/*
Theme Name: Uproar Store Theme
Theme URI: http://www.uproarveganstore.com
Description: Theme for the Uproar Store site
Version: 1.0.0
Author: Erik Gorton
Author URI: http://www.faircode.com.au

	Theme for Uproar site
	www.uproarveganstore.com
	site by www.faircode.com.au

-----------------------------

	Colors:
	
	blue ...... 1a94df  // links
	green ..... 47af02 // links

-----------------------------
*/



/* ----------------------- */
/* GLOBAL */

* { 
	margin: 0;
	font-family:'Roboto', sans-serif; font-weight:normal;
	}

html { 
	background:#fff;
	}
	
body {
	margin:0;
	color:#222; font-size:12px; line-height:1.6em;
	background:#fff; 
	-webkit-text-size-adjust: none;
	}

#page {
    min-height: calc(100vh - 90px);
}

h1,h2,h3,h4,h5,h6,p { 
	margin:0 0 1em 0;
	font-size:10px; line-height:1.7em; font-style:normal; font-weight:normal;
	}

	
h1 {
	font-size:4em;
	line-height:1.2em;
	}
	
h2 {
	font-size:3em; line-height:1.2em;
	}
	
h3 {
		font-size:1.8em; line-height:1.7em;
	}
	
p, 
li {
	font-size:1.6em; line-height:1.8em;
	}
	
a { 
	color:#1892de; text-decoration:none; font-weight:normal;
	}
	
a:hover { 
	color:#000;
	}
	
a:active, a:focus { /* remove firefox dotted outline on links */
	outline:0; 
	} 

img { 
	border:none;
	}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

