/* Screen widths */
/* OIC Colors */
html {
  font-size: 10px;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.9rem;
  font-weight: 400;
  color: #000;
  position: relative;
  background: #FFF;
  /** recaptcha v3 badge **/
  /*Special Directory Page Content Type Styling */
}
body a:focus,
body input:focus,
body .form-control:focus,
body button:focus,
body .btn:focus {
  outline: 2.5px #4BA63A solid;
}
body a:hover,
body .nav-link:hover {
  text-decoration: none !important;
}
body .row,
body .row > * {
  --bs-gutter-x: inherit;
}
body .wrapper-banner > .row > section.container {
  max-width: 1920px !important;
}
body .notransform {
  transform: none !important;
}
body #main-wrapper {
  overflow: hidden;
}
body #page,
body #main-wrapper,
body .region-primary-menu .menu-item a.is-active,
body .region-primary-menu .menu-item--active-trail a,
body ul.list-group {
  background: #FFF !important;
  --bs-list-group-bg: #FFF;
}
body .region-header-start {
  width: 100%;
}
body .field--type-image img {
  margin: 0!important;
}
body .visually-hidden.skip-link.focusable:focus {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  background-color: #fff;
  color: #0368c0;
}
body .node__content {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6rem !important;
}
body #block-drupalbase-custom-content .bodytext {
  font-size: 2rem;
}
body a {
  color: #337728;
}
body a:hover {
  color: #337728;
}
body p {
  font-size: 1.6rem;
  font-family: 'Open Sans';
  color: #223E4D;
}
@media screen and (max-width: 767px) {
  body p {
    line-height: 2.4rem;
    margin-bottom: 3rem;
  }
}
body .small {
  font-size: 1.3rem;
}
body .large {
  font-size: 2.3rem;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6 {
  font-weight: 700;
  color: #1A1C1E;
  font-family: 'Open Sans', sans-serif;
}
body h1,
body .h1 {
  font-size: 4rem;
  color: #005A8B;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 767px) {
  body h1,
  body .h1 {
    font-size: 2.9rem;
    margin-bottom: 4.4rem;
    margin-top: 0;
    padding-top: 0;
    line-height: 3rem;
  }
}
body h2,
body .h2 {
  font-size: 3.4rem;
  padding-top: 2rem;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 767px) {
  body h2,
  body .h2 {
    font-size: 2.4rem;
    margin-bottom: 3rem;
    margin-top: 0;
    padding-top: 0;
    line-height: 3.6rem;
  }
}
body .sidebar h2 {
  font-size: 2.7rem;
  font-weight: 700;
}
body h3,
body .h3 {
  font-size: 2.7rem;
  padding-top: 1rem;
}
@media screen and (max-width: 767px) {
  body h3,
  body .h3 {
    font-size: 2rem;
    margin-bottom: 3rem;
    margin-top: 0;
    padding-top: 0;
    line-height: 3rem;
  }
}
body h4,
body .h4 {
  font-size: 2.3rem;
}
@media screen and (max-width: 767px) {
  body h4,
  body .h4 {
    font-size: 1.8rem;
    margin-bottom: 3rem;
    margin-top: 0;
    padding-top: 0;
    line-height: 2.7rem;
  }
}
body ul li,
body ol li {
  padding-bottom: 1rem;
  color: #223E4D;
}
body svg.ext {
  height: 24px;
  width: 24px;
  margin-top: -9px;
  fill: #337728;
}
body .fa-fas {
  font-family: "Font Awesome 6 Pro";
}
body .fa-external-link:before {
  font-size: 1rem;
  padding-left: 0.3rem;
}
body .fa-5xl {
  font-size: 5rem;
}
body .sidebar {
  font-size: initial!important;
}
body .sidebar .content {
  font-size: initial!important;
}
@media screen and (max-width: 767px) {
  body .sidebar .block {
    padding: 15px 0;
  }
}
body .field--name-field-summary-long {
  font-size: 2.3rem;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  body .field--name-field-summary-long {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 3rem;
  }
}
body caption {
  font-style: italic;
}
body .shadow-box .content {
  background-color: #F7FAFB;
  padding: 2rem 3rem;
  box-shadow: 0px 6px 10px 0px #00000026;
  margin-right: 3%;
}
body .light-blue-box {
  background-color: #F7FAFB;
}
body .light-gray-box {
  background-color: #FcFcFc;
}
body .d-shadow {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
}
body .bg-light {
  background-color: transparent!important;
}
body .color-navy {
  color: #005A8B !important;
}
body .text-white h1,
body .text-white h2,
body .text-white h3,
body .text-white h4,
body .text-white h5,
body .text-white .h1,
body .text-white .h2,
body .text-white .h3,
body .text-white .h4,
body .text-white .h5 {
  color: #F0F0F0 !important;
}
body .border,
body .border-top,
body .border-end,
body .border-bottom,
body .border-start {
  border-color: #E9E9E9 !important;
}
body .border-2 {
  border-width: 2px !important;
}
@media screen and (max-width: 991px) {
  body .border-2 {
    border: 0 !important;
  }
}
body .border-3 {
  border-width: 3px !important;
}
@media screen and (max-width: 991px) {
  body .border-3 {
    border: 0 !important;
  }
}
body .border-4 {
  border-width: 4px !important;
}
@media screen and (max-width: 991px) {
  body .border-4 {
    border: 0 !important;
  }
}
body button,
body .btn,
body .btn-primary,
body .btn-secondary {
  border-radius: 0;
  stroke-width: 2.5px;
  -webkit-text-stroke-color: #005A8B;
  line-height: 1.5rem;
  font-weight: 400;
  padding: 1.5rem 1.8rem;
}
body .btn-items a,
body .btn.btn-primary,
body .btn-default {
  background-color: #337728 !important;
  color: #FCFEFF !important;
}
body .btn-items a:hover,
body .btn.btn-primary:hover,
body .btn-default:hover,
body .btn-items a:focus,
body .btn.btn-primary:focus,
body .btn-default:focus {
  background-color: #005A8B !important;
}
body .btn-secondary {
  background-color: #FCFEFF !important;
  color: #000 !important;
  border: 4px solid #005A8B;
}
body .btn-secondary:hover,
body .btn-secondary:focus {
  border-color: #337728;
}
body .header-wrapper {
  background-color: #F7FAFB;
}
body .float-right {
  float: right;
}
body .float-left {
  float: left;
}
body #main {
  /* Why is this all here when it's global above? - WW
		h2 {
			margin: 2rem 0;

			&#block-sitemap-menu{
				margin-top: 0;
			}
		}

		h3 {
			margin: 1.5rem 0;
		}
		.btn {
			padding: .9rem;
		}
		a {

			&:not(.btn) {
				&:hover {

				}

				&:visited {
					color: @secondary-darkest;
				}
			}

			.material-icons {
				font-size: inherit;
				line-height: 0;
				position: relative;
				top: 2px;
			}
			
		}*/
}
body .align-center img {
  margin-right: auto !important;
  margin-left: auto !important;
  display: block;
}
body .grecaptcha {
  z-index: 20;
}
body.page-node-type-special_directory_page .wrapper-content-upper-bottom {
  margin-top: 0;
}
body.page-node-type-special_directory_page #block-drupalbase-custom-page-title,
body.page-node-type-special_directory_page #block-drupalbase-custom-summary {
  text-align: left;
}
body.page-node-type-special_directory_page .block-views-blockfeatured-topics-block-1 h2,
body.page-node-type-special_directory_page .block-views-blockduplicate-of-featured-topics-block-1 h2,
body.page-node-type-special_directory_page .block-views-blockinsurance-resource-landing-block-2 h2 {
  padding-top: 0;
}