/*!
Theme Name: supertroptop
Text Domain: supertroptop
*/

@import url('font.css');

:root{
	--mainMarge : 6.5vw;
	--font : min(max(12px,  1.2vw), 24px);
	--fontMed: min(max(16px, 1.2vw), 28px);
	--yellow: rgb(255, 255, 84);
}

#wpadminbar{
	display: none;
}

html[lang="fr-FR"]{margin: 0 !important;}

*{
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body{
	margin: 0;
	padding: 0;
	font-family: 'ES Rebond Grotesque', Arial, sans-serif;
	font-size: min(max(12px,  1.2vw), 24px);
	line-height: 1.4em;
	font-weight: 500;
	background-color: black;
}

#page{
	background-color: rgb(255, 241, 247);
	min-height: var(--winHeight);
}

h1, h2, h3, h4, h5, h6{
	font-weight: 600;
	padding: 0;
	margin: 0;
	line-height: 1em;
}

h1, h2{
	font-family: 'ES Nein';
	font-feature-settings: 'ss01';
}

a{
	color: black;
	text-decoration: none;
}

main a:hover{
	color: var(--yellow);
}

.listTitle a:hover{
	color: black;
}

li, ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

img{
	display: block;
	margin: 0;
	padding: 0;
	outline: none;
	width: 100%;
	height: auto;
}

/* HEADER */
.site-title {
	position: absolute;
	width: 100%;
	pointer-events: none;
	display: none;
}

.home .site-title{
	display: block;
}

.site-title a{
	display: flex;
	justify-content: space-between;
	font-size: 24vw;
	line-height: 1em;
	padding: 0 var(--mainMarge);
}

header{
	position: sticky;
	top: 0;
	z-index: 99;

}

header nav{
	font-weight: 600;
	font-size: var(--fontMed);
	line-height: 1.2em;
	padding: 0.25em var(--mainMarge);
	border-bottom: 1px solid black;
	background-color: white;
	position: relative;
		overflow: hidden;
}
header nav:before{
	content: '';
	background-color: white;
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 200%;
	transform: translateY(-100%);
}

header nav ul{
	display: flex;
	justify-content: space-around;
}

header nav li{
	justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

header nav li a {
	position: relative;
	z-index: 1;
}

header nav li:before {
    content: '';
    position: absolute;
    width: 300%;
    height: 800%;
    background: radial-gradient(rgb(255, 155, 255) 0%, transparent 65%);
    z-index: 0;
    transition: opacity 0.4s ease-in-out;
	-webkit-transition: opacity 0.4s ease-in-out;
	opacity: 0;
	pointer-events: none;
}

header nav li:hover:before {
	opacity: 1;
    transition: opacity 0.4s ease-in-out;
	-webkit-transition: opacity 0.4s ease-in-out;
}

header nav li.current-menu-item:before{
	opacity: 1;
}

/* MOBILE NAV */

header nav.main-navigation-mobile{
	display: none;
	padding: 0;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 999;
	background: rgb(255, 241, 247);
	right: 0;
	border-left: 1px solid black;
	border-bottom: 0;
	transform: translateX(100%);
	transition: width 0.4s linear, transform 0.4s ease-in-out;
	-webkit-transition: width 0.4s linear, transform 0.4s ease-in-out;
}



/* BANDE  */

.bande{
	position: fixed;
    bottom: 0;
    height: 5vw;
    width: 100vh;
    transform-origin: top left;
    transform: translateY(5vw) rotate(-90deg);
    background: var(--yellow);
    background: linear-gradient(0deg, rgba(255,255,84,0) 0%, rgba(255,255,84, 1) 60%, rgba(255,255,84, 1) 100%);
    z-index: 999;
    font-size: 2.5vw;
    line-height: 1em;
    font-weight: 400;
    overflow: hidden;
}

.bandeWrap{
	display: inline-flex;
	width: max-content;

}

.bande span{
	margin: 0 1.9em 0 0.1em;
}

/* FONT */
h2{
	font-size: min(max(75px, 9vw),240px);
    line-height: 0.85em;
    margin-left: -0.008em;
}

h3{
	font-weight: 600;
	font-size: var(--fontMed);
	line-height: 1.2em;
}

h2 + .sub{
	margin-top: 0 ;
}

.sub, 
.piece-description,
#intro p{
	font-size: var(--fontMed);
	line-height: 1.4em;
	font-weight: 600;
}

