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

	Theme for ALV site
	www.alv.org.au
	site by www.faircode.com.au

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

	Colors:
	
	blue ...... 1a94df  // links


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



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


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


:root {
    --color-text: #333;
    --color-link: #1a94df; 
    --color-link-hover: #000;
    --color-black-link: var(--color-text);
    --color-black-link-hover: var(--color-link);
    }


html { 
	background:#eee;
	}
	
body { 
	/*width:100%; height:100%;*/
	margin:0;
	color: var(--color-text); font-size:10px; line-height:1.6em;
	background:#fff; 
	-webkit-text-size-adjust: none;
	}



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

	
h1 {
	font-size:5.5em; line-height:1em;
	color: var(--color-text);
	}
	
h2 {
	font-size:3em; line-height:1.2em;
	}
	
h3 {
    font-size:2.4em; line-height:1.4em;
	}
	
p, 
li,
td {
	font-size:1.8em; line-height:1.8em;
	}
	
a { 
	color: var(--color-link); text-decoration:none; font-weight:inherit;
	}
	
a:hover { 
	color: var(--color-link-hover);
	}
	
a:active, a:focus { /* remove firefox dotted outline on links */
	outline:0; 
	} 

img { 
	border:none;
	}

span {
    font-weight: inherit;
    font-style: inherit;
    }

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

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

#access_test {
    position: relative;
    display: block;
    width: 500px;
    max-width: 100%;
    padding: 2em;
    margin: 1em auto 2em auto;
    background: #ddd;
    border: solid 2px #222;
    box-sizing: border-box;
}


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


.styles { }

.styles h1 {
	font-weight:700;
	margin:0 0 .5em 0;
	}
body.page_disabled .styles h1 {
    color: red !important;
}
body.page_disabled .styles h1:after {
    content: 'DISABLED';
    position: relative;
    display: inline;
    vertical-align: middle;
    font-size: 10px;
    color: #fff;
    padding: .5em 1em;
    margin: 0 0 0 2em;
    background: red;
}

.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 {
	font-weight:900;
	margin:2.13em 0 1.06em 0;
	}

.styles h2 span {
	font-weight: inherit;
	}

.styles h3 {
	font-weight:500;
	margin:0 0 1.2em 0;
	}

.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: .5em 1em .6em 2em;
    margin: 0 0 1em 0;
    color: #fff;
    font-size: 1.4em;
    line-height: 1em;
    text-transform: uppercase;
    clear: both;
    background: var(--color-link);
    transition: background .3s ease;
    border-radius: .2em;
}

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

.styles .branding a:hover {
    background: var(--color-link-hover);
    transition: background .1s ease;
}

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

.styles .branding.bottom a {
    font-size: 1.8em;
    margin-top: 1.5em;
}

.styles .branding.bottom a:before {
    top: .5em;
}


.styles.introduction h3 {
	font-family:"Merriweather", Georgia, "Times New Roman", Times, serif;
	font-size:2em; line-height:1.7em;
	font-weight:normal; font-style:italic;
	color: var(--color-text);
	margin:0 0 0 0;
	}
	
.styles p,
.styles p em,
.styles p strong,
.styles td,
.styles td em,
.styles td strong,
.styles .committee_profile .text_cell,
.styles .committee_profile .text_cell em,
.styles .committee_profile .text_cell strong {
	font-family: 'Merriweather', "Roboto", sans-serif;
	font-weight:inherit;
	margin:0 0 1.7em 0;
}

.styles p strong,
.styles td strong,
.styles .committee_profile .text_cell strong {
	font-weight:bold;
}

.styles.introduction p.published {
	font-family:"Roboto", sans-serif;
	font-size:16px; line-height:23px;
	font-weight:normal;
	color:#939393;
	margin:.9em 0 2em 0;
	}

.styles a {
	font-family: inherit; /*'Merriweather', "Roboto", sans-serif; */
	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 2em 0;
	}

.styles li {
	margin:0 0 1.7em 0;
	}

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

.styles .fullscreen_warning {
    font-size: 1.4em;
    line-height: 1.4em;
    font-style: italic;
    font-weight: inherit;
    color: #888;
}


.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, 
.styles .fc_format_attention {
	position:relative;
	display:block;
	color:#1a94df;
	margin:3em 0 3em 0; padding:1em 0 1em 4em;
	border-left:solid 4px #1a94df;
}

.styles .fc_format_attention,
.styles blockquote p,
.styles .fc_format_attention p,
.styles blockquote h1,
.styles .fc_format_attention h1,
.styles blockquote h2,
.styles .fc_format_attention h2,
.styles blockquote h3,
.styles .fc_format_attention 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;
	font-family:"Merriweather", Georgia, "Times New Roman", Times, serif;
}

.styles .fc_format_attention {
	border:none;
	margin:0 0 2em 0; padding:0 2em 0 2em;
	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-family:"Roboto", sans-serif;
	font-size:15px; line-height:20px;
	font-weight:500;
	text-transform:uppercase;
	color:#000;
	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: var(--color-link);
	}
		
.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 .image .img {
	position: absolute;
    display:block;
	top:0; right:0; bottom:0; left:0;
    background-size: cover !important;
	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;
	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: var(--color-link);
	}

