@charset "UTF-8";
/* CSS Document */
.rye-regular {
  font-family: "Rye", serif;
  font-weight: 400;
  font-style: normal;
}

body {
  	font-family: 'Rye', serif;
	/*background: radial-gradient(ellipse at center, #9e0061 0%,#3a0021 76%); */
	background: radial-gradient(ellipse at center, #430298 0%,#060330 76%);
}
.c-item {
	height: 480px;
}
.c-img {
	height: 100%;
	object-fit: cover;
	filter: brightness(0.6);
}
.footer_class {
	background-color: aqua;
}

.grainy-background {
      width: 100%;
      height: 100vh; /* Or desired height */
      background-color: #020324; /* Base color for your background */
	  background-image: none,radial-gradient(circle,rgba(var(--global__colors__secondary),.75) 0,rgba(var(--global__colors__secondary),.5) 100%);
 }

.btn {
	background-color:#6ba6a3;
	border: 1px solid #6ba6a3;
}
.nav-pills .nav-link.active {
	background-color:#6ba6a3;
	color: #FFFFFF;
	font-size: 21px;
}
.nav-pills .nav-link {
	padding-left:35px;
	padding-right:35px;
	font-size: 21px;
	color: #FFFFFF;
	/*border: 1px solid #6ba6a3;*/
}
.navbar-dark {
	background-image:  none,radial-gradient(circle,rgba(var(--global__colors__secondary),.75) 0,rgba(var(--global__colors__secondary),.5) 100%);
	background-color: #000 !important;
}
.navbar {
	padding: 15px;
}

.creative-title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
}

.nav-pill-box {
	background-color: #6ba6a3;
	padding:20px;
	border-radius: 15px;
	color: #FFFFFF;
	margin-top: 15px;
}

.play-description{
	padding:40px;
	background-color: #6ba6a3;
	border-radius: 15px; 
	margin-top:20px;
	font-size: 28px; 
	color: #FFFFFF;
}
.desk-img{
	display: block;
}
.mobile-img {
	display: none;
}
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
	.play-description{
		font-size: 18px; 
	}
	.desk-img {
		display: none !important;
	}
	.mobile-img {
		display: block;
	}
}