/* CSS Document */

/* Full Moon Color Palette 

	Primary 1 - P1 - rgb(146,133,106) - #92856A
	Primary 2 - P2 - rgb(93,85,67) - #5D5543   *******modern stories nav hover
	Primary 3 - P3 - rgb(120,109,87) - #958158 *******modern stories nav bg
	Primary 4 - P4 - rgb(18,19,22) - #121316
	
	Secondary 1 - S1 - rgb(194,167,111) - #C2A76F
	Secondary 2 - S2 - rgb(171, 131, 117) - #AB8375 *****NOT BEING USED
	Secondary 3 - S3 - rgb(166,142,93) - #A68E5D
	
	Tertiary 1 - T1 - rgb(255,247,234) - #FFF7EA ***** OBITS BG #F2E4E0
	Tertiary 2 - T2 - rgb(232, 230, 207) - #E8E6CF *****ASSOCIATIONS BG, DO NOT CHANGE
	Tertiary 3 - T3 - rgb(244, 243, 231) - #F4F3E7 *****NOT BEING USED
	
	Accent 1 - A1 - rgb(52,53,64) - #343540
	Accent 2 - A2 - rgb(89,90,101) - #595a65
	Accent 3 - A3 - rgb(0,0,0) - #000000

End Full Moon Color Palette */

.comp3.fullmoon .mainnav {
	background-color: rgb(146,133,106); /* P1 */
}

/* Logo */
.fullmoon .brand-block { background-color: rgb(194,167,111); } 
.brand-block .logo { margin-top:10px; }
.brand-block .logo h1 { color:rgb(255, 255, 255); }
.brand-block .logo h2 { color:rgb(89,90,101); } /* A2 */
/* .fullmoon div.ribbon { background:transparent url(../images/brand-ribbon-fullmoon.png) center bottom no-repeat; } */

/* Theme-specific buttons */
/* assumes use of bootstrap default btn styles */

.btn-theme { 
	color:rgb(255, 255, 255);
	background-color:rgb(146,133,106); /* P1 */
	border-color:rgb(146,133,106); /* P1 */
}
.btn-theme:hover, .btn-theme:active, .btn-theme:focus { 
	color:rgb(255, 255, 255);
	background-color:rgb(120,109,87); /* P3 */
	border-color:rgb(120,109,87); /* P3 */
}
.btn-footer { 
	color:rgb(255, 255, 255);
	background-color:rgb(194,167,111); /* S1 */
	border-color:rgb(194,167,111); /* S1 */
}
.icons .btn-footer { 
	color:rgb(255, 255, 255);
	background-color:rgb(146,133,106); /* P1 */
	border-color:rgb(146,133,106); /* P1 */
}

.btn-footer:hover, .btn-footer:active, .btn-footer:focus { 
	color:rgb(255, 255, 255);
	background-color:rgb(166,142,93); /* S3 */
	border-color:rgb(166,142,93); /* S3 */
}
.icons .btn-footer:hover, .icons .btn-footer:active, .icons .btn-footer:focus{ 
	color:rgb(255, 255, 255);
	background-color:rgb(120,109,87); /* P3 */
	border-color:rgb(120,109,87); /* P3 */
}
/* navigation drop down */

.mainnav .dropdown-menu {
	background-color: rgb(146,133,106) !important; /* P1 */
	border: 1px solid rgb(120,109,87) !important; /* P3 */
}
.mainnav ul.list-inline li ul.dropdown-menu li {
	background-color:transparent !important;
}
.mainnav ul.list-inline li ul.dropdown-menu li a {
	color: rgb(255, 255, 255) !important;
	background-color:transparent !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-image: none !important;
 	filter: none !important;
}
.mainnav ul.list-inline li ul.dropdown-menu li a:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgba(18,19,22, 0.5) !important; /* P4*/
	background: rgb(120,109,87)\0!important;   /* P3 Color - Conditional IE8 Hack */
	background-image:none !important;
}

/*P1*/