.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 {
    position: relative;
	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 .image .img {
	position: absolute;
    display:block;
	top:0; right:0; bottom:0; left:0;
    background-size: cover !important;
	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;
	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: var(--color-link);
	}

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


/* format_card - shortcode */

.styles .fc_format_card {
	position:relative;
	display:block;
	margin:0 0 2em 0;
	padding:2em 2em 4em 2em;
	background:#fff;
	border:solid 1px #ccc;
	border-radius:.5em;
	text-align:center;
	box-sizing:border-box;
	box-shadow:0 1px .5em rgba(0, 0, 0, 0.3), 0 0 5em rgba(0, 0, 0, 0.1) inset;
}

.styles .fc_format_card:before {
	content:"";
	position:absolute;
	left:1em; right:1em; top:1em; bottom:1em;
	border:dashed 2px #ddd;
	border-radius:1em;
}


.styles .fc_format_card h2, 
.styles .fc_format_card h3, 
.styles .fc_format_card p {
	margin:0 0 1em 0 !important;
}


/* format_email - shortcode */

.styles .fc_format_email {
	position: relative;
	display: block;
	margin: 0 0 4em 0;
	padding: 1.5em 4em 2em 4em;
	background: #fff;
	border: solid 1px #eee;
	border-radius: .5em;
	box-sizing: border-box;
	box-shadow: 0 1px .5em rgba(0, 0, 0, 0.05), 0 0 5em rgba(0, 0, 0, 0.05) inset;
}


.styles .fc_format_email h2, 
.styles .fc_format_email h3, 
.styles .fc_format_email p {
	margin: 0 0 1em 0 !important;
}
		

/* Share Box */

.styles .fc_share_box {
	position:relative;
	display:block;
	font-size: 10px;
	width: 32em;
	height: 11em;
	margin:4em auto 7em auto;
	cursor:default;
	font-family:"Roboto", sans-serif;
	}
	
.styles .fc_share_box .heart {
	position:absolute;
	display:table;
	left:50%;
	top:50%;
	width:11.5em;
	height:11.5em;
	margin:-5.7em 0 0 -5.7em;
	background:url(images/global/share_icons_heart.png) center center no-repeat;
	background-size:contain;
	-webkit-animation: fc_share_heartbeat 2s infinite;
	-moz-animation: fc_share_heartbeat 2s infinite;
	}

.styles .fc_share_box:hover .heart {
	-webkit-animation: none;
	-moz-animation: none;
	}

.styles .fc_share_box .heart .text {
	position:relative;
	display:table-cell;
	text-align:center; 
	vertical-align:middle;
	top:-0.5em;
	color:#fff;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:900;
	letter-spacing:.38em;
	text-transform:uppercase;
	}

.styles .fc_share_box .heart .text span {
	display:block;
	font-size:1.6em;
	line-height:1em;
	font-weight:300;
	letter-spacing:0.1em;
	text-transform:uppercase;
	}

.styles .fc_share_box .facebook {
	position:absolute;
	display:block;
	left:0;
	top:50%;
	width:18em;
	height:8.5em;
	margin:-4.3em 0 0 0;
	background:url(images/global/share_icons_facebook.png) left center no-repeat;
	background-size:contain;
	}

.styles .fc_share_box .twitter {
	position:absolute;
	display:block;
	right:0;
	top:50%;
	width:18em;
	height:8.5em;
	margin:-4.3em 0 0 0;
	background:url(images/global/share_icons_twitter.png) right center no-repeat;
	background-size:contain;
	}

.styles .fc_share_box .facebook,
.styles .fc_share_box .twitter {
	cursor:pointer;
	-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 .fc_share_box .message {
	position:absolute;
	display:block;
	bottom:-2em;
	width:100%;
	text-align:center;
	font-size:1.4em;
	line-height:1em;
	color:#00abf1;
	letter-spacing:.12em;
	text-transform:uppercase;
	}

.styles .fc_share_box .facebook:hover,
.styles .fc_share_box .twitter:hover {
	transform: scale(1.15);
	}

@-webkit-keyframes fc_share_heartbeat {
		0% { transform:scale(1) }
		20% { transform:scale(1.05) }
		40% { transform:scale(1) }
		100% { transform:scale(1) }
}

@-moz-keyframes fc_share_heartbeat {
		0% { transform:scale(1) }
		20% { transform:scale(1.05) }
		40% { transform:scale(1) }
		100% { transform:scale(1) }
}


/* Share Box Small */

.styles .fc_share_box.small {
	font-size: 7px;
    margin:4em auto 9em auto;
	}

.styles .fc_share_box.small .heart .text {
    top:-.9em;
    color: var(--color-link);
    }

.styles .fc_share_box.small .heart .text span {
    color: #fff;
    font-size: 1.8em;
    font-weight: bold;
    }

.styles .fc_share_box.small .message {
	font-size:2.4em;
    font-weight: bold;
    letter-spacing: 0.04em;
    color: #86c6ee;
	}



/* shortcode_display_as_button */

.styles .sc_displayasbutton {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: .6em 1em .6em 1em;
    font-family:"Roboto", sans-serif;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background: #1a94df;
    border-radius: .3em;
    cursor: pointer;
    transition: filter .2s ease;
}

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



/* TakeAction Box */

.fc_takeaction_box {
	position:relative;
	display:block;
	width:90%;
	max-width:1224px;
	overflow:hidden;
	margin:6em auto 8em auto;
	text-align:center;
	box-sizing:border-box;
	}

.fc_takeaction_box h2 {
	position:relative;
	margin:0 0 1em 0;
	font-size:3.6em;
	line-height:1.2em;
	font-weight:normal;
	color: var(--color-link);
	padding:0 5% 0 5%;
	box-sizing:border-box;
	}

.fc_takeaction_box .holder {
	position:relative;
	display:block;
	}
	
.fc_takeaction_box .panel {
	width:33.3335%; /* 408px */
	height:0;
	}
	
.fc_takeaction_box .panel .container {
	position:absolute;
	display:block;
	cursor:pointer;
	overflow:hidden;
	left:0; right:0; top:0; bottom:0;
	width:100%;
	height:100%;
	transition: all .4s ease;
	background:none;
	}

.fc_takeaction_box .panel .container:after {
	content:"";
	position:absolute;
	opacity:0;
	width:200%;
	height:10%;
	top:0;
	left:0;
	margin:-11% 0 0 0;
	transform: rotate(30deg);
	background:#ddd;
	}

.fc_takeaction_box .panel .container:hover:after {
	animation-name: fc_takeaction_box_hilight;
	animation-duration: .4s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: both;
	}

@keyframes fc_takeaction_box_hilight {
  0% {
    opacity:0;
		top:0%;
		left:0%;
  	}
	50% {
		opacity:.3;
	}
  99% {
    opacity:0;
		top:112%;
		left:-110%;
  	}
	100% {
    opacity:0;
		top:0%;
		left:0%;
  	}
}

.fc_takeaction_box .panel1 { /* middle panel */
	position:relative;
	display:inline-block;
	padding-bottom:33.33%; /* 408px */
	background:#1a94df;
	background: linear-gradient(to bottom, rgba(26,148,223,1) 25%, rgba(20,123,216,1) 100%);
	}
.fc_takeaction_box .panel1 .container:hover {
	background:#60b3e9;
	}

.fc_takeaction_box .panel2 {  /* left panel */
	position:absolute;
	display:block;
	left:0;
	top:14%;
	margin:0 0 0 0;
	padding-bottom:23%; /* 276px */
	background:#4283ac;
	background: linear-gradient(to bottom, rgba(66,131,172,1) 25%,rgba(65,125,169,1) 100%);
	}
.fc_takeaction_box .panel2 .container:hover {
	background:#6297ba;
	}

.fc_takeaction_box .panel3 {  /* right panel */
	position:absolute;
	display:block;
	right:0;
	top:14%;
	margin:0 0 0 0;
	padding-bottom:23%; /* 276px */
	background:#74acd0;
	background: linear-gradient(to bottom, rgba(118,173,209,1) 25%,rgba(101,157,200,1) 100%);
	transition: all 1s ease;
	}
.fc_takeaction_box .panel3 .container:hover {
	background:#8ebcda;
	}
	
.fc_takeaction_box .panel .icon {
	position:relative;
	display:inline-block;
	width:100%; /*300px;*/
	height:0;
	padding-bottom:100%;
	margin:-23% 0 -27% 0;
	border-radius:50%;
	overflow:hidden;
	transition: all 1s ease;
	backface-visibility: hidden;
	
	animation-name: fc_takeaction_box_icon_start;
	animation-duration: .4s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-fill-mode: both;
	}

@keyframes fc_takeaction_box_icon_start {
  0% {
    transform: scale(.6, .6);
  	}
	100% {
    transform: scale(.36, .36);
  	}
}

@keyframes fc_takeaction_box_icon_enlarge {
  0% {
    transform: scale(.36, .36);
  	}
	100% {
    transform: scale(.6, .6);
  	}
}

.fc_takeaction_box .panel1 .icon {
	background:#60b3e9 url(images/global/takeaction_icons_veganeasy.png) center center no-repeat;
	background-size:contain;
	}

.fc_takeaction_box .panel2 .icon {
	background:#6297ba url(images/global/takeaction_icons_facebook.png) center center no-repeat;
	background-size:contain;
	}
	
.fc_takeaction_box .panel3 .icon {
	background:#8ebcda url(images/global/takeaction_icons_support.png) center center no-repeat;
	background-size:contain;
	}

.fc_takeaction_box .panel .container:hover .icon {
	transition: all 1s ease;
	transform: scale(.6, .6);
	animation-name:fc_takeaction_box_icon_enlarge;
	}
	
.fc_takeaction_box .panel h2 {
	position:relative;
	margin:0 0 2% 0;
	font-size:2.4em;
	line-height:1.2em;
	font-weight:normal;
	color:#fff;
	padding:0 5% 0 5%;
	box-sizing:border-box;
	}

.fc_takeaction_box .panel p {
	position:relative;
	margin:0 0 5% 0;
	font-size:1.8em;
	line-height:1.4em;
	font-weight:normal;
	color:#bfddf0;
	padding:0 5% 0 5%;
	box-sizing:border-box;
	}

.fc_takeaction_box .panel .button {
	position:relative;
	display:inline-block;
	margin:0 0 0 0;
	padding:.6em 1em .7em 1em;
	font-size:1.8em;
	line-height:1em;
	font-weight:400;
	color:#fff;
	background:#60b3e9;
	border-radius:.2em;
	transition: all 1s ease;
	}

.fc_takeaction_box .panel .container:hover .button {
	background:#147ed8;
	}


@media screen and (max-width:1270px){
	
	.fc_takeaction_box .panel h2 {
		font-size:2em;
		margin-bottom:7%;
	}
	
	.fc_takeaction_box .panel p {
		display:none;
	}
	
}

@media screen and (max-width:960px){
	
	.fc_takeaction_box .panel h2 {
		font-size:1.8em;
		margin-bottom:7%;
	}
	
	.fc_takeaction_box .panel .button {
		font-size:1.4em;
	}
	
}

@media screen and (max-width:750px){
	
	.fc_takeaction_box {
		width:92%;
		margin:3em auto 1em auto;
	}
	
	.fc_takeaction_box h2 {
		font-size:3em;
	}
	
	.fc_takeaction_box .panel .button {
		font-size:1.6em;
	}
	
	.fc_takeaction_box .panel1 {
		position:relative;
		margin:0 auto 3em auto;
		display:block;
		width:60%;
		padding-bottom:50%;
	}
	
	.fc_takeaction_box .panel2,
	.fc_takeaction_box .panel3 {
		position:relative;
		margin:0 auto 3em auto;
		display:block;
		width:60%;
		padding-bottom:40%;
	}
	
}

@media screen and (max-width:540px){
	
	.fc_takeaction_box {
		width:92%;
		margin:3em auto 0 auto;
	}
	
	.fc_takeaction_box h2 {
		font-size:2.2em;
	}
	
	.fc_takeaction_box .panel1 {
		position:relative;
		margin:0 auto 3em auto;
		display:block;
		width:100%;
		padding-bottom:85%;
	}
	
	.fc_takeaction_box .panel2,
	.fc_takeaction_box .panel3 {
		position:relative;
		margin:0 auto 3em auto;
		display:block;
		width:100%;
		padding-bottom:65%;
	}
	
}



/* shortcode: number */

.styles .shortcode_number {
	overflow:hidden;
	display:inline-block;
	vertical-align: top;
    float: left;
	width:4rem;
	height:4rem;
	padding:1.45rem 0 0 0;
	margin:-.25em 1rem 0 0;
	font-size:2.7rem;
	line-height:1rem;
	text-align:center;
	font-weight:700;
	color:#fff;
	background:#333;
	border-radius:50%;
    box-sizing: border-box;
    text-indent:.05rem;
	}

.styles .shortcode_number.shortcode_number_double { 
	font-size:2.2rem;
	line-height:1rem;
	padding:1.4rem 0 0 0;
	text-indent:-.07rem;
	}



/* shortcode: format_profile */

.styles .format_profile.image {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:25%;
	height:0;
	padding:25% 0 0 0;
	margin:0 5% 1em 0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:3px;
	}

.styles .format_profile.text {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:70%;
	padding:0;
	margin:0;
	}

@media screen and (max-width:500px){
	
	.styles .format_profile.image {
		display:block;
		width:50%;
		padding-top:50%;
		margin:0 auto 1.5em auto;
	}
	
	.styles .format_profile.text {
		display:block;
		width:100%;
		margin:0 0 1em 0;
	}
	
}

@media screen and (max-width:350px){
	
	.styles .format_profile.image {
		width:100%;
		padding-top:100%;
		margin:0 auto 1em auto;
	}
	
}



/* shortcode insert */

.styles .shortcode_insert.separator {
    position: relative;
    display: block;
    clear: both;
    float: none;
    width: 100%;
    height: auto;
    border-top: 1px solid #ddd;
    padding: 0;
    margin: 5em 0 5em 0;
}



/* shortcode veganfestival_stallprofile */

.styles .sc_veganfestival_stallprofile {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: left;
}

.styles .sc_veganfestival_stallprofile .image {
    position: relative;
    display: inline-block;
    vertical-align: top;
    float:left;
    width: 25%;
    height: auto;
    padding: 0;
    margin: 0 5% 5% 0;
}

.styles .sc_veganfestival_stallprofile .text {
    position: relative;
    display: block;
    vertical-align: top;
    padding: 0;
    margin: 0 0 5% 0;
}


/* shortcode insert_form */

.styles .sc_insert_form {
    position: relative;
    display: block;
    padding: 3em 3em 2em 3em;
    margin: 0 0 4em 0;
    background: #eaf2f0;
    border-radius: 1em;
    box-sizing: border-box;
}

.styles .sc_insert_form p {
    font-size: 1.6em;
}


/* ----------------------- */
/* 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:960px /*960*/; max-width:100%;
	margin:0 auto; padding:1px 40px 1px 40px; /* needs 1px to make inner divs with margins work properly */
	box-sizing: border-box;
	}


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

.debug {
    position: relative;
    font-size: 1.4em;
    line-height: 1.7em;
    font-family: monospace !important;
    color: darkred;
    margin: 0 0 1em 0;
    padding: 1em;
    background: #fcc;
    border: solid 1px red;
    border-radius: .2em;
}



/** 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:var(--color-link); font-size:16px; line-height:1em; font-weight:900; text-transform:uppercase;
	border:solid 1px var(--color-link);
	}

.button_important:hover {
	color: var(--color-link-hover);
	border-color:var(--color-link-hover);
	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 .5em 0; 
	padding:.7em 1em .8em 1em;
	color:#fff;
	background: var(--color-link);
	border:none;
	text-transform:uppercase;
	}
	
.button_solid:hover {
	background: var(--color-link-hover);
	color:#fff;
	}



@-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 #f5f5f5;
	box-shadow: 				inset 0px 2px 0px 0px #f5f5f5;
	-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:#175281; 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 25px 0;
 }

#header.header_hidden { 
	display:none;
 }

/* logo */

#logo {
	position:relative; display:block; overflow:hidden; vertical-align:top;
	width:111px; height:45px;
	float:left;
	margin:15px 0 0 0;
	background:url(images/global/header_logo_small.png) 0 0 no-repeat;
	background-size:contain;
	}
	
