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


/* # SITE COLOR # */
/* # BLACK var(--color-1) #0a0a0a # */
/* # BLUE var(--color-1) #001446 # */
/* # GREEN var(--color-1) #339d55 # */
/* # YELLOW var(--color-1) #f7be00 # */
/* # BORDER GREY #dbdbdb # */

/* #[1] DEFAULT WEBSITE # */
/* #[2] MENU # */
/* #[3] MOBILE MENU # */
/* #[4] DEFAULT BUTTON # */
/* #[5] DEFAULT FORMS # */
/* #[6] TEMPLATE WEBSITE # */
/* #[7] PLUGIN # */


/* ######################### */
/* # [1] DEFAULT WEBSITE # */
/* ######################### */

/* ###  GENERAL ### */

/* Admin bar */
#wpadminbar {
    position: absolute!important;
}

#page-container {
    overflow-x: hidden !important;
}

/* Z index */
.container, .et_pb_row {
    z-index:1;
}

/* Largeur row site web */
.page .et_pb_row, .single .et_pb_row {
    width: 80%;
}

/* No overflow */
.no_overflow {
    overflow: hidden!important;
}


/* ######################### */
/* # [2] MENU # */
/* ######################### */

/* #[A] GLOBAL HEADER # */
/* #[B] MENU VILLES COUVERTES # */

/* ########################## */
/* # [A] GLOBAL MENU HEADER # */
/* ########################## */

/* Fixed navigation top */
.et_fixed_nav .et-fixed-header #main-header, 
.et_hide_nav #main-header {
    top: 0 !important;
}


/* ############################ */
/* # [B] MENU VILLES COUVERTE # */
/* ############################ */

/* Fonts */
.menu_villes .nav li li a, 
.menu_villes .nav li li a:hover {
    text-transform: none;
}

/* Display block */
.menu_villes .et_pb_menu_inner_container,
.menu_villes .et_pb_menu__wrap,
.menu_villes .et_pb_menu__menu,
.menu_villes.et_pb_menu .et_pb_menu__menu>nav,
.menu_ville s.et_pb_menu .et_pb_menu__menu>nav>ul {
    display: block!important;
}

/* Remove hamburger menu */
.menu_villes .et_mobile_nav_menu {
    display: none!important;
}

/* Link */
.menu_villes a {
    background: transparent;
    border: 2px solid #dbdbdb;
    border-radius: 5px;
    padding: 8px 12px!important;
    font-size: 16px;
    color: var(--color-1);
}

/* Icon link before */
.menu_villes a:before {
    content: "\f3c5";
   font-family: FontAwesome;
    font-weight: bold;
    padding-right: 4px;
    position: relative;
    color: var(--color-3);
}

/* Lien actif */
.menu_villes.et_pb_menu_0_tb_footer.et_pb_menu .et-menu-nav li.current-menu-item a, 
.et_pb_menu_1_tb_footer.et_pb_menu .et-menu-nav li.current-menu-item a {
    color: var(--color-3) !important;
    padding-left: 0;
    font-size: 17px;
    font-weight: 900;
    pointer-events:none !important;
}

/* Link hover */
.menu_villes .et-menu a:hover {
    color: #ffffff!important;
    background:var(--color-3);
    opacity:1;
    font-size: 17px;
    font-weight: 800;
}

/* Icon link hover */
.menu_villes a:hover::before {
    color: #ffffff!important;
}


/* ######################### */
/* # [3] MOBILE MENU # */
/* ######################### */

/* ###RESPONSIVE MAX 1024PX### */
@media only screen and (max-width: 1024px) {

/* Fixed header mobile */
.et_fixed_nav .et-fixed-header #main-header {
    position: fixed;
    width: 100%;
}

/* Hamburger menu active color */
.show-menu-button.toggled span:first-child,
.show-menu-button.toggled span:last-child {
    background-color: var(--color-2)!important;
}	
	
/* Hamburger menu color */	
.show-menu-button span {
    background-color: var(--color-2);
}	
	
/* Hamburger menu */	
.show-menu-button {
    background:transparent;
}
	
/* === LOGO === */
.logo img {
    min-height: 92px;
    min-width:92px;
    margin-top:auto;
}

/* === LOGO STICKY === */

/*change the logo size*/
.et-fixed-header .logo img {
    min-width: 68px;
    min-height:68px;
    margin-top:auto;
}
	
	
/* ###ADD PHONE ICON NEXT TO MOBILE MENU BUTTON### */	
	
/* Position the icon */
#db-info-phone-main {
    display: inline-block;    
    position: relative;
    float: right;
    top: 3px;
    right: 60px;
    width: 0;
}

/* Style the icon */
#db-info-phone-main:before {
    font-family: EtModules; 
    content: '\e090';
    font-size: 26px;  
    background: var(--color-2);
    color: #ffffff;
    border-radius: 32px;
    padding: 4px 14px;
    cursor: pointer; 
}
	
/* Style the icon */
#db-info-phone-main:hover::before {
    background: var(--color-4)!important;
    color: var(--color-3)!important;
}	
	
/* Mobile navigation container */
#et-mobile-navigation nav {
    overflow-y: scroll;
    min-height: 78vh;
    height: 100%!important;
  }	
}


/* ###RESPONSIVE MAX 767px### */

@media only screen and (max-width: 767px) {
	
/* === LOGO === */
.logo img {
    margin-top: -18px;
}

/* === LOGO STICKY === */
.et-fixed-header .logo img {
    margin-top: -13px;
  }	
}


/* ######################### */
/* # [4] DEFAULT BUTTON # */
/* ######################### */