::-moz-selection { background: #1892de; }
::selection { background: #1892de; color:#fffff1; }

#debug_window_size { z-index:10000; position:fixed; bottom:10px; right:10px; padding:5px 10px;
			color#000; background:#eee; text-align:right; font-size:12px; line-height:1em; font-family:Arial, Helvetica, sans-serif; }

/*use for any generic debugging needs */
#debug { position: fixed; z-index: 9999; resize: both; left: 70%; top:4em; bottom: 5em; width:30%; overflow: auto; padding: 1em; background:rgba(255,255,255,.95); border: solid 5px #ccc; box-sizing: border-box; margin-left: -3em;  }

			
/* ----------------------- */
/* STYLES */


.styles { }

.styles h1 {
	margin:0 0 .7em 0;
	font-weight:700;
	font-style:normal;
	text-align:center;
	/*color:#718336;*/
	}

.styles h1 .smaller { /* used for search results and news results */
	display:inline-block;
	padding:.6em 0 0 0;
	font-size:.5em; line-height:1em; vertical-align:top;
	}
	
.styles h2 {
	margin:1.5em 0 1em 0;
	font-weight:700;
	font-style:normal;
	text-align:center;
	/*color:#718336;*/
	}

.styles h3 {
	margin:0 0 1em 0;
	}
	
.styles p,
.styles p em,
.styles p strong  {
	margin:0 0 1em 0;
}

.styles strong  {
	font-weight:bold;
}

.styles.introduction p.published {
	font-size:16px; line-height:23px;
	font-weight:normal;
	color:#939393;
	margin:.9em 0 2em 0;
	text-align:center;
	}

.styles.introduction h3 {
	font-size:1.8em; line-height:1.7em;
	color:inherit;
	margin:0 0 0 0;
	}
	
.styles.introduction p {
	font-size:1.6em; line-height:1.7em;
	color:inherit;
	margin:0 0 0 0;
	}


.styles a {
	font-size:1em;
	}
	
.styles ul,
.styles ol
	{
	margin:0 0 1.2em 0;
	padding:0 0 0 2em;
	}

.styles li {
	margin:0 0 .5em 0;
	padding:0;
	}

.styles .separator { 
	position:relative; float:none; clear:both; 
	width:100%; height:1px;
	margin:1em 0 1em 0;
	background:#999;
	}

.styles .caption_fullscreen,
.styles .caption_normal
	{
	position:relative; display:block;
	margin:0 0 4em 0; padding:0 20px 0 20px;
	background:none;
	}

.styles .caption_fullscreen {
	margin-top:-1em;
	}

.styles .caption_normal {
	margin-top:2em;
	}

.styles .caption_fullscreen .text,
.styles .caption_normal .text
 {
	position:relative; display:block;
	padding:0 0 .7em 0;
	color:#333; font-size:12px; line-height:1.6em; font-weight:normal;
	background:none;
	border-bottom:1px solid #ddd;
	}

.styles .caption_fullscreen .credit,
.styles .caption_normal .credit
 {
	position:relative; display:block;
	margin:9px 0 0 0; padding:0;
	color:#aaa; font-size:10px; line-height:1.6em; font-weight:normal;
}

.styles h1:first-child,
.styles h2:first-child,
.styles h3:first-child,
.styles p:first-child,
.styles ul:first-child,
.styles ol:first-child {
	margin-top:0;
	}


.styles .date {
	font-size:1.2em; line-height:1.4em;
	margin:0 0 .5em 0;
}

.styles .source {
	font-size:1.2em; line-height:1.4em;
	margin:0 0 1.5em 0;
}

.styles .small { font-size:12px; }

.styles .smalltext { font-size:14px; }

.styles blockquote {
	color:#1892de;
	margin:3em 0 3em 0; padding:1em 4em;
	/*border-left:solid 1px #1a94df;
	/*border-top:solid 1px #1a94df;
	border-bottom:solid 1px #1a94df;*/
}

.styles blockquote {
	color:#1892de;
	margin:3em 0 3em 0; padding:1em 0 1em 4em;
	border-left:solid 4px #1892de;
}

.styles blockquote p,
.styles blockquote h1,
.styles blockquote h2,
.styles blockquote h3 {
	margin:0; padding:0;
	font-size:2.4em; line-height:1.5em;
	font-weight:normal;
	font-style:italic;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/*.styles blockquote:before {
	content:"";
	position:relative; display:block;
	border-top:solid 1px #abd8f3;
	width:30%; height:15px;
	left:35%;
	}

.styles blockquote:after {
	content:"";
	position:relative; display:block;
	border-bottom:solid 1px #abd8f3;
	width:30%; height:20px;
	left:35%;
	}*/

	
/* images */

.styles img,
.styles img.size-thumbnail,
.styles img.size-medium,
.styles img.size-large,
.styles img.size-full,
.styles img.size-fullscreen {
	max-width:100%; height:auto;
	}

.styles img.size-large,
.styles img.size-full {
	width:100% !important;
}

.styles img.size-fullscreen {
	width:100% !important; max-width:100%; height:auto !important;
	}	


.styles .mainimage {
	position:relative;
	margin:0 auto 0 auto;
	width:100%;
	max-width:706px;
}

.styles .mainimage img {
	display:block;
	max-width:100%;
	height:auto;
}

.styles .tag_box {
	position:relative;
	margin:2.5em 0 2.5em 0;
}

.styles .tag_box .tag {
	position:relative;
	display:inline-block;
	margin:.5em .2em 0 0;
	padding:.3em .4em;
	font-size:10px;
	line-height:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#1892de;
	border-radius:.2em;
	cursor:default;
}

.styles .nav_return_link {
	position:relative;
	display:block;
	padding:.5em 0 .5em 0;
	margin:0 0 0 0;
	font-size:1.6em;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
}



/* auto-icons for file types */

/* pdf */

.styles a[href$='.pdf']:before {
	content:""; opacity:.8;
	position:relative; display:inline-block; vertical-align:middle;
	width:32px; height:30px;
	margin:0 8px 5px 0; 
	background:transparent url(images/global/sprite_doc_icons.png) 0 0 no-repeat ;
	}
.styles a[href$='.pdf']:hover:before {
	opacity:1;
	}

/* word docs and docx */

.styles a[href$='.doc']:before,
.styles a[href$='.docx']:before {
	content:""; opacity:.8;
	position:relative; display:inline-block; vertical-align:middle;
	width:32px; height:30px;
	margin:0 8px 5px 0; 
	background:transparent url(images/global/sprite_doc_icons.png) 0 -40px no-repeat ;
	}
.styles a[href$='.doc']:hover:before,
.styles a[href$='.docx']:hover:before {
	opacity:1;
	}

/* powerpoint (ppt & pptx) */

.styles a[href$='.ppt']:before,
.styles a[href$='.pptx']:before
	{
	content:""; opacity:.8;
	position:relative; display:inline-block; vertical-align:middle;
	width:32px; height:30px;
	margin:0 8px 5px 0; 
	background:transparent url(images/global/sprite_doc_icons.png) 0 -120px no-repeat ;
	}

.styles a[href$='.ppt']:hover:before,
.styles a[href$='.pptx']:hover:before
	{
	opacity:1;
	}

/* xcel and xlsx */

.styles a[href$='.xls']:before,
.styles a[href$='.xlsx']:before
 {
	content:""; opacity:.8;
	position:relative; display:inline-block; vertical-align:middle;
	width:32px; height:30px;
	margin:0 8px 5px 0; 
	background:transparent url(images/global/sprite_doc_icons.png) 0 -160px no-repeat ;
	}

.styles a[href$='.xls']:hover:before,
.styles a[href$='.xlsx']:hover:before,
	{
	opacity:1;
	}


/* Search input - used on search results page */

.styles .input_search {
	position:relative; display:block;
	text-align:center;
	}

.styles .input_search .input_text {
	display:inline-block;
	margin:2em 0 1em 0;
	width:200px; max-width:100%;
	}

.styles .input_search .search_info {
	width:230px; max-width:100%;
	text-align:left;
	margin:0 auto;
	font-size:12px;
	}

.styles .input_search .input_submit {
	display:inline-block;
	font-size:1.6em;
	}

/* No results for search */

.styles .search_noresults {
	position:relative;
	text-align:center;
	margin:6em 0 10em 0;
	}

.styles .search_noresults h2 {
	margin:0 0 1em 0;
	}
	
.styles .search_noresults h3 {
	font-size:1.8em;
	}
	

/* Results Box - used for lists like news and search results */

.styles .results_box_title {
	text-align:center;
	margin:0 0 1.4em 0;
	}

.styles a.results_box_more {
	display:block;
	margin:0 0 3em 0;
	font-size:15px; line-height:20px;
	font-weight:500;
	text-transform:uppercase;
	/*color:#1892de;*/
	text-align:center;
	
	-o-transition:	 		all .2s ease;
	-ms-transition: 		all .2s ease;
	-moz-transition: 		all .2s ease;
	-webkit-transition: all .2s ease;
	transition: 				all .2s ease;
	}

.styles a.results_box_more:hover {
	/*color:#000;*/
	}
		
.styles ul.results_box {
	position:relative; display:block;
	max-width:100%;
	list-style-type:none;
	margin:0 0 0 0; padding:0;
	text-align:center;
	}

.styles .results_box li {
	list-style-type:none;
	margin:0 0 0 0; padding:0 0 0 0;
	vertical-align:top;
	}

.styles .results_box .line {
	list-style-type:none;
	vertical-align:top;
	margin:-1em 0 2em 0; padding:0;
	border-top:solid 1px #ddd;
	}

.styles .results_box .line.lastline {
	margin-top:1em;
	margin-bottom:3em;
	}

.styles .results_box span.hilighted { 
	background-color:#FF9;
	/*-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; */
	}


/* FEATURED results - 3 large images */

.styles .results_box .item.featured {
	display:inline-block;
	list-style-type:none;
	vertical-align:top;
	width:250px;
	margin:0 31px 2em 31px; padding:0 0 0 0;
	color:#333;
	font-size:10px;
	text-align:left;
	}
	
.styles .results_box .item.featured.leftitem {
	margin-left:0;
	}

.styles .results_box .item.featured.rightitem {
	margin-right:0;
	}

.styles .results_box .item.featured a {
	color:#333;
	display:block;
	}

.styles .results_box .item.featured a:hover {
	color:#333;
	}

.styles .results_box .item.featured .image {
	position:relative; display:block; overflow:hidden;
	width:250px; height:168px;
	margin:0 0 2.8em 0;
	background:#fff;
	}

.styles .results_box .item.featured .image img {
	display:block;
	width:100%; height:auto;
	
	-o-transition:	 		all 1.5s ease;
	-ms-transition: 		all 1.5s ease;
	-moz-transition: 		all 1.5s ease;
	-webkit-transition: all 1.5s ease;
	transition: 				all 1.5s ease;
	transform: translate3d(0, 0, 0);
	}

.styles .results_box .item.featured:hover .image img {
	transform: perspective(100px) translate3d(0, 0, 5px);
	opacity:.8;
	
	-o-transition:	 		all .5s ease;
	-ms-transition: 		all .5s ease;
	-moz-transition: 		all .5s ease;
	-webkit-transition: all .5s ease;
	transition: 				all .5s ease;
	}
	
.styles .results_box .item.featured .text {
	position:relative;
	display:block;
	vertical-align:top;
	overflow:hidden;
	height:auto; max-height:14em;
	}

.styles .results_box .item.featured .text.minheight {
	min-height:0;
	}
	
.styles .results_box .item.featured h3 {
	position:relative;
	margin:0 0 1em 0;
	font-size:1.8em; line-height:1.5em;
	font-weight:900;
	text-align:center;
	}

.styles .results_box .item.featured:hover h3 {
	color:#1892de;
	}

.styles .results_box .item.featured p {
	position:relative;
	margin:0;
	font-size:1.4em; line-height:1.7em;
	font-weight:normal;
	text-align:left;
	}


/* NORMAL Results */
	
.styles .results_box .item.normal {
	display:block;
	vertical-align:top;
	width:666px; max-width:100%;
	margin:0 auto 5em auto;
	font-size:10px;
	clear:both; float:none;
	}

.styles .results_box .item.normal a {
	color:#333;
	display:block;
	}

.styles .results_box .item.normal a:hover {
	color:#333;
	}
	
.styles .results_box .item.normal .image {
	display:block; float:left; overflow:hidden;
	width:143px; height:143px;
	margin:.5em 2em 0 0;
	background:#fff;
    border-radius: .3em;
	}

.styles .results_box .item.normal .image img {
	display:block;
	width:100%; height:auto;
	
	-o-transition:	 		all 1.5s ease;
	-ms-transition: 		all 1.5s ease;
	-moz-transition: 		all 1.5s ease;
	-webkit-transition: all 1.5s ease;
	transition: 				all 1.5s ease;
	transform: translate3d(0, 0, 0);
	}

.styles .results_box .item.normal:hover .image img {
	transform: perspective(100px) translate3d(0, 0, 5px);
	opacity:.8;
	
	-o-transition:	 		all .5s ease;
	-ms-transition: 		all .5s ease;
	-moz-transition: 		all .5s ease;
	-webkit-transition: all .5s ease;
	transition: 				all .5s ease;
	}
	
.styles .results_box .item.normal .text {
	display:block;
	vertical-align:top;
	overflow:hidden;
	height:auto; max-height:10em;
	}

.styles .results_box .item.normal .text.minheight {
	min-height:10em; /* added to items with photos in case text is too short */
	}

.styles .results_box .item.normal h3 {
	text-align:left;
	vertical-align:top;
	margin:0 0 .2em 0;
	font-size:1.8em; line-height:1.3em;
	font-weight:900;
	}

.styles .results_box .item.normal:hover h3 {
	color:#1892de;
	}

.styles .results_box .item.normal p {
	position:relative;
	margin:0;
	font-size:1.4em; line-height:1.7em;
	font-weight:normal;
	text-align:left;
	}

	
/* shortcode */

.styles .shortcode_number {
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
	float:left;
	width:1em;
	height:1em;
	padding:.2em;
	margin:0 .3em .5em 0;
	font-size:2em;
	line-height:1em;
	text-align:center;
	font-weight:700;
	color:#fff;
	background:#333;
	border-radius:50%;
	}

.styles .shortcode_number.shortcode_number_double { 
	font-size:1.7em;
	line-height:.9em;
	padding:.35em;
	text-indent:-.07em;
	}


/* ----------------------- */
/* GLOBALS */

.clear { 
	float:none; clear:both; 
	}


.blank_30 { 
	position:relative; display:block; float:none; clear:both;
	height:30px; 
	}


.validatetooltip {
	 position:absolute; z-index:2000; 
	 left:0; top:0; 
	 margin:1px 0 0 2px; padding:4px 10px;
	 color:#ECC9C4; font-size:10px;
	 background:#c34342; border:solid 1px #ECC9C4;
	 -moz-border-radius:			4px; 
		-khtml-border-radius:		4px; 
		-webkit-border-radius:	4px; 
		border-radius:					4px;
	 }


.wrapper { 
	position:relative; 
	width:100% /*960*/; max-width:100%;
	margin:0 auto; padding:1px 40px 1px 40px; /* needs 1px to make inner divs with margins work properly */
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}


#comingsoon {
	position:relative;
    display: block;
	height:600px;
	margin:0; padding:0;
	color:#fff;
	background:#fff url(images/admin/comingsoon.png) center 40% no-repeat;
    background-size: contain;
	}


/** TRANSITIONS */

.trans_fade {
	/* hover OUT */
	-o-transition: color .3s ease, background .3s ease;
	-ms-transition: color .3s ease, background .3s ease;
	-moz-transition: color .3s ease, background .3s ease;
	-webkit-transition: color .3s ease, background .3s ease;
	transition: color .3s ease, background .3s ease;
}

.trans_fade:hover {
	/* hover IN */
	-o-transition: color .1s ease, background .1s ease;
	-ms-transition: color .1s ease, background .1s ease;
	-moz-transition: color .1s ease, background .1s ease;
	-webkit-transition: color .1s ease, background .1s ease;
	transition: color .1s ease, background .1s ease;
}

.trans_height {
	-o-transition:	 		height .5s ease;
	-ms-transition: 		height .5s ease;
	-moz-transition: 		height .5s ease;
	-webkit-transition: height .5s ease;
	transition: 				height .5s ease;
}

.trans_margin {
	-o-transition:	 		margin .5s ease;
	-ms-transition: 		margin .5s ease;
	-moz-transition: 		margin .5s ease;
	-webkit-transition: margin .5s ease;
	transition: 				margin .5s ease;
}
	

/** button styling */

/* button important */

.button_important {
	position:relative; display:inline-block; cursor:pointer;
	margin:.7em 0 1.8em 0; padding:10px 15px 11px 15px;
	color:#1892de; font-size:16px; line-height:1em; font-weight:900; text-transform:uppercase;
	border:solid 1px #1892de;
	}

.button_important:hover {
	color:#000;
	border-color:#000;
	background-color:rgba(255, 255, 255, .2);
	}

.button_important:active {
	color:#0D3A55;
	background-color:#E9F2F3;
	border-color:#2D5B7D;
	-webkit-box-shadow: none;
	box-shadow: 				none;
	}

/* button solid */

.button_solid {
	cursor:pointer;
	margin:0 0 0 0; padding:5px 10px;
	color:#fff;
	background:#1892de;
	border:none;
	border-radius:.3em;
	}
	
.button_solid:hover {
	background:#222;
	}



@-webkit-keyframes wiggle {
	0% {-webkit-transform:rotate(0deg);}
	15% {-webkit-transform:rotate(-5deg);}
	30% {-webkit-transform:rotate(5deg);}
	50% {-webkit-transform:rotate(-2deg);}
	75% {-webkit-transform:rotate(2deg);}
	100% {-webkit-transform:rotate(0deg);}
}

.wiggle_anim:hover,
.wiggle_anim:focus {
	-webkit-animation-name: wiggle;
	-webkit-animation-duration: .5s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	}

.wiggle_anim {
	-o-transition: 			all .5s ease;
	-ms-transition:			all .5s ease;
	-moz-transition:		all .5s ease;
	-webkit-transition:	all .5s ease;
	transition:					all .5s ease;
}


/** input styling */

.input_text,
.input_textarea
 {
	position:relative; display:inline-block;
	width:100%; max-width:100%;
	margin:0; padding:6px 20px 6px 20px;
	color:#666; font-size:14px; line-height:1em;
	background:none;
	border:solid 1px #bfc3c4;
	-webkit-box-shadow: inset 0px 2px 0px 0px #eee;
	box-shadow: 				inset 0px 2px 0px 0px #eee;
	-webkit-box-sizing:	border-box; 
	-moz-box-sizing:		border-box; 
	box-sizing:					border-box;
	}

.input_textarea {
	padding:15px 20px 15px 20px;
	color:#333; line-height:1.5em;
	}



/* ----------------------- */
/* WORDPRESS STYLES */

.alignleft { 
	float:left; 
	margin:.7em 2em 1em 0 !important; 
	}
	
.alignright { 
	float:right; 
	margin:.7em 0 1em 2em !important; 
	}

.aligncenter { 
	display:block; 
	margin-left:auto !important; margin-right:auto !important;
	}

.pagenavigation {
	text-align:center;
	display:block
	}

.pagenavigation .numbered_page_nav {
	display:inline-block !important;
	margin-left:-2em;
	margin-bottom:4em;
	}

.wp-caption {
	width:auto !important; height:auto !important;
	margin:4em 0 4em 0; padding:0;
	text-align:left; 
	background-color:none; 
	}		
			 
.wp-caption img { 
	margin:0; padding:0; 
	border:none; 
	}

/*.wp-caption .wp-caption-text-box {
	padding:7px 20px 0 20px;
	}

.wp-caption p.wp-caption-text {
	font-family:"Roboto", sans-serif;
	margin:0; padding:0 0 9px 0;
	color:#333; font-size:12px; line-height:1.6em; font-weight:normal;
	background:none;
	border-bottom:1px solid #ddd;
	}

.wp-caption p.wp-credit-text {
	font-family:"Roboto", sans-serif;
	margin:0; padding:7px 0 0 0;
	color:#aaa; font-size:10px; line-height:1.6em; font-weight:normal;
	background:none;
	}*/
	
a.more-link { 
	color:#175281; font-size:1em; font-weight:bold; 
	}

a.more-link:hover { 
	color:#000; font-weight:bold; 
	}

.wp-video-wrapper {
	position:relative;
	margin:4em 0 4em 0 !important; 
	width:100%;
	height:0;
	padding-top:1px;
	padding-bottom:55%; /* little trick to make the height a percentage of width */
	margin:1em 0 3em 0; 
	}
	
.wp-video-wrapper iframe { 
	position:absolute; /* needs to be absolute to override the padding-bottom in wp-video-wrapper */
	width:100%;
	height:100%;
	}



/* ----------------------- */
/* HEADER */

#header { 
	position:relative; display:block; z-index:1000;
	margin:0; padding:0 0 15px 0;
	background:#fff;
 }

/* logo */

#logo {
	position:relative; display:block; overflow:hidden; vertical-align:top;
	width:94px; height:52px;
	float:left;
	margin:15px 0 0 0;
	background:url(images/global/header_logo_small.png) 0 0 no-repeat;
	background-size:contain;
	-o-transition: 			opacity .5s ease;
	-ms-transition:			opacity .5s ease;
	-moz-transition:		opacity .5s ease;
	-webkit-transition:	opacity .5s ease;
	transition:					opacity .5s ease;
	}
	
