@charset "utf-8";

/* ============================================
   MHP777.com colorschemes.css:
     - Override bootstrap .navbar-default color scheme and related selectors.
	 - Also override colors for other objects, such as buttons (.btn and related).
	 - FUTURE: Will add other color schemes (e.g., Red Currant, Black Seal, ...).
	 ! Elements below are generally in the same order as presented in bootstrap.css.

   To create a new color scheme:
     1) In CSS (here):
	      a) Copy and paste all color-related settings below (except .navbar).
		  b) Prefix them with a new color scheme selector.
		  c) Modify them to create a new color scheme.
     2) In HTML:
	       a) Replace #pageWrapper color scheme class, if any, with the new selector.
		   b) If using a DW bootstrap template, delete any .navbar-default selector.
     3) In JS (FUTURE):
	       a) Set up code to switch the color scheme class for #pageWrapper div.
           b) Set up a dropdown in HTML to allow user to switch schemes.
		   c) Set up a cookie or localStorage item to hold the choice.
   ============================================ */

/* =============================================
   REDCURRANT (.colorscheme-REDCURRANT) color scheme:
     #CD1616: (DDR) Dark dark-red: Pancake icon border, link hover text.
	 #FF2D2D: (LDR) Light dark-red: "Normal" text, .active item bkgd, form div borders, focus outline.
     #EBC0C0: (MR) Med red: Hover and focus backgrounds, sub-menu divider and border.
	 #CBC0C0: (LRG) Light red-grey: Disabled text.
	 #F5DBDB: (LR) Light red: Dropdown menu item hover and focus backgrounds.
	 #FFECEC: (LLR) Light light-red: .active item text.
   ============================================= */

/* ---------------------------------------------
   Override default bootstrap color settings for horizontal rules
   --------------------------------------------- */

.colorscheme-REDCURRANT hr {
	/* Override bootstrap.css hr color setting */
	border-top: 1px solid #FF2D2D; /* LDR (bts def color: #eee) */
	}

/* ---------------------------------------------
   General link color selectors
   --------------------------------------------- */

.colorscheme-REDCURRANT a,
.colorscheme-REDCURRANT a:visited {
	/* Override bootstrap.css general link color settings */
	color: #FF2D2D; /* LDR (bts def: #337ab7=md blue) */
	text-decoration: none; /* (bts def: none) */
	font-weight: bold;
	}
.colorscheme-REDCURRANT a:hover,
.colorscheme-REDCURRANT a:focus {
	/* Override bootstrap.css general link color settings for hover and focus */
	color: #CD1616; /* DDR (bts def: #23527c=dk blue) */
	text-decoration: underline; /* (bts def: underline) */
	}
.colorscheme-REDCURRANT a:focus {
	/* Control outlines around general links (non-drop-downs) when in focus. 
	   Also maintain the browser focus ring, if desired.
	     - See https://www.tjvantoll.com/2013/01/28/stop-messing-with-the-browsers-default-focus-outline/ */
	outline: thin dotted #FF2D2D; /* LDR (bts def: thin dotted [no specific color]) */
	/*outline: 5px auto -webkit-focus-ring-color;*/ /* (bts def: [as shown] */
	}

/* ---------------------------------------------
   Override default bootstrap color settings for dropdown menus
   --------------------------------------------- */

.colorscheme-REDCURRANT .dropdown-toggle:focus {
	/* Force an outline around MAIN dropdown menu item if in focus.
	     !! Without this, normal "a" menu items get outline (above), but not dropdowns.
	   Also maintain the browser focus ring, if desired. */
	outline: thin dotted #FF2D2D; /* LDR (bts def: none) */
	/*outline: 5px auto -webkit-focus-ring-color;*/ /* (bts def: [as shown] */
	}

.colorscheme-REDCURRANT .dropdown-menu {
	/* Left-aligned dropdown menu.
	     - To right-align, apply .dropdown-menu-right to same element.
	     - Rest of selector in bootstrap.css contains many other attributes. */
	min-width: 160px; /* (bts def: 160px) */
	font-size: 14px; /* (bts def: 14px) */

	/* Dropdown block background color.
	     ! Must have a color.
		 - Otherwise (if transparent), when dropdown occurs, will show
		   under-content through the sub-menu. */
	background-color: #fff; /* (bts def: #fff=white) */

	/* Dropdown border.
	     - Semi-strong border gives it substance, box-shadow makes it shine. */
	border: 1px solid #EBC0C0; /* MR (Hex) (bts def: #ccc=light gray) */
	border: 1px solid rgba(235, 192, 192, 0.5); /* MR (RGB), semi (bts def: (0, 0, 0, .15)) */

	/* Curve of sub-menu bottom.
	   - Top is always flat, up against the main menu, due to zero T margin. */
	border-radius: 8px; /* (bts def: 4px) */

	/* Shadow outside border.
	   - Shown here as RGB.
	   - Make strong (opacity .75) (bts def: weak (.175)) */
	-webkit-box-shadow: 0 6px 12px rgba(235, 192, 192, 0.75); /* MR (bts def: (0, 0, 0, .175)) */
	        box-shadow: 0 6px 12px rgba(235, 192, 192, 0.75); /* MR (bts def: (0, 0, 0, .175)) */
	}
.colorscheme-REDCURRANT .dropdown-menu .divider {
	/* Dropdown sub-menu grouping "divider" line.
	   - div with background fill */
	background-color: #EBC0C0; /* MR (bts def: #e5e5e5=off-white) */
	}
