/* Typography */
#content-container h1,
#content-container h2,
#content-container h3,
#content-container h4,
#content-container h5 {
    color: #000;
    font-weight: 700;
}

#content-container h1,
#content-container .h1 {
    margin-bottom: 1.5rem;
    font-size: 2.5rem;
}

#content-container h2,
#content-container .h2 {
    font-size: 1.75rem;
}

#content-container h3,
#content-container .h3 {
    font-size: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

#content-container h4,
#content-container .h4 {
    font-size: 1.125rem;
    margin-top: 1rem;
}

#breadcrumb {
    margin-bottom: 1.5rem;
}

.breadcrumbs li {
    text-transform: none;
    font-size: 1rem !important;
}

.breadcrumbs a {
    color: #0039A6;
}

#main .summary {
    font-size: 1.25rem !important;
    color: #000;
    line-height: 1.5;
    font-weight: 600;
    margin-top: .5rem;
    max-width: 1024px;
}

#main .MarkupPagerNav {
	margin-top: 1.5rem;
}

.excerpt {
    color: #464646;
    font-size: 1rem;
    line-height: 1.5;
}

.link {
    font-size: 1rem;
    text-decoration: underline;
}

.date,
.author {
    font-size: 1rem;
    color: #000;
    font-weight: 400;
    line-height: 1.36;
    display: block;
}

.date--small {
    margin-bottom: .25rem;
    font-size: .875rem;
}

.read-more {
    margin-top: 1rem;
    font-weight: 600;
    color: #000;
    line-height: 1.5;
    transition: .2s;
}

.read-more i {
    margin-left: .25rem;
    font-size: .875rem;
}

a:hover .read-more i {
    margin-left: .5rem;
    transition: .2s;
}

.caption {
    font-size: 1rem;
    font-style: italic;
    margin-top: .5rem;
}

.tags-container {
    margin-top: 2rem;
}

.tags a {
    margin-right: .5rem;
}

.tags i::before {
    font-size: 1rem;
}

.basic__wrapper ul li {
    font-size: 1rem;
}

@media (max-width: 640px) {
    .summary {
        font-size: 1.125rem;
    }
}

/* Buttons */
.button-container {
    gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.button {
    padding: .875rem 1.5rem;
    border-radius: 9999px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    transition: .1s;
    margin: 0;
}

.button--primary {
    background-color: #0039A6;
    border: 2px solid #0039A6;
    color: #FFF;
}

.button--primary:hover {
    background-color: #9E5FA9;
    border-color: #9E5FA9;
    color: #FFF;
}

.button--secondary {
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid #0039A6;
    color: #0039A6;
}

.button--secondary:hover {
    background-color: rgba(255, 255, 255, 0);
    border-color: #9E5FA9;
    color: #9E5FA9;
}

/* Layout */
.main-content,
.section-container {
    padding: 3rem 1rem;
    max-width: 90rem;
    margin: auto;
}

#main > .grid-container {
    margin-top: 3rem;
}

@media (max-width: 640px) {
    #main > .grid-container {
        padding: 0 1rem;
        margin-top: 2rem;
    }

    #main .basic__wrapper {
        padding-bottom: 1.5rem;
    }
}

.box {
    border-radius: .75rem !important;
}

.mt-0 {
    margin-top: 0;
}

.grid-container {
    padding: 0 1.5rem;
}

#menu-container {
    padding: 1rem 0;
}

#menu-container .header__col--left .logo__text {
    line-height: 1.1;
    font-size: 1.75rem;
}

#menu-container .header__col--left .logo__image {
    height: 4rem;
    width: auto;
    flex-shrink: 0;
}

#menu-container .header__col--right {
    max-width: 100%;
    display: block;
}

#menu-container .header__col--right .tools-menu {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    list-style-type: none;
    margin: 0;
}

#menu-container .header__col--right .tools-menu li {
    width: auto;
    padding: .5rem;
    flex-shrink: 0;
}

#menu-container .header__col--right .tools-menu li a {
    color: #000;
    font-size: 1rem;
}

#menu-container .header__col--right .tools-menu li .button {
    color: #0039a6;
}

#menu-container .header__col--right .tools-menu li .button:hover {
    background-color: #0039a6;
    color: #FFF;
}

