/* Generated by less 3.11.1 */
@font-face {
  font-family: 'Bell Gothic Std Black';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/BellGothicStd-Black.otf');
}
@font-face {
  font-family: 'Bell Gothic Std Bold';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/BellGothicStd-Bold.otf');
}
.text-green {
  color: #10403F !important;
}
.text-khaki {
  color: #EEE5B7 !important;
}
.text-orange,
.text-orange a {
  color: #DE6128 !important;
}
.text-white {
  color: #FFF !important;
}
.text-red {
  color: #E52822 !important;
}
.text-green {
  color: #257F86 !important;
}
.text-blue {
  color: #257F86 !important;
}
.text-black {
  color: #222 !important;
}
.bg-white {
  background-color: #FFF !important;
}
.bodyRow a {
  color: #005ea2;
  text-decoration: none;
}
.bodyRow a:hover,
.bodyRow a:focus,
.bodyRow a:focus-within {
  color: #10403F;
  text-decoration: underline;
}
.btn {
  white-space: unset;
  margin-bottom: 10px;
}
.btn-warning {
  background-color: #DE6128;
  border-color: #DE6128;
  border-radius: 0;
  border: 0;
  color: #fff !important;
  text-decoration: none !important;
  padding: 12px 16px 10px 16px;
  font-size: 20px;
  font-family: 'Bell Gothic Std Black', sans-serif !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background: #da5b22;
}
.btn-primary {
  color: #ffffff !important;
  text-decoration: none !important;
}
.btn-outline {
  background-color: #fff;
  border-color: #777;
  border-radius: 5px;
  border: 1px solid #777;
  color: #777 !important;
  text-decoration: none !important;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
  background: #fafafa;
  color: #555;
  border-color: #555;
}
.btn-info {
  color: #FFF !important;
  background: #257F86;
  border-radius: 0;
  border: 0;
  color: #fff !important;
  text-decoration: none !important;
  padding: 12px 16px 10px 16px;
  font-size: 20px;
  font-family: 'Bell Gothic Std Black', sans-serif !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background: #22747a;
}
#breadcrumb {
  margin: -10px 0 10px 0;
}
.event {
  text-decoration: none !important;
  display: block;
  padding: 5px 20px 10px 0;
  color: #005ea2 !important;
}
.event h4 {
  margin-bottom: 3px;
}
.event p {
  margin-bottom: 0;
}
.list-events {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-events li > a > h4 {
  font-size: 21px;
}
.list-events li > a > p {
  color: #222;
}
#sitewidealert {
  position: relative;
  z-index: 32;
}
#sitewidealert .alert {
  margin: 0;
  padding: 6px;
  border: 0;
  border-radius: 0;
}
#sitewidealert p {
  margin: 0;
  color: #fff !important;
}
#sitewidealert p a {
  padding: 0 6px;
  color: #fff !important;
  text-decoration: underline;
}
.alert-orange {
  background: #DE6128;
}
.alert-blue {
  background: #4e73df;
}
.alert-green {
  background: #13855c;
}
.alert-red {
  background: #be2617;
}
.alert-yellow {
  background: #dda20a;
}
.mt-20 {
  margin-top: 20px;
}
.mt-40 {
  margin-top: 40px;
}
hr {
  border-top: 1px solid #ddd;
}
hr.small {
  margin-top: 5px;
  margin-bottom: 20px;
}
/* for the carousel only until we change the web part */
.carousel.has-controls .carousel-control {
  position: absolute;
  top: auto;
  bottom: 10px;
  left: auto;
  right: 10px;
  height: 45px;
  width: 45px;
  background: rgba(0, 0, 0, 0.6);
  opacity: 1;
  border: none;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.75);
  z-index: 50;
}
.carousel.has-controls .carousel-control:hover {
  background: rgba(0, 0, 0, 0.95);
}
.carousel.has-controls .carousel-control:focus {
  outline: 5px auto -webkit-focus-ring-color;
  ourline-offset: -2px;
}
.carousel.has-controls .carousel-control:hover .fa:before,
.carousel.has-controls .carousel-control:focus .fa:before {
  text-decoration: underline;
}
.carousel.has-controls .carousel-control.left {
  right: 100px;
}
.carousel.has-controls #pauseButton {
  right: 55px;
}
.carousel.has-controls .carousel-control .fa {
  color: #fff !important;
  margin: 0;
  height: auto;
  width: auto;
  right: auto;
  bottom: auto;
  font-size: 20px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.carousel.has-controls .carousel-caption {
  right: 0;
  left: 0;
  bottom: 0;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.65);
  text-align: left;
  display: none;
}
.carousel.has-controls .carousel-caption .carousel-caption-title {
  font-size: 20px;
}
.activity-stream-list li {
  padding: 0;
  border: 0;
}
.activity-stream-list li:hover {
  box-shadow: none !important;
  border: 0;
}
.activity-stream .activity-stream-title {
  margin: 20px 0;
  color: #DE6128;
  font-size: 24px;
}
.activity-stream .activity-stream-summary {
  margin-bottom: 20px;
}
.activity-stream .activity-stream-title,
.activity-stream .activity-stream-summary {
  text-align: center;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}
