/* @override 
	https://danse.retrorama.ch/themes/custom/stable9plus/css/adc.css?*
	http://danse.retrorama.ch/themes/custom/stable9plus/css/adc.css?* */

:root {
	--img-shadow: -8px 10px 25px rgba(0,0,0,.15);
	--img-shadow-l: -4px 5px 25px rgba(0,0,0,.15);
}
.adc-edit {
	float: right;
}
#page {
	/*background-color: #bcbfaf;*/
	background: none;
}
.node-25 #page {
	background-color: rgba(244,244,244,1);
}

/* @group MENU OC */

.adc-menu-link {
	font-size: 1.25rem;
	line-height: 1;
	margin: 0rem;
	display: block;
	
	background-image: none!important;
	
	
	padding: 1rem 0 1rem 1rem;
}
a.adc-tdm[href^="#"]::after {
	content: ''!important;
	margin-left: 0!important;
}
.adc-menu-link:hover {
	color: #222;
	box-shadow: var(--img-shadow);
	border-radius: 5px;
}
.adc-menu-date {
	font-size: 2rem;
}
.adc-menu-small {
	font-size: 1.25rem;
	line-height: 1.4;
}

#block-alleraupavillon a {
	display: inline-block!important;
	background: none;
	margin-right: 1rem;
}
#block-alleraupavillon a:hover {

}
#block-alleraupavillon .medaillon {
	max-width: 100px;
}
#block-alleraupavillon a .medaillon img {
	border-radius: 1rem;
	
}
/* @end */

/* @group TDM nav Chapitres */
.site-header {
	pointer-events: none;
}
#block-periode-chapitres {
	padding-left: 1rem;
	margin-left: 0;
	pointer-events: auto;
}
.periode-nav {
	font-size: 1.5rem;
}


.adc-tdm {
	display: flex;
	align-items: center;
	height: .66rem;
	color: #000;
	margin-bottom: .75rem;
	margin: 0;
}
.adc-tdm, .periode-nav a, .photoswipe
{
	background-image: none!important;
}
.periode-nav {
	text-transform: uppercase;
	background-color: #000 ;
	padding: 0 7px;
	line-height: 1.2;
	display: inline-block;
	
	transition: all .5s ease-in-out 0s;

	margin-bottom: 2rem;
}
.scrolled .periode-nav {
	margin-bottom: 10px;
}
.adc-tdm-item {
	margin-bottom: .5rem;
}
.adc-tdm-dot {
	display: block;
	width: 10px;
	height: 5px;
	margin-right: .5rem;
	border-radius: 20px;
	background: #000;
	transition: all .5s ease-out 0s;
}
.adc-tdm .adc-tdm-label {
	display: inline-block;
	max-width: 0;
	white-space: nowrap;
	overflow: hidden;
	opacity: 0;
	transform: translateX(-.5rem);
	padding: 0 5px;
}
.adc-tdm:hover .adc-tdm-dot {
	width: 2.5rem;
}
.adc-tdm:hover .adc-tdm-label {
	max-width: 90vw;
	transition: all .5s ease-out 0s;
	opacity: 1;
	transform: translateX(0);
}
/*.adc-tdm {
	display: flex;
	flex-direction: row;
	align-items: center;
}*/
.adc-anchor {
	visibility: hidden;
	height: 0;
	overflow: hidden;
}


/* @end */

/* @group HELPERS COULEUR ET RADIUS */

a.btn[rel^="modal"]::after {
	content: '↗';
	margin-left: 1rem;
}
a[href^="#"]::after {
	content: '↓';
	margin-left: .5rem;
}

.fluid-color,
.section-title h1,
.section-title h2 {
	/*animation: rainbowColor 30s linear 0s infinite ;*/
}
.fluid-bg {
	/*animation: rainbowBg 30s linear 0s infinite ;*/
}


/* == COLORS == */
.c-color {
	color: var(--fluolime);
}
.period-credits {
	background-color: var(--bgjaune);
}
.period-0 .c-color.
.period-credits .c-color {
	color: var(--fluolime);
}