.colorscheme-REDCURRANT .dropdown-menu > li > a {
	/* Dropdown block sub-menu item text.
	     ! NOT dropdown main menu item text.
	     - For the main menu item itself, CF:
	       * ".colorscheme-REDCURRANT .navbar-nav > .open > a" and related
		   * ".colorscheme-REDCURRANT .nav .open > a" and related. */
	font-weight: normal; /* (bts def: normal) */
	line-height: 1.42857143; /* (bts def: 1.42857143) */
	color: #FF2D2D; /* LDR (bts def: #333=dk grey) */
	}
.colorscheme-REDCURRANT .dropdown-menu > li > a:hover,
.colorscheme-REDCURRANT .dropdown-menu > li > a:focus {
	/* Dropdown block sub-menu item text/background on hover/focus */
	color: #FF2D2D; /* LDR (bts def: #262626=almost black) */
	text-decoration: none; /* (bts def: none) */
	background-color: #F5DBDB; /* LR (bts def: #f5f5f5=near-white) */
	}
.colorscheme-REDCURRANT .dropdown-menu > .active > a,
.colorscheme-REDCURRANT .dropdown-menu > .active > a:focus {
	/* If .dropdown sub-menu item labeled ".active":
	     - Same color scheme as if .navbar-nav item labeled ".active".
	   Also applies if in focus, so it looks identical and un-hovered. */
	color: #FFECEC; /* LLR (bts def: #fff=white) */
	text-decoration: none; /* (bts def: none) */
	background-color: #FF2D2D; /* LDR (bts def: #337ab7=md blue) */
	outline: 0; /* (bts def: 0 = No outline) */
	}
.colorscheme-REDCURRANT .dropdown-menu > .active > a:hover {
	/* If .dropdown sub-menu item labeled ".active":
	     - Same color scheme as if .navbar-nav item labeled ".active" for hover. */
	color: #FF2D2D; /* LDR (bts def: #555=md gray) */
	background-color: #EBC0C0; /* MR (bts def: #e7e7e7=off-white) */
	}
.colorscheme-REDCURRANT .dropdown-menu > .disabled > a,
.colorscheme-REDCURRANT .dropdown-menu > .disabled > a:hover,
.colorscheme-REDCURRANT .dropdown-menu > .disabled > a:focus {
	/* If .dropdown sub-menu item labeled ".disabled":
	     - Same color scheme as if .navbar-nav item labeled ".disabled". */
 	color: #CBC0C0; /* LRG (bts def: #777=md gray) */
	background-color: transparent; /* (bts def: transparent) */
	}

.colorscheme-REDCURRANT .dropdown-header {
	/* Unsure of purpose of this; currently unused */
	font-size: 12px; /* (bts def: 12px) */
	line-height: 1.42857143; /* (bts def: 1.42857143) */
	color: #FF2D2D; /* LDR (bts def: #777=md gray) */
	}

/* ---------------------------------------------
   Override default bootstrap color scheme for navbar
     - CF .navbar-default, .navbar-inverted, etc.
   --------------------------------------------- */

.colorscheme-REDCURRANT {
	/* Transparent navbar W/OUT border, unless overridden further down.
	     - (bts def for body is white (#fff); navbar ends up same color) */
	background-color: transparent; /* (bts def: #f8f8f8=mostly white) */
	/* border-color: #e7e7e7; */ /* (bts def: #e7e7e7=slightly gray)  */
	}

.colorscheme-REDCURRANT .navbar-brand {
	/* "Brand" menu item text.
	   Also, add a border-radius of same value as .dropdown-menu.
	     - Softens the menu item div visually. */
	color: #FF2D2D; /* LDR (bts def: #777=md gray) */
	border-radius: 8px;
	}
.colorscheme-REDCURRANT .navbar-brand:hover,
.colorscheme-REDCURRANT .navbar-brand:focus {
	/* "Brand" menu item text/background on hover/focus.
	     - ALTERNATIVE: DDR bottom border. HOWEVER, this adds a pixel to the
		   bottom of the navbar and moves sub-elements up and down on hover.
		   CF ".navbar-nav > li > a" (below).
	   Also, add a border-radius of high value.
	     - Rounds out main menu item div visually on hover/focus.
		 - Accentuates the focus. */
	color: #FF2D2D; /* LDR (bts def: #5e5e5e=md gray) */
	background-color: #EBC0C0; /* LR (bts def: NOT SET) */
	/*border-color: #CD1616;*/ /* DDR (bts def: NOT SET) */
	/*border-bottom: 1px solid;*/ /* (bts def: NOT SET) */
	border-radius: 25px;
	}

.colorscheme-REDCURRANT .navbar-text {
	/* Default navbar text color */
 	color: #FF2D2D; /* LDR (bts def: #777=md gray) */
	}

.colorscheme-REDCURRANT .navbar-nav > li > a {
	/* Normal menu item / closed dropdown main menu item text.
	   Also, add a border-radius of same value as .dropdown-menu.
	     - Softens the main menu item div visually. */
	color: #FF2D2D; /* LDR (bts def: #777=md gray) */
	border-radius: 8px;

	/* Alternate MHP theme places a bottom-border on menu item :hover.
	     - CF ".navbar-brand:hover" (above) / ".navbar-nav > li > a:hover" (below).
		 - B-B adds one pixel on hover, pushing under-elements down slightly.
		   Remove that pixel here to accommodate that border. */
    /*padding-bottom: 14px;*/ /* bts def: height: 50px; padding-bottom: 15px; */
	}
