/**
 * ----------------------------------------
 * For all headers
 * ----------------------------------------
 */

/* Flex items in row and align vertical center */
.dr-flex-row {
	display: flex !important;
	align-items: center !important;
}
 
 /* Hide mobile */
 @media (max-width: 980px) {
	 .dr-hide-mobile {
		 display: none;
	 }
 }
 
 
/* Mega menu */
body:not(.et-fb) #et-boc .et-l #dr-menu-section li.mega-menu li img {
	border: 1px solid transparent;
} 

/* Bold font current menu item */
.et-menu .current_page_parent > a,
.et-menu .current-menu-item > a,
.et-menu .current-menu-ancestor > a {
	font-weight: bold;
}
 

 
/* Hide header on scroll */
/* #dr-header-section.hide-header {
opacity: 1;
margin-top: -200px !important;
}
 
#dr-header-section.show-header {
opacity: 1;
margin-top: 0px !important;
} */



/*
 * Cart and wishlist icons
 */

/* Cart and wishlist */
.dr-menu-counters .cart-contents:before {
    content: '\e015';
    font-family: 'ETmodules';
    margin-right: 5px;
}
.dr-menu-counters .cart-contents-count::before {
    content: 'Cart - ';
}

.dr-menu-counters .wishlist_products_counter:before {
    font-family: 'ETModules' !important;
	content: "\e030" !important;
}

.dr-menu-counters .wishlist-counter-with-products.wishlist_products_counter:before {
  	font-family: 'ETModules' !important;
	content: "\e089" !important;
}


.dr-menu-counters .cart-contents::before {
	margin-left: 15px;
	display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    vertical-align: sub;
    margin-right: 5px;
}

.dr-menu-counters span.wishlist_products_counter_number,
.dr-menu-counters .cart-contents-count {
	padding: 0 5px;
  	font-weight: bold;
  	margin-left: -6px;
  	top: 0px;
  	position: relative;
}


/* Disable text before cart and wishlist in header */
/* If you want to display text instead of icons remove as comments */
.dr-menu-counters  span.wishlist_products_counter_text,
.dr-menu-counters span.cart-contents-count::before {
	display: none;
}




/**
 * ----------------------------------------
 * Fibo Search
 * ----------------------------------------
 */

/* Remove x icon to close */
.dgwt-wcas-no-submit.dgwt-wcas-search-wrapp .dgwt-wcas-ico-magnifier path, .dgwt-wcas-search-wrapp .dgwt-wcas-close path {
  display: none;
}

/* Remove arrow left of submit button */
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before {
	display: none;
}

/* Max width */
@media (min-width: 981px) {
	#dr-menu-section .et_pb_menu .dgwt-wcas-search-wrapp {
		max-width: 450px;
	    margin-left: auto;
	    margin-right: 0;
	    margin-top: auto;
	    margin-bottom: auto;
	}
}

@media (max-width: 980px) {
    #dr-menu-section .et_mobile_menu .dgwt-wcas-search-wrapp {
        width: 90%;
        margin-top: 10px;
        border: 1px solid;
        padding: 5px;
    }
}



/**
 * ----------------------------------------
 * Opacity on hover
 * ----------------------------------------
 */

#dr-menu-section nav > ul:hover > li > a {
    opacity: .6 !important;
}

#dr-menu-section nav > ul > li:hover > a {
    opacity: 1 !important;
}




/**
 * ----------------------------------------
 * Drop down effect
 * ----------------------------------------
 */

@media (min-width: 981px) {

    #dr-menu-section .et-menu li li.menu-item-has-children > a:first-child:after,
	.dr-menu-dropdown-effect .et-menu li li.menu-item-has-children > a:first-child:after {
        font-family: "ETmodules";
        content: "L"  !important;
        font-size: 14px !important;
        text-align: center !important;
        top: calc(50% - 14px) !important;
        background-color: rgba(0, 0, 0, 0.05) !important;
        width: 26px !important;
        border-radius: 5px !important;
        -webkit-transition: background-color .3s ease-in-out !important;
        transition: background-color .3s ease-in-out !important;
    }

    #dr-menu-section .et-menu li li.menu-item-has-children > a:first-child:hover:after,
	.dr-menu-dropdown-effect .et-menu li li.menu-item-has-children > a:first-child:hover:after {
		color: white !important;
    }

    #dr-menu-section .nav li ul,
	.dr-menu-dropdown-effect .nav li ul{
        border-top: none !important;
    }

    #dr-menu-section .nav li li,
	.dr-menu-dropdown-effect .nav li li{
        padding: 0 !important;
    }

    #dr-menu-section .nav li li a,
	.dr-menu-dropdown-effect .nav li li a{
        width: 240px !important;
        font-size: 14px !important;
        -webkit-transition: all .3s ease-in-out !important;
        transition: all .3s ease-in-out !important;
    }

    #dr-menu-section .nav li li a:hover,
	.dr-menu-dropdown-effect .nav li li a:hover{
        background: transparent !important;
        opacity: 1 !important;
    }

    #dr-menu-section li li a > span:before,
	.dr-menu-dropdown-effect li li a > span:before {
        content: "" !important;
        position: absolute !important;
        width: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        -webkit-transition: width .3s ease-in-out, background-color .3s ease-in-out !important;
        transition: width .3s ease-in-out, background-color .3s ease-in-out !important;
    }

    #dr-menu-section li:not(.mega-menu) li:not(.mega-menu) a:hover > span:before,
	.dr-menu-dropdown-effect li:not(.mega-menu) li:not(.mega-menu) a:hover > span:before {
        width: 4px !important;
    }
	
	#dr-menu-section li:not(.mega-menu) li.current-menu-item > a > span:before,
	.dr-menu-dropdown-effect li:not(.mega-menu) li.current-menu-item > a > span:before {
        width: 4px !important;
    }
    
    /* Disable at mega meny */
    body:not(.et-fb) #et-boc .et-l #dr-menu-section li.mega-menu li a:hover > span:before,
    body:not(.et-fb) #et-boc .et-l #dr-menu-section li.mega-menu li.current-menu-item > a span:before,
	body:not(.et-fb) #et-boc .et-l .dr-menu-dropdown-effect li.mega-menu li a:hover > span:before,
    body:not(.et-fb) #et-boc .et-l .dr-menu-dropdown-effect li.mega-menu li.current-menu-item > a span:before {
        width: 0px !important;
    }
}


