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

	Theme for Liberation Sanctuary site
	www.liberation.org.au
	site by www.faircode.com.au

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



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

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

:root {
    --color-text: #222;
    --color-link: #14cad4; /* #3bc6a3; #14cad4; */
    --color-link-hover: #000;
    --color-black-link: var(--color-text);
    --color-black-link-hover: var(--color-link);
    --bg-light: #f3f9f9; /* #f1f9f8;  #f3f9f9; */
    --bg-bright: #dffdff; /* #dffdff; #beefe3; */
    --bg-donate-panel: #14cad4;
}

html { 
	background: #fff;
}
	
body { 
	margin: 0;
    font-size: 10px; 
    line-height: 1.7em;
    color: var(--color-text); 
	background: #fff; 
	-webkit-text-size-adjust: none;
}

/* make footer stick to bottom */

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#maincontent { /* make footer stick to bottom */
    flex: 1 0 auto;
}

#bottomcontent {
    flex-shrink: 0;
}

/* ------ */


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

	
h1 {
	font-size: 6em; 
    line-height: 1.2em;
}
	
h2 {
	font-size: 4em; 
    line-height: 1.2em;
}
	
h3 {
    font-size: 2em; 
    line-height: 1.6em;
}

p, 
li,
td {
	font-size: 1.6em; 
    line-height: 1.8em;
	}
	
a { 
	color: var(--color-link); 
    text-decoration: none;
    font-style: inherit;
    font-weight: inherit;
    transition: color .3s ease;
	}
	
a:hover { 
	color: var(--color-link-hover);
    transition: color 0s ease;
	}
	
a:active, a:focus { /* remove firefox dotted outline on links */
	outline:0;
	}

a.blacklink {
    color: var(--color-black-link); 
}

a.blacklink:hover {
    color: var(--color-black-link-hover); 
}

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; opacity: .9;
			color:#000; background:#eee; text-align:right; font-size:12px; line-height:1em; font-family:Arial, Helvetica, sans-serif; }


/* 
------------------------------
 @PADDING & WRAP
*/


.header_padding {
    padding-top: 8em;
}

.padV {
    padding-top: 3em;
    padding-bottom: 3em;
}

.padH {
    padding-left: 7em;
    padding-right: 7em;
}

@media screen and (max-width: 800px){
    
    .padH {
        padding-left: 4%;
        padding-right: 4%;
    }
}

.wrap {
    position: relative;
    display: block;
    width: 1000px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4em;
    padding-right: 4em;
    box-sizing: border-box;
}


@media screen and (max-width: 800px){
    
    body {
        font-size: 8px;
    }
    
    .wrap {
        padding-left: 4%;
        padding-right: 4%;
    }
}



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



.styles { }

.styles h1 {
	font-weight: 700;
	margin: 0 0 .5em 0;
    text-align: center;
	}

.styles h1 .smaller { /* used for search results and news results */
	display: inline-block;
	padding: 1em 0 0 0;
	font-size: .4em; 
    line-height: 1em; 
    vertical-align: top;
	}
	
.styles h2 {
	font-weight: 700;
	margin: 1em 0 .5em 0;
	}

.styles h3 {
	font-weight: 600;
	margin: 0 0 1em 0;
	}
	
.styles p,
.styles td
{
    margin: 0 0 1.7em 0;
}

.styles em,
.styles i
{
    font-weight: inherit;
}

.styles strong,
.styles p strong,
.styles td strong,
.styles b,
.styles p b,
.styles td b
{
    font-weight: 600;
}

.styles h1 strong,
.styles h1 b
{
    font-weight: 800;
}

.styles h2 strong,
.styles h2 b 
{
    font-weight: 800;
}

.styles h3 strong,
.styles h3 b 
{
    font-weight: 700;
}

.styles a {
    font-family: inherit;
    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 1em 0;
	}

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


.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 .small { font-size: 12px; }

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


.styles blockquote, 
.styles .fc_format_attention 
{
	position: relative;
	display: block;
	color: var(--color-link);
	margin: 3em 0 3em 0; 
    padding: 1em 0 1em 4em;
	border-left: solid 4px var(--color-link);
}

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

.styles .fc_format_attention {
	border: none;
	margin: 0 0 2em 0; 
    padding: 0 2em 0 2em;
	text-align: center;
}


/* style intro date on news articles */

.styles .intro_date {
    position: relative;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4em;
}


/* auto-icons for file types */

.styles a[href$='.pdf']:before,
.styles a[href$='.doc']:before,
.styles a[href$='.docx']:before,
.styles a[href$='.ppt']:before,
.styles a[href$='.pptx']:before,
.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 0 no-repeat ;
}

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


/* pdf */

.styles a[href$='.pdf']:before {
    background-position: 0 0;
}

/* word docs and docx */

.styles a[href$='.doc']:before,
.styles a[href$='.docx']:before 
{
    background-position: 0 -40px;
}

/* powerpoint (ppt & pptx) */

.styles a[href$='.ppt']:before,
.styles a[href$='.pptx']:before
{
    background-position: 0 -120px;
}

/* xcel and xlsx */