.colorscheme-REDCURRANT .navbar-nav > li > a:hover,
.colorscheme-REDCURRANT .navbar-nav > li > a:focus {
	/* Normal menu item / closed dropdown main menu item text/background on hover/focus.
	     - ALTERNATIVE: DDR bottom border. HOWEVER, this adds a pixel to the
		   bottom of the navbar and moves sub-elements up and down on hover.
		   CF ".navbar-nav > li > a" (above).
	   Also, add a border-radius of high value.
	     - Rounds out main menu item div visually on hover/focus.
		 - Accentuates the focus. */
	color: #FF2D2D; /* LDR (bts def: #333=dark gray) */
	background-color: #EBC0C0; /* MR (bts def: NOT SET) */
	/*border-color: #CD1616;*/ /* DDR (bts def: NOT SET) */
	/*border-bottom: 1px solid;*/ /* (bts def: NOT SET) */
	border-radius: 25px;
	}

.colorscheme-REDCURRANT .navbar-nav > .active > a,
.colorscheme-REDCURRANT .navbar-nav > .active > a:focus {
	/* Normal "active" menu item / closed dropdown text/background.
	     - Also applies if in focus, so it looks identical and un-hovered. */
	color: #FFECEC; /* LLR (bts def: #555=md gray) */
	background-color: #FF2D2D; /* LDR (bts def: #e7e7e7=off-white) */
	}
.colorscheme-REDCURRANT .navbar-nav > .active > a:hover {
	/* Normal "active" menu item / closed dropdown text/background on hover */
	color: #FF2D2D; /* LDR (bts def: #555=md gray) */
	background-color: #EBC0C0; /* MR (bts def: #e7e7e7=off-white) */
	}

.colorscheme-REDCURRANT .navbar-nav > .disabled > a,
.colorscheme-REDCURRANT .navbar-nav > .disabled > a:hover,
.colorscheme-REDCURRANT .navbar-nav > .disabled > a:focus {
	/* Disabled menu item / closed dropdown main menu item text/background */
 	color: #CBC0C0; /* LRG (bts def: #ccc=lt gray) */
	background-color: transparent; /* (bts def: transparent) */
	}

.colorscheme-REDCURRANT .navbar-toggle,
.colorscheme-REDCURRANT .navbar-toggle:focus {
	/* Navigation (pancake) button: div containing ".dropdown-menu .divider" elements.
	     - Force background and border colors in any situation (normal or :focus).
	     - No code for :hover, because does not work right on Android.
	       * Ex. If set :hover to change background color to MR (EBC0C0), works fine on laptop,
	         that is, if move cursor over pancake block, color lightens, and if move cursor
		     away, color returns to LDR. On Android, press pancake block, color lightens and
		     menu drops down, but pancake block color does not auto-return to LDR unless tap
		     something else. Android treats :hover same as :focus.
	     - Can alternatively set up CCS for ".colorscheme-REDCURRANT .navbar-header .collapsed"
	       to force LDR any time the dropdown menu is collapsed into the pancake block, but
		   even then if click or tap outside of pancake block, any color set up for :hover
		   reverts to LDR, making :hover moot. Better to just keep pancake block same color
		   always and identify :hover simply by the cursor changing to a hand.
		 - Also override bts def margin-bottom, so pancake block sit-aligns w/banner img */
	border-color: #CD1616; /* DDR border (bts def: #ddd=light gray) */
	background-color: #FF2D2D; /* LDR fill (bts def: NOT SET) */
	margin-bottom: 0px; /* (bts def: 8px) */
	}
.colorscheme-REDCURRANT .navbar-toggle:hover {
	/* Navigation (pancake) button background on hover.
	     See :focus for why this is disabled. */
	/*background-color: #EBC0C0;*/ /* MR (bts def: #ddd=light gray) */
	}
.colorscheme-REDCURRANT .navbar-toggle .icon-bar {
	/* Navigation (pancake) button pancakes: Thin divs w/background color.
	   Shape controlled by:
	     - bootstrap.css ".navbar-toggle .icon-bar" (block, W:22px, H:2px, border-radius:1px)
	       * Each is contained in HTML span w/.icon-bar class, which adds H:4px between
		     (3 icon-bars, 2+4+2+4+2 = 22x14px).
	     - bootstrap.css ".navbar-toggle" (padding TB: 9px, LR: 15px; border: 1px)
	       * Gives pancake block total W:44px, H:34px.
		   * Also margin TB: 9px, R:15px to push away from viewport side, other elements.
		   * Also radius 4px to round out total block.
	   Here, modify color of bars themselves. */
	background-color: #FFECEC; /* LLR (bts def: #888=md gray) */
	width: 25px; /* (bts def: 22px) */
	height: 3px; /* (bts def: 2px) */
	}

.colorscheme-REDCURRANT .navbar-collapse,
.colorscheme-REDCURRANT .navbar-form {
	/* When small viewport pushes main menu into pancake block:
	     - A border appears around divs that contain form elements
		   (e.g., search, Submit, etc.) when pancake is expanded. */
	border-color: #FF2D2D; /* LDR (bts def: #e7e7e7=off-white) */
	}