.piece-description p:first-child{
	margin-top: 0;
}

.sub{
	line-height: 1em;
}

.head-title{
	background-size: 0;
}

/* GRILLE */

.site-main:not(.col-grid),
.site-main.col-grid.cie{
	padding: 2em var(--mainMarge);
}

.col-grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

#primary, .col{min-height: calc(100vh - var(--Header));}

body.page-template-page-pieces .sub,
body.page-template-page-piecestt .sub{
	position: absolute;
	display: none;
}

body.page-template-page-pieces article:hover h2 a,
body.page-template-page-piecestt article:hover h2 a{
	color: var(--yellow);
}

body.page-template-page-pieces article:hover .sub,
body.page-template-page-piecestt article:hover .sub{
	display: flex;
	align-items: center;
	justify-content: space-between;
	pointer-events: none;
	width: 100%;
	grid-gap: 1em;
}

.sub span:nth-child(n+2){
	display: none;
}

article .sub span:last-child{
	display: block;
}

.home .thumb{
	height: calc(100vh - var(--Header));
	overflow: hidden;
}


.home .thumb figure,
.home .thumb .gallery{
	position: relative;
}

.home .thumb .gallery{
    will-change: transform;
}

.home.mobile .thumb .gallery{
	animation-play-state: paused !important;
}

/*IFRAME*/
iframe{
	width: 100%;
    min-height: calc(50vw/16*9);
    display: block;
}

@keyframes backward-infinite{
	0%{transform:translate(0,0)}
	100%{transform:translate(0, -100%)}
}

/* GRILLE CREA */

.col article{
	position: relative;
}

.col:last-child article{
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.col img,
body.page-template-page-pieces .col article.on img,
body.page-template-page-piecestt .col article.on img{
	position: relative;
	display: block;
	width: 100%;
}

body.page-template-page-pieces .col img,
body.page-template-page-piecestt .col img{
	position: absolute;
	width: 100%;
	display: none;
}

.thumb,
.page .col:first-child .post-thumbnail{
	position: fixed;
	width: 50vw;
}

.thumb.hide{
	display: none;
}

body.page-template-page-pieces .col .thumb img,
body.page-template-page-piecestt .col .thumb img{
	display: block;
	position: relative;
}

body.page-template-page-pieces .col:last-child,
body.page-template-page-piecestt .col:last-child{
	padding: 2.3em var(--mainMarge) 2em 2em;
	border-left: 1px solid black;	
}

.repertoire h3{
	position: sticky;
  	top: calc(var(--Header) - 1px);
  	background: rgb(255, 241, 247);
 	 z-index: 9;

	border-bottom: 1px solid;
	padding: 0.5em 0;
	margin-bottom: 1em;
}



.repertoire{
	padding-top: 3em;
}

.col .repertoire article,
.col:last-child .repertoire article{
	display: none;
}

.col .repertoire.open article,
.col:last-child .repertoire.open article{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.repertoire h3{
	cursor: pointer;
}

.repertoire h3:after{
	content: '\2192';
	margin-left: 0.5em;
}

.repertoire.open h3:after{
	content: '\2198';
}

/* GRILL HOME */

.col-grid{
	position: relative;
}

button.close{
	position: fixed;
	right: 0;
	top: calc(var(--Header));
	width: 7vw;
	height: 7vw;
	padding: 1.5vw;
	margin: 0;
	background-color: transparent;
	border:  none;
	cursor: pointer;
	z-index: 999;
}


button.close:before,
button.close:after{
	content: '';
	width: 100%;
	height: 1px;
	display: block;
	background-color: black;
	transform-origin: center;
}

button.close:after{ transform: rotate(45deg); }
button.close:before{ transform: rotate(-45deg); }


button.openMenu{
	display: none;
    position: fixed;
    right: 6vw;
    top: 3vw;
    width: 8vw;
    height: 5vw;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.home .col:last-child{
	display: flex;
	align-items: flex-end;
}

article.pieces h2,
article.pieces h2 a{
	display: block;
	width: 100%;
}

.home-message{
	font-size: min(max(21px, 3vw), 62px);
	line-height: 1.1em;
	font-weight: 600;
	max-width: 18em;
	padding: 0 1em;
}

.home .col:nth-child(2){
	border-left: 1px solid black;
}

/* GRILL CIE */


.page-template-page-cie .col-grid{
	grid-gap: var(--mainMarge);
}

.page-template-page-cie .col-grid .col-grid{
	grid-gap: 1em;
}

#team p{
	padding: 0;
	margin: 0;
}

.page-template-page-cie .col section{
	padding: 1em 0;
	border-top: 1px solid black;
}

.page-template-page-cie .col section:first-child{
	border: none;
}

.page-template-page-cie .col section#intro, 
.page-template-page-cie .col section#thanks {
	padding-top: 0;
}


section#credit {
    font-size: 0.65em;
    padding: 0;
}

