/*
 Theme Name:     e Internet Marketing Services Child Theme
 Author:         e Internet Marketing Services
 Author URI:     http://einternetmarketingservices.com
 Template:       Divi
 Version:        2.8.0
 Description:    A Child Theme built by e Internet Marketing Services for use with the Divi theme
*/

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

.greyOverlay .et_parallax_bg:before, .greyOverlay:before {
  content:"";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(58, 60, 69, .4);
}

.whiteOverlay .et_parallax_bg:before, .whiteOverlay:before {
  content:"";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(244,244,244,0.6);
}

/*----------START Custom Footer Icons----------*/

#footer-info {
    float: none;
    padding-bottom: 10px;
    color: #666;
    text-align: center;
}

#footer-bottom .et-social-icons {
    float: none;
    text-align: center;
    margin-top: -32px;
    margin-bottom: 15px;
}

#footer-bottom .et-social-icon a {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    transition: color .3s ease 0s;
    background: #171717;
    padding: 8px;
    border-radius: 25px;
    border: 1px solid white;
    width: 40px;
    height: 40px;
}

#footer-bottom .et-social-icon a:hover {
    background: #357cbd;
    opacity: 1!important;
}

#footer-bottom .et-social-icons li {
    display: inline-block;
    margin-left: 10px;
}

/*----------END Custom Footer Icons----------*/

/*----------START Making the Menu Fixed on Mobile----------*/

@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
}

.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}

/*----------END Making the Menu Fixed on Mobile----------*/

/*----------START Overlapping Logo that Shrinks on Scroll----------*/
/* https://joshhall.co/how-to-create-an-overlapping-logo-in-divi/

#et-info {
    float: right;
}

.et_fixed_nav #top-header {
    position: fixed;
    z-index: 9998!important;
}

#logo {
    max-height: 100px;
    margin-top: -30px;
}

.et-fixed-header #logo {
    max-height: 60px!important;
    margin-top: 0px;
}

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

#logo {
    max-height: 70px;
    margin-top: 0px;
}

#et-info {
    float: none;
}

}
*/
/*----------END Overlapping Logo that Shrinks on Scroll----------*/

/*---------------START Menu CTA Button---------------*/

.menu-cta a {
    border: 2px solid white!important;
    background-color: green;
    color: white!important;
    padding: 5px!important;
    margin: 5px!important;
    border-radius: 10px;
    text-align: center;
}

.menu-cta a:hover {
    background-color: #2ea3f2;
    color: white!important;
}

.et_header_style_left #et-top-navigation {
    padding-top: 5px!important;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 5px!important;
}

@media only screen and (max-width: 980px) {
.menu-cta a {
    color: white!important;
    background-color: green;
    }

}

/*---------------END Menu CTA Button---------------*/

/*----------START Customized Social Icons in Header----------*/

#top-header .et-social-icons {
/*display: inline-block;*/
float: right;
}

#top-header .et-social-icon a {
font-size: 14px;
background: white;
color: #3e007f;
padding: 5px;
border-radius: 25px;
margin-top: -3px;
height: 24px;
width: 24px;
}

#top-header .et-social-icons li {
margin-top: -2px;
margin-left: 5px;
}

#et-secondary-nav, #et-secondary-nav li {
display: inline-block;
margin-right: 15px;
}

/*----------END Customized Social Icons in Header----------*/


/*-----------------------------------------------*/ 
/*-----Start Header & Slider Alignment by Divi Soup----*/ 
/* https://divisoup.com/r36-how-to-control-the-divi-header-and-slider-height-and-content-position/ */
/*-----------------------------------------------*/
/*Standard Slider*/
.ds-reg-slider .et_pb_slides .et_pb_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-box-align: end;
    -ms-flex-align: end;
    align-items: center; /* flex-end | flex-start |  */
}
.ds-reg-slider .et_pb_slides .et_pb_slider_container_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2%;
}
.ds-reg-slider .et_pb_slide {
    padding: 0;
    min-height: 50vh;  /*Adjust for header height*/
    height: 50vh; /*Adjust for header height*/
}
.ds-reg-slider .et_pb_slide_description {
    width: 100%;
    padding: 0;
}
/*-----------------------------------------------*/ 
/*---End Header & Slider Alignment by Divi Soup--*/ 
/*-----------------------------------------------*/