 @import url("https://fonts.googleapis.com/css?family=Rubik+Mono+One|Roboto+Mono:400,700&display=swap");
/* CSS Document */
/*body{
	margin: 0;
	padding: 0;
}*/

/* unvisited link 
a:link {
color: white;
}*/
/* visited link 
a:visited {
color: white;
}*/
/* mouse over link 
a:hover {
color: orange;
} */
/* selected link
a:active {
color: black;
}*/


.iwp-container {
	
 /* display: flex;
  flex-direction: column;*/
	
}

.schedule{
	
	height: 100vh;
}




/* Container to hold the divs */
    .scroll-container {
      display: flex; /* Use flexbox to align items side by side */
      overflow-x: auto; /* Enable horizontal scrolling */
      white-space: nowrap; /* Prevent wrapping of child elements */
      border: 2px solid #ccc; /* Optional: Add a border for visibility */
      padding: 10px;
      gap: 10px; /* Optional: Add spacing between divs */
    }

.footer {
      
	margin-top: auto;
    }

/* Style for each iframe */
.iframe-item {	
	
	height: 120px; /* Set the height of each iframe */
	margin-bottom: 0px; /* Add spacing between iframes */
	border: none; /* Remove iframe borders */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Optional shadow for better visuals */
}



.iwp-image {
  /*flex: 1 1 auto;*/
  max-width: 100%;
  max-height: 150px;
}

.wny-image {
  /*flex: 1 1 auto;*/
  max-width: 100%;
  max-height: 283px;
}

.top_div {
	height:15%x;
	width:100%;
	background-color:#000000;
	margin:auto;
	text-align:center;
	padding: 0%;
}

.bottom_div {
	height:15%;
	width:100%;
	background-color:#ffffff;
	margin:auto;
	text-align:center;
	padding: 0%;
	border-width: 3px;	
	border-style: solid;
	border-bottom: #FFFFFF;
}

.player {
	/*top: 20%;
	
	margin:auto;*/
	border: 2px solid white;
	padding: 10px;
	background-color: #ffffff;
	width: 600px;
	height: auto;
}	

.form_a{
	margin:auto;	
	padding:40px;	
}

.bigLabel{
	font-family: "Rubik Mono One", sans-serif;
	font-size: 24px; 
	color: #Cf1F1F;
}

.advert_top{
	width: 100%;
	height: 100%;
	text-align: center;
	text-justify: auto;
}

.advert_bottom{
	width: 100%;
	height: 100%;
	text-align: center;
	text-justify: auto;
}

.MixcloudSpacing{	
	
	/*flex: 0 0 auto;*/  /* Prevent shrinking or growing */
    width: 600px; /* Set a fixed width */
    height: auto; /* Set a fixed height */	
	padding: 20px;	
	background-color: #EBEBEB;
	color: #EBEBEB;
	border-color: #ffffff;
	border-width: 3px;
	border-style: solid;
}

.main_bold_font_red_large{	
	font-family: "Rubik Mono One", sans-serif;
	font-size: 15px; 	
	color: #000000 !important;
}

.main_bold_font_red{
	font-family: "Rubik Mono One", sans-serif;
	font-size: 12px; 	
	color: #000000 !important;
}

.main_bold_font_red a{
	
	text-align: center;
	color: #000000;
	text-decoration: none;
}

.main_bold_font_red a:link {
	
	color: #000000;
}

/* visited link */
.main_bold_font_red a:visited {

	color: #CF1F1F;
}

/* mouse over link */
.main_bold_font_red a:hover {

	color: #000000;
}

/* selected link */
.main_bold_font_red a:active {

	color: #CF1F1F;
}


@media screen and (max-width: 767px) {			
	.iwp-image {
	  /*flex: 1 1 auto;*/
	  min-width: 300px;
		width: 75%;
	  /*max-height: 75px;*/
	}
	.top_div {
		min-height:10%;
		width:100%;
		background-color:#000000;
		margin:auto;
		text-align:center;
		padding: 0%;
	}
	.bottom_div {
		min-height:7%;
		width:100%;
		background-color:#ffffff;
		margin:auto;
		text-align:center;
		padding: 0%;
	}
	.player {
		min-height: 75%;
		min-width: 400px;
		width: 75%;
		background-color:#ffffff;
		margin:auto;
		border: 2px solid white;
		padding: 0px;
	}
	
	.MixcloudSpacing{	
		padding: 10px;	
		background-color: #EBEBEB;
		color: #EBEBEB;
		border-color: #ffffff;
		border-width: 3px;
		border-style: solid;
	}
	
	.form_a{
		margin:auto;	
		padding:40px;	
	}
		
	.bigLabel{
		font-family: "Rubik Mono One", sans-serif;
		font-size: 24px; 	
	}
}
			