#logo h1 {
	position:absolute; overflow:hidden; text-indent:110%;
	width:110px; height:37px;
	left:81px; top:15px;
	color:#7591b4; font-size:37px; line-height:1em;
	}

#logo h2 {
	position:absolute; overflow:hidden; text-indent:110%;
	left:81px; top:57px;
	color:#ce4837; font-size:15px; line-height:1em; font-weight:normal; 
		/* hover OUT */
		-o-transition: 			color 1s ease;
		-ms-transition:			color 1s ease;
		-moz-transition:		color 1s ease;
		-webkit-transition:	color 1s ease;
		transition:					color 1s ease;
	}

#logo:hover h2 {
	color:#7591b4;
		/* hover IN */
		-o-transition: 			color .1s ease;
		-ms-transition:			color .1s ease;
		-moz-transition:		color .1s ease;
		-webkit-transition:	color .1s ease;
		transition:					color .1s ease;
	}

#logo:hover {
	opacity:.7;
	}
	

/* search */

#header #search_form {
	position:relative; display:block; vertical-align:top; 
	width:120px; height:35px;
	margin:17px 0 0 0;
	float:right;
	}

#header #search_form .input_text {
	position:absolute; display:block; float:none;
	right:34px; top:0;
	text-align:right;
	padding:8px 0 6px 0; width:100px;
	color:#999; font-size:16px; font-weight:300;
	background:#fff; border:none;
	-webkit-box-shadow: none;
	box-shadow: 				none;
	}