.styles a[href$='.xls']:before,
.styles a[href$='.xlsx']:before
{
    background-position: 0 -160px;
}



/* circle_image */
/* by default: block, 100% width, no margin, zoom on hover */

.styles .circle_image {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    margin: 0 0 1.8em 0;
    font-size: 1.6em;
    padding: 100% 0 0 0;
    border-radius: 50%;
    overflow: hidden;
    background: #fff !important;
}

.styles .circle_image .img {
    position: absolute;
    display: block;
    top: 0; right: 0; bottom: 0; left: 0;
    background-size: cover !important;
    overflow: hidden;
    transition: transform 1s ease;
    transform: scale(1.000);
}

.styles .circle_image.hoverzoom:hover .img {
    transform: scale(1.05);
    transition: transform .5s ease;
}




/* 
------------------------------
 @RESULTS
*/

/* 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: 1em 0 1em 0;
	width: 200px; 
    max-width: 100%;
	}

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

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

/* No results for search */

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

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

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

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

.styles a.results_box_more {
	display: block;
	margin: 0 0 3em 0;
	font-size: 1.8em;
    line-height: 1em;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--color-text);
	text-align: center;
	}

.styles a.results_box_more:hover {
	color: var(--color-text);
	}

.styles a.results_box_more i {
    font-size: .7em;
    padding-top: .4em;
    margin-right: .3em;
    transform: translateX(0);
    transition: transform .5s ease;
}

.styles a.results_box_more:hover i {
    transform: translateX(-.5em);
}

.styles hr.results_box_line {
    border: 0;
    height: 1px;
    background: #ccc;
}
		
.styles ul.results_box {
	position: relative; 
    display: block;
	max-width: 100%;
	list-style-type: none;
	margin: 0; 
    padding: 0;
	text-align: center;
	}

.styles .results_box li {
	list-style-type: none;
	margin: 0; 
    padding: 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;
	}


/* FEATURED results - 3 large images */

.styles .results_box .item {
    position: relative;
    display: block;
}

.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: var(--color-text);
	display:block;
	}

.styles .results_box .item.featured a:hover {
	color: var(--color-text);
	}

.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:auto; 
    max-width: 100%;
	margin: 0 auto 5em auto;
	font-size: inherit;
	clear:both; 
    float:none;
    overflow: hidden;
	}

.styles .results_box .item.normal a {
	color: var(--color-text);
	display:block;
	}

.styles .results_box .item.normal a:hover {
	color: var(--color-text);
	}
	
.styles .results_box .item.normal .image {
    position: relative;
	display:block; 
    float:left; 
    overflow:hidden;
	width:30%; height:0;
	margin:.3em 2em 0 0;
    padding: 25% 0 0 0;
	background:#fff;
    border-radius: .5em;
	}

.styles .results_box .item.normal .image img {
    position: absolute;
    display: block;
    top: 0; left: 0;
	width:100%; height:auto;
	
	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 .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;
	height:auto; 
    max-height:10em;
	}

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

.styles .results_box .item.normal h3 {
    display: block;
    text-align: left;
	vertical-align: top;
    margin: 0 0 .2em 0;
    font-size: 2.2em;
    line-height: 1.4em;
    font-weight: 600;
    color: var(--color-text);
}

.styles .results_box .item.normal:hover h3 {
	color: var(--color-link);
	}

.styles .results_box .item.normal p {
    position:relative;
    display: block;
    text-align: left;
    margin: 0;
    padding: 0.5em 0 0 0;
    font-size: 1.6em;
    line-height: 1.8em;
    font-weight: normal;
    color: var(--color-text);
}

.styles .results_box .item .text.ellipsis:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2.4em;
    width: 25%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

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



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


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


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

	

/** BUTTONS **/

.button {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: .6em 1em .6em 1em;
    color: #222;
    background: #fff;
    border: solid .15em #fff;
    font-size: 1.4em;
    letter-spacing: .1em;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 2em;
    transition: background .2s ease, color .2s ease;
}

.button:hover {
    color: #fff;
    background: transparent;
}

.button.black {
    color: #fff;
    background: #222;
    border: none;
}

.button.black:hover {
    color: #fff;
    background: var(--color-link);
}


.button.pill {
    color: #222;
    background: transparent;
    border: solid .15em #222;
}

.button.pill:hover {
    color: #fff;
    background: #222;
}


/** input styling */

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

.input_textarea {
    padding: 1.5em 2em 1.5em 2em;
    color: #333; 
    line-height: 1.5em;
}

.input_text.search {
    color: #222;
    border: solid 1px #222;
    background: #fff;
}

.input_text.search:focus {
    background: #ffc;
}


/* 
------------------------------
 @WORDPRESS STYLES
*/
	
a.more-link { 
	color: var(--color-link); 
    font-size: 1em; 
    font-weight: bold; 
}

a.more-link:hover { 
	color: var(--color-link-hover); 
    font-weight: bold; 
}



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

#header {
    z-index: 999;
	position: absolute; 
    display: block;
    top: 0;
    left: 0;
    right: 0;
	margin: 0; 
    padding: 0;
    color: #fff;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); 
 }