/**
 * ----------------------------------------
 * Mobile
 * ----------------------------------------
 */
 
/* If bigger than screen, scroll */
#dr-menu-section .et_mobile_menu,
.et_pb_module .et_mobile_menu{
	height: 87vh;
	overflow-y: scroll;
} 

/* Remove the top line in the mobile menu*/
#dr-menu-section .et_mobile_menu,
.et_pb_module .et_mobile_menu{
	border-top: 0px !important;
	margin-top: 2px;
}
/* Center-align moble menu items */
#dr-menu-section .et_mobile_menu li {
/* 	text-align:center !important; */
}
  
#dr-menu-section .et_mobile_menu li li, .et_mobile_menu li ul {
	padding-left:0px !important;
}
/* Make mobile menu fullwidth */
#dr-menu-section .et_mobile_menu,
.et_pb_module  .et_mobile_menu{
	min-width: 100vw;
	margin-left: -10vw;
}

#dr-top-header-section  .dr-menu-counters {
  text-align: right !important;
}



/* 
 * Collapsed menu 
 */

/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d' !important;
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\4c';
	border-radius: 5px;
	padding: 3px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\4b';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/


/* .mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}
 */


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}

/* Disable Toggle on mega menu mobile */
@media (max-width: 980px) {
/*     Disable toggle mega menu */
    .et-db #et-boc .et-l ul.et_mobile_menu .mega-menu .menu-item-has-children .sub-menu{
    	display: block !important;
    	visibility: visible !important;
    }

/*     disable toggle icon mega menu */
    ul.et_mobile_menu li.mega-menu.menu-item-has-children .sub-menu .mobile-toggle::after,
    #main-header ul.et_mobile_menu li.mega-menu.menu-item-has-children .sub-menu.mobile-toggle::after,
    .et-db #et-boc .et-l ul.et_mobile_menu li.mega-menu.menu-item-has-children .sub-menu.mobile-toggle::after,
    .et-db #main-header ul.et_mobile_menu li.mega-menu.menu-item-has-children .sub-menu .mobile-toggle::after {
        display: none;
    }   
/*     Make images smaller mega menu */
    body:not(.et-fb) #et-boc .et-l #dr-menu-section li.mega-menu li img {
        width: 40%;
        max-width: 150px;
    }
}

/**
 * ----------------------------------------
 * Header V1
 * ----------------------------------------
 */
 
/* All smaller screens*/
@media (max-width: 980px) {
	#dr-top-header-section > div > #dr-header-counter-column{
        margin-left: auto !important;
        max-width: max-content;
    }
    
    
    #dr-top-header-section .dr-header-blurb-row {
        max-width: max-content;
        min-width: 60px;
    }

}

/* Small phone */
@media (max-width: 600px) {

    #dr-top-header-section .dr-header-blurb-row .et_pb_blurb_container {
    display: none !important;
    }

}

/* bigger phone */
@media (min-width: 601px) and (max-width: 980px) {
    #dr-top-header-section .dr-header-blurb-row .et_pb_blurb_container .et_pb_blurb_description {
        display: none !important;
    }
    #dr-top-header-section .dr-header-blurb-row {
        margin-right: 9% !important;
    }
    
    #dr-top-header-section .dr-header-blurb-row .et_pb_blurb_container {
        padding-left: 0px;
    }
    

}


/*
 * Shrink top header on scroll 
 */

#dr-top-header-section .et_pb_blurb .et_pb_module_header,
#dr-top-header-section .et_pb_blurb .et_pb_blurb_description {
	-webkit-transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;
	-ms-transition: all 0.5s ease !important;
	transition: all 0.5s ease !important;  
}

@media (min-width: 891px) {

	#dr-top-header-section .et_pb_blurb_description {
	  opacity: 0;
	  margin-bottom: -50px;
	  margin-top: -10px;
	}
	
	#dr-top-header-section:not(.et_pb_sticky):hover .et_pb_blurb_description {
	  opacity: 1;
	  margin-bottom: -10px;
	}

}





/* #dr-top-header-section.small-header .et_pb_blurb .et_pb_module_header {
	font-size: 0px !important;
}

#dr-top-header-section.small-header .et_pb_blurb .et_pb_blurb_description {
	font-size: 0px !important;
} */