/*
Theme Name: Budaörsi Latinovits Színház
Theme URI: https://www.latinovitsszinhaz.eu
Template: wp-bootstrap-4
Author: András Szőnyi (theme develpoment) & Daniel Borovi (design)
Author URI: http://ndr.hu
Description: "WP Bootstrap 4" is a simple &amp; easy to use WordPress theme. It is based on world's most popular framework for responsive websites, Twitter Bootstrap 4. "WP Bootstrap 4" is a perfect combination of Bootstrap 4 and WordPress. It is fast and light-weight with around 20 kb style.css. It is also search engine friendly. It has a built-in slider for featured posts on blog's home page. It supports all major &amp; popular WordPress plugins like Jetpack, Contact Form 7, Elementor, Beaver Builder, SiteOrigin Page Builder etc. Check demo on https://bootstrap-wp.com
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,two-columns,left-sidebar,right-sidebar,custom-colors,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,blog
Version: 1.0.0.1552402689
Updated: 2019-03-12 14:58:09

*/

/* OLD MAIN COLOR #4c3c90 */

@import url("fonts/fonts.css");


@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}


html, body,
h1, h2, h3, h4, h5, h6
.h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8,
input {
    color: #000;
    font-family: 'DINPro', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
    word-wrap: normal !important;
}

h1, h2, h3, h4, h5, h6
.h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8 {
    line-height: 1.1 !important;
    font-weight: 700 !important;
}


/*::-moz-selection { !* Code for Firefox *!
    background: #7d69ba;
    color: #fff;
}

::selection {
    background: #7d69ba;
    color: #fff;
}

.bg-dark {
    background: #7d69ba !important;
    color: #fff;
}*/

.bg-dark a,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5 {
    color: #fff;
}

.bg-black {
    background: #000 !important;
    color: #fff;
}

.funkcio {
    font-weight: 400;
}

.mt-2r {
    margin-top: 2rem !important;
}

.mt-1r {
    margin-top: 1rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-2r {
    margin-bottom: 2rem !important;
}

.mb-1r {
    margin-bottom: 1rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.metaslider .flex-direction-nav .flex-prev {
    background-position: left 0;
    left: 10px;
    transform: rotate(180deg) ;
}


a, a img {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover {
    text-decoration: none;
}

a:hover img {
    opacity: 0.95;
    filter: alpha(opacity=95);
}


a[href$=".pdf"] {
    background: url(img/icon_pdf.png) no-repeat left center / contain;
    background: url(img/icon_pdf.svg) no-repeat left center / contain;
    display: inline-block;
    margin: 5px 0;
    padding: 5px 0 5px 40px;
}

a[href$=".doc"],
a[href$=".docx"] {
    background: url(img/icon_doc.png) no-repeat left center / contain;
    background: url(img/icon_doc.svg) no-repeat left center / contain;
    display: inline-block;
    margin: 5px 0;
    padding: 5px 0 5px 40px;
}


input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    padding: 0.5rem 0.75rem;
    border-radius: 0;
    border: 1px solid #000000;
}


input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    color: #212529;
    background-color: #fff;
    border-color: #212529;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 60, 144, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(76, 60, 144, 0.25);
}

/* buttons */
.btn-outline-primary, .btn-primary, .button.add_to_cart_button, .price_slider_amount button[type="submit"], .wc-proceed-to-checkout .checkout-button.button, input[type="button"], input[type="reset"], input[type="submit"] {
    border-radius: 0;
    text-transform: uppercase;
}


/* MAIN STRUCTURE */

@media (min-width: 768px) {
    #site-navigation.navbar,
    #content.site-content {
    }

    body.home #content.site-content {
        padding-left: 0;
        padding-right: 0;
    }

    .full-width-container {
        margin-left: -30px;
        margin-right: -30px;
    }
}


@media (min-width: 1200px) {
    .full-width-container {
        left: 50%;
        margin-left: -49.3vw;
        margin-right: -49.3vw;
        position: relative;
        width: 98.6vw;
    }
}

@media (min-width: 1500px) {
    .full-width-container {
        left: 50%;
        margin-left: -49.5vw;
        margin-right: -49.5vw;
        position: relative;
        width: 99vw;
    }
}

.full-width-container .post-thumbnail {
    width: 100% !important;
}

.szineszSwiper {
    max-height: 438px;
}


/* HEADER */

.block.container {
    display: block !important;
}


#site-navigation section.widget {
    border: none !important;
    margin: 0;
}

#site-navigation section.widget_sm_buttons_widget div {
    margin: 15px -6px 0 0;
}

#site-navigation section.widget_sm_buttons_widget div a {
    margin-bottom: 0;
    padding: 3px;
}

#site-navigation section.widget_sm_buttons_widget div a svg {
    height: 25px;
}

.online-jegyvasarlas {
    font-size: 120%;
    font-weight: 700;
    line-height: 1.1;
    padding-top: 4px;
    text-align: right;
    text-transform: uppercase;
}

.online-jegyvasarlas a {
    color: #000;
}

.online-jegyvasarlas a:hover {
    color: #7d69ba;
}