.news-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.news-list > li {
  margin-bottom: 40px;
}
.news-list .article-image-wrapper {
  height: 250px;
  background-size: cover;
  background-position: center;
}
.news-list .article-content {
  background-color: #FFF;
  padding: 25px 15px;
  position: relative;
  margin: -50px 15px 0 15px;
}
.news-list .article-content .news-badge {
  background: #257F86;
  display: inline-block;
  padding: 7px 30px 4px 30px;
  color: #FFF;
  font-size: 18px;
  position: absolute;
  top: -36px;
  left: 0;
}
.news-list .article-content h2 {
  margin-top: 0;
  color: #DE6128 !important;
  text-transform: uppercase;
  font-family: 'Bell Gothic Std Black', sans-serif;
  font-size: 32px;
}
.news-list a.article {
  text-decoration: none ;
}
.news-list a.article:hover h2 {
  text-decoration: underline ;
}
.news-list a.article:hover .article-content {
  background: #f1f1f1;
}
.news-list .article-content p {
  margin-bottom: 10px;
  color: #222 !important;
}
p span.more {
  color: #257F86;
  font-weight: 700;
}
.news-list.loading > li .loading-image {
  height: 450px;
  background: #f1f1f1;
}
.news-list.loading > li .article-content {
  background: #fff;
}
.news-list.loading > li .heading-filler {
  background: #ddd;
  height: 36px;
  margin-bottom: 15px;
}
.news-list.loading > li .para-filler {
  background: #ddd;
  height: 80px;
}
#news-pager {
  display: block;
  text-align: center;
  margin: 0 auto;
}
.btn-bordered {
  border: 1px solid #333;
  padding: 12px 15px 10px;
  background: #FFF;
}
.btn-bordered:hover,
.btn-bordered:focus {
  background: #f1f1f1;
}
#btnBack {
  margin-right: 10px;
}
#btnBack .fal {
  margin-right: 10px;
}
#btnNext {
  margi-left: 10px;
}
#btnNext .fal {
  margin-left: 10px;
}
#news-categories li {
  display: inline-block;
  padding: 4px 7px 4px 0;
}
#news-categories li a {
  background: #eee !important;
  color: #222 !important;
  border-radius: 8px;
  padding: 9px 10px 6px 10px;
  display: inline-block;
}
#news-categories li.active a {
  font-family: 'Bell Gothic Std Black', sans-serif;
}
span.cat-badge {
  background: #10403F !important;
  color: #FFF !important;
  border-radius: 8px;
  padding: 9px 10px 6px 10px;
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (min-width: 768px) {
  .news-list .article-image-wrapper {
    height: 450px;
  }
  .news-list .article-content {
    padding: 25px;
    margin: -50px 50px 0 50px;
  }
}
.giant-image-wrapper img {
  width: 100%;
}
.article-content h1 {
  text-transform: uppercase;
  font-size: 42px;
  font-family: 'Bell Gothic Std Black', sans-serif;
}
a.related {
  margin-bottom: 30px;
  display: block;
  text-decoration: none !important;
}
a.related .related-image-wrapper {
  overflow: hidden;
  height: 200px;
}
a.related img {
  width: 100%;
  height: auto;
  transition: all 0.2s ease;
  transform: scale(1);
  object-fit: cover;
  object-position: center;
  min-height: 200px;
}
a.related:hover img,
a.related:focus img {
  transform: scale(1.05);
}
a.related .related-content {
  position: relative;
  background: #fff;
  padding: 15px 32px 15px 15px;
  margin: -50px 15px 0 15px;
}
a.related:hover .related-content,
a.related:focus .related-content {
  background: #fafafa;
}
a.related h3 {
  color: #DE6128 !important;
  font-size: 20px;
  text-transform: uppercase;
  font-family: 'Bell Gothic Std Black', sans-serif;
  text-decoration: none !important;
  margin-bottom: 0;
}
a.related .related-content {
  position: relative;
}
a.related .related-content:after {
  position: absolute;
  top: 25px;
  right: 10px;
  font-family: 'Font Awesome 5 Pro';
  content: '\f105';
  color: #ddd;
  font-size: 34px;
  transition: all 0.2s ease;
}
a.related:hover .related-content:after,
a.related:focus .related-content:after {
  color: #257F86;
}
/* mobile nav only style */
.link-jumbo {
  font-size: 32px;
  display: inline-block !important;
  margin: 30px 0 0 0 !important;
  color: #222 !important;
}
.link-jumbo:after {
  content: '\f105';
  font-family: 'Font Awesome 5 Pro';
  padding-left: 10px;
}
.mini-mobile-nav,
.fw-mobile-nav ul {
  list-style: none;
  margin: 10px 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.mini-mobile-nav > li,
.fw-mobile-nav ul > li {
  width: 33.333%;
  height: auto;
  padidng: 0;
  margin: 0;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}
.mini-mobile-nav > li:nth-of-type(3),
.mini-mobile-nav > li:nth-of-type(6) {
  border-right: none;
}
.mini-mobile-nav > li:nth-of-type(4),
.mini-mobile-nav > li:nth-of-type(5),
.mini-mobile-nav > li:nth-of-type(6) {
  border-bottom: none;
}
.mini-mobile-nav > li > a,
.fw-mobile-nav ul > li > a {
  display: block;
  text-align: center;
  padding: 15px 2px;
  font-size: 13px;
  font-weight: 300;
  color: #444 !important;
  text-decoration: none;
}
.mini-mobile-nav > li > a > i,
.fw-mobile-nav ul > li > a > i {
  display: block;
  font-size: 19px;
  margin-bottom: 4px;
}
#navigation.collapse {
  border: 0;
}
.fw-mobile-nav {
  list-style: none;
  padding: 0;
  margin: 10px 0;
}
/* end mobile nav styles */
.top-row {
  border-bottom: 1px solid #b1b1b1;
  padding: 9px 0 7px 0;
  margin-bottom: 5px;
  display: none;
}
.top-row span.agency-name {
  color: #d6d6d6;
}
.portal-BarInsert .search {
  display: none;
}
#mobileSocial {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  border-top: 1px solid #ddd;
  margin: 0 !important;
  padding: 2px 40px;
}
#mobileSocial li {
  flex: 0 1 AUTO;
  align-self: center;
}
#mobileSocial li a {
  display: block;
}
#mobileSocial li a i {
  color: #FFF;
  font-size: 28px;
}
@media only screen and (min-width: 100px) {
  .header-row,
  footer {
    background-color: #fff;
    font-family: 'Bell Gothic Std Bold', sans-serif;
    color: #333333;
    font-size: 16px;
  }
  .bodyRow {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17.5px;
  }
  .bodyRow p a {
    font-weight: 700;
  }
  h1 {
    font-weight: 800;
    font-size: 50px;
  }
  h2 {
    font-family: 'Bell Gothic Std Black', sans-serif;
    color: #555 !important;
    font-size: 38px;
  }
  h3,
  .search-panel label {
    color: #DE6128 !important;
    font-weight: 600;
  }
  h4 {
    color: #257F86 !important;
    font-size: 21px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .square-card span,
  .btn,
  .cta ul > li > a {
    font-family: 'Bell Gothic Std Bold', sans-serif;
  }
  main {
    padding-top: 10px;
    padding-bottom: 30px;
  }
  #mainNavContent {
    border: none;
    margin-bottom: 0;
    background-color: #10403F;
    border-radius: 0;
    min-height: 66px;
  }
  #mainNavContent .navbar-header .container {
    position: relative;
  }
  #mainNavContent .navbar-header .navbar-brand {
    position: relative;
    top: -15px;
    z-index: 101;
    float: none;
    display: block;
    height: auto;
    margin: 0 30% -85px;
    text-align: center;
    padding-top: 3px;
  }
  #mainNavContent .navbar-header .navbar-brand img {
    height: 90px;
    margin: 0 auto;
    display: inline-block;
  }
  #mainNavContent .navbar-toggle {
    padding: 13px 21px;
    background: transparent !important;
    border: 0 !important;
    margin-right: 0px;
  }
  #mainNavContent .navbar-toggle .fas {
    color: #EEE5B7;
    font-size: 33px;
  }
  .nav-social {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: -2px;
  }
  .nav-social > li {
    float: left;
    padding: 0;
    margin: 0;
  }
  .nav-social > li > a {
    font-size: 18px;
    padding: 2px 8px;
    display: inline-block;
  }
  .nav-social > li > a > i {
    color: #d6d6d6 !important;
  }
  .nav-social > li:last-of-type > a {
    padding-right: 0px;
  }
  .nav-social .dropdown i {
    position: relative;
    top: 3px;
  }
  .nav-social .dropdown .dropdown-menu {
    width: 274px;
    padding: 12px;
    border-radius: 0px;
    box-shadow: 0;
    border: 0;
    top: 45px;
    right: 0;
    left: auto;
    z-index: 991;
    /* 991 to override a truely mobile only OS class that gets added by bootstrap. */
  }
  .nav-social .dropdown .dropdown-menu:before {
    height: 3px;
    width: 100%;
    background: #257F86;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
  }
  .navbar-portalbar-v3 .app-usagovsearch {
    padding: 0;
    margin: 0;
  }
  .nav-social .dropdown .dropdown-menu .input-group {
    width: 250px;
  }
  .nav-social .dropdown .dropdown-menu .input-group .input-sm {
    font-size: 16px;
    height: 40px;
  }
  .nav-social .dropdown .dropdown-menu .input-group .input-group-btn {
    display: none;
  }
  .calendar-icon i {
    position: relative;
    top: -2px;
  }
  #mainNavContent .navbar-toggle {
    background-color: #10403F;
    color: #ffffff;
  }
  #mainNavContent .navbar-toggle:hover {
    background-color: #0d3433;
  }
  #mainNavContent .navbar-toggle .icon-bars span,
  #mainNavContent .navbar-toggle .icon-bars span:before,
  #mainNavContent .navbar-toggle .icon-bars span:after {
    background: #ffffff;
  }
  .modal .close {
    background: #FFF;
    color: #222;
    height: 44px;
    width: 44px;
    text-align: center;
    line-height: 44px;
    border-radius: 50%;
    opacity: 0.9;
    position: absolute;
    z-index: 2000;
    right: -22px;
    top: -22px;
  }
  .modal .close:hover,
  .modal .close:focus {
    opacity: 1;
  }
  #SiteWideAlerts {
    position: relative;
    z-index: 50;
    top: 48px;
  }
  #SiteWideAlerts .btn-danger {
    background: #E52822;
    border: 0;
    border-radius: 0;
    font-size: 21px;
    font-weight: 600;
    position: absolute;
    top: -55px;
    left: 10px;
    padding: 7px 12px;
  }
  #SiteWideAlerts .badge {
    position: absolute;
    top: -5px;
    right: -18px;
    background: #E52822;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    line-height: 21px;
    font-size: 15px;
    color: #FFF;
  }
  .Homepage-Layout main {
    padding-top: 0;
  }
  .cta-wrapper {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .cta {
    position: relative;
  }
  .cta ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: block;
    text-align: center;
    width: 100%;
  }
  .cta ul > li {
    display: block;
    width: 100%;
  }
  .cta ul > li > a {
    color: #fff;
    display: block;
    padding: 12px 8px 8px 8px;
    font-size: 24px;
    background-color: #257F86;
    font-weight: 800;
    min-width: 100px;
    font-family: 'Bell Gothic Std Black', sans-serif;
  }
  .cta ul > li:nth-of-type(2) > a {
    background-color: #1a595e;
  }
  .search-panel .container > div {
    background: #fff;
    padding: 10px 15px;
    border: 1px solid #DDD;
    border-radius: 6px;
    box-shadow: 0px 0px 3px #333;
    margin-top: -90px;
    position: relative;
    z-index: 15;
  }
  .search-panel label {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .search-panel .input-group {
    margin-bottom: 10px;
  }
  .search-panel .input-group .search-input {
    border: 3px solid #DDD;
    border-right: 0;
    box-shadow: 0;
    border-radius: 12px 0 0 12px;
  }
  .search-panel .input-group .btn-default {
    background: #ddd;
    border: 1px solid #DDD;
    border-radius: 0 12px 12px 0;
  }
  .search-panel h3 {
    margin-top: 5px;
  }
  /* .bar-search the search that is in the portal bar, but in this case its not really the portal bar, its something else */
  .bar-search {
    position: relative;
    top: 6.5px;
    margin-left: 10px;
  }
  .bar-search input[type="text"] {
    border-radius: 17px 0 0 17px !important;
    border: 0 !important;
  }
  .bar-search .btn-search-form {
    border-radius: 0px 17px 17px 0px;
    border: 0;
    padding: 7px 10px;
    margin: 0px;
    background: #fff;
  }
  .bar-search .btn-search-form i {
    position: relative;
    right: 2px;
    top: 2px;
  }
  .bar-search .form-search-text {
    border-radius: 0 !important;
    padding-left: 14px;
    padding-top: 6px;
    border: 1px solid #ddd;
    background: #fafafa;
  }
  .bar-search .form-search-text.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  /* mobile search in the navigation toggle */
  .mobile-search .col-sm-4 {
    width: 100%;
    float: left;
  }
  .mobile-search {
    margin: 35px 0px 20px 0px;
    padding: 0px 5px;
  }
  .mobile-search .form-search-text,
  .mobile-search .input-group-btn > .btn {
    height: 46px !important;
    padding: 10px 16px !important;
    font-size: 18px !important;
    line-height: 1.3333333 !important;
    border-radius: 0 23px 23px 0 !important;
  }
  .mobile-search #modSearchInput {
    margin: 0;
    padding: 0 0 0 18px;
    border-radius: 30px 0px 0px 30px;
    border: 0;
  }
  .mobile-search .input-group-btn {
    border-radius: 23px;
    background: #FFF;
  }
  .mobile-search #modSearchBtn {
    background: #10403F;
    border: 3px solid #fff;
    border-radius: 6px;
    color: #FFF;
    margin: 0;
    padding: 11px 20px;
  }
  /* homepage search */
  .Homepage-Layout .hero .overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: '';
    background: rgba(0, 0, 0, 0.1);
  }
  .Homepage-Layout .hero .hp-search-wrapper {
    margin: 0px auto 0 auto;
    padding: 0px 15px;
    max-width: 800px;
    position: relative;
    z-index: 11;
    top: 85px;
  }
  .Homepage-Layout .hero .hp-search-wrapper h1 {
    color: #FFF;
  }
  .Homepage-Layout .hero .hp-search-wrapper .input-group {
    box-shadow: 0px 0px 12px 0px #000000;
    border-radius: 6px;
  }
  .Homepage-Layout .hero .hp-search-wrapper input[type="text"] {
    border: 3px solid #fff;
    border-radius: 6px 0px 0px 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 48px;
    padding: 14px;
  }
  .Homepage-Layout .hero .hp-search-wrapper .input-group-btn {
    border-radius: 0px 6px 6px 0px;
    background: #fff;
  }
  .Homepage-Layout .hero .hp-search-wrapper .input-group-btn .btn {
    background: #EEE5B7;
    border: 3px solid #fff;
    border-radius: 6px;
    color: #222;
    margin: 0;
    padding: 11px 20px;
  }
  /* .hero-search the search in the hero area, just below the nav. it looks like its snapped to the nav, but its really in the hero */
  .hero-search {
    width: 350px;
    padding: 12px;
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 10;
    border-radius: 0px 0px 30px 30px;
  }
  .hero-search .from-group {
    margin: 0;
    padding: 0;
  }
  .hero-search .form-group input[type="text"] {
    margin: 0;
    padding: 0;
    border-radius: 0px 30px 30px 0px;
    border: 0;
  }
  .hero-search .form-group .input-group-addon {
    border-radius: 30px 0px 0px 30px;
    background: #FFF;
  }
  /* homepage */
  .hero-well {
    display: none !important;
  }
  #hero.hero {
    margin-top: -160px;
    height: 650px;
  }
  #hero.hero .hero-copy {
    display: none;
  }
  #homepage-main {
    padding: 50px 0;
  }
  .border-right {
    border-right: 1px solid #DDD;
  }
  .border-left {
    border-left: 1px solid #DDD;
  }
  .video {
    position: relative;
  }
  .video .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    color: rgba(255, 255, 255, 0.85);
  }
  .video + span {
    display: block;
    text-align: center;
    padding: 3px;
    margin-bottom: 10px;
  }
  #homepage-main article {
    text-align: center;
  }
  #homepage-main article h3 {
    margin-bottom: 20px;
  }
  #homepage-main article h3 a {
    color: #DE6128;
  }
  .mt-0 {
    margin-top: 0 !important;
  }
  .events {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .events a {
    display: block;
    padding: 10px 0;
  }
  .events h4,
  .events p {
    margin: 0;
  }
  .homepage-middle {
    padding: 40px 0 15px 0;
    background-color: #EEE5B7;
  }
  .square-card {
    display: block;
    position: relative;
    margin-bottom: 50px;
  }
  .square-card span {
    font-family: 'Bell Gothic Std Black', sans-serif;
    background-color: #257F86;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    padding: 11px 20px 7px 20px;
    color: #FFF;
    font-size: 20px;
    line-height: 23px;
    font-weight: 700;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    text-transform: uppercase;
  }
  .square-card img {
    width: 100%;
  }
  .square-card.square-card-mini {
    margin-bottom: 65px;
  }
  .square-card.square-card-mini span {
    font-size: 15px;
    font-weight: 500;
    min-height: 45px;
    bottom: -45px;
    padding: 5px 10px;
  }
  .square-card.square-card-super-mini {
    margin-bottom: 25px;
  }
  .square-card.square-card-super-mini span {
    font-size: 15px;
    font-weight: 500;
    min-height: 30px;
    bottom: -9px;
    padding: 5px 10px;
  }
  .homepage-bottom {
    padding: 100px 0;
  }
  .homepage-news {
    padding: 40px 0;
  }
  .homepage-news .article-content .btn {
    margin-top: 15px;
    max-width: 270px;
  }
  span.filler-image,
  span.filler-header,
  span.filler-text {
    display: block;
    min-height: 40px;
    background: #f1f1f1;
  }
  span.filler-image {
    height: 300px;
  }
  span.filler-header {
    height: 40px;
  }
  span.filler-text {
    height: 150px;
  }
  .list-events {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .list-events > li {
    width: 100%;
    height: auto;
    padidng: 0;
    margin: 0;
  }
  .list-events > li > a {
    display: block;
  }
  .mainContent {
    background-color: #fff;
    color: #333333;
  }
  .relativeContent {
    background-color: #efefef;
    color: #333333;
  }
  .mainContentArea a,
  .relativeContent a {
    color: #005ea2;
  }
  .mainContentArea a:visited,
  .relativeContent a:visited {
    color: #005ea2;
  }
  .navbar-portalbar-v3 .icon-stack .icon-kygov-text {
    color: #ffffff;
  }
  .navbar-portalbar-v3 .governor {
    color: #ffffff;
  }
  .navbar-portalbar-v3 {
    background-color: #0e3535;
    background: linear-gradient(to bottom, #0e3535 0%, #0e3535 100%);
    border-color: #030d0d;
    padding: 0;
    z-index: 10;
  }
  .navbar-portalbar-v3 .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }
  .navbar-portalbar-v3 .navbar-toggle,
  .navbar-portalbar-v3 .navbar-toggle:hover,
  .navbar-portalbar-v3 .navbar-toggle:active,
  .navbar-portalbar-v3 .navbar-toggle:focus {
    background: #0e3535;
    background: rgba(14, 53, 53, 0.4);
  }
  .navbar-portalbar-v3 .navbar-nav > li > a {
    color: #ffffff;
    text-shadow: 0 1px 0px #030d0d;
  }
  .navbar-portalbar-v3 .navbar-brand {
    color: #ffffff;
    padding-top: 10px;
  }
  .navbar-portalbar-v3 .navbar-nav > li > a:hover,
  .navbar-portalbar-v3 .navbar-nav > .open > a,
  .navbar-portalbar-v3 .navbar-nav > .open > a:hover,
  .navbar-portalbar-v3 .navbar-nav > .open > a:focus {
    background: #0e3535;
    background: rgba(14, 53, 53, 0.4);
    color: #ffffff;
    text-shadow: 0 1px 0px #030d0d;
  }
  .navbar-portalbar-v3 .search-toggle,
  .navbar-portalbar-v3 .login-toggle {
    color: #ffffff;
  }
  .navbar-portalbar-v3 .navbar-text-kytagline {
    color: #ffffff;
    padding-top: 14px;
  }
  .app-area {
    background: #F0E4B1;
    padding: 30px 0;
    margin-bottom: 30px;
  }
  .image {
    height: 400px;
    width: 100%;
    background-image: url('/Fish/PublishingImages/find a place to fish.png');
    background-size: cover;
  }
  .app-area select.form-control {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
    line-height: 30px;
  }
  .app-area select.form-control:focus {
    border-color: #66afe9 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
  }
  .app-area .select-wrapper {
    position: relative;
  }
  .app-area .select-wrapper:after {
    content: '\f0d7';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    color: #257F86;
    position: absolute;
    right: 12px;
    top: 9px;
    font-size: 20px;
    user-select: none;
  }
  .app-area .radio-inline,
  .app-area .checkbox label {
    font-size: 18px;
  }
  .app-area h2,
  .app-area h2,
  .app-area h3,
  .app-area h4,
  .app-area h5,
  .app-area h6 {
    color: #222 !important;
  }
  .app-area hr {
    border-top: 1px solid #4c4c4c;
  }
  .other-links {
    background: #257F86;
    padding: 30px;
    margin-bottom: 30px;
  }
  .other-links h5,
  .other-links h3 {
    color: #fff !important;
  }
  .other-links a {
    text-decoration: underline !important;
    color: #FFF !important;
  }
  .other-links .panel {
    background: transparent !important;
    margin: 0;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .other-links .panel .panel-heading {
    padding: 0;
    border: 0;
    border-radius: 0;
  }
  .other-links .panel .panel-body {
    padding: 0;
  }
  .other-links .panel .panel-heading h5 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 20px 0;
  }
  .other-links .panel ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .other-links .panel ul > li {
    margin-bottom: 8px;
  }
  .other-links .panel ul > li:last-of-type {
    margin-bottom: 0;
  }
  .other-links .panel ul > li > a {
    text-decoration: underline !important;
    color: #FFF !important;
    font-weight: 600;
  }
  .other-links .list-item:before {
    content: '';
  }
  .other-links .list-item a {
    padding: 5px 0;
    text-decoration: underline !important;
  }
  #navigation ul {
    margin: 15px 0px;
  }
  #navigation ul > li > a {
    font-size: 22px;
    color: #fff;
    padding: 15px 5px;
  }
  .mainNavRow .container,
  .navbar-default {
    background-color: #10403F;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    background-color: #0d3433;
    color: #ffffff;
  }
  .panel-default .panel-heading a {
    color: #333333;
  }
  .footer-land h5 {
    padding-right: 30px;
    font-size: 22px;
    font-weight: 700;
    vertical-align: top;
  }
  .btn-jump {
    background: #bdbdbd;
    padding: 5px 15px;
    text-decoration: none;
    text-align: center;
    float: right;
    color: #222 !important;
    font-size: 24px;
    position: relative;
    top: 10px;
  }
  .footer-land .land {
    position: relative;
  }
  .footer-land .land img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .footer-land .row {
    position: relative;
    z-index: 2;
    top: 40px;
  }
  footer a,
  footer a:link {
    color: #666666;
  }
  footer a:visited {
    color: #666666;
  }
  .footerRow > .container {
    background: #eeeeee;
    border-top: 1px solid #e1e1e1;
    color: #666666;
  }
  footer .footer-links {
    float: none;
  }
  footer .footer-links > li {
    display: inline-block;
    padding: 0 5px;
  }
  footer .footer-links > li > a {
    color: #fff !important;
  }
  footer .footer-text {
    color: #fff;
  }
  footer {
    padding: 30px 0 0px 0;
    background-color: #10403F;
  }
  footer .footer-title {
    color: #EEE5B7;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 10px;
  }
  footer .footer-title + ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
  }
  footer .footer-title + ul > li {
    padding: 1px 0;
  }
  footer .footer-title + ul > li > a,
  footer .footer-title + ul > li > a .fa {
    color: #fff !important;
  }
  footer .footer-text {
    color: #fff;
    margin-bottom: 20px;
  }
  .alert-warning {
    background-color: #dda20a;
    border-color: #dda20a;
  }
  .alert-danger {
    background-color: #ffefef;
    border-left: 5px solid #be2617;
    color: #be2617;
    padding: 15px 10px;
    margin-bottom: 20px;
  }
  .alert-danger h2,
  .alert-danger h3,
  .alert-danger h4,
  .alert-danger h5 {
    color: #be2617 !important;
    font-family: 'Bell Gothic Std Black', sans-serif;
  }
  .alert-success {
    background-color: #13855c;
    border-color: #13855c;
  }
  .alert-info {
    background-color: #4e73df;
    border-color: #4e73df;
  }
  /*stuff for submain*/
  .title-area {
    position: absolute;
    bottom: -151px;
    right: 0;
    left: 0;
  }
  .title-area-inner {
    background: #10403F;
    margin: 0px auto;
    text-align: center;
    z-index: 11;
    display: block;
    min-width: 350px;
    max-width: 1300px;
  }
  .title-area h1 {
    margin: 0;
    background: #257F86;
    text-transform: uppercase;
    color: #FFF;
    font-family: 'Bell Gothic Std Black', sans-serif;
    padding: 18px 30px 5px 30px;
    font-size: 42px;
  }
  .title-area .title-area-links {
    padding: 0px 25px;
    margin: 0;
    display: block;
  }
  .title-area .title-area-links .list-group {
    padding: 10px 0;
    margin-bottom: 0;
  }
  .title-area .title-area-links a.title-area-link {
    color: #EEE5B7;
    padding: 3px 3px 3px 6px;
    font-weight: 600;
    font-size: 17.5px;
    position: relative;
    display: block;
  }
  .action-area .action-area-mini h2 {
    color: #DE6128 !important;
    margin: 62px 0 0 0;
  }
  .fw-well {
    background: #10403F;
    box-sizing: border-box;
    display: block;
    text-align: center;
    padding: 45px 10px;
    text-decoration: none !important;
    margin-bottom: 20px;
  }
  .fw-well h5 {
    color: #EEE5B7;
    margin: 0 10px 10px 10px;
    font-size: 28px;
    font-weight: 600;
  }
  .fw-well p {
    color: #FFF !important;
    margin: 0;
  }
  .flex-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-content: space-evenly;
  }
  .flex-list > li {
    order: 1;
    flex-grow: 1;
    margin: 0;
    position: relative;
  }
  .flex-list > li:after {
    content: '';
    width: 2px;
    background-color: #257F86;
    position: absolute;
    z-index: 0;
    right: 0;
    top: 6px;
    bottom: 6px;
  }
  .flex-list > li:last-of-type:after {
    display: none;
  }
  .flex-list > li > a {
    padding: 5px 10px;
    text-align: center;
    display: block;
    color: #257F86 !important;
    font-weight: 600;
  }
  a.list-news {
    display: block;
    color: #222 !important;
    text-decoration: none !important;
    padding: 5px 0;
    transition: 0.15s ease all;
  }
  a.list-news:hover,
  a.list-news:focus,
  a.list-news:focus-within {
    color: #10403F !important;
  }
  a.media {
    text-decoration: none;
    color: #333333;
    position: relative;
    display: block;
    padding: 12px 40px 12px 0;
    margin: 0;
    border-bottom: 1px solid #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  a.media:first-of-type {
    border-top: 1px solid #ccc;
  }
  a.media:after {
    position: absolute;
    content: '\f105';
    font-family: 'Font Awesome 5 Pro';
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 40px;
    color: #ccc;
  }
  a.media .media-left {
    height: 100px;
    width: 100px;
    padding-right: 12px;
  }
  a.media .media-body {
    min-height: 80px;
    width: auto;
  }
  a.media .media-body p {
    color: #333333;
    margin-bottom: 0;
  }
  a.media .media-body h3 {
    margin-top: 0;
  }
  a.media .media-body h3 small {
    display: block;
    padding-top: 5px;
  }
  /*.media a:hover .media-body p, .media a:focus .media-body p */
  a.media:hover .media-body h3,
  a.media:focus .media-body h3 {
    color: #56B8BA;
    text-decoration: underline;
  }
  a.media:hover:after,
  a.media:focus:after {
    color: #56B8BA;
  }
  a.media.no-image .media-body {
    min-height: auto !important;
  }
  a.media + .link-primary {
    margin-top: 10px;
  }
  .list-group-item + .eec-card {
    margin-top: 30px;
  }
  a.media.square-image img {
    margin-left: 0 !important;
    width: 100% !important;
    height: auto !important;
  }
  .list-group.groupmarker {
    margin-bottom: 20px;
  }
  .search-panel .list-group.groupmarker {
    margin-bottom: 0px;
  }
  .list-item {
    display: block;
  }
  .list-item a {
    display: inline-block;
    text-decoration: none !important;
    padding: 1px 1px 1px 9px;
  }
  .list-item:before {
    content: '\2022';
  }
  .list-item-inline {
    text-decoration: none !important;
    padding: 1px;
    margin: 0 4px;
  }
  .list-group .list-group-item {
    color: #333333;
    position: relative;
    padding-right: 30px;
    display: block;
    width: 100%;
  }
  .list-group a.list-group-item {
    color: #333333;
    text-decoration: none;
  }
  .list-item a:hover,
  .list-item a:focus,
  .list-item a:focus-within,
  .list-item-inline:hover,
  .list-item-inline:focus,
  .list-item-inline:focus-within {
    text-decoration: underline !important;
  }
  .list-group-item-title,
  .list-group-item-desc {
    text-decoration: none;
  }
  .list-group-item-title:hover {
    text-decoration: underline;
  }
  .list-group a.list-group-item:not([href$=".gov"]):after,
  .list-group a.list-group-item:not([href$=".GOV"]):after {
    content: '\f08e';
  }
  .list-group a.list-group-item[href^="/"]:after,
  .list-group a.list-group-item[href^=".."]:after {
    content: '\f105';
  }
  .list-group a.list-group-item[href^="mailto"]:after,
  .list-group a.list-group-item[href^="MAILTO"]:after {
    content: '\f003';
  }
  .list-group a.list-group-item[href^="tel"]:after,
  .list-group a.list-group-item[href^="TEL"]:after {
    content: '\f095';
  }
  .list-group a.list-group-item:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    position: absolute;
    right: 8px;
    top: 11px;
    content: '\f054';
    color: #aaa;
  }
  .list-group a.list-group-item[href$=".pdf"]:after,
  .list-group a.list-group-item[href$=".PDF"]:after,
  .results-list .list-group-item a[href$=".pdf"]:after,
  .results-list .list-group-item a[href$=".PDF"]:after {
    content: "\f1c1";
    /*PDF*/
  }
  .list-group a.list-group-item[href$=".csv"]:after,
  .list-group a.list-group-item[href$=".CSV"]:after,
  .list-group a.list-group-item[href$=".xls"]:after,
  .list-group a.list-group-item[href$=".XLS"]:after,
  .list-group a.list-group-item[href$=".xlsx"]:after,
  .list-group a.list-group-item[href$=".XLSX"]:after,
  .results-list .list-group-item a[href$=".csv"]:after,
  .results-list .list-group-item a[href$=".CSV"]:after,
  .results-list .list-group-item a[href$=".xls"]:after,
  .results-list .list-group-item a[href$=".XLS"]:after,
  .results-list .list-group-item a[href$=".xslx"]:after,
  .results-list .list-group-item a[href$=".XSLX"]:after {
    content: "\f1c3";
    /*Excel*/
  }
  .list-group a.list-group-item[href$=".doc"]:after,
  .list-group a.list-group-item[href$=".DOC"]:after,
  .list-group a.list-group-item[href$=".docx"]:after,
  .list-group a.list-group-item[href$=".DOCX"]:after,
  .results-list .list-group-item a[href$=".doc"]:after,
  .results-list .list-group-item a[href$=".DOC"]:after,
  .results-list .list-group-item a[href$=".docx"]:after,
  .results-list .list-group-item a[href$=".DOCX"]:after {
    content: "\f1c2";
    /*Word*/
  }
  .list-group a.list-group-item[href$=".ppt"]:after,
  .list-group a.list-group-item[href$=".PPT"]:after,
  .list-group a.list-group-item[href$=".pptx"]:after,
  .list-group a.list-group-item[href$=".PPTX"]:after,
  .results-list .list-group-item a[href$=".ppt"]:after,
  .results-list .list-group-item a[href$=".PPT"]:after,
  .results-list .list-group-item a[href$=".pptx"]:after,
  .results-list .list-group-item a[href$=".PPTX"]:after {
    content: "\f1c4";
    /*Powerpoint*/
  }
  .list-group a.list-group-item[href$=".rtf"]:after,
  .list-group a.list-group-item[href$=".RTF"]:after,
  .list-group a.list-group-item[href$=".txt"]:after,
  .list-group a.list-group-item[href$=".TXT"]:after,
  .list-group a.list-group-item[href$=".xml"]:after,
  .list-group a.list-group-item[href$=".XML"]:after,
  .results-list .list-group-item a[href$=".rtf"]:after,
  .results-list .list-group-item a[href$=".RTF"]:after,
  .results-list .list-group-item a[href$=".txt"]:after,
  .results-list .list-group-item a[href$=".TXT"]:after,
  .results-list .list-group-item a[href$=".xml"]:after,
  .results-list .list-group-item a[href$=".XML"]:after {
    content: "\f0f6";
    /*Text*/
  }
  .list-group a.list-group-item[href$=".mp3"]:after,
  .list-group a.list-group-item[href$=".MP3"]:after,
  .list-group a.list-group-item[href$=".wav"]:after,
  .list-group a.list-group-item[href$=".fla"]:after,
  .list-group a.list-group-item[href$=".flac"]:after,
  .list-group a.list-group-item[href$=".ra"]:after,
  .list-group a.list-group-item[href$=".rma"]:after,
  .list-group a.list-group-item[href$=".aif"]:after,
  .list-group a.list-group-item[href$=".aiff"]:after,
  .list-group a.list-group-item[href$=".aa"]:after,
  .list-group a.list-group-item[href$=".aac"]:after,
  .list-group a.list-group-item[href$=".aax"]:after,
  .list-group a.list-group-item[href$=".ac3"]:after,
  .list-group a.list-group-item[href$=".au"]:after,
  .list-group a.list-group-item[href$=".ogg"]:after,
  .list-group a.list-group-item[href$=".avr"]:after,
  .list-group a.list-group-item[href$=".3ga"]:after,
  .list-group a.list-group-item[href$=".flac"]:after,
  .list-group a.list-group-item[href$=".mid"]:after,
  .list-group a.list-group-item[href$=".midi"]:after,
  .list-group a.list-group-item[href$=".m4a"]:after,
  .list-group a.list-group-item[href$=".mp4a"]:after,
  .list-group a.list-group-item[href$=".amz"]:after,
  .list-group a.list-group-item[href$=".mka"]:after,
  .list-group a.list-group-item[href$=".asx"]:after,
  .list-group a.list-group-item[href$=".pcm"]:after,
  .list-group a.list-group-item[href$=".m3u"]:after,
  .list-group a.list-group-item[href$=".wma"]:after,
  .list-group a.list-group-item[href$=".xwma"]:after {
    content: "\f1c7";
    /*Audio*/
  }
  .list-group a.list-group-item[href$=".gif"]:after,
  .list-group a.list-group-item[href$=".GIF"]:after,
  .list-group a.list-group-item[href$=".jpg"]:after,
  .list-group a.list-group-item[href$=".JPG"]:after,
  .list-group a.list-group-item[href$=".jpeg"]:after,
  .list-group a.list-group-item[href$=".JPEG"]:after,
  .list-group a.list-group-item[href$=".png"]:after,
  .list-group a.list-group-item[href$=".PNG"]:after,
  .list-group a.list-group-item[href$=".bmp"]:after,
  .list-group a.list-group-item[href$=".BMP"]:after,
  .list-group a.list-group-item[href$=".tif"]:after,
  .list-group a.list-group-item[href$=".TIF"]:after {
    content: "\f1c5";
    /*Image*/
  }
  .list-group a.list-group-item[href$=".zip"]:after,
  .list-group a.list-group-item[href$=".ZIP"]:after,
  .list-group a.list-group-item[href$=".rar"]:after,
  .list-group a.list-group-item[href$=".tar"]:after,
  .list-group a.list-group-item[href$=".gz"]:after,
  .list-group a.list-group-item[href$=".dmg"]:after,
  .list-group a.list-group-item[href$=".iso"]:after {
    content: "\f1c6";
    /*Archive*/
  }
  .list-group a.list-group-item:hover:after,
  .list-group a.list-group-item:focus:after {
    color: #FFF;
  }
  .list-group a.list-group-item:hover,
  .list-group a.list-group-item:focus {
    background-color: #257F86;
    border-color: #257F86;
    color: #FFF;
  }
  .list-group a:hover .list-group-item-title,
  .list-group a:focus .list-group-item-title {
    color: #FFF;
    text-decoration: underline;
  }
  .list-group a:hover .list-group-item-desc,
  .list-group a:focus .list-group-item-desc {
    color: #FFF;
  }
  .list-group .list-group-item .list-group-item-title {
    display: block;
    font-weight: 500;
    font-size: 18px;
  }
  .list-group .list-group-item .list-group-item-desc {
    display: block;
    color: #595959;
  }
  .list-group .list-group-item .list-group-item-desc:hover {
    text-decoration: none;
  }
  .list-group .list-group-item ul {
    padding-left: 17px;
    font-weight: 400;
    color: #595959;
  }
  .list-group .list-group-item span > span {
    font-weight: 400;
    color: #595959;
  }
  .slm-layout-main {
    position: relative;
    overflow: visible;
  }
  .list-group .slm-layout-main .item {
    position: relative;
    z-index: 10;
  }
  .basic-callout {
    margin-bottom: 20px;
  }
  .basic-callout img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .page-title-area h1 {
    color: #FFF;
    padding: 20px 35px;
    margin: 0;
    display: inline-block;
    background: lime;
  }
  .page-title-area .sub-main-links {
    background: red;
  }
  .page-title-area .sub-main-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .page-title-area .sub-main-links ul > li {
    display: block;
  }
  .page-title-area .sub-main-links ul > li > a {
    color: tomato;
  }
  .cards-row {
    margin-bottom: 25px;
  }
  .link-mega {
    display: block;
    text-align: center;
    padding: 1px;
    margin-bottom: 40px;
    font-size: 36px;
    font-family: 'Bell Gothic Std Black', sans-serif;
    text-decoration: none;
  }
  .link-mega span {
    display: block;
    margin: 9px;
    padding: 20px 15px 15px 15px;
    border: 2px solid #FFF;
  }
  .link-mega-orange {
    color: #FFF !important;
    background: #DE6128;
  }
  .link-mega-green {
    color: #FFF !important;
    background: #10403F;
  }
  .green-callout {
    background: #10403F;
    color: #FFF;
    margin-bottom: 25px;
  }
  .green-callout-content {
    padding: 25px;
  }
  .green-callout h2 {
    font-size: 44px;
    line-height: 54px;
  }
  .green-callout h2,
  .green-callout h3,
  .green-callout h4,
  .green-callout h5,
  .green-callout h6 {
    color: #EEE5B7 !important;
    font-family: 'Bell Gothic Std Black', sans-serif;
  }
  .green-callout hr {
    border-color: #EEE5B7;
    margin: 12px 0px;
  }
  .green-callout p {
    color: #FFF;
  }
  .green-callout p a {
    font-weight: 900;
  }
  .green-callout-image {
    height: 375px;
    background-position: center;
    background-size: cover;
  }
  #navButtons {
    position: relative;
  }
  #navButtons li {
    display: inline-block !important;
    width: 50%;
    float: left;
  }
  #navButtons > li > a {
    display: block;
    text-align: center;
    font-size: 19px !important;
    background: #EEE5B7 !important;
    color: #0e3535 !important;
    font-family: 'Bell Gothic Std Black', sans-serif;
    padding: 16px 0px 13px 0px !important;
    margin: 5px 5px 5px 5px;
    border-bottom: 0 !important;
  }
  #navButtons > li > a.btn-orange {
    color: #FFF !important;
    background-color: #DE6128 !important;
  }
  .fish-id h3 {
    font-size: 60px;
    float: left;
    font-family: 'Bell Gothic Std Black', sans-serif;
    margin-right: 10px;
    margin-bottom: 0px;
  }
  .fish-id p {
    max-width: 760px;
    margin-bottom: 0px;
  }
  .fish-id img {
    width: 100%;
    height: auto;
    margin: -5px 0 10px 0;
  }
  .fish-id ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .fish-id ul > li {
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0;
    margin: 0;
    border-right: 2px solid #005ea2;
  }
  .fish-id ul > li:last-of-type {
    border: 0;
  }
  .fish-id ul > li > a {
    padding: 5px 18px;
    font-weight: 700;
    text-align: center;
    font-family: 'Bell Gothic Std Bold', sans-serif;
    color: #005ea2;
    display: block;
  }
}
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
@media only screen and (min-width: 768px) {
  #mobileSocial {
    display: none;
  }
  #navButtons {
    position: absolute;
    right: 0;
    top: 18px;
  }
  #navButtons li {
    display: block !important;
    width: 150px;
  }
  #navButtons > li > a {
    font-size: 17px;
    margin: 0px 0px 10px 0px;
    padding: 13px 0px 9px 0px !important;
  }
  .portal-BarInsert .search {
    display: block;
    position: relative;
    top: 5px;
    right: -10px;
  }
  .top-row {
    display: block;
  }
  .title-area {
    bottom: -82px;
  }
  .title-area-inner {
    display: table;
  }
  .Homepage-Layout .hero .hp-search-wrapper {
    top: 205px;
  }
  .list-events > li {
    width: 50%;
  }
  .portal-BarInsert {
    z-index: 34 !important;
  }
  #SiteWideAlerts {
    position: absolute;
    top: 234px;
    left: 12px;
  }
  #SiteWideAlerts .btn-danger {
    padding: 12px 18px;
    left: 0;
  }
  #SiteWideAlerts .badge {
    top: -12px;
    right: -18px;
  }
  footer .footer-links {
    float: right;
  }
  #navigation {
    position: relative;
  }
  .navbar-portalbar-v3 .navbar-nav .open .dropdown-menu .divider {
    background-color: #0e3535;
  }
  .navbar-portalbar-v3 .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-portalbar .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-portalbar .nav-collapse .nav > li > a:hover {
    background: #0e3535;
    background: rgba(14, 53, 53, 0.4);
    color: #ffffff;
    text-shadow: 0 1px 0px #030d0d;
  }
  .navbar-portalbar-v3 .navbar-collapse .nav > li > a {
    color: #ffffff;
  }
  #mainNavContent .navbar {
    border: 0;
  }
  #mainNavContent .navbar .container {
    padding-left: 0;
    padding-right: 0;
  }
  #mainNavContent .navbar-header {
    float: left;
    border-bottom: 0;
  }
  #mainNavContent .navbar-header .navbar-brand {
    margin: 0;
    padding: 10px 0 15px 0;
    position: relative;
    top: 0;
    display: block;
    float: left;
  }
  #mainNavContent .navbar-header .navbar-brand img {
    margin: 0px;
    height: 110px;
    position: relative;
    z-index: 40;
  }
  #mainNav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 85px;
    padding-right: 160px;
  }
  .title-area h1 {
    font-size: 65px;
  }
  #navigation .navbar-nav {
    margin: 0 auto;
    display: block;
    float: left;
  }
  #navigation .navbar-nav > li {
    display: inline-block;
    float: none;
  }
  #navigation ul > li > a {
    font-weight: 600;
    font-size: 18px;
    padding: 18px 8px 14px 8px;
    transition: 0.15s ease all;
    border-bottom: 2px solid transparent;
  }
  #navigation ul > li > a:hover,
  #navigation ul > li > a:focus,
  #navigation ul > li.active > a {
    border-bottom: 2px solid #EEE5B7;
    background: rgba(255, 255, 255, 0.07);
  }
  .cta ul > li:nth-of-type(2) {
    margin: 0 10px;
  }
  .cta ul > li {
    width: 29%;
    display: inline-block;
  }
  .cta ul > li > a {
    font-size: 22px;
    min-width: 220px;
  }
  .cta ul > li:nth-of-type(2) > a {
    background-color: #257F86;
  }
  #homepage-main article h3,
  #homepage-main article p {
    padding: 0 30px;
  }
  .navbar-secondary .nav > li:first-of-type > a {
    color: #fff;
    background: transparent !important;
    padding-left: 60px;
    padding-right: 30px;
  }
  .navbar-secondary .nav > li:first-of-type > a:after {
    display: none;
  }
  .navbar-secondary .nav > li:first-of-type {
    clip-path: polygon(90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0);
    margin-left: -45px;
    background: #10403F;
    color: #fff;
  }
}
@media only screen and (min-width: 992px) {
  .search-panel .col-sm-8 {
    padding-right: 50px;
  }
  .pad-right {
    padding-right: 80px;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1270px;
    width: 100%;
  }
}
/* cool video stuff */
.fw-video {
  position: relative;
  margin-bottom: 10px;
}
.fw-video a.fw-video-img-link {
  display: block;
}
.fw-video a.fw-video-img-link .img-wrapper {
  position: relative;
  display: block;
  z-index: 8;
}
.fw-video a.fw-video-img-link .fw-video-overlay {
  position: absolute;
  z-index: 9;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 100px 0 rgba(0, 0, 0, 0.35);
  text-align: center;
  transition: 0.15s ease all;
}
.fw-video a.fw-video-img-link .fw-video-overlay .far {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 70px;
  z-index: 10;
}
.fw-video a.fw-video-img-link:hover .fw-video-overlay .far,
.fw-video a.fw-video-img-link:focus .fw-video-overlay .far,
.fw-video a.fw-video-img-link:focus-within .fw-video-overlay .far {
  color: #ffffff !important;
}
.fw-video a.fw-video-img-link:hover .fw-video-overlay,
.fw-video a.fw-video-img-link:focus .fw-video-overlay,
.fw-video a.fw-video-img-link:focus-within .fw-video-overlay {
  background: rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 25px 0 rgba(0, 0, 0, 0.1);
}
.fw-video .video-duration {
  background: rgba(0, 0, 0, 0.68);
  color: #fff !important;
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  padding: 3px 7px;
}
.fw-video .video-title {
  display: block;
  text-align: center;
  padding: 3px;
  color: #257F86 !important;
}
.fw-video img {
  width: 100%;
}
/* reverse mobile first */
@media only screen and (max-width: 768px) {
  .fw-video {
    margin-bottom: 0;
  }
  .fw-video a {
    padding: 8px 0;
    border-top: 1px solid #ccc;
  }
  .fw-video:last-of-type a {
    border-bottom: 1px solid #ccc;
  }
  .fw-video a.fw-video-img-link .img-wrapper {
    display: table-cell;
    vertical-align: top;
    width: 150px;
  }
  .fw-video a.fw-video-img-link .fw-video-overlay {
    background: rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 25px 0 rgba(0, 0, 0, 0.3);
  }
  .fw-video .video-title {
    text-align: left;
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
  }
  .fw-video a.fw-video-img-link .fw-video-overlay .far {
    font-size: 35px;
  }
}
.alt-header {
  margin: 0;
  color: #727272;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 17px;
  font-family: 'Bell Gothic Std Bold', sans-serif;
  letter-spacing: 1.5px;
}
.alt-header span {
  border: 2px solid #727272;
  padding: 8px 15px 6px;
  display: inline-block;
  margin-bottom: 10px;
}
.homepage-article-image img {
  width: 100%;
  height: auto;
}
.article-content h3 {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 32px;
}
figcaption {
  font-style: italic;
  font-weight: 700;
}
.homepage-videos {
  background: #257F86;
  padding: 30px 0;
}
.homepage-videos h2.alt-header {
  color: #FFF !important;
  margin-bottom: 30px;
}
.homepage-videos h2.alt-header span {
  border-color: #FFF !important;
}
.homepage-videos .video-title {
  color: #fff !important;
}
.green-ribbon {
  background-color: #10403F;
  padding: 60px 0 15px 0;
  margin-bottom: 20px;
}
.green-ribbon .well {
  margin-bottom: 10px;
  border: 0;
  border-radius: 0;
  text-align: center;
  background: #fff;
}
.hunting .title-area h1,
.hunting .square-card span {
  background-color: #DE6128 !important;
}
.hunting .green-ribbon h2,
.hunting .green-ribbon h3 {
  color: #FFF !important;
}
@media (min-width: 992px) {
  .col-md-20 {
    width: 20%;
  }
}
.item {
  padding: 0 !important;
}
.ms-webpartzone-cell {
  margin: 0;
}
.dfwp-column {
  padding-left: 0;
}
.title-area-links .dfwp-column {
  float: none;
}
#ADA-skip a {
  background: #EEE5B7;
  color: #10403F;
  border: 2px solid #10403F;
  font-weight: 700;
  left: 0;
  padding: 1rem 1.5rem;
  position: absolute;
  top: -4.4rem;
  transition: all 0.2s ease-in-out;
  z-index: 999;
}
#ADA-skip a:focus {
  outline: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
}




/*Start John's CSS */
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}

/* Tighten up space between multiple callouts */
.bs-callout + .bs-callout {
  margin-top: -5px;
}

/* Variations */
.bs-callout-danger {
  border-left-color: #ce4844;
}
.bs-callout-danger h4, .bs-callout-danger h3 {
  color: #ce4844 !important;
}
.bs-callout-warning {
  border-left-color: #aa6708;
}
.bs-callout-warning h4, .bs-callout-warning h3 {
  color: #aa6708 !important;
}
.bs-callout-info {
  border-left-color: #1b809e;
}
.bs-callout-info h4, .bs-callout-info h3 {
  color: #1b809e !important;
}

.bs-customizer .bs-callout h4 {
  margin-top: 0; /* lame, but due to specificity we have to duplicate */
  margin-bottom: 5px;
}

.break-out{
	width:100vw;
	position:relative;
	left:calc(-1 * (100vw - 100%) /2);
	
	
}