.mainNav {
    background-color: #0039a6;
    border-bottom: 0;
}

.mainNav .mainNav__list {
    justify-content: center;
}

.mainNav .mainNav__item .mainNav__link {
    text-transform: none;
    color: #FFF;
    font-size: 1.125rem;
    font-weight: 600;
    padding: 1rem;
}

.mainNav .mainNav__item--level-1:hover > .mainNav__link,
.mainNav .mainNav__item--level-1:focus > .mainNav__link {
    background-color: #00277e;
}

.mainNav .mainNav__item--level-1.mainNav__item--has-children > .mainNav__link:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f107";
    padding-left: .5rem;
    font-size: .875rem;
}

.mainNav__item--level-1:not(:last-child):after {
    width: 0;
}

.mainNav__item--level-1:last-child > .mainNav__list--dropdown {
    right: 0;
    left: auto;
}

#main {
    border-top: 0;
}

.mainNav .mainNav__item--level-2 .mainNav__link {
    color: #0039a6;
    font-weight: 400;
    line-height: 1.4;
    padding: .75rem 1rem;
    transition: .2s;
}

.mainNav .mainNav__item--level-2 .mainNav__link:hover,
.mainNav .mainNav__item--level-2 .mainNav__link:focus {
    background-color: #e3edfa;
}

.sharingButtons {
    margin: -.5rem;
    margin-top: 2rem;
}

.news-tpl .mainCol--right .archive {
    list-style-type: none;
    margin: 0;
    margin-bottom: 1rem;
}

.news-tpl .mainCol--right .archive li {
    margin-left: 1rem;
}

.news-tpl .mainCol--right .archive li.year {
    margin-left: 0rem;
}

.mobileNavToggle {
    color: #FFF;
}

.bartender-bar--open {
    background-color: #0039a6;
}

.bartender-bar--open .mobileNav__list {
    background-color: #FFF;
}

.bartender-bar--open .tools-menu {
    background-color: #0039a6;
    color: #FFF;
    margin: 0;
    padding: 1rem 0;
}

.bartender-bar--open .tools-menu a {
    color: #FFF;
    padding: .5rem 1rem;
    display: block;
}

.bartender-bar--open .tools-menu li .button {
    color: #FFF;
    border-color: #FFF;
    margin: 1rem;
    padding: 1rem;
}

@media (max-width: 1024px) {
    #menu-container .header__col--left .logo__text {
        display: none;
    }

    .mainNav .mainNav__item .mainNav__link {
        padding: 1rem .75rem;
        font-size: 1rem;
    }
}

/* HERO */
#theme-container {
    max-width: 1800px;
    margin: auto;
}

#theme-container .container #theme {
    height: 600px;
}

#theme-container .container #theme .content {
    max-width: 728px;
    width: 100%;
    height: 100%;
    text-align: left;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 4rem;
}

#theme-container .container #theme .content h2 {
    font-size: 3rem;
    line-height: 1;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .5);
    margin-bottom: 1rem;
}

#theme-container .container #theme .content:before {
    background-image: linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .7) 55%);
    top: 0;
}

#theme-container .container #theme .content p {
    margin: 0;
    font-weight: 600;
    line-height: 1.5;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    font-size: 1.25rem;
}

#theme-container .container #theme .content .carousel-button--container {
    margin-top: 2rem;
}

#theme-container .container #theme .content .carousel-button {
    box-shadow: none;
    text-shadow: none;
    text-transform: none;
    margin: 0;
    padding: .75rem 1.75rem;
    line-height: 1.5;
    font-weight: 600;
    font-size: 1.125rem;
    border-radius: 9999px;
}

.slick-arrow.slick-next:before,
.slick-arrow.slick-prev:before {
    text-shadow: none;
    font-size: 1.5rem;
    transition: .2s;
}

.slick-arrow.slick-prev:before {
    content: "\f104"
}

.slick-arrow.slick-next:before {
    content: "\f105"
}

.main-carousel .slick-dots li {
    height: 2rem;
    width: 2rem;
    margin: 0;
}


.main-carousel .slick-dots li button:before {
    color: #FFF;
    opacity: 1;
    font-size: .5rem;
    transition: .2s;
}

.main-carousel .slick-dots li:hover button:before {
    opacity: .75;
}

