/*
 Theme Name:   Church Council of Greater Seattle
 Theme URI:    http://divi.space/
 Description:  A Child Theme built for Divi on Divi Space
 Author:       Sheila Hoffman
 Author URI:   http://www.hoffmangraphics.com
 Template:     Divi
 Version:      2.7
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


#logo {max-width: 179px;}

#main-content {
    background-color: #fffff0;
}

/*footer */
#footer-widgets .footer-widget li a {color: #FFFFF0;}
.ds_footer_bullets #footer-widgets .footer-widget li {padding: 0;}
.dce-credits-separator {padding: 0 5px;}

#footer-widgets {
padding-top: 25px;
margin-bottom: 0px;
}

#main-footer {
    margin-top: 30px;
}

.footer-widget {
margin: 0 5.5% 5.5% 0;
width: 20.875%;
}
.et_pb_footer_columns4 .footer-widget.last {
margin-right: 0;
}

.et_bloom .et_bloom_widget_content .et_bloom_form_header {padding: 5px!important;}
.et_bloom .et_bloom_widget_content .et_bloom_form_container .et_bloom_form_content {padding: 15px;}

/* Ai1EC Calendar */
.single-ai1ec_event .post-meta {display:none;}
.single-ai1ec_event #comment-wrap {display:none;}

/* Directory */

.wpbdp-listing-single .listing-title {
    background: none!important;
    border: none!important;
    margin-bottom: 7px;
    padding: 0!important;
}

.wpbdp-bar {
    background: #fffff0!important;}

.wpbdp-listing-excerpt.odd {background: #F1F1F0!important;}

.wpbdp-map-directions-config {background: #FFFFF0!important;}

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input.text, input.title, textarea, select {background: #FFFFF0;}

.wpbdp-main-page #wpbdp-categories {display: none;}

.et_pb_fullwidth_header {padding: 20px 0 0 0;}

form#wpbdmsearchform {padding: 0!important;}

.wpbdp-listing .listing-title a, .wpbdp-listing .listing-title h2 {
    color: #245661!important;
    font-family: "Playfair Display",Georgia,"Times New Roman",serif!important;
}


.wpbdp-listing a {
    border-bottom: none;
    color: #8E4E18!important;
    text-decoration: none;
}


/* toggle */
.et_pb_toggle {margin-bottom: 1%!important;}
.et_pb_toggle_close h5.et_pb_toggle_title {color: #578595;}

/* nav */

.et_vertical_nav #main-header .container {margin: 0;}
.et_vertical_nav #main-header #top-menu > li > a {margin-left: 13px; padding-bottom: 20px!important;}

.nav li ul {padding: 0; width: 120px; }
#top-menu li li {padding: 0 5px;}

.et_vertical_nav #main-header #logo {margin: 0 30px;}



@media all and (max-width: 980px) {
    #menu-primary.bellows-nav {
        display: none;
    }
    #main-header {
        height: 20px;
    }
}

.mobile_menu_bar:before {
    color: #FFFFF0;
}

.ds_menu_word_replace .mobile_menu_bar::before {border: 1px solid #fffff0;}

/* colors nav bar icons */
.bellows, .bellows .bellows-nav, .bellows .bellows-nav * {
    color: #e9920d;
}

/* current color nav bar */
.bellows-current-menu-item a.bellows-target {
color: #e9920d !important;
}

/* accordion arrow spacing */

.bellows .bellows-nav .bellows-subtoggle {width:50px!important;}


/** This hides the one menu that is never needed, but is needed for the mobile one to work */

#top-menu {
    display: none;    
}


@media all and (min-width: 981px) {
.et_vertical_nav.et_vertical_fixed.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 15px;
}
}

@media all and (max-width: 980px) {

    /** Changed the selector so the parent element also gets hidden */

    .bellows.bellows-main {   
        display: none;
    }

     /** Changed value to 80px to match with paddings, added !important. */

    #main-header {
        height: 80px !important;
    }
}

.mobile_menu_bar:before {
    color: #FFFFF0 !important;
}

/** Changed Vertical Header position from 'fixed' to 'absolute' so it scrolls with the page. This fixes the menu items overflowing conventional screen sizes. */

@media all and (min-width: 981px) {
    .et_vertical_nav.et_vertical_fixed #page-container #main-header {
        position: absolute;
    }
}

/**fills the top left gap with color and shifts logo higher up**/

/* .et_vertical_nav #page-container {background: #578595;}*/
.et_vertical_fixed.admin-bar #page-container #main-header {top: 0;}


@media all and (max-width: 980px) {
	#main-header .container {
		height: 100%;
	}
	#logo {
		max-height: 90%;
	}
	#top-header {
		display: none;
	}
}

/** grayscale map on contact page **/

.et_pb_map_container { 
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); 
    filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(80%);
}

.wpbdp-map { 
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); 
    filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(80%);
}

.et_vertical_nav #page-container {background: none;}

.et_pb_toggle_close h5.et_pb_toggle_title {
    color: #8e4e18;
}

.et_pb_toggle_open h5.et_pb_toggle_title {
    color: #245661;
}


.single-post-pagination #next-post {text-align: right!important;}

/* homepage slider */
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {padding: 13% 13% 6%;}
.et_pb_slider {max-height: 600px;}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    margin-left: -50px;
    padding: 110px 20px;
    max-width: 600px;
}

h1, h2, h3, h4, h5, h6, .et_quote_content blockquote p, .et_pb_slide_description .et_pb_slide_title {text-align: left;}
.et_pb_slide_content {text-align: left;}

.et_pb_gutters3 .et_pb_column_1_3 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_1_3 .et_pb_module, .et_section_specialty .et_pb_gutters3.et_pb_row .et_pb_column_1_3 .et_pb_module, .et_section_specialty .et_pb_row .et_pb_column_2_3 .et_pb_gutters3.et_pb_row_inner .et_pb_column_1_3 .et_pb_module {
    margin-bottom: 4%;
    padding-left: 20px;
}

.et_pb_button_module_wrapper {padding: 5px 0 0 0!important;}
#wpbdp-search-form {
    margin-bottom: 30px;
}
.et_pb_button_module_wrapper {padding-bottom: 15px!important;}

.et_pb_contact_captcha_question:before {
content: "Are you a human? Show us your math skills!";
font-size: 14px;
padding-right: 10px;
}

/* resources icons for links 
.post-1849 a [target="_blank"]{
display:inline-block;
line-height:25px; 
background:url(
http://ccgs.wpstagecoach.com/wp-content/uploads/2016/06/newwindow-25.jpg)  center right no-repeat;
padding-right:30px;
}*/

.post-1849 a[href$='.pdf'] {
display:inline-block;
line-height:25px; /* check your icon height */
padding-right: 30px;
background: transparent url(http://ccgs.wpstagecoach.com/wp-content/uploads/2016/06/pdf-icon-25.jpg)  center right no-repeat;
}