
/* UNDER CONSTRUCTION */

.construction {
	
	text-align: center;
	color: #562D89;
	
	
}

.construction h1 {
	
	font-size: 5.5vw;
}

.construction p {
	
	color: #24BEC9;
	font-size: 1.5vw;
}


.container-fluid .navbar.navbar-expand-lg.navbar-light.bg-light {
    background-image: url(../Images/white.nav.png);
    
}


 .navbar-nav.mr-auto .nav-item.active .nav-link {
    color: #24BEC9;  
	 font-size: 1.7vw;
}
.navbar-nav.mr-auto .nav-item .nav-link {
    color: #562D89;
	font-size: 1.7vw;
}

@media screen and (max-width: 1000px) {
	
	.navbar-nav.mr-auto .nav-item.active .nav-link {
    
	 font-size: 2.7vw;
}
	
	.navbar-nav.mr-auto .nav-item .nav-link {
    
	font-size: 2.7vw;
}
	
	
}

.navbar.navbar-expand-lg.navbar-light.bg-light a .img-fluid {
	
	margin-right: 20px;
}



/*.container-fluid .container {
    max-width: 90%;
}

*/






.rtext {

	color: #562D89;
	font-size: 2em;
	font-weight: bolder; 
	
}


@media screen and (max-width: 1000px) {
	
	.countdown h1 {
	
	
	font-size: 6.0vw;	
	
}

.countdown h2 {
	
	
	font-size: 5.0vw;

	
}	
	
	.tealh1 {
	
	font-size: 3.0vw;
	
}
	

}


.countdown {
	
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #24BEC9;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	
}

.countdown h1 {
	
	color: #ffffff;
	font-size: 9vw;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	
	
}

.countdown h2 {
	
	color: #562D89;
	font-size: 5vw;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	
	
}

.tealh1 {
	 color: #24BEC9;
	text-align: center;
	max-width: 100%;
	font-size: 4vw;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
}


.container-fluid .row {
	
	max-width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	padding-top: 0%;
	
}


.row.bpurple {
	
	/*border: 5px solid #562D89;*/
	margin: 10px;
	
	border-radius: 35px;
}


.row.rpurple {

    max-width: 100%;
	margin-top: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: #562D89;
	


}


.container-fluid .row img {
	
	max-width: 50%;
	border-radius: 10px;
	border: 5px solid #ffffff;
	margin-bottom: 5%;
	margin-top: 5%;
	
}

/*.container-fluid .container .row img {
	
	max-width: 50%;
	border-radius: 10px;
	border: 5px solid #ffffff;
	margin-bottom: 5%;
	margin-top: 5%;
	
}
*/






.container-fluid .row h2 {
	
	background-color: #ffffff;
	border-radius: 25px;
	color: #24BEC9;
	font-size: 4.5vw;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	
	padding-bottom: 15px;
	padding-left: 50px;
	padding-right: 25px;
	text-align: center;
	margin-top: 2%;
	
	
}








/* .container-fluid .container .row h2 {
	
	background-color: #ffffff;
	border-radius: 25px;
	color: #24BEC9;
	font-size: 4.5vw;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	
	padding-bottom: 15px;
	padding-left: 50px;
	padding-right: 25px;
	text-align: center;
	margin-top: 2%;
	
	
}
*/


.container-fluid .row.rpurple {

	
	max-width: 100%;
	margin-top: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: #562D89;
	padding-top: 20px;
	padding-bottom: 20px;
	

}


/* .container-fluid .container .row.rpurple {

	
	max-width: 100%;
	margin-top: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: #562D89;
	padding-top: 20px;
	padding-bottom: 20px;
	

}

*/



@media screen and (max-width: 1000px) {
	



.rpurple h1 {
	
	
	font-size: 3.5vw;
	
}


.row.rpurple .btn.btn-sm {
   
	font-size: 1.9vw;
}

	
}


.row h2 .purple {
	
	font-size: 4.5vw;
	color: #562D89;
}



.rpurple h1 {
	
	color: #24BEC9;
	font-size: 6vw;
	
}


.row.rpurple .btn.btn-sm {
    margin-left: auto;
    margin-right: auto;
    background-color: #24BEC9;
    width: 20%;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 20px;
	color: #ffffff;
	font-size: 1.5vw;
}


.row.rpurple .btn.btn-sm:hover {
    
    
    border: 5px solid #ffffff;
	
}