.main-carousel .slick-dots li.slick-active button:before {
    font-size: 1rem;
    color: #0039a6;
    transition: .2s;
}

@media (max-width: 840px) {
    #theme-container .container #theme .content {
        max-width: 100%;
        height: 100%;
        justify-content: flex-end;
        padding: 2rem 2.5rem;
        padding-bottom: 5rem;
    }

    #theme-container .container #theme .content:before {
        background-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .6) 65%);
    }

    #menu-container .header__col--right {
        display: none;
    }

    #content-container h1,
    #content-container .h1 {
        font-size: 2.25rem;
    }

    #content-container h2,
    #content-container .h2 {
        font-size: 1.75rem;
    }
}

@media (max-width: 700px) {
    #theme-container .container #theme .content h2 {
        font-size: 1.75rem;
    }

    #content-container h1,
    #content-container .h1 {
        font-size: 1.75rem;
    }

    #content-container h2,
    #content-container .h2 {
        font-size: 1.5rem;
    }

    #theme-container .container #theme .content p {
        font-size: 1.125rem;
    }

    .slick-arrow.slick-prev {
        left: .25rem;
    }

    .slick-arrow.slick-next {
        right: .25rem;
    }
}

/* FRONTPAGE */
#news-container,
#events-container,
#highlights-container {
    padding: 4rem 0;
}

#news-container .img-container {
    border-radius: .75rem .75rem 0 0;
}

.content-blocks__block .img-container,
#main-content-blocks .img-container,
#events-container .img-container,
#highlights-container .img-container {
    border-radius: .75rem;
}

#news-container .title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

#news-container .title-container h2 {
    margin-top: 0;
    margin-bottom: 0;
}

#news-container .title-container .rss span {
    text-decoration: underline;
    margin-left: .25rem;
}

#news-container .title-container .rss .fa-rss:before {
    font-size: 1rem;
}

#news-container .news-card {
    border-radius: .75rem;
}

#news-container .news-card .content {
    padding: 1.5rem;
}

#news-container .news-card .content h3 {
    font-size: 1.25rem;
}

#news-container .news-card img {
    border-radius: .75rem .75rem 0 0;
}

#news-container .button-container a,
#events-container .button-container a {
    margin: auto;
}

#events-container h2 {
    text-align: center;
}

#events-container .event-card img {
    border-radius: .75rem;
}

#events-container .event-card .content {
    padding: 1rem 0;
}

#events-container .box {
    margin-bottom: 0;
}

#events-container .event-card .content h3 {
    font-size: 1.125rem;
}

#highlights-container .img-container img {
    border-radius: .75rem;
}

#highlights-container .highlights-card .content {
    padding: 0;
    padding-top: 1rem;
}

#highlights-container .highlights-card .content h3 {
    font-size: 1.25rem;
    margin-bottom: .5rem;
}

@media (max-width: 840px) {
    #news-container,
    #events-container,
    #highlights-container {
        padding: 2.5rem 0;
    }

    #news-container .news-card .content {
        padding: 1rem;
    }
}

@media (max-width: 640px) {
    #news-container .news-card .content h3 {
        font-size: 1.125rem;
    }

    #news-container .title-container h2 {
        margin-bottom: .5rem;
    }

    #news-container .title-container {
        margin-bottom: 1.5rem;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
}

/* FOOTER */
.footer {
    text-align: left;
}

.footer .footer__col {
    padding: 0;
}

.footer .footer__summary {
    font-style: normal;
    opacity: 1;
    margin-top: 0;
    font-size: 1rem;
}

.footer .footer__col--1 ,
.footer .footer__col--2 {
    width: 30% !important;
}

.footer .footer__col--3 {
    width: 40% !important;
}

.footer .footer__col--1 .footer__col--inner,
.footer .footer__col--2 {
    display: flex;
    margin: -1.5rem;
}

.footer .footer__col--3 {
    margin: -1.5rem;
}

.footer .footer__col--1 .footer__logo {
    width: auto;
    flex-shrink: 0;
}

.footer .footer__col--1 .footer__logo img {
    width: 6rem;
    height: 6rem;
}

.footer .footer__col--1 .footer__text {
    margin-left: 1.5rem;
}

