@charset "UTF-8";
/*--------------Icon Styles------------------------------------------------*/


@font-face {
  font-family: 'socialmedia_icon';
  src: url('fonts/socialmedia_icon.eot');
}
@font-face {
  font-family: 'socialmedia_icon';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'socialmedia_icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}

/*-------------------------  Main Content  -------------------------------------*/

#more_info_header p{
font-size: 35px;
}


#corporate_sectionHeader p{
color: #fff;

}

#corporate_sectionHeader h3{
color: #f2f2f2;
font-weight: 200;
}

#corporate_info{
color: #fff;
}






/*------------------------  Training Phase Panels -------------------------------------*/

.video_library_info_panel{
margin: 0;
padding: 0;
color: ;
font-size: px;
}


#library_info_panel_header div p{
padding:15px 0px 0px 0px;
margin: 0px;
cursor: pointer;
background-color:;
}

#library_info_panel_header:hover{
font-size: px;
background-color:;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}


#library_info_panel_header.active{
color: rgb(172, 83, 83);
background-color:;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}

.library_info_panel{
display:none;
color: #ccc;
font-size: px;
padding:20px;
border-top: 1px dotted #ccc;

}

.library_info_panel.active{
display: block;
background-color: rgba(,,, .);
border-top: 1px dotted #ccc;

}



#library_info_panel_header p{
color: #808080;
font-size: px;
}

#library_info_panel_join{
color: #808080;
font-size: px;
background-color: rgba();
}


#sign_up_link{
padding: 0px 0px 20px 40px;
margin-top: -10px;
}


#library_info_panel_join button{
color: #fff;
cursor: pointer;
}

#details{
font-size: 18px;
letter-spacing: -.05px;
}


/*------------------------------- Errors  ---------------------------------------------------------------------*/

.error{
color: red;
border: 1p dotted #ccc;
margin: 1em;
padding: 1em;
}

.error ul{
padding-left: 2em;
}

/*------------------------------- Navigation ---------------------------------------------------------------------*/

#navigation{
background-color: #ccc; 
color: #fff;"
}



ul.pages{
padding-left: 2em;
list-style: ;
font-weight: normal;
}

.selected{
font-weight: bold;
}


/*------------------------------- Index Page ---------------------------------------------------------------------*/



#member_link{
height:;
background-color: rgba(0,0,0, .15);
background-image: url("../images/login_button_background.png");
}

#member_link:hover{
background-color: #39ff14;
}

#member_link:visited{
text-decoration: none;
}

#member_link a:visited{
text-decoration: none;
}


#member_link a{
text-decoration: none;
}

member_link p{
color: #fff;
font-weight:;
font-size: 25px;
}

#member_link p:hover{
text-shadow:2px 2px 3px #4d4d4d;
}


/*------------------------------- Members Page ---------------------------------------------------------------------*/

#login_signup_info div p{
color: #fff;
}



#login_signup_info div div{

color: #fff;
text-shadow:3px 3px 5px #000;

}

#login_signup_info div div a{
text-decoration:;
font-size: 30px;
letter-spacing: 2px;
}

#member_page_login:hover{
background-color: rgba(0,0,0,.25);
}

.login_link{
text-decoration: none;
}

#member_page_join:hover{
background-color: rgba(0,0,0,.25);	
}

#member_page_login a{
text-decoration: none;	
}

#member_page_info a{
text-decoration: none;	
}


#member_page_login{
padding: 2px 0px 1px 0px;
margin-bottom: 0px;
}


#member_page_join{
padding: 2px 0px 5px 0px;
}

#member_page_info{
padding: 2px 0px 1px 0px;
margin-bottom: 0px;
}

#member_page_join a{
text-decoration: none;
}

#signup_collapse_section{
background-color: rgba(0,0,0,.65);

}

#signup_collapse_section div{
padding: 0px 0px 10px 0px;
}


#signup_collapse_section p{
color: #fff;
font-size: 20px;
padding: 30px 2px 5px 2px;
}


#more_info_collapse_section p{
color: #fff;
font-size: 20px;
margin-right: 2px;
padding: 30px 0px 5px 0px;
}


#signup_collapse_section_links_1 a{
color: #fff;
}

#signup_collapse_section_links_2 a{
color: #fff;
}


#signup_collapse_section_links_1:hover{
background-color: rgba(225,225,225,.45);
}


#signup_collapse_section_links_1:hover{
text-shadow:2px 2px 2px #000;

}

#signup_collapse_section_links_2:hover{

}

#more_info_collapse_section{
background-color: rgba(0,0,0,.65);

}

#more_info_collapse_section p{
color: #fff;
font-size: 20px;
}

#more_info_collapse_section ul li{
padding: 5px;
list-style: none;
font-size: 20px;
}

#more_info_collapse_section ul li:hover{
background-color: rgba(225,225,225,.45);
}


#member_page_info:hover{
background-color: rgba(0,0,0,.25);	
}



/*------------------------------- Page ---------------------------------------------------------------------*/

#page{
position: ;
top: em;
}



div.message{
border: 1px dotted #cccccc;
color: #333333;
font-weight: bold;
margin: 1em;
padding: 1em;

}

#page{
background:;
height: 100%;
}

.view-content{
margin: 1em;
padding: 1em;
border: 1px dotted #cccccc;
}


/*------------------------------- Footer ---------------------------------------------------------------------*/


#footer_section{
	position: ;
	top: 11em;
}


#footer_links ul li a{
	padding: 0px 10px 0px 10px;
}


#footer_social ul li a{
	padding: 0px 10px 0px 10px;
}



/*------------------------------- Group Classes Page ---------------------------------------------------------------------*/

#groupClass_header h1{
color: #fff;
font-size: 40px;
}


#groupClass_header{
background-image: url("../images/bcGeneGreen2022.jpg");
background-size: cover;
}

#groupClass_header h3{
color: #fff;
}

#groupClass_header div p{
color: #fff;
}

#groupClass_header ul{
color: #fff;
list-style-type: none;
}




/* --------------------------------------------------------------------------- Large screen styles -----------------------------   1450 px ----------------------------*/

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

}

/* --------------------------------------------------------------------------- Medium screen styles -----------------------------   1100 px ----------------------------*/

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


/* --------------------------------------------------------------------------- Small screen styles -----------------------------    985 px ----------------------------*/

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

}


/* --------------------------------------------------------------------------- Small screen styles -----------------------------    770 px ----------------------------*/

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


}


/* --------------------------------------------------------------------------- Small screen styles -----------------------------    570 px ----------------------------*/

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

/* --------------------------------------------------------------------------- Small screen styles -----------------------------    300 px ----------------------------*/

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

	
}