.colorscheme-REDCURRANT .navbar-nav > .open > a,
.colorscheme-REDCURRANT .nav .open > a,
.colorscheme-REDCURRANT .navbar-nav > .open > a:hover,
.colorscheme-REDCURRANT .nav .open > a:hover,
.colorscheme-REDCURRANT .navbar-nav > .open > a:focus,
.colorscheme-REDCURRANT .nav .open > a:focus {
	/* When dropdown menu is open/expanded:
	     - Main menu item (NOT sub-menu items) text/hover/focus.
	   !! NOT sub-menu items; for control of those, see:
	      - ".colorscheme-REDCURRANT .dropdown-menu > li > a" and related.
	   Also, add a border-radius of high value:
	     - Rounds out main menu item div visually on hover/focus.
		 - Accentuates the focus.
		 - This B-R value is repeated here (as well as "li > a:hover/focus")
		   so if user clicks away (anywhere) from the focus element, it retains
		   its B-R. Otherwise, if user clicks away, focus element takes its
		   "li > a" B-R shape for a split-second, (currently only 8px). */
	color: #FF2D2D; /* LDR (bts def: #555=md gray) */
	background-color: #EBC0C0; /* MR (bts def: #e7e7e7=off-white) */
	border-color: #FF2D2D; /* LDR (bts def: #337ab7=md blue) */
	border-radius: 25px;
	}

@media (max-width: 767px) {
	/* ---------------------------------------------
	   Color scheme selectors repeated here by bootstrap.css,
	     for when main menu is collapsed into pancake icon,
	     due to small viewport
	   --------------------------------------------- */

	.colorscheme-REDCURRANT .navbar-nav .open .dropdown-menu > li > a {
	/* Small-viewport dropdown sub-menu item text.
	     - CF ".colorscheme-REDCURRANT .dropdown-menu > li > a" and related. */
		color: #FF2D2D; /* LDR (bts def: #777=md gray) */
		}
	.colorscheme-REDCURRANT .navbar-nav .open .dropdown-menu > li > a:hover,
	.colorscheme-REDCURRANT .navbar-nav .open .dropdown-menu > li > a:focus {
	/* Small-viewport dropdown sub-menu item text/background on hover/focus.
	     - CF ".colorscheme-REDCURRANT .dropdown-menu > li > a" and related. */
		color: #FF2D2D; /* LDR (bts def: #333=dark gray) */
		background-color: #F5DBDB; /* LR (bts def: transparent) */
		}
	.colorscheme-REDCURRANT .navbar-nav .open .dropdown-menu > .active > a,
	.colorscheme-REDCURRANT .navbar-nav .open .dropdown-menu > .active > a:focus {
	/* Small-viewport dropdown sub-menu "active" item/closed dropdown text/background.
	     - Also applies if in focus, so it looks identical and un-hovered.
		 - CF ".colorscheme-REDCURRANT .dropdown-menu > .active > a" and related. */
		color: #FFECEC; /* LLR (bts def: #555=md gray) */
		background-color: #FF2D2D; /* LDR (bts def: #e7e7e7=off-white) */
		}
	.colorscheme-REDCURRANT .navbar-nav .open .dropdown-menu > .active > a:hover {
	/* Small-viewport dropdown sub-menu "active" item/closed dropdown on hover.
		 - CF ".colorscheme-REDCURRANT .dropdown-menu > .active > a:hover". */
		color: #FF2D2D; /* LDR (bts def: #555=md gray) */
		background-color: #EBC0C0; /* MR (bts def: #e7e7e7=off-white) */
		}
	.colorscheme-REDCURRANT .navbar-nav .open .dropdown-menu > .disabled > a,
	.colorscheme-REDCURRANT .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.colorscheme-REDCURRANT .navbar-nav .open .dropdown-menu > .disabled > a:focus {
	/* Small-viewport disabled menu item/closed dropdown.
		 - CF ".colorscheme-REDCURRANT .dropdown-menu > .disabled > a" and related. */
		color: #CBC0C0; /* LRG (bts def: #ccc=lt gray) */
		background-color: transparent; /* (bts def: transparent) */
		}

	/* ---------------------------------------------
	   Color scheme selectors repeated here by MHP,
	     for when main menu is collapsed into pancake icon,
	     due to small viewport.
	   Turn off most border-radius values, as elements in
	     pancake dropdown look better with square borders
		 than with rounded borders, when stretched across
		 width of device.
	   --------------------------------------------- */

	.colorscheme-REDCURRANT .navbar-brand {
		/* "Brand" menu item text.
		     - Shrink, rather than turn off, to match pancake block. */
		border-radius: 4px;
		}
	.colorscheme-REDCURRANT .navbar-brand:hover,
	.colorscheme-REDCURRANT .navbar-brand:focus {
		/* "Brand" menu item text/background on hover/focus.
		     - Shrink, rather than turn off, to match pancake block. */
		border-radius: 4px;
		}

	.colorscheme-REDCURRANT .navbar-nav > li > a {
		/* Normal menu item / closed dropdown main menu item text. */
		border-radius: 0px;
		}
	.colorscheme-REDCURRANT .navbar-nav > li > a:hover,
	.colorscheme-REDCURRANT .navbar-nav > li > a:focus {
		/* Normal menu item / closed dropdown main menu item text/bkgd on hover/focus. */
		border-radius: 0px;
		}

	.colorscheme-REDCURRANT .navbar-nav > .open > a,
	.colorscheme-REDCURRANT .nav .open > a,
	.colorscheme-REDCURRANT .navbar-nav > .open > a:hover,
	.colorscheme-REDCURRANT .nav .open > a:hover,
	.colorscheme-REDCURRANT .navbar-nav > .open > a:focus,
	.colorscheme-REDCURRANT .nav .open > a:focus {
		/* When dropdown menu is open/expanded:
		     - Main menu item (NOT sub-menu items) text/hover/focus. */
		border-radius: 0px;
		}
}


