html, body {
    height:100%;
    padding:0;
    margin:0;
}
body {
    font-family: "Poppins", sans-serif;
    background-color:#ffffff;
}

.skip-to-content {
    position: absolute;
    top: 0px;
    left: -999px;
    background: #ffffff; /* Bootstrap Primary Blue */
    color: #000000;
    padding: 0.313rem; /* 5px / 16 */
    font-size: 1rem; /* 16 px */
    text-decoration: none;
    z-index: 999; /* Ensures it stays on top */
    /*display: none;*/ /* Hidden by default */
}

/* Show when focused */
.skip-to-content:focus {
    left:0px;
    top:0px;
    /*display: block;*/
    outline: none;
}

.ticker {
    width:100%;
    padding-top: 0.5rem; /* 8px / 16 */
    padding-bottom: 0.5rem; /* 8px / 16 */
    text-align:center;
    z-index:999;
}
.ticker p {
    margin-bottom:0px;
}
.header-bar {
    position:fixed;
    top:0px;
    left:0px;
    box-shadow: 0 0.375rem 1.25rem #0000004D; /* 6px 20px / 16 */
    padding-left: 3.75rem; /* 60px / 16 */
    padding-right: 3.75rem; /* 60px / 16 */
    padding-top: 1.5rem; /* 24px / 16 */
    padding-bottom: 2.125rem; /* 34px / 16 */
    width: 100%;
    z-index: 5;
    height: 9.875rem; /* 158px / 16 */
}

.header-bar .container-fluid {

}

.header-bar .logo-acc {
    padding-top: 0.625rem; /* 10px / 16 */
}
.header-bar .logo-other {
    padding-top: 0.625rem; /* 10px / 16 */
}

.col-main {}
.col-other-logos {}
.col-button {max-width: 15.625rem; padding-top: 1.25rem;} /* 250px / 16 , 20px / 16 */
.col-search {max-width: 5.625rem; padding-top: 1.25rem;} /* 90px / 16 , 20px / 16 */
.col-menu {max-width: 5rem; padding-top: 1.25rem;} /* 80px / 16 , 20px / 16 */

.header-bar .form-search, .main-menu .form-search {
    border:none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 2.813rem; /* 45px / 16 */
    font-size: 1rem; /* 16px */
    letter-spacing: -0.0319rem; /* -0.51px / 16 */
    color: #000000;
    padding: 1.188rem 1.875rem; /* 19px 30px / 16 */
}

.header-bar .btn-search, .main-menu .btn-search {
    border-radius:50%;
    background-color:#ffffff;
    padding: 0.5rem 1rem; /* 8px 16px / 16 */
    font-size: 2rem; /* 32px / 16 */
}

.header-bar .btn-header, .main-menu .btn-header {
    border-radius: 0.625rem; /* 10px / 16 */
    background-color:none;
    padding: 1.188rem 1.875rem; /* 19px 30px / 16 */
    text-align:center;
    width:100%;
    color:#FFFFFF;
    font-size: 1.125rem; /* 18px / 16 */
    border:1px solid white;
    position:relative;
    z-index:3;
}

.header-bar a.burger-menu {
    display:block;
    text-align:center;
    color:#ffffff;
    text-decoration:none;
    line-height:1;
    font-size: 1.125rem; /* 18px / 16 */
    margin-top: -0.188rem; /* -3px / 16 */
}

.header-bar a.burger-menu i {
    font-size: 3.625rem; /* 58px / 16 */
}

.main-menu {
    width: 100%;
    height: 0;
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: hidden; /* Prevent horizontal overflow */
    transition: height 1s ease;
    position: fixed;
    top: 9.875rem; /* 158px / 16 */
    z-index:4;
}

.main-menu ul.menu-level-1 {
    list-style:none;
    padding:0;
    margin: 1.25rem 1.875rem; /* 20px 30px / 16 */
}
.main-menu ul.menu-level-1 li {
    font-size: 1.5rem; /* 24px / 16 */
    font-weight:200;
    letter-spacing:-0.0675rem; /* -1.08px / 16 */
    padding: 0.625rem 0; /* 10px / 16 */
    display:block;
    width:100%;
}
.main-menu ul.menu-level-1 li a {
    text-decoration:none;
    display:block;
}

.main-menu ul.menu-level-2 {
    list-style:none;
    padding:0;
    margin: 1.25rem 1.875rem;
}
.main-menu ul.menu-level-2 li {
    font-size: 1.125rem; /* 18px / 16 */
    letter-spacing:-0.05625rem; /* -0.9px / 16 */
    padding: 0.375rem 0; /* 6px / 16 */
    display:block;
    width:100%;
}
.main-menu ul.menu-level-2 li a {
    text-decoration:none;
    display:block;
}

.main-menu ul.menu-level-3 {
    list-style:none;
    padding:0;
    margin: 1.25rem 1.875rem;
}
.main-menu ul.menu-level-3 li {
    font-size: 1.125rem; /* 18px / 16 */
    letter-spacing:-0.05625rem; /* -0.9px / 16 */
    padding: 0.375rem 0; /* 6px / 16 */
    display:block;
    width:100%;
}
.main-menu ul.menu-level-3 li a {
    text-decoration:none;
    display:block;
}


.mobile-menu {
    padding-top: 1.875rem; /* 30px / 16 */
    padding-bottom: 1.25rem; /* 20px / 16 */
}
.mobile-menu-container {
    padding-left: 1.875rem; /* 30px / 16 */
    padding-top: 1.875rem; /* 30px / 16 */
}

.mobile-menu-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-menu-container ul li {
    position: relative;
}

.mobile-menu-container a {
    display: block;
    text-decoration: none;
    padding: 0 0 0.625rem 0; /* 10px / 16 */
    font-weight: 200;
    font-size: 1.5rem; /* 24px / 16 */
    letter-spacing: -0.0675rem; /* -1.08px / 16 */
    color: #fff;
}

.mobile-menu-container a:hover {
    color: #E9C3BD;
}

.mobile-menu-container .submenu {
    display: none; /* Hide submenu by default */
    padding-left: 1.25rem; /* 20px / 16 */
}

.mobile-menu-container .submenu a {
    font-size: 1.125rem; /* 18px / 16 */
    font-weight:200;
    letter-spacing: -0.05625rem; /* -0.9px / 16 */
    padding: 0.375rem 0; /* 6px / 16 */
    display:block;
    width:100%;

}