/* GRILLE DANS PIECE */
.col.info{
	padding: 2.3em var(--mainMarge) 2em 2em;
	border-left: 1px solid black;
}

.col.info h2{
	color: var(--yellow);
	text-shadow: 0px 0px 30px rgb(0 0 0 / 3%)
}

.info-piece section{
	position: relative;
	border-bottom: 1px solid;
	padding-bottom: 0.5em;
	
}

.listTitle{
	padding: 0.5em 0 0;
	position: relative;
}


#meta:before {
  content: '';
  position: relative;
  display: block;
  height: var(--Header);
  margin-top: calc(var(--HeaderNeg) + 0.75em);
  visibility: hidden;
}


.list-distribution{
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-gap: 0.5em;
}
.list-distribution li{
	grid-column: span 3;
}

.list-distribution li:first-child:first-letter{
	text-transform: uppercase;
}

.list-distribution li:last-child{
	grid-column: span 5;
}

.list-distribution ul{
	grid-column: span 5;
}

.list-distribution ul span:after{
	content: ',';
}

.list-distribution ul span:nth-last-child(2):after{
	content: ' et';
}

.list-distribution ul span:last-child:after{
	content: '';
}

.col figure{
	padding: 0;
	margin: 0;
	position: relative;
}

figcaption {
  position: absolute;
  z-index: 9;
  font-size: 12px;
  color: white;
  mix-blend-mode: difference;
  bottom: 0;
  right: 0.5em;
}

.col.info section h3{
	cursor: pointer;
	position: relative;
}

.col.info section.open .closeList{
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.col.info section h3:after{
	content: '\2192';
	margin-left: 0.5em;
}

.col.info section.open h3:after{
	content: '\2198';
}
.grp{
	display: none;
	padding: 0.5em 0 1em;
}

.grp ul .col-grid{
	grid-column: span 2;
}

.col.info section.open .grp{
	display: block;
	top: 0;
	position: relative;
}


/* DATE */

.grp-dates ul{
	padding: 0.5em 0;
	margin-top: 0.5em;
}

.grp-dates ul:first-child{
	margin-top: 0;
}



.grp-dates ul ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 0;
}

.info-piece .grp-dates ul ul li.title-piece,
.info-piece .grp-dates ul ul li.region{
	display: none;
}


/* AGENDA */

.select li{
	cursor: pointer;
}

.select li.select{
	pointer-events: none;
}

.select li:after{
	content: '\2192';
	margin-left: 0.5em;
}

.select li.select:after{
	content: '\2198';
}

.select.mobile{
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 1em 2em;
	background: white;
	display: none;
}

@media screen and (max-width: 720px){
	#primary.agenda{
		padding-bottom: 20vh;
	}
	.select.desktop{ display: none }
	.select.mobile{ display: grid }
}