#site-navigation .linea {
    height: 24px;
    margin-top: 20px;
}


.menu-row {
    margin-bottom: -16px;
}

ul#primary-menu.header-menu {
    margin: 0;
    padding: 0;
    text-align: justify !important;
    width: 100% !important;
}

ul#primary-menu.header-menu::after {
    content: " " !important;
    display: inline-block !important;
    visibility: hidden !important;
    width: 100% !important;
}

.header-menu li {
    display: inline-block !important;
}

.not-front {
    border-bottom: 2px solid var(--Border-Surface-Default, #030303);
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
    margin: 0;
}

.eloadasok-thumb {
    width: 17.5rem;
    height: 11.25rem;
    object-fit: cover;
    position: relative;
}

.bemutato-eloadas {
    display: flex;
    gap: 1.19rem;
}

.eloadas-leiras {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.dropdown-menu li a {
    color: var(--Typography-Static-Default, #030303);
    text-align: right;
    /* Body/Large/Regular */
    font-family:  "DINPro",sans-serif;
    font-size: 1.125rem !important;;
    font-style: normal;
    font-weight: 400 !important;
    line-height: var(--Lineheight-Body-Large, 1.625rem); /* 144.444% */
}


ul#primary-menu a.nav-link,
ul#primary-menu-affix a.nav-link {
    color: var(--Typography-Static-Default, #030303);
    text-align: right;

    /* Title/Mobile/H3 */
    font-family: 'DINPro', sans-serif;
    font-size: var(--Size-Title-Mobile-H3, 1.5rem);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Lineheight-Title-Mobile-H3, 1.875rem); /* 107.143% */
    text-transform: lowercase;
}


@media (min-width: 768px) and (max-width: 991px) {
    ul#primary-menu a.nav-link,
    ul#primary-menu-affix a.nav-link {
        font-size: 160%;
    }

    #site-navigation .linea {
        height: 18px;
        margin-top: 18px;
    }
}

.flex-control-paging li a.flex-active {
    background: #3b3b3b !important;
    background: rgba(0, 0, 0, .9);
    cursor: default;
}


.eloadas {
    margin-top: 8rem;
}

/* AFFIX HEADER */
.top-header {
    display: flex;
}

.top-header-affix {
    display: none;
}

.eloadasok-tab {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 1rem;

    color: var(--Typography-Interactive-Brand-Hover, #030303);

    /* Title/Desktop/H4 */
    font-family: "DINPro",sans-serif;
    font-size: var(--Size-Title-Desktop-H2, 1.5rem);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Lineheight-Title-Desktop-H2, 2rem); /* 133.333% */
}


/* mobile menu */
.mobile-online-jegyvasarlas {
    display: none;
}

@media (max-width: 767px) {

    .sticky-top {
        position: fixed !important;
        width: 100%;
        z-index: 999;
    }

    #site-navigation {
        padding-top: 5px;
    }

    #site-navigation .linea {
        display: none;
    }

    .logo-container {
        text-align: center;
    }

    .custom-logo {
        height: auto !important;
        margin: 10px 0;
        width: 100% !important;
    }

    /* menu toggler */
    .navbar-toggler-container {
        align-items: center; /* <---- NEW    */
        display: flex;
        height: 95%;
        justify-content: center;
        width: 100%;
    }

    .navbar-toggler {
        background-color: transparent !important;
        border: none;
        border-radius: 0;
        font-size: 1.5rem;
        line-height: 1;
        margin: auto;
        outline: 0;
        padding: 0 10px;
    }

    .navbar-toggler:hover, .navbar-toggler:focus {
        text-decoration: none;
        outline: 1;
    }

    .icon-bar {
        width: 24px;
        height: 3px;
        background-color: #000;
        display: block;
        transition: all 0.2s;
        margin-top: 5px;
    }

    .navbar-toggler .top-bar {
        transform: rotate(45deg);
        transform-origin: 0 -10%;
    }

    .navbar-toggler .middle-bar {
        opacity: 0;
    }

    .navbar-toggler .bottom-bar {
        transform: rotate(-45deg);
        transform-origin: 0% 100%;
    }

    .navbar-toggler.collapsed .top-bar {
        transform: rotate(0);
    }

    .navbar-toggler.collapsed .middle-bar {
        opacity: 1;
    }

    .navbar-toggler.collapsed .bottom-bar {
        transform: rotate(0);
    }

    ul#primary-menu.header-menu li {
        display: block !important;
    }

    .mobile-online-jegyvasarlas {
        background: #7d69ba;
        display: block;
        font-size: 120%;
        font-weight: 700;
        line-height: 1.1;
        margin: 0 -16px;
        padding: 15px 16px 15px;
        text-align: left;
        text-transform: uppercase;
        -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);

    }

    .mobile-online-jegyvasarlas a {
        color: #fff;
    }

    .mobile-online-jegyvasarlas .widget_sm_buttons_widget a svg,
    .mobile-online-jegyvasarlas .widget_sm_buttons_widget a {
        background: none !important;
        color: #fff !important;
        fill: #fff !important;
    }

    .mobile-online-jegyvasarlas .widget_sm_buttons_widget a:hover svg {
        fill: #000 !important;
    }

}