.footer .footer__col--1 .socialNav__list {
    justify-content: flex-start;
}

.footer .footer__col--2 ul {
    list-style-type: none;
    margin: 0;
}

.footer .footer__col--inner,
.footer .footer__col--2 .footer__main-nav,
.footer .footer__col--2 .footer__tools-nav {
    padding: 1.5rem;
}

.footer .footer__col--2 .footer__main-nav,
.footer .footer__col--2 .footer__tools-nav {
    width: 50%;
}

.footer .footerNav__link,
.footer .footer__tools-nav li {
    text-transform: none;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.24;
    padding: 0;
    margin-bottom: .75rem;
}

.footer .footer__tools-nav li i {
    font-size: .875rem;
    margin-right: .25rem;
}

@media (max-width: 1024px) {
    .footer .footer__col--1 ,
    .footer .footer__col--2 {
        width: 50% !important;
    }

    .footer .footer__col--3 {
        width: 100% !important;
        margin: 0;
    }

    .footer .footer__col--1 .footer__col--inner,
    .footer .footer__col--2 {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .footer .footer__col--1 ,
    .footer .footer__col--2,
    .footer .footer__col--2 .footer__main-nav,
    .footer .footer__col--2 .footer__tools-nav {
        width: 100% !important;
    }
}

@media (max-width: 500px) {
    .footer .footer__col--1 .footer__col--inner,
    .footer .footer__col--2 {
        flex-direction: column;
    }

    .footer .footer__col--1 .footer__text {
        margin-left: 0;
    }

    .footer .footer__col--inner,
    .footer .footer__col--2 .footer__main-nav,
    .footer .footer__col--2 .footer__tools-nav {
        padding: .5rem;
    }
}


/* BASIC PAGE */
.news-item-tpl #main,
.basic-page-tpl #main {
    padding: 0;
}

.news-item-tpl #main #theme,
.basic-page-tpl #main #theme {
    padding: 0;
    overflow: hidden;
    max-width: 1800px;
}

.news-item-tpl #main #theme img,
.basic-page-tpl #main #theme img {
    max-height: 500px;
    max-width: 1800px !important;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#main #theme img {
    max-width: 100% !important;
}

.basic__wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding-bottom: 3rem;
    margin: 0 !important;
}

.basic__wrapper .mainCol {
    flex: 1;
}

.basic__wrapper .mainCol--right {
    max-width: 20rem;
    width: 100%;
    padding-right: 4rem;
    flex-shrink: 0;
}

.basic__wrapper .mainCol--right .menu {
    padding: 0;
    border-left: 0;
    margin-bottom: 0;
}

.basic__wrapper .mainCol--right .menu > li:first-of-type a {
    font-size: 1.5rem;
    font-weight: 700;
}

.basic__wrapper .mainCol--right .menu li {
    margin-bottom: 1rem;
}

.basic__wrapper .mainCol--right .menu li a {
    padding: 0;
    line-height: 1.5;
}

.basic__wrapper .mainCol--right #left-container article {
    margin-bottom: 1rem;
}

.basic__wrapper .mainCol--right #left-container h2 {
    font-size: 1.25rem;
}

.basic__wrapper .mainCol--right #left-container > h2 {
	margin-bottom: 0;
	margin-top: 2rem;
}

.basic__wrapper .mainCol--right #left-container .block-list {
    margin-top: 0;
}

.basic__wrapper .mainCol--right #left-container .block-list li a {
    font-size: 1rem !important;
}

.basic__wrapper .mainCol--right #left-container .block-list li {
    margin-bottom: 0;
}

.basic__wrapper .mainCol--right .menu li a:hover {
    text-decoration: underline;
}

.basic__wrapper .mainCol--right .menu li.current > a {
    color:#0039A6;
}

.basic__wrapper .mainCol--right .menu li.has_children ul {
    margin-top: 1rem;
}

.basic__wrapper .mainCol--right .highlights {
	margin-top: 2rem;
}

.basic__wrapper .mainCol--right .highlights .content {
    padding: 0;
    padding-top: 1rem;
}

.basic__wrapper .mainCol--right .highlights .highlights-item a:hover {
    color:#0039A6 !important;
}