.agenda ul ul,
ul.select,
.agenda h2{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: var(--font);
}

.agenda h2 span:nth-child(2){
	grid-column: span 3;
}

.agenda ul ul.passed .wrapDate,
.agenda ul ul.passed .col-grid,
.listSaison ul.passed,
.listSaison.passed{
	pointer-events: none;
	opacity: 0.5;
}

.listSaison.passed ul.passed{
	opacity: 1;
}


.list-agenda .listSaison{
	border: none;
}

.listSaison{
	border-top: 1px dotted;
}

.listSaison:first-child{
	border: none;
}

.wrap-agenda-piece ul:not(:first-child) .title-piece{
	opacity: 0;
}

.agenda .select{
	font-weight: 600;
}

.list-agenda{
	font-size: var(--fontMed);
}

.wrap-agenda .paysSpace + ul li,
.wrap-agenda .paysSpace + ul div,
.wrap-agenda .regionSpace + ul li,
.wrap-agenda .regionSpace + ul div{
	border-top: 0;
}

.wrap-agenda li,
.wrap-agenda ul div{
	border-top: 1px solid black;
	padding: 0.5em 0;
	line-height: 1.2em;
}

.wrap-agenda li ul li{
	padding: 0;
}

.wrap-agenda ul div{
	grid-column: span 2;
	grid-gap: 1em;
}

.wrap-agenda ul div li{
	border: none;
	padding: 0;
}

.paysSpace{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1em;
}

.paysSpace *{
	border-bottom: 2px solid black;
	border-top: 2px solid black;
	padding: 0.25em 0;
}

.paysSpace h3{
	color: rgb(255, 165, 255);
}


/* CIS STT */

.page-template-page-cie section pre{
	columns: 3;
	margin: 0;
	font-family: 'ES Rebond Grotesque';
}

.page-template-page-cie section p{
	margin-top: 0;
}

.page-template-page-cie .cie section h3{
	padding-bottom: 0.5em;
}

/* PRO */

.pro ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
}

.pro ul li:first-child{
	grid-column: span 2;
}

.pro ul ul{
	display: block;
}

.page-template-page-pro article{
	border-top: 2px solid;
	display: flex;
	justify-content: space-between;
}

.pro h2{
	font-size: min(max(100px, 13vw),160px);
	line-height: 1em;
}

.pro li{
	font-weight: 600;
}

.pro article ul ul li{
	border-top: 1px solid;
}
.pro article ul ul li:first-child{
	border: none;

}

.pro article ul ul a{
	font-weight: 500;
	font-size: var(--fontMed);
	padding: 0.25em 0;
	border-bottom: 1px solid;
	display: block;
}

.pro article ul ul a{
	border-bottom: none ;
}

.pro .legende li{
	margin-bottom: 0.3em;
	line-height: 1em;
}

.pro .log {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 1em var(--mainMarge);
    background: white;
    outline: none;
}

.pro #loginform p{
	display: flex;
	flex-wrap: wrap;
}

.pro #loginform label,
.pro .cta{
	font-size: 14px;
	width: 100%;
	display: flex;
    align-items: center;
}

.pro input{
	border-radius: 0;
	border: none;
	background: white;
	padding: 0.5em;
	font-family: 'ES Rebond Grotesque', Arial, sans-serif;
	font-weight: 600;
	
}

.pro input:focus,
.pro input:active{
	outline: 1px solid rgb(255,255,84);
}

.pro input[type=checkbox]{
	border-radius: 100px;
	appearance:  none;
	margin: 0 0.5em 0 0;
	display: flex;
	align-items: center;
	padding: 0.8em;
	border: 1px solid;
}

.pro input:checked{
	background: rgb(255,255,84);
}

.pro input[type=submit]{
	background: black;
	color : rgb(255, 241, 247);
	cursor: pointer;
}

.pro input[type=submit]:hover{
	background : rgb(255,255,84);
	color: black;
}

.pro #loginform .login-remember label{
	width: auto;


}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}



