/*
Theme Name: VOICES Stylesheet
Author: Sean Dudley
Author URI: https://www.voicescenter.org
Description: This theme is a design based on the styles provided by Voices Center for Resilience.
Tags: Voices Center, Voices of September 11th, Voices, 9/11 Living Memorial, Mary Fetchet, COVID-19, Coronavirus, 9/11
*/


/*  --------------------------------------------------- */
/*  ------------      Text and Spacing     ------------ */
/*  --------------------------------------------------- */
.vos_txtsp { 
line-height:16pt !important;
}
.vos_txt { 
color: #464546;
}
.vos_subtext { 
font-size: 14px; 
line-height:15pt
}
.vos_schedule {
color: #026BB0;
font-size: 19px;
line-height: 21px;
font-family: "Poppins", sans-serif;
border-bottom: 2px solid #026bb0;
padding-bottom: 5px;
}
.vos_subtitle {
color: #026BB0;
font-size: 28px;
line-height: 29px;
font-family: "Poppins", sans-serif;
padding-bottom: 8px;
}
.vos_subtitle_2 {
color: #026BB0;
font-size: 23px;
line-height: 24px;
font-family: "Poppins", sans-serif;
padding-bottom: 6px;
}
.vos_subtitle_3 {
color: #026BB0;
font-size: 19px;
line-height: 20px;
font-family: "Poppins", sans-serif;
padding-bottom: 4px;
}
.vos_subtitle_4 {
font-size: 19px;
line-height: 20px;
font-family: "Poppins", sans-serif;
padding-bottom: 3px;
}
.vos_h1 {
color: #026BB0;
font-size: 28px;
line-height: 33px;
font-family: "Poppins", sans-serif;
}
.vos_h2 {
color: #026BB0;
font-size: 23px;
line-height: 25px;
font-family: "Poppins", sans-serif;
}
.vos_h3 {
color: #026BB0;
font-size: 19px;
line-height: 21px;
font-family: "Poppins", sans-serif;
}
.vos_h4 {
color: #026BB0;
font-size: 16px;
line-height: 18px;
font-family: "Poppins", sans-serif;
}
.vos_h5 {
font-size: 16px;
line-height: 18px;
font-family: "Poppins", sans-serif;
}
.vos_t1 {
color: #464546;
font-size: 28px;
line-height: 33px;
font-family: "Poppins", sans-serif;
}
.vos_t2 {
color: #464546;
font-size: 23px;
line-height: 27px;
font-family: "Poppins", sans-serif;
}
.vos_t3 {
color: #464546;
font-size: 19px;
line-height: 23px;
font-family: "Poppins", sans-serif;
}
.vos_t4 {
color: #464546;
font-size: 17px;
line-height: 21px;
font-family: "Poppins", sans-serif;
}
.vos_t5 {
color: #464546;
font-size: 16px;
line-height: 20px;
font-family: "Poppins", sans-serif;
}
.vos_g1 {
color: #026BB0;
font-size: 45px;
line-height: 48px;
font-family: "Poppins", sans-serif;
}
.vos_caption {
font-size: 14px; 
line-height: 1.1; 
margin-top: 5px;
}
.vos_caption_2 {
font-size: 12px; 
line-height: 1.1; 
margin-top: 5px;
}
.vos_spacer { 
  font-size:11px;
  line-height:11px;
}
.vos_spacer_s { 
  font-size:7px;
  line-height:7px;
}
.vos_spacer_xs { 
  font-size:4px;
  line-height:4px;
}
.vos_url {
  text-decoration:none;
  color:#026bb0;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.vos_url:hover {
  text-decoration:none; 
  color:#00adef;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.vos_url:active {
  text-decoration:none; 
  color:#00adef;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.vos_ltr { 
width: 75%;
border: 1px solid #e5e5e5;
padding:40px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_ltr"] {
    width: 100%;
border: 0px solid #ffffff;
padding:0px;
  }
}
.vos_ltr2 { 
width: 75%;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_ltr2"] {
    width: 100%;
  }
}