/* ---------------------------------------------
   Duplicated from .dropdown-menu due to issues
   with removing viewport max-width settings
   in the custom css files, as max-width 767px
   produced odd results AT 767px. Remaining
   small-viewport navbar fixes are in navbar.css.
   --------------------------------------------- */

@media (min-width: 768px) {
  .colorscheme-REDCURRANT .navbar-nav .open .dropdown-menu {
	border: 1px solid #EBC0C0; /* MR (Hex) (bts def: #ccc=light gray) */
	border: 1px solid rgba(235, 192, 192, 0.5); /* MR (RGB), semi (bts def: (0, 0, 0, .15)) */

	/* Shadow outside border.
	   - Shown here as RGB.
	   - Make strong (opacity .75) (bts def: weak (.175)) */
	-webkit-box-shadow: 0 6px 12px rgba(235, 192, 192, 0.75); /* MR (bts def: (0, 0, 0, .175)) */
	        box-shadow: 0 6px 12px rgba(235, 192, 192, 0.75); /* MR (bts def: (0, 0, 0, .175)) */
  }
}

/* ---------------------------------------------
   Logo text for img pages (these have no logo).
   --------------------------------------------- */

.colorscheme-REDCURRANT #logoTextAboveNavbar,
.colorscheme-REDCURRANT #logoTextInNavbar {
	/* Color of logo text for img pages (no logo). */
	color: #FF2D2D; /* LDR */
	}

/* ---------------------------------------------
   Color scheme for paging list.
     - Similar to color scheme for navbar.
	 - Paging list does NOT use navbar controls,
	   want to allow simplified/different controls.
   --------------------------------------------- */

.colorscheme-REDCURRANT .paging-ul {
	/* Default paging list text color */
 	color: #FF2D2D; /* LDR (bts def: #777=md gray) */
	}

.colorscheme-REDCURRANT .paging-ul > li > a {
	/* Normal menu item / closed dropdown main menu item text.
	   Also, add a border-radius of same value as .dropdown-menu.
	     - Softens the main menu item div visually. */
	color: #FF2D2D; /* LDR (bts def: #777=md gray) */
	border-radius: 8px;
	}
.colorscheme-REDCURRANT .paging-ul > li > a:hover,
.colorscheme-REDCURRANT .paging-ul > li > a:focus {
	/* Normal menu item / closed dropdown main menu item text/background on hover/focus.
	   Also, add a border-radius of high value.
	     - Rounds out main menu item div visually on hover/focus.
		 - Accentuates the focus. */
	color: #FF2D2D; /* LDR (bts def: #333=dark gray) */
	background-color: #EBC0C0; /* MR (bts def: NOT SET) */
	border-radius: 8px;
	text-decoration: none;
	}

.colorscheme-REDCURRANT .paging-ul > .active > a,
.colorscheme-REDCURRANT .paging-ul > .active > a:focus {
	/* Normal "active" menu item / closed dropdown text/background.
	     - Also applies if in focus, so it looks identical and un-hovered. */
	color: #FFECEC; /* LLR (bts def: #555=md gray) */
	background-color: #FF2D2D; /* LDR (bts def: #e7e7e7=off-white) */
	}
.colorscheme-REDCURRANT .paging-ul > .active > a:hover {
	/* Normal "active" menu item / closed dropdown text/background on hover */
	color: #FF2D2D; /* LDR (bts def: #555=md gray) */
	background-color: #EBC0C0; /* MR (bts def: #e7e7e7=off-white) */
	}

/* ---------------------------------------------
   Override default bootstrap color scheme for buttons:
     - When using classes .btn and/or .btn-default.
   --------------------------------------------- */

.colorscheme-REDCURRANT .btn:focus,
.colorscheme-REDCURRANT .btn:active:focus,
.colorscheme-REDCURRANT .btn.active:focus,
.colorscheme-REDCURRANT .btn.focus,
.colorscheme-REDCURRANT .btn:active.focus,
.colorscheme-REDCURRANT .btn.active.focus {
	/* Control outlines around buttons (.btn) when in focus. 
	   Also maintain the browser focus ring, if desired.
	     - See https://www.tjvantoll.com/2013/01/28/stop-messing-with-the-browsers-default-focus-outline/ */
	outline: thin dotted #FF2D2D; /* LDR (bts def: thin dotted [no specific color]) */
	/*outline: 5px auto -webkit-focus-ring-color;*/ /* (bts def: [as shown] */
	}
.colorscheme-REDCURRANT .btn:hover,
.colorscheme-REDCURRANT .btn:focus,
.colorscheme-REDCURRANT .btn.focus {
	/* Button (.btn) hover and focus text color.
	     - Unless overridden by .btn-default hover and focus colors.
		 - Set this color to the same as .btn-default hover and focus. */
	color: #FF2D2D; /* LDR (bts def: #333=dk grey) */
	}