#header.hidden { 
	display: none;
}

#header.solid {
	color: var(--color-text);
    background: #fff;
}

#header .content { 
	position: relative; 
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    margin: 0;
	padding: 0 4em 0 4em;
    text-align: center;
}

#header.nav_overflow .content { 
    justify-content: flex-start;
}


@media screen and (max-width: 800px){
    
    #header .content {
        padding-left: 4%;
        padding-right: 4%;
    }
}

#header .column_menu {
    position: relative;
    display: none;
    margin: 0 1em 0 0;
    padding: .7em 0 0 0;
    font-size: 3em;
    white-space: nowrap;
    opacity: 1;
    flex-shrink: 0;
    flex-grow: 0;
    transition: opacity .3s ease;
}

#header.solid .column_menu i.icon-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath fill='rgba(0,0,0,1)' d='M23.09 136.32c-9.76 5.82-13.71 14.96-12.67 28.46.62 7.89 2.28 12.67 6.02 16.41 11.01 11.84-20.56 11.22 484 11.22 425.21 0 466.13-.21 472.57-3.32 19.32-9.14 22.85-34.48 6.86-49.85l-6.23-6.02-471.95-.42c-465.31-.63-471.96-.63-478.6 3.52zM25.58 472.63c-10.59 6.44-14.12 12.05-15.16 23.89-1.04 13.29 2.9 22.43 12.67 28.24 6.44 4.15 14.13 4.15 476.31 4.15h469.67l7.06-4.78c19.73-13.09 17.87-42.17-3.12-52.14-6.44-3.12-47.57-3.32-474.24-3.32-450.96.01-467.17.22-473.19 3.96zM30.15 808.1C16.02 813.29 10 821.81 10 836.97a30.01 30.01 0 0 0 16.62 26.8c6.85 3.53 33.65 3.74 472.57 3.74 452.84 0 465.51-.21 474.03-3.95 6.23-2.91 9.97-6.44 13.09-12.88 7.48-14.54 3.53-29.29-11.22-40.09l-5.61-4.36-465.72-.42c-385.95-.41-466.96.01-473.61 2.29z'/%3E%3C/svg%3E");
}

#header.nav_overflow .column_menu {
    display: inline-block;
}

#header .column_menu:hover {
    opacity: .7;
    transition: opacity 0s ease;
}

#header .logo {
    position: relative;
    display: inline-block;
    width: 18.7em;
    height: 0;
    margin: .6em 2em 0 0;
    padding: 7.4em 0 0 0;
    background: url(images/global/logo_large.png) 0 0 no-repeat;
    background-size: contain !important;
    flex-shrink: 0;
    transition: transform .5s ease, opacity .3s ease;
    opacity; 1;
    transform: scale(1.000);
}

#header.solid .logo {
    background: url(images/global/logo_large_solid.png) 0 0 no-repeat;
}

#header .logo:hover {
    transform: scale(1.025);
    opacity: 1;
}


#header .column_nav {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
}

#header.nav_overflow .column_nav {
    display: none;
}

#header .column_nav a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: inherit;
    font-size: 1.6em;
    line-height: 0em;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin: 2em 1em 0 0;
    padding: .5em 1em;
}

#header .column_nav a:last-child {
    margin-right: 0;
}

#header .column_nav a:hover {
    color: var(--color-link);
}

#header .right_panel {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    text-align: right;
    flex-shrink: 0;
}

#header.nav_overflow .right_panel {
    flex-grow: 1;
}

#header #search_form {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 1.6em 3em 0 0;
}

#header #search_form .input_text {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 8em;
    margin: 0 .5em 0 0;
    padding: .5em 0 .5em 0;
    color: inherit;
    font-size: 1.8em;
    font-weight: 300;
    text-align: right;
    background: none;
    border: none;
    box-shadow: none;
}

#header #search_form .input_text:focus {
	outline: none;
}

#header #search_form .input_text::-webkit-input-placeholder { color: inherit; }
#header #search_form .input_text::-moz-placeholder { color: inherit; }
#header #search_form .input_text::-ms-placeholder { color: inherit; }
#header #search_form .input_text::placeholder { color: inherit; }

#header #search_form .input_submit {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin: .5em 0 0 0;
    padding: 0;
    font-size: 2em;
    background: transparent;
    border: none;
    cursor: pointer;
    opacity: 1;
    transition: opacity .3s ease;
}

#header #search_form .input_submit:hover {
    opacity: .7;
    transition: opacity 0s ease;
}

/* solid header search icon black */
#header.solid #search_form .input_submit i.icon-search {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250.313 250.313'%3E%3Cpath d='M244.186 214.604l-54.379-54.378c-.289-.289-.628-.491-.93-.76 10.7-16.231 16.945-35.66 16.945-56.554C205.822 46.075 159.747 0 102.911 0S0 46.075 0 102.911c0 56.835 46.074 102.911 102.91 102.911 20.895 0 40.323-6.245 56.554-16.945.269.301.47.64.759.929l54.38 54.38c8.169 8.168 21.413 8.168 29.583 0 8.168-8.169 8.168-21.413 0-29.582zm-141.275-44.458c-37.134 0-67.236-30.102-67.236-67.235 0-37.134 30.103-67.236 67.236-67.236 37.132 0 67.235 30.103 67.235 67.236s-30.103 67.235-67.235 67.235z' fill='rgba(0,0,0,1)' fill-rule='evenodd' clip-rule='evenodd'/%3E%3C/svg%3E");
}

