/*
Theme Name: VeganEasy Theme
Theme URI: http://www.alv.org.au
Description: Theme for VeganEasy site
Version: 2.0.0
Author: Erik Gorton
Author URI: http://www.faircode.com.au

	Theme for VeganEasy site
	www.veganeasy.org
	site by www.faircode.com.au

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

	Colors:
	
	blue ...... 1a94df  // links
	green ..... 04a075 // links

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



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

* { 
	margin: 0;
	/* font-family: 'Noto Sans', sans-serif; */
    font-family: 'Nunito Sans', sans-serif;
    font-weight: normal;
	}

html { 
	background: #ececec;
	}
	
body { 
	margin: 0;
	color: #333; 
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6em;
    letter-spacing: .025em;
	background: #fff; /* #ececec; */
	-webkit-text-size-adjust: none;
	}

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

	
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: #04a075; 
    text-decoration: none; 
    font-weight: inherit;
	word-break: break-all;
    transition: color .2s ease;
	}
	
a:hover { 
	color: #000;
    transition: color .1s ease;
	}
	
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: #04a075; }
::selection { background: #04a075; color:#e6ffc1; }

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


#admin_toolbar { 
    position:fixed; right:1em; bottom:0; z-index:9999;
	padding:.7em 1.3em;
	color:#fff; font-size:12px; line-height:1em; font-weight: normal;
	background:#47cb9a; text-transform: uppercase;
    border-radius: .5em; border-bottom-left-radius: 0; border-bottom-right-radius: 0;
	}

#admin_toolbar:hover { 
    color:#fff;
    background:#333;  
}

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


.styles { }

.styles h1 {
	margin: 0 0 .7em 0;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	}

.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 {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #f6faf9;
}

.styles.introduction.paginated {
    background: none;   
}

#page.news .styles.introduction {
    background: none;   
}

#page.news .styles.introduction h1 {
    text-transform: none;
    letter-spacing: inherit;
}

.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 h1 {
	text-transform: uppercase;
    letter-spacing: .06em;
	}

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


.styles a {
	font-size:1em;
	-ms-word-break: break-all;
   word-break: break-all;
   word-break: break-word;
	-webkit-hyphens: auto;
  -moz-hyphens: auto;
   hyphens: auto;
	}
	
.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:10px; 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:#04a075;
	margin:2em 0 3em 0; padding:0 0 0 0;
	border-left:solid 4px #04a075;
    border-left: none;
}

.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 strong {
    font-weight: bold !important;
}

/*.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 .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:#47af02;
	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;
	}

/* use this class to hide the file icon when not wanted */ 

.styles a.hide-file-icon:before {
    display: none !important;
}



/* 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:#47af02;*/
	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:0 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:#04a075;
	}

.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:96px;
	margin:.5em 2em 0 0;
	background:#fff;
	}

.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:#04a075;
	}

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

.styles .results_box .item a {
    word-break: normal;
}


/* results: image shapes - SQUARE */

.styles .results_box.imageshape_square .item.normal .image {
	width:143px; height:143px;
    margin-bottom: 2em;
	}

.styles .results_box.imageshape_square .item.normal .image img {
	object-fit: cover;
    width: 100%;
    height: 100%;
	}

/* results: image shapes - CIRCLE */

.styles .results_box.imageshape_circle .item.normal .image {
	width:143px; height:143px;
    margin-bottom: 2em;
    border-radius: 50%;
	}

.styles .results_box.imageshape_circle .item.normal .image img {
	object-fit: cover;
    width: 100%;
    height: 100%;
	}

.styles .results_box.imageshape_circle .item.normal .text {
	padding-top: 1.7em;
	}

	
/* SHORTCODES */


/* shortcode_format_table_additives */

.styles .shortcode_format_table_additives {
    color: inherit;
    margin: 0 0 3em 0;
}

.styles .shortcode_format_table_additives table .hilighted {
    color: #f00 !important;
}

.styles .shortcode_format_table_additives table {
    position: relative;
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    font-size: 1.4em;
    line-height: 1.7em;
    box-sizing: border-box;
}

.styles .shortcode_format_table_additives table thead {
	background: #eee;
}

.styles .shortcode_format_table_additives table thead tr {
	border-top: solid 1px #ccc;
}

.styles .shortcode_format_table_additives table tr {
	border-bottom: solid 1px #ccc;
}

.styles .shortcode_format_table_additives table td {
    vertical-align: top;
	padding: .3em 1em .4em 1em;
    border-right: solid 1px #ccc;
}

.styles .shortcode_format_table_additives table td:first-child {
	border-left: solid 1px #ccc;
    white-space: nowrap;
    text-align: right;
}


/* shortcode_contents_box */

.styles .shortcode_contents_box {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 0 1.8em 0;
    font-size: 1.4em;
    line-height: 2em;
}

.styles .shortcode_contents_box_inner {
    position: relative;
    display: inline-block;
    max-width: 600px;
    padding: 1.8em 2em;
    text-align: left;
    list-style-type: none;
    box-sizing: border-box;
    border: solid 1px #ccc;
    border-radius: 1em;
}

.styles .shortcode_contents_box li {
    position: relative;
    display: block;
    padding: 0 0 .8em 0;
    margin: 0;
    font-size: inherit;
    line-height: 1.5em;
    list-style-type: none;
    box-sizing: border-box;
}

.styles .shortcode_contents_box li.indented {
    padding-left: 1em;
}

.styles .shortcode_contents_box li.indented:before {
    content: '-';
    position: absolute;
    left: 0;
}

.styles .shortcode_contents_box li a {
    display: block;
    font-size: inherit;
    font-weight: normal;
    user-select: none;
}



/* my emmissions label */

.styles .myemissionslabel {
    position: relative;
    display: block;
    margin: 3em 0 3em 0;
}

/*.styles .myemissionslabel {
    position: relative;
    display: block;
    margin: 3em 0 3em 0;
    padding: .5em 1em .7em 1em !important;
    background: #e8fff6;
}

.styles .myemissionslabel:empty {
    padding: 0 !important;
}

.styles .myemissionslabel h3 {
    font-weight: bold;
}*/


/* shortcode_display_as_button */

.styles .sc_displayasbutton {
    position: relative;
    display: inline-block;
    margin: .5em 1em 1em 0;
    padding: .4em 1em .4em 1em;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background: #04a075;
    border-radius: .3em;
    cursor: pointer;
    transition: filter .2s ease;
}

.styles .sc_displayasbutton:hover {
    filter:brightness(110%);
}