/* CONTACT */
#contact{
	width: calc(100vw/4*3);
	height: 100vh;
	background: var(--yellow);
	border-left: 1px solid;
	padding: 4em 10em;

	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;

	transform: translateX(100%);
	transition: transform 0.4s ease-in-out;
	-webkit-transition: transform 0.4s ease-in-out;
}

#contact.open {
	transform: translateX(0%);
	transition: transform 0.4s ease-in-out;
	-webkit-transition: transform 0.4s ease-in-out;
}

#contact button.close{
	top: 1em;
	right: 1em;
}


.col.image p{
	margin: 0;
}

#team p{
	margin: 0 0 1em;
}

#collab ul{
	columns: 3;
	column-gap: 1em;
}

/* TRADUCTION */
.ontrad .trad[data-trad="0"],
.trad[data-trad="1"]{
	display: none;
}

.ontrad .trad[data-trad="1"]{
	display: block;
}

.entry-title h2 + .sub{
	display: flex;
	align-items: center;
}

button[name="traduction"]{
	background: transparent;
	border: 1px solid black;
	color: black;
	outline: none;
	border-radius: 100px;
	margin: 0 1em;
	padding: 0.4em 0.35em;
	cursor: pointer;
}

button[name="traduction"]:hover{
	background: black;
	color:  rgb(255, 240, 248);
}

/* TABLE */

.piece-description table {
	border-spacing: 0;
}
.piece-description td, .piece-description th {
    padding: 0 0.25em;
    border-spacing: 0;
    border-left: 1px solid;
}

.piece-description td{
    border-top: 1px solid;
}

.piece-description td:first-child, .piece-description th:first-child{
	border-left: 0;
}

.piece-description th:first-child{
	border-top: 0;
}


/* IMG MOBILE  */
#imgMobile{display: none; padding: 0; border:  none;}