#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;
	}


/* search */

#header #search_form {
	position:relative; display:block; vertical-align:top; 
	width:135px; height:35px;
	margin:17px 15px 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:var(--color-link) !important;
	}

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


#header #search_form .input_submit:hover {
	color:var(--color-link);
	}

#header #search_form .input_submit:active {
	color:var(--color-link-hover);
	}


#header .donate_box {
	position:relative;
	display:block;
	vertical-align:top;
	width:93px;
	height:10px;
	margin:0 0 0 0;
	float:right;
	text-align:right;
	}

#header #donate {
	position:absolute;
	left:0;
	top:17px;
	color:#fff;
	/*border-color:#000;*/
	background:#1a94df;
	margin:0 0 0 0;
	text-align:center;
	z-index:1001;
	
	-o-transition:	 		all .5s ease-in-out;
	-ms-transition: 		all .5s ease-in-out;
	-moz-transition: 		all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: 				all .5s ease-in-out;
	}

#header #donate:hover {
	color:#fff;
	/*border-color:#1a94df;*/
	background:#000;
	}

#header .donate_box .donate_window {
	display:block;
	visibility:hidden;
	opacity:0;
	position:absolute;
	right:-59px;
	top:-20px;
	width:211px;
	height:276px;
	background:url(images/global/header_donate_window.jpg) center 0 repeat;
	z-index:1000;
	border:solid 1px rgba(74,162,216, 0.13);
	border-top:none;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	
	-o-transition:	 		all .3s ease-out;
	-ms-transition: 		all .3s ease-out;
	-moz-transition: 		all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: 				all .3s ease-out;
	}

