.elementor-kit-1861{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#000938;--e-global-color-text:#606D90;--e-global-color-accent:#56D2A9;--e-global-color-9626fbe:#000938;--e-global-color-a05096d:#213554;--e-global-color-dac8cd6:#56D2A91A;--e-global-color-98bdbe1:#CDEEDE;--e-global-color-999f5f3:#C3CEDF;--e-global-color-690f327:#39393A;--e-global-color-898f6db:#606D90;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:0.875rem;font-weight:400;line-height:1.5;}.elementor-kit-1861 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1861 p{margin-block-end:1.5;}.elementor-kit-1861 a{color:#56D2A9;}.elementor-kit-1861 a:hover{color:var( --e-global-color-accent );}.elementor-kit-1861 h1{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:3rem;font-weight:800;}.elementor-kit-1861 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-1861 h3{color:var( --e-global-color-secondary );font-size:1.125rem;font-weight:700;line-height:1.75rem;}.elementor-kit-1861 h4{color:var( --e-global-color-secondary );font-size:1rem;font-weight:600;line-height:1.1;}.elementor-kit-1861 h5{color:var( --e-global-color-secondary );font-size:0.95rem;font-weight:600;line-height:1.1;}.elementor-kit-1861 h6{color:var( --e-global-color-secondary );font-size:0.9rem;font-weight:600;line-height:1.1;}.elementor-kit-1861 img{border-style:none;border-radius:12px 12px 12px 12px;}.elementor-kit-1861 img:hover{border-style:none;}.elementor-kit-1861 label{color:#00093880;}.elementor-kit-1861 input:not([type="button"]):not([type="submit"]),.elementor-kit-1861 textarea,.elementor-kit-1861 .elementor-field-textual{font-family:"Roboto", Sans-serif;font-size:0.875rem;font-weight:400;font-style:normal;text-decoration:none;line-height:1.25rem;background-color:var( --e-global-color-dac8cd6 );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:solid;border-width:1px 1px 1px 1px;border-color:#C3CEDF;border-radius:12px 12px 12px 12px;padding:24px 24px 24px 24px;}.elementor-kit-1861 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-1861 textarea:focus,.elementor-kit-1861 .elementor-field-textual:focus{color:var( --e-global-color-text );accent-color:var( --e-global-color-secondary );background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:12px 12px 12px 12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:1rem;--container-default-padding-right:1rem;--container-default-padding-bottom:1rem;--container-default-padding-left:1rem;}.elementor-widget:not(:last-child){--kit-widget-spacing:2rem;}.elementor-element{--widgets-spacing:2rem 2rem;--widgets-spacing-row:2rem;--widgets-spacing-column:2rem;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-header .site-navigation-toggle .site-navigation-toggle-icon{color:#000000;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1861 img{border-radius:5px 5px 5px 5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* COLORS*/
:root {
    --dark-blue: #000938;
    --darker-blue: rgba(0, 9, 56, 0.3);
    --light-blue: #213554;
    --white: #ffffff;
    --menta: #65D2A9;
    --light-menta: #eefaf6;
    --dark-menta: #cdeede;
    --halvany-lablec: #606d90;
    --halvany-keret: #7C8797 ;
}

/* FONT-SIZES, FONT-WEIGHTS*/
.fooldal-title h1 {
    font-size: 3.75rem !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}


.pannon-h1-dark h1, .pannon-h1-light h1 {
    font-size: 3rem !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

.pannon-h2-dark h2, .pannon-h2-light h2 {
    font-size: 2.25rem !important;
    line-height: 2.6rem !important;
    font-weight: 700 !important;
}

.pannon-h3-dark h3, .pannon-h3-light h3 {
    font-size: 1.875rem !important;
    line-height: 1.75rem ;
    font-weight: 700 !important;
}

.pannon-h4-dark h4, .pannon-h4-light h4, .pannon-h4-menta h4 {
    font-size: 1.725rem !important;
    font-weight: 700 !important;
    line-height: 1.75rem !important;
}

.pannon-h5-dark h5, .pannon-h5-light h5, span.kapcsolat-beosztas {
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    line-height: 1.75rem !important;
}

.pannon-h6-dark h6, .pannon-h6-light h6 {
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.75rem !important;
}

.pannon-p-light-big p, .pannon-p-dark-big p, .pannon-p-light-big span, .pannon-p-dark-big span, .pannon-p-light-big, .pannon-div-menta, .pannon-p-menta-big, .pannon-p-menta-big p, .pannon-p-menta-big strong, .pannon-p-light p, li {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
}

.pannon-p-light-small p, .pannon-p-dark-small p, .pannon-p-dark-small table th, .pannon-p-dark-small table td, .pannon-p-light-small span, .pannon-p-dark-small span, .pannon-p-dark-small ul li, .pannon-p-blue-small p, .pannon-p-blue-small ul li, nav.rank-math-breadcrumb p a, nav.rank-math-breadcrumb p span.separator, nav.rank-math-breadcrumb p span.last, .pannon-p-menta-small ul li a span {
    font-size: 1.05rem !important;
    line-height: 1.75rem !important;
}

.pannon-p-dark-very-small p, .pannon-p-light-very-small p, .pannon-p-dark-very-small span, .pannon-p-light-very-small span, .pannon-p-menta-small p, .pannon-p-dark-very-small ul li span, .pannon-p-menta-small, .pannon-p-menta-small strong, span.telefon-name, .lablec-pannon nav ul li a, .pannon-p-light-very-small-footer p, .fooldal-tartalomjegyzek li  {
    font-size: 0.88rem !important;
    line-height: 1.75rem !important;
}

.fomenu-loop-item-box .pannon-p-dark-very-small p {
    line-height: 1.3rem !important;
}

.fomenu-loop-item-box .pannon-h5-dark h5 {
    font-size: 0.9rem !important;
}

.pannon-li li, .szorodo-epitoanyagok li {
    font-size: .875rem !important;
    line-height: 1.25rem !important;
}

.fejlec-pannon nav ul li a {
    font-size: .92rem !important;
}

.kapcsolat-grid span.elementor-icon-list-text {
    font-size: 0.8rem !important;
}

.pannon-lablec-form .elementor-field-subgroup label {
    font-size: 0.7rem !important;
}

/* @media TABLET FONT SIZES */
@media (min-width: 768px) and (max-width: 1024px) {
    .fooldal-title h1 {
    font-size: 3rem !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}


.pannon-h1-dark h1, .pannon-h1-light h1 {
    font-size: 2.8rem !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

.pannon-h2-dark h2, .pannon-h2-light h2 {
    font-size: 2rem !important;
    line-height: 2.5rem !important;
    font-weight: 700 !important;
}

.pannon-h3-dark h3, .pannon-h3-light h3 {
    font-size: 1rem !important;
    line-height: 1.75rem !important;
    font-weight: 700 !important;
}

.pannon-h4-dark h4, .pannon-h4-light h4, .pannon-h4-menta h4 {
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.75rem !important;
}

.pannon-h5-dark h5, .pannon-h5-light h5 {
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.75rem !important;
}

.pannon-h6-dark h6, .pannon-h6-light h6 {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    line-height: 1.75rem !important;
}
}

/* @media MOBILE FONT SIZES */
@media (max-width: 767px) {
    .fooldal-title h1 {
    font-size: 2.5rem !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

.pannon-h1-dark h1, .pannon-h1-light h1 {
    font-size: 2rem !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

.pannon-h2-dark h2, .pannon-h2-light h2 {
    font-size: 1.6rem !important;
    line-height: 2.5rem !important;
    font-weight: 700 !important;
}

.pannon-h3-dark h3, .pannon-h3-light h3 {
    font-size: 1rem !important;
    line-height: 1.75rem !important;
    font-weight: 700 !important;
}

.pannon-h4-dark h4, .pannon-h4-light h4, .pannon-h4-menta h4 {
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.75rem !important;
}

.pannon-h5-dark h5, .pannon-h5-light h5 {
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.75rem !important;
}

.pannon-h6-dark h6, .pannon-h6-light h6 {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    line-height: 1.75rem !important;
}
}

/* FONT-FAMILIES*/
.fooldal-title h1, .pannon-h1-dark h1, .pannon-h1-light h1, .pannon-h2-dark h2, .pannon-h2-light h2, .pannon-h3-dark h3, .pannon-h3-light h3, .pannon-h4-dark h4, .pannon-h4-light h4, .pannon-h4-menta h4, .pannon-h5-dark h5, .pannon-h5-light h5, .pannon-h6-dark h6, .pannon-h6-light h6, .fejlec-pannon nav ul li a, .lablec-pannon nav ul li a, .pannon-p-menta-big, .pannon-p-menta-big p, .pannon-p-menta-big strong, .pannon-p-light p {
    font-family: "Montserrat", Sans-serif !important;
}

.pannon-p-light-big p, .pannon-p-dark-big p, .pannon-p-dark-small table th, .pannon-p-dark-small table td, .pannon-p-dark-small ul li, .pannon-p-light-small p, .pannon-p-dark-small p, .menta-link, .menta-button a, .menta-button-nagy a, .pannon-p-dark-small span, .pannon-p-light-small span, .pannon-p-light-big span, .pannon-p-light-big span, .pannon-p-light-very-small p, .pannon-p-dark-very-small p, .pannon-p-dark-very-small ul li span, nav.rank-math-breadcrumb p a, nav.rank-math-breadcrumb p span.separator, nav.rank-math-breadcrumb p span.last, .pannon-p-light-big, .pannon-p-menta-small, .pannon-p-menta-small strong, .pannon-p-menta-small ul li a span, span.telefon-name, .pannon-p-light-very-small-footer p, .fooldal-tartalomjegyzek li {
    font-family: "Roboto", Sans-serif !important;
}

/* FONT-COLORS*/
/* DARK BLUE*/
.pannon-h1-dark h1, .pannon-h2-dark h2, .pannon-h3-dark h3, .pannon-h4-dark h4, .pannon-h5-dark h5, .pannon-h6-dark h6, .pannon-p-blue-small p, .pannon-p-blue-small ul li {
    color: var(--dark-blue) !important;
}

/* WHITE*/
.pannon-h1-light h1, .pannon-h2-light h2, .pannon-h3-light h3, .pannon-h4-light h4, .pannon-h5-light h5, .pannon-h6-light h6, a .menta-link:hover, nav.rank-math-breadcrumb p span.last, nav.rank-math-breadcrumb p a:hover, .pannon-p-light p, .pannon-p-light-very-small-footer p {
    color: var(--white) !important;
}

/* MENTA*/
.menta-link, .pannon-h4-menta h4, .fejlec-pannon nav ul li a:hover, .lablec-pannon nav ul li a:hover, .pannon-p-dark-very-small a:hover, nav.rank-math-breadcrumb p a, nav.rank-math-breadcrumb p span.separator, nav.rank-math-breadcrumb p a span.last:hover, .pannon-div-menta, .pannon-p-menta-small p, .pannon-p-menta-small strong, .pannon-p-menta-small, .pannon-p-menta-big, .pannon-p-menta-big p, .pannon-p-menta-big strong, .pannon-p-menta-small ul li a span, .pannon-loop-item-box h5:hover, .kapcsolat-link ul li a {
    color:  var(--menta) !important;
}

/* LIGHT MENTA*/
.pannon-p-light-big p, .pannon-p-light-small p, .pannon-p-light-big span, .pannon-p-light-small span, .fejlec-pannon nav ul li a, .lablec-pannon nav ul li a, .pannon-p-light-very-small a, .pannon-p-light-big, .pannon-p-light-very-small, .kapcsolat-link ul li a:hover  {
    color: var(--light-menta) !important;
}

/* HALVÁNY SÖTÉT LÁBLÉCBEN JOGI ADAT*/
.pannon-p-dark-big p, .pannon-p-dark-small p, .pannon-p-dark-small table th, .pannon-p-dark-small table td, .pannon-p-dark-small ul li, .pannon-p-dark-big span, .pannon-p-dark-small span, .pannon-p-dark-very-small, .pannon-p-dark-very-small a, .pannon-p-dark-very-small ul li span {
    color:  var(--halvany-lablec) !important;
}


/* BACKGROUND BOXES*/
    .light-blue-box {
        background-color: var(--light-blue) !important;
}

    .dark-blue-box {
        background-color: var(--dark-blue) !important;
}

    .darker-blue-box {
        background-color: var(--darker-blue) !important;
    }
    
    .menta-box {
        background-color: var(--menta) !important;
    }

    .light-menta-box, .pannon-lablec-form {
        background-color: var(--light-menta) !important;
    } 
    
    .dark-menta-box {
        background-color: var(--dark-menta) !important;
    }
    
/* BORDER-RADIUS, BORDER BOXES*/
img, #border, .border, .menta-button a, .menta-button-nagy a, .light-blue-button-nagy a, #menta-button-nagy, .fejlec-pannon nav ul li.mobile-ajanlatkeres-button a, .menta-fomenu-loop-item-gomb a, .white-almenu-loop-item-gomb a, .menta-blog-loop-item-gomb a, .referenciak-galeria a, #light-blue-button-nagy span.elementor-button-content-wrapper {
    border-radius: 10px !important;
}

.halvany-keret-box {
    border: 1px solid var(--halvany-keret) !important;
}

.menta-keret-box {
    border: 1px solid var(--menta) !important;
}

.light-menta-keret-box {
    border: 1px solid var(--light-menta) !important;
}

.no-border img {
    border-radius: 0px !important;
}

/* SVG, ICONS */
.light-menta-keret-box .kapcsolat-link svg, .menta-keret-box svg {
    fill: var(--menta) !important;
    color: var(--menta)!important;
}

.menta-keret-box h3 {
    color: var(--menta) !important;
}

.halvany-keret-box svg {
    fill: var(--halvany-keret) !important;
    color: var(--halvany-keret) !important;
}

.halvany-keret-box h3 {
    color: var(--halvany-keret)!important;
}

.light-menta-keret-box svg, .kapcsolat-link svg:hover {
    fill: var(--light-menta) !important;
    color: var(--light-menta) !important;
}

.light-menta-keret-box h3 {
    fill: var(--light-menta) !important;
    color: var(--light-menta) !important;
}

/* BUTTONS*/
.menta-button a, .menta-button-nagy a, .light-blue-button-nagy a, #menta-button-nagy, .fejlec-pannon nav ul li.mobile-ajanlatkeres-button a, .menta-fomenu-loop-item-gomb a, .white-almenu-loop-item-gomb a, .menta-blog-loop-item-gomb a {
    margin: 0 !important;
    font-weight: 700 !important;
}

.menta-button a, .fejlec-pannon nav ul li.mobile-ajanlatkeres-button a, .menta-fomenu-loop-item-gomb a, .white-almenu-loop-item-gomb a, .menta-blog-loop-item-gomb a {
    padding: 0.8rem !important;
}

.menta-button-nagy a, #menta-button-nagy, .light-blue-button-nagy a {
    padding: 1.5rem !important;
    font-size: 1.125rem !important;
    text-align: center !important;
}

.menta-button a, .menta-button-nagy a, #menta-button-nagy, .fejlec-pannon nav ul li.mobile-ajanlatkeres-button a, .menta-fomenu-loop-item-gomb a, .menta-blog-loop-item-gomb a {
    fill: var(--dark-blue) !important;
    color: var(--dark-blue) !important;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 15px 0px !important;
    background-image: linear-gradient(to bottom, var(--light-menta), var(--menta)) !important;
}

.menta-button-nagy a:hover, .menta-button a:hover, #menta-button-nagy:hover, .fejlec-pannon nav ul li.mobile-ajanlatkeres-button a:hover, .menta-fomenu-loop-item-gomb a:hover, .menta-blog-loop-item-gomb a:hover {
    color: var(--halvany-lablec) !important;
    fill: var(--halvany-lablec) !important;
    box-shadow: rgba(86, 210, 169, 0.5) 0px 0px 10px 0px !important;
    background-image: linear-gradient(to bottom, var(--menta), var(--light-menta)) !important;
}

