/*
Theme Name:   	SCT
Author:       	Ian Atkins
Author URI:     https://www.addedlovely.com
Template:     	addedlovely
Version:      	1.9.0
Text Domain:  	addedlovely
*/

/* ==========================================================================
	Structure
   ========================================================================== */
.container {max-width: 1400px; padding: 0 20px; width: 90%; }
.grid {grid-gap: 20px;}
.row {position: relative;}

/* ==========================================================================
	Typography
   ========================================================================== */
body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; line-height: 1.4375; color: #000; background: #FFF; min-width: 320px; }

h3 { font-weight: bold; }

.f-12 {font-size: 12px;}
.f-13 {font-size: 13px;}
.f-14 {font-size: 14px;}
.f-16 {font-size: 16px;}
.f-20 {font-size: 20px;}
.f-22 {font-size: 22px;}
.f-26 {font-size: 26px;}
.f-33 {font-size: 33px;}
.f-40 {font-size: 40px;}

.bold { font-weight: bold; }
.italic { font-style: italic; }

.wysiwyg blockquote { color: #FFF; font-weight: bold; font-style: italic; padding: 0 6px; margin: 0 -6px; font-size: 33px;  line-height: 1.272; margin-bottom: 20px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.wysiwyg blockquote p, .wysiwyg blockquote div { background: #000; line-height: 32px; display: inline;    -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 0 5px; }
.wysiwyg blockquote em {display: block; background: #fff; color: #000; font-size: 14px; }
.wysiwyg ul { margin-top:20px; }
.wysiwyg li {list-style-type: none; padding-bottom: 20px; background-size: 40px 40px; background-position: top left; background-repeat: no-repeat; margin-left: 0;  padding-left: 60px;}
.wysiwyg li:nth-child(1n) {background-image: url('images/bullet_01.png');}
.wysiwyg li:nth-child(2n) {background-image: url('images/bullet_02.png');}
.wysiwyg li:nth-child(3n) {background-image: url('images/bullet_03.png');}
.wysiwyg li:nth-child(4n) {background-image: url('images/bullet_04.png');}
.wysiwyg h2 {font-weight: bold; margin-bottom: 20px;}
.wysiwyg > div { margin-bottom: 14px; }
.wysiwyg p a, .wysiwyg > div a  {text-decoration: underline;}
.wysiwyg .image {margin-bottom: 20px;}
.wysiwyg hr {margin: 20px 0; border: 0; height: 1px; border-bottom: 1px solid #000;}

.row {background-size: 100% auto; background-repeat: no-repeat;}
.row.bordered { border-top:2px solid #000; border-bottom: 2px solid #000; }

/* ==========================================================================
	Header
   ========================================================================== */
body {padding-top:150px;}

.header {height: 150px; position: fixed; top:0; left: 0; right: 0; padding-top: 20px; background: #FFF; z-index: 10;  min-width: 320px; }
.header a {-webkit-transition: opacity 0.3s cubic-bezier(.77,0,.175,1); transition: opacity 0.3s cubic-bezier(.77,0,.175,1); display: block; vertical-align: top; }
.no-touchevents .header a:hover, .header a:focus {opacity: 0.5;}

.logo, .logo a  { width: 140px; height:70px; }
.logo { margin: -10px auto auto auto; display: block; -webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1); }
.logo svg {vertical-align: top;}

.menu {line-height: 70px; font-weight: bold;}
.menu > ul > li {padding: 0 20px;}
.menu .active > a, .no-touchevents  .menu > a:hover { color: #00ade9; }
.menu { line-height: 70px; text-align: center; display: block; }
.menu li {list-style-type: none; display: inline-block; position: relative; }
.menu ul ul { position: absolute; min-width: 300px; text-align: center; background: #FFF; padding: 10px; font-size: 16px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top:66px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1); }
.menu ul ul li {display: block; margin-bottom: 10px; line-height: 1.5; }
.menu ul li:hover ul {opacity: 1; visibility: visible;}


/* Secondary */
.menu.secondary {position: absolute; top:30px; right: 70px; line-height: 30px;}
.menu.secondary a { padding: 0 15px; background: #e8e8e8; line-height: 30px; display: inline-block;}
.menu.secondary li { padding: 0; margin-left: 10px; }
.menu.secondary li:last-of-type a { background: #01ade9; color: #FFF; }

/* Social */
.header .layout-social { position: absolute; top:30px; left: 30px;  }
.header .layout-social svg { width: 20px; height: 20px; }
.layout-social { line-height: 20px; font-size: 0;}
.layout-social a {margin-right: 20px; display: inline-block;}
.layout-social svg, .layout-social img {vertical-align: top; }

/* Search */
.layout-searchform { position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: rgba(255,255,255,0.9); z-index: 2;  opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1); height: 100vh; }
.layout-searchform form { width: 100%; max-width: 500px; line-height: 60px; height: 60px; border-bottom: 1px solid #000; position: absolute; top: 0; bottom: 0; right: 20px; left:20px; margin: auto; }
.layout-searchform input {font-weight: bold; text-indent: 0; border: 0;}

.search-open {position: absolute; top:23px; right: 20px; margin: auto; line-height: 44px; width: 44px; height: 44px; border: 0; z-index: 3;}
.search-open svg {width: 100%; height: auto; padding: 8px; }
.search-open .icon-search {display: block;}
.search-open .icon-close {display: none;}
.show-search .search-open .icon-search {display: none;}
.show-search .search-open .icon-close {display: block;}
.show-search .layout-searchform {opacity: 1; visibility: visible;}


/* Headroom */
.headroom { will-change: transform; transition: transform 200ms linear, opacity 200ms linear;}
.headroom--pinned { transform: translateY(0%);}
.headroom--unpinned { transform: translateY(-100%);  }

/* Mobile */
.menu-open {    display:none;  position: absolute; top: 0; bottom: 0; left: 20px; margin: auto; border: 0; font-weight: bold; }
.menu-close { display: none; }

/* ==========================================================================
	Breadcrumb
   ========================================================================== */
.breadcrumb {letter-spacing: 0.2em; border-bottom: 1px solid #000; margin-bottom: 8px;}
.breadcrumb a, .breadcrumb span {border: 1px solid #000; line-height: 18px; margin-bottom: -1px; display: inline-block; float: left; padding: 0 10px; text-transform: uppercase; }
.breadcrumb .active {background: #000; color: #FFF; }

/* ==========================================================================
	Layout : Hero
   ========================================================================== */
.layout-hero {position: relative; margin-bottom: 40px; z-index: 0; }
.hero-caption {color: #FFF; max-width: 960px; left: 0; right: 0; width: 100%; margin: auto; padding: 20px; line-height: 1.18; z-index: 1; text-align: center;}
.hero-caption p, .hero-caption h2 { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.75); }
.hero-caption h2 {margin-bottom: 10px;}
.layout-hero.right .hero-caption, .layout-hero.left .hero-caption {max-width: 460px}
.layout-hero.right .hero-caption {right: 100px; left: auto;}
.layout-hero.left .hero-caption {left: 100px; right: auto; }
.layout-hero .hotspot { z-index: 1; }

.layout-hero.has-caption .image { background: #000; }
.layout-hero.has-caption img.loaded { opacity: 0.7; }

/* ==========================================================================
	Layout : Title
   ========================================================================== */
.layout-images.stack { margin-bottom: 40px; }
.image-caption {max-width: 555px; line-height: 1.5;}

/* ==========================================================================
	Layout : Title
   ========================================================================== */
.layout-title { margin: 22px auto; text-align: center; letter-spacing: -0.015em;}

/* ==========================================================================
	Layout : Quote
   ========================================================================== */
.layout-quote {max-width: 670px; width: 100%;  color: #FFF; font-weight: bold; font-style: italic; padding: 0 6px; margin: 0 auto 40px auto; font-size: 33px;  line-height: 1.272; margin-bottom: 20px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.layout-quote p { background: #000; line-height: 32px; display: inline;    -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 0 5px; }
.quote-title { color: #000;  margin-top: 10px; }

/* ==========================================================================
	Layout : Related
   ========================================================================== */
.no-cssgrid .layout-related .columns-3 {  -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; column-gap:20px; }
.no-cssgrid .layout-related .columns-2 {  -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; column-gap:20px; }
.no-cssgrid .layout-related .post { display: inline-block; vertical-align: top; width: 100%; }


/* ==========================================================================
	Layout : Text
   ========================================================================== */
.layout-text {max-width: 670px; width: 100%; margin: 40px auto; /* padding: 40px 0; */ }
.layout-text.center {text-align: center;}

/* Submenu */
.layout-submenu {position: absolute; top:30px; left: 0; line-height: 40px; }
.layout-submenu a {display: block;}
.layout-submenu a:first-of-type:before, .layout-submenu a:after {width: 40px; height: 1px; background: #000; content: ''; display: block;}
.layout-submenu .active {color: #00ade9;}

/* Store Locatior Shortcode */
.layout-text .wpsl-store-below .wpsl-search {display: none;}
.layout-text #wpsl-stores li {background: none !important; }
.layout-text #wpsl-stores {height: auto !important;}
.layout-text #wpsl-result-list {display: none;}
.gm-style-iw { text-align: left; }

/* Full Width Text */
.fullwidth .layout-text { padding: 80px 0;}
.fullwidth .layout-text .layout-title { padding-top: 0; }
	
/* ==========================================================================
	Layout : Post
   ========================================================================== */
.layout-single {max-width: 670px; width: 100%; margin: auto; padding: 40px 0; }
.layout-single time { border: 1px solid #000; line-height: 18px; margin-bottom: 40px; display: inline-block; padding: 0 10px; text-transform: uppercase; letter-spacing: 0.2em; font-size: 12px; }
.layout-single .post-title { line-height: normal; }
.layout-related-posts > h3 {text-align: center; line-height: 100px; letter-spacing: -0.015em;} 

/* ==========================================================================
	Layout : Jobs
   ========================================================================== */
.layout-jobs {max-width: 670px; width: 100%; margin: auto; padding: 0 0 80px 0; }
.layout-jobs th {text-align: left; font-size: 16px; border-bottom: 1px solid #000; line-height: 40px;}
.layout-jobs td { border-bottom: 1px solid #000; padding: 10px 0; }
.layout-jobs .job-date {text-align: right;}

/* ==========================================================================
	Layout : Blocks
   ========================================================================== */
.layout-blocks {margin-bottom: 40px;}
.layout-blocks .columns-2 {max-width: 900px; width: 100%; margin-left: auto; margin-right: auto; }

.block {position: relative;}
.block h3 {margin-top: 10px;}
.block a:hover, .block a:focus { color: #055ba9; }
.block .image { margin-bottom: 10px; }
.block.border { padding: 20px; border: 3px solid #000;}
.block.border h3 {font-style: italic; margin-bottom: 20px; line-height: 1.15; margin-top: 0;}

.block.donate  { padding: 20px; border:4px solid #000;  }
.no-touchevents .block.donate .button {visibility: hidden; width: 100%; text-align: center;} 
.no-touchevents .block.donate:hover {border-color: #00acdc; color: #00acdc;}
.no-touchevents .block.donate:hover .button {visibility: visible;} 

.block.circle {position: relative; padding-top: 100%; border-radius: 50%; overflow: hidden;}
.block.circle .image {position: absolute; top:0; left: 0;}

.block-caption {color: #FFF; position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; text-align: center; padding: 20px; }

.no-cssgrid .layout-blocks .columns-3 {  -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; column-gap:20px; }
.no-cssgrid .layout-blocks .columns-2 {  -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; column-gap:20px; }
.no-cssgrid .layout-blocks .block { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 20px; }


/* ==========================================================================
	Layout : Accordion
   ========================================================================== */
.layout-accordion {max-width: 670px; width: 100%; margin: 50px auto 50px auto;}
.layout-accordion .layout-title {text-align: center; }

.accordion { border-top: 1px solid #00ade9; }
.accordion-title {padding: 16px 40px 16px 0; position: relative; }
.accordion-title:after { content: ''; width: 22px; height: 13px; background-image: url('images/icon-down_accordion.svg'); background-size:100% auto; background-repeat: no-repeat; position: absolute; right:0; top:33px; /* bottom: 0;  */margin: auto; -webkit-transform-origin: center center; -webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1); }
.accordion-title.open:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.accordion-content { border-bottom: 1px solid #00ade9; }
.accordion-content-inner {padding-bottom: 30px;}
.accordion-content a {text-decoration: underline;}

/* ==========================================================================
	Layout : Pagination
   ========================================================================== */
.layout-pagination {font-size: 0; margin-bottom: 50px; }
.layout-pagination span, .layout-pagination a {line-height: 32px; height: 32px; width: 32px; border-radius: 50%; margin: 13px; font-size: 19px;}
.layout-pagination a { background: #f0f0f0; -webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1); }
.layout-pagination .current { background: #00ade9; color: #FFF; cursor: default; }
.layout-pagination svg { width: 9px; height: 19px; vertical-align: top; margin-top: 7px; }
.layout-pagination .prev, .layout-pagination .next {padding: 0; background: transparent;}
.no-touchevents .layout-pagination a:hover, .layout-pagination a:focus { background: #055ba9; color: #FFF; }
.no-touchevents .layout-pagination a.current:hover, .layout-pagination a.current:focus { background: #00ade9; }


/* ==========================================================================
	Layout : Buttons
   ========================================================================== */
.layout-buttons { padding: 0 0 20px 0; margin-top: -20px; }
.layout-buttons a { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1); }
.no-touchevents .layout-buttons a:hover {background: #00acdc; color: #FFF; border-color: #00acdc;  }
.no-cssgrid .layout-buttons {  -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; column-gap:20px; }

/* ==========================================================================
	Layout : Donations
   ========================================================================== */
.layout-donations { border: 4px solid #000; position: relative; margin-bottom: 20px;   align-items: center; display: flex;}
.donation-amounts { padding: 40px; width: 50%; float: left; }
.donation-amount { display: none; font-weight: bold; }
.donation-amount.active { display: block; cursor: default; }
.donation-amount .button { line-height: 40px; height: 40px; margin-bottom: 40px; }
.donation-amount p { margin-bottom: 20px; }
.donation-images { width: 50%; float: left; }
.donation-image { display: none; }
.donation-image.active { display: block; }
.donation-buttons { font-weight: bold; margin: 20px 0; font-size: 0; }
.donation-buttons button { border: 0; padding: 10px; height: auto; border:2px solid transparent; display: inline-block; margin-right: 10px; }
.donation-buttons .active { background: #01ade9; color: #FFF; border-color: #01ade9; }
.donation-alternative a { text-decoration: underline; }
.no-touchevents .donation-buttons button:hover { border-color: #000; }
.no-touchevents .donation-buttons button.active:hover { border-color: #01ade9; }
.no-touchevents .donation-amount .button:hover { background: #055ba9; }

/* ==========================================================================
	Donate
   ========================================================================== */
.page-donate .layout-blocks .columns-2 {max-width: 100%;}

/* ==========================================================================
	Page : Donation Form
   ========================================================================== */
.tabs { text-align: center; }
.tabs a { padding: 0 20px; background: #e8e8e8; line-height: 40px; height: 40px; display: inline-block; margin-right: 5px; margin-left: 5px; font-weight: bold; }
.tabs .active { background: #01ade9; color: #FFF; }

.tab-content { display: none; }
.tab-content.active { display: block; }

/* ==========================================================================
	Layout : Posts
   ========================================================================== */

.post { margin-bottom: 40px; }
.post .image {margin-bottom: 20px; padding-top: 65.9090909091% !important; overflow: hidden;}
.post h2 {margin-bottom: 10px; line-height: 1.125;}
.post time { display: block; margin-bottom: 10px; }

.no-cssgrid .layout-posts .columns-3 {  -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; column-gap:20px; }
.no-cssgrid .layout-posts .columns-2 {  -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; column-gap:20px; }
.no-cssgrid .layout-posts .post { width: 100%; display: inline-block; vertical-align: top; break-inside:avoid;}

.gallery-item { margin-bottom: 20px; break-inside: avoid; display: inline-block; vertical-align: top;}
.gallery-columns-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; column-gap:20px; }
.gallery-columns-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; column-gap:20px; }
.gallery-columns-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; column-gap:20px; }
.gallery-columns-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; column-gap:20px; }
.gallery-columns-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; column-gap:20px; }
.gallery-columns-7 { -webkit-column-count: 7; -moz-column-count: 7; column-count: 7; column-gap:20px; }
.gallery-columns-8 { -webkit-column-count: 8; -moz-column-count: 8; column-count: 8; column-gap:20px; }
.gallery-columns-9 { -webkit-column-count: 9; -moz-column-count: 9; column-count: 9; column-gap:20px; }
.wp-caption-text { font-size: 14px; font-style: italic; }

/* ==========================================================================
	News
   ========================================================================== */
.readmore { color: #055ba9; position: relative; line-height: normal; }
.readmore:after { content: ''; position: absolute; height: 2px; width: 0; background: #055ba9; position: absolute; left: 0; bottom:-2px;   -webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1);}
.no-touchevents .readmore:hover:after, .readmore:focus:after { width: 100%; }

.news-filters {line-height: 42px; height: 42px; margin-bottom: 20px; }
.no-cssgrid .layout-posts .news-filters { margin-left: -10px; margin-right: -10px; width: 100%; -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; }
.no-cssgrid .news-filters .filter { float: left; width: 50%; padding-left: 10px; padding-right: 10px;}

.filter {border-top:1px solid #000; border-bottom: 1px solid #000; font-weight: bold; min-height: 40px; position: relative; text-align: center; line-height: 40px; cursor: pointer; }
.filter label {position: absolute; top:0; left: 0; right: 0; line-height: 40px;}
.filter a {display: block; border-bottom: 1px solid #000;}
.filter nav { position: absolute; top: 41px; background: #FFF; text-align: center; z-index: 1; left: 0; right: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1);}
.filter:hover nav {opacity: 1; visibility: visible;}
.no-touchevents .filter a:hover {color: #1c3493;}

/* ==========================================================================
	Job Description
   ========================================================================== */
.job-description { border-top:1px solid #000;}
.job-description li {border-bottom: 1px solid #000; padding: 10px 0; list-style-type: none; text-align: right; line-height: 30px;}
.job-description label {font-weight: normal; float: left; vertical-align: middle; line-height: 30px;}
.job-description p {margin-bottom: 0; display: inline-block;}

/* ==========================================================================
	Footer
   ========================================================================== */
.footer .container { position: relative; }
.footer a {-webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1);}

/* Donate Bar */
.footer-donate {padding: 17px; background: #000; color: #FFF; margin-bottom: 20px;}
.footer-donate .button {float: right; }

/* Social Enterprises */
.footer-social-enterprises { text-align: right; }
.footer-social-enterprises a {display: inline-block; margin-left: 20px; height: 80px;  }
.footer-social-enterprises img {height: 100%; width: auto;}

/* Columns */
.footer-columns {margin-bottom: 40px; border-bottom: 1px solid #000; margin-bottom: 20px; padding-bottom: 20px; }
.footer-columns h3 {margin-bottom: 16px;}
.no-cssgrid .footer-columns {  -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; column-gap:20px; }
.no-cssgrid .footer-columns > div {  vertical-align: top; display: inline-block; }

/* Newsletter */
.footer-newsletter {padding: 20px 0; margin-bottom: 20px; border-top:1px solid #000; border-bottom: 1px solid #000; }
.footer-newsletter .gfield input { height: 31px; line-height: 29px; border: 1px solid #000; text-indent: 7px; margin-right: 20px; }
.footer-newsletter .footer-joinus {display: none;}
.footer-newsletter .gform_wrapper li {margin: 0;}
.footer-newsletter .gform_body {max-width: 324px; width: 100%;}
.footer-newsletter .gform_body, .footer-newsletter .gform_footer {display: inline-block; vertical-align: top; }
.footer-newsletter .gform_button.button {height: 31px; width: auto; line-height: 31px;}
.footer-newsletter .gform_wrapper {margin-left: 0;}

/* Menu */
.footer-menu {text-align: left; margin-bottom: 20px;}
.footer-menu a { padding: 0 5px; border-right: 2px solid #000; float: left; line-height: 20px;}
.footer-menu a:first-of-type {padding-left: 0;}
.footer-menu a:last-of-type {border-right:0;}

/* Twitter */
.twitter-hashtag {color: #e85a34;}
.twitter-user {color: #00ade9;}
.twitter-link {text-decoration: underline;}

/* Copyright */
.footer-copyright { max-width: 850px; font-weight: bold; padding-right: 200px;}

/* Funding Regulator */
.footer-funding-regulator { position: absolute; bottom: 0; right: 0; right: 20px; width: 165px; height: 50.25px;  }
.footer-funding-regulator svg { width: 100%; height: auto; vertical-align: top; }

/* ==========================================================================
	Forms
   ========================================================================== */
select {line-height: 38px; height: 40px; background-image: url('images/icon-down_select.svg'); background-size: 38px 38px; background-repeat: no-repeat; background-position: top right; padding: 0 10px; text-indent: 0; }
select::-ms-expand { display: none; }
input, select, textarea { border-color: #000; }
input:focus, select:focus, textarea:focus { border-color: #01ade9; }
.button {background: #01ade9; color: #FFF; line-height: 30px; height: 30px; padding: 0 20px; display: inline-block;  -webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1);} 
.button.alt {width: 100%; background: #FFF; border: 2px solid #000; color: #000; height: 40px; line-height: 36px; text-align: center; }
.no-touchevents .button:hover, .button:focus { background: #055ba9; }

.dropdown {position: relative; display: inline-block;}
.dropdown:after {content: ''; width: 21px; height: 11px; background:url('images/icon-down.svg'); background-size: 100% auto; background-repeat: no-repeat; right: 10px; top:0; bottom: 0; margin: auto; position: absolute; }

::-webkit-input-placeholder {color: #999;}
:-moz-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}

.gfield select, .gfield input {height: 40px; font-size: 16px;}
.gfield br {display: none;}
.gform_wrapper h2 {font-size: 22px; font-weight: bold;}
.gform_wrapper p {margin-bottom: 0;}
.gform_wrapper li {margin: 0 0 20px 0; background: none !important; padding: 0;}
.gform_wrapper label {line-height: normal; font-size: 16px;}
.hidden_sub_label {display: none;}
.ginput_complex {grid-gap: 20px; grid-template-columns: repeat(2, 1fr);  display: grid;}
.no-cssgrid .ginput_container_name { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; column-gap:20px; }
.gform_button.button {width: 100%; height:60px; line-height: 60px; background: #00ade9; color: #FFF;}

.ginput_cardextras { display: flex; }
.ginput_cardextras label, #input_1_20_5_container label { width: 100%; padding: 20px 0 15px 0; }
#field_1_20 > label { display: none; }
.gform_card_icon_container { float: right; }
#field_1_23 li, #field_1_23, #field_1_24 li, #field_1_24, #field_1_25 li { margin-bottom: 10px; }
.ginput_card_security_code_icon {  width: 30px; display: inline-block; background-image: url('images/icon-card-code.svg'); background-repeat: no-repeat; margin-left: 10px; background-position: center; opacity: 0.5; background-size: 100% auto; }
.ginput_container_creditcard { display: block; }
.ginput_card_expiration_container select { width: 90px; margin-right: 10px;}
.ginput_card_security_code { width: 70px; }
.gform_card_icon { font-size: 0; width: 40px; height: 40px; display: inline-block; margin-right: 10px; background-size: 100% auto;     vertical-align: top; margin-bottom: 10px;}
.gform_card_icon_amex { background-image: url('images/donation/icon-american-express.svg'); }
.gform_card_icon_mastercard { background-image: url('images/donation/icon-mastercard.svg'); }
.gform_card_icon_visa { background-image: url('images/donation/icon-visa.svg'); }

#field_1_15, #field_1_16, #field_1_17 {width: 33.33%; border-right: 20px solid transparent; float:left;}

.gfield_checkbox input {display: none;}
.gfield_checkbox label:before {content: ''; width: 30px; height: 30px; border: 1px solid #000; display: inline-block; margin-right: 10px; vertical-align: middle; border-radius: 50%; }
.gfield_checkbox input:checked + br + label:before, .gfield_checkbox input:checked + label:before {background: url('images/icon-check.svg'); background-size: 30px 30px; background-position: center center; background-repeat: no-repeat;}
.gfield_checkbox input:focus + br + label:before, .gfield_checkbox input:focus + label:before { border-color: #01ade9; }
.gfield_checkbox label { cursor: pointer; }

.gform_footer { margin-bottom: 40px;}
.gform_footer br { display: none; }

/* Validation Message */
.validation_message { color: #cf0000; padding: 10px 0; line-height: normal; }
 
/* Loading Icon */
.gform_footer { position: relative;}
.gform_ajax_spinner { position: absolute; left: 0; right: 0; margin: auto; top: 0; height: 60px; background: #055ba9; width: 100%; padding: 10px;}

/* MailChimp Embed Form */
.mc-field-group li { background: none !important; }
.mc-field-group label { padding-left: 10px; vertical-align: text-bottom; line-height: 40px;}

/* ==========================================================================
	Store Locator
   ========================================================================== */
#wpsl-wrap {  display: block;}
#wpsl-search-wrap {border-bottom: 1px solid #000; padding: 10px 0;  position: relative; }
.wpsl-search {background: transparent;  }
.wpsl-search.wpsl-checkboxes-enabled {padding: 0;}
#wpsl-search-btn, #wpsl-search-wrap div {line-height: 30px;}
#wpsl-search-btn, #wpsl-search-wrap input {line-height: 30px; height: 30px; border: 1px solid #000; border-radius: 0; margin: 0;}
#wpsl-wrap #wpsl-search-btn {position: absolute; top:0; bottom: 0; right: 0; margin: auto; background: #01adea; color: #FFF; font-weight: bold; border: 0; padding: 0 20px;}

#wpsl-checkbox-filter {line-height: 30px; margin: auto; width: 400px;}
#wpsl-search-wrap .wpsl-input {margin: 0;}
#wpsl-search-wrap input {width: auto; margin-right: 10px; float: left; }
#wpsl-checkbox-filter.wpsl-checkbox-3-columns li, .wpsl-custom-checkboxes.wpsl-checkbox-3-columns li {width: 50%; margin: 0;}

#wpsl-wrap #wpsl-result-list li {padding-left: 0; border-bottom: 1px solid #000; background: none !important;}
#wpsl-wrap #wpsl-result-list li:last-of-type {border-bottom: 0;}

table.wpsl-opening-hours {width: 100% !important;}

/* Inline Post */
.post-content #wpsl-wrap { font-size: 16px; }
.post-content #wpsl-wrap #wpsl-search-btn { margin: 10px 0; }
.post-content .wpsl-dropdown .wpsl-selected-item, .wpsl-dropdown li, .wpsl-selected-item { padding: 6px 12px !important; }

/* ==========================================================================
	Press Releases
   ========================================================================== */
.layout-press {max-width: 900px; width: 100%; margin: auto;}
.layout-press .post {padding-bottom: 40px; border-bottom: 1px solid #000;}
.layout-press time {margin-bottom: 20px; display: block;}

/* ==========================================================================
	Page : Search
   ========================================================================== */
.tag { border: 1px solid #000; line-height: 18px; margin-bottom: 20px; display: inline-block; padding: 0 10px; text-transform: uppercase; letter-spacing: 0.2em; font-size: 12px; }

/* ==========================================================================
	Page : Donate
   ========================================================================== */
.page-donation-form .gform_wrapper { max-width: 480px; }

/* ==========================================================================
	Page : Events
   ========================================================================== */
.post .event-date {  border: 1px solid #000; line-height: 18px; margin-bottom: 20px; display: inline-block; padding: 0 10px; text-transform: uppercase; letter-spacing: 0.2em; font-size: 12px; }

.event-cta { margin-bottom: 40px; /* line-height: 40px; height: 40px; */ }

/* ==========================================================================
	Cookie Banner
   ========================================================================== */
.moove-gdpr-modal-allow-all, .moove-gdpr-modal-save-settings { padding:0 !important; }
.moove-gdpr-branding-cnt { display:none !important; }
.moove-gdpr-company-logo-holder img {  width: 150px;  margin: auto; display: block; }

/* ==========================================================================
	Boxzilla
	========================================================================== */
.boxzilla h2 { font-weight: bold; margin-bottom: 10px; }
.boxzilla input { background-color: #FFF; border-color:#055baa; }
.boxzilla .gfield_checkbox label:before { background-color: #FFF; border-color:#055baa; }
.boxzilla .gfield_checkbox input:checked + label:before {background-image: url('images/icon-check.svg'); background-size: 30px 30px; background-position: center center; background-repeat: no-repeat; }
.boxzilla .gform_button.button { background: #055ba9; }
.boxzilla .gform_footer { margin-bottom: 0; }
.boxzilla .boxzilla-close-icon { color:#055baa; opacity:1; }

/* ==========================================================================
	Media Queries
   ========================================================================== */
@media only screen and (max-width: 1240px) {
	
	/* Tuck in menu */
	.menu > ul > li { padding: 0 15px; }
	
	/* Layout : Donations */
	.donation-images { width: 40%; }
	.donation-amounts { width: 60%; padding: 20px 40px; }
	
}

@media only screen and (max-width: 1100px) {
	
	/* Expand container */
	.container {width: 100%;}
	.header .layout-social {left: 20px;}

}


@media only screen and (max-width : 1024px) {
	
	/* Layout : Hero */
	.layout-hero { margin-left: -20px; margin-right: -20px; }
	.layout-hero.right .hero-caption, .layout-hero.left .hero-caption { right: 0; left: 0; }
	
	/* Footer : Donate */
	.footer-donate { text-align: center; padding-bottom: 25px; }
	.footer-donate .button { float: none;  margin-top: 20px; }

}

@media only screen and (max-width : 940px) {
	.donation-images { width: 35%; }
	.donation-amounts { padding: 20px; width: 65%; }
}

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

	/* Header */
	body {padding-top: 100px;}
	.header { height: auto; padding: 16px 0 24px 0; transform:none !important; will-change:initial;}
	
	.logo, .logo a  { width: 120px; height:60px; }
	.logo { margin: auto; }
	
	
	/* Switch to mobile menu */
	.menu-container {position: fixed; top:100px; left: 0; right: 0; bottom: 0;  background: #FFF; visibility: hidden; max-width: 375px; z-index: 2; -webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1); -webkit-transform: translateX(-100%); transform: translateX(-100%); }
	.menu.primary {overflow: auto; -webkit-overflow-scrolling: touch; padding: 20px;  position: absolute; top:0; left: 0; bottom: 70px; right: 0;}
	.menu {text-align: left; line-height: 44px; }
	.menu li {display: block;}
	.menu > ul > li {padding: 0; }
	
	.menu-open {display: inline-block;}
	.menu-close  {display: none; position: fixed; top:0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); cursor: pointer; visibility: hidden; opacity: 0; z-index: 2; height: 100%; width: 100%; -webkit-transition: opacity 0.3s cubic-bezier(.77,0,.175,1); transition: opacity 0.3s cubic-bezier(.77,0,.175,1); display: block; }
	
	/* Menu : Submenu */
	.has-submenu {height: 44px; overflow: hidden;}
	.has-submenu.open {height: auto;}
	.has-submenu > a:after {content: ' +';}
	.has-submenu.open > a:after {content: ' -';}
	.menu ul ul {    position: static; transform: none; visibility: visible; opacity: 1; text-align: left; padding: 10px 0;}
	
	/* Menu : CTA's */
	.menu.secondary {padding: 10px; position: absolute; left: 0;  bottom: 0; right: 0; top: auto; background: #FFF; }
	.menu.secondary ul { padding: 0 5px; }
	.menu.secondary li {width: 33.333%; float: left; padding: 5px; margin: 0;}
	.menu.secondary li a {width: 100%; text-align: center;}
	.menu.secondary a { padding: 0; font-size: 12px; }
	
	/* Menu : Social */
	.header .layout-social {position: static; margin-top: 20px;} 
	
	/* Menu State */
	.show-menu .menu-container { visibility: visible; -webkit-transform: translateX(0%); transform: translateX(0%);}
	.show-menu .menu-close { opacity: 1; visibility: visible; }
	.show-menu .menu-open {font-size: 0;}
	.show-menu .menu-open:after {content: 'Close'; font-size: 20px;}

	/* Menu : Search */
	.search-open {top:0; bottom: 0;}
	
}

@media only screen and (max-width : 800px) {
	
	/* Layout : Donations */
	.layout-donations { display: block; }
	.donation-images, .donation-amounts  { width: 100%; max-width: 540px; margin-left: auto; margin-right: auto; float: none;}
	.donation-amounts { padding: 0 20px 20px 20px; }
	.donation-amount .button { width: 100%; text-indent: 0; text-align: center; }
	
	/* Layout : Related */
	.layout-related .grid { grid-template-columns: repeat(2, 1fr); }

	/* Layout :Text */
	.fullwidth .layout-text {padding:40px;}

} 


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

	/* Layout : Blocks */
	.block.border {padding: 10px;}
	
	/* Footer */
	.footer-columns { grid-template-columns: repeat(2, 1fr); }
	.footer-columns > .footer-joinus {display: none;}
	.footer-newsletter .footer-joinus {display: block; margin-bottom: 20px;}
	
	/* Row : Backgrounds */
	.fullwidth.has-background {background-image: none !important;}
	

}

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

	/* Typography  - 80% */
	body, .f-16 {font-size: 14px;}
	.f-20 {font-size: 16px;}
	.f-22 {font-size: 17px;}
	.f-26 {font-size: 21px;}
	.f-33, .wysiwyg blockquote, .layout-quote {/* font-size: 26px; */ font-size: 23px;}
	.f-40 {/* font-size: 32px; */ font-size: 23px;}	
	
	/* Knock Grid to 1 column */
	.grid {display: block;} 
	
	/* News : Filters */
	.news-filters {height: auto;}
	.news-filters .filter:last-of-type {border-top:0;}
	
	/* Layout : Breadcrumb */
	.breadcrumb {font-size: 10px;}
	
	/* Layout : Hero */
	.layout-hero {margin-left: -20px; margin-right: -20px; margin-bottom: 20px; }
	.layout-hero .f-33 {font-size: 22px;}
	.layout-hero .desktop { display: none; }
	.layout-hero .mobile { display: block; }
	.fullwidth .layout-hero { margin-left: 0; margin-right: 0; }
	
	/* Layout : Blocks */
	.block {margin-bottom: 20px;}
	
	/* Layout : Text */
	.layout-text { margin-top: 20px; margin-bottom: 20px;}
	.fullwidth .layout-text {padding:20px;}
	
	/* Layout : Accordion */
	.accordion-title span {display: block; }
	
	/* Layout : Buttons */
	.layout-buttons { margin-top: 0; }
	.layout-buttons .button:last-of-type { margin-top:10px; }

	/* Layout : Related */
	.layout-related .grid { grid-template-columns: repeat(2, 1fr); display: grid; }

	
	/* Layout : Donations */
	.donation-buttons button { padding: 0px 6px; margin-right: 2px;}
	.donation-amount .button { margin-bottom: 20px; }
	
	/* Store Locator */
	#wpsl-search-input { width: 100% !important; margin-right: 0; }
	.wpsl-search-btn-wrap { width: 100%; }
	#wpsl-search-wrap .wpsl-input { margin-bottom: 10px; }
	#wpsl-wrap #wpsl-search-btn { width: 100%;  position: static; }
	.wpsl-checkbox-3-columns {margin-top: 10px;}
	
	/*  Store Locator : Inline Post */
	.post-content #wpsl-results { margin: 0 0 0px 0; }
	.post-content #wpsl-results label { float: none; }
	.post-content #wpsl-search-wrap .wpsl-dropdown { float: none; }
	
	/* Page : Fundraise */
	.page-fundraise .main { background: none; }



	/* Footer : Donate */
	.footer-donate .button {width: 100%;}	
	
	/* Footer : Columns */
	.footer-columns {display: block;}
	.footer-columns > div {margin-bottom: 20px;}
	.footer-social-enterprises {text-align: left;}
	.footer-social-enterprises a {margin-left: 0; margin-right: 20px;}
	.footer-newsletter { position: relative;}
	.footer-newsletter input {width: 100%; max-width: none; margin-right: 0;}
	.footer-newsletter .button { width: 120px; padding: 0; position: absolute; bottom: 20px; right: 0; height: 31px;}
	
	/* Footer : Menu */
	.footer-menu { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
	.footer-menu a {float: none; display: block; border: 0; padding: 0; line-height: 2;}
	
	/* Footer : Fundraising Regulator */
	.footer-copyright { padding-right: 0; }
	.footer-funding-regulator { position: static; display: block; margin-bottom: 20px; }
	
}

@media only screen and (max-width : 480px) {
	/* Layout : Related */
	.layout-related .grid { display: block; }
	
	/* Donation Form */
	.ginput_cardextras { display: block; }
}