/* 
 Theme Name:     ABFE12
 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 # */



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

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


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

/* #[A] GLOBAL HEADER # */


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

/* Fixed navigation top */
.et_fixed_nav .et-fixed-header #main-header, 
.et_hide_nav #main-header {
    top: 0 !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;
  }	
}