/*
 Theme Name:     BEST Tulsa - Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    BEST Tulsa - Divi Child Theme
 Author:         matterlab
 Author URI:     https://matterlab.org/
 Template:       Divi
 Version:        1.0.2
*/

/* =Theme customization starts here
------------------------------------------------------- */

/* Blog Post Single Template */
body.single-post .wp-caption {
  background-color: transparent;
  border: none;
  margin-top: 10px;
  padding: 0;
}


body.single-post .wp-caption-text {
  font-size: 0.9rem;
  font-style: italic;
  line-height: 1.5em;
  text-align: left;
}

body.single-post h2,
body.single-post h3,
body.single-post h4,
body.single-post h5,
body.single-post h6 {
  padding-bottom: 12px;
  padding-top: 12px;
}


/* Body Overflow - For Responsive */
body,
html {
  overflow-x: hidden;
}

body #page-container {
	overflow-x: hidden;
	overflow-y: hidden;
}


body #main-content mark {
  background-color: #FFD8D8;
}


/* Rounded Corners - Content Images */
body img.rounded {
  border-radius: 45px;
}

body img.alignleft {
  margin: 7px 35px 15px 0;
}

body img.aligncenter {
  margin: 15px auto 35px auto;
}


body img.alignright {
  margin: 7px 0 15px 15px;
}



/* Custom Divi Footer */
body footer .flex_row .widget_nav_menu {
  margin: 0 !important;
  padding: 0 !important;
}

body footer .flex_row .et_pb_column:first-of-type {
  display: flex;
  justify-content: space-between;
}

body footer .flex_row .fwidget {
  width: 100% !important;
}

body footer .flex_row .best_logo {
  margin: 0 50px 0 0 !important;
}

body footer .flex_row .footer_menu_1 {
  margin: 0 50px 0 0 !important;
  width: 150px;
}

body footer .flex_row .footer_menu_2 {
  margin: 0 150px 0 0 !important;
  width: 150px;
}



/* Divi Button Grid */
body .dipi_button_grid .dipi-button-grid-container .dipi_button_grid_child, 
body .et-db #et-boc .et-l .et_pb_column .et_pb_module.dipi_button_grid_child {
  margin: 0 !important;
}



/* Blog Story - Divi Filter Grid */
body .story_grid .dp-dfg-filters-dropdown-layout {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}

body .story_grid .dp-dfg-filters-dropdown-layout .dp-dfg-filters-dropdown {
  min-width: 500px;
}



/* Bio Popopusq - Divi Areas Pro */
body #et-boc .area-outer-wrap .da-close {
  font-size: 50px;
  right: 3%;
  top: 5%;
}




/* Partner Grid Divi Pixel Carousel */
body .partner_grid .dipi-image-wrap {
  align-items: center;
  display: flex;
  min-height: 125px;
}

body .partner_grid .dipi-carousel-button-wrapper:after {  
  content: "L";
  color: #FF9F68;
  font-family: ETmodules!important;
  font-size: 18px;
  margin-left: -15px;
}



/* Gravity Forms */
body .gform_wrapper .gfield_validation_message, 
body .gform_wrapper .validation_message {
  background: none;
  border: none;
  font-style: italic;
  padding: 5px 0;
}



/* Ninja Forms */
body .nf-form-content {
  max-width: 100%;
}

body .nf-form-content input:not([type=button]), 
body .nf-form-content textarea {
  color: #000;
}

body .nf-form-fields-required {
  display: none;

  color: #fff;
  padding: 10px 0 20px;
  font-style: italic;
  text-align: center;
}

body .nf-form-errors {
  font-style: italic;
  text-align: center;
}

body .nf-form-content button, 
body .nf-form-content input[type="button"], 
body .nf-form-content input[type="submit"] {
  background-color: #FF9F68;
  border-radius: 27px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin: 0 auto;
  padding: 15px 75px;
}

body .nf-form-content button:hover, 
body .nf-form-content input[type="button"]:hover, 
body .nf-form-content input[type="submit"]:hover {
  background-color: #FE5A5A;
  color: #fff;
}


/* Footer Email Signup - Mailchimp */
body #mc_embed_signup input.email {
  background: none;
  border: none;
  border-bottom: 1px solid #2F4352;
  font-size: 15px;
  padding: 15px 0;
  width: 100%;
}

body #mc_embed_signup input#mc-embedded-subscribe {
  background-image: url(images/submit-arrow.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  cursor: pointer;
  font-size: 0;
  height: 16px;
  position: absolute;
  right: 0;
  top: 15px;  
  width: 32px;
}




/* Footer Email Signup - Gravity Forms */
body footer .gform_footer {
  position: absolute;
  right: 0;
  top: -5px;
}

body footer .gform_validation_errors {
  display: none !important;
}



