:root {
    --color1: #000000;
    --color2: #ededed;
    --color3: #ffd000;
    --bs-light-rgb: 237,237,237;
}

html, body, p {
    font-family: 'Public Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Unica One';
}

h1, .h1 {
    font-size:3.5rem;
}
h2, .h2 {
    font-size:2.8rem;
}
.subpage h2 {
    color:var(--color3);
}

.subpage h1 {
    line-height: 0.8;
    margin: 0;
}

#main header {
    margin-bottom: 2rem;
}

.color1 { color: var(--color1) !important;}
.color2 { color: var(--color2) !important;}
.color3 { color: var(--color3) !important;}

.bg-yellow {
    background-color: var(--color3);
}


.content a {
    opacity: 0.65;
}

.content figure.image a {
    opacity: 1;
}

.content a:hover {
    opacity: 1;
    text-decoration: underline;
}

a:hover {
    color: var(--color1);
}

a.active {
    font-weight: bold;
}

a.linky {
    display: block;
    text-align: center;
    margin-top: 2rem;
    opacity: 1;
    font-weight: bold;
    padding-bottom: 3px;
    border-bottom: 5px solid var(--color3);
}

.fontlight {
    color: var(--color1);
    opacity: 0.7 !important;
}

.chev1:before {
    content: "";
    background-image: url(../img/chevron-c1.svg);
    background-repeat: no-repeat;
    background-size: 10px 20px;
    width: 15px;
    height: 22px;
    margin-left: -20px;
    position: absolute;
    margin-top: 10px;
}

h1.chev1:before, .h1.chev1.before {
    margin-top: 14px;
}

.chev2:before {
    content: "";
    background-image: url(../img/chevron-c2.svg);
    background-repeat: no-repeat;
    background-size: 10px 20px;
    width: 15px;
    height: 22px;
    margin-left: -20px;
    position: absolute;
    margin-top: 10px;
}

.eventline.chev2:before {
    background-size: 8px 20px;
}

h1.chev2:before, .h1.chev2:before {
    margin-top: 15px;
    line-height: 1;
}

.chev3:before {
    content: "";
    background-image: url(../img/chevron-c3.svg);
    background-repeat: no-repeat;
    background-size: 10px 20px;
    display: inline-block;
    width: 15px;
    height: 22px;
    margin-left: -15px;
}

.logodiv {
    width: 122px;
    height: 68px;
    padding: 1.1rem;
}

.leftcol {
    text-align: end;
}

.leftcol img {
    max-width: 914px;
    width: 100%;
    height: auto;
}

.rightcol h1 {
    margin-bottom:0;
    line-height: 1.2;
}

a {
    text-decoration: none;
    color: var(--color1);
}

.leadin, .leadin p {
    font-size:1.2rem !important;
}

.copya, .eventline p, p.copya {
    font-size:1.0rem !important;
}

.copyb, p.copyb {
    font-size:0.9rem !important;
}

.small {
    font-size: 0.8rem !important;
}


.copyafontlight {
    font-size:1.0rem !important;
    color: var(--color1);
    opacity: 0.7 !important;
}
.copybfontlight {
    font-size:0.9rem !important;
    color: var(--color1);
    opacity: 0.7 !important;
}
.smallfontlight {
    font-size:0.8rem !important;
    color: var(--color1);
    opacity: 0.7 !important;
}

.image-caption {
    font-size: 0.75rem !important;
}

#logo { width:122px;}

header {

}

.akadheader {
    padding-top:1.3rem;
}

.akadheader h2 {
    margin:0;
}
.akadheader p {
    font-size: 2.7rem !important;
    font-family: 'Unica One';
    line-height: 1;
}

#main {
    min-height: 600px;
}

#navbtn {
    margin-right:28px;
    margin-left:28px;
}
#navbtn img {
    width: 32px;
    cursor: pointer;
}

#langbtn {
    line-height: 1.12;
}

#langbtn a {
    display: block;
}

#langbtn .active { font-weight: bold;}

#menu {
    margin-top: 15px;
    padding:51px 36px 28px 36px;
    border-bottom: 7px solid var(--color3);
    background-color: var(--color2);
    display: none;
}

ul.nav li.nav-item:first-child .nav-link {
    padding-top:0;
}

.nav-link {
    color: var(--color1);
    padding-left:0;
    padding-right: 0;
}

.menubottomnav {
    font-size:0.8rem;
}

.subnav a {
    font-weight: bold;
    margin-right:1.5rem;
}
.subnav > div:last-child a {
    margin-right:0;
}

.block1 p, .block2 p {
    margin:0;
}

.block2 .h1, .block3 .h1 {
    margin-bottom:0;
    line-height: 1;
}

.block3 {
    margin-top: 4rem!important;
}

.navline {

}

.block3 .navline a {
    border-bottom: 6px solid var(--color3);
    display: block;
}

.block3 .navline a:hover {
    background-color: var(--color3);
    border-color: #FFF;
}

img.totop {
    max-width:50px;
}

footer .bg-light {
    min-height:67px;
}

footer .menubottomnav {
    padding:0px 36px;
}

.footerheader span {
    display: inline-block;
}

.footerheader span.chev1 {
    margin-left:30px;
}

.footerheader span.chev1:before {
    margin-left: -15px;
    margin-top: 18px;
}

.socialbar img { height:44px;}
.breadcrumb {margin-bottom:0; text-transform: uppercase;}
.backlink img { width:1rem; margin-left:5px; margin-top: 10px;}

.sublineyellow { border-bottom: 1px solid var(--color3);}

.sublineyellow > .col { padding-bottom: 2rem; padding-top:1.3rem;}

.subpage p {
    font-size: 0.9rem;
    margin:0;
}

.row > .col > .frame-default {
    margin-top: 0;
}

.accordion-item {
    border:0;
    border-bottom: 1px solid #000;
    border-radius:0 !important
}

hr {
    opacity: 1;
}
.btn-primary {
    color: #000;
    background-color: var(--color3);
    border-color: var(--color3);
}
.btn-primary:hover {
    color: #000;
    background-color: var(--color3);
    border-color: var(--color3);
}



.accordion-header {
    font-size:0.9rem;
    font-family: 'Public Sans', sans-serif;
    font-weight: bold;
    padding-bottom: 0.5rem;
    cursor: pointer;
    padding-left:20px;

}
.accordion-header:before {
    content: "-";
    font-size: 2rem;
    position: absolute;
    margin-top: -12px;
    margin-left: -20px;
}


.accordion-header.collapsed:before {
    content: "+";
    margin-top: -5px;
    font-size: 1.5rem;
}

.accordion-body {
 padding-left:0;
    padding-right:0;
}

.pagesubnav {
    padding-left:20px;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.pagesubnav h3 {
    font-family: 'Public Sans', sans-serif;
    font-weight: bold;
    margin-bottom: 0;
}

.pagesubnav.pagecontent h3 {
    font-family: 'Public Sans', sans-serif;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 0.9rem;
}

.archivemenu a {
    text-transform: uppercase;
}
.archivemenu a:hover {
    color:var(--color3);
}

.frame-default {
    margin-top:1rem;
}

.form-group {
    margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
    .ce-gallery .col {
        position: relative;
    }

    .leftcol figure.image {
        position: absolute;
        right: 0;
    }

    .leftcol img.img-fluid {
        width: 914px;
        max-width: unset;
        height: auto;
        overflow: hidden;
    }
}