/* ----------------------- */
/* 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;
    width: 100vw;
    height: 100vh;
	margin:0; padding:0;
	color:#fff;
	background:#fff url(images/admin/comingsoon_bg.jpg) center center no-repeat;
    background-size: cover;
	}

#comingsoon .comingsoon_text {
    position: absolute;
    display: block;
    left: 50%;
    top: 40%;
    margin: -160px 0 0 -193px;
    width: 387px;
    height: 320px;
    background: url(images/admin/comingsoon_text.png) 0 0 no-repeat;
    background-size: contain;
}

#comingsoon .comingsoon_rays {
    position: absolute;
    display: block;
    left: 50%;
    top: 40%;
    margin: -275px 0 0 -266px;
    width: 532px;
    height: 550px;
    background: url(images/admin/comingsoon_rays.png) 0 0 no-repeat;
    background-size: contain;
    
    -webkit-animation-direction: normal;
	-webkit-animation-duration: 60s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: comingsoon_raysrotate;
	-webkit-animation-timing-function: linear;
	
	-moz-animation-direction: normal;
	-moz-animation-duration: 60s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-name: comingsoon_raysrotate;
	-moz-animation-timing-function: linear; 
}

@-webkit-keyframes comingsoon_raysrotate {
		0% { opacity:.5; }
		25% { opacity:.2; }
		50% { opacity:.6; }
		75% { opacity:.3; }
    100% { opacity:.5; }
		
		0% { transform:scale(.9) rotateZ(0deg) }
		50% { transform:scale(1.2) rotateZ(180deg) }
		100% { transform:scale(.9) rotateZ(360deg) }
}
@-moz-keyframes comingsoon_raysrotate {
    0% { opacity:.7; }
		25% { opacity:.3; }
		50% { opacity:.7; }
		75% { opacity:.4; }
    100% { opacity:.7; }
		
		0% { transform:scale(.8) rotateZ(0deg) }
		50% { transform:scale(1.1) rotateZ(180deg) }
		100% { transform:scale(.8) rotateZ(360deg) }
}

/** 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:#04a075; font-size:16px; line-height:1em; font-weight:900; text-transform:uppercase;
	border:solid 1px #47af02;
	}

.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 ghost */

.button_ghost {
	position: relative; 
    display: inline-block; 
    cursor: pointer;
	margin: 0; 
    padding: .7em 1em;
	color: rgba(255,255,255, .9);
    font-size: 1.8em; 
    line-height: 1em; 
    font-weight: 900; 
    text-transform: uppercase;
	border: solid 1px rgba(255,255,255, .7);
    border-radius: .2em;
    transition: border-color .2s ease, color .2s ease, background-color .2s ease;
	}

.button_ghost:hover {
	color: rgba(255,255,255, 1);
	border-color: rgba(255,255,255, 1);
	/*background-color: rgba(0, 0, 0, .05);*/
	}

.button_ghost:active {
	color: rgba(255,255,255, .5);
	/*background-color: rgba(0, 0, 0, .1);*/
	border-color: rgba(255,255,255, .3);
	-webkit-box-shadow: none;
	box-shadow: none;
	}


/* button solid */

.button_solid {
	cursor:pointer;
	margin:0 0 0 0; padding:5px 10px;
	color:#fff;
	background:#04a075;
	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 */
	
a.more-link { 
	color:#04a075; font-size:1em; font-weight:bold; 
	}

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



/* ----------------------- */
/* 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;
	}

/* rightbox */

#header .rightbox {
    position: relative;
    display: block;
    float: right;
    vertical-align: top;
    width: auto;
    margin: 17px 0 0 0;
    text-align: right;
}

/* search */

#header #search_form {
	position:relative; 
    display:inline-block; 
    vertical-align: middle; 
	width: 134px; 
    height: 35px;
    text-align: left;
	}

#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:#04a075 !important;
	}

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


#header #search_form .input_submit:hover {
	color:#04a075;
	}

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

/* Donate + Challenge */

#header .donate,
#header .challenge {
    position: relative;
    display: inline-block;
    margin: 0 0 0 1.1em;
    padding: .6em 1.2em;
    font-size: 13px;
    line-height: 13px;
    line-height: 17px;
    font-family: 'Mulish', sans-serif;
    text-align: left;
    color: #fff;
    background: #04a075;
    border-radius: 1000px;
}

#header .challenge {
    transition: filter .1s ease;
}

#header .challenge:hover {
    filter: brightness(1.1);
}

#header .challenge:active {
    filter:hue-rotate(200deg);
}

#header .donate {
    color: #333;
    background: none;
    box-shadow: 0px 0px 2px 1px #333 inset;
    transition: box-shadow .1s ease, background .1s ease;
}

#header .donate:hover {
    box-shadow: 0px 0px 2px 2px #333 inset;
}

#header .donate:active {
    color: #04a075;
    box-shadow: 0px 0px 2px 2px #04a075 inset;
}

#header #nav .headbox {
    position: relative;
    display: none;
    margin: 2em 0 2em 0;
    padding: 2em 1em;
    text-align: center;
    background: #eee;
    border-radius: 1000px;
    box-sizing: border-box;
}

#header #nav .headbox .donate {
    margin-left: 0;
}

/* ----------------------- */
/* 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:#333; 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:#04a075;
	/*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:#04a075;
	}

.sitemap.open .parent:hover:after {
	content:"▲"; /* ˇ↓▼˅ */
	color:#04a075;
	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;
    opacity: 0;
    transition: opacity .3s ease, max-height .3s ease;
	/*-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;*/
	}

.sitemap.open ul ul {
	position:relative;
	max-height:300px;
	width:auto;
    opacity: 1;
	/*-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;*/
	}

.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:#04a075;
	background:none;
	}

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

.sitemap ul ul li a.current {
	color:#04a075;
}

.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 */

#footer { 
	position: relative; 
    display: block;
	padding: 17px 0 20px 0;
    font-size: 10px;
	color: #7b7b7b;
	text-align: left;
    background: #ececec;
	}

#footer a { 
	word-break: normal;
	}


#footer .sitemap_section,
#footer .socmedia_section,
#footer .credits_section {
	position:relative;
    display: inline-block;
	vertical-align: middle;
	height: auto;
	max-height: none;
	padding: 0;
    box-sizing: border-box;
	}

#footer .sitemap_section {
    width: 45%;
    padding-right: 2em;
    text-align: left;
	}

#footer .socmedia_section {
    width: 30%;
    text-align: left;
	}

#footer .credits_section {
    width: 25%;
    text-align: right;
	}


/* sitemap_section */

#footer .sitemap ul {
	position: relative;
	text-align: left;
	white-space: normal;
	}

