html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    overflow-x: hidden;
}

.advertising {
    height: 10em;
    background-color: lightgray;
}

/*##############################     COLORS     ##############################  */

:root {
    --bs-green: rgb(62, 199, 11); /*zöld: rgb(62, 199, 11)*/
    --bs-gray: rgb(64, 73, 59); /*szürke: rgb(64, 73, 59)*/
}

/*##############################     COLORS END    ##############################  */


/*##############################     THEME    ##############################  */


.bg-dark {
    background-image: url(../images/wp_white.jpg)
}

.sotetzold-theme input, textarea {
    background-color: #e1f8d4;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: none;
}

.sotetzold-theme {
    background: linear-gradient(to left,#1E1E1E,#022902);
}

    .sotetzold-theme input::placeholder {
        font-weight: bold;
        color: black;
        opacity: 60%;
    }

/*##############################     THEME END   ##############################  */


/*##############################     FONT-TEXT    ##############################  */


/*.albert-sans > font-weight: 100- 900 ig */
/*.Seymour One  */

a {
    color: var(--bs-green);
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Seymour One", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: var(--bs-green);
}

p {
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: var(--bs-gray);
}

.sotetzold-theme p, label {
    color: white;
}

ul li {
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: var(--bs-gray);
}

/*##############################     FONT-TEXT END   ##############################  */


/*##############################     NAVBAR   ##############################  */


.nav-link, nav-item {
    color: var(--bs-gray) !important;
    font-weight: 600;
}

    .nav-link:hover, nav-item:hover {
        color: var(--bs-green) !important
    }

.dropdown-menu .dropdown-item {
    cursor: pointer;
    background: linear-gradient(to left,#1E1E1E,#022902);
    font-family: "Albert Sans", sans-serif;
    font-weight: bold;
}

    .dropdown-menu .dropdown-item:hover {
        background: var(--bs-green) !important;
    }


/*##############################     NAVBAR END   ##############################  */



/*##############################     GOMBOK   ##############################  */

.zold-gomb {
    color: #F5FBF2 !important;
    padding: 10px;
    border-radius: 8px;
    letter-spacing: 4px;
    font-size: 14px;
    font-family: 'Albert Sans',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #3EC70B !important;
}

/*.zold-gomb:hover {
  
}*/


.szurke-gomb {
    color: white !important;
    padding: 10px;
    border-radius: 8px;
    letter-spacing: 4px;
    font-size: 14px;
    font-family: 'Albert Sans',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #666666 !important;
}

    .szurke-gomb:hover {
        background-color: #808080 !important;
        color: black !important;
    }

.btn-close {
    color: red !important;
}


/*##############################     GOMBOK  END   ##############################  */


.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 arány */
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.modal-footer {
    position: sticky;
    bottom: 0;
    background-color: transparent;
    z-index: 1;
}

.scroll-to-top {
    position: absolute;
    bottom: 10px;
    right: 10px;
}


/*############################    INDEX KÉPEKE KÁRTYÁRA    ##############################*/

#imageContainer {
    position: relative;
    display: inline-block;
}

#cropBox {
    position: absolute;
    border: 2px solid red;
}

#resizeHandle {
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 10px;
    height: 10px;
    background-color: red;
    cursor: nwse-resize;
}

#resultImage {
    max-width: 100%;
}

.carousel-fullwidth {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-height: 55vh;
    overflow: hidden;
}

    .carousel-fullwidth .carousel-inner,
    .carousel-fullwidth .carousel-item {
        height: 55vh;
    }

    .carousel-fullwidth img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px 8px 0 0;
}

    .cookie-banner p {
        margin: 0;
        margin-right: 1rem;
    }

    .cookie-banner button {
        background-color: #007bff;
        color: #fff;
        border: none;
        padding: 0.5rem 1rem;
        cursor: pointer;
    }

        .cookie-banner button:hover {
            background-color: #0056b3;
        }

.model-footer-light {
    background-color: white;
    color: black;
}