*, body, a {font-family: 'Lato', sans-serif; color: #767676; transition: opacity .3s linear;}

header ul li a {text-transform: uppercase; color: #000; font-weight: 300;}
header a.nav-link.active {font-weight: 700;}
header a.nav-link:hover {font-weight: 400; color: #000;}
header.header.scrolled {background: #fff;}
header.header.scrolled img.logo-white {display: none!important;}
header.header.scrolled img.logo-black {display: inline!important;}
#mkLightboxContainer {z-index: 1023!important;}
#mkLightboxContainer #overlay {background: rgba(255,255,255)!important;}
.zoomify-shadow {background: rgba(255,255,255)!important;}
/* img.zoomify.zoomed {    box-shadow: 0 0 12px #ccc;} */
#closeIconContainer svg, #prev svg, #next svg {fill: black!important;}
#mklbInner {margin-left: 0vw;}
a.hdr-logo-link > img {transform: scale(1.1);}
#mkLightboxContainer img, #mkLightboxContainer video {box-shadow: none!important;}
#prevContainer:hover, #nextContainer:hover {background: none!important;}

/* Atelier */
.atelier-description {text-align: center;}
.atelier-description > div {display: inline-block; text-align: left; margin-bottom: 20px;}
.atelier-description strong {font-weight: bold;}

/* Menu */
#header-wrapper-menu-up a.hdr-logo-link {position: absolute; top: 8px; left: 14px;}
#header-wrapper-menu-up a.link_open_menu_fixed {
    display: inline-block; position: absolute; right: 18px;
}
#nav-main ul li {padding-left: 26px;}
#nav-main ul li:nth-child(2) {width: 88px;}
#nav-main ul li:nth-child(3) {width: 102px;}
#nav-main ul li:nth-child(4) {width: 122px;}
#nav-main ul li a.nav-link {padding: 0!important;}
#nav-main {position: relative; right: 18px;}
#header-wrapper-menu-up {}

.social-icons a img.white {display: none;}
.social-icons a img.black {display: inline;}
.social-icons a:hover img.white {display: inline;}
.social-icons a:hover img.black {display: none;}

.copyright {color: #BABABA; font-size: 14px;}
.copyright a:hover {color: black; text-decoration: none;}

div.projects a.project {text-align: center; display: block;}
div.projects a.project div.project-thumb {
    height: 22rem;     margin: 0 0.5rem;
    background-repeat: no-repeat; background-size: cover; background-position: center center;
}
div.projects a.project h3 {color: #000; text-transform: uppercase; font-weight: 700; font-size: 13px;}
div.projects a.project p {color: #000; font-size: 13px; font-style: italic;}
div.projects a.project:hover {text-decoration: none; color: #171717;}
div.projects a.project:hover div.project-thumb {opacity: 0.7;}

div#menu_mobile {position: fixed; top: 0; left: 0;z-index: 20; background: #000; color: #fff; width: 100%; height: 100vh;}
div#menu_mobile ul li {display: block; padding: 2rem 0; text-align: center;}
div#menu_mobile ul {padding-left: 0;}
div#menu_mobile ul li a {font-size: 22px; text-transform: uppercase; font-weight: 300; color: #fff;}
div#menu_mobile ul li a.active {font-weight: 700;}

h1 {font-weight: bold; color: #000; text-align: center;}
hr.wp-block-separator {margin: 3rem 0;}
.post-type-page h3 {color: #000; font-size: 22px; font-weight: bold;}
.post-type-page .wp-block-column h3 {margin-bottom: 40px;}
.post-type-page {}

.project-photo a {
    display: block; width: 100%;
    background-repeat: no-repeat; background-size: cover; background-position: center center;
}
.project-plan img {display: block; width: 100%;}

.project-photo a:hover {opacity: 0.7;}

.jarallax{
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/*Projet*/
.project-main-photo {color: #fff; width: 100%; position: absolute; top: 0;}
.project-main-photo h1 {font-weight: 800; font-size: 48px;}
.project-main-photo h4 {font-weight: 400; font-size: 24px;}
.project-main-photo h1, .project-main-photo h4 {
    text-transform: uppercase;
}
.project-main-photo h1:not(.titre_couleur_noire), .project-main-photo h4:not(.titre_couleur_noire) {
    color: #fff!important;
}
.project-main-photo h1.titre_couleur_noire, .project-main-photo h4.titre_couleur_noire {
    color: #000!important;
}

.project-content h5 {color: #000; font-weight: 900; text-transform: uppercase; font-size: 22px;}
.article-body, .article-body p {font-weight: 300;}

/* Actualites */
div.actu .thumbnail-appercu-actualite {display: block; width: 100%;background-repeat: no-repeat;
    background-size: cover; background-position: center center; height: 18rem;}
div.actu a:hover {text-decoration: none;}
div.actu h2 {color: #000;/* text-transform: uppercase;*/ font-size: 18px;/* font-weight: 800; margin: 1rem 0;*/}
div.actu h4 {color: #000; text-transform: uppercase; font-size: 16px; font-weight: 500;}
/* div.actu:hover .thumbnail-appercu-actualite {opacity: 0.7;} */
/* div.actu:hover h2 {opacity: 0.7;} */
div.actu:hover p.permalink {font-weight: bold;}
div.actu .image_jointe img {max-width: 68px;}
div.actu a.ouvrir_projet:hover {
    background: #c4c4c4;
    color: #787878;
    transition: all .5s;
}

div.actu a.ouvrir_projet {
    background: #333; border: 0; color: #f7f7f7; transition: all .5s; margin-top: 4px;
    display: inline-block; padding: 8px 12px; text-transform: uppercase; text-decoration: none;
}
div.actu {
    max-width: 490px;
    margin: 0 auto;
}
div.actu p {margin-bottom: 0!important;}

.pagination-block a.page-link {color: #000;}
.pagination-block .page-item.active .page-link {background: #000!important; border-color: #000;}

/* Contact */
.nf-form-fields-required {display: none;}
.nf-multi-cell .nf-cell {padding: 0!important;}
#ninja_forms_required_items, .nf-field-container {margin-bottom: 0!important;}
.section-photo-simple img {display: block; width: 100%; }
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]):not([type=submit]), .nf-form-content textarea
{background: #ffffff!important;}
.email-container {top: -6px;}
.textarea-container {top: -12px;}
.submit-wrap {text-align: right;}

/* For xs and sm */
@media screen and (max-width: 767px) {
    .submit-wrap input {display: block!important;width: 100%!important;}
    .custom-divider {display: none;}
    .post-type-page ul {padding-left: 18px;}
    .post-type-page h3.has-text-align-right {text-align: left!important;}
    .jarallax{background-size: cover;}
    .section-carte.jarallax {background-position: 70% 50%!important;}
    #header-wrapper-menu-up a.hdr-logo-link {top: 0!important;}
    #header-wrapper-menu-up.sticky-top {position: relative!important; height: 122px!important;}
    .projects .project {margin-right: 0!important; margin-left: 0!important;}
}

@media (min-width: 1200px) and (max-width: 1340px) {
    .container {
        max-width: 1092px!important;
    }
}