/* Font Settings */
.font .big-text {
  font-size: x-large;
}
.small, small {
  font-size: 87% !important;
}
.exo p, .exo li, .exo td, .exo th, .exo summary, .exo caption, .exo details .exo label, .exo label span, .dataTables_info, .dataTables_length, .exo input, .exo dl, .exo dt, .exo dd, .exo figcaption, .mfp-content p, .mfp-content header, .mfp-content ol {
  font-family: 'Montserrat', sans-serif;
  letter-spacing: -0.03em;
}
.exo h1, .exo h2, .exo h3, .exo h4, .exo h5, .exo h6, .mfp-content h1, .mfp-content form {
  font-family: 'Exo', sans-serif;
  /*font-size: 30pt;*/
  font-weight: 400;
}
.exo .h2 {
  font-size: 26px;
  font-weight: 700;
}
.exo .h3 {
  font-size: 22px;
  font-weight: 700;
}
.exo .h4 {
  font-size: 20px;
  font-weight: 700;	
}
.bbf h1, .bbf h2, .bbf h3, .bbf h4, .bbf h5, .bbf h6 {
  /*color: rgba(194,60,51,1);
    color: rgba(40,42,68,1.00); 2018*/
}
.exo h1 small {
  font-size: 24px !important;
  color: rgba(21, 30, 71, 1);
  font-weight: 400;
}
.exo-font {
  font-family: 'Exo', sans-serif !important;
  font-weight: 400 !important;
}
.exo h1, .exo h2, .exo h3 {
  letter-spacing: -0.02em;
}
.exo h1 {
  font-size: 34px;
}
.bold {
  font-weight: 700 !important;
}
.lite {
  font-weight: 300 !important;
}
.exo h2 {
  font-size: 34px;
  font-weight: 300 !important;
}
.exo h3 {
  font-size: 22px;
}
.exo p, .exo li, .exo cite, .exo blockquote {
  font-size: 16px;
  font-weight: 400 !important;
}
.exo code {
  color: rgba(63, 90, 117, 1) !important;
  background: rgba(240, 243, 246, 1) !important;
}
.pddng-rght-md-0 {}
.no-bdr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media only screen and (min-width: 768px) {
  .pddng-lft-sm-0 {
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 991px) {
  .no-bdr-sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.mrgn-tp-sm-JUSTSEVENPIXELS {
  margin-top: 7px;
}
/* End of Font Settings */
/* Font Colours */
.txt-white {
  color: white !important;
}
.txt-black {
  color: black !important;
}
.txt-lime {
  color: rgba(214, 222, 41, 1);
}
.bbf th {
  background-color: rgba(214, 222, 41, 1);
  border-bottom: none !important;
}
.bbf .table > thead > tr > th {
    vertical-align: top;
}
/*.bbf .btn-primary, .bbf .btn-default, .bbf .btn-primary:hover {
  color: #333;
  border-color: #dcdee1;	
}
.bbf .btn-default {
  background-color: rgb(240, 245, 180) !important;
}
.bbf .btn-primary {
  background-color: rgba(214, 222, 41, 1) !important;
}
.btn-primary:hover {
  background-color: rgb(240, 245, 180) !important;
  border-color: #bbbfc5;
}*/
.bbf .btn-teal {
  color: #fff;
  background-color: rgb(22, 168, 165) !important;
}
.bbf .btn-teal:hover, .bbf .btn-teal:focus {
  color: #fff!important;
  background-color: #139391 !important;
  border-color: #bbbfc5;
}
/* Fixed weird table responsive issue with tables where it no-wraps the headers */
.table-wrap > .table > tbody > tr > td, .table-wrap > .table > tbody > tr > th, .table-wrap > .table > tfoot > tr > td, .table-wrap > .table > tfoot > tr > th, .table-wrap > .table > thead > tr > td, .table-wrap > .table > thead > tr > th {
  white-space: normal !important;
}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
  background-color: rgba(240, 245, 180, 1) !important;
}
.bbf .table-striped > tbody > tr:nth-child(2n+1) {
  background-color: white !important;
}
.bbf .table-striped > tbody > tr:nth-child(2n+2) {
  background-color: rgba(240, 245, 180, 1);
}
.txt-purple {
  color: rgba(103, 51, 103, 1);
}
.txt-teal {
  color: rgba(22, 168, 165, 1);
}
@media only screen and (min-width: 992px) {
  .brdr-rght-teal {
    border-right-style: solid;
    border-right-color: rgba(22, 168, 165, 1);
    border-right-width: 1.5px;
  }
}
.txt-light-blue {
  color: rgba(63, 90, 117, 1);
}
.txt-dark-blue {
  color: rgba(21, 30, 71, 1);
}
/* End of Font Colours */
/* Coloured Backgrounds and Link Styling for Background */
.bbf-bg {
  background: rgba(194, 60, 51, 1); /*background: rgba(40,42,68,1); 2018*/
}
.lime-bg {
  background: rgba(214, 222, 41, 1);
}
.purple-bg {
  background: rgba(103, 51, 103, 1);
}
.teal-bg {
  background: rgba(22, 168, 165, 1);
}
.light-blue-bg {
  background: rgba(63, 90, 117, 1);
}
.dark-blue-bg {
  background: rgba(21, 30, 71, 1);
}
.bbf-rss {
  background: rgba(215, 222, 226, 10.5);
  border-radius: 10px;
  padding: 15px; /*background: rgba(40,42,68,1); 2018*/
}
.bbf-rss-feed a {
  background: white;
  border-radius: 10px !important;
  padding: 10px !important; /*background: rgba(40,42,68,1); 2018*/
}
.bbf-quote {
  border-left: none;
}
.quote-icn {
  max-width: 26px !important;
  margin: 7px;
}
/* Headers and background images */
.header {
  margin-bottom: 11.5px;
  min-height: 200px;
}
.header-icn {
  max-width: 75px;
  max-height: 75px;
}
.bbf ol ol, .bbf ol ul, .bbf ul ol, .bbf ul ul {
  margin-bottom: 11.5px !important;
}
@media only screen and (min-width: 361px) {
  .header {
    margin-bottom: 11.5px;
    padding: 40px;
    min-height: 200px;
    background-size: 100%, auto !important; /*max-height: 200px;*/
  }
}
@media only screen and (max-width: 360px) {
  .header {
    padding: 25px;
    background-size: auto, auto !important;
  }
}
.header-lime-imgbg-1 {
  background: url("/images/bbf/landing/Banner_Asset15.jpg") no-repeat, rgba(214, 222, 41, 1);
}
.header-lime-imgbg-2 {
  background: url("/images/bbf/landing/Banner_Asset16.jpg") no-repeat, rgba(214, 222, 41, 1);
}
.header-lime-imgbg-3 {
  background: url("/images/bbf/landing/Banner_Asset17.jpg") no-repeat, rgba(214, 222, 41, 1);
}
.header-lime-imgbg-4 {
  background: url("/images/bbf/landing/Banner_Asset22.jpg") no-repeat, rgba(214, 222, 41, 1);
}
.header-lime-imgbg-5 {
  background: url("/images/bbf/landing/Banner_Asset23.jpg") no-repeat, rgba(214, 222, 41, 1);
}
.header-lime-imgbg-6 {
  background: url("/images/bbf/landing/Banner_Asset16.jpg") no-repeat, rgba(214, 222, 41, 1);
}
.header-darkblue-imgbg-1 {
  background: url("/images/bbf/landing/Banner_Asset18.jpg") no-repeat, rgba(21, 30, 71, 1);
}
.header-darkblue-imgbg-2 {
  background: url("/images/bbf/landing/Banner_Asset19.jpg") no-repeat, rgba(21, 30, 71, 1);
}
.header-purple-imgbg-1 {
  background: url("/images/bbf/landing/Banner_Asset20.jpg") no-repeat, rgba(103, 51, 103, 1);
}
.header-purple-imgbg-2 {
  background: url("/images/bbf/landing/Banner_Asset21.jpg") no-repeat, rgba(103, 51, 103, 1);
}
.header-teal-imgbg-1 {
  background: url("/images/bbf/landing/Banner_Asset24.jpg") no-repeat, rgba(22, 168, 165, 1);
}
.header-teal-imgbg-2 {
  background: url("/images/bbf/landing/Banner_Asset25.jpg") no-repeat, rgba(22, 168, 165, 1);
}
.header-blue-imgbg-1 {
  background: url("/images/bbf/landing/Banner_Asset27.jpg") no-repeat, rgba(63, 90, 117, 1);
}
.header-blue-imgbg-2 {
  background: url("/images/bbf/landing/Banner_Asset29.jpg") no-repeat, rgba(63, 90, 117, 1);
}
.header-blue-imgbg-3 {
  background: url("/images/bbf/landing/Banner_Asset30.jpg") no-repeat, rgba(63, 90, 117, 1);
}
.header-blue-imgbg-4 {
  background: url("/images/bbf/landing/Banner_Asset_11.jpg") no-repeat, rgba(63, 90, 117, 1);
}
/* Table of Contents Styling */
.bbf-rss-feed a:link, .bbf-rss-feed a:visited {
  text-decoration: none !important;
  border: none !important;
  background: white;
  color: black;
}
.bbf-rss-feed:hover, .bbf-rss-feed:active, .bbf-rss-feed:hover a, .bbf-rss-feed:active a {
  color: #FFFFFF !important;
  border-radius: 10px !important;
  background: rgba(63, 90, 117, 1);
}
.toc {
  padding: 15px;
}
.bbf-toc a {
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .toc-lnk-txt {
    padding: 5px 5px 5px 5px !important;
    margin: 0px -5px 0px -5px !important;
    display: inline-block !important;
    width: 100%;
  }
}
.toc a, .bbf-rss-feed a {
  display: inline-block;
}
.toc li a img {
  height: 100px;
}
.bbf-toc a, .bbf-toc a:visited, .bbf-toc a:hover, .bbf-toc a:active {
  color: white !important;
  background: none !important;
  border-bottom: none !important;
}
.bbf-toc a, .bbf-toc a:visited, .bbf-rss-feed a, .bbf-rss-feed a:visited {
  text-decoration: none !important;
}
.bbf-toc li:hover .toc-icn, .bbf-toc li:active .toc-icn {
  color: rgba(214, 222, 41, 1);
  background: none !important;
}
.bbf-toc li:hover .toc-lnk-txt, .bbf-toc li:active .toc-lnk-txt {
  color: rgba(21, 30, 71, 1);
  background: rgba(214, 222, 41, 1) !important;
}
.bbf table ul {
	padding-left: 20px;
}
.toc .list-inline li {
  padding-left: 25px;
  padding-right: 25px;
}
.brdr-rght {
  margin-right: -7px;
  border-right: solid 1px white !important;
}
.toc-icn {
  max-width: 50px;
  max-height: 50px;
}
.toc-icn-hover {
  display: none !important;
}
.bbf-toc li:hover .toc-icn-hover {
  display: block !important;
}
.bbf-toc li:hover .toc-icn-nonhover {
  display: none !important;
}
/* End of Coloured Backgrounds and Link Styling for Background */
summary:hover, summary:focus {
  color: rgba(63, 90, 117, 1) !important;
}
/* a link styling, white bg */
.bbf-styld-lnks a:link, .bbf-styld-lnks a:visited {
  color: rgba(63, 90, 117, 1);
  text-decoration: none !important;
  padding-left: 1px;
  padding-right: 2px;
  border-bottom: 2px solid rgba(63, 90, 117, 1);
  border-radius: 1px;
}
.bbf-styld-lnks a:hover, .bbf-styld-lnks a:active {
  color: #FFFFFF;
  background: rgba(63, 90, 117, 1);
}
.exo a.fn-lnk {
  padding: 1px 10px 2px;
}
.btn {
  padding: 6px 12px !important;
}
.bbf-styld-lnks .btn.btn-bbf-contact, .btn.btn-bbf-contact {
  background-color: rgba(63, 90, 117, 1) !important;
  border-radius: 4px !important;
}
.btn.btn-bbf-contact:visited, .btn.btn-bbf-contact:active {
  background-color: rgba(63, 90, 117, 1);
}
.btn.btn-bbf-contact:focus, .btn.btn-bbf-contact:hover {
  background-color: rgba(21, 30, 71, 1) !important;
}
/* End a link styling */
/* Mask for maps or images */
.image-container {
  width: inherit;
  height: inherit;
  overflow: hidden;
  position: relative;
}
.image-container .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.effect .mask {
  opacity: 0;
  overflow: visible;
  box-sizing: border-box;
  transition: all 0.4s ease-in-out;
}
.effect:hover .mask {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.7);
}
.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.map-img a:visited, .map-img a:active {
  color: rgba(63, 90, 117, 1);
}
.map-img a:focus, .map-img a:hover {
  color: rgba(0, 0, 0, 1);
  transition: all 0.4s ease-in-out;
}
.legend li {
  min-height: 25px;
  margin-bottom: 5px;
}
.legend li img {
  min-width: 25px;
  max-width: 25px;
  min-height: 25px;
  max-height: 25px;
  margin-right: 5px;
  vertical-align: middle;
}
/* End mask for maps or images */