.mobile-menu-container .submenu li .submenu {

}
.mobile-menu-container .submenu li .submenu a {
    font-size: 1.125rem; /* 18px / 16 */
    font-weight:200;
    display:block;
    padding-top: 0.625rem; /* 10px / 16 */
    padding-bottom: 0.625rem; /* 10px / 16 */
}

/* Expanded submenu class */
.mobile-menu-container .submenu.expanded {
    display: block;
}

.search {
    width: 100%;
    height: 0;
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: hidden; /* Prevent horizontal overflow */
    transition: height 1s ease;
    position: fixed;
    top: 9.875rem; /* 158px / 16 */
    z-index:4;
}
.search .content {
    margin-top: -9.875rem; /* -158px / 16 */
}
.search h2 {
    text-align:center;
    font-weight:600;
    margin-bottom: 1.25rem; /* 20px / 16 */
    color:#ffffff;
    font-size: 2.625rem; /* 42px / 16 */
}
.search a {
    color:#ffffff;
}

.search .input-group .search-text {
    width: 28.125rem; /* 450px / 16 */
    background-color:#FFFFFF;
    border:none;
    margin-left: -0.375rem !important; /* -6px / 16 */
    padding: 1.188rem 1.875rem; /* 19px 30px / 16 */
    z-index:2;
    border-radius: 0.625rem; /* 10px / 16 */
}
.search .search-mobile .search-text {
    width:100%;
    background-color:#FFFFFF;
    border:none;
    margin-left:0px !important;
    padding: 1.188rem 1.875rem; /* 19px 30px / 16 */
    z-index:2;
}
.search .input-group .btn {
    padding: 1.188rem 0.75rem; /* 19px 12px / 16 */
    border-radius: 0.625rem; /* 10px / 16 */
    box-shadow:none;
}
.search .input-group .btn-search {
    background-color:#ffffff;
    font-weight:100;
}

.search .categories {
    margin-top: 1.875rem; /* 30px / 16 */
}

.search .categories .category-radio input[type="radio"] {
    display: none;
}

/* Styling for the label */
.search .categories .category-radio {
    cursor: pointer;
    color: #e9c3bd;
    transition: all 0.3s ease;
    font-weight:600;
    padding-bottom: 0.625rem; /* 10px / 16 */
}

/* Hover effect */
.search .categories .category-radio:hover {
    color: #ffffff;
}

/* Highlight selected radio button */
.search .categories .category-radio input[type="radio"]:checked + label,
.search .categories .category-radio input[type="radio"]:checked + span,
.search .categories .category-radio input[type="radio"]:checked {
    color: #ffffff;
    border-bottom:1px solid #ffffff;
}


.search .close-search {
    position: absolute;
    top: 1.875rem; /* 30px / 16 */
    right: 1.875rem; /* 30px / 16 */
}
.search .close-search a {
    color:#ffffff;
    text-decoration:none;
}

/* search header on the search page */
.search-header {
    width: 100%;
    z-index:4;
}
.search-header .content {
    padding-top: 1.875rem; /* 30px / 16 */
    padding-bottom: 1.875rem; /* 30px / 16 */
}
.search-header h1 {
    text-align:center;
    font-weight:600;
    margin-bottom: 1.25rem; /* 20px / 16 */
    color:#000000;
    font-size: 2.625rem; /* 42px / 16 */
}

.search-header .input-group .search-text {
    width: 28.125rem; /* 450px / 16 */
    background-color:#FFFFFF;
    border:none;
    margin-left: -0.375rem !important; /* -6px / 16 */
    padding: 1.188rem 1.875rem; /* 19px 30px / 16 */
    z-index:2;
    border-radius: 0.625rem; /* 10px / 16 */
}

.search-header .search-mobile .search-text {
    width: 100%;
    background-color:#FFFFFF;
    border:none;
    margin-left:0 !important;
    padding: 1.188rem 1.875rem; /* 19px 30px / 16 */
    z-index:2;
}
.search-header .input-group .btn {
    padding: 1.188rem 0.75rem; /* 19px 12px / 16 */
    border-radius: 0.625rem; /* 10px / 16 */
    box-shadow:none;
}
.search-header .input-group .btn-search {
    background-color:#ffffff;
    font-weight:100;
}

.search-header .categories {
    margin-top: 1.875rem; /* 30px / 16 */
}

.search-header .categories .category-radio input[type="radio"] {
    display: none;
}

/* Styling for the label */
.search-header .categories .category-radio {
    cursor: pointer;
    color: #666666;
    transition: all 0.3s ease;
    font-weight:600;
    padding-bottom: 0.625rem; /* 10px / 16 */
}

/* Hover effect */
.search-header .categories .category-radio:hover {
    color: #000000;
}

/* Highlight selected radio button */
.search-header .categories .category-radio input[type="radio"]:checked + label,
.search-header .categories .category-radio input[type="radio"]:checked + span,
.search-header .categories .category-radio input[type="radio"]:checked {
    color: #000000;
    border-bottom:1px solid #000000;
}

.search-results {
    padding-bottom: 2.5rem; /* 40px / 16 */
}
.search-results h2 {
    margin-top: 2.5rem; /* 40px / 16 */
    margin-bottom: 1.25rem; /* 20px / 16 */
}
.search-results .search-result {
    padding: 1.25rem 0; /* 20px / 16 */
    border-bottom: 0.063rem solid #cccccc; /* 1px / 16 */
}
.search-results .search-result a.search-link {
    font-size: 1.375rem; /* 22px / 16 */
    text-decoration:none;
    color:#000000;
}


.main-content {
    margin-top: 7.5rem; /* 120px / 16 */
    background-color:#ffffff;
}

.breadcrumb {
    padding: 1.25rem; /* 20px / 16 */
    margin-bottom:0;
    background-color:#ffffff;
}
.breadcrumb p {
    margin-bottom:0;
    font-size: 1rem; /* 16px / 16 */
    font-weight:normal;
    color:#000000;
}
.breadcrumb p a {
    color:#000000;
    text-decoration:none;
}
.breadcrumb p a:hover {
    text-decoration:underline;
}

