:root {
    --color-default: #fafafa;
    --color-primary: #FFFFFF;
    --color-secondary: #161718;
	--color-primary-1: #27a776;
 --font-default: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 --font-default: "Inter", Helvetica;";
 
}

/* body{background-color:white; } */

.header{
	padding: 10px 0;
	/* background-color:red; */
}

.title_line{
	border-bottom: 2px solid #93ff00; 
	height:2px; 
	margin-top:70px;
}

.content{
	padding-top:0px;
}
.border-radius{
	border-radius:5px  !important;
}
img{
	border-radius:5px !important;
}

/* Hero home */
.homepage .hero-section-text{
  align-items: center;
  justify-content: center;	
  text-align:center;
	
}

.homepage .hero { 
  position: relative; 
  /* height: 100vh; */
  height: 95vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  //background-image: url(../img/home/mask-group-11.png);
  //background-size: cover;
  //opacity: 0.75;
  padding: 0px 0 0px 0;
  
  &::before {  
      content: "";
      background-image: url(../img/home/mask-group-11.png);
      /* background: url(../img/home/mask-group-11.png) top center !important; */
		background-position-x: 50% !important; 
		background-position-y: 50% !important;	  
      background-size: cover;
      position: absolute;
      top: -25px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.75;
	  z-index:0;
  }
}



.homepage h1{
	position:relative;
	/* font-family: "Inter", Helvetica; */
    color: #ffffff;
	font-size: calc(2rem + 2vw);
	font-weight: 700;	
	padding:0px;
	/* background-color:red; */
}

.homepage h2{
	position:relative;
	/* font-family: "Inter", Helvetica; */
    color: #ffffff;
	font-size: calc(1rem + 1vw);
	font-weight: 100;	
}

.homepage .btn-intension {
	background-color: #93ff00;
	border-radius: 5px;
	position:relative;
	justify-content: center;
	align-items: center;
	/* font-family: "Inter", Helvetica; */
	font-weight: 600;
	color: #000000;
	font-size: 20px;	
	text-align: center;
	white-space: nowrap;
	margin-top:20px;
	height:60px;
	/* font-size: calc(0.5rem + 1vw);	 */
}

@media (max-width: 1280px) {
.navbar li a {
		font-size: calc(1rem + 1vw);
}	
}

@media (min-width: 1280px) {
.navbar li a {
		/* font-size: calc(2rem + 1vw); */
		font-size: calc(0.5rem + 0.5vw);
}	
}



.btn-buy-tickets{
	font-weight:600; 
	height:60px;
	width:100%;
}


/* ======= Past Events Section ======= */
.past_events{
/* font-family: "Inter", Helvetica; */
font-weight: 800;
}

.past_events{
font-size: calc(1rem + 1vw);
}


.past_evets_1{
	font-size: calc(0.4rem + 0.4vw);
}
.past_evets_2{
	font-size: calc(1rem + 1vw);
	font-weight:600;
}
.past_evets_3{
	font-size: calc(0.6rem + 0.6vw);
}

.title{
/* font-family: "Inter", Helvetica; */
font-weight: 800;
font-size: calc(2rem + 1vw);
}


/* ======= Home Page  ================================================================================================================= */
/* ======= Upcoming Event Section ======= */

.homepage .listen_watch {
	background-color:#404040; 
	text-align:center !important; 
	padding:20px; font-size:20px; 
	/* font-family: "Inter", Helvetica;   */
	font-weight: 600;  
	color: #ffffff;
	margin-right:5px;
	margin-top:10px;
}

.homepage .podcast_title{
	background-color: #292929;
	padding:10px;
}

.homepage .text-wrapper-18{
/* font-family: "Inter", Helvetica; */
    font-weight: 500;
    color: #000000;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;	
}

.homepage .text-wrapper-19{
/* font-family: "Inter", Helvetica; */
    font-weight: 800;
    color: #000000;
    font-size: 18px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;	
}

.homepage .text-wrapper-20{
/* font-family: "Inter", Helvetica; */
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;	
}

.homepage  .buy_tickets_l
{
padding-top:10px;	
}

.homepage  .buy_tickets_r
{
padding-top:10px;
text-align:left;	
}


.homepage  .buy_tickets_img
{
text-align:center;
}

.homepage .upcoming_event_txt .text-upcoming_event-1{
/* font-family: "Inter", Helvetica; */
    font-weight: 500;
    color: #FFFFFF;
    font-size: calc(0.5rem + 1vw);
    /* line-height: calc(3rem + 1vw) !important; */
	letter-spacing: 0;
    line-height: normal;
    /* white-space: nowrap;	 */
}

.homepage .upcoming_event_txt .text-upcoming_event-2{
/* font-family: "Inter", Helvetica; */
    font-weight: 800;
    color: #FFFFFF;
    font-size: calc(1rem + 1vw);
    letter-spacing: 0;
    line-height: normal;
    /* white-space: nowrap;	 */
}

.homepage .upcoming_event_txt  .text-upcoming_event-3{
/* font-family: "Inter", Helvetica; */
    font-weight: 500;
    color: #FFFFFF;
    /* font-size: calc(0.5rem + 1vw); */
    letter-spacing: 0;
    line-height: normal;
    /* white-space: nowrap;	 */
}

