/*
Theme Name: AHLDE
Theme URI: -
Author: MadMint
Author URI: http://madmint.com
Description: Thème conçu pour le site web de AHL Design and Engineering. Nécessite impérativement l'installation des extensions Contact Form 7, ACF pro, ACF Contact Form 7, ACF Medium Editor Field, ACF Font Awesome, Contact Form Submissions, SVG Support, Polylang.
Version: 1.0.0
License: -
License URI: -
Tags: thème personnalisé, ingénierie, design
Text Domain: AHLDE
AHLDE © 2018 MadMint
*/
/* Fonts */
@charset 'UTF-8';
@font-face { font-family: 'Asap Regular'; src: url('./fonts/Asap-Regular.eot'); src: url('./fonts/Asap-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/Asap-Regular.woff2') format('woff2'), url('./fonts/Asap-Regular.woff') format('woff'), url('./fonts/Asap-Regular.ttf')  format('truetype'), url('./fonts/Asap-Regular.svg#svgFontName') format('svg'); }
@font-face { font-family: 'Asap Medium'; src: url('./fonts/Asap-Medium.eot'); src: url('./fonts/Asap-Medium.eot?#iefix') format('embedded-opentype'), url('./fonts/Asap-Medium.woff2') format('woff2'), url('./fonts/Asap-Medium.woff') format('woff'), url('./fonts/Asap-Medium.ttf')  format('truetype'), url('./fonts/Asap-Medium.svg#svgFontName') format('svg'); }
@font-face { font-family: 'Asap Italic'; src: url('./fonts/Asap-Italic.eot'); src: url('./fonts/Asap-Italic.eot?#iefix') format('embedded-opentype'), url('./fonts/Asap-Italic.woff2') format('woff2'), url('./fonts/Asap-Italic.woff') format('woff'), url('./fonts/Asap-Italic.ttf')  format('truetype'), url('./fonts/Asap-Italic.svg#svgFontName') format('svg'); }
@font-face { font-family: 'ahlde'; src:url('./fonts/ahlde.eot'); src:url('./fonts/ahlde.eot?#iefix') format('embedded-opentype'), url('./fonts/ahlde.woff2') format('woff2'), url('./fonts/ahlde.woff') format('woff'), url('./fonts/ahlde.ttf') format('truetype'), url('./fonts/ahlde.svg#ahlde') format('svg'); font-weight: normal; font-style: normal; }
[class^='ahl-']:before, [class*=' ahl-']:before { font-family: 'ahlde' !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.ahl-building:before { content: "\66"; }
.ahl-close:before { content: "\61"; }
.ahl-engineering:before { content: "\65"; }
.ahl-fm:before { content: "\67"; }
.ahl-more:before { content: "\63"; }
.ahl-projects:before { content: "\64"; }
.ahl-see:before { content: "\62"; }
.ahl-left:before { content: "\68"; }
.ahl-right:before { content: "\69"; }
/* iOS buttons */
input, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/* Loader */
#loader { position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: #313236; z-index: 999;}
#loader img { position: absolute; left: 50%; top: 50%; width: 100px; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/* Globals */
html { background-color: #313236; }
body { font-family: 'Asap Regular', sans-serif; color: #313236; background-color: #313236;}
.big-container { min-height: 100vh; height: auto; padding: 70px; }
.home .big-container, .error404 .big-container { height: 100vh; }
#wrapper { background: #f7f7f7; }
/*.be-container-medium { max-width: 1200px; padding: 0 70px;}
.be-container-large { max-width: 1500px; padding: 0 70px; }
.be-container-x-large { max-width: 1500px; padding: 0; } */
.be-container-medium, .be-container-large { padding: 0 70px; }
.be-container-x-large { padding: 0; }
h1, h2, h3, h4, h5, h6 { font-family: 'Asap Regular', sans-serif; color: #000;}
h1 { font-size: 48px; line-height: 1.1em; }
h2 { font-size: 20px; line-height: 1.5em; }
h3 { font-size: 18px; line-height: 1.2em;}
h2 strong { font-size: 1.8em; }
/* em { color: #313236; } */
p { line-height: 1.4em; }
.be-content li { margin: 0 0 0.5em; }
.be-content a, .be-404-page a { text-decoration: underline; }
.be-page-back { margin: 0 0 30px; }
.be-page-back a { font-family: 'Asap Italic'; display: inline-block; font-size: 14px; color: #6e7078; text-decoration: none;}
.be-page-back i { margin-right: 5px; }
a:hover, .be-404-page a:hover, .be-socials a:hover { color: #5ee9de; }
/* Header */
#header { z-index: 10; background-color: #18191b; }
#be-header #be-logo, #be-header nav > ul > li > a { height: 70px; line-height: 70px; } 
#be-header { top: -70px;  }
#be-header, #be-header a, #be-header a:hover { font-family: 'Asap Regular', sans-serif; font-weight: normal; color: #fff; text-transform: uppercase;  background: 0 none; }
#be-header #be-logo { top: 0; left: 0; }
#be-header #be-logo img { width: 150px; }
/* Menus */
#be-header .be-main-nav { top: 0; right: 100px; }
#be-header .be-main-nav a { padding: 0; margin: 0 35px; font-size: 16px; }
#be-header .be-lang-nav { top: 0; right: -70px; width: 70px; background-color: #5ee9de;}
#be-header .be-lang-nav a { padding: 0; margin: 0; font-size: 11px; }
#be-header li > a::before{ content: '[ '; }
#be-header li > a::after { content: ' ]'; }
#mainmenu-top a::before, #mainmenu-top a::after, #mainmenu-mobile a::before, #mainmenu-mobile a::after { color: #313236; }
#mainmenu-top > li.uk-active > a, #mainmenu-top > li.uk-active > a::before, #mainmenu-top > li.uk-active > a::after, #mainmenu-top > li > a:hover, #mainmenu-top > li > a:hover::before, #mainmenu-top > li > a:hover::after, #mainmenu-mobile > li.uk-active > a, #mainmenu-mobile > li.uk-active > a::before, #mainmenu-mobile > li.uk-active > a::after, #mainmenu-mobile > li > a:hover, #mainmenu-mobile > li > a:hover::before, #mainmenu-mobile > li > a:hover::after { color: #5ee9de; }
#langmenu-top { float: none; }
#langmenu-top { padding: 0; text-align: center; }
#langmenu-top > li { float: none; display: inline-block; margin: 0; }
#be-header .be-lang-nav li > a::before, #be-header .be-lang-nav li > a::after { color: #5ee9de; }
#be-header .be-lang-nav .current-lang > a, #be-header .be-lang-nav .current-lang > a::before, #be-header .be-lang-nav .current-lang > a::after, #be-header .be-lang-nav a:hover, #be-header .be-lang-nav a:hover::before, #be-header .be-lang-nav a:hover::after { color: #313236 ; text-decoration: none;}
/* Footer */
#footer { background-color: #313236; }
#be-footer .be-footer-nav { background-color: #313236; right: 0;}
#be-footer, #be-footer a, #be-footer span, #be-footer a:hover { font-family: 'Asap Regular', sans-serif; font-weight: normal; color: #fff; background: 0 none; }
#be-footer a:hover { color: #5ee9de; }
#be-footer nav > ul > li > a, #be-footer nav > ul > li > span { height: 70px; line-height: 70px; }
#be-footer .be-footer-nav a, #be-footer .be-footer-nav span { padding: 0; margin: 0 10px; font-size: 11px; }
#be-footer .be-baseline { font-family: 'Asap Italic', sans-serif; line-height: 70px; margin: 0; }
#be-footer .uk-active a { color: #5ee9de }
/* Cookies */
#be-cookies { display: none; background: #fff; color: #313236; font-size: 12px; position: fixed; left: 0; bottom: 0; z-index: 5; width: 100%;}
#be-cookies > div { padding: 5px 20px; }
#be-cookies a { color: #313236; text-decoration: underline; }
#be-cookies p, #be-cookies span { display: inline-block; vertical-align: middle; margin: 0 5px;}
#be-cookies .uk-icon-close { position: absolute; display: inline-block; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; color: #313236; }
#be-cookies .uk-icon-close span {display: none;}
/* Socials */
.be-socials { color: #fff; position: absolute; left: 0; bottom: 70px; width: 70px; }
.be-socials a { color: #fff; }
.be-socials li { font-size: 30px; margin-top: 0.7em; }
/* Form */
.grecaptcha-badge { display: none !important; }
#form-block p { color: #6a6a6a; }
#form-block .be-footnote p { color: #313236; font-size: 0.8em; margin-top: 30px; }
#form-block label { display: block; color: #313236; text-transform: uppercase; line-height: 2em; }
#form-block input, #form-block textarea, #form-block button { font-family: 'Asap Regular', sans-serif; font-size: 14px; box-sizing: border-box; }
#form-block input, #form-block textarea { border: 1px solid  #313236; background: #fff; width: 100%; padding: 20px; color: #6a6a6a;}
#form-block input.wpcf7-not-valid, #form-block textarea.wpcf7-not-valid { border-color: #e41b13; }
#form-block .wpcf7-not-valid-tip { color: #e41b13; font-size: 0.8em; display: inline-block; margin: 5px 0; }
#form-block input.wpcf7-submit { display: inline-block; width: auto; margin: 0 auto; color: #fff; background: #313236; border: 0 none; outline: none; text-transform: uppercase; cursor: pointer; padding: 15px 10%;}
#form-block input.wpcf7-submit:hover { background: #5ee9de; }
#form-block .wpcf7-validation-errors { display: none !important; }
/* Winona effect on buttons */
.button--winona { overflow: hidden; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); padding: 0 60px; line-height: 50px;}
.button--winona::after { content: attr(data-text); position: absolute; width: 101%; height: 100%; top: 0; left: 0; opacity: 0; color: #000; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); background: #000; color: #fff; }
.button--winona > span { display: block; }
.button--winona::after, .button--winona > span { -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.button--winona:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.button--winona:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
/* Slideshows */
.uk-slidenav-position { position: relative; }
.uk-slidenav-position .uk-slidenav { text-decoration: none; position: absolute; top: 50%; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #6e7078; font-size: 60px; }
.uk-slidenav-position .uk-slidenav-previous { left: -60px; }
.uk-slidenav-previous::before { content: '\68'; font-family: 'ahlde'; }
.uk-slidenav-position .uk-slidenav-next { right: -60px; }
.uk-slidenav-next::before { content: "\69"; font-family: 'ahlde'; }
.uk-slidenav-position .uk-slidenav:hover { color: #5ee9de; }
/* 404 */
#wrapper.be-404-page { padding: 0; }
#wrapper.be-404-page > div { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.be-404-page a, .be-404-page p { color: #fff; font-size: 18px; }
.be-404-page p:not(.be-link-home) { font-family: 'Asap Italic'; }
/* Sitemap */
.be-sitemap-page .be-hidden-in-map {  }
/* Home */
.home .uk-height-1-1 { min-height: 500px; }
.uk-block.be-home-blocks { padding-top: 0; padding-bottom: 0; }
.be-home-blocks *, .be-home-blocks a { color: #fff; } 
.be-home-blocks .be-home-block { background: no-repeat center center; background-size: cover;  }
.be-home-blocks .be-home-block-content { padding: 0 10% 40% 10%; }
.be-home-blocks h2 { text-transform: uppercase; padding-bottom: 20%; line-height: 1.3em;}
.be-home-blocks h2 .home-product-icon { display: block; margin: 0 auto 15px; height: 60px; width: auto;}
.be-home-blocks .be-home-block-text { padding: 15px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
/* Pages */
.be-page { padding-bottom: 30px; }
.be-page * { color: #313236; }
.be-text-white * { color: #fff !important; }
.be-page-title, .be-page-header { margin-left: 0; margin-right: 0; }
.be-page-title h1 { font-family: 'Asap Medium', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 28px; padding: 30px 0 20px; margin: 0;}
.be-page h2 { color: #6e7078; text-transform: uppercase; font-size: 24px; }
.be-page h2::before { content: '[ '; }
.be-page h2::after { content: ' ]'; }
/* Work */
.be-work-page { padding-bottom: 0; }
.be-work-page section { margin: 40px 0; }
.be-work-page h2 { margin: 1em 0 0.5em; }
.be-work-page .be-page-block { background: no-repeat center center; background-size: cover; }
.be-work-page .be-page-block-content { padding: 40px 20%; }
.be-work-page .be-page-block-content h3::before { content: ''; display: inline-block; width: 18px; height: 18px; background: #5ee9de; margin-right: 5px;}
.be-work-page .be-page-block-content h3 { color: #6e7078; text-transform: uppercase; font-size: 24px; }
/* Project Category */
.be-projects-list-page .be-categories { padding: 0 0 70px; }
.be-projects-list-page .be-categories .be-label { display: inline-block; color: #afb1bd; font-weight: bold; font-size: 14px; padding: 0 1em 1em 0;}
.be-projects-list-page .be-categories .be-label::after { content: ':'; }
.be-projects-list-page .be-categories .be-label.be-inline { position: absolute; padding-bottom: 0; }
.be-projects-list-page .be-categories ul { margin: 0; padding: 0; font-size: 16px;}
.be-projects-list-page .be-categories li { display: block; list-style: none; float: left; margin: 0 5px 20px; padding: 0; text-transform: uppercase; }
.be-projects-list-page .be-categories li a { display: block; color: #afb1bd; border-bottom: 5px solid #f7f7f7; padding: 0 25px 10px; text-decoration: none;}
.be-projects-list-page .be-categories li a:hover, .be-projects-list-page .be-categories li.uk-active a { color: #6e7078; border-color: #5ee9de;}
.be-projects-list-page .be-post-list { padding: 30px 0 0; }
.be-projects-list-page .be-post-block { background: #fff; }
.be-projects-list-page .be-post-block img { width: 100%; }
.be-projects-list-page .be-post-content { padding: 0 20px 20px; }
.be-projects-list-page .be-post-content p, .be-post-block .be-post-content h2 { margin: 5px 0; }
.be-projects-list-page p.be-post-category a { color: #afb1bd; text-transform: uppercase; }
.be-projects-list-page .be-post-content h2::before, .be-post-block .be-post-content h2::after { display: none; }
.be-projects-list-page .be-post-content h2 { text-transform: none; font-size: 16px; line-height: 1.3em; }
.be-projects-list-page p.be-post-customer { font-size: 12px; }
.be-projects-list-page .be-post-list article { margin-bottom: 30px !important; }
.be-projects-list-page .be-loadmore { padding-bottom: 30px; margin: 0; }
.be-projects-list-page .be-loadmore a { display: inline-block; text-decoration: none; }
.be-projects-list-page .be-loadmore a::before { font-size: 40px; padding: 5px; color: #313236; margin: 0 auto;}
.be-projects-list-page .be-loadmore img { width: 50px; }
.be-projects-list-page .be-loadmore a span { display: block; font-family: 'Asap Regular'; font-weight: bold; text-transform: uppercase; font-size: 18px; }
.be-projects-list-page .be-loadmore a:hover, .be-projects-list-page .be-loadmore a:hover span, .be-projects-list-page .be-loadmore a:hover::before { color: #5ee9de; }
.be-projects-list-page .be-post-block .be-link-over { display: none; text-decoration: none; z-index: 90; top: 0; left: 0; width: 100%; height: 100%; background: #3c3d40; opacity: 0.9; }
.be-projects-list-page .be-post-block .be-link-over::before { font-family: 'ahlde'; content: "\62"; font-size: 150px; display: block; position: absolute; color: #5ee9de; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.be-projects-list-page .be-post-block:hover .be-link-over { display: block; }
/* Maps */
.be-contact-page .be-map { margin-top: 50px; }
.be-contact-page .be-map img { width: 100%; }
.be-map-item { -webkit-transform: translate(-50%, -25px); -ms-transform: translate(-50%, -25px); -o-transform: translate(-50%, -25px); transform: translate(-50%, -25px); }
.be-map-item, .be-map-item img { display: inline-block; }
.be-map-item img { height: 25px; width: auto; }
.be-map-legend, .be-map-footer { padding-bottom: 30px ; }
.be-map-legend h2 { margin: 30px 0 5px; font-size: 16px; color: #313236; }
.be-map-legend h2::before, .be-map-legend h2::after { display: none; }
.be-map-legend p { margin-top: 5px; margin-bottom: 5px; }
/* Projects */
.be-project-page h1 { color: #313236; font-size: 38px; margin-bottom: 0; padding-bottom: 0; }
.be-project-page h1 .be-place-short { font-family: 'Asap Regular', sans-serif; text-transform: none; color: #6e7078; font-size: 24px; }
.be-project-page .be-item-category { color: #6e7078; text-transform: uppercase; font-size: 30px; margin-top: 0;}
.be-project-page .be-item-category::before { content: '[ '; }
.be-project-page .be-item-category::after { content: ' ]'; }
.be-project-page .be-content h2 { color: #313236; text-transform: uppercase; margin-top: 10px; margin-bottom: 0; padding: 0; font-size: 16px; }
.be-project-page .be-content p { color: #313236; margin-top: 0; }
.be-project-page .be-page-gallery { padding-top: 30px; }
/*.be-ajax-anim { -webkit-transition: -webkit-transform .28s, opacity .28s; -ms-transition: -o-transform .28s, opacity .28s; -o-transition: -o-transform .28s, opacity .28s; transition: transform .28s, opacity .28s; }
.slide-out.be-ajax-anim { -webkit-transform: translate3d( 100px, 0, 0 ); -ms-transform: translate3d( 100px, 0, 0 ); -o-transform: translate3d( 100px, 0, 0 ); transform: translate3d( 100px, 0, 0 ); opacity: 0; } */
/* Responsive */
@media (max-width: 959px) {
    .big-container { padding: 70px 0 0; }    
    /* Small menu */
    #be-header #be-logo { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
    #be-header .show-menu { right: 0; text-align: right; z-index: 10;}
    #be-header .show-it { color: #fff; width: 40px; height: 70px; display: inline-block; text-align: center; cursor: pointer; margin-right: 30px; }
    #be-header .show-it .be-label, #be-header .show-it .si-icon { display: block; margin: 0 auto; }
    #be-header .show-it .be-label { padding-top: 10px; }
    #be-header .show-it .si-icon { margin-top: -5px; }
    #be-header .no-svg .si-icon-hamburger-cross { background-image: url('./icons/hamburger.png') }
    #be-header .to-show { display: none; text-align: left; width: 250px; max-width: 100%; background: #313236; }
    #be-header .be-show .be-label { padding-top: 25px; }
    #be-header .be-show .be-label span { display: none; }
    #be-header #mainmenu-mobile { padding: 30px; }
    #be-header #mainmenu-mobile > li > a { height: auto; font-size: 18px; line-height: 1.4em; padding: 30px 0; }
    #be-header .show-menu .be-lang-nav, #langmenu-mobile { width: 100%; text-align: center; padding: 0; }
    #be-header #langmenu-mobile > li { display: inline-block; margin: 0 15px; }
    #be-header #langmenu-mobile a { font-size: 14px; }
    /* Footer */
    #footer { padding: 15px; }
    #be-footer { text-align: center; margin: 0; padding: 0;}
    #be-footer ul { margin: 15px 0; }
    #be-footer .be-baseline { display: none; }
    #be-footer, .be-footer-nav, .be-socials, .uk-navbar-nav { position: static !important; float: none !important; width: 100% !important; }
    #footer li { display: inline-block; margin: 0; padding: 5px 0; }
    #footer li a, #footer li span { padding: 5px; margin: 0; }
    #footer li, #footer li a, #footer li span { float: none !important; height: auto !important; line-height: 1em !important; }
    .be-footer-nav a, .be-footer-nav span { font-size: 12px !important; }
    /* Home */
    body:not(.error404) .uk-height-viewport, body:not(.error404) .uk-height-1-1 {  height: auto !important; }
    .be-home-blocks .be-home-block-content { padding: 70px 30px 50px; }
    /* Pages */
    .be-container-medium, .be-container-large { padding: 0 30px; }
}
@media (min-width: 768px) {
    /* Categories */
    .be-projects-list-page .be-categories li a { display: block; color: #afb1bd; border-bottom: 5px solid #f7f7f7; padding: 0 10px 10px; text-decoration: none;}
    .be-projects-list-page .be-categories ul { display: block; }
}
@media (max-width: 767px) {
    /* Contact */
    #form-block > div { margin: 0 !important;}
     /* Categories */
    .be-projects-list-page .be-categories { padding-bottom: 30px; }
    .be-projects-list-page .be-categories .be-label { cursor: pointer; }
    .be-projects-list-page .be-categories .be-label::after { display: inline-block; padding-left: 5px; font-family: 'FontAwesome'; content: "\f107"; }
    .be-projects-list-page .be-categories .be-label.be-opened::after { content: "\f106"; }
    .be-projects-list-page .be-categories ul { display: none; }
    .be-projects-list-page .be-categories li { float: none; margin: 0 0 10px 1em;}
    .be-projects-list-page .be-categories li a { border: 0 none; padding: 0;}
    .be-projects-list-page .be-categories li a:hover { color: #5ee9de; }
    .be-projects-list-page .be-categories li.uk-active a { color: #313236; }
}
@media (max-width: 465px) {
    /*.uk-grid-width-small-1-1.uk-grid-medium > *, .uk-grid-width-1-1.uk-grid-medium > * { padding-left: 0; }*/
    #be-header .show-it { margin-right: 15px; }
    .be-home-blocks .be-home-block-content { padding: 70px 15px 50px;  }
    .be-container-medium, .be-container-large { padding: 0 15px; }
    .button--winona { padding: 0; width: 100%; }
}