/* cmsms stylesheet: FS_design_CSS modified: 2025. május 26., hétfő 16:03:18 */
:root {
    --bbs-color: #33CC99;
    --bbs-color-dark: #1d9970;
    --bbs-color-dark2: #20493b;
    --bbs-color-light: #61ebbd;
    --bbs-grey: #212121;
}

body {
    font-family: "Commissioner", sans-serif;
    font-size: 16px;
}

#pageTitle.bg-is-picture {
    height: 40vh;
}

.design-font {
    font-family: "Parisienne", cursive;
    font-family: "Playwrite RO", cursive;
    font-optical-sizing: auto;
    font-size: 24px;
}

.logo {
    height: 34px;
    width: auto;
}

content {
    margin-top: 68px;
}

a {
    color: var(--bbs-color);
    text-decoration: none;
    opacity: 1;
}

a:hover {
    opacity: 0.85;
}

.btn {
    border-radius: 0 !important;
}

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

#slider {
    height: calc(100vh - 68px);
}

#sliderFade {
    background-color: #151a19;
    /* background-image: url("https://zalaihoszivattyu.hu/uploads/images/slider/noise-fade.jpg"); */
    background-position: center;
    background-size: cover;
    opacity: 0.75;
}

.slider-logo {
    height: 16vh;
    width: auto;
}

.text-bbs {
    color: var(--bbs-color);
}

.text-decor {
    font-family: "Playwrite RO", cursive;
}

.border-bbs {
    border-color: var(--bbs-color) !important;
}

#pageTitle h2 {
    font-size: 1.2rem !important;
}

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

.bg-bbs2 {
    background-color: var(--bbs-color-dark2);
}

.navbar-nav {
    font-size: 0.95em;
    font-weight: 500;
    text-transform: uppercase;
}

.dropdown-item {
    font-size: 0.94em;
    text-transform: none;
}

.navbar-toggler {
    border: none;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--bbs-color);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--bbs-color);
}

.comment-box-border {
    border-left: 7px solid var(--bbs-color);
    border-radius: 10px;
}

.gallery .gallery-box {
    background-color: #fff;
    transition: all 0.75s ease-out;
}

.gallery .gallery-box:hover {
    background-color: var(--bbs-color);
}

.gallery .gallery-box a:hover {
    opacity: 1 !important;
}

.gallery .gallery-box:hover h3, .gallery .gallery-box:hover h3 i {
    color: #fff !important;
}

.card-pic {
    height: 300px;
}

p:last-child {
    margin-bottom: 0;
}

a.home-icon-block {
    transition: all 0.75s ease-out;
}

a.home-icon-block:hover {
    background-color: #fff !important;
    color: var(--bbs-color) !important;
    box-shadow: var(--bs-box-shadow-lg) !important;
}

.home-icon-block .icon svg, .page-icon-block .icon svg {
    width: 100% !important;
    height: 100% !important;
}

.home-icon-block .icon.version-1 svg path, .home-icon-block .icon.version-1 svg line, .home-icon-block .icon.version-1 svg circle, .home-icon-block .icon.version-1 svg polyline, .home-icon-block .icon.version-1 svg rect {
    stroke: #fff !important;
    transition: all 0.75s ease-out;
}

.home-icon-block:hover .icon.version-1 svg path, .home-icon-block:hover .icon.version-1 svg line, .home-icon-block:hover .icon.version-1 svg circle, .home-icon-block:hover .icon.version-1 svg polyline, .home-icon-block:hover .icon.version-1 svg rect {
    stroke: var(--bbs-color) !important;
}

.home-icon-block .icon.version-2 svg path {
    fill: #fff !important;
    transition: all 0.75s ease-out;
}

.home-icon-block:hover .icon.version-2 svg path {
    fill: var(--bbs-color) !important;
}

.page-icon-block .icon.version-1 svg path, .page-icon-block .icon.version-1 svg line, .page-icon-block .icon.version-1 svg circle, .page-icon-block .icon.version-1 svg polyline, .page-icon-block .icon.version-1 svg rect {
    stroke: var(--bbs-color) !important;
}

.page-icon-block .icon.version-2 svg path {
    fill: var(--bbs-color) !important;
}

.team-box {
    margin-top: 4em;
    height: calc(100% - 4em);
}

.team-box .team-pic-box {
    margin-top: -4em;
    width: 160px;
    height: 160px;
}

input[type=text], input[type=password], input[type=number], input[type=email], textarea, input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email]:focus, textarea:focus, input[type=text]:focus-visible, input[type=password]:focus-visible, input[type=number]:focus-visible, input[type=email]:focus-visible, textarea:focus-visible, input[type=text]:active, input[type=password]:active, input[type=number]:active, input[type=email]:active, textarea:active, input[type=checkbox], input[type=checkbox]:focus, input[type=checkbox]:focus-visible, input[type=checkbox]:active {
    border-radius: 0;
    padding: 0.25em 0.5em;
    border: 2px solid var(--bbs-color);
}

.form-check-input, input[type=checkbox], input[type=checkbox]:focus, input[type=checkbox]:focus-visible {
    padding: 0.5em;
}

.form-check-input:checked {
    background-color: var(--bbs-color);
    border-color: var(--bbs-color);
}

footer {
    background-color: var(--bbs-grey);
}

@media (max-width: 1199.98px) {
    .navbar-nav {
        font-size: 0.85em;
    }

    .dropdown-item {
        font-size: 0.82em;
    }

    .card-pic {
        height: 220px;
    }

    .team-box .team-pic-box {
        width: 130px;
        height: 130px;
    }
}

@media (max-width: 991.98px) {
    .navbar-nav {
        margin-top: 2em;
    }

    .team-box .team-pic-box {
        width: 130px;
        height: 130px;
    }
}

@media (max-width: 767.98px) {
    .card-pic {
        height: auto;
    }
}

@media (max-width: 575.98px) {
    .team-box .team-pic-box {
        width: 35vw;
        height: 35vw;
    }
}