#header #search_form .input_text:focus,
#header #search_form .input_submit {
	outline: 0;
	color:#000;
	}
	
#header #search_form .fLabel {
	text-align:right;
	width:98px;
	}

#header #search_form:hover .fLabel {
	color:#1892de !important;
	}

	
#header #search_form .input_submit {
	position:absolute;
	right:0; top:0;
	color:#598e0e;
	font-size:17px;
	padding:6px 5px 6px 5px;
	background:#fff;
	border:none;
	cursor:pointer;
	}


#header #search_form .input_submit:hover {
	color:#1892de;
	}

#header #search_form .input_submit:active {
	color:#000;
	}



#header #donate {
	display:block;
	vertical-align:top; 
	margin:17px 0 0 0;
	color:#000;
	border-color:#000;
	float:right;
	}

#header #donate:hover {
	color:#1892de;
	border-color:#1892de;
	}


/* ----------------------- */
/* NAV AND SITEMAP */


/* hamburger menu visible on small screens */
#nav_menu {
	display:none;
	}


#nav { 
	position:relative; 
	display:block; 
	overflow:visible; 
	vertical-align:top;
	width:610px;
	max-width:100%;
	height:auto;
	max-height:500px;
	margin:0 23px 0 75px;
	padding:14px 0 0 0;
	float:left;
	font-size:10px;
	background:none;
	-o-transition:	 		max-height .5s ease;
	-ms-transition: 		max-height .5s ease;
	-moz-transition: 		max-height .5s ease;
	-webkit-transition: 	max-height .5s ease;
	transition: 			max-height .5s ease;
	}
	
#nav.open {
	background: #fff; /* Old browsers */
}


/* first tier */

.sitemap ul {
	position:relative; display:block; list-style-type:none; text-align:right;
	padding:0; margin:0; 
	white-space:nowrap;
	}
	
.sitemap ul li {
	position:relative; display:inline-block; vertical-align:top; list-style-type:none; text-align:left;
	margin:0 0 0 0; padding:0;
	font-size:10px; line-height:1em;
	}

.sitemap ul li:after {
	content:'';
	position:absolute;
	right:0; top:10px;
	/*border-right:dotted 2px #ddd;*/
	height:9999px;
}

.sitemap ul li.last:after {
	border:none;
}

.sitemap .parent:hover:after {
	/*color:#d21521;*/
}

.sitemap li.close {
	display:none;
	}
	
.sitemap ul li a { 
	display:block;
	margin:0; padding:15px 30px 5px 22px;
	color:#235204; font-size:18px; line-height:1em; font-weight:normal; text-transform:uppercase;
	background:none;
		/* hover OUT */
		-o-transition: color .5s ease, background .5s ease;
		-ms-transition: color .5s ease, background .5s ease;
		-moz-transition: color .5s ease, background .5s ease;
		-webkit-transition: color .5s ease, background .5s ease;
		transition: color .5s ease, background .5s ease;
	}

.sitemap ul li a:hover {
	color:#1892de;
	/*background:#34474e;*/
		/* hover IN */
		-o-transition: color .1s ease, background .1s ease;
		-ms-transition: color .1s ease, background .1s ease;
		-moz-transition: color .1s ease, background .1s ease;
		-webkit-transition: color .1s ease, background .1s ease;
		transition: color .1s ease, background .1s ease;
	}

.sitemap ul li a.disabled {
	color:#aaa;
	font-weight:normal;
	}

.sitemap ul li a.disabled:hover {
	color:#aaa;
	}

.sitemap .parent:hover:after {
	content:"▼"; /* ˇ↓▼˅ */
	position:absolute;
	right:10px; top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#1892de;
	}

.sitemap.open .parent:hover:after {
	content:"▲"; /* ˇ↓▼˅ */
	color:#000;
	top:13px;
	}

	
/* second tier */

.sitemap ul ul {
	position:relative; display:block; list-style-type:none;
	margin:1.2em 0 0 0; padding:0;
	white-space:normal;
	height:auto;
	max-height:0;
	width:0;
	overflow:hidden;
	-o-transition:	 		max-height .3s ease;
	-ms-transition: 		max-height .3s ease;
	-moz-transition: 		max-height .3s ease;
	-webkit-transition: 	max-height .3s ease;
	transition: 			max-height .3s ease;
	transition: 			max-height .3s ease;
	}