@media (max-width: 575px) {

    .col-xs-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xs-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

}


ul#primary-menu-affix.affix-menu {
    text-align: end;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 1rem;
}

ul#primary-menu-affix.affix-menu::after {
    content: " " !important;
    display: inline-block !important;
    visibility: hidden !important;
    width: 100% !important;
}

ul#primary-menu-affix.affix-menu li {
    display: inline-block !important;
}


/* NYITOLAP */

.flex-control-paging li a.flex-active {
    background: #434242 !important;
    background: rgba(0, 0, 0, .9);
    cursor: default;
}

.banner img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.buy-ticket-btn {
    background: var(--Background-Interactive-Brand-Default-Default, #030303);
    display: flex;
    height: 3rem;
    max-width: 17rem;
    width: 100%;
    padding: 0.5rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: var(--Padding-padding-8, 0.5rem);
    flex-shrink: 0;
    color: var(--Typography-Static-Inverse, #FEFEFE);

    /* Title/Desktop/H5 */
    font-family: 'DINPro', sans-serif;
    font-size: var(--Size-Title-Desktop-H1, 1.25rem);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Lineheight-Title-Desktop-H1, 1.625rem); /* 130% */
}

.buy-ticket-btn-arrow {
    background-image: url('img/button-arrow.svg') !important;
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
}

.submenu-points {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.75rem;
    align-self: stretch;
    color: var(--Typography-Static-Default, #030303);
    text-align: right;

    /* Body/Large/Regular */
    font-family: 'DINPro', sans-serif;
    font-size: var(--Size-Body-Large, 1.125rem);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Lineheight-Body-Large, 1.625rem); /* 144.444% */
}

.submenu-points a {
    color: var(--Typography-Static-Default, #030303);
}


.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto;
    justify-content: normal;
    display: flex;
    flex-direction: column;
    align-items: end;
}


/* main slider*/
.metaslider {
    overflow: hidden;
}

#metaslider_container_253 {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 18.31%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 68.75%, rgba(0, 0, 0, 0.80) 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
}

.metaslider a:hover img {
    opacity: 1.1;
    filter: alpha(opacity=100);
    text-decoration: none;
}


.metaslider.flexslider ul.slides .caption-wrap,
.metaslider.rslides .caption-wrap,
.metasliderdiv.nivoSlider .nivo-caption,
.metaslider .caption-wrap {
    background: none !important;
    bottom: 0;
    color: #fff !important;
    font-size: 150%;
    font-weight: bold;
    line-height: 1.1 !important;
    left: auto !important;
    opacity: 1 !important;
    text-transform: lowercase;
    top: auto !important;
    width: 65% !important;
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
}

.metaslider .caption-wrap .caption {
    padding: 10px 10px;
    text-align: left !important;
    width: 100% !important;
    word-wrap: normal !important;

}

.flex-control-paging li a {
    width: 16px !important;
    height: 11px !important;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    text-indent: -9999px;
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    border: none !important;
    border-radius: 0 !important;
}

.metaslider .flex-control-nav {
    border: 0;
    margin: auto;
    list-style-type: none;
    list-style: none;
    padding: 0;
    bottom: 30px !important;
    line-height: 11px;
    z-index: 2;
    right: 50px !important;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    display: flex;
    justify-content: end;
}

.metaslider img {
    height: 100vh !important;
}

.metaslider .flexslider .flex-direction-nav li a {
    height: 64px !important;
    width: 64px !important;
    margin: -30px 0 0 !important;
    background-image: url('img/arrow_icon_news.png') !important;
}


.metaslider .flexslider .flex-direction-nav li a:focus-visible {
    width: 30px;
    height: 45px !important;
    margin: -30px 0 0 !important;
    background-image: url('img/arrow_icon_news.png') !important;
}

@media (min-width: 576px) {
    .metaslider.flexslider ul.slides .caption-wrap,
    .metaslider.rslides .caption-wrap,
    .metasliderdiv.nivoSlider .nivo-caption,
    .metaslider .caption-wrap {
        width: 45% !important;
    }

    .metaslider .caption-wrap .caption {
        padding: 10px 10px;
    }

    .metaslider .caption-wrap, .slider-menu-container a.nav-link {
        font-size: 200%;
    }
}

@media (min-width: 768px) {


    .metaslider .caption-wrap, .slider-menu-container a.nav-link {
        font-size: 250%;
    }
}

@media (min-width: 992px) {
    .metaslider .caption-wrap, .slider-menu-container a.nav-link {
        font-size: 300%;
    }
}

@media (min-width: 1200px) {
    .metaslider .caption-wrap, .slider-menu-container a.nav-link {
        font-size: 350%;
    }
}

.hir .arrow {
    background-image: url("img/arrow_icon_news.png");
    height: 64px;
    width: 64px;
    position: absolute;
    bottom: 0px;
    right: 0;
}