.teal {
	 background-color: #24BEC9;
	border-radius: 30px;
	
}


.row .col-xl-3.counterback {
	
	min-width: 25%;
	box-sizing: border-box;
	border: 5px solid #ffffff;
	
	
}

/* .container .row .col-xl-3.counterback {
	
	min-width: 25%;
	box-sizing: border-box;
	border: 5px solid #ffffff;
	
	
}

*/


@media screen and (max-width: 1000px) {
	
	.row .col-xl-3.counterback h1 {
	
	font-size: 6vw;

	
}

.row .col-xl-3.counterback .countwords {
	
	
	font-size: 2.75vw;
}
	

	
	
	
}



.row .col-xl-3.counterback h1 {
	background-color: #562D89;
	border-radius: 15px;
	margin-top: auto;
	margin-bottom: auto;
	color: #ffffff;
	font-size: 6vw;
	text-align: center;
	
}

.row .col-xl-3.counterback .countwords {
	
	background-color: #ffffff;
	color: #24BEC9;
	font-size: 4vw;
}


.purple {
	color: #562D89;
	text-align: center;
	max-width: 100%;
	font-size: 3.5vw;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	
}


@media screen and (max-width: 1000px) {

	
	
	
	
	#toggle .purple {
		
		font-size: 7.5vw;
		color: #562D89;
	}
}




.col-xl-4.teal_box {
	
	max-width: 100%;
	background-color: #24BEC9;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 2%;
	
}



@media screen and (max-width: 1000px) {
	
.row .col-xl-4.teal_box h2 {

	
	font-size: 5vw;

}

.row .col-xl-4.teal_box .btn.btn-sm {
	
	font-size: 2.75vw;
}	
	
}




.row .col-xl-4.teal_box h2 {

	padding-left: 0px;
	padding-right: 0px;
	background-color: #24BEC9;
	color: #562D89;
	font-size: 5vw;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";



}

.row .col-xl-4.teal_box .btn.btn-sm {
	
	margin-left: auto;
    margin-right: auto;
    background-color: #562D89;
    width: 50%;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 20px;
	color: #ffffff;
	font-size: 2vw;
}



.row .col-xl-4.teal_box .btn.btn-sm:hover {
    
    
    border: 5px solid #ffffff;
	
}

.col-xl-4.purple_box {
	
	max-width: 100%;
	background-color: #562D89;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 2%;
	
}


@media screen and (max-width: 1000px) {
	
.row .col-xl-4.purple_box h2 {


	font-size: 5vw;


}

.row .col-xl-4.purple_box .btn.btn-sm {
	
	
	font-size: 2.75vw;
}
	
	
	
}




.row .col-xl-4.purple_box h2 {

	padding-left: 0px;
	padding-right: 0px;
	background-color: #562D89;
	color: #24BEC9;
	font-size: 5vw;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";

}

.row .col-xl-4.purple_box .btn.btn-sm {
	
	margin-left: auto;
    margin-right: auto;
    background-color: #24BEC9;
    width: 50%;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 20px;
	color: #ffffff;
	font-size: 2vw;
}

.row .col-xl-4.purple_box .btn.btn-sm:hover {
    
    
    border: 5px solid #ffffff;
	
}



.register {
	
	max-width: 100%;
	text-align: center;
	
}




@media screen and (max-width: 1000px) {
	
.register .btn.btn-sm {
	
	
	font-size: 2.75vw;

	
}	
.col-xl-6.teal a .btn.btn-sm {
	
	
	font-size: 2.75vw;
}
	
	
}



.register .btn.btn-sm {
	
	
	margin-left: auto;
    margin-right: auto;
    background-color: #24BEC9;
    min-width: 40%;
	border-radius: 10px;
	padding-left: 20px;
	padding-right: 20px;

	padding-top: 10px;
	margin-bottom: 20px;
	color: #ffffff;
	font-size: 4vw;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	
}

.register .btn.btn-sm:hover {
    
    
    border: 5px solid #562D89;
	
}


.col-xl-6.teal a .btn.btn-sm {
	
	margin-left: auto;
    margin-right: auto;
    background-color: #562D89;
    width: 50%;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 20px;
	color: #ffffff;
	font-size: 2vw;
}


.col-xl-6.teal a .btn.btn-sm:hover {
	
	 border: 5px solid #ffffff;
	
	}

#toggle {
	
	
	opacity: 0;
	animation-name: fader;
	animation-duration: 7s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
	
}