#header .donate_box:hover .donate_window {
	visibility:visible;
	opacity:1;
	top:-1px;
	
	-o-transition:	 		all .3s ease-out;
	-ms-transition: 		all .3s ease-out;
	-moz-transition: 		all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: 				all .3s ease-out;
	}


#header .donate_box .donate_window .pig {
	position:absolute;
	right:-13px;
	bottom:30px;
	width:139px;
	height:197px;
	background:url(images/global/header_donate_window_pig.png) 0 0 no-repeat;
	-o-transition:	 		all .3s ease-out;
	-ms-transition: 		all .3s ease-out;
	-moz-transition: 		all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: 				all .3s ease-out;
	}

#header .donate_box:hover .donate_window .pig {
	bottom:16px;
	-o-transition:	 		all .3s ease-out;
	-ms-transition: 		all .3s ease-out;
	-moz-transition: 		all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: 				all .3s ease-out;
	}

#header .donate_box .donate_window .radio_section {
	position:absolute;
	top:95px;
	left:15px;
	text-align:left;
	font-size:10px;
	}
	
#header .donate_box .donate_window label {
	position:relative;
	display:block;
	margin:0 0 1em 0;
	padding:0;
	font-size:1.5em;
	line-height:1em;
	cursor:pointer;
	}

#header .donate_box .donate_window label:hover {
	color:var(--color-link);
	}

#header .donate_box .donate_window .radio {
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	width:2.5em;
	margin:0;
	padding:0 0 0 0;
	}

#header .donate_box .donate_window p {
	position:absolute;
	display:block;
	left:27px;
	bottom:29px;
	width:105px;
	margin:0;
	padding:0;
	font-size:1em;
	}


#header .donate_box .donate_window p a {
	display:block;
	font-size:1.5em;
	line-height:1.4em;
	font-weight:400;
	text-align:left;
	color:#155780;
	padding:0;
	margin:0;
	text-align:left;
	-o-transition:	 		all .3s ease-in-out;
	-ms-transition: 		all .3s ease-in-out;
	-moz-transition: 		all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: 				all .3s ease-in-out;
	cursor:pointer;
	}
	
#header .donate_box .donate_window p a span {
	font-weight:900;
	}

#header .donate_box .donate_window p a:hover {
	color:#1a9beb;
	}

#header .donate_box .donate_window.donate_page { 
	display:none;
	}


#header #supporter_button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin: 1.5em 0 0 0;
    cursor: pointer;
    transition: filter .2s ease;
}

#header #supporter_button:hover {
    filter: brightness(1.3);
}

#header #supporter_button .icon {
    z-index:1001;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 4em;
    height: 4em;
    background: #1a94df;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57 57'%3E%3Cpath fill='rgba(255,255,255,.8)' d='M25.1 9c6.5-2.5 14.3 3 14.1 10 .3 6-5.3 11.4-11.3 10.7-5.9 0-10.8-6-10-11.8A11 11 0 0 1 25.2 9ZM9 43c1-5.8 5.6-10.4 11-12.6a14 14 0 0 0 17.2 0 18 18 0 0 1 9 7.4c3.4 5.8 2 12.8 2.3 19.2H9c.1-4.7-.4-9.3 0-14Z'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: 110%;
    border-radius: 50%;
    border: .3em solid #1a94df;
    box-sizing: border-box;
}

#header #supporter_button .text {
    z-index:1001;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 .5em 0 0;
    font-size: 1.4em;
    color: #1a94df;
    box-sizing: border-box;
}
    
    


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


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

#nav_checkbox {
    display: none;
}

#nav { 
	position: relative; 
	display: block; 
	overflow: hidden; 
	vertical-align: middle;
	width: 430px;
	max-width: 100%;
	height: auto;
	max-height: 100vh;
	margin:0 0 0 75px;
	padding: 13px 0 0 0;
	float: left;
	font-size: 10px;
	}


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

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

.sitemap ul li a { 
	display:block;
	margin:0; padding:15px 30px 5px 22px;
	color: var(--color-link); font-size:16px; line-height:1em; font-weight:900; text-transform:uppercase;
		/* hover OUT */
		transition: color .5s ease;
	}

.sitemap ul li a:hover {
	color: #111;
		/* hover IN */
		transition: color .1s ease;
	}

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

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

.sitemap label:hover a:after {
	content:"▼"; /* ˇ↓▼˅ */
	position:absolute;
	right:10px; top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: var(--color-link);
	}

#nav_checkbox:checked + .sitemap ul li label:hover a:after {
	content:"▲"; /* ˇ↓▼˅ */
	top:13px;
	}

.sitemap li.parent label a {
	pointer-events: none;
}


/* 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;
    opacity: 0;
    transition: opacity .2s ease, max-height .2s ease;
    overflow: hidden;
	}

#nav_checkbox:checked + .sitemap ul ul {
	position:relative;
	max-height:100vh;
    opacity: 1;
	transition: opacity .2s ease, max-height .3s ease;
	}

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

.sitemap ul ul li {
	position:relative; display:block; 
	margin:0 0 .3em 0; padding:0;
    max-width: 100%;
    overflow: hidden;
	}

.sitemap ul ul li a { 
	display: block;
    max-width: 9.5em;
    overflow: hidden;
	margin:0; padding:5px 0 5px 25px;
	color:#000; font-size:14px; line-height:1.4em; font-weight:500; text-transform:none;
    box-sizing: border-box;
    word-wrap: break-word;
    white-space: normal;
	}

.sitemap ul ul li a:hover {
	color: var(--color-link);
	}

.sitemap ul ul li a.current {
	color: var(--color-link);
}



/* NAV MOBILE */


@media screen and (max-width:971px){
	
	#nav_menu {
		position:relative;
		display:block;
		margin:7px 0 0 0; padding:12px 0 0 20px;
		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;
		height: auto;
        max-height: 0;
		overflow:hidden;
        opacity: 0;
        transition: max-height .3s ease, opacity .2s ease;
		}
    
    #nav_checkbox:checked + #nav {
        max-height: 200vh;
        opacity: 1;
    }

    /* first tier */

    .sitemap ul {
        position:relative; display:block; list-style-type:none; text-align:center;
        padding:20px 0 0 0; margin:0;
        white-space:normal;
        }

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

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

    .sitemap ul li a { 
        display:block;
        margin:0; padding:15px 30px 5px 22px;
        color:var(--color-link); font-size:16px; line-height:1em; font-weight:900; text-transform:uppercase;
        background:none;
        border-bottom:2px dotted #ddd;
        /* hover OUT */
        transition: color .5s ease;
        }

    .sitemap ul li a:hover {
        color:#000;
        /* hover IN */
        transition: color .1s ease;
        }

    .sitemap label {
        pointer-events: none;
        }

    .sitemap li.close {
        display:block;
        margin:30px 0 10px 0;
        }

    .sitemap li.close label {
        display: block;
        vertical-align: middle;
        pointer-events: all;
        border:none;
        font-size:16px;
        color: var(--color-link);
        font-weight: normal;
        cursor: pointer;
        }

    .sitemap li.close label .icon {
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        margin: 0 0 .2em 0;
        }

    /* second tier */

    .sitemap ul ul {
        position:relative; display:block; list-style-type:none;
        margin:.5em 0 1em 0; padding:0;
        white-space:normal;
        }

    .sitemap ul ul li {
        border:none;
        }


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

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

    .sitemap ul ul li a:hover {
        color:var(--color-link);
        background:none;
        }

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

    .sitemap ul ul li a.current {
        color:var(--color-link);
    }

} /* END NAV MOBILE */







/** breadcrumb nav */


