/*
Theme Name: RahuLamo v1
Version: 1
Text Domain: rahulamo
*/


/* Fonts
---------------------------------------------------- */

/*@font-face {
	font-family: Reckless;
	src: url('fonts/Reckless/RecklessStandardM-Medium.woff2');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: Reckless;
	src: url('fonts/Reckless/RecklessStandardM-MediumItalic.woff2');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: Reckless;
	src: url('fonts/Reckless/RecklessStandardM-Regular.woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Reckless;
	src: url('fonts/Reckless/RecklessStandardM-RegularItalic.woff2');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: Reckless;
	src: url('fonts/Reckless/RecklessStandardM-Light.woff2');
	font-weight: 300;
	font-style: normal;
}*/


/* General
---------------------------------------------------- */
* {
	box-sizing: border-box;

}

:root {

	font-size: 1vw;
	/*font-size: 5.4795vw;*/
	/* full = 18.27rem */
	/*--grey1: #b1a8a4;*/

	--bgcolor0: #141414;
	--bgcolor1: #FFE200;
	--bgcolor2: #FF6A00;
	--bgcolor3: #FF001E;
	--bgcolor4: #FF00CE;
	--bgcolor5: #FF99FF;
	--bgcolor6: #B22EFF;
	--bgcolor7: #006CFF;
	--bgcolor8: #3BE7FF;
	--bgcolor9: #008D30;
	--bgcolor10: #00C40A;
	--bgcolor11: #008D30;
	--bgcolor12: #31E300;
	--bgcolor13: #B36100;
	--bgcolor14: #BFBFC9;

	--color0: white;
	--color1: black;
	--color2: black;
	--color3: black;
	--color4: black;
	--color5: black;
	--color6: black;
	--color7: black;
	--color8: black;
	--color9: black;
	--color10: black;
	--color11: black;
	--color12: black;
	--color13: black;
	--color14: black;

	--filter0: invert(1);


}


@media (min-width: 900px) {
	:root {
		/* width (libre-office): 1728pt */
		/*font-size: 1.1111vw;*/
		font-size: 0.9259vw;
	}
}

@media (min-width: 1440px) {
	:root {
	}
}

body {
	/*position: relative;*/
	margin: 0;
	font-family: "Onest", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 1.875rem;
	font-optical-sizing: auto;
	line-height: 1.2;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	background-color: white;

	display: flex;
	flex-wrap: wrap;
}

body.menu-open {
	overflow: hidden;
}

figure {
	margin: 0;
}

svg {
	display: block;
}

a {
	color: inherit;
	text-decoration: inherit;
	/*transition: color 300ms;*/
}


h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
}

sup {
	line-height: 0;
}

.hidden {
	display: none !important;
}

@media (max-width: 899px) {
	.desktop-only {
		display: none !important;
	}
}

@media (min-width: 900px) {
	.mobile-only {
		display: none !important;
	}
}




/* Nav
---------------------------------------------------- */

.site-nav {
	order: 2;
	/*padding: 1.485rem 1.845rem;*/
	padding: 0 1.845rem;
	font-size: 1.875rem;

}

.nav-content {
	display: flex;
	flex-direction: column;
	gap: 1.875rem;
	/*align-items: flex-end;*/
	padding: 1.485rem 0;
	position: sticky;
	top: 0;
}

.site-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;

}

