/*
// Theme Name: ICNA
// Theme URI: https://www.icnacsj.org/
// Author: Boca Pro
// Author URI: http://www.bocapro.com/
// Description: This is a custom theme designed by Boca Pro for ICNA.
// Version: 1.0.0
// Template: pro
*/



/* =============================================================================
// STYLE.CSS
// -----------------------------------------------------------------------------
// Main CSS File.
// ========================================================================== */


/* =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   - General Styles
//   - Header
//   - Body
//   - Footer
//   - Plugins
//   - Responsive Styles
// ========================================================================== */

/* Homepage Styles
// ========================================================================== */

.home { background:url(/wp-content/uploads/2019/11/bg.png);background-repeat:no-repeat;background-size:100%;}
.home .x-navbar-wrap { background:#fff;width:100%;}
.home .x-navbar .desktop .x-nav > li > a, .home .x-navbar .desktop .x-nav > li > a:hover { color:#222;letter-spacing:0.85px;}
.home .banner-wrap, .home .banner-wrap  .x-container, .banner-wrap, .banner-wrap .x-container{min-height:620px;height:auto;  position: relative;}
.home .volunteer-inner { background:rgba(255, 255, 255, 0.8);padding:20px 30px;}
.home .volunteer-inner .p-lead { font-size:24px; line-height:1.2;color:#000;font-weight:600;font-style:italic;margin-bottom:20px;}
.home .volunteer-inner .p-desc { color:#000;margin:20px 0; }
.home .volunteer-inner .btn-volunteer { font-size:13px; font-family:"lato", sans-serif;text-transform:uppercase;background:#000; padding:15px;font-weight:300;}
.home .volunteer-inner .btn-volunteer:hover { background:#f0b942; border:1px solid #f0b942;color:#000;}
.home .col-vol-explore-wrap .explore-inner { margin-bottom: 35px; text-align: right;}
.home .col-vol-explore-wrap .explore-btn { background:#517a3a; color:#fff;display:block;padding:15px 30px;font-family:"lato", sans-serif; font-size:18px;width:70%;}
.home .col-vol-explore-wrap .explore-btn i { margin-left:5px;font-size:16px;}
.home .col-vol-explore-wrap .explore-btn:hover { background:#f0b942;}
.home .x-navbar-inner .explore-inner { display:none;} 
.home .x-menu-item-search i { margin-left:5px; color:#edb843;font-size:18px; }
body .x-navbar .desktop .x-nav > li > a.x-btn-navbar-search:hover:hover { box-shadow:none!important;border:0!important;}

.banner-inner-content { max-width:720px;width:100%;margin: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);transform: translateY(-50%); }
.banner-inner-content .h-custom-headline.h4, 
.banner-inner-content .excerpt, 
.banner-inner-content .cat-n { color:#fff;margin:0;}
.banner-inner-content .cat-n { font-size:24px; font-family:"Lato", sans-serif; text-transform:uppercase;}
.banner-inner-content .h-custom-headline.h4 { font-size:35px;}
.banner-inner-content .excerpt { font-size:16px;margin-top:10px;}
.banner-inner-content .read-more, .banner-inner-content .read-more:hover { color:#fff; padding-top: 0;}
.banner-inner-content i { margin-top:20px;}
.home .col-vol-explore-wrap  { position:absolute; position: absolute; top: 50%; -moz-transform: translateY(-50%); transform: translateY(-50%); right:0;max-width:333px;}
.banner-inner-content .cat-n span { background:#fff;color:#000;font-size:18px;font-weight:900;box-shadow: 0px 5px 0 5px #fff;padding-top:2px;margin-bottom:5px;}
.banner-inner-content .h-custom-headline.h3 {font-size: 480%;line-height: 1.4;margin-bottom: 2px;font-family: prenton-condensed, sans-serif;font-weight: 900;font-style: normal;}
.banner-inner-content a.title-link {color:#000 !important;line-height: 1.4;background: #fff;box-shadow: 5px 0 0 #fff, -5px 0 0 #fff;padding: 5px 0;}
.banner-inner-content .excerpt span {background:#000;line-height:2;font-size:20px;font-weight:600; box-shadow: 0px 0px 0 5px #000;}

/* General Styles
// ========================================================================== */
body, html, p, a, .x-custom-headline, .h-widget { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important;}
p { margin: 0 0 1.15em; }
a.title-link { color:#fff!important}
.marginless-p > p:last-of-type { margin-bottom: 0; }
.marginless-ul > ul:last-of-type { margin-bottom: 0; }
.marginless-ol > ol:last-of-type { margin-bottom: 0; }
.styled-list { list-style: none; }
.styled-list li:before { content: '\f00c'; font-family: 'fontawesome'; color: #222; font-weight: bold; display: inline-block; width: 1.5em; }
.styled-list li ul li:before { content: '\f101'; }
.styled-list li ul li ul li:before { content: '\f105'; }

/* Buttons */
.x-btn, .x-btn.x-btn-mini, .x-btn.x-btn-small, .x-btn.x-btn-regular, .x-btn.x-btn-large, .x-btn.x-btn-x-large, .x-btn.x-btn-jumbo, .button, [type="submit"] { text-shadow: none !important; padding: 0.5em 2em; }
a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus { outline: none !important; }
.btn-ssb { color:#517a3a;text-transform:none!important; font-weight:600;border:0;}
.btn-ssb:hover { color:#000;}

/* Forms */
form { margin: 0; }
form .required { color: #f00; font-weight: bold; }
.wpcf7-not-valid-tip { color: #f00; font-weight: bold; }
.wpcf7 .screen-reader-response { display: none; }
.wpcf7-form { max-width:720px;margin-top:0;padding:20px;margin: auto;width:100%;display:block;}
.wpcf7-form br {display:none;}
.wpcf7-form label{ float:left;width:40%; margin-right:4%;margin-top:0;vertical-align:top;}
.wpcf7-form label:last-of-type { float:none;width:100%;display:block;}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="number"] { background:#ededed;}

/* Global - Others 
.x-nav .x-menu-item-search { display:none;}*/
.h-custom-headline.grey-txt { color:#adadad;text-transform:uppercase;}
.read-more { color:#517a3a;font-size:16px;padding-top:15px;display:block;font-weight:700!important;}
.news-wrap .read-more{ color:#f0b942!important ;}
.read-more:hover { color:#f0b942;}
.top-banner{ 
 background-image:url("/wp-content/uploads/2019/12/pages-banner-img.jpg");
 background-size:auto;
 background-repeat:repeat;
 background-position:center;
 padding:20px 0;
}

ul.check { list-style:none;margin:0 0 2em;}
ul.check li { margin-bottom:5px;}
ul.check li:before{ content:"\f00c";font-family:FontAwesome;margin-right:10px; color:#f0b942;}

.page-template-default .h-landmark, .page-template-default .h-landmark.entry-title { color:#222;}

.single .entry-featured{display:none;}
.x-navbar-inner { background:#fff!important;}



/* Header
// ========================================================================== */

/* Navbar */
header .x-navbar-wrap {border-top:5px solid #517a3a; }
.x-navbar { border-bottom:0;}
.x-navbar-inner {padding-left:50px;padding-right:50px}

.x-navbar .desktop .x-nav > li:first-child > a { border-left: none; }
.x-navbar .desktop .x-nav > li > a { border-right: none;font-family:Helvetica,Arial,sans-serif!important; }
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a { box-shadow: 0 5px 0px 0px inset #f0b942 !important; color:#fff!important;background:#f0b942;}
.x-navbar .desktop .x-nav > li.x-btn-navbar-search > a{ font-size:16px;padding-top:30.5px;padding-left:2px!important;padding-right:20px!important;}
.x-navbar .desktop .x-nav > li.x-btn-navbar-search > a:hover { background:transparent;color:#f0b942!important;box-shadow:none!important;}
.x-navbar .desktop .x-nav > .x-menu-item-search > a { background:transparent!important;}
.x-navbar .desktop .x-nav > li > a > span:after { content: "\f107"; }
.x-navbar .desktop .x-nav > li > .sub-menu > li > a > span:after { content: "\f105"; }
.masthead-inline .x-navbar .desktop .sub-menu { left: 0; right: auto; top: 75px !important; }
.masthead-inline .x-navbar .desktop .sub-menu .sub-menu { right: initial; left: 100%; top: -1.025em !important; }
.x-btn-navbar.collapsed, .x-btn-navbar, .x-btn-navbar.collapsed:hover, .x-btn-navbar:hover { color: #222; }
.x-navbar .desktop .x-nav > li.donate-btn { margin-top:10px;}
.x-navbar .desktop .x-nav > li.donate-btn a { padding:0!important; margin-top: 10px;}
.x-navbar .desktop .x-nav > li.donate-btn a span { text-transform:uppercase;padding:10px 15px;background:#517a3a;color:#fff; font-size:13px;font-weight:900;}
.x-navbar .desktop .x-nav > li.donate-btn > a:hover{box-shadow:none!important;}
.x-navbar .desktop .x-nav > li.donate-btn > a:hover span{ background:#000; color:#fff;}

.x-navbar .x-nav-wrap .x-nav > li > a, .x-navbar .sub-menu > li > a span {font-family:Helvetica,Arial,sans-serif!important;text-transform:capitalize!important;font-size:16px!important;font-weight: 600;color:#222!important;}
.x-navbar iframe {margin-top:10px;}
.x-navbar .sub-menu > li > a span { color:#fff!important;}
 
/* Fixed top */
.x-navbar-fixed-top { background:#fff!important;height: 75.5px;}
.x-navbar.x-navbar-fixed-top  .desktop .x-nav > li > a { color:#222;}
.x-navbar.x-navbar-fixed-top  .desktop .x-nav > li > a:hover { color:#517a3a;}
.x-navbar-fixed-top .x-brand { width:10%;}
.x-navbar-fixed-top .x-brand img { width:auto;}

/* Topbar */
.x-naavbar-inner { box-shadow: 0 1px 5px 0 #d9d9d9;}
.x-navbar-inner .explore-inner { text-align:right;}
.x-navbar-inner .explore-inner a { display:inline-block;}
.x-navbar-inner .explore-btn { background:#517a3a; display:inline-block;color:#fff; padding:5px 15px;font-family:"lato", sans-serif; font-size:14px;}
.x-navbar-inner .explore-btn i { margin-left:5px;font-size:16px;}
.x-navbar-inner .explore-btn:hover { background:#f0b942;}
.x-navbar-inner .explore-inner .x-btn-navbar-search {padding:0; color:#517a3a;font-size:18px; }

/* Sub Menu */
.home .masthead-inline .x-navbar .desktop .sub-menu { top:80px!important; }
.masthead-inline .x-navbar .desktop .sub-menu { background:#272727 !important;top:70px !Important;box-shadow:none;margin:0;padding:0;}
.x-navbar .desktop .sub-menu > li { padding:0;margin:0;}
.x-navbar .desktop .sub-menu > li > a {color:#fff;font-family: 'Montserrat', sans-serif;padding:10px 10px;border:0;text-transform:uppercase;}
.x-navbar .desktop .sub-menu > li > a:hover { background:#f0b942; }

/* Latest post Mobile */
.latest-wrap.mobile {list-style:none;margin:0; }
.latest-wrap.mobile .latest-inner{ margin-bottom:30px;}
.latest-wrap.mobile .latest-inner p{margin:0;}
.latest-wrap.mobile .latest-inner p a { font-size:120%;line-height:1.5;font-weight:900;}
.latest-wrap.mobile .latest-inner p a:hover { color:#517a3a;}
.latest-wrap.mobile .latest-inner .date { font-size:16px;margin-top:5px;}
.latest-wrap.mobile .latest-inner p a{ position: relative;}

/* Body
// ========================================================================== */

/* Latest - Post */
.news-wrap .x-title a { font-size:24px; color:#fff;line-height:1.3;text-transform:none;}
.news-wrap .x-excerpt-content { color:#fff;}

/*  Subscribe 
.subscribe-wrap { 
   background-image:url("/wp-content/uploads/2020/01/icna-footer-bg.jpg");
   background-size:cover;
   background-position:center;
   text-align:center;
   padding: 60px 0;
   min-height: 320px;

}

.subscribe-wrap .h-widget {font-size:20px;text-transform:uppercase;color:#000;letter-spacing:1px;}
.subscribe-wrap p { color:#000; font-size:18px; }
.subscribe-wrap .mc4wp-form-fields { max-width:820px;width:100%;display:block;margin:auto;}
.subscribe-wrap .wpcf7-form br{ display:none;}
.subscribe-wrap .mc4wp-form-fields input {min-height:45px;height:100%;border-radius:3px;}
.subscribe-wrap .mc4wp-form-fields input[type="text"], .subscribe-wrap .mc4wp-form-fields input[type="email"]{background:rgba(255, 255, 255, 0.7);} 
.subscribe-wrap .mc4wp-form-fields [type="submit"]{max-width:14%;font-size:14px;margin: 0 0 0 5px;text-transform:uppercase;background:#f0b942;border:1px solid #f0b942;color:#000;font-weight:900;width:100%;text-align:center;padding:0;vertical-align: top;} 

.subscribe-wrap .mc4wp-form-fields ::placeholder { font-size:16px;color:#c4c4c4;font-style:italic;}
*/
/* Subscribe */
.subscribe-wrap {background:#f9f9f9;    padding-top: 40px;}
.subscribe-wrap .x-container {background:#f9f9f9;padding:0 0 40px 0;}
.subscribe-wrap .x-container .subs-inner { display:table;width: 100%;}
.subscribe-wrap .x-container .x-column {border-left:1px solid #cacaca;display:table-cell;float:none;padding: 0px 40px; vertical-align: top;}
.subscribe-wrap .x-container .x-column:first-child {border:0;width: 56%;padding: 0;vertical-align: middle;}
.subscribe-wrap .x-container .x-column:last-of-type {padding-right:0;}
.subscribe-wrap .x-container .mc4wp-form { margin-top:20px;}
.subscribe-wrap .x-container .mc4wp-form label { color:#000;font-weight:900;font-size:11px;}
.subscribe-wrap .x-container .mc4wp-form input{max-width:170px;width:100%; }
.subscribe-wrap .x-container .mc4wp-form ::placeholder{ color:#000!important;font-weight:700;font-size:12px;}
.subscribe-wrap .x-container .mc4wp-form input[type="submit"]{ border:0;color:#000;width:20%;height:45px;font-weight:900;text-transform:uppercase;margin-top:-10px;text-align:center;padding:0;background:#f0b942;}
.subscribe-wrap .x-container .mc4wp-form input[type="submit"]:hover {background:#000;color:#227d1b;}
.subscribe-wrap .x-container .x-column .social-links a{ color:#000; text-decoration:none;font-size:28px;margin-left:20px;line-height:28px;transition:ease all 500ms;-webkit-transition:ease all 500ms;-moz-transition:ease all 500ms;}
.subscribe-wrap .x-container .x-column .social-links a:first-child {margin-left:0;}
.subscribe-wrap .x-container .x-column .social-links a:hover { color:#227d1b;transition:ease all 500ms;-webkit-transition:ease all 500ms;-moz-transition:ease all 500ms;}

.subscribe-wrap .sub-h-title{margin-top:0!important;text-size-adjust: 100%;letter-spacing: normal;font-size: 38px;text-transform:uppercase;font-family: prenton-condensed, sans-serif;font-weight: 900;font-style: normal;}
.subscribe-wrap .sub-h-title span span { color:#227d1b;}
.subscribe-wrap .h-custom-headline {text-transform:Capitalize;margin-top: 0!important;}
.subscribe-wrap .sub-h-title:after{content: ""; width: 70px;background: #f0b942;height: 8px;display: block; margin-top: 10px;}

/* Donation */
.donation-section { padding: 10px 0!important; background: #f0b942!important;}
.donation-product { margin-top:35px!important;}
.donation-product .x-column { margin:0;}
.donation-product ul { list-style:none;margin:0;padding:0;} 
.donation-product ul > li.dlist { display:inline-block; margin-right:2px;max-width:70px;width:100%;vertical-align:bottom;}
.donation-product ul > li.dlist:last-of-type { margin-right:0;}
.donation-product ul > li.dlist input[type="button"], .donation-product ul > li.dlist input[type="number"] {border:0;border-radius:3px;width:100%;height:40px;line-height:40px;padding:0;text-align:center;}
.donation-product ul > li.dlist input[type="button"].active {  background:#517a3a; color:#fff; }
.donation-product ul > li.dlist.other-amnt { margin-left:15px;max-width:70px; position:relative;}
.donation-product ul > li.dlist input[type="number"] { margin-bottom:0; position:relative; background:transparent;border:0;border-bottom:2px solid #222;border-radius:0;text-align:right;padding-right:5px;color:#000;font-size:14px;}
.donation-product ul > li.dlist.other-amnt label { position:absolute;top:10%;}
.donation-product ul > li.dlist.other-amnt ::placeholder { font-style:normal;color:#222;font-weight:700;}
.donation-product .frequency input[type="radio"] { display:none;}
.donation-product .frequency label { display:inline-block;background:#fff; margin-right:2%;padding:5px 10px;border-radius:2px;color: #222;}
.donation-product .frequency input[type="radio"]:checked + label { background:#517a3a; color:#fff;}
.donation-product .x-1-1 { position:relative;}
.donation-product input[type="checkbox"] + label { display:inline-block; padding:10px 0;}
.donation-product button[type="submit"] {position:absolute; background:#000;text-transform:uppercase;font-family:"lato",sans-serif;}

.donation-section { padding:10px 0!important;}
.donation-section .inner-wrap {width:100%;text-align:center;}
.donation-section .h-custom-headline { text-align:center;display:inline-block;vertical-align:middle; text-transform:capitalize;}
.donation-section .x-btn { margin-left:2%;font-size:16px; font-weight:600;text-decoration:none; color:#fff;}


/* Tab menu - About us */
.tab-menu { border-bottom:1px solid #979797;}
.tab-menu .x-menu-inline { width:100%; margin:auto!important;}
.tab-menu .x-anchor[class*="active"] { box-shadow:0 3px 0 0 #f0b942;}

/* Testimonial - About us */
.hms-testimonial-container .testimonial { font-weight:700;font-style:italic; margin-bottom:15px;}
.hms-testimonial-container .author { font-weight:600; color:#979797;}
.hms-testimonial-container .author span { font-weight:400; font-size:13px;}

/* What we do - About us */
.wwd-accord .x-accordion-toggle.collapsed, .wwd-accord .x-accordion-heading .x-accordion-toggle {background:transparent;color:#517a3a;text-transform:none;border:1px solid #e9e9e9;}
.wwd-accord .x-accordion-group {margin:0;padding:0 20px;}
.wwd-accord .x-accordion-heading .x-accordion-toggle.collapsed:before { content:"\f067";font-weight:300!important;font-size:8px}
.wwd-accord .x-accordion-heading .x-accordion-toggle:before { color:#517a3a;font-size:9px; content:"\f068"}

/* Annual Report - About us */
.annual-report { background:#eaf6ea!important; padding:30px!important;}
.annual-report ul { list-style:none;margin:30px auto!important;}
.annual-report ul > li {display:inline-block;margin-right:5%;margin-bottom:30px;}
.annual-report ul > li > a { background:#f0b942;color:#000;padding:10px;}

/*  Contact form - Contact page */
#wpcf7-f28-p39-o1 input[type="text"], #wpcf7-f28-p39-o1 input[type="email"], #wpcf7-f28-p39-o1 textarea ,
#wpcf7-f28-p312-o1 input[type="text"], #wpcf7-f28-p312-o1 input[type="email"], #wpcf7-f28-p312-o1 textarea { 
  background:#f9f9f9;
  border:1px solid #dfdfdf;
}
#wpcf7-f28-p39-o1 input[type="text"], #wpcf7-f28-p39-o1 input[type="email"] ,
#wpcf7-f28-p312-o1 input[type="text"], #wpcf7-f28-p312-o1 input[type="email"] { padding-left:150px;}
#wpcf7-f28-p312-o1 textarea, #wpcf7-f28-p39-o1 textarea { padding-top:50px;}
.cf-wrap { position:relative;}
#wpcf7-f28-p39-o1 .placeholder, #wpcf7-f28-p312-o1 .placeholder { position:absolute; background:#ededed;height:44px;max-width:135px;width:100%;padding:10px 20px;border:1px solid #dfdfdf;text-align:center;}
#wpcf7-f28-p39-o1 textarea, #wpcf7-f28-p312-o1 textarea { padding-top:60px;}


/* Move me after */
.wrapper-x {padding:35px 0;}
.wrapper-x .x-container {width:60%!important;}
.x-main.left { background:#fff; padding:20px 30px 40px;}
.entry-title { color: #517a3a;}
.meta-tags { color:#000;margin-top:10px;}
.x-sidebar .widget { background:#fff;}
.wrapper-x hr{ border-top:5px solid #f0b942;}
.x-sidebar .h-widget {background:#777777; color:#fff;text-align:left;text-transform:none;font-size:18px;letter-spacing:0;margin:0;}
.x-sidebar .amazon-w { background:transparent!important;padding:0!important;margin:-6.5px 0 0!important;}
.x-sidebar .amazon-w .textwidget { border:0;}
.x-sidebar .feat-w .h-widget {max-width:100px;width:100%;color: #fff;}
.x-sidebar .subscribe-w .h-widget {max-width:220px;width:100%;color: #fff;}
.x-sidebar .textwidget { border-top:2px solid #777;}
.x-sidebar .feat-w .textwidget, .wrapper-x .x-sidebar .feat-w .textwidget a { color:#000;}
.x-sidebar .feat-w .textwidget .feat-post-wrap { list-style:none;padding:20px 20px 20px 0; margin-right:20px;}
.x-sidebar .feat-w .textwidget .feat-post-wrap i { position:absolute;}
.x-sidebar .feat-w .textwidget .feat-post-wrap p{margin:0; }
.x-sidebar .feat-w .textwidget .feat-post-wrap li { margin-bottom:20px;}
.x-sidebar .feat-w .textwidget .feat-post-wrap li .desc-list { position:relative;left:20px;}
.x-sidebar .feat-w .textwidget .feat-post-wrap li span { position:relative;left:20px;}
.x-sidebar .feat-w .textwidget .feat-post-wrap li a.f-title { font-weight:800; text-decoration:none; color:#517a3a;}
.x-sidebar .subscribe-w .textwidget { color:#000; padding:20px;}
.x-sidebar .subscribe-w .textwidget .mc4wp-form-fields input{display:block; width: 100%; }
.x-sidebar .subscribe-w .textwidget .mc4wp-form-fields input[type="email"]{ border-radius:5px;background:#f2f2f2;}
.x-sidebar .subscribe-w .textwidget .mc4wp-form-fields input[type="email"]::placeholder { color:#c6c6c6;font-size:16px;font-style:italic;}
.x-sidebar .subscribe-w .textwidget .mc4wp-form-fields input[type="submit"] { width:100%;border-radius:5px;background:#f0b942;border-color:#f0b942;color:#000;}
.x-sidebar .subscribe-w .textwidget .mc4wp-form-fields input[type="submit"]:hover { background:#517a3a;color:#fff;border-color:#517a3a; }

/* Archive */
.archive .site { background:#ececec;}
.archive .x-navbar-inner {background:#fff;}
.archive .x-header-landmark {background:#fff; margin:35px auto;padding:35px;}
.archive .x-header-landmark  h1 { color:#517a3a;}
.archive .x-main.left { background:#fff; padding:20px 30px 40px;margin-top:10px;}
.entry-title { color: #517a3a;}
.meta-tags { color:#000;margin-top:10px;}
.archive .x-sidebar {padding-top: 44px;}
.archive.x-full-width-layout-active.x-content-sidebar-active a.entry-thumb.featured { margin-right:0;}
.archive .h-featured, .archive .featured-meta { display:none;}
.archive a.entry-thumb.featured:before { background:transparent;}
.archive a.entry-thumb.featured:hover:before {background:#000000a6 }
.archive a.entry-thumb.featured { min-height:177px;height:auto;}

/* Search */
.search .site { background:#ececec;}
.search .x-navbar-inner {background:#fff;}
.search .x-header-landmark {background:#fff; margin:35px auto;padding:35px;}
.search .x-header-landmark  h1 { color:#517a3a;}
.search .x-main.left { background:#fff; padding:20px 30px 40px;margin-top:10px;}
.search .x-sidebar {padding-top: 44px;}

/* Single-Post */
.single-post .entry-featured .entry-thumb{ max-width:none;max-width:480px!Important;width:100%!important;display:block;margin:3em auto 0;}

.ssbp-wrap.right {right:10px!important;transition: transform 200ms ease;top: 35vh!important;}
.ssbp-container { box-shadow:0 5px 0 15px #fff;text-align:center;background:#fff;}
.ssbp-container:before { content:"Share"; text-transform:uppercase; ;text-align:center; font-size:13px;}
.ssbp-container .ssbp-bar-list{margin:auto!important;display:block;text-align:center;}
.ssbp-container .ssbp-bar-list li a { border:0;margin-bottom:10px;border:0!important;}
.ssbp-container .ssbp-bar-list li a:hover { color:#227d1b;}

.div-hide {  transform: translateX(200%);top: 10vh!important;}

.single .avatar {border-radius:100px;}
.single p.author { margin-top:5px; font-size:13px;color:#346734;font-weight:600;margin-bottom:0;}
.single p.date { font-size:13px; }

/* Footer
// ========================================================================== */

.widget:before { display:none;}
.popular-posts{ background:#346734;padding:20px; }
.popular-posts .foot-feat-w { background:#fff;padding:20px; }
.popular-posts .foot-feat-w h4 {color:#346734; text-transform:uppercase;font-size:20px; text-transform: capitalize;}
.popular-posts .foot-feat-w .x-icon, .popular-posts .foot-feat-w .author-name { display:none!important; }
.popular-posts .foot-feat-w ul { margin:0;}
.popular-posts .foot-feat-w ul li { color:#000; }
 .popular-posts .foot-feat-w ul li a { color:#346734; }
.popular-posts .foot-feat-w ul li { display:inline-block; margin-left:20px; max-width:30%; vertical-align:top;}
.popular-posts .foot-feat-w ul li:first-child { margin-left:0;}
.popular-posts .foot-feat-w ul li .f-title {font-size:24px;line-height:28px;font-weight:700;text-decoration:none;} 
.popular-posts .foot-feat-w ul li .f-title::after {
  content: '';
  width: 0px;
  height: 3px;
  display: block;
  background: #346734;
  transition: 300ms;
}

.popular-posts .foot-feat-w ul li .f-title:hover::after {
  width: 100%;
}
.popular-posts .amazon-w { margin:0 auto 20px;text-align:center;max-width:320px; display:block;}

/* Top */
.x-colophon.top{ padding:40px!important; background:#fff!important;}
.x-colophon.top .widget { margin:20px auto;}
.x-colophon.top .h-widget { color:#000; margin:0!important;}
.x-colophon.top .foot-logo img {max-width:220px!important;}
.x-colophon.top .widget_nav_menu .menu{ padding-top:20px;}
.x-colophon.top .widget_nav_menu .menu { column-count:2;}
.x-colophon.top .widget_nav_menu li { line-height:35px;}
.x-colophon.top .widget_nav_menu li a { color:#000;font-size:14px;}
.x-colophon.top .widget_nav_menu li a:hover { color:#517a3a;}
.x-colophon.top .subscribe-w .textwidget { color:#222;}
.x-colophon.top .subscribe-w input[type="submit"] {height:48px;margin-top:-10px;text-transform:uppercase;font-weight:900;padding:0 20px;}

.subscribe-wrap .social-links a { color:#000;text-decoration:none; border:1px solid #222;margin:10px 5px;width:32px;line-height:32px;border-radius:50px;font-size:15px; }
.subscribe-wrap .social-links a:hover { background:#f0b942; border-color:#f0b942; color:#fff; transition:all ease 300ms;}

/* Bottom */
.x-colophon.bottom { background:#0a241f !important;padding:20px 0 10px;}
.x-colophon-content { text-transform:none;font-size:14px; color:#fff;}
.x-colophon-content .left, .x-colophon-content .left > a, .x-colophon-content .right , .x-colophon-content, .x-colophon-content a { color:#fff!important;}
.x-colophon-content a { text-decoration:none !important;}
.x-colophon-content .right a { color:#f0b942 !important;}
/* Plugins
// ========================================================================== */

/* Search Form */
.s-form{position:relative;width:100%;display:block;text-align:center;}
.s-form form {width:100%;max-width:620px;}
.s-form form, .s-form form label{display:inline-block;}
.s-form button {display:inline-block;height:50px;text-transform:uppercase;}


/* Responsive Styles
// ========================================================================== */
@media screen and (max-width:1391px){ 
.subscribe-wrap .x-container .x-column:first-child { padding-top:0px;} 
.subscribe-wrap .x-container .x-column { padding:0 30px;}
.subscribe-wrap .x-container .mc4wp-form input {padding:0 15px;}
.subscribe-wrap .x-container .mc4wp-form input::placeholder {font-size:11px; }

}
@media screen and (max-width:1325px){
  .subscribe-wrap .x-container .mc4wp-form input{max-width:140px;width:100%; }
  .subscribe-wrap .x-container h3.h-custom-headline.h4.mts { font-size:22px;}.x-navbar-inner {padding-left:0;padding-right:0}
}
@media screen and (max-width:1280px){
  .subscribe-wrap .x-container .x-column:first-child { width:54%;}
  .subscribe-wrap .x-container .mc4wp-form input { padding:20px 15px;max-width:160px;}
  .subscribe-wrap .x-container .mc4wp-form input[type="submit"] { width:100%;max-width:100px;}
}
@media screen and (max-width:1215px){
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce){padding-left:5px!important;padding-right:5px!important}
.x-brand img {max-width:180px;}
} 
@media screen and (max-width:1156px){

  .subscribe-wrap .x-container .x-column:first-child { width:50%;}
 .subscribe-wrap .x-container .mc4wp-form input { display:block;max-width:none;width:100%!important;}
 .subscribe-wrap .x-container .mc4wp-form input[type="submit"]{  margin-top:20px;}

}
@media screen and ( max-width:1024px){
.donation-product .frequency input[type="radio"]:checked + label , .donation-product ul > li.dlist { margin-right:5%;margin-bottom:10px;}
.x-navbar .x-brand{ width:10%;}
.x-navbar .x-brand img{ width:100%;}
.home .x-navbar .desktop .x-nav > li > a, .home .x-navbar .desktop .x-nav > li > a:hover {font-size: 11.5px!important;}
.x-navbar .desktop .x-nav > li > a { font-size:13.5px!important;padding-left:0!important;padding-top:30px!important;}
.x-navbar .desktop .x-nav > li:last-of-type > a{ padding-right:0!important;} 
.x-navbar .desktop .x-nav > li.donate-btn a { padding-top:20px!important;}
.x-navbar .desktop .x-nav > li.donate-btn a span {padding:10px;}
.x-navbar .desktop .x-nav > li.donate-btn a{padding-right:10px!important;}
.subscribe-wrap .x-container .x-column .h-custom-headline,.subscribe-wrap .x-container .x-column:last-of-type {text-align:center;}
.subscribe-wrap .x-container .x-column .social-links a {display: block ;margin-left:0;margin-bottom:10px;text-align:center;font-size:28px;}
.wrapper-x .x-container {width:88%!important;}
p{ font-size:16px;}
.x-nav-wrap.mobile .x-nav { margin-bottom:0;}
a.x-btn-navbar-search {padding:0!important;float:right;position:relative;top:15px;}  
.donate-btn {margin-bottom:20px;}

}

@media screen and (max-width: 767px) {
  /* General Styles */
  .mobile-margin { margin-bottom: 2em; }
  .mobile-margin:last-of-type { margin-bottom: 0; }
  .mobile-center { text-align: center !important; }
  .mobile-hidden { display: none !important; }
  
  .masthead-inline .x-btn-navbar { display:block;}
  .explore-inner { float:none;text-align:center;}
  /*.x-btn-navbar { margin-top:40px!important;}*/
  .x-navbar .donate-btn {    background: transparent; text-transform:uppercase;}
  .x-navbar .donate-btn a span { font-size:14px;}
  .x-navbar-fixed-top .x-brand{ width:70%;}
  .x-navbar { background:#fff!important;}
  .popular-posts .x-container { width:100%!important; }
  .x-navbar-inner {background:#fff;    padding-top: 10px;}
  .s-form form input[type="text"]{margin:0!important;}
  .s-form button {width:100%; max-width:320px;}
  
 
  .ap { padding:0!important;}
  
    #ssba-bar-2.right { top: 95vh!important;width:100%; right:0!important;}
    #ssba-bar-2.right .ssbp-container { box-shadow:none!important; }
    #ssba-bar-2.right .ssbp-container:before { display:none; }
    #ssba-bar-2.right .ssbp-bar-list { max-width:none!important;width:100%;display:table;}
    #ssba-bar-2.right .ssbp-bar-list li { display:table-cell;text-align:center;width:16.67%;table-layout: fixed;vertical-align: middle!important;height:48px;}
    #ssba-bar-2.right .ssbp-bar-list li a { width:100%!important;height:auto!important;margin:0;max-width:none!important;color:#fff;line-height:initial;}
    #ssba-bar-2.right .ssbp-bar-list li.ssbp-li--facebook {background:#1877f2;}
    #ssba-bar-2.right .ssbp-bar-list li.ssbp-li--twitter {background:#1da1f2;}
    #ssba-bar-2.right .ssbp-bar-list li.ssbp-li--pinterest {background:#bd081c;}
    #ssba-bar-2.right .ssbp-bar-list li.ssbp-li--linkedin {background:#0a66c2;}
    #ssba-bar-2.right .ssbp-bar-list li.ssbp-li--reddit {background:#ff4500;}
    #ssba-bar-2.right .ssbp-bar-list li.ssbp-li--whatsapp {background:#25d366;}
    
    .single #x-nav-wrap-mobile .x-nav {z-index: 9999999;}
    /*.x-navbar .mobile .x-nav ul { display:block;}*/
}
@media screen and (max-width: 979px) {
  .home .x-navbar-wrap  { position:relative;}
  .home .banner-inner-content, .home .col-vol-explore-wrap { position:relative; -moz-transform:none; transform:none; margin:30px auto 80px;display:block;width:100%;max-width:none;}
  .home .banner-inner-content { margin:70px auto 20px;}
  .home .banner-wrap { background-position:right; } 
  .home .volunteer-inner .x-img {display:block;margin-top:10px!important ;}
  /* Donation */
  .donation-product { margin:0px auto!important;text-align:center;}
  .donation-product .x-donate-wrap { margin:10px auto;}
  .donation-product .frequency input[type="radio"]:checked + label , .donation-product ul > li.dlist { margin-right:1%;margin-bottom:15px;}
  .donation-product button[type="submit"] { position:relative;}
  /* Topbar */
  .home .col-vol-explore-wrap .explore-inner { display:none!important;}

  .x-navbar-inner .explore-inner { display:block!important;text-align:center;}
  .x-navbar .x-brand{width:100%;max-width:225px;}
  .donate-btn.x-nav-wrap-mobile {background:transparent;display:inline-block;float:right;margin-right:20px;padding-top:16px;font-family:"Open Sans",sans-serif;text-transform:uppercase;}
  .donate-btn.x-nav-wrap-mobile a span{padding:10px 20px;border:2px solid #f0b942;color:#222;}
  .subscribe-wrap .x-container .x-column .social-links { margin-top:30px;}
  .subscribe-wrap .x-container .x-column .social-links a{ display:inline-block;width:25%;font-size:32px;}

}
@media screen and (max-width:867px){
  .subscribe-wrap .x-container .x-column, .subscribe-wrap .x-container .x-column:first-child { width:100%;border:0;display:block;}
  .subscribe-wrap .x-container .mc4wp-form input[type="email"], .subscribe-wrap .x-container .mc4wp-form input[type="submit"]{ display:block;width:100%;max-width:480px;} 
   .esg-overflowtrick { height:830px!important;}
   
}
@media screen and ( max-width:768px){
.subscribe-wrap .x-container .x-column { padding:0;margin-top:50px;}
.esg-overflowtrick { height:1250px!important;}
}
@media screen and ( max-width:668px)
{
  /* Subscribe */
  .subscribe-wrap .wpcf7-form { max-width:480px;}
  .subscribe-wrap .wpcf7-form .wpcf7-form-control-wrap { display:block;float:none;width:100%; }
  .subscribe-wrap .wpcf7-form input[type="submit"] { max-width:none;}
  /* Donation */
  .donation-product .frequency input[type="radio"]:checked + label , .donation-product ul > li.dlist { margin-bottom:10px;}
  /* Tab menu - About us */
  .tab-menu .x-menu-inline { display:block;}
  .x-navbar .x-brand { float:left;}
  .esg-overflowtrick { height:1010px!important;}

  
  
  .x-brand { float:none;text-align:center;margin-bottom:10px;}
  .x-navbar-inner .explore-inner { text-align:left;margin-bottom:10px;} 
  
   .cat-n { display:none;}
   .banner-inner-content .h-custom-headline.h3 { font-size:42px;line-height:52px;}
   .home .banner-inner-content {margin: 0; bottom: 0; position: absolute;}
   .banner-wrap{min-height:480px;}
   
   .subscribe-wrap .sub-h-title { font-size:250%;}
}

@media screen and (max-width:480px){
  .title-header { top:100px!important;}
  .wpcf7-form label{float:none;width:100%;}
  .x-sidebar .amazon-w iframe { margin-left:-24px;}
  #wpcf7-f28-p39-o1 .placeholder, #wpcf7-f28-p312-o1 .placeholder {position:relative;width:100%;max-width: none;margin: 0;}
  .x-navbar .x-brand {float:none; max-width:150px;}
  .x-navbar .x-brand img {text-align:left;width:100%;}
  .donate-btn.x-nav-wrap-mobile {padding:0;margin-top: -55px;margin-right:30px;}
  .x-btn-navbar { margin-top: -38px!important;}
  .popular-posts .foot-feat-w ul li { display:block; margin-left:0; max-width:100%;border-bottom:2px dotted #444444;padding-top:5px;}
   h1.entry-title { font-size:28px;}
   .meta-tags { font-size:14px;}
   .banner-wrap {  min-height: 380px;}
   .eg-hlv-skin-wrapper.itemtoshow.eg-post-id-7187 { top:380px!important;}
   .esg-overflowtrick { height:740px!important;}


    
}
@media screen and (max-width:375px){
  
}
@media screen and (max-width:320px){
    .x-navbar .x-brand {max-width:none;display:block;width:100%;}
    .donate-btn.x-nav-wrap-mobile, .x-btn-navbar { float:none; margin-top:0;padding-bottom:50px;}
    .x-btn-navbar { margin-top:20px!important;margin-bottom:20px;}
    body.x-navbar-fixed-top-active .x-navbar-wrap { height:auto!important;}
    #ssba-bar-2.right { top:150px!important;}
    .donate-btn.x-nav-wrap-mobile, .x-btn-navbar { float:none; margin-top:0;padding-bottom:50px;}
    .banner-inner-content .h-custom-headline.h3 { font-size:24px;line-height:38px;}
    h1.entry-title { font-size:28px;}
    .meta-tags { font-size:14px;}
}

.e8076-5.x-menu > li > .x-anchor .x-anchor-text-primary, .e8076-13.x-menu > li > .x-anchor .x-anchor-text-primary { font-weight:600!important;}

/*.x-dropdown.dropdown-content { padding:50px;width:100%!important;min-width:99vw;background:#f3f3f3;left:-30px;z-index:99999;}*/
.e8076-1.x-bar.x-bar-top.x-bar-h.x-bar-relative.x-bar-is-sticky.x-hide-md.x-hide-sm.x-hide-xs.x-bar-outer-spacers.x-bar-fixed {height:auto!important;padding:0.5em;transition:ease all 500ms;}
.e8076-1.x-bar.x-bar-top.x-bar-h.x-bar-relative.x-bar-is-sticky.x-hide-md.x-hide-sm.x-hide-xs.x-bar-outer-spacers{transition:ease all 500ms;-webkit-transition:ease all 500ms;-moz-transition:ease all 500ms;}
.e8076-12.x-bar.x-bar-top.x-bar-h.x-bar-relative.x-bar-is-sticky.drop-wrap.x-hide-md.x-hide-sm.x-hide-xs.x-bar-outer-spacers.x-bar-fixed.x-bar-is-visible{top:102px!important;transition:ease all 500ms;-webkit-transition:ease all 500ms;-moz-transition:ease all 500ms;}

.ssbp-wrap{width:auto!important;}
.ssba-classic-2.ssbp-wrap{width:100%!important;}
.banner-inner-content{display:none;}

.page-id-8563 .entry-thumb {display:none;}