#footer .sitemap ul .last {
	padding-right: 0;
	}

#footer .sitemap ul li {
	position: relative;
	padding: 0 10% 1.4em 0;
}

#footer .sitemap ul li a {
	font-size:1.6em;
    line-height: 1.2em;
	color:#7b7b7b;
	padding:0;
	}

#footer .sitemap ul ul {
	max-height:none;
	}
		
#footer .sitemap ul ul li {
	min-width:0;
	}
	
#footer .sitemap ul ul li a {
	font-size:1.3em;
	color:#7b7b7b;
	}

#footer .sitemap .parent:after {
	content:"";
	display:none;
	}

#footer .sitemap a:hover {
	color:#000;
	}


/* socmedia_section */

#footer .socmedia_section p {
	margin:0 0 .4em 0;
	}

#footer .socmedia_section .socmedia_button {
	position:relative; 
	display:inline-block; 
	vertical-align:top;
	width:45px; 
	height:45px;
	margin:0 15px 15px 0;
	overflow:hidden;
	text-indent:-9999px;
	-o-transition:	 		opacity .25s ease;
	-ms-transition: 		opacity .25s ease;
	-moz-transition: 		opacity .25s ease;
	-webkit-transition: opacity .25s ease;
	transition: 				opacity .25s ease;
	}

#footer .socmedia_section .socmedia_button:hover {
	opacity:.7;
	}

#footer .socmedia_section .socmedia_button.facebook { background:url(images/global/socmedia_facebook.png) 0 0 no-repeat; }
#footer .socmedia_section .socmedia_button.twitter { background:url(images/global/socmedia_twitter.png) 0 0 no-repeat; }
#footer .socmedia_section .socmedia_button.instagram { background:url(images/global/socmedia_instagram.png) 0 0 no-repeat; }


#footer .socmedia_section .facebook_likes {
	position:relative;
    display: inline-block;
	width: 200px;
	max-width:100%;
	height:auto;
	margin:0 0 0 5%; 
	padding: 0;
	overflow: hidden;
	opacity:.7;
	}


#footer .socmedia_section #form_footer_signup {
	margin:5px 0 0 0;
	}

#footer .socmedia_section #form_footer_signup h3 {
	font-size:15px; line-height:1em;
	font-weight:400;
	margin:0 0 15px 0;
	}

#footer .socmedia_section #form_footer_signup .email,
#footer .socmedia_section #form_footer_signup .text {
	position:relative;
	width:100%;
	border:none; border-top:solid 1px #c2c2c2;
	padding:4px 10px 5px 10px;
	margin:0 0 9px 0;
	color:#333; font-size:14px;
	text-align:center;
	background:#e7e7e7;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
	}
	 
#footer .socmedia_section #form_footer_signup .fLabel { /* formlabels creates this - need to center the text here*/
	width:90%;
	text-align:center;
	}

#footer .socmedia_section #form_footer_signup .button_important {
	font-size:12px; font-weight:700;
	padding:.7em 1.2em .8em 1.2em; margin:5px 0 0 0;
}

/* credits section */

#footer .credits_section a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 .8em 10%;
	padding: 0;
    font-size: 1.2em;
    color: #888;
	cursor: pointer;
	}

#footer .credits_section a:first-child {
	margin-left: 0;
	}



@media screen and (max-width: 1370px){
    
    #footer .sitemap_section .sitemap ul li {
        padding: 0 5% 1.4em 0;
        }
}


@media screen and (max-width: 1220px){
    
    #footer .sitemap_section {
        width: 30%;
        }

    #footer .socmedia_section {
        width: 40%;
        }

    #footer .credits_section {
        width: 30%;
        }
}


@media screen and (max-width: 950px){
    
    #footer .sitemap_section {
        vertical-align: top;
    }
    
    #footer .sitemap_section .sitemap ul li {
        display: block;
        font-size: .8em;
        }
    
    #footer .sitemap_section ul li.close {
        display: none;
        }

    #footer .socmedia_section {
        vertical-align: top;
        text-align: center;
        }
    
    #footer .credits_section {
        vertical-align: top;
    }
    
    #footer .credits_section a {
        display: block;
        }
    
}


@media screen and (max-width: 610px){
    
    #footer .sitemap_section .sitemap ul li {
        font-size: .7em;
        padding: 0 5% 2em 0;
        }

    #footer .socmedia_section {
        text-align: center;
        }

}



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

.article {
	position:relative;
	margin: 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 .content_panel {
	position:relative;
	background:none;
	margin:0 0 0 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 0 auto;
	box-sizing: border-box;
	}

.article .introduction .text_box {
	margin-top: 2.5em;
    margin-bottom: 3em;
}



.article .share_box {
	/*height:25px;*/
	margin: 0 0 0 0;
	padding: 2em 0 2em 0;
    text-align: center;
}



.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:#47af02;
	}

.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: #04a075; color:#fff; border-color:#04a075; }



/* ----------------------- */
/* 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:#04a075;
	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:#04a075; }


/* 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:#e1ede9; 
	/*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:#04a075; }
#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:#94c8b9;
	cursor:pointer;
}

#fcac_comments_form .input_stars li.stars.on {
	color:#04a075;
}

#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:#94c8b9;
	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:#04a075;
	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:#f6faf9; }
#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 .close:hover:after,
#fctb_thickbox .arrow:hover:after {
	color: #04a075 !important;
}



/** fcif_slideshow */

.fcif_slideshow {
	position:relative; display:block;
	overflow:hidden;
	width:100%; height:500px;
	margin:0; padding:0;
	cursor:pointer;
	background:#fff;
	}

.fcif_slideshow .slide {
	position:absolute; display:block;
	z-index:0;
	overflow:hidden;
	left:0; top:0;
	width:100%; height:100%;
	margin:0; padding:0;
	}

.fcif_slideshow .slide.white {
	color:#fff;
	}

.fcif_slideshow .slide.black {
	color:#000;
	}

.fcif_slideshow .image {
	position:absolute;
	width:100%;height:100%;
	background:top center no-repeat;
	background-size:cover;
	}

/*.fcif_slideshow .image img {
	position:relative; display:block;
	width:100%; height:auto;
	min-width:960px;
	}*/

.fcif_slideshow .textbox {
	position:relative; display:block;
	width:450px; max-width:100%;
	font-size:10px;
	margin:120px 0 0 0;
	}

.fcif_slideshow .slide.white .textbox {
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
	}

.fcif_slideshow .slide.black .textbox {
	text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.9);
	}

