/*
Theme Name: DYW
Theme URI: https://devyourway.com/
Author: the WordPress team
Author URI: https://devyourway.com/
Description: Theme by Tóth Kitti
Tags: one-column, custom-colors, custom-menu
Version: 1.1
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dyw

*/

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.wp-caption {
    font-size: smaller;
}

.wp-caption-text {
    font-size: smaller;
}

.sticky {}

.screen-reader-text {}

.gallery-caption {
    font-size: smaller;
}

.bypostauthor {}

.alignright,
.align-right {
    text-align: right;
}

.alignleft,
.align-left {
    text-align: left;
}

.aligncenter,
.align-center {
    text-align: center;
}

body :where(.wp-block-columns) {
    margin-bottom: 0;
}

body :where(figure) {
    margin: 0;
}

/* === RESET === */

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 0;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

code,
pre,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

iframe {
    display: block;
    max-width: 100%;
}

header li,
#main-menu li {
    list-style-type: none;
}

strong {
    font-weight: 600;
}

/* === RESPONSIVE TYPO === */

@media screen and (max-width: 479px) {
    html {
        font-size: 16px;
    }
}

@media screen and (min-width: 480px) and (max-width: 1199px) {
    html {
        font-size: 16px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1919px) {
    html {
        /*font-size: 1.2vw;*/
        font-size: 16px;
    }
}

@media screen and (min-width: 1921px) {
    html {
        font-size: 22px;
    }
}


/* === STYLE === */


:root {
    --payne: #4E5B64;
    --slate: #6F868E;
    --ecru: #AE9C66;
    --eerie: #25241F;
    --alabaster: #E8E4DB;
    --light-alabaster: #F1F1EA;
    --base-padding: 7.5rem 0;
    --top-padding: 7.5rem;
    --bottom-padding: 7.5rem;
    --four-padding: 5rem;
    --two-padding: 2.5rem;
    --three-padding: 3.5rem;
}

@font-face {
    font-family: 'Gambarino';
    src: url('fonts/Gambarino-Regular.eot');
    src: url('fonts/Gambarino-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gambarino-Regular.woff2') format('woff2'),
        url('fonts/Gambarino-Regular.woff') format('woff'),
        url('fonts/Gambarino-Regular.ttf') format('truetype'),
        url('fonts/Gambarino-Regular.svg#Gambarino-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Miama';
    src: url('fonts/Miama/Miama.eot');
    src: url('fonts/Miama/Miama.eot?#iefix') format('embedded-opentype'),
        url('fonts/Miama/Miama.woff2') format('woff2'),
        url('fonts/Miama/Miama.woff') format('woff'),
        url('fonts/Miama/Miama.ttf') format('truetype'),
        url('fonts/Miama/Miama.svg#Miama') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT';
    src: url('fonts/Futura/FuturaPT-Light.eot');
    src: url('fonts/Futura/FuturaPT-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Futura/FuturaPT-Light.woff2') format('woff2'),
        url('fonts/Futura/FuturaPT-Light.woff') format('woff'),
        url('fonts/Futura/FuturaPT-Light.ttf') format('truetype'),
        url('fonts/Futura/FuturaPT-Light.svg#FuturaPT-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.futura {
    font-family: 'Futura PT';
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.allura {
    font-family: "Allura", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 68px;
    top: 22px;
    position: relative;
    color: var(--ecru);
}

.gloock {
    font-family: "Gloock", serif;
    font-size: 2.3rem;
    text-transform: uppercase;
}

.upper {
    text-transform: uppercase;
}

.ease {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}



body {
    margin: 0;
    padding: 0;
    overflow-x: clip;
    /*overflow-x: hidden;*/
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
    color: var(--payne);
    font-family: "Raleway", sans-serif;
    font-size: 1.375rem;
    line-height: 2.25rem;
}

ul,
ol {
    padding: 0;
    margin-top: 0;
}

ul ul,
ul ul ul,
ol ol,
ol ol ol {
    margin: 0.5rem 0;
}

ol ol,
ol ol ol {
    padding-left: 1rem;
}

ul li {
    list-style-type: none;
    margin-bottom: 0.75rem;
    position: relative;
    padding-left: 3rem;
    line-height: 2.25rem;
}

ul li:before {
    position: absolute;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="28" viewBox="0 0 27 28" fill="none"><path d="M5.66992 14.3516L10.4328 19.1143L20.6799 8.86719" stroke="%23AE9C66" stroke-width="2"/></svg>');
    left: 0;
    top: 3px;
    transform: scale(1.1);
}

ul li::marker {
    color: var(--main-color);
}

ol {
    list-style: none;
    counter-reset: my-counter;
}

ol li {
    counter-increment: my-counter;
    margin-bottom: 0.25rem;
}

ol li::before {
    content: counter(my-counter) '.';
    background: var(--main-color);
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: inline-block;
    line-height: 1.5rem;
    color: white;
    text-align: center;
    margin-right: 0.5rem;
}

p {
    line-height: 36px;
    font-size: 22px;
    margin: 0;
}

a {
    color: var(--main-color);
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: none;
}

h1,
h2,
h3,
h4 {
    font-family: 'Gambarino';
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
}

h1 {
    font-size: 4.25rem;
    line-height: 5.375rem;
    margin-top: 0;
}

.single .top-subhero h1 {
    font-size: 3rem;
    line-height: 4.25rem;
    color: var(--ecru);
    padding-bottom: 1rem;
}

h2 {
    font-size: 3rem;
    line-height: 4.25rem;
    color: var(--ecru);
    padding-bottom: 1rem;
}

h3 {
    font-size: 2.125rem;
    line-height: 2.875rem;
    color: var(--ecru);
}

h4 {
    font-size: 1.875rem;
    line-height: 2.5rem
}

h5 {
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    font-size: 1.625rem;
    line-height: 2.25rem;
    font-weight: 400;
    margin: 0;
    color: var(--ecru);
}

h1 a,
h2 a,
h3 a,
h4 a {
    color: inherit;
}

.decor span {
    margin: 0 6px;
}

.decor p {
    color: var(--ecru);
    text-transform: uppercase;
    font-size: 1.625rem;
    line-height: 2.25rem;
    padding-bottom: 5px;
}

.adri {
    font-family: 'Miama';
    font-size: 110px;
    padding-top: 20px;
    color: var(--ecru);
    line-height: 3.5rem;
    letter-spacing: 2px;
}

blockquote {
    border-left: 1px solid var(--payne);
    margin: 2rem 0;
    padding: 0rem 1.5rem;
    overflow: hidden;
    font-weight: 300;
    font-style: italic;
}

blockquote p {
    margin-bottom: 1rem;
}

blockquote p:last-of-type {
    margin-bottom: 0;
}

hr {
    border: none !important;
    height: 1px;
    background: var(--ecru);
}

table {
    border-spacing: 0;
    /*border: solid 1px #ddd;*/
}

td,
th {
    padding: 0.5rem 1rem;
    /*border: solid 1px #ddd;*/
}

th {
    /* background: #eee;*/
    text-align: left;
}

#logo {
    text-align: center;
}

#logo a {
    display: inline-block;
    margin: 1.5rem 0;
}

#logo svg {
    max-width: 120px;
    height: auto;
}

/*body:not(.home) main {
    padding: 3rem 0;
}*/

.post-meta ul {
    overflow: hidden;
    display: inline-block;
    margin: 0 auto;
    font-size: smaller;
}

.post-meta ul li {
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-left: 0;
}

.post-tags a,
.tagcloud a {
    display: block;
    float: left;
    padding: 0.15rem 0.25rem;
    border: solid 2px transparent;
    font-size: small !important;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 5px 5px 0;
    cursor: pointer;
    background: var(--main-color);
    color: #fff;
}

.post-tags a:hover,
.tagcloud a:hover {
    background: #000;
}

.accordion {
    margin: 0 0 2rem 0;
    clear: both;
}

.accordion .accordion-content {
    display: none;
}

.accordion .accordion-title h2,
.accordion .accordion-title h3,
.accordion .accordion-title h4 {
    margin: 0;
}

.accordion .accordion-title {
    cursor: pointer;
    margin: 0;
    line-height: 1.3;
    border-bottom: solid 1px #ddd;
    color: inherit;
    padding: 0.65rem 0.5rem 0.65rem 2rem;
    position: relative;
}

.accordion .accordion-title:after {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: inline-block;
    height: 0.6rem;
    width: 0.6rem;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.3rem;
    transform: rotate(45deg);
    vertical-align: top;
}

.accordion .accordion-title.active,
.accordion .accordion-title:hover {
    color: var(--main-color);
}

.accordion .active h4 {
    border-bottom: none;
}

.accordion .accordion-title.active:after,
.accordion .accordion-title:hover:after {
    transform: rotate(135deg);
    left: 0.25rem;
    margin-top: -0.35rem;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.accordion .accordion-content {
    margin: 0;
    padding: 1rem 2rem;
    overflow: hidden;
    border-bottom: solid 1px #ddd;
}

.accordion .accordion-content p {
    line-height: 1.4 !important;
}

.accordion .accordion-content p:last-of-type {
    margin: 0 !important;
}

.light-bg {
    background: #eee;
    padding-top: 6vw;
    padding-bottom: 6vw;
}

.pagination {
    clear: both;
    text-align: center;
    margin-top: 2rem;
}

.nav-links .current {
    color: var(--main-color);
    font-weight: bold;
}

.nav-links {
    display: inline-block;
    border-right: solid 1px #ddd;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

.nav-links a,
.nav-links span {
    display: block;
    float: left;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    color: inherit;
    border-left: solid 1px #ddd;
}

.nav-links a:hover {
    background: #eee;
}

#searchform {
    position: relative;
    width: 100%;
}

#searchform input[type="text"] {
    width: 100%;
    margin: 0;
}

#searchform button {
    border: none;
    height: 100%;
    width: 30px;
    position: absolute;
    right: 10px;
    background: none;
    padding: 0;
    border-radius: 0;
}

