/* ===================================
    Global
====================================== */

:root {
    --ek-yellow: #FFCC00;
}

.footer-logo {
    max-height: 100px;
}

.btn.btn--yellow {
    background: var(--ek-yellow);
    border-color: var(--ek-yellow);
    color: #232323;
    text-transform: none;
    font-family: "mokoko-variable", sans-serif;
}

.btn.btn--yellow:hover {
    background: #232323;
    color: var(--ek-yellow);
}

/* ===================================
    Typography
====================================== */

.text--yellow {
    color: var(--ek-yellow);
}

/* theme overrides */

body {
    font-family: "mokoko-variable", sans-serif;
    /*font-variation-settings: "wght" 500;*/
    background-color: #000;
}

.sidebar-part2 .right-bg:before {
    display: none;
}

header .sidebar-part2 nav.navbar.bootsnav ul > li > a {
    font-size: 24px;
}

.sidebar-part2 ul > li {
    word-break: normal;
}

.blog-post-style7:hover,
.blog-post-style7:hover a {
    color: var(--ek-yellow);
}

.blog-post-style7 .author:before {
    display: none;
}

.accordion-style1 .panel-title {
    font-size: 22px;
}

.panel-collapse a {
    color: #fff;
    text-decoration: underline;
}

.panel-collapse a:hover {
    text-decoration: none;
}

.panel-collapse {
    font-size: 18px;
}

.panel-title > i {
    font-size: 30px;
}

.panel-body {
    color: #fff;
}

@media (max-width: 767px) {
    .title-large {
      /*font-size: 38px;
      line-height: 44px;*/
      font-size: 60px;
      line-height: 66px;
    }
}