.sitemap.open ul ul {
	position:relative;
	max-height:300px;
	width:auto;
	-o-transition:	 		max-height 1s ease;
	-ms-transition: 		max-height 1s ease;
	-moz-transition: 		max-height 1s ease;
	-webkit-transition: max-height 1s ease;
	transition: 				max-height 1s ease;
	transition: 				max-height 1s ease;
	}

.sitemap ul ul li:after {
	border:none;
}

.sitemap ul ul li.last:after {
	display:none;
}

.sitemap ul ul li {
	position:relative; display:block; 
	margin:0 0 .3em 0; padding:0;
	min-width:130px;
	}

.sitemap ul ul li a { 
	display:block;
	margin:0; padding:5px 10px 5px 25px;
	color:#000; font-size:14px; line-height:1.4em; font-weight:500; text-transform:none;
	background:none;
	}

.sitemap ul ul li a:hover {
	color:#1892de;
	background:none;
	}

.sitemap ul ul .parent:after {
	display:none;
}

.sitemap ul ul li a.current {
	color:#1892de;
}

.sitemap ul ul ul {
	position:relative;
	margin:0; padding:0 0 0 1em;
	}

.sitemap ul ul ul li {
	margin-left:1em; margin-bottom:0;
	}

.sitemap ul ul ul li a:before {
	content:"-";
	position:absolute;
	margin-left:-1em;
}



/* ----------------------- */
/* FOOTER */

/* NOTE: must be exact size given in superstore plugin as footer height plus a tiny amount (at least 1 pixel) more to make page show scrollbar */

#footer { 
	position: relative; 
	height: 4.1em;
	padding: .5em 0 .5em 0;
    margin: 0;
	font-size: 10px;
    color: #888;
	text-align: center;
    background: #f6f6f6;
    box-sizing: border-box;
    overflow: hidden;
    cursor: default;
	}

#footer a {
    display: inline-block;
    vertical-align: top;
    padding: .4em 1em;
    margin: 0 1.5em 0 1.5em;
    font-size: 1.5em;
    line-height: 1em;
    font-weight: normal;
	color: #888;
	}

#footer a:hover { 
	color: #333;
	}

#footer .info {
    position: static;
    display: inline;
    vertical-align: top;
    margin: 0;
}

#footer .socmedia {
    position: static;
    display: inline;
    vertical-align: top;
    margin: 0;
}

#footer .svgicon {
	position: relative;
	display: inline-block;
	vertical-align: text-bottom;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	width: 1em;
	height: 1em;
	background-size: contain !important;
}

#footer .svgicon.svgicon-facebook {    
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='266.893px' height='266.895px'%3E%3Cpath fill='%23888' d='M248.082,262.307c7.854,0,14.223-6.369,14.223-14.225V18.812 c0-7.857-6.368-14.224-14.223-14.224H18.812c-7.857,0-14.224,6.367-14.224,14.224v229.27c0,7.855,6.366,14.225,14.224,14.225 H248.082z'/%3E%3Cpath id='f' fill='%23fff' d='M182.409,262.307v-99.803h33.499l5.016-38.895h-38.515V98.777c0-11.261,3.127-18.935,19.275-18.935 l20.596-0.009V45.045c-3.562-0.474-15.788-1.533-30.012-1.533c-29.695,0-50.025,18.126-50.025,51.413v28.684h-33.585v38.895h33.585 v99.803H182.409z'/%3E%3C/svg%3E") 0 0 no-repeat;
}

#footer .svgicon.svgicon-instagram {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75 77.1'%3E%3Cpath fill='%23888' d='M53.2-.1H21.8C9.8-.1 0 9.7 0 21.7v33.4c0 12 9.8 21.8 21.8 21.8h31.4c12 0 21.8-9.8 21.8-21.8V21.7C75 9.7 65.2-.1 53.2-.1zm16 55.2c0 4.3-1.7 8.3-4.7 11.3s-7.1 4.7-11.3 4.7H21.8c-4.3 0-8.3-1.7-11.3-4.7s-4.7-7.1-4.7-11.3V21.7c0-4.3 1.7-8.3 4.7-11.3s7.1-4.7 11.3-4.7h31.4c4.3 0 8.3 1.7 11.3 4.7s4.7 7.1 4.7 11.3v33.4z'/%3E%3Cpath fill='%23888' d='M37.6 17.5C26.2 17.5 17 26.7 17 38.1s9.2 20.7 20.7 20.7 20.7-9.2 20.7-20.7S49 17.5 37.6 17.5zm-.1 34.2C30 51.7 24 45.6 24 38.1s6.1-13.5 13.5-13.5C45 24.6 51 30.7 51 38.1c0 7.5-6 13.6-13.5 13.6z'/%3E%3Ccircle class='st0' cx='58.6' cy='17.1' r='4.9'/%3E%3Cg opacity='.5'%3E%3Cpath fill='%23888' d='M53.2-.1H21.8C9.8-.1 0 9.7 0 21.7v33.4c0 12 9.8 21.8 21.8 21.8h31.4c12 0 21.8-9.8 21.8-21.8V21.7C75 9.7 65.2-.1 53.2-.1zm16 55.2c0 4.3-1.7 8.3-4.7 11.3s-7.1 4.7-11.3 4.7H21.8c-4.3 0-8.3-1.7-11.3-4.7s-4.7-7.1-4.7-11.3V21.7c0-4.3 1.7-8.3 4.7-11.3s7.1-4.7 11.3-4.7h31.4c4.3 0 8.3 1.7 11.3 4.7s4.7 7.1 4.7 11.3v33.4z'/%3E%3Cpath fill='%23888' d='M37.6 17.5C26.2 17.5 17 26.7 17 38.1s9.2 20.7 20.7 20.7 20.7-9.2 20.7-20.7S49 17.5 37.6 17.5zm-.1 34.2C30 51.7 24 45.6 24 38.1s6.1-13.5 13.5-13.5C45 24.6 51 30.7 51 38.1c0 7.5-6 13.6-13.5 13.6z'/%3E%3Ccircle class='st3' cx='58.6' cy='17.1' r='4.9'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
}

@media screen and (max-width: 720px){
    
    #footer { 
        height: auto;
        padding: .5em 0 .5em 0;
	}
    
    #footer a {
        margin: 0 .5em 0 .5em;
     }
    
    #footer .info {
        position: relative;
        display: inline-block;
    }
    
    #footer .socmedia {
        position: relative;
        display: inline-block;
    }
}




/* ----------------------- */
/* ARTICLE */

.article {
	position:relative;
	margin:0 0 0 0; 
	}

.article .intro_panel {
	position:relative;
	height:auto; min-height:1px;
	background:#eee no-repeat center top;
}

.article .fullscreen {
	position:relative;
	display:block;
	background:#f2f2f2 center top no-repeat fixed;
	background-size:cover;
	width:100%; height:800px; /* height gets reset by jquery */
}

.article .intro_panel.fullscreen {
	width:100%;
	height:0; padding-bottom:400px;
}
	
/*.article .intro_panel .text_box {
	position:relative;
	width:666px; max-width:100%;
	margin:20px auto 40px auto;
	}

.article .intro_panel .image_box {
	position:absolute;
	top:0; left:-300px;
	margin:0; padding:0; border:none;
	}

.article .intro_panel .image_box img {
	display:block;
	}*/
	
.article .content_panel {
	position:relative;
	background:none;
	margin:0 0 2em 0;
}

