/*
Theme Name: VantagePoint2024
Theme URI: https://wordpress.org/themes/vantagepoint/
Author: the WordPress team
Author URI: https://wordpress.org
Description: VantagePoint2024 is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. VantagePoint2024 comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vantagepoint
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

:root {
    --zoom: 1;
}
input[type=text], input[type=number], input[type=email], input[type=tel], textarea, select {
    width: 100%;
    border: 0;
    padding: 1em;
    box-sizing: border-box;
    border-bottom: 1px solid var(--wp--preset--color--contrast-2);
}

figure.mt-05rem img {margin-top: -0.5rem}
.width-100 {width: 100%;}
.wp-site-blocks {
    overflow-x: hidden;
    zoom: var(--zoom);
}
@supports (-moz-appearance: none) {
    .wpcf7-form-control-wrap.recaptcha {
        zoom: calc(2 - var(--zoom));
    }
}

header {
    position: relative;
    border-bottom: 1px solid #40a3a7;
}
header .wp-block-site-logo {
    z-index: 2;
    min-width: 194px;
    padding: 0 1rem;
    margin-bottom: -5rem;
    margin-left: -3px;
}
header .wp-block-site-logo img {
    max-width: 194px!important;
}
header .wp-block-site-logo a {
    position: relative;
}
header .wp-block-site-logo a:before {
    content: "";
    position: absolute;
    display: block;
    width: 110%;
    height: 58%;
    z-index: -1;
    margin-left: -5%;
    background-color: var(--wp--preset--color--contrast-2);
}
.wp-block-navigation {
    column-gap: 1.7em;
    font-weight: 400;
    font-size: 1.3rem;
    font-weight: 350;
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    padding-right: 0.3em;
}
.wp-block-navigation .wp-block-navigation-item {
    position: relative;
}
.wp-block-navigation .wp-block-navigation-item:before {
    content: "";
    position: absolute;
    width: 0.4em;
    height: 0.4em;
    display: block;
    margin-left: -1em;
    margin-bottom: -4px;
    background-color: var(--wp--preset--color--accent);
    border-radius: 100%;
}
@media (max-width: 600px)
{
    .wp-block-navigation .wp-block-navigation-item:before {
        left: 0;
        top: 0.5em;
    }
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.button,
.wp-block-navigation-item.button {
    background: unset;
    background-color: var(--wp--preset--color--accent)!important;
    color: #FFFFFF!important;
    text-align: center;
    padding: 0.8rem 1.5rem;
    display: inline-block;
    border-radius: 0.8rem;
    font-weight: 600;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.button {
    margin-top: 1rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu > a,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.button:before,
.wp-block-navigation-item.button:before {
    display: none;
}
header .is-layout-flex { flex-wrap: nowrap; }

a.wp-block-navigation-item__content:not([href]) {
    cursor: default;
    text-decoration: none;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li:before {
    display: none;
}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 0.3em 0.75em;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border: 0;
    border-top: 5px solid transparent;
    min-width: 290px!important;
    border-radius: 10px;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container:nth-of-type(1) {
    padding-top: 0.3em;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container:last-child {
    padding-bottom: 0.3em;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
    left: unset;
    right: unset;
    margin-left: -0.75em;
}
.wp-block-navigation .wp-block-navigation-item.icon:before {
    display: none;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.icon-li,
.wp-block-navigation .icon-li {
    position: relative;
    display: grid;
    color: transparent!important;
    margin-left: -13px;
    margin-right: -10px;
    width: 40px;
    height: 40px;
    background-color: #FFF;
    border-radius: 100%;
    background-image: url(assets/images/ikon-li.webp)!important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@media (max-width: 600px)
{
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.icon-li,
    .wp-block-navigation .icon-li {
        margin-top: 0.75em;
        margin-left: unset;
        margin-right: unset;
    }
}

.va-head-content .wp-block-cover__image-background {
    object-fit: cover;
}

.va-head-content {
    position: relative;
}
@media (min-width: 800px)
{
    .single-post .va-head-content,
    .pagename-blog .va-head-content {
        min-height: 200px!important;
    }
    .single-post .va-head-content img,
    .pagename-blog .va-head-content img {
        object-fit: fill;
    }
}

.va-color-accent {
    color: var(--wp--preset--color--accent);
/*    color: #ffb61a;*/
}