.homepage .upcoming_event_txt  .upcoming_event_l
{
padding-top:10px;	
}

.homepage .upcoming_event_txt  .upcoming_event_r
{
padding-top:10px;
/* text-align:left;	 */
}

.homepage .upcoming_event_txt  .upcoming_event_img
{
text-align:center;
}

.homepage .upcoming_event{
  position: relative; 
  height: auto;
  min-height:100px;
  width: 100%;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  
  &::before {  
		content: "";
		background-image: url(../img/home/elemente-patrate.svg);
		background-size: cover;
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		opacity: 1;
		z-index:-1;
  }	
}
/* ======= End Upcoming Event Section ======= */


/* ======= Podcast Section ======= */
.homepage .podcast .listen_watch {
	/* background-color:#404040;  */
	text-align:center !important; 
	padding:10px; font-size:14px; 
	/* font-family: "Inter", Helvetica;   */
	font-weight: 600;  
	color: #ffffff;
	margin-right:5px;
	margin-top:5px;
}
/* ======= End Podcast Section ======= */
/* ======= End Home Page  ================================================================================================================= */


/* ======= Page Events  ================================================================================================================= */
.events .upcoming_event .text-upcoming_event-1{
/* font-family: "Inter", Helvetica; */
    font-weight: 500;
    color: #FFFFFF;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;	
}

.events .upcoming_event .text-upcoming_event-2{
/* font-family: "Inter", Helvetica; */
    font-weight: 800;
    color: #FFFFFF;
    font-size: 22px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;	
}

.events .upcoming_event  .text-upcoming_event-3{
/* font-family: "Inter", Helvetica; */
    font-weight: 500;
    color: #FFFFFF;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;	
}

.events .upcoming_event  .upcoming_event_l
{
padding-top:10px;	
text-align:left;
}

.events .upcoming_event  .upcoming_event_r
{
padding-top:10px;
text-align:right;	
}

.events .upcoming_event  .upcoming_event_img
{
text-align:center;
}

.events .past_events{
	font-size: calc(1rem + 1vw);
}

/* ======= End Page Events  =============================================================================================== */


/* ======= Page Podcast  =================================================================================================== */

/* Pagination */
.podcast .page-item
{
	margin-right:20px;
}

.podcast .active>.page-link, .page-link.active {
    z-index: 3;
    color: #000000;
    background-color: #A2FB00;
    border: none;
	border-radius:25px !important;
    /* border-top-left-radius: var(--bs-pagination-border-radius); */
    /* border-bottom-left-radius: var(--bs-pagination-border-radius); */	
}

.podcast .page-link{
    z-index: 3;
    color: #FFFFFF;
	font-size:20px;
    background-color: transparent;
    border: none;
	border-radius:25px !important;	
}

.podcast .listen_watch {
    background-color: #404040;
    text-align: center !important;
    padding: 10px;
    font-size: 14px;
    /* font-family: "Inter", Helvetica; */
    font-weight: 600;
    color: #ffffff;
    margin-right: 5px;
    margin-top: 5px;
}
/* End Pagination */
/* ======= End Page Podcast  ================================================================================================== */


/* ======= Footer Section =====================================================================================================  */
.footer .box { 
  position: relative; 
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height:250px;
  &::before {  
		content: "";
		background-image: url(../img/frame-2.svg);
		background-position-x: 50% !important; 
		background-position-y: 50% !important;	  
		background-size: cover;
background-repeat:no-repeat;
/* width:100%; */
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		opacity: 1;
		z-index:-1;
  }
}

.footer {
	border-top: 0px;
}
.footer .foo {
    /* font-family: "Inter", Helvetica; */
    font-weight: 600;
    color: #a2fb00;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
	font-size: 20px;
}

.footer .foo_last {
	/* border-bottom: 1px solid #ccc!important; */
	/* border-color: #f44336!important; */
	margin-bottom:20px;
}

.foo_d {
	font-size: 16px;
}

	
.footer .fb {
    /* font-family: "Inter", Helvetica; */
    /* font-weight: 600; */
    color: #a2fb00;
    /* font-size: 20px; */
    letter-spacing: 0;
    line-height: normal;
	font-size: 16px;
}

/* ======= End Footer Section ==============================================================================================================  */

.buy_tickets_menu{
	/*display: flex*/;
	align-items: center;
	justify-content: space-between;
	padding: 20px !important;
	font-family: var(--font-primary);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	font-weight: 600;
	/* color: rgba(255, 255, 255, 0.5); */
	color:#000000 !important;
	white-space: nowrap;
	transition: 0.3s;	
	background-color:#93ff00;
	border: 1px solid #93ff00; height:1px;
	border-radius:5px;
	/*height:50px;*/
}	

@media (max-width: 1280px) {
	.buy_tickets_mobile{display:inline-block; !important}
	.buy_tickets_desktop{display:none; !important}
}

@media (min-width: 1280px) {
	.buy_tickets_mobile{display:none; !important}
	.buy_tickets_desktop{display:inline-block; !important}
}