/***
    Homepage Hero content block
***/
.homepage-hero {
    position:relative;
    height: 37.5rem; /* 600px / 16 */
    box-shadow: 0px 0.375rem 0.75rem #00000010; /* 6px 12px / 16 */
}
.homepage-hero .overlay {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.homepage-hero .btn-white {
    border-radius: 0.625rem; /* 10px / 16 */
    border-width:0;
    padding: 1.188rem 1.875rem; /* 19px 30px / 16 */
    text-align:center;
    font-size: 1.125rem; /* 18px / 16 */
}
.homepage-search {
    margin-bottom: 5.25rem; /* 84px / 16 */
}
.homepage-search .input-group {
    box-shadow: 0px 0.188rem 0.875rem #00000029; /* 3px 14px / 16 */
    position:relative;
    border-radius: 0.625rem; /* 10px / 16 */
}
.homepage-search .input-group .search-category {
    border-radius: 0.625rem !important; /* 10px / 16 */
    border:none;
    width:150px;
    padding: 1.188rem 1.875rem; /* 19px 30px / 16 */
    z-index:3;
}
.homepage-search .search-mobile .search-category {
    border-radius: 0.625rem !important;
    border:none;
    width:100%;
    padding: 1.188rem 1.875rem; /* 19px 30px / 16 */
    z-index:3;
    margin-bottom: 0.625rem; /* 10px / 16 */
}
.homepage-search .input-group .search-text {
    width:350px;
    background-color:#FFFFFF;
    border:none;
    margin-left: -0.375rem !important; /* -6px / 16 */
    padding: 1.188rem 1.875rem; /* 19px 30px / 16 */
    z-index:2;

}
.homepage-search .search-mobile .search-text {
    width:100%;
    background-color:#FFFFFF;
    border:none;
    margin-left:0 !important;
    padding: 1.188rem 1.875rem; /* 19px 30px / 16 */
    z-index:2;
}
.homepage-search .input-group .btn {
    padding: 1.188rem 0.75rem; /* 19px 12px / 16 */
    border-radius: 0.625rem; /* 10px / 16 */
    box-shadow:none;
}
.homepage-search .input-group .btn-search {
    background-color:#ffffff;
    font-weight:100;
}
.homepage-hero .bottom-nav {
    border-radius: 0.625rem; /* 10px / 16 */
    margin-bottom: -2.625rem; /* -42px / 16 */
    padding-top: 0.625rem; /* 10px / 16 */
    padding-bottom: 0.625rem; /* 10px / 16 */
    box-shadow: 0px 0.188rem 1.25rem #00000060; /* 3px 20px / 16 */
    position:relative;
    z-index:2;
}
.homepage-hero .bottom-nav .link {
    padding-top: 1.25rem; /* 20px / 16 */
    padding-bottom: 1.25rem; /* 20px / 16 */
}
.homepage-hero .bottom-nav a {
    text-decoration:none;
    display:block;
}
.homepage-hero .bottom-nav a:hover {
    text-decoration:underline;
}

.homepage-hero .bottom-nav .link:not(:last-child) {
    border-right:1px solid #000000;
}

/**** Content hero ****/
.content-hero {
    position: relative;
    height: 37.5rem; /* 600px / 16 */
    box-shadow: 0px 0.375rem 0.75rem #00000010; /* 6px 12px / 16 */
}
.content-hero .overlay {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.content-hero .hero-logo {
    max-width:600px;
}
.content-hero .hero-title {
    max-width:800px;
}

.content-hero .bottom-nav {
    border-radius: 0.625rem; /* 10px / 16 */
    margin-bottom: -3.125rem; /* -50px / 16 */
    padding-top: 0.625rem; /* 10px / 16 */
    padding-bottom: 0.625rem; /* 10px / 16 */
}
.content-hero .bottom-nav .btn {
    padding-top: 1.25rem; /* 20px / 16 */
    padding-bottom: 1.25rem; /* 20px / 16 */
    box-shadow: 0px 0.188rem 1.25rem #00000060; /* 3px 20px / 16 */
}
.content-hero .bottom-nav .link {
    padding-top: 1.25rem; /* 20px / 16 */
    padding-bottom: 1.25rem; /* 20px / 16 */
}
.content-hero .bottom-nav a {
    text-decoration:none;
    display:block;
}

.content-hero .bottom-nav .link:not(:last-child) {
    border-right: 0.063rem solid #000000; /* 1px / 16 */
}

/**** Text block ****/
.text-block h1 {
    margin-bottom: 1.25rem; /* 20px / 16 */
    font-size: 2.625rem; /* 42px / 16 */
    font-weight: normal;
}
.text-block h2 {
    margin-bottom: 1.25rem;
    font-size: 2.625rem;
    font-weight: normal;
}
.text-block h3 {
    margin-bottom: 1.25rem;
    font-size: 2rem; /* 32px / 16 */
    font-weight: normal;
}
.text-block p {
    font-size: 1rem; /* 16px / 16 */
    margin-bottom: 1.25rem; /* 20px / 16 */
    line-height: 1.75rem; /* 28px / 16 */
}
.text-block li {
    font-size: 1rem;
}
.text-block td {
    font-size: 1rem;
}
.text-block img {
    max-width: 100%;
}

/**** Link grid ****/
.link-grid a .link-grid-item {
    height: 18.75rem; /* 300px / 16 */
    width: 100%;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
    box-shadow: 0px 0.375rem 0.75rem #00000010; /* 6px 12px / 16 */
    border-radius: 0.625rem; /* 10px / 16 */
    margin-bottom: 1.25rem; /* 20px / 16 */
}
.link-grid a:hover .link-grid-item {
    box-shadow: 0px 0.5rem 0.9375rem rgba(0,0,0,0.2); /* 8px 15px / 16 */
}

.link-grid a .link-grid-item .item-text {
    position: absolute;
    left: 1.875rem; /* 30px / 16 */
    margin-right: 1.25rem; /* 20px / 16 */
    bottom: 0.625rem; /* 10px / 16 */
    color: #ffffff;
    display: inline-block;
}

.darkmode--activated .link-grid a .link-grid-item .item-text {
    background-color: #000000;
}

.link-grid .link-grid-item .item-text h2 {
    font-size: 1.5rem; /* 24px / 16 */
}
.link-grid .link-grid-item .item-text h4 {
    font-size: 1rem; /* 16px / 16 */
    font-weight: 100;
}
.link-grid .link-grid-item .item-text p {
    font-size: 1rem;
}

/* link block with text */
.link-block-with-text .text-block {
    padding: 3.125rem !important; /* 50px / 16 */
}
.link-block-with-text .text-block h2 {
    font-size: 2rem; /* 32px / 16 */
}
.link-block-with-text .text-block img {
    max-width: 100%;
}


/* article block */
.article-block a .article-item {
    height: 18.75rem; /* 300px / 16 */
    width: 100%;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
    box-shadow: 0px 0.375rem 0.75rem #00000010; /* 6px 12px / 16 */
    border-radius: 0.625rem; /* 10px / 16 */
    margin-bottom: 1.25rem; /* 20px / 16 */
}
.article-block a:hover .article-item {
    box-shadow: 0px 0.5rem 0.9375rem rgba(0,0,0,0.2); /* 8px 15px / 16 */
}

.article-block a .article-item .item-text {
    position: absolute;
    left: 1.875rem; /* 30px / 16 */
    margin-right: 1.25rem; /* 20px / 16 */
    bottom: 0.625rem; /* 10px / 16 */
    color: #ffffff;
    display: inline-block;
}
.article-block .article-item .item-text h3 {
    font-size: 1.25rem; /* 20px / 16 */
}
.article-block .article-item .item-text p {
    font-size: 0.875rem; /* 14px / 16 */
}

/* text video block */
.video-iframe {
    max-width: 35rem; /* 560px / 16 */
    max-height: 19.688rem; /* 315px / 16 */
}

/* text cards */
.text-cards img {
    max-width: 100%;
}

/* gallery block */
.gallery-block {
    column-count: 3;
    column-gap: 0;
}

.gallery-item {
    break-inside: avoid;
    margin: 0 0.938rem 0.938rem 0.938rem; /* 15px / 16 */
    padding-bottom: 0.938rem; /* 15px / 16 */
}

.gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0.625rem; /* 10px / 16 */
}

/* course page template */
.course-hero {
    position: relative;
    height: 25rem; /* 400px / 16 */
    box-shadow: 0px 0.375rem 0.75rem #00000010; /* 6px 12px / 16 */
    background-size: cover;
    background-position: center center;
}
.course-hero .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.3;
}