.breadcrumb {
    position: relative;
    display: block;
    font-size: 1.6em;
    line-height: 1em;
    margin: 1.6em 0 .2em 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.breadcrumb .item {
	position: relative; 
    display: inline-block;
	width: auto;
    height: auto;
    padding: 0;
    margin: 0 .5em 0 0; 
	color: var(--color-link); 
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    text-decoration: none;
    transition: filter .2s ease;
}

.breadcrumb .item:after {
    content: '';
    position: relative; 
    display: inline-block;
    vertical-align: bottom;
    width: 1.1em;
    height: 1.1em;
    margin: 0 0 0 .5em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='rgba(26,148,223,1)' d='M 3.71875 7.78125 L 2.28125 9.21875 L 11.28125 18.21875 L 12 18.90625 L 12.71875 18.21875 L 21.71875 9.21875 L 20.28125 7.78125 L 12 16.0625 L 3.71875 7.78125 z'/%3E%3C/svg%3E") 0 0 no-repeat;
    transform: rotate(-90deg);
}

.breadcrumb .item:hover {
	filter:brightness(0);
}

.breadcrumb .item:last-child {
	color: #999;
    font-weight: normal;
    pointer-events: none;
}

.breadcrumb .item:last-child:after {
	display: none;
}

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

#footer { 
	position:relative; 
	/*background:#cbcee0 url(images/global/contact_bg.png) center center repeat;*/
	background:#d8dde0;
	color:#222;
	text-align:center;
	padding:0 0 50px 0;
	}

/*#footer:before {
	content:""; 
	position:absolute;
	left:0; top:-2px;
	width:100%;
	border-top:dotted 3px #cbcee0;
	}*/



/** contact_section */

#footer .contact_section {
	position:relative; display:block; vertical-align:top;
	width:210px;
	float:left;
	padding:42px 0 0 0;
	text-align:left;
	}

#footer .contact_section p {
	font-size:14px;
	margin:0 0 2em 0;
	}

#footer .contact_section a.logo {
	position:relative; display:block; overflow:hidden; vertical-align:top;
	width:111px; height:45px;
	margin:0;
	background:url(images/global/header_logo_small.png) 0 0 no-repeat;
	background-size:contain;
	text-indent:-9999px;
	}
	
#footer .contact_section a {
	color:#000;
	font-weight:700;
	}

#footer .contact_section a:hover {
	color:#1a94df;
	}

#footer .contact_section .credits {
	font-size:12px;
	}

#footer .contact_section .termsconditions {
	font-size:1.2em;
}

/* socmedia_section */

#footer .socmedia_section {
	position:relative; display:block; vertical-align:top;
	width:210px;
	float:right;
	padding:42px 0 0 0;
	margin:0 160px 0 0;
	text-align:center;
	}

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

#footer .socmedia_section .socmedia_button {
	position:relative; display:inline-block; vertical-align:top;
	width:52px; height:52px;
	margin:0 7px 0 7px;
	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.youtube { background:url(images/global/socmedia_youtube.png) 0 0 no-repeat; }


#footer .socmedia_section .facebook_likes {
	position:relative;
	margin:0 0 40px 0; padding:1px 0 1px 0;
	width:210px; height:auto; overflow:hidden;
	}


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

#footer .socmedia_section .form_footer_signup p {
	position: relative;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
	}

#footer .socmedia_section .form_footer_signup label {
	display:none;
	}

#footer .socmedia_section .form_footer_signup br {
	display:none;
	}

#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 h3.mobile {
    display: none; 
}

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

/* donate_section */

#footer .donate_section {
	position:relative; display:block; vertical-align:top;
	width:170px;
	float:right;
	padding:42px 20px 30px 20px;
	margin:-1px 0 0 0;
	text-align:center;
	background:#e7e7e7;
	}

#footer .donate_section p {
	margin:0 0 1em 0;
	text-align:left;
	font-size:11px;
	}

#footer .donate_section .button_important {
	background:#ededed;
	display:block;
	margin:0 auto 15px auto;
	}

#footer .donate_section label {
	display:block;
	font-size:14px;
	margin:0 0 15px 55px;
	text-align:left;
	}

#footer .donate_section .radio_section {
	margin:20px 0 30px 0;
	}

#footer .donate_section .radio {
	margin:0 .7em 0 0;
	padding:0;
	}


/* indigenous */

#footer .indigenous {
	position: relative;
    display: block;
    margin: 1em auto 1em auto;
    text-align: center;
}

#footer .indigenous p {
	display: block;
    margin: 0;
    padding: 0 2em;
    color: #333;
    text-align:center;
    font-size: 1.3em;
    line-height: 1.6em;
}


/* ----------------------- */
/* 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 .content_panel {
	position:relative;
	background:none;
	margin:0 0 2em 0;
}

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

.wrapper_text_box {
    margin: 0 auto 0 auto;
}

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

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

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

.article .committee_profile {
	position:relative;
	display:block;
	width:100%;
	margin:0 0 2em 0;
	}

.article .committee_profile .image_cell {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:25%;
	margin:0 2% 0 0;
	}

.article .committee_profile .image_cell img {
	display:block;
	vertical-align:top;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:none;
	}

.article .committee_profile .text_cell {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:72%;
	font-size:18px; 
	line-height:1.7em;
	}



/* 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:#1a94df;
	}

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


/* article takeaction */

.article.takeaction .content_panel {
	text-align:center;
	}
	
.article.takeaction .takeaction_contentbox {
	position:relative;
	width:538px; max-width:100%;
	display:inline-block;
	float:left;
	vertical-align:top;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

.article.takeaction .content_panel .text_box {
	width:100%; max-width:100%;
	text-align:left;
	padding:0 0 0 0;
	margin:0 0 4em 0;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
	}

.article.takeaction .content_panel .text_box h1 {
	margin-top:.7em;
	}
	
.article.takeaction .takeaction_box {
	position:relative;
	width:300px; max-width:100%;
	display:inline-block;
	float:right;
	vertical-align:top;
	background:#1a94df;
	text-align:left;
	margin:-1px 0 4em 40px;
	padding:4em 30px 2em 30px;
	color:#fff;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

.article.takeaction .takeaction_box.styles h2 {
	font-size:4.4em;
	line-height:1em;
	font-weight:700;
	margin:0 0 .5em 0;
}

.article.takeaction .takeaction_box.styles h3 {
	font-family:"Merriweather", Georgia, "Times New Roman", Times, serif;
	font-size:2em; line-height:1.6em;
	font-weight:normal; font-style:italic;
	margin:0 0 1.2em 0;
}

.article.takeaction .takeaction_box.styles p {
	font-size:1.4em; line-height:1.9em;
	margin:0 0 1em 0;
}

.article.takeaction .takeaction_box.styles a {
	color:#000;
	font-weight:bold;
}

.article.takeaction .takeaction_box.styles a:hover {
	border-bottom:solid 1px #000;
}

.article.takeaction .takeaction_box.styles strong {
	font-weight:bold;
}

.article.takeaction .takeaction_box.styles .button {
	display:inline-block;
	padding:1em 1em;
	margin:1em 0;
	max-width:100%;
	color:#fff;
	font-weight:bold;
	background-color:#000;
	border-radius:5px;
	-webkit-box-sizing:	border-box; 
	-moz-box-sizing:		border-box; 
	box-sizing:					border-box;
	-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.takeaction .takeaction_box.styles .button:hover {
	border:none;
	color:#000;
	background-color:#fff;
}



.article.takeaction .takeaction_box #form_takeaction {
	margin:3em 0 0 0;
	text-align:center;
}

.article.takeaction .takeaction_box #form_takeaction .text,
.article.takeaction .takeaction_box #form_takeaction .email {
	position:relative;
	width:100%;
	border:none; border-top:solid 1px #c2c2c2;
	padding:6px 10px 7px 10px;
	margin:0 0 1.4em 0;
	color:#222; 
	font-size:16px;
	text-align:center;
	background:#fff;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
	}

.article.takeaction .takeaction_box #form_takeaction .fLabel { /* formlabels creates this - need to center the text here*/
	width:90%;
	text-align:center;
	}

