:root {
    --cnvs-themecolor: #4a9cd7;
    --cnvs-themecolor-rgb: 74, 156, 215;
}

/*.menu-item:hover > .menu-link {*/
/*  color: #1f82ff;*/
/*}*/
.header-row {
    justify-content: center !important;
}

#logo {
    margin-right: 0;
}

#logo img {
    width: 100px;
    height: auto;
}

/*#header-wrap {*/
/*  border-bottom: none;*/
/*  border-top: var(--bs-border-width) var(--bs-border-style)*/
/*    var(--bs-border-color) !important;*/
/*}*/

.is-expanded-menu .full-header #logo {
    border-right: none;
    padding: 5px 0;
}

.is-expanded-menu .full-header .primary-menu .menu-container {
    border-right: none !important;
}

/*.is-expanded-menu .sub-menu-container {*/
/*  border: none;*/
/*  background-color: rgba(33, 33, 33, 0.5);*/
/*}*/
.menu-link,
.menu-link > div,
.top-links-item {
    font-family: "AvertaStd";
    font-weight: normal;
    font-size: 18px;
}

.top-links-item > a {
    padding: 8px 12px;
}

.top-links-item {
    font-size: 14px;
}

#top-bar {
    border-bottom: none;
}

.top-links-item {
    border: none !important;
}

.top-links {
    border: none;
}

#top-social li {
    border: none;
}

#header {
    background-color: #343a40;
}

.hero,
.hero-title,
.hero-subtitle {
    font-family: "AvertaStd";
}

.page-title-buttons .button {
    background-color: #dc3545 !important;
    border-color: #dc3545;
    border-radius: 25px !important;
    text-transform: uppercase;
    font-size: 14px;
}

.about {
    font-family: "AvertaStd";
}

.about h1 {
    font-size: 30px;
    margin-bottom: 35px;
    font-weight: bold;
}

.about h2 {
    color: #dc3545;
    font-size: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
}

.about h2 span {
    color: #dc3545 !important;
}

.about .button {
    /*background-color: #1f82ff !important;*/
    text-transform: uppercase;
    font-size: 18px;
}

.about .button:hover {
    /*background-color: #5bc6fa !important;*/
}

.section-contact {
    font-family: "AvertaStd";
}

.section-contact i {
    color: #f7bf00;
}

.section-contact .button {
    background-color: #f7bf00 !important;
    border: #f7bf00 !important;
    color: #fff !important;
}

/*.section-contact:first-of-type {*/
/*  background-image: url(../images/about/slika01.png);*/
/*  background-position: center center;*/
/*  background-size: cover;*/
/*  background-repeat: no-repeat;*/
/*}*/
/*.section-contact:nth-of-type(2) {*/
/*  background-image: url(../images/about/slika02.png);*/
/*  background-position: center center;*/
/*  background-size: cover;*/
/*  background-repeat: no-repeat;*/
/*}*/
/*.section-contact:nth-of-type(3) {*/
/*  background-image: url(../images/about/slika3.png);*/
/*  background-position: center center;*/
/*  background-size: cover;*/
/*  background-repeat: no-repeat;*/
/*}*/
.section-contact h3:after {
    content: "";
    display: block;
    height: 1px;
    width: 50%;
    border: 3px solid #f7bf00;
    margin: 10px auto;
}

.about {
    padding: 50px 0;
}

.about .row {
    justify-content: space-between;
}

.call-to-action .section-content {
    margin: 50px;
    color: #fff !important;
}

.call-to-action .section-content h3 {
    color: #fff;
    font-family: "AvertaStd";
    text-transform: uppercase;
    font-weight: bold;
}

.call-to-action .section-content span {
    font-family: "AvertaStd" !important;
    margin-bottom: 25px !important;
}

.call-to-action .section-content h3:after {
    content: "";
    display: block;
    height: 1px;
    width: 60%;
    border: 3px solid #f7bf00;
    margin-top: 10px;
}

.call-to-action .first {
    margin-bottom: 15px;
}

.call-to-action .button {
    background-color: #f7bf00 !important;
    color: #fff;
    text-transform: uppercase !important;
}

.news .button {
    background-color: #f7bf00 !important;
    color: #fff;
    border-color: #f7bf00;
    text-transform: uppercase !important;
}

.news,
.news h2 a {
    font-family: "AvertaStd";
}

@media (min-width: 992px) {
    #logo {
        margin-right: 0;
    }

    .site-title {
        margin: 0 25px;
        color: black;
        font-size: 26px;
        white-space: nowrap;
        font-family: "AvertaStd";
        text-align: center;
    }

    .site-title span {
        font-size: 35px;
        color: black !important;
        font-weight: bold;
        text-transform: uppercase;
    }

    #top-bar {
        background-color: #212121;
    }

    #header {
        background-color: rgba(204, 204, 204, 0.4);
    }

    #header-wrap {
        background-color: #212121;
    }

    .top-links-item > a {
        padding: 15px;
    }

    .top-links-item > a:hover {
        color: #1f82ff;
    }

    .top-links-item:hover {
        background-color: transparent;
        color: #1f82ff;
    }

    .page-menu-title {
        margin-right: 0;
    }

    .page-menu-nav {
        justify-content: center;
    }

    /*.page-menu-row {*/
    /*  justify-content: center;*/
    /*}*/
    /*.page-menu-title {*/
    /*  margin-right: 20px;*/
    /*}*/
    /*.page-menu-item a {*/
    /*  font-weight: bold;*/
    /*  font-size: 25px;*/
    /*  font-family: "AvertaStd";*/
    /*}*/
    #page-menu-wrap {
        padding: 15px 0;
        background-color: #212121;
    }

    .page-menu-nav {
        margin: auto;
    }

    .page-menu-item a {
        border-right: 1px solid #1f82ff;
        font-size: 20px;
        font-family: "AvertaStd";
        border-radius: 0;
    }

    .is-expanded-pagemenu .page-menu-item > a {
        border-radius: 0;
        background-color: transparent;
    }

    .is-expanded-pagemenu .page-menu-item > a:hover {
        background-color: #1f82ff;
    }

    .about {
        padding: 70px 0;
    }

    .call-to-action .section-content {
        padding: 100px 0 100px;
        margin: 0 50px;
    }

    .call-to-action .first {
        margin-bottom: 0;
    }

    .call-to-action .section-content h3:after {
        width: 20%;
    }

    .call-to-action div {
        margin-top: 25px;
    }

    ul:not([class]), li:not([class]) {
        margin-left: 20px;
        padding-left: 20px;
    }
}