/*  --------------------------------------------------- */
/*  --------------         Media        --------------- */
/*  --------------------------------------------------- */
.vos_vid { 
padding-bottom: 5px;
margin-top: 5px;
width: 50%;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_vid"] {
	width: 100%;
	min-height: 300px;
	margin-top: 10px;
	padding-bottom: 0px;
  }
}
.vos_vid_l { 
	padding-bottom: 5px;
	margin-top: 5px;
	width: 75%;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_vid_l"] {
	width: 100%;
	min-height: 300px;
	margin-top: 10px;
	padding-bottom: 0px;
  }
}
.vos_vid_col {
	padding-bottom: 5px;
	margin-top: 5px; 
	width: 95%;
	height: 307px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_vid_col"] {
	width: 100%;
	min-height: 300px;
	margin-top: 10px;
	padding-bottom: 0px;
  }
}
.vos_vid_3col {
	padding-bottom: 5px;
	margin-top: 5px; 
	width: 90%;
	height: 197px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_vid_3col"] {
	width: 100%;
	min-height: 300px;
	margin-top: 10px;
	padding-bottom: 0px;
  }
}
.vos_stream { 
padding-bottom: 5px;
margin-top: 8px;
width: 789px;
height: 449px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_stream"] {
    width: 100%;
    height: 240px;
  }
}
.vos_video { 
	margin-bottom: -50px;
	margin-top: -45px;
	width: 50%;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_video"] {
    width: 100%;
  }
}
.vos_vimeo { 
padding-bottom: 5px;
padding-top: 5px;
width: 50%;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_vimeo"] {
	width: 100%;
	min-height: 300px;
	padding-bottom: -50px;
	padding-top: -45px;
  }
}
.vos_img { 
margin-bottom: 15px;
margin-top: 8px;
width: 55%;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img"] {
    width: 100%; margin-left: 0%; margin-bottom: 15px;
  }
}
.vos_img_xl { 
margin-bottom: 15px;
margin-top: 8px;
width: 90%;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_xl"] {
    width: 100%; margin-left: 0%; margin-bottom: 15px;
  }
}
.vos_img_l { 
margin-bottom: 15px;
margin-top: 8px;
width: 75%;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_l"] {
    width: 100%; margin-left: 0%; margin-bottom: 15px;
  }
}
.vos_img_m { 
margin-bottom: 15px;
margin-top: 8px;
width: 40%;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_m"] {
    width: 100%; margin-left: 0%; margin-bottom: 15px;
  }
}
.vos_img_s { 
margin-bottom: 15px;
margin-top: 8px;
width: 27.5%;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_s"] {
    width: 100%; margin-left: 0%; margin-bottom: 15px;
  }
}
.vos_img_right { 
float: right;
margin-left: 3%; 
margin-bottom: 15px;
margin-top: 8px;
width: 40%; 
min-width: 200px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_right"] {
    width: 100%; margin-left: 0%; margin-bottom: 15px; margin-top: 0px;
  }
}
.vos_img_right_m { 
float: right;
margin-left: 3%; 
margin-bottom: 15px;
margin-top: 8px;
width: 30%; 
min-width: 200px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_right_m"] {
    width: 100%; margin-left: 0%; margin-bottom: 15px; margin-top: 0px;
  }
}
.vos_img_right_sm { 
float: right;
margin-left: 3%; 
margin-bottom: 15px;
margin-top: 8px;
width: 30%; 
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_right_sm"] {
    width: 100%; margin-left: 0%; margin-bottom: 15px; margin-top: 0px;
  }
}
.vos_img_right_xsm { 
float: right;
margin-left: 3%; 
margin-bottom: 15px;
margin-top: 8px;
width: 15%; 
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_right_xsm"] {
    width: 100%; margin-left: 0%; margin-bottom: 15px; margin-top: 0px;
  }
}
.vos_txt_right { 
float: right;
margin-left: 3%; 
margin-bottom: 10px;
margin-top: 4px;
width: 40%; 
min-width: 200px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_txt_right"] {
    width: 100%; margin-left: 0%; margin-bottom: 10px; margin-top: 0px;
  }
}
.vos_img_left { 
float: left;
margin-right: 3%; 
margin-bottom: 15px; 
margin-top: 8px;
width: 40%; 
min-width: 200px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_left"] {
    width: 100%; margin-right: 0%; margin-bottom: 15px; margin-top: 0px;
  }
}
.vos_img_left_m { 
float: left;
margin-right: 3%; 
margin-bottom: 15px; 
margin-top: 8px;
width: 30%; 
min-width: 200px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_left_m"] {
    width: 100%; margin-right: 0%; margin-bottom: 15px; margin-top: 0px;
  }
}
.vos_img_left_sm { 
float: left;
margin-right: 3%; 
margin-bottom: 15px;
margin-top: 8px;
width: 20%; 
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_left_sm"] {
    width: 100%; margin-right: 0%; margin-bottom: 15px; margin-top: 0px;
  }
}
.vos_img_left_sm2 { 
float: left;
margin-right: 3%; 
margin-bottom: 15px;
margin-top: 8px;
width: 30%; 
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_left_sm"] {
    width: 100%; margin-right: 0%; margin-bottom: 15px; margin-top: 0px;
  }
}
.vos_img_left_xsm { 
float: left;
margin-right: 3%; 
margin-bottom: 15px;
margin-top: 8px;
width: 15%; 
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_left_xsm"] {
    width: 100%; margin-right: 0%; margin-bottom: 15px; margin-top: 0px;
  }
}
.vos_img_event { 
float: left;
margin-right: 3%; 
margin-bottom: 15px;
width: 25%; 
min-width: 200px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_event"] {
    width: 100%; margin-right: 0%; margin-bottom: 15px;
  }
}
.vos_img_bio { 
float: left;
margin-right: 3%;
margin-top: 5px;
margin-bottom: 15px;
width: 13%; 
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_bio"] {
    width: 30%;
	margin-top: 0px;
    padding-top: 0px;
  }
}
.vos_img_bio_2 { 
float: right;
margin-left: 3%; 
width: 20%; 
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_bio"] {
    width: 30%; 
    padding-top: 5px;
  }
}
.vos_img_ts { 
float: right;
margin-left: 3%;
width: 20%; 
min-width: 200px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_ts"] {
    width: 100%; 
    margin-right: 0%; 
    padding-bottom: 10px;
  }
}
.vos_img_ts_2 { 
float: right;
margin-left: 3%;
width: 10%; 
min-width: 140px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_ts_2"] {
    width: 100%; 
    margin-right: 0%; 
    padding-bottom: 10px;
  }
}
.vos_img_icon { 
float: left;
margin-right: 2%; 
margin-bottom: 15px; 
width: 12%; 
margin-left:15px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_icon"] {
    width: 100%; margin-left:0px; margin-right: 0%; margin-bottom: 20px; float: none;
  }
}
.vos_img_icon_right { 
float: right;
margin-left: 2%; 
margin-bottom: 15px; 
width: 12%; 
margin-right:15px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_icon_right"] {
    width: 100%; margin-left:0px; margin-right: 0%; margin-bottom: 20px; float: none;
  }
}
.vos_img_icon_col {
float: left;
margin-right: 4%; 
margin-bottom: 15px; 
width: 25%; 
margin-left:15px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_img_icon_col"] {
    width: 100%; margin-left:0px; margin-right: 0%; margin-bottom: 20px; float: none;
  }
}
.vos_wolfgruber {
width: 100%;
color: #026BB0;
font-size: 23px;
font-family: "Poppins", sans-serif;
border-bottom: 1px solid #0066b3;
margin-bottom: -10px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_wolfgruber"] {
    width: 100%;
  }
}
.vos_jotform {
margin-top: -80px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_jotform"] {
    margin-top: -0px;
  }
}
   