.basic__wrapper .mainCol--right #left-container .block-list li:not(.with-image) {
    padding: 1rem 0;
    font-weight: 600;
    line-height: 1.4;
	border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.basic__wrapper .mainCol--right #left-container .block-list {
    margin-bottom: 1rem;
}

.basic__wrapper .mainCol--right #left-container .block-list li:not(.with-image) a {
    padding: 0;
	border-bottom: 0;
}

.basic__wrapper .mainCol--right #left-container .block-list .with-image picture{
    display: none;
}

#main .mainCol--right .related-persons {
    margin-top: 2rem;
}

#main .mainCol--right .related-persons .summary {
    font-size: 1rem !important;
    font-weight: 400 !important;
}

.basic__wrapper .mainCol--left .block-list li {
    margin-bottom: 1rem;
}

.basic__wrapper .mainCol--left .block-list li a {
    padding: 0;
    padding-top: .5rem;
}

.basic__wrapper .mainCol--left .block-list li a:hover {
    text-decoration: underline;
}

.basic__wrapper .mainCol--left {
    max-width: 1024px;
    width: 100%;
    padding-left: 4rem;
    border-left: 1px solid rgba(0, 0, 0, .15);
    padding-right: 0 !important;
}

.basic__wrapper .mainCol--full {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    width: 100%;
}

.tags-item-tpl .basic__wrapper #content-container .tags {
    margin-bottom: 1.5rem;
    list-style-type: disc;
    margin-left: 1.5rem;
}

.basic__wrapper #content-container .tags a {
    padding: .25rem;
}

.basic__wrapper #content-container .tags li a {
    padding: .5rem 0;
    padding-left: .5rem;
    line-height: 1.5;
}

@media (max-width: 1024px) {
    .basic__wrapper {
        flex-direction: column;
    }

    .basic__wrapper .mainCol--right {
        max-width: 100%;
        padding: 0 .5rem !important;
    }

    .basic__wrapper .mainCol--right > .menu {
        display: none;
    }

    .basic__wrapper .mainCol--left {
        padding: 0 1rem !important;
        border-left: 0;
        margin: 0;
    }
}

@media (max-width: 500px) {
    .basic__wrapper .mainCol--left {
        padding: 0 .5rem !important;
    }
}

/* Common styles */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Arial, Helvetica, sans-serif;
}

@media (max-width: 839px) {
    .bartender-content {
        will-change: initial;
    }
}

/* Main navigation */
#menu-container,
.mainNav {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.mainNav {
    background-color: #FFF;
    box-shadow: none;
}

.mainNav .mainNav__item .mainNav__link {
    color: #0039A6;
    font-size: 1rem;
    font-weight: normal;
    position: relative;
    padding: 1rem;
}

.mainNav .mainNav__item--has-children .mainNav__link {
    padding-right: 2rem;
}

.mainNav .mainNav__item--level-1 > .mainNav__link {
    border-bottom: 2px solid #FFF;
}

.mainNav .mainNav__item--level-2.mainNav__item--current > .mainNav__link,
.mainNav .mainNav__item:hover > .mainNav__link,
.mainNav .mainNav__item:hover > .mainNav__link {
    background-color: rgba(0, 0, 0, .025);
    color: #000;
}

.mainNav .mainNav__item--level-1.mainNav__item--current > .mainNav__link,
.mainNav .mainNav__item--level-1.mainNav__item--parent > .mainNav__link,
.mainNav .mainNav__item--level-1:hover > .mainNav__link {
    background-color: rgba(0, 0, 0, .025);
    border-bottom: 2px solid #FFA626;
    color: #000;
}

/* Tools menu */
.toolsNav {
    background-color: #0039A6;
    margin: 0;
    padding: .625rem 0;
}

.toolsNav--desktop {
    display: none;
}

@media (min-width: 840px) {
    .toolsNav--desktop {
        display: block;
    }
}

.toolsNav ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
    list-style-type: none;
    margin: 0;
}

.toolsNav ul li a {
    color: #FFFFFF;
    font-size: .875rem;
}

.toolsNav ul li a:hover {
    text-decoration: underline;
}

/* Material bank search */
.header--materialBank {
    background-color: #D1E2EF;
    padding: 1rem 0;
}

.header--materialBank .searchForm {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin: auto;
}