#searchform svg {
    border: none;
    height: 60%;
    width: 30px;
}

#gotop {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    background: var(--main-color);
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10000;
}

#gotop svg {
    width: 1rem;
    height: 1rem;
    display: block;
}

#gotop svg path {
    fill: #fff;
}

/* == Section line == */


.opinion,
.subhero,
.wellfeeling,
.personal-journey,
.treatment-relax,
.front-balance,
.concept-hero {
    position: relative;
}

.opinion:before,
.subhero::before,
.wellfeeling::before,
.personal-journey:before,
.treatment-relax:before,
.front-balance:before,
.concept-hero:before {
    position: absolute;
    content: '';
    top: 2.5rem;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--ecru);
    z-index: 1;
}

.subhero::after,
.wellfeeling:after,
.personal-journey:after,
.treatment-relax:after,
.concept-hero:after {
    position: absolute;
    content: '';
    bottom: 2.5rem;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--ecru);
    z-index: 1;
}


/* == Local padding == */

.front-services section.full-wide,
.front-balance section.full-wide,
.front-system-text,
.front-group section.full-wide,
.opinion section.full-wide,
.ticket-types section.full-wide,
.lectures section.full-wide,
.top-subhero section.full-wide,
.personal-journey .wide-text,
.quality-programs .wide-text,
.change-programs .wide-text,
.gyik section.full-wide,
.wellfeeling .wide-text,
.why-wellbeing section.full-wide,
.treatment-relax section.full-wide,
.concept-hero .wide-text,
.own-concept section.full-wide,
.me-team section.full-wide,
.well-guide section.full-wide {
    padding: var(--base-padding);
}

