@media only screen and (min-width:1200px) {
.container { max-width:1180px !important; }
}


.clearbreak {clear:both;font-size:0px;line-height:0px;height:0px;}
.five {padding-bottom:5px;}
.ten {padding-bottom:10px}
.fifteen {padding-bottom:15px;}
.twenty {padding-bottom:20px}
.thirty {padding-bottom:30px;}
.forty {padding-bottom:40px;}
.fifty {padding-bottom:50px}
.sixty {padding-bottom:60px}
.seventy {padding-bottom:70px}
.eighty {padding-bottom:80px}
.ninety {padding-bottom:90px}
.hundred {padding-bottom:100px}
.left {float:left}
.right {float:right}
strong {font-weight:bold;}
em { font-style:italic }

blockquote { font-size:inherit !important }
html,body { -webkit-text-size-adjust:100% !important; /* prevents iPhone from enlarging fonts in landscape mode */ }
:focus { outline: 0; }
img { border:0 }
.hr,
hr { border:0px; border-bottom: solid 1px #ddd !important; margin:15px 0 18px 0 !important; padding:0 !important }
a,
a:visited { text-decoration:none; outline:none !important; color:#19b6ad;
 -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
     -ms-transition: all 200ms linear;
      -o-transition: all 200ms linear;
         transition: all 200ms linear; }
a:hover { color:#07454f; text-decoration:none }
a:active { text-decoration:none !important }
a.external:after { content: "\f08e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-left:5px; font-size: smaller; }

.old_browser_warning { width:100%; height:auto; position:fixed; z-index:9999; top:0; padding:10px 0; background:red; color:#fff; text-align:center; font: bold 18px Arial, Helvetica, sans-serif }
.old_browser_warning a,
.old_browser_warning a:visited,
.old_browser_warning a:hover { color:#fff; text-decoration:underline }
.my_guide { position:fixed; left:0; top:0; width:20px; height:20px; background:black; z-index:9999999 /* THIS IS USED FOR REFERENCE ONLY FOR HELPING WITH RESPONSIVE CODING AND DETECTING GRID BREAK POINTS */}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video_header { display:block; width:100%; height:auto; padding-top:20px; padding-bottom:20px; background:#c5e5e2 }

ul#menu-top-main-menu {  }
ul#menu-top-main-menu li { list-style-type:none; float:right; font-family: 'Titillium Web', Arial, Helvetica, sans-serif; color:#07454f; font-size: 20px; margin-left: 60px; }
ul#menu-top-main-menu li a,
ul#menu-top-main-menu li a:visited { color:#07454f; text-decoration:none }
ul#menu-top-main-menu li a:hover { color:#86b241; text-decoration:none }
ul#menu-top-main-menu li.current-menu-item a { color:#86b241 !important; pointer-events:none !important; font-weight:bold }



.textresizer { display:block; margin:0 !important }
.textresizer ul { float:left; margin-left:260px !important; list-style-type:none; margin-top:8px !important; margin-bottom:7px !important; font-weight:bold }
.textresizer ul li { float:left; list-style-type:none; margin-left:9px; width:28px; height:28px; border: solid 1px #ccc; text-align:center; background:#fff; color:#999; overflow:hidden;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
  transition: all 300ms linear;
  
  border-radius:5px;
  }
.textresizer ul li:hover { background:#999; color:#fff }
.textresizer a,
.textresizer a:visited { text-decoration:none; color:#999 }
.textresizer .small_a { font-size: 12px; padding-top: 9px; line-height: 0; }
.textresizer .small_a .fa { font-size:10px }
.textresizer .default_a { padding-top: 14px; font-size: 15px; line-height: 0; }
.textresizer .large_a { padding-top: 14px; font-size: 17px; line-height: 0;}
.textresizer .larger_a { line-height:0; padding-top:14px; font-size:20px; }





.logo { margin-top:20px; z-index:99999 }
.top_full_width_bar { display:block; width:100%; height:40px; background:#19b6ad; margin-top:14px; }
.volunteer_button { display:inline-block; background:#86b241; text-align: center; color: #fff; float: right; font-family:'Lato', Arial, Helvetica, sans-serif; font-weight: 700; font-size: 16px; padding:6px 23px;

-webkit-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;

-webkit-transition:all 0.2s ease-in; 
-moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in;
-ms-transition:all 0.2s ease-in;
transition:all 0.2s ease-in; }
.volunteer_button:hover { background:#07454f }
.volunteer_button_link { text-decoration:none !important; color:#fff !important }


.footer_blurb { text-align:center; font-family:'Lato', Arial, Helvetica, sans-serif; font-size:12px; color:#666; width:52%; margin:0 auto }
.disclaimer_logo { width: 630px; margin: 0 auto; display: block; margin-bottom: 26px; }
.footer_volunteer_button_area { display:block; text-align:center; margin-bottom:30px }
.footer_volunteer_button_area a { text-decoration:none !important; color:#fff !important }
.footer_volunteer_button { display: inline-block; width: 420px; color: #fff; background: #86b241; font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 30px; font-weight: 600; padding:9px 50px; line-height: 34px; text-align: center; 
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;

-webkit-transition:all 0.2s ease-in; 
-moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in;
-ms-transition:all 0.2s ease-in;
transition:all 0.2s ease-in; }
.footer_volunteer_button:hover { background:#07454f }
.volunteer_blurb { color:#19b6ad; text-align:center; font-family:'Lato', Arial, Helvetica, sans-serif; font-size:24px }
.social_media_share_blurb_top { color:#07454f; text-align:center; font-family:'Lato', Arial, Helvetica, sans-serif; font-weight:700; font-size:27px }
.social_media_share_blurb_bottom { color:#07454f; text-align:center; font-family:'Lato', Arial, Helvetica, sans-serif; font-weight:700; font-size:14px }
#footer { display:block; width:100%; background:#07454f; }
.footer_logo { width: 175px; float: right; }
#footer .fa { color:#fff; font-size:32px; margin-right:25px; margin-top:7px; border:0;
-webkit-transition:all 0.2s ease-in; 
-moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in;
-ms-transition:all 0.2s ease-in;
transition:all 0.2s ease-in; } 
#footer a { color:#fff }
#footer .fa:hover { color:#19b6ad }
.footer_menu { display:inline-block }
.footer_menu li { list-style-type:none; float:left; color:#fff; font-family:'Lato', Arial, Helvetica, sans-serif; font-size: 17px; margin-right: 27px; text-align: left; }
.footer_menu li a,
.footer_menu li a:visited { color:#fff; text-decoration:none }
.footer_menu li a:hover { color:#fff; text-decoration:underline }
#footer ul { padding:0 }
#footer .credit {  font-family:'Lato', Arial, Helvetica, sans-serif; color:#eee; text-align:center; font-size:11px; }
#footer .credit a,
#footer .credit a:visited { color:#eee; text-decoration:none; }
#footer .credit a:hover { color:#eee; text-decoration:underline }




.home_image { display:block; width:100%; height:650px; background-size:cover !important }
.home_volunteer_button { display: inline-block; width: 325px; color: #fff; background: #86b241; font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 600; padding: 9px 38px; line-height: 28px; text-align: center; margin-top:25px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;

-webkit-transition:all 0.2s ease-in; 
-moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in;
-ms-transition:all 0.2s ease-in;
transition:all 0.2s ease-in; }
.home_volunteer_button:hover { background:#07454f; }
.home_volunteer_button_area a { color:#fff !important }
.home_blurb_1 h1 { color: #fff; font-family: 'Titillium Web', Arial, Helvetica, sans-serif; font-size: 50px; line-height: 50px; width:70%;
text-shadow: 1px 1px 9px rgba(0, 0, 0, 1); }
.home_blurb_2 h2 { color:#ffe12e; font-family:'Lato', Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; margin-top:5px; width:63%;
text-shadow: 1px 1px 9px rgba(0, 0, 0, 1); }
.home_page_image_container { position:relative }
.home_image_text_area { position:absolute; bottom:-550px }
.center_align { width:90%; margin:0 auto }




.header_image { width:100%; height:300px; background-size:cover !important }



.center_align { text-align:center }
.header_image_bottom_line { width:100%; height:13px; background:#c5e5e2 }
img.alignright { float:right; margin-right:0px; margin-bottom:18px; margin-left:15px; margin-top:20px; }
img.alignleft { float:left; margin-left:0px; margin-bottom:18px; margin-right:15px; margin-top:20px }
img.alignnone { float:none }
.aligncenter { display:block; margin:20px auto; }
.alignleft { float:left; text-align:left; margin-right:25px; margin-bottom:10px;  }
.alignright { float:right; text-align:right; margin-left:25px; margin-bottom:10px }
a.no_arrow:after { content:""; line-height:0; padding:0 } 

.main_text { font-family:'Lato', Arial, Helvetica, sans-serif; color:#414042; font-size:18px; line-height:26px; }
.main_text p { margin-bottom:15px }
h1 { font-family: 'Titillium Web', Arial, Helvetica, sans-serif; color:#07454f; font-size:40px; }
h2 { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:40px; color:#19b6ad; line-height:normal }
h3 { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:28px; color:#07454f; line-height:normal }
h4 { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:30px; color:#19b6ad; line-height:normal; margin-top:25px }
h5 { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 22px; color: #07454f; line-height: normal; margin-top:20px }
h6 { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 24px; color: #19b6ad; line-height: normal; }
.main_text ul li,
.main_text ol li { margin-bottom:8px; margin-left: -15px; }
.main_text ul li { list-style-type:none; margin-left:-20px }
.main_text ul li:before { content: '\f101'; font-family: 'FontAwesome'; color:#19b6ad; font-size:18px; position:absolute; margin-left:-18px;  }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-style:italic; margin-top:4px; line-height: 1.3em; }


.page-23 .main_text ul li:before { content: '\f00c'; font-family: 'FontAwesome'; color:#19b6ad; font-size:18px; position:absolute; margin-left:-23px; }




.triplet_image { width:100%; height:260px }
.triplet_blurb { background: #c5e5e2; text-align: center; font-size: 24px; font-family: 'Titillium Web', Arial, Helvetica, sans-serif; color:#07454f; font-weight:700; min-height:70px; line-height:26px; padding-left:25px; padding-right:25px; padding-top:8px;
-webkit-transition:all 0.2s ease-in; 
-moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in;
-ms-transition:all 0.2s ease-in;
transition:all 0.2s ease-in; }
a.triplet_link { color:#07454f; text-decoration:none;
-webkit-transition:all 0.2s ease-in; 
-moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in;
-ms-transition:all 0.2s ease-in;
transition:all 0.2s ease-in; }
.triplet_area a:hover .triplet_blurb { background:#07454f; }
.triplet_area a:hover .triplet_blurb { color:#fff }
.triplet_each:before { display:block; content:" "; width:100%; height:6px; background:#c5e5e2; margin-bottom:9px; }
.triplet_each:after { display:block; content:" "; width:100%; height:6px; background:#c5e5e2; margin-top:9px; }



/* AddThis icons */
.at-share-tbx-element .at-share-btn { margin:8px !important }

/* Back to Top arrow */
.fa-arrow-up { /*position:absolute; margin-top:-95px; right:0;*/ font-size: 30px !important; border: solid 3px #999; padding: 10px 11px; color: #999; text-decoration:none; position: fixed; bottom:110px; right:50px;
    -webkit-border-radius:250px;
    -moz-border-radius:250px;
    border-radius:250px; }
.fa-arrow-up:hover { color:#bbb; cursor:pointer; border: solid 3px #bbb }



.right_side_content { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:15px; color:#414042; width:100%; height:auto; padding:20px 12px 20px 12px; border:solid 2px #19b6ad; border-top:0 }
.right_side_title { display: block; width: 100%; height: auto; padding: 8px 10px; text-align: center; background: #19b6ad; font-family:'Lato', Arial, Helvetica, sans-serif; color: #fff; font-size: 22px; line-height: 27px; margin-top:122px; }

.box_title { display: block; width: 100%; height: auto; padding:12px 10px; text-align: center; background: #19b6ad; font-family:'Lato', Arial, Helvetica, sans-serif; color: #fff; font-size:26px; line-height: 27px; }
.box_content { width:100%; height:auto; padding:20px 15px 20px 15px; border:solid 2px #19b6ad; border-top:0 }
.box_content ul li { margin-left:-20px }
.box_content ul li:before { content: '\f101'; font-family: 'FontAwesome'; color:#19b6ad; font-size:18px; position:absolute; margin-left:-18px; }
.bottom_box { border-top:solid 2px #19b6ad; padding-top:0 }





/* contact form */
.contact_form li { list-style-type:none !important }
.contact_form .email_field input { width:95% !important }
.contact_form .phone_field input { width: 100% !important; margin-left: -2px !important;}
.contact_form .city_town_field #input_1_4_3 { width:96% !important }
.contact_form .subject_field input { width:99% !important }
.contact_form .message_field textarea { width:99% !important }

.contact_form label { font-family:'Lato', Arial, Helvetica, sans-serif !important; font-size:18px; margin-bottom:0 !important; margin-top:25px !important; margin-left:2px !important }
.contact_form .name_first input,
.contact_form .name_last input,
.contact_form .email_field input,
.contact_form .phone_field input,
.contact_form .subject_field input,
.contact_form .message_field textarea,
.contact_form .has_state select,
.contact_form .city_town_field #input_1_4_3 { background: #f3fcfb; border: solid 1px #19b6ad; padding: 5px !Important; font-size: 18px !important; font-family:'Lato', Arial, Helvetica, sans-serif !important;

border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px; }
.contact_form #input_1_4_4 { margin-bottom:0 !important /* so that Province label gets pushed all the way up to the Province field */ }
.contact_form .name_last label,
.contact_form .name_first label,
.contact_form .address_city label,
.contact_form .address_state label { font-size:14px !important; margin-top:0 !important }
.gform_wrapper .gfield_required { color:red !important }
.gform_wrapper div.charleft { font-size:11px !important;  }
.gform_wrapper .validation_message { font-size:16px !important; font-family:'Lato', Arial, Helvetica, sans-serif !important; }

.gform_body select:focus,
.gform_body textarea:focus,
.gform_body input:focus { background:#fefadc !important }
#gform_submit_button_1 { background: #86b241; padding: 10px 50px; border: 0 !important; font-size: 25px; text-transform: uppercase; color: #fff; text-align: center; font-family: 'Lato', Arial, Helvetica, sans-serif; font-weight: bold; 

border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;

-webkit-transition:all 0.2s ease-in; 
-moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in;
-ms-transition:all 0.2s ease-in;
transition:all 0.2s ease-in;  }
#gform_submit_button_1:hover { background:#07454f }



.resource_logo img { max-width:100%; max-height:60px; margin:0 auto; display:block; image-rendering: -webkit-optimize-contrast; }
.resource_logo a:after { content:""; }
.resource_gap_top { padding-top:10px; }
.resource_gap_bottom { padding-bottom:10px }
.resource_video_gap_top { padding-top:10px; }
.resource_video_gap_bottom { padding-bottom:0px }
.resource_logo_top_gap { padding-top:30px }
.resource_title { font-weight:bold }



.page-37 .video-container { padding-top:0 }
.page-37 .video_description { margin-top:15px }
.page-37 .video_title { font-weight:bold }




.page-23 .resource_logo_top_gap { /*padding-top:10px*/ }
/*.page-23 .resource_logo img { max-height: 60px; }*/
a.volunteer_city_link:after { content:"" !important }
a.volunteer_city_link:hover div { color:#07454f !important }


.for_desktop_only { display:block }
.for_mobile_only { display:none }





.page-70 .right_side_content h5 { margin-top:5px; line-height:22px }
.page-70 .right_side_title { margin-top:82px; }
.page-70 h6 a { font-weight:bold }
.post_date { font-size:18px; font-family:'Lato', Arial, Helvetica, sans-serif; font-weight:bold }
.single .post_date { margin-top:15px; }
.single h5 { margin-top:0 }
.page-70 .right_side_content h5 a { font-size:20px }
.post_image { width:100%; height:200px; background-size:cover !important; margin-top:3px; margin-bottom:15px; }
.post_image_default { width:100%; height:200px; background-size:contain !important; margin-top:5px; margin-bottom:15px }
.single .post_image { margin-top:0 !important; height:450px; }

.back_to_news_button { color:#19b6ad; text-decoration:none; cursor:pointer; display:inline-block }
.back_to_news_button:hover { color:#07454f; text-decoration:none }






/****** START REGULAR MEDIA QUERIES ******/



/****** laptops screen sizes - PINK ******/
@media (min-width: 992px) and (max-width: 1199px) {
.my_guide { background:pink !important }


.resource_logo img { max-width:100% !important; height:auto }
.home_image { height:550px }


.header_8 { width:100%; }
.logo { position:absolute; top:-6px }
.menu-top-main-menu-container { margin-top:38px }
#menu-top-main-menu { margin-top:-10px }

.home_image_text_area { bottom: -465px; }

.post_image { height:300px; }
.post_image_default { display:none }
.post_content_area,
.post_image_area { padding-left:0 !important }
.single .post_image { margin-top:0 !important; height:400px; }

} /****** END laptops screen sizes ******/











/****** tablets screen sizes - BLUE ******/
@media (min-width: 768px) and (max-width: 991px) {
.my_guide { background:blue !important } 

.header_8 { width:100%; }
.logo { position:absolute; top:-6px }
.menu-top-main-menu-container { margin-top:38px }
ul#menu-top-main-menu li { font-size:19px; margin-left:50px }

.col_8 { width:85% !Important }
.resource_logo img { max-width:100% !important; height:auto }

.main_text { font-size:15px; line-height:23px }
.main_text img { max-width:70%; height:auto }
h1 { font-size:32px }
h2 { font-size:25px }
h3 { font-size:22px }
h4 { font-size:23px }
h5 { font-size:22px }
h6 { font-size:23px }

.header_image { height:225px; }

.home_image { height:450px }
.home_image_text_area { bottom:-380px }
.home_blurb_1 h1 { font-size:38px; line-height:38px; width:60% }
.home_blurb_2 h2 { width:60%; font-size:28px; }
.triplet_blurb { padding-left:20px; padding-right:20px; font-size:18px; line-height:23px }
.triplet_image { height:170px }

.col_3 { width:35% }

.page-70 .right_side_title { margin-top:70px !important }
.page-70 .right_side_content h5 a { font-size:17px }
.post_content_area,
.post_image_area { padding-left:0 !important }
.post_date { font-size:16px }
.single .post_image { margin-top:0 !important; height:400px !important; }

.footer_menu li { font-size:15px }
#footer .credit { margin-top:15px }

} /****** END BLUE tablets screen sizes ******/












/****** mobile phones - RED ******/
@media (max-width: 767px) {
.my_guide { background:red } 

.for_desktop_only { display:none !important }
.for_mobile_only { display:block !important }

.top_full_width_bar { display: block; height: 0; margin-top: 36px; }

.footer_blurb { width:95%; }
.osa_logo_mobile { width: 250px; display: block; margin: 0 auto; margin-bottom: 20px; }
.disclaimer_blurb_mobile { font-family:'Lato', Arial, Helvetica, sans-serif; color: #333; text-align: center; width: 75%; margin-bottom: 20px; margin-left:auto; margin-right:auto }
.volunteer_blurb { font-size:19px }
.social_media_share_blurb_top { font-size: 20px; margin-top: 15px; }
.footer_logo { float:none; margin-top:20px }
.sub_footer { text-align:center }

.footer_volunteer_button { font-size:22px; width:340px; line-height:30px; padding:9px 20px }
.triplet_blurb { font-size:20px }
.triplet_image { height:300px }
.fa-arrow-up { bottom:30px; right:10px }
#menu-footer-menu a { position:relative !important; z-index:99999 }


.main_text { font-size:15px; line-height:23px }
.main_text img { max-width:70%; height:auto }
h1 { font-size:30px }
h2 { font-size:23px }
h3 { font-size:20px }
h4 { font-size:21px }
h5 { font-size:20px }
h6 { font-size:21px }

.header_image { height:200px }
.logo { display:none }
.home_volunteer_button {  }
.home_blurb_1 h1 { width:auto; font-size:30px; line-height:32px; width:75% }
.home_image { height:300px }
.home_image_text_area { bottom:inherit }
.home_blurb_2 h2 { font-size:25px; line-height:28px; width:75% }
.home_volunteer_button { width:280px; font-size:20px; line-height:26px }

.triplet_blurb { font-size: 22px; }
.box_title { font-size:23px }

.resource_logo img { width:auto; max-width: 100% !important; height:auto; margin-bottom:20px; max-height: 50px; }
.resource_logo_top_gap { display:none }

.contact_form span#input_1_1_6_container,
.contact_form span#input_1_1_3_container { width:100% !important }
.contact_form div.ginput_container_name span { padding-right:0 !important }

.contact_form .name_last input,
.contact_form .name_first input,
.contact_form #input_1_2,
.contact_form .gf_right_half,
.contact_form .gf_left_half { width:100% !important }

.gform_wrapper .ginput_complex .ginput_left,
.gform_wrapper .ginput_complex .ginput_right,
.contact_form .city_town_field #input_1_4_3 { width: 100% !important; }

.gform_wrapper .ginput_complex .ginput_right { margin-left:0 !important }
.contact_form .gform_wrapper.gf_browser_chrome select { width: 99.5% !important; }
.contact_form #input_1_1_6,
.contact_form #input_1_4_4 { margin-top:25px !important }
#gform_submit_button_1 { padding:6px 34px } 



.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left:0 !important; padding-right:0 !important }

.right_side_title { margin-top:40px }

.contact_form label { font-size:17px }

#menu-top-main-menu { display:none }
.slicknav_menu,
#mobilemenu { display:block !important }
.volunteer_button { display:none }


.resource_logo_gap { display:none }


.page-70 .right_side_content { display:none !important }
.page-70 .right_side_title { display:none !important }
.right_side_title { margin-top:0 !important }
.post_date { font-size:16px }
.post_image { height:350px; }
.post_image_default { display:none }
.single .post_image { height:300px !important }

.footer_menu li { font-size:14px }
#footer .credit { margin-top:25px }

} /****** END mobile phones - RED smallest screens ******/






/****** SPECIAL CIRCUMSTANCES - orange ******/
@media (max-width:480px) {
.my_guide { background:orange !important }

#footer .fa { margin-left: 15px !important; margin-right: 15px !important; }
.footer_menu { display:block }
.fa-arrow-up { bottom:73px; right:10px }
.footer_volunteer_button { font-size:19px; width:250px; line-height:normal }
.sub_footer .col_9 .footer_menu li { display: block; width: 100%; margin-top: 20px; margin-right:0; text-align:center }

.header_image { height:150px }
.triplet_image { height:200px }
.triplet_blurb { font-size: 20px; }
.disclaimer_blurb_mobile { width:95%; margin-left: auto !important;  margin-right: auto !important; }

.home_volunteer_button { display:none }

/*.resource_logo img { max-width:225px !important; height:auto; }*/

h1 { font-size:27px }
h2 { font-size:20px }
h3 { font-size:17px }
h4 { font-size:18px }
h5 { font-size:17px }
h6 { font-size:18px }

.contact_form label { font-size:16px }

.at-share-tbx-element .at-share-btn { margin: 10px !important; }

.post_image { height:250px; }
.single .post_image { height:250px !important }

.footer_menu li { font-size:14px }
#footer .credit { margin-top:25px }

} /****** END END SPECIAL CIRCUMSTANCES - orange ******/




/****** SPECIAL CIRCUMSTANCES ******/
@media (max-width:991px) {
.pdf_icon { display:block }
}

@media (min-width:1200px) {
.page-70 .post_image_default,
.page-70 .post_image { width:98% }
}

@media (max-width:1199px) {
.volunteer_button { margin-top:-1px; }
}
/****** END END SPECIAL CIRCUMSTANCES ******/







.mobile_logo_area { position: fixed; z-index: 999; }
.mobile_logo { width: 182px !important; margin:9px 0 0 18px; }
.nopadding { padding: 0 !important; margin: 0 !important; }
.city { float:left !important; font-weight:bold; line-height:30px; color:#19b6ad }
.city a:after { display:none !important  }








/* START slicknav mobile menu styles */ 
.menu-mobile-menu-container ul { list-style-type:none !important }
.menu-mobile-menu-container .menu { padding:0 !important }
.menu-mobile-menu-container { 
-webkit-box-shadow: 0px -2px 13px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px -2px 13px 0px rgba(0,0,0,1);
box-shadow: 0px -2px 13px 0px rgba(0,0,0,1); }

.slicknav_menutxt { padding: 14px 20px; display: block; text-align: right; background:#19b6ad; color:#fff !important; font-family:'Lato', Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; z-index: 999; position: relative; border-bottom: solid 1px #1b8b85; top:0 !important }
.slicknav_menu a { text-decoration:none !important }
.slicknav_menu { position:fixed; z-index:9; width:100%; top:0 !important;

-webkit-box-shadow: 0px -2px 13px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px -2px 13px 0px rgba(0,0,0,1);
box-shadow: 0px -2px 13px 0px rgba(0,0,0,1); }

.slicknav_icon { display: block; width: 13px; height: 13px; position: absolute; top:15px; z-index: 999; right:87px; }
.slicknav_icon:after { content: "\00a0\00a0\f0c9"; font-family: FontAwesome; color:#fff; vertical-align:top; font-size:16px;  }
.slicknav_icon-bar { display:none }

#mobilemenu { display:none !important }
.slicknav_nav a { outline:none !important; display:inline-block; padding-left:18px; width:100%; position:relative }
ul.slicknav_nav { padding:0 !important; margin:0 !important }
.slicknav_nav ul.menu li { border-bottom: solid 1px #1b8b85; font-family:'Lato', Arial, Helvetica, sans-serif; font-size:17px; }
.slicknav_nav ul.menu a { text-decoration:none; color:#fff; }
.slicknav_arrow { display:none }
.slicknav_nav .sub-menu li { border:0 !important; background:#07454f }
.slicknav_nav li { background:#19b6ad; padding:13px 0 }
.slicknav_open,
.slicknav_nav li:hover { background:#07454f !important }
.slicknav_nav ul.sub-menu { padding-top: 13px; padding-left:0px; }
.slicknav_parent a { padding-left:10px }
.slicknav_nav .current-menu-item {  background: #07454f; pointer-events: none;}
.slicknav_nav .current-menu-item a:after { content: "\00a0\00a0\f0d9"; font-family: FontAwesome; color:#fff; vertical-align:top; cursor:default }


.slicknav_open ul.sub-menu li { padding-left:25px; border-top: solid 1px #07454f !important }
.slicknav_open ul.sub-menu li:hover { background:#07454f !important }

.slicknav_menu .sub-menu li:last-child { margin-bottom:-13px !important }
.slicknav_menu ul.menu li:last-child { margin-bottom:-50px }

/* END slicknav mobile menu styles */ 

div.survey_results {
    margin: 24px auto 40px;
    padding: 0 40px;
    width: 1180px;
}

table{
    width: 100%;
    margin-bottom: 4rem;
    page-break-inside: avoid;
    border-collapse: collapse;
    overflow-x: auto;
    max-width: 100%;
    font-family: 'Titillium Web', sans-serif;
    min-width: 100%;
}

.survey_results h4{
        background: #234d49;
    color: #fff;
    padding: 2rem;
    font-size: 22px;
    
    font-weight: 600;
        margin-bottom: 0;
            text-transform: uppercase;


}



.ten-labels td{
    width: 10%;
    min-width: 90px;
    font-weight: 600 !important;
}

.five-labels td, .two-labels td{
        font-weight: 600 !important;

}

.two-labels td{
    width: 15%;
}


.survey_results thead, .survey_results .year,  .data-2023 .year{
    color: #fff;
}

.survey_results th, .survey_results td {
padding: 1.25rem;
text-align: center;
border: 1px solid #fff;
    text-transform: uppercase;
background-color: #24b5ab;    

}

 .survey_results td {
     
  font-weight: 400;   
 }

.survey_results th{
    font-size: 15px;
}

 th[colspan="2"] {
     
  width: 17%;   
 }

table th{
    font-weight: 700;
}

table td{
        font-size: 15px;

}




.data-2023.facility-row td, .data-2017.facility-row td{
    color: #333;
    background: #aad9d5;
    
}

.data-2023.facility-row .facility, .data-2023.bc-row .facility, .data-2017.facility-row .facility{
    text-align: left;
    font-weight: 700;
}

.data-2023.facility-row .year, .data-2017.facility-row .year, .data-2023.bc-row .year, .data-2017.bc-row .year{
    font-weight: 700;
}

.data-2023.bc-row td, .data-2017.bc-row td{
    background: #cfe8e6;
    color: #333;

}



.four_choices{
    width: 25%;
}

table.multiple-choices td.question{
     text-align: left;
    background: #cfe8e6;
    color: #333;
    font-weight: 700;
    width: 90%;
}

.multiple-choices tr td:last-child {
        background: #cfe8e6;
}    

.multiple-choices  tr td:nth-child(2) {  
        background: #aad9d5;
} 


table.multiple-choices th, .survey_results .question-header-each{
    color: #fff;
    padding: 2rem;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
}

table.multiple-choices th{
        min-width: 100px;
}

table.multiple-choices .facility, table.multiple-choices .bc{
    font-size: 16px;
    text-align: center;
}

.multiple-choices td{
        background-color: #d9d9d9;

}

table.multiple-choices{
  margin-top: 3rem;
}


.pf-button-text{
    font-size: 24px;
    margin-left: 10px;
    margin-right: 20px;
   
}

.pf-button-text:hover{
            opacity: 0.5;
            text-decoration: none;
}

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

div.survey_results {
    margin-top: 8rem;
}

table{
    width: 100%;
}

}

.q87-1{
        background-color: #aad9d5 !important;

}

.q87-2{
    background-color: #cfe8e6 !important;
}

td:empty::before {
  content: "N/A";
}

.survey_results p{
    width: 80%;
    font-size: 20px;
}

table.multiple-choices th.fv-23{
        font-size: 16px;
    text-align: center;
}



 @media print {
            @page {
                size: portrait;
             
            }
             .printfriendly {
              display: none;
         }
         
          
         
    }