.light-blue-button-nagy a, #light-blue-button-nagy span.elementor-button-content-wrapper {
    fill: var(--white) !important;
    color: var(--white) !important;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 15px 0px !important;
    background-image: linear-gradient(to bottom, var(--light-blue), var(--dark-blue)) !important;
}

#light-blue-button-nagy span.elementor-button-content-wrapper {
    padding: 1rem 1.5rem !important;
}

.light-blue-button-nagy a:hover, #light-blue-button-nagy span.elementor-button-content-wrapper:hover {
    color: var(--menta) !important;
    fill: var(--menta) !important;
    box-shadow: rgba(33, 53, 84, 0.5) 0px 0px 10px 0px !important;
    background-image: linear-gradient(to bottom, var(--dark-blue), var(--light-blue)) !important;

}

#light-blue-button-nagy span.elementor-button-content-wrapper:hover {
    padding: 1rem 1.5rem !important;
}

.white-almenu-loop-item-gomb a {
    fill: var(--dark-blue) !important;
    color: var(--dark-blue) !important;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 15px 0px !important;
    background-image: linear-gradient(to bottom, var(--light-menta), var(--white)) !important;
}

.white-almenu-loop-item-gomb a:hover {
    color: var(--halvany-lablec) !important;
    fill: var(--halvany-lablec) !important;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px 0px !important;
    background-image: linear-gradient(to bottom, var(--white), var(--light-menta)) !important;
}