/* Crédits */
.period-credits .c-color {
	color: var(--fluojaune);
}
/* Bouillon Lime */
.period-1 .c-color {
	color: var(--fluolime);
}
/* Festivals */
.period-2 .c-color {
	color: var(--fluobleu);
}
/* Patiño */
.period-3 .c-color{
	color: var(--fluorange);
}
/* Fondation */
.period-4 .c-color {
	color: var(--fluorose);
}
/* Vertical */ 
.period-5 .c-color {
	color: var(--fluojaune);
}
/* Studios */ 
.period-6 .c-color {
	color: var(--fluovert);
}

/* == BG == */
.c-bg {
	background-color: var(--fluojaune);
}
.c-bg .c-bg {
	background-color: #FFF!important;
}
.period-0 {
	background-color: var(--bglime);
	
}
.period-1 {
	background-color: var(--bglime);
}
.period-2 {
	background-color: var(--bgbleu);
}
.period-3 {
	background-color: var(--bgorange);
}
.period-4 {
	background-color: var(--bgrose);
}
.period-5 {
	background-color: var(--bgjaune);
}
.period-6 {
	background-color: var(--bgvert);
}


.adc-home .period-home {
	background-color: #DDD;
	background-color: transparent;
}

/* BG couleurs vives */

.period-0 .c-bg,
.period-0 .pswp__bg,
.pswp__caption__center  {
	background-color: var(--fluolime);
}
.period-1 .c-bg,
.period-1 .pswp__bg,
.period-1 .pswp__caption__center,
.period-1 > a.period-link  {
	background-color: var(--fluolime);
}
.period-2 .c-bg,
.period-2 > a.period-link,
.period-2 .pswp__caption__center,
.period-2 .pswp__bg,
.period-1 .period-link  {
	background-color: var(--fluobleu);
}
.period-3 .c-bg,
.period-3 > a.period-link,
.period-2 .period-link,
.period-3 .pswp__caption__center,
.period-3 .pswp__bg {
	background-color: var(--fluorange);
}
.period-4 .c-bg,
.period-4 .pswp__bg,
.period-4 .pswp__caption__center,
.period-4 > a.period-link,
.period-3 .period-link {
	background-color: var(--fluorose);
}
.period-5 .c-bg,
.period-5 .pswp__bg,
.period-5 .pswp__caption__center,
.period-5 > a.period-link,
.period-4 .period-link {
	background-color: var(--fluojaune);
}
.period-6 .c-bg,
.period-6 .pswp__bg,
.period-6 .pswp__caption__center,
.period-6 > a.period-link,
.period-5 .period-link {
	background-color: var(--fluovert);
}
.period-6 .period-link {
	background-color: var(--fluorose);
}


/* Surlignements A links */
.period-0 a {
	background-image: linear-gradient(0deg, rgba(255,242,82,0) 11%, var(--fluolime) 11%, var(--fluolime) 40%, rgba(255,242,82,0) 40%);
}
.period-0 a:hover {
	background-image: linear-gradient(0deg, rgba(255,242,82,0) 11%, var(--fluolime) 11%, var(--fluolime) 80%, rgba(255,242,82,0) 80%);
}

.period-1 a {
	background-image: linear-gradient(0deg, rgba(255,242,82,0) 11%, var(--fluolime) 11%, var(--fluolime) 40%, rgba(255,242,82,0) 40%);
}
.period-1 a:hover {
	background-image: linear-gradient(0deg, rgba(255,242,82,0) 11%, var(--fluolime) 11%, var(--fluolime) 80%, rgba(255,242,82,0) 80%);
}

.period-2 a {
	background-image: linear-gradient(0deg, rgba(255,242,82,0) 11%, var(--fluobleu) 11%, var(--fluobleu) 40%, rgba(255,242,82,0) 40%);
}
.period-2 a:hover {
	background-image: linear-gradient(0deg, rgba(255,242,82,0) 11%, var(--fluobleu) 11%, var(--fluobleu) 80%, rgba(255,242,82,0) 80%);
}