.front-me section.full-wide,
.wellbeing-concept section.full-wide,
.mentor-group-others {
    padding-top: var(--top-padding);
}

.partners section.full-wide {
    padding-bottom: var(--bottom-padding);
}

.mentoring-programs-group {
    padding: 2rem 0 var(--four-padding) 0;
}

.mentoring-programs section.full-wide {
    padding-top: var(--top-padding);
}

.event-come section.full-wide {
    padding: 2rem 0 1.75rem 0;
}

/* == Front-page == */

.home main {
    margin-top: -6rem;
}

.home header {
    z-index: 100;
    position: relative;
}

.home #top-head h3 {
    right: -4rem;
    position: relative;
}

#front-hero-col2 {
    margin-left: 5rem;
}

.hero-decor p {
    font-size: 34px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--ecru);
    padding-bottom: 1rem;
}

.hero-decor strong {
    font-family: 'Gambarino';
    font-weight: 400;
    font-size: 36px;
}

.hero-p {
    padding: 20px 0 2.6rem 0;
}

.hero-box {
    padding-top: 220px;
    padding-bottom: 125px;
}

.social-line .full-wide {
    padding: 2.3rem 0;
    text-transform: uppercase;
}

.social-line2.wp-container-core-group-is-layout-6.wp-container-core-group-is-layout-6 {
    display: none;
    justify-content: space-around;
}


/* == Wellbeing== */

.front-system h2 {
    padding-bottom: 1.5rem;
}

/* == Front Services == */

.front-services h2 {
    color: var(--alabaster);
    border-bottom: 1px solid var(--alabaster);
    font-size: 2.95rem;
}

.front-services h3,
.front-services h5,
.front-services .decor p {
    color: var(--alabaster);
}

.circle1,
.circle2,
.circle3,
.circle4 {
    position: relative;
    display: inline-block;
    border: 1px solid #fff;
    overflow: hidden;
    margin-bottom: 2rem;
}

.circle img {
    filter: blur(2px);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.circle1:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: url('https://newbalance.kittipixel.hu/wp-content/uploads/2024/06/nature-beauty-skincare-organic-cosmetics-concept-half-face-close-up-portrait-gorgeous-bob-haired-young-woman-with-clean-skin-posing-outdoors-hiding-herself-large-fresh-green-leaf-6-1.png') no-repeat center center;
    background-size: cover;
    filter: none;
    z-index: 1;
    border: 1px solid #fff;
}

.circle2:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: url('https://newbalance.kittipixel.hu/wp-content/uploads/2024/06/nature-beauty-skincare-organic-cosmetics-concept-half-face-close-up-portrait-gorgeous-bob-haired-young-woman-with-clean-skin-posing-outdoors-hiding-herself-large-fresh-green-leaf-10-1.png') no-repeat center center;
    background-size: cover;
    filter: none;
    z-index: 1;
    border: 1px solid #fff;
}

.circle3:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: url('https://newbalance.kittipixel.hu/wp-content/uploads/2024/06/nature-beauty-skincare-organic-cosmetics-concept-half-face-close-up-portrait-gorgeous-bob-haired-young-woman-with-clean-skin-posing-outdoors-hiding-herself-large-fresh-green-leaf-11.png') no-repeat center center;
    background-size: cover;
    filter: none;
    z-index: 1;
    border: 1px solid #fff;
}


