/*
Theme Name: ACM
Author: Anthea Mathieson for Design Impact
Author URI: http://designimpact.net.nz/
Version: 1
*/
/*HTML5 Boilerplate - http://html5boilerplate.com/Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team.*/
*{margin:0; padding:0;}
html{font-size:100%/*16px*/;}
body{font-family:'Open Sans', Helvetica, sans-serif; color:#4d4e53; font-size:100%;}
article, aside, details, figcaption, figure, footer, header, hgr.active, main,nav, section, summary{display: block;}
audio, canvas, video{display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]){display: none; height: 0;}
[hidden]{display: none;}
html{font-size: 100%; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
html, button, input, select, textarea{font-family: sans-serif;}
a{color:inherit; text-decoration:none;}
a:linked{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{color:inherit; text-decoration:underline;}
a:active{text-decoration:underline;}
a:active, a:hover{outline: 0;}
img{max-width: 100%; height: auto; width: auto;}
abbr[title]{border-bottom: 1px dotted;}
b, strong{font-weight: bold;}
blockquote{margin: 1em 40px;}
dfn{font-style: italic;}
hr{-moz-box-sizing: content-box; box-sizing: content-box; height: 0; border-top:1px dashed #ccc; border-bottom:none; margin:20px 0;}
mark{background: #ff0; color: #000;}
p, pre{margin: .5em 0 1em 0;line-height: 1.5em;}
code, kbd, pre, samp{ font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;}
pre{white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q{quotes: none;}
q:before, q:after{ content: '';content: none;}
small{font-size: 80%;}
sub{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
dl, menu, ol, ul{margin: 1em 0;}
dd{margin: 0 0 0 40px;}
menu, ol, ul{padding: 0;}
nav ul, nav ol{list-style: none; list-style-image: none; margin:0;}
img{border: 0; -ms-interpolation-mode: bicubic; max-width:100%; height:auto;}
svg:not(:root){ verflow: hidden;}
figure{margin: 0;}
form ul .col:last-child{margin-right:0;}
form label{font-weight:bold;}
fieldset{ border: 1px solid #c0c0c0; margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend{border: 0; padding: 0; white-space: normal; *margin-left: -7px;}
button, input, select, textarea{ margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input{line-height: normal;}
button, select{text-transform: none;}
/*button, html input[type="button"], input[type="reset"], input[type="submit"]{ -webkit-appearance: button; cursor: pointer; *overflow: visible;}*/
button[disabled], html input[disabled]{cursor: default;}
.button, button, input[type=submit]{-webkit-appearance: none;}
input[type="checkbox"], input[type="radio"]{ box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"]{-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner{border: 0; padding: 0;}
textarea{overflow: auto; vertical-align: top;resize:vertical;}
table{border-collapse: collapse; border-spacing: 0;}
.ir {background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;}
.ir:before {content: ""; display: block; width: 0; height: 150%;}
.hidden, .hide{display: none !important;visibility: hidden;}
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
.invisible{visibility: hidden;}
.clearfix:before,.clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
.inline{display:inline;}
.video-wrapper .media{position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.video-wrapper .media iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.error404 #main, .search #main{padding:50px 20px;}
.wrap-form{max-width:600px;}
.f-wrap{margin:2px 0;}
.button.donate-btn{background:#f7e600; color:#143a31; text-transform:uppercase; margin:20px 0; padding:15px!important; display:block;}
.button.donate-btn:hover{color:#fff;background:#143a31;}
/* ==========================================================================
   Wordpress Content Styles
   ========================================================================== */
img.centered{display: block;margin-left: auto;margin-right: auto;}
img.alignright{padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft{padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright{float: right;}
.alignleft{float: left;}
/* ==========================================================================
   EMBEDDED FONTS
   ========================================================================== */
@font-face{
  font-family: 'Fira Sans';
  src: url('../fonts/Fira Sans/firasans-bold-webfont.eot');
  src: url('../fonts/Fira Sans/firasans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Fira Sans/firasans-bold-webfont.woff') format('woff'), url('../fonts/Fira Sans/firasans-bold-webfont.ttf') format('truetype'), url('../fonts/Fira Sans/firasans-bold-webfont.svg#firasans-bold-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?v07bpx');
	src:url('fonts/icomoon.eot?#iefixv07bpx') format('embedded-opentype'),
		url('fonts/icomoon.ttf?v07bpx') format('truetype'),
		url('fonts/icomoon.woff?v07bpx') format('woff'),
		url('fonts/icomoon.svg?v07bpx#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"]{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-facebook:before{content: "\e605";}
.icon-twitter:before{content: "\e602";}
.icon-youtube:before{content: "\e601";}
.icon-phone:before{content: "\e607";}
.icon-location:before{content: "\e606";}
.icon-calendar:before{content: "\e609"; color:#278cb8; margin-right:10px;}
.icon-tag:before{content: "\e900"; color:#278cb8; margin-right:10px;}
.icon-search:before{content: "\e600";}
.icon-arrow:before{content: "\e603";}
.icon-mobile:before{content: "\e608";}
/*.icon-hamburger:before{content: "\e604";}*/
.icon-close:before{content: "\e800"; font-size:3em; position:absolute; top:0; right:0;cursor:pointer;}
.icon-next:before{content: "\e802";}
.icon-prev:before{content: "\e801";}
.icon-chevron-right:before{content: "\e603";}
.icon-chevron-down:before{content: "\e803";}
.icon-chevron-up:before{content: "\e901";}
.icon-instagram:before{content: "\e905";}
.icon-linkedin:before{content: "\e903";}
.icon-pinterest:before{content: "\e904";}
/* Base Template Styles */
.wrap{margin:0 auto; max-width:1400px;}
header{background:rgba(255,255,255, 0.98); box-shadow:1px 1px 1px 1px rgba(0,0,0, 0.2); position:fixed; top: 0;right: 0;left: 0;z-index:8000; width:100%;}
header .wrap{padding:0 10px;}
header.sml{background-color: #fff;border-color: #fff;border-bottom: 1px solid #DBDBDB; padding:10px;}
header #logo{width:130px; padding:20px 0;}
#page-title, #img-slider{margin-top:132px;}
#menu-toggle{display:none;}
h1, h2, h3, h4, h5, h6 {text-transform:uppercase;}
#main h1{color:#2790bd; font-size:26px; margin-bottom:0.375em; font-weight:700;}
#main h2{color:#99cb4c; font-size:22px; margin-bottom:0.275em; font-weight:normal;}
#main h3{color:#2790bd; font-size:20px; margin-bottom:0.250em; font-weight:normal;}
#main h4{color:#94c449; font-size:18px; margin-bottom:0.150em; font-weight:700;}
#main h5{color:#5b97c7; font-size:18px; margin-bottom:0.125em;}
#main h6{color:#444; font-size:16px; margin-bottom:0.375em;}
#main .copy ul, #main .copy ol{margin-left:40px;}
#main .copy ul li, #main .copy ol li{padding:2px 0;}
#main .copy a{color:#2790bd; cursor:pointer;}
#main .col-2.copy p img{padding:10px;}
blockquote{font-style:italic;line-height:1.375em;font-family: Arial, Helvetica, sans-serif; border-left:3px solid #99cb4c; padding:10px 0 10px 10px;}
blockquote p{margin:0;}
blockquote p:before{content:'\201C'; margin-right:5px; text-align:left;}
blockquote p:after{content:'\201D'; margin-left:5px;text-align:right;}
.clearfix{clear:both;}
/* Breadcrumbs */
#breadcrumbs{padding:20px;color:#afafaf;}
/* Navigation */
header nav{color:#333; float:right; width:75%; padding:3% 0; text-transform:uppercase;}
header nav ul li{vertical-align: middle; padding: 1.250% 0.3%; display:inline-block;}
header nav ul li a{font-weight:bold;font-size:16px;}
header nav ul li a:hover, header nav ul li.current_page_item a{color:#21789d;text-decoration:none;}
header nav ul li.menu-item a{display: block;padding-bottom: 4px;position: relative;}
@media screen and (min-width: 1160px){
header nav ul li.menu-item a:before{content:"";display:block;height:3px;position:absolute;bottom:0;left:0;background-color:#21789d;width:0;transition:width .2s ease-out}
header nav ul li a:hover:before{width:100%;transition:width .2s ease-out}
}
.top-nav-btn, .search-toggle{padding:0 0 0 1%;}
.top-nav-btn .button{background:#21789d; color:#fff; border-radius:5px; padding:10px 15px;}
.top-nav-btn .button:hover{transition: background-color 0.5s ease;background-color:#5b97c7; text-decoration:none;}
.top-nav-btn .button:hover:before{background:none;}
.top-nav-btn.opposite .button{background:#000;}
.top-nav-btn.opposite{padding-left:.5%;}
.top-nav-btn.opposite .button:hover{transition: background-color 0.5s ease;background-color:#777;}

/*--  Sub Navigation --*/
#sub-navigation ul li{position:relative;}
#sub-navigation ul li a{padding:12px; font-size: 0.938em; display:block;border-bottom:1px solid #c1c1c1;position:relative;text-transform:uppercase;}
#sub-navigation ul li a:hover{text-decoration:none; background:#2790bd; /*transition: background-color 0.3s ease;*/ color:#fff!important;}
#sub-navigation ul li.current_page_item{color:#2790bd;}
.page_item_has_children> i:after, .children>a i{display:block; position:absolute; right:10px;}
.page_item_has_children> i:after, .children> i:after{content: "+"; right:10px; top:2px; position:absolute; font-size:25px; display:block; color:#205372; cursor:pointer; width:20px; text-align:center;}
.page_item_has_children i.active:after, .children> i.active:after{content: "-";}
.page_item_has_children .children{display:none;}
.page_item_has_children.active .children /*,.current_page_ancestor .children*/{display:block;}

/*#sub-navigation .current_page_item a{background:#2790bd; color:#fff;}*/

.page_item_has_children.current_page_item>ul.children{display:block;}

.page_item_has_children.current_page_item>i:after{content: "-";}
.page_item_has_children.current_page_ancestor.current_page_parent>ul.children, ul.children li.page_item_has_children.current_page_item ul.children, ul.children li.page_item_has_children.current_page_ancestor.current_page_parent>ul.children, .page_item_has_children.current_page_ancestor>ul.children, .page_item_has_children.current_page_ancestor>ul.children .page_item_has_children.current_page_ancestor.current_page_parent>ul.children{display:block;}

/*-- Child Navigation --*/
#sub-navigation>ul>li:first-child>a, ul#menu-latest-news-menu li:first-child a{border-top:1px solid #c1c1c1;}
#sub-navigation ul.children{background:#f4f9fc; text-transform: capitalize;}
#sub-navigation ul.children li, #sub-navigation>ul>li.current_page_item>a{color:#2790bd;font-weight:700;}
#sub-navigation>ul>li.current_page_item>a{border-top: 2px solid #2790bd;border-bottom: 1px solid #2790bd;}
#sub-navigation ul.children li a{padding:12px 20px; border-bottom: 1px solid #2790bd;}
#sub-navigation ul.children .children li a{padding:12px 28px;}
#sub-navigation ul>li.page_item_has_children>a>span:after{content:'+'; position:absolute; top:10px; right:10px;}


.search-toggle{color:#7a7c82; font-size:28px;cursor:pointer;}
.search-toggle:hover{color:#21789d;}
.slogan{color:#92959c; padding:40px 0 0 20px; font-weight: 600; font-size: 1em;}
.donation-bar{background:#143a31; color:#d9f1f8; text-align:center; padding:25px 5px;font-size:20px;}
.donation-bar a:hover{color:#7fd4eb;text-decoration:none;}
#main{padding:0 2% 50px 0;}
#main .col-1{width:20%; margin-right:5%;}
#main .col-2{width:75%;}
#main .single-column{margin: 0 auto; width:75%;}
/* 3 Column Grid */
#main.column-3 .col-1{width:20%; margin-right:5%;}
#main.column-3 .col-2{width:50%;margin-right:5%;}
#main.column-3 .col-3{width:20%;}
/* PAGE TITLE */
#page-title{background-size:cover; background-position:50% 50%; padding:80px 0; background-repeat:no-repeat; text-align:right; background-image:url('https://www.aucklandcitymission.org.nz/wp-content/themes/acm/images/pagetitlebg.jpg');}
/* HEADER RAINDOW */
.heading-rainbow{}
.heading-rainbow span{display:block;}
.heading-rainbow h1{display:inline-block; padding:3px 20px;margin-bottom:0.188em;text-align:center; line-height:1.5em;font-size:46px;color:#004438; font-weight:900;}
.heading-rainbow span.yellow h1{background:#fff31a;}
.heading-rainbow span.blue h1{background:#7fd4eb;margin-left:40px;}
.heading-rainbow span.green h1{background:#99cc52;}
/* IMAGE SLIDER */
#img-slider{position:relative;overflow:hidden;}
.slide-wrap{width:100%;}
.cycle-slideshow{width:100%; /*overflow:hidden; max-height:645px;*/}
.cycle-slideshow img{display:block; width:100%; max-width:100%; height:auto;}
.cycle-slideshow .button:hover{opacity:.9;}
.cycle-slideshow .cycle-overlay{position:absolute; width: 35%; margin:5% 0 0 10%; padding:2%; right:5%;}
.cycle-slideshow .cycle-overlay .copy{margin-bottom:30px;}
.cycle-next, .cycle-prev{font-size:50px; opacity:0.8; color:#e5e5e5; position:absolute; z-index:1000; top:42%; padding-top:5px; cursor:pointer;background:rgba(0,0,0, 0.6);}
.cycle-next:hover, .cycle-prev:hover{color:#fff31a; opacity:1;}
.cycle-prev, .cycle-next{display:hidden;}
.cycle-next{right:0;}
.cycle-prev{left:0;}
/* --- Flexible Slider Content --- */
/* Text Block */
.fc-slider-text-block .button{background:#99cb4c; color:#004438;}
.fc-slider-text-block h1{font-size:26px;}
/* --- White */
.fc-slider-text-block.White{color:#232323;}
.fc-slider-text-block.White h1{color:#143a31; background:#7fd4eb; display:inline-block; padding:0 8px;}
/* --- Black */
.fc-slider-text-block.Black{color:#fff;}
.fc-slider-text-block.Black h1{color:#fff31a;}
/* Centered Text Overlay */
.fc-slider-centered_text_overlay.cycle-overlay{text-align:center; width:96%; height:96%; right:0; margin:0;font-size:25px;}
.fc-slider-centered_text_overlay.cycle-overlay .wrap{margin-top:7%;}
.fc-slider-centered_text_overlay.cycle-overlay h1{font-size:40px;text-transform:none;}
.fc-slider-centered_text_overlay.cycle-overlay .button{text-transform:uppercase;border-radius:0;padding:10px 40px;font-size:20px;}
.fc-slider-centered_text_overlay.cycle-overlay .copy{padding:0 290px !important;}
/* --- White */
.fc-slider-centered_text_overlay.white{color:#143a31;background:rgba(255,255,255, 0.6);}
.fc-slider-centered_text_overlay.cycle-overlay.white h1{color:#143a31; background:#99cb4c; display:inline-block; padding:0 8px;}
.fc-slider-centered_text_overlay.cycle-overlay.white .button{background:#21789d; color:#fff;}
/* --- Black */
.fc-slider-centered_text_overlay.black{color:#fff;background:rgba(0,0,0, 0.6);}
.fc-slider-centered_text_overlay.cycle-overlay.black h1{color:#fff31a; background:transparent; display:inline-block; padding:0 8px;}
.fc-slider-centered_text_overlay.cycle-overlay .button{background:#92cb3b; color:#003636;}
/* --- Sea Green */
.fc-slider-centered_text_overlay.seagreen{color:#fff;background:rgba(20,58,49, 0.6);}
.fc-slider-centered_text_overlay.cycle-overlay.seagreen h1{color:#fff31a; background:transparent; display:inline-block; padding:0 8px;}
.fc-slider-centered_text_overlay.cycle-overlay.seagreen .button{background:#e1e1e1; color:#003636;}
/* --- Blue */
.fc-slider-centered_text_overlay.blue{color:#fff;background:rgba(33, 120, 157, 0.6);}
.fc-slider-centered_text_overlay.cycle-overlay.blue h1{color:#143a31; background:#f7e600; display:inline-block; padding:0 8px;}
.fc-slider-centered_text_overlay.cycle-overlay.blue .button{background:#fff; color:#003636;}
/* WHAT WE DO BOXES - HOME PAGE */
.graphic-list{list-style:none;margin:0;}
.graphic-list a{display:block;}
.graphic-list h1{color:#fff; text-align:left;text-transform:uppercase; font-size:3.500em;line-height:1em;margin-bottom:0;}
.graphic-list h5{margin:10px 0;}
.graphic-list li:first-child{background:#143a31;padding:50px 30px;}
.graphic-list li:nth-child(3){background:#f7e600;}
.graphic-list li:nth-child(4){background:#7fd4eb;}
.graphic-list li:nth-child(5){background:#92cb3b;}
.graphic-list li:nth-child(6){background:#e1e1e1;}
.graphic-list li:nth-child(7){background:#5b97c7;}
.graphic-list li{width:12.5%;height:255px;float:left; box-sizing:border-box;text-align:center;color:#003636; background:#99cb4c;}
.graphic-list li:nth-child(n+2):hover{background:#f5f5f5;}
.graphic-list li a, .graphic-list li:first-child{padding:30px;}
.graphic-list li a:hover{text-decoration:none;}
.graphic-list li .wrap{min-height:150px;}
.graphic-list li .button{background:#003636; color:#fff; border-radius:0; padding: 5px 15px; /*margin-top:15px;*/ font-weight:normal; text-transform:uppercase;}
.col{float:left;}
#latest-news{height:600px;}
.promo-boxes.col{width:40%; height:100%; box-sizing:border-box;}
/* ABOUT US */
#about-us{padding:50px 0;}
#about-us{color:#013036;}
#about-us .col{width:42%; padding:2.5%;}
#about-us .col:last-child{width:48%;}
#about-us h1{text-transform:uppercase;font-size:1.500em;font-weight:600;}
.flexible-content ul{ list-style: none; }
/* FLEXIBLE CONTENT - Grid Layout*/
#grid-layout .copy{padding:10px 20px 20px;}
#grid-layout li{padding:0!important;display: inline-block;vertical-align: top;}
.fc-col-2, .fc-col-3, .fc-col-4{margin-left:0!important;}
.fc-col-2 li, .fc-col-3 li, .fc-col-4 li{background-color:#efefef;border-bottom:6px solid #7fd4eb;display:inline-block;margin-right:3%; margin-bottom:15px;}
.fc-col-2 li:hover, .fc-col-3 li:hover, .fc-col-4 li:hover{border-bottom:6px solid #99cc52;}
/*2 Columns */
.fc-col-2 li{width:48.5%;}
.fc-col-2 li:nth-child(2n){margin-right:0;}
/*3 Columns */
.fc-col-3 li{width:31.3333333333%;}
.fc-col-3 li:nth-child(3n){margin-right:0;}
/*4 Columns */
.fc-col-4 li{width:22.75%;}
.fc-col-4 li:nth-child(4n){margin-right:0;}
.flexible-content .copy{padding:0 20px;}
.flexible-content .copy .readMore{text-transform:uppercase;border:1px solid #143a31;border-radius:5px;padding:5px 20px;font-size:14px;color:#143a31 !important;display:inline-block;}
.flexible-content .copy .readMore:hover{text-decoration:none;background-color:#143a31;color:#efefef !important;}
/* FLEXIBLE CONTENT - Graphical List*/
.fc-graphical-list li{display:block;border-bottom:1px solid #dededf;padding:30px 0 !important;}
.fc-graphical-list li img{float:left;}
.fc-graphical-list li .copy{float:left;width:74%;margin-left:20px;}
.fc-graphical-list li .copy h5{margin-top:-5px;}
/* FLEXIBLE CONTENT - Graphic Quote*/
.fc-graphic-quote{width:100%;}
.fc-graphic-quote .col{height:238px;}
.fc-graphic-quote .col-left img{height:100%;}
.fc-graphic-quote .col-right{background-color:#99cb4c;color:#fff;width:78%;}
.fc-graphic-quote .col-right .copy{padding:30px 10%; text-align:center;font-size:22px;}
.fc-graphic-quote .col-right .copy p:before, .fc-graphic-quote .col-right .copy p:after{font-size:45px;padding:0 15px;font-family:Arial, sans-serif;font-weight:bold;vertical-align:middle;}
.fc-graphic-quote .col-right .copy p:before{content: '\201C';}
.fc-graphic-quote .col-right .copy p:after{content: '\201D';}
/* FLEXIBLE CONTENT - Downloads List*/
.fc-download-list .dl-image{width:62px;height:62px;display:block;}
.fc-download-list .dl-icon{background:url('images/sprite-download.png') 0 0 no-repeat;}
.fc-download-list .dl-icon:hover{background-position:0 -62px;}
.fc-download-list .download{text-transform:uppercase;color:#777777;}
.fc-download-list li{border-bottom:1px solid #f2f2f2;padding:10px 0 !important;}
.fc-download-list li .col-right{padding:8px 20px;}
.fc-download-list li:hover a{color:#aed142!important;text-decoration:none!important;}
/* FLEXIBLE CONTENT - Gallery*/
.fc-gallery li{float:left;margin:0 10px 10px;background:#f7e600;padding:0 !important;position:relative;min-width:150px;max-width:200px;max-height:150px;overflow:hidden;}
.fc-gallery li img{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.12);transform: scale(1.12);position:relative;display:block;min-height:100%;max-width:100%;}
.fc-gallery li:hover img{opacity:0.4;-webkit-transform:scale(1);transform:scale(1);}
.fc-gallery li .icon-overlay{background:url('images/arrows_maximize.png') no-repeat center;width:46px;height:46px;display:block;top:0;bottom:0;right:0;left:0;position:absolute;margin:0 auto;padding:50px;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);}
.fc-gallery li:hover .icon-overlay {opacity:1;-webkit-transform:scale(1);transform:scale(1);}
/* Promo Sidebar */
.promo-block{background:#efefef;border-bottom: 6px solid #7fd4eb; margin-bottom:15px;}
.promo-block:hover{border-bottom: 6px solid #99cc52;}
.promo-block .promo-img{}
#main .promo-block h2{font-size:16px; font-weight:bold; color:#004438;}
.promo-block .promo-text{padding:10px 10px 20px 10px; font-size:15px;}
.promo-block .read-more{border: 1px #003636 solid;color: #003636; font-size:14px;}
.promo-block .read-more{text-transform:uppercase;border:1px solid #143a31;border-radius:5px;padding:5px 13px;font-size:14px;color:#143a31 !important;}
.promo-block .read-more:hover{text-decoration:none;background-color:#143a31;color:#efefef !important;}
/* Support Timeline */
#support-timeline h1{text-align:center;}
#support-timeline #graph{margin-top:40px;}
#support-timeline .bar-graph{position:relative;color:#013036; margin:23px 0;}
#support-timeline .bar-graph .bar{background:#a2deed; border-radius:0 20px 20px 0; height:34px;}
#support-timeline .bar-graph:nth-child(2n) .bar{background:#b9e8f4;}
#support-timeline .bar-graph .bar .progress{height: 100%; border-radius:0 20px 20px 0;box-sizing:border-box;}
#support-timeline .bar-graph .bar .progress span{font-weight:bold;}
#support-timeline .bar-graph .bar .label{position:absolute; margin-left:45px; padding-top:4px;font-size:15px}
#support-timeline .bar-graph .bar .label .number{font-size:18px; font-weight:700;margin: 0 4px;}
#support-timeline .bar-graph .icon{
	background: #e1e1e1;
    height: 32px;
	width: 48px;
	padding:8px 0;
    margin: 0 4px;
    display: block;
    text-align: center;
    border-radius: 48px;
	position:absolute;
	top:-8px;
	left:-15px;
}
#support-timeline .bar-graph .icon img{width:30px; height:auto;}
/* Mission Stats */
.toggle-stats{text-align:center; text-transform:uppercase;color:#878787;cursor:pointer;margin:30px 0;}
.toggle-stats:hover{color:#7cacd2;}
.toggle-stats span{color:#7cacd2; display:block; font-size:20px;}
/* OUR STORIES */
#community-highlight{background-size:cover; background-position:50% 50%; color:#003636;padding: 110px 130px;}
#community-highlight h1{background:#92cb3b; display:inline-block; padding:5px 30px;text-align:center; line-height:1.5em;font-size:46px;}
#community-highlight .text-box{padding:20px; margin:30px 0; background:rgba(255,255,255, 0.8); width:45%; font-size:36px; line-height:52px;font-weight:700; text-align:center;position:relative;}
#community-highlight .text-box p{line-height: 1.375em;}
#community-highlight .text-box:after, #community-highlight .text-box:before{font-size:130px; font-weight:700; color:#92cb3b; font-family:Arial, Helvetica, sans-serif}
#community-highlight .text-box:after{content: '\201D'; position:absolute; bottom: -56px; right: -39px;}
#community-highlight .text-box:before{content: '\201C'; position:absolute; top:0; left:-38px;}

/* BLOG FEED and PAGE */
.blog .read-more, .search .read-more{border:1px #278cb8 solid; color:#278cb8;}
.blog .read-more:hover, .search .read-more:hover{border:1px #003636 solid; color:#003636!important;}

.blog-feed.col{width:60%;  height:100%; padding:65px 7%; background:#eef9fc; box-sizing:border-box;}
.blog-feed img{float:left; border-radius:5px; width:15%; margin-right:4%;}
.blog-feed .post-preview{width:70%;}
.blog-feed .post-preview .copy{margin-bottom:20px;}
.blog-feed article{margin:40px 0; }
.blog-feed h2{color:#143a31; font-size:30px;margin-bottom:0.938em;}
.blog-feed h3{color:#92cb3b;}
.read-all{color:#278cb8; font-weight:bold; margin-top:20px; display:inline-block;}
.read-all:hover{text-decoration:none; font-style:italic;color:inherit;}
.meta{color:#afafaf; font-style:italic;margin-bottom:20px;}
.blog h2 a, .blog .post h2{color:#004438!important;}
.img-wrap{background:url('images/blog-img.png') center center no-repeat;}

/* CONTACT US */
#main.contact .col-1, #main.contact .col-2{width:46%; padding:0 2%;margin:50px 0;}
/* -- Form -- */
.wpcf7-form input[type="submit"]{background:#99cb4c;color:#143a31;width:80px;border:none; font-size:20px; font-weight:700;padding:7px 8px;margin:5px 0;}
.wpcf7-form input[type="submit"]:hover{background:#a2d857;}
input[type="text"],input[type="tel"],input[type="email"],select,textarea, input[type="number"]{padding:9px 10px; margin:5px 0;box-sizing:border-box; width:100%; font-size:1em;}
/*Contact Form 7 Error Styles */
.wpcf7-response-output{font-size:0.875em;width:546;}
body input[type=text].wpcf7-not-valid, body input[type=email].wpcf7-not-valid, body input[type=tel].wpcf7-not-valid, body textarea.wpcf7-not-valid{border: 1px solid #ec3c06;}
body span.wpcf7-not-valid-tip {
display: block;
color: #ec3c06;
border: none;
position: relative;
top: auto;
left: auto;
padding: 0;
margin: 0 0 8px 0;
background: none;
font-size: 13px;
}
body div.wpcf7-validation-errors{
background: #ffe2e2;
border: 1px solid #ff8a8a;
color: #ec3c06;
}
body div.wpcf7-response-output{
margin: 10px 0;
padding: 8px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 5px;
}
body .wpcf7-mail-sent-ng{
background: #fff2e2;
border: 1px solid #ffbc8a;
color: #e17731;
}
body .wpcf7-mail-sent-ok{
background: #e8ffe2;
border: 1px solid #6fdf51;
color: #1ea524;
}
body .wpcf7-form-control-wrap input.wpcf7-not-valid, body .wpcf7-form-control-wrap textarea.wpcf7-not-valid{margin-bottom: 2px;}
/* Pagnation */
.wp-pagenavi a, .wp-pagenavi span{padding: 3px 11px;margin: 3px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {background: #99cb4c;text-decoration: none;border: 2px solid #99cb4c;color: #143a31!important;font-weight:bold;}
.wp-pagenavi a, .wp-pagenavi span{border: 2px solid #143a31;color: #fff!important;background:#143a31;text-decoration:none;font-weight:bold;}

#nav-posts{margin-top:30px;list-style:none;}
.nextPage a, .prevPage a, a.next, a.prev{font-weight:bold;color:#aeaeae!important;}
.nextPage a:hover, .prevPage a:hover, a.next:hover, a.prev:hover{color:#278cb8!important; text-decoration:none;}
.nextPage, .prevPage{color:#ccc;}
.nextPage{font-weight:bold;float:right;}
.prevPage{font-weight:bold;float:left;}

/*-- Sidebar Widget --*/
.blog aside{margin:20px 0 30px 0;}
.blog .widget-title{border-top:2px solid #99cb4c; border-bottom:1px solid #99cb4c; text-transform:uppercase; padding:8px 10px; font-weight:600!important; font-size:1.125em!important;}
.blog aside ul li a{padding:3px 0; display:block;}
#sub-navigation .widget_recent_entries ul li a{text-transform:none!important;}
/*--- Archives ---*/
.blog aside.widget_archive label{display:none;}
.blog aside.widget_archive select{width:100%; padding:7px 5px; margin:10px 0;box-sizing:border-box; border-color:#d9d9d9;}
.blog aside.widget_archive h2, .blog aside.widget_categories h2{border-color:#21789d;color:#21789d!important;}
.preview-text{padding-bottom:30px;}
/* SEARCH FORM */
#s{background:#f9f9f9 url('images/search.png') no-repeat center right;border:1px solid #e9e9e9;padding:4%;color:#999;}
input#s:hover, input#s:focus{border-color:#999;}
/* PROMO BOXES */
.promo-boxes .promo-box:first-child{background:#99cb4c; color:#003636;}
.promo-boxes .promo-box{background:#003636; color:#fff; padding:5%; box-sizing:border-box; height:50%; overflow:hidden}
.promo-boxes .promo-box h2{font-size:30px;}
.promo-boxes .promo-box.with-img .copy{width:55%;float:left;}
.promo-boxes .promo-box.with-img img{float:right;}
.promo-boxes .promo-box .button{text-transform:uppercase; background:#7bc852; color:#003636; padding:15px 17px; border-radius:0; font-size:15px;border:1px solid transparent;}
.promo-boxes .promo-box .button:hover{border:1px solid #7bc852;background:none; color:#7bc852;}
.promo-boxes .promo-box:first-child .button{background:#003636; color:#fff;}
.promo-boxes .promo-box:first-child .button:hover{border:1px solid #fff;background:none;}
/*-- FORM --*/
.promo-boxes input[type="text"],.promo-boxes input[type="email"]{background:rgba(255,255,255, 0.3); color:#fff; border:none; width:96%; padding:2%; margin:5px 0;}
.promo-boxes input[type="submit"]{border:none;}
/* White Placeholder*/
.promo-boxes  ::-webkit-input-placeholder{color:#fff;}
.promo-boxes  .promo-boxes  ::-moz-placeholder{color:#fff;} /* firefox 19+ */
.promo-boxes  :-ms-input-placeholder{color:#fff;} /* ie */
.promo-boxes  input:-moz-placeholder{color:#fff;}
#search-box  ::-webkit-input-placeholder{color:#fff;}
#search-box  ::-moz-placeholder{color:#fff;} /* firefox 19+ */
#search-box  :-ms-input-placeholder{color:#fff;} /* ie */
#search-box  input:-moz-placeholder{color:#fff;}
/*--------------*/
.footer-bar{border-top:1px solid #5daacb; list-style-type:none; font-size:12px;padding:25px 0;margin-top:100px;}
.footer-bar li{display:inline;}
.footer-bar li a{padding:0 3px;}
.footer-bar li:after{content:'\007C'; color:#5daacb;}
.footer-bar li:nth-last-child(2):after, .footer-bar li:last-child:after{content:'';}
.footer-bar li:last-child{float:right;}
.charity-reg{color:#c2e6f0;}
/* Footer */
footer{background:#278cb8 url('images/bg-logowatermark.png') no-repeat bottom right; color:#fff; padding:30px;}
footer a:hover{color:#003636; text-decoration:none;}
footer nav ul{list-style: square; list-style-position: inside; margin-bottom:15px;}
footer nav ul li{padding:2px 0;}
footer .col{width:25%;}
footer h4{color:#003636; font-size:18px; margin:12px 0;}
footer li span{font-size:20px;}
.contact-details{list-style:none;}
.contact-details li{padding:4px 0;}
#social-links{margin:20px 0;}
#social-links .col{width:50%;}
#social-links li{float:left;list-style:none;}
#social-links a{background:#d9f1f8;height:28px;width:40px;padding:6px 0;margin:0 4px;display:block;text-align:center;color:#278cb8;	border-radius: 34px;font-size:22px;background-position:center center;background-repeat:no-repeat;}
#social-links a:hover{background:#003636; text-decoration:none;}
.scroll-up{position: fixed;bottom: 3.925em;right: 0;width:40px;	height:37px;padding-top:3px;color:#fff;font-size:24px;text-align:center;background: #7bc142;background-size:50%;display: none;cursor:pointer;z-index:10000;}
.scroll-up:hover{background-color:#000;}
.button{border-radius:3px;padding:5px 10px;text-align:center;font-weight:bold;display:inline-block;box-sizing:border-box;}
.button:hover{text-decoration:none;}
.top-nav-btn-btn{background:#f7e600; color:#143a31; text-transform:uppercase; margin:20px 0; padding:15px; display:block;}
.top-nav-btn-btn:hover{color:#fff;background:#143a31;}
.actions{margin-top:50px;}
.actions .button{background:#7fd4eb; padding:10px 15px; font-size:1.275em;border:1px solid transparent}
.actions .button:first-child{background:#99cc52; margin-right:10px;}
.actions .button:hover{background:#fff; border:1px solid #013036;}
/* SEARCH BOX */
#search-box{background:#2790bd; color:#fff; text-align:center; padding:15px 2%;}
.close-search:hover{color:#003636;cursor:pointer;}
#search-box{display:none;}
#search-box form input[type="text"]{width:90%; padding:10px; box-sizing:border-box;border:1px solid #2382aa;background:rgba(255,255,255, 0.4); color:#fff; font-size:1.275em;}
#search-box .wrap{position:relative;max-width:1000px;}
/* HOME Slide Toggle */
#showLess, #graph .bar-graph{display:none;}
/* MENU TOGGLE */
#menu-right-mobile{margin-top:6%;width:auto;position:absolute;right:5px;display:block;}
.search-toggle-mobile{display:none;vertical-align:middle;margin: 0 10px;}
nav#nav-mobile{position:relative;display:none;width:100%;padding:0;}
nav#nav-mobile ul{display:none;list-style-type:none;text-align:center;background-color:rgba(33, 120, 157, 0.98);}
nav#nav-mobile li{display: block !important;float:none;color:#fff;padding:0;}
nav#nav-mobile a{display: block !important;padding:15px;}
nav#nav-mobile a:before{background-color:#fff;}
nav#nav-mobile a:hover{color:#fff;}
/* HAMBURGER ICON */
.icon-hamburger{
  background-color: transparent;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 46px;
  height: 46px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.icon-hamburger:focus{outline:none;}
.icon-hamburger span{display:block;position:absolute;top:15px;left:9px;right:9px;height:4px;background:#21789d;}
.icon-hamburger span::before,
.icon-hamburger span::after{position:absolute;display:block;left:0;width:100%;height:4px;background-color:#21789d;content:"";}
.icon-hamburger span::before{top:-8px;}
.icon-hamburger span::after{bottom:-8px;}
/* Hamburger Icon EFFECTS */
.icon-hamburger--fx span{-webkit-transition:background 0s 0.3s;transition:background 0s 0.3s;}
.icon-hamburger--fx span::before,
.icon-hamburger--fx span::after{-webkit-transition-duration:0.3s, 0.3s;transition-duration:0.3s, 0.3s;-webkit-transition-delay:0.3s, 0s;transition-delay:0.3s, 0s;}
.icon-hamburger--fx span::before{-webkit-transition-property:top, -webkit-transform;transition-property:top, transform;}
.icon-hamburger--fx span::after{-webkit-transition-property:bottom, -webkit-transform;transition-property:bottom, transform;}
/* Hamburger Icon ACTIVE STATE, i.e. menu open */
.icon-hamburger--fx.is-active span::before, .icon-hamburger--fx.is-active span::after{background-color:#5b97c7;}
.icon-hamburger--fx.is-active span{background: none;}
.icon-hamburger--fx.is-active span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.icon-hamburger--fx.is-active span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.icon-hamburger--fx.is-active span::before, .icon-hamburger--fx.is-active span::after{-webkit-transition-delay:0s, 0.3s;transition-delay:0s, 0.3s;}

/*--  Sub Navigation Toggle --*/
.subnav-toggle{padding:12px;font-size:0.938em;position:relative;text-transform:uppercase;background-color:#21789d;color:#fff;font-weight:bold;display:none;}
.subnav-toggle:hover{background-color:#5b97c7;cursor:pointer;}
.subnav-toggle span{font-family:'icomoon';font-size:16px;float:right;}
.subnav-toggle span:after{content:"\e803";}
.subnav-toggle.active span:after{content:"\e901";}
.acf-map{width: 100%;height: 400px;border-top: #ccc solid 1px;}
.acf-map{max-width: inherit !important;}
.scroll.active{
	position: fixed;
	bottom: 3.925em;
    right: 0;
	width:40px;
	height:37px;
	padding-top:3px;
	color:#fff;
	font-size:24px;
	text-align:center;
	background: #7bc852;
	background-size:50%;
	display: none;
	cursor:pointer;
	z-index:10000;
}
.scroll.active:hover{background-color:#003636;}
/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media screen and (max-width: 1910px){
	/* IMAGE SLIDER 
	.cycle-slideshow{max-height:445px;}*/
	/* Centered Text Overlay */
	.fc-slider-centered_text_overlay.cycle-overlay .wrap{margin-top:4%;}
	/* MAIN MENU */
	header nav ul li{padding:0.3%;}
	header nav ul li a{font-size:15px;}
}
@media screen and (max-width: 1600px){
	/* IMAGE SLIDER 	
	.cycle-slideshow{max-height:379px;}*/
	#img-slider .heading-rainbow h1{font-size:41px !important;}
	/* Centered Text Overlay */
	.fc-slider-centered_text_overlay.cycle-overlay .wrap{margin-top:3.3%;}
	.fc-slider-centered_text_overlay.cycle-overlay .copy{font-size:25px;padding:0 20% !important;}
	#what-we-do .graphic-list h1{font-size:2.5em;}
}
@media screen and (max-width: 1366px){
	.wrap{max-width:1260px;}
	/* IMAGE SLIDER */
	.cycle-next, .cycle-prev{top:35%;}
	#img-slider .heading-rainbow h1{font-size:38px !important;}
	/*.cycle-slideshow{max-height:355px;}*/
	/* Centered Text Overlay */
	.fc-slider-centered_text_overlay.cycle-overlay{right:0 !important;margin-top:0;}
	.fc-slider-centered_text_overlay.cycle-overlay .wrap{margin-top:3%;}
	.fc-slider-centered_text_overlay.cycle-overlay .copy{padding:0 18% !important;}
	/* MAIN MENU */
	.slogan{font-size:.938em;}
	header #logo{width:115px;}
	header nav ul li {padding: 0.3%;}	
	header nav ul li a{font-size:14px;}
	/* HOME */
	.graphic-list h1{font-size:2.5em;text-align:center;}
	.graphic-list li:first-child{padding:20px; height:auto;float:none;width:100%;}
	.graphic-list li{width:14.2857142857%;}
	.graphic-list li a{padding:30px 15px;}
	.graphic-list li .button{font-size:13px; padding:5px 10px;}
	#support-timeline .bar-graph .bar .label{font-size:14px;}
	.blog-feed.col{padding:10% 7%;}
	.blog-feed h2, .promo-boxes .promo-box h2{font-size:27px;}
	.promo-boxes .promo-box.with-img img{width:200px;}
	#community-highlight .text-box{width:67%;}
	
	/* ABOUT US Graphical List */
	.fc-graphical-list li .copy{width:70%;}
	/* FOOTER */
	#social-links .col{width:100%;}
}
@media screen and (max-width: 1280px){
	/* IMAGE SLIDER */
	#img-slider .heading-rainbow h1{font-size:34px !important;}
	/*.cycle-slideshow{max-height:320px;}*/
	.cycle-slideshow .cycle-overlay{margin:3% 0 0 10%;}
	.cycle-slideshow .heading-rainbow{margin-top:5%;}
	/* Centered Text Overlay */
	.fc-slider-centered_text_overlay.cycle-overlay{right:0 !important;margin-top:0;}
	.fc-slider-centered_text_overlay.cycle-overlay .wrap{margin-top:2%;}
	.fc-slider-centered_text_overlay.cycle-overlay .copy{font-size:20px;padding:0 15% !important;}
	/* MAIN MENU */
	header nav{width:75%;padding:0;padding-bottom:1%;}
	/* HOME */
	.blog-feed h2, .promo-boxes .promo-box h2{font-size:25px;}
	.promo-boxes .promo-box.with-img img{width:180px;}

	/* ABOUT US Grid Layout */
	.fc-col-2 li{width:31%;}
	/* ABOUT US Graphical List */
	.fc-graphical-list li .copy{width:67%;}
	
	/* MENU TOGGLE */
	.mobile-wrap{float:right; margin-top: 40px;width: 100px;}
	#menu-toggle, nav#nav-mobile, .search-toggle-mobile{display:inline-block;}
	nav#nav-main{display:none;}
	nav#nav-mobile li.search-toggle{display:none !important;}
	header nav ul li a:hover, header nav ul li.current_page_item a{color:#99cb4c;}
}
@media screen and (max-width: 1160px){
	/* IMAGE SLIDER */
	#img-slider .heading-rainbow h1{font-size:30px !important;}
	/*.cycle-slideshow{max-height:285px;}*/
	.fc-slider-text-block h1{font-size:26px;}
	.cycle-slideshow .cycle-overlay{margin:1.6% 0 0 10%;}
	.fc-slider-text-block .button{font-size:18px;}
	.cycle-slideshow .cycle-overlay .copy{font-size:17px;}
	/* Centered Text Overlay */
	.fc-slider-centered_text_overlay.cycle-overlay{right:0 !important;margin-top:0;}
	.fc-slider-centered_text_overlay.cycle-overlay .wrap{margin-top:3%;}
	.fc-slider-centered_text_overlay.cycle-overlay .button{padding:10px 35px;}
	.fc-slider-centered_text_overlay.cycle-overlay .copy{padding:0 12% !important;}
	/* MAIN MENU */
	header{position:static;}
	#page-title, #img-slider{margin-top:0;}
	header nav{width:85%;}
	header nav ul li.menu-item a:hover, header nav ul li.menu-item a:active{background:#5b97c7;}
	.top-nav-btn .button{border-radius:0;}

	/* HOME */	
	.graphic-list li{width:50%!important;float:left!important; height:75px!important;}
	.graphic-list li a, .graphic-list li:first-child{padding:10px!important;}
	.graphic-list li .wrap{min-height:0; line-height:50px;}
	.graphic-list li img, .graphic-list li h5, .graphic-list li h1{display:inline-block; vertical-align:middle;line-height:50px;}
	.graphic-list li h5{margin:0 0 0 5px; font-size:16px;}
	.graphic-list li h1{line-height:normal;font-size:2em!important;line-height:55px;}
	.graphic-list li .button{display:none;}
	.graphic-list li img{width:50px;}
	
	.blog-feed h2, .promo-boxes .promo-box h2{font-size:22px;}
	.promo-boxes .promo-box.with-img img{width:150px;}
	#community-highlight h1, #community-highlight .text-box{font-size:40px;}
	/* ABOUT US Graphical List */
	.fc-graphical-list li .copy{width:62%;}
}
@media screen and (max-width: 1024px){
	/* IMAGE SLIDER */
	#img-slider .heading-rainbow h1{font-size:25px !important;}
	/*.cycle-slideshow{max-height:248px;}*/
	.fc-slider-text-block h1{font-size:22px;}
	.cycle-slideshow .cycle-overlay{margin:1.5% 0 0 10%;}
	.cycle-slideshow .heading-rainbow{margin-top:5%;}
	.fc-slider-text-block .button{font-size:16px;}
	.cycle-slideshow .cycle-overlay .copy{font-size:15px;}
	/* Centered Text Overlay */
	.fc-slider-centered_text_overlay.cycle-overlay{right:0!important;margin-top:0;}
	.fc-slider-centered_text_overlay.cycle-overlay .wrap{margin-top:3.5%;}
	.fc-slider-centered_text_overlay.cycle-overlay h1{font-size:32px;}
	.fc-slider-centered_text_overlay.cycle-overlay .button{font-size:18px;padding:8px 30px;}
	/* MAIN MENU */
	header nav{width:98%;}
	header nav ul li a{font-size:14px;}
	
	/* HOME */
	.promo-boxes .promo-box.with-img img{width:120px;}
	.promo-boxes .promo-box .button{font-size:14px;}
	#about-us #support-timeline.col{padding-top:5%;}
	#about-us .col{width:95%!important;padding:2.5%;margin:0;}
	#community-highlight h1, #community-highlight .text-box{font-size:36px;}
	#community-highlight .text-box{width:86%;}
	.blog-feed h2, .promo-boxes .promo-box h2{font-size:19px;}
	.blog-feed .post-preview h3{font-size:18px;}
	/* ABOUT US Grid Layout */
	.fc-col-2 li{width:42.9%;}
	.fc-graphic-quote .col-right .copy{font-size:21px;}
	/* ABOUT US Graphical List */
	.fc-graphical-list li .copy{width:57%;}
	/* Footer */
	footer .col{width:50%;}
}
@media screen and (max-width:900px){
	/* IMAGE SLIDER */
	.cycle-next, .cycle-prev{display:none;}
	#img-slider .heading-rainbow h1{font-size:18px !important;}
	/*.cycle-slideshow{max-height:210px;}*/
	.fc-slider-text-block h1{font-size:20px;}
	.cycle-slideshow .cycle-overlay{right:8%;}
	.fc-slider-text-block .button{font-size:13px;}
	.cycle-slideshow .cycle-overlay{margin:3% 0 0 10%;}
	.cycle-slideshow .cycle-overlay .copy{margin-bottom:10px;font-size:11px;}
	/* Centered Text Overlay */
	.fc-slider-centered_text_overlay.cycle-overlay{right:0 !important;margin-top:0;}
	.fc-slider-centered_text_overlay.cycle-overlay .wrap{margin-top:1.5%;}
	.fc-slider-centered_text_overlay.cycle-overlay h1{font-size:28px;}
	.fc-slider-centered_text_overlay.cycle-overlay .button{font-size:16px;padding:8px 20px;}
	.fc-slider-centered_text_overlay.cycle-overlay .copy{padding:0 10% !important;}
	/* MAIN MENU */
	header nav ul li a{font-size:16px;}
	/* HOME */
	.graphic-list h1{font-size:2.8em;}
	.graphic-list li:first-child{padding:60px 30px;}
	.graphic-list li:first-child img{height:35px;}
	#community-highlight .text-box{width:100%;}
	#community-highlight h1, #community-highlight .text-box{font-size:24px;}
	.blog-feed.col, .promo-boxes.col{width:100%;}
	.promo-boxes .promo-box.with-img img{width:auto !important;}
	.blog-feed h2, .promo-boxes .promo-box h2{font-size:22px;}
	.blog-feed .post-preview h3{font-size:1.17em;}
	.promo-boxes.col{height:auto;clear:both;}
	.fc-graphic-quote .col-right .copy{font-size:20px;}
	#latest-news{height:auto;}
	/* ABOUT US Graphical List */
	.fc-graphical-list li .copy{width:49%;}		
	/* FOOTER */
	#social-links .col{width:100%;}
	
	/* 3 Columns */
	#main.column-3 .col{float:none!important; width:100%!important; margin:0!important;}
	#menu-latest-news-menu{display:none;}
}
@media screen and (max-width: 768px){ 
	/* HEADER */
	header #logo{width:100px;}
	/* IMAGE SLIDER */
	#img-slider .heading-rainbow h1{font-size:14px!important;}
	/*.cycle-slideshow{max-height:164px;}*/
	.fc-slider-text-block h1{font-size:14px;}
	.fc-slider-text-block .button{font-size:12px;}
	.cycle-slideshow .cycle-overlay{margin:2% 0 0 10%;}
	.cycle-slideshow .cycle-overlay .copy{font-size:10px;}
	/* Centered Text Overlay */
	.fc-slider-centered_text_overlay.cycle-overlay{right:0 !important;margin-top:0;}
	.fc-slider-centered_text_overlay.cycle-overlay h1{font-size:20px;}
	.fc-slider-centered_text_overlay.cycle-overlay .button{font-size:12px;}
	/* HEADER RAINDOW */
	.heading-rainbow h1{font-size:42px;}
	/* SUB NAVIGATION */
	.blog #sub-navigation{margin-bottom:10px;}
	#main .col-1{width:100%;margin:0 auto;}
	#sub-navigation>ul{display:none;}
	.subnav-toggle{display:block;}
	/* HOME */
	.graphic-list li .wrap{min-height: 0;}
	.graphic-list li{width:100%;}
	
	#community-highlight{padding:110px;}
	#support-timeline h1{text-align:left;}
	#support-timeline .bar-graph .bar .label .number{font-size:16px;}
	#support-timeline .bar-graph .bar{border-radius:0;height:auto;}
	#support-timeline .bar-graph .icon{height:auto;position:static;border-radius:0;margin:0 5px 0 0;float:left;}
	#support-timeline .bar-graph .bar .label{border-radius:0;margin:0;padding:4px 0;position:static; }
	
	/* MAIN CONTENT */
	#main{padding:0 2% 50px 2%;}
	#main .col-2{width:100%;}
	.fc-col-2{margin:0 auto !important;}
	#main .copy ul, #main .copy ol{margin-left:0;}	
	.video-wrapper{position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
	.video-wrapper iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	/* ABOUT US Grid Layout */
	.fc-col-2 li{width:48.2%;}
	.fc-col-2{padding-bottom:20px;}
	/* ABOUT US Gallery*/
	.fc-gallery{padding-top:20px;}
	/* ABOUT US Graphical List */
	.fc-graphical-list li .copy{width:100%;margin:0 auto;padding:0;}
	.fc-graphical-list li img{padding-bottom:20px;}
	/* FOOTER */
	.footer-bar li:last-child{float:left;}
	.charity-reg{margin-top:15px;}
}
@media screen and (max-width:600px){
	/* HEADER */
	.slogan{display:none;}
	.alignright, .alignleft{float:none;}
	#menu-right-mobile{min-width:40%;}
	.mobile-wrap{margin-top: 35px;}
	/* HEADER RAINDOW */
	.heading-rainbow h1{font-size:30px;}
	#page-title{padding:40px 0;}
	/* HOME */
	.graphic-list li{width:100%!important;}
	.promo-boxes .promo-box.with-img img{width:180px !important;}
	/* ABOUT US Grid Layout */
	.fc-col-2 li{width:47.7%;}
	/* CONTACT */
	#main.contact .col-1, #main.contact .col-2{width:96%;}
	#main.contact .col-1{margin-bottom:0;}
	/* FOOTER */
	footer .col, #social-links .col{width:100%;text-align:center;}
	.show-col{display:none;}
	#social-links{margin:0 auto;}
	#social-links li{float:none;display:inline-block;}
	.toggle-footer::after{display:inline-block;content:"+";font-size:20px;padding-left:10px;}
	.toggle-footer.active::after{;content:"-";}
	footer h4{font-size:16px;margin:8px 0;}
	#social-links h4{margin:12px 0;}
	.footer-bar{margin-top:30px;}		
	#main .col-2.copy p img{text-align:left;float:none;display:block;padding: 0; margin: 0;}	
	/* FLEXIBLE CONTENT */
	#grid-layout li{width:100%;float:none;}
	.fc-col-2 li, .fc-col-3 li, .fc-col-4 li{margin-right:0;}
	
}
@media screen and (max-width: 480px){
	/* MAIN MENU */
	#menu-right-mobile{min-width:48%;}
	header #logo{width:100px;padding:10px 0;}
	/* HOME */
	.promo-boxes .promo-box.with-img img{display:none !important;width:0% !important;}
	.promo-boxes .promo-box.with-img .copy{width:100% !important;}	
	.promo-boxes .promo-box{height:auto;}
	#about-us h1{font-size:1.400em;}
	.blog-feed article{margin:8% 0;}
	.blog-feed img{display:none;}
	.blog-feed .post-preview{width:100%;}
	.copy{font-size:14px;}
	
	/* ABOUT US Grid Layout */
	.fc-col-2 li{width:100%;margin:0 auto;margin-bottom:10px;}
}
@media screen and (max-width: 420px){	
	/* MAIN MENU */
	#menu-right-mobile{min-width:50%;}
	header #logo{width:110px;}
	/* HEADER RAINDOW */
	.heading-rainbow h1{font-size:26px;line-height:1.2em;}
	/* HOME */
	#community-highlight{display:none;}
	.actions .button{font-size:1em;}
	/* MAIN CONTENT */
	.top-nav-btn-btn{font-size:15px;}
}
@media screen and (max-width: 380px){	
	header #logo{width:80px;}
	.mobile-wrap{margin-top: 25px;}
	/* MAIN MENU */	
	/* HOME */
	.graphic-list li{height:65px!important;}
	.graphic-list li .wrap{line-height:40px;}
	.graphic-list li img, .graphic-list li h5, .graphic-list li h1{line-height:40px;}
	.graphic-list li img{width:40px;}
	.graphic-list li h5{font-size:14px;}
	.graphic-list li h1{line-height:45px;}
	.actions .button{font-size:0.9375em;}
	/* FLEXIBLE CONTENT .fc-gallery li{wisth} */
	
}
@media screen and (max-width: 360px){
	/* MAIN MENU */
	#menu-right-mobile{min-width:59%;}	
}
@media screen and (max-width: 320px){
	/* MAIN MENU */
	#menu-right-mobile{min-width:68%;}
	.actions .button{width:100%;}
	.button{margin: 5px 0;}
}



.button.donate-btn2, .et-db #et-boc .et-l .et_pb_module a.button.donate-btn2{background:#f7e600; color:#143a31 !important; text-transform:uppercase; margin:20px 0; padding:15px!important; display:block; text-align: center; font-weight: bold; border-radius:3px;}
.button.donate-btn2:hover, .et-db #et-boc .et-l .et_pb_module a.button.donate-btn2:hover{color:#ffffff !important ;background:#143a31;}


.cycle-prev , .cycle-next {
display: none;
}


.homeground h1 {

text-transform: none !important;

}
.nf-form-fields-required {
	opacity: 0 !important;
} 
/* Timeline Edits */
.ds-timeline .timeline-item-a {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
padding: 0 0 50px;
position: relative;
}

.ds-timeline .timeline-item-a:after {
content: '' !important;
position: absolute !important;
width: 3px !important;
height: 100% !important;
visibility: visible !important;
top: 0 !important;
left: 0 !important;
margin-left: -1.5px !important;
background-color: #000 !important;
}

.ds-timeline .timeline-item-a .col-date {
position: relative !important;
padding-left: 40px !important;
}

.ds-timeline .timeline-item-a .col-date:before {
content: '';
position: absolute;
left: -18px;
top: 50%;
background-color: #000;
width: 26px;
height: 26px;
margin-top: -35px;
border: 5px solid #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}

.ds-timeline .timeline-item-a .col-details {
padding-left: 40px !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12) 0.5em 0px 0px #000000;
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12) 0.5em 0px 0px #000000;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12) 0.5em 0px 0px #000000;
}

.ds-timeline .tm-date {
font-size: 18px;
}

.ds-timeline .tm-date h4 {
font-weight: 600;
font-size: 23px;
margin: 8px 0;
}

.ds-timeline .tm-video .et_pb_video_play {
font-size: 50px;
line-height: 56px;
margin: -28px auto auto -28px;
}

.ds-timeline .tm-video .et_pb_video_play:before {
content: '\45';
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-ms-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
display: inline-block;
width: 56px;
height: 56px;
top: 50%;
left: 50%;
border: 2px solid #fff;
background-color: rgba(255, 255, 255, 0);
color: #fff;
text-align: center;
}

.ds-timeline .tm-video:hover .et_pb_video_play:before {
background: #00a99d;
border-color: #00a99d;
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-ms-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);
}

.ds-timeline .tm-desc {
padding: 30px;
background-color: #fff;
}

.ds-timeline .tm-title {
border-bottom: 2px solid #f4f4f4;
border-left: 3px solid #000;
background-color: #fff;
padding: 15px 30px !important;
}

.ds-timeline .tm-title h3 {
padding: 0;
line-height: 1.1;
font-weight: 600;
}

.ds-timeline .tm-countdown {
background-color: transparent !important;
padding: 0;
margin-bottom: 10px !important;
}

.ds-timeline .tm-countdown .et_pb_countdown_timer_container {
text-align: left;
display: flex;
}

.ds-timeline .tm-countdown .section.values {
width: auto;
max-width: 95px;
flex-grow: 1;
background-color: #fff;
color: #1d1c21;
padding: 12px 8px !important;
border-top: 3px solid #000;
margin-right: 10px !important;
}

.ds-timeline .tm-countdown .section.values:last-child {
margin-right: 0;
}

.ds-timeline .tm-countdown .section.values .value {
font-weight: 800;
font-size: 27px !important;
line-height: 1 !important;
}

.ds-timeline .tm-countdown .section.values .label {
text-transform: uppercase;
}

.ds-timeline .tm-countdown .section.sep {
display: none;
}

@media (min-width: 980px) {
.ds-timeline .timeline-item-a:after {
left: 50% !important;
}

.ds-timeline .timeline-item-a:first-child:after {
height: 50%;
top: 50%;
}

.ds-timeline .timeline-item-a:last-child:after {
height: 50%;
}

.ds-timeline .timeline-item-a.even {
flex-direction: row-reverse;
}

.ds-timeline .timeline-item-a.even .col-details {
padding-right: 40px !important;
padding-left: 0 !important;
}

.ds-timeline .timeline-item-a.odd .col-date {
padding-right: 40px !important;
padding-left: 0 !important;
}

.ds-timeline .timeline-item-a.odd .col-date:before {
left: auto;
right: -18px;
}

.ds-timeline .timeline-item-a.odd .et_pb_button_module_wrapper {
    text-align: right;
}

.ds-timeline .timeline-item-a.odd .tm-date  {
text-align: right;
}

.ds-timeline .timeline-item-a.odd .tm-countdown .et_pb_countdown_timer_container {
justify-content: flex-end;
}
}

/* DIVI Hover Image Blurbs */

.hover-blurb .et_pb_blurb_content {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.hover-blurb .et_pb_blurb_container {
  position: absolute;
  align-self: center;
}
.hover-blurb .et_pb_main_blurb_image {
  visibility: hidden;
  margin: 0;
}

/* Husk edits */

/* PAGE: https://www.aucklandcitymission.org.nz/homeground/ */

@media only screen and (max-width: 1160px) {
  .page-id-4103 section div:first-child {
		margin-top: 0px !important;
  }
}

@media only screen and (min-width: 1161px) {
  .page-id-4103 section div div.et-boc {
	  padding-top: 20px;
  }
}