.darkmode--activated .course-hero .overlay {
    opacity: 1;
}

.course-hero .hero-logo {
    max-width: 600px;
}
.course-hero .hero-title {
    max-width: 800px;
}
.course-hero .hero-title h1 {
    font-size: 3rem; /* 48px / 16 */
    font-weight: bold;
    color: #ffffff;
    text-align: left;
}
.course-hero .hero-title p {
    font-size: 1.125rem; /* 18px / 16 */
    font-weight: 300;
    color: #ffffff;
    text-align: center;
}

.course-hero .bottom-nav {
    border-radius: 0.625rem; /* 10px / 16 */
    margin-bottom: -3.125rem; /* -50px / 16 */
    padding-top: 0.625rem; /* 10px / 16 */
    padding-bottom: 0.625rem; /* 10px / 16 */
}
.course-hero .bottom-nav .btn {
    padding-top: 1.25rem; /* 20px / 16 */
    padding-bottom: 1.25rem;
    box-shadow: 0px 0.188rem 1.25rem #00000060; /* 3px 20px / 16 */
}
.course-hero .bottom-nav .link {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.course-hero .bottom-nav a {
    text-decoration: none;
    display: block;
}

.course-hero .bottom-nav .link:not(:last-child) {
    border-right: 0.063rem solid #000000; /* 1px / 16 */
}

.course-overview {
    background-color: #f0f0f0;
    padding-top: 3.75rem; /* 60px / 16 */
    padding-bottom: 1.875rem; /* 30px / 16 */
}
.course-overview h2 {
    font-size: 2rem; /* 32px / 16 */
    font-weight: 600;
    margin-bottom: 1.25rem; /* 20px / 16 */
}
.course-overview h3 {
    font-size: 1.5rem; /* 24px / 16 */
    font-weight: 400;
    margin-bottom: 1.25rem;
}
.course-overview p {
    color: #000000;
}

.course-entry {
    background-color: #ffffff;
    padding-top: 1.875rem; /* 30px / 16 */
    padding-bottom: 1.875rem;
}

/* department/course list */
.course-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.course-list ul li {
    padding: 0;
    margin: 0;
}
.course-list ul li a {
    display: flex;
    padding: 0.625rem 2.188rem 0.625rem 0; /* 10px 35px 10px 0 /16 */
    color: #000000;
    border-bottom: 0.063rem solid #000000; /* 1px / 16 */
    text-decoration: none;
    margin-bottom: 0.625rem; /* 10px / 16 */
    position: relative;
}
.course-list ul li a .chevron:after {
    content: "\003E";
    font-size: 1.25rem; /* 20px / 16 */
    font-weight: 200;
    line-height: 1.625rem; /* 26px /16 */
    position: absolute;
    right: 1.25rem; /* 20px /16 */
}

/* career block */
.career-data .nav-pills .nav-link {
    text-align: left;
}
.career-data h4 {
    font-size: 1.5rem; /* 24px / 16 */
    font-weight: 600;
}
p.career-general {
    font-size: 0.875rem; /* 14px /16 */
}
p.career-general .fs-48 {
    font-size: 3rem; /* 48px /16 */
}
p.career-general .fs-36 {
    font-size: 2.25rem; /* 36px /16 */
}
p.career-general .fs-24 {
    font-size: 1.5rem; /* 24px /16 */
}

.card {
    border: none;
    background: none;
}
.card-solid .card-body {
    border-radius: 0.625rem; /* 10px /16 */
    padding: 1.875rem; /* 30px /16 */
}
.card-solid .card-body h3,
.card-outline .card-body h3,
.card-grey .card-body h3 {
    font-size: 1.25rem; /* 20px /16 */
    font-weight: 600;
    margin-bottom: 1.25rem; /* 20px /16 */
}
.card-outline .card-body {
    border-radius: 0.625rem;
    padding: 1.875rem;
    background-color: #ffffff;
    box-shadow: 0px 0.375rem 1.875rem #00000029; /* 6px 30px /16 */
    border-color: #f0f0f0;
}
.card-grey .card-body {
    border-radius: 0.625rem;
    padding: 1.875rem;
    background-color: #f0f0f0;
}

.course-content,
.other-course-resources {
    background-color: #f0f0f0;
    padding-top: 1.875rem; /* 30px /16 */
    padding-bottom: 1.875rem;
}

.course-content h2, .course-content .h3,
.course-entry h2, .course-entry .h3,
.other-course-resources h2, .other-course-resources .h3 {
    font-size: 1.5rem; /* 24px /16 */
    font-weight: 600;
    margin-bottom: 1.25rem; /* 20px /16 */
}

.other-course-resources .nav-pills .nav-link {
    text-align: left;
}

/* profile block */
.profile-block .card .card-body {
    border-radius: 0.625rem; /* 10px / 16 */
}

.profile-quote {
    padding: 1.25rem; /* 20px / 16 */
    border-radius: 0.3125rem; /* 5px / 16 */
    background-color: #dddddd;
    margin-top: 1.25rem; /* 20px /16 */
    position: relative;
}

.profile-quote:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -0.375rem; /* -6px /16 */
    width: 0;
    height: 0;
    border: 1rem solid transparent;
    border-right-color: #dddddd;
    border-left: 0;
    margin-top: -1rem;
    margin-left: -1rem;
    rotate: 90deg;
}

