/*======================================
Theme Name: Divi Child Theme
Theme URI: https://www.elegantthemes.com/
Description: This is a Divi child theme.
Author: Eleganth Themes
Author URI: https://www.elegantthemes.com/
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

/*add your custom CSS below this line*/

.et_pb_sticky .et_pb_menu_0_tb_header.et_pb_menu ul li a:hover {
	color: #fc3e6f!important;
}

/* Added underline on the menu items */
.nb-dl-menu ul.et-menu > li > a:before {
    content: '';
    width: 0;
    left: 50%;
    height: 3px;
    border-radius: 0px;
    background: #fc3e6f;
    position: absolute;
    z-index: -1;
    bottom: -3px;
    opacity: 0;
    transition: .5s cubic-bezier(.25,.01,.32,1.61);
}

.nb-dl-menu ul.et-menu > li > a:hover:before,
.nb-dl-menu ul.et-menu > li.current-menu-item > a:before  {
    width: 110%;
    left: -5%;
    opacity: 1;
}

.nb-dl-menu ul.et-menu > li > a {
    z-index: 1;
}

/* Mobile menu X icon added */

/* Change Divi 5 mobile hamburger menu to an X when open */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d'; /* \4d is the built-in Elegant Themes X icon */
}

/* Added Mobile Menu Border */
.et_pb_menu .et_mobile_menu {
	border: 2px solid #fc3e6f!important;
}

/* Divi Flash Carousal Styles */
.df_tc_arrows .swiper-button-prev {
	border-radius: 5px;
}

.df_tc_arrows .swiper-button-next {
	border-radius: 5px;
}

/*style and position the back to top button*/
body .et_pb_scroll_top {
	background-color: #fc3e6f!important;
	color: #ffffff !important;
	padding: 8px 10px 8px 8px !important;
	right: 20px !important;
	bottom: 125px !important;
	border: 2px solid  #ffffff;
	border-radius: 5px !important;
}

/*style the back to top button on hover*/
body .et_pb_scroll_top:hover {
	background-color: #ffffff!important;
	color:  #000000!important;
	border: 2px solid #000000;
}

/* Fixed horizontal  scroll */
@media all and (max-width: 980px) {
  html, body {
    overflow-x: hidden;
  }
  body {
    position: relative;
  }
	
}