.circle4:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: url('https://newbalance.kittipixel.hu/wp-content/uploads/2024/06/nature-beauty-skincare-organic-cosmetics-concept-half-face-close-up-portrait-gorgeous-bob-haired-young-woman-with-clean-skin-posing-outdoors-hiding-herself-large-fresh-green-leaf-12.png') no-repeat center center;
    background-size: cover;
    filter: none;
    z-index: 1;
    border: 1px solid #fff;
}

body :where(.wp-block-columns.is-layout-flex) {
    gap: 1em;
}

.front-service-text {
    border: 1px solid var(--alabaster);
    padding: 10px 10px 10px 40px;
}

.front-services .item {
    position: relative;
}

.front-services .item1 {
    margin-bottom: 5rem !important;
}

.front-services .item:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 1.5rem;
    width: 1px;
    height: 100%;
    background: var(--alabaster);
}

.front-balance h2 {
    font-size: 2.625rem;
    border-bottom: 1px solid var(--ecru);
    padding-bottom: 0.5rem;
}

/* == Placeholder == */

.placeholder .full-wide {
    height: 610px;
}

.placeholder1 {
    border-top: 1px solid var(--ecru);
    border-bottom: 1px solid var(--ecru);
    position: relative;
}

.placeholder1::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 10%;
    background: var(--slate);
    top: 0;
    right: 0;
    z-index: 1;
}

.placeholder2 {
    border-top: 1px solid var(--ecru);
    position: relative;
}

.placeholder2::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 10%;
    background: var(--ecru);
    top: 0;
    left: 0;
    z-index: 1;
}

/* == Ismerj meg minket == */

.front-me h2 {
    color: var(--payne);
    padding-bottom: 4rem;
}

.front-me h3,
.front-me h5 {
    color: var(--ecru);
}

.front-me h3 {
    padding-bottom: 1.8rem;
    padding-top: 20px;
}

.front-me {
    position: relative;
}

.front-me:before {
    position: absolute;
    content: '';
    top: 20.7rem;
    right: 0;
    width: 100%;
    height: 0.5px;
    background: var(--ecru);
    z-index: 1;
}

.front-me:after {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100px;
    background: var(--slate);
}

.front-me .btn-1 {
    margin: var(--two-padding) 0 var(--four-padding) 0;
}

.front-me-img {
    position: relative;
    z-index: 1;
    margin-left: 1rem !important;
}

.front-me-img:before {
    position: absolute;
    content: '';
    top: 0;
    left: -3rem;
    border-radius: 50%;
    border: 1px solid var(--ecru);
    width: 80%;
    height: 100%;
}

.front-me-img figure {
    width: 65%;
}

.front-me-img img {
    border: 1px solid var(--ecru);
}

/* == Ismerd meg a csapatunkat == */

.front-group h3 {
    padding-top: 20px;
    padding-bottom: 2rem;
}

.front-group {
    position: relative;
}

.front-group:before {
    position: absolute;
    content: '';
    top: 17.5rem;
    right: 0;
    width: 100%;
    height: 0.5px;
    background: var(--ecru);
    z-index: 1;
}

.front-group .wp-block-columns {
    padding: var(--four-padding) 0;
}

.front-group-img {
    position: relative;
    z-index: 1;
}

.front-group-img:before {
    position: absolute;
    content: '';
    top: -40%;
    left: 0;
    border-radius: 50%;
    border: 1px solid var(--ecru);
    width: 100%;
    height: 175%;
}

.front-group-img img {
    border: 1px solid var(--ecru);
    width: 100%;
}

.front-group .btn-1 {
    margin-top: var(--two-padding);
}

/* == Vélemények == */

.opinion h2 {
    padding-bottom: var(--two-padding);
}

.opinion section.full-wide>.content-box {
    max-width: none;
    padding: 0;
    margin: 0 auto;
}

.opinion .item {
    padding: 0 10px !important;
    height: 100%;
}

.item-group {
    background: var(--light-alabaster);
    border: 1px solid var(--ecru);
    padding: 2rem 1.5rem !important;
}

.opinion strong {
    font-weight: 700;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
    color: #232323;
}

.opinion-stars {
    padding-top: 1rem;
}

.opinion-box {
    border-top: 1px solid var(--ecru);
}

.opinion-box :where(.is-layout-flex) {
    gap: 0.1em;
}

.opinion-box img {
    padding-top: 10px;
}

.opinion-box p {
    padding-top: 2rem;
}

.item-group .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.opinion-box {
    margin-top: auto;
}

.opinion div.my_carousel .next {
    top: auto;
    bottom: 0;
    right: 40% !important;
}

.opinion div.my_carousel .prev {
    top: auto;
    bottom: 0;
    left: 40% !important;
}

.opinion div.my_carousel .nav .active {
    width: 24px;
    background: var(--payne);
    height: 3.35px;
}

.opinion div.my_carousel .nav div {
    background-color: rgba(78, 91, 100, 0.5);
    width: 3.35px;
    height: 3.35px;
    border-radius: 0;
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
    transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
}

