/*
Theme Name: J.D. Greear Theme
Description: Theme for the J.D. Greear ministry site
Author:  Rob Laughter
Author URI:  http://roblaughter.com
Template: Divi
Version:  1.0.0
*/

@import url("../Divi/style.css");

::selection { background-color: #004263; color: #fff;}
::moz-selection { background-color: #004263; color: #fff;}

/*============================================

INDEX

Development
Typography
Utilities
Body
Header
Footer
Sidebar
Home
Broadcasts
Blog
Donate

============================================ */


/* Development
============================================ */


/* Typography
============================================ */



/* Header Lines */
.header-lines { overflow:hidden; text-align:center; }
.header-lines h1, .header-lines h2 { display: inline-block; padding: 0 15px !important; position: relative; margin: 20px 0; }
.header-lines h1:before, .header-lines h1:after, .header-lines h2:before, .header-lines h2:after { background: #6c6c6c; content: ""; display: block; height: 2px; position: absolute; top: 50%; width: 100%; opacity: 0.5; }
.header-lines h1:before, .header-lines h2:before { right: 100%; }
.header-lines h1:after, .header-lines h2:after{ left: 100%; }


/* Utilities
============================================ */

.transition { transition: visibility 0.2s ease-in-out; }

.et_parallax_bg { background-position: 50% 50%; } /* Center parallax BG */
.container:before { display:none; } /* Hide line between body and sidebar on generic post template */
.et_pb_button, .button { color: #fff !important; } /* Fix Divi button styles */
.blur .et_parallax_bg { filter: blur(10px); } /* Background blur for parallax BG */
.et_pb_section_parallax { background: #222; }
.full-height { height: 100vh; padding-bottom: 0 !important; } /* Full height div */
.admin-bar .full-height { height: calc(90vh - 32px); } /* Correct full height div for logged in users */
.sticky-bottom { padding: 0 !important; position:absolute; bottom: 0; min-width: 100% !important; } /* Stick an element to the bottom of its parent element */

@media (min-width: 981px) {
  .desktop-background-left .et_parallax_bg { background-position: left center; }
  .desktop-background-center .et_parallax_bg { background-position: center center; }
  .desktop-background-right .et_parallax_bg { background-position: right center; }
}
@media (max-width: 980px) {
  .mobile-background-left .et_parallax_bg { background-position: left center; }
  .mobile-background-center .et_parallax_bg { background-position: center center; }
  .mobile-background-right .et_parallax_bg { background-position: right center; }
  .episode-content p { display:none; }
}




/* Body
============================================ */

@media (min-width: 981px) {

}
@media (max-width: 980px) {

}

/* Header
============================================ */

/* Logo Swap */
#main-header:not(.et-fixed-header) .logo1 { display:inline-block; }
#main-header:not(.et-fixed-header) .logo2 { display:none; }
#main-header.et-fixed-header .logo1 { display:none; }
#main-header.et-fixed-header .logo2 { display:inline-block; }

/* Transparent Nav */
#main-header:not(.et-fixed-header) { background-color: rgba(0,0,0,0.0) !important; }
#page-container { padding-top: 0 !important; }
.et_pb_section:first-of-type { padding-top:133px !important; }
.et_pb_section:first-of-type .et_parallax_bg:before { content:""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 20%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 20%); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.0) 20%); }
body.single-post .et_pb_section:first-of-type .et_parallax_bg:before { content:""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.0) 100%); }
#main-header.et-fixed-header, .et_menu_container { box-shadow:none !important; }


/* Enable Main Nav on Slide In Header */
#top-menu-nav { display: block !important; }
#top-menu li.current-menu-item a { color: #BBD8EB !important; font-weight: normal;}
.et_header_style_left #et-top-navigation nav > ul > li:not(.donate-link) > a {padding-bottom: 0 !important; text-transform: uppercase; font-family: Montserrat, Helvetica, Arial, sans-serif; font-weight: normal !important; }
.et-fixed-header #top-menu li:not(.donate-link) a { color: #555 !important; }
#top-menu li.donate-link a { color: #BBD8EB !important; font-weight: normal;}
#top-menu li.donate-link a:hover { background-color: #BBD8EB !important; color: #fff !important; opacity: 1 !important;}