.wp-block-post-author-name {
    margin-left: 1em!important;
}
.wp-block-post-author-name:before {
    content: "";
    position: absolute;
    width: .4em;
    height: .4em;
    display: block;
    margin-top: 6px;
    margin-left: -1em;
    background-color: var(--wp--preset--color--accent);
    border-radius: 100%;
}

/* dekor-01: .va-head-content */
.dekor-01 {position: relative;}
.dekor-01:before {
    --width: 375px;
    position: absolute;
    content: "";
    display: block;
    width: var(--width);
    height: var(--width);
    background-image: url("assets/images/dekor-kor-naramcs.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    top: 45%;
    left: calc((var(--width) * -1) + (var(--wp--style--root--padding-left) / 1.5));
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 1360px) {
    .dekor-01:before { left: calc((var(--width) * -1) + (var(--wp--style--root--padding-left) * 1.5)); }
}
@media (max-width: 1260px) {
    .dekor-01:before { left: calc((var(--width) * -1) + (var(--wp--style--root--padding-left) * 2)); }
}
@media (max-width: 1850px) {
/*    .dekor-01:before { left: calc((var(--width) * -1) + (var(--wp--style--root--padding-left) / 1.5)); }*/
}
@media (max-width: 1750px) {
/*    .dekor-01:before { left: calc((var(--width) * -1) + (var(--wp--style--root--padding-left) / 1)); }*/
}
@media (max-width: 1650px) {
/*    .dekor-01:before { left: calc((var(--width) * -1) + (var(--wp--style--root--padding-left) / 0.75)); }*/
}

/* dekor-02: .melyik-csoportba-tartozik accordion-groups */
.dekor-02 {position: relative;}
.dekor-02:before {
    --width: 145px;
    position: absolute;
    content: "";
    display: block;
    width: var(--width);
    height: var(--width);
    background-image: url("assets/images/dekor-kor-zold.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    top: 45%;
    left: -45%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 1850px) { .dekor-02:before { left: -40%; } }
@media (max-width: 1750px) { .dekor-02:before { left: -35%; } }
@media (max-width: 1650px) { .dekor-02:before { left: -30%; } }
@media (max-width: 1550px) { .dekor-02:before { left: -25%; } }
@media (max-width: 1450px) { .dekor-02:before { left: -20%; } }
@media (max-width: 1350px) { .dekor-02:before { left: -15%; } }

/* dekor-03: szolgaltatás kiemelések */
.dekor-03 {position: relative;}
.dekor-03 > * {position: relative;z-index: 1;}
.dekor-03:before {
    --width: 800px;
    position: absolute;
    z-index: 0;
    content: "";
    display: block;
    width: var(--width);
    height: var(--width);
    background-image: url("assets/images/dekor-kor-zold.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    top: 45%;
    left: -27%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.dekor-03:after {
    --width: 848px;
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    width: var(--width);
    height: 1144px;
    background-image: url("assets/images/dekor-szolgaltatasok.webp");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -65%;
    right: -38%;
}
@media (max-width: 1550px) { .dekor-03:after {right: -43%;} }
@media (max-width: 1350px) { .dekor-03:after {right: -48%;} }
@media (max-width: 1250px) { .dekor-03:after {right: -53%;} }
@media (max-width: 1150px) { .dekor-03:after {right: -58%;} }
@media (max-width: 1050px) { .dekor-03:after {display: none;} }

/* dekor-04: */
.dekor-04 {position: relative;}
.dekor-04:before {
    --width: 800px;
    position: absolute;
    z-index: 0;
    content: "";
    display: block;
    width: var(--width);
    height: var(--width);
    background-image: url("assets/images/dekor-kor-zold.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    top: 45%;
    left: 0;
    -webkit-transform: translateX(-100%) translateY(-12%);
    -ms-transform: translateX(-100%) translateY(-12%);
    transform: translateX(-100%) translateY(-12%);
}
@media (max-width: 800px) { .dekor-04:before {display: none;} }
.dekor-04 { position: relative; }
.dekor-04:after {
    --width: 848px;
    position: absolute;
    z-index: -1;
    z-index: 0; /* Jelentésírás oldalon kellett */
    content: "";
    display: block;
    width: var(--width);
    height: 1144px;
    background-image: url("assets/images/dekor-szolgaltatasok-2.webp");
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: -16%;
    right: -700px;
}
/*@media (max-width: 1550px) { .dekor-04:after {right: -43%;} }*/
/*@media (max-width: 1350px) { .dekor-04:after {right: -48%;} }*/
/*@media (max-width: 1250px) { .dekor-04:after {right: -53%;} }*/
/*@media (max-width: 1150px) { .dekor-04:after {right: -58%;} }*/
@media (max-width: 1050px) { .dekor-04:after {display: none;} }


/* dekor-05: */
.dekor-05 {position: relative; text-indent: -1000px}
.dekor-05:before {
    --width: 237px;
    position: absolute;
    z-index: 0;
    content: "";
    display: block;
    width: var(--width);
    height: 246px;
    background-image: url("assets/images/dekor-zold-pontok-2.webp");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -590px;
    left: 0;
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%);
}
@media (max-width: 1450px) { .dekor-05:before {left: -50px;} }
@media (max-width: 1350px) { .dekor-05:before {left: -100px;} }
@media (max-width: 1250px) { .dekor-05:before {left: -120px;} }
@media (max-width: 1150px) { .dekor-05:before {display: none;} }

.dekor-05 { position: relative; }
.dekor-05:after {
    --width: 206px;
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    width: var(--width);
    height: 234px;
    background-image: url("assets/images/dekor-narancs-2.webp");
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: -90px;
    right: 0;
    transform: rotate(-55deg);
}
/*@media (max-width: 1550px) { .dekor-05:after {right: -43%;} }*/
/*@media (max-width: 1350px) { .dekor-05:after {right: -48%;} }*/
/*@media (max-width: 1250px) { .dekor-05:after {right: -53%;} }*/
/*@media (max-width: 1150px) { .dekor-05:after {right: -58%;} }*/
@media (max-width: 1050px) { .dekor-05:after {display: none;} }


/* dekor-06: */
.dekor-06 {position: relative; text-indent: -1000px}
.dekor-06:before {
    --width: 750px;
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    width: var(--width);
    height: var(--width);
    background-image: url("assets/images/dekor-kor-naramcs.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: -2%;
    left: 0;
    -webkit-transform: translateX(-75%);
    -ms-transform: translateX(-75%);
    transform: translateX(-75%);
}
@media (max-width: 1450px) { .dekor-06:before {left: -50px;} }
@media (max-width: 1350px) { .dekor-06:before {left: -100px;} }
@media (max-width: 1250px) { .dekor-06:before {left: -120px;} }
@media (max-width: 1150px) { .dekor-06:before {display: none;} }

.dekor-06 { position: relative; }
.dekor-06:after {
    --width: 409px;
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    width: var(--width);
    height: 861px;
    background-image: url("assets/images/dekor-rolunk-1.webp");
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: 100px;
    right: 0;
    -webkit-transform: translateX(40%);
    -ms-transform: translateX(40%);
    transform: translateX(40%);
}
/*@media (max-width: 1550px) { .dekor-06:after {right: -43%;} }*/
/*@media (max-width: 1350px) { .dekor-06:after {right: -48%;} }*/
/*@media (max-width: 1250px) { .dekor-06:after {right: -53%;} }*/
/*@media (max-width: 1150px) { .dekor-06:after {right: -58%;} }*/
@media (max-width: 1050px) { .dekor-06:after {display: none;} }


.decor-07 { position: relative; }
.decor-07:before {
    --width: 280px;
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    width: var(--width);
    height: var(--width);
    background-image: url("assets/images/dekor-karika-naramcs.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    top: 66%;
    left: -30%;
}
.decor-07-right:before {
    left: unset;
    right: -30%;
}
@media (max-width: 600px)
{
    .decor-07:before {
        left: unset;
        right: -30%;
    }
}


.decor-08 { position: relative; }
.decor-08:before {
    --width: 145px;
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    width: var(--width);
    height: var(--width);
    background-image: url("assets/images/dekor-kor-zold.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -175px;
    left: 2%;
}
@media (max-width: 1650px) { .decor-08:before {left: 1%;} }
@media (max-width: 1550px) { .decor-08:before {left: -1%;} }
@media (max-width: 1450px) { .decor-08:before {left: -3%;} }
@media (max-width: 1350px) { .decor-08:before {left: -4%;} }
@media (max-width: 1250px) { .decor-08:before {left: -5%;} }
@media (max-width: 1150px) { .decor-08:before {display: none;} }

.decor-09:after {
    --width: 294px;
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    width: var(--width);
    height: 417px;
    background-image: url("assets/images/dekor-zold-2.webp");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -150px;
    right: 0;
    -webkit-transform: translateX(40%);
    -ms-transform: translateX(40%);
    transform: translateX(40%);
}
/*@media (max-width: 1650px) { .decor-09:after {left: 1%;} }*/
/*@media (max-width: 1550px) { .decor-09:after {left: -1%;} }*/
/*@media (max-width: 1450px) { .decor-09:after {left: -3%;} }*/
/*@media (max-width: 1350px) { .decor-09:after {left: -4%;} }*/
/*@media (max-width: 1250px) { .decor-09:after {left: -5%;} }*/
@media (max-width: 1150px) { .decor-09:after {display: none;} }


/* dekor-10: */
.dekor-10 {position: relative; text-indent: -1000px}
.dekor-10:before {
    --width: 750px;
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    width: var(--width);
    height: var(--width);
    background-image: url("assets/images/dekor-kor-naramcs.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: -2%;
    left: 0;
    -webkit-transform: translateX(-75%);
    -ms-transform: translateX(-75%);
    transform: translateX(-75%);
}
@media (max-width: 1450px) { .dekor-10:before {left: -50px;} }
@media (max-width: 1350px) { .dekor-10:before {left: -100px;} }
@media (max-width: 1250px) { .dekor-10:before {left: -120px;} }
@media (max-width: 1150px) { .dekor-10:before {display: none;} }

.dekor-10 { position: relative; }
.dekor-10:after {
    --width: 409px;
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    width: var(--width);
    height: 861px;
    background-image: url("assets/images/dekor-rolunk-1.webp");
    background-position: 0 -350px;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: 100px;
    right: 0;
    -webkit-transform: translateX(40%);
    -ms-transform: translateX(40%);
    transform: translateX(40%);
}
/*@media (max-width: 1550px) { .dekor-10:after {right: -43%;} }*/
/*@media (max-width: 1350px) { .dekor-10:after {right: -48%;} }*/
/*@media (max-width: 1250px) { .dekor-10:after {right: -53%;} }*/
/*@media (max-width: 1150px) { .dekor-10:after {right: -58%;} }*/
@media (max-width: 1050px) { .dekor-10:after {display: none;} }


/* dekor-11: */
.dekor-11 {position: relative; text-indent: -1000px}
.dekor-11:before {
    --width: 145px;
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    width: var(--width);
    height: var(--width);
    background-image: url("assets/images/dekor-kor-zold.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -75px;
    left: 2%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 1650px) { .dekor-11:before {left: 1%;} }
@media (max-width: 1550px) { .dekor-11:before {left: -1%;} }
@media (max-width: 1450px) { .dekor-11:before {left: -3%;} }
@media (max-width: 1350px) { .dekor-11:before {left: -4%;} }
@media (max-width: 1250px) { .dekor-11:before {left: -5%;} }
@media (max-width: 1150px) { .dekor-11:before {display: none;} }

.dekor-11 { position: relative; }
.dekor-11:after {
    --width: 750px;
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    width: var(--width);
    height: var(--width);
    background-image: url("assets/images/dekor-kor-zold.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: -75px;
    right: 0;
    -webkit-transform: translateX(60%) translateY(-50%);
    -ms-transform: translateX(60%) translateY(-50%);
    transform: translateX(60%) translateY(-50%);
}
@media (max-width: 1550px) { .dekor-11:after {right: -10%;} }
@media (max-width: 1350px) { .dekor-11:after {right: -15%;} }
@media (max-width: 1250px) { .dekor-11:after {right: -20%;} }
@media (max-width: 1150px) { .dekor-11:after {right: -25%;} }
@media (max-width: 1050px) { .dekor-11:after {display: none;} }


.page-template-default .entry-content.is-layout-constrained ol,
.page-template-default .entry-content.is-layout-constrained ul {
    margin-bottom: 1em;
}

.wpcf7-list-item { margin: 0; }
.wpcf7-form .button {
    color: var(--wp--preset--color--base);
    border: 0;
    border-radius: 1rem;
    background-color: var(--wp--preset--color--contrast-2);
    text-transform: uppercase;
    font-size: 1rem;
    padding-top: 1.25rem;
    padding-right: 2rem;
    padding-bottom: 1.25rem;
    padding-left: 2rem;
    -webkit-transition: background-color .25s;
    -moz-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;
}
.wpcf7-form .button:hover {
    background-color: var(--wp--preset--color--contrast-2-light);
}
.wpcf7-form .button[disabled] {
    filter: saturate(0.4);
    opacity: 0.4;
}
.wpcf7-form input[type="checkbox"], .wpcf7-form input[type="radio"] {
    transform: scale(1.4);
    margin-right: 0.75em;
    vertical-align: 0.1em;
}
.wpcf7-form textarea {
    height: 6rem;
}
.wpcf7 form .wpcf7-response-output:empty {
    display: none;
}
.wpcf7-not-valid-tip {
    color: var(--wp--preset--color--accent);
}

.melyik-csoportba-tartozik {
    position: relative;
    padding: 0!important;
}
.melyik-csoportba-tartozik > h2 {
    position: absolute;
    z-index: 1;
    width: min-content;
    font-size: 2.25rem;
    line-height: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.melyik-csoportba-tartozik > .wp-block-group-is-layout-grid {
    position: relative;
}
.melyik-csoportba-tartozik > .wp-block-group-is-layout-grid figure {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    display: grid;
    cursor: pointer;
}
/*.melyik-csoportba-tartozik > .wp-block-group-is-layout-grid a,*/
.melyik-csoportba-tartozik-novice,
.melyik-csoportba-tartozik-tudatos,
.melyik-csoportba-tartozik-felkeszulo,
.melyik-csoportba-tartozik-elkozelezett {
    outline: none;
    -moz-outline: none;
    -webkit-outline: none;
    -webkit-tap-highlight-color: transparent;
}
.melyik-csoportba-tartozik > .wp-block-group-is-layout-grid img {
    display: block;
    width: 562px;
    height: 459px;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    transition: transform .25s;
}
.melyik-csoportba-tartozik > .wp-block-group-is-layout-grid figure:hover img {
    transform: scale(1.05);
}
.melyik-csoportba-tartozik > .wp-block-group-is-layout-grid > div:nth-child(1) figure {
    align-items: end;
    justify-content: end;
}
.melyik-csoportba-tartozik > .wp-block-group-is-layout-grid > div:nth-child(2) figure {
    align-items: end;
    justify-content: start;
}
.melyik-csoportba-tartozik > .wp-block-group-is-layout-grid > div:nth-child(3) figure {
    align-items: start;
    justify-content: end;
}
.melyik-csoportba-tartozik > .wp-block-group-is-layout-grid > div:nth-child(4) figure {
    align-items: start;
    justify-content: start;
}
.melyik-csoportba-tartozik > .wp-block-group-is-layout-grid > div:nth-child(1) img {
    margin-bottom: -8%;
    margin-left: -15%;
    transform-origin: 85% 65%;
}
.melyik-csoportba-tartozik > .wp-block-group-is-layout-grid > div:nth-child(2) img {
    margin-bottom: -8%;
    margin-left: 15%;
    transform-origin: 15% 65%;
}
.melyik-csoportba-tartozik > .wp-block-group-is-layout-grid > div:nth-child(3) img {
    margin-top: -8%;
    margin-left: -15%;
    transform-origin: 85% 35%;
}
.melyik-csoportba-tartozik > .wp-block-group-is-layout-grid > div:nth-child(4) img {
    margin-top: -8%;
    margin-left: 15%;
    transform-origin: 15% 35%;
}
@media (max-width: 600px)
{
    .melyik-csoportba-tartozik > h2 {
        font-size: 1.5rem;
        line-height: 1em;
    }
    .melyik-csoportba-tartozik > .wp-block-group {
        min-height: 625px!important;
    }
    .melyik-csoportba-tartozik > .wp-block-group-is-layout-grid img {
        height: 231px;
        max-width: 145%;
    }
    .melyik-csoportba-tartozik > .wp-block-group-is-layout-grid > div:nth-child(1) img {
        margin-bottom: -5%;
        margin-left: -18%;
    }
    .melyik-csoportba-tartozik > .wp-block-group-is-layout-grid > div:nth-child(2) img {
        margin-bottom: -5%;
        margin-left: -26%;
    }
    .melyik-csoportba-tartozik > .wp-block-group-is-layout-grid > div:nth-child(3) img {
        margin-top: -5%;
        margin-left: -18%;
    }
    .melyik-csoportba-tartozik > .wp-block-group-is-layout-grid > div:nth-child(4) img {
        margin-top: -5%;
        margin-left: -26%;
    }
    .melyik-csoportba-tartozik > .wp-block-group-is-layout-grid figure {
        
    }
}
.melyik-csoportba-tartozik > .alignwide {
    position: relative;
}
.melyik-csoportba-tartozik > .alignwide:before {
    --width: 303px;
    position: absolute;
    content: "";
    display: block;
    width: var(--width);
    height: 513px;
    background-image: url("assets/images/dekor-narancs-3.webp");
    background-repeat: no-repeat;
    background-size: 100%;
    top: 45%;
    left: -75px;
    -webkit-transform: translateX(-100%) translateY(0);
    -ms-transform: translateX(-100%) translateY(0);
    transform: translateX(-100%) translateY(0);
}
.melyik-csoportba-tartozik > .alignwide:after {
    --width: 412px;
    position: absolute;
    content: "";
    display: block;
    width: var(--width);
    height: var(--width);
    background-image: url("assets/images/dekor-kor-zold.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    top: -10%;
    right: -33%;
}
@media (max-width: 1000px)
{
    .melyik-csoportba-tartozik > .alignwide:after {
        display: none;
    }
}
@media (max-width: 1375px)
{
    .melyik-csoportba-tartozik > .alignwide {
/*        background-size: cover!important;*/
    }
}
@media (max-width: 600px)
{
    .melyik-csoportba-tartozik > .alignwide { background-size: 120%!important; }
}

.pagename-fooldal .contact-section, .pagename-kapcsolat .contact-section {
    position: relative;
    padding-left: 260px;
}
body.lang-en .contact-section h2,
body:not(.pagename-fooldal, .pagename-kapcsolat) .contact-section h2 {
    display: inline-block;
}
body:not(.pagename-fooldal) .contact-section > p:first-child {
    display: none;
}
.contact-section:before {
    --width: 979px;
    position: absolute;
    z-index: 0;
    z-index: 1; /* Jelentésírás oldalon kellett */
    content: "";
    display: block;
    width: var(--width);
    height: var(--width);
    background-image: url("assets/images/dekor-kapcsolat.webp");
    background-repeat: no-repeat;
    background-size: 100%;
    top: 45%;
    left: 0%;
    -webkit-transform: translateX(-115%) translateY(-50%);
    -ms-transform: translateX(-115%) translateY(-50%);
    transform: translateX(-115%) translateY(-50%);
}
.pagename-fooldal .contact-section:before, .pagename-kapcsolat .contact-section:before {
    left: -42%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 750px)
{
    .pagename-fooldal .contact-section, .pagename-kapcsolat .contact-section { padding-left: 30vw; }
    .pagename-fooldal .contact-section:before, .pagename-kapcsolat .contact-section:before { left: calc(var(--width) * -0.5 + 21vw); }
}
@media (max-width: 500px)
{
    .pagename-fooldal .contact-section, .pagename-kapcsolat .contact-section { padding-left: 0; }
    .pagename-fooldal .contact-section:before, .pagename-kapcsolat .contact-section:before { display: none; }
}

.accordion-groups > .wp-block-group {
    user-select: none;
    cursor: pointer;
    width: 100%;
}
.accordion-groups > .wp-block-group > h2,
.accordion-groups > .wp-block-group > h3,
.accordion-groups > .wp-block-group > h4 {
    color: var(--wp--preset--color--base);
    margin-top: 0.5em;
    padding: 0.5em 1em;
    border-radius: 1em;
    line-height: 1em;
    background-color: var(--wp--preset--color--contrast-2);
    -webkit-transition: background-color .35s;
    -moz-transition: background-color .35s;
    -o-transition: background-color .35s;
    transition: background-color .35s;
}
.accordion-groups > .wp-block-group.akt > h2,
.accordion-groups > .wp-block-group.akt > h3,
.accordion-groups > .wp-block-group.akt > h4 {
    background-color: var(--wp--preset--color--accent);
}
.accordion-groups > .wp-block-group > .wp-block-group {
    display: none;
    user-select: text;
    cursor: default;
    padding: 1.4em 1.5em 1.5em 1.5em;
    border-radius: 2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    background-color: var(--wp--preset--color--base-2);
}
body.wp-admin .accordion-groups > .wp-block-group > .wp-block-group,
body.block-editor-iframe__body .accordion-groups > .wp-block-group > .wp-block-group {
    display: block;
}
.accordion-groups > .wp-block-group:first-child > .wp-block-group {
    display: block;
}
@media (max-width: 600px)
{
    .accordion-groups > .wp-block-group > .wp-block-group {
        padding: 0.5em 1em 1.5em 1em;
    }
}

.entry-content .wp-block-button__link {
    transition: color .3s, background-color .3s;
}
.entry-content .wp-block-button__link:hover {
    background-color: var(--wp--preset--gradient--button-gradient-hover);
    background: var(--wp--preset--gradient--button-gradient-hover);
}

.szolgaltatasaink-cols {
    row-gap: 7rem;
    column-gap: 3rem;
    justify-content: center;
}
.szolgaltatasaink-cols > .wp-block-column {
    position: relative;
    background-color: #FFFFFF;
    max-width: 340px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 60px 0px rgba(0,132,138,0.2);
    -moz-box-shadow: 0px 0px 60px 0px rgba(0,132,138,0.2);
    box-shadow: 0px 0px 60px 0px rgba(0,132,138,0.2);
    border-radius: 2rem;
    padding: 2rem 2rem 5rem 2rem;
    -webkit-transition: box-shadow .25s;
    -moz-transition: box-shadow .25s;
    -o-transition: box-shadow .25s;
    transition: box-shadow .25s;
}
.szolgaltatasaink-cols > .wp-block-column:before {
    content: "";
    position: absolute;
    width: 75%;
    margin-top: -4em;
    aspect-ratio: 1 / 1;
    background-color: #FFFFFF;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 100%;
    z-index: 0;
}
.szolgaltatasaink-cols > .wp-block-column * {
    position: relative;
}
.szolgaltatasaink-cols > .wp-block-column .wp-block-buttons {
    position: absolute;
    bottom: -2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.szolgaltatasaink-cols > .wp-block-column:hover {
    -webkit-box-shadow: 0px 0px 60px 0px rgba(0,132,138,0.4);
    -moz-box-shadow: 0px 0px 60px 0px rgba(0,132,138,0.4);
    box-shadow: 0px 0px 60px 0px rgba(0,132,138,0.4);
}
.szolgaltatasaink-cols .wp-block-button__link {
    word-break: normal;
}

.rolunk-mondtak .wp-block-columns {
    row-gap: 2.5rem;
    column-gap: 1rem;
}
.rolunk-mondtak .wp-block-column {
    position: relative;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.15);
    border-radius: 1rem;
    padding: 2rem;
    box-sizing: border-box;
    -webkit-transition: box-shadow .25s;
    -moz-transition: box-shadow .25s;
    -o-transition: box-shadow .25s;
    transition: box-shadow .25s;
    background-color: #FFFFFF;
    background-image: url("assets/images/ikon-quote.webp");
    background-repeat: no-repeat;
    background-position: top right;
}
@media (max-width: 600px)
{
    .rolunk-mondtak {
        margin-top: 3rem;
    }
    .rolunk-mondtak .wp-block-column {
        max-width: 300px;
        margin: auto;
    }
}

footer {
    margin-top: 8rem;
}
footer a {
    text-decoration: none;
}
footer a:hover {
    text-decoration: underline;
}
footer form {
    width: 450px;
    max-width: 100%;
    margin-left: auto;
    margin-right: 0;
}
footer .wpcf7-spinner {
    position: absolute;
    right: 2rem;
    top: 1.3rem;
}
footer .wpcf7 form .wpcf7-response-output {
    margin: 0;
}
footer input[type=email], footer input[type=text] {
    background-color: transparent;
    border-color: gray;
    color: #AAA;
    font-size: var(--wp--preset--font-size--medium);
}
footer label {
    position: relative;
    display: block;
}
footer input[type=submit] {
    position: absolute;
    top: 1.3rem;
    right: 0;
    width: 2.5rem;
    height: 2rem;
    display: block;
    z-index: 1;
    cursor: pointer;
    color: transparent;
    border: 0;
    background-color: transparent;
    background-image: url(assets/images/arrow-1.webp);
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0.6); /*chrome autofill héttérszín esetén is látszódjon*/
}

footer ::-webkit-input-placeholder { color: #888; }
footer :-moz-placeholder { color: #888; }
footer :-ms-input-placeholder { color: #888; }
footer :hover::-webkit-input-placeholder { color: #555; }
footer :hover:-moz-placeholder { color: #555; }
footer :hover:-ms-input-placeholder { color: #555; }

.is-style-vp-contact-grid {
    display: grid;
    grid-template-columns: 18px 1fr !important;
    gap: 0.1rem 0.6rem !important;
    align-items: end;
}

.grecaptcha-badge { visibility: hidden; }

@media (min-width: 1921px)
{
    .va-head-content .wp-block-cover__image-background {
        object-fit: contain;
    }
}
@media (max-width: 1400px)
{
    :root :where(body) {
        --wp--style--root--padding-left: var(--wp--preset--spacing--40);
        --wp--style--root--padding-right: var(--wp--preset--spacing--40);
    }
}
@media (max-width: 1800px) {:root {--zoom: 0.95;}}
@media (max-width: 1700px) {:root {--zoom: 0.90;}}
@media (max-width: 1600px) {:root {--zoom: 0.85;}}
@media (max-width: 1500px) {:root {--zoom: 0.80;}}
@media (max-width: 1400px) {:root {--zoom: 0.75;}}
@media (max-width: 781px)
{
    .partnereink figure img {
        max-width: 350px;
    }
    .va-head-content-slogen {
        width: 250px;
        margin: auto;
        margin-right: -35px;
        margin-bottom: -1rem!important;
        margin-top: 0rem!important;
    }
}
@media (min-width: 601px)
{
    .desktop-hide {display: none;}
}
@media (max-width: 600px)
{
    :root {--zoom: 0.85;}
    .wpadminbar .wp-admin-bar-wpseo-menu { display: none; }
    .mobile-hide {display: none;}
    header .wp-block-site-logo { padding: 0; }
    body:not(.home) .va-head-content .has-global-padding { padding: 0; }
    .va-head-content {
        overflow: visible;
        min-height: 250px!important;
    }
    .va-head-content .wp-block-cover__image-background {
        object-fit: cover;
        object-position: 48% 50%;
    }
    .va-head-content .wp-block-group h1 {max-width: 70%;}
    .va-head-content .wp-block-group h1 + p {max-width: 65%;}
    .va-head-content .wp-block-group.va-head-content-texts-1 h1 {max-width: unset;}
    .va-head-content .wp-block-group.va-head-content-texts-1 h1 + p {max-width: unset;}
    .wp-container-core-columns-is-layout-1 {
        row-gap: 1rem;
    }
    .va-head-content-texts-1 .va-head-content-slogen {
        margin-right: 0px;
        margin-bottom: 0rem !important;
        margin-top: 0rem !important;
    }
    .pagename-fooldal .va-head-content h1 + .wp-block-spacer {
        flex-basis: 2rem!important;
    }
    figure.m-height-120 img {
        max-height: 120px;
        width: auto;
    }

    .wp-block-navigation__responsive-container-open svg {
        opacity: 0;
    }
    .wp-block-navigation__responsive-container-open {
        background-image: url(assets/images/menu-toggle.svg);
        filter: invert(1);
        width: 1.75rem;
        height: 1.75rem;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
        box-sizing: border-box;
        max-width: 100vw;
        padding: min(4rem,5vw);
        padding: var(--wp--preset--spacing--40);
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
        padding-left: 0;
        padding-right: 0.9em;
        padding-top: 0;
        padding-bottom: 0em;
        margin-bottom: 0.6em;
        margin-top: 0.6em;
        font-size: 0.85em;
        gap: 0.3em;
        border-radius: 0;
/*        border-right: 2px solid var(--wp--preset--color--accent);*/
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:before {
        display: block;
        left: unset;
        right: -0.85em;

    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu > a {
        display: block;
    }
    header .wp-block-navigation .wp-block-navigation-item:before {
        display: none;
    }
    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
        zoom: 1.333;
    }

    .pagename-rolunk .entry-content .wp-block-column:has(figure) {
        order: -1;
    }
    .pagename-rolunk .wp-block-group.is-style-vp-cirkle-bg-tone-1:before {
        height: 115%;
    }

    .partnereink figure {
        text-align: center;
    }
    .partnereink figure img {
        max-width: 300px;
    }

    footer .wp-block-navigation__container {
        justify-content: center;
    }
    footer .is-style-vp-align-cols-left-auto-width {
        text-align: center;
        justify-content: center;
        gap: 1em;
    }
    footer nav {
        max-width: 80%;
    }
    footer .is-layout-flex {
        justify-content: center;
    }
    footer .is-style-vp-align-cols-left-auto-width figure {
        margin-top: 2em!important;
    }
    .has-contrast-background-color {
        padding: 2rem!important;
    }
}