/*Theme Name: Epicuria Architectes

Theme URI: http://www.webmaster-freelance.paris
Author: Benjamin Levaux
Author URI: http://www.webmaster-freelance.paris
Description: Le thème de Epicuria Architectes

Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*//* ------------------------------ RESET ------------------------------ */

html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, center,dl, dt, dd, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	outline:none;
	font-size:100%;
    box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
table {border-collapse: collapse;border-spacing: 0;}

/* ------------------------------ END RESET ------------------------------ */
@font-face {
  font-family: 'Chalet';
  src: url('fonts/Chalet-NewYorkNineteenEighty.otf') format("opentype");
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}
@font-face {
  font-family: 'Chalet';
  src: url('fonts/Chalet-LondonNineteenEighty.otf') format("opentype");
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}
@font-face {
  font-family: 'Chalet1970';
  src: url('fonts/Chalet-NewYork-Nineteen-Seventy.otf') format("opentype");
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}
.nombre {  font-family: 'Chalet1970';}

/* ------------------------------ GLOBAL ------------------------------ */
html {font-size:20px /*26px*/;}

body {
    font-family: 'Chalet';
    font-size:1rem;
	line-height:1.3;
	margin:0;
	max-width:100%;
	-webkit-text-size-adjust: none;
	position:relative;
    color:#000;   
    font-weight: 400;
    background-color: #FFF;
}
img {max-width:100%;height:auto;max-height:100%;width:auto;}
a img {border:0;}
.clear {clear:both;}
strong {font-weight:bold;}
a, a:hover {color:#000;}
a.jaune:hover {color:#FFD943;}

.bg_img {background-size: cover;background-position: center;}

.fullscreen {height: 100vh;position: relative;}

.are-vertically-aligned-bottom {align-content: flex-end }

/* ------------------------------ CONTENT ------------------------------ */

.main_container {position: relative;width:1920px;margin:0 auto;padding:0 7%;box-sizing: border-box;overflow-x: hidden;}

.animation {overflow-y: hidden;}

h1, h2, h3 {line-height: 1.1;}

section h1 {font-size:1rem;margin-bottom: 100px;}
h1.titre_page {font-size:2.2rem;font-weight: 700;}
h2 {font-size:3rem;font-weight: 700;margin-bottom: 50px;}
h3 {font-size:2.2rem;margin-bottom: 50px;}
h4 {font-size:1.6rem;}

section {padding:150px 0;}
#img_anim {padding:250px 0 50px 0;}

.tous {margin-top:-150px;}

.pt150 {padding-top:150px;}

section .fullheight {min-height:calc(100vh - 300px);}

.fullheight {min-height:100vh;margin-bottom:0;}

.bg_bleu {background-color: #97C1F5;}
.bleu {color: #97C1F5 /*B5CDEB*/;}
.bg_jaune {background-color:#FFD943}
.jaune {color:#FFD943 /*FEDE5F*/;}

.big {/*font-size:3.6rem;*/font-size:3rem;font-weight: 700;line-height: 1.1;}
.big sup {font-size:50%;font-weight: 400;vertical-align: super;}

.small {font-size:0.8rem;}

.fleche {background-image:url('img/fleche.png');background-repeat:  no-repeat;background-position: center right;background-size: contain;padding:5px 65px 5px 0;text-decoration: none;transition: all ease 200ms;}
.fleche.jaune {background-image:url('img/fleche_jaune.png');}

.fleche:hover {padding: 5px 80px 5px 0;}
.text-end .fleche:hover {padding: 5px 50px 5px 0;}

.big .fleche {padding: 0 120px 0 0;background-size: 80px;background-image:none;}
.big .fleche:hover {padding: 0 135px 0 0;background-image:url('img/fleche.png');}

.lire_plus {margin:100px 0 0 0;}

.remonte {margin-top: -3rem;}

#sur_menu {position:absolute;top:15%;left:25%;z-index:98;}
#img_anim, #img_anim .main_container, #img_anim .row {overflow: visible !important;}

.intro_jauges {margin-bottom:75px;}
.jauge {display: flex;padding-bottom: 10px; margin:55px 0 0 0;justify-content:space-between;}
.chiffre_jauge {font-size: 2.5rem;line-height: 1rem;}
.barre {height: 18px;background-color: #000;margin: 10px 0 55px 0;}

.chiffre_conviction {font-size: 5.5rem;line-height: 5.5rem;margin-bottom: 0px;}
#convictions h3 {margin-bottom: 25px;}

.annee {font-size:3rem;font-weight: 700;}

.detail, .less {display: none;}
.more, .less {cursor: pointer;text-decoration: none;}
.detail p:first-child {margin-top:0;}

.distinctions, .specialites {margin:0;padding:0;list-style-type: none;}
.specialites a {display: inline-block;}
.distinctions a {text-decoration:  none;}
.distinctions li {margin:0 0 25px 0;padding:0;cursor: pointer;}
.distinctions li:first-child {font-weight: 700;}

.clients ul, .references ul {margin:0;padding:0;list-style-type: none;}
.clients li {margin: 5px 0;}
.references li {margin: 15px 0;}

.portrait {display: block;/*border-radius: 50%;*/margin:0 15% 50px 15%;width:70%;}
.portrait:before {content:'';display: block; padding-bottom: 150%;}

.equipe h2, .equipe h3 {font-size:0.8rem;text-align: center;margin:0 0 7px 0;}
.equipe h2 {font-weight:700;}
.equipe .portrait {margin:35px 15% 15px 15%;width:70%;}

.contact a {text-decoration: none;color:#000;}

@media (min-width: 782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {margin-left: 4em;}
}

/* ------------------------------ PROJETS ------------------------------ */


#all {cursor: pointer;background:url("img/down_3.png") no-repeat top center;background-size: 50px;padding-top:65px;}

.grid.are-images-unloaded .image-grid__item {opacity: 0;}

.fancybox-is-open .fancybox-bg {opacity: 1;}
.fancybox-bg {background: #FFF;}

.titre_projet {position: absolute;width: 100%; bottom:50px;color:#FFF;font-size: 1.5rem;}
.titre_projet h1 {/*font-size:2.5rem;*/font-size:3rem;font-weight: 700;margin-bottom: 0;}

.projet h2 {font-size:2.2rem;}

.infos_projet {padding:50px 0 0 0;font-size:0.8rem;}

.download {text-decoration: none;padding:0 0 0 30px;background-image: url("img/download.png");background-repeat: no-repeat;background-position: center left;background-size: contain;font-weight: 700;}

.filtre div {/*margin-bottom: 15px;*/}
.filtre a {display: inline-block;margin:0 40px 10px 0;cursor: pointer;padding-bottom: 1px;text-decoration: none;border-bottom: 1px solid #FFF;}
.filtre a.active {border-bottom: 1px solid #000;}


.liste_projets {display: flex;flex-wrap: wrap;margin:0 -25px}
.liste_projets a {text-decoration: none;}

.bloc_projet  {
    width:33.33%;
    padding:25px;
}
.projet-template-default figure {margin:200px 0 50px 0;}

.actualites {width: 100%;}
.actualites .galery-sizer, .bloc_actu { width: 31%;margin-bottom:75px;}
.actualites .gutter-sizer { width:3.5%;}

.photos .galery-sizer, .photos .galery-item { width: calc(50% - 18px);margin-bottom:35px;}
.photos .gutter-sizer { width:36px;}
.galery-item img {display: block;}

.bloc_actu {font-size:0.8rem;}
.bloc_actu img {margin-bottom: 10px;}

.bloc_actu h3 {font-size:0.8rem;margin:10px 0;font-weight: bold;}

.bloc_projet a {display: block;}

.image_projet {
    position: relative;
    width:100%;
    height: 0;
    padding-bottom: 100%;
    background-size:cover;
    background-position: center center;
    transition: 0.3s ease-in-out all;
    webkit-transition: 0.3s ease-in-out all;
}
.image_projet:hover {opacity: 0;}

.nom_projet {margin:15px 0 0 0;}

#fancybox-outer {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.fancybox-button  {background-color:#FFF;}
.fancybox-button svg {color:#000;}

.nav_projets {display: flex;align-items:center;margin:0 0 75px 0;}
.nav_projets div {width: 33.33%;}
.nav_projets a {text-decoration: none;display: inline-block;}

.nav_projets .next a, .nav_projets .prev a {background-image:url('img/fleche.png');background-repeat:  no-repeat;background-position: top right;padding:45px 0 0 5px;text-decoration: none;background-size: 45px;}

.nav_projets .prev a {background-image:url('img/fleche_prev.png');background-position: top left;padding:45px 5px 0 0;}

.btn_jaune {text-decoration: none;font-weight: 700;display: inline-block;padding:8px 25px;border-radius: 24px;height:48px;background-color: #FFD943;line-height:32px;}

.titre_projet_similaire {font-size:1.4rem;font-weight: 700;}

.plan a {text-decoration: none;}

/* ------------------------------ HEADER ------------------------------ */

#loupe {
    z-index: 100;
    position: fixed;
    top:40px;right:150px;
    background: url("img/loupe.png") no-repeat;
    background-size: contain;
    height:30px;
    width:30px;
    cursor: pointer;
}
#langues_top {
    z-index: 100;
    position: fixed;
    top:40px;
    right:100px;
    height:30px;
    width:30px;

}
#langues_bottom {display: none;}
.langues li {list-style-type: none;margin:0;padding:0;}
.langues a {text-decoration: none;    text-transform: uppercase;}

#recherche {
    z-index: 99;
    position: fixed;
    width:100%;
    background: #FFF;
    top:-250px;
    padding:150px 0 25px 0;
    transition: all ease 0.6s;
}
#recherche .main_container {height:65px;}
#recherche.open { top:0}
#recherche form  {display: flex;width: 100%;padding-bottom:10px;border-bottom: 1px solid #000;}
#recherche input {border: 0;padding:5px 0;font-family: 'Chalet';font-size: 1rem;outline: none;outline-offset: 0 !important;overflow: visible;}
#recherche input[type=text] {width:75%;}
#recherche input[type=submit] {width:25%;background: transparent;text-align: right;}

::-webkit-input-placeholder {color:#000;text-overflow:ellipsis;line-height: 150%;}
::-moz-placeholder          {color:#000;text-overflow:ellipsis;line-height: 150%;} /* Firefox 19+ */
:-moz-placeholder           {color:#000;text-overflow:ellipsis;line-height: 150%;} /* Firefox 18- */
:-ms-input-placeholder      {color:#000;text-overflow:ellipsis;line-height: 150%;}

#rond_jaune {
    z-index: 100;
    position: fixed;
    top:25px;right:25px;
    background: #FFD943;
    border-radius: 30px;
    height:60px;
    width:60px;
    transition: all ease 1s /*0.6*/;
}
.ouvert {transform: scale(120);transition: all ease 1s;}

#open_menu {
    z-index: 101;
    position: fixed;
    top:25px;right:25px;
    display: flex;
    align-items:center;
    justify-content: center;
    font-size:2.5rem;
    border-radius: 30px;
    height:60px;
    width:60px;
    cursor: pointer;
}
.dot {border-radius: 6px;width:12px;height:12px;background-color:#000;margin:0 1px;}

nav {
    display: none;
    position: fixed;
    bottom:50px;left:0px;width: 100%; z-index: 1001;
}
.nav_open {display: block;}

#sous_menu {
    position: absolute;
    top:40px;
    right:200px;
    z-index: 99;
}
#sous_menu ul {display: flex;list-style-type:none;margin:0;padding:0;}
#sous_menu li {margin-right:50px;}
#sous_menu li:last-child {margin-right:0;}
#sous_menu a {text-decoration: none;font-size: 1rem;}
#sous_menu .current-menu-item a {font-weight: 700;}

nav ul {margin: 0;padding: 0;list-style-type: none;}
nav ul ul {display: none;}
nav ul a {color:#000;text-decoration: none;font-weight: 700;transition: all ease 0.25s;font-size:4rem;}
nav ul a.half {font-size:2.5rem;}
nav ul ul li {margin:10px 50px;}
nav li {transition: all ease 0.25s}
nav li:hover {padding-left:25px;}
nav ul ul a {font-weight: 400;font-size:1.7rem !important;}
/*nav  a:hover, nav li.current-menu-item a {color:#333}*/

#intro {z-index:98;}

.slider_homepage {z-index:98;}
.owl-carousel .animated { 
  animation-duration: 3000ms;
  animation-fill-mode: both; 
}

#logo {
    position: absolute;
    left:7%;
    bottom:50px;
    /*bottom: calc(100vh - 95px);
    width:220px;*/
    z-index:99;
}
#logo_noir { 
    z-index: 99 /*101*/;
    position: absolute;
    left:7%;
    top:25px;
    width:220px;
}
.home #logo_noir {display: none}

#bg_video {
    position: absolute;
    width: 100vw;
    background-size: cover;
    text-align: center;
    overflow: hidden;
}
#bg_video video {
    object-fit: cover;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
}
#up {width:50px;height:50px;position: fixed;bottom:25px;right:25px;background-image:url('img/up.png');background-repeat:  no-repeat;background-position: center;background-size: contain;}


.menu_social_contact {margin:30px 0 ;padding:0 0 50px 0;list-style-type: none;display: flex;flex-wrap: wrap;justify-content:flex-start;}
.menu_social_contact li {padding:0 30px 0 0;}
.menu_social_contact i {font-size: 1.75rem;}

/* ------------------------------  FOOTER -----------------------------*/

footer {padding:50px 0 25px 0;}
footer a {text-decoration: none;}
#menu_footer {display: flex;flex-wrap: wrap;justify-content: space-between;}
.menu_wp ul {margin:0;padding:0;list-style-type: none;display: flex;flex-wrap: wrap;justify-content:flex-start;}
.menu_wp li {padding:0 20px 0 0;}
.menu_social ul {margin:0;padding:0;list-style-type: none;display: flex;flex-wrap: wrap;justify-content:flex-end;}
.menu_social li {padding:0 0 0 20px;}
.menu_social i {font-size: 1.25rem;}

/* ------------------------------  RESPONSIVE -----------------------------*/

@media (min-width: 1920px) {
    #rond_jaune, #open_menu {right:calc(50vw - 935px);}
    #loupe {right:calc(50vw - 850px);}
    nav {left:calc(50vw - 910px);}
}
@media (max-width: 1920px) {
    .main_container {width:100%;}
}
@media (max-width: 1200px) {
    
    section {padding:130px 0;}
    section .fullheight {min-height:calc(100vh - 260px);}

    .main_container h1 {margin-bottom: 50px;}
    h3 {font-size:1.4rem;margin-bottom: 50px;}
    
    .big {font-size:3rem;}
    .big sup {font-size:2rem;}
    
    .big .fleche {padding:0 130px 0 0;}
    .big .fleche:hover {padding:0 145px 0 0;}
    
    #sous_menu {display: none;}

    
}
/* BOOTSTRAP LG */
@media (max-width: 992px) {
    .nav_projets {display: block;}
}

@media (min-width: 769px) {
    .mobile {display: none !important;}
}
@media (max-width: 768px) {
    
    .desktop {display: none !important;}

    nav ul a {font-size:3rem;}
    nav ul ul a {font-size:1.5rem;}

    .liste_projets {margin:0 -10px}
    .bloc_projet  {
        width:49.95%;
        padding:10px;
    }
    .remonte {margin-top: 0;}
    
    .galery-sizer, .galery-item, .actualites .galery-sizer, .bloc_actu { width: 48%;margin-bottom:50px;}
    .gutter-sizer, .actualites .gutter-sizer { width:4%;}

    .big {font-size:2rem;}
    .big sup {font-size:1rem;}
    .decouvrir {font-size:1rem;}

    .big .fleche {padding:0 90px 0 0;}
    .big .fleche:hover {padding:0 105px 0 0;}

    #sur_menu {top:35%;left:7%;}

    h1.titre_page, .titre_projet h1, h2 {font-size: 2.3rem;}

    .titre_projet_similaire, h4 {font-size:1.25rem;}

    .distinctions li {font-weight: 700 !important; cursor: default !important;}

    .nav_projets div {width: 100%;}
    
    footer .menu_wp li {padding:8px 25px 8px 0;}
    .menu_social li {padding:0 20px 0 0 ;}

}
@media (max-width: 599px) {
    #loupe, #recherche, #langues_top, .chiffre_jauge, .filtre {display: none;}
    #langues_bottom {display: block;}
    
    h1.titre_page, .titre_projet h1, h2 {font-size: 1.8rem;}

}
@media (max-width: 480px) {

    nav ul a {font-size:2.5rem;}
    nav ul ul a {font-size:1.2rem;}
    nav ul ul li {margin:15px 25px;}
    
    .galery-sizer, .galery-item, .actualites .galery-sizer, .bloc_actu { width: 100%;margin-bottom:50px;}
    .gutter-sizer, .actualites .gutter-sizer { width:0;}

}