.article.takeaction .takeaction_box #form_takeaction .button_important {
	color:#fff;
	background:#000;
	border:solid 1px #fff;
	padding:.7em 1.8em .7em 1.8em;
}

.article.takeaction .takeaction_box #form_takeaction .button_important:hover {
	color:#000;
	background:#fff;
	border:solid 1px #000;
}

.article.takeaction .takeaction_box #form_takeaction .textarea {
	position:relative;
	width:100%;
	height:10em;
	border:none; border-top:solid 1px #c2c2c2;
	padding:6px 10px 7px 10px;
	margin:0 0 1.4em 0;
	color:#222; 
	font-size:16px;
	text-align:left;
	background:#fff;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
	}



/* ----------------------- */
/* MEMBER LOGIN */

#memberlogin {
	position:relative;
	}
	
#memberlogin .intro_panel .loginbox {
	position:relative;
	width:180px;
	text-align:center;
	margin:30px auto 20px auto;
	}

#memberlogin .intro_panel h2 {
	font-size:2.4em;
	margin:.5em 0 1em 0;
	}
#memberlogin .intro_panel h2 .icon-user {
	font-size:1.5em;
	}

#memberlogin .intro_panel .input_text {
	margin:0 0 1em 0;
	background:#fff;
	}

#memberlogin .article .content_panel .text_box {
	width:300px; display:block;
	margin-left:auto; margin-right:auto;
	text-align:center;
	}

/* login form */

#fcmm_form_memberlogin .infodisplay { 
	visibility:hidden; 
	position:relative; display:block;
	width:auto; height:16px; 
	margin:0; padding:5px 8px 0 20px;
	font-size:12px; line-height:1em; color:#000; font-style:italic; border:solid 1px transparent;
	background:url(images/global/wait.gif) 0 0 no-repeat;
	-webkit-border-radius:4px; 
	-moz-border-radius:		4px;
	border-radius:				4px; 
	}
	
#fcmm_form_memberlogin .infodisplay.error { 
	padding-left:8px;
	color:#fee2e2; font-style:normal;
	background:#8f2626; 
	border:solid 1px #a88e8e;
	}

/* ACCESS DENIED to member pages */

/* This class is added to html by jquery in the event someone uses the back button after signing out, to prevent access */
#accessdenied { 
	width:100%; height:100%; 
	background:#f5f5f5; 
	}

#accessdenied body { 
	display:none; 
	}



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


#page_parent {
	position:relative;
	}

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



/* ----------------------- */
/* 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; float:left; width:680px; padding:10px 10px 10px 10px; background:#FFF; }*/



/* ----------------------- */
/* COMMENTS */
	
#comments { 
	position:relative; overflow:hidden;
	margin:0 0 5em 0; padding:0; 
	font-size:10px;
	height:6.3em;
	border:solid 1px #d9d9d9; border-left:none; border-right: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:#1a94df;
	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:#0872bd;
}

#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:#1a94df; }


/* 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; margin:30px 0 50px 0; padding:0; font-size:10px; }
#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 .7em 0; font-weight:700;  }
#comments .commentsbox .entry .text { position:relative; }
#comments .commentsbox .entry .text p { font-size:1.4em; line-height:1.8em; color:#333;  }
#comments .commentsbox .entry .moderation { font-size:1.4em; color:#c34342; }



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


#fctb_thickbox .close:hover:after,
#fctb_thickbox .arrow:hover:after {
	color: #1a94df !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:700px; 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:#1a94df;
	}
.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:#1a94df;
}




/* PAGE VIDEO INTRO TEMPLATE */

#page_videointro .article .intro_panel {
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	padding:0;
	margin:0;
}

#page_videointro .article .intro_panel .text_box {
	text-align:center;
	color:#fff;
	padding-top:4em;
	margin-top:0;
}

#page_videointro .article .intro_panel .text_box h1 {
	color:#fff;
	margin:0 0 .25em 0;
}

#page_videointro .article .intro_panel .text_box h2 {
	color:#fff;
	font-size:2em;
	line-height:1.7em;
}

#page_videointro .article .intro_panel .video {
	position:relative;
	padding:0 0 5em 0;
}

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

#page_videointro .article .text_box .number { 
	font-size:2em;
	line-height:1em;
	float:left;
	width:1em;
	height:1em;
	padding:.2em;
	color:#fff;
	background:#333;
	border-radius:50%;
	text-align:center;
	font-weight:700;
	margin:0 .5em 0 0;
	}

#page_videointro .article .text_box .number_double { 
	font-size:1.7em;
	line-height:1em;
	float:left;
	width:1em;
	height:1em;
	padding:.35em;
	color:#fff;
	background:#333;
	border-radius:50%;
	text-align:center;
	font-weight:700;
	margin:0 .5em 0 0;
	text-indent:-.08em;
	overflow:hidden;
	}

#page_videointro .article .text_box .heading { 
	font-size:1.5em;
	line-height:1.5em;
	font-weight:700;
	margin:0 0 0 0;
	}



/* PAGE IMAGE INTRO ARTICLE TEMPLATE */


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

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

#page_imageintro_article .intro_panel.bleed .image {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 1200px;
    height: auto !important;
    padding:0;
	margin:0;
}

#page_imageintro_article .intro_panel .imageintro_branding {
    position: absolute;
    display: block;
    top: 4vh;
    left: 4vw;
    padding: 1em;
    background:#ff0;
}

/* full - image is full width (not fixed) */

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

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

/* nourl - no url, so make it appear that it's not a link */

#page_imageintro_article .intro_panel.nourl {
    cursor: default;
}




