/*
Theme Name: First Baptist Church Spartanburg
Template: Divi
Author: Jonathan Carone
*/
/* Theme customization starts here */

#main-footer .container {
text-align: center;
}

.footer-widget {
float: none;
width: auto;
display: inline-block;
}

.footer-widget .et_pb_widget {
max-width: 100%;
float: none;
margin: 0% 0% 0% 0 !important;
}

@media only screen and (max-width: 1150px) and (min-width: 961px) {
#et_mobile_nav_menu, .et_mobile_nav_menu { 
display: block!important;
}
#top-menu { 
display: none!important;
}
}

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

#main-header, #main-header.et-fixed-header {
box-shadow: none !important;
}

#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;
}

#main-header.et-fixed-header, .et_menu_container { box-shadow:none !important; }
.inline-nav { display:inline-block; }
.inline-nav a { font-size: 24px !important; display:block; margin-right: 10px; }
#top-menu-nav { display: block !important; }

.et_pb_header_toggle { float:right !important; margin-left: 50px}

#top-menu > li > a {
    padding-top: 18px;
    font-family: "proxima-nova","proxima-nova",sans-serif; font-size: 14px; letter-spacing: 1px; text-transform: uppercase;
}

@media (min-width: 981px) {
  #logo { margin-left: 0px; }
  .mobile_menu_bar:before, .mobile_menu_bar:after { color: #fff !important; top:20px; }
  .et-fixed-header .mobile_menu_bar:before, .et-fixed-header .mobile_menu_bar:after { color: #165c89 !important; }
  #top-header.et-fixed-header { z-index:100; }
  #et-secondary-menu { position:relative !important; top:20px !important; transition: all 0.2s ease-in-out; }
  .et-fixed-header #et-secondary-menu { top:20px !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: #165c89; }
  .mobile_menu_bar:before, .mobile_menu_bar:after { color: #165c89 !important;  }
  #main-header:not(.et-fixed-header) .logo1 {
        display:none;
    }

    #main-header:not(.et-fixed-header) .logo2 {
        display:inline-block;
    }
}

@media (min-width: 981px) {
#main-header:not(.et-fixed-header) { background-color: rgba(0,0,0,0.0) !important; }
#page-container { padding-top: 0 !important; }
}


/*CHANGE COLUMN ORDER MOBILE*/
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}

.et_slide_menu_top .et-search-form {
    border-radius: 0px;
}

/*GRAVITY FORM CUSTOMIZATION*/
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
    font-family: "proxima-nova","proxima-nova",sans-serif !important;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
    color:#ffffff;
    padding: 2%;
    border: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #165C89;
}
body .gform_wrapper .gform_footer input[type=submit]:hover {
    border: none;
    background-color: #002D5C;
}

/*DIVIDER CENTERED*/
.et_pb_divider {
display:block
}

/*SOCIAL ICONS FOOTER CENTERED*/
.et_pb_social_media_follow li{
float:none !important;
display:inline-block !important;
}
.et_pb_social_media_follow{
text-align:center;
}


/* MENU CTA BUTTON */


#et-top-navigation .et_pb_button {
    margin-top: 0px;
    font-size: inherit;
    font-weight: inherit;
    border: 2px solid #ffffff;
    background-color: rgba(0,0,0,0);
}
#et-top-navigation .et_pb_button:hover {
    background-color: #ffffff !important;
    color: #002d5c !important;
    border: 2px solid #ffffff !important;
}
 
 .et-fixed-header .et_pb_button {
     border: 2px solid #165c89 !important;
}
 


/* SUB MENU SCROLL */


.scroll a {
padding-right: 15px;
}

.scroll {
        font-family: "proxima-nova", Helvetica, Arial, Lucida, sans-serif; 
        font-size: 18px; 
        font-weight: bold; 
        letter-spacing: 1px; 
        text-align: center !important;
}

article .et_mobile_nav_menu {
  display: none !important;
}
article .fullwidth-menu-nav {
  padding-right: 40px;
}

article .fullwidth-menu-nav ul {
  flex-wrap: nowrap !important;
}

.scroll,
.scroll .et_pb_fullwidth_menu {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

@media all and (min-width: 981px) {
  article .fullwidth-menu-nav,
  article .fullwidth-menu-nav ul {
    /* display: block !important; */
    display: flex !important;
  }
}
@media all and (max-width: 980px) {
  article .fullwidth-menu-nav,
  article .fullwidth-menu-nav ul {
    /* display: block !important;
    float: left !important; */
    display: flex !important;
  }

  .et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex !important;
  }
}

.scroll
  .menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item
  a {
  border-bottom: 2px solid #fff !important;
}
.scroll li {
  padding-right: 30px;
}