/* 
 Theme Name:     AB Fermetures7
 Author:         EBRANThomas
 Author URI:     https://www.ab-fermetures.fr
 Template:       Extra
 Version:        1.0
 Description:    Site web AB Fermetures Le Havre 
*/ 



/* ################################## */
/* ####### ORIGINAL CODE HVAC ####### */
/* ################################## */

/* ###  HIDE IN VISUAL BUILDER ### */

.et-fb .custom_top_bar,
.et-fb .custom_menu,
.et-fb .custom_footer {
    display: none !important;
}

.et-fb .cta_fixed_section {
    display:none!important;
}

.et-fb .triangle_section,
.et-fb .triangle_row,
.et-fb .triangle_module,
.et-fb .promotion_triangle,
.et-fb .contact_triangle {
    display:none!important;
}

/* ###  GENERAL ### */

/* ##### CTA RIGHT FIXED ##### */

.cta_fixed_section {
	position:fixed!important;
	top: 40%!important;
	right:0px!important;
	z-index:9999999 !important;
	transition: 0.5s ease-out;
	transform: translateX(285px);
}

.cta_fixed_section:hover {
    transform: translateX(0px);
}

/* ##### TRIANGLE ROW ##### */

.triangle_row {
     margin:0!important;
     padding:0;
    margin:0;
    z-index:999999.
}

/* ##### TRIANGLE LEFT ##### */