/* Footer Email Signup - Ninja Form */
body footer .flex_row .submit-wrap .nf-field-element {
  position: absolute;
  right: 0;
  top: -75px;
  width: 84px;
}

body footer .flex_row .submit-wrap .nf-field-element:before {
  background-image: url(images/submit-arrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: " ";
  height: 16px;
  position: absolute;
  right: 0;
  top: 15px;
  width: 32px;
  z-index: -1;
}

body footer .flex_row .nf-form-content {
  padding: 0;
}


body footer .flex_row .nf-form-content .list-select-wrap .nf-field-element>div, 
body footer .flex_row .nf-form-content input:not([type=button]), 
body footer .flex_row .nf-form-content textarea {
  border: none;
  border-bottom: 1px solid #2F4352;
  background: none;
  padding: 25px 0;
}

body footer .flex_row .nf-form-content button, 
body footer .flex_row .nf-form-content input[type=button], 
body footer .flex_row .nf-form-content input[type=submit] {
  background: transparent !important;
  color: transparent !important;
  transition: all .5s;
  cursor: pointer;  
}








/**************** Media Queries - Min Widths */
@media only screen and (min-width: 981px) {
  
  /* Divi Logo - Home Only */
  body.home #main-header:not(.et-fixed-header) .logo_container #logo {
    content: url("/wp-content/uploads/2021/09/BEST-logo@2x.png");
  }

}

@media (min-width: 1850px) {

}



/**************** Media Queries - Max Widths */
@media (max-width: 1200px) {

  /* 
  body #main-header {
    background-color: #606163;
  }

  body.home #main-header:not(.et-fixed-header) .logo_container #logo {
    content: url("/wp-content/uploads/2021/09/BEST-logo-white-brand@2x.png");
  }

  body #main-header #et-top-navigation {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
  }

  body #main-header #et-top-navigation nav > ul > li > a {
    padding-bottom: 30px !important;
  }
  */
  

  /* Mobile Header 
  body.home #main-header:not(.et-fixed-header) .logo_container #logo {
    content: url("/wp-content/uploads/2021/09/BEST-logo-white-brand@2x.png");
  }
  */


  /* Home Hero */
  body #top-menu li a {
    font-size: 14px;
  }

  body #top-menu li {
    padding-right: 10px;
  }

  body header#main-header #et-top-navigation nav > ul > li > a.dipi-cta-button {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }



  body.et_header_style_left #logo {
    margin-top: -5px;
  }


  body.et_fullwidth_nav #main-header .container {
    max-width: 100% !important;
    padding: 0 20px;
    width: 100% !important;
  }
  

}


/* Tablet and DOWN */
@media (max-width: 980px) { 

  /* Divi Row - Flex Swap Columns */
  body .et_pb_row.flex_swap {
    display: flex;
    flex-wrap: wrap;
  }
  
  body .et_pb_row.flex_swap .et_pb_column:last-of-type {
    order: 1;
  }
  
  body .et_pb_row.flex_swap .et_pb_column:first-of-type {
    order: 2;
  }


  body span.break {
    display: block;
  }

  /* Blog Story - Divi Filter Grid */
  body .story_grid .dp-dfg-filters-dropdown-layout {
    margin-bottom: 15px;
  }

  /* Mobile Divi Footer */
  body footer .flex_row {
    padding: 0 !important;
  }

  body footer .flex_row .et_pb_column:first-of-type {
    margin-bottom: 75px !important;
  }

  body footer .flex_row .footer_menu_1 {
    margin: 0 15px 0 0 !important;
    width: 150px;
  }

  body footer .flex_row .footer_menu_2 {
    margin: 0 15px 0 0 !important;
    width: 150px;
  }
  
}

/* Mobile Down */
@media (max-width: 767px) {  

  /* Blog Post Single Template */
  body.single-post .wp-caption.alignleft,
  body.single-post .wp-caption.alignright {
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
  }   

  /* Bio Popups - Divi Areas Pro */
  body #et-boc .area-outer-wrap .da-close {
    right: 5%;
  }

  /* Div Custom Footer */
  body footer .flex_row .et_pb_column:first-of-type {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 25px !important;
  }

  body footer .flex_row .best_logo {
    margin: 0 0 25px 0 !important;
    width: 100% !important;
  }

  body footer .flex_row .footer_menu_1 {
    margin: 0 !important;
    text-align: center;
    width: 100% !important;
  }

  body footer .flex_row .footer_menu_2 {
    margin: 0 !important;
    text-align: center;
    width: 100% !important;
  }  

  /* Blog Story - Divi Filter Grid */
  body .story_grid .dp-dfg-filters-dropdown-layout {
    margin-bottom: 0px;
  }

  body .story_grid .dp-dfg-filters-dropdown-layout .dp-dfg-filters-dropdown {
    min-width: 100px;
  }

}

/* Mobile Down */
@media screen and (max-width: 480px) {

}