.buy-ticket-btn-kozelgo-eloadas {
    display: flex;
    height: 3rem;
    padding: 0.5rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: var(--Padding-padding-8, 0.5rem);
    color: var(--Typography-Static-Inverse, #FEFEFE);
    background: var(--Background-Interactive-Brand-Default-Default, #030303);
    max-width: 12.6875rem;
    width: 100%;

}

.metaslider.flexslider ul.slides .caption-wrap,
.metaslider.rslides .caption-wrap,
.metasliderdiv.nivoSlider .nivo-caption,
.metaslider .caption-wrap {
    width: 40% !important;
}

.metaslider .caption-wrap .caption {
    padding: 20px 30px;
    background-color: white;
    color: black;
}


.buy-ticket-btn-eloadas {
    display: flex;
    height: 3rem;
    padding: 0.5rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: var(--Padding-padding-8, 0.5rem);
    color: var(--Typography-Static-Inverse, #FEFEFE);
    background: var(--Background-Interactive-Brand-Default-Default, #030303);
    /* Title/Desktop/H5 */
    font-family: 'DINPro', sans-serif;
    font-size: var(--Size-Title-Desktop-H1, 1.25rem);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Lineheight-Title-Desktop-H1, 1.625rem); /* 130% */
}

.buy-ticket-btn-kozelgo-eloadas a{
    /* Title/Desktop/H5 */
    font-family: 'DINPro', sans-serif;
    font-size: var(--Size-Title-Desktop-H1, 1.25rem);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Lineheight-Title-Desktop-H1, 1.625rem); /* 130% */
    color: #FEFEFE;
}

.buy-ticket-btn-kozelgo-eloadas a:hover{
    color: #FEFEFE;
}

#events {
    display: flex;
}

.event h3 {
    color: var(--Typography-Static-Default, #030303);

    /* Title/Desktop/H3 */
    font-family:  "DINPro", sans-serif;
    font-size: var(--Size-Title-Desktop-H3, 2rem);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Lineheight-Title-Desktop-H3, 2.5rem); /* 125% */
    text-transform: lowercase;
    text-align: left;
    min-height: 70px;
}

.email-subscription {
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrow-container .arrow {
    position: absolute;
    background-image: url("img/arrow-icon-home.svg");
    width: 4rem;
    height: 4rem;
    top: 0;
}

.img-with-icon {
    position: relative;
    display: inline-block;
}

.img-with-icon::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 4rem;
    height: 4rem;
    background-image: url("img/arrow-icon-home.svg"); /* ide az ikon útvonal */
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}



.event-info {
    position: absolute;
    background-color: white;
    padding: 0.75rem;
    top: 0;
    text-align: left;
}

.event-info .datum {
    color: var(--Typography-Static-Default, #030303);

    /* Body/Normal/Regular */
    font-family:  "DINPro", sans-serif;
    font-size: var(--Size-Body-Normal, 1rem);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Lineheight-Body-Normal, 1.375rem); /* 137.5% */
}

swiper-container {
    width: 100%;
    height: 100%;
}

swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-section swiper-slide img {
    height: 19.875rem;
    align-self: stretch;
    aspect-ratio: 72/53;
    position: relative;
}

swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

 .single-menu-icon {
     background-image: url("img/single-icon-menu.svg");
     width: 2rem;
     height: 2rem;
     aspect-ratio: 1/1;
 }


/* home sections */
.home-section-title .row .inner-title {
    background: #000;
    color: #fff;
    font-size: 200%;
    font-weight: bold;
    margin-bottom: 25px;
    margin-top: 50px;
    padding: 0 15px;
    text-align: left;
    width: 100%;
}

.hir a {
    color: #000;
    text-decoration: auto;
}

a {
    text-decoration: auto !important;
}

.main-title a {
    color: #000;
    text-decoration: auto;
}

.main-title a:hover,
.home-section-title a:hover {
}

.home-section {
    margin-top: 0;
    margin-bottom: 0;
}

.home-section .section-separator {
    background-color: #000;
    display: block;
    margin: 3rem 15px;
    width: 100%;
}

/* hirlevel */
/*
.mc4wp-form  {
	background: #7d69ba;
	padding: 15px 15px 5px 15px;
}
*/

.white-container {
    background: white;
    position: absolute;
    bottom: 0;
    padding: 1.5rem;
}

.input-container {
    margin-bottom: 20px;
}

@media (min-width: 576px) {
    .input-container {
        padding-right: 0;
    }
}

.home label {
    display: block;
    margin-bottom: 0;
}

.banner .caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    background: black;
    color: white;
    margin: 0;
    display: block;
    width: 40% !important;
    line-height: 1.4em;
}


.banner .caption-wrap .caption {
    padding: 20px 30px;
    background-color: white;
    color: black;
}

.people-post-image {
    width: 19.875rem;
    height: 27.5rem;
    flex-shrink: 0;
}

.must-have-info {
    margin-bottom: 2.5rem;
}

.must-have-info {
    display: flex;

}

.must-have-info .stab{
    display: flex;
    padding: 0.5rem 0.5rem;
    justify-content: center;
    align-items: center;
    gap: var(--Padding-padding-4, 0.25rem);
    border: 1px black solid;
}