/* Donate Link */
.donate-link a { border: 2px solid #BBD8EB; padding: 10px 20px !important; color: #075776 !important; font-family: Montserrat, Helvetica, Arial, sans-serif; font-size: 14px !important; text-transform: uppercase; }
.et-fixed-header #top-menu li.donate-link a { border: 2px solid #075776; color: #075776 !important; font-weight: normal;}
.et-fixed-header #top-menu li.donate-link a:hover { background-color: #075776 !important; color: #fff !important; opacity: 1 !important;}

/* Header Search */
.et_header_style_slide #et_top_search,
.et_header_style_fullscreen #et_top_search,
.et_header_style_slide #top-header,
.et_header_style_fullscreen #top-header,
.et_slide_in_menu_container #mobile_menu_slide .et_mobile_menu li ul,
.et_header_style_slide div#et_mobile_nav_menu,
.et_header_style_fullscreen div#et_mobile_nav_menu,
.et_header_style_fullscreen .et_slide_menu_top .clear { display: block !important; mazrgin-top:10px; }

/* Slide In Menu */
.et_pb_header_toggle { float:right !important; margin-left: 30px; }
#main-header .et_pb_header_toggle:before { color: #fff; opacity: 1; top:4px !important; }
.et-fixed-header .et_pb_header_toggle:before { color: #000 !important; }
.et_slide_menu_top .widgettitle { color: #fff; text-align: left; font-size: 1rem; text-transform: uppercase; padding-bottom: 0; }

@media (min-width: 981px) {
  #logo { margin-left: 20px; }
  .mobile_menu_bar:before, .mobile_menu_bar:after { color: #fff; }
  .et-fixed-header .mobile_menu_bar:before, .et-fixed-header .mobile_menu_bar:after { color: #000; }
  #top-header.et-fixed-header { z-index:100; }
  #et-secondary-menu { position:relative !important; top:20px !important; transition: all 0.4s ease-in-out; }
  .et-fixed-header #et-secondary-menu { top:10px !important; }
  .et_menu_container { padding-left:0 !important; }
  #top-menu .sub-menu { background: #fff !important; }
}

@media (max-width: 980px) {
  #et_top_search { display:none !important; visibility:hidden; }
  .interior-mobile-menu .mobile_menu_bar:before { color: #fff; }
}

/* Footer
============================================ */

#footer-widgets .footer-widget li:before { display:none !important; } /* Hide Divi bullet before footer widget lists */
#footer-widgets .footer-widget li { padding-left: 0; }
#footer-widgets .footer-widget h4 a { color: #075776; }
#footer-widgets .footer-widget #main-footer .container { max-width: 100%; }
#footer-widgets .footer-widget .sls_external_link a { font-size: 0.8em; font-style:italic; margin-bottom: 5px; display:inline-block; position:relative; top:-5px; color: #075776; }
#footer-widgets .footer-widget .sls_external_link:before { display:inline-block; content: " "; height: 20px; width: 20px; border-radius: 11px; border: 2px solid #fff; background: #fff url(https://dev.jdgreear.com/wp-content/uploads/2016/12/summit-logomark.png) top center no-repeat; background-size: 18px 18px; margin-right: 10px; position:relative; top:5px; }
#footer-bottom { display:none; }

#footer-widgets {padding-top: 0;}
#footer-widgets > .footer-widget { margin-bottom: 0;}
#footer-widgets > .footer-widget > .et_pb_widget { width: 100% !important; }
#footer-widgets > .footer-widget > .et_pb_widget .et_pb_section { padding: 40px 0 !important; }

@media (min-width: 981px) {

}
@media (max-width: 980px) {

}

/* Sidebar
============================================ */

.entry-content .et_pb_widget, .entry-content .widget { background: #fff; margin-bottom: 40px; box-shadow: 0 0 25px rgba(0,0,0,0.025); padding: 30px;}

/* Youtube Gallery */
.jd-youtube-gallery { padding: 0 !important; }
.jd-youtube-gallery #ytc-wrapper .ytc-thumbnails .ytc-row .ytc-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}
.jd-youtube-gallery .ytcthumb { border:none !important; }
.jd-youtube-gallery #ytc-wrapper .row { margin:0 !important; }

/* Widgets */
#main-content .widgettitle { text-transform: uppercase; padding-bottom: 20px; text-align:center; }

.latest-tweet-widget { background: #333 !important; color: #fff; text-align:center; padding: 70px !important; }
.latest-tweet-widget .fa { color: #0095F0 !important; font-size: 3rem; padding: 0 0 40px; }
.et_pb_sidebar_0.et_pb_widget_area .latest-tweet-widget a, .latest-tweet-widget a, .twitter-widget a { color: #BBD8EB !important; }

@media (min-width: 981px) {

}
@media (max-width: 980px) {

}


/* Home
============================================ */

@media (min-width: 981px) {

}
@media (max-width: 980px) {

}

/* Broadcasts
============================================ */

/* Featured Sermon Date */
.featured-sermon-date { font-family: 'Montserrat' !important; text-transform: uppercase; padding: 0; margin: 0 0 15px; line-height: 1; }
.featured-sermon-date span { line-height: 1; padding: 0; margin: 0; display:inline-block; }
.featured-sermon-date .today { font-weight: 700; }
.featured-sermon-date .separator { letter-spacing: -1px !important; padding: 0 10px; }
.featured-sermon-title { padding-top: 0 !important; }

/* Episode Media Player */
.episode-player .et_pb_audio_module_content { padding: 0 !important; }
.episode-player .mejs-time-slider { min-width: 100% !important; }

/* Episode Grid */
.broadcast-archive-title { text-transform: uppercase; letter-spacing: 2px; color: #555; margin: 0 !important; }

.episode-wrapper { display:flex; flex-wrap: wrap; }
.episode-wrapper .episode { flex: 0 0 100%; margin: 1% !important; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.05); position:relative; display:flex; flex-wrap: wrap; }

.episode-wrapper .episode .episode-image { flex: 1 0 100%; display:flex; position: relative; background-repeat: no-repeat; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
.episode-wrapper .episode .episode-image:before { display: block; content: ""; width: 100%; padding-top: 130%; }
.episode-wrapper .episode .episode-image .episode-link, .episode-listen i { transition: opacity 0.2s ease-in-out; }
.episode-wrapper .episode .episode-image .episode-link { position: relative; background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.25) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.25) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.25) 100%); display:flex; padding: 0; position: absolute; top:0; left: 0;right: 0; bottom: 0; align-items: bottom; opacity:0; overflow: hidden; }
.episode-wrapper .episode:hover .episode-link { opacity: 1; }
.episode-wrapper .episode .episode-image .episode-link a { padding: 40px 80px 30px 40px; display:flex; align-items: flex-end; color: #fff; }
.episode-wrapper .episode .episode-image .episode-link a h2 { padding: 0; text-align:left; font-size: 1rem; color: #fff; flex: 0 0 100%; margin-bottom: 10px; line-height: 1.5; font-weight: bold; }
.episode-meta { position:absolute; display:block !important; right: 0; top: 0; font-family: Montserrat, Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 15px; width: 80px; height: 80px; }
.episode-meta span { display:block; line-height: 1; color: #fff; text-align:center; text-shadow: 0 0 10px rgba(0,0,0,0.5); }
.episode-day { font-size: 2rem; font-weight: bold; }
.episode-listen { position:absolute; right: 20px; bottom:20px; }
.episode-listen i { color: #fff; font-size: 36px; opacity: 0.5; }
.episode-image:hover .episode-listen i { opacity: 1; }
.episode-content { padding: 20px;  font-size: 0.9rem !important; }
.episode-banner .episode-content { display:none !important; }
.episode-wrapper .et_pb_slide_title { font-size: 2rem; }
.episode-player .et_pb_audio_module_content { padding: 0 !important; }
.episode-player .mejs-time-slider { min-width: 100% !important; }

/* Broadcast Banner Widgets */
.episode-banner { display: flex; align-items: stretch; }
.episode-banner > div { padding: 0 !important; margin-bottom: 0 !important; }
.episode-banner .c2a-banner { text-align:center; background: #333 !important; display:flex; align-items: center; }
.episode-banner .c2a-banner div { padding: 30px; }
.episode-banner .c2a-banner h2, .c2a-banner p { color: #fff; }

/* Subscribe & Share Buttons */
.subscribe-share div { display:inline-block; margin: 0 5px; background: #333; color: #fff; padding: 5px 20px; border-radius: 18px; font-family: Montserrat; text-transform: uppercase; font-size: 0.875rem; }
div.jd-subscribe { background: #ED8310;  }
.slide-links, .slide-links a { transition: all 0.2s ease-in-out; }
.slide-links { position: relative; opacity: 0; padding-left: 7px; }
.jd-subscribe .slide-links { margin-left: -66px; }
.jd-share .slide-links { margin-left: -94px; }
.slide-links a { color: #fff; opacity: 0.75; }
.slide-links a:hover { opacity: 1; }
.slide-links i { padding: 0 3px; }
.hover-slide:hover .slide-links { margin-left: 0; opacity:1; }

/* Live CSS */
.et_pb_audio_module_content { padding: 30px 20px !important; }
.et_pb_audio_module_content h2 { font-size: 16px; padding-top: 0 !important; line-height: 1.5; padding-bottom: 10px !important; }
.mejs-currenttime { line-height: 1; font-size: 1rem !important; position:relative; top: -3px; }
.et_pb_audio_cover_art { display:flex; }
.audio_module_link { display:block; flex: 1 0 100%; }
.et_audio_module_meta { font-size: 0.8rem; }

/* Smartphone/Tablet */
@media (min-width: 981px) {
    .episode-wrapper .episode { flex: 0 0 30%; }
}

/* Extra Large Screens */
@media (min-width: 1441px) {
  .episode-wrapper .episode { flex: 0 0 22%; }
}

/* Desktop */
@media (max-width: 980px) {
    .episode-wrapper .episode { margin-bottom: 30px !important; }
    .episode-wrapper .episode .episode-image .episode-link { opacity:1 !important; }
}

/* Blog
============================================ */



/* Double Check This */
.header-lines { margin-bottom: 0px; }



/* Single Post */
body.single .post-meta { text-align:center; margin-bottom: 20px; }

/* Featured Content Grid */
.featured-content-wrapper { display:flex; justify-content: space-between; flex-flow: row wrap; flex-wrap: wrap; }

.featured-item-media { display:flex; align-items: stretch; flex: 1 0 100%; }
.featured-item-media a { width: 100%; display:block; line-height:1; margin:0; padding:0; background-size: cover; background-position: 50% 50%; }
.featured-item-media a:before { display: block; content: ""; width: 100%; padding-top: 56.25%; }

.featured-content-body { background: #fff; flex: 1 0 100%; }
.featured-content-body h2 { line-height: 1.35; }
.featured-content-sticky { font-size: 14px; color: #777; }
.featured-content-content > div { padding: 7px 0; }
.featured-content-content > h2 { padding: 0 0 10px !important; }

.post-meta { color: #777; text-transform: uppercase; font-size: 12px; line-height: 1; font-family: 'Montserrat'; font-weight: 300; }
.post-meta span { margin-right: 0px; }
.post-meta span:before { content: '|'; padding: 0 7px; }
.post-meta span:first-of-type:before { display:none; }
.post-meta span:last-of-type { margin-right: 0; }
.post-category { line-height: 1; }
.post-category a { color: #777; text-transform: uppercase; font-size: 12px; font-family: 'Montserrat'; font-weight: 300; }
.post-category a i { margin-right: 5px; }
.post-excerpt { font-size: 13px; }

.post-link { text-align:right; padding-top: 20px;}

.wp-pagenavi { margin:auto; border:none; text-align:center; }
.wp-pagenavi a, .wp-pagenavi span { background: #fff; padding: 10px; font-family: 'Montserrat'; text-transform: uppercase; font-weight: 300 !important; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.wp-pagenavi span.current, .wp-pagenavi a:hover { color: #1F97F3 !important; }
.wp-pagenavi span, .wp-pagenavi a { display:inline-block !important; margin-bottom: 10px; line-height: 1 !important; }

@media (min-width: 981px) {
    .page-body { background: #f9f9f9 !important; }
    .featured-blog .featured-item-media { display:none !important; }

  .featured-content-wrapper article { margin: 0 20px 40px; background: #fff; margin-bottom: 40px; box-shadow: 0 0 25px rgba(0,0,0,0.025); flex: 1 1 40%; position:relative; display:block; }
  .featured-layout-grid { flex: 1 1 25%; margin: 0 20px 40px; }
  .featured-content-body { padding: 30px; background: #fff; flex: 1 0 50%; }

  .featured-layout-list{ width: 100%; display:flex; margin-right: 0; margin-left: 0; }
  .featured-layout-list .featured-item-media { flex: 1 0 25%; }
  .featured-layout-list .featured-item-media a:before { display: block; content: ""; width: 100%; padding-top: 100%; }
  .featured-layout-list .featured-content-body { flex: 1 0 75%; }
  .featured-layout-list h2.entry-title { font-size: 18px; }

  .featured-layout-featured { width: 100%; display:flex; margin-right: 0; }
  .featured-layout-featured .featured-item-media { width: 50%; position:relative; flex: 1 1 auto; }
  .featured-layout-featured .featured-content-body { display:block; width: 50%; float:left; flex: 1 1 auto; }
}

@media (max-width: 980px) {
    .featured-content-wrapper article { margin-bottom: 40px; }
    .featured-content-body { padding: 30px; background: #fff; flex: 1 0 50%; }
    body.single .page-body { padding-top:0; }
    body.single-post .featured-content-body, body.single-ctc_sermon .featured-content-body { padding-top: 0; }
    .blog-teaser { display:none; }

}

@media (max-width: 767px) {
  .wp-pagenavi span.pages {display:block !important; margin-bottom: 25px !important; }
  .wp-pagenavi a.larger, .wp-pagenavi a.smaller, .wp-pagenavi span.extend, .wp-pagenavi span.current { display:none !important; }
  .nextpostslink, .previouspostslink { padding: 10px 20px !important; }

}



/* Store
============================================ */

.et_pb_shop_grid h3, .et_pb_shop_grid .price { text-align:center; }
.woocommerce-tabs { display:none; }
.product { display:flex; flex-wrap: wrap; }
.images { flex: 1 0 50%; }
.summary { flex: 1 0 50%; }
.related { flex: 2 0 100%; }
.summary p { padding-bottom: 20px !important; line-height: 2 !important; }
.summary h2 { padding-bottom: 20px !important; line-height: 1.5 !important; }
.cart { padding-top: 20px; }

@media (min-width: 981px) {

}
@media (max-width: 980px) {

}

/* Misc.
============================================ */

/* Recommended Reading */
.appip-title { font-size: 14px; }
.amazon-element-wrapper { display:flex; }
.amazon-image-wrapper { float: none; max-width: 100%; }
.amazon-element-sm-image { flex: 1 0 10%; }
.amazon-element-title { flex: 1 0 90%; display:flex; align-items: center; padding-left: 20px; }
.recommended-reading > div { margin-bottom: 40px; }
.recommended-reading > div > h2 { margin-bottom: 20px; }

/* Slim Opt In Form */
.et_bloom_inline_2_fields { background-color:#191A21 !important; }
.slim-optin-form  .et_bloom_form_container .et_bloom_form_content { padding: 25px 0 !important; background:none !important; }
.slim-optin-form  .et_bloom_form_container .et_bloom_form_header { display: none !important; }
.slim-optin-form .et_bloom_inline_form { margin: 10px 0 !important; }
.slim-optin-form  h2.et_bloom_success_message, h2.et_bloom_error_message { color: #888 !important; }
.slim-optin-form .et_bloom_form_container h2.et_bloom_error_message, h2.et_bloom_success_message { border-radius: 0px !important; }
.slim-optin-form .et_bloom_success_container.et_bloom_animate_success span.et_bloom_success_checkmark { display: none; }
.et_bloom_2_fields { background: #fff !important; }
.et_pb_newsletter_form p:nth-child(3) { display:none; }
@media only screen and (max-width: 1110px) {
  .slim-optin-form  { margin-bottom: 25px; margin-top: 0px; }
}

/* Donate Page */
.donate-gift-amount { background: #B1D2E9; background: #004C6D; padding: 10px 20px !important; }
.donate-gift-amount label { padding-right: 20px; color: #fff; }
.donate-gift-amount .gfield_label { position: relative; top:-15px; }
.donate-gift-amount .ginput_container, .donate-gift-amount .gfield_description { display:inline-block; width: auto; }
.ways-to-give .textwidget { display:flex; }
.ways-to-give .textwidget div { flex: 1 0 50%; padding: 10px; text-align:center; position:relative; }
.ways-to-give .textwidget div:first-child:after { display:block; content: ''; width: 1px; background: #ccc; height: 150px; position:absolute; right: 0; top: 20px; }
.ways-to-give .textwidget div p { line-height: 1.7; }
.ways-to-give .textwidget div i { font-size: 3rem; line-height: 1.5; }

@media (min-width: 981px) {

}
@media (max-width: 980px) {

}
