/* CSS Document */


body{
	background-color:#e0e0e0;
	font-family: "Inter", sans-serif;
	line-height: 1.7;
	color: #333;
	font-size: 1rem;
}

/* Header Content Footer sectiion */
.contain {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
	margin: 0;
	padding: 0;
	margin-right: 0px;
}

li{
	margin-left:25px;
}

main {
  flex: 1;
}

header,
main,
footer {
  margin: 0;
  display: block;
}

header {
	margin: 0;
  	padding: 0;
  	height: 70px;
  	background-color: #ccc;
}

footer {
  	min-height: 80px;
  	/*background-color: #2B2D42;*/
	background-color: #212529;
}

main {
  background-color: #999;
	/*padding-left: 5%;
	padding-right: 5%;
	
	padding-top: 35px;
	padding-bottom: 35px;
	color: #2B2D42;*/
	
	
	background-image: url('../images/background0.png');
	background-size: cover; /* Ensures the image covers the entire div */ 
	background-repeat: no-repeat; /* Prevents the image from repeating */ 
	background-position: center; /* Centers the image within the div */ 
	width: 100%; /* Adjust as needed for your layout */ 
	height: 100vh; /* Adjust as needed for your layout */
}
/* END Header Content Footer sectiion */

label{
	font-weight:bold;
}

a{
	color:#ff2800;
	text-decoration: none;
}

a:hover{
	color:#ff2800;
	text-decoration: underline;
}

#login_div {
	filter:drop-shadow(-20px 10px 3px #666);
	margin-bottom: 35px;
	border-radius: 15px;
}





#main_one{
	background-color: rgba(255, 255, 255, 0.9);
	padding:20px;
	border-radius: 15px;
	margin-bottom:15px;
	border-style: solid;
	border-width:thin;
	border-color: #212529;
}

#main_one_for_schools_events_div{
	background-color: #f8f9fa;
	padding:20px;
	border-radius: 15px;
	margin-bottom:15px;
	border-style: solid;
	border-width:thin;
	border-color: #cfe2ff;
}

#main_row_one{
	border-radius: 15px;
	background-color: #212529;
	color:#EDF2F4;
	padding-left: 15px;
	padding-right: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-bottom:15px;
	
}

#main_row_two{
	border-radius: 15px;
	background-color: #ff2800;
	color:#EDF2F4;
	padding-left: 15px;
	padding-right: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	border-style: solid;
	border-width:thin;
	border-color: #212529;
	margin-bottom:25px;
	
}

#main_row_two h1{
	color:#EDF2F4;
}

#main_judge{
	background-color: rgba(255, 255, 255, 0.9);
	padding:20px;
	border-radius: 15px;
	margin-bottom:15px;
	border-style: solid;
	border-width:thin;
	border-color: #212529;
}

.promo_image{
	border-radius: 10px;
}

p{
	font-size: 1.5vw;
}

.hidding_text{
	font-size: 1.5vw;
}



h1{
	font-size: 3vw;
	color:#ff2800;
	margin-top:0px;
	font-family: "Inter", sans-serif;
	font-weight: 900;
	letter-spacing: -1px;

}

h3{
	font-size: 2vw;
	color:#ff2800;
	font-family: "Inter", sans-serif;
	font-weight: 900;
	letter-spacing: -1px;
}

h4{
	font-size: 1.5vw;
	
}
h5{
	font-size: 1.2vw;
	color:#ff2800  !important;
	font-family: "Inter", sans-serif;
	font-weight: 400;
	letter-spacing: -1px;
}

@media (max-width: 800px) 	{ 
	h1 { font-size: 20px; 	} 
	h3 { font-size: 18px; 	} 
	h4 { font-size: 16px; 	} 
	h5 { font-size: 14px; 	} 		
	p { font-size: 16px; 	} 
	.hidding_text{display:none }
}




.join_today_on_main{
	margin-top:-20px;
	color:#ff2800;
	font-size: 2.5vw;
	font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', 'sans-serif';
}
@media (max-width: 800px) { 
	.join_today_on_main { font-size: 18px; } 
}


/* TOP LARGE IMAGE SECTION */
.responsive-container { 
	position: relative; 
	width: 100%; 
	margin-top:10px;
} 
.responsive-container img { 
	width: 100%; 
	height: auto; /* Maintains the aspect ratio */ 
} 

.overlay-text-main { 
	position: absolute; 
	top: 20%; 
	left: 85%; 
	transform: translate(-20%, -50%); 
	font-size: 3vw; /* Responsive text size */ 
	font-size: 14px;
	text-align: center;
	filter:drop-shadow(0px 0px 7px #000);
	color: #fff;
	text-align: center; 
	font-family: "Inter", sans-serif;
}
.overlay-text { 
	position: absolute; 
	top: 50%; 
	left: 42%; 
	transform: translate(-30%, -50%); 
	font-size: 5vw; /* Responsive text size */ 
	text-align: center;
	filter:drop-shadow(0px 0px 7px #000);
	color: #fff;
	text-align: center; 
	font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', 'sans-serif';
}

#iteration_row_2{
	border-style:solid;
	border-width:thin;
	border-color:#212529;
	margin-bottom:2px;
	background-color:#EDF2F4;
}

#iteration_row_1{
	border-style:solid;
	border-width:thin;
	border-color:#212529;
	margin-bottom:2px;
	background-color:#ffffff;
}

/* NAV BAR ADJUSTMENTS */
#nav_bar_right_logged_in a:hover{
	text-decoration: none !important; 
}

#nav-right-name a:hover{
	text-decoration: none !important; 
	color: rgba(255, 255, 255, 0.95) !important; 
}

/* Change background and text color on hover */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
	background-color: #ff2800; /* Your desired background color */
	color: #ffffff;            /* Your desired text color */
	text-decoration:none;
	border-radius: 5px;
}

/* Change background and text color when active */
.dropdown-menu .dropdown-item.active {
  background-color: #0056b3;
  color: #ffffff;
}

.dropdown-menu {
    width: auto !important;
    min-width: max-content;
}