/*
Theme Name: Priceless
Theme URI: https://www.experimental-net.com
Author: Flavien LOCHE
Author URI: https://www.experimental-net.com
Description: Priceless
Version: 1.0
*/

body { margin:0; padding: 0; background-color: #000; font-family: 'geomanistregular'; font-variant-numeric: lining-nums; color: #fff; overflow-y: scroll; font-weight: normal !important; }
strong { font-family: 'geomanistbold'; font-weight: normal; }
em, i { font-family: 'geomanistitalic'; font-style: normal; }
a, a:active, a:focus, a:visited { color:#fff; }
a:hover { color:#F5A032; }
/* H TYPE */
h1, h2, h3, h5, h6 { font-family: 'Oswald'; color: #fff; font-weight:400; }
h3 { text-align:center; font-size: 40px; line-height: 45px; text-transform: uppercase; margin-bottom: 46px; letter-spacing: 2.5px; }
h4 { font-family: 'geomanistregular'; font-size: 21px; line-height: 33px; color: #fff; font-weight: normal;  }
a { cursor: pointer; }

/* MAIN CONTAINER */
.main-container { width: 100%; /*max-width: 2000px;*/ margin: auto;}
.footer { padding-bottom: 30px; }
.mb120 { margin-bottom: 100px; }
.alright { text-align: right;}
p { margin-bottom:0; }
/*ENTRANCE*/
.entrance { width: 100%; height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.entrance_overlay { width: 100%; height: 100vh; position: absolute; background-color: rgba(0,0,0,0.2)}
.logo {width: 100%; margin-top: 30px; height: 30px; text-align: center;}
.logo_footer {width: 100%; margin-top: 45px; margin-bottom: 20px; height: 30px; text-align: center;}
/*.logo img { height: 30px;}*/
.logo-ps10 { width: 100%; height: calc(100% - 120px); text-align: center; display: flex; justify-content: center; align-items: center; }
.logo-ps10 h1 { display: block; height: 60%; max-width: 80% }
.logo-ps10 img { height: 100%; }

/* SEPARATOR */
.separator { height: 6px; width: 100%; background-image: url(//lefooding.com/evenement/priceless-soupers/wp-content/uploads/2022/03/separator-1.svg); background-repeat: repeat-y; background-position: center center; background-size: 101%; }

/* INTRO */
.intro { padding-left: calc(50% - 425px); padding-right: calc(50% - 425px); padding-bottom: 50px; padding-top: 50px; }

/* episode liste */
.episodes { padding-left: calc(50% - 606px); padding-right: calc(50% - 606px); padding-bottom: 40px; padding-top: 40px; }
.liste { column-gap: 25px; row-gap:30px; }
.episode { padding-bottom:75%; background-size: cover; position:relative; width: 100%; background-position: center center; }
.episode_content { position: absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.1); display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around; }
.numero { font-family: 'geomanistregular'; font-size:20px; text-transform: uppercase; margin-bottom: 10px; margin-top: 15px; text-align: center; letter-spacing: 1.5px;}
.titre { font-family: 'Oswald'; font-size:40px; line-height: 45px; letter-spacing: 1.5px; text-align: center; text-transform: uppercase; margin-bottom: 30px;}
.titre a, .titre a:hover, .titre a:active, .titre a:visited, .titre a:focus { color:#fff; text-decoration: none;}
.bouton { margin-bottom: 35px; text-align: center; width: 100%; }
.btn { display: inline-block; width: 200px; font-family: 'geomanistbook'; font-size: 16px; line-height: 16px; padding-bottom: 8px; padding-top: 8px; border-radius: 18px; text-align: center; }
.closed, .closed:hover, .closed:active, .closed:visited, .closed:focus { background-color: #F5A032; color: #fff; text-decoration: none; }
.opened, .opened:hover, .opened:active, .closed:visited, .closed:focus { background-color: #FF3219; color: #fff; text-decoration: none; }
.ended, .ended:hover, .ended:active, .ended:visited, .ended:focus { background-color: #fff; color: #000; text-decoration: none; }
.closed:hover { color: #F5A032; background-color: #fff; text-decoration: none; }
.opened:hover { color: #FF3219; background-color: #fff; text-decoration: none; }
.ended:hover { color: #fff; background-color: #000; text-decoration: none; }
.past { filter: grayscale(100%); }
.episodes .logo { padding-bottom: 50px;}
.legende { position: absolute; bottom: 2px; left: 2px; font-size: 10px; }

/* episode detail */
.separator.in_detail { display: none; }
.episode_detail { padding-left: 0; padding-right: 0; display: none;}
.single .separator.in_detail { display: block; }
.single .episode_detail { padding-left: 0; padding-right: 0; display: block;}
.image_detail { background-size: cover; position:relative; width: 100%; background-position: center center; }
.item_detail { padding: 60px 30px; display: flex; flex-direction: column; }
.item_detail .numero { font-family: 'geomanistregular'; font-size:25px; text-transform: uppercase; margin-bottom: 23px; margin-top: 0px; text-align: center; letter-spacing: 1.5px;}
.item_detail .btn_fermer { text-align: right; display: none; margin-bottom: 10px; }
.item_detail .titre { font-family: 'Oswald'; font-size:50px; line-height: 55px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; margin-bottom: 28px;}
.item_detail .description { font-family: 'geomanistregular'; font-size:17px; margin-bottom: 35px; padding-left: calc(50% - 225px); padding-right:calc(50% - 225px); }
.item_detail .bouton { margin-bottom: 0px; }

/* FOOTER */
.footer .main-wrapper { font-family: 'geomanistregular'; font-size: 14px; margin-top: 30px; margin-right: 30px; margin-left: 30px; }
.footer a { color:#fff;}

.only-desktop { display: block;}
.nav-mobile, .mobile-only, .only-mobile { display: none; }
.nav-desktop, .desktop-only { display: grid; }

.header-spacer { display: none; }
#backtotop { position: fixed; display: none; right: 30px; bottom: 30px; width: 31px; height: 31px; cursor:pointer; background-color: #fff; border: 1px solid #000; border-radius:19px;  box-shadow: 2px 2px 3px rgba(0,0,0,0.5); background-image: url(//lefooding.com/evenement/priceless-soupers/wp-content/uploads/2022/03/arrow-up.svg); background-position: center; background-size: 60% 60%; background-repeat: no-repeat; }
#pardessoustout {
    position: fixed;
    z-index: 8000;
}
@media screen and (max-width: 1330px) {
	.episodes { padding-left: 20px; padding-right: 20px; }
	.episode_detail { padding-left: 0; padding-right: 0; }
	.image_detail { padding-bottom:66.66%; }
	.footer .main-wrapper { font-family: 'geomanistregular'; font-size: 14px; margin-top: 30px; margin-right: 20px; margin-left: 20px; }
}
@media screen and (max-width: 992px) {
	h3 { text-align:center; font-size: 40px; line-height: 45px; text-transform: uppercase; margin-bottom: 46px; letter-spacing: 2.5px; }
	/*.episode { padding-bottom:66.66%; background-size: cover; position:relative; width: 100%; background-position: center center; }*/
	.titre { font-family: 'Oswald'; font-size:40px; line-height: 45px; letter-spacing: 1.5px; text-align: center; text-transform: uppercase; margin-bottom: 30px;}
	.numero { font-family: 'geomanistregular'; font-size:20px; text-transform: uppercase; margin-bottom: 10px; margin-top: 15px; text-align: center; letter-spacing: 1.5px;}
	.intro { padding-left: 20px; padding-right: 20px; }
	.item_detail { padding: 60px 20px; }
	.item_detail .numero { font-family: 'geomanistregular'; font-size:25px; text-transform: uppercase; margin-bottom: 28px; margin-top: 0px; text-align: center; letter-spacing: 1.5px;}
	.item_detail .titre { font-family: 'Oswald'; font-size:45px; line-height: 50px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; margin-bottom: 28px;}
	.item_detail .description { font-family: 'geomanistregular'; font-size:17px; margin-bottom: 35px; padding-left: 0; padding-right:0; }
	.item_detail .bouton { margin-bottom: 0px; }
	.logo_footer {width: 100%; margin-top: 45px; margin-bottom: 20px; height: 30px; text-align: center;}
}
@media screen and (max-width:850px) {
	.sm\:grid-cols-2 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
@media screen and (max-width: 576px) {
	.episode { padding-bottom:80%; background-size: cover; position:relative; width: 100%; background-position: center center; }
	.titre { font-family: 'Oswald'; font-size:35px; line-height: 40px; letter-spacing: 1.5px; text-align: center; text-transform: uppercase; margin-bottom: 30px;}
	.numero { font-family: 'geomanistregular'; font-size:15px; text-transform: uppercase; margin-bottom: 10px; margin-top: 15px; text-align: center; letter-spacing: 1.5px;}
	.intro { padding-left: 20px; padding-right: 20px; }
	.item_detail { padding: 20px 20px; }
	.item_detail .numero { font-family: 'geomanistregular'; font-size:20px; text-transform: uppercase; margin-bottom: 18px; margin-top: 0px; text-align: center; letter-spacing: 1.5px;}
	.item_detail .titre { font-family: 'Oswald'; font-size:35px; line-height: 40px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; margin-bottom: 23px;}
	.item_detail .description { font-family: 'geomanistregular'; font-size:17px; margin-bottom: 35px; padding-left: 0; padding-right:0; }
	.item_detail .bouton { margin-bottom: 0px; }
	h4 { font-family: 'geomanistregular'; font-size: 17px; line-height: 24px; color: #fff; font-weight: normal;  }
	.episode_detail { position: fixed; z-index: 10; background-color: #000; height: 100vh; overflow: scroll; }
	.image_detail { order: 2; }
	.item_detail .btn_fermer { display: block; background-color:#000; }
	.item_detail .btn_fermer img { width: 30px; cursor: pointer; }
}
@media screen and (max-width: 371px) {
	.episode { padding-bottom:100%; background-size: cover; position:relative; width: 100%; background-position: center center; }
	.titre { font-family: 'Oswald'; font-size:30px; line-height: 35px; letter-spacing: 1.5px; text-align: center; text-transform: uppercase; margin-bottom: 30px;}
	.numero { font-family: 'geomanistregular'; font-size:15px; text-transform: uppercase; margin-bottom: 10px; margin-top: 15px; text-align: center; letter-spacing: 1.5px;}
	.intro { padding-left: 20px; padding-right: 20px; }
	.item_detail { padding: 60px 20px; }
	.item_detail .numero { font-family: 'geomanistregular'; font-size:20px; text-transform: uppercase; margin-bottom: 28px; margin-top: 0px; text-align: center; letter-spacing: 1.5px;}
	.item_detail .titre { font-family: 'Oswald'; font-size:30px; line-height: 35px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; margin-bottom: 28px;}
	.item_detail .description { font-family: 'geomanistregular'; font-size:17px; margin-bottom: 35px; padding-left: 0; padding-right:0; }
	.item_detail .bouton { margin-bottom: 0px; }
}