/* 
 Theme Name:     AD-SPI-veralu
 Author:         AD-SPI
 Author URI:     https://www.ad-spi.fr
 Template:       Divi
 Version:        1.0
 Description:    Site Veralu  - menuiserie Aluminium -PVC -Bois
*/ 

/* 
 Theme Name:     AD-SPI-veralu
 Author:         AD-SPI
 Author URI:     https://www.ad-spi.fr
 Template:       Divi
 Version:        1.0
 Description:    Site Veralu  - menuiserie Aluminium -PVC -Bois
*/ 

/* ### General ### */
#page-container {
	overflow-x: hidden;
}

@media screen and (min-width: 981px) and (max-width: 1300px){
.custom-row-95,
.custom-special-row-95 .et_pb_row	{
	width: 95% !important;
}}

/* ### Header V1 ### */
@media screen and (min-width: 981px) {
.header-v1-top-bar-section .et_pb_row .et_pb_column {
	display: flex;
    justify-content: flex-end;	
	align-items: center;
}
	
.header-v1-bottom-bar-section .et_pb_row .et_pb_column {
	display: flex;	
	align-items: center;
}
	
.header-v1-main-menu {
    flex: 2 1 auto;
}
	
.header-v1-main-menu.et_pb_menu .et-menu>li {
    padding-left: 25px;
    padding-right: 25px;
}
	
.header-item-line.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:before {
    top: 70% !important;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 100%;
    transform: scaleX(0);
    border-radius: 20px;
}
	
.header-item-line.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.current-menu-item>a:before,
.header-item-line.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li:hover>a:before {
	transform: scaleX(1);
}
	
.header-v1-main-menu .et_pb_menu__logo {
	position: absolute;
    top: -30px;	
}
	
.et-menu a:hover {
    opacity: 1 !important;
}}

.header-v1-bottom-bar-section.et_pb_sticky_placeholder {
	z-index: 1 !important;
}

/* ### Home header buttons ### */
.home-header-buttons .et_pb_column {
	display: flex;
}

/* ### Estimate form cta ### */
.estimate-form-cta {
	display: flex;
    align-items: center;
}

.estimate-cta-first-blurb .et_pb_blurb_content {
	display: flex;
    justify-content: flex-end;
}

.estimate-form-cta .et_pb_contact_form  {
	display: flex;
}

.estimate-form-cta p.et_pb_contact_field {
    padding: 0 0 0 3%;
    margin-bottom: 0%;
}

.estimate-form-cta .et_contact_bottom_container {
    margin-top: 0%;
} 


/* #### Dropdown Menu #### */
  
.nav li ul.sub-menu {
	padding: 0px !important;
  	border-radius: 5px;
  	box-shadow: 0 5px 17px 0px rgb(0 0 0 / 25%);
  	-moz-box-shadow: 0 5px 17px 0px rgba(0,0,0,.25);
  	-webkit-box-shadow: 0 5px 17px 0px rgb(0 0 0 / 25%);
}
  
.nav li li {
  	padding: 0 0px !important;
  	width: 100%;
}
  
.et-menu li li a {
  	padding: 10px 20px;
  	width: 100% !important;
}
  
.et-menu > .menu-item-has-children > .sub-menu:before {
	content: '';
  	display: block;
  	position: absolute;
  	left: 70px;
  	top: -20px;
  	width: 0;
  	height: 0;
  	border-top: 8px solid transparent;
  	border-right: 12px solid transparent;
  	border-left: 12px solid transparent;
  	z-index: 1;
}
  
.nav li ul {
    right: 0!important;
}

.nav li li ul {
    top: -3px !important;
}

/* #### Collaping Mobile Menu #### */

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

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

.et_mobile_menu .menu-item-has-children>a {
    font-weight: 600 !important; 
}

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

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;
}

.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;
}

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;
}

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;
}

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

/* ###### Overlay menu ###### */
.custom-menu-v1 ul {
  	flex-direction: column;
}

.custom-menu-v1-row {
	overflow: auto;
  	transform: translateY(-100%);
  	transition: all .3s ease;
	opacity:0;
}

.custom-menu-v1-row.active-menu-v1 {
  	overflow: auto;
  	transform: translateY(0%);
  	transition: all .3s ease;
	opacity:1;
}

@media only screen and (min-width: 981px) and (max-width: 1350px) {
.menu-v1-desktop-column {
	padding-left: 5% !important;
}}

.et-l--header .custom-menu-v1 ul.sub-menu  {
  	padding-bottom: 0px !important;
}

.custom-menu-v1 ul li a {  
	text-align: center;  
}

.hamburger-icon-v1::after {
	content: '';
	display: block;
  	position: absolute;
	top: -11px;
  	right: -14px;
  	border-radius: 50%;
 	transform: scale(0);
 	z-index: -1;
 	transition: transform .3s cubic-bezier(.2,.9,.2,.9);
	width: 60px;
  	height: 60px;
  	content: "";
}

.hamburger-icon-v1:hover::after {
	transform: scale(1);
}

.custom-menu-v1-row-2 {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}