/*TABLET*/

@media screen and (min-width: 768px) and (max-width: 1024px) {

}

/*MOBILE STYLES*/


@media screen and (max-width: 768px) {

body, main {
	background-color:white;
}

.mobile-nav {
	display: block;
	position:fixed;
	/* customisation 2026 */
	top: 17px;
	/*bottom:25px;*/
	/* customisation 2026 - END */
	right:25px;
	z-index: 9;
	mix-blend-mode: difference;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-property: transform;
	-webkit-transform:rotate(0deg);
	transition-duration: 0.3s;
	transition-property: transform;
	transform:rotate(0deg);
}

body.home .mobile-nav {
	mix-blend-mode: normal;
}

.menu-rotate {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	mix-blend-mode: difference !important;
}

.mobile-nav img {
	display: block;
	width:18px;
}

div.menu {
	opacity:0;
	pointer-events: none;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.3s;
	transition-property: opacity;
	transition-duration: 0.3s;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background-color: white;
}

.menu-main-menu-container, .menu-main-menu-en-container {
	position:absolute;
	bottom:0;
	margin-bottom:calc(3 * var(--main-font-size));
}

div.menu ul {
	display: inline-block;
}

div.menu ul:after {
	display: none;
}

div.menu ul>li, body.home div.menu ul>li, .lang {
	width:100%;
	margin-top:var(--margin-val);
}

div.menu li {
	-webkit-animation:none !important;
	animation:none !important;
}

body.home div.menu ul li a, body.home div.menu div.lang li:first-of-type:after {
	color:black;
	-webkit-animation:none;
	animation:none;
}

body.home div.menu div.lang li {
	opacity:0.4;
}

body.home div.menu div.lang li.current-lang {
	opacity: 1;
}

/*HOME*/

#logo {
	width:calc(100vw - 40px);
}

#img-bg img {
	height:100vh;
	width:auto;
	margin-top:0;
	margin-left:50vw;
	-webkit-transform:translate(-50%, 0);
	transform:translate(-50%, 0);
}

table th {
	display:block;
	padding-bottom: 0;
}

table tr, .wp-block-column table tr, body.page-template-default main table tr {
	display: block;
	padding-bottom:var(--margin-val);
	height:auto;
}

table td {
	width:100%;
	display: block;
}
	
	body.home table tr td:nth-of-type(3) {
  width: 100%;
}

body.home table td {
	width:100%;
}

/*PROJECTS*/
body.page-template-page-projects main > a {
	height:auto;
}
	
	body.page-template-page-projects main a, body.page-contacts .wp-block-column table td:first-of-type, body.page-contact .wp-block-column table td:first-of-type {
		width:100%;
	}
	
	body.page-template-page-ateliers .main-intro li a  {
		display:inline;
	}

article {
	width:100vw;
	height:calc(100vh / 3);
}

article img {
	width:auto;
	margin-top:calc((100vh / 3) / 2);
	min-height: calc(100vh / 3);
}

.info {
	opacity: 1;
}

.info p {
	font-size: var(--sub-font-size);
	line-height: var(--sub-line-height);
}

body.page-template-page-projects main {
	margin-top:0;
	padding-bottom:0;
}

body.page-template-page-projects main > a {
	display: block;
	margin-top:0;
}
	
	.wp-block-column table td:first-of-type, .wp-block-column table td {
		width:100%;
	}

/*ATELIERS*/

body.page-template-page-ateliers nav, body.page-template-page-lanuit nav {
	color:black;
	position:absolute;
}

	
body.page-template-page-ateliers nav#sub-track, body.page-template-page-lanuit nav#sub-track {
	position: fixed;
}

body.page-template-page-ateliers .main-intro, body.page-template-page-lanuit .main-intro {
	position:relative;
	width:100%;
	margin-left:0;
	padding-bottom:var(--main-line-height);
	background-color:white;
	margin-top:100px;
}

body.page-template-page-ateliers main, body.page-template-page-lanuit main {
	padding-bottom:0;
}

body.page-template-page-ateliers div.article-content {
	width: 100vw;
	height:100vh !important;
	overflow: scroll;
    padding-left: 0;
    height:auto;
    z-index: 9;
}

body.page-template-page-ateliers .wp-block-column {
	min-height: auto;
	padding-top:100px;
}
	

body.page-template-page-ateliers article img {
	width:100vw;
}

/*PROJECT*/

body.single nav {
	z-index: 1;
}
section {
	opacity: 1;
	position:relative;
	height:auto;
}

#overlay-left, #overlay-right {
	display:none;
}

section img {
	opacity:1;
	height:auto;
	width:100%;
	display:block;
	position:relative;
	top:unset;
	left:unset;
	-webkit-transform:unset;
	transform:unset;
}

body.single .wp-block-columns {
	margin-top:0;
}

.wp-block-column:not(:only-child) {
	flex-basis: unset !important;
}

body.single .wp-block-columns div:nth-of-type(2) p, body.single .wp-block-columns div:nth-of-type(2) table {
	padding-left:var(--margin-val);
}
	
	body.single .wp-container-2 > .wp-block-table {
		padding-left:var(--margin-val);
	}

/*DEFAULT (cal & t&i) */

body.page-template-default main table thead, body.page-template-default br {
	display: none;
}

body.page-template-default table tr td:first-of-type {
	text-transform: uppercase;
	opacity: 0.4;
	font-size: var(--main-font-size);
}

body.page-template-default table {
	padding-bottom:50px;
}

body.page-template-default tr:hover td {
	opacity:1;
}	

/*contact*/

body.page-template-default .wp-block-column td strong, body.page-template-default .wp-block-column br {
	display: block;
}

body.page-template-default .wp-block-column table tr td:first-of-type {
	text-transform: none;
	opacity: 1;
}

body.page-template-default .wp-block-column table td {
	width:calc(100% - var(--margin-val));
}

body.page-template-default .wp-block-gallery {
	height: auto;
	margin-bottom: var(--margin-val);
}

body.page-template-default .wp-block-gallery .blocks-gallery-item {
	height:auto;
}

}

/* update 2026 new site title */
@media screen and (max-width:400px){
body.home nav {
	max-width:300px;
}
	
body.home table {
	margin-top:50px;
}

}