.colorscheme-REDCURRANT .btn:active,
.colorscheme-REDCURRANT .btn.active {
	/* Active button (.btn) settings, IF using that class. */
	background-image: none; /* LDR (bts def: none) */
	outline: 0; /* LDR (bts def: 0) */
	-webkit-box-shadow: inset 0 3px 6px rgba(235, 192, 192, 0.25); /* MR (bts def: (0, 0, 0, .125)) */
	        box-shadow: inset 0 3px 6px rgba(235, 192, 192, 0.25); /* MR (bts def: (0, 0, 0, .125)) */
	}

.colorscheme-REDCURRANT .btn-default {
	/* Button (.btn-default) main colors */
	color: #FF2D2D; /* LDR (bts def: #333=dk grey) */
	background-color: #F5DBDB; /* LR (bts def: #fff=white) */
	border-color: #F5DBDB; /* LR (bts def: #ccc=light gray) */
	}
.colorscheme-REDCURRANT .btn-default:focus,
.colorscheme-REDCURRANT .btn-default.focus {
	/* Button (.btn-default) focus colors */
	color: #FF2D2D; /* LDR (bts def: #333=dk grey) */
	background-color: #F5DBDB; /* LR (bts def: #e6e6e6=off-white) */
	border-color: #FF2D2D; /* LDR (bts def: #8c8c8c=dark gray) */
	}
.colorscheme-REDCURRANT .btn-default:hover {
 	/* Button (.btn-default) hover colors */
	color: #FF2D2D; /* LDR (bts def: #333=dk grey) */
	background-color: #EBC0C0; /* MR (bts def: #e6e6e6=off-white) */
	border-color: #EBC0C0; /* MR (bts def: #adadad=md gray) */
	}
.colorscheme-REDCURRANT .btn-default:active,
.colorscheme-REDCURRANT .btn-default.active,
.colorscheme-REDCURRANT .open > .dropdown-toggle.btn-default,
.colorscheme-REDCURRANT .btn-default:active:focus,
.colorscheme-REDCURRANT .btn-default.active:focus,
.colorscheme-REDCURRANT .open > .dropdown-toggle.btn-default:focus,
.colorscheme-REDCURRANT .btn-default:active.focus,
.colorscheme-REDCURRANT .btn-default.active.focus,
.colorscheme-REDCURRANT .open > .dropdown-toggle.btn-default.focus {
 	/* Active button (.btn-default) main and focus colors */
	color: #FFECEC; /* LLR (bts def: #333=dk gray) */
	background-color: #FF2D2D; /* LDR (bts def: #e6e6e6=off-white; focus bts def: #d4d4d4=lt gray) */
	border-color: #FFECEC; /* LLR (bts def: #adadad=md gray; focus bts def: #8c8c8c=dk gray) */
	}
.colorscheme-REDCURRANT .btn-default:active:hover,
.colorscheme-REDCURRANT .btn-default.active:hover,
.colorscheme-REDCURRANT .open > .dropdown-toggle.btn-default:hover {
 	/* Active button (.btn-default) hover colors */
	color: #FF2D2D; /* LDR (bts def: #333=dk grey) */
	background-color: #EBC0C0; /* MR (bts def: #d4d4d4=lt gray) */
	border-color: #EBC0C0; /* MR (bts def: #8c8c8c=dk gray) */
	}
.colorscheme-REDCURRANT .btn-default.disabled:hover,
.colorscheme-REDCURRANT .btn-default[disabled]:hover,
.colorscheme-REDCURRANT fieldset[disabled] .btn-default:hover,
.colorscheme-REDCURRANT .btn-default.disabled:focus,
.colorscheme-REDCURRANT .btn-default[disabled]:focus,
.colorscheme-REDCURRANT fieldset[disabled] .btn-default:focus,
.colorscheme-REDCURRANT .btn-default.disabled.focus,
.colorscheme-REDCURRANT .btn-default[disabled].focus,
.colorscheme-REDCURRANT fieldset[disabled] .btn-default.focus {
 	/* Disabled button (.btn-default) focus and hover colors */
 	color: #CBC0C0; /* LRG */
	background-color: transparent; /* (bts def: #fff=white) */
	border-color: #CBC0C0; /* LRG (bts def: #ccc=lt gray) */
	}

/* ---------------------------------------------
   Selectors for clickable anchors (links) DISGUISED AS CONTENT-LINK BUTTONS:
     - These "buttons" are styled anchors using the .button class.
     - CF examples:
         a) http://www.w3schools.com/css/css3_buttons.asp,
              http://www.w3schools.com/css/tryit.asp?filename=trycss_buttons_basic
         b) bootstrap.css (.btn)
     - Button shape is controlled in main.css.
	 - Contrary to bootstrap .btn and .btn-default classes, the .button class
	     MUST follow .active in the HTML if using that class.
   --------------------------------------------- */

.colorscheme-REDCURRANT .content-link a:focus.button,
.colorscheme-REDCURRANT .content-link a:focus.active.button {
	/* Control outlines around content link buttons when in focus. 
	   Also maintain the browser focus ring, if desired.
	     - See https://www.tjvantoll.com/2013/01/28/stop-messing-with-the-browsers-default-focus-outline/ */
	outline: thin dotted #FF2D2D; /* LDR (bts def: thin dotted [no specific color]) */
	/*outline: 5px auto -webkit-focus-ring-color;*/ /* (bts def: [as shown] */
	}