.profile-quote-wide {
    padding: 1.25rem; /* 20px /16 */
    border-radius: 0.3125rem; /* 5px /16 */
    background-color: #dddddd;
    margin-top: 1.25rem; /* 20px /16 */
    position: relative;
}

.profile-quote-wide:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 1rem solid transparent;
    border-right-color: #dddddd;
    border-left: 0;
    margin-top: -1rem;
    margin-left: -1rem;
}

/* apprenticeships */
.apprenticeships .card .card-body {
    border-radius: 0.625rem; /* 10px /16 */
    padding: 1.875rem; /* 30px /16 */
    /*box-shadow: 0px 0.375rem 1.875rem #00000029;*/ /* 6px 30px /16 */
    background-color: #f5f5f5;
    border: 0.0625rem solid #d5d5d5; /* 1px /16 */
}

/* quill editor video */
.ql-video {
    display: block; /* Ensure the iframe behaves like a block element */
    width: 100%; /* Full width */
    height: auto; /* Adjust height proportionally */
    aspect-ratio: 16 / 9; /* Maintain video aspect ratio */
}


@supports not (aspect-ratio: 16 / 9) {
    .ql-video {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 56.25%; /* 16:9 aspect ratio */
    }

    .ql-video::before {
        content: "";
        display: block;
    }

    iframe.ql-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

/* quill text sizes */
.ql-size-small {
    font-size: 0.75rem; /* 12px /16 */
}

.ql-size-normal {
    font-size: 1rem; /* 16px /16 */
}

.ql-size-large {
    font-size: 1.25rem; /* 20px /16 */
}

.ql-size-huge {
    font-size: 1.5rem; /* 24px /16 */
}

.ql-editor p {
    margin-bottom: 1em; /* keep relative */
    line-height: 1.2; /* readability */
}

/* tables */
table {
    width: 100%;
    border-top: 0.0625rem solid #e5e5e5; /* 1px /16 */
    border-right: 0.0625rem solid #e5e5e5;
}

table td {
    padding: 0.625rem; /* 10px /16 */
    border-left: 0.0625rem solid #e5e5e5;
    border-bottom: 0.0625rem solid #e5e5e5;
    font-size: 1rem; /* 16px /16 */
}

/* search results page */
.categories ul.nav-tabs {
    border: none;
}

.categories .nav-item {
    border: none;
}

.categories .nav-item .nav-link {
    border: none;
    color: #000000;
}

.categories .nav-item .nav-link.active {
    background: none;
    border: none;
    border-bottom: 0.0625rem solid #000000; /* 1px /16 */
    font-weight: bold;
}

.categories .nav-item:hover {
    border: none;
}

.categories .nav-item .nav-link:hover,
.categories .nav-item .nav-link:active {
    background: none;
    border: none;
    border-bottom: 0.0625rem solid #000000;
    color: #000000;
}

.course-filters {
    border-radius: 0.3125rem; /* 5px /16 */
    background-color: #cecece;
}

/* footer */
.footer {
    padding: 1.25rem; /* 20px /16 */
}

.footer .bb-white {
    border-bottom: 0.0625rem solid #ffffff; /* 1px /16 */
}

.footer a {
    text-decoration: none;
}

.footer .contact p {
    margin-bottom: 0;
}

.footer .contact .large {
    font-size: 1.25rem; /* 20px /16 */
    font-weight: 600;
}

.footer .contact .btn-outline {
    border-color: #ffffff;
    color: #ffffff;
    background: transparent;
}

.footer .contact .btn-outline:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #000000;
}

.footer .contact .btn .chevron:after {
    color: #ffffff;
}

.footer .contact .btn:hover .chevron:after {
    color: #000000;
}

.footer .links a:hover {
    text-decoration: underline;
}

.footer .links a:after {
    content: "\003E";
    margin-left: 0.625rem; /* 10px /16 */
}

.footer .logos {}

.footer .credits p {
    font-size: 0.875rem; /* 14px /16 */
}

.footer .credits a {
    text-decoration: none;
    margin-right: 0.625rem; /* 10px /16 */
}

.footer .credits a:hover {
    text-decoration: underline;
}

/* general styles */
.btn {
    border-radius: 0.375rem; /* 6px /16 */
    font-size: 1rem; /* 16px /16 */
    font-weight: 400;
    padding: 0.75rem 3.75rem; /* 12px 60px /16 */
    box-shadow: 0px 0.375rem 1.875rem #00000029; /* 6px 30px /16 */
    position: relative;
}

.btn .chevron:after {
    content: "\003E";
    font-size: 1.25rem; /* 20px /16 */
    font-weight: 200;
    line-height: 1.625rem; /* 26px /16 */
    position: absolute;
    right: 1.25rem; /* 20px /16 */
}

.chevron-right:after {
    content: "\003E";
    font-size: 2.25rem; /* 36px /16 */
    font-weight: 200;
    line-height: 1.875rem; /* 30px /16 */
    float: right;
}

.chevron-right-sm:after {
    content: "\003E";
    font-size: 1.5rem; /* 24px /16 */
    font-weight: 200;
    line-height: 1.875rem; /* 30px /16 */
    float: right;
}

.fs-14 {
    font-size: 0.875rem !important; /* 14px /16 */
}

.z-index-2 {
    z-index: 2;
}

.pos-relative {
    position: relative;
}

ol li[data-list="bullet"] {
    list-style-type: disc;
}