.transition {
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}


.swiper-pagination {
    display: none !important;
}

.metaslider .slides img {
    width: 100%;
    display: block;
    object-fit: cover !important;
}



/* hirek */
.hir {
    margin-top: 7rem;
}

/*.hir img {
    filter: grayscale(100%);
}*/

.home-section .hir {
    margin: 0;
}

.navbar.scrolled .navbar-toggler-icon {
    background-image: url('img/navbar-toggler-icon.svg') !important;
}

.hirek .arrow {
    position: absolute;
    background-image: url("img/arrow-icon-home.svg");
    width: 2rem;
    height: 2rem;
    aspect-ratio: 1/1;
}

.hir h3.entry-title {
    font-weight: bold;
    text-transform: lowercase;
}

.hir .post-thumbnail,
.hir .post-thumbnail.top {
    margin: 8px 0 0;
    margin: 0 0 .5rem;
    position: relative;
}

.hir .post-thumbnail.bottom {
    margin: 8px 0 0;
    margin: .5rem 0 0;
}


.feladatkor-rendezo .post-thumbnail img,
.feladatkor-szinesz .post-thumbnail img{
    width: 100%;
    max-width: 27rem;
    height: 37.33519rem !important;
    flex-shrink: 0;
    aspect-ratio: 432.00/597.36;
}

.post-thumbnail img {
    width: 100%;
    height: 306px;
    object-fit: cover;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("img/menu-icon.svg") !important;
}

.bemutato .title a{
    color: var(--Typography-Static-Default, #030303);

    /* Title/Desktop/H3 */
    font-family: "DINPro", sans-serif;
    font-size: var(--Size-Title-Desktop-H3, 2rem);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Lineheight-Title-Desktop-H3, 2.5rem); /* 125% */
}

.dropdown-menu {
    border: none !important;
    float: none !important;
    flex-direction: column !important;
    gap: 10px !important;
    position: relative !important;
    align-items: end !important;
}

.dropdown-menu.show {
    display: flex !important;
}

.hir .entry-lead p {
    margin: 0;
}