.triangle_row .triangle_left {
   background-image: linear-gradient(45deg,#c60505 46%,rgba(41,196,169,0) 0%);
    height: 200px !important;
    width: 200px !important;
}

/* ##### TRIANGLE RIGHT ##### */

.triangle_row .triangle_right {
    background-image: linear-gradient(225deg,#01254c 46%,rgba(41,196,169,0) 0%);
    height: 200px !important;
    width: 200px !important;
    top:-42px;
    position:absolute;
    right:0;
}

/* ##### TRIANGLE RESPONSIVE ##### */

@media only screen and (max-width: 479px) {
.triangle_row .triangle_left,
.triangle_row .triangle_right {
    height: 172px !important;
    width: 172px !important;
}}


/* ##### Map Height ##### */

@media only screen and (min-width: 981px) {
.home_map, 
.home_map .et_pb_map {
    height: 100% !important;
}}

/* ##### CONTACT SECTION FOOTER ##### */

@media only screen and (min-width: 981px) and (max-width: 1500px) {
.contact_home_column_1 {
    padding-left: 50px !important;
}}

/* ##### TRIANGLE LEFT AND RIGHT MAP ##### */

.triangle_contact .triangle_left {
    background-image: linear-gradient(45deg,#c60505 46%,rgba(41,196,169,0) 0%);
}

.triangle_contact .triangle_right {
    background-image: linear-gradient(225deg,#c60505 46%,rgba(41,196,169,0) 0%);
}

/* ##### TRIANGLE LEFT AND RIGHT MAP ##### */

.triangle_contact .triangle_left {
    height: 200px !important;
    width: 200px !important;
}

.triangle_contact .triangle_right {
    height: 200px !important;
    width: 200px !important;
}


/* ##### CONTACT FORM TRIANGLE ##### */  

.blurb_contact {
    margin-bottom:0!important
}

.et_pb_text.contact_triangle {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: absolute;
    padding-bottom: 5px;
    right: -132px;
    top: -48px;
    height: 120px;
    width: 300px!important;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(40deg);
}

.contact_triangle .service_text {	
    margin-bottom: -2px;
    margin-left:-2px;
    display: block;
    text-transform:uppercase;
    font-size:14px;
    font-weight:500!important;
}

.contact_banner_title {
    display: block;
    font-size:28px;
    font-weight:700!important;
    margin-bottom: 1px;
}

.blurb_contact .et_pb_blurb_container {
    padding-left: 5px !important;
    padding:22px;
}

.blurb_contact.et_pb_blurb_position_left .et_pb_blurb_content {
    margin-left: 2px;
}

.blurb_contact.blurb_contact.et_pb_blurb .et_pb_main_blurb_image {
    width: 82px !important;
    height:auto;
    vertical-align:middle;
}

.blurb_contact h2.et_pb_module_header {
    display: flex!important;
    align-items: center;
    width: 70%;
    font-weight: 700!important;
    margin-left:-6px;
    line-height:1em
}

.blurb_contact.et_pb_blurb .et_pb_module_header {
    min-height:62px!important;
}





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

/* ########################### */
/* ###### CHANGE COLORS ###### */
/* ########################### */

/* ### Dropdown menu ### */
.nav li li a { 
  	border-bottom: 1px solid rgb(0 0 0 / 19%); /* Dropdown border bottom */ 
  	font-weight: 500 !important; /* Dropdown font weight */ 
  	font-size: 16px !important; /* Dropdown font size */ 
}
  
.et-menu > .menu-item-has-children > .sub-menu:before {
  	border-bottom: 12px #31754a solid; /* Dropdown arrow color */
} 

/* #### 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 {
	color: #ffffff; /* Icon color */
	background: #339d55; /* Icon background color */
}

/* #### Menu hover line color #### */
.header-item-line.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:before {
	background-color: #31754a; /* Menu hover line color */
}

/* ### Header hamburger menu ### */
.hamburger-icon-v1::after {
  background: #f7be00; /* Hamburger background color */
}

/* #### Steps dashed line #### */
.stepblock:after {
    border-top: dashed 10px #339d55; /* Steps dashed line color */
}

/* ### Coupon section dashed line ### */
.coupon-column:after {
    border: dashed 4px #339d55; /* Coupons dashed line color */
}

/* ### Sidebar services menu ### */
.widget_nav_menu.et_pb_widget li a {
    color: #001446;
   	background-color:#eaeaea;
    border: 1px solid #c5c5c5;
}

.widget_nav_menu.et_pb_widget li a:hover,
.widget_nav_menu.et_pb_widget li.current-menu-item a {   
	color:#fff;
}

.widget_nav_menu.et_pb_widget li a:before {
	background-image: linear-gradient(90deg,#339d55 0%,#31754a 100%);
	
}

.widget_nav_menu ul li.current-menu-item a::after {
	 color: #FFFFFF;
}


/* ###### END CHANGE COLORS ###### */

/* ### 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;
}

/* ###### 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;
}

/* ### Header V2 ### */
@media screen and (min-width: 981px) {
.header-v2-bottom-bar-section .et_pb_row .et_pb_column {
	display: flex;	
	align-items: center;
}

.header-v2-main-menu {
    flex: 2 1 auto;
}}

@media screen and (min-width: 1300px) {	
.header-v2-main-menu.et_pb_menu .et-menu>li {
    padding-left: 25px;
    padding-right: 25px;
}}

/* ### Header V3 ### */
@media screen and (min-width: 981px) {
.header-v3-top-bar-section .et_pb_row .et_pb_column {
	display: flex;
    justify-content: center;	
	align-items: center;
}

.header-v3-main-menu {
    flex: 2 1 auto;
}}

@media screen and (min-width: 1300px) {	
.header-v3-main-menu.et_pb_menu .et-menu>li {
    padding-left: 25px;
    padding-right: 25px;
}}

/* ### Header V4 ### */
@media screen and (min-width: 981px) {
.header-centered .et_pb_row .et_pb_column {
	display: flex;
    justify-content: center;	
	align-items: center;	
}

.menu-centered {
    flex: 2 1 auto;
}}

@media screen and (min-width: 1400px) {	
.menu-centered.et_pb_menu .et-menu>li {
    padding-left: 25px;
    padding-right: 25px;
}}

@media screen and (min-width: 981px) and (max-width: 1200px) {
.header-centered .et_pb_row.et_pb_row--with-menu {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
	
.header-centered .et_pb_menu--style-inline_centered_logo .et_pb_menu__logo-slot {
	width: 25%;
	
}}

@media screen and (max-width: 980px) {
.header-centered .et_pb_menu--style-inline_centered_logo .et_pb_menu_inner_container>.et_pb_menu__logo-wrap {
	margin-bottom: 0px;
}}

/* ### 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%;
} 

/* ### Steps ### */

@media (min-width: 981px) {
.steps-row.et_pb_gutters4 .et_pb_column_1_3, .steps-row.et_pb_gutters4.et_pb_row .et_pb_column_1_3 {
    width: 23%;
}

.steps-row.et_pb_gutters4 .et_pb_column, .steps-row.et_pb_gutters4.et_pb_row .et_pb_column {
    margin-right: 15%;
}}

.stepblock {
	overflow: visible !important;
}

.stepblock:after {
	content: "";
    position: absolute;
    display: block;
    height: 10px;
    width: 85px;
    padding: 5px;
    right: -133%;
	top: 50%;
    margin: 0 180px -65px 0;
}

/* ### Cta row middle ### */
.cta-row-column-1 {
	width: 75% !important;
}

.cta-row-column-2 {
	width: 25% !important;
}

/* ### Review line ### */
.review-line {
	display: flex;
    align-items: center;
    justify-content: center;
}

/* ### Coupon section ### */
.coupon-column:after {
	content: '';
    position: absolute;
	top: 15px;
    left: 15px;
    width: calc(100% - 38px);
    height: calc(100% - 38px);
}

/* ### FOOTER ### */
@media only screen and (min-width: 981px) {
.et-db #et-boc .et-l .dc-custom-optin p.et_pb_newsletter_field {
	flex:2 !important;
	padding-bottom: 0px;
}

.et-db #et-boc .et-l .dc-custom-optin .et_pb_newsletter_form p.et_pb_newsletter_field input {	
	border-radius: 25px 0px 0px 25px !important;
	padding-left: 6%!important;
}

.et-db #et-boc .et-l .dc-custom-optin p {
	flex:1 !important;	
}

.et-db #et-boc .et-l .dc-custom-optin .et_pb_newsletter_fields {
	align-items: center;	
}

body.et-db #et-boc .et-l .dc-custom-optin .et_pb_button {
	border-radius: 0px 25px 25px 0px !important;
	height: 47px;
    display: flex;
	justify-content: center;
}

body.et-db #et-boc .et-l .dc-custom-optin .et_pb_button .et_pb_newsletter_button_text{
	align-self: center;	
}}

