.no-display, .visuallyhidden { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap;}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}


a:focus {
  outline: auto 5px Highlight; /* for non-webkit browsers */
  outline: auto 5px -webkit-focus-ring-color; /* for webkit browsers */
}


a,
a:link {
  color: #016a2f;
  text-decoration: underline;
}
a:visited {
  color: #016a2f;
}
a:hover,
a:active,
a:focus {
  color: #0000ff;
}

body {
  background-color: #ffffff;
  padding: 0;
}

h2 {
    font-size: 1.4em;
    padding-top: 10px;
    color: #016a2f;
}

.panic {
  position: fixed;
  top: 2px;
  left: 2px;
  z-index: 100000;
}
.panic a {
    background-color: #fbda1d;
    display: block;
    padding: 10px;
    font-weight: bold;
    color: black !important;
}
.callout-alert {
	padding: 15px !important;
	background: #ffe9e9;
	border-left: 8px solid #cc4040;
}
.button {
	background-color: #662583;
	color: #ffffff;
	padding: 15px;
	margin-bottom: 10px;
}
.button a, .button a:link {
	color: #ffffff;
}

li {
    line-height: 30px;
}

.col-wrap {
	display:flex;
    flex-wrap:wrap;
    gap:2rem;
	margin: 20px 0;
}
.col-wrap > * {
    width:100%;
}
.col-wrap .pad {
    padding:1rem 1rem;
    border: 2px solid #ebeeef;    
}
@media (min-width:768px) {
    .col-wrap > * {
        width:calc(50% - 1rem);
    }
}