/* button and other element colours
         'Black' => '#000000',
         'Brown' => '#4C412B',
         'Dark Blue' => '#005D83',
         'Green' => '#57652D',
         'Green Blue' => '#48858E',
         'Green Khaki' => '#899065',
         'Grey' => '#A49484',
         'Grey Blue' => '#1F445A',
         'Light Blue' => '#6AC4C7',
         'Light Green' => '#BECD97',
         'Medium Blue' => '#3ABBBF',
         'Orange' => 'EB6F23',
         'Red' => '#CC2631',
         'Teal Blue' => '#0599A9',

*/
.btn-primary-white {background-color:#FFFFFF !important; border-color:#FFFFFF !important; color:#000000 !important;}
    .btn-primary-white:hover {color:#000000 !important; border-color:#000000 !important; background-color:#FFFFFF;}
    .btn-primary-white .chevron:after {color:#000000;}
    .btn-primary-white:hover .chevron:after {color:#FFFFFF;}

.btn-primary-black {background-color:#000000 !important; border-color:#000000 !important; color:#FFFFFF !important;}
    .btn-primary-black:hover {color:#000000 !important; border-color:#000000 !important; background-color:#FFFFFF !important;}
    .btn-primary-black .chevron:after {color:#ffffff;}
    .btn-primary-black:hover .chevron:after {color:#000000;}

.btn-primary-brown {background-color:#4C412B !important; border-color:#4C412B !important; color:#FFFFFF !important;}
    .btn-primary-brown:hover {color:#4C412B !important; border-color:#4C412B !important; background-color:#FFFFFF !important;}
    .btn-primary-brown .chevron:after {color:#ffffff;}
    .btn-primary-brown:hover .chevron:after {color:#4C412B;}

.btn-primary-dark-blue {background-color:#005D83 !important; border-color:#005D83 !important; color:#FFFFFF !important;}
    .btn-primary-dark-blue:hover {color:#005D83 !important; border-color:#005D83 !important; background-color:#FFFFFF !important;}
    .btn-primary-dark-blue .chevron:after {color:#ffffff;}
    .btn-primary-dark-blue:hover .chevron:after {color:#005D83;}

.btn-primary-dark-blue-grey {background-color:#2d3540 !important; border-color:#2d3540 !important; color:#FFFFFF !important;}
    .btn-primary-dark-blue-grey:hover {color:#2d3540 !important; border-color:#2d3540 !important; background-color:#FFFFFF !important;}
    .btn-primary-dark-blue-grey .chevron:after {color:#ffffff;}
    .btn-primary-dark-blue-grey:hover .chevron:after {color:#2d3540;}

.btn-primary-green {background-color:#57652D !important; border-color:#57652D !important; color:#FFFFFF !important;}
    .btn-primary-green:hover {color:#57652D !important; border-color:#57652D !important; background-color:#FFFFFF !important;}
    .btn-primary-green .chevron:after {color:#ffffff;}
    .btn-primary-green:hover .chevron:after {color:#57652D;}

.btn-primary-green-blue {background-color:#48858E !important; border-color:#48858E !important; color:#FFFFFF !important;}
    .btn-primary-green-blue:hover {color:#48858E !important; border-color:#48858E !important; background-color:#FFFFFF !important;}
    .btn-primary-green-blue .chevron:after {color:#ffffff;}
    .btn-primary-green-blue:hover .chevron:after {color:#48858E;}

.btn-primary-green-khaki {background-color:#899065 !important; border-color:#899065 !important; color:#FFFFFF !important;}
    .btn-primary-green-khaki:hover {color:#899065 !important; border-color:#899065 !important; background-color:#FFFFFF !important;}
    .btn-primary-green-khaki .chevron:after {color:#ffffff;}
    .btn-primary-green-khaki:hover .chevron:after {color:#899065;}

.btn-primary-grey {background-color:#A49484 !important; border-color:#A49484 !important; color:#000000 !important;}
    .btn-primary-grey:hover {color:#A49484 !important; border-color:#A49484 !important; background-color:#FFFFFF !important;}
    .btn-primary-grey .chevron:after {color:#000000;}
    .btn-primary-grey:hover .chevron:after {color:#A49484;}

.btn-primary-grey-blue {background-color:#1F445A !important; border-color:#1F445A !important; color:#FFFFFF !important;}
    .btn-primary-grey-blue:hover {color:#1F445A !important; border-color:#1F445A !important; background-color:#FFFFFF !important;}
    .btn-primary-grey-blue .chevron:after {color:#ffffff;}
    .btn-primary-grey-blue:hover .chevron:after {color:#1F445A;}

.btn-primary-light-blue {background-color:#6AC4C7 !important; border-color:#6AC4C7 !important; color:#000000 !important;}
    .btn-primary-light-blue:hover {color:#6AC4C7 !important; border-color:#6AC4C7 !important; background-color:#000000 !important;}
    .btn-primary-light-blue .chevron:after {color:#000000;}
    .btn-primary-light-blue:hover .chevron:after {color:#6AC4C7;}

.btn-primary-light-green {background-color:#BECD97 !important; border-color:#BECD97 !important; color:#000000 !important;}
    .btn-primary-light-green:hover {color:#BECD97 !important; border-color:#BECD97 !important; background-color:#000000 !important;}
    .btn-primary-light-green .chevron:after {color:#000000;}
    .btn-primary-light-green:hover .chevron:after {color:#BECD97;}

.btn-primary-medium-blue {background-color:#3ABBBF !important; border-color:#3ABBBF !important; color:#000000 !important;}
    .btn-primary-medium-blue:hover {color:#3ABBBF !important; border-color:#3ABBBF !important; background-color:#000000 !important;}
    .btn-primary-medium-blue .chevron:after {color:#000000;}
    .btn-primary-medium-blue:hover .chevron:after {color:#3ABBBF;}

.btn-primary-orange {background-color:#EB6F23 !important; border-color:#EB6F23 !important; color:#FFFFFF !important;}
    .btn-primary-orange:hover {color:#EB6F23 !important; border-color:#EB6F23 !important; background-color:#FFFFFF !important;}
    .btn-primary-orange .chevron:after {color:#ffffff;}
    .btn-primary-orange:hover .chevron:after {color:#EB6F23;}

.btn-primary-red {background-color:#CC2631 !important; border-color:#CC2631 !important; color:#FFFFFF !important;}
    .btn-primary-red:hover {color:#CC2631 !important; border-color:#CC2631 !important; background-color:#FFFFFF !important;}
    .btn-primary-red .chevron:after {color:#ffffff;}
    .btn-primary-red:hover .chevron:after {color:#CC2631;}

.btn-primary-teal-blue {background-color:#0599A9 !important; border-color:#0599A9 !important; color:#FFFFFF !important;}
    .btn-primary-teal-blue:hover {color:#0599A9 !important; border-color:#0599A9 !important; background-color:#FFFFFF !important;}
    .btn-primary-teal-blue .chevron:after {color:#ffffff;}
    .btn-primary-teal-blue:hover .chevron:after {color:#0599A9;}

.btn-outline-white {background:transparent !important; border-color:#FFFFFF !important; color:#FFFFFF !important;}
    .btn-outline-white:hover {color:#000000 !important; border-color:#FFFFFF !important; background-color:#FFFFFF !important;}
    .btn-outline-white .chevron:after {color:#ffffff;}
    .btn-outline-white:hover .chevron:after {color:#000000;}

.btn-outline-black {background:transparent !important; border-color:#000000 !important; color:#000000 !important;}
    .btn-outline-black:hover {color:#FFFFFF !important; border-color:#000000 !important; background-color:#000000 !important;}
    .btn-outline-black .chevron:after {color:#000000;}
    .btn-outline-black:hover .chevron:after {color:#FFFFFF;}

.btn-outline-brown {background:transparent !important; border-color:#4C412B !important; color:#FFFFFF !important;}
    .btn-outline-brown:hover {color:#4C412B !important; border-color:#4C412B !important; background-color:#FFFFFF !important;}
    .btn-outline-brown .chevron:after {color:#ffffff;}
    .btn-outline-brown:hover .chevron:after {color:#4C412B;}

.btn-outline-dark-blue {background:transparent !important; border-color:#005D83 !important; color:#FFFFFF !important;}
    .btn-outline-dark-blue:hover {color:#005D83 !important; border-color:#005D83 !important; background-color:#FFFFFF !important;}
    .btn-outline-dark-blue .chevron:after {color:#ffffff;}
    .btn-outline-dark-blue:hover .chevron:after {color:#005D83;}

.btn-outline-dark-blue-grey {background:transparent !important; border-color:#2d3540 !important; color:#FFFFFF !important;}
    .btn-outline-dark-blue-grey:hover {color:#2d3540 !important; border-color:#2d3540 !important; background-color:#FFFFFF !important;}
    .btn-outline-dark-blue-grey .chevron:after {color:#ffffff;}
    .btn-outline-dark-blue-grey:hover .chevron:after {color:#2d3540;}

.btn-outline-green {background:transparent !important; border-color:#57652D !important; color:#FFFFFF !important;}
    .btn-outline-green:hover {color:#57652D !important; border-color:#57652D !important; background-color:#FFFFFF !important;}
    .btn-outline-green.chevron:after {color:#ffffff;}
    .btn-outline-green:hover .chevron:after {color:#57652D;}

.btn-outline-green-blue {background:transparent !important; border-color:#48858E !important; color:#FFFFFF !important;}
    .btn-outline-green-blue:hover {color:#48858E !important; border-color:#48858E !important; background-color:#FFFFFF !important;}
    .btn-outline-green-blue .chevron:after {color:#ffffff;}
    .btn-outline-green-blue:hover .chevron:after {color:#48858E;}

.btn-outline-green-khaki {background:transparent !important; border-color:#899065 !important; color:#FFFFFF !important;}
    .btn-outline-green-khaki:hover {color:#899065 !important; border-color:#899065 !important; background-color:#FFFFFF !important;}
    .btn-outline-green-khaki .chevron:after {color:#ffffff;}
    .btn-outline-green-khaki:hover .chevron:after {color:#899065;}

.btn-outline-grey {background:transparent !important; border-color:#A49484 !important; color:#FFFFFF !important;}
    .btn-outline-grey:hover {color:#A49484 !important; border-color:#A49484 !important; background-color:#FFFFFF !important;}
    .btn-outline-grey .chevron:after {color:#ffffff;}
    .btn-outline-grey:hover .chevron:after {color:#A49484;}

.btn-outline-grey-blue {background:transparent !important; border-color:#1F445A !important; color:#FFFFFF !important;}
    .btn-outline-grey-blue:hover {color:#1F445A !important; border-color:#1F445A !important; background-color:#FFFFFF !important;}
    .btn-outline-grey-blue .chevron:after {color:#ffffff;}
    .btn-outline-grey-blue:hover .chevron:after {color:#1F445A;}

.btn-outline-light-blue {background:transparent !important; border-color:#6AC4C7 !important; color:#FFFFFF !important;}
    .btn-outline-light-blue:hover {color:#6AC4C7 !important; border-color:#6AC4C7 !important; background-color:#FFFFFF !important;}
    .btn-outline-light-blue .chevron:after {color:#ffffff;}
    .btn-outline-light-blue:hover .chevron:after {color:#6AC4C7;}

.btn-outline-light-green {background:transparent !important; border-color:#BECD97; color:#FFFFFF !important;}
    .btn-outline-light-green:hover {color:#BECD97 !important; border-color:#BECD97 !important; background-color:#FFFFFF !important;}
    .btn-outline-light-green .chevron:after {color:#ffffff;}
    .btn-outline-light-green:hover .chevron:after {color:#BECD97;}

.btn-outline-medium-blue {background:transparent !important; border-color:#3ABBBF !important; color:#FFFFFF;}
    .btn-outline-medium-blue:hover {color:#3ABBBF !important; border-color:#3ABBBF; background-color:#FFFFFF !important;}
    .btn-outline-medium-blue .chevron:after {color:#ffffff;}
    .btn-outline-medium-blue:hover .chevron:after {color:#3ABBBF;}

.btn-outline-orange {background:transparent !important; border-color:#EB6F23 !important; color:#FFFFFF !important;}
    .btn-outline-orange:hover {color:#EB6F23 !important; border-color:#EB6F23 !important; background-color:#FFFFFF !important;}
    .btn-outline-orange .chevron:after {color:#ffffff;}
    .btn-outline-orange:hover .chevron:after {color:#EB6F23;}

.btn-outline-red {background:transparent !important; border-color:#CC2631 !important; color:#FFFFFF !important;}
    .btn-outline-red:hover {color:#CC2631 !important; border-color:#CC2631 !important; background-color:#FFFFFF !important;}
    .btn-outline-red .chevron:after {color:#ffffff;}
    .btn-outline-red:hover .chevron:after {color:#CC2631;}

.btn-outline-teal-blue {background:transparent !important; border-color:#0599A9 !important; color:#FFFFFF !important;}
    .btn-outline-teal-blue:hover {color:#0599A9 !important; border-color:#0599A9 !important; background-color:#FFFFFF !important;}
    .btn-outline-teal-blue .chevron:after {color:#ffffff;}
    .btn-outline-teal-blue:hover .chevron:after {color:#0599A9;}

.btn-sml {
    padding: 0.375rem 1.875rem; /* 6px 30px */
    font-size: 0.875rem; /* 14px */
}

.accordion-item h2 {
    margin-bottom: 0;
}

.accordion-body {
    background-color: #eeeeee;
}

.bg-white {
    background-color: #ffffff !important;
}

/* responsive overrides */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .header-bar {
        padding-left: 1.5625rem; /* 25px */
        padding-right: 1.5625rem;
        height: 7.5rem; /* 120px */
    }
    .header-bar .logo,
    .header-bar .logo-acc {
        padding-top: 0.375rem; /* 6px */
    }
    .header-bar a.burger-menu {
        font-size: 0.875rem; /* 14px */
    }
    .header-bar a.burger-menu i {
        font-size: 2.875rem; /* 46px */
    }
    .col-search { padding-top: 0.625rem; } /* 10px */
    .header-bar .btn-search, .main-menu .btn-search {
        padding: 0.5rem 0.75rem; /* 8px 12px */
        font-size: 1.125rem; /* 18px */
    }
    .homepage-hero .bottom-nav .link:not(:last-child) { border-right: none; }
    .col-main { padding-top: 0.25rem; } /* 4px */
    .col-menu { padding-top: 0.3125rem; } /* 5px */
    .main-menu { margin-top: -2.375rem; } /* -38px */
    .search { top: 7.5rem; } /* 120px */
    .search .content { padding-left: 1.25rem; padding-right: 1.25rem; } /* 20px */
    .search .input-group .search-text { width: 18.75rem; } /* 300px */
    .homepage-search .input-group .search-text { width: auto; }
    .gallery-block { column-count: 1; }
    .course-hero .hero-title h1 { font-size: 2rem; } /* 32px */
    .profile-quote-wide:before { display: none; }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .header-bar {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem;
        height: 7.5rem;
    }
    .header-bar a.burger-menu { font-size: 0.875rem; }
    .header-bar a.burger-menu i { font-size: 2.875rem; }
    .main-menu { top: 7.75rem; } /* 124px */
    .col-main { padding-top: 0.25rem; }
    .col-search { padding-top: 0.625rem; }
    .search { top: 7.5rem; }
    .col-menu { padding-top: 0.625rem; }
    .header-bar .btn-search, .main-menu .btn-search {
        padding: 0.5rem 0.875rem; /* 8px 14px */
        font-size: 1.5rem; /* 24px */
    }
    .gallery-block { column-count: 1; }
    .course-hero .hero-title h1 { font-size: 2rem; }
    .profile-quote-wide:before { display: none; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .header-bar {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem;
        height: 7.5rem;
    }
    .header-bar a.burger-menu { font-size: 0.875rem; }
    .header-bar a.burger-menu i { font-size: 2.875rem; }
    .main-menu { top: 7.75rem; }
    .col-main { padding-top: 0.25rem; }
    .col-search { padding-top: 0.625rem; }
    .search { top: 7.5rem; }
    .col-menu { padding-top: 0.625rem; }
    .header-bar .btn-search, .main-menu .btn-search {
        padding: 0.5rem 0.875rem;
        font-size: 1.5rem;
    }
    .profile-quote-wide:before { display: none; }
}

/* Large devices (992px - 1199.98px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .header-bar { padding-left: 2.5rem; padding-right: 2.5rem; }
    .main-menu { top: 7.75rem; }
    .col-main { max-width: 22.5rem; } /* 360px */
    .main-content { margin-top: 9.875rem; } /* 158px */
    .footer { padding-left: 3.75rem; padding-right: 3.75rem; } /* 60px */
}
@media (min-width: 992px) and (max-width: 1249.98px) {
    .main-menu { top: 9.375rem; } /* 150px */
    .footer { padding-left: 3.75rem; padding-right: 3.75rem; }
}

/* Extra large devices (1200px - 1399.98px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .col-main { max-width: 22.5rem; }
    .main-content { margin-top: 9.875rem; }
    .footer { padding-left: 3.75rem; padding-right: 3.75rem; }
}

/* XXL devices (1400px and up) */
@media (min-width: 1400px) {
    .col-main { max-width: 22.5rem; }
    .main-content { margin-top: 9.875rem; }
    .footer { padding-left: 3.75rem; padding-right: 3.75rem; }
}

/* Orientation-based queries */
@media (orientation: portrait) { }
@media (orientation: landscape) { }

.darkmode-toggle {
    z-index: 999999;
}

.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #ffffff;
    box-shadow: 0px 0.375rem 0.75rem #00000010; /* 6px 12px */
    border-top: 0.125rem solid #c5c5c5; /* 2px */
}

.font-toggle {
    display: flex;
    position: fixed;
    width: 6.24rem;
    bottom: 33px;
    right: 93px;
    z-index: 10000; /* Ensure it’s above most elements */
    /*display: flex;*/
    flex-direction: row;
    align-items: center;
    gap: 0.625rem;
}

.font-toggle .toggle-up,
.font-toggle .toggle-down {
    width: 3.12rem;
    height: 3.125rem;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.font-toggle .toggle-up{
    width: 3.12rem;
}

.font-toggle .toggle-down{
    width: 2rem;
}

/* Light mode images */
.font-toggle .toggle-up.mode-light {
    background-image: url('/images/Font-Up-Red.png');
}

.font-toggle .toggle-down.mode-light {
    background-image: url('/images/Font-Down-Red.png');
}

/* Dark mode images */
.font-toggle .toggle-up.mode-dark {
    background-image: url('/images/Font-Up-White.png');
}

.font-toggle .toggle-down.mode-dark {
    background-image: url('/images/Font-Down-White.png');
}