.more-link-container {
    background-color: #7d69ba;
    margin: 16px 0;
    margin: 1rem 0;
    padding: 0 10px 2px 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.more-link-container:hover {
    background-color: #000;
}

.more-link-container a {
    color: #fff;
    display: block;
}

.more-link-container a:hover {
    color: #fff;
}

/* tarsulat */
.home-section .tarsulat-tag.pic {
    display: inline-block;
    margin: 0 0 25px;
    max-width: 100%;
    text-align: left;
}

.home-section .tarsulat-tag.pic .portait-container {
    max-width: 100%;
}


/* fontos */
.important {
    height: 100%;
}

.info .entry-title,
.important.bg-dark .entry-title {
    background: none;
    color: #fff;
    padding: 1rem;
    text-transform: lowercase;
}

.important.bg-dark .entry-title a,
.important.bg-dark .entry-title a:hover,
.important.bg-dark .entry-lead a,
.important.bg-dark .entry-lead a:hover {
    color: #fff !important;
}

.important .entry-lead {
    font-size: 1.75rem;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}


.inner-text {
    margin: 0;
    position: relative;
}

.inner-text.top .entry-title {
    position: absolute;
    top: 0;
}

.inner-text.bottom .entry-title {
    position: absolute;
    bottom: 0;
}


.inner-text a .title,
.inner-text a:hover .title {
    background-color: #7d69ba !important;
    color: #fff !important;
    font-size: 1.75rem;
    font-weight: bold;
    padding: 2px 15px;
    position: absolute;
    text-transform: lowercase;
    top: 0;
    width: 100%;
}

.name.title a:hover,
.name.title a {
    background-color: white;
    color: #030303 !important;
    font-size: 1.5rem;
    font-weight: 700 !important;
    margin: 0;
    max-width: 100%;
    height: 56px;
    position: absolute;
    bottom: 0px;
    padding: 12px;
}


.onlyname.title a {
    background-color: white;
    color: #030303 !important;
    font-size: 1.125rem;
    font-weight: 400 !important;
    margin: 0;
    max-width: 100%;
    height: 56px;
    position: absolute;
    bottom: 0px;
    padding: 12px;
}

.inner-text a img,
.inner-text a:hover img {
    opacity: 1;
}

.important .entry-lead {
    padding: 2px 15px;
}

.flex-control-nav li a{
    width: 1.125rem !important;
    height: 0.375rem !important;
}

.flex-control-nav li:first-child a{
    width: 2.5rem !important;
    height: 0.375rem !important;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: rgb(255 255 255 / 50%) !important;
    cursor: pointer;
    text-indent: -9999px;
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    border-radius: 20px;
}


/* TARSULAT */
.tarsulat-container {
    text-align: left;
}

.tarsulat-container h4.name {
    font-size: 18px;
    font-weight: 500 !important;
    margin: 10px 0 0 0;
    text-transform: uppercase;
}

.tarsulat-tag.pic h4.name {
    font-size: 1.5rem;
    font-weight: 700 !important;
    line-height: 1 !important;
    margin: 5px 0 0 0;
    text-transform: capitalize;
}

.white-container .entry-title {
    text-transform: capitalize;
}

.tarsulat-tag.list {
    margin: 1rem 0;
    border-top: 1px solid var(--Border-Surface-Default, #030303);
}

.tarsulat-tag.list .name {
    margin-top: 1rem;
}


.tarsulat-tag.pic {
    display: inline-block;
    margin-bottom: 3rem;
    text-align: left;
    position: relative;
}

.tarsulat-tag.pic .portait-container a {
    display: block;
}

@media (min-width: 992px) {
    .row.munkatarsak {
        padding: 0 0;
    }
}

.munkatars-container {
    display: inline-block;
    margin: 0 16px 32px 0;
    margin: 0 1em 2em 0;
    text-align: left;
    vertical-align: top;
}

.tarsulat-subtitle {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 16px;
    margin: 0 0 1rem;
    text-align: left;
    text-transform: lowercase;
    word-wrap: normal;
}

.tarsulat-tag.list .name {
    margin-top: 1rem;
    color: var(--Typography-Static-Default, #030303);

    /* Body/Normal/Bold */
    font-family: "DINPro", sans-serif;
    font-size: var(--Size-Body-Normal, 1rem);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Lineheight-Body-Normal, 1.375rem); /* 137.5% */
}

.tarsulat-tag.list .tarsulat-info {
    margin: 0 0 16px;
    margin: 0 0 1rem;
}

.tarsulat-tag.list .tarsulat-info .titulus {

    color: var(--Typography-Static-Default, #030303);
    /* Body/Small/Regular */
    font-family: "DINPro",sans-serif;
    font-size: var(--Size-Body-Small, 0.75rem);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Lineheight-Body-Small, 1.125rem); /* 150% */
}

.tarsulat-tag.list .tarsulat-info .email {
    color: var(--Typography-Static-Default, #030303);

    /* Body/Small/Bold */
    font-family: "DINPro",sans-serif;
    font-size: var(--Size-Body-Small, 0.75rem);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Lineheight-Body-Small, 1.125rem); /* 150% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.tarsulat-tag.list .tarsulat-info .tel a,
.tarsulat-tag.list .tarsulat-info .email a {
    color: var(--Typography-Static-Default, #030303);
}

.hir-thumb .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.tarsulat-tag.list .tarsulat-info .tel {
    color: var(--Typography-Static-Default, #030303);

    /* Body/Small/Bold */
    font-family: "DINPro",sans-serif;
    font-size: var(--Size-Body-Small, 0.75rem);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Lineheight-Body-Small, 1.125rem); /* 150% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

/* TARSULAT SINGLE */
article.feladatkor-szinesz {

}

article.feladatkor-szinesz .post-thumbnail {
    margin-top: 0 !important;
}

.jelenlegi-eloadasok {
    padding: 24px;
    padding: 1.5rem;
}

.jelenlegi-eloadasok-title {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 32rem;
    margin-bottom: 2rem;
    text-transform: uppercase;
    font-weight: 300 !important;
}

ul.jelenlegi-eloadasok-lista {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.jelenlegi-eloadasok-lista li.title {
    color: var(--Typography-Static-Default, #030303);

    /* Title/Desktop/H5 */
    font-family:  "DINPro", sans-serif;
    font-size: var(--Size-Title-Desktop-H1, 1.25rem);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Lineheight-Title-Desktop-H1, 1.625rem); /* 130% */
    text-transform: lowercase;
    border-top: 2px solid var(--Border-Surface-Default, #030303);
    padding: 1.25rem 0rem;

}

ul.jelenlegi-eloadasok-lista li.title:last-of-type {
    border-bottom: 2px black solid;
}


ul.jelenlegi-eloadasok-lista li.title a {
    color: var(--Typography-Static-Default, #030303);
}


/* JEGYVÁSÁRLÁS - TABS & IFRAMES */
iframe {
    border: none;
    box-sizing: border-box; /* make the border size be included in the height */
    display: block; /* make them block to fix white space margin */
    width: 100%;
}

.nav.nav-tabs .nav-item a.nav-link {
    border-radius: 0 !important;
    font-size: 120%;
    font-weight: 700;
    line-height: 1.1;
    padding: 0.5rem 0.5rem !important;
    text-transform: uppercase;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #000;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;

}

/* ELOADASOK LISTA */
.eloadas-lista-title {
    font-size: 80px;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1 !important;
    margin: 2rem 0;
    text-transform: lowercase;
}


.eloadas-lista-container .lista {
    margin: 0 0 2.5rem;
}

.eloadas-lista-container .lista .iro {
    font-size: 110%;
    font-weight: 500;
    line-height: 1.1;
    text-transform: uppercase;
}

.eloadas-lista-container .lista .title {
    font-size: 2.5rem;
    line-height: 1 !important;
    margin: 0 0 3px;
    text-transform: lowercase;
}

.eloadas-lista-container .lista .title a{
    color: var(--Typography-Static-Default, #030303);
    /* Title/Desktop/H3 */
    font-family: "DINPro",sans-serif;
    font-size: var(--Size-Title-Desktop-H3, 2rem);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Lineheight-Title-Desktop-H3, 2.5rem); /* 125% */
}

.eloadas-lista-container .lista .datum,
.eloadas-lista-container .lista .helyszin {
    font-weight: 400;
    text-transform: lowercase;
}

.eloadas-lista-container .lista .vendegeloadas,
.eloadas-lista-container .lista .datum span,
.eloadas-lista-container .lista .helyszin span {
    font-size: 0.90rem;
    font-weight: 300;
}

.ticket {
    display: flex;
    align-items: end;
    margin-bottom: 40px;
}


/* ELOADAS */
body.single-eloadas .entry-content {
    margin: 3em 0 0;
}


h1.eloadas-writer {
    font-size: 1.3rem;
    font-weight: 300 !important;
    margin: 0;
    text-transform: uppercase;
}

h2.alcim {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1 !important;
    margin: 0 0 32px;
    margin: 0 0 2rem;
    text-transform: lowercase;
}

h3.alcim {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1 !important;
    margin: 32px 0 16px;
    margin: 2rem 0 1rem;
    text-transform: lowercase;
}

.content-area blockquote {
    border-right: 2px solid #000;
    border-left: 2px solid #000;
    background-color: transparent !important;
    background: transparent !important;
}

.produkcios-csapat {
    display: flex;
    width: 34.125rem;
    flex-direction: column;
    align-items: flex-start;
}

.produkcios-csapat .stab {
    border-top: 1px black solid;

    padding: 1rem 0;
    width: 100%;
}

.produkcios-csapat .stab .nev {
    font-weight: bold;
}

.produkcios-csapat .stab:last-of-type {
    border-bottom: 1px black solid;
}



/*.site {
    margin-top: 90px;
}*/


.cimke {
}

.koprodukcio,
.eloadas .vendegeloadas,
.nev {
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
}

.vendegeloadas,
.mufaj {
    font-size: 0.90rem;
    font-weight: 300;
    text-transform: uppercase;
}

/* galeria */
.galeria-container h3 {
    border: none;
}

.final-tiles-gallery {
    margin-bottom: 12rem;
}

.final-tiles-gallery .tile .tile-inner::before {
    background-color: transparent !important;
}

.loading-bar {
    display: none !important;
}

.galeria-container h3 strong {
    font-weight: 700;
}

/* videok */

.video-box {
    position: relative;
    padding-bottom: 50%; /*16:9*/
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-box iframe,
.video-box object,
.video-box embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* HIREK SINGLE */
h1.hirek-title {
    font-size: 80px;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1 !important;
    text-transform: lowercase;
}

article.category-hirek {
}

body.single-post h1.entry-title {
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 1.1 !important;
}


article.category-hirek .post-thumbnail {
    margin: 0 0 1.5em 0;
}


/* CONTENT */
article.mt-3r {
    margin-top: 0rem;
}

.card {
    border: none !important;
}

h1.entry-title {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 1 !important;
    text-transform: lowercase;
}

.main-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1 !important;
    padding: 1rem 0 1rem 0;
    text-align: left;
    text-transform: lowercase;
    width: 100%
}

.info h3.entry-title {
    font-size: 32px;
    font-size: 2rem;
}

@media (max-width: 991px) {
    .right-col {
        padding-top: 2rem;
    }
}

@media (min-width: 576px) {
    article.mt-3r {
        margin-top: 8rem;
    }

    h1.entry-title,
    .main-title {
        color: var(--Typography-Static-Default, #030303);

        /* Title/Desktop/H2 */
        font-family: 'DINPro', sans-serif;
        font-size: var(--Size-Title-Desktop-H4, 2.5rem);
        font-style: normal;
        font-weight: 700;
        line-height: var(--Lineheight-Title-Desktop-H3, 2.5rem); /* 100% */
        text-indent: -4px;
        margin-top: 0;
    }

    .info h3.entry-title {
        font-size: 44px;
        font-size: 2.75rem;
    }
}

@media (min-width: 576px) and (max-width: 991px) {

    .info h3.entry-title {
        font-size: 32px;
        font-size: 2rem;
    }
}


.entry-content blockquote {
    border-right: 2px solid #000;
    border-left: 2px solid #000;
}


.section-separator {
    background-color: #000;
    display: block;
    width: 100%;
    height: 2px;
    margin-bottom: 40px;
}


/* FOOTER */
.site-info {
    margin: 0;
}


.footer-widgets .widget ul li,
ul#menu-footer_menu {
    font-weight: 400;
    list-style: none !important;
    padding: 0 !important;
    padding-bottom: 0.5rem;
    gap: 6px;
    display: flex;
    flex-direction: column;
}

footer#colophon a:hover {
    color: #7d69ba !important;
}

@media (max-width: 991px) {
    footer#colophon section.widget {
        margin-bottom: 2em;
    }
}

footer#colophon section#custom_html-4 {
    margin-bottom: 0;
}

footer#colophon section p:last-child {
    margin-bottom: 0;
}


@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}