.fullmoon footer, .fullmoon .search {
	background-color: rgb(146,133,106);
}
.fullmoon .welcome-subtitle {
	color: rgb(146,133,106);
}
span.viewall {
	font-size: 16px;
	font-style: italic;
}
/*Transparency for main nav @ 90% */
.comp1.fullmoon .mainnav {
	/* bg gradient generated with colorzilla - http://www.colorzilla.com/gradient-editor/ */
	background: -moz-linear-gradient(top, rgba(146,133,106, 0.92) 0%, rgba(120,109,87, 0.92) 100%); /* P3 FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(146,133,106, 0.92)), color-stop(100%, rgba(120,109,87, 0.92))); /* P3 Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(146,133,106, 0.92) 0%, rgba(120,109,87, 0.92) 100%); /* P3 Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(146,133,106, 0.92) 0%, rgba(120,109,87, 0.92) 100%); /* P3 Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(146,133,106, 0.92) 0%, rgba(120,109,87, 0.92) 100%); /* P3 IE10+ */
	background: linear-gradient(to bottom, rgba(146,133,106, 0.92) 0%, rgba(120,109,87, 0.92) 100%); /* P3 W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb92856a', endColorstr='#eb786d57', GradientType=0 ); /* IE6-9 */
	/* box shadow - http://css3gen.com/box-shadow/ */ 
	-webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);

	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
	/* border */
	/*
	border-top: 1px solid rgb(73,60,50);
	border-bottom: 1px solid rgb(73,60,50);
	*/
}
.comp1.homepage.fullmoon .mainnav {
	/* Comp 1 .mainnav is transparent - colors defined in .faux-mainnav */
		/*
		border-top: 1px solid transparent;
		border-bottom:1px solid transparent;
		*/
	background-color: transparent;
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
}
.comp2.fullmoon .mainnav {
	background:rgb(120,109,87) url(../images/pattern-crosshatch-fullmoon.jpg) 0 0 repeat; /* P3 */
}
.comp1.fullmoon .faux-mainnav {
	/* bg gradient generated with colorzilla - http://www.colorzilla.com/gradient-editor/ */
	background: -moz-linear-gradient(top, rgba(146,133,106, 0.92) 0%, rgba(120,109,87, 0.92) 100%); /* P3 FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(146,133,106, 0.92)), color-stop(100%, rgba(120,109,87, 0.92))); /* P3 Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(146,133,106, 0.92) 0%, rgba(120,109,87, 0.92) 100%); /* P3 Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(146,133,106, 0.92) 0%, rgba(120,109,87, 0.92) 100%); /* P3 Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(146,133,106, 0.92) 0%, rgba(120,109,87, 0.92) 100%); /* P3 IE10+ */
	background: linear-gradient(to bottom, rgba(146,133,106, 0.92) 0%, rgba(120,109,87, 0.92) 100%); /*  P3 W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb92856a', endColorstr='#eb786d57', GradientType=0 ); /* IE6-9 */
	/* box shadow - http://css3gen.com/box-shadow/ */ 
	-webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
	/* border */
	/*
	border-top: 1px solid rgb(73,60,50);
	border-bottom: 1px solid rgb(73,60,50);
	*/
}

.comp4.fullmoon .mainnav {
	background-color:rgb(146,133,106);
}
.comp4.homepage.fullmoon .mainnav {
	background-color: rgba(146,133,106, 0.80);
	/* box shadow - http://css3gen.com/box-shadow/ */ 
	-webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
	border: none;
}

.comp5.fullmoon .mainnav {
	background-color:rgb(146,133,106);
}
.comp5.homepage.fullmoon .mainnav {
	background-color: rgba(146,133,106, 0.80);
	/* box shadow - http://css3gen.com/box-shadow/ */ 
	-webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
	border: none;
}

/*P2*/