/*  --------------------------------------------------- */
/*  --------------         Buttons        ------------- */
/*  --------------------------------------------------- */
.vos_btn {
font-family: "Poppins", sans-serif;
color: #ffffff !important;
font-size: 24px;
text-align:center;
text-decoration: none;
background: #0066b3;
border: solid #7cb2da 2px;
padding: 9px 28px 9px 28px;
border-radius: 2px;
-webkit-border-radius: 15;
-moz-border-radius: 15;
width: inherit;
height: inherit;
box-sizing: inherit;
display: inline-block;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn:hover {
background: #014c7e; 
border: solid #5284a8 2px;
color: #ffffff !important;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn:active {
background: #014c7e;  
border: solid #5284a8 2px;
color: #ffffff !important;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_m {
font-family: "Poppins", sans-serif;
color: #ffffff !important;
font-size: 19px;
text-align:center;
text-decoration: none;
background: #0066b3;
border: solid #7cb2da 2px;
padding: 8px 22px 8px 22px;
border-radius: 2px;
-webkit-border-radius: 15;
-moz-border-radius: 15;
width: inherit;
height: inherit;
box-sizing: inherit;
display: inline-block;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_m:hover {
background: #014c7e; 
border: solid #5284a8 2px;
color: #ffffff !important;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_m:active {
background: #014c7e;  
border: solid #5284a8 2px;
color: #ffffff !important;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_s {
font-family: "Poppins", sans-serif;
color: #ffffff !important;
font-size: 17px;
text-align:center;
text-decoration: none;
background: #0066b3;
border: solid #7cb2da 2px;
padding: 7px 20px 7px 20px;
border-radius: 2px;
-webkit-border-radius: 15;
-moz-border-radius: 15;
width: inherit;
height: inherit;
box-sizing: inherit;
display: inline-block;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_s:hover {
background: #014c7e; 
border: solid #5284a8 2px;
color: #ffffff !important;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_s:active {
background: #014c7e;  
border: solid #5284a8 2px;
color: #ffffff !important;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_lt {
font-family: "Poppins", sans-serif;
color: #0066b3 !important;
font-size: 24px;
text-align:center;
text-decoration: none;
background: #ffffff;
border: solid #7cb2da 2px;
padding: 9px 28px 9px 28px;
border-radius: 2px;
-webkit-border-radius: 15;
-moz-border-radius: 15;
width: inherit;
height: inherit;
box-sizing: inherit;
display: inline-block;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_lt:hover {
background: #cde6fa; 
border: solid #014c7e 2px;
color: #014c7e !important;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_lt:active {
background: #7cb2da;  
border: solid #014c7e 2px;
color: #014c7e !important;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_lt_m {
font-family: "Poppins", sans-serif;
color: #0066b3 !important;
font-size: 19px;
text-align:center;
text-decoration: none;
background: #ffffff;
border: solid #7cb2da 2px;
padding: 8px 22px 8px 22px;
border-radius: 2px;
-webkit-border-radius: 15;
-moz-border-radius: 15;
width: inherit;
height: inherit;
box-sizing: inherit;
display: inline-block;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_lt_m:hover {
background: #cde6fa; 
border: solid #014c7e 2px;
color: #014c7e !important;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_lt_m:active {
background: #7cb2da;  
border: solid #014c7e 2px;
color: #014c7e !important;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_lt_s {
font-family: "Poppins", sans-serif;
color: #0066b3 !important;
font-size: 17px;
text-align:center;
text-decoration: none;
background: #ffffff;
border: solid #7cb2da 2px;
padding: 7px 20px 7px 20px;
border-radius: 2px;
-webkit-border-radius: 15;
-moz-border-radius: 15;
width: inherit;
height: inherit;
box-sizing: inherit;
display: inline-block;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_lt_s:hover {
background: #cde6fa; 
border: solid #014c7e 2px;
color: #014c7e !important;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_lt_s:active {
background: #7cb2da;  
border: solid #014c7e 2px;
color: #014c7e !important;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_lt_s_active {
font-family: "Poppins", sans-serif;
color: #ffffff !important;
font-size: 17px;
text-align:center;
text-decoration: none;
background: #226fad;
border: solid #014c7e 2px;
padding: 7px 20px 7px 20px;
border-radius: 2px;
-webkit-border-radius: 15;
-moz-border-radius: 15;
width: inherit;
height: inherit;
box-sizing: inherit;
display: inline-block;
}
.vos_btn_event {
font-family: "Poppins", sans-serif;
color: #0066b3 !important;
font-size: 16px;
text-align:center;
text-decoration: none;
background: #ffffff;
border: solid #7cb2da 2px;
padding: 7px 17px 7px 17px;
border-radius: 2px;
-webkit-border-radius: 15;
-moz-border-radius: 15;
width: inherit;
height: inherit;
box-sizing: inherit;
display: inline-block;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_btn_event"] {
    margin-bottom: 10px;
	padding: 5px 10px 5px 10px;
	width: 45%;
	font-size: 13px;
  }
}
.vos_btn_event:hover {
background: #cde6fa; 
border: solid #014c7e 2px;
color: #014c7e;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_event:active {
background: #7cb2da;  
border: solid #014c7e 2px;
color: #014c7e;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.vos_btn_event_active {
font-family: "Poppins", sans-serif;
color: #ffffff;
font-size: 16px;
text-align:center;
text-decoration: none;
background: #226fad;
border: solid #014c7e 2px;
padding: 7px 17px 7px 17px;
border-radius: 2px;
-webkit-border-radius: 15;
-moz-border-radius: 15;
width: inherit;
height: inherit;
box-sizing: inherit;
display: inline-block;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_btn_event_active"] {
    margin-bottom: 10px;
	padding: 5px 10px 5px 10px;
	width: 45%;
	font-size: 13px;
  }
}





/*  --------------------------------------------------- */
/*  --------------         Columns        ------------- */
/*  --------------------------------------------------- */
.vos_row:after {
content: "";
display: table;
clear: both;
}
.vos_column { 
float: left;
width: 50%;
padding: 10px;
}
@media screen and (max-width: 800px) {
.vos_column {
width: 100%;
padding: 0px;
}
}
.vos_l-column { 
float: left;
width: 50%;
padding-right: 10px;
padding-top: 10px;
}
@media screen and (max-width: 800px) {
.vos_l-column {
width: 100%;
padding-left: 0px;
padding-right: 0px;
padding: 0px;
}
}
.vos_r-column { 
float: left;
width: 50%;
padding-left: 10px;
padding-top: 10px;
}
@media screen and (max-width: 800px) {
.vos_r-column {
width: 100%;
padding-left: 0px;
padding-right: 0px;
padding: 0px;
}
}
.vos_3column { 
float: left;
width: 33.33%;
padding: 5px;
}
@media screen and (max-width: 800px) {
.vos_3column {
width: 100%;
padding: 0px;
}
}
.vos_3column_66pct { 
float: left;
width: 66.66%;
padding:5px;
}
@media screen and (max-width: 800px) {
.vos_3column_66pct {
width: 100%;
padding: 0px;
}
}
.vos_4column { 
float: left;
width: 25%;
padding:5px;
}
@media screen and (max-width: 800px) {
.vos_4column {
width: 100%;
padding: 0px;
}
}
.vos_5column { 
float: left;
width: 20%;
padding:5px;
}
@media screen and (max-width: 800px) {
.vos_5column {
width: 100%;
padding: 0px;
}
}
.vos_6column { 
float: left;
width: 16.66%;
padding:5px;
}
@media screen and (max-width: 800px) {
.vos_6column {
width: 100%;
padding: 0px;
}
}
.vos_l-3column { 
float: left;
width: 33.33%;
padding-right: 5px;
padding-top: 5px;
}
@media screen and (max-width: 800px) {
.vos_l-3column {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
}
.vos_r-3column { 
float: left;
width: 33.33%;
padding-left: 5px;
padding-top: 5px;
}
@media screen and (max-width: 800px) {
.vos_r-3column {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
}
.vos_l-column_bio { 
float: left;
width: 20%;
padding-right: 10px;
padding-bottom: 10px;
}
@media screen and (max-width: 800px) {
.vos_l-column_bio {
width: 100%;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
}
.vos_r-column_bio { 
float: left;
width: 80%;
padding-left: 10px;
padding-bottom: 10px;
}
@media screen and (max-width: 800px) {
.vos_r-column_bio {
width: 100%;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
}
.vos_column_10pct { 
float: left;
width: 10%;
padding: 5px;
}
@media screen and (max-width: 800px) {
.vos_column_10pct {
width: 100%;
padding: 0px;
}
}
.vos_column_20pct { 
float: left;
width: 20%;
padding:5px;
}
@media screen and (max-width: 800px) {
.vos_column_20pct {
width: 100%;
padding: 0px;
}
}
.vos_column_30pct { 
float: left;
width: 30%;
padding:5px;
}
@media screen and (max-width: 800px) {
.vos_column_30pct {
width: 100%;
padding: 0px;
}
}
.vos_column_40pct { 
float: left;
width: 40%;
padding:5px;
}
@media screen and (max-width: 800px) {
.vos_column_40pct {
width: 100%;
padding: 0px;
}
}
.vos_column_50pct { 
float: left;
width: 50%;
padding:5px;
}
@media screen and (max-width: 800px) {
.vos_column_50pct {
width: 100%;
padding: 0px;
}
}
.vos_column_60pct { 
float: left;
width: 60%;
padding:5px;
}
@media screen and (max-width: 800px) {
.vos_column_60pct {
width: 100%;
padding: 0px;
}
}
.vos_column_70pct { 
float: left;
width: 70%;
padding:5px;
}
@media screen and (max-width: 800px) {
.vos_column_70pct {
width: 100%;
padding: 0px;
}
}
.vos_column_80pct { 
float: left;
width: 80%;
padding:5px;
}
@media screen and (max-width: 800px) {
.vos_column_80pct {
width: 100%;
padding: 0px;
}
}
.vos_column_90pct { 
float: left;
width: 90%;
padding:5px;
}
@media screen and (max-width: 800px) {
.vos_column_90pct {
width: 100%;
padding: 0px;
}
}





/*  --------------------------------------------------- */
/*  --------------         Pop-Up        -------------- */
/*  --------------------------------------------------- */
.vos_popup_overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 3%;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
}
.vos_popup_overlay:target {
  visibility: visible;
  opacity: 1;
}
.vos_popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 60%;
  height: 250%;
  position: relative;
  transition: all 5s ease-in-out;
  overflow:auto;
}
.vos_popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 500ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.vos_popup .close:hover {
  color: #06dfff;
}
.vos_popup .vos_popup_content {
  max-height: 30%;
  overflow: auto;
}
@media screen and (max-width: 700px){
  .vos_popup_box{
    width: 80%;
  }
  .vos_popup{
    width: 80%;
  }
}





/*  --------------------------------------------------- */
/*  -----------     Blocks and Containers    ---------- */
/*  --------------------------------------------------- */
.vos_top_container {
width: 100%;
display: flex;
display: inline-block;
height: inherit;
padding-bottom:15px;
}
.vos_top_container_hr {
width: 100%;
display: flex;
display: inline-block;
height: inherit;
border-bottom: 2px solid #026bb0;
padding-bottom:15px;
}
.vos_top_container_hr2 {
width: 100%;
display: flex;
display: inline-block;
height: inherit;
border-bottom: 1px solid #e5e5e5;
padding-bottom:15px;
}
.vos_box {
float: left;
margin-right: 15px;
margin-bottom: 0px;
overflow:hidden;
width: 20%; 
height: auto;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_box"] {
    width: 100%; margin-right: 0px; margin-bottom: 20px;
  }
}
.vos_box_border {
border: 1px solid #e0e0e0;
float: left;
margin-right: 15px;
margin-bottom: 0px;
overflow:hidden;
width: 20%; 
height: auto;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_box"] {
    width: 100%; margin-right: 0px; margin-bottom: 20px;
  }
}
.vos_block {
width: 100%;
display: flex;
display: inline-block;
height: inherit;
background-color:#eeeeee;
padding-left:25px;
padding-right:25px;
padding-top:25px;
padding-bottom:15px;
}
.vos_block_hr {
width: 100%;
display: flex;
display: inline-block;
height: inherit;
border-bottom: 1px solid #e5e5e5;
padding-left:25px;
padding-right:25px;
padding-top:25px;
padding-bottom:15px;
}
.vos_block_mid {
width: 100%;
display: flex;
display: inline-block;
height: inherit;
background-color:#ffffff;
padding-left:25px;
padding-right:25px;
padding-top:25px;
padding-bottom:15px;
}
.vos_block_2 {
width: 100%;
display: flex;
display: inline-block;
height: inherit;
background-color:#f2f4fb;
padding-left:25px;
padding-right:25px;
padding-top:25px;
padding-bottom:15px;
}
.vos_block_3 {
width: 100%;
display: flex;
display: inline-block;
height: inherit;
background-color:#f7f6f5;
padding-left:25px;
padding-right:25px;
padding-top:25px;
padding-bottom:15px;
}
.vos_block_4 {
width: 100%;
display: flex;
display: inline-block;
height: inherit;
}
.vos_block_5 {
width: 100%;
display: flex;
display: inline-block;
height: inherit;
background-color:#026bb0;
padding-left:25px;
padding-right:25px;
padding-top:25px;
padding-bottom:15px;
}
.vos_block_icon {
width: 100%;
display: flex;
display: inline-block;
height: inherit;
background-color:#eeeeee;
padding-left:15px;
padding-right:15px;
padding-top:30px;
padding-bottom:15px;
}
.vos_block_box {
width: 100%;
display: flex;
display: inline-block;
height: inherit;
background-color:#eeeeee;
padding-left:15px;
padding-right:15px;
}
.vos_container {
width: 100%;
display: flex;
display: inline-block;
height: inherit;
}
.vos_container_hr {
width: 100%;
display: flex;
display: inline-block;
height: inherit;
border-bottom: 1px solid #e5e5e5;
}
.vos_event_row {
width: 100%;
height: 110px;
background-color: #EAEAEA;
}
.vos_event_box {
width: 22%;
float: left;
color: #ffffff;
margin-right: 20px;
padding-top: 10px;
height: 110px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_event_box"] {
  padding-top: 15px;
  }
}
.vos_event_date {
text-align: center;
font-size: 55px;
line-height: 55px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_event_date"] {
  font-size: 35px;
  line-height: 35px;
  }
}
.vos_event_month {
text-align: center;
font-size: 34px;
line-height: 34px;
font-weight: bold;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_event_month"] {
  font-size: 17px;
  line-height: 17px;
  }
}





/*  --------------------------------------------------- */
/*  --------------         Expand        -------------- */
/*  --------------------------------------------------- */
p.vos_accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    display: flex;
    display: inline-block;
    height: inherit;
}
/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.vos_accordion.active, p.accordion:hover {
    background-color: #ddd;
}
/* Plus sign (+) */
p.vos_accordion:before {
    content: '\2795'; 
    font-size: 13px;
    color: #026BB0;
    float: right;
    margin-left: 5px;
    margin-right: 5px;
}
/* Minus sign (-) */
p.vos_accordion.active:before {
    content: "\2796"; 
}