.opinion div.my_carousel .prev svg path,
.opinion div.my_carousel .next svg path {
    fill: transparent;
}

.opinion div.my_carousel .prev,
.opinion div.my_carousel .next {
    background: transparent;
    box-shadow: none;
    width: 46.61px;
}

.opinion div.my_carousel .prev svg,
.opinion div.my_carousel .next svg {
    width: 46.61px;
}

.opinion .overflow {
    padding-top: 1rem;
    padding-bottom: 3rem;
}

.opinion-col1 p {
    padding-bottom: 1rem;
}

/* == Partners == */

.partners h2 {
    padding-bottom: var(--three-padding);
}

/* == Footer == */

footer,
#copyright {
    background: var(--eerie);
    color: #E2E3D4;
    font-weight: 300;
    ;
}

footer {
    padding: 3rem 0 2rem 0;
}

footer p {
    font-size: 20px;
}

footer a:hover {
    color: var(--ecru);
}

footer h4 {
    padding-bottom: 1.5rem;
    text-transform: none;
}

footer strong {
    font-weight: 500;
}

footer span {
    font-weight: 400;
}

footer b {
    font-weight: 300;
    text-decoration: underline;
}

.footer-social figure img {
    margin-right: 10px;
}

#copyright {
    font-size: 18px;
}

#designers p {
    font-size: 14px;
}

#designers a {
    text-decoration: underline;
    font-style: italic;
}

#designers a:hover {
    color: var(--ecru);
}

#copyright a:hover {
    color: var(--ecru);
}

#copyright {
    border-top: 1px solid #E2E3D4;
}

#copyright .column-2 {
    margin-top: 1rem;
    padding-bottom: 1rem;
}

#copyright ul {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
}

#copyright ul li {
    list-style-type: none;
}

#copyright ul li:before {
    display: none;
}

/* == Top subhero == */

.top-subhero h1 {
    position: relative;
    margin-bottom: 3.5rem;
}

.top-subhero h1:before {
    position: absolute;
    content: '';
    width: 430px;
    height: 1px;
    background: var(--ecru);
    bottom: -2rem;
    left: 50%;
    transform: translate(-50%, -50%);
}

