/* cmsms stylesheet: ZSZ_design_CSS modified: 2025. december 4., csütörtök 13:27:03 */
:root {
    --zsz-color: #054ab1;
    /* --zsz-color: #8a2f91; */
    --zsz-color-dark: hsl(from var(--zsz-color) h s calc(l - 10));
    --zsz-color-dark2: hsl(from var(--zsz-color) h s calc(l - 18));
    --zsz-color-light: hsl(from var(--zsz-color) h s calc(l + 7));
    --zsz-grey: #0a0a0a;
    /* --zsz-border-radius: 1.2em; */
    --zsz-border-radius: 0;
}

body {
    /* font-family: "Commissioner", sans-serif; */
    /* font-family: "Nunito", sans-serif; */
    font-family: "Ubuntu", sans-serif;
    font-size: 17px;
}

body.loading {
    overflow-y: hidden !important;
}

body.loading header, body.loading content, body.loading footer, body.loading section {
    display: none !important;
}

body.loaded div.spiner {
    display: none !important;
}

#topHeader {
    height: 37px;
}

#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: 52px;
    width: auto;
}

content {
    margin-top: 105px;
}

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

a:hover:not(.btn) {
    opacity: 0.85;
}

.btn {
    border-radius: var(--zsz-border-radius) !important;
    border-width: 2px !important;
}

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

.btn-zsz {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--zsz-color);
    --bs-btn-border-color: var(--zsz-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--zsz-color-dark);
    --bs-btn-hover-border-color: var(--zsz-color-dark);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--zsz-color-dark);
    --bs-btn-active-border-color: var(--zsz-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(--zsz-color);
    --bs-btn-disabled-border-color: var(--zsz-color);
}

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

.zsz-border-radius {
    border-radius: var(--zsz-border-radius) !important;
}

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

#slider, .zsz-slider {
    height: calc(70vh - 105px);
}

.carousel-control-next, .carousel-control-prev {
    z-index: 999 !important;
}

.zsz-slider h1, .zsz-slider h3 {
    max-width: 70%;
}

#sliderFade {
    /* background-color: #151a19; */
    background-color: var(--zsz-color-dark2);
    /* background-image: url("https://www.id-hungary.zalaszamteszt.hu/uploads/images/slider/noise-fade.jpg"); */
    background-position: center;
    background-size: cover;
    opacity: 0.5;
}

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

.video-box {
    height: calc(70vh - 105px);
}

.video-box video, .video-box video source {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* alap fallback ha a JS nem fut */
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

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

.text-zsz-light {
    color: var(--zsz-color-light);
}

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

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

.bg-zsz2 {
    background-color: var(--zsz-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(--zsz-color);
}

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

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

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

.gallery .gallery-box:hover {
    background-color: var(--zsz-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;
}

.products .card-pic {
    height: 220px;
}

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(--zsz-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(--zsz-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(--zsz-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(--zsz-color) !important;
}

.page-icon-block .icon.version-2 svg path {
    fill: var(--zsz-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: var(--zsz-border-radius);
    padding: 0.25em 0.5em;
    border: 2px solid var(--zsz-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(--zsz-color);
    border-color: var(--zsz-color);
}

table th, table td {
   background-color: transparent !important;
}

.news-list > div:last-child {
    margin-bottom: 0 !important;
}

.pagi a {
    background-color: var(--zsz-color);
    color: #fff;
    border-radius: var(--zsz-border-radius);
    padding: 0.3em 0.85em;
    margin: 0 0.15em;
}

.news-block .newspic img {
    filter: grayscale(1);
    transform: scale(1.0);
    transition: transform .2s;
}

.news-block:hover .newspic img {
    filter: grayscale(0);
    transform: scale(1.1);
    transition: transform .2s;
}

.news-block .newspic .newspic-fade {
    opacity: 0.5;
    transition-duration: .2s;
}

.news-block:hover .newspic .newspic-fade {
    opacity: 0;
    transition-duration: .2s;
}

.anchor {
    position: absolute;
    top: -73px;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.news-embed-youtube, .home-news .newspic {
    height: 250px;
}

.sharethis-inline-share-buttons {
    position: absolute;
    margin-top: -40px !important;
}

.sharethis-inline-share-buttons .st-btn:hover {
    opacity: 1 !important;
}

#idopontfoglalo .css-nskwbh {
    background-color: transparent !important;
}

#idopontfoglalo #minup-ribbon {
    opacity: 0 !important;
}

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

footer a {
    color: var(--zsz-color-light);
}

@media (max-width: 1399.98px) {
    .news-embed-youtube, .home-news .newspic {
        height: 210px;
    }

    .products .card-pic {
        height: 190px;
    }
}

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

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

    .card-pic {
        height: 220px;
    }

    .products .card-pic {
        height: 220px;
    }

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

    .news-embed-youtube {
        height: 170px;
    }

    .home-news .newspic {
        height: 260px;
    }
}

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

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

    .home-news .newspic {
        height: auto;
    }

    .sharethis-inline-share-buttons {
        margin-top: 0 !important;
        position: relative;
    }

    .products .card-pic {
        height: 220px;
    }
}

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

    .products .card-pic {
        height: 170px;
    }

    .news-embed-youtube {
        height: 140px;
    }
}

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

    .products .card-pic {
        height: auto;
    }
}

@media (orientation: portrait) AND (max-width: 576px) {
    .news-embed-youtube {
        height: 30vh;
    }
}