.article .content_panel .text_box {
	position:relative; display:block; vertical-align:top;
	/*width:706px;*//*666px*/
	width:1000px;
	max-width:100%;
	padding:0 4em 0 4em;
	margin:3em auto 4em auto;
	box-sizing:border-box;
	}

.article .text_box.introduction {
	margin-top:2.5em;
    text-align: center;
}



.article .share_box {
	height:25px;
	margin:0 0 0 0;
	padding:4em 0 4em 0;
}



.article .article_sidebar {
	position:relative; display:block;
	margin:5em 0 0 0;
	padding:0 0 0 0;
	}


/* RECENT ARTICLES SECTION */

.article .article_sidebar .news_section {
	position:relative; display:block;
	max-width:100%;
	}

.article .article_sidebar .news_section h2 {
	position:relative; display:block;
	margin:0 0 1.5em 0;
	text-align:center;
	font-size:3em;
	font-weight:900;
	}

.article .article_sidebar .news_section ul {
	list-style-type:none;
	margin:0 0 0 0; padding:0;
	text-align:center;
	}

.article .article_sidebar .news_section ul li {
	list-style-type:none;
	margin:0 0 0 0; padding:0 0 0 0;
	vertical-align:top;
	}

.article .article_sidebar .news_section .item {
	display:inline-block;
	list-style-type:none;
	vertical-align:top;
	width:250px;
	margin:0 31px 5em 31px; padding:0 0 0 0;
	color:#333;
	font-size:10px;
	text-align:left;
	}
	
.article .article_sidebar .news_section .item:first-child {
	margin-left:0;
	}

.article .article_sidebar .news_section .item:last-child {
	margin-right:0;
	}

.article .article_sidebar .news_section .item a {
	color:#333;
	display:block;
	}

.article .article_sidebar .news_section .item a:hover {
	color:#333;
	}

.article .article_sidebar .news_section .item .image {
	position:relative; display:block; overflow:hidden;
	width:250px; height:168px;
	margin:0 0 2.8em 0;
	background:#fff;
	}

.article .article_sidebar .news_section .item .image img {
	display:block;
	width:100%; height:auto;
	
	-o-transition:	 		all 1.5s ease;
	-ms-transition: 		all 1.5s ease;
	-moz-transition: 		all 1.5s ease;
	-webkit-transition: all 1.5s ease;
	transition: 				all 1.5s ease;
	transform: translate3d(0, 0, 0);
	}

.article .article_sidebar .news_section .item .text {
	position:relative;
	display:block;
	}

.article .article_sidebar .news_section .item h3 {
	position:relative;
	margin:0 0 1em 0;
	font-size:1.8em; line-height:1.5em;
	font-weight:900;
	text-align:center;
	}

.article .article_sidebar .news_section .item:hover h3 {
	color:#1892de;
	}

.article .article_sidebar .news_section .item p {
	position:relative;
	margin:0;
	font-size:1.4em; line-height:1.7em;
	font-weight:normal;
	text-align:left;
	}
	


.article .article_sidebar .news_section .item:hover .image img {
	transform: perspective(100px) translate3d(0, 0, 5px);
	opacity:.8;
	
	-o-transition:	 		all .5s ease;
	-ms-transition: 		all .5s ease;
	-moz-transition: 		all .5s ease;
	-webkit-transition: all .5s ease;
	transition: 				all .5s ease;
	}

/* RECENT NEWS POSTS */
	
	.article .article_sidebar .news_section.type_post .wrapper {
		width:706px;
	}
	
	.article .article_sidebar .news_section.type_post h2 {
		margin-bottom:2em;
	}
	
	.article .article_sidebar .news_section.type_post .item {
		display:block;
		width:auto;
		margin:0 0 3em 0;
		clear:both; float:none;
		}
	
	.article .article_sidebar .news_section.type_post .item .image {
		display:block; float:left;
		width:125px; height:84px;
		margin:0 2em 0 0;
		}
		
	.article .article_sidebar .news_section.type_post .item .text {
		vertical-align:top;
		top:-.5em;
		height:9.5em;
		overflow:hidden;
		}
	
	.article .article_sidebar .news_section.type_post .item h3 {
		text-align:left;
		vertical-align:top;
		margin:0;
		}
		
/* TEXT BASED VERSION

.article .article_sidebar .news_section {
	position:relative;
	max-width:100%;
}

.article .article_sidebar .news_section ul {
	list-style-type:none;
	margin:0 0 20px 0; padding:0;
}

.article .article_sidebar .news_section ul li {
	list-style-type:none;
	margin:0 0 0 0; padding:0 0 0 0;
	border-bottom:1px solid #dfdfdf;
}

.article .article_sidebar .news_section ul li a {
	display:block;
	color:#000;
	font-weight:300;
	padding:10px 0 10px 0;
	
	-o-transition:	 		all .2s ease;
	-ms-transition: 		all .2s ease;
	-moz-transition: 		all .2s ease;
	-webkit-transition: all .2s ease;
	transition: 				all .2s ease;
}

.article .article_sidebar .news_section ul li a:hover {
	color:#1a94df;
}
*/




/* ----------------------- */
/* PAGE PARENTS */


#page_parent {
	position:relative;
	}

#page_parent .article .child_item {
	position:relative;
	margin:0 0 3em 0;
	}
	


/* ----------------------- */
/* NUMBERED PAGE NAV */

