/* cmsms stylesheet: Zóka Fotó CSS modified: 2025. január 28., kedd 19:53:09 */
:root {
    --bg-page: #f8f9fa;
    /* --zoka-primary: #3b28ab; */
    --zoka-primary: #990606;
}

body {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 17px;
    background-color: var(--bg-page);
}

body.loading header, body.loading content, body.loading footer, body.loading .cky-consent-container, body.loaded #loader {
    display: none !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    font-family: "Pattaya", serif;
    font-weight: 400;
    font-style: normal;
}

b, strong {
    font-weight: 600;
}

a {
    color: var(--zoka-primary);
    text-decoration: none;
    transition-duration: 0.35s;
    cursor: pointer;
    font-weight: 400;
}

a:hover {
    color: #000;
}

footer a {
    color: #5b5b5b;
}

header {
    height: 66px;
    max-height: 66px;
}

content {
    margin-top: 66px;
}

.bg-zoka-primary {
    background-color: var(--zoka-primary) !important;
}

.text-zoka-primary, .cky-show-desc-btn {
    color: var(--zoka-primary) !important;
}

.zoka-cards .zoka-card {
    color: var(--zoka-primary) !important;
    background-color: #fff !important;
    border-top: 6px solid var(--zoka-primary);
    border-bottom: 6px solid #fff;
    transition-duration: 0.5s;
}

.zoka-cards .zoka-card:hover {
    background-color: var(--zoka-primary) !important;
    color: #fff !important;
    border-color: var(--zoka-primary);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--zoka-primary);
    --bs-btn-border-color: var(--zoka-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--zoka-primary);
    --bs-btn-disabled-border-color: var(--zoka-primary);
}

@media (max-width: 991.98px) {
    #navbarNav {
        position: absolute;
        top: 3.6em;
        left: 0;
        right: 0;
        max-height: 80vh;
        overflow-y: auto;
        -webkit-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.15);
        box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.15);
    }
}

@media (max-width: 575.98px) {
    
}
