/* Aero 10 */
/* --- Header - Open --- */

#page #header {
   background-color: #0f368d;
   position: relative;
}

#page #header .header-wrapper {
   align-items: end;
   background: linear-gradient(180deg, #ffffffb8, 25%, white);
   display: grid;
   min-height: 5.625rem;
   padding-top: 3rem;
}

#page #header .header-wrapper .header-container {
   min-height: 52px;
}

#page #header .region-header {
   align-items: center;
   display: flex;
}

#page #header #site-logo .site-branding {
   padding: 0;
}

#page #header #site-logo {
   left: 0;
   position: absolute;
   z-index: 1;
}
#page #header .logo-name {
   padding-left: 8.5rem;
}

#page #header .site-logo {
   padding: 0;
}

#page #header #site-logo .site-logo img {
   width: 100%;
}

#page #header #logo-shadow {
   left: -16px;
   position: absolute;
   top: 24px;
   z-index: 0;
}

#page #header #logo-shadow .field img {
   width: 100%;
}

/* --- Header - Close --- */

/* --- Sidebar - Open --- */

#page #main {
   width: 100%;
}

/* --- Sidebar - Close --- */

/* --- Home - Open --- */

#page .border-radius-4 {
   border-radius: 0.25rem;
}

/* #page .field-content hr {
   width: 100%;
   height: 2px;
   background-color: var(--aero-border);
   border-radius: 0;
   margin-top: 20px;
   margin-left: auto;
} */

#page .special-hr hr:first-child {
   width: 2.5rem;
   height: 0.25rem;
   background-color: #3d66c2;
   border-radius: 2px;
   margin-left: 0;
   margin-top: 0;
}

#page .hero-banner .apb-slideshow-bg .apb-ss-slideshow-content .apb-ss-body h1,
#page .hero-banner .apb-slideshow-bg .apb-ss-slideshow-content .apb-ss-body h3 {
   color: white;
   font-weight: 500;
   text-shadow: 2px 2px 2px #000000b8;
   margin-bottom: 2rem;
}

#page .hero-banner .apb-slideshow-bg .apb-ss-slideshow-content .apb-ss-body h1 {
   font-size: 4rem;
}

#page .hero-banner .apb-slideshow-bg .apb-ss-slideshow-content .apb-ss-body h3 {
   font-size: 2rem;
}

#page .hero-banner .apb-slideshow-bg .apb-ss-slideshow-content .apb-ss-body a#hero-banner-button {
   position: relative;
   font-family: var(--secondary-font-family);
   font-size: 1rem;
   font-weight: 400;
   padding: 0.75rem 2.5rem 0.75rem 1rem;
   background-color: var(--color-primary);
   color: white;
   transition: 300ms;
   border-radius: 4px;
   text-decoration: none;
}

#page .hero-banner .apb-slideshow-bg .apb-ss-slideshow-content .apb-ss-body a#hero-banner-button:hover {
   background-color: var(--color-link-hover);
}

#page .hero-banner .apb-slideshow-bg .apb-ss-slideshow-content .apb-ss-body a#hero-banner-button::after {
   content: url(/sites/default/files/arrow-down-circle.svg);
   position: absolute;
   top: 28%;
   right: 8%;
}

#page .block-content .newsletter-logo-block {
   padding: 2rem 10rem;
   background-color: #eeedfa;
   text-align: center;
   border-radius: 4px;
}

#page .block-content .newsletter-logo-block .apb-sc-body-wrapper {
   display: flex;
   gap: 1.5rem;
   flex-direction: column;
}

#page .block-content .newsletter-logo-block .view-newsletter-home {
   display: flex;
   justify-content: center;
   max-width: fit-content;
   padding: 0.5rem 1rem;
   background-color: white;
   border-radius: 4px;
   border: 1px solid #b6c2d0;
}

#page .block-content .newsletter-logo-block .view-newsletter-home a {
   color: var(--color-primary-500);
   font-weight: 500;
}

#page .block-content .newsletter-logo-block .view-newsletter-home a:hover {
   color: var(--color-link-hover);
}

#page .block-content .views-row-3 .view-newsletter-home .views-field-nothing-1 a {
   padding: 0.5rem 1rem;
   color: white;
   font-size: 1rem;
   font-weight: 500;
   background-color: var(--color-primary);
}

#page .block-content .views-row-3 .view-newsletter-home .views-field-nothing-1 a:hover {
   background-color: var(--color-link-hover);
}

/* --- Home - Close --- */

/* --- About Us - Open */

#page .no-display {
   display: none;
}

#page .accordion-about-us .image-wrapper,
#page .overview-about-us .image-wrapper {
   display: flex;
   justify-content: space-evenly;
   margin-bottom: 1.2rem;
   max-height: 300px;
}

#page .accordion-about-us .image-wrapper img,
#page .overview-about-us .image-wrapper img {
   object-fit: contain;
}

/* --- About Us - Close */