.fcif_slideshow .textbox h2,
.fcif_slideshow .textbox h3,
.fcif_slideshow .textbox p {
	
	}
	
.fcif_slideshow .textbox h2 {
	font-size:9em; line-height:0.85em;
	margin:0 0 0 -.025em;
	text-transform:uppercase;
	font-weight:700;
	}

.fcif_slideshow .textbox h3 {
	font-size:4.5em; line-height:0.85em;
	margin:0;
	text-transform:uppercase;
	font-weight:700;
	}

.fcif_slideshow .textbox p {
	font-size:1.9em; line-height:1.4em;
	margin:1.3em 0 0 0;
	font-weight:400;
	}

.fcif_slideshow .textbox a {
	color:#77cbff;
	font-weight:500;
	text-transform:uppercase;
	display:block;
	margin:2.2em 0 0 0;
	
	-o-transition: 			color .1s ease;
	-ms-transition:			color .1s ease;
	-moz-transition:		color .1s ease;
	-webkit-transition:	color .1s ease;
	transition:					color .1s ease;
	}
.fcif_slideshow .white .textbox a:hover {
	color:#fff;
	}
.fcif_slideshow .black .textbox a {
	color:#47af02;
	}
.fcif_slideshow .black .textbox a:hover {
	color:#000;
	}

.fcif_slideshow .textbox a .icon {
	display:inline-block;
	font-size:3em;
	font-weight:normal;
	vertical-align:top;
	margin:-.26em -.1em 0 -.3em;
	}


.fcif_slideshow .dotnav {
	position:absolute;
	left:0; bottom:45px;
	width:100%;
	list-style-type:none;
	margin:0; padding:0;
	text-align:center;
}

.fcif_slideshow .dotnav li {
	position:relative; display:inline-block;
	list-style-type:none;
	margin:0; padding:0 3px;
	font-size:36px; line-height:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}

.fcif_slideshow .dotnav.white li {
	color:#fff;
	}
	
.fcif_slideshow .dotnav.black li {
	color:#000; color:rgba(0,0,0, .3);
	}

.fcif_slideshow .dotnav li.current {
	color:#04a075;
}



/* MEDIA RESIZING FOR RESPONSIVE LAYOUT */

/* logo on retina screens */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx){
	
	#logo {
		background:url(images/global/header_logo.png) 0 0 no-repeat;
		background-size:contain;
		}
		
}


@media screen and (max-width:1310px){
    
    #header .rightbox {
        margin-right:30px;
    }
    
	
	/* NAV AND SITEMAP */
	
	#nav_menu {
		position:relative;
		display:block;
		margin:7px 0 0 0; padding:12px 0 0 0;
		float:right;
		width:30px;
		height:30px;
		text-align:right;
		font-size:30px; line-height:1em;
		color:#000;
		vertical-align:middle;
		cursor:pointer;
		}
	
	#nav {
		float:none; clear:both;
		margin:0; /* margin-top:20px */
		padding:0;
		width:auto;
		max-height:0;
		overflow:hidden;
		}
	
	#nav.open {
		max-height:1000px;
		}

	/* first tier */
	
	
	#nav.sitemap ul li {
		display:block;
		text-align:center;
		}
	
	#nav.sitemap ul li:after {
		display:none; 
		}
		
	#nav.sitemap ul li a { 
		border-bottom:2px dotted #ddd;
		}
	
	#nav.sitemap .parent:hover:after {
		display:none;
		}
	
	#nav.sitemap.open .parent:hover:after {
		display:none;
		}
	
	#nav.sitemap li.close {
		display:block;
		}
	
	#nav.sitemap li.close a {
		border:none;
		margin:20px 0 0 0;
		font-size:12px;
		}
	
	#nav.sitemap li.close a .icon {
		font-size:20px;
		}
		
	/* second tier */
	
	#nav.sitemap ul ul {
		margin:.5em 0 1em 0;
		max-height:1000px;
		}
	
	#nav.sitemap ul ul li {
		border:none;
		min-width:100%;
		}
	
	#nav.sitemap ul ul li a { 
		padding:5px 10px 5px 10px;
		border:none;
		}
	
	#nav.sitemap ul ul ul li {
		margin-left:0;
		}
}


@media screen and (max-width:1020px){
	
	/* ARTICLE SIDEBAR NEWS */
	
	.article .article_sidebar .news_section h2 {
		margin-bottom:2em;
	}
	
	.article .article_sidebar .news_section .item {
		display:block;
		width:auto;
		margin:0 0 5em 0;
		clear:both; float:none;
		}
	
	.article .article_sidebar .news_section .item .image {
		display:block; float:left;
		width:125px; height:84px;
		margin:0 2em 0 0;
		}
		
	.article .article_sidebar .news_section .item .text {
		vertical-align:top;
		top:-.5em;
		height:9.5em;
		overflow:hidden;
		}
	
	.article .article_sidebar .news_section .item h3 {
		text-align:left;
		vertical-align:top;
		margin:0;
		}


	/* FEATURED Results Box (make normal) */
	
	.styles .results_box .line,
	.styles .results_box .line.lastline {
		margin:0;
		border:none;
		}
		
	.styles .results_box .item.featured {
		display:block;
		vertical-align:top;
		width:666px; max-width:100%;
		margin:3em auto 5em auto;
		font-size:10px;
		clear:both; float:none;
		}
	
	.styles .results_box .item.featured.leftitem {
		margin-left:auto;
		}
	
	.styles .results_box .item.featured.rightitem {
		margin-right:auto;
		}
	
	.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 {
		display:block; float:left; overflow:hidden;
		width:143px; height:96px;
		margin:.5em 2em 0 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 {
		display:block;
		vertical-align:top;
		overflow:hidden;
		height:auto; max-height:10em;
		}
	
	.styles .results_box .item.featured .text.minheight {
		min-height:10em; /* added to items with photos in case text is too short */
		}
	
	.styles .results_box .item.featured h3 {
		text-align:left;
		vertical-align:top;
		margin:0;
		font-size:1.8em; line-height:1.5em;
		font-weight:900;
		}
	
	.styles .results_box .item.featured:hover h3 {
		color:#04a075;
		}
	
	.styles .results_box .item.featured p {
		position:relative;
		margin:0;
		font-size:1.4em; line-height:1.7em;
		font-weight:normal;
		text-align:left;
		}
	
}



@media screen and (max-width:980px){
	
	/* take action */
	
	.article.takeaction .takeaction_contentbox {
		width:700px; 
		max-width:100%;
		margin-left:0; margin-right:0;
		float:none;
	}
	
	.article.takeaction .takeaction_box  {
		width:700px; 
		max-width:100%;
		margin-left:0; margin-right:0;
		float:none;
	}

}



@media screen and (max-width:830px){
	
	body {
		font-size:10px;
	}
}


@media screen and (max-width:700px){
    
    #header .rightbox .donate,
    #header .rightbox .challenge {
        display: none;
    }
    
    #header #nav .headbox {
        display: block;
    }
}