@media screen and (max-width: 1000px) {
	
	#toggle {

	font-size: 8.5vw;
	}
	
}

@keyframes fader {
	
	from {opacity: 0;}
	to {opacity: 1;}
	
}






/* footer */

footer .row {
	
	margin-top: 20px;
	

}


footer .col-xl-4 {
	
	max-width: 100%;
	text-align: left;
	
}



footer p {
	text-align: left;
	color: #24BEC9;
	
}

footer .col-xl-6 {
	
	text-align: left;
}

footer a {
	text-align: left;
	color: #562D89;
	text-decoration: none;
	
}

footer a:hover {
	
	font-weight: bolder;
	color: #562D89;
	text-decoration: none;

}

.navbar-toggler span .material-icons {
	
	
	border: 2px solid #562D89;
}



/* VOLUNTEER PAGE */


@media screen and (max-width: 1000px) {
	
	.volunteer {
	
	
	
	font-size: 4.75vw;
	
	
}
	
}



.container-fluid .volunteer {
	
	
	margin-left: auto;
	margin-right: auto;
	font-size: 1.75vw;
	max-width: 75%;
	color: #562D89;
	font-weight: bolder;
	text-align: justify;
	
}


.save_form {
    color: #24BEC9;
    max-width: 100%;
    border: solid 5px #562D89;
    border-radius: 10px;
    padding: 5%;
    background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
   
}


.col-100 {
	
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}


.col-25 {
  float: left;
  width: 25%;
  margin-top: 7px;
}

.col-75 {
  float: left;
  width: 100%;
  margin-top: 0px;
}

input[type=text], radio, select, file {
  width: 50%;
  padding: 12px;
  border: 2px solid #24BEC9;
  border-radius: 5px;
  resize: vertical;
}

textarea {
	
	width: 50%;
	 border: 2px solid #24BEC9;
}



select {
	
	
	border: 2px solid #1B1B5A;
	max-width: 20%;

}

select option {
	
	color: #6F3A93;
}

select option selected {
	
	background-color: red;
}





.row {
	
	margin-bottom: 20px;
}

/* .u_row {
	
	border: 1px solid #1B1B5A;
	padding-left: 20px;
	margin-bottom: 20px;
}

*/


.row:after {
  content: "";
  display: table;
  clear: both;
}

.u_row:after {
  content: "";
  display: table;
  clear: both;
}


input[type=text]:focus {
  border: 3px solid #6F3A93;
	-webkit-transition: 0.5s;

  transition: 0.5s;
  outline: none;
	color: #6F3A93;
 
}

.save_form .row .center {
	margin: auto;
}




/* .container_form {
    color: #24BEC9;
	font-size: 2em;
    max-width: 70%;
    border: solid 12px #24BEC9;
    border-radius: 10px;
    padding: 5%;
    background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
   
}

.col-25 {
  float: left;
  width: 25%;
  margin-top: 7px;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 0px;
}

*/

.volunteer_div {
	
   max-width: 50%;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
	
}


.respond_button1 {
	border-radius: 25px;
    background-color: #24BEC9; 
    color: #FFFFFF; 
	font-size: 1.2em;
    border: 2px solid #FFFFFF;
	box-shadow: inset 0px 0px;
    border-color: #24BEC9;
	padding: 20px;
	
	
}

.respond_button1:hover {
  background-color: #562D89;
  color: #FFFFFF;
  border: 2px solid #562D89;
}



.respond_button2 {
	border-radius: 25px;
    background-color: #24BEC9; 
    color: #FFFFFF; 
	font-size: 1.2em;
    border: 2px solid #FFFFFF;
	box-shadow: inset 0px 0px;
    border-color: #24BEC9;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	
	
}

.respond_button2:hover {
  background-color: #562D89;
  color: #FFFFFF;
  border: 2px solid #562D89;
}


/* VOLUNTEER CONFIRMATION PAGE */


.purple_div {
	
    max-width: 100%;
	margin-top: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: #562D89;	
	color: #24BEC9;
	
}



@media screen and (max-width: 1000px) {
	
purple_div h1 {
	
	font-size: 6vw;
}


.white_div {
	
	
	font-size: 4.75vw;
}
	
	
	
}



.purple_div h1 {
	
	font-size: 5vw;
}


.white_div {
	
	max-width: 80%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	color: #562D89;
	text-align: justify;
	font-size: 1.75vw;
}