.header--materialBank .searchForm__inputWrapper {
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: 9999px;
    border: 1px solid rgba(0, 0, 0, .5);
    width: 100%;
    max-width: 25rem;
}

.header--materialBank .searchForm__inputWrapper input {
    height: 100%;
    border-radius: 0;
    border: 0;
    background: transparent;
    padding: .5rem 1.5rem;
    box-shadow: none;
}

.header--materialBank label {
    font-weight: bold;
    font-size: 1rem;
    white-space: nowrap;
}

@media (max-width: 520px) {
    .header--materialBank .searchForm {
        flex-direction: column;
        align-items: flex-start;
        gap: .25rem;
    }

    .header--materialBank .searchForm__inputWrapper {
        max-width: 100%;
    }

    .header--materialBank .searchForm__inputWrapper,
    .header--materialBank .searchForm__inputWrapper button {
        height: 3rem;
    }

    .header--materialBank .searchForm__inputWrapper button {
        padding: .25rem 1.5rem;
    }
}

/* Sidebar */
.basic__wrapper .mainCol--right #left-container .with-image a {
    padding-bottom: 1rem;
}

/* Header */
#menu-container .header__wrap {
    flex-wrap: nowrap;
}

#menu-container .header__col--left,
#menu-container .header__col--center,
#menu-container .header__col--right {
    width: auto;
}

#menu-container .header__col--center {
    flex: 1 0 auto;
}

#menu-container .header__col--left .logo__text {
    max-width: 12.5rem;
}

#menu-container .header__col--right {
    padding-left: 1.5rem;
}

#menu-container .header__col--right .tools-menu li a {
    color: #0039A6;
}

.tools-menu li a span {
    vertical-align: text-bottom;
}

#menu-container .header__col--right .tools-menu li a:not(.button):hover {
    color: #000;
    text-decoration: underline;
}

#menu-container .header__col--right .tools-menu li .button--primary {
    color: #FFF;
}

#menu-container .header__col--right .tools-menu li .button:hover {
    background-color: #002876;
    border-color: #002876;
}

div[data-bartender-bar="left"] .tools-menu svg path {
    fill: #FFF;
}

div[data-bartender-bar="left"] .top-menu {
    list-style-type: none;
    margin: 0;
    padding-top: 1rem;
}

div[data-bartender-bar="left"] .top-menu a {
    color: #FFF;
    padding: .5rem 1rem;
    display: block;
}

@media (max-width: 839px) {
    #menu-container .header__col--center,
    #menu-container .header__col--right {
        display: none;
    }

    .mainNav {
        position: fixed;
        top: 1rem;
        right: 1rem;
        background-color: #0039A6;
    }

    #menu-container .header__col--left .logo__text {
        display: block !important;
    }

    .mainNav .mobileNavToggle:hover,
    .mainNav .mobileNavToggle:focus {
        color: #FFF;
        background-color: #002876;
    }

    .mainNav .grid-container {
        padding: 0;
    }

    #menu-container .header__col--left .logo__text {
        font-size: 1.25rem;
    }

    #menu-container .header__col--left .logo__image {
        height: 3rem;
    }
}

/* Submenu */
.basic__wrapper .mainCol--right .menu li {
    margin-bottom: 0;
}

.basic__wrapper .mainCol--right .menu li a,
.basic__wrapper .mainCol--right ul li a {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    padding: 1rem .75rem;
    padding-right: 2rem;
    color: #0039A6;
    position: relative;
}

.basic__wrapper .mainCol--right .menu li.current > a {
    background-color: rgba(0, 0, 0, .025);
    border-left: 2px solid #FFA626;
    color: #000000;
}

.basic__wrapper .mainCol--right .menu li.has_children ul {
    margin-top: 0;
}