/* ###  GENERAL ### */

/* Button */
.et_pb_section .et_pb_button,
.et_pb_more_button, 
a.read-more-button,
.dipl_button_item .dipl_button_link {
    color: #ffffff !important;
    border-width: 0px !important;
    border-radius: 50px;
    font-size: 15px!important;
    font-weight: 600;
    background-image: linear-gradient(180deg, var(--color-3) 0%, #31754a 100%);
}

/* Button hover */
.et_pb_section .et_pb_button:hover,
.et_pb_more_button:hover, 
a.read-more-button:hover,
.dipl_button_item .dipl_button_link:hover { 
    background-image: linear-gradient(180deg, var(--color-3) 0%, #339d55 100%);
    background-color: transparent;
    font-size: 15px!important;
    font-weight: 700;
}

/* Bouton icon */
.et_pb_button:after, .et_pb_button:before {
    font-size: 24px;
}


/* #### DP MODAL TRIGGER BUTTON #### */

/* Add icon trigger button dp modal */
.dipl_button_item .dipl_button_link:hover::after{
    font-size:20px;
    font-family: ETmodules !important;
    content: "\35";
}


/* Bouton commentaires Apple */
input#submit.submit {
    -moz-appearance: button;
    -webkit-appearance: button;
}	


/* ######################### */
/* # [5] DEFAULT FORMS # */
/* ######################### */




/* ######################### */
/* # [6] TEMPLATE WEBSITE # */
/* ######################### */

/* ###RESPONSIVE MIN 981PX### */
@media (min-width: 981px) {
	
/* ### 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 ### */

.stepblock:after {
    border-top: dashed 10px var(--color-2);
}
	
.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%;
}


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

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

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

/* ### Coupon section dashed line ### */
.coupon-column:after {
    border: dashed 4px var(--color-2);
}


/* ######################### */
/* # [7] PLUGIN # */
/* ######################### */

/* #[A] FAQ SCHEMA MODULE # */
/* #[B] EXTRA ACCORDION # */
/* #[C] GMB HEADER BADGE # */
/* #[D] GMB REVIEWS BLOCK # */
/* #[E] DP CONTENT TOOGLE # */
/* #[F] TEAM GRID # */
/* #[G] STEPS HOME MOBILE # */


/* ######################### */
/* # [A] FAQ SCHEMA MODULE # */
/* ######################### */

/* Closable actif title */
.dipl_faq_accordion .dipl_faq_page_schema_item.dipl_active .dipl_question_wrapper {
    cursor: pointer;
}

/* Icon toogle position */
.dipl_faq_page_schema .dipl_faq_accordion .dipl_question_wrapper::after {
    display: flex;
    align-items: center;
}


/* ######################### */
/* # [B] EXTRA ACCORDION # */
/* ######################### */

/* Add icon opened accordion */
.add-accordion-icon .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
    display: block;
    content: "\e04f"!important;
}


/* ######################### */
/* # [C] GMB HEADER BADGE # */
/* ######################### */

/* GMB Badge */
.GMB-header-badge .njt-header {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

/* Hide Title */
.GMB-header-badge .njt-header .njt-header-title a {
    display: none
}

/* GMB Header badge */
.GMB-header-badge .njt-google-places-reviews-wap {
    border-top: 0;
    padding: 6px;
    line-height: 16px;
}

/* GMB badge content */
.et_pb_module.et_pb_code.GMB-header-badge {
    background: #ffffff;
    width:auto!important;
    display: flex;
    justify-content: center;
    border: 1px solid #dbdbdb
}


/* ######################### */
/* # [D] GMB REVIEWS BLOCK # */
/* ######################### */

/* Reviews content */
.GMB-reviews-block
.njt-reviews-wrap .njt-review {
    background-color: #ffffff;
    border-radius: 5px;  
    border: 1px solid #dbdbdb;
}

/* Remove border */
.GMB-reviews-block
.njt-google-places-reviews-wap {
    border-top:0;
}

/* Link GMB read all reviews */
.GMB-reviews-block .njt-read-all-reviews a {
    color: var(--color-4);
}

/* Icon before */
.GMB-reviews-block .njt-read-all-reviews a:before {
    content: "\f06e";
    font-family: "FontAwesome";
    font-size: 20px;
    margin-right:6px;
    vertical-align:middle;
}

/* Link GMB */
.GMB-reviews-block a {
    cursor:pointer !important;
}

/* ######################### */
/* # [E] DP CONTENT TOOGLE # */
/* ######################### */

/* Width switch label */
label.dipl_switch {
    width: auto;
}


/* ######################### */
/* # [F] TEAM GRID # */
/* ######################### */

/* Overlay wrapper */
.dipl_team_grid .dipl_team_overlay_wrapper {
    transform: translateY(100%) !important; 
}

/* Partenaire img logo */
.dipl_team_grid .dipl_team_member_image {
    width: 100%;
    transition: transform 0.3s;
    background: #ffffff;
    border-radius: 15px;
    border: 1px solid #dbdbdb;
    box-shadow: inset 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
}


/* ######################### */
/* # [G] STEPS HOME MOBILE # */
/* ######################### */

/* Content */
.steps-home-mobile.dipl_timeline .dipl_timeline_right .dipl_item_content_inner  {
    border: 1px solid #dbdbdb;
}

/* Width content */
.steps-home-mobile.dipl_timeline .dipl_item_content {
    width:100%
}

/* Number steps */
.steps-home-mobile .dipl_timeline_item .dipl_date_tree .dipl_item_time {
    padding: 0px 26px!important;
}