.site-menu {
	/*display: flex;
	flex-direction: column;
	align-items: flex-end;*/

	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.site-menu .menu-item a:hover,
.site-menu .menu-item.current-menu-item a {
	font-weight: 600;
}



/* Languages
---------------------------------------------------- */

.languages {
	font-size: 1.25rem;
	display: flex;
	justify-content: flex-end;
}
ul.languages {
	padding: 0;

}
.languages .language {
	padding-right: 0.4rem;
}
.languages .language:not(:first-child)::before {
	content: "|";
}
.languages .language .active {
	font-weight: 600;
}

/* Page
---------------------------------------------------- */

.page-main {
	order: 1;
	flex-grow: 1;
	padding: 4rem 0 4rem 4.23rem;
	min-width: 0;
}

.page-header {
	font-size: 2.8125rem;
	line-height: 0.85;
	margin: 0 0 4rem;
}

.page-header h1 {
	text-transform: uppercase;
	font-weight: 600;
}

.page-content {
	font-size: 1.875rem;
	max-width: 73rem;
}

.page-content h1 {
	font-size: 2.8125rem;
	line-height: 0.85;
	margin: 3.75rem 0 1.875rem;
	text-transform: uppercase;
	font-weight: 600;
}

.page-content h2 {
	font-size: 2.8125rem;
	line-height: 0.85;
	margin: 3.75rem 0 1.875rem;
	font-weight: 600;
}

.page-content h3 {
	margin: 1.875rem 0;
	font-weight: 600;
}

.page-content h4 {
	margin: 0;
	font-weight: 600;
}

.page-content p {
	margin-top: 0;
}

.page-header {

	margin: 0 0 4rem;
}

.page-header h1 {
	text-transform: uppercase;
	font-weight: 600;
}


/* Page single items
---------------------------------------------------- */

.single-items {
	margin: 4rem 0 0;
	font-size: 2.8125rem;
	line-height: 0.85;
}

.single-item-title {
	text-transform: uppercase;
	font-weight: 600;
}

.single-item .single-item-image {
	opacity: 0;
}

.single-item-image {
	position: fixed;
	top: 0;
	left: 0;
	width: 20rem;
	height: 24rem;
	pointer-events: none;
}

.single-item:hover {
	cursor: none;
}

.single-item .single-item-image {
	opacity: 0;
	transition: opacity 200ms;
}

.single-item:hover .single-item-image {
	opacity: 1;
}

.single-item-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


/* Single
---------------------------------------------------- */

.slideshow {
	order: 3;
	height: 43.75rem;
	overflow: auto;
	display: flex;
	cursor: grab;
}

.slideshow.grabbing {
	cursor: grabbing;
}

.slideshow img {
	height: 100%;
	width: auto;
	display: block;
}

.single-soutiens h3 {
	font-weight: 600;
}

.single-soutiens p {
	margin-top: 0;
}



/* Single Dates
---------------------------------------------------- */

.date-item {
	margin: 1.875rem 0;
}

.date-item-dates {
	font-weight: 600;
}




/* Accordeon
---------------------------------------------------- */

.accordeon-header {
	display: flex;
	align-items: flex-end;
	gap: 0.4rem;
	/*gap: 0.875rem;
	padding: 0.675rem 0;*/
	cursor: pointer;
	padding: 0.4rem 0;
}

.accordeon-header .picto {
	height: 3.2rem;
	width: 3.2rem;
}

.accordeon-header .picto img {
	height: 100%;
	width: auto;
	display: block;
	transition: transform 200ms;

	filter: var(--filter);
}

.accordeon-item.open .picto img {
	transform: rotate(90deg);
}

.accordeon-header .title {
	font-size: 2.8125rem;
	line-height: 0.85;
	text-transform: uppercase;
	font-weight: 600;
}

.accordeon-body {
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	height: 0;
}

.accordeon-content {
	max-width: 73rem;
}

.accordeon-content h3 {
	/*margin: 1.875rem 0 1.875rem 3.8rem;*/
	margin: 1.875rem 0;
	font-weight: 600;
	text-transform: uppercase;
}

.accordeon-content h4 {
	margin: 1.875rem 0;
	font-weight: 600;
}

.accordeon-content ul {
	/*margin: 0;*/
	margin: 1.875rem 0 1.875rem 3.8rem;
	padding: 0;
	list-style-type: none;
}




/* Home
---------------------------------------------------- */

body.home {
	background-repeat: no-repeat;
	height: 100vh;
	background-size: 20%;
}

ul.home-anim,
ul.home-anim ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.home-anim .menu-item-type-custom>a {
	display: none;
}

.home-anim {
	position: fixed;
	top: 50%;
	left: 50%;
}

.home-anim .menu-item {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;

	font-size: 3.125rem;
}

.home-anim .menu-item:first-child {
	left: -15rem;
}

.home-anim .menu-item:last-child {
	left: 10rem;
}

.home-anim .sub-menu .menu-item:first-child {
	left: -10rem;
}

.home-anim .sub-menu .menu-item:last-child {
	left: 10rem;
}

.home-anim a {
	position: absolute;
	padding: 2rem;
	white-space: nowrap;
}

.home-anim a:hover {
	font-weight: 600;
}


/* Pages template
---------------------------------------------------- */

body {
	background-repeat: no-repeat;
}

body.page-creations {
	background-image: url(images/illustration-1.png);
	background-position: right 75%;
	background-size: 11%;
	background-attachment: fixed;
}

body.page-collaborations {
	background-image: url(images/illustration-2.png);
	background-position: right 75%;
	background-size: 13%;
	background-attachment: fixed;
}

body.page-mouvements {
	background-image: url(images/illustration-3.png);
	background-position: right 75%;
	background-size: 17%;
	background-attachment: fixed;
}





/* Animation Mouvement
---------------------------------------------------- */

  /*.mouvements-title span {
    display: inline-block;
    opacity: 0;
    transition: opacity 0s;
  }

  .mouvements-title span.visible {
    opacity: 1;
  }*/

.mouvements-title span {
  /*animation: fadeIn;*/
  animation-timing-function: ease-in-out;
  /*animation-delay: 1000ms;*/
  animation-duration: 2000ms;
  animation-fill-mode: backwards;
  /*animation-direction: alternate;*/
  animation-iteration-count: infinite;
}

/*.mouvements-title span:last-child {
  animation: fadeIn 800ms ease-in-out  both infinite;

}*/

.mouvements-title span:nth-child(2) {
	text-decoration: underline;
	animation-name: underline;
}
.mouvements-title span:nth-child(3) { animation-name: fade1; }
.mouvements-title span:nth-child(4) { animation-name: fade2; }
.mouvements-title span:nth-child(5) { animation-name: fade3; }
.mouvements-title span:nth-child(6) { animation-name: fade4; }
.mouvements-title span:nth-child(7) { animation-name: fade5; }
.mouvements-title span:nth-child(8) { animation-name: fade6; }
.mouvements-title span:nth-child(9) { animation-name: fade7; }
.mouvements-title span:nth-child(10){ animation-name: fade8; }


@keyframes underline {
 	0% { text-decoration-color: black; }
  15% { text-decoration-color: transparent; }
  85% { text-decoration-color: transparent; }
  100% { text-decoration-color: black; }
}
/*@keyframes fade1 {
 	0% { opacity: 1; }
  48%   { opacity: 0; }
  52%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade2 {
 	0% { opacity: 1; }
  42%   { opacity: 0; }
  58%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade3 {
 	0% { opacity: 1; }
  36%   { opacity: 0; }
  64%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade4 {
 	0% { opacity: 1; }
  30%   { opacity: 0; }
  70%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade5 {
 	0% { opacity: 1; }
  24%   { opacity: 0; }
  76%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade6 {
 	0% { opacity: 1; }
  18%   { opacity: 0; }
  82%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade7 {
 	0% { opacity: 1; }
  11%   { opacity: 0; }
  89%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade8 {
 	0% { opacity: 1; }
  8%   { opacity: 0; }
  92%   { opacity: 0; }
  100% { opacity: 1; }
}*/


/*@keyframes fade1 { 35% { opacity: 1; } 50% { opacity: 0; } 50%  { opacity: 0; } 65% { opacity: 1; }}
@keyframes fade2 { 30% { opacity: 1; } 45% { opacity: 0; } 55%  { opacity: 0; } 70% { opacity: 1; }}
@keyframes fade3 { 25% { opacity: 1; } 40% { opacity: 0; } 60%  { opacity: 0; } 75% { opacity: 1; }}
@keyframes fade4 { 20% { opacity: 1; } 35% { opacity: 0; } 65%  { opacity: 0; } 80% { opacity: 1; }}
@keyframes fade5 { 15% { opacity: 1; } 30% { opacity: 0; } 70%  { opacity: 0; } 85% { opacity: 1; }}
@keyframes fade6 { 10% { opacity: 1; } 25% { opacity: 0; } 75%  { opacity: 0; } 90% { opacity: 1; }}
@keyframes fade7 { 5% { opacity: 1; } 20% { opacity: 0; } 80%  { opacity: 0; } 95% { opacity: 1; }}
@keyframes fade8 { 0% { opacity: 1; } 15% { opacity: 0; } 85%  { opacity: 0; } 100% { opacity: 1; }}*/


@keyframes fade1 {0% { opacity: 0; }  0% { opacity: 0; } 15% { opacity: 1; } 85%  { opacity: 1; } 100% { opacity: 0; }}
@keyframes fade2 {0% { opacity: 0; }  5% { opacity: 0; } 20% { opacity: 1; } 80%  { opacity: 1; } 95% { opacity: 0; } 100% { opacity: 0; }}
@keyframes fade3 {0% { opacity: 0; }  10% { opacity: 0; } 25% { opacity: 1; } 75%  { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; }}
@keyframes fade4 {0% { opacity: 0; }  15% { opacity: 0; } 30% { opacity: 1; } 70%  { opacity: 1; } 85% { opacity: 0; } 100% { opacity: 0; }}
@keyframes fade5 {0% { opacity: 0; }  20% { opacity: 0; } 35% { opacity: 1; } 65%  { opacity: 1; } 80% { opacity: 0; } 100% { opacity: 0; }}
@keyframes fade6 {0% { opacity: 0; }  25% { opacity: 0; } 40% { opacity: 1; } 60%  { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 0; }}
@keyframes fade7 {0% { opacity: 0; }  30% { opacity: 0; } 45% { opacity: 1; } 55%  { opacity: 1; } 70% { opacity: 0; } 100% { opacity: 0; }}
@keyframes fade8 {0% { opacity: 0; }  35% { opacity: 0; } 50% { opacity: 1; } 50%  { opacity: 1; } 65% { opacity: 0; } 100% { opacity: 0; }}