@media screen and (max-width:600px){
	
	/* SLIDESHOW */
	
	.fcif_slideshow {
		height:250px;
		}
		
	.fcif_slideshow .image {
		background-size:cover;
		}
	
	.fcif_slideshow .textbox {
		margin-top:20px;
		font-size:.8em;
		}
	
	.fcif_slideshow .textbox h2 {
		font-size:6em;
		}
	.fcif_slideshow .textbox h3 {
		font-size:3em;
		}
	.fcif_slideshow .textbox a {
		margin-top:1em;
		}
	
	.fcif_slideshow .dotnav {
		bottom:20px;
		}
	
	/* BREADCRUMB */
	
		
	.breadcrumb .item {
		padding:20px 0 0 0;
		}
	
	.breadcrumb .item:after {
		content:">";
		position:relative; display:inline-block;
		left:auto; top:auto;
		width:auto; height:auto;
		padding:0 10px 0 10px;
		border:none;
		color:#ccc;
		cursor:default;
		}
	
	.breadcrumb .item:last-child:after {
		display:none;
		}
	
	.breadcrumb .item.item-0 span {
		display:none;
		}
	
	.breadcrumb .item:hover {
		background:none;
		}
	
	.breadcrumb .item.item-0,
	.breadcrumb .item.item-1,
	.breadcrumb .item.item-2,
	.breadcrumb .item.item-3,
	.breadcrumb .item.item-4,
	.breadcrumb .item.item-5 {
		background:none;
	}
	
}


@media screen and (max-width:580px){
	
	#fcac_comments_form { 
		padding:20px 20px 10px 20px;
	}
	
	#fcac_comments ul.commentsbox {
		padding:20px 20px 40px 20px;
	}
	
	
}



@media screen and (max-width:540px){
	
	/* GLOBAL */
	
	.wrapper { padding:1px 4%; }
	
	
	/* ARTICLE */
	
	.article .content_panel .text_box { padding:0 4%; }
	
	.article .content_panel .text_box { font-size:.9em; }
	
	.styles.introduction p.published {
		font-size:1.2em;
		margin-bottom:1.5em;
	}
	
}


@media screen and (max-width:450px){

#header {
	padding-bottom:15px;
	}
	
/* SEARCH */

#header #search_form {
	margin-right:10px;
	}

/* Results Box */

    
.styles .results_box .item.featured .image {
	display:block; float:none;
	width:100%; height:auto;
	margin-bottom:1em;
	}

.styles .results_box .item.normal .image {
	display:block; float:none;
	width:100%; height:auto;
	margin-bottom:1em;
	}

.styles .results_box .item.featured .text.minheight,
.styles .results_box .item.normal .text.minheight {
	min-height:0;
	}
	
}



/* 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: #aaa;
    color: #bbb;
    cursor:default;
}
.ui-datepicker .ui-datepicker-unselectable {
    background: #ccc;
}
.ui-datepicker .ui-datepicker-today .ui-state-highlight {
    background: #feffe6;
}
.ui-datepicker .ui-datepicker-today .ui-state-highlight:hover {
    background: #e7eac6;
}
.ui-datepicker-calendar .ui-state-hover {
    background: #efefef;
}
.ui-datepicker-calendar .ui-state-active {
    background: #04a075 !important;
    color: #fff !important;
    border: 1px solid #04a075;
    position: relative;
    margin: -1px;
}

.ui-datepicker .ui-datepicker-other-month a {
    color: #999;
    background: #eee;
}
.ui-datepicker .ui-datepicker-other-month a:hover {
    color: #999;
    background: #ddd;
}



/* PARENTS - BACK TO PARENTS BUTTON */

.styles .branding {
    position: relative;
    display: block;
}

.styles .branding.left {
    text-align: left;
}
.styles .branding.right {
    text-align: right;
}
.styles .branding.center {
    text-align: center;
}

.styles .branding a {
    position: relative;
    display: inline-block;
    padding: .7em 1em .6em 2em;
    margin: 0 0 1.5em 0;
    color: #fff;
    font-size: 1.4em;
    line-height: 1em;
    text-transform: uppercase;
    clear: both;
    background: #04a075;
    transition: background .3s ease;
    border-radius: .2em;
}

.styles .branding a:before {
    content: "\e830";
    position: absolute;
    top: .65em;
    left: 1em;
    font-family: 'fontawesome', sans-serif;
    transition: left 1s ease;
}

.styles .branding a:hover {
    background: #000;
    transition: background .1s ease;
}

.styles .branding a:hover:before {
    left: .5em;
    transition: left .5s ease;
}

.styles .branding.bottom a {
    margin-bottom: 3em;
}



/* ------------------------------------------------------- */
/* FC-TOOLBOX */
/* All CSS required for fc-toolbox plugin that needs to be customized */

/* IMAGES */

/* 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;
	}


/* captions */

/* captions: wordpress settings */

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

.wp-caption:first-child {
    margin-top: 0;
}
			 
.wp-caption img { 
	margin: 0; 
    padding: 0; 
	border: none; 
	}

/* captions: styles */

.styles .caption_fullscreen,
.styles .caption_normal {
	position: relative; 
    display: block;
	margin: 0; 
    padding: 0 3em 0 3em;
    font-family:"Roboto", sans-serif;
	background: none;
}

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

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

.styles .caption_fullscreen .text,
.styles .caption_normal .text,
.styles .caption_fullscreen .credit,
.styles .caption_normal .credit {
	position: relative; 
    display: inline;
    padding: 0 .5em .7em 0;
	color: #333; 
    font-size: 1.4em; 
    line-height: 1.6em; 
    font-weight: normal;
	background: none;
}

.styles .caption_fullscreen .credit,
.styles .caption_normal .credit {
    color: #999; 
    font-style: normal;
}



/* images */

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

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

.styles img.size-fullwidth {
    position: relative;
    width: 100vw !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    border: none !important;
    margin-left: calc(50% - 50vw - 9px);
    margin-right: calc(50% - 50vw - 9px);
    }



/* article */

/* fullscreen - fixed position image */

.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;
    }


/* bleed - image is contained and horizontal edges should bleed into background colour */