.basic__wrapper .mainCol--right .menu li.has_children.current,
.basic__wrapper .mainCol--right .menu li.has_children.parent {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.basic__wrapper .mainCol--right .menu li.has_children > ul li:last-of-type > a,
.basic__wrapper .mainCol--right .menu li.has_children:last-of-type.parent,
.basic__wrapper .mainCol--right .menu li.has_children:last-of-type.current {
    border-bottom: 0;
}

.mainNav .mainNav__item--level-1.mainNav__item--has-children > .mainNav__link::after,
.news-tpl .mainCol--right .archive li.year::after,
.basic__wrapper .mainCol--right .menu li.has_children > a::after {
    content: "";
    position: absolute;
    top: calc(50% - .5rem);
    right: .5rem;
    height: 1rem;
    width: 1rem;
    background-image: url(./images/arrow-down.svg);
}

.news-tpl .mainCol--right .archive li.year.current::after,
.news-tpl .mainCol--right .archive li.year.parent::after,
.basic__wrapper .mainCol--right .menu li.has_children.current > a::after,
.basic__wrapper .mainCol--right .menu li.has_children.parent > a::after {
    transform: rotate(180deg);
}

/* News template */
.news-tpl .basic__wrapper ul.block-list li {
    padding: 1rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.news-tpl .basic__wrapper ul.block-list li a {
    padding: 0;
    margin-top: .5rem;
    font-size: 1.125rem;
    line-height: 1.5;
}

.news-tpl .mainCol--right .archive li a:hover,
.news-tpl .basic__wrapper ul.block-list li a:hover {
    text-decoration: underline !important;
}

.news-tpl .mainCol--right h2 {
    margin-top: 0;
}

.news-tpl .mainCol--right .archive .year {
    font-weight: bold;
    position: relative;
}

.news-tpl .mainCol--right .archive li,
.news-tpl .mainCol--right .archive li a {
    display: block;
}

.news-tpl .mainCol--right .archive li.current a {
    font-weight: bold;
    color: #000;
}

#news-container .img-container img {
    aspect-ratio: 21 / 9;
    object-fit: cover;
}

/* Hero section */
#theme-container {
    padding: 1.5rem;
    padding-bottom: 0;
    max-width: 90rem;
}

#theme-container,
#theme-container #theme,
#theme-container .main-carousel {
    border-radius: 1rem;
}

#theme-container .main-carousel,
#theme-container .container #theme {
    height: 600px;
}

@media (min-width: 52.5rem) {
    #theme-container .main-carousel,
    #theme-container .container #theme {
        height: 560px;
    }
}

#theme-container .container #theme .content {
    max-width: 700px;
}

#theme-container .slide .content h2 span {
    display: block;
    color: #FFF !important;
    font-size: 1.125rem;
    line-height: 1.12;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 1rem;
    position: relative;
    padding-left: 2.75rem;
}

#theme-container .slide .content h2 span::before {
    content: "";
    position: absolute;
    top: -.25rem;
    left: 0;
    height: 1.5rem;
    width: 2.25rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./images/senioriliitto-liekki.svg');
}

#theme-container .container #theme .content p {
    font-weight: normal;
    font-size: 1.125rem;
}

#theme-container .container #theme .content .carousel-button:hover,
#theme-container .container #theme .content .carousel-button:focus {
    background-color: #0039A6;
    border-color: #0039A6;
}

#theme-container .main-carousel .slick-dots li.slick-active button:before {
    color: #FBB040;
}

/* Footer */
.footer {
    border-top: 0;
    position: relative;
}

@media (min-width: 768px) {
    .footer {
        padding-top: 6rem;
    }
}

.footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2.5rem;
    width: 100%;
    background-repeat: repeat-x;
    background-size: contain;
    background-image: url('./images/senioriliitto-nauha.png');
}

/* Events */
#senioriliitto-tapahtumakalenteri-modal-mount.widget--lg .eventImage,
#senioriliitto-tapahtumakalenteri.widget--lg .eventImage,
#senioriliitto-tapahtumakalenteri-modal-mount .eventImage,
    #senioriliitto-tapahtumakalenteri .eventImage {
    height: 100%;
    width: 16rem;
    aspect-ratio: 21 / 9 !important;
    object-fit: cover !important;
}

@media (max-width: 600px) {
    #senioriliitto-tapahtumakalenteri-modal-mount.widget--lg .eventImage,
    #senioriliitto-tapahtumakalenteri.widget--lg .eventImage,
    #senioriliitto-tapahtumakalenteri-modal-mount .eventImage,
    #senioriliitto-tapahtumakalenteri .eventImage {
        height: 100%;
        width: 100% !important;
    }
}