/* 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;
		}
	
	#footer .contact_section a.logo {
		background:url(images/global/header_logo.png) 0 0 no-repeat;
		background-size:contain;
		}
		
}


@media screen and (max-width:1040px){
    
    #header .donate_box .donate_window { 
    display:none;
    }
    
}


@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:971px){
    
    /* remove fullscreen warning text if image is no longer fullscreen */
    .styles .fullscreen_warning {
        display:none;
    }
	
	#header #search_form { 
		float:right;
		}
	
	#header .donate_box { 
		width:9.3em;
		}
	
	#header .donate_box .donate_window { 
		display:none;
		}
	
	
	/* FOOTER */
	
	#footer .donate_section { display:none; }
	
	#footer .contact_section {
		display:inline-block;
		float:none;
		text-align:center;
		margin:0 20px 0 20px;
		}
	
	#footer .contact_section a.logo {
		margin:0 auto;
		}
	
	#footer .socmedia_section {
		display:inline-block;
		float:none;
		margin:0 20px 0 20px;
		}
	
	/* 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:0 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:#1a94df;
		}
	
	.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:740px){
	
    .wrapper { padding:1px 4%; }
    
}


@media screen and (max-width:650px){
    
	.article .committee_profile .image_cell {
		display:block;
		width:200px;
		max-width:100%;
		margin:0;
		float:none; clear:both;
		}
	
	.article .committee_profile .text_cell {
		display:block;
		width:100%;
		padding:1em 0 0 0;
		float:none; clear:both;
		}
		
}

@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;
		}
    
    /* FOOTER FOR MOBILE */
    
    #footer {
        padding: 3% 0 0 0;
    }
    
    #footer .wrapper {
        padding: 0 !important;
        margin: 0 !important;
        width: auto;
        max-width: none;
    }
    
    /** contact_section */

    #footer .contact_section {
        position: relative; 
        display: block;
        width: auto;
        float: none;
        padding: 0;
        margin: 0 3% 0 3%;
        box-sizing: border-box;
        text-align: center;
        }

    #footer .contact_section p {
        display: inline-block;
        vertical-align:top;
        width: 30%;
        font-size: 3vw;
        line-height: 1.3em;
        font-weight: 400;
        margin: 0 0 0 0;
        }
    
    #footer .contact_section .p_logo {
        float: left;
        }
    
    #footer .contact_section a.logo {
        position: relative; 
        display: block; 
        overflow: hidden; 
        vertical-align: top;
        width:100%; max-width: 111px; 
        height:0;
        margin:0 0 0 0;
        padding: 35% 0 0 0;
        text-align: left;
        z-index: 1;
        }

    #footer .contact_section .credits {
        display: none;
        }
    
    #footer .contact_section .email {
        text-align: center;
    }
    
    #footer .contact_section .phone {
        text-align: right;
        float: right;
        margin-right: 3%;
    }
    
    #footer .contact_section .termsconditions {
        z-index: 1;
        position: absolute;
        text-align: right;
        margin: 0;
        right: 3%;
        top: 20vw;
    }
    
    #footer .contact_section .address {
        font-size: 2.5vw;
        display: inline-block;
        vertical-align: top;
        float: right;
        text-align: right;
        width: 30%;
        margin: 2em 3% 0 0;
        padding: 0;
        }

    /* socmedia_section */

    #footer .socmedia_section {
        position:relative; display:block;
        width: 100%;
        padding:10vw 0 0 0;
        margin: 0;
        text-align:left;
        box-sizing: border-box;
        }
    
    #footer .socmedia_section .facebook_likes {
        position:relative;
        margin:0 0 0 0; padding:0 3% 0 3%;
        width:210px; height:60px; overflow:hidden;
        }
    
    
    

    #footer .socmedia_section .form_footer_signup {
        display: block;
        padding: 3% 3% 5% 3%;
        margin: 5vw 0 0 0;
        background: #c9cdd0;
        overflow:hidden;
        }
    
    #footer .socmedia_section .form_footer_signup h3 {
        display: none;
        }
    
    #footer .socmedia_section .form_footer_signup h3.mobile {
        display: inline-block;
        vertical-align: middle;
        font-size: 2.5vw;
        line-height: 1em;
        font-weight: 600;
        padding: 0 0 1% 0;
        margin: 0 2% 0 0;
        text-transform: uppercase;
        }
    
    #footer .socmedia_section .form_footer_signup p {
        position:relative;
        display: inline-block;
        vertical-align: top;
        width: 30%;
        margin: 0 2% 0 0 !important;
    }
    
    #footer .socmedia_section .form_footer_signup .email,
    #footer .socmedia_section .form_footer_signup .text {
        position:relative;
        display: inline-block;
        vertical-align: middle;
        width:100%;
        border:none; border-top:solid 1px #c2c2c2;
        padding: 4% 5% 5% 5%;
        color:#333; font-size:14px;
        text-align: left;
        background:#e7e7e7;
        box-sizing: border-box;
        }

    #footer .socmedia_section .form_footer_signup .fLabel { /* formlabels creates this - need to center the text here*/
        text-align: left;
        width: auto;
        }
    
    #footer .socmedia_section .form_footer_signup p.signup_p {
        vertical-align: top;
        display: inline;
        width: auto;
        margin: 0 !important;
    }
    
    #footer .socmedia_section .form_footer_signup .button_important {
        vertical-align: middle;
        font-size: 2vw;
        line-height: 1em;
        font-weight: 600;
        padding: 2%; 
        margin:0 0 0 0 !important;
    }
    
    /* indigenous */

    #footer .indigenous {
        margin: 2em auto 3em auto;
    }

    #footer .indigenous p {
        font-size: 1.3em;
        line-height: 1.6em;
    }
	
}


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

	#header #search_form {
		margin-right:10px;
		}
	
	/* VIDEO INTRO */

	#page_videointro .article .intro_panel .text_box h3 {
		font-size:2em;
		line-height:1.4em;
		padding-top:1em;
	}
	
}


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

#header {
	padding-bottom:15px;
	}

#header #search_form {
    display: none;
}
	
/* 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;
	}
	
}

@media screen and (max-width:330px){
    
    #header #donate {
        display: none;
    }
    
}








#parallax {
	position:relative;
	list-style-type:none;
	margin:0; padding:0;
}

#parallax li {
	position:relative;
	list-style-type:none;
	margin:0; padding:0;
}

#parallax .slide {
    will-change: transform;
	background:#555 center top no-repeat fixed;
	background-size:cover;
	width:100%;
	height:800px;
}

#parallax .content {
	width:600px; max-width:100%;
	margin:0 auto;
	padding:40px 0 40px 0;
}




/* ----------------------- */
/* PAGE ETHICAL CONSUMER */

#page_ethicalconsumer .main_panel {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	color:#fff;
	overflow:hidden;
    background:#fffceb;
	/*background:#3e8cbd;*/
}

#page_ethicalconsumer .main_panel .wrapper {
	padding:0;
}

#page_ethicalconsumer .main_panel .image {
	position:relative;
	left:65px;
	/* size of image: 916px x 239px - use padding to set propertional height */
	width:916px;
	max-width:100%;
	height:0;
	padding:0 0 24% 0;
	background:url(images/discounters/ecp_title_background.jpg) 0 0 no-repeat;
	background-size:contain;
}



#page_ethicalconsumer .discounters {
	position:relative;
	margin:4em 0 6em 0;
	padding:0;
}


#page_ethicalconsumer .discounters #form_discounters_refine {
	z-index: 100;
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    display: block;
	margin: 0 0 6em 0;
	padding:2em 1em 0 1em;
	background:#dedede;
	text-align:center;
}

@media screen and (max-height:750px){
    
    #page_ethicalconsumer .discounters #form_discounters_refine {
        position: relative;
    }
    
}

#page_ethicalconsumer .discounters #form_discounters_refine .location_box,
#page_ethicalconsumer .discounters #form_discounters_refine .category_box {
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:0 1em 2.5em 1em;
}

#page_ethicalconsumer .discounters #form_discounters_refine h3 {
	font-size:1.8em;
	line-height:1em;
	color:#1e7bc2;
	font-weight:300;
	margin:0 0 .7em 0;
}
	
#page_ethicalconsumer .discounters #form_discounters_refine .dropdown {
	position:relative;
	font-size:1.6em;
	line-height:1em;
	padding:.3em .5em .3em .5em;
	margin:0;
}

#page_ethicalconsumer .discounters #form_discounters_refine .submit {
	display:inline-block;
	font-size:1.6em;
	margin:1.8em 0 0 0;
	padding-left:.8em;
	vertical-align:top;
}


#page_ethicalconsumer .discounters_results .item {
	position:relative;
	display:block;
	margin:0 0 4em 0;
	padding:0;
}

#page_ethicalconsumer .discounters_results .image {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:30%;
	margin:0 5% 0 0;
}

#page_ethicalconsumer .discounters_results .image a {
	display:block;
	padding:0;
	margin:0;
	
	overflow:hidden;
	width:100%;
	height:auto;
	
	border-radius:100%;
	border:solid 1em #fff;
	
	-webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.28);
	box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.28);
	
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;

	-o-transition:	 		all .3s ease-out;
	-ms-transition: 		all .3s ease-out;
	-moz-transition: 		all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: 				all .3s ease-out;
	transform: translate3d(0, 0, 0);
}

#page_ethicalconsumer .discounters_results .image a img {
	position:relative;
	display:block;
	vertical-align:top;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border-radius:100%;
	cursor:pointer;
}

#page_ethicalconsumer .discounters_results .image a:hover {
	box-shadow: -5px 5px 6px -2px rgba(0,0,0,0.5);
	transform: rotateY(-20deg);
	-o-transition:	 		all .5s ease-out;
	-ms-transition: 		all .5s ease-out;
	-moz-transition: 		all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	transition: 				all .5s ease-out;
}