.numbered_page_nav { font-size: 1.6em; font-weight: normal; margin:0; padding:0; overflow: hidden; cursor:default; }
.numbered_page_nav a { font-size: 1em; font-weight: normal; }
.numbered_page_nav .page-nav-intro { float: left; padding: .3em .5em; margin: 0 1em 1em 0; background: #efefef; border: .1em solid #ccc; }
.numbered_page_nav .page-number { float: left; padding: .3em .5em; margin: 0 .2em; background: #fff; border: .1em solid #2f2f2f; color:#2f2f2f;
	-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.numbered_page_nav .current-page-number { float: left; padding: .3em .5em; margin: 0 .2em; background: #333; border: .1em solid #333; color:#fff;
	-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.numbered_page_nav .page-number-title { float:left; padding:.3em .2em .3em 0; margin:0; color:#2f2f2f; font-weight:normal; }
.numbered_page_nav .elipses { float: left; padding: .3em .2em; }
.numbered_page_nav a:hover .page-number { background: #1892de; color:#fff; border-color:#1892de; }



/* ----------------------- */
/* BLOCKUI Dialogue Styles */

div.blockMsg { width:400px !important; top:20% !important; left:30%;
		text-align:left; color:#333; font-family:Arial, Helvetica, sans-serif;
		background:url(images/bg/bg_home_about.png) 0 0; border: 1px solid #ddd;
		-moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px 10px 10px 10px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
		-moz-opacity:1; opacity:1; }
		
div.blockMsg .message {	padding:20px 40px 30px 40px; }
div.blockMsg .centeredblock {	margin:1em auto 1.5em auto; text-align:left; width:230px; }
div.blockMsg h1 { font-size:2.4em; line-height:1.3em; font-family:Tahoma, Geneva, Arial, sans-serif; margin:0 0 .5em 0; text-align:center; }
div.blockMsg h2 { font-size:1.8em; line-height:1.3em; font-family:Tahoma, Geneva, Arial, sans-serif; margin:0 0 .5em 0; text-align:center; }
div.blockMsg h3 { font-size:1.6em; line-height:1.5em; font-family:Tahoma, Geneva, Arial, sans-serif; margin:0 0 .5em 0; text-align:center; }
div.blockMsg p { font-size:1.4em; line-height:1.5em; margin:0 0 .5em 0; text-align:left; }
div.blockMsg .green { color:#81ac37; }
		
div.blockOverlay {
		background-color:#fff !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
    -moz-opacity:.70; opacity:.70; }

div.blockElement {
		background-color:#fff !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
    -moz-opacity:.70; opacity:.70; }



/* ----------------------- */
/* TOOLTIP */

.fc_tooltip {
	display:none;
	position:absolute;
	border:1px solid #161616;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	z-index:1000;
}

.fc_tooltip:after {
	content:'◄';
	position:absolute;
	left:-17px; top:50%; margin-top:-10px;
	color:#161616;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px; line-height:1em;
	vertical-align:middle;
}


/* ----------------------- */
/* FCFN Window Overlay */


.fcfn_window_overlay { position:fixed; left:0; top:0; right:0; bottom:0; opacity:0; z-index:1000; background:#e5ecda url(images/global/fcfn_window_overlay_bg.png) repeat;  }


/* ----------------------- */
/* PAGE, SINGLE, SEARCHPAGE, HOME */

#page, #single, #searchpage { position:relative; background:#FFF; }



/* ----------------------- */
/* COMMENTS */
	
#comments { 
	position:relative; overflow:hidden;
	margin:0 0 5em 0; padding:0 0 0 0; 
	font-size:10px;
	height:6.3em;
  border:none;
	}

#comments.open {
	height:auto;
	}

#comments .clicktoread { 
	position:relative; display:block; overflow:hidden;
	left:0; right:0; top:0;
	margin:0 0 6em 0; padding:1em 1em 1.1em 0;
	vertical-align:top;
	height:4em;
	font-size:1.6em; line-height:1.7em;
	font-weight:900;
	text-align:center;
	background:#f2f3f5;
	box-sizing:border-box;
	border-bottom:solid 1px #d9d9d9;
	/* hover OUT */
	-o-transition: color .3s ease, background .3s ease, margin .5s ease;
	-ms-transition: color .3s ease, background .3s ease, margin .5s ease;
	-moz-transition: color .3s ease, background .3s ease, margin .5s ease;
	-webkit-transition: color .3s ease, background .3s ease, margin .5s ease;
	transition: color .3s ease, background .3s ease, margin .5s ease;
	}

#comments .clicktoread:hover { 
	background:#92a468;
	color:#fff;
	/* hover IN */
	-o-transition: color .1s ease, background .2s ease, margin .5s ease;
	-ms-transition: color .1s ease, background .2s ease, margin .5s ease;
	-moz-transition: color .1s ease, background .2s ease, margin .5s ease;
	-webkit-transition: color .1s ease, background .2s ease, margin .5s ease;
	transition: color .1s ease, background .2s ease, margin .5s ease;
	}

#comments .clicktoclose {
	position:relative; display:block;
	margin:0 0 1em 0; padding:1em 1em 1.1em 0;
	vertical-align:top;
	font-size:1.6em; line-height:1.7em;
	font-weight:900;
	text-align:center;
	background:none;
	}

#comments .clicktoclose:hover {
	color:#000;
}

#comments .clicktoread i,
#comments .clicktoclose i { 
	font-size:1.8em;
	}

#comments.open .clicktoread {
	margin-top:-6em;
	}


#comments h2 { margin:0 0 1em 0; }

/* comment form */

#comments .commentsform { position:relative; margin:0 0 1em 0; padding:0 0 0 0; }
#comments .commentsform #commentform { margin:3em 0 0 0; }
#comments .commentsform .line { position:relative; display:block; margin:0 0 5px 0; border-bottom:solid 1px #bbb; }
#comments .commentsform .left { position:relative; float:left; width:48%; }
#comments .commentsform .right { position:relative; float:right; width:48%; }
#comments .commentsform .input_text,
#comments .commentsform .input_textarea { background:#fff; margin:0 0 1em 0; }
#comments .commentsform .submitbox { position:relative; width:100%; text-align:center; margin:.5em 0 0 0; }
#comments .commentsform .submitbox .button_solid { background:#000; }
#comments .commentsform .submitbox .button_solid:hover { background:#1892de; }


/* comment entries */

#comments ul.commentsbox, 
#comments ul.commentsbox li { list-style:none; list-style-type:none; padding:0; margin:0; }
#comments ul.commentsbox { padding:0 0 0 0; margin:0 0 2em 0; }

#comments .commentsbox .entry { position:relative; display:block; width:auto; margin:0 0 3em 0; padding:0; font-size:10px; float:none; clear:both; }
#comments .commentsbox .entry.moderationclass { opacity:.5; }
#comments .commentsbox .entry .date { font-size:1em; color:#999; line-height:1em; margin:0 0 1em 0; }
#comments .commentsbox .entry .author { font-size:1.8em; line-height:1.2em; color:#222; margin:0 0 .2em 0; font-weight:700;  }
#comments .commentsbox .entry .text { position:relative; display:block; width:100%; padding:0; margin:0 0 1em 0; }
#comments .commentsbox .entry .text p { font-size:1.4em; line-height:1.8em; color:#333;  }
#comments .commentsbox .entry .moderation { display:inline-block; font-size:1em; color:#fff; background:#888; padding:.3em .9em .4em .9em; float:none; clear:both; margin:0 0 .5em 0; border-radius:.2em; }



/* ----------------------- */
/* AJAX-COMMENTS */

#fcac_ajaxcomments { position:relative;	}

/* comment form */
#fcac_comments_form { 
	position:relative; 
	padding:25px 40px 10px 40px;
	margin:0 0 0 0; 
	text-align:center; 
	background:#eef1e1; 
	/*border-top:solid 1px #c2d0b2;*/
}

#fcac_comments_form .reveal_box { 
	position:relative;
	overflow:hidden;
	max-height:0;
	box-sizing:border-box;
	/*-o-transition:	 		max-height 1s ease;
	-ms-transition: 		max-height 1s ease;
	-moz-transition: 		max-height 1s ease;
	-webkit-transition: max-height 1s ease;
	transition: 				max-height 1s ease;*/
}

#fcac_comments_form .reveal_box.open { 
	max-height:500px;
}

#fcac_comments_form .line { position:relative; display:block; margin:0 0 5px 0; border-bottom:solid 1px #bbb; }
#fcac_comments_form .left { position:relative; float:left; width:48%; }
#fcac_comments_form .right { position:relative; float:right; width:48%; }
#fcac_comments_form .input_text,
#fcac_comments_form .input_textarea { background:#fff; margin:0 0 1em 0; border-radius:.2em; box-shadow:none; }
#fcac_comments_form .input_text:focus,
#fcac_comments_form .input_textarea:focus {
	background:#fff;
	box-shadow:inset 5px 0px 0px 0px #ffc926;
	outline: none;
}
#fcac_comments_form .submitbox { position:relative; width:100%; text-align:center; margin:.5em 0 2em 0; }
#fcac_comments_form .submitbox .button_solid { padding:.5em 1em .6em 1em; text-transform:uppercase; background:#1892de; }
#fcac_comments_form .submitbox .button_solid:hover { background:#2b341a; }

/* stars */

#fcac_comments_form .input_stars {
	position:relative;
	display:inline-block;
	list-style-type:none;
	padding:0;
	margin:0 0 2.5em -2em;
}

