body {
   font-family: "Outfit", serif;
   font-optical-sizing: auto;
   font-style: normal;
   font-size: 16px;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, h1.header {
   font-family: "Outfit", serif;
   font-weight: 600;
}

#content h1.header {
   font-size: 58px;
   line-height: 1.2;
   font-weight: 500;
}

p{
   font-size: 18px;
   line-height: 1.2;
}

a {
    color: #427cbf;
    text-decoration: none;
}

a:hover {
    color: #427cbf;
    text-decoration: underline;
}

.lead {
   font-size: 22px;
   line-height: 1.3;
   font-weight: 500;
}

.bg-image-fixed{
   background-attachment: fixed;
}

.home-bg {
   background-image: url(/images/reuben-bg-lims2.svg);
   background-repeat: no-repeat;
   background-position: right;
   min-height: 367px;
}

.dropdown-item:hover {
    color: #427cbf;
    text-decoration: underline;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    background-color: #427cbf;
}

.accordion-button, .accordion-button:not(.collapsed) {
    background-color: #427cbf;
    box-shadow: none;
    color: #0d0f26;
    /*border-radius: 5px;*/
}

.accordion-item {
   overflow: hidden;
}

.accordion-link:hover {
    color: #427cbf !important;
    text-decoration: none;
}

.text-orange {
    color: #ef9a21 !important;
}

.nav-link:hover, .nav-link:focus, .dropdown-item:hover, .dropdown-item:focus {
    color: #427cbf !important;
    text-decoration: none  !important;
}

.nav-link.active, .dropdown-item.active {
    color: #427cbf !important;
    border-bottom: none;
    font-weight: 500 !important;
    background-color: transparent;
}

#menu {
    z-index: 5000;
    position: relative;
    width: 100%;
    padding: 10px 0;
    background-color: #0d0f26;
    background-image: linear-gradient(-60deg, #427cbf 0, #427cbf 33%, #0d0f26 33%, #0d0f26 33%);
}

#menu.home-menu{
    position: absolute;
    background: 0 0;
}

.nav-down-bg > #menu.home-menu {
    position: absolute;
    background-image: linear-gradient(-60deg, #427cbf 0, #427cbf 33%, #0d0f26 30%) !important;
}

#menu:has(.container .navbar .navbar-collapse.show), #menu:has(.container .navbar .navbar-collapse.collapsing) {
    background-image: linear-gradient(118deg, #0d0f26 0, #0d0f26 20%, #427cbf 0%, #427cbf 20%);
    background-size: 290px 60px;
    background-position: top right;
}

.menuIcon .burger {
    background-color: #427cbf;
    display: block;
    height: 1.8px;
    margin: 0 8px;
    position: absolute;
    top: 50%;
    width: 24px;
}

.article-back-link {
    font-size: 1.2rem;
    color: #0d0f26;
    border-bottom: 1px #427cbf solid;
}

.article-back-link span {
    color: #427cbf;
}

.article-back-link:hover {
    text-decoration: none;
    color: #0d0f26;
    text-shadow: 1px 1px 2px #427cbf;
    border-bottom: 2px #427cbf solid;
}
h1.header span {
    color: #427cbf;
}

.bg-orange {
    background-color: #ef9a21;
}

.bg-lightgrey {
    background-color: #e6e7e8;
}

.bg-grey {
    background-color: #7b7c7f;
}

.bg-dark {
   background-color: #0d0f26 !important;
}

.bg-black {
   background-color: #0d0f26 !important;
}

.col-pad-half {
    padding: 4rem 3rem;
}

#newsletterModal .modal-content {
    background: #427cbf;
    border: none;
    color: black;
    border-radius: 0;
}

.section-padding{
   padding: 100px;
}

footer {
   background: #0d0f26;
}

.article-preview {
   display: flex;
   flex-direction: column;
   height: 100%;
}

.article-img-wrapper {
   overflow: hidden;
   border-radius: .5rem;
}

.ratio-175-1 {
   width: 100%;
   height: auto;
   aspect-ratio: 175 / 100;
   object-fit: cover;
   display: block;
}

.link-arrow {
   display: inline-flex;
   align-items: center;
   font-weight: 600;
}

   .link-arrow::after {
      content: "→";
      margin-left: .5rem;
      transition: transform .2s ease;
   }

.article-preview:hover .link-arrow::after {
   transform: translateX(4px);
}

@media (prefers-reduced-motion: no-preference) {
   .article-img-wrapper img {
      transition: transform .25s ease;
   }

   .article-preview:hover .article-img-wrapper img {
      transform: scale(1.02);
   }
}


@media (max-width: 768px) {
   .section-padding {
      padding: 50px;
   }
}