/*
 Theme Name:     R.I.D.
 Theme URI:      https://www.webase.io
 Description:    R.I.D. Divi Customization
 Author:         Webase
 Author URI:     https://www.webase.io
 Template:       Divi
 Version:        1.0.0
*/
 
.et_mobile_menu {
    position: fixed;
    border-top: 3px solid #ffb500;
}

.et_header_style_left #logo, .et_header_style_split #logo {
    max-height: 80%;
}

#main-footer #footer-widgets {
    display: none;
}



@media screen and (max-width: 980px) {
    .et_fixed_nav #main-header {
        position: fixed!important;
    }
    .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
        padding-top: 14px;
    }

    .et_header_style_left .et-fixed-header #et-top-navigation .mobile_menu_bar, .et_header_style_split #et-top-navigation .mobile_menu_bar {
        padding-bottom: 14px;
    }
    .et_fixed_nav .et-fixed-header #logo {
        max-height: 80%;
    }
    .et-overlay-item, .et-overlay-container .et_pb_button_module_wrapper {
        display: none;
    }
}

 @media all and (min-width: 981px) {
   
  .et-fb-root-ancestor .et-overlay-item {
    opacity: .85; /*shows hidden overlay items when using the visual Divi Builder*/
  }
  .et-overlay-item {
    opacity: 0; /*hides overlay items by default*/
    margin-bottom: 0px;
  }
  .et-overlay-item, .et-overlay-image {
    transition: all 400ms !important; /*sets transition speed of all overlay items*/
  }
  .et-overlay-container:hover .et-overlay-item {
    opacity: .85; /*reveals hidden overlay items on hover*/
  }
  .et-overlay-container:hover .et-overlay-image {
    /*add new styles here to change image on hover*/
  }
  .et-overlay-container:hover .et-overlay-image.et-scale {
    transform: scale(1.2); /*adjust scale of image here*/
  }
  .et-overlay-container:hover .et-overlay-image.et-rotate {
    transform: scale(1.4)
    rotateZ(10deg)!important; /*adjust rotation of image and scale needed for rotation here*/
  }  
  .et-overlay-container:hover .et-overlay-item.move-up {
    margin-bottom: 15% !important; /*adjust how far you want the overlay item to move up*/
  }
  .et-overlay-container:hover .et-overlay-item.move-down {
    margin-top: 10%; /*adjust how far you want the overlay item to move down*/
  }
 
} 

.et-overlay-container .et_pb_button_module_wrapper {
    width: 80%;
    text-align: center;
    transform: translateX(-50%);
}

.et-overlay-container .et_pb_button_module_wrapper .et_pb_button {
    transform: none;
}

.et_pb_fh_post_carousel_rid .et_pb_fh_post_carousel_description {
    width: 100%;
    max-width: 85%;
    position: absolute!important;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    margin-bottom: 0px;
    color: #fff;
    text-align: center;
}
.et_pb_fh_post_carousel_rid .et_pb_fh_post_carousel_description h2,
.et_pb_fh_post_carousel_rid .et_pb_fh_post_carousel_description h3 {
    color: #fff;
    text-align: center;
}
.et_pb_fh_post_carousel_rid .et_pb_fh_post_carousel_overlay {
    background-color: #ffb500;
    height: 100%;
    padding-bottom: 0px;
    width: 100%;
    position: absolute!important;
    top: 0px;
    bottom: auto;
    left: 0px;
    right: auto;
    opacity: 0;
    margin-bottom: 0px;
}


.et_pb_fh_post_carousel_rid .et_pb_fh_carousel_item:hover .et_pb_fh_post_carousel_description,
.et_pb_fh_post_carousel_rid .et_pb_fh_carousel_item:hover .et_pb_fh_post_carousel_overlay {
    opacity: .85;
}
.et_pb_fh_post_carousel_rid .et_pb_fh_post_carousel_overlay,
.et_pb_fh_post_carousel_rid .et_pb_fh_post_carousel_description {
    transition: all 400ms!important;
}


@media (min-width: 992px) {
    .et_pb_row_rid_buttons .et_pb_button_module_wrapper {
        display: inline-block;
    }
    .et_pb_row_rid_buttons .et_pb_button_module_wrapper:not(:first-of-type) {
        margin-left: 15px;
    }
}


.icon-bar {
  z-index: 10;
  position: fixed;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 12px 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
  margin-bottom: 10px;
  color: #fff;
}

.icon-bar a:hover {
  background-color: #333;
  color: #fff;
}

@media (max-width: 1023px) {
    .icon-bar {
      bottom: 0%;
      top: auto;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
    .icon-bar a {
      padding: 10px 14px;
      font-size: 16px;
    }
}

.icon-bar .email {
  background: #333;
}
.icon-bar .phone {
  background: #ffb500;
}
.icon-bar .whatsapp {
  background: #25D366;
}

.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}

svg:not(:root).svg-inline--fa {
    overflow: visible;
}
.svg-inline--fa.fa-w-16 {
    width: 1em;
}