:root { --bs-body-font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }

html, body{ background:#f4f4f4; }

header .bg-announcement{ background-color: #283869 !important; }
header .announcement .message{ font-size:0.9rem; }
header .logo{ max-height: 45px; }
header ul.primary-nav a.nav-link{ color:#083a89; font-size:1.1rem !important; }
header ul.primary-nav a.nav-link:hover{ color:#106eea; }
header ul.primary-nav a.current{ color:#106eea; }

footer div.info { position: relative; width: 100%; background: url("../../imgs/site/layout/element_3.webp") repeat; background-size: 25%; overflow: hidden; padding:2.5% 0%; }

/* Top Right Image */
footer div.info::before { content: ""; position: absolute; top: 0; right: 0; width: 350px; height: 350px; background: url("../../imgs/site/layout/element_1.webp") no-repeat top right; background-size:30%; z-index: 1; }

/* Bottom Left Image */
footer div.info::after { content: ""; position: absolute; bottom: -1%; left: 0; width: 350px; height: 350px; background: url("../../imgs/site/layout/element_2.webp") no-repeat bottom left; z-index: 1; background-size:30%; }

/* Keep footer content above */
footer div.info .row { position: relative; z-index: 2; }

footer .copyright{ background-color:#c54242; z-index:1; }

footer ul.catalog-list { list-style: none; padding-left: 0; margin: 0; display: block; column-count: 2; column-gap: 1rem; }
footer ul.catalog-list .nav-item { display: block; margin-bottom: 0rem; }
footer div.heading{ color:#c54242; }

div.hero-image{ aspect-ratio:96/25; }
.subheading{ border:1px solid #cccccc; border-left:5px solid #283869; }

/* Breakpoints */
@media (max-width: 576px) { 
    header .announcement .shortcut{ width:100%; }
}
@media (max-width: 768px) { 

}
@media (max-width: 992px) {

    footer div.info{ padding:8% 0%; }
    footer div.info::before{ background-size: 15%; } 
    footer div.info::after{ background-size: 15%; } 
}
@media (max-width: 1200px){ 
    header .announcement .message{ font-size:0.7rem !important; }

}
@media (max-width: 1400px){ 

}