a,
a:link {
  color: #005eb8;
}
a:visited {
  color: #005eb8;
}
a:hover,
a:active,
a:focus {
  color: 005eb8;
}

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


.button { border-radius: 10px; background-color: #00a499; color: #fff; padding: 20px; margin-bottom: 20px; }
.button.img { padding-left: 86px } 
.button.img { background-image: url('../img/twitter-icon.png'); background-repeat: no-repeat; background-position: 16px center; background-size: 60px 60px }
.button a { color: #fff; }

.button.small { background-color: #005eb8; padding: 10px; display: inline-block; text-align: center; font-size: 14px; border-radius: 6px; margin-bottom: 0;}

.button.feedback { background-image: url('../img/megaphone-icon.png'); }
.button.subscribe { background-image: url('../img/bell-icon.png'); }


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

.logo { float: right; }
.masthead-row {
  background-color: #fff;
  margin: 0 0 20px 0;
  
}
.masthead img { float: right; width: 100%; margin-bottom: 40px}
.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;
}

.nav-row { 
  background-color: #005eb8;
}

.main-nav .nav {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
  /*overflow: hidden;*/
}
.main-nav .menu-icon {
  cursor: pointer;
  display: inline-block;
  padding: 28px 20px;
  position: relative;
  user-select: none;
  margin-top: -70px;
  float: left;
}

.main-nav .menu-icon .navicon {
  background: #333;
  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: #333;
  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 { display: none; }
.main-nav .menu-btn:checked ~ .menu { max-height: 640px; }
.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; }

.nivo-caption {
	font-size: 1em;
	top: 22%;
	border-radius: 20px;
}
.nivo-caption p {
	color: #005eb8;
}
.content-row img {
 /* width: 100%;*/
  max-width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .main-nav .menu { clear: none; max-height: none; }
  .main-nav .menu-icon { display: none;  }
}

ul.section-list.horizontal {
  position: relative;
  clear: both;
  margin: 0;
  padding: 0;
  text-align: right;
}
ul.section-list.horizontal li {
  margin: 0 !important;
  padding: 0;
}
ul.section-list.horizontal li a,
ul.section-list.horizontal li a:link {
  color: white;
  padding: 10px 20px;;
  font-weight: normal;
  display:block;
}
ul.section-list.horizontal li a:visited {
  color: #fff;
}
ul.section-list.horizontal li:hover,
.home ul.section-list.horizontal li:first-child {
  background-color: #013088;
}
ul.section-list.horizontal li:hover a {
	color: #fff;
}
ul.section-list.horizontal li a:hover,
ul.section-list.horizontal li a:active,
ul.section-list.horizontal li a:focus {
  color: #fff;
  text-decoration: underline;

  }
ul.section-list.horizontal li.selected a,
ul.section-list.horizontal li.selected a:link {
  color: #fff;
  background-color: #013088;
}
ul.section-list.horizontal li:last-child {
  border-bottom: none;
}
ul.section-list.horizontal li:hover .content-list {
  display: block;
}
ul.section-list.horizontal li .content-list {
  background-color: #005eb8;
  position: relative;
  margin: 0 !important;
  padding: 0;
  float: none;
  z-index: 99;
  display: block;
}
ul.section-list.horizontal li .content-list li {
  text-align: left;
  float: none;
  display: block;
  border-bottom: none;
  margin: 0;
}
ul.section-list.horizontal li .content-list li:hover {
	background-color: #013088;
}

ul.section-list.horizontal li .content-list li a,
ul.section-list.horizontal li .content-list li a:link {
  font-weight: normal;
  font-size: 1em;
  
}
ul.section-list.horizontal li .content-list li a:visited {
  color: #ffffff;
}
ul.section-list.horizontal li .content-list li a:hover,
ul.section-list.horizontal li .content-list li a:active,
ul.section-list.horizontal li .content-list li a:focus {
  color: #fff;
}
ul.section-list.horizontal li .content-list li a.selected {
  font-weight: bold;
  color: #ffffff;
}
ul.section-list.horizontal li .dropdown {
	display:none;
  position: absolute;
  min-width: 160px;
  z-index: 99;
  margin: 0;
  background-color: #005eb8;
}
ul.section-list.horizontal li .dropdown a {
  height: auto !important;
  text-align: left;
}
ul.section-list.horizontal li.sec:hover .dropdown {
  display: block;
}
ul.section-list.horizontal li .content-list li,
ul.section-list.horizontal li .sub-section-list li {
  text-align: left;
  display: block;
  float: none;
  margin: 0 !important;
  width: 100%;
  height: auto;
  line-height: 1.2em;
}
ul.section-list.horizontal li ul.sub-section-list { margin: 0; }


@media (max-width: 768px) {
ul.section-list.horizontal li .dropdown	{ display: none !important }
.main-nav .nav {
  overflow: hidden;
}

}



.breadcrumb-list { padding: 0; margin: 0 0 20px 0; }
.breadcrumb-list li { font-size: 12px; display: inline-block; margin-left: 0;}
.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; }


.fbox {
   border-radius: 10px; margin-bottom: 20px;
  color: #ffffff;
  background-color: #005eb8;
}
.fbox .content { padding: 0; }
.fbox .content p { margin: 10px 0 16px 0; padding: 0 20px }
.fbox .content p.img { padding: 0 }
.fbox a,
.fbox a:link {
  font-weight: normal;
  color: #fff!important;
  text-decoration: underline;
}
.fbox a:visited {
  color: #ffffff;
}
.fbox a:hover,
.fbox a:active,
.fbox a:focus {
  color: fff;
}
.fbox h1,
.fbox h2 {
  font-size: 1em !important;
  color: #ffffff;
  margin: 20px 20px
}
.fbox h2 {
  text-align: left !important;
  line-height: 1.2em;
}
/*.fbox2 {
  background-color: #00a499;
}*/
li {
  line-height: 30px;
  margin-left: 20px;
}

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


.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;
}
.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: #016a2f;
}
.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;
}
.subsection-list {
	display: flex;
	flex-wrap: wrap;  
  justify-content: space-around;
	flex: 0 0 30%; 
  list-style-type: none;
  margin: 40px 0 0 0;
  padding: 0;
}
.subsection-list li {
  margin-bottom: 15px;
  background-color: #e8eeee;
  width: 30%;
  border-radius: 10px;
  margin-right: auto;
}
.subsection-list li p { color: #404040;}
.subsection-list li a {
  color: #005eb8;
  padding: 20px;
  display: block;
  text-decoration:none;
}
.text-size-options {
  float: right;
  margin-top: 5px; margin-right: 10px;
  border-left: 1px solid #016a2f;
}
.text-size-options li a {
  color: #404040;
}
.content-wrap .content h1 {
  color: #005eb8 ;
}
.page-tools li a {
  color: #404040;
}

.cookie-banner a {
    color: white!important;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 5px;
}
.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; }


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; }


