body_background
/* GENERAL */
.header_background				{ background-color: #404040;}
.footer_background				{ background-color: #404040; height: 50px; }

/*
.atom_banner					{ width: 900px;	height: 406px; }

@media screen and (max-device-width: 750px) {
	.atom_banner					{ width: 800px;	height: 361px; }
	
	(max-device-width: 375px
}
*/

.atom_banner					{ width: 900px;	height: 352px; }

@media screen and (max-device-width: 750px) {
	.atom_banner					{ width: 800px;	height: 313px; }
}
	
.body_background				{ background-color: #FFFFFF;}
.body_background_alt			{ background-color: #CCCCCC;}	
	
.body_text						{ color: #000000; font-family: 'Levenim MT'; font-size: 18pt; font-weight: bold; letter-spacing: 0.028em;  }
.body_text_orange				{ color: #ff66cc; font-family: 'Levenim MT'; font-size: 18pt; font-weight: bold; letter-spacing: 0.028em;  }
.body_text_styles				{ color: #000000; font-family: 'Levenim MT'; font-size: 18pt; font-weight: bold; letter-spacing: 0.028em; text-align: justify; }
.body_text_small				{ color: #000000; font-family: 'Levenim MT'; font-size: 12pt; font-weight: normal; text-align: justify; }
	
	
.section_header					{ color: #ff66cc; font-family: 'Levenim MT'; font-size: 36pt; font-weight: normal; }

/*  -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; */

@media screen and (max-device-width: 750px) {
	.section_header					{ color: #ff66cc; font-family: 'Levenim MT'; font-size: 36pt; font-weight: normal;  }
}	

.section_subheader					{ color: #ff66cc; font-family: 'Levenim MT'; font-size: 27pt; font-weight: normal;  }

@media screen and (max-device-width: 750px) {
	.section_subheader					{ color: #ff66cc; font-family: 'Levenim MT'; font-size: 27pt; font-weight: normal;  }
}	

.photo							{ border: 1px solid #e0e0e0; }
.profile_photo					{ border: 1px solid #c0c0c0; }
	
.internallink					{ color: #ff66cc; font-family: 'Levenim MT'; font-size: 12pt; font-weight: normal;  }
A.internallink:link 			{ text-decoration: none; color: #ff66cc; }
A.internallink:visited 			{ text-decoration: none; color: #ff66cc; }
A.internallink:hover 			{ text-decoration: none; color: #000000; }
	
.externallink					{ color: #ff66cc; font-family: 'Levenim MT'; font-size: 14pt; font-weight: normal;  }
A.externallink:link 			{ text-decoration: none; color: #ff66cc; }
A.externallink:visited 			{ text-decoration: none; color: #ff66cc; }
A.externallink:hover 			{ text-decoration: none; color: #ffffff; }

.externallink_black				{ color: #ff66cc; font-family: 'Levenim MT'; font-size: 18pt; font-weight: normal;  }
A.externallink_black:link 		{ text-decoration: none; color: #ff66cc; }
A.externallink_black:visited 	{ text-decoration: none; color: #ff66cc; }
A.externallink_black:hover 		{ text-decoration: none; color: #000000; }

@media screen and (max-device-width: 750px) {
	.externallink					{ color: #ff66cc; font-family: 'Levenim MT'; font-size: 28pt; font-weight: normal;  }
	A.externallink:link 			{ text-decoration: none; color: #ff66cc; }
	A.externallink:visited 			{ text-decoration: none; color: #ff66cc; }
	A.externallink:hover 			{ text-decoration: none; color: #ffffff; }
	
	.externallink_black				{ color: #ff66cc; font-family: 'Levenim MT'; font-size: 32pt; font-weight: normal;  }
	A.externallink_black:link 		{ text-decoration: none; color: #ff66cc; }
	A.externallink_black:visited 	{ text-decoration: none; color: #ff66cc; }
	A.externallink_black:hover 		{ text-decoration: none; color: #000000; }

}

.inline_image_overtext			{ color: #ffffff; font-family: 'Levenim MT'; font-size:48pt; font-weight: normal;  }
.inline_image_courtney			{ background:url(../images/courtney_beach_karenza_clipped.jpg) no-repeat; background-size: cover; width: 800px;	height: 408px; border: none; }


/* STORE IMAGE LINKS */
.store_image					{ border: 1px solid #c0c0c0; }

.externalstore					{ border: 0px; }
A.externalstore:link 			{ text-decoration: none; }
A.externalstore:visited 		{ text-decoration: none; }
A.externalstore:hover 			{ text-decoration: none; }

/* .store_image					{ border: 1px solid #c0c0c0; filter: grayscale(1000%); } */
/* .store_image:hover				{ border: 1px solid #c0c0c0; filter: grayscale(0%); } */


/* CONTACT PAGE LINKS */
.link_facebook					{ background:url(../images/links/facebook_orange.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer;}
.link_facebook:hover 			{ background:url(../images/links/facebook.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer; }				
.link_instagram					{ background:url(../images/links/instagram_orange.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer;}
.link_instagram:hover 			{ background:url(../images/links/instagram.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer; }				
.link_zoom						{ background:url(../images/links/zoom_orange.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer;}
.link_zoom:hover 				{ background:url(../images/links/zoom.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer; }				
.link_maps						{ background:url(../images/links/maps_orange.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer;}
.link_maps:hover 				{ background:url(../images/links/maps.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer; }				
.link_email						{ background:url(../images/links/email_orange.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer;}
.link_email:hover 				{ background:url(../images/links/email.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer; }				
.link_chat						{ background:url(../images/links/chat_orange.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer;}
.link_chat:hover 				{ background:url(../images/links/chat.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer; }				



@media screen and (max-device-width: 750px) {
	
	.link_facebook					{ background:url(../images/links/facebook_orange.png) no-repeat; background-size: cover; width: 150px;	height: 150px; border: none; cursor: pointer;}
	.link_facebook:hover 			{ background:url(../images/links/facebook.png) no-repeat; background-size: cover; width: 150px;	height: 150px; border: none; cursor: pointer; }				
	.link_instagram					{ background:url(../images/links/instagram_orange.png) no-repeat; background-size: cover; width: 150px;	height: 150px; border: none; cursor: pointer;}
	.link_instagram:hover 			{ background:url(../images/links/instagram.png) no-repeat; background-size: cover; width: 150px;	height: 150px; border: none; cursor: pointer; }				
	.link_zoom						{ background:url(../images/links/zoom_orange.png) no-repeat; background-size: cover; width: 150px;	height: 150px; border: none; cursor: pointer;}
	.link_zoom:hover 				{ background:url(../images/links/zoom.png) no-repeat; background-size: cover; width: 150px;	height: 150px; border: none; cursor: pointer; }				
	.link_maps						{ background:url(../images/links/maps_orange.png) no-repeat; background-size: cover; width: 150px;	height: 150px; border: none; cursor: pointer;}
	.link_maps:hover 				{ background:url(../images/links/maps.png) no-repeat; background-size: cover; width: 150px;	height: 150px; border: none; cursor: pointer; }				
	.link_email						{ background:url(../images/links/email_orange.png) no-repeat; background-size: cover; width: 150px;	height: 150px; border: none; cursor: pointer;}
	.link_email:hover 				{ background:url(../images/links/email.png) no-repeat; background-size: cover; width: 150px;	height: 150px; border: none; cursor: pointer; }				
	.link_chat						{ background:url(../images/links/chat_orange.png) no-repeat; background-size: cover; width: 150px;	height: 150px; border: none; cursor: pointer;}
	.link_chat:hover 				{ background:url(../images/links/chat.png) no-repeat; background-size: cover; width: 150px;	height: 150px; border: none; cursor: pointer; }				
	
}


/* FOOTER LINKS */
.footer_facebook				{ background:url(../images/links/facebook_orange.png) no-repeat; background-size: cover; width: 25px;	height: 25px; border: none; cursor: pointer;}
.footer_facebook:hover 			{ background:url(../images/links/facebook_white.png) no-repeat; background-size: cover; width: 25px;	height: 25px; border: none; cursor: pointer; }				
.footer_instagram				{ background:url(../images/links/instagram_orange.png) no-repeat; background-size: cover; width: 25px;	height: 25px; border: none; cursor: pointer;}
.footer_instagram:hover 		{ background:url(../images/links/instagram_white.png) no-repeat; background-size: cover; width: 25px;	height: 25px; border: none; cursor: pointer; }				
.footer_zoom					{ background:url(../images/links/zoom_orange.png) no-repeat; background-size: cover; width: 25px;	height: 25px; border: none; cursor: pointer;}
.footer_zoom:hover 				{ background:url(../images/links/zoom_white.png) no-repeat; background-size: cover; width: 25px;	height: 25px; border: none; cursor: pointer; }				
.footer_maps					{ background:url(../images/links/maps_orange.png) no-repeat; background-size: cover; width: 25px;	height: 25px; border: none; cursor: pointer;}
.footer_maps:hover 				{ background:url(../images/links/maps_white.png) no-repeat; background-size: cover; width: 25px;	height: 25px; border: none; cursor: pointer; }				
	
@media screen and (max-device-width: 750px) {	
	.footer_facebook				{ background:url(../images/links/facebook_orange.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer;}
	.footer_facebook:hover 			{ background:url(../images/links/facebook_white.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer; }				
	.footer_instagram				{ background:url(../images/links/instagram_orange.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer;}
	.footer_instagram:hover 		{ background:url(../images/links/instagram_white.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer; }				
	.footer_zoom					{ background:url(../images/links/zoom_orange.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer;}
	.footer_zoom:hover 				{ background:url(../images/links/zoom_white.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer; }				
	.footer_maps					{ background:url(../images/links/maps_orange.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer;}
	.footer_maps:hover 				{ background:url(../images/links/maps_white.png) no-repeat; background-size: cover; width: 50px;	height: 50px; border: none; cursor: pointer; }				
}	
	
	
/* DROPDOWN MENU */	
/* .dropbtn 						{ background:url(../images/menu_hi.jpg) no-repeat; color: white; width: 20px;	height: 27px; border: none; cursor: pointer;} */
/* .dropbtn:hover 					{ background:url(../images/menu_low.jpg) no-repeat; } */
/* .dropbtn:focus 					{ background:url(../images/menu_low.jpg) no-repeat; } */

.dropbtn 						{ font-family: 'Levenim MT'; font-size: 32pt; font-weight: bold; color: #ff66cc; background-color: #000000; border: none; cursor: pointer;}
.dropbtn:hover 					{ text-decoration: none; color: #ffffff; }
.dropbtn:focus 					{ text-decoration: none; color: #ffffff; }
.dropbtn_hi						{ font-family: 'Levenim MT'; font-size: 32pt; font-weight: bold; color: #ffffff; background-color: #000000; border: none; cursor: pointer;}

.dropdown 						{ float: right; position: relative; display: inline-block; border: 0px solid #ffffff; padding: 0px 0px; }
.dropdown-content 				{ display: none; position: absolute; background-color: #B0B0B0; min-width: 120px; overflow: auto; box-shadow: 4px 2px 16px 0px #505050; right: 0; font-family: 'Levenim MT'; font-size: 12pt; font-weight: normal;}
.dropdown-content a 			{ color: black;	padding: 8px 16px; text-decoration: none; font-family: 'Levenim MT'; font-size: 12pt; font-weight: normal; display: block; border: 1px solid #505050;}
.dropdown a:hover 				{ background-color: #303030; color: #ff66cc; border: 1px solid #ff66cc; }
.show 							{ display:block; }

@media screen and (max-device-width: 750px) {
	
	/* DROPDOWN MENU */	
	/* .dropbtn 						{ background:url(../images/menu_hi.jpg) no-repeat; color: white; width: 80px;	height: 108px; border: none; cursor: pointer;} */
	/* .dropbtn:hover 					{ background:url(../images/menu_low.jpg) no-repeat; } */
	/* .dropbtn:focus 					{ background:url(../images/menu_low.jpg) no-repeat; } */
	
	.dropbtn 						{ font-family: 'Levenim MT'; font-size: 72pt; font-weight: bold; color: #ff66cc; background-color: #000000; border: none; cursor: pointer;}
	.dropbtn:hover 					{ text-decoration: none; color: #ffffff; }
	.dropbtn:focus 					{ text-decoration: none; color: #ffffff; }
	.dropbtn_hi						{ font-family: 'Levenim MT'; font-size: 72pt; font-weight: bold; color: #ffffff; background-color: #000000; border: none; cursor: pointer;}

	.dropdown 						{ float: right; position: relative; display: inline-block; border: 0px solid #00ff00; padding: 0px 0px; }
	.dropdown-content 				{ font-family: 'Levenim MT'; font-size: 32pt; font-weight: normal; display: none; position: absolute; background-color: #B0B0B0; min-width: 200px; overflow: auto; box-shadow: 4px 2px 16px 0px #505050; right: 0; }
	.dropdown-content a 			{ text-decoration: none; font-family: 'Levenim MT'; font-size: 32pt; font-weight: normal; display: block; border: 1px solid #505050; color: black;	padding: 8px 16px; }
	.dropdown a:hover 				{ background-color: #303030; color: #ff66cc }
	.show 							{ display:block; }

	
}


/* BELTS */
.atom_belt_white			{ color: #ff66cc; font-family: 'Levenim MT'; font-size: 12pt; font-weight: bold; background-color: #ffffff; border-color: #ff66cc; border-style: solid; border-radius: 10px; border-width: 2px;}
.atom_belt_orange			{ color: #ffffff; font-family: 'Levenim MT'; font-size: 12pt; font-weight: normal; background-color: #ff66cc; border-color: #cc6600; border-style: solid; border-radius: 10px; border-width: 1px;}
.atom_belt_red				{ color: #ffffff; font-family: 'Levenim MT'; font-size: 12pt; font-weight: normal; background-color: #e60000; border-color: #990000; border-style: solid; border-radius: 10px; border-width: 1px;}
.atom_belt_yellow			{ color: #000000; font-family: 'Levenim MT'; font-size: 12pt; font-weight: bold; background-color: #ffcc00; border-color: #ff9933; border-style: solid; border-radius: 10px; border-width: 1px;}
.atom_belt_green			{ color: #000000; font-family: 'Levenim MT'; font-size: 12pt; font-weight: bold; background-color: #009933; border-color: #006622; border-style: solid; border-radius: 10px; border-width: 1px;}
.atom_belt_blue				{ color: #ffffff; font-family: 'Levenim MT'; font-size: 12pt; font-weight: normal; background-color: #0066ff; border-color: #000099; border-style: solid; border-radius: 10px; border-width: 1px;}
.atom_belt_purple			{ color: #ffffff; font-family: 'Levenim MT'; font-size: 12pt; font-weight: normal; background-color: #6600cc; border-color: #601f60; border-style: solid; border-radius: 10px; border-width: 1px;}
.atom_belt_brown			{ color: #ffffff; font-family: 'Levenim MT'; font-size: 12pt; font-weight: normal; background-color: #993300; border-color: #662200; border-style: solid; border-radius: 10px; border-width: 1px;}
.atom_belt_black			{ color: #ffffff; font-family: 'Levenim MT'; font-size: 12pt; font-weight: normal; background-color: #000000; border-color: #000000; border-style: solid; border-radius: 10px; border-width: 1px;}
.atom_belt_instructor		{ color: #ffffff; font-family: 'Levenim MT'; font-size: 12pt; font-weight: normal; background-color: #000000; border-color: #606060; border-style: solid; border-radius: 10px; border-width: 1px;}

.atom_belt_phase			{ color: #000000; font-family: 'Levenim MT'; font-size: 12pt; font-weight: bold; transform: rotate(90deg);}


/* CLASS ADVERT */

.atom_class					{ border-color: #000000; border-style: solid; border-width: 1px; border-radius: 5px 5px 5px 5px }
.atom_class_header			{ height: 45px; color: #ffffff; font-family: 'Levenim MT'; font-size: 18pt; font-weight: normal; background-color: #000000; }
.atom_class_time			{ color: #000000; font-family: 'Levenim MT'; font-size: 18pt; font-weight: bold;  }
.atom_class_body			{ color: #000000; font-family: 'Levenim MT'; font-size: 12pt; font-weight: normal;  }
.atom_class_footer			{ height: 30px; color: #ff66cc; font-family: 'Levenim MT'; font-size: 12pt; font-weight: normal; background-color: #000000; }


@media screen and (max-device-width: 750px) {
.atom_class					{ border-color: #000000; border-style: solid; border-width: 1px; border-radius: 5px 5px 5px 5px }
.atom_class_header			{ height: 45px; color: #ffffff; font-family: 'Levenim MT'; font-size: 24pt; font-weight: normal; background-color: #000000; }
.atom_class_time			{ color: #000000; font-family: 'Levenim MT'; font-size: 24pt; font-weight: bold;  }
.atom_class_body			{ color: #000000; font-family: 'Levenim MT'; font-size: 14pt; font-weight: normal;  }
.atom_class_footer			{ height: 30px; color: #ff66cc; font-family: 'Levenim MT'; font-size:14pt; font-weight: normal; background-color: #000000; }
}


/* PRICES ADVERT */

.atom_prices				{ border-color: #000000; border-style: solid; border-width: 1px; border-radius: 5px 5px 5px 5px }
.atom_prices_header			{ height: 45px; color: #ffffff; font-family: 'Levenim MT'; font-size: 18pt; font-weight: normal; background-color: #000000; }
.atom_prices_body			{ color: #000000; font-family: 'Levenim MT'; font-size: 12pt; font-weight: normal;  }
.atom_prices_cost			{ color: #000000; font-family: 'Levenim MT'; font-size: 18pt; font-weight: bold;  }
.atom_prices_footer			{ height: 30px; color: #ff66cc; font-family: 'Levenim MT'; font-size: 12pt; font-weight: normal; background-color: #000000; }

@media screen and (max-device-width: 750px) {
	.atom_prices				{ border-color: #000000; border-style: solid; border-width: 1px; border-radius: 5px 5px 5px 5px }
	.atom_prices_header			{ height: 45px; color: #ffffff; font-family: 'Levenim MT'; font-size: 24pt; font-weight: normal; background-color: #000000; }
	.atom_prices_body			{ color: #000000; font-family: 'Levenim MT'; font-size: 14pt; font-weight: normal;  }
	.atom_prices_cost			{ color: #000000; font-family: 'Levenim MT'; font-size: 36pt; font-weight: bold;  }
	.atom_prices_footer			{ height: 30px; color: #ff66cc; font-family: 'Levenim MT'; font-size: 20pt; font-weight: normal; background-color: #000000; }
}
	

/* CLASS ADVERT */

.atom_advert_link			{ border: 0px; }
A.atom_advert_link:link 	{ text-decoration: none; }
A.atom_advert_link:visited 	{ text-decoration: none; }
A.atom_advert_link:hover 	{ text-decoration: none; }

.atom_advert				{ border-color: #000000; border-style: solid; border-width: 1px; border-radius: 5px 5px 5px 5px }
.atom_advert:hover 			{ text-decoration: none; border-color: #ff66cc; }
.atom_advert:focus 			{ text-decoration: none; border-color: #ff66cc; }

.atom_advert_header			{ height: 45px; color: #ff66cc; font-family: 'Levenim MT'; font-size: 18pt; font-weight: normal; background-color: #000000; }
.atom_advert_header:hover 	{ text-decoration: none; background-color: #ff66cc; color: #ffffff; }
.atom_advert_header:focus 	{ text-decoration: none; background-color: #ff66cc; color: #ffffff; }
.atom_advert_header_hi		{ height: 45px; color: #ffffff; font-family: 'Levenim MT'; font-size: 18pt; font-weight: normal; background-color: #000000; }
.atom_advert_header_hi:hover 	{ text-decoration: none; background-color: #ff66cc; color: #ffffff; }
.atom_advert_header_hi:focus 	{ text-decoration: none; background-color: #ff66cc; color: #ffffff; }


@media screen and (max-device-width: 750px) {
	.atom_advert				{ border-color: #000000; border-style: solid; border-width: 1px; border-radius: 5px 5px 5px 5px }
	.atom_advert:hover 			{ text-decoration: none; border-color: #ff66cc; }
	.atom_advert:focus 			{ text-decoration: none; border-color: #ff66cc; }

	.atom_advert_header			{ height: 45px; color: #ff66cc; font-family: 'Levenim MT'; font-size: 24pt; font-weight: normal; background-color: #000000; }
	.atom_advert_header:hover 	{ text-decoration: none; background-color: #ff66cc; color: #ffffff; }
	.atom_advert_header:focus 	{ text-decoration: none; background-color: #ff66cc; color: #ffffff; }
	.atom_advert_header_hi		{ height: 45px; color: #ffffff; font-family: 'Levenim MT'; font-size: 24pt; font-weight: normal; background-color: #000000; }
	.atom_advert_header_hi:hover 	{ text-decoration: none; background-color: #ff66cc; color: #ffffff; }
	.atom_advert_header_hi:focus 	{ text-decoration: none; background-color: #ff66cc; color: #ffffff; }
}


.certification_link				{ color: #ff66cc; font-family: 'Levenim MT'; font-size: 12pt; font-weight: normal; }
A.certification_link:link 		{ text-decoration: none; }
A.certification_link:visited 	{ text-decoration: none; }
A.certification_link:hover 		{ text-decoration: none; }

/* SNOW */

/* body { */
    /* height: 100vh; */
    /* background: radial-gradient(ellipse at bottom, #34A65F 0%, #0F8A5F 100%); */
    /* overflow: hidden; */
    /* color: white; */
    /* font-family: 'Inter'; */
/* } */

/* .snowflake { */
    /* position: absolute; */
    /* width: 10px; */
    /* height: 10px; */
    /* background: linear-gradient(white, white); /* Workaround for Chromium's selective color inversion */ */
    /* border-radius: 50%; */
    /* filter: drop-shadow(0 0 10px white); */
/* } */

/* .container { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; } */