#header .donate {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 1.5em 0 0 0;
}

#header.solid .donate.button {
    color: #222;
    background: transparent;
    border: solid .15em #222;
}

#header.solid .donate.button:hover {
    color: #fff;
    background: #222;
}


@media screen and (max-width: 600px){
    
    #header #search_form .input_text {
        width: 5em;
    }
}

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



/* 
------------------------------
 @NAV
*/

#nav {
    z-index: 1000;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    width: 30em;
    max-width: 100%;
    height: auto;
    padding: 0 0 2em 0;
    background: #f3f9f9;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

#nav {
    opacity: 0;
    left: -31em;
    transition: left .5s ease, opacity 0s ease 1s; /* opacity with delay prevents menu being seen when resizing page */
}

#nav.on {
    opacity: 1;
    left: 0;
    transition: left .5s ease, opacity 0s ease;
}

#nav .featured {
    position: relative;
    display: block;
    padding: 0;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: #dffdff;
    box-sizing: border-box;
}

#nav .normal {
    position: relative;
    display: block;
    padding: 0;
    background: none;
    box-sizing: border-box;
}

#nav a {
    position: relative;
    display: block;
    padding: 1em 2em 1em 2em;
    margin: 0;
    color: var(--color-text);
    font-size: 2em;
    line-height: 1em;
    white-space: nowrap;
    overflow: hidden;
    /*transition: background-color .3s ease;*/
}

#nav a span {
    display: inline-block;
    transform: translateX(0);
    transition: transform .3s ease;
}

#nav a:hover {
    background-color: #f5f5f5;
}

#nav .featured a:hover {
    background-color: #bcf5ed;
}

#nav a:hover span {
    transform: translateX(1em);
}

#nav a:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 1em;
    left: 2em;
    width: 1em;
    height: 1em;
    font-size: 1em;
    background-image: url("data:image/svg+xml,%3Csvg width='1792' height='1792' fill='rgba(0,0,0,1)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z'/%3E%3C/svg%3E");
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    opacity: 0;
    transition: opacity .3s ease;
}

#nav a:hover:before {
    opacity: 1;
}

#nav a:first-child {
    padding-top: 2em;
}

#nav a:first-child:before {
    top: 2em;
}

#nav a:last-child {
    padding-bottom: 2em;
}

#nav .close {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    padding: 1em;
    margin: 0;
    font-size: 2em;
    cursor: pointer;
    opacity: .3;
    transition: opacity .3s ease;
}

#nav .close:hover {
    opacity: 1;
}



/* 
------------------------------
 @DONATE PANEL
*/

#donate_panel {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    background: var(--bg-donate-panel);
    color: #fff;
}

#donate_panel .sponsor,
#donate_panel .support {
    position: relative;
    display: inline-flex;
    flex-flow: column wrap;
    align-items: flex-start;
    width: 50%;
    margin: 0;
    text-align: center;
    box-sizing: border-box;
}

#donate_panel .sponsor {
    padding: 0 5% 0 0;
    border-right: solid 1px rgba(255,255,255, .3);
}

#donate_panel .support {
    padding: 0 0 0 5%;
}

#donate_panel .text {
    position: relative;
    display: block;
    flex-grow: 2;
    margin: 0 0 1em 0;
    text-align: left;
}

#donate_panel .text h2 {
    font-size: 2.4em;
    line-height: 1.4em;
    font-weight: 600;
}

#donate_panel .text p {
    font-size: 1.8em;
}

#donate_panel .link {
    position: relative;
    display: block;
    margin: 0 auto 0 auto;
    color: #fff;
}

#donate_panel .link .logo {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 8em;
    height: 8em;
    margin: 0 0 0 0;
    background-size: contain !important;
    transition: opacity .5s ease;
}

#donate_panel .link:hover .logo {
    opacity: .7;
}

#donate_panel .link .text {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 1.4em 0 1em 1em;
    font-size: 2em;
    text-transform: uppercase;
    text-align: left;
    font-weight: 600;
}

#donate_panel .link .text i {
    position: relative;
    display: inline-block;
    transform: translateX(0);
    transition: transform .5s ease;
}

#donate_panel .link:hover .text i {
    transform: translateX(.5em);
}




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

#footer { 
	position: relative; 
    display: block;
	background: var(--bg-light);
	color: var(--color-text);
	text-align: center;
    overflow: hidden;
}

#footer .nav {
    position: relative;
    display: block;
    font-size: 1.6em;
    line-height: 2.4em;
    margin: 0 -3em 2em 0;
}

#footer .nav .second {
    position: relative;
    display: inline-block;
    margin-right: 3em;
}