.article .intro_panel.bleed {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto !important;
    padding: 0 !important;
	margin: 0;
    text-align: center;
    color: #fff;
}

.article .intro_panel.bleed .image {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 1200px;
    height: auto !important;
    padding: 0 !important;
	margin: 0 auto !important;
    border: none;
}


/* full - image is full width (not fixed, shows whole image) */

.article .intro_panel.full {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto !important;
    padding:0;
	margin:0;
    text-align: center;
    color: #fff;
}

.article .intro_panel.full .image {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto !important;
    padding: 0;
	margin: 0;
}




@media screen and (max-width: 1020px){
	
	.article .intro_panel.fullscreen {
		height: 0; 
        padding-bottom: 50%;
        }
	
	.article .fullscreen {
		/*height and padding get set using jquery*/
		background-size: cover;
		background-attachment: scroll;
        }
       
}

@media screen and (max-width: 540px){
	
	.styles .caption_fullscreen { 
        margin-top: -2em; 
        }
    
}



/* FI-RESPONSIVE-VIDEO */

.wp-video-wrapper {
	position: relative;
	margin: 4em 0 4em 0 !important; 
	width: 100%;
	height: 0;
	padding-top: 1px;
	padding-bottom: 57%; /* 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%;
	}



/* SC-COMPARE */

.fcbox_sc_compare {
    /* defaults - change these values to change how the element fits into the page
    width: 100%;
    max-width: 100%;
    margin: 0em auto 3em auto;
    */
}

.fcbox_sc_compare .cd-handle {
    /* change color of svg handle in default state - usually same as default link colour */
    background-color: #04a075 !important;

}

.fcbox_sc_compare .cd-handle.draggable {
    /* change handle color when element is active */
    background-color: #00805d !important;
}



/* FN-PAGINATION */

/* fn-pagination: wordpress settings */

.pagenavigation {
    position: relative;
	display: block;
    margin: 0;
    padding: 0;
	}

.pagenavigation .fcbox_pagination {
    padding: 0 0 2em 0;
}


/* fn-pagination: fcbox_pagination */

.fcbox_pagination {
    position: relative;
    display: block;
    font-family: 'Arial', sans-serif;
    font-size: 1rem;
    line-height: 1em;
    text-align: center;
    color: #222;
    cursor: default;
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    }

.fcbox_pagination a,
.fcbox_pagination .current,
.fcbox_pagination .elipsis,
.fcbox_pagination .next {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: .3em .5em .3em .5em;
    margin: 0 .2em .4em .2em;
    font-family: inherit;
    text-align: center;
    color: inherit;
    border: solid 1px;
    border-radius: .2em;
    transition: background-color .1s ease, border-color .1s ease, color .1s ease;
}

.fcbox_pagination a:hover {
    color: #fff;
    background: #04a075;
    border-color: #04a075;
    transition: background-color 0s ease, border-color 0s ease, color 0s ease;
}

.fcbox_pagination .current {
    color: #fff;
    background: #222;
    border-color: #222;
}

.fcbox_pagination .elipsis {
    padding: 0;
    color: inherit;
    border: none;
}

.fcbox_pagination .next,
.fcbox_pagination .next.disabled:hover {
    min-width: 3.5em;
    color: #fff;
    background: #04a075;
    border-color: #04a075;
    margin-left: 1em;
    margin-right: 1em;
    padding-right: 1.2em;
}

.fcbox_pagination .next:hover {
    background: #222;
    border-color: #222;
}

.fcbox_pagination .next.disabled {
    opacity: .2;
}

.fcbox_pagination .next:after,
.fcbox_pagination .next.disabled:hover:after {
    content: '\e831';
    position: absolute;
    margin: 0 0 0 .5em;
    font-family: 'fontawesome';
    transition: margin .3s ease;
}

.fcbox_pagination .next:hover:after {
    margin: 0 0 0 1em;
}

.fcbox_pagination .pre_label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 .5em .4em .5em;
    padding: 0;
    color: inherit;
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
}


/* SC-FOOTNOTE */

.fcbox_sc_footnote {
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0;
    font-family: sans-serif;
    font-size: .8em;
    font-weight: normal;
    color: #04a075;
    cursor: pointer;
    word-break: keep-all;
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    transform: background-color .3s ease;
}

.fcbox_sc_footnote input {
   display: none;
}

.fcbox_sc_footnote .title {
    position: relative;
    display: inline;
    margin: 0;
    padding: .3em .5em .3em .5em;
    font-weight: normal;
    box-shadow: inset 0px 0px 0px 1px #c8e9f9;
}

.fcbox_sc_footnote:hover .title,
.fcbox_sc_footnote input:checked ~ .title
{
    color: #fff;
    background: #01bc88;
    box-shadow: inset 0px 0px 0px 1px #1aa1e8;
}

.fcbox_sc_footnote .note {
    z-index: 10;
    position: relative;
    display: none;
    margin: 0 .5em 0 0;
    padding: .3em 0 .3em 1em;
    font-weight: normal;
    color: #222;
    background: #ffd800;
    cursor: default;
}

.fcbox_sc_footnote .note a {
    color: #fff;
    background: #222;
    padding: .3em .5em;
    cursor: pointer;
}

.fcbox_sc_footnote input:checked ~ .note {
    display: inline;
}

.fcbox_sc_footnote .note:before {
    content: attr(data-text);
    position: relative;
    display: inline;
    margin-right: 1em;
}



/* ----------------------- */
/* #DONATIONBAR */

#donationbar {
    position: relative;
    display: block;
    margin: 0;
    padding: 3em 2em 0 2em;
    font-size: 10px;
    text-align: center;
    color: #fff;
    background: #04a075;
    background: #090f0d;
}

#donationbar .box_left {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 480px;
    max-width: 100%;
    margin: 0 0 3em 0;
}

#donationbar .box_middle {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 360px;
    max-width: 100%;
    margin: 0 3% 3em 3%;
    font-weight: normal;
}

#donationbar .box_right {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 313px;
    max-width: 100%;
    margin: 0 0 3em 0;
    text-align: left;
}

#donationbar .box_extra {
    position: relative;
    display: none;
}

#donationbar .title {
    margin: 0;
    text-align: left;
    color: #fff;
    font-size: 2.6em;
    line-height: 1.2em;
    font-weight: bold;
    font-family: 'Mulish', 'Nunito Sans', sans-serif;
}

#donationbar .text {
    margin: 0;
    text-align: left;
    color: rgba(255,255,255, .8);
    font-size: 1.6em;
    line-height: 1.4em;
}

#donationbar .box_right .donate.button_ghost {
    margin: 0 2em 0 0;
}