p.vos_accordion2 {
    background-color: #ffffff;
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    display: flex;
    display: inline-block;
    height: inherit;
	padding-bottom: 5px;
    border-bottom: 1px solid #ffffff;
}
/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.vos_accordion2.active, p.accordion2:hover {
    background-color: #ffffff;
	padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
}
/* Plus sign (+) */
p.vos_accordion2:before {
    content: '+'; 
    font-size: 25px;
    font-weight: bold;
    color: #003877;
    float: left;
    margin-left: 0px;
    margin-right: 15px;
}
/* Minus sign (-) */
p.vos_accordion2.active:before {
    content: "–"; 
    margin-right: 17px;
}


p.vos_accordion3 {
    background-color: #ffffff;
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    display: flex;
    display: inline-block;
    height: inherit;
	padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5;
}
/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.vos_accordion3.active, p.accordion:hover {
    background-color: #fffffff;
    border-bottom: 1px solid #003877;
}
/* Plus sign (+) */
p.vos_accordion3:before {
    content: '+'; 
    font-size: 40px;
    font-weight: bold;
    color: #003877;
    float: right;
    margin-left: 25px;
}
/* Minus sign (-) */
p.vos_accordion3.active:before {
    content: "–";
    margin-left: 29px;
}


p.vos_accordion4 {
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    display: flex;
    display: inline-block;
    height: inherit;
	padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.vos_accordion4.active, p.accordion:hover {
    background-color: #fffffff;
    border-bottom: 1px solid #003877;
}
/* Plus sign (+) */
p.vos_accordion4:before {
    content: '+'; 
    font-size: 35px;
    color: #026BB0;
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}
/* Minus sign (-) */
p.vos_accordion4.active:before {
    content: "–";
    margin-left: 29px;
    margin-bottom: 5px;
}


.vos_accordion5 {
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    display: flex;
    display: inline-block;
    height: inherit;
	padding-bottom: 10px;
	margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.vos_accordion5.active, .accordion:hover {
    background-color: #fffffff;
    border-bottom: 1px solid #003877;
}
/* Plus sign (+) */
.vos_accordion5:before {
    content: '+'; 
    font-size: 45px;
    color: #026BB0;
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}
/* Minus sign (-) */
.vos_accordion5.active:before {
    content: "–";
    margin-left: 9px;
    margin-bottom: 5px;
}


/*  Style the element that is used for the panel class  */
div.vos_panel {
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom: -20px;
}
div.vos_panel.show {
    opacity: 1;
    margin-bottom: 0px;
    max-height:inherit; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}





/*  --------------------------------------------------- */
/*  ------------       Hover Effects       ------------ */
/*  --------------------------------------------------- */
.vos_img_bw img {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.vos_img_bw img:hover {
  -webkit-filter: grayscale(100%);
}
.vos_img_brighten_bg {
  background-color:#ffffff;
  display:inline-block;
}
a.vos_img_brighten img {
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
a.vos_img_brighten:hover img {
  opacity: 0.5;
}
a.vos_img_brighten:hover { 
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.vos_img_sepia img {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.vos_img_sepia img:hover {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
}





/*  --------------------------------------------------- */
/*  ------------       Misc Settings       ------------ */
/*  --------------------------------------------------- */
.vos_hidemobile {
  visibility: visible; 
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_hidemobile"] {
    visibility: hidden !important; height: 0px !important;
  }
}
.vos_hidedesktop {
  visibility: hidden; height: 0px; 
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_hidedesktop"] {
   visibility: visible; height: auto;
  }
}
.vos_mobile_bpad_20 {
  padding-bottom: 0px; 
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_mobile_bpad_20"] {
    padding-bottom: 20px;
  }
}
.vos_mobile_bmarg_20 {
  margin-bottom: 0px; 
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_mobile_bmarg_20"] {
    margin-bottom: 20px;
  }
}
.vos_pad_r_15px_desktop {
  padding-right: 15px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="vos_pad_r_15px_desktop"] {
  padding-right: 0px;
  }
}
a.vos_anchor {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
}