:root {
  --bs-dark-purple: rgb(53, 69, 107);
  --bs-secondary: #003399;
  --bs-secondary-rgb: 0, 51, 153;
  --bs-section-rgb: 206, 212, 218;
  --bs-stategreen-rgb: 0, 77, 68;
  --bs-patterngreen-rgb: 80,112, 107;
  --bs-patternblue-rbg: 187, 197, 222;
  --bs-eublue-rgb: 0, 51, 153;
  --bs-eugreen--rbg: 0, 154, 68;
  --bs-euorange--rgb: 241,90,44;
  --bs-font-poppins: "Poppins", Arial;
  --bs-body-font-family: var(--bs-font-poppins);
}

.nav {
  --bs-nav-link-padding-x: 2rem;
}
  
/* .nav-item a used in place of .nav-link and styles remapped here to allow for T4's dynamic link structure */
.nav-item a {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-item a{
    transition: none;
  }
}
.nav-item a:hover, .nav-item a:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-item a:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-item a.disabled, .nav-item a:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-item a {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-item a:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-item a.active,
.nav-underline .nav-item .currentbranch0 a,
.nav-underline .show > .nav-item a {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

.navbar-nav .nav-item a.active,
.navbar-nav .nav-item .currentbranch0 a,
.navbar-nav .nav-item a.show {
  color: var(--bs-navbar-active-color);
}

@media (min-width: 576px) {

  .navbar-expand-sm .navbar-nav .nav-item a {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
}  
  
@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .nav-item a {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
}  
  
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-item a {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav .nav-item a {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
}  
@media (min-width: 1400px) {
  .navbar-expand-xxl .navbar-nav .nav-item a {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
}  
.navbar-expand .navbar-nav .nav-item a {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}

  
  
  
  

.text-bg-section {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}
  
.main-banner picture {
	width:100%;
  	height: 40vh;
  	display: flex;
}
.main-banner picture img {
    object-fit: cover; 
  	object-position: right;
    height: auto;
    width:100%;
}
  
.bg-section {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-section-rgb), var(--bs-bg-opacity)) !important;
}
  
.bg-stategreen {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-stategreen-rgb), var(--bs-bg-opacity)) !important;
}
 
.bg-eublue {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-eublue-rgb), var(--bs-bg-opacity)) !important;	
}
 
.bg-patternblue {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-patternblue-rbg), var(--bs-bg-opacity)) !important;
}


$display-font-family: poppins-bold;
$display-font-style:  "Poppins", Arial, sans-serif;
$display-font-weight: 700;

.lead {
  font-family: "Poppins", Arial;
  font-weight: 400;
  font-style: normal;
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 4rem;
  }
}

@media (min-width: 1200px) {
  .display-2 {
    font-size: 3.5rem;
  }
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 3rem;
  }
}

@media (min-width: 1200px) {
  .display-4 {
    font-size: 2.5rem;
  }
}
  
@media (min-width: 1200px) {
  .display-5 {
    font-size: 2rem;
  }
}
  
@media (min-width: 1200px) {
  .display-6 {
    font-size: 1.75rem;
  }
}

.img-container {
  max-width: 50%;
  height: auto;
}
  
@media (min-width: 1200px) {
  .img-container {
    max-width: 50%;
  	height: auto;
  }
}
  
@media (max-width: 992px) {
  .img-container {
    max-width: 100%;
  	height: auto;
  }
}


.policies-footer {
	background-color: #003399;
	color: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  color: rgb(0, 77, 68);
}

p, .p, li, .li, ul, .ul, .table {
  color: rgb(80,112, 107);
}

.text-lightweight {
  font-weight: 300;
}

.px-lg-6 {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
}

.table-headings {
	color: rgb(0, 77, 68);
}


@media (min-width: 390px) {
  .px-lg-6 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
};