#donationbar .box_extra .donate.button_ghost {
    margin: 0;
    font-size: 1.2em;
}


/* BUNNY */

#donationbar .bunny_box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 160px;
    max-width: 100%;
    height: auto;
}


#donationbar .bunny {
	position: absolute;
	display: block;
    left: 0;
	width: 100%; /* 398px */
	height: 0; /* 466px */
	padding-top: 117.085%; /* divide 100 by the width */ 
	transform-origin: bottom right;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    transform: translateY(-50%);
    z-index: 100;
    /*background: rgba(0,0,0, .2);*/
}

#donationbar .bunny .body {
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
	width: 93.969%; /* 374px */
	height: 65.021%; /* 303px */
	transform-origin: bottom right;
	background: url(images/bunnyanim/bunny_body.png) 0 bottom no-repeat;
	background-size: 100% 100%;
}

#donationbar .bunny .head {
	position: absolute;
	display: block;
	left: .502%; /* 2px */
	top: 27.253%; /* 127px */
	width: 52.261%; /* 208px */
	height: 54.077%; /* 252px */
	transform-origin: 76.923% 45.634% ; /* 160px 115px */
	animation: bunny_head_move 20s ease infinite;
}

#donationbar .bunny .head .face {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%; /* 208px */
	height: 100%; /* 252px */
	background: url(images/bunnyanim/bunny_head.png) 0 bottom no-repeat;
	background-size: 100% 100%;
}

#donationbar .bunny .head .nose {
	position: absolute;
	display: block;
	right: 77%;
	top: 53.174%; /* 134px */
	width: 22.619%; /* 57px */
	height: 18.253%; /* 46px */
	background: url(images/bunnyanim/bunny_nose.png) top right no-repeat;
	background-size: 100% 100%;
	animation: bunny_nose 1s ease infinite;
}

#donationbar .bunny .head .left_ear {
	position: absolute;
	left: 31.730%; /* 66px */
	top: -50%; /* -126px */
	width: 28.846%; /* 60px */
	height: 72.222%; /* 182px */
	background: url(images/bunnyanim/bunny_left_ear.png) 0 0 no-repeat;
	background-size: 100% 100%;
	transform-origin:  58.333% 84.065%; /* 35px 153px */
	animation: bunny_left_ear 20s ease infinite;
}

#donationbar .bunny .head .right_ear {
	position: absolute;
	left: 57.692%; /* 120px */
	top: -42.063%; /* -106px */
	width: 70.192%; /* 146px */
	height: 73.809%; /* 186px */
	background: url(images/bunnyanim/bunny_right_ear.png) 0 0 no-repeat;
	background-size: 100% 100%;
	transform-origin: 21.917% 82.795%; /* 32px 154px */
	animation: bunny_right_ear 20s ease infinite;
	
}

#donationbar .bunny .head .eye_blink {
	position: absolute;
	opacity: 0;
	left: 15.384%; /* 32px */
	top: 15.079%; /* 38px */
	width: 63.461%; /* 132px */
	height: 46.428%; /* 117px */
	background: url(images/bunnyanim/bunny_eye_blink.png) 0 0 no-repeat;
	background-size: 100% 100%;
	animation: bunny_eye_blink 20s ease infinite;
}

#donationbar .bunny .head .eye_half {
	position: absolute;
	opacity: 0;
	left: 15.384%; /* 32px */
	top: 15.079%; /* 38px */
	width: 63.461%; /* 132px */
	height: 46.428%; /* 117px */
	background: url(images/bunnyanim/bunny_eye_half_blink.png) 0 0 no-repeat;
	background-size: 100% 100%;
	animation: bunny_eye_half 20s ease infinite;
}



/*@keyframes bunny_body_breathe {
	0% { height: 65.021%; }
	40% { height: 65.021%; }
	60% { height: 65.521%; }
	80% { height: 65.021%; }
}*/

/*@keyframes bunny_head_breathe {
	0% { margin-top: 0; }
	40% { margin-top: 0; }
  	60% { margin-top: -.5%; }
  	80% { margin-top: 0; }
}*/

@keyframes bunny_nose {
	0% { width: 22.619%; height: 18.253%; }
	40% { width: 21.619%; height: 17.253%; }
  	70% { width: 22.619%; height: 18.253%; }
  	80% { width: 22.619%; height: 18.253%; }
}

@keyframes bunny_head_move {
	0% { transform: rotate(0deg); }
	3% { transform: rotate(-10deg); }
  	9% { transform: rotate(-8deg); }
	20% { transform: rotate(-5deg); }
	60% { transform: rotate(2deg); }
	64% { transform: rotate(-4deg); }
  	70% { transform: rotate(8deg); }
	100% { transform: rotate(0deg); }
}

@keyframes bunny_right_ear {
	0% { transform: rotate(0deg); }
	3% { transform: rotate(-20deg); }
	6% { transform: rotate(-18deg); }
	6.5% { transform: rotate(-15deg); }
	7.5% { transform: rotate(-22deg); }
	22% { transform: rotate(-10deg); }
	22.4% { transform: rotate(-11deg); }
	23% { transform: rotate(-9deg); }
  	30% { transform: rotate(-5deg); }
	35% { transform: rotate(-5deg); }
	35.5% { transform: rotate(-10deg); }
	40% { transform: rotate(-11deg); }
	55% { transform: rotate(-12deg); }
	60% { transform: rotate(2deg); }
	64% { transform: rotate(-4deg); }
  	70% { transform: rotate(8deg); }
	
	92% { transform: rotate(4deg); }
	92.5% { transform: rotate(1deg); }
	93% { transform: rotate(3deg); }
	
	100% { transform: rotate(0deg); }
}

@keyframes bunny_left_ear {
	0% { transform: rotate(0deg); }
	
	4% { transform: rotate(-15deg); }
	6% { transform: rotate(-17deg); }
	15.5% { transform: rotate(-15deg); }
	15.5% { transform: rotate(-20deg); }
	
	16% { transform: rotate(-17deg); }
	20.4% { transform: rotate(-11deg); }
	21.8% { transform: rotate(-13deg); }
	
	33% { transform: rotate(-9deg); }
  	35% { transform: rotate(-5deg); }
	35.5% { transform: rotate(-8deg); }
	36.5% { transform: rotate(-4deg); }
	45% { transform: rotate(-5deg); }
	
	50.5% { transform: rotate(-8deg); }
	55% { transform: rotate(-8deg); }
	60% { transform: rotate(10deg); }
	65% { transform: rotate(-12deg); }
	
	70% { transform: rotate(-5deg); }
	74% { transform: rotate(-4deg); }
  	
	82% { transform: rotate(0deg); }
	82.5% { transform: rotate(2deg); }
	83% { transform: rotate(1deg); }
	
	90% { transform: rotate(4deg); }
	100% { transform: rotate(0deg); }
}

