/* 
 Theme Name:     ABF12ABF
 Author:         AB Fermetures
 Author URI:     https://www.ab-fermetures.fr
 Template:       Extra
 Version:        3.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: -3px;
    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;
    line-height:0.6!important
}

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