#footer .nav a span {
    position: relative;
    display: inline-block;
    color: var(--color-text);
    margin: 0 3em 0 0;
    text-transform: uppercase;
    font-weight: 600;
    transition: color .3s ease;
}

#footer .nav a:hover span {
    color: var(--color-link);
}

#footer .nav .second a:last-child span {
    margin-right: 0;
}

#footer .socmedia {
    position: relative;
    display: block;
    font-size: 4em;
    line-height: 1.6em;
    margin: 0 -1em .5em 0;
}

#footer .socmedia a {
    position: relative;
    display: inline-block;
    margin: 0 1em 0 0;
    opacity: .6;
    transition: opacity .3s ease;
}

#footer .socmedia a:hover {
    opacity: 1;
}

#footer .contact {
    position: relative;
    display: block;
    font-size: 1.8em;
    line-height: 1.6em;
    margin: 0 0 2em 0;
}

#footer .contact a {
    color: var(--color-text);
    transition: color .3s ease;
}

#footer .contact a:hover {
    color: var(--color-link);
}

#footer .credits {
    position: relative;
    display: block;
    font-size: 1.2em;
    line-height: 1.6em;
    margin: 0 0 1em 0;
}

#footer .credits a {
    color: var(--color-text);
    transition: color .3s ease;
}

#footer .credits a:hover {
    color: var(--color-link);
}


/* 
------------------------------
 @PAGE
*/

#page {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}


#page .article {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


#page .article .intro_panel {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: #222;
    text-align: center;
}

#page .article .intro_panel_content {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

#page .article .intro_panel h3,
#page .article .intro_panel_content h3 {
    display: inline-block;
    text-align: left;
}

/* intro_image */

#page .article .intro_panel.intro_image .intro_image {
    position: absolute;
    display: block;
    top: 0; right: 0; bottom: 0; left: 0;
    background-size: cover !important;
}

#page .article .intro_panel.intro_image .shadow {
    position: relative;
    display: block;
    box-sizing: border-box;
}

#page .article .intro_panel.intro_image .text {
    position: relative;
    display: block;
    width: 700px;
    padding-top: 3em;
    padding-bottom: 6em;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    /*text-shadow: 0px 0px 1.3em rgba(0,0,0, 0.5);*/
}


/* intro_plain */

#page .article .intro_panel.intro_plain .intro_image {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    /* set padding-top in html to ratio of image size */
    background-size: cover !important;
}

#page .article .content_panel.styles .title {
    display: block;
    text-align: center;
}

#page .article .content_panel.styles .title h1 {
    display: inline-block;
    text-align: left;
}



@media screen and (max-width: 600px){
    
    #page .article .styles .title h1 {
        font-size: 4em;
    }
    
    #page .article .styles h2 {
        font-size: 3em;
    }
    
}


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

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

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



/* 
------------------------------
 @FCTOOLBOX
 All CSS required for fc-toolbox plugin
*/


/* IMAGES */

/* wordpress styles */

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

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


/* captions */

/* captions: wordpress settings */

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

/* captions: styles */

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

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

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

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

.styles .caption_fullscreen .credit,
.styles .caption_normal .credit {
     position: relative; 
     display: block;
     margin: 1em 0 0 0; 
     padding: 0 2rem 0 2rem;
     color: #aaa; 
     font-size: .8rem; 
     line-height: 1.6em; 
     font-weight: 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: 1500px !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    border: none !important;
    margin-left: calc((3em + 25% + 9px)*-1);
}

@media screen and (max-width: 1500px){
    .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 3em 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: var(--color-text);
    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: var(--color-link);
    border-color: var(--color-link);
    transition: background-color 0s ease, border-color 0s ease, color 0s ease;
}

.fcbox_pagination .current {
    color: #fff;
    background: var(--color-text);
    border-color: var(--color-text);
}

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

.fcbox_pagination .next,
.fcbox_pagination .next.disabled:hover {
    min-width: 3.5em;
    color: #fff;
    background: var(--color-link);
    border-color: var(--color-link);
    margin-left: 1em;
    margin-right: 1em;
    padding-right: 1.2em;
    text-transform: lowercase;
    font-weight: 500;
}

.fcbox_pagination .next:hover {
    background: var(--color-text);
    border-color: var(--color-text);
}

.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: var(--color-link);
    cursor: pointer;
    word-break: keep-all;
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    transform: background-color .3s ease;
}

.fcbox_sc_footnote input {
   display: none;
}

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

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

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

.fcbox_sc_footnote .note a {
    color: #fff;
    background: var(--color-text);
    padding: .3em .5em;
    cursor: pointer;
}

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

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


/* SC INSERT BUTTON */

.fcbox_sc_insert_button {
    position: relative;
    display: inline-block;
    padding: .8em 1.5em .8em 1.5em;
    margin: 0 0 1em 0;
    color: #fff;
    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;
    background: var(--color-link-hover);
}


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


#fctb_thickbox .close:hover:after,
#fctb_thickbox .arrow:hover:after {
	color: var(--color-link) !important;
}

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