.period-3 a {
	background-image: linear-gradient(0deg, rgba(255,242,82,0) 11%, var(--fluorange) 11%, var(--fluorange) 40%, rgba(255,242,82,0) 40%);
}
.period-3 a:hover {
	background-image: linear-gradient(0deg, rgba(255,242,82,0) 11%, var(--fluorange) 11%, var(--fluorange) 80%, rgba(255,242,82,0) 80%);
}

.period-4 a {
	background-image: linear-gradient(0deg, rgba(255,114,120,0) 11%, var(--fluorose) 11%, var(--fluorose) 40%, rgba(255,114,120,0) 40%);
}
.period-4 a:hover {
	background-image: linear-gradient(0deg, rgba(255,114,120,0) 11%, var(--fluorose) 11%, var(--fluorose) 80%, rgba(255,114,120,0) 80%);
}

.period-5 a {
	background-image: linear-gradient(0deg, rgba(190,255,245,0) 11%, var(--fluojaune) 11%, var(--fluojaune) 40%, rgba(190,255,245,0) 40%);
}
.period-5 a:hover {
	background-image: linear-gradient(0deg, rgba(190,255,245,0) 11%, var(--fluojaune) 11%, var(--fluojaune) 80%, rgba(190,255,245,0) 80%);
}

.period-6 a {
	background-image: linear-gradient(0deg, rgba(190,255,245,0) 11%, var(--fluovert) 11%, var(--fluovert) 40%, rgba(190,255,245,0) 40%);
}
.period-6 a:hover {
	background-image: linear-gradient(0deg, rgba(190,255,245,0) 11%, var(--fluovert) 11%, var(--fluovert) 80%, rgba(190,255,245,0) 80%);
}

.bg-color a {
	background-image: linear-gradient(0deg, rgba(255,255,255,0) 11%, rgba(255,255,255,1) 11%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 40%);
}
.bg-color a:hover {
	background-image: linear-gradient(0deg, rgba(255,255,255,0) 11%, rgba(255,255,255,1) 11%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 80%);
}


/* == RADIUS == */
rounded-s,
img {
	border-radius: 3px;
}
.rounded-xl,
.round-xl img {
	border-radius: 1rem;
}


.c-bg a {
	background-image: linear-gradient(0deg, rgba(255,255,255,0) 11%, rgba(255,255,255,1) 11%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 40%);
}
.c-bg a:hover {
	background-image: linear-gradient(0deg, rgba(255,255,255,0) 11%, rgba(255,255,255,1) 11%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 80%);
}


.mb-6 {
}
/* @end */


/* Temporaire */
/* période SUITE */
.node-67 h1.adc-fit-xl {

	font-size: 27vw!important;
}
.period-6 .period-link h1 {
	font-size: 18vw!important;
}
/* @group CITATIONS + TEXTES */
h2 {
	text-transform: uppercase;
}
h3 {
	font-size: 1.5rem;
	margin-bottom: 1.25rem;
}
h3.intertitre {
	font-size: 3rem;
	margin: 2rem 0;
}
.cit {
    /*margin-bottom: 5vh;*/
	max-width: 33em;
}

.cit p {
    margin: 0;
    line-height: 1.3;
}

.cit-m {
    font-size: 1.2rem;
	max-width: 35rem;
}

.cit-l {
    font-size: 1.75rem;
	max-width: ;
	line-height: 1.3;
}

.cit-xl {
    font-size: 3rem;
	line-height: 1.15;
}

.cit-l p {
    font-weight: 600;
}

.cit-name {
    font-size: 1rem;
    text-transform: uppercase;
    margin: 0 0 .5rem;
}



.txt-nugget {
    font-size: 1.6rem;
    position: relative;
    display: flex;
    align-items: center;
}

.txt-nugget h4 {
    position: relative;
    z-index: 2;
    padding: 0 1rem 0;
    margin: 0;
}

.rect {
    z-index: 0;
    position: absolute;
    display: block;
    background: #e6fc6b;
    height: 5rem;
    width: 3rem;
}