.colorscheme-REDCURRANT .content-link a.active.button {
	/* Active button settings, IF using that class. */
	background-image: none; /* LDR (bts def: none) */
	outline: 0; /* LDR (bts def: 0) */
	-webkit-box-shadow: inset 0 3px 6px rgba(235, 192, 192, 0.25); /* MR (bts def: (0, 0, 0, .125)) */
	        box-shadow: inset 0 3px 6px rgba(235, 192, 192, 0.25); /* MR (bts def: (0, 0, 0, .125)) */
	}

.colorscheme-REDCURRANT .content-link a.button {
	/* Button main colors */
	color: #FF2D2D; /* LDR (bts def: #333=dk grey) */
	background-color: #F5DBDB; /* LR (bts def: #fff=white) */
	border-color: #F5DBDB; /* LR (bts def: #ccc=light gray) */
	}
.colorscheme-REDCURRANT .content-link a:focus.button {
	/* Button focus colors */
	color: #FF2D2D; /* LDR (bts def: #333=dk grey) */
	background-color: #EBC0C0; /* MR (bts def: #e6e6e6=off-white) */
	border-color: #FF2D2D; /* LDR (bts def: #8c8c8c=dark gray) */
	}
.colorscheme-REDCURRANT .content-link a:hover.button {
 	/* Button hover colors */
	color: #FF2D2D; /* LDR (bts def: #333=dk grey) */
	background-color: #EBC0C0; /* MR (bts def: #e6e6e6=off-white) */
	border-color: #EBC0C0; /* MR (bts def: #adadad=md gray) */
	}
.colorscheme-REDCURRANT .content-link a.active.button,
.colorscheme-REDCURRANT .content-link a:focus.active.button {
 	/* Active button main and focus colors */
	color: #FFECEC; /* LLR (bts def: #333=dk gray) */
	background-color: #FF2D2D; /* LDR (bts def: #e6e6e6=off-white; focus bts def: #d4d4d4=lt gray) */
	border-color: #FFECEC; /* LLR (bts def: #adadad=md gray; focus bts def: #8c8c8c=dk gray) */
	}
.colorscheme-REDCURRANT .content-link a:hover.active.button {
 	/* Active button hover colors */
	color: #FF2D2D; /* LDR (bts def: #333=dk grey) */
	background-color: #EBC0C0; /* MR (bts def: #d4d4d4=lt gray) */
	border-color: #EBC0C0; /* MR (bts def: #8c8c8c=dk gray) */
	}
.colorscheme-REDCURRANT .content-link a[disabled]:hover.button,
.colorscheme-REDCURRANT .content-link a[disabled]:focus.button {
 	/* Disabled button focus and hover colors */
 	color: #CBC0C0; /* LRG */
	background-color: transparent; /* (bts def: #fff=white) */
	border-color: #CBC0C0; /* LRG (bts def: #ccc=lt gray) */
	}

/* ---------------------------------------------
   Selectors for input buttons
   --------------------------------------------- */

.colorscheme-REDCURRANT input.button {
	color: #FF2D2D; /* LDR (Same as main menu items) */
	background-color: transparent;
	border: 2px solid #EBC0C0; /* MR */
	-webkit-box-shadow: inset 0 3px 6px rgba(235, 192, 192, 0.75); /* MR (#EBC0C0) */
	        box-shadow: inset 0 3px 6px rgba(235, 192, 192, 0.75); /* MR (#EBC0C0) */
	}
.colorscheme-REDCURRANT input.button:hover,
.colorscheme-REDCURRANT input.button:focus {
	color: #FF2D2D; /* LDR (Same as main menu items) */
	background-color: #EBC0C0; /* MR (Same as main menu items) */
	border: 2px solid transparent; /* LDR */
	-webkit-box-shadow: inset 0 3px 6px rgba(205, 22, 22, .125); /* DDR (#CD1616) */
	        box-shadow: inset 0 3px 6px rgba(205, 22, 22, .125); /* DDR (#CD1616) */
	}
.colorscheme-REDCURRANT input[disabled].button,
.colorscheme-REDCURRANT input[disabled].button:hover,
.colorscheme-REDCURRANT input[disabled].button:focus {
 	/* Disabled button focus and hover colors */
 	color: #CBC0C0; /* LRG */
	background-color: transparent; /* (bts def: #fff=white) */
	border-color: #CBC0C0; /* LRG (bts def: #ccc=lt gray) */
	}


/* ---------------------------------------------
   Img-related color selectors
   --------------------------------------------- */

.colorscheme-REDCURRANT .img-border {
 	/* Border around img elements */
	border: 2px solid #F5DBDB; /* LR */
	border-radius: 8px;
	}
.colorscheme-REDCURRANT .img-caption {
	color: #FF2D2D; /* LDR */
	font-size: 85%;
	font-weight: bold;
	word-wrap: break-word; /* Allow word-break line-wrapping in long words */
	}
.colorscheme-REDCURRANT .img-date,
.colorscheme-REDCURRANT .img-id {
	/* Similar to banner-caption for dates in imgs */
	position: absolute;
	bottom: 0px;
	font-size: 80%;
	font-weight: bold;
	color: #FFFFFF;
	font-style: italic;
	text-shadow: 2px 2px 10px #000000;
	opacity: 0.7;
	letter-spacing: 0.08em;
	text-align: center;
	}