.elementor-element.elementor-button-info .elementor-button, .elementor-button {
    background-color: transparent !important;
}

.menta-button-nagy .elementor-button-icon, .light-blue-button-nagy .elementor-button-icon {
    align-items: baseline !important;
}

/* MOBILE TELEPHONE BUTTOM MENU ITEM */
 .mobile-ajanlatkeres-button {
	 display: none !important;
}
 @media (max-width: 767px) {
	 .mobile-ajanlatkeres-button {
		 display: block !important;
	}
	 .mobile-ajanlatkeres-button, .mobile-ajanlatkeres-button.menu-item {
		 width: fit-content !important;
		 text-align: center !important;
		 margin: 0 0 1rem 1rem !important;
	}
}

.pannon-p-blue-small ul.szoveges-oldal li {
    padding: 0 0 1rem 0 !important;
}

span.telefon-name {
    font-style: italic !important;
    font-weight: 400 !important;
}

span.button-phone-number-left {
    text-align: left !important;
}

/* FOOTER */
.pannon-lablec-form .elementor-field, .pannon-lablec-form .elementor-field-group {
    padding: 0.8rem !important;
}

.pannon-lablec-form {
    box-shadow: 0px 0px 15px 0px rgba(86, 210, 169, 0.5) !important;
}

.lablec-full {
    box-shadow: 0 -10px 20px -5px rgba(0, 0, 0, 0.7) !important;
}