.media-caption {
	font-size: .75rem;
	max-width: 90%;
	margin-left: auto;
	margin-top: -.5rem;
	position: relative;
	z-index: 4;
}
.media-caption p {
	margin-bottom: .25rem;
}

.medaillon {
	width: 10vw;
	max-width: ;
	margin-bottom: 1rem;
	
	position: static;
	
}

.medaillon-l .medaillon {
	width: 100%;
}


/* Marge pour les médias insérés */
.node img,
.p-modal-content img,
.text img {
	margin-bottom: 1.5rem;
	
}
/* C'est quoi ce truc ? */ 
.text img {
	/*max-width: 75%;*/
}

.text .media-caption,
.p-modal-content .media-caption {
	margin-bottom: 1.5rem;
	margin-top: -2rem;
}
.p-modal-content .media-caption {
	margin-top: -.5rem;
}

/* @group BLOCKQUOTES et Links H3 (accueil) */

blockquote {
	font-style: normal;
}
blockquote > *,
.link-content >  * {
	position: relative;
	z-index: 1;
}
blockquote .rect,
.link-content .rect {
	position: absolute;
	top: auto;
	bottom: 25%;
	z-index: 0;
	height: 50%;
	margin-left: -2rem;
	width: 3rem;
}
blockquote .img-fluid {
	display: block;
	max-width: 160px;
	max-height: 160px;
	object-fit: contain;
	object-position: left top;
}
blockquote img {
	margin-bottom: 2rem;
}
blockquote::before {
	content: '';
}



/* @end */

/* @end */
/* == STRUCTURE CHPITRES ET PERIODES == */

.period {
    padding-bottom: 20vh;
}
.period-intro,
.chapitres {
    position: relative;
    z-index: 3;
}

.chapitres {
	
}
.chapitre,
.adc-gal {
	padding-top: 15vh;
	padding-bottom: 0;
}
.chapitre::last-child {
	margin-bottom: 50vh;
}


.p-modal .medaillon-wrapper {
	display: inline-block;
	max-width: 30%;
	margin: 1rem 1rem 2rem 0;
}
.p-modal .medaillon-wrapper img {
	margin-bottom: 0;
}
.p-modal .medaillon-wrapper .medaillon {
	width: 100%;
}
.p-modal .medaillon-wrapper .media-caption {
	width: auto;
	margin: -1rem 0 0;
}
.p-modal .medaillon-wrapper .media-caption .p-3 {
	padding: .25rem 1rem!important;
}

.bg-switch {
	padding-top: 25vh;
	padding-bottom: 25vh;
}
.bg-switch a::before {
	background-color: #FFF;
}
.bg-switch .rect {
	background-color: #FFF;
}

.txt-2-col {
	display: flex;
	flex-direction: column;
}
.txt-2-col.w-e {
	flex-direction: column-reverse;
}

/* @group HOMEPAGE */
.path-frontpage h1 {
	font-size: 1.25rem!important;
	text-transform: uppercase;
	margin-bottom: 1rem;
}
h1.page-title {
	font-size: 5rem;
	line-height: 1;
}
.titre-fou h2 {
	font-size: 2rem;
}
@media (max-width:1060px) {
	.titre-fou h2 {
	font-size: 1.6rem;
	}
}
@media (min-width:1060px) {
	.titre-fou blockquote {
		margin-left: 0;
	}
}
@media (min-width:1440px) {
	.titre-fou h2 {
	font-size: 2.5rem;
	}
}
@media (min-width:1920px) {
	.titre-fou h2 {
	font-size: 3.5rem;
	}
}
/* Period link */
.adc-home .period-link {
	position: relative;
	padding: 3rem 1rem;
	margin-left: 0;
}
.adc-home .period-link,
.adc-home .period-title {
	height: auto!important;
	
	min-height: 0;
}
.adc-home .period-link::after  {
	position: absolute;
	font-size: 5rem;
	line-height: 0;
	right: 1rem;
	top: 50%;
}
.adc-home .home-period-date {
	font-size: 8rem;
	text-transform: none!important;
}
.adc-home .home-period-title {
	font-size: 3rem;
}
/* Sections */
.adc-home h3 {
}