/* BS4 ADDONS */
@media (max-width: 575px) {
    .col-xs {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xs-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xs-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xs-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xs-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xs-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xs-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xs-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xs-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xs-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xs-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xs-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xs-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xs-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xs-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xs-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xs-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xs-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xs-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xs-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xs-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xs-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xs-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xs-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xs-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xs-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xs-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xs-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xs-0 {
        margin-left: 0;
    }

    .offset-xs-1 {
        margin-left: 8.333333%;
    }

    .offset-xs-2 {
        margin-left: 16.666667%;
    }

    .offset-xs-3 {
        margin-left: 25%;
    }

    .offset-xs-4 {
        margin-left: 33.333333%;
    }

    .offset-xs-5 {
        margin-left: 41.666667%;
    }

    .offset-xs-6 {
        margin-left: 50%;
    }

    .offset-xs-7 {
        margin-left: 58.333333%;
    }

    .offset-xs-8 {
        margin-left: 66.666667%;
    }

    .offset-xs-9 {
        margin-left: 75%;
    }

    .offset-xs-10 {
        margin-left: 83.333333%;
    }

    .offset-xs-11 {
        margin-left: 91.666667%;
    }
}

/*
body,
header#masthead,
#site-navigation
{
	background-image:url('https://latinovitsszinhaz.eu/wp-content/themes/wp-bootstrap-4-child/img/test_bg.png');
}

#metaslider-id-253 {
	display:none;
	display:none;
}
*/


/* akadalymentesites */
/*
*:focus:not(.focus-visible) {
  outline: none;
}
*/
*:focus-visible {
    outline-color: #ff0000;
    border: #ff0000 solid 3px !important;
}

.button, input[type=submit] {
    outline-color: transparent !important;
}


/* #main.site-main a{ text-decoration:underline;} */
#main.site-main h4 a {
    text-decoration: none;
}