.top-subhero .decor p {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

/* == Subhero == */

.subhero .wide-img figure {
    /*float: right;*/
}

/*.subhero .wide-text {
    padding-right: 3rem;
}*/

.subhero .wp-block-columns {
    align-items: center !important;
}

/* == Előadások aloldal == */

.lectures h2,
.ticket-types h2 {
    margin-bottom: 3rem;
}

.lectures-page .subhero span:first-of-type {
    margin-right: 10px;
}

.lectures-page .subhero span:nth-of-type(2) {
    margin-left: 10px;
}

/* == Előadás kártya == */

.lecture-item,
.program-item {
    margin-bottom: 1rem;
}

.lecture-item img,
.program-item img {
    border: 1px solid var(--ecru);
    width: 100%;
}

.lecture-item h4,
.program-item h4 {
    color: var(--ecru);
    margin: 1.5rem 0;
}

.lecture-details,
.program-details {
    background: var(--light-alabaster);
    padding: 1rem 1rem 1.5rem 1rem;
    margin: -9rem 1.25rem 0 1.25rem;
    z-index: 1;
    position: relative;
}

.lecture-item .btn-1,
.program-item .btn1 {
    display: block;
}

.lecture-date,
.lecture-details {
    font-size: 21px;
}

.lecture-details,
.program-details {
    display: flex;
    flex-direction: column;
}

.lecture-details .btn-1,
.program-details .button-box {
    margin-top: auto;
}

.lecture-subtext,
.program-subtext {
    margin-bottom: 1rem;
    /*margin-bottom: 3rem;*/
}

.lecture-thumbnail-wrapper-mobile,
.program-thumbnail-wrapper-mobile {
    display: none;
}

.lecture-thumbnail-wrapper,
.program-thumbnail-wrapper,
.lecture-thumbnail-wrapper-mobile,
.program-thumbnail-wrapper-mobile {
    position: relative;
}

.lecture-thumbnail-wrapper:before,
.program-thumbnail-wrapper:before {
    position: absolute;
    content: '';
    width: 98%;
    height: 75%;
    /*height: 448px;*/
    background: transparent;
    top: 1%;
    left: 1.2%;
    border-radius: 50%;
    border: 1px solid #E7E4DB;
    z-index: 1;
}

.lecture-thumbnail-wrapper-mobile:before,
.program-thumbnail-wrapper-mobile:before {
    position: absolute;
    content: '';
    width: 98%;
    height: 98%;
    background: transparent;
    top: 1%;
    left: 1.2%;
    border-radius: 50%;
    border: 1px solid #E7E4DB;
    z-index: 1;
}

.lecture-thumbnail-wrapper-mobile img,
.program-thumbnail-wrapper-mobile img {
    width: 100%;
}

.program-price {
    font-size: 28px;
    font-family: 'Gambarino';
    padding-bottom: 1.5rem;
}

/*body .wp-block-cb-collections.column-3 {
    gap: 1.5rem;
}*/

/* == Jegytípusok és árak*/

.ticket-item {
    background: var(--light-alabaster);
    padding: 2.25rem;
}

.ticket-item h5 {
    color: var(--payne);
    font-weight: 500;
    margin-bottom: 1rem;
}

.ticket-item ul,
.ticket-item ul li:last-of-type {
    margin-bottom: 0;
}

.ticket-prices {
    font-size: 2.125rem;
    font-family: 'Gambarino';
    margin: 2rem 0 3rem 0;
}

.ticket-prices-one {
    margin: 2rem 0 0 0;
}

.ticket-item .wp-block-button {
    width: 100%;
}

.ticket-item .wp-block-button__link {
    display: block;
}

.pack-p {
    font-weight: 500;
    text-transform: uppercase;
    margin: 2rem 0 0.75rem 0;
}

.ticket-types h2 {
    color: var(--alabaster);
}

.ticket-types-col {
    border: 1px solid var(--ecru);
}

.popular {
    margin-top: -22px;
    float: right;
}

.popular p {
    color: var(--light-alabaster);
    margin-right: 20px;
    position: relative;
    z-index: 1;
    font-size: 16px;
}

.popular p:before {
    position: absolute;
    content: '';
    width: 130%;
    height: 25px;
    background: var(--ecru);
    top: 5px;
    left: -18px;
    z-index: -1;
}


/* == Előadás single == */

.single .top-subhero {
    background: var(--alabaster);
    text-align: center;
}

.single .top-subhero h1 {
    color: var(--payne);
}

.event-box,
.event-time {
    display: flex;
}

.event-time,
.location-line {
    gap: 1rem;
}

.lecture-content {
    background: var(--light-alabaster);
    padding-top: 4rem;
}

.lecture-content .btn-1 {
    margin-bottom: 4rem;
}

.event-box {
    gap: 2rem;
    border-top: 1px solid var(--ecru);
    border-bottom: 1px solid var(--ecru);
    padding: 15px 0;
}

.location-line {}

.single-img img {
    position: sticky;
    top: 0;
}

.lecture-content h3 {
    color: var(--payne);
    margin: 2rem 0 1rem 0;
}

.schedule ul li {
    padding-left: 0;
}

.schedule ul li:before {
    display: none;
}

.lecture-content .btn-1 {
    margin-top: 2rem;
}

.ticket-types-cols {
    gap: 1rem;
}

/* == Tanácsadás aloldal == */

.guidance-page .ticket-types h2 {
    color: var(--ecru);
}

.guidance-page .ticket-item {
    border: solid 1px var(--ecru);
}

.priority-boarding {
    padding-top: var(--top-padding);
    padding-bottom: 20px;
}

.priority-boarding h3 {
    padding-bottom: 1rem;
}

/*.personal-journey .wide-img figure,*/
/*.change-programs .wide-img figure {
    float: right;
}*/

.mentoring-programs,
.mentoring-programs h2 {
    color: var(--alabaster);
}

.mentoring-programs-group {
    width: 66%;
    margin: 0 auto;
}

.green-line {
    padding: 20px 0;
}

.change-programs {
    position: relative;
}

/*.change-programs:before {
    position: absolute;
    content: '';
    top: 2.5rem;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--ecru);
    z-index: 1;
}*/

.change-programs:after {
    position: absolute;
    content: '';
    bottom: 2.5rem;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--ecru);
    z-index: 1;
}

#wellbeing-packages h2 {
    color: var(--payne);
}

.mentors {
    background: var(--alabaster);
    /*padding-bottom: var(--bottom-padding);*/
    padding: var(--base-padding);
}

.guidance-page .mentors{
padding-top: 0;
}

.mentors h2 {
    margin-bottom: 1.75rem;
}

.mentor-group {
    background: var(--light-alabaster);
    border: 1px solid var(--ecru);
    padding: 1rem;
    display: inline-block;
    width: 100%;
}

.mentor-group img {
    padding-bottom: 0.5rem;
    width: 100%;
}

.mentor-group.mentor-group-one {
    width: auto;
}

.mentor-group.mentor-group-one img {
    width: auto;
}

.mentor-group {
    /*margin: 2.75rem 0 var(--bottom-padding) 0;*/
    /*margin-top: 1.5rem;*/
}

.mentor-group .pack-p {
    position: relative;
    letter-spacing: 1px;
    font-weight: 400;
}

.mentor-group .pack-p:after {
    position: absolute;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="17" viewBox="0 0 26 17" fill="none"><line x1="0.285156" y1="8.59961" x2="25.1487" y2="8.59961" stroke="%234E5B64"/><path d="M17.2793 0.880859L25.1493 8.28798L17.2793 16.158" stroke="%234E5B64"/></svg>');
    top: 0;
    right: 0;
    width: 25px;
    height: 100%;
}

.guidance-page .opinion {
    border-top: 1px solid var(--ecru);
    border-bottom: 1px solid var(--ecru);
}