.nolink-img {
	position: relative;
	z-index: 2;
}
.adc-home h3 {
	text-transform: uppercase;

	margin: 0;
	padding: 0;
	position: relative;
	display: flex;
	align-items: center;
}
.adc-home h3 + .cit {
	margin-top: 2rem;
}
.paragraph--type-item-accueil a {
	display: block;
	margin: 0 0 0 1rem;
	padding: 0;
	background-image: none!important;
}

.link-content .rect {
	height: 140%;
	top: -20%;
	/*width: 50%;*/
	z-index: -1;
}
.adc-home h3::before {
	content: '›';
	font-size: 3rem;
	line-height: 1rem;
	height: 1rem;
	left: -30px;
	position: absolute;
}
.adc-home a:hover h3,
.adc-home a:hover h3::before {
		transition: all .25s ease-in-out 0s;

	transform: translateX(10px);
}
/* @end */

.period-credits .period-home {
	background: none!important;
}

/* @group SECTION TITLE */

.period-title {
    display: flex;
    flex-flow: column wrap;
    min-height: 100vh;
	position: relative;
}

.period-title h1 {
	position: relative;
	color: var(--fluojaune);
    font-size: 360px;
    margin: 0 0 3rem;
    line-height: .75;
	z-index: 1;
}

.period-title h2 {
	position: relative;
	color: var(--fluojaune);
    margin: 0;
    line-height: 1;
    font-size: 8vw;
	z-index: 2;
	text-transform: uppercase;

}

.period-intro {
	min-height: 75vh;
}
/* == TETE DE CHAPITRE */

.chapitre-title {
	display: flex;
	align-items: center;
	margin-top: 7rem;
}

.chapitre-title h2,
h2.chapitre-title {
	font-size: 5rem;
	
	text-transform: uppercase;
	line-height: .9;
}
.chapitre-title > div {
	/*padding: 0 1rem;*/
}

/* == PERIOD LINK ==*/
.period-link {
	/*border: 5px solid #FFF;*/
	margin: auto;
	margin-left: auto;
	margin-right: 0;
	border-radius: 10px;
	max-width: 80%;
	padding-right: 2rem;
	
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10vh;
	
	background-image: none!important;
}
.period-link h4 {
	font-size: 2rem;
}

.period-link::after {
	content: '›';
	color: #FFF;
	font-size: 20rem;
}
.period-link h1,
.period-link h2,
.period-link h4 {
	color: rgba(255,255,255, 1)!important;
}
/* @end */

/* @group GALERIES /////////// */
img {
	box-shadow: var(--img-shadow);
}
.photoswipe img {
	transition: all .4s ease-out;
	transform: scale(1);
}
.photoswipe:hover img {
	transform: scale(1.03);
	box-shadow: var(--img-shadow-l);
}
/* == GRID DECALEE ==== */
.decalage > div:nth-child(odd) {
	margin-top: 10vh;
}
.decalage > div:nth-child(3) {
	margin-left: 16.67%;
	margin-top: -5vh;
}
.decalage div.no-decalage {
	margin-left: 0;
}
/* == GRID IMG ==== */
.img-floating {
    margin: 5vh 1rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.random-grid {
    display: flex;
    flex-flow: row wrap;
}
.random-grid>div {
    margin-top: 7vh;
    margin-bottom: 7vh;
}

/* == GRID == */

.reverse .row {
    flex-direction: row-reverse;
}
.mos-gal-wrapper.reverse {
	display: flex;
	flex-direction: column-reverse;
}


/* == GALERIE HORIZONTALE */
.h-gal {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    position: inherit;
}

.h-gal-img {
	flex: 0 0 40%;
    max-width: 40%;
	width: auto;
    margin-right: 3rem;
    overflow: hidden;
    position: relative;
	flex-flow: column nowrap;
}
.h-gal-img .media {
	/*width: 38vw!important;*/

}
.h-gal-img img,
.h-gal-img video {
	max-height: 80vh;

	height: auto;
	max-width: 100%;
	object-fit: contain;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	box-shadow: none;
}
.h-gal-img .media-caption {
	
}
/* == GALERIE VERTICALE */
.v-gal-wrapper {
    margin-top: 10vh;
}

.v-gal {
    display: flex;
    flex-flow: column;
}

.v-gal-img {
    margin-bottom: 2rem;
}

.mos-gal {  
    flex-flow: row wrap;
	align-items: center;
    justify-content: flex-end;
}

.mason-gal-img {
    margin-bottom: 2rem;
    max-height: 50vh;
}
/* == GALERIE TXT + 2 img */

/* == GALERIE PRALLELE */

.paralleles .row {
	align-items: flex-start;
}
.parallele {
}

/* @end */
.pswp__bg {
	opacity: .9!important;
}
.pswp__caption__center {
	color: #000;
}
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
	background: transparent;
}
.adc-modal-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.site-footer .block * {
}
.site-footer img {
	border: 0;
	box-shadow: none;
	display: inline-block;
	max-width: 200px;
	mix-blend-mode: multiply;
}
.site-footer a,
.site-footer a:hover {
	background: none;
	display: block;

}