.elementor-field-textual:focus, .elementor-field-textual:focus-within, .elementor-field-textual:focus-visible {
  color: var(--dark-blue) !important;
  accent-color: var(--menta) !important;
  background-color: var(--light-menta) !important;
  border: 1px solid var(--dark-blue) !important;
  outline: 1px solid var(--dark-blue) !important;
}

.footer-urlap-select {
    color: var(--dark-blue);
    background: #fff;
    border-radius: 10px;
    opacity: 0.8;
    font-size: inherit;
    font-family: inherit;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
    border: rgb(195, 206, 223);
    padding: 1rem;
}

.pannon-lablec-form .elementor-field-type-checkbox .elementor-field-subgroup span.elementor-field-option label {
    font-size: 1rem !important;
}

.pannon-lablec-form .elementor-field-type-checkbox .elementor-field-subgroup input[type="checkbox"] {
    transform: scale(1.5);
    margin: 0.5rem;
}

.pannon-lablec-form .elementor-field-subgroup input[type="checkbox"] {
    accent-color: var(--menta);
}

/* MAIN PAGE - IMAGE BACKGROUND INSET BOX SHADOW*/
.fooldal-hatter-box {
    box-shadow: inset 0 -65px 35px -5px rgba(255, 255, 255, 0.7) !important;
}