#fcac_comments_form .input_stars li {
	position:relative;
	display:inline-block;
	list-style-type:none;
	padding:0;
	margin:0;
	vertical-align:bottom;
}

#fcac_comments_form .input_stars li.stars {
	padding:0 .1em 0 0;
	font-size:3em;
	line-height:1em;
	color:#c4c9ae;
	cursor:pointer;
}

#fcac_comments_form .input_stars li.stars.on {
	color:#1892de;
}

#fcac_comments_form .input_stars li.stars.zero {
	padding:0 .08em 0 0;
	margin:0 0 -.123em 0;
	font-size:4.5em;
	line-height:1em;
	color:#c4c9ae;
	cursor:pointer;
}

#fcac_comments_form .input_stars li.stars.zero.on {
	color:#F00 !important;
}

#fcac_comments_form .input_stars li.rating {
	position:absolute;
	left:100%;
	top:50%;
	width:5em;
	margin:0 0 0 1em;
	font-size:1.4em;
	line-height:1em;
	color:#a1af65;
	text-align:left;
}

#fcac_comments_form .input_stars:hover li.rating {
	color:#000;
}

#fcac_comments_form .input_stars li.rating.on {
	color:#333;
}

/* STAR RATINGS */

.fcac_rating {
	font-size:1em;
	color:#ddd;
	cursor:default;
}

.fcac_rating .on {
	color:#333;
}

.fcac_rating .zero {
	font-size:.7em;
	font-weight:700;
	color:#333;
}

.fcac_rating .rating_count {
	font-size:.4em;
	font-weight:300;
	color:#888;
	vertical-align:middle;
	margin:0 0 0 .6em;
	white-space:nowrap;
    font-style:italic;
}


/* comment entries */

#fcac_comments { position:relative; background:#f7ffec; }
#fcac_comments ul.commentsbox { /*border-top:solid 1px #c2d0b2; */}
#fcac_comments ul.commentsbox, 
#fcac_comments ul.commentsbox li { list-style:none; list-style-type:none; padding:0; margin:0; }
#fcac_comments ul.commentsbox { position:relative; box-sizing:border-box; padding:40px 40px 20px 40px; margin:0; }

#fcac_comments .commentsbox .entry { position:relative; display:block; width:auto; margin:0 0 3em 0; padding:0; font-size:10px; float:none; clear:both; }
#fcac_comments .commentsbox .entry.moderationclass { opacity:.5; }
#fcac_comments .commentsbox .entry .date { font-size:1em; color:#999; line-height:1em; margin:0 0 1em 0; }
#fcac_comments .commentsbox .entry .author { font-size:1.8em; line-height:1.2em; color:#222; margin:0 0 .2em 0; font-weight:700;  }
#fcac_comments .commentsbox .entry .text { position:relative; display:block; width:100%; padding:0; margin:0 0 1em 0; }
#fcac_comments .commentsbox .entry .text p { font-size:1.4em; line-height:1.8em; color:#333;  }
#fcac_comments .commentsbox .entry .moderation { display:inline-block; font-size:1em; color:#fff; background:#888; padding:.3em .9em .4em .9em; float:none; clear:both; margin:0 0 .5em 0; border-radius:.2em; }



/* ----------------------- */
/* FCTB_THICKBOX Styles */

#fctb_thickbox { 
	position:fixed; 
	left:0; 
	top:0; 
	right:0; 
	bottom:0; 
	z-index:1000; 
	display:none; 
	cursor:pointer; 
	overflow:hidden;
	text-align:center;
}

#fctb_thickbox .fctb_thickbox_overlay { 
	position:absolute; 
	left:0; 
	top:0; 
	right:0; 
	bottom:0; 
	background:#000; 
	filter:alpha(opacity=80); 
	opacity:0.8; 
}

#fctb_thickbox .fctb_thickbox_image {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    	-ms-transform:translate(-50%,-50%); /* IE 9 */
    	transform:translate(-50%,-50%);
	max-width:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:none; 
}

#fctb_thickbox .close,
#fctb_thickbox .arrow {
	z-index:1011;
	position:absolute;
	display:block;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}

#fctb_thickbox .close:hover:after,
#fctb_thickbox .arrow:hover:after {
	color:#1892de;
	text-shadow:none;
}


#fctb_thickbox .close {
	right:.5em;
	top:1em;
}
#fctb_thickbox .arrow.left {
	left:.5em;
	top:50%;
}

#fctb_thickbox .arrow.right {
	right:.5em;
	top:50%;
}

#fctb_thickbox .close:after,
#fctb_thickbox .arrow:after {
	content:"";
	position:relative;
	font-family:'fontawesome';
	font-size:5em;
	line-height:1em;
	padding:.5em;
	color:#fff;
}
#fctb_thickbox .close:after {
	content:"\e806";
}
#fctb_thickbox .arrow.left:after {
	content:"\e81d";
}
#fctb_thickbox .arrow.right:after {
	content:"\e81e";
}









/* DATEPICKER UI */

.ui-datepicker {
    z-index:2001 !important;
    position:relative;
    width: auto;
    max-width:90%;
    height: auto;
    margin: 0 auto 0;
    font-size: 1.8em;
    background:#fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

.ui-datepicker a {
    text-decoration: none;
}

.ui-datepicker table {
    width: auto;
    border-collapse: collapse;
    border-spacing: 0;
}

.ui-datepicker-header {
    color: #e0e0e0;
    font-weight: bold;
    line-height: 1em;
    background: #333;
    padding:.5em 0 .5em 0;
}

.ui-datepicker-title {
    text-align: center;
    font-size:.7em;
}

.ui-datepicker-prev, 
.ui-datepicker-next {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
    cursor: pointer;
    line-height: 1em;
    overflow:hidden;
    color:#333;/*set to same colour as background to hide*/
}

.ui-datepicker-prev:hover, 
.ui-datepicker-next:hover {
    color:#333;
}
    
.ui-datepicker-prev {
    float: left;
}
.ui-datepicker-next {
    float: right;
}

.ui-datepicker-prev:after {
    content:"\e81d";
    position:absolute;
    top:.5em;
    left:.5em;
    color:#fff;
    font-family:"fontawesome";
}
.ui-datepicker-next:after {
    content:"\e81e";
    position:absolute;
    top:.5em;
    right:.5em;
    color:#fff;
    font-family:"fontawesome";
}

.ui-datepicker thead {
    background-color: #eee;
    border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-size: .5em;
    padding: .5em 0;
    color: #666;
}

.ui-datepicker tbody td {
    border-right: 1px solid #bbb;
    background:none;
    padding:0;
}

.ui-datepicker tbody td:last-child {
    border-right: 0px;
}

.ui-datepicker tbody tr {
    border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
    border-bottom: 0px;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    font-weight: bold;
    text-align: center;
    width: auto;
    height: auto;
    padding:.5em;
    line-height: 1em;
    color: #666;
}
.ui-datepicker-calendar .ui-state-default {
    background: #fff;

}
.ui-datepicker-unselectable .ui-state-default {
    background: #ddd;
    color: #b4b3b3;
    cursor:default;
}

.ui-datepicker-calendar .ui-state-hover {
    background: #efefef;
}

.ui-datepicker-calendar .ui-state-active {
    background: #1892de;
    color: #fff;
    border: 1px solid #1892de;
    position: relative;
    margin: -1px;
}