/* RESPONCIVE */
@media screen and (max-width: 720px){

	body{
	font-size: min(max(14px,  1.2vw), 24px);
	line-height: 1.2em;
	}
	.sub, .piece-description, #intro p{
		line-height: 1.2em;
	}

	header{
		position: fixed;
		width: 100%;
	}

	#site-navigation,
	.bande,
	.page-template-page-pieces .col:first-child{
		display: none;
	}

	header nav.main-navigation-mobile{
		display: block;
	}

	.site-title{
		padding: 0 1em;
		display: block;
		position: fixed;
		pointer-events: auto;
		font-family: 'ES Rebond Grotesque', Arial, sans-serif;
		background: var(--yellow);
    	background: linear-gradient(0deg, rgba(255,255,84,0) 0%, rgba(255,255,84, 1) 55%, rgba(255,255,84, 1) 100%);
	}

	.site-title a{
		justify-content: inherit;
		font-size:8vw;
		line-height: 1em;
		padding: 0.1em 0;
		min-height: 1.7em;
		font-weight: 500;
	}

	.site-title a span{
		margin-right: 0.25em;
	}

	.post-thumbnail{
		display: none;
	}

	.col-grid{
		display: block;
	}

	#primary{
		padding: 17vw 2em 2em;
		min-height: var(--winHeight);
	}

	.col{
		min-height: 100%;
	}


	.home #primary{
		padding: 0;
	}

	.home .thumb{
		width: 100vw;
	}

	.home .thumb figure{
		height: calc(var(--winHeight)/2);
		overflow: hidden;
	}

	body.page-template-page-pieces .col:last-child, 
	body.page-template-page-piecestt .col:last-child,
	.col.info{
		padding: 0;
		border: 0;
	}

	

	#primary.info-piece{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		padding: 0;
	}

	#imgMobile p{
		margin: 0;
	}

	button.close{
		width: 14vw;
		height: 14vw;
	}

	button.openMenu{
		display: grid;
		align-items: center;
	} 

	button.openMenu span{
		width: 100%;
		height: 1px;
		background: black;
		display: block;
	}
	.openMenu button.openMenu span:nth-child(1){ position: absolute; transform-origin: center; transform: rotate(45deg); }
	.openMenu button.openMenu span:nth-child(2){ display: none; }
	.openMenu button.openMenu span:nth-child(3){ position: absolute; transform-origin: center; transform: rotate(-45deg); }
	


	.head-title{
		padding: 2em;
		background-size: cover;
		width: 100vw;
		height: 100vw;
		display: flex;
		align-items: flex-end;
	}

	.head-title .sub{
		margin: 0;
	}

	.col{
		padding: 0;
	}

	
	.single .entry-content{
		padding:  2em;
	}

	#contact{
		padding: 2em;
		width: 80%;
	}

	#contact.open{
		transform: translateX(0%);
	}

	.home .col{
		border: 0 !important;
	}

	.home figure{
		background-size: cover;
		background-position: center;
	}

	.home figure img{
		display: none;
	}

	.home .col:nth-child(2){
		position: absolute;
		background: linear-gradient(0deg, rgba(251,151,251,0) 40%, rgba(251,151,251, 1) 49%, rgba(251,151,251, 1) 51%, rgba(251,151,251,0) 60%);
		width: 100%;
    	min-height: initial;
    	overflow: hidden;
    	height: var(--winHeight);
    	display: flex;
    	align-items: center;
	}

	.home .col:nth-child(2) p{
		width: max-content;
		margin: 1.5em 1rem;
	}

	.home-message{
		display: inline-flex;
    	max-width: inherit;
    	font-size: 1.5em;
    	padding: 0;
	}

	.seq{
		display: inline-flex;
	}

	.home-message{
	-webkit-animation: backward-infinite 20s linear infinite;
    animation: backward-infinite 20s linear infinite;
    animation-play-state: running !important;
    will-change: transform;
	}

	@keyframes backward-infinite{
		0%{transform:translate3D(0,0,0)}
		100%{transform:translate3D(calc((-100%/2) - 0.1em),0,0)}
	}

	button.close{
		top: calc(var(--Header));
    	right: -3vw;
    	padding: 3vw;
    	margin: 10vw 6vw 0;
	}

	#contact button.close{
		margin: -1.25vw 0 0;
	}

	.repertoire{
		padding: 0;
	}
	.repertoire h3{
		padding-top: var(--HeaderMob);
	}
	.home .thumb{
		height: var(--winHeight);
	}

	

header nav.main-navigation-mobile ul{
	display: block;
	height: 100vh;
}

header nav.main-navigation-mobile li{
	justify-content: left;
	border-bottom: 1px solid black;
	background: white;
	overflow: hidden;
}

header nav.main-navigation-mobile li a{
	font-size: 8vw;
	font-weight: 500;
	line-height: 1em;
	padding: 0.25em 0.4em;
}


body main,
body .site-branding{
	transform: translateX(0%);
	transition: transform 0.4s ease-in-out;
	-webkit-transition: transform 0.4s ease-in-out;
}


body.openMenu header nav.main-navigation-mobile{
	width: 100%;
	transform: translateX(20%);
	transition: width 0.4s linear, transform 0.4s ease-in-out;
	-webkit-transition: width 0.4s linear, transform 0.4s ease-in-out;
}


body.openMenu main,
body.openMenu .site-branding{
	transform: translateX(-80%);
	transition: transform 0.4s ease-in-out;
	-webkit-transition: transform 0.4s ease-in-out;
}

body.openMenu main:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}

body.openMenu .site-branding a{
	pointer-events: none;
}

body.page-template-page-pieces article:hover .sub, body.page-template-page-piecestt article:hover .sub{
	display: block;
}

.grp ul .col-grid{
	display: grid;
	grid-gap: 0.5em;
}

main a:hover{
	color: black;
	text-shadow: 0px 0px 10px rgb(0 0 0 / 8%);
}

.home.mobile .thumb .gallery{
	animation: none !important;
}

header nav.main-navigation-mobile li a{
	width: 80%;
}

/*IFRAME*/
iframe{
	width: 100%;
    height: calc(100vw/16*9);
    display: block;
}

#imgMobile{display: block;}

.col.image{display: none;}

}