/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/*******
GENERAL 
*******/
body { quotes: '\201c' '\201d'; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin: 0.2em 0 0.5em; }
a:hover, .x-colophon .x-nav a:hover, .widget.widget_text ul li a:hover, .widget.widget_text ol li a:hover, .x-twitter-widget ul li a:hover {text-decoration: underline; color: #d80f0f;}
.x-section h3 {color: #69306c; font-weight: normal;}
.x-main .x-btn, .x-main .x-btn:hover {border: 1px solid #fff; cursor: pointer; text-transform: uppercase; text-shadow: none;}
.x-main .x-btn:hover {background: #fff; border: 1px solid #d45328; color: #d45328;}

blockquote.x-blockquote {color: #69306c; border: none; padding: 0.5em 0; margin: 0.5em 0;}

.stat-box  h3.stat, .stat-box  h4.stat {color: #fff; font-size: 3em;}
.stat-box {color: #fff; padding: 20px 10px 10px!important;}
.stat-box .x-img {margin: 0;}

.x-block-grid.stat-box-grid, .x-block-grid.stat-box-grid img, .x-block-grid.stat-box-grid p {margin: 0;}
.x-block-grid.stat-box-grid .x-block-grid-item:first-of-type {width: 30%;}
.x-block-grid.stat-box-grid .x-block-grid-item.stat h4 {color: #398b91; font-size: 2.5em;}

.x-counter .text-below {text-transform: none; font-size: 0.9em;}

#wph-modal-popup--1 .wph-modal--content iframe {height: 600px;}

/*******
HEADER 
*******/
/* old topbar that only showed crisis line phone number on mobile */
/*
header.masthead .x-topbar {background: #222222;}
header.masthead .x-topbar .p-info {font-size: 18px; font-weight: bold; color: #d45328; float: none; background: #ccc; border-radius: 0; text-align: center; padding: 0.5em; border: 1px solid #d45328;}
*/
header.masthead .p-info {display: none;}
header.masthead p {margin: 0;}
header.masthead div.x-topbar {background: #a8a838; color: #fff; border-bottom: none; padding-top: 12px;}
header.masthead .x-topbar .help-wrapper {font-weight: bold; display: flex; justify-content: flex-end;}
header.masthead .x-topbar .help-wrapper p {margin: 0;}
header.masthead .x-topbar ul.help-actions {display: flex; list-style: none; margin: 0;}
header.masthead .x-topbar ul.help-actions li {padding: 0 .5rem;}
header.masthead .x-topbar ul.help-actions a {color: #fff;}
header.masthead .x-topbar ul.help-actions li#chat, header.masthead .x-topbar ul.help-actions li#text {border-left: 1px solid #fff;}

header.masthead .x-navbar {background: #69306c; border-bottom: 2px solid #fff; box-shadow: none;}
header.masthead .x-brand {margin: 6px 0;}

header.masthead .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {position: relative; top: 16px; width: 50%;}
header.masthead #ubermenu-main-2-primary li a.donate {background: #d45328;}
header.masthead #ubermenu-main-2-primary li.ubermenu-item-level-0:hover > a.donate.ubermenu-target {background: #a8a838}
header.masthead #ubermenu-main-2-primary li:last-child {font-weight: bold; color: #eeec2b; font-size: 1.5em; line-height: 1;}
header.masthead #ubermenu-main-2-primary li:last-child div {padding: 8px 0 8px 10px;}
header.masthead #ubermenu-main-2-primary li > .ubermenu-target {text-transform: uppercase;}

@media (min-width: 960px) {
  /*header.masthead .x-topbar {display: none;}*/
  header.masthead #ubermenu-main-2-primary {background: none; box-shadow: none; border: none;}
  header.masthead #ubermenu-main-2-primary li.ubermenu-item-level-0 > .ubermenu-target {color: #fff; border: none; box-shadow: none;}
  header.masthead #ubermenu-main-2-primary li.ubermenu-item-level-0:hover > .ubermenu-target, 
  header.masthead #ubermenu-main-2-primary li.ubermenu-item-level-0.ubermenu-active > .ubermenu-target {background: #a8a838; }
  header.masthead #ubermenu-main-2-primary li.ubermenu-current-menu-item.ubermenu-item-level-0 > .ubermenu-target, 
  header.masthead #ubermenu-main-2-primary li.ubermenu-current-page-parent.ubermenu-item-level-0 > .ubermenu-target,
  header.masthead #ubermenu-main-2-primary li.ubermenu-current_page_parent.ubermenu-item-level-0 > .ubermenu-target {/*border-bottom: 1px solid #b498b6; background: none;*/background: #a8a838;}
  header.masthead #ubermenu-main-2-primary .ubermenu-submenu.ubermenu-submenu-drop {margin-top: -1px; background: #a8a838; border: none;}
  header.masthead #ubermenu-main-2-primary .ubermenu-submenu.ubermenu-submenu-drop li > .ubermenu-target {color: #fff; border-bottom: 1px solid #dcdcaf;}
  header.masthead #ubermenu-main-2-primary .ubermenu-submenu.ubermenu-submenu-drop li:first-of-type > .ubermenu-target {border-top: 1px solid #dcdcaf;}
  header.masthead #ubermenu-main-2-primary .ubermenu-submenu.ubermenu-submenu-drop li > .ubermenu-target:hover,
  header.masthead #ubermenu-main-2-primary .ubermenu-submenu.ubermenu-submenu-drop li.ubermenu-current-menu-item > .ubermenu-target {background: #d45328;}
}

/*
https://theme.co/apex/forums/topic/fixed-topbar-3/
.x-topbar {
  position: fixed;
  width: 100%;
}

.x-navbar, .x-navbar-fixed-top {
  top: 46px !important;
}
*/

/*******
HOMEPAGE 
*******/
/* new scrolling hero banner (smart slider) */
#home-hero-banner {background: #e8e7e6; padding: 0; margin-bottom: 0;}
#home-hero-banner > div.x-container {border-right: 4px solid #a8a838; border-left: 4px solid #69306C;}

/* original grid-based hero banner */
body.home #home-grid .x-container .x-text p:last-of-type {margin: 10px;}
body.home #home-grid .x-block-grid.two-up:first-of-type {margin-bottom: 0;}
body.home #home-grid .x-block-grid.two-up>li:nth-child(2n+1) {width: 49.5%; margin-right: 10px;}
body.home #home-grid .x-block-grid.two-up>li:nth-child(2n) {width: 49.5%;}
/*body.home #home-grid .x-block-grid.two-up li.x-block-grid-item:nth-child(2n)>img {margin-bottom: 10px;}*/
body.home #home-grid .x-block-grid.two-up li.x-block-grid-item #rev_slider_5_2_wrapper .tp-caption {text-shadow: #000 3px 2px 6px;}
body.home #home-grid .x-block-grid.two-up li.x-block-grid-item #rev_slider_5_2_wrapper {margin-bottom: 10px!important;}
body.home #home-grid .x-block-grid.two-up li.x-block-grid-item div.x-column.x-1-2 {margin-right: 10px; width: 49%;}
body.home #home-grid .x-block-grid.two-up li.x-block-grid-item div.x-column.x-1-2 img.alignnone {margin-bottom: 0;}
body.home #home-grid .x-block-grid.two-up li.x-block-grid-item div.x-column.x-1-2:last-of-type {margin-right: 0;}
body.home #home-grid .x-block-grid.two-up li.x-block-grid-item div.x-column .x-block-grid.two-up:first-of-type {margin-bottom: 10px;}
body.home #home-grid .x-block-grid.two-up li.x-block-grid-item div.x-column .x-block-grid.two-up:last-of-type {margin-bottom: 0;}
body.home #home-grid .x-block-grid.two-up li.x-block-grid-item div.x-column .x-block-grid.two-up>li:nth-child(2n+1) {width: 48%;}
body.home #home-grid .x-block-grid.two-up li.x-block-grid-item div.x-column .x-block-grid.two-up>li:nth-child(2n) {width: 48%;}
body.home #home-grid .x-block-grid.two-up li.x-block-grid-item div.x-column .x-block-grid.two-up li.x-block-grid-item>img {margin-bottom: 0;}

body.home #homepage-callouts, body.home #homepage-callouts a {color: #fff;}
body.home #homepage-callouts .x-container .x-column.x-1-2 {width: 50%; margin-right: 0;}
body.home #homepage-callouts .x-container .x-column:last-of-type {margin-right: 0;}
body.home #homepage-callouts h2 {text-transform: uppercase; padding-top: .6em;}
body.home #homepage-callouts .x-btn {background: #fff;} 
body.home #homepage-callouts .col1 .x-btn {color: #69306c; border: 1px solid #69306c; }
body.home #homepage-callouts .col2 .x-btn {color: #a8a838; border: 1px solid #a8a838; }
body.home #homepage-callouts .col1 .x-btn:hover {border: 1px solid #fff; background: #69306c; color: #fff;}
body.home #homepage-callouts .col2 .x-btn:hover {border: 1px solid #fff; background: #a8a838; color: #fff;}

/*body.home #homepage-callouts #rev_slider_3_1_wrapper {height: 185px!important;}
body.home #homepage-callouts #rev_slider_3_1_wrapper .stat-number {display: block; float: left; margin-right: 10px; font-size: 80px; font-family: Nunito, sans-serif; color: #fff;}
body.home #homepage-callouts #rev_slider_3_1_wrapper .stat-desc {display: block; float: left; text-align: left; width: 140px; line-height: 14px;}*/
body.home #homepage-callouts #scroller {height: 380px; width: 98%; margin-bottom: 16px;}
body.home #homepage-callouts #scroller p, body.home #homepage-callouts .stats-title p {margin: 0; padding: 0;}
body.home #homepage-callouts #scroller img {width: auto; float: left; margin-right: 10px; position: relative; top: 12px;}
body.home #homepage-callouts #scroller .listing-item {border: none; padding: 0 0 10px;}
body.home #homepage-callouts #scroller .title {font-size: 60px; font-family: Nunito, sans-serif; float: left; margin-right: 10px;}
body.home #homepage-callouts #scroller .content {float: left; width: 35%; position: relative; top: 25px; line-height: 1em;}
body.home #homepage-callouts #scroller .content p {margin: 0;}

body.home #homepage-blog-events h3.h4 {text-transform: uppercase;}
body.home #homepage-blog-events #upcoming-events div.eo-events div.eo-event-box {color: #fff; border: 1px solid #9cc5c8; margin-bottom: 12px; clear: both; overflow: auto;}
body.home #homepage-blog-events #upcoming-events div.eo-events div.eo-event-box .eo-event-datebox {color: #d45328; background: #fff; width: 120px; text-align: center; float: left; margin: 10px 10px 10px 0;}
body.home #homepage-blog-events #upcoming-events div.eo-events div.eo-event-box .eo-event-datebox span {display: block; text-transform: uppercase;}
body.home #homepage-blog-events #upcoming-events div.eo-events div.eo-event-box .eo-event-datebox span.eo-event-date-weekday {font-size: .8em;}
body.home #homepage-blog-events #upcoming-events div.eo-events div.eo-event-box .eo-event-datebox span.eo-event-date-month {font-size: 1.2em;}
body.home #homepage-blog-events #upcoming-events div.eo-events div.eo-event-box .eo-event-datebox span.eo-event-date-day {font-size: 4em; line-height: 1em;}
body.home #homepage-blog-events #upcoming-events div.eo-events div.eo-event-box .eo-event-info {/*float: left;*/}
body.home #homepage-blog-events #upcoming-events div.eo-events div.eo-event-box .eo-event-title {font-size: 1.4em; font-weight: bold;}

@media (max-width: 480px) {
 body.home #home-grid .x-block-grid.two-up>li.x-block-grid-item {width: 100%;}
 body.home #home-grid .x-block-grid.two-up>li:nth-child(2) {margin-top: 4px;}
 body.home #home-grid .x-block-grid.two-up li.x-block-grid-item div.x-column .x-block-grid.two-up>li:nth-child(n) {width: 48.5%; margin-top: 0;}
 /*body.home #homepage-callouts #rev_slider_3_1_wrapper .stat-number,
 body.home #homepage-callouts #rev_slider_3_1_wrapper .stat-desc {display: inline-block; float: none}*/
 body.home #homepage-blog-events .listing-item .image img {float: none; width: auto;}
}
@media (max-width: 767px) {
  body.home #home-grid .x-column.x-sm, body.home #home-grid .x-block-grid.two-up .x-column.x-sm,
  body.home #homepage-callouts .x-container .x-column.x-sm {float: left;}
}
@media (max-width: 979px) {
  body.home #homepage-callouts .x-container .x-column.x-1-2 {width: 100%; margin-right: 0;}
}
@media (max-width: 1070px) {
  header.masthead #ubermenu-main-2-primary.ubermenu-responsive-collapse li.ubermenu-item-level-0>.ubermenu-target {padding: 15px 15px 15px 5px; margin-right: 6px;}
  header.masthead #ubermenu-main-2-primary.ubermenu-responsive-collapse li.ubermenu-item-level-0>.ubermenu-target:after {right: 4px;}
  header.masthead #ubermenu-main-2-primary.ubermenu-responsive-collapse li>.ubermenu-target.donate {padding: 15px; margin-right: 0;}
}
@media (max-width: 1144px) {
  /*body.home #homepage-callouts .x-container .x-column.x-1-2 {width: 49.4%; margin-right: 10px;}*/
}
@media (max-width: 1152px) {
  header.masthead .x-brand.img {width: 130px;}
  header.masthead .x-brand {margin: 16px 0;}
  body.home #home-grid .x-container .x-text p, body.home #home-grid .x-container .x-text p:last-of-type {margin: 5px;}
}
@media (max-width: 1167px) {
  body.home #home-grid .x-block-grid.two-up>li:nth-child(2n+1),
  body.home #home-grid .x-block-grid.two-up li.x-block-grid-item div.x-column:first-of-type {margin-right: 4px;}
  body.home #home-grid .x-block-grid.two-up li.x-block-grid-item:nth-child(2n)>img, 
  body.home #home-grid .x-block-grid.two-up li.x-block-grid-item div.x-column .x-block-grid.two-up:first-of-type {margin-bottom: 4px;}
  body.home #home-grid .x-block-grid.two-up li.x-block-grid-item #rev_slider_5_2_wrapper {margin-bottom: 4px!important;}
  body.home #home-grid .x-block-grid.two-up li.x-block-grid-item div.x-column.x-1-2 {margin-right: 4px;}
  body.home #home-grid .x-block-grid.two-up li.x-block-grid-item div.x-column.x-1-2:last-of-type {margin-right: 0px;}
  body.home #homepage-callouts .x-container .x-column.x-1-2 {margin-right: 5px;}
  body.home #homepage-callouts .x-container .x-column:last-of-type {margin-right: 0;}
}


/*******
SUBPAGES 
*******/
#subpage-title h2 {font-size: 2.4em; text-align: center; text-transform: uppercase; color: #fff; text-shadow: black 1px 1px 4px;}
#subpage-title h3 {font-size: 2em; text-align: center; color: #fff; text-shadow: black 1px 1px 4px;}

/* blog listing */
.listing-item {padding: 20px 0; overflow: auto; border-bottom: 1px solid #cccccc;}
.listing-item .image img {float: left; width: 200px; margin-right: 10px;}
.listing-item .title {display: block; font-weight: bold; font-size: 1.4em; line-height: 1.4;}
.listing-item .author, .listing-item .date {color: #9e9e9e; text-transform: uppercase; font-size: .8em;}
.listing-item .excerpt-dash {display: none;}
.listing-item .excerpt {display: block;}

/* blog details */
.single-post .entry-featured {float: left; max-width: 40%; box-shadow: none; border: none;}
.single-post .entry-featured .entry-thumb {margin: 20px;}
.single-post .entry-wrap {padding: 20px;}
.single-post .x-main.full header.entry-header, .archive .x-main.full header.entry-header {width: 100%;}
.single-post .entry-footer {padding: 20px;}
.archive .x-main.full {padding-bottom: 20px;}

/* override x theme's bright blue hover color
.entry-thumb:before, .x-pagination span.current, .flex-direction-nav a, .flex-control-nav a:hover, .flex-control-nav a.flex-active, .mejs-time-current, .x-dropcap, .x-skill-bar .bar, .x-pricing-column.featured h2, .h-comments-title small, .x-entry-share .x-share:hover, .x-highlight, .x-recent-posts .x-recent-posts-img:after {background-color: #091F3F!important;}*/

/* banner headers */
/*#subpage-title #needimpact-title {background: #fff url("/ozone-house/wp-content/uploads/2016/06/banner-bg-needimpact.jpg") no-repeat center right; background-size: cover;}*/

#subpage-content .x-column.x-1-2:first-of-type {margin-right: 2%;}
#subpage-content .x-column.x-1-2:last-of-type {border-left: 1px solid #f2f2f2; padding-left: 4%!important;}

#values .x-block-grid-item {background: #f4f4f4; padding: 6px; min-width: 100px; height: 100px;}

/* success stories + donate */
#donate-now, #donate-nows a, #donate-now p, #success-stories, #success-stories a, #success-stories p {color: #fff;}
#donate-now .x-btn, #success-stories .x-btn {font-weight: bold; border: 2px solid #fff; margin-bottom: 10px;}
#donate-now .x-btn:hover, #success-stories .x-btn:hover {color: #d45328;}

blockquote.easy_testimonial.easy_testimonial {min-height: auto; padding: 0;}
blockquote.easy_testimonial p {margin: 0;}
blockquote.easy_testimonial .testimonial-client {font-size: .6em; font-style: italic;}
.easy_testimonial .testimonial_body p:before { content: open-quote; }
.easy_testimonial .testimonial_body p:after  { content: close-quote; }
.easy_t_single_testimonial:before {content: "";}

/* calendar */
.eo-event-board .eo-event-board-items .eo-eb-event-box {min-height: 200px;}
.eo-event-board .eo-event-board-items .eo-eb-date-container {float: left; margin-right: 10px;}
.eo-event-board .eo-event-board-items .eo-eb-event-meta-container {margin-left: 60px; line-height: 1.5; text-align: left;}
.eo-event-board .eo-event-board-items .eo-eb-event-categories {margin-top: 10px;}
.eo-event-board .eo-event-board-items .eo-eb-event-content {background: #fff; font-size: 14px; padding: 6px;}

.eo-event-board-filters .eo-eb-filter {background: #999; color: #fff; padding: 6px; margin: 5px;}
.eo-event-board-filters .eo-eb-filter.eo-eb-filter-on {opacity: 0.3;}
.eo-event-board-filters .eo-eb-filter.eo-eb-filter-category-94 {background: #be1e5f;}
.eo-event-board-filters .eo-eb-filter.eo-eb-filter-category-20 {background: #398b91;}
.eo-event-board-filters .eo-eb-filter.eo-eb-filter-category-19 {background: #a8a838;}
.eo-event-board-filters .eo-eb-filter.eo-eb-filter-category-18 {background: #d45328;}
.eo-event-board-filters .eo-eb-filter.eo-eb-filter-category-17 {background: #69306c;}
.eo-event-board-filters .eo-eb-filter.eo-eb-filter-category-0 {display: none;}

/* Need help now call/text/chat page */
.post-3221 #callout-boxes a {color: #d0d0d0; text-decoration: underline;}
.post-3221 #callout-boxes a:hover {color: #fff;}


/* new Bloomerang donate forms */
.donation-form .field.radio input, .donation-form .field.checkbox input {margin-right: 1em;}
#spreedly-modal-overlay {z-index: 2000!important;}
@media (max-width: 768px) {
  .page-id-4900 .x-topbar {display: none;}
  .spreedly-stop-scroll .x-topbar, .spreedly-stop-scroll .x-navbar {display: none;}
}

/*******
FOOTER 
*******/
.x-colophon .x-nav a {color: #dcda36;}

footer.x-colophon.top, footer.x-colophon.bottom {background: #612464; border: none; box-shadow: none; padding: 3% 0;}
footer.x-colophon.bottom {padding: 0;}
footer.x-colophon.bottom .x-container {padding: 2% 5%; border-top: 1px solid #b092b2;}
footer.x-colophon.top .widget, footer.x-colophon.top .widget h5, footer.x-colophon.top .widget h6 {color: #fff; text-shadow: none; font-weight: normal;}
footer.x-colophon.top .widget .crisisline {color: #eeec2b; font-size: 1.2em; line-height: 1.2em; font-weight: bold;}
footer.x-colophon.top .widget a {color: #dcda36;}
.menu-footer-utility-menu a {color: #dcda36; border-radius: 0; box-shadow: none; border: none; text-shadow: none; text-transform: uppercase;}
.menu-footer-utility-menu a:before {content: ""; padding-right: 0;}
ul.menu-footer-utility-menu {margin: 0;}
.menu-footer-utility-menu li {list-style-type: none; margin-bottom: 12px;}
#sb_instagram {text-align: center; margin-bottom: 20px;}
#sb_instagram.sbi_col_3 #sbi_images .sbi_item {border:1px solid #fff; margin-right: 5px!important; margin-bottom: 5px!important; width: 31%;}
footer.x-colophon.top .socials a .x-icon {font-size: 1.2em; border: 1px solid #b092b2; border-radius: 40px; height: 40px; width: 40px; line-height: 40px; padding-left: 2px;}
footer.x-colophon.top .socials a {color: #b092b2; }
footer.x-colophon.top .socials a:hover {color: #fff; text-decoration: none;}

/* new Bloomerang email newsletter signup form -- April 2020 */
#email-registration-form h3 {display: none;}
#email-registration-form label {color: #fff; font-size: .9em;}