@media only screen and (min-width: 981px) and (max-width: 1450px) {	
body.et-db #et-boc .et-l .dc-custom-optin a.et_pb_button   {
	justify-content: center;

}}

/* ### Career page ### */
.career-toggle h4 {
    font-weight: 500;
    font-size: 16px;
    padding-top: 20px;
}

/* ### Sidebar services menu ### */

.widget_nav_menu.et_pb_widget li a {
    display: block;
    padding: 15px 25px;	
	font-size: 18px;
	font-weight: 600;
	position: relative;
	-webkit-transition: all 0.2s 0s ease-in-out;
	-moz-transition: all 0.2s 0s ease-in-out;
	-o-transition: all 0.2s 0s ease-in-out;
	transition: all 0.2s 0s ease-in-out;
	z-index:1;
}

.widget_nav_menu.et_pb_widget li a:before {
	content: '';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;	
	opacity:0;
	z-index:-1;
	-webkit-transition: all 0.2s 0s ease-in-out;
	-moz-transition: all 0.2s 0s ease-in-out;
	-o-transition: all 0.2s 0s ease-in-out;
	transition: all 0.2s 0s ease-in-out;
}

.widget_nav_menu.et_pb_widget li a:hover:before,
.widget_nav_menu.et_pb_widget li.current-menu-item  a:before {
    opacity: 1;
}

.widget_nav_menu ul li a::after {
    font-family: FontAwesome!important;
    content: "\f054";
	position: absolute;
    right: 25px;
    top: 16px;
}

@media screen and (max-width: 980px) {
.et_pb_widget.widget_nav_menu {
	width: 100%;
}}

/* ### Swap column tablet and mobile ### */
@media screen and (max-width: 980px) {
.swap-column-mobile-tablet {
	display: flex;
    flex-direction: column-reverse;
}}

/* ### Responsive styles 981+ ### */
@media screen and (min-width: 981px) and (max-width: 1300px) {
.header-v1-main-menu.et_pb_menu .et-menu>li {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.search-desktop {
	display: none;	
}}

/* ### Home header buttons ### */
@media screen and (max-width: 479px) {
.home-header-buttons .et_pb_column {
	display: block;
}}

/* ### Estimate form cta ### */
@media screen and (max-width: 980px) {
.estimate-form-cta {
	display: block !important;
    align-items: center;
}

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

.estimate-form-cta .et_pb_contact_form  {
	display: block !important;
}

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

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

@media screen and (min-width: 767px) and (max-width: 980px) {
.estimate-form-cta .et_pb_contact_form	 {
	display: flex !important;
}
	
.estimate-form-cta p.et_pb_contact_field{
    margin-bottom: 0% !important;
}}

/* ### Estimate form cta - home page ### */
@media screen and (min-width: 981px) and (max-width: 1500px) {
.estimate-form-cta.et_pb_row {
	transform: translateX(0px) translateY(-30px);	
}}

@media screen and (min-width: 981px) and (max-width: 1300px) {
.arrow-cta-top {
	display: none;
}}

/* ### Review image home ### */
@media screen and (max-width: 980px) {
.review-home-image  {
	margin-bottom: 0px !important;
}}

/* ### Review line ### */
@media screen and (max-width: 767px) {
.review-line {
	display: block;
    align-items: center;
    justify-content: center;
}}

/* #### 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;
}