.sub-footer { background-color: #013088; padding: 20px; color: #fff }
.sub-footer p { margin: 0; font-size: 12px; }
.sub-footer p.sub { margin-top: 20px; color: #6280b4 }
.badges .wrapper { margin-top: 40px; margin-bottom: 40px;border-top: 1px solid #d7d7d7; padding-top: 40px;  }
@media (max-width: 768px) {
	.badges img { width: 200px; margin-bottom: 20px; }
	.badges .align-center { text-align: right; }
	.badges .align-right { text-align: center; }
}

.footer {
  color: #404040;
}

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


.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(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;
}

.centered { text-align: center }

.cnt-grid { display: grid; 	box-sizing: border-box;width: 100%;margin: 0 auto 0 auto; }

.cnt-grid.col4 { display: grid;	grid-template-columns: repeat(4, 1fr);gap: 1.4rem; }
@media only screen and (max-width: 1200px) { 
	.cnt-grid.col4 { grid-template-columns: repeat(2, 1fr); }
} 
@media only screen and (max-width: 768px) { 
	.cnt-grid.col4 { grid-template-columns: repeat(1, 1fr); }
} 

.cnt-grid.col3 { display: grid;	grid-template-columns: repeat(3, 1fr);gap: 1.4rem;  }
@media (max-width: 900px) {
  .cnt-grid.col3 {
    grid-template-columns: repeat(2, 1fr);
  }

  /* target the 3rd item */
  .cnt-grid.col3 > *:nth-child(3) {
    grid-column: 1 / -1;   
    justify-self: center;  
    max-width: 50%;        
  }
}
@media (max-width: 600px) {
  .cnt-grid.col3 {
    grid-template-columns: 1fr;
  }

  .cnt-grid.col3 > *:nth-child(3) {
    grid-column: auto;
    max-width: 100%;
	justify-self: auto ; 
  }
}

/* card content block */

.card { margin: 0; }
.card img { margin: 0 !important; max-width: 100%; }
.card a,
.card a:link { text-decoration: none; display: grid; height: 100%}
.card .title { font-weight: 500; display: block; margin: 0 0 1.2rem 0; }
.card .summary { display: block; margin: 0 0 1.2rem 0; }
.card .summary p  { margin: 0; }
.card .pad { padding: 1.2rem; }
.card.w-grow-hover:hover { transform: scale(1.02); }
.card.w-shadow { box-shadow: 0 0 11px rgba(33,33,33,.2); }
.card.w-shadow-hover { transition: box-shadow .3s; }
.card.w-shadow-hover:hover { box-shadow: 0 0 11px rgba(33,33,33,.2); }


.card.style-2 a { display: flex;align-items: stretch; overflow: hidden;}
.card.style-2 img { width: 100px; height: 100%; object-fit: cover; flex-shrink: 0; width: 50%;}
.card.style-2 .text { padding: 1rem; display: flex; flex-direction: column;}

.latest-news-row { background-color: #f0f4f5; color: #000; padding: 2rem 0}

.news-list .card { background-color: #fff; color: #000 } 
.news-list .card.w-border { }
.news-list .card img {  }
.news-list .card a,
.news-list .card a:link { color: #005eb8; text-decoration: none }
.news-list .card a:hover,
.news-list .card a:active,
.news-list .card a:focus { color: #005eb8;  } 
.news-list .card .title { font-weight: bold; color:  #005eb8}
.news-list .card .summary {  color: #005eb8;  }
.news-list .card .button { background-color: #005eb8; color: #fff  }
span.pub-date { font-size: 0.9rem; display: block; margin-bottom: 1rem }
.latest-news-wrap .all-news {text-align: center; margin: 2rem 0 0 0}


.latest-news-wrap h2 { color: var(--nl-heading-txt-color);}

.featured-links { margin: 2rem 0}
.featured-links .card { background-color: #005eb8; color: #fff}
.featured-links .card .title { margin: 0}
.featured-links .card a { color: #fff;}

.button-wrap .button { border-radius: 0; background-color: #005eb8; color: #fff; padding: 40px; margin-bottom: 20px; }
.button-wrap .button.img { padding-left: 86px } 
.button-wrap .button a { color: #fff; }
.button.w-icon { background-position: 1rem center; background-repeat: no-repeat; background-size: 4rem; padding-block: 2.875rem; text-align: left; padding-inline: 5.75rem 1.25rem }
.button.w-icon.staff { background-image: url(../img/staff.png); }
.button.w-icon.meeting { background-image: url(../img/meeting.png); }
.button.w-icon.cogs { background-image: url(../img/cogs.png); }