/*
Theme Name: CCAD GeneratePress Child
Description: Clean Air Day child theme for GeneratePress
Author: Clean Air Day
Template: generatepress
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/
/* Fonts
<-------------------------> */
@font-face {
  font-family: "DK Cool Crayon";
  src: url("css/tempwoff/DKCoolCrayon.woff2") format("woff2"),
       url("css/DKCoolCrayon.woff") format("woff");
}

/* Global
<-------------------------> */
html, body { font-size: 16px; line-height: 1.6; }

/* Full-width block layout pages: strip .inside-article padding so GB sections go edge-to-edge */
body.home .inside-article,
.generate-full-width-content .inside-article {
    padding: 0 !important;
    max-width: none !important;
}
body .blog { margin-bottom: 0 !important; }
body.single-post { font-size: 18px; }
img { max-width: 100%; height: auto;}
iframe, video { display: block!important;}
.text-white { color: #fff;}


/* Buttons */
.pledge-btn a { display: inline-block; background: #00594c !important; font-size: 16px!important; line-height: 1!important; font-weight: 400!important; color: #fff !important; padding: 15px 25px!important; border: 0!important; border-radius: 5px; -webkit-border-radius: 5px;}
.pledge-btn a:hover { background: #00705f!important; text-decoration: none;}
.pledge-btn.btn-lg { padding: 0;}
.pledge-btn.btn-lg a { background: #567EC0 !important; font-size: 24px!important; padding: 24px 50px!important;}
.pledge-btn.btn-lg a:hover { background: #618dd4!important; }
.pledge-btn.btn-lg.btn-dark button { background: #567ebf !important;}
.pledge-btn.btn-lg.btn-dark button:hover { background: #618dd4!important; }


/* Input */
label { font-weight: bold;}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input, /* Catch any input without specific type */
select,
textarea { 
    width: 100% !important; 
    padding: 15px!important; 
    max-height: 88px; 
    font-size: 16px !important; 
    line-height: 1 !important; 
    font-weight: 400 !important; 
    background: #F1F1F1 !important; 
    border: 2px solid #d7d7d7 !important;
    border-radius: 4px !important; 
    -webkit-border-radius: 4px !important; 
    margin: 0 !important;
}

/* More comprehensive focus states - targeting Gravity Forms structure */
input:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
.name_first input:focus,
.name_last input:focus,
.ginput_container input:focus,
select:focus,
textarea:focus {
    border: 2px solid #567EC0;
    outline: none;
    box-shadow: 0 0 0 2px rgba(86, 126, 191, 0.2);
}

select { height: 52px; }
textarea { height: 140px !important; resize: none; max-height: inherit;}
input[type="submit"],
input[type="button"] { background: #567ebf !important; height: auto !important; font-size: 16px!important; padding: 28px 40px!important; line-height: 1!important; font-weight: 500!important; color: #fff !important; border: 0!important; min-width: 292px; border-radius: 4px !important; -webkit-border-radius: 4px !important;}
input[type="submit"]:hover,
input[type="button"]:hover { background: #618dd4!important; }
/* Checkbox & Radio */
input[type=checkbox], input[type=radio] { margin: 0 !important; display: none !important; }
input[type=checkbox] + label, input[type=radio] + label { margin: 0!important; font-weight: 300 !important; padding: 8px 0 8px 40px!important; }
input[type=checkbox] + label::before { text-align: center; content: "" !important; cursor: pointer; font-family: "FontAwesome"!important; width: 25px!important; height: 25px!important; font-size: 0!important; line-height: 19px!important; border: 3px solid #567ebf !important; border-radius: 4px!important; margin-right: 15px!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; position: absolute !important; margin-left: -40px !important; transition: all 0.3s;}
input[type=radio] + label::before { top: 8px; text-align: center; content: "" !important; cursor: pointer; font-family: "FontAwesome"!important; width: 25px!important; height: 25px!important; font-size: 0!important; line-height: 19px!important; border: 3px solid #00594c !important; border-radius: 50%!important; margin-right: 15px!important; -webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; position: absolute !important; margin-left: -40px !important; transition: all 0.3s;}
input[type=checkbox]:checked:not([disabled]) + label::before { font-size: 16px!important; content: "✓" !important; background: #567ebf !important; color: #ffffff !important; border-color: #567ebf !important; }
input[type=radio]:checked:not([disabled]) + label::before { font-size: 16px!important; content: "\f00c" !important; background: #00594c !important; color: #ffffff !important; border-color: #00594c !important; }
input[type=checkbox]:not([disabled]) + label:hover::before { border-color: #567ebf !important; }
iinput[type=radio]:not([disabled]) + label:hover::before { border-color: #00594c !important; }
input[type=checkbox]:checked[disabled] + label, input[type=radio]:checked[disabled] + label { border-color: #d5daea !important; color: #4a4a4a !important; }
input[type=checkbox]:checked[disabled] + label::before, input[type=radio]:checked[disabled] + label::before { font-size: 16px!important; content: "\f00c" !important; color: #97a4af !important; }

/* Text Alignment */
.text-center { text-align: center;}
.text-thin { font-weight: 100 !important;}
.text-light { font-weight: 300 !important;}
.text-regular { font-weight: 400 !important;}
.text-medium { font-weight: 500 !important;}
.text-semibold { font-weight: 600 !important;}
.text-bold { font-weight: 700 !important;}
.list-unstyled { margin: 0; padding: 0; list-style: none;}
.list-unstyled li:before { display: none;}
.list-inline li { display: inline-block; margin-right: 30px; padding-left: 0; padding-right: 0;}
.list-inline li:last-of-type { margin-right: 0;}

/* Typography
<-------------------------> */
b, strong { font-weight: 500;}
h1, h2, h3, h4, h5, h6 { letter-spacing: -0.5px; line-height: 1.2; }
h1 { font-size: 48px;}
h2 { font-size: 28px;}
h3 { font-size: 24px;}
h4 { font-size: 20px;}
h5 { font-size: 18px;}
h6 { font-size: 16px;}

/* Header
<-------------------------> */
#masthead { background-color: #ffffff; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }

/* Single-row layout: logo left, nav right */
#masthead .inside-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 30px !important;
    flex-wrap: nowrap !important;
    max-width: 100% !important;
}

/* Logo sizing */
.site-branding-container { flex-shrink: 0; }
.site-logo img.is-logo-image { max-height: 80px !important; width: auto !important; display: block; }

/* Hide text site title (we have logo image) */
.main-title, .site-description { display: none !important; }

/* Nav flush right */
#site-navigation { margin-left: auto; }

/* Primary nav — GP structure: nav#site-navigation > div#primary-menu.main-nav > ul.menu > li */
#primary-menu .menu > li { padding: 0 !important; margin-left: 12px;}
#primary-menu .menu > li:first-child { margin-left: 0;}
#primary-menu .menu > li > a { font-size: 14px; font-weight: 500; text-transform: inherit !important; border: 0 !important; padding: 10px 2px !important; position: relative; display: inline-block;}
#primary-menu .menu > li > a:hover,
#primary-menu .menu > li.current-menu-item > a { color: #567EC0 !important; border: 0 !important; background: none !important;}
#primary-menu .menu > li > a::after { width: 0; height: 3px; border-radius: 3px; background:#567EC0; content: ""; bottom: 0; left: 0; right: 0; position: absolute; transition: width 0.3s;}
#primary-menu .menu > li > a:hover::after { width: 100%;}
#primary-menu .menu > li.current-menu-item > a::after { width: 100%;}
/* Take the Pledge — last item, styled as button */
#primary-menu .menu > li:last-child > a::after { display: none;}
#primary-menu .menu > li:last-child > a { background: #567ebf !important; color: #fff !important; padding: 10px 15px !important; border-radius: 4px; display: inline-block; line-height: normal;}
#primary-menu .menu > li:last-child > a:hover { background: #618dd4 !important; }
.mobile-menu-slide-wrapper.left.opened > ul > li:last-child > a { width: fit-content; margin-left: 20px; margin-top: 20px; font-size: 20px; }
/* Hide dropdown arrows on parent menu items — dropdowns still open on hover */
#primary-menu .menu > li > a > .dropdown-menu-toggle { display: none; }

.sub-menu { background: white !important; }
.sub-menu a { background-color: white !important; color: #567EC0 !important; }
.sub-menu li { padding: 10px; }
.mobile-menu-slide-wrapper.left.opened { box-shadow: 0 0 5px 2px rgba(0,0,0,.3); }
.donate-now-menu-link a {
    font-weight:bold !important;
    color: #023170 !important;
}

/* Blog Styles
<-------------------------> */
.block-title { margin: .2em 0 !important; color: white; line-height: 1em; opacity: .8; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }
.blog article.type-post, .widget_recent_entries ul { background: white; border-radius: 12px; box-shadow: 2px 2px 4px 3px rgba(0,0,0,.1); margin-top: 20px; overflow: hidden; }
.blog-style-default article .post-image img { width: 100%; }
.full-pattern-bg { background-image: url(https://cleanairday.org/wp-content/uploads/2019/05/tilde-background-blue-bg3.png); background-repeat: repeat; }

.post-date { position: absolute; top: 15px; right: 15px; font-size: 2em; font-weight: 900; text-transform: uppercase; color: white; text-shadow: 1px 1px 6px rgba(0,0,0,.6); letter-spacing: .05em; }
.post-body { padding: 0 20px; }
.post-body .entry-title a { font-size: 1.5em; color: #567ebf !important; font-weight: 600; line-height: 1.5em; }
.post-body .entry-title a:hover { text-decoration: underline; }
.post-footer { text-align: right; }

.post-date-page { font-weight: 900; font-size: 1.25em; color: #ffffff; text-shadow: 4px 4px 10px rgba(0,0,0,1); margin-top: .5em; }

/* Banner
<-------------------------> */
body.home .banner-title { color: #fff; text-shadow: 0 2px 7px rgba(0,0,0,0.5); margin: 0 0 10px; letter-spacing: 2px;}
body.home .banner-desc { font-size: 19px; line-height: 1.5; color: #fff; margin: 0 0 30px; text-shadow: 0 2px 7px rgba(0,0,0,0.5); }
body.home .pledge-date { position: absolute; top: -170px; font-size: 24px; font-weight: 500; color: #fff;}
body.home .pledge-btn.btn-lg { margin: 0;}
.play-btn { width: 60px; height: 60px; position: absolute; top: -100%; border: 1px solid rgba(255,255,255,0.5); background: #618dd4; border-radius: 60px; display: block; left: 50%; transform: translateX(-50%); display: none; cursor: pointer;}
.play-btn .fa { font-size: 20px; line-height: 60px; position: relative; left: 3px; color: #fff; }

/* Main Content
<-------------------------> */
.full-width-pattern { box-shadow: 0 11px 8px -6px rgba(0,0,0,0.3) inset, 0 -11px 8px -6px rgba(0,0,0,.3) inset; }
.full-width-bottom-shadow { box-shadow: 0 -11px 8px -6px rgba(0,0,0,.3) inset; }
.full-width-top-shadow { box-shadow: 0 11px 8px -6px rgba(0,0,0,0.3) inset; }
.full-width-shadow { box-shadow: 0 -11px 8px -6px rgba(0,0,0,.3) inset, 0 11px 8px -6px rgba(0,0,0,0.3) inset; }
/* Resources & Our Goals */
.resource-block h2,
.our-goal h2 { color: #fff; font-size: 40px; margin: 0 0 10px; letter-spacing: -1px;}
.resource-block p { margin-bottom: 20px; font-size: 20px; color: #fff;}

.slider-container { pointer-events: none;}
.slider-container .back-bar { height: 10px; position: relative; }
.slider-container .back-bar .selected-bar { position: absolute; height: 100%; }
.slider-container .back-bar .pointer { position: absolute; width: 10px; height: 10px; background-color: red; cursor: move; opacity: 1; z-index: 2; }
.slider-container .back-bar .pointer-label { position: absolute; top: -60px; right: 0; padding-right: 75px; font-weight: 400 !important; font-size: 16px; background: white; white-space: nowrap; line-height: 1; color: #2B5D4E; }
.slider-container .back-bar .pointer-label::after { position: absolute; right: 0; top: 0; content: "% of Goal"; font-family: inherit; font-weight: 400; font-size: 16px; color: #2B5D4E; }
.range-slider.spanish ~ .slider-container .back-bar .pointer-label {padding-right: 95px;}
.range-slider.spanish ~ .slider-container .back-bar .pointer-label::after {content: "% de la meta";}
.slider-container .back-bar .focused { z-index: 10; }
.slider-container .clickable-dummy { cursor: pointer; position: absolute; width: 100%; height: 100%; z-index: 1; }
.slider-container .scale { top: 0; position: relative; width: 100%; margin: 0 auto; }
.slider-container .scale span { position: absolute; height: 10px; border-left: 1px solid #E4F1FD; font-size: 0; }
.slider-container .scale span:first-child { left: 10% !important; }
.slider-container .scale span:last-child { left: 90% !important; }
.slider-container .scale ins { text-decoration: none; position: absolute; left: 0; top: 20px; line-height: 1; font-size: 16px; color: #2B5D4E; padding-right: 12px;}
.slider-container .scale ins::after { position: absolute; right: -4px; top: 0; content: "M"; font-family: inherit; font-size: 16px; color: #2B5D4E; }
.theme-green .back-bar { height: 10px; border-radius: 10px; background: #dbdbdb; }
.theme-green .back-bar .selected-bar { border-radius: 10px; background: #2B5D4E; }
.theme-green .back-bar .pointer { width: 20px; height: 20px; top: -5px; border-radius: 20px; background: #2B5D4E; cursor: col-resize; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
/*  Sponsors */
.sponsors-carousel-wrap .owl-item { border-right: 1px solid #979797; padding-left: 40px; padding-right: 40px;}
.sponsors-carousel-wrap .owl-item.active:last-child { border-right: 0;}
.sponsors-title h2 { font-size: 16px; color: #9B9B9B; font-weight: normal; letter-spacing: inherit; margin-bottom: 30px;}
.sponsors-carousel .item-image { margin: 30px 0; text-align: center; }
.sponsors-carousel .owl-item img { display: block; width: auto; margin: 0 auto;}
.sponsors-carousel h3 { font-size: 20px; color: #B8BABA; text-align: center; margin: 0 0 10px; }
.sponsor-text { color: #B8BABA; text-align: center;}
.sponsor-text-new { color: #B8BABA; text-align: left;}
.owl-dots { text-align: center; margin: 40px 0;}
.owl-dots button { width: 13px; height: 14px; border: 0; border-radius: 13px; margin:0 5px; background: #d8d8d8 !important; border-radius: 13px; -webkit-border-radius: 13px;}
.owl-dots button:hover,
.owl-dots button.active { background: #9B9B9B !important;}
/* Take an Action */
.take-action p { color: #fff; font-size: 20px;}
@media screen and (min-width: 768px) {.two-columns {-webkit-column-count: 2;-ms-column-count: 2;-moz-column-count: 2;column-count: 2;}.two-columns > div > div {display: inline-block;width: 100%;}}

/* Social Media
<-------------------------> */
.social-item {padding: 0 15px !important; margin-bottom: 2.5em; }
.social-item * {margin:0 !important;}
.social-item .graphic-download { padding: 10px; display: inline-block; color: white; font-weight: bold; border-radius: 4px; transition: .2s; }
.social-item .graphic-download:hover { opacity: .8; }
.social-item .graphic-download.twitter { background-color: #1da1f2; }
.social-item .graphic-download.fb-ig { background-color: #125688; }
.social-item .graphic-download.linkedin { background-color: #0072b1; }
/* About Us
<-------------------------> */
.wireframe-box::before { position: absolute; top: 0; left: -100%; width: 100%;height: 100%; content: ""; background: #F9F9F9; }
.blockquote-text { font-size: 28px; line-height: 1.4; color: #567ebf;}
/* Recent News */
.recent-news-title { margin-bottom: 60px;}
.recent-news-carousel .owl-item { padding-bottom: 10px;}
.recent-news-carousel .item { background: #fff; border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.3);}
.recent-news-carousel .owl-nav { display: block !important}
.recent-news-carousel .owl-nav .owl-prev,
.recent-news-carousel .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; font-size: 80px !important; color: #fff !important; opacity: 0.8;}
.recent-news-carousel .owl-nav .owl-prev:hover,
.recent-news-carousel .owl-nav .owl-next:hover { opacity: 1.0;}
.recent-news-carousel .owl-nav .owl-prev { left: -40px;}
.recent-news-carousel .owl-nav .owl-next { right: -40px;}
.news-text-holder { padding: 20px 20px 60px; position: relative;}
.news-text-holder h3 { font-size: 24px; color: #567ebf; margin: 0 0 5px;}
.news-text-holder h3 a:hover { text-decoration: underline; }
.news-text-holder .more-btn { position: absolute; bottom: 20px;}
.news-text-holder .more-btn a { font-size: 16px; color: #297FCA; text-decoration: none;}
.news-text-holder .more-btn a:hover { color: #567ebf; text-decoration: underline;}
/* Take an Action */
.take-action-default p{ font-size: 20px;}
/* Sponsors */
.sponsors-row { min-height: inherit !important;}

.sponsors-box { background: url(http://cleanairday.org/wp-content/uploads/2018/07/sponsor-bg_1.png) no-repeat center center / cover;}
.sponsors-box p { font-size: 20px; color: #fff;}
.sponsors-box .sponsor-logo { margin-bottom: 50px !important;}
/* Partners */
.partners-img { margin-bottom: 50px !important;}

/* Steering Committee */
.steering-committee p { font-size: 20px; color: #fff;}
.committee-box { margin-top: 60px; }

.committee-box p { font-size: 16px;}
.committee-box strong { font-weight: 500; font-size: 20px;}

/* Results
<-------------------------> */
.result-wrapper { background: url(https://cleanairday.org/wp-content/uploads/2019/05/tilde-background-blue-bg3.png?id=26577) repeat; padding: 60px 0;}

.result-wrapper h2 { font-size: 48px; font-weight: 300 !important; color: #fff; margin: 0 0 30px;}
.result-wrapper h3 { font-size: 38px; font-weight: 300 !important; color: #fff;}
.result-wrapper .facebook-like-btn { margin: 0 0 30px;}
.result-holder { background: #fff;  margin-top: 30px; border: 1px solid #E4F1FD; border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden;}
.result-holder .result-image-holder img { width: 100%;}
.result-holder .result-text-holder { padding: 20px; font-weight: 400;}
.result-holder .result-text-holder h4 { font-size: 20px; margin: 0 0 20px;}
.result-holder .share-fact-btn { text-align: center; margin-top: 20px; font-weight: 400;}

/* Contact Us
<-------------------------> */
#contact-infomation { border-bottom: 1px solid #ccc; margin-bottom: 0;}
#contact-infomation .contact-address,
#contact-infomation .contact-phone,
#contact-infomation .contact-email { font-size: 16px;}
#contact-infomation .contact-address h4,
#contact-infomation .contact-phone h4,
#contact-infomation .contact-email h4 { font-weight: 500; color: #567ebf;}
#contact-infomation .contact-phone a,
#contact-infomation .contact-email a { color: #4a4a4a; text-decoration: none;}
#contact-infomation .contact-phone a:hover,
#contact-infomation .contact-email a:hover { color: #567ebf;}
/* Contact Form  */
#contact-form .gform_wrapper ul li.gfield { margin: 0 0 30px !important; padding: 0 !important; overflow: hidden;}
#contact-form .gform_wrapper ul li.gfield label { font-weight: 300 !important;}
#contact-form .gform_wrapper ul li.name-field { width: 100% !important; max-width: 100% !important; background: none !important; border: 0 !important; padding: 0 !important;}
#contact-form .gform_wrapper ul li.name-field .name_first,
#contact-form .gform_wrapper ul li.name-field .name_last { width: calc(50% - 15px) !important; margin-right: 30px !important; display: block !important; float: left !important; padding: 0 !important;}
#contact-form .gform_wrapper ul li.name-field .name_last { margin-right: 0 !important;}
#contact-form .gform_wrapper ul li.email-field,
#contact-form .gform_wrapper ul li.phone-field { display: inline-block !important; clear: inherit !important; width: calc(50% - 15px) !important; margin-right: 30px !important; background: none !important; border: 0 !important; vertical-align: top; max-width: 100% !important;}
#contact-form .gform_wrapper ul li.phone-field { margin-right: 0 !important;}
#contact-form .gform_footer { text-align: center; }
#contact-form .gform_footer input[type="submit"] { margin: 0 !important;}

/* Footer
<-------------------------> */
.site-footer { padding: 0 !important; background: transparent !important; }
.site-info { display: none !important; } /* hide "Built with GeneratePress" */

.ccad-footer {
    background-color: #023170;
    padding: 40px 30px 0;
}
.ccad-footer-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 24px;
    padding-bottom: 30px;
}
.ccad-footer-logo img { max-height: 80px; width: auto; display: block; }
.ccad-footer-nav { display: flex; gap: 30px; align-items: center; flex-wrap: wrap; }
.ccad-footer-nav a { color: #ffffff; text-decoration: none; font-size: 15px; }
.ccad-footer-nav a:hover { opacity: 0.7; }
.ccad-footer-socials { display: flex; gap: 18px; align-items: center; }
.ccad-footer-socials a { color: #ffffff; font-size: 20px; text-decoration: none; line-height: 1; }
.ccad-footer-socials a:hover { opacity: 0.7; }
.ccad-footer-socials svg { width: 22px; height: 22px; fill: #ffffff; display: block; }
.ccad-footer-copyright {
    border-top: 1px solid rgba(255,255,255,0.3);
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
}
.ccad-footer-copyright p { color: #ffffff; font-size: 14px; margin: 0; }
/* Gravity Form */
body .gform_wrapper form li { clear: none !important;}
body .gform_wrapper ul li.gfield { margin: 0 0 15px !important;}
body .gform_wrapper ul.gform_fields li.gfield { padding: 0 !important;}
body .gform_wrapper .gform_footer { text-align: center;}
body .gfield_required { color: #f00 !important;}
body .gform_wrapper .gfield_checkbox,
body .gform_wrapper .gfield_radio { margin: 0!important;}
body .gform_wrapper .gfield_checkbox li,
body .gform_wrapper .gfield_radio li { padding: 0 !important; margin: 0 !important;}
body .gform_wrapper li.step-question-box .gfield_checkbox li label,
body .gform_wrapper li.step-question-box .gfield_radio li label { color: #4a4a4a !important;}
body .gform_wrapper .gfield_checkbox li label,
body .gform_wrapper .gfield_radio li label { max-width: inherit !important}
body .gform_wrapper .top_label div.ginput_container { margin: 0 !important; max-width: 100% !important; overflow: hidden;}
body .gform_wrapper ul li.gfield label,
body .gform_wrapper .gfield_error .gfield_label, #competition li label {width: auto; margin: 0 0 10px !important; color: #4a4a4a;}
body .gform_wrapper div.validation_error,
body .gform_wrapper .validation_message { color: #f00 !important; border: 0 !important; font-weight: normal !important; margin-top: 10px !important; overflow: hidden;}
body .gform_wrapper .description,
body .gform_wrapper .gfield_description,
body .gform_wrapper .gsection_description,
body .gform_wrapper .instruction { font-size: inherit !important; padding: 0 !important; }
/* Take the Pledge Gravity Form */
body .gform_wrapper .step-question { margin-bottom: 30px !important;}
body .gform_wrapper .step-question,
body .gform_wrapper .step-question > label.gfield_label {  font-size: 36px !important; color: #567ebf !important; font-weight: 300 !important; margin: 0 0 20px !important; display: block;}
body .gform_wrapper .gfield_visibility_hidden { display: none !important;}
body .gform_wrapper .step-question > label.gfield_label:empty { display: none;}

body .gform_wrapper .gform_heading,
body .gf_progressbar_wrapper { display: none !important;}

body .gform_wrapper .pledge-form .gform_body ul.gform_fields li.gfield.gfield_html ul { margin: 0 !important; padding: 0 !important; list-style: none !important;}
body .gform_wrapper .pledge-form .gform_body ul.gform_fields li.gfield.gfield_html ul li {position: relative; padding-bottom: 0 !important; padding-left: 25px !important; margin-bottom: 20px !important; list-style: none !important;}
body .gform_wrapper .pledge-form .gform_body ul.gform_fields li.gfield.gfield_html ul li::before { background: none; font-size: 10px; color:#567ebf; font-family: "FontAwesome"; content: "\f111"; position: absolute; left:2px; top: 3px;}
body .gform_wrapper .pledge-form ul.gform_fields li.gfield.d-block { display: block !important;}
body .gform_wrapper .pledge-form ul.gform_fields li.gfield { padding: 0 !important; margin: 0 0 15px !important; overflow: hidden; line-height: 1.2 !important;}
body .gform_wrapper .pledge-form ul.gform_fields li.gfield.popup_text { margin-bottom: 30px !important;}
body .gform_wrapper .pledge-form ul.gform_fields li.gfield.spacer { margin-bottom: 80px !important}
body .gform_wrapper .pledge-form .gform_page { padding-left: 360px; position: relative;}
body .gform_wrapper .pledge-form .gform_page:last-child { padding: 0 !important;}
body .gform_wrapper .pledge-form .gform_page:last-child .gform_page_footer { margin-left: 0;}
body .gform_wrapper .pledge-form .gform_page .image-left { position: absolute; left: 0; max-width: 300px;}
body .gform_wrapper .pledge-form ul.gform_fields li.step-number { font-size: 24px; color: #567ebf; margin-bottom: 0px !important}
body .gform_wrapper .pledge-form ul.gform_fields li.gfield > label { font-size: 20px;}
body .gform_wrapper .pledge-form .step-question-box { min-height: 220px; }
body .gform_wrapper .pledge-form .gform_page_footer { padding: 0; margin: 0; border: 0; margin-left: -180px;}
body .gform_wrapper .pledge-form .miles-drive-field .gfield_label { font-size: 16px !important; margin-top: 18px !important; float: left; margin-right: 15px !important;}
body .gform_wrapper .pledge-form .miles-drive-field > .ginput_container { float: left; }
body .gform_wrapper .pledge-form .miles-drive-field > .ginput_container ipnput { border:2px solid #567ebf !important; background: none !important;}
body .gform_wrapper .pledge-form input[type="button"],
body .gform_wrapper .pledge-form input[type="submit"] { min-width: 292px; margin-bottom: 0;}
body .gform_wrapper .pledge-form .gform_previous_button { display: none!important}
body .gform_wrapper .pledge-form input[type="button"]:hover,
body .gform_wrapper .pledge-form input[type="submit"]:hover { background: #618dd4!important; }
body .gform_wrapper .pledge-form ul.gform_fields li.car-detail-box{ margin-top: -150px !important; margin-bottom: 68px !important;}

.donate-now-btn { cursor: pointer; min-height: 44px; font-weight: 500; border-radius: 5px; width: 140px; display: flex; background-color: #567EBF; color: #ffffff; justify-content: center; align-items: center; margin-top: 10px; }
.donate-now-btn:hover { opacity: .8; transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -webkit-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; }
li.remove-label > label { display: none !important; }

/* Complete Pledge */
body .complete-pledge { max-width: 800px; margin: 0 auto;}
body .complete-pledge h2 { font-size: 48px; text-align: center; color: #567ebf; font-weight: 300; margin: 0 0 20px !important;}
body .complete-pledge h5 { font-size: 30px; text-align: center; color: #567ebf; font-weight: 300; margin: 0 0 30px !important;}

body .gform_wrapper .pledge-form ul.gform_fields li.name-field label,
body .gform_wrapper .pledge-form ul.gform_fields li.name-field label .gfield_required,
body .gform_wrapper .pledge-form ul.gform_fields span.name_first label,
body .gform_wrapper .pledge-form ul.gform_fields span.name_last label,
body .gform_wrapper .pledge-form ul.gform_fields li.zipcode-field label,
body .gform_wrapper .pledge-form ul.gform_fields li.zipcode-field label .gfield_required,
body .gform_wrapper .pledge-form ul.gform_fields li.email-field label,
body .gform_wrapper .pledge-form ul.gform_fields li.email-field label .gfield_required { display: none!important}
body .gform_wrapper .pledge-form ul.gform_fields li.name-field { width: 100% !important; max-width: 100% !important; background: none !important; border: 0 !important; padding: 0 !important; margin-bottom: 30px !important; overflow: hidden;}
body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important}
body .gform_wrapper .pledge-form ul.gform_fields li.name-field .name_first,
body .gform_wrapper .pledge-form ul.gform_fields li.name-field .name_last { width: calc(50% - 15px) !important; margin-right: 30px !important; display: block !important; float: left !important; padding: 0 !important;}
body .gform_wrapper .pledge-form ul.gform_fields li.name-field .name_last { margin-right: 0 !important;}
body .gform_wrapper .pledge-form ul.gform_fields li.zipcode-field,
body .gform_wrapper .pledge-form ul.gform_fields li.email-field { display: inline-block !important; clear: inherit !important; width: calc(50% - 15px) !important; margin-right: 30px !important; background: none !important; border: 0 !important; vertical-align: top; max-width: 100% !important; margin-bottom: 30px !important; overflow: hidden; }
body .gform_wrapper .pledge-form ul.gform_fields li.email-field { margin-right: 0 !important;}
body .gform_wrapper .pledge-form ul.gform_fields li.zipcode-field .has_zip .address_zip { margin: 0 !important; padding: 0 !important; display: block; width: 100% !important;}
body .gform_wrapper .pledge-form .gform_page_footer { text-align: center; }
body .gform_wrapper .pledge-form .gform_page_footer input:first-child { margin-right: 20px !important;}
body .gform_wrapper .pledge-form .gform_page_footer input:last-child { margin-right: 0 !important;}

/* Gravity Form for Pledge an Organization */
body .organization-form .gform_wrapper ul.gform_fields li.gfield.pull-left { width: calc(50% - 15px) !important; margin-right: 30px !important; display: block !important; padding: 0 !important;}
body .organization-form .gform_wrapper ul.gform_fields li.gfield.pull-left:nth-child(2n) { margin-right: 0 !important;}
body .organization-form .gform_wrapper ul.gform_fields li.gfield:nth-child(7) { clear: both !important;}

.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label,
.gform_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label,
.gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
.gform_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label,
.gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label { font-size: inherit !important;}
body .gform_confirmation_message { border: 2px solid #567ebf; padding: 1em; }
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: #fff !important; margin-bottom: 6px!important; border-top: none !important; border-bottom: none !important; }

.show_popup { font-size: 18px; display: table; margin: 15px 0 !important;}
.show_popup:hover { text-decoration: underline;}
.share-facebook-link { position: relative; padding-right: 15px;}
.share-facebook-link::before { position: absolute; content: "|"; font-size: 14px; display: block; right: 5px; top: -2px;color: #4a4a4a;}

/* Comment Form  */
.comments-area { display: none;}

/* Modal */
.modal .modal-header { padding: 20px;}
.modal .modal-body { padding: 20px;}
.modal .modal-body p:last-child { margin-bottom: 0;}

.modal .modal-title { font-size: 24px; color: #567ebf; font-weight: 400;}
.modal button[type="button"] { background: #567ebf; height: auto; font-size: 16px; padding: 15px 30px; line-height: 1; font-weight: 500; color: #fff; border: 0; border-radius: 4px; -webkit-border-radius: 4px;}
.modal button[type="button"]:hover{ background: #618dd4; }
.modal .close { border: 1px solid #fff!important; width: 40px!important; height: 40px !important; line-height: 40px !important; border-radius: 40px!important; padding: 0!important; opacity: 1!important; right: -10px; top: -10px; position: absolute; }


/* CUSTOM */

.point-callout {color:#fff;margin-bottom:28px;}

/* Loading Slider */
#loading-wheel-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    transition: .1s all;
}

#loading-wheel-container.invis {
    opacity: 0;
}

.loading-wheel-box {
    background: rgba(0, 89, 76, .9);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2em;
    border-radius: 1em;
}

.admin-csv-section {
    display: flex; 
    flex-direction: row; 
    align-items: center;
    justify-content: space-between;
    max-width: 70%;
    margin: auto;

}
.csv-download-btn {
    border-radius: 3px;
    background-color: #567eb4;
    color: white;
    padding: 10px 20px;
    text-transform: uppercase;
    margin: 10px 20px;
    width:100%;
    text-align: center;
    font-size: 13px;
}
.csv-download-btn:hover {
    color: white;
    opacity: 0.8;
}
.responsive-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.event-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

.event-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: auto;
    max-width: 700px;
    padding-bottom: 60px;
  }

  .event-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 3rem 3rem;;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: transform 0.2s, box-shadow 0.2s;
  }

  .event-row:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  }

  .event-date {
    text-align: center;
    min-width: 60px;
    font-weight: bold;
    color: #567EBF;
  }

  .event-date .month {
    font-size: 1rem;
    text-transform: uppercase;
    display: block;
  }

  .event-date .day {
    font-size: 1.5rem;
    line-height: 1;
  }

  .event-info {
    flex: 1;
    margin: 0 1rem;
  }

  .event-title {
    margin: 0;
    font-size: 1.7rem;
    color: #222;
  }

  .event-location {
    margin: 0.25rem 0 0;
    font-size: 1.1rem;
    color: #666;
  }

  #eventLink {
    color: white;
    background-color: #567EBF;
    padding: 7px 14px;
    border-radius: 12px;
  }
  #eventLink:hover {
    cursor: pointer;
    transition: ease-in-out 0.2s;
    opacity: 0.8;
  }

  .event-link .event-button {
    background: #567EBF;
    color: white;
    padding: 0.6rem 1rem;
    border: 1px solid #80808054;
    border-radius: 6px;
    text-decoration: none;
    font-size: 1.1rem;
    transition: background 0.2s;
  }

  .event-link .event-button:hover {
    opacity: 0.8;
  }

.modal-events-overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 100vh;
      background: rgba(0,0,0,0.3);
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 1rem;
      z-index: 9999;
      overflow-y:auto;

      .modal-events-content {
        background: white;
        top: 60px;
        padding: 2rem;
        border-radius: 8px;
        max-width: 500px;
        max-height: 80vh;
        overflow-y: auto;
        width: 100%;
        box-shadow: 0 0 20px rgba(0,0,0,0.3);
        position: relative;
    }
}



.close-modal-events {
    position: sticky;
    float: right;
    background-color: white;
    top: 10px;
    right: 0px;
    font-size: 3rem;
    cursor: pointer;
    padding: 6px;
}

  @media (max-width: 600px) {
    .event-list {
        width: 95%;
    }
    .event-row {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.5rem;
    }

    .event-link {
      align-self: stretch;
    }

    .event-link .event-button {
      width: 100%;
      text-align: center;
    }
  }


  /* EVENTS TEMPLATE STYLES */
  .leaflet-popup-content-wrapper {
    max-width: 75%;
}

.leaflet-popup-content {
    max-width: 85%;
}

.leaflet-popup-content h4 {
    font-weight: bold;
    color: #567ebf;
    margin: 0;
    margin-bottom: .25em;
}

.leaflet-popup-content .event-header > p, .ui-accordion-content .event-header > p {
    margin: 0;
}

/* Event Filters Styling */
.event-filters-container {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
  float:left;
}

.event-filters {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  max-width: 400px;
  width: 100%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.event-filters .filter-title {
  text-align: center;
  margin: 0 0 1.5rem 0;
  color: #567EBF;
  font-weight: 600;
  font-size: 2rem;
}

.event-filters .filter-group {
  margin-bottom: 1.5rem;
}

.event-filters .filter-group:last-of-type {
  margin-bottom: 0;
}

.event-filters label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #333;
  font-size: 1rem;
}

.event-filters select {
  width: 100% !important;
  padding: 0.75rem !important;
  border: 1px solid #ddd !important;
  border-radius: 6px !important;
  font-size: 1rem !important;
  background-color: white !important;
  transition: border-color 0.2s ease;
}

.event-filters select:focus {
  border-color: #567EBF !important;
  outline: none;
  box-shadow: 0 0 0 2px rgba(86, 126, 191, 0.2);
}

/* Custom Checkbox Styling */
.checkbox-group {
  margin-bottom: 1.5rem;
}

.checkbox-label {
  display: flex !important;
  align-items: center;
  cursor: pointer;
  font-weight: 500 !important;
  color: #333;
  margin-bottom: 0 !important;
  padding: 0 !important;
  position: relative;
}

.checkbox-label input[type="checkbox"] {
  display: none !important;
}

.checkbox-label .checkmark {
  width: 20px;
  height: 20px;
  border: 2px solid #567EBF;
  border-radius: 4px;
  margin-right: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.checkbox-label input[type="checkbox"]:checked + .checkmark {
  background-color: #567EBF;
  border-color: #567EBF;
}

.checkbox-label input[type="checkbox"]:checked + .checkmark::after {
  content: '✓';
  color: white;
  font-size: 14px;
  font-weight: bold;
}

.checkbox-label:hover .checkmark {
  border-color: #618dd4;
}

/* Filter Actions */
.filter-actions {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.clear-btn {
  background: #6c757d !important;
  color: white !important;
  border: none !important;
  padding: 0.5rem 1rem !important;
  border-radius: 6px !important;
  cursor: pointer;
  font-size: 1.2rem !important;
  transition: background-color 0.2s ease;
  min-width: auto !important;
}

.clear-btn:hover {
  background: #5a6268 !important;
}

/* Event Header */
.event-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.event-list-title {
  margin: 0 !important;
  color: #567EBF;
  font-size: 2rem;
}

.event-count {
  color: #666;
  font-size: 1rem;
  font-weight: 500;
}

/* Mobile Responsive */
@media (max-width: 767px) {
  .event-filters {
      margin: 0 1rem;
      max-width: none;
  }
  .event-filters-container {
      flex-direction: column;
      align-items: center;
      float:unset;
  }
  
  .event-header {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.5rem;
      margin: 0 1rem 2rem 1rem;
  }
  
  .event-list-title {
      font-size: 1.5rem;
  }
  
  .event-count {
      font-size: 0.9rem;
  }
}

/* Override existing checkbox styles for event filters */
.event-filters input[type="checkbox"] + label::before {
  display: none !important;
}

.event-filters .checkbox-label::before {
  display: none !important;
}


/* ========================================
   CONVERSATIONAL FORM IMAGES
======================================== */

/* Container for the conversational form with images */
.gform_wrapper.gf_conversational_form {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

/* Image container - positioned beside the form */
.gform_wrapper.gf_conversational_form::before {
  content: "";
  width: 300px;
  height: 200px;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Step-specific images - replace these URLs with your actual images */
.gform_wrapper.gf_conversational_form[data-current-page="1"]::before {
  background-image: url('path-to-your-step1-image.jpg');
}

.gform_wrapper.gf_conversational_form[data-current-page="2"]::before {
  background-image: url('path-to-your-step2-image.jpg');
}

.gform_wrapper.gf_conversational_form[data-current-page="3"]::before {
  background-image: url('path-to-your-step3-image.jpg');
}

/* Add more steps as needed */
.gform_wrapper.gf_conversational_form[data-current-page="4"]::before {
  background-image: url('path-to-your-step4-image.jpg');
}

/* Form content area */
.gform_wrapper.gf_conversational_form .gform_body {
  flex: 1;
  min-width: 0; /* Allows flex item to shrink */
}

/* Mobile responsive */
@media (max-width: 767px) {
  .gform_wrapper.gf_conversational_form {
    flex-direction: column;
    gap: 20px;
  }
  
  .gform_wrapper.gf_conversational_form::before {
    width: 100%;
    height: 150px;
    order: -1; /* Show image above form on mobile */
  }
}

/* If the above selectors don't work, try these alternative selectors */
.gform_wrapper .gf_progressbar_wrapper[data-step="1"] ~ .gform_body::before,
.gform_wrapper .gform_page[data-page="1"]::before {
  content: "";
  display: block;
  width: 100%;
  height: 200px;
  background: url('path-to-your-step1-image.jpg') center/cover;
  border-radius: 8px;
  margin-bottom: 20px;
}

/* Alternative: Target by form page classes if Gravity Forms adds them */
.gform_wrapper .gform_page_1::before {
  content: "";
  display: block;
  width: 100%;
  height: 200px;
  background: url('path-to-your-step1-image.jpg') center/cover;
  border-radius: 8px;
  margin-bottom: 20px;
}

.gform_wrapper .gform_page_2::before {
  background-image: url('path-to-your-step2-image.jpg');
}

.gform_wrapper .gform_page_3::before {
  background-image: url('path-to-your-step3-image.jpg');
}

  /* MEDIA QUERIES */



/* For iPad Landscape */
@media (max-width: 1199px) {
  .pledge-btn.btn-lg a { font-size: 18px!important; padding: 20px 40px!important; }
  #primary-navigation { padding: 10px 0; width: 100% !important}
  body.home .banner-title { letter-spacing: inherit;}
  .resource-block, .our-goal { margin: 0 !important;}
  .resource-block h2, .our-goal h2 { font-size: 32px;}
  .resource-block p { font-size: 16px;}
  .sponsors-carousel-wrap .owl-item { border: 0;}
  /*  Inner Pages */
  .section-heading { font-size: 36px !important;}
  .section-sub-heading { font-size: 24px !important;}
  .recent-news-title { margin-bottom: 40px;}
  .result-wrapper,
  .steering-committee { padding-top: 40px !important; padding-bottom: 40px !important;}
  .wireframe-box .box-heading { font-size: 32px !important}
  .news-text-holder h3 { font-size: 20px;}
  .partners-img { margin-bottom: 30px !important;}
  .sponsors-box p,
  .committee-box strong,
  .take-action p { font-size: 18px;}
  body .gform_wrapper .pledge-form ul.gform_fields li.gfield.spacer { margin-bottom: 50px !important}
  body .gform_wrapper .pledge-form .step-question-box { min-height: 180px;}
  body .gform_wrapper .pledge-form .gform_page .image-left { max-width: 230px;}
  body .gform_wrapper .pledge-form .gform_page { padding-left: 260px;}
  body .gform_wrapper .pledge-form ul.gform_fields li.step-number { font-size: 20px!important;}
  body .gform_wrapper .step-question,
  body .gform_wrapper .step-question > label.gfield_label { font-size: 32px!important;}
  .result-wrapper h3,
  body .complete-pledge h2  { font-size: 30px;}
  body .complete-pledge h5 { font-size: 24px;}
  body .gform_confirmation_message { font-size: 30px;}
}
/* For iPad Potrait */
@media (max-width: 991px) {
  .section-sub-heading { font-size: 20px !important;}
  #primary-navigation.responsive #primary-menu > li > a { padding: 10px 20px !important; font-size: 24px !important; background: #fff!important; color: #567ebf !important;}
  .google-form-title { font-size: 30px !important; margin-bottom: 15px !important;}
  .resource-block h2, .our-goal h2 { font-size: 28px;}
  .section-heading { font-size: 32px;}
  .steering-committee p { font-size: 18px;}
  .committee-box { margin-top: 30px !important; }
  .wireframe-box .box-heading { font-size: 24px !important}
  .blockquote-text { font-size: 20px; line-height: inherit;}
  .range-slider-holder h4 { font-size: 18px !important}
  .slider-container .back-bar .pointer-label { top: -30px; }
  .recent-news-carousel { padding-left: 20px; padding-right: 20px;}
  .recent-news-carousel .owl-nav .owl-prev { left: -10px;}
  .recent-news-carousel .owl-nav .owl-next { right: -10px;}
  .take-action-default p { font-size: 16px;}
  .sponsor-logo { margin-bottom: 20px !important;}
  .sponsors-box p { font-size: 16px; }
  .footer-site-info { font-size: inherit;}
  body .gform_wrapper .pledge-form ul.gform_fields li.step-number { font-size: 16px!important;}
  body .gform_wrapper .step-question,
  body .gform_wrapper .step-question > label.gfield_label { font-size: 28px !important;}
  .result-wrapper h3,
  body .complete-pledge h2  { font-size: 24px;}
  body .gform_confirmation_message { font-size: 24px;}
  body .complete-pledge h5 { font-size: 18px;}
  .result-holder .result-text-holder h4{ font-size: 18px;}
}
/* For iPhone Landscape */
@media (max-width: 767px) {
  .show_popup  { font-size: 16px;}
  .google-form-title { font-size: 24px !important;}
  body .gform_wrapper ul li.gfield label,
  input[type="text"], input[type="email"], input[type="tel"], input[type="search"], select, textarea { padding: 13px 15px !important; }
  select { height: 46px;}
  input[type="submit"],
  input[type="button"] { padding: 20px!important; min-width: 200px;}
  body.home .banner-desc { font-size: 16px;}
  .resource-kit-btn { margin-right: 10px;}
  .hidden-md { display: none !important;}
  .pledge-btn.btn-lg a { font-size: 16px!important; padding: 15px 30px!important; }
  .resource-block h2, .our-goal h2 { letter-spacing: 0;}
  .resource-block { margin-bottom: 30px !important;}
  .resource-block h2, .our-goal h2 { font-size: 24px;}
  .resource-block p { font-size: inherit; font-weight: 400;}
  .range-slider-holder h4 { font-size: 18px !important}
  .slider-container .back-bar .pointer-label,
  .slider-container .back-bar .pointer-label::after,
  .slider-container .scale ins,
  .slider-container .scale ins::after{ font-size: 14px;}
  .sponsors-carousel-wrap .owl-item { padding-left: 0; padding-right: 0;}
  /* Inner Pages */
  .section-heading { font-size: 30px !important;}
  .recent-news-title { margin-bottom: 30px;}
  .result-wrapper,
  .steering-committee { padding-top: 30px !important; padding-bottom: 30px !important;}
  .steering-committee p { font-size: 16px;}
  .wireframe-box { margin-bottom: 30px;}
  .sponsors-box p,
  .committee-box strong,
  .take-action p { font-size: 16px;}
  #contact-form .gform_wrapper ul li.gfield { margin-bottom: 15px !important;}
  body .gform_wrapper .pledge-form ul.gform_fields li.gfield { margin-bottom: 20px !important;}
  body .gform_wrapper .pledge-form .gform_page_footer { margin-left: 0;}
  body .gform_wrapper .pledge-form .step-question-box { min-height: inherit !important;}
  body .gform_wrapper .pledge-form ul.gform_fields li.step-number { font-size: 14px!important;}
  body .gform_wrapper .step-question,
  body .gform_wrapper .step-question > label.gfield_label { font-size: 20px!important;}
  body .gform_wrapper .pledge-form .gform_page .image-left {  display: none;}
  body .gform_wrapper .pledge-form .gform_page { padding-left: 0; min-height: inherit !important;}
  body .gform_wrapper .pledge-form input[type="button"],
body .gform_wrapper .pledge-form input[type="submit"] { min-width: 240px;}
body .gform_wrapper .pledge-form ul.gform_fields li.car-detail-box { margin-top: 0 !important;}
}

/* For iPhone Potrait */
@media (max-width: 576px) {
  .site-title .site-logo { margin: 0;}
  body.home .banner-desc { font-size: 14px;}
  body .organization-form .gform_wrapper ul.gform_fields li.gfield.pull-left,
  body .gform_wrapper .pledge-form ul.gform_fields li.zipcode-field,
  body .gform_wrapper .pledge-form ul.gform_fields li.email-field,
  #contact-form .gform_wrapper ul li.email-field, #contact-form .gform_wrapper ul li.phone-field { width: 100% !important; margin-right: 0 !important; margin-bottom: 15px !important;}
  body .gform_wrapper .pledge-form ul.gform_fields li.name-field { margin-bottom: 15px !important;}
  .share-fact-btn a { display: block; margin-bottom: 10px;}
  .share-facebook-link { padding-right: 0;}
  .share-facebook-link::before { display: none;}
  .admin-csv-section { flex-direction: column; max-width: 100%;}
  .csv-download-btn { width: 90%; }
  /* .play-btn { display: block;} */
}