#page_ethicalconsumer .discounters_results .text {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:64.5%;
	max-width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

#page_ethicalconsumer .discounters_results .text h3 {
	font-size:2.4em;
	line-height:1.2em;
	margin:0 0 .3em 0;
	font-weight:900;
}

#page_ethicalconsumer .discounters_results .text p {
	font-size:1.6em;
	margin:0 0 .8em 0;
}

#page_ethicalconsumer .discounters_results .text p.website,
#page_ethicalconsumer .discounters_results .text p.website a,
#page_ethicalconsumer .discounters_results .text p.discount {
	font-family:"Roboto", "Arial Black", Gadget, sans-serif;
	font-weight:600;
}

#page_ethicalconsumer .discounters_results {
	position:relative;
	min-height:60px;
}
	
#page_ethicalconsumer .discounters_results .loading {
	position:absolute;
	opacity:0;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:0;
	color:#000;
	text-align:center;
	background:#fff;
	overflow:hidden;
	padding:10px 0 10px 0;
	
	-o-transition:	 		all .2s ease-out;
	-ms-transition: 		all .2s ease-out;
	-moz-transition: 		all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: 				all .2s ease-out;
}

#page_ethicalconsumer .discounters_results .loading.visible {
	opacity:1;
	width:100%;
	height:100%;
	-o-transition:	 		all .2s ease-out;
	-ms-transition: 		all .2s ease-out;
	-moz-transition: 		all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: 				all .2s ease-out;
}

#page_ethicalconsumer .discounters_results .noresults {
	position:relative;
	display:block;
	text-align:center;
	padding:0 0 5em 0;
}

#page_ethicalconsumer .discounters_results .noresults h2 {
	position:relative;
	display:block;
	text-align:center;
	font-size:2.4em;
	line-height:1.4em;
	color:#222;
	font-style:italic;
	margin:0 0 1em 0;
}

#page_ethicalconsumer .discounters_results .noresults p {
	position:relative;
	display:block;
	text-align:center;
	font-size:1.4em;
	line-height:1.4em;
	color:#888;
	margin:0 0 1em 0;
}



.squareloader {
	position:relative;
	display:block;
  width:40px;
  height:40px;
  background-color:#1a94df;

  margin: 0 auto;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}
	
@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}



@media screen and (max-width:500px){
	
	#page_ethicalconsumer .main_panel .image {
		left:0;
		width:100%;
		max-width:100%;
		height:0;
		/* 389 x 185 */
		/*background:url(images/discounters/ecp_title_text.jpg) center center no-repeat;*/
		/*background-size:65% 65%;*/
		/*padding:0 0 50% 0;*/
        padding: 0 0 40% 0;
        background-size:cover;
        background-position: center center;
	}
	
	
	#page_ethicalconsumer .discounters_results h2 {
		text-align:center;
		font-size:4em;
	}
	
	#page_ethicalconsumer .discounters_results .item {
		text-align:center;
	}
	
	#page_ethicalconsumer .discounters_results .image {
		width:200px;
		max-width:90%;
		margin:0 auto 2em auto;
	}
	
	#page_ethicalconsumer .discounters_results .text {
		width:100%;
	}
}



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

/* IMAGES */

/* wordpress styles */

.alignleft { 
	float: left; 
	margin:.7em 1.5em 1em 0 !important; 
	}
	
.alignright { 
	float: right; 
	margin: .7em 0 1em 1.5em !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 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-wider,
.styles img.size-full {
	max-width: 100%; 
    height: auto;
    }

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

.styles img.size-wider {
    position: relative;
    width: 1000px !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    border: none !important;
    margin-left: -25%;
    }

@media screen and (max-width: 1000px){
    .styles img.size-wider {
        width: 100vw !important;
        margin-left: calc(50% - 50vw - 9px);
        margin-right: calc(50% - 50vw - 9px);
    }
}

.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;
	background-size: cover !important;
    will-change: transform; /* this is required to make chrome display fixed attachment images */
    background-attachment: fixed !important;
	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: 971px){
	
	.article .intro_panel.fullscreen {
		height: 0; 
        padding-bottom: 50%;
        }
	
	.article .fullscreen {
		/*height and padding get set using jquery*/
		background-size: cover !important;
		background-attachment: scroll !important;
        }
       
}

@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: 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%;
	}



/* 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: #1a94df !important;

}

.fcbox_sc_compare .cd-handle.draggable {
    /* change handle color when element is active */
    background-color: #445b7c !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: #1a94df;
    border-color: #1a94df;
    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: #1a94df;
    border-color: #1a94df;
    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: #1a94df;
    cursor: default;
    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;
    cursor: pointer;
}

.fcbox_sc_footnote:hover .title,
.fcbox_sc_footnote input:checked ~ .title
{
    color: #fff;
    background: #1aa1e8;
    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 0;
    font-weight: normal;
    color: #222;
    background: #ffef8f;
    cursor: default;
}

.fcbox_sc_footnote.link .note {
    background: #ffef8f;
}

.fcbox_sc_footnote.link .note a {
    display: inline;
    color: inherit;
    border: none;
    text-decoration: none;
    padding: .3em .5em;
    cursor: pointer;
}

.fcbox_sc_footnote .note span {
    display: inline;
    color: inherit;
    padding: 0 .5em;
}

.fcbox_sc_footnote.link .note:hover {
    background: #ffef00;
}

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

.fcbox_sc_footnote .title:before {
    content: 'note';
}

.fcbox_sc_footnote input:checked ~ .title:before {
    content: 'close';
}

.fcbox_sc_footnote.link .note a:after {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    width: .6em;
    height: .6em;
    margin-left: .5em;
    opacity: .5;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='370.81' height='370.81'%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cg%3E%3Cpath d='M77.9 345.96l24.14 24.85 190.89-185.4L102.03.01 77.9 24.84l165.28 160.56z'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
    background-size: contain;
}

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



/* SC INSERT BUTTON */

.fcbox_sc_insert_button {
    position: relative;
    display: inline-block;
    padding: .5em 1.4em .5em 1.4em;
    margin: 0 0 1em 0;
    color: #fff !important;
    font-family: "Roboto", sans-serif !important;
    font-size: inherit !important;
    font-weight: bold;
    border-radius: .2em;
    background: var(--color-link);
    transition: background-color .2s ease;
}

.fcbox_sc_insert_button:hover {
    color: #fff !important;
    background: var(--color-link-hover);
}

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

/* SHORTCODE: PROFILES_DONATE_BTN */

.styles .shortcode_donate_btn_lamb {
    position: relative;
    display: block;
    width: 9em;
    height: 10.4em;
    padding: 0 0 0 0;
    margin: 0 auto 2em auto;
    color: #86c6ee;
    font-size: 1.8em;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

.styles .shortcode_donate_btn_lamb .image {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
    padding: 0 0 0 0;
    margin: 0;
    background: url(images/profiles/donate_btn_lamb.png) center top no-repeat;
    background-size: contain;
    transform: scale(1);
    transition: transform .5s ease;
}

.styles .shortcode_donate_btn_lamb .image:hover {
    color: #86c6ee;
    transform: scale(1.1);
    transition: transform 2s ease;
}

.styles .shortcode_donate_btn_lamb .title {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
}


.styles .shortcode_donate_btn_lamb:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 150%;
    height: 130%;
    padding: 0;
    margin: -67% 0 0 -77%;
    background: #f4fafe;
    border-radius: 50%;
    transform: scale(0);
    opacity: 0;
    transition: transform .5s ease, opacity .5s ease;
}

.styles .shortcode_donate_btn_lamb:hover:before {
    transform: scale(1);
    opacity: 1;
}


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

.boxlayout p {
    font-family: "Roboto", sans-serif !important;  
}