@keyframes bunny_eye_blink {
	0% { opacity: 0; }
	
	2.5% { opacity: 0; }
	3% { opacity: 1; }
	3.2% { opacity: 0; }
	
  	30% { opacity: 0; }
	30.5% { opacity: 1; }
	30.9% { opacity: 0; }
	
	60% { opacity: 0; }
	60.3% { opacity: 1; }
	61% { opacity: 0; }
	
	100% { opacity: 0; }
}

@keyframes bunny_eye_half {
	0% { opacity: 0; }
	
  	30.2% { opacity: 0; }
	30.5% { opacity: .6; }
	30.9% { opacity: 0; }
	
	50.5% { opacity: 0; }
	50.9% { opacity: 1; }
	51% { opacity: 0; }
	
	80% { opacity: 0; }
	80.3% { opacity: 1; }
	81% { opacity: 0; }
	
	81.2% { opacity: 0; }
	81.6% { opacity: 1; }
	81.9% { opacity: 0; }
	
	100% { opacity: 0; }
}



@media screen and (max-width: 1300px){
    
    #donationbar {
        padding: 2em 4em 3em 4em;
    }
    
    #donationbar .box_left {
        display: block;
        margin: 0 0 1em 0;
        width: 58%;
    }
    
    #donationbar .box_middle {
        display: block;
        margin: 0;
        width: 58%;
    }
    
    #donationbar .box_right {
        position: absolute;
        display: block;
        top: 4em;
        right: 4em;
        margin: 0;
    }
}


@media screen and (max-width: 910px){
    
    #donationbar .title {
        font-size: 2em;
        line-height: 1.2em;
    }
    
    #donationbar .text {
        font-size: 1.4em;
        line-height: 1.4em;
    }
    
    #donationbar .box_left {
        width: 50%;
    }
    
    #donationbar .box_middle {
        width: 50%;
    }
    
   
    
}


@media screen and (max-width: 760px){
    
    #donationbar {
        padding: 2em 4em 2em 4em;
    }
    
    #donationbar .box_left {
        width: 70%;
        display: block;
        margin: 0 0 1em 0;
    }
    
    #donationbar .box_middle {
        width: 65%;
        display: block;
        margin: 0 0 2em 0;
        text-align: left;
    }
    
    #donationbar .box_right {
        position: absolute;
        display: block;
        left: auto;
        right: 4em;
        top: 8em;
        margin: 0;
        width: 160px;
        height: 1em;
        text-align: right;
    }
    
    #donationbar .box_right .donate {
        display: none;
    }
    
    #donationbar .box_extra {
        display: block;
        margin: 0;
        text-align: left;
    }
    
    #donationbar .bunny_box {
        width: 100%;
    }
    
}


@media screen and (max-width: 540px){
    
    #donationbar {
        padding: 2em 2em 2em 2em;
    }
    
    #donationbar .box_left {
        z-index: 1;
        width: 60%;
    }
    
    #donationbar .box_middle {
        width: 60%;
        z-index: 1;
    }
    
    #donationbar .box_right {
        position: absolute;
        display: block;
        left: auto;
        right: 2em;
        top: 10em;
        margin: 0;
        width: 160px;
        height: 1em;
        text-align: right;
    }
    
    #donationbar .box_extra {
        /*text-align: center;*/
    }
    
    #donationbar .bunny {
        z-index: auto;
    }
    
    #donationbar .text {
        font-size: 1.2em;
        line-height: 1.4em;
    }
}


@media screen and (max-width: 400px){
    #donationbar .box_middle {
        width: 50%;
    }
}

@media screen and (max-width: 350px){
    #donationbar .box_middle {
        width: 40%;
    }
}


/* ----------------------- */
/* #CHALLENGELINK */

#challengelink {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 356px;
    font-size: 10px;
    color: #fff;
    background: #ced7a0 url(images/signup/ve_challengelink_101.jpg) center center no-repeat !important;
}

#challengelink .box {
    position: absolute;
    display: block;
    width: 420px;
    max-width: 100%;
    top: 19.662%;
    left: 50%;
    margin: 0 0 0 45px;
}

#challengelink .box .button_ghost {
    position: absolute;
    top: 0;
    left: 163px;
    margin: 0;
    font-size: 2.2em;
}

#challengelink .box .text {
    position: absolute;
    left: 0;
    top: 125px;
}

#challengelink .box .text h3 {
    margin: 0 0 .4em 0;
    font-size: 2.8em;
    line-height: 1.2em;
    font-weight: bold;
}

#challengelink .box .text p {
    margin: 0;
    font-size: 2.3em;
    line-height: 1.3em;
    font-weight: normal;
}


@media screen and (max-width: 1000px){
    
    #challengelink {
        background-position: 60% center !important;
    }
    
    #challengelink .box {
        top: 19.662%;
        left: 40%;
        margin: 0 0 0 45px;
    }
}

@media screen and (max-width: 830px){
    
    #challengelink {
        height: 200px;
        background-position: 70% center !important;
        background-size: cover !important;
    }
    
    #challengelink .box {
        width: auto;
        top: 30px;
        left: 70%;
        right: 2em;
        margin: 0 0 0 -180px;
    }
    
    #challengelink .box .button_ghost {
        left: 100px;
        font-size: 1.8em;
    }

    #challengelink .box .text {
        top: 80px;
    }

    #challengelink .box .text h3 {
        margin: 0 0 .4em 0;
        font-size: 1.8em;
        line-height: 1.2em;
    }

    #challengelink .box .text p {
        font-size: 1.6em;
        line-height: 1.3em;
    }
}


@media screen and (max-width: 400px){
    
    #challengelink {
        height: 220px;
        background-position: 65% center !important;
        background-size: cover !important;
    }
    
    #challengelink .box {
        width: auto;
        top: 30px;
        left: 65%;
        right: 2em;
        margin: 0 0 0 -140px;
    }
    
    #challengelink .box .button_ghost {
        left: 75px;
        font-size: 1.8em;
    }

    #challengelink .box .text {
        top: 80px;
    }

    #challengelink .box .text h3 {
        margin: 0 0 .4em 0;
        font-size: 1.8em;
        line-height: 1.2em;
    }

    #challengelink .box .text p {
        font-size: 1.6em;
        line-height: 1.3em;
    }
}