/* LOOP ITEM MENTA HOVER EFFECT*/
.blog-loop-item-box, .fomenu-loop-item-box, .almenu-loop-item-box {
    padding: 1rem !important;
    border: 1px solid var(--dark-menta) !important;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5) !important;
    width: 100% !important;
}

.blog-loop-item-box, .fomenu-loop-item-box {
    background-color: var(--light-menta) !important;
}

.blog-loop-item-box:hover, .fomenu-loop-item-box:hover, .almenu-loop-item-box:hover {
    box-shadow: 0px 0px 10px 0px rgba(101, 210, 169, 0.5) !important;
    border: 1px solid var(--menta) !important;
}

.blog-loop-item-box h5, .blog-loop-item-box h6, .fomenu-loop-item-box h5, .fomenu-loop-item-box h6, .almenu-loop-item-box h5, .almenu-loop-item-box h6 {
    text-align: center !important;
}

.blog-loop-item-box h5:hover, .blog-loop-item-box h6:hover, .fomenu-loop-item-box h5:hover, .fomenu-loop-item-box h6:hover,.almenu-loop-item-box h5:hover, .almenu-loop-item-box h6:hover {
    color: var(--menta) !important;
}

.blog-loop-item-box img:hover, .fomenu-loop-item-box img:hover, .almenu-loop-item-box img:hover {
    opacity: 0.6 !important;
}

