/* Legacy CDFW styles */
.tagline {
  color: #333;
  font-size: 1.2em;
  line-height: normal;
  font-weight: bold;
  font-style: italic;
}
.textBoldRed {
  color: #C00000;
  font-weight: bold;
}
/* END */
/* Images in HTML modules */
.DnnModule-DNN_HTML img {
  height: auto;
}
/* Live Accordion panel headings */
h3.ui-accordion-header {
  font-size: 1.1em;
  font-style: normal;
  line-height: normal;
}
/* adjusts layer level of tools in embedded Esri maps so they're not on top of nav section */
.esriControlsBR, .esriSimpleSlider {
  z-index: inherit !important;
}
/* Sub-nav image styling, height adjustment */
.second-level-link > img {
  width: 64px;
  height: 64px;
  margin-right: 10px;
  border-radius: 32px;
  box-shadow: 1px 1px 4px #888;
}
.sectionMain .sub-nav .unit1 {
  height: auto;
}
/* Print Layout */
@media only print {
  header, div.breadcrumbMain, div.subFooter, footer {
    display: none !important;
  }
  div#main-content {
    padding: 0 !important;
    margin: 0 !important;
  }
}
/* prevent intra-page links from scrolling too far */
.fixed + div :target:before {
  display: block;
  content: "";
  height: 200px;
  margin: -200px 0 0;
}
/* Info Blocks (as used on /Regions/Marine) */
svg {
  overflow: hidden;
  vertical-align: middle;
}
article.rounded-15 header {
  border-radius: 15px 15px 0 0;
}
/* Live Content - Gallery Mode - style fix */
.jquery-lightbox-button-close {
  top: 5px !important;
}
.jquery-lightbox-buttons {
  top: -3px !important;
}
.jquery-lightbox-caption .lc-caption {
  height: auto !important;
  margin-right: 100px !important;
  overflow: visible !important;
}
.jquery-lightbox-title {
  height: 77px !important;
  top: -78px !important;
}
/* Cards, Card Grid */
.brd-solid-1, .brd-solid-1-before::before, .brd-solid-1-after::after, .brd-solid-1-hover:hover, .brd-solid-1-hover:focus {
    border-width: 1px !important;
    border-style: solid !important;
}
.brd-gray-light, .brd-gray-light-hover:hover, .brd-gray-light-hover:focus {
    border-color: #ddd !important;
}
.bg-gray-50, .bg-gray-50-hover:hover, .bg-gray-50-hover:focus {
    background-color: #fafafa !important;
}
.link-before::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
/* 2-column layout for Page Nave */
.page-navigation ul.columns-2 {
    columns: 2;
}