i[class^="icon-"] {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 1em;
    height: 1em;
    padding: 0;
    margin: 0;
    font-size: 1em;
    line-height: 1em;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

i.icon-search {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250.313 250.313'%3E%3Cpath d='M244.186 214.604l-54.379-54.378c-.289-.289-.628-.491-.93-.76 10.7-16.231 16.945-35.66 16.945-56.554C205.822 46.075 159.747 0 102.911 0S0 46.075 0 102.911c0 56.835 46.074 102.911 102.91 102.911 20.895 0 40.323-6.245 56.554-16.945.269.301.47.64.759.929l54.38 54.38c8.169 8.168 21.413 8.168 29.583 0 8.168-8.169 8.168-21.413 0-29.582zm-141.275-44.458c-37.134 0-67.236-30.102-67.236-67.235 0-37.134 30.103-67.236 67.236-67.236 37.132 0 67.235 30.103 67.235 67.236s-30.103 67.235-67.235 67.235z' fill='rgba(255,255,255,1)' fill-rule='evenodd' clip-rule='evenodd'/%3E%3C/svg%3E");
}

i.icon-arrow-right {
    font-size: 1.4em;
    padding-top: .02em;
    background-image: url("data:image/svg+xml,%3Csvg width='1792' height='1792' fill='rgba(255,255,255,1)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z'/%3E%3C/svg%3E");
}

i.icon-arrow-down {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgba(0,0,0,.5)" 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" /></svg>');
}


i.icon-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath fill='rgba(255,255,255,1)' d='M23.09 136.32c-9.76 5.82-13.71 14.96-12.67 28.46.62 7.89 2.28 12.67 6.02 16.41 11.01 11.84-20.56 11.22 484 11.22 425.21 0 466.13-.21 472.57-3.32 19.32-9.14 22.85-34.48 6.86-49.85l-6.23-6.02-471.95-.42c-465.31-.63-471.96-.63-478.6 3.52zM25.58 472.63c-10.59 6.44-14.12 12.05-15.16 23.89-1.04 13.29 2.9 22.43 12.67 28.24 6.44 4.15 14.13 4.15 476.31 4.15h469.67l7.06-4.78c19.73-13.09 17.87-42.17-3.12-52.14-6.44-3.12-47.57-3.32-474.24-3.32-450.96.01-467.17.22-473.19 3.96zM30.15 808.1C16.02 813.29 10 821.81 10 836.97a30.01 30.01 0 0 0 16.62 26.8c6.85 3.53 33.65 3.74 472.57 3.74 452.84 0 465.51-.21 474.03-3.95 6.23-2.91 9.97-6.44 13.09-12.88 7.48-14.54 3.53-29.29-11.22-40.09l-5.61-4.36-465.72-.42c-385.95-.41-466.96.01-473.61 2.29z'/%3E%3C/svg%3E");
}


i.icon-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M33.2 53.3l15.5-15.5H33.2l7.7 7.7 908.9 908.9 7.7 7.7v-15.5L942 962.1h15.5l-7.7-7.7L40.9 45.6l-7.7-7.7v15.4zM17.7 37.8L10 45.6l7.7 7.7 7.7 7.7 908.9 908.9 7.7 7.7 7.7 7.7 7.7-7.7 15.5-15.5 7.7-7.7-7.7-7.7-7.7-7.7L56.4 30.1l-7.7-7.7-7.7-7.7-7.7 7.7-15.6 15.4zm933.7 0l15.5 15.5V37.8l-7.7 7.7-909 908.9-7.7 7.7H58l-15.5-15.5v15.5l7.7-7.7L959.1 45.6l7.7-7.7h-15.4v-.1zm15.4-15.4l-7.7-7.7-7.7 7.7-7.7 7.7L34.7 939l-7.7 7.7-7.7 7.7 7.7 7.7 15.5 15.5 7.7 7.7 7.7-7.7 7.7-7.7L974.5 61l7.7-7.7 7.7-7.7-7.7-7.7-15.4-15.5z'/%3E%3C/svg%3E");
}


i.icon-chevron-left {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='370.81' height='370.81'%3E%3Cpath d='M292.92 24.85L268.78 0 77.89 185.4l190.89 185.41 24.14-24.85L127.64 185.4z'/%3E%3C/svg%3E");
}

i.icon-chevron-right {
    background-image: 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");
}

i.icon-chevron-left.white {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='215' height='372'%3E%3Crect width='100%25' height='100%25' fill='none'/%3E%3Cg class='currentLayer'%3E%3Cpath fill='%23ffffff' d='M215.025 25.947L190.886 1.099 0 186.5l190.886 185.413 24.139-24.853L49.743 186.5z'/%3E%3C/g%3E%3C/svg%3E");
}

i.icon-chevron-right.white {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='215' height='372'%3E%3Crect width='100%25' height='100%25' fill='none'/%3E%3Cg class='currentLayer'%3E%3Cpath fill='%23ffffff' d='M0 346.713l24.139 24.848 190.886-185.4L24.139.746 0 25.6l165.282 160.56z'/%3E%3C/g%3E%3C/svg%3E");
}