.colorscheme-REDCURRANT .img-date {
	right: 2%;
	}
.colorscheme-REDCURRANT .img-id {
	left: 2%;
	}
.colorscheme-REDCURRANT a.img-caption-link {
	/* Links embedded in img captions */
	background-color: #F5DBDB; /* LR */
	border: 1px solid #FF2D2D; /* LDR */
	border-radius: 4px;
	padding-left: 1px;
	padding-right: 1px;
	}
.colorscheme-REDCURRANT a:focus.img-caption-link,
.colorscheme-REDCURRANT a:hover.img-caption-link {
	/* Links embedded in img captions on focus and hover */
	color: #FF2D2D; /* LDR */
	background-color: #EBC0C0; /* MR */
	border-color: #FF2D2D; /* LDR */
	text-decoration: none;
	}

/* ---------------------------------------------
   Contact page (not form fields)
   --------------------------------------------- */

.colorscheme-REDCURRANT .contactWelcomeMsg {
	color: inherit; /* (should be #333 (dk grey)) */
	font-weight: bold;
	}
.colorscheme-REDCURRANT .contactThanksMsg {
	background-color: #F5DBDB; /* LR */
	border: 3px solid #FF2D2D; /* LDR */
	border-radius: 8px;
	color: #FF2D2D; /* LDR */
	font-weight: bold;
	padding: 2px 5px;
	text-align: center;
	}

/* ---------------------------------------------
   Form fields
   --------------------------------------------- */

.colorscheme-REDCURRANT .formInputOK {
	background-color: #F5DBDB; /* LR */
	border: 1px solid #FF2D2D; /* LDR */
	color: #FF2D2D; /* LDR */
	}
.colorscheme-REDCURRANT input:-webkit-autofill[class*="formInputOK"],
.colorscheme-REDCURRANT textarea:-webkit-autofill[class*="formInputOK"],
.colorscheme-REDCURRANT select:-webkit-autofill[class*="formInputOK"] {
	/* http://www.w3schools.com/cssref/css_selectors.asp */
	/* http://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete */
	-webkit-box-shadow: 0 0 0px 1000px #F5DBDB inset; /* LR */
	box-shadow: 0 0 0px 1000px #F5DBDB inset; /* LR */
	-webkit-text-fill-color:  #FF2D2D !important; /* LDR */
	}
.colorscheme-REDCURRANT .formInputErr {
	background-color: #FFC0C0; /* (Light red) */
	border: 1px solid #FF1F1F; /* (Med-dark red) */
	color: #FF1F1F; /* (Med-dark red) */
	}
.colorscheme-REDCURRANT input:-webkit-autofill[class*="formInputErr"],
.colorscheme-REDCURRANT textarea:-webkit-autofill[class*="formInputErr"],
.colorscheme-REDCURRANT select:-webkit-autofill[class*="formInputErr"] {
	/* http://www.w3schools.com/cssref/css_selectors.asp */
	/* http://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete */
	-webkit-box-shadow: 0 0 0px 1000px #FFC0C0 inset; /* (Light red) */
	box-shadow: 0 0 0px 1000px #FFC0C0 inset; /* (Light red) */
	-webkit-text-fill-color:  #FF1F1F !important; /* (Med-dark red) */
	}

/* ---------------------------------------------
   Other color selectors
   --------------------------------------------- */

.colorscheme-REDCURRANT .well {
 	/* Modify bts def settings for .well */
	background-color: #FFECEC; /* LLR (bts def: #f5f5f5=off-white) */
	border: 1px solid #FF2D2D; /* LDR (bts def: #e3e3e3=lt grey) */
	border-radius: 8px; /* (bts def: 4px) */
	-webkit-box-shadow: inset 0 3px 6px rgba(235, 192, 192, 0.25); /* MR (bts def: inset 0 1px 1px rgba(0, 0, 0, .05)) */
	        box-shadow: inset 0 3px 6px rgba(235, 192, 192, 0.25); /* MR (bts def: inset 0 1px 1px rgba(0, 0, 0, .05)) */
	}
.colorscheme-REDCURRANT .well-blog {
 	/* Modify colors for blog .well */
	background-color: #FF2D2D; /* LDR */
	color: #FFECEC; /* LLR */
	}

.colorscheme-REDCURRANT .scripture-text {
	/* Scripture text */
	color: #FF0000; /* (Red); REDCURRANT Alternate: #FF2D2D (LDR) */
	font-weight: bold;
	}
.colorscheme-REDCURRANT .scripture-ref {
	/* Scripture reference */
	color: #2F0000; /* (Black w/Red tint); REDCURRANT Alternate: #CD1616: (DDR) */
	font-weight: bold;
	font-size: 90%;
	}
.colorscheme-REDCURRANT .poem-author {
	/* Poem author */
	color: inherit;
	font-weight: bold;
	font-size: 90%;
	}

.colorscheme-REDCURRANT .commentsHeader,
.colorscheme-REDCURRANT .commentsSubheader {
	/* EasyComments XML - Header */
	color: #FF2D2D; /* LDR */
	}
.colorscheme-REDCURRANT .comments {
	/* EasyComments XML - Comment block border */
	border: 1px solid #FF2D2D; /* MHP LDR */
	border-radius: 8px; /* MHP */
	}