@charset "utf-8";
/* CSS Document - Custom styles that overwrite the template CSS code*/
html {
  scroll-behavior: smooth;
 }
img {
	max-width: 100%;
    height: auto;
}
img.banner-png-size {
    height: 115%;
}
.dt-container select.dt-input {
    margin-right: 1rem;
}
.dt-container .dt-paging .dt-paging-button {
    padding: 6px 14px;
	font-size: .9rem;
}
.smbrc-banner-title {
	padding: 0 !important;
    color: #fff !important;
    margin: 3.25rem auto !important;	
}

.header-default-mobile {
    background-image: linear-gradient(90deg, #0F3A5D 65%, #006394 100%);
	background-color: #0F3A5D;
	background-size: contain;
    min-width: 100%;
    min-height: 100%;
}
.header-default {
    background-image: url("../images/smbrc/landing-page-banner-208x900-1.png"), linear-gradient(90deg, #0F3A5D 65%, #006394 100%);
    background-repeat: no-repeat;
    background-position: right;
	background-color: #0F3A5D;
	background-size: contain;
    min-width: 100%;
    min-height: 100%;
}

#current-year table thead th {
    background: #046B99;
    border: none;
    border-bottom: 4px solid #323A45;
    color: #fff;
}

#current-year tr:hover td {
	background-color: #F5F9FB;
}

#current-year table {
    overflow-x: hidden;
	margin-bottom: 0rem;
	width: 100% !important;
}
/**
.panel-default-reports {
    border-color: #555555;
	background-color: #046B99;
}

.panel-heading-reports .panel-title-reports a {
	color: #fff;
}

.panel-heading-reports .panel-title-reports a span[aria-hidden="true"] {
	color: #fff;
}

.accordion-list-reports li.tab a:hover {
  color: #02374e;
}

.bg-whitesmoke {
	background-color: whitesmoke;
}
**/
@media (min-width: 768px) {
  .news-item .thumbnail {
    float: left;
    width: 15%;
	text-align: center;
  }
}

@media (min-width: 992px) {
  .news-item .thumbnail {
    float: left;
    width: 15%;
	text-align: center;
  }
}

@media (min-width: 1200px) {
  .news-item .thumbnail {
    float: left;
    width: 15%;
	text-align: center;
  }
}

@media (min-width: 992px) {
  .two-column .news-item .thumbnail {
    float: left;
    width: 15%;
	text-align: center;
  }
}

.bg-standout-very-light-hover:hover, .bg-standout-very-light-hover:focus {
    background-color: #e9ecef !important;
}

.smbrc-header-single-banner, .smbrc-header-large-banner, .smbrc-header-primary-banner {
    width: 100%;
    height: 80vh;
    overflow: hidden;
    background-position: center !important;
    background-size: cover !important;
    display: block;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;
    position: relative;
    z-index: 0;
}
@font-face {
  font-family: 'icomoon';
  src:  url("../icomoon-fonts/icomoon.eot?locbbt");
  src:  url("../icomoon-fonts/icomoon.eot?locbbt#iefix") format('embedded-opentype'),
    url("../icomoon-fonts/icomoon.ttf?locbbt") format('truetype'),
    url("../icomoon-fonts/icomoon.woff?locbbt") format('woff'),
    url("../icomoon-fonts/icomoon.svg?locbbt#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-smb-stakeholders-workshops:before {
  content: "\e900";
}
.icon-SMBRC_Logo:before {
  content: "\e901";
}
.icon-SMBNEP_Logo:before {
  content: "\e902";
}
.icon-governing-board-meetings:before {
  content: "\e903";
}
.icon-droplet:before {
  content: "\e90b";
}
.explore-invite a {
    color: #fff;
    cursor: pointer;
    display: inline-block;
}
.explore-invite [class^="ca-gov-icon-"] {
    display: inline-block;
    font-size: inherit;
}
.top-minus-4 {
    top: -4px !important;
}
.profile-item .header, .profile-item .body {
    margin-left: 20px;
}
.btn-row-home .btn {
    margin-bottom: 0.5rem !important;
}
.main-navigation.dropdown .sub-nav {
	min-width: 280px;
}
.tab-group .nav-tabs li > a, .tab-group .nav-tabs li > a:hover {
    border: 1px solid #f5f5f5;
    border-top: none !important;
    text-decoration: none;
    border-bottom: none;
}
.anchor {display: block;
    height: 20vh; /* 20% viewport height */
    margin-top: -20vh;
    visibility: hidden;
}
/**Datatables**/