i.icon-facebook-circle { 
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!--  --%3E%3Csvg   xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 167.657 167.657' style='enable-background:new 0 0 167.657 167.657;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23010002;' d='M83.829,0.349C37.532,0.349,0,37.881,0,84.178c0,41.523,30.222,75.911,69.848,82.57v-65.081H49.626 v-23.42h20.222V60.978c0-20.037,12.238-30.956,30.115-30.956c8.562,0,15.92,0.638,18.056,0.919v20.944l-12.399,0.006 c-9.72,0-11.594,4.618-11.594,11.397v14.947h23.193l-3.025,23.42H94.026v65.653c41.476-5.048,73.631-40.312,73.631-83.154 C167.657,37.881,130.125,0.349,83.829,0.349z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

i.icon-instagram-circle {
    background-image: url("data:image/svg+xml,%3Csvg height='512pt' viewBox='0 0 512 512' width='512pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m305 256c0 27.0625-21.9375 49-49 49s-49-21.9375-49-49 21.9375-49 49-49 49 21.9375 49 49zm0 0'/%3E%3Cpath d='m370.59375 169.304688c-2.355469-6.382813-6.113281-12.160157-10.996094-16.902344-4.742187-4.882813-10.515625-8.640625-16.902344-10.996094-5.179687-2.011719-12.960937-4.40625-27.292968-5.058594-15.503906-.707031-20.152344-.859375-59.402344-.859375-39.253906 0-43.902344.148438-59.402344.855469-14.332031.65625-22.117187 3.050781-27.292968 5.0625-6.386719 2.355469-12.164063 6.113281-16.902344 10.996094-4.882813 4.742187-8.640625 10.515625-11 16.902344-2.011719 5.179687-4.40625 12.964843-5.058594 27.296874-.707031 15.5-.859375 20.148438-.859375 59.402344 0 39.25.152344 43.898438.859375 59.402344.652344 14.332031 3.046875 22.113281 5.058594 27.292969 2.359375 6.386719 6.113281 12.160156 10.996094 16.902343 4.742187 4.882813 10.515624 8.640626 16.902343 10.996094 5.179688 2.015625 12.964844 4.410156 27.296875 5.0625 15.5.707032 20.144532.855469 59.398438.855469 39.257812 0 43.90625-.148437 59.402344-.855469 14.332031-.652344 22.117187-3.046875 27.296874-5.0625 12.820313-4.945312 22.953126-15.078125 27.898438-27.898437 2.011719-5.179688 4.40625-12.960938 5.0625-27.292969.707031-15.503906.855469-20.152344.855469-59.402344 0-39.253906-.148438-43.902344-.855469-59.402344-.652344-14.332031-3.046875-22.117187-5.0625-27.296874zm-114.59375 162.179687c-41.691406 0-75.488281-33.792969-75.488281-75.484375s33.796875-75.484375 75.488281-75.484375c41.6875 0 75.484375 33.792969 75.484375 75.484375s-33.796875 75.484375-75.484375 75.484375zm78.46875-136.3125c-9.742188 0-17.640625-7.898437-17.640625-17.640625s7.898437-17.640625 17.640625-17.640625 17.640625 7.898437 17.640625 17.640625c-.003906 9.742188-7.898437 17.640625-17.640625 17.640625zm0 0'/%3E%3Cpath d='m256 0c-141.363281 0-256 114.636719-256 256s114.636719 256 256 256 256-114.636719 256-256-114.636719-256-256-256zm146.113281 316.605469c-.710937 15.648437-3.199219 26.332031-6.832031 35.683593-7.636719 19.746094-23.246094 35.355469-42.992188 42.992188-9.347656 3.632812-20.035156 6.117188-35.679687 6.832031-15.675781.714844-20.683594.886719-60.605469.886719-39.925781 0-44.929687-.171875-60.609375-.886719-15.644531-.714843-26.332031-3.199219-35.679687-6.832031-9.8125-3.691406-18.695313-9.476562-26.039063-16.957031-7.476562-7.339844-13.261719-16.226563-16.953125-26.035157-3.632812-9.347656-6.121094-20.035156-6.832031-35.679687-.722656-15.679687-.890625-20.6875-.890625-60.609375s.167969-44.929688.886719-60.605469c.710937-15.648437 3.195312-26.332031 6.828125-35.683593 3.691406-9.808594 9.480468-18.695313 16.960937-26.035157 7.339844-7.480469 16.226563-13.265625 26.035157-16.957031 9.351562-3.632812 20.035156-6.117188 35.683593-6.832031 15.675781-.714844 20.683594-.886719 60.605469-.886719s44.929688.171875 60.605469.890625c15.648437.710937 26.332031 3.195313 35.683593 6.824219 9.808594 3.691406 18.695313 9.480468 26.039063 16.960937 7.476563 7.34375 13.265625 16.226563 16.953125 26.035157 3.636719 9.351562 6.121094 20.035156 6.835938 35.683593.714843 15.675781.882812 20.683594.882812 60.605469s-.167969 44.929688-.886719 60.605469zm0 0'/%3E%3C/svg%3E");
}


i.icon-user {
    background-image: url("data:image/svg+xml,%3Csvg width='1792' height='1792' fill='%23ffffff' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1600 1405q0 120-73 189.5t-194 69.5h-874q-121 0-194-69.5t-73-189.5q0-53 3.5-103.5t14-109 26.5-108.5 43-97.5 62-81 85.5-53.5 111.5-20q9 0 42 21.5t74.5 48 108 48 133.5 21.5 133.5-21.5 108-48 74.5-48 42-21.5q61 0 111.5 20t85.5 53.5 62 81 43 97.5 26.5 108.5 14 109 3.5 103.5zm-320-893q0 159-112.5 271.5t-271.5 112.5-271.5-112.5-112.5-271.5 112.5-271.5 271.5-112.5 271.5 112.5 112.5 271.5z'/%3E%3C/svg%3E");
}

i.icon-spinner {
 background-image: url("data:image/svg+xml,%3Csvg width='1792' height='1792' fill='%23ffffff' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M526 1394q0 53-37.5 90.5t-90.5 37.5q-52 0-90-38t-38-90q0-53 37.5-90.5t90.5-37.5 90.5 37.5 37.5 90.5zm498 206q0 53-37.5 90.5t-90.5 37.5-90.5-37.5-37.5-90.5 37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zm-704-704q0 53-37.5 90.5t-90.5 37.5-90.5-37.5-37.5-90.5 37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zm1202 498q0 52-38 90t-90 38q-53 0-90.5-37.5t-37.5-90.5 37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zm-964-996q0 66-47 113t-113 47-113-47-47-113 47-113 113-47 113 47 47 113zm1170 498q0 53-37.5 90.5t-90.5 37.5-90.5-37.5-37.5-90.5 37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zm-640-704q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm530 206q0 93-66 158.5t-158 65.5q-93 0-158.5-65.5t-65.5-158.5q0-92 65.5-158t158.5-66q92 0 158 66t66 158z'/%3E%3C/svg%3E");   
}


/* ------------------------ */
/* @GRID */

/* 
to calculate width of each item use:
( 100% - ( ((columns x 2) -2) * space em ) ) / columns

max widths for sizes:
breakpoint3: 1000px;
breakpoint2: 800px;
breakpoint1: 500px;
*/


.fcgrid4 {
    --grid-space: 2em;
}

.fcgrid4 .column {
    width: calc( (100% - ( 6 * var(--grid-space) ) ) /4  );
    margin-left: var(--grid-space);
    margin-right: var(--grid-space);
    /*background:rgba(0,0,0,.03);*/
}

@media screen and (min-width: 1460px){ /* 4 columns */
    
    .fcgrid4 .column:nth-child(4n+1) { margin-left: 0; }
    .fcgrid4 .column:nth-child(4n+0) { margin-right: 0; }
    
}


@media screen and (min-width: 1100px) and (max-width: 1460px){ /* 3 columns */
    
    .fcgrid4 .column {
        width: calc( (100% - ( 4 * var(--grid-space) ) ) /3  );
    }
    
    .fcgrid4 .column:nth-child(3n+1) { margin-left: 0; }
    .fcgrid4 .column:nth-child(3n+0) { margin-right: 0; }
}

@media screen and (min-width: 600px) and (max-width: 1100px){ /* 2 columns */
    
    .fcgrid4 .column {
        width: calc( (100% - ( 2 * var(--grid-space) ) ) /2  );
    }
    
    .fcgrid4 .column:nth-child(2n+1) { margin-left: 0; }
    .fcgrid4 .column:nth-child(2n+0) { margin-right: 0; }
}

@media screen and (max-width: 600px){ /* 1 column */
    
    .fcgrid4 .column {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}



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

/* PROFILES_DONATE_BTN */


/* donate button with lamb icon */

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

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

.donate_btn_family_icon .donate_image:hover {
    color: #86c6ee;
    transform: scale(1.1);
    transition: transform 2s ease;
}

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

.donate_btn_family_icon:hover:before {
    transform: scale(1);
    opacity: .5;
}



/* text link with expanding plus symbol */

.donate_btn_family {
    position: relative;
    display: inline;
    font-size: 1em;
    margin: 0;
    padding: .5em 0 .5em 0;
    font-size: 1.6em;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
}

.donate_btn_family .donate_plus {
    display: inline-block;
    vertical-align: baseline;
    padding-bottom: 0;
    font-size: 1.5em;
    transform: scale(1,1);
    transition: transform .5s ease, margin .5s ease;
    margin-right: 0;
}

.donate_btn_family.animate:hover .donate_plus {
    transform: scale(2);
    margin-right: .5em;
    transition: transform .5s ease, margin .5s ease;
}

.donate_btn_family.animate .donate_plus:before {
    z-index: -1;
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: var(--bg-bright);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 2s ease, height 2s ease;
    opacity: .5;
}

.donate_btn_family.animate:hover .donate_plus:before {
    width: 1em;
    height: 1em;
    transition: width .5s ease, height .5s ease;
}

.donate_btn_family .donate_name {
    position: relative;
    display: inline-block;
}