.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-link, .cc-revoke:hover {
    text-decoration: underline
}

.cc-revoke, .cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: 'DINPro', sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    -ms-flex-direction: column;
    flex-direction: column
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
}

.cc-revoke {
    padding: .5em
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active, .cc-link:visited {
    color: initial
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    border-color: black;
    color: black;
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus, .cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating > .cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    border-color: black;
    border-width: 1px;
    border-style: solid;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    background: -webkit-linear-gradient(left, white, white) !important;
    background: -o-linear-gradient(right, white, white) !important;
    background: -moz-linear-gradient(right, white, white) !important;
    background: linear-gradient(to right, white, white) !important;
}

.cc-message {
    color: black !important;
}

.cc-banner .cc-message {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em;
    color: white
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.cc-floating .cc-compliance > .cc-btn {
    -ms-flex: 1;
    flex: 1
}

.cc-btn + .cc-btn {
    margin-left: .5em
}

@media print {
    .cc-revoke, .cc-window {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cc-window.cc-banner .cc-compliance {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        -ms-flex-align: unset;
        align-items: unset
    }

    .cc-window.cc-banner .cc-message {
        margin-right: 0;
        color: white;
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
    margin-left: 0
}

.navbar-toggler {
    border: none !important;
}




.wrapper {
    margin-left: calc((100% - 1320px) / 2); /* Container width 1140 */
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 1400px) {
    .wrapper {
        margin-left: calc((100% - 1140px) / 2); /* Container width 1140 */
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {
    .wrapper {
        margin-left: calc((100% - 960px) / 2); /* Container width 1140 */
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {
    .wrapper {
        margin-left: calc((100% - 720px) / 2); /* Container width 1140 */
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
    .wrapper {
        margin-left: calc((100% - 540px) / 2); /* Container width 1140 */
    }

    .banner .caption-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        background: black;
        color: white;
        margin: 0;
        display: block;
        width: 80% !important;
        line-height: 1.4em;
    }

    .main-title {
        font-size: 28px;
        font-weight: 700;
        line-height: 1 !important;
        padding: 1rem 0 1rem 0;
        text-align: left;
        text-transform: lowercase;
        width: 100%;
    }

}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {


    .must-have-info {
         display: block;
    }

    .banner .caption-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        background: black;
        color: white;
        margin: 0;
        display: block;
        width: 80% !important;
        line-height: 1.4em;
    }


    .metaslider .flex-control-nav {
        border: 0;
        margin: auto;
        list-style-type: none;
        list-style: none;
        padding: 0;
        bottom: 120px !important;
        line-height: 11px;
        z-index: 2;
        right: 0px !important;
    }


    .metaslider.flexslider ul.slides .caption-wrap,
    .metaslider.rslides .caption-wrap,
    .metasliderdiv.nivoSlider .nivo-caption,
    .metaslider .caption-wrap {
        width: 65% !important;
    }

    .eloadasok {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .bemutato-eloadas {
        display: flex;
        gap: 1.19rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

   .hir .post-thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* height: 12.5rem; */
    }

    .wrapper {
        margin-left: 15px;
    }

    .home-section .section-separator {
        background-color: #000;
        display: block;
        margin: 3rem 15px;
        width: 95%;
    }
}

.full-width-container .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page_header_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}