.blog-loop-item-box .elementor-image-box-wrapper .elementor-image-box-img, .fomenu-loop-item-box .elementor-image-box-wrapper .elementor-image-box-im, .almenu-loop-item-box .elementor-image-box-wrapper .elementor-image-box-im {
    width: 100% !important;
}

.blog-loop-item-box img {
    height: 250px !important;
    width: 100% !important;
    object-fit: cover !important;
}

.fomenu-loop-item-box img, .almenu-loop-item-box img {
    width: auto !important;
    height: 60px !important;
}

.blog-loop-item-box, .fomenu-loop-item-box, .almenu-loop-item-box {
    position: relative;
    overflow: hidden;
}

/* Menta színű vonal balról jobbra hoverre a tetején */
.blog-loop-item-box::before, .fomenu-loop-item-box::before, .almenu-loop-item-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background-color: var(--menta) !important;
    transition: left 0.4s ease;
    z-index: 2;
}

.blog-loop-item-box:hover::before, .fomenu-loop-item-box:hover::before, .almenu-loop-item-box:hover::before {
    left: 0;
}

.fomenu-loop-item-box, .almenu-loop-item-box {
    height: -webkit-fill-available !important;
}

.loop-description {
    text-align: justify !important;
    height: inherit !important;
}

.csapatunk-kartya:hover {
    opacity: 0.7 !important;
}

.csapatunk-kartya .pannon-h2-light {
-webkit-mask-image: url( /wp-content/plugins/elementor/assets/mask-shapes/circle.svg ) !important;
  -webkit-mask-size: 19% !important;
  -webkit-mask-position: center center !important;
  -webkit-mask-repeat: no-repeat !important;
  background-color: var(--light-blue) !important;
  padding: 2rem !important;
  border-style: none !important;
  text-align: center !important;
}

.csapatunk-kartya h2:hover, .csapatunk-kartya .pannon-p-blue-small p:hover {
    color: var(--menta) !important;
}


/* BREADCRUMBS*/
nav.rank-math-breadcrumb p a, nav.rank-math-breadcrumb p a span.separator {
    font-weight: 700 !important;
}

.fa-svg-chevron-down {
    color: var(--light-menta) !important;
    fill: var(--light-menta) !important;
}

/* RÓLUNK DOTTED LEFT BORDER */
.dotted-dashed-border::before {
    content: "";
    width: 15px;
    background-image: 
        url('https://pannonfuvar2000.hu/wp-content/uploads/2026/03/pannon-dotted-dashed-border.png');
    right: 1em;
}