#block-copyrightsignature {
	text-align: right;
	justify-content
}
/* ///// Smartphones */
@media (max-width:767px) {
	.row, .row-wrapper > *, .row-wrapper-view-content .view-content, .row-wrapper-infinite .views-infinite-scroll-content-wrapper {
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.cit-l {
		font-size: 1.3rem;
	}
	.cit-xl {
		font-size: 1.7rem;
		line-height: 1.3;
	}
	.adc-tdm {
		padding: 0;
		margin-left: 0;
	}
	.pinned {
		margin-bottom: 10vh;
	}
	blockquote {
		padding-left: 0;
	}
	
	.xs-max-width {
		max-width: 80%;
	}
	.xs-max-width:nth-child(odd) {
		margin-left: auto;	
	}
	
	.decalage > div {
		margin-left: 0!important;
	}
	
	/* Marge médias*/
	.medaillon {
		width: auto;
		max-width: 40%;
	}
	.h-gal-img,
	.mos-gal-img {
		margin-bottom: 1.5rem;
		margin-right: 0;
	}
	.mos-gal {
		flex-direction: column;
	}
	.h-gal-img,
	.mos-gal-img {
		flex: 1 1 80%;
		max-width: 80%;
		width: 80%;
		align-self: flex-end;
	}
	.h-gal-img:nth-child(even),
	.mos-gal-img:nth-child(even) {
		margin-left: 0;
		align-self: flex-start;
	}
	.h-gal {
		flex-flow: column nowrap;
	}
	.period-title {
		
		min-height: 30vh;
	}
	.period-link .period-title {
		padding: 10vh 0 5vh;
		min-height: 0;
	}
	.period-link::after {
		font-size: 8rem;
	}
	.period-title h1 {
		font-size: 200px;
	}
	.chapitre-title > div {
		padding: 0;
	}
	.chapitre-title h2 {
		font-size: 2.8rem;
	}
	
	#block-periode-chapitres {
		margin-left: -.75rem;
	}
	.adc-tdm-dot {
		width: 6px;
	}
	
	/* ADC  HOME */
	.adc-home .home-period-date {
		font-size: 4rem;
	}
	.adc-home .home-period-title {
		font-size: 2rem;
	}
	.adc-home .period-link {
		padding: 1rem 1rem 0 0;
		display: block;
		max-width: none;
	}
	.adc-home .period-title {
		width: 100%!important;
		max-width: none!important;
	}
	
	
	.site-footer img {
		max-width: 50%;
	}
	#block-copyrightsignature {
		text-align: left;
	}
	
	
	#block-alleraupavillon .medaillon {
		width: auto;
		
	}
	
	.p-offcanvas-overflow {
		padding-top: 5vh;
	}
}
/*.content > .contextual-region {
	position: static!important;
}
.content > .contextual-region > .contextual {
	display: none;
}*/