.gyik {
    border-top: 1px solid var(--ecru);
    border-bottom: 1px solid var(--ecru);
}

.gyik h2 {
    margin-bottom: 2rem;
}

.guidance-page .opinion:before {
    display: none;
}

.page-id-37 .opinion:before {
    display: none;
}

/* == FAQ = **/

body .wp-block-cb-faqs {
    margin: 1rem 0;
    width: 65%;
    margin: 0 auto;
}

body .wp-block-cb-faq {
    background: var(--light-alabaster);
    border: 1px solid var(--ecru);
    margin-bottom: 1.5rem;
}

body .wp-block-cb-faq:last-of-type {
    margin-bottom: 0;
}

body .wp-block-cb-faqs .faq-label {
    background: var(--light-alabaster);
    margin-bottom: 0;
    border-radius: 0;
}

body .faq-label h3 {
    font-size: 1.375rem;
    font-weight: 500;
    text-transform: initial;
    line-height: 32px;
    font-family: "Raleway", sans-serif;
    color: var(--payne);
    padding-left: 1rem;
}

body .wp-block-cb-faqs .faq-content {
    display: none;
    padding: 0 2rem;
    border: none;
}

body .wp-block-cb-faqs .faq-label:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="15" viewBox="0 0 26 15" fill="none"><path d="M24 13.5684L12.5889 2.15698L1.17749 13.5684" stroke="%23AE9C66" stroke-width="3"/></svg>');
    vertical-align: middle;
    width: 3rem;
    height: 3rem;
    background: transparent;
}

/* == Események aloldal == */


.event-come,
.event-come h3 {
    color: var(--light-alabaster);
    line-height: 55px;
}

.event-come p {
    font-size: 1.5rem;
    line-height: 50px;
}

.wellfeeling-group div {
    display: flex;
    margin-bottom: 0.5rem;
}

.wellfeeling .wp-block-columns {
    align-items: center !important;
}

.why-wellbeing,
.why-wellbeing h2 {
    color: var(--light-alabaster);
}

.why-wellbeing-group {
    width: 65%;
    margin: 0 auto;
}

.well-guide {
    border: 1px solid var(--ecru);
}

.page-id-9 .opinion:before {
    display: none;
}

/* == Kezelések == */

.holistic-subhero section.full-wide {
    height: 37.5rem;
}

.treatment-relax-group {
    width: 70%;
    margin: 0 auto;
}

.treatment-page .pack-p {
    font-weight: 500;
    text-transform: uppercase;
    margin: 2rem 0 0 0;
}

body .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: transparent;
}

body .wp-block-table.is-style-stripes tr:last-of-type td,
.wp-block-table.is-style-stripes tr:last-of-type th {
    border-bottom: none;
}

/*

body table,
body .wp-block-table.is-style-stripes {
    border: solid 1px var(--light-alabaster);
}*/

.wp-block-table.is-style-stripes {
    display: inline-block;
    margin-bottom: 1rem;
}

.wp-block-table.is-style-stripes tbody tr td:first-of-type {
    padding-right: 190px;
}

.treatment-page .personal-journey:before,
.treatment-page .personal-journey:after {
    display: none;
}

.treatment-page .mentors section.full-wide {
    padding-top: var(--top-padding);
}

.page-id-39 .opinion:before {
    display: none;
}

.page-id-39 .opinion {
    border-top: 1px solid var(--ecru);
}

/* == Koncepciók == */

.concept-box {
    background: var(--light-alabaster);
    border: 1px solid var(--ecru);
    padding: 3rem;
    text-align: center;
    min-height: 345px;
    transition: background 0.3s ease-in-out;
}

.concept-box figure:first-of-type {
    padding-bottom: 10px;
}

.concept-box figure:nth-of-type(3) {
    padding-bottom: 20px;
}

.concept-box-title {
    padding: 0 3rem;
    text-align: center;
    position: relative;
    min-height: 345px;
}