/* Search form */
.searchForm .searchForm__input {
    border: 1px solid rgba(0, 0, 0, .5);
    padding: .625rem 1rem;
    min-height: 2.813rem;
    padding-left: 2.5rem;
}

.searchForm .searchForm__icon {
    color: rgba(0, 0, 0, .75);
}

.searchForm .searchForm__input::placeholder {
    color: #767676;
}

/* Material Bank */
#content-container .material-bank-toc {
    border: 1px solid rgba(0, 0, 0, .1);
}

#content-container .material-bank-toc h2 {
    font-size: 1.25rem;
    margin: 0;
    padding: 1rem;
}

#content-container .material-bank-toc__list {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: .5rem;
    background-color: rgba(0, 0, 0, .025);
    padding: 1rem;
}

#content-container .material-bank-toc__list li a {
    padding: .5rem .75rem;
    display: block;
    min-width: 2.599rem;
    text-align: center;
    border-radius: 9999px;
    transition: .2s ease-in-out;
}

#content-container .material-bank-toc__list li a:hover {
    background-color: #0039A6;
    color: #FFFFFF;
}

#content-container .material-bank__searchResults li {
    margin: .75rem 0;
}

#content-container .material-bank__searchResults a {
    font-weight: 700;
}

#content-container .material-bank__searchResults a:hover {
    text-decoration: underline;
}

.content-blocks__block .cards-block--accordion {
    display: flex;
    flex-direction: row;
    margin: 3rem 0;
}

#content-container .content-blocks__block .cards-block--accordion .cards-block__title {
    width: 10rem;
    font-size: 5rem;
    margin-top: 0;
    margin-bottom: .5rem;
    color: #0039A6;
}

.content-blocks__block .cards-block--accordion .cards-block__list {
    flex-direction: column;
    margin: 0;
    width: 100%;
}

.content-blocks__block .cards-block--accordion .cards-block__list-item {
    padding: 1rem 0;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.content-blocks__block .img-container {
    margin-bottom: 1rem;
	display: block;
}

#content-container .content-blocks__block .cards-block--accordion .accordion__title {
    margin: 0 !important;
    color: #0039A6;
    font-size: 1.125rem;
    font-weight: bold;
}

#content-container .content-blocks__block .cards-block--accordion .accordion-content,
#content-container .content-blocks__block .cards-block--accordion .accordion-read-more {
    margin-top: 1rem;
}

#content-container .content-blocks__block .cards-block--accordion .cards-block__list-item summary {
    position: relative;
    padding: .5rem .25rem;
	padding-right: 2rem;
	line-height: 1.4;
}

#content-container .content-blocks__block .cards-block--accordion .cards-block__list-item summary:hover {
    cursor: pointer;
}

#content-container .content-blocks__block .cards-block--accordion .cards-block__list-item summary:hover .accordion__title {
    color: #000000;
}

#content-container .content-blocks__block .cards-block--accordion .cards-block__list-item summary::marker {
    content: "";
}

#content-container .content-blocks__block .cards-block--accordion .cards-block__list-item summary::after {
    content: "";
    position: absolute;
    top: calc(50% - .5rem);
    right: .5rem;
    height: 1rem;
    width: 1rem;
    background-image: url(./images/arrow-down.svg);
    transition: .2s ease-in-out;
}

#content-container .content-blocks__block .cards-block--accordion details[open] summary {
    background-color: rgba(0, 0, 0, .025);
}

#content-container .content-blocks__block .cards-block--accordion details[open] summary::after {
    transform: rotate(-180deg)
}

#content-container .content-blocks__block .cards-block--accordion.cards-block--stacked {
    flex-direction: column;
}

#content-container .content-blocks__block .cards-block--accordion.cards-block--stacked .cards-block__title {
    width: 100%;
	font-size: 1.75rem;
	color: #000000;
}

@media (max-width: 768px) {
    #content-container .content-blocks__block .cards-block--accordion .cards-block__title {
        width: 5rem;
        font-size: 3.5rem;
    }

    #content-container .content-blocks__block .cards-block--accordion .accordion__title {
        font-size: 1rem;
    }
}

@media (max-width: 650px) {
    .content-blocks__block .cards-block--accordion {
        flex-direction: column;
    }

    .content-blocks__block #content-container .cards-block--accordion .cards-block__title {
        width: 100%;
    }
}