.comp3.fullmoon .mainnav nav ul {
	font-size:0;
	background-color: rgba(120,109,87, .5); /* P3 */
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.comp3.fullmoon .mainnav nav ul li a:hover {
	background-color: rgb(93,85,67);
	color: rgb(255, 255, 255);
}
.comp3.fullmoon .mainnav nav ul li:first-child a {
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}
.comp3.fullmoon .mainnav nav ul li:last-child a {
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}
.comp3.fullmoon .mainnav nav ul li.active a {
	background-color: rgb(93,85,67);
	color: rgb(120,109,87); /* P3 */
	text-shadow:none;
}

/*P3*/

/*P4*/
.fullmoon .utilitynav {
	background-color: rgb(18,19,22); /* P4 */
}
.comp1.fullmoon .mainnav ul.list-inline li.active a {
	background-color: rgba(18,19,22, 0.5); /* P4 */
	background: rgb(120,109,87)\0;   /* P3 Color - Conditional IE8 Hack */
}
.comp1.fullmoon .mainnav ul.list-inline li a:hover {
	color: rgb(255, 255, 255);
	text-decoration: none;
	background-color: rgba(18,19,22, 0.5); /* P4 */
	background: rgb(120,109,87)\0;   /* P3 Color - Conditional IE8 Hack */
}
.comp4.fullmoon .mainnav ul.list-inline li.active a {
	background-color: rgba(18,19,22, 0.5);/* P4 */
	background: rgb(120,109,87)\0;   /* P3 Color - Conditional IE8 Hack */
}
.comp4.fullmoon .mainnav ul.list-inline li a:hover {
	color: rgb(255, 255, 255);
	text-decoration: none;
	background-color: rgba(18,19,22, 0.5); /* P4 */
	background: rgb(120,109,87)\0;   /* P3 Color - Conditional IE8 Hack */
}
.comp5.fullmoon .mainnav ul.list-inline li.active a {
	background-color: rgba(18,19,22, 0.5); /* P4 */
	background: rgb(120,109,87)\0;   /* P3 Color - Conditional IE8 Hack */
}
.comp5.fullmoon .mainnav ul.list-inline li a:hover {
	color: rgb(255, 255, 255);
	text-decoration: none;
	background-color: rgba(18,19,22, 0.5); /* P4 */
	background: rgb(120,109,87)\0;   /* P3 Color - Conditional IE8 Hack */
}
.fullmoon .join {
	background-color: rgb(194,167,111);
}

/* S1 */
.comp2.fullmoon .mainnav ul.list-inline li a {
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: rgb(194,167,111); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(194,167,111, 0.92) 0%, rgba(166,142,93, 0.92) 100%); /* S3 FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(194,167,111, 0.92)), color-stop(100%, rgba(166,142,93, 0.92))); /* S3 Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(194,167,111, 0.92) 0%, rgba(166,142,93, 0.92) 100%); /* S3 Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(194,167,111, 0.92) 0%, rgba(166,142,93, 0.92) 100%); /* S3 Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(194,167,111, 0.92) 0%, rgba(166,142,93, 0.92) 100%); /* S3 IE10+ */
	background: linear-gradient(to bottom, rgba(194,167,111, 0.92) 0%, rgba(166,142,93, 0.92) 100%); /* S3 W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2a76f', endColorstr='#a68e5d', GradientType=0 ); /* IE6-9 */
}
.comp2.fullmoon .mainnav ul.list-inline li.active a, .comp2.fullmoon .mainnav ul.list-inline li a:hover {
	color: rgb(146,133,106);
	text-decoration: none;
	background-image: url(../images/hatch-bg.jpg);
	text-shadow:none;
}
.comp2.fullmoon .horizontal-obits, .comp3.fullmoon .horizontal-obits {
	background-color: rgb(255,247,234); /* T1 */
}
/*T2*/

/* wlpp-301 more engaging hover */
.horizontal-obits a .obit:hover, a .vertobit:hover {background-color: #CFCDB8;}
.horizontal-obits a:hover .obit .ornames, a:hover .vertobit .ornames, .horizontal-obits a:focus .obit .ornames, a:focus .vertobit .ornames {text-decoration: underline;}

.fullmoon .associations {
	background-color: rgb(232, 230, 207); /* T2 */
}
.comp2 .horizontal-obits {
	background-color: rgb(255,247,234); /* T1 */
}
/*A1*/

.fullmoon .herobanner .action button {
	background-color: rgb(52,53,64); /* A1 */
	text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 4px 0px rgba(0,0,0,1), 0px 4px 25px rgba(146,133,106,.7); /* A3 */
	-moz-box-shadow: 0px 4px 0px rgba(0,0,0,1), 0px 4px 25px rgba(146,133,106,.7); /* A3 */
	box-shadow: 0px 4px 0px rgba(0,0,0,1), 0px 4px 25px rgba(146,133,106,.7); /* A3 */
	border: 1px solid rgb(89,90,101); /* A2 */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: rgb(255, 255, 255);
	padding: 10px;
	position: relative;
}
.fullmoon .herobanner .action button:hover {
	background-color: rgb(89,90,101); /* A2 */
}

.fullmoon .obit-searchbar .search-button button {
	background-color: rgb(52,53,64); /* A1 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid rgb(52,53,64); /* A1 */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: rgb(255, 255, 255);
	padding: 6px 12px;
	position: relative;
}
.fullmoon .obit-searchbar .search-button button:hover {
	background-color: rgb(89,90,101); /* A2 */
}

.fa-lock, .fa-search, .callout.join .fa, footer a .fa {
	color: rgb(52,53,64); /* A1 */
}

/* Theme-Specific Imagery */

.comp4 #carousel-hero .carousel-inner {
	background-image:url(../images/herobanner/hero-bg-photopile-sepia.jpg);
}
.comp5 #carousel-hero .carousel-inner {
	background-image:url(../images/herobanner/hero-bg-wallpaper-fullmoon.jpg);
	background-repeat:repeat-x;
	background-size:auto 90%;
	background-color:#e8e6cf;
	overflow:hidden;
}
.comp5 .photoframe .frame {
	background-image:url(../images/herobanner/hero-frame05.png);
}

@media (max-width: 1199px) {
	.comp5 .photoframe .frame {
	background-image:url(../images/herobanner/hero-frame05-437.png);
}
}

