@import url("reset.css");
@import url("menu.css");
@import url("responsivness.css");
:root {
	--white: #ffffff;
	--whiteTxt: #ffffff;
	--yellow: #D8AF4A;
	--yellowDark:#caa54b;  /* add a shadow for the main text column */
	--dark: #1A1A1A;
	--darkTxt: #231C05;
	--darkBg: #392b0f;
	--overlay: rgba(26, 19, 3, 0.6);
	color: #ffffff;
	font-size: 1rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

/*
	--app-height: 100vh;
  --vw: 100vw;
  --GLOBAL-aside-width: 111px;
  --GLOBAL-content-width: calc(var(--vw) - var(--GLOBAL-aside-width) - 1px);
  --GLOBAL-player-height: 82px
*/

}


html , body {
	overflow-x: hidden;
	overflow-y: visible;
	scroll-behavior: smooth;
	scroll-padding: 0 0 50px;
 /* Adjust as needed, adds padding at the bottom to make sure the content is not scrolled to the very bottom */
	margin: 0;
}



/******* TYPOGRAPHY ******/


p {
	font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 1rem;
	line-height: 150%;
	padding: 0 0 1rem 0;
	letter-spacing: -0.2px;
	color: var(--darkTxt);
}
em {
	font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
	font-size: 1.8rem;
  font-weight: 400;
	line-height: 150%;
  font-style: normal;
	text-decoration: none;
	color: var(--darkBg);
}
i {font-style: italic;}
b {font-weight: bold;}
em {
	padding: 1.5rem 1rem 1rem 1rem;
	display:block;
}
a, a:visited {
	width:100%;
	text-decoration: underline;
	font-weight: bold;
	letter-spacing: -0.2px;
	color: var(--darkTxt);
}
a:hover {text-decoration: none;}
a.external {
	background-image: url(images/link-external.svg);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 1.1em;
	padding-right: 1.6em;
}

/**** img for awards ****/
.tempo {
	width: 7rem;
	display: block;
	left:0;
}

/***************************/

.darkBackgr {background-color:var(--dark);}
	/**/

	header {
		position: fixed;
		padding:0 1rem;
		left:0px;
		bottom:0rem;
		z-index:1;
		opacity: 1;
		transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1)
	}

header h1 {
	font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

	font-size: 2.5rem;
	line-height: 2;
	letter-spacing: 0.1rem;
	text-decoration: none;
	color: var(--white);
}

#wrapper {
	position:relative;
	background-color: var(--yellow);
	width:100%;
	top:0rem;
}
#wrapper::-webkit-scrollbar { 
	display: none;  /* Safari and Chrome */
}

#events {
	display: flex;
	align-items: center;
	row-gap: 4rem;
	flex-direction: column;
	max-width: 40rem;
	margin:auto;
	background-color:var(--yellowDark);
	padding-top:6rem;
}



/**********************************************/

.event .txt {
	padding: 1rem;
}
.event div>img, a img {
	max-width: 100%;
	margin-inline: auto;
	display:block;
}
.event video {
	display:block;
	max-width:100%;
}
.divEmbed {
	position: relative;
	padding-bottom: 56.25%;
 /*** 16/9 ***/
	height: 0;
	overflow: hidden;
	max-width: 100%;
	width: 100%;
}

.divEmbed iframe, 
  .divEmbed object, 
  .divEmbed embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/************************************************/




/**********footer***************/
#footer {
	position:relative;
	width: 100%;
	height: auto;
	background-color: var(--dark);
}

.logos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-evenly;
	align-items: center;
	padding: 1.5rem;
}

.logos > div {
	height: 3rem;
	padding: 1.5rem;
}

.logos > div > img {
	object-fit: contain;
	height: 100%;
}  
/************************************************/




/******** carousel ***/
#carousel {
	width: 100%;
	margin: auto;
}

.keen-slider__slide {
	width: 100%;
	gap: 0;
	padding: 0;
	display: flex;
	align-items: center;
  min-width: 100% !important;
  max-width: 100% !important;
}



.keen-container {
	max-width: 40rem;
}
.navigation-wrapper {
	max-width: 100%;
}


.navigation-wrapper .arrow {
	display: block;
}

.arrow--left {
	left: -2rem;
}
.arrow--right {
	right: -2rem;
}


.navigation-wrapper {
	position: relative;
	width: 100%;
	margin: auto;
}

.navigation-wrapper .arrow {
	position: absolute;
	top: 50%;
	width: 2rem;
	height: 2rem;
	fill: #fff;
	cursor: pointer;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: scaleY(2);
}

.arrow--left {
	background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff'  viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
}

.arrow--right {
	left: auto;
	background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
}

.arrow--disabled.arrow--left {
	background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c29d42' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
}

.arrow--disabled.arrow--right {
	background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c29d42' viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
}