/* TABLES*/
/* ===================== ÁLTALÁNOS ===================== */
.adatkezelesi-tablazat,
.fooldal-tablazat {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 1.5rem 0 !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
}

/* ===================== FOOLDAL TÁBLÁZAT ===================== */
.fooldal-tablazat th {
    background-color: var(--light-blue) !important;
    color: var(--white) !important;
    padding: 0.875rem 0.625rem !important;
    text-align: left !important;
    font-weight: 600 !important;
    border: 1px solid var(--light-blue) !important;
}

.fooldal-tablazat td {
    padding: 0.75rem 0.625rem !important;
    border: 1px solid var(--light-blue) !important;
    vertical-align: top !important;
}

/* ===================== ADATKEZELÉSI TÁBLÁZAT ===================== */
.adatkezelesi-tablazat th {
    background-color: var(--light-blue) !important;
    color: var(--white) !important;
    padding: 0.875rem 0.75rem !important;
    text-align: left !important;
    font-weight: 600 !important;
    border: 1px solid var(--light-blue) !important;
}

.adatkezelesi-tablazat td {
    padding: 0.75rem 0.75rem !important;
    border: 1px solid var(--light-blue) !important;
    vertical-align: top;
    display: revert !important;
}

.adatkezelesi-tablazat .elerhetoseg-fejlec th {
    background-color: var(--light-blue) !important;
    padding: 1rem 0.75rem !important;
}

/* =====================  FŐOLDAL TÁBLÁZAT MOBIL ===================== */
@media (max-width: 767px) {

    .fooldal-tablazat, .adatkezelesi-tablazat {
        font-size: 0.75rem !important;
    }

    .fooldal-tablazat th, .fooldal-tablazat td, .adatkezelesi-tablazat th, .adatkezelesi-tablazat td  {
        padding: 0.55rem 0.5rem !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    /* ===================== ADATKEZELÉSI TÁBLÁZAT MOBIL ===================== */

    /* Oszlop szélességek */
    .adatkezelesi-tablazat td:first-child,
    .adatkezelesi-tablazat th:first-child {
        width: 40% !important;
        font-weight: 600 !important;

    }

    .adatkezelesi-tablazat td:last-child,
    .adatkezelesi-tablazat th:last-child {
        width: 60% !important;
    }

    /* Colspan fejlécsorok */
    .adatkezelesi-tablazat th[colspan="2"] {
        width: 100% !important;
        text-align: center !important;
        padding: 0.875rem 0.625rem !important;
    }

    /* Ne legyen vízszintes scroll */
    .adatkezelesi-tablazat {
        overflow-x: hidden !important;
        display: table !important;
    }
}

/* HULLADÉK TÁBLÁZAT  */
#hulladek-table table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    width: 70% !important;
    margin: auto !important;
    background-color: var(--white) !important;
    border: none !important;
}

#hulladek-table th, #hulladek-table td {
    border: 1px solid var(--halvany-keret) !important;
    padding: 1rem !important;
    text-align: left;
    vertical-align: top;
}

#hulladek-table tr, #hulladek-table td {
    background-color: var(--white) !important;
}

#hulladek-table thead th {
    background-color: var(--light-blue) !important;
    font-weight: 800 !important;
    font-size: 1.3rem !important;
    color: var(--white) !important;
    border-top: 1px solid var(--halvany-keret);
    border-bottom: 2px solid var(--halvany-keret);
}

#hulladek-table thead tr th:first-child {
    border-top-left-radius: 10px !important;
}

#hulladek-table thead tr th:last-child {
    border-top-right-radius: 10px !important;
}

#hulladek-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px !important;
}

#hulladek-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px !important;
}


/* @media MOBIL HULLADÉK TÁBLÁZAT */
@media (max-width: 768px) {
#hulladek-table table {
        width: 100% !important;
    }
    
    .pannon-p-dark-small table th, .pannon-p-dark-small table td {
        font-size: 0.88rem !important;
    } 
}

/* LIST MARKER COLOR */
li::marker {
  color: var(--menta) !important;
}


/* REFERENCIÁINK OVERLAY*/
.dialog-widget footer {
    display: none !important;
}/* End custom CSS */