/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Stratège Médias
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.1.1
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

#et-top-navigation .et_pb_button {
    margin-top: 0px;
    font-size: inherit;
    font-weight: inherit;
}

#top-header, #et-secondary-nav li ul {
    background-color: #0c71c3;
}

#top-header, #top-header a, #et-secondary-nav li li a, #top-header .et-social-icon a:before {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}

#et-info {
    float: none;
}

.et-pb-contact-message {
    color: #fff;
    font-size: 36px;
}

.logo_container a {
    position: absolute;
}

.btn-return {
    display: inline-block;
    margin-top: 20px;
    border: 2px solid #fff;
    border-radius: 4px;
    padding: 2px 10px;
    color: #fff !important;
    font-size: 16px;
}

/* Control colors Get a quote Button- */
span.et_pb_more_button.et_pb_button {
    color: #fff !important;
	border-color: none !important;
}

span.et_pb_more_button.et_pb_button:hover {
    color: #fff !important;
	border-color: none !important;
}

/* Titre du Footer couleur- */
h4.title {
    color: #e04817 !important;
}

/* Cacher les icônes sociaux autre que Facebook-
.et-social-twitter a.icon::before {
    display: none !important;
}
.et-social-google-plus a.icon::before {
    display: none !important;
}
.et-social-instagram a.icon::before {
    display: none !important;
}
.et-social-rss a.icon::before {
    display: none !important;
} */

/* Ajouter les id des pages d'accueils en/fr pour cibler le lien "retour vers le haut" et le faire apparaitre en haut du badge recaptcha */
.page-id-245 #wpfront-scroll-top-container,
.page-id-565 #wpfront-scroll-top-container {
    right: 5px !important;
    bottom: 75px !important;
}

/*.logo_container a img#logo {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/wp-content/themes/divi-child/images/gouttieres-ar.png) no-repeat;
    width: 205px;
    height: 145px;
    padding-left: 205px;
    position: relative;
    background-size: cover;
}*/

/* Utiliser ces lignes si le client demande un logo anglais/francais. */

/* :lang(fr) .logo_container a img#logo {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/wp-content/uploads/2020/11/logo-simcoe-seamless-gutters-exteriors.png) no-repeat;
    width: 205px;
    height: 145px;
    padding-left: 205px;
    position: relative;
    background-size: cover;
} */

:lang(en) .logo_container a img#logo {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/wp-content/uploads/2020/11/logo-simcoe-seamless-gutters-exteriors.png) no-repeat;
    width: 256px;
    height: 116px;
    padding-left: 256px;
	margin-top: 9px;
    position: relative;
    background-size: cover;
}


#footer-bottom .container {
    text-align: center;
}

#footer-info {
    float: none;
    display: inline-block;
}

#top-header .container {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
}

#et-secondary-menu>ul>li a {
    margin-left: 15px;
}

.et_secondary_nav_two_panels #et-secondary-menu {
    margin-right: 7px;
}

/* Mobile styles */

@media (max-width: 1300px) {
    
/*    
    .logo_container a img#logo {
        width: 168px;
        height: 107px;
        padding-left: 168px;
    }
*/    

    :lang(fr) .logo_container a img#logo {
        width: 199px;
        height: 90px;
        padding-left: 199px;
    }

    :lang(en) .logo_container a img#logo {
        width: 199px;
        height: 90px;
        padding-left: 199px;
    }


    .et_header_style_left #et-top-navigation .mobile_menu_bar {
        position: relative;
        top: -12px;
    }
    
    .et_header_style_left #et-top-navigation nav>ul>li>a {
        font-size: 0.9em;
        padding-bottom: 40px !important;
    }
    
    .et_header_style_left #et-top-navigation {
        padding-top: 43px !important;
    }
}

@media (max-width: 980px) {
    
    .et-pb-contact-message p {
        font-size: 34px;
    }
    
    .logo_container a {
        top: 10px;
    }
    
    .et_secondary_nav_two_panels #et-secondary-menu {
        margin-top: 0;
    }
    
    html #et-secondary-menu, html #et-secondary-nav {
        display: block!important;
        padding-top: .4em;
    }
    
    .mobile_nav .lang-item {
        display: none;
    }

    .page-id-565 .logo_container a img#logo {
        width: 120px;
        height: 75px;
        padding-left: 120px;
    }
    
    .logo_container a img#logo {
        width: 120px;
        height: 75px;
        padding-left: 120px;
    }
	
	#main-header {
    	background-color: #333333 !important;
	}
    
    :lang(en) .logo_container a img#logo {
        width: 166px;
        height: 75px;
        padding-left: 166px;
		margin-top: -1px !important;
    }
    
    .et_header_style_left #et-top-navigation .mobile_menu_bar {
        position: relative;
        top: -10px;
    }
	
	/* Mobile- couleur ligne du menu deroulant- */
	.et_mobile_menu {
		border-color: #e04817 !important;
	}
	
	/* Mobile- Hamburger menu white- */
	.mobile_menu_bar::before {
    	color: #fff !important;
	}
	
	/* Mobile- Control colors Get a quote Button- */
	span.et_pb_more_button.et_pb_button:hover {
    	color: #e04817 !important;
		border-color: #e04817 !important;
	}

}

@media (max-width: 450px) {
    
    .et-pb-contact-message p {
        font-size: 30px;
    }
    
    #et-info {
        text-align: left;
    }
    
    #top-header .container {
        display: flex;
        align-items: center;
        
        justify-content: space-between;
    }
    
    #et-info-phone {
        margin-bottom: 5px;
        display: block;
    }
    
    #top-header .container.clearfix:after {
        clear: none;
        display: none;
    }
	
}