.top-notice { text-align: center; width: 260px; float: right; background-color: #b3d334; padding: 16px; }
.top-notice p { font-size: 14px; margin: 0;  }
.top-notice a { font-size: 28px; font-size: 1.3em; color: #333333;}

.masthead-row {
  background-color: #fff;
  margin: 0 0 20px 0;
  
}
.masthead-row .logo { width: 100%; }

.slideshow-row .wrapper { width: 100%; margin: 0; max-width: 100%; }


.top-row {
  background-color: #fff;
  margin-bottom: 30px;
}


.top-row .wrapper {
  padding: 5px 0;
}
.logo-wrap {
  text-align: right;
}
.toggle-nav {
  margin: 0;
}
.toggles a {
  background-color: #ffffff;
  color: #404040;
}
.issue-title {
  color: #ffffff;
  background-color: #404040;
  padding: 5px 10px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.nav-row { 
  background-color: #016a2f;
}

#google_translate_element { margin-left: 160px;}

.menu-icon { cursor: pointer; display: inline-block; padding: 28px 20px 28px 0; position: relative; user-select: none;  }
.menu-icon .span {color: #fff}
.menu-icon .hamburger { background: #fff; display: block; height: 5px; position: relative; transition: background .2s ease-out; width: 30px; }
.menu-icon .hamburger:before,
.menu-icon .hamburger:after { background: #fff; content: ''; display: block; height: 100%; position: absolute; transition: all .2s ease-out; width: 100%; }
.menu-icon .hamburger:before { top: 9px; }
.menu-icon .hamburger:after { top: -9px; }
.menu-btn { display: none; }
.menu-btn:checked ~ .menu { display: block; max-height: 1500px; }
.menu-btn:checked ~ .menu-icon .hamburger { background: transparent; }
.menu-btn:checked ~ .menu-icon .hamburger:before { transform: rotate(-45deg); }
.menu-btn:checked ~ .menu-icon .hamburger:after { transform: rotate(45deg); }
.menu-btn:checked ~ .menu-icon:not(.steps) .hamburger:before, 
.menu-btn:checked ~ .menu-icon:not(.steps) .hamburger:after { top: 0; }
@media (min-width: 768px) {
  .menu-icon { display: none;  }
}		  


.main-nav .nav { clear: both; max-height: 0; transition: max-height .2s ease-out;  }
@media (min-width: 768px) {
  .main-nav .menu { clear: none; max-height: none; }
}
/*.main-nav .menu-icon { cursor: pointer; display: inline-block; padding: 28px 20px 28px 10px; position: relative; user-select: none; }
.main-nav .menu-btn:focus + label { border: 3px solid #000}
.main-nav .menu-icon .navicon { background: #fff; display: block; height: 5px; position: relative; transition: background .2s ease-out; width: 30px; }
.main-nav .menu-icon .navicon:before,
.main-nav .menu-icon .navicon:after { background: #fff; content: ''; display: block; height: 100%; position: absolute; transition: all .2s ease-out; width: 100%; }
.main-nav .menu-icon .navicon:before { top: 9px; }
.main-nav .menu-icon .navicon:after { top: -9px; }
.main-nav .menu-btn { opacity:0; }
.main-nav .menu-btn:checked ~ .menu { display: block; max-height: 1500px; }
.main-nav .menu-btn:checked ~ .menu-icon .navicon { background: transparent; }
.main-nav .menu-btn:checked ~ .menu-icon .navicon:before { transform: rotate(-45deg); }
.main-nav .menu-btn:checked ~ .menu-icon .navicon:after { transform: rotate(45deg); }
.main-nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, 
.main-nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after { top: 0; }
@media (min-width: 768px) {
  .main-nav .menu { clear: none; max-height: none; }
  .main-nav .menu-icon { display: none;  }
  .main-nav .menu-btn { display:none; }
}
*/
#mainNavigation { display: table; width: 100%;  }
#mainNavigation > ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style-type: none; }
#mainNavigation > ul > li { display: flex; /*	width: 10%;*/ position: relative; align-items: center; }

@media only screen and (max-width: 1250px) {
	#mainNavigation > ul  { display: grid; grid-template-columns: repeat(auto-fill, 150px); justify-content: space-between; grid-gap: 0; }
	#mainNavigation > ul > li { justify-content: space-between; }
}

@media only screen and (max-width: 1280px) {
	#mainNavigation > ul  { display: grid; grid-template-columns: repeat(auto-fill, 220px); justify-content: space-between; grid-gap: 0; }
	#mainNavigation > ul > li { justify-content: space-between; }
}

#mainNavigation > ul > li:hover,
#mainNavigation > ul > li:active,
#mainNavigation > ul > li:focus  { background-color: #b3d334; color: #000 }

#mainNavigation > ul > li > a,
#mainNavigation > ul > li > a:link { color: #fff; text-decoration: none;}

#mainNavigation > ul > li > a:hover,
#mainNavigation > ul > li > a:active,
#mainNavigation > ul > li > a:focus,
#mainNavigation > ul > li > a:focus-visible  { background-color: #b3d334; color: #000}
#mainNavigation > ul > li > a { flex: 1; display: block; padding: 16px 8px 16px 16px; }
#mainNavigation > ul > li.home-link > a { padding: 16px; }

#mainNavigation > ul > li:hover > a,
#mainNavigation > ul > li:active > a,
#mainNavigation > ul > li:focus > a { background-color: #b3d334; color: #000}

#mainNavigation > ul > li > .dropdown {   background-color: #016a2f !important; display: none; position: absolute; left: 0; right: 0; top: 100%; padding: 0 0 20px 0; margin: 0; min-width: 250px; z-index:99;  }
#mainNavigation > ul > li > .dropdown { display: none; }
#mainNavigation > ul > li.open > .dropdown { display:block; }

#mainNavigation > ul > li > .dropdown ul { list-style-type: none; margin: 0; padding: 0;}
#mainNavigation > ul > li > .dropdown ul li { margin: 0; padding: 0; }
#mainNavigation > ul > li > .dropdown ul li a,
#mainNavigation > ul > li.open > .dropdown ul li a { display: block; padding: 10px 16px; color: #fff; text-decoration:none}
#mainNavigation > ul > li > .dropdown ul li a:hover,
#mainNavigation > ul > li > .dropdown ul li a:active,
#mainNavigation > ul > li > .dropdown ul li a:focus,
#mainNavigation > ul > li > .dropdown ul li a:focus-visible { background-color: #b3d334; color: #000}


#mainNavigation .has-submenu button { background-color: transparent; border: none; padding:0;  }
#mainNavigation .has-submenu button > span { display:inline-block; padding: 1em; }
#mainNavigation .has-submenu button > span:after { content: "\25BC"; color: #fff}
#mainNavigation .has-submenu.open button > span:after { content: '\25B2'; color: #fff }

#mainNavigation > ul > li.selected {color: #000; background-color: #b3d334; }
#mainNavigation > ul > li.selected > a,
#mainNavigation > ul > li.selected button,
#mainNavigation > ul > li.selected button > span:after,
#mainNavigation > ul > li.selected button:hover > span:after,
#mainNavigation > ul > li.selected button:focus > span:after,
#mainNavigation > ul > li.selected button:active > span:after,
#mainNavigation > ul > li.selected.has-submenu.open button > span:after { color: #000; background-color:#b3d334 !important;}

#mainNavigation .has-submenu:hover button,
#mainNavigation .has-submenu:focus button,
#mainNavigation .has-submenu button:hover,
#mainNavigation .has-submenu button:active,
#mainNavigation .has-submenu button:focus { color: #000; background-color:#b3d334 }


@media only screen and (max-width: 768px) {
	.main-nav .nav { overflow: hidden; }
	#mainNavigation > ul { grid-template-columns: repeat(1, 1fr); }
	#mainNavigation > ul > li { flex-wrap: wrap; }
	#mainNavigation > ul > li .dropdown { position: relative; width: 100%; z-index:0; min-width: 100%; top: 0;}
}



.breadcrumb-list { padding: 0; margin: 0 0 20px 0; }
.breadcrumb-list li { font-size: 12px; display: inline-block;}
.breadcrumb-list li:after { content: "/"; margin-left: 10px; padding-right: 10px; }
.breadcrumb-list li:last-child:after { content: ""; }
.breadcrumb-list li a, 
.breadcrumb-list li a:link { color: #404040; }
.breadcrumb-list li a:hover { color: #404040; }
.breadcrumb-list li a:active { color: #404040; }

.twitter-wrap {
    padding: 20px;
    margin-bottom: 20px;
    color: #404040;
    border: 1px solid #404040;
}

.fbox {
	color: #404040;
    background-color: #016a2f;
	padding: 5px;
}
}
.fbox .content p {
  padding: 5px;
}
.fbox a,
.fbox a:link {
  font-weight: normal;
  color: #404040;
  text-decoration: underline;
}
.fbox a:visited {
  color: #404040;
}
.fbox a:hover,
.fbox a:active,
.fbox a:focus {
  color: black;
}
.fbox h1,
.fbox h2 {
  font-size: 1.1em !important;
  color: #404040;
}
.fbox h2 {
  padding: 10px !important;
  border: none !important;
  margin: 0 !important;
  text-align: left !important;
  line-height: 1.2em;
}
.fBox1 {
	background-color: white;
	padding: 15px;
	color: #404040;
}
.fBox1 h2, .fBox1 .title {
	color: #016a2f;
	font-size: 1.8em!important;
	text-align: center!important;
}
.fBox1 p {
	color: #404040;
	text-align: center;
}
.fBox1 .content p {
    padding: 1em 15px;
}
.fBox2 a, .fBox2 a:link,
.fBox3 a, .fBox3 a:link {
   color: #ffffff;
}
.fBox2 a:visited,
.fBox3 a:visited {
  color: #ffffff;
}
.fBox2 a:hover,
.fBox2 a:active,
.fBox2 a:focus,
.fBox3 a:hover,
.fBox3 a:active,
.fBox3 a:focus {
  color: white;
}
.fBox2 h2,
.fBox3 h2 {
  font-size: 1.1em !important;
  color: #ffffff;
}
.fBox2 .content p,
.fBox3 .content p {
    padding: 0px 10px;
	color: #ffffff;
}
.toggle-content { display: none; margin-left: 15px; margin-bottom: 3em; }
.toggle-content h3 { line-height: 1.4em; font-size: 1em; }
.toggle-content ul li { margin-bottom: 5px; }
.toggle-cross { cursor: pointer; background-color: #662483; padding: 15px; color: #ffffff; }
.toggle-cross-link { cursor: pointer; background-color: #ffffff; color: #662483; border: 1px solid #662483; padding: 10px; }

.toggle-cross:after {
  content: '+';
    float: right;
    color: #ffffff;
	font-size: 1em;
}

body.section .content-wrap article h1 { text-align: center; }

.section-content { margin-bottom: 30px; }

.section-summary { padding: 20px; background-color: #fff3d9}
.section-summary ul { 
list-style-type:none; 
margin: 0; 
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px; 

}
.section-summary li { background-color: #fec240; }
.section-summary li span { padding: 10px 10px 20px 10px; display: block }
.section-summary li .sum-wrap {padding: 20px;}

.section-summary li a { color: #000!important; }

@media (max-width: 980px) {
	.section-summary { grid-template-columns: repeat(1, 1fr);  }
}


.see-also-wrap {
  background-color: transparent;
  padding: 0;
}
.see-also-wrap h2 {
  color: #016a2f;
}
.see-also-wrap .see-also-list li.selected a {
  color: #016a2f;
}
.see-also-wrap .see-also-list a,
.see-also-wrap .see-also-list a:link {
  color: #016a2f;
  margin: 0;
  font-size: 14px!important;
}
.see-also-wrap .see-also-list a:visited {
  color: #016a2f;
}
.see-also-wrap .see-also-list a:hover,
.see-also-wrap .see-also-list a:active,
.see-also-wrap .see-also-list a:focus {
  color: #016a2f;
}
.see-also-wrap .see-also-list .summary {
  color: #404040;
  font-size: 14px;
}
.poll-wrap {
  background-color: #404040;
  padding: 20px;
}
.poll-wrap h2 {
  color: #ffffff;
}
.poll-wrap .poll .graph {
  background-color: #ffffff;
  color: #404040;
}
.poll-wrap .poll .totalVotes {
  color: #ffffff;
}
.poll-wrap .poll .pollQ {
  color: #ffffff;
}
.poll-wrap .poll .option {
  color: #ffffff;
}
.content-row {
  margin-top: 20px;
}
.content-row img {
  max-width: 100%;
  height: auto;
}

.subsection-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.subsection-list li {
  margin-bottom: 15px;
}
.subsection-list li a {
  color: white;
}
.subsection-list li .content-list {
  list-style-type: none;
  padding: 0;
  margin: 20px 0 10px 20px;
}
.text-size-options {
  float: right;
  border-left: 1px solid #016a2f;
  margin-top: 8px;
}
.text-size-options li a {
  color: #016a2f;
}
.content-wrap .content h1 {
  color: #016a2f;
  text-align: center;
}
.content-wrap .content img {
  height: auto;
  margin-right: 8px;
}
.page-tools li a {
  color: #404040;
}
.btn {
  margin-left: 6px;
}
.cookie-banner a {
    color: white;
    text-decoration: underline;
}
/* Caption styles */
.nivo-caption {
	font-size: 0.9em;
	position: absolute;
	left: 10%;
}

.footer .page-tools li {
  display: inline-block;
}
.footer .page-tools li a {
  color: #404040;
}
.next-prev-links li {
  background-color: #404040;
}
.next-prev-links li a,
.next-prev-links li a:link {
  color: #ffffff;
  text-decoration: none;
}

.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }

.index-row { background-color: #404040; }
.index-row h3 { float: left; margin: 2px 20px 0 0; color: #fff; font-size: 1em; font-weight: normal}
.index-row > div { padding: 0; padding-top: 10px; padding-bottom: 10px;  margin-bottom: 20px;}
.index-row > div > div { padding: 0 20px; }
.index-row > div > div > div { display: flex; justify-content: center}
.tag-empty { color: #d7d7d7 }
ul.inline { float: left; margin: 0; }
ul.inline li {display: inline-block; margin-right: 10px; }
ul.inline li a,
ul.inline li a:link { color: #fff; }

.footer {
  color: #404040;
}

footer.footer { margin-top: 80px; background-color: #d7d7d7; padding: 0 0 20px 0; }
.footer-row { padding-top: 20px; }
.footer-row ul.inline li a,
.footer-row ul.inline li a:link { color: #404040; }


#btt {
  display: none;
  position: fixed;
  bottom: 160px;
  right: 30px;
  z-index: 99;
  font-size: 30px;
  border: none;
  outline: none;
  background-color: #b2d233;
  color: white;
  cursor: pointer;
  padding: 15px 25px;
  border-radius: 100px;
  font-weight: 700;
}



.news-row { background-color: #e2cae4; padding: 0 0 40px 0; margin-bottom: 40px;}
.latest-news h2 { color: #662583; margin-bottom: 20px; font-weight: normal; text-align: center}
.latest-news a,
.latest-news a:link { display: block; color: #fff; padding: 10px; font-size: 14px;}
.latest-news ul { margin: 0; list-style-type: none; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; min-height: 3em; }
.latest-news li { background-color: #662583;  display: flex; flex-direction: column; padding: 10px}
.latest-news li.read-all { text-align: center; background-color: transparent; border: 1px solid #662583; display: flex;   justify-content: center;   align-content: center;   flex-direction: column;} 
.latest-news li.read-all a, 
.latest-news li.read-all a:link, 
.latest-news li.read-all a:hover, 
.latest-news li.read-all a:active { color: #404040; }
.latest-news ul li .read-more { margin-top: 20px; font-size: 14px;  }
@media (max-width: 980px) {
	.latest-news ul { grid-template-columns: repeat(2, 1fr);  }
}


.latest-news-wrap { background-color: #e2cae4;margin: 40px 0; }
.latest-news-wrap h2 { text-align: center; color: #662583 }
/*.latest-news-list {  display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 20px; margin: 0 -20px !important;}*/
.latest-news-list { margin: 0; list-style-type: none; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; min-height: 3em; }
.latest-news-list li { /*width: 21.3281250%; padding: 1.2500000000%;*/  color: #fff; background-color: #662583; flex: 1}
.latest-news-list li a:link { display: block; color: #fff; height: 100%; }
.latest-news-list li img { display: block; margin-bottom: 10px; width: 100%;}
.latest-news-list li h3 { font-size: 1em; font-weight: normal; padding: 0 16px; line-height: 1.4em; }
@media (max-width: 980px) {
	.latest-news-list { grid-template-columns: repeat(2, 1fr);  }
}




.feature-wrap { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 0; grid-row-gap: 0; }
.feature .wrap { padding: 20px; }
.feature { background-color: #404040; display: flex; flex-direction: column; color:#fff; }
.feature span { font-size: 20px; margin-top: 20px; margin-right: 20px; background-color: #E87502; display: block; float: right; width: 30%; padding: 20px;}
.feature  a, 
.feature  a:link, 
.feature  a:hover, 
.feature  a:active { color: #000; display: block  }
.feature .link { margin-top: auto; font-size: 0.9em; background-color: #000; color: #fff; padding: 10px; text-align: center; }

.feature-1 { background: url(../img/child.jpeg) top left no-repeat; height: 400px; background-size: cover}
.feature-2 { background: url(../img/adult.jpeg) top left no-repeat; height: 400px; background-size: cover}


@media (max-width: 980px) {
	.feature-wrap { grid-template-columns: repeat(1, 1fr);}
}

.slick-slide img { display: inline !important; }
.slick-prev:before,
.slick-next:before {
   color: black;
}
.slick-current {
  opacity: 1;
}


.subscribe-wrap {
  padding: 8px 5px 8px 65px;
  margin: 0;
  background: url(/template/BFSB/img/subs-icon.png) 8px center no-repeat #404040;
  text-align: center;
}
.subscribe-wrap a {
  color: #ffffff;
  font-size: 0.9em;
}
.tf-link {
  color: #404040;
  padding: 0 0 10px 0;
  margin: 0;
}
.tf-link a {
  color: #404040;
}
.comment-wrap {
  display: none;
}
.comment-wrap .comment-list li {
  background-color: lightgrey;
}
.comment-wrap .comment-list li .reply {
  background-color: white;
}
.form-search {
  float: right;
  margin: 4px 10px 0 0 !important;
  padding: 0;
}
.form-search label {
  color: #404040;
}
.form-search #q {
  width: auto;
  margin-left: 3px;
  margin-top: 1px;
  border: 1px solid #404040;
  border-right: none;
  padding: 5px 5px;
  font-weight: normal;

}
.form-search #btnSubmitSearch {
  padding: 6px 6px 5px 6px;
  border-radius: 0;
  margin-left: -2px;
}
ul.search-list li {
  border-bottom: 1px solid #c7c7c7;
}
ul.search-list li ul.content-list li .section-title {
  color: #404040;
}
ul.search-list li ul.content-list li .highlight {
  color: #404040;
  background-color: #ffea00;
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
  .m1.nav {
    border-bottom: 1px solid white;
  }
  .see-also-wrap {
    padding: 10px 0 0 0;
    border-top: 5px solid #404040;
  }
  .masthead {
    float: none;
    width: 100%;
  }
  .masthead-title {
    padding-bottom: 40px;
    width: 100%;
    height: auto;
    float: none;
  }
}
@media only screen and (max-width: 768px) {
  ul.section-list.horizontal li .dropdown {
    position: relative;
    display: block;
  }
  ul.section-list.horizontal li:hover .content-list {
    display: block;
  }
  .masthead {
    float: none;
    width: 100%;
  }
  .social-links {
    float: none;
  }
  fieldset.form-search {
    padding: 0;
    margin: inherit;
    margin-bottom: 10px !important;
    text-align: left;
  }
  fieldset.form-search #q {
    width: 80%;
  }
  ul.section-list.horizontal li {
    display: block;
    float: none;
    padding: 0;
    margin: 0 0 6px 0 !important;
  }
}
.print .content-wrap {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}
.print .issue-bar {
  background-color: transparent;
  border-bottom: 1px solid #404040;
}
.print .issue-title {
  color: #404040;
}
/* 
END TEMPLATE STYLES 
=========================== 
*/