/*
Theme Name: Luis Laplace
Theme URI: https://www.experimental-net.com
Author: Flavien LOCHE
Author URI: https://www.experimental-net.com
Description: interior design Luis Laplace
Version: 1.0
*/

body { margin:0; padding:0; font-family: 'Plain ExtraBold'; color: #141414; overflow-y: scroll;  }
header { position: fixed; top:0; left: 0; width: 100%; z-index: 100000; padding-top: 30px; padding-bottom: 30px; padding-left: 77px; padding-right: 77px; height: 40px; }
.category header, .category.press-is-opened header, .category.project-is-opened header, .page-id-132 header, .single-post header { background-color: transparent;}
.page-id-132 header { background-color: #fff; height: 100px;}
a, a:focus, a:active, a:hover, a:visited { text-decoration: none; }
.main-container { width: 100%; /*max-width: 2000px;*/ margin: 140px auto; padding: 0 77px;}
nav { position: fixed; top:0; left: 0; width: 100vw; height: 100vh; z-index: 10000; background-color: #fff; display: none; }
nav.is-opened { display: block;}
nav .grid, .menu-principal-container, #menu-principal, .menu-principal-p-container, #menu-principal-p { height: 100%; }
#menu-principal, #menu-principal-p { display:flex; flex-direction: column; justify-content: center;}
#menu-principal-p { display:none; }
.menu-item { text-align: center; }
#menu-principal li + li, #menu-principal-p li + li { margin-top: 15px; }
.menu-item a { font-size: 80px; color: #141414; text-transform: capitalize; }
.sub-menu {
	overflow-y: hidden;
	height: 0;
	transition: height 500ms;
}
.sub-menu .menu-item a { font-size: 40px; color: #141414; text-transform: capitalize; }
li#menu-item-2415:hover .sub-menu {
	height: auto;
	transition: height 500ms;
}


.menuBtn { padding-top:18px; }
.bottom-nav { position: fixed; bottom:40px; left: 0; width: 100%; z-index: 50000; padding-left: 77px; padding-right: 77px; height: 40px !important; }
.bottom-nav a { color: #141414; font-size:40px;}


.fade-in-image {
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}


h1, h2 { font-size:40px; margin-bottom: 0; letter-spacing: 1px; }
h2 { line-height: 1.2; }

.policy h2 { font-size:20px; line-height: 26px; font-weight: bold; margin-bottom: 0; letter-spacing: 1px; font-family: 'Plain ExtraBold'; font-weight: normal; }
/* HOME */
.home { background-color: #000; }
.home h1, .home h2 { color: #fff; }
.home .burger-button > * { background-image: linear-gradient(#fff, #fff); }
.home .burger-button > *::before, .home .burger-button > *::after { background: #fff; }
.swiper-container { position:absolute !important; width: 100%; height: 100%; }
.swiper-wrapper { width: 100%; height: 100%; }
.swiper-slide { height: 100%; text-align: center; background: #000;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide a { display: block; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.swiper-slide a.vertical { width: 50%; height: 100%; float: left; margin:0; }
.swiper-slide a.vertical.bigmargin { width: 35%; height: 70%; margin:15% 7.5%; background-size: contain; }
.swiper-slide a.horizontal { width: 100%; height: 100%; margin:0; }
.swiper-slide { width: 100%; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0 !important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0 !important;
}
.swiper-button-next, .swiper-button-prev {
    top: 25% !important;
    width: 25% !important;
    height: 50% !important;
    margin-top: 0 !important;
	display: flex !important;
}
.swiper-button-next:focus, .swiper-button-prev:focus {
    border:none !important;
	outline: none !important;
}
.swiper-button-next {
	cursor: url(//www.luislaplace.com/lluaip-content/uploads/2021/06/fleche-blanch.png), auto !important;
}
.swiper-button-prev {
    cursor: url(//www.luislaplace.com/lluaip-content/uploads/2021/06/fleche-gauche-blanche.png), auto !important;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: none !important;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: none !important;
}
.swiper-navigation-icon { display: none; }
.swiper-slide a.vertical.slide2 { width: calc(50% - 117px); height: calc(100% - 200px); margin:100px 77px 100px 40px; }
.titreInSlider {
    position: absolute;
    margin-left: 84px;
	text-align: left;
}
.titreInSlider h2, .locationInSlider h2 { color:#fff; }
.mySwiper .locationInSlider {
    position: absolute;
    bottom: 100px;
	text-align: left;
	margin-left: 252px;
}
.catInSlider { position: absolute; top:50%; margin-top:-10px; color:#fff; font-size: 20px; letter-spacing: 1px; text-transform: uppercase; }
.imageInSlider { position: absolute; top: 50%; margin-top: -11%; height: 38%; width: 27%; right: 77px; background-size: contain; background-position: center right; background-repeat: no-repeat; }
/*.imageInSlider { position: absolute; top:50%; margin-top:-185px; height: 371px; width:594px; right:77px; background-size: contain; background-position: center right; background-repeat: no-repeat; }*/



.mySwiper-mobile .swiper-slide a.vertical { width: 100%; height: 100%; float: left; margin:0; }
.mySwiper-mobile .swiper-slide a.vertical.bigmargin { width: calc(100% - 40px); height: calc(100% - 200px); margin:100px 20px; }
.mySwiper-mobile .swiper-slide a.horizontal { width: 100%; height: 100%; margin:0; }
.mySwiper-mobile .swiper-slide.vertical { width: 100%; }
/*.mySwiper-mobile .swiper-slide.horizontal { width: calc(100vh * 16 / 9); }*/
.mySwiper-mobile .swiper-slide.horizontal { width: 100%; }
.mySwiper-mobile .swiper-slide a.vertical.slide2 { width: 100%; height: 100%; margin:0; }
.mySwiper-mobile .swiper-slide a.vertical.slide2M { background-size: contain; }
.mySwiper-mobile .swiper-slide a.horizontal { background-size: contain; }
.mySwiper-mobile .titreInSlider {
    position: absolute;
    margin-left: 20px;
	margin-right: 20px;
	top: 75%;
	margin-top:23px; 
	
}
.mySwiper-mobile .titreInSlider h2, .mySwiper-mobile .locationInSlider h2 { color:#fff; font-size: 20px; }
.mySwiper-mobile .locationInSlider {
    position: absolute;
    bottom: 21px;
	right: 20px;
	text-align: right;
	width: 75%;
	margin-left: 0;
}
.mySwiper-mobile .catInSliderM { position: absolute; bottom:20px; left:20px; margin-top:0; color:#fff; font-size: 15px; letter-spacing: 0px; text-transform: uppercase; }
.mySwiper-mobile .imageInSlider { position: absolute; top:0; margin-top:0; height: 75%; width:100%; right:0; background-size: cover; background-position: center center; background-repeat: no-repeat; }


/* PAGE PROJET*/
.single_title { position: fixed; top: 34px; width: calc(100% - 154px); text-align: center; z-index:10000; }
.single_download { position: fixed; bottom: 34px; width: 100%; left:0; text-align: center; z-index:10000; }
.element, .item-container .element { /*height: 60vh;*/ margin-bottom: 60px; overflow: hidden; }
.content_element { display: inline-block; /*height: 100%;*/ }
/*.content_element img { height: 100%; }*/
.vertical_align { vertical-align:middle; display: table-cell; }
.gauche.vertical .content_element, .droite.vertical .content_element { width: 41.6666666667%; }
.centrer.vertical .content_element { width: 50%; }
.horizontal .content_element { width: 83.3333333333%; }
.gauche.vertical .content_element:first-child { margin-right: 30px; }
.droite.vertical .content_element:first-child { margin-left: 30px; }
.droite { text-align: right; }
.gauche .content_element { float: left; }
.droite .content_element { float: right; }
.centrer { text-align: center; }
.centrer.vertical { /*height: 80vh;*/ }
.text_element { height: 100%; margin-left:8.3333333333%; font-family: 'Plain Thin'; font-size: 20px; line-height: 26px; letter-spacing: 1px; display: table; }
.element.gauche .credits { padding: 0 154px;}

/* page categorie */
.category { background-color: #000;}
.category h1, .category h2 { color: #fff; }
.category .burger-button > * { background-image: linear-gradient(#fff, #fff); }
.category .burger-button > *::before, .category .burger-button > *::after { background: #fff; }

/* categorie prive */
.category-prive .element { height: 60vh; margin-top: 0px; margin-bottom: 120px; overflow: hidden; text-align: center; display:flex; flex-direction: column; }
.category-prive .element .backElement { height: 100%; width: 100%; background-position: center center; background-size: contain; background-repeat: no-repeat; filter: brightness(80%); z-index: -1; }
.category-prive .element .titleElement { height: 100%; width: 100%; margin-top: -60vh; display: flex; flex-direction: column; justify-content: center; }
.category-prive .element h3 { font-size:60px; margin-bottom: 0; letter-spacing: 1px; color: #ffffff; line-height: 1.15; }

/* categorie art */
.category-art .element { height: 60vh; margin-top: 0px; margin-bottom: 120px; overflow: hidden; text-align: center; display:flex; flex-direction: column; }
.category-art .element .backElement { height: 100%; width: 100%; background-position: center center; background-size: contain; background-repeat: no-repeat; filter: brightness(80%); z-index: -1; }
.category-art .element .titleElement { height: 100%; width: 100%; margin-top: -60vh; display: flex; flex-direction: column; justify-content: center; }
.category-art .element h3 { font-size:60px; margin-bottom: 0; letter-spacing: 1px; color: #ffffff; line-height: 1.15; }

/* categorie public */
.category-public .element { height: 60vh; margin-top: 0px; margin-bottom: 120px; overflow: hidden; text-align: center; display:flex; flex-direction: column; }
.category-public .element .backElement { height: 100%; width: 100%; background-position: center center; background-size: contain; background-repeat: no-repeat; filter: brightness(80%); z-index: -1; }
.category-public .element .titleElement { height: 100%; width: 100%; margin-top: -60vh; display: flex; flex-direction: column; justify-content: center; }
.category-public .element h3 { font-size:60px; margin-bottom: 0; letter-spacing: 1px; color: #ffffff; line-height: 1.15; }

/* categorie press */
.category-press .element { /*height: 40vh;*/ margin-bottom: 60px; overflow: visible; text-align: left; display:flex; flex-direction: column; padding: 15px 15px 0 15px; }
.category-press .element .backElement { /*height: 35vh;*/ padding-top:133%; width: 100%; background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; }
.category-press .element .titleElement { height: 5vh; width: 100%; padding: 0 10px; }
.category-press .element h3 { font-size:16px; margin-bottom: 0; letter-spacing: 0px; color: #f5f5f5; text-align: center; padding-top: 10px; line-height: 1.15; }

/* Menu ouvert */
.lightback h1, .lightback h2, .menu-is-opened h1, .menu-is-opened h2 { color: #000; }
.lightback .burger-button > *::before, .lightback .burger-button > *::after, .menu-is-opened .burger-button > *::before, .menu-is-opened .burger-button > *::after { background: #000; }
.lightback .burger-button > * { background-image: linear-gradient(#000, #000); }
.menu-is-opened .category-container h2, .single.menu-is-opened .single_title, .single.menu-is-opened .single_download, .menu-is-opened .zone_title.active_title { display: none; }

/* PAGE PROJET Ajax*/
.item-container { position: absolute; background-color: #fff; margin:0; padding: 140px 77px; min-height: 100vh; }
.scroll-container { position: absolute; background-color: transparent; min-height: 100vh; }
.item-container .loading-spinner { width: 100%; text-align: center; position: absolute; margin-left: -77px; top:50%; }
.item-container .main-wrapper { display: none; }
.item-container .elementA { /*height: 60vh;*/ margin-bottom: 120px; overflow: hidden; }
.item-container .content_elementA { display: inline-block; /*height: 100%;*/ }
/*.content_element img { height: 100%; }*/
.item-container .vertical_alignA { vertical-align:middle; display: table-cell; }
.item-container .gaucheA.verticalA .content_elementA, .item-container .droiteA.verticalA .content_elementA { width: 41.6666666667%; }
.item-container .centrerA.verticalA .content_elementA { width: 50%; }
.item-container .horizontalA .content_elementA { width: 83.3333333333%; }
.item-container .gaucheA.verticalA .content_elementA:first-child { margin-right: 30px; }
.item-container .droiteA.verticalA .content_elementA:first-child { margin-left: 30px; }
.item-container .droiteA { text-align: right; }
.item-container .gaucheA .content_elementA { float: left; }
.item-container .droiteA .content_elementA { float: right; }
.item-container .centrerA { text-align: center; }
.item-container .centrerA.verticalA { /*height: 80vh;*/ }
.item-container .text_elementA { height: 100%; margin-left:8.3333333333%; font-family: 'Plain Thin'; font-size: 20px; line-height: 26px; letter-spacing: 1px; display: table; }
.credits { font-family: 'Plain Thin'; font-size: 18px; line-height: 26px; letter-spacing: 0px; }
.elementA.gaucheA .credits { padding: 0 77px; }

/* page about */
.zone_title { text-align: center; margin-bottom: 0px; opacity: 0; transition: opacity 800ms; }
.zone_title.active_title { position: fixed; top: 34px; width: calc(100% - 490px); z-index:100000; margin-bottom: 0; margin-left: 168px; opacity: 1; transition: opacity 2s; }
.column-gap-2 { column-gap: 30px; }
.content_flex { display: flex; flex-direction: column; justify-content: space-between; }
.content_flex_center { display: flex; flex-direction: column; justify-content: center; }
.content_start { display: flex; flex-direction: column; justify-content: flex-start; }
.text-about { font-family: 'Plain Thin'; font-size: 20px; line-height: 26px; letter-spacing: 1px; }
.text-about strong { font-family: 'Plain ExtraBold'; font-weight: normal; }
#image-zone-6 p { font-family: 'Plain Thin'; font-size: 16px; line-height: 22px; letter-spacing: 1px; }
.text-top { margin-bottom: 120px; }
.text-bottom { margin-top: 120px; }
.horizontal .content_grid { width: 83.3333333333%; margin-left: 8.3333333333%; }
.endzone { margin-bottom: 0; }
.beginzone, .mb60, .mb60bis { margin-bottom: 60px; }
.pr60 { padding-right: 60px; }
.pl60 { padding-left: 60px; }

.clickPress { cursor: pointer;}
.clickPost { filter: grayscale(100%); transition: filter 700ms; cursor:pointer; }
.is-active-panel { filter: grayscale(0%); }
.clickPost .titleElement { opacity: 0; transition: opacity 700ms; }
.is-active-panel .titleElement { opacity: 1; }
.mobile-only { display: none !important; }
.mySwiper { display: block;}
.mySwiper-mobile { display: none;}
.dontshow { display: none !important; }
.burger-button.is-active > * { background-image: none !important; }
.img_mobile { display: none; }
.img_top { margin-top: 0px; }
.img_bottom { margin-bottom: 0px; }
.img_desktop { display: block; }
.mw60 { max-width: 60%; }
/* responsive */
@media screen and (max-width: 1350px) {
	h1, h2 { font-size:30px; margin-bottom: 0; letter-spacing: 0px; }
	h3 { font-size: 55px; letter-spacing: 0px; }
	.menuBtn { padding-top:8px; }
	.menu-item a { font-size: 70px;}
	.bottom-nav a { font-size:30px;}
}
@media screen and (max-width: 1100px) {
	h1, h2 { font-size:26px; margin-bottom: 0; letter-spacing: 0px; }
	.category-art .element h3, .category-public .element h3, .category-prive .element h3 { font-size: 50px; letter-spacing: 0px; }
	.menuBtn { padding-top:4px; }
	.menu-item a { font-size: 60px;}
	.bottom-nav a { font-size:26px;}
}
@media screen and (max-width: 950px) {
	h1, h2 { font-size:22px; margin-bottom: 0; letter-spacing: 0px; }
	.category-art .element h3, .category-public .element h3, .category-prive .element h3 { font-size: 45px; letter-spacing: 0px; }
	.menuBtn { padding-top:0px; }
	.menu-item a { font-size: 50px;}
	.bottom-nav a { font-size:26px;}
	.mw60 { max-width: 100%; }
	.text-mb30-mobile { margin-bottom: 50px; }
}
@media screen and (max-width: 850px) {
	h1, h2 { font-size:22px; margin-bottom: 0; letter-spacing: 0px; }
	.menuBtn { padding-top:0px; }
	.category-art .element h3, .category-public .element h3, .category-prive .element h3 { font-size: 40px; letter-spacing: 0px; }
	.menu-item a { font-size: 50px;}
	.bottom-nav a { font-size:26px;}
}
@media screen and (max-width: 768px) {
	.mobile-only { display: inline-block !important; }
	.img_mobile { display: block; }
	.img_desktop { display: none; }
	header { position: fixed; top:0; left: 0; width: 100vw; z-index: 100000; padding-top: 30px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; height: 40px; }
	.main-container { width: 100%; max-width: 2000px; margin: 140px auto; padding: 0 20px; }
	.menu-item a { font-size: 50px; color: #141414; text-transform: capitalize; }
	#menu-principal li + li, #menu-principal-p li + li { margin-top: 15px; }
	.bottom-nav a { color: #141414; font-size:26px;}
	.bottom-nav { position: fixed; top: calc(100vh - 150px); bottom: unset; left: 0; width: 100vw; z-index: 50000; padding-left: 20px; padding-right: 20px; height: 40px !important; }
	h1, h2 { font-size:26px; margin-bottom: 0; letter-spacing: 0px; }
	.menuBtn { padding-top:4px; }
	.category-container .single_title { display:none; }
	.zone_title { opacity: 1; margin-bottom: 60px; z-index: 1; }
	.zone_title.active_title { position: relative; top: 0; width: 100%; margin-bottom: 60px; margin-left: 0; z-index: 1; }
	.category-prive .element .titleElement, .category-public .element .titleElement, .category-art .element .titleElement { height: 100%; width: 100%; margin-top: -38vh; display: flex; flex-direction: column; justify-content: center; }
	.category-prive .element h3, .category-public .element h3, .category-art .element h3 { font-size:24px; margin-bottom: 0; letter-spacing: 0px; color: #ffffff; }
	.category-press .element h3 { font-size:14px; letter-spacing: 0px; }
	.category-prive .element, .category-public .element, .category-art .element { height: 38vh; margin-top: 0; margin-bottom: 50px; overflow: hidden; text-align: center; display:flex; flex-direction: column; }
	.single_title { display: none; }
	.item-container { position: absolute; background-color: #fff; margin:0; padding: 80px 20px; min-height: 100vh; }
	.scroll-container { position: absolute; background-color: transparent; min-height: 100vh; }
	.item-container .loading-spinner { width: 100%; text-align: center; position: absolute; margin-left: -20px; top:50%; }
	.item-container .single_title { order:2; }
	.item-container .elementA, .element { margin-bottom: 30px; }
	.item-container .gaucheA.verticalA .content_elementA, .item-container .droiteA.verticalA .content_elementA, .gauche.vertical .content_element, .droite.vertical .content_element { width: 100%; }
	.item-container .centrerA.verticalA .content_elementA, .centrer.vertical .content_element { width: 100%; }
	.item-container .horizontalA .content_elementA, .horizontal .content_element { width: 100%; }
	.item-container .gaucheA.verticalA .content_elementA:first-child, .gauche.vertical .content_element:first-child { margin-bottom: 30px; }
	.item-container .droiteA.verticalA .content_elementA:first-child, .droite.vertical .content_element:first-child { margin-bottom: 30px; }
	.item-container .title_elementA, .title_element { margin-bottom: 25px; margin-top: -5px; }
	.item-container .title_elementA h2, .title_element h2 { font-size:20px; }
	.item-container .text_elementA, .text_element { height: 100%; margin-left:0; font-family: 'Plain Thin'; font-size: 18px; line-height: 24px; letter-spacing: 1px; display: table; }
	.horizontal .content_grid { width: 100%; margin-left: 0; }
	.endzone { margin-bottom: 60px; }
	.beginzone { margin-bottom: 0px; }
	.text-top { margin-bottom: 30px; }
	.text-bottom { margin-top: 30px; }
	.img_top { margin-top: 30px; }
	.img_bottom { margin-bottom: 30px; }
	.mb60 { margin-bottom: 30px; }
	.pr60 { padding-right: 0px; }
	.pl60 { padding-left: 0px; }
	
	.mySwiper { display: none;}
	.mySwiper-mobile { display: block;}
	.swiper-button-next, .swiper-button-prev { display: none !important; }
	.category header { background-color: #000; height: 80px;}
	.menu-is-opened.category header { background-color: #fff; height: 80px;}
	.category.press-is-opened header, .category.project-is-opened header, .page-id-132 header, .single-post header { background-color: #fff; height: 80px;}
	
	.credits p { font-size: 12px; line-height: 18px;}
	.element.gauche .credits { padding: 0 20px; }
	.elementA.gaucheA .credits { padding: 0; }
	
	/*.category-press .element .backElement { height: 35vh; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; }*/
}