.white_space {
	
	margin-bottom: 100px;
}


/* TAX EXEMPT PAGE */

.pdf_div {
	
	max-width: 800px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	
}

.pdf_div iframe {
	
	border: 7px solid #24BEC9;
	
}

@media screen and (max-width: 1000px) {
	
	.pdf_div {
		
		max-width: 400px;
	}
	
  .pdf_div iframe {
    width: 400px;
	 height: 300px;
	 
    
  }
}

.teal_link {
	
	color: #24BEC9;
	font-weight: bold;
	text-decoration: none;
}

.teal_link:hover {
	
	color: #24BEC9;
	text-decoration: underline;
	
}

/* REGISTRATION */


@media screen and (max-width: 1000px) {
	
.col-xl-4.teal_box h3 {
	
	font-size: 3.75vw;
	
	
}

.col-xl-4.purple_box h3 {
	
	font-size: 3.75vw;
	
	
}

.white_div ul {
	

	font-size: 3.75vw;
	
	
}	
	
	.white_div p {
	

	font-size: 3.75vw;
	
	
}	
	
}





.col-xl-4.teal_box h3 {
	
	font-size: 2.75vw;
	color: #ffffff;
	margin-bottom: 25px;
	
}

.col-xl-4.purple_box h3 {
	
	font-size: 2.75vw;
	color: #ffffff;
	margin-bottom: 25px;
	
}

.white_div ul {
	
	max-width: 50%;
	font-size: 2.75vw;
	color: #24BEC9;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
}

.white_div p {
	
	
	font-size: 2.75vw;
	
	font-weight: bold;
	
	
}



.center {
	
text-align: center;	
}



@media screen and (max-width: 1000px) {
	
.disclaimer {
	
    font-size: 2.75vw;
	
		
	
}
	
	
}

.disclaimer {
	
    font-size: 1.75vw;
	color: #562D89;
	font-weight: normal; 
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
		
	
}

/* REGISTRATION FORMS */

.col-25 label {
	
	color: #24BEC9;
}

/* SPONSORSHIP */


@media screen and (max-width: 1000px) {
	
	.sponsor_details {
	
	
	font-size: 2.75vw;
}
	
	
}




.sponsor_details {
	
	color: #ffffff;
	font-size: 2.0vw;
}

.rtspage {
	
	
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
}

.rtspage a {
	color: #24BEC9;
	text-decoration: none;
}

.rtspage a:hover {
	
	color: #562D89;
}

/* PAYMENT */

.pay_div {
text-align: center;
border: 2px solid #562D89;
max-width: 80%;	
	margin-left: auto;
	margin-right: auto;
	
}

#paypal-container-X9ZSH5JEXSRMY {
	text-align: center;
	max-width: 100%;
	
	
	
	
}

.row.rpurple a .teal_button {
	
  margin-left: auto;
    margin-right: auto;
    background-color: #24BEC9;
    width: 20%;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 20px;
	color: #ffffff;
	font-size: 1.5vw;
}


.row.rpurple a:hover .teal_button {
    
    
    border: 5px solid #ffffff;
	
}	
	
	
/* ITINERARY */

.itineraryh1 {
	
	color: #24BEC9;
	font-size: 5vw;
	text-align: center;
}

@media screen and (max-width: 1000px) {
	.itineraryh1 {
	
	color: #24BEC9;
	font-size: 5vw;
	text-align: center;
	
		
	}
	
}

/* ABOUT */

.tealh1lg {
	
	color: #24BEC9;
	font-size: 8vw;
	text-align: center;
	
}

.abt_img {

  float: left;
  max-width: 50%;
  height: auto;
  clip-path: circle(30%);
  shape-outside: circle(35%);
 
}

.abt_img_rt {
  float: right;
  max-width: 100%;
  height: auto;
  clip-path: circle(30%);
  shape-outside: circle(45%);
  
}

.clear {
	
clear: both;	
	
}

.white_div .about {
	
	font-size: 1.75vw;
	color: #562D89;
}


@media screen and (max-width: 1000px) {
	
.white_div .about {
	
	font-size: 1.75vw;
	color: #562D89;
}
}

/* EVENTS */

.white_div .award {

	color: #562D89;
    font-size: 1.75vw;
	
}

.white_div .contest_note {
	
	color: #24BEC9;
	font-size: 1.75vw;
	text-align: center;
}