.concept-group {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.concept-group figure {
    padding-bottom: 1rem;
}

.own-concept-box {
    background: var(--light-alabaster);
    border: 1px solid var(--ecru);
    padding: 3rem;
    text-align: center;
}

.own-concept-box figure{
    padding-bottom: 1rem;
}

.concept-name {
    padding-bottom: 20px;
}

.concept-name p:first-of-type {
    color: #405C6D;
}

.wellbeing-concept .column-3,
.own-concept .column-3 {
    padding-top: 3.5rem;
}

.concept-box:hover p {
    color: #F1F1EA;
}

.concept-box:hover img {
    filter: invert(100%) brightness(10000%);
}

.concept-box:first-of-type:hover {
    background: #405C6D;
}

.concept-box:nth-of-type(2):hover {
    background: #5E747B;
}

.concept-box:nth-of-type(3):hover {
    background: #42594B;
}

.concept-box:nth-of-type(4):hover {
    background: #42594B;
}

.concept-box:nth-of-type(6):hover {
    background: #7A6A6C;
}

.concept-box:nth-of-type(7):hover {
    background: #928260;
}

.concept-box:nth-of-type(8):hover {
    background: #4A656C;
}

.concept-box:nth-of-type(9):hover {
    background: #4A656C;
}

/* == ==*/

.front-hero,
.front-system {
    background: #E7E4DB;
}

.subhero,
.wellfeeling,
.personal-journey,
.change-programs {
    background: var(--light-alabaster);
}

.quality-programs {
    background: var(--alabaster);
}

.quality-programs .wp-block-table.is-style-stripes td {
    border-color: var(--alabaster);
    border-bottom: 1px solid var(--ecru);
}

.quality-programs tr:last-of-type td,
.quality-programs tr:last-of-type {
    border-bottom: 1px solid var(--alabaster);
}

body .wp-block-table.is-style-stripes {
    border-bottom: 1px solid transparent;
}

.quality-programs2 {
    background: var(--light-alabaster);
}

.quality-programs2 .wp-block-table.is-style-stripes td {
    border-color: var(--light-alabaster);
    border-bottom: 1px solid var(--ecru);
}

.quality-programs2 tr:last-of-type {
    border-bottom: 1px solid var(--light-alabaster);
}

.entire-box .img-video-box img {
    width: 100%;
}

.entire-box .wp-block-columns {
    /*align-items: flex-start!important;*/
    /* gap: 1rem;*/
}

.entire-text {
    padding-right: calc(2.5vw);
    padding-left: calc(2.5vw);
}

.entire-text-box {
    margin: 6rem 0;
    /*margin: 5rem 0;*/
}

.entire-box .img-video-box {
    transition: padding-top 0.6s ease;
    position: sticky;
    top: 0;
}

.subhero .entire-text {
    padding-right: calc(2.5vw);
    padding-left: calc(2.5vw);
    max-width: 800px;
    margin: 0 auto !important;
}

.front-hero .img-video-box img {
    padding-right: 1rem;
}

.front-hero .img-video-box:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background-color: var(--ecru);
    right: 0;
    top: 0;
    z-index: 1;
}

.hero-box {
    width: 85%;
    margin: 0 auto;
}

.front-system .entire-text,
.entire-65 .entire-text {
    max-width: 1105px;
    margin: 0 auto;
}

.front-system .img-video-box figure:before {
    position: absolute;
    content: '';
    top: 0;
    left: 3rem;
    width: 1px;
    height: 100%;
    background: var(--ecru);
}

.entire-60 .entire-text {
    max-width: 1020px;
    margin: 0 auto;
}

.entire-70 .entire-text {
    max-width: 1190px;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .entire-text-box {
        margin: 0;
        padding: 5rem 0;
    }

    .subhero .wp-block-columns,
    .entire-65 .wp-block-columns,
    .personal-journey .wp-block-columns {
        gap: 0;
    }

    .entire-box .img-video-box {
        position: relative;
    }

    .subhero.entire-box .entire-text,
    .front-hero.entire-box .img-video-box,
    .change-programs.entire-box .entire-text {
        order: 2;
    }

    .front-hero .entire-text,
    .change-programs.entire-box .img-video-box {
        order: 1;
    }

    .front-hero .img-video-box img {
        padding-right: 0;
    }

    .front-hero .img-video-box:before,
    .front-system .img-video-box figure:before {
        display: none;
    }

    .hero-box {
        width: 100%;
    }

    .home #top-head h3 {
        padding-left: 0 !important;
    }

    .subhero .entire-text,
    .event-wellfeeling .entire-text,
    .personal-journey .entire-text,
    .guid-change-programs .entire-text {
        position: relative;
    }

    .subhero .entire-text:before,
    .event-wellfeeling .entire-text:before,
    .personal-journey .entire-text:before {
        position: absolute;
        content: '';
        top: 2.5rem;
        left: 0;
        width: 100%;
        height: 1px;
        background: var(--ecru);
        z-index: 1;
    }

    .event-wellfeeling .entire-text:after,
    .personal-journey .entire-text:after,
    .guid-change-programs .entire-text:after {
        position: absolute;
        content: '';
        bottom: 2.5rem;
        left: 0;
        width: 100%;
        height: 1px;
        background: var(--ecru);
        z-index: 1;
    }

    .subhero::before,
    .personal-journey:before,
    .personal-journey:after,
    .concept-hero:before,
    .concept-hero:after,
    .front-group:before,
    .change-programs:after,
    .decor-line,
    .wellfeeling::before,
    .wellfeeling:after,
    .front-me:before {
        display: none;
    }


}

/* == Rólunk == */

.mentor-group-one {
    display: table;
    margin: 0 auto;
}

.single-csapatunk .wp-block-separator {
    margin-top: 2rem;
}

.me-adrienn {
    position: relative;
    background: var(--light-alabaster);
}

.me-adrienn:before {
    position: absolute;
    content: '';
    top: 2.5rem;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--ecru);
    z-index: 1;
}

.me-adrienn:after {
    position: absolute;
    content: '';
    bottom: 2.5rem;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--ecru);
    z-index: 1;
}

.me-team h3 {
    margin-bottom: 2rem;
}