@charset "UTF-8";

 *,
*::after,
*::before {
margin: 0;
padding: 0;
box-sizing: inherit;
}
html {
font-size: 62.5%;
scroll-behavior: smooth;
}
@media only screen and (max-width: 56.25em) {
html {
font-size: 58%;
}
}
@media only screen and (max-width: 37.5em) {
html {
font-size: 55%;
}
}
body {
box-sizing: border-box;
background: url(https://harmoniahaz.masszazs-kepzes.hu/wp-content/uploads/2025/04/flower-of-life_bg-4.webp) repeat;
}
.color-primary {
color: #76468B;
}
.color-primary-dark {
color: #550170;
}
.color-primary-ultra-dark {
color: #340145;
}
.color-primary-light {
color: #9358AB;
}
.color-primary-ultra-light {
color: #AD82BF;
}
.color-secondary {
color: #344879;
}
.color-secondary-dark {
color: #1B2F5E;
}
.color-secondary-ultra-dark {
color: #091A40;
}
.color-secondary-light {
color: #556995;
}
.color-secondary-ultra-light {
color: #8190B3;
}
.color-tertiary {
color: #276C6C;
}
.color-tertiary-dark {
color: #115454;
}
.color-tertiary-ultra-dark {
color: #023A3A;
}
.color-tertiary-light {
color: #468585;
}
.color-tertiary-ultra-light {
color: #71A3A3;
}
.color-quaternary {
color: #46367C;
}
.color-quaternary-dark {
color: #33275A;
}
.color-quaternary-ultra-dark {
color: #211A3C;
}
.color-quaternary-light {
color: #685999;
}
.color-quaternary-ultra-light {
color: #9185B7;
}
.preloader {
z-index: 99999;
}
.preloader > .oxy-preloader_fadein {
background-image: linear-gradient(to right bottom, rgba(118, 70, 139, 0.9), rgba(52, 1, 69, 0.9));
opacity: 0.95;
}
.preloader.oxy-preloader {
color: #9358AB;
}
.back-to-top {
background-color: rgba(147, 88, 171, 0.21);
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-radius: 50%;
transition-duration: 400ms;
padding: 0.5rem;
transition: 0.4s all;
}
.back-to-top .oxy-back-to-top_icon {
color: #340145;
}
.back-to-top:hover {
background-color: rgba(173, 130, 191, 0.55);
}
.back-to-top:hover .oxy-back-to-top_icon {
color: #550170;
}
.search-form label > input {
width: calc(100% - 12rem);
}
.search-form .search-submit {
width: 10rem;
}
ul.suggestions {
text-align: center;
}
ul.suggestions > li {
list-style: none;
}
ul.suggestions > li a {
text-transform: uppercase;
}
.oxy-back-to-top_icon {
color: #340145;
}
.sticky {
position: sticky !important;
top: 100px;
}
.img-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
border-radius: 0.5rem;
background-color: #f2f2f2;
width: 100%;
}
.container {
width: 100%;
max-width: 112rem;
position: relative;
}
.flexbox {
display: flex;
position: relative;
z-index: 1;
}
.flexbox-row {
flex-direction: row;
}
.flexbox-column {
flex-direction: column !important;
}
.flexbox-column > *:not(:last-of-type) {
margin-bottom: 4rem;
}
@media only screen and (max-width: 56.25em) {
.flexbox-column > *:not(:last-of-type) {
margin-bottom: 1rem;
}
}
.flexbox_justify-spcb {
justify-content: space-between;
}
.flexbox_justify-center {
justify-content: center;
}
.flexbox_justify-start {
justify-content: flex-start;
}
.flexbox_align-top {
align-items: flex-start;
}
.flexbox_align-center {
align-items: center;
}
.flexbox_align-btm {
align-items: flex-end;
}
@media only screen and (max-width: 48em) {
.flexbox__item {
width: 100% !important;
}
.flexbox__item:not(:last-of-type) {
margin-bottom: 3rem;
}
}
@media only screen and (max-width: 56.25em) {
.flexbox {
align-items: center;
flex-direction: column;
gap: 3rem;
}
.flexbox > * {
width: 95% !important;
}
.flexbox > .oxy-wpgb-grid {
width: 90% !important;
}
}
@media only screen and (max-width: 48em) {
.flexbox {
gap: 1rem;
}
.flexbox > *:not(:last-of-type) {
margin-bottom: 1rem;
}
}
.ai-c {
align-items: center;
}
.ai-str {
align-items: stretch;
}
.ai-s {
align-items: start;
}
.ai-fs {
align-items: flex-start;
}
.ai-e {
align-items: end;
}
.ai-fe {
align-items: flex-end;
}
.ai-n {
align-items: normal;
}
.jc-c {
justify-content: center;
}
.jc-str {
justify-content: stretch;
}
.jc-s {
justify-content: start;
}
.jc-e {
justify-content: end;
}
.jc-fs {
justify-content: flex-start;
}
.jc-fe {
justify-content: flex-end;
}
.jc-n {
justify-content: normal;
}
.jc-l {
justify-content: left;
}
.jc-r {
justify-content: right;
}
.jc-spb {
justify-content: space-between;
}
.jc-spa {
justify-content: space-around;
}
.jc-spe {
justify-content: space-evenly;
}
.as-c {
align-self: center;
}
.as-str {
align-self: stretch;
}
.as-s {
align-self: start;
}
.as-fs {
align-self: flex-start;
}
.as-e {
align-self: end;
}
.as-fe {
align-self: flex-end;
}
.w25 {
width: 25%;
}
.w30 {
width: 30%;
}
.w35 {
width: 35%;
}
.w40 {
width: 40%;
}
.w45 {
width: 45%;
}
.w46 {
width: 46%;
}
.w47 {
width: 47%;
}
.w48 {
width: 48%;
}
.w49 {
width: 49%;
}
.w50 {
width: 50%;
}
.w55 {
width: 55%;
}
.w60 {
width: 60%;
}
.w65 {
width: 65%;
}
.w70 {
width: 70%;
}
.w75 {
width: 75%;
}
.w80 {
width: 80%;
}
.w90 {
width: 90%;
}
.w100 {
width: 100%;
}
.mt1 {
margin-top: 1rem;
}
.mt2 {
margin-top: 2rem;
}
.mt3 {
margin-top: 3rem;
}
.mt4 {
margin-top: 4rem;
}
.mt5 {
margin-top: 5rem;
}
.mt6 {
margin-top: 6rem;
}
.mb1 {
margin-bottom: 1rem;
}
.mb2 {
margin-bottom: 2rem;
}
.mb3 {
margin-bottom: 3rem;
}
.mb4 {
margin-bottom: 4rem;
}
.mb5 {
margin-bottom: 5rem;
}
.mb6 {
margin-bottom: 6rem;
}
.ml2 {
margin-left: 2rem;
}
.ml3 {
margin-left: 3rem;
}
.ml4 {
margin-left: 4rem;
}
.mr2 {
margin-right: 2rem;
}
.mr3 {
margin-right: 3rem;
}
.mr4 {
margin-right: 4rem;
}
.pt1 {
padding-top: 1rem;
}
.pt2 {
padding-top: 2rem;
}
.pt3 {
padding-top: 3rem;
}
.pt4 {
padding-top: 4rem;
}
.pb1 {
padding-bottom: 1rem;
}
.pb2 {
padding-bottom: 2rem;
}
.pb3 {
padding-bottom: 3rem;
}
.pb4 {
padding-bottom: 4rem;
}
.pl1 {
padding-left: 1rem;
}
.pl2 {
padding-left: 2rem;
}
.pl3 {
padding-left: 3rem;
}
.pl4 {
padding-left: 4rem;
}
.pr1 {
padding-right: 1rem;
}
.pr2 {
padding-right: 2rem;
}
.pr3 {
padding-right: 3rem;
}
.pr4 {
padding-right: 4rem;
}
.ppa1 {
padding: 1rem;
}
.ppa2 {
padding: 2rem;
}
.text-ac {
text-align: center;
}
.text-al {
text-align: left;
}
.text-ar {
text-align: right;
}
.text-aj {
text-align: justify;
}
.pos-rel {
position: relative;
}
.pos-abs {
position: absolute;
}
.pos-fix {
position: fix;
}
.pos-stc {
position: sticky;
}
.zi-0 {
z-index: 0;
}
.zi-1 {
z-index: 1;
}
.zi-2 {
z-index: 2;
}
.zi-3 {
z-index: 3;
}
.zi-4 {
z-index: 4;
}
.zi-5 {
z-index: 5;
}
.zi-10 {
z-index: 10;
}
.zi-20 {
z-index: 20;
}
.zi-99 {
z-index: 99;
}
.zi-999 {
z-index: 999;
}
.zi-9999 {
z-index: 9999;
}
.content {
width: 100%;
margin-bottom: 3rem;
}
.gridbox {
display: grid !important;
position: relative;
grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
grid-gap: 6rem;
align-items: center;
}
@media only screen and (max-width: 56.25em) {
.gridbox {
grid-gap: 3rem;
}
}
@media only screen and (max-width: 56.25em) {
.gridbox__item {
justify-content: center;
}
.gridbox__item.mb4 {
margin-bottom: 0rem;
}
}
.gridbox__item--img {
max-height: 33rem;
align-self: end;
}
.gridbox__item--img.absolute {
position: absolute;
right: -15rem;
}
@media only screen and (max-width: 56.25em) {
.gridbox__item--img {
max-height: 22rem;
}
.gridbox__item--img.absolute {
position: relative;
right: auto;
}
}
.gridbox.highlight {
z-index: 10;
}
ul,
ol {
padding-left: 2rem;
margin: 1.5rem 0 1.5rem 1rem;
}
ul li,
ol li {
padding-left: 0.5rem;
padding-bottom: 1rem;
}
img.alignleft {
float: left;
padding: 10px 10px 5px 0;
}
img.alignright {
float: right;
padding: 10px 0 5px 10px;
}
vime-click-to-play.enabled {
pointer-events: none !important;
}
body {
font-family: "Source Sans Pro", san-serif;
font-weight: 400;
line-height: 1.3;
color: #404040;
text-align: left;
}
.headline__hero-main {
font-weight: 900;
font-size: 4rem !important;
color: #340145;
}
.headline__hero-sub {
font-weight: 400;
font-size: 3rem;
color: #550170;
}
.headline__hero-pagename {
font-weight: 400;
text-transform: uppercase;
color: #000;
}
.headline__primary {
color: #340145;
}
.headline__primary-main {
color: #340145;
}
.headline__primary-sub {
color: #76468B;
}
.headline__secondary {
color: #1B2F5E;
}
.headline__tertiary {
color: #115454;
}
.headlinequaternary {
color: #33275A;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1;
margin-bottom: 1rem;
}
.section h1 {
font-size: 3rem;
}
.section h2 {
font-size: 2.4rem;
}
.section h3 {
font-size: 2rem;
}
.section h4 {
font-size: 1.8rem;
font-weight: 300;
}
.paragraph {
font-size: 1.6rem;
}
.paragraph:not(:last-child) {
margin-bottom: 3rem;
}
main {
min-height: calc(100vh - 440px);
}
main__container {
width: 100%;
display: flex;
gap: 2rem;
}
main__content {
flex: 1;
}
main__sidebar {
padding: 1rem;
border-radius: 0.5rem;
}
main__sidebar-left {
background: rgba(118, 70, 139, 0.05);
}
main__sidebar-right {
background: rgba(39, 108, 108, 0.05);
}
.ct-section > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
align-items: center !important;
position: relative;
}
.ct-section > .ct-section-inner-wrap > .ct-image {
align-self: center !important;
}
.ct-text-block p {
padding-bottom: 1rem;
}
.section {
position: relative;
}
.section--hero {
position: relative;
z-index: 22;
margin-bottom: 4rem;
}
.section--hero::after {
content: "";
display: block;
background: url(https://harmoniahaz.masszazs-kepzes.hu/wp-content/uploads/2024/09/mandala-vektor-top-2.svg) transparent no-repeat;
width: 18rem;
height: 10rem;
position: absolute;
bottom: -10rem;
left: calc(50% - 9rem);
z-index: 0;
}
.section--hero > .ct-section-inner-wrap {
max-width: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 3rem !important;
padding-left: 0;
display: flex;
flex-direction: column;
align-self: center;
}
.section--hero > .ct-section-inner-wrap::after {
content: "";
height: 4rem;
width: 100%;
display: block;
background-color: #fbf2ff;
clip-path: polygon(100% 100%, 0% 100%, 0% 57.14%, 1% 64.38%, 2% 71.23%, 3% 77.33%, 4% 82.33%, 5% 85.99%, 6% 88.09%, 7% 88.52%, 8% 87.27%, 9% 84.39%, 10% 80.05%, 11% 74.48%, 12% 67.97%, 13% 60.89%, 14% 53.6%, 15% 46.5%, 16% 39.97%, 17% 34.37%, 18% 29.99%, 19% 27.07%, 20% 25.78%, 21% 26.17%, 22% 28.22%, 23% 31.83%, 24% 36.81%, 25% 42.87%, 26% 49.71%, 27% 56.95%, 28% 64.19%, 29% 71.06%, 30% 77.18%, 31% 82.22%, 32% 85.91%, 33% 88.05%, 34% 88.53%, 35% 87.32%, 36% 84.49%, 37% 80.19%, 38% 74.64%, 39% 68.16%, 40% 61.08%, 41% 53.79%, 42% 46.68%, 43% 40.14%, 44% 34.5%, 45% 30.09%, 46% 27.13%, 47% 25.79%, 48% 26.13%, 49% 28.14%, 50% 31.72%, 51% 36.66%, 52% 42.7%, 53% 49.52%, 54% 56.75%, 55% 64%, 56% 70.88%, 57% 77.02%, 58% 82.1%, 59% 85.83%, 60% 88.01%, 61% 88.54%, 62% 87.38%, 63% 84.59%, 64% 80.32%, 65% 74.81%, 66% 68.34%, 67% 61.28%, 68% 53.99%, 69% 46.87%, 70% 40.3%, 71% 34.64%, 72% 30.19%, 73% 27.19%, 74% 25.8%, 75% 26.1%, 76% 28.07%, 77% 31.6%, 78% 36.51%, 79% 42.52%, 80% 49.33%, 81% 56.55%, 82% 63.81%, 83% 70.7%, 84% 76.87%, 85% 81.98%, 86% 85.75%, 87% 87.98%, 88% 88.55%, 89% 87.43%, 90% 84.68%, 91% 80.45%, 92% 74.97%, 93% 68.53%, 94% 61.47%, 95% 54.19%, 96% 47.06%, 97% 40.47%, 98% 34.78%, 99% 30.29%, 100% 27.25%);
transform: rotate(180deg);
position: absolute;
bottom: -3.5rem;
left: 0;
z-index: 3;
}
.section--hero .hero__content {
padding-top: 1rem;
}
.section--hero .hero__content-desc {
color: #76468B;
font-size: 1.8rem;
line-height: 1.3;
padding-top: 1rem;
}
@media only screen and (max-width: 48em) {
.section--hero .hero__content {
align-items: center !important;
}
.section--hero .hero__content > * {
text-align: center !important;
}
}
.section--hero .container {
padding: 12rem 3.2rem 2rem 0rem;
width: 100%;
}
.section--hero .hero__btm-ornament {
height: 5rem;
position: absolute;
z-index: 10;
bottom: -4.5rem;
object-fit: contain;
object-position: center center;
}
.section--hero .background__overlay.default {
background-image: linear-gradient(to bottom right, rgba(174, 0, 177, 0.77), rgba(173, 130, 191, 0.8), rgba(147, 88, 171, 0.9), rgba(174, 0, 177, 0.88));
}
.section--hero .background__overlay.gradient-primary-light {
background-image: linear-gradient(to bottom, rgba(174, 0, 177, 0.77), rgba(173, 130, 191, 0.88) 33%, rgba(245, 221, 255, 0.77) 55%, rgba(251, 242, 255, 0.88) 77%, #fbf2ff 99%);
}
.section--hero .background__overlay.gradient-primary-dark {
background-image: linear-gradient(to bottom, rgba(174, 0, 177, 0.77), rgba(147, 88, 171, 0.77) 33%, rgba(118, 70, 139, 0.88) 77%, #76468b 88%);
}
.section--hero .background__overlay.gradient-secondary-light {
background-image: linear-gradient(to bottom, rgba(52, 72, 121, 0.77), rgba(129, 144, 179, 0.77) 33%, rgba(255, 255, 255, 0.88) 77%, white 88%);
}
.section--hero .background__overlay.gradient-secondary-dark {
background-image: linear-gradient(to bottom, rgba(52, 72, 121, 0.77), rgba(85, 105, 149, 0.77) 33%, rgba(52, 72, 121, 0.88) 77%, #344879 88%);
}
.section--hero .background__overlay.gradient-tertiary-light {
background-image: linear-gradient(to bottom, rgba(39, 108, 108, 0.77), rgba(113, 163, 163, 0.77) 33%, rgba(255, 255, 255, 0.88) 77%, white 88%);
}
.section--hero .background__overlay.gradient-tertiary-dark {
background-image: linear-gradient(to bottom, rgba(39, 108, 108, 0.77), rgba(70, 133, 133, 0.77) 33%, rgba(39, 108, 108, 0.88) 77%, #276c6c 88%);
}
.section--hero .background__overlay.gradient-quaternary-light {
background-image: linear-gradient(to bottom, rgba(70, 54, 124, 0.77), rgba(145, 133, 183, 0.77) 33%, rgba(255, 255, 255, 0.88) 77%, white 88%);
}
.section--hero .background__overlay.gradient-quaternary-dark {
background-image: linear-gradient(to bottom, rgba(70, 54, 124, 0.77), rgba(104, 89, 153, 0.77) 33%, rgba(70, 54, 124, 0.88) 77%, #46367c 88%);
}
.section--hero--fade-right {
background-image: linear-gradient(to right, rgba(173, 130, 191, 0.8), rgba(147, 88, 171, 0.7));
}
.section--hero--fade-left {
background-image: linear-gradient(to right, rgba(173, 130, 191, 0.7), rgba(147, 88, 171, 0.9));
}
.section--hero .gridbox {
width: 100%;
align-items: end;
grid-template-columns: 2.7fr 1fr;
}
@media only screen and (max-width: 56.25em) {
.section--hero .gridbox {
grid-template-columns: 1fr;
}
.section--hero .gridbox > * {
text-align: center;
}
.section--hero .gridbox .ct-headline {
text-align: center;
width: auto;
}
}
.section--even .container, .section--odd .container {
position: relative;
z-index: 2;
display: flex;
}
@media only screen and (max-width: 56.25em) {
.section--even .container, .section--odd .container {
flex-direction: column;
justify-content: center;
}
.section--even .container > div, .section--odd .container > div {
width: 95% !important;
}
.section--even .container > div:not(:last-of-type), .section--odd .container > div:not(:last-of-type) {
margin-bottom: 3rem;
}
}
.section--odd {
background-image: linear-gradient(to bottom right, rgba(173, 130, 191, 0.11), rgba(147, 88, 171, 0.22));
}
.section--last {
padding-bottom: 10rem;
margin-bottom: -10rem;
}
.section:last-of-type.section--odd {
clip-path: polygon(50% 0, 100% 6%, 100% 100%, 0 100%, 0 6%);
}
.section:last-of-type.section--odd .ct-section-inner-wrap {
padding-top: clamp(4rem, 8rem + (1vw - 0.32rem) * 4.1667, 10rem);
}
@media only screen and (max-width: 56.25em) {
.section:last-of-type.section--odd {
clip-path: polygon(50% 0, 100% 6%, 100% 100%, 0 100%, 0 6%);
}
}
@media only screen and (max-width: 48em) {
.section:last-of-type.section--odd {
clip-path: polygon(50% 0, 100% 5%, 100% 100%, 0 100%, 0 5%);
}
}
.section:last-of-type.section--even::after {
content: "";
width: 100%;
display: block;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
height: 3rem;
background-image: linear-gradient(to right, #550170, #340145);
margin-bottom: -2px;
margin-top: 3rem;
}
.section p:not(:last-of-type) {
margin-bottom: 1rem;
}
.background__img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
top: 0;
left: 0;
filter: saturate(0.22);
}
.background__img--fade-right {
object-fit: contain !important;
object-position: right;
mask-image: linear-gradient(to right, transparent 0%, black);
width: auto !important;
right: 0;
left: auto;
}
.background__img--fade-left {
object-fit: contain !important;
object-position: left;
mask-image: linear-gradient(to left, transparent 0%, black);
width: auto !important;
}
.background__overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top: 0;
left: 0;
transition: 1s all;
}
.btn {
transition: 0.5s all;
border: none !important;
border-radius: 1rem;
}
.btn:hover, .btn:active {
transform: scale(0.95);
}
.btn--primary {
background-color: #76468B !important;
color: #fff;
transition: 0.5s all;
}
.btn--primary:hover, .btn--primary:active {
background-color: #550170 !important;
}
.btn--secondary {
background: #344879 !important;
color: #fff;
transition: 0.5s all;
}
.btn--secondary:hover, .btn--secondary:active {
background-color: #1B2F5E !important;
}
.btn--tertiary {
background: #276C6C !important;
color: #fff;
transition: 0.5s all;
}
.btn--tertiary:hover, .btn--tertiary:active {
background-color: #115454 !important;
}
.btn--quaternary {
background: #46367C !important;
color: #fff;
transition: 0.5s all;
}
.btn--quaternary:hover, .btn--quaternary:active {
background-color: #33275A !important;
}
.button--box {
display: flex;
gap: 2rem;
}
@media only screen and (max-width: 56.25em) {
.button--box {
justify-content: center !important;
align-items: center;
}
}
.header {
padding: 0 3.2rem 0;
z-index: 9999 !important;
}
.header.oxy-header-wrapper.oxy-header.oxy-sticky-header.oxy-sticky-header-active {
background: linear-gradient(to right, rgba(167, 0, 172, 0.97) 0, rgba(255, 255, 255, 0.97) 22%) !important;
}
@media only screen and (max-width: 70em) {
.header .oxy-header-container {
padding-right: 0;
padding-left: 0;
}
}
.header__navigation.oxygen-only-show-in-overlay {
padding-top: 2rem;
}
.header__navigation.oxygen-only-show-in-overlay .oxy-header-right {
padding-top: 2.2rem;
}
.header__navigation.oxygen-show-in-sticky-only {
padding-top: 1rem;
}
.header__navigation.oxygen-show-in-sticky-only .oxy-header-right {
padding-top: 2.2rem;
}
.header__navigation .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container {
background-color: rgba(85, 1, 112, 0.97);
}
.header__navigation-menu li {
padding-bottom: 0;
}
.header__navigation-menu li.menu-item-has-children:hover {
background-color: rgba(241, 237, 238, 0.9);
border-radius: 0.5rem;
}
.header__navigation-menu li ul.sub-menu {
background: rgba(241, 237, 238, 0.95);
margin-top: 0px;
margin-left: 0;
padding: 1rem 1rem 1rem 0 !important;
width: auto;
min-width: 100%;
}
@media only screen and (max-width: 56.25em) {
.header__navigation-menu li ul.sub-menu {
background: rgba(241, 237, 238, 0.33);
font-size: 1.5rem !important;
}
}
.header__navigation-menu li.current-menu-item > a {
font-weight: 900;
}
.header__navigation-menu li.current-menu-item a {
color: #340145 !important;
}
.header__navigation-menu li.current-menu-item a:hover, .header__navigation-menu li.current-menu-item a:active {
text-shadow: none;
}
.header__navigation-menu li a {
padding: 0.5rem 0.8rem;
font-variant: small-caps;
font-size: 1.7rem;
color: #550170;
transition: all 0.4s;
border-radius: 0.5rem;
text-shadow: 0 0 0 rgba(52, 1, 69, 0);
background-color: rgba(118, 70, 139, 0);
}
.header__navigation-menu li a:hover, .header__navigation-menu li a:active {
color: #340145;
text-shadow: 0 0 1rem #340145;
}
.header__navigation-menu.oxy-pro-menu-open li.current-menu-item a {
color: #9358AB !important;
}
.header__navigation-menu.oxy-pro-menu-open li.menu-item-has-children:hover {
background-color: transparent !important;
}
.header__navigation-menu.oxy-pro-menu-open li a {
font-size: 2.5rem !important;
color: #fff;
justify-content: center !important;
text-align: center !important;
}
.header__navigation-menu.oxy-pro-menu-open li a:hover, .header__navigation-menu.oxy-pro-menu-open li a:active {
color: #AD82BF;
}
.header__navigation-menu.oxy-pro-menu-open .oxy-pro-menu-mobile-close-icon {
color: #AD82BF;
font-variant: small-caps;
transition: 0.4s all;
}
.header__navigation-menu.oxy-pro-menu-open .oxy-pro-menu-mobile-close-icon:hover {
opacity: 0.9;
transform: scale(0.95);
}
.header__navigation-menu .oxy-pro-menu-mobile-open-icon {
color: #340145;
}
.header__navigation-logo {
display: block;
max-width: 20rem;
}
.header__navigation.oxygen-only-show-in-overlay .header__navigation-logo {
max-width: 25rem;
filter: drop-shadow(0 0 3rem #a600ab);
}
.header__navigation.oxygen-only-show-in-overlay .header__navigation-menu {
background-color: rgba(241, 237, 238, 0.55);
border-radius: 1rem;
padding-right: 0.5rem;
margin-bottom: 1rem;
}
@media only screen and (max-width: 56.25em) {
.header__navigation.oxygen-only-show-in-overlay .header__navigation-menu {
padding: 0;
background-color: transparent;
}
}
.home .header__navigation.oxygen-only-show-in-overlay .header__navigation-logo {
max-width: 40rem;
}
.pgcal-branding {
display: none !important;
}
.fc.pgcal-container .fc-view-harness.fc-view-harness-passive {
border-radius: 10px;
overflow: hidden;
border: 1px solid #ccc;
}
.pgcal-container .fc-view-harness .fc-list .fc-list-table .fc-list-day-cushion .fc-list-day-side-text {
display: none;
}
.pgcal-container a {
color: #550170;
}
.fc.pgcal-container .fc-toolbar-title {
font-size: 1.8rem;
text-transform: uppercase;
}
.pgcal-container .fc-view-harness .fc-list .fc-list-table .fc-list-day-cushion .fc-list-day-text {
text-transform: capitalize;
}
.pgcal-container {
width: 100%;
}
.pgcal-container .tippy-box {
color: #091A40;
background-color: #fff;
border: 1px solid #ccc;
}
@media (max-width: 767px) {
.fc.pgcal-container .fc-toolbar-title {
margin: 1rem 0 2rem;
}
}
.fc .fc-button-group {
gap: 3px;
}
.fc-col-header thead tr th.fc-col-header-cell {
background: #f7f7f7;
}
.fc-col-header thead tr th.fc-col-header-cell div {
padding: 5px 0;
}
.fc-col-header-cell.fc-day > div {
display: flex;
aling-items: center;
justify-content: center;
}
.fc-col-header-cell.fc-day > div a {
display: none;
}
.fc-col-header-cell.fc-day-mon > div::before {
content: "H";
}
.fc-col-header-cell.fc-day-tue > div::before {
content: "K";
}
.fc-col-header-cell.fc-day-wed > div::before {
content: "Sze";
}
.fc-col-header-cell.fc-day-thu > div::before {
content: "Cs";
}
.fc-col-header-cell.fc-day-fri > div::before {
content: "P";
}
.fc-col-header-cell.fc-day-sat > div::before {
content: "Szo";
}
.fc-col-header-cell.fc-day-sun > div::before {
content: "V";
}
.fc .fc-button {
padding: 0.2rem 1rem !important;
font-size: 1.7rem !important;
background-color: #76468B !important;
border-color: #550170 !important;
transition: 0.4s all;
}
.fc .fc-button:hover {
background-color: #550170 !important;
}
.fc-h-event {
border: 1px solid #999 !important;
background-color: #999 !important;
transition: 0.4s all;
pointer-events: none;
}
.fc-event-title {
display: none;
}
.fc-event-title-container::before {
content: "FOGLALT";
}
.fc-h-event:hover {
border: 1px solid #344879 !important;
background-color: #344879 !important;
}
.tippy-content h2 {
font-size: 2.2rem;
color: #550170;
}
.tippy-content > a {
padding: 5px;
border-radius: 5px;
background-color: #344879 !important;
color: #fff;
transition: 0.4s all;
display: block;
clear: both;
}
.tippy-content > a:hover {
background-color: #1B2F5E !important;
color: #eee;
transform: scale(0.95, 0.95);
}
.fc .fc-list-event .fc-list-event-graphic .fc-list-event-dot {
border: 5px solid #76468B;
}
.fc .fc-list-event .fc-list-event-title > a {
display: none;
}
.fc .fc-list-event .fc-list-event-title::before {
content: "FOGLALT";
}
.teremberlet {
margin-top: 1rem;
}
.teremberlet .am-advsc__duration::before {
content: "Mennyi időre szeretnéd bérelni?";
display: block;
}
.amelia-v2-booking .am-skeleton-evl__wrapper {
height: 33px !important;
padding: 0 !important;
overflow: hidden !important;
border-radius: 1rem !important;
}
.amelia-v2-booking .fc-view-harness.fc-view-harness-active .fc-daygrid table {
width: 100% !important;
height: 100% !important;
}
.amelia-v2-booking .fc-view-harness.fc-view-harness-active .fc-daygrid table .fc-daygrid-body {
width: 100% !important;
height: 100% !important;
}
.amelia-v2-booking.am-dialog-popup #amelia-container .am-eli__header .am-ec__period {
padding: 1rem;
border: 1px solid #eee;
border-radius: 0.5rem;
background-color: #f7f7f7;
}
.amelia-v2-booking.am-dialog-popup #amelia-container .am-eli__header .am-ec__period-date {
display: flex;
align-items: center;
font-size: 2rem;
}
.amelia-v2-booking.am-dialog-popup #amelia-container .am-eli__header .am-ec__period-date__month, .amelia-v2-booking.am-dialog-popup #amelia-container .am-eli__header .am-ec__period-date__day {
font-size: inherit !important;
font-weight: 600;
}
.amelia-v2-booking.am-dialog-popup #amelia-container .am-eli__header .am-ec__period-time {
font-size: 1.6rem;
}
.amelia-v2-booking.am-dialog-popup #amelia-container .am-eli__header .am-ec__info-name {
font-weight: 700;
font-size: 2.5rem;
color: #344879;
line-height: 1;
margin-bottom: 1rem;
}
.amelia-v2-booking.am-dialog-popup #amelia-container .am-eli__header .am-ec__actions {
display: none;
}
.amelia-v2-booking #amelia-container.am-fs__wrapper {
box-shadow: none !important;
}
.amelia-v2-booking #amelia-container.am-fs__wrapper .am-fs__main .m-phone-number-input__country-flag {
bottom: 1px;
left: 3px;
background-color: #fff;
}
.amelia-v2-booking #amelia-container.am-fs__wrapper .am-fs__main .am-radio-wrapper .el-radio__input {
padding: 2px;
}
.amelia-v2-booking #amelia-container .am-els__available {
padding: 0 2rem;
text-align: center;
font-size: 1.8rem !important;
color: #340145 !important;
}
.amelia-v2-booking #amelia-container .am-els__wrapper .am-ec {
gap: 1rem;
}
.amelia-v2-booking #amelia-container .am-els__wrapper .am-ec.am-rw-500 .am-ec__actions.am-rw-500 {
width: auto;
margin: 0 0 5px 0 !important;
}
.amelia-v2-booking #amelia-container.am-elf {
padding: 0 !important;
background-color: transparent !important;
}
.amelia-v2-booking #amelia-container.am-elf .am-ec {
align-items: stretch;
}
.amelia-v2-booking #amelia-container.am-elf .am-ec__info-name {
font-weight: 600;
line-height: 1;
}
.amelia-v2-booking #amelia-container.am-fs__wrapper {
margin: 0 auto !important;
}
.amelia-v2-booking #amelia-container.am-fs__main-inner {
border: 1px solid #344879;
border-top: 10px solid #344879;
}
.amelia-v2-booking .am-ec__period {
flex-direction: column;
align-self: flex-start;
padding: 0.5rem !important;
border: 1px solid #eee !important;
background-color: #f7f7f7 !important;
border-radius: 0.5rem;
margin-right: 2rem !important;
}
.amelia-v2-booking .am-ec__period .am-ec__period-date {
display: flex;
flex-direction: row-reverse;
gap: 0.5rem;
}
.amelia-v2-booking .am-ec__period .am-ec__period-date.am-rw-500 {
flex-direction: row-reverse !important;
border-left: 1px solid #ccc;
padding-right: 0.5rem;
}
.amelia-v2-booking .am-ec__period .am-ec__period-date > .am-ec__period-date__day {
font-size: 1.6rem !important;
}
.amelia-v2-booking .am-ec__period .am-ec__period-date > .am-ec__period-date__day:after {
content: ".";
}
.amelia-v2-booking .am-ec__period .am-ec__period-date > .am-ec__period-date__month {
text-transform: uppercase;
}
.future_event {
width: 100%;
}
.future_event > h4 {
font-weight: 600;
color: #1B2F5E;
margin-top: 2rem;
}
.future_event .el-skeleton {
height: 50px !important;
overflow: hidden;
border-radius: 1rem;
}
.future_event #amelia-container.am-elf {
background-color: transparent !important;
}
.future_event .am-els__available, .future_event .am-els__filters, .future_event .am-ec__info, .future_event .am-ec__actions-price {
display: none !important;
}
.future_event .am-ec__period {
margin: 0 !important;
width: 100%;
flex-direction: column !important;
}
.future_event .am-ec__period .am-ec__period-date {
flex-direction: row-reverse;
gap: 0.5rem;
font-size: 1.6rem;
}
.future_event .am-ec__period .am-ec__period-date > .am-ec__period-date__day {
font-size: inherit;
}
.future_event .am-ec__period .am-ec__period-date > .am-ec__period-date__day:after {
content: ".";
}
.future_event .am-ec__period .am-ec__period-date > .am-ec__period-date__month {
text-transform: uppercase;
font-size: inherit;
}
.future_event .amelia-v2-booking #amelia-container.am-elf {
padding: 0;
}
.future_event .amelia-v2-booking #amelia-container.am-elf .am-ec {
padding: 1.2rem;
border-radius: 3px;
box-shadow: none !important;
border: 1px solid #556995;
flex-direction: row;
justify-content: space-between;
}
.future_event .amelia-v2-booking #amelia-container.am-elf .am-ec:not(:last-of-type) {
margin-bottom: 0.8rem;
}
.future_event .amelia-v2-booking #amelia-container.am-elf .am-ec:last-of-type {
margin-bottom: 0;
}
.future_event .amelia-v2-booking #amelia-container.am-elf .am-ec .am-ec__actions {
align-items: center;
justify-content: flex-start;
width: 100%;
margin: 0;
}
.future_event .amelia-v2-booking #amelia-container.am-elf .am-ec .am-ec__actions-btn > button {
--am-h-btn: 30px !important;
--am-padd-btn: 5px 8px !important;
}
.aktualis {
width: 100%;
}
.aktualis > h4 {
font-weight: 600;
color: #1B2F5E;
margin-top: 2rem;
}
.aktualis .el-skeleton {
height: 50px !important;
overflow: hidden;
border-radius: 1rem;
}
.aktualis #amelia-container.am-elf {
background-color: transparent !important;
}
.aktualis #amelia-container.am-elf .am-els__available, .aktualis #amelia-container.am-elf .am-els__filters, .aktualis #amelia-container.am-elf .am-ec__actions-price {
display: none !important;
}
.aktualis #amelia-container.am-elf .am-ec__info-location {
display: none;
}
.aktualis #amelia-container.am-elf .am-ec__info-other {
display: none;
}
.aktualis #amelia-container.am-elf .am-ec__period {
margin: 0 !important;
flex-direction: row;
}
.aktualis #amelia-container.am-elf .am-ec__period-date {
flex-direction: row-reverse;
gap: 0.5rem;
font-size: 1.6rem;
}
.aktualis #amelia-container.am-elf .am-ec__period-date > .am-ec__period-date__day {
font-size: inherit;
}
.aktualis #amelia-container.am-elf .am-ec__period-date > .am-ec__period-date__day:after {
content: ".";
}
.aktualis #amelia-container.am-elf .am-ec__period-date > .am-ec__period-date__month {
font-size: inherit;
text-transform: uppercase;
}
.booking h4 {
text-align: center;
}
.fancybox-container > .fancybox-bg {
background: #76468B !important;
}
.footer {
padding: 3rem 3.2rem 3rem;
background-image: linear-gradient(to right, #AE00B1, #550170 33%, #340145);
position: relative;
margin-top: 8rem;
}
.footer::before {
content: "";
height: 4rem;
width: 100%;
display: block;
background-image: linear-gradient(to right, #AE00B1, #550170 33%, #340145);
clip-path: polygon(100% 100%, 0% 100%, 0% 57.14%, 1% 64.38%, 2% 71.23%, 3% 77.33%, 4% 82.33%, 5% 85.99%, 6% 88.09%, 7% 88.52%, 8% 87.27%, 9% 84.39%, 10% 80.05%, 11% 74.48%, 12% 67.97%, 13% 60.89%, 14% 53.6%, 15% 46.5%, 16% 39.97%, 17% 34.37%, 18% 29.99%, 19% 27.07%, 20% 25.78%, 21% 26.17%, 22% 28.22%, 23% 31.83%, 24% 36.81%, 25% 42.87%, 26% 49.71%, 27% 56.95%, 28% 64.19%, 29% 71.06%, 30% 77.18%, 31% 82.22%, 32% 85.91%, 33% 88.05%, 34% 88.53%, 35% 87.32%, 36% 84.49%, 37% 80.19%, 38% 74.64%, 39% 68.16%, 40% 61.08%, 41% 53.79%, 42% 46.68%, 43% 40.14%, 44% 34.5%, 45% 30.09%, 46% 27.13%, 47% 25.79%, 48% 26.13%, 49% 28.14%, 50% 31.72%, 51% 36.66%, 52% 42.7%, 53% 49.52%, 54% 56.75%, 55% 64%, 56% 70.88%, 57% 77.02%, 58% 82.1%, 59% 85.83%, 60% 88.01%, 61% 88.54%, 62% 87.38%, 63% 84.59%, 64% 80.32%, 65% 74.81%, 66% 68.34%, 67% 61.28%, 68% 53.99%, 69% 46.87%, 70% 40.3%, 71% 34.64%, 72% 30.19%, 73% 27.19%, 74% 25.8%, 75% 26.1%, 76% 28.07%, 77% 31.6%, 78% 36.51%, 79% 42.52%, 80% 49.33%, 81% 56.55%, 82% 63.81%, 83% 70.7%, 84% 76.87%, 85% 81.98%, 86% 85.75%, 87% 87.98%, 88% 88.55%, 89% 87.43%, 90% 84.68%, 91% 80.45%, 92% 74.97%, 93% 68.53%, 94% 61.47%, 95% 54.19%, 96% 47.06%, 97% 40.47%, 98% 34.78%, 99% 30.29%, 100% 27.25%);
position: absolute;
top: -3.5rem;
left: 0;
z-index: 3;
}
.footer__container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
flex-wrap: wrap;
}
.footer__top {
display: flex;
flex-direction: column;
align-self: center;
min-width: 400px;
max-width: 30rem;
}
.footer__logo {
max-width: 150px;
}
.footer__slogen {
color: #9358AB;
font-size: 1.3rem;
}
.footer__bottom {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
text-align: right;
}
.footer__bottom-copyright {
color: #76468B;
font-size: 1.5rem;
width: auto;
}
.footer__bottom-copyright-text {
display: inline-block;
}
.footer__bottom-copyright-text span {
border-left: #76468B 1px solid;
padding-left: 1rem;
margin-left: 1rem;
}
@media only screen and (max-width: 30em) {
.footer__bottom-copyright-text span {
display: block;
border: none;
padding: 1rem 0 0;
}
}
.footer__bottom-reference {
color: #550170;
font-size: 1.5rem;
border-top: 1px solid #76468B;
padding-top: 1rem;
text-align: right;
}
.footer__bottom-reference a {
color: inherit;
}
@media only screen and (max-width: 56.25em) {
.footer__container {
flex-direction: column;
justify-content: center;
align-items: center;
}
.footer__top {
align-items: center;
margin-bottom: 2rem;
min-width: unset;
max-width: unset;
text-align: center;
width: 100%;
}
.footer__bottom {
justify-content: center;
align-items: center;
width: 100%;
}
.footer__bottom-reference {
text-align: center;
width: 100%;
}
}
.footer__reference {
margin-top: 0.5rem;
}
.footer__links {
display: flex;
flex-direction: column;
width: auto;
}
.footer__links > .btn__signup {
padding: 5px;
background-color: #76468B;
border: 1px solid #550170;
color: #ffffff;
margin-bottom: 2rem;
}
.footer__navigation {
width: auto;
display: flex;
margin-bottom: 1rem;
}
.footer__navigation--menu li a {
padding: 8px 10px;
font-variant: small-caps;
font-size: 1.7rem;
color: #fff;
transition: all 0.4s;
}
.footer__navigation--menu li a:hover, .footer__navigation--menu li a:active {
color: #AD82BF;
}
.footer__navigation--menu li a:first-of-type {
padding-left: 0;
}
.footer__social-icon {
transition: all 0.3s;
}
.footer__social-icon > .icon {
padding: 5px;
color: #9358AB;
}
.footer__social-icon > .icon > svg {
width: 2.5rem;
height: 2.5rem;
}
.footer__social-icon:hover, .footer__social-icon:active {
transform: scale(0.9);
}
body.modal_active {
overflow: hidden;
}
.modal {
background-color: #fff;
width: 50%;
max-height: 95vh;
position: fixed;
top: 50%;
left: 50%;
z-index: 999999;
transform: translate(-50%, -50%);
padding: 50px;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
border-radius: 3px;
word-wrap: break-word;
transform-origin: center;
transition: opacity 0.4s ease-out, visibility 0.4s, transform 0.4s;
overflow-y: scroll;
}
@media only screen and (max-width: 56.25em) {
.modal {
width: 95%;
height: 95vh;
}
}
.modal--closed {
visibility: hidden;
opacity: 0;
transform: translate(-50%, -50%) scale(0.2);
}
.modal__overlay {
position: fixed;
background-color: rgba(118, 70, 139, 0.55);
width: 100%;
height: 100%;
backdrop-filter: blur(5px);
transition: opacity 0.4s ease-out, visibility 0.4s;
top: 0;
left: 0;
z-index: 999998;
}
.modal__overlay--hidden {
visibility: hidden;
opacity: 0;
}
.modal__img {
max-height: 600px;
}
.modal__btn-open {
margin-top: 2rem;
cursor: pointer;
}
.modal__btn-close {
background-color: transparent;
border: none;
fill: #344879;
padding: 10px;
position: absolute;
right: 5px;
top: 5px;
cursor: pointer;
transition: all 0.2s;
z-index: 1;
}
.modal__btn-close .icon__close {
width: 20px;
height: 20px;
}
.modal__btn-close:hover, .modal__btn-close:active {
fill: rgba(52, 72, 121, 0.9);
transform: scale(0.95);
}
.signupForm {
padding-top: 3rem;
}
.signupForm__header {
margin-bottom: 2rem;
}
.signupForm__footer {
margin-top: 2rem;
font-size: 1.3rem;
line-height: 1.2;
}
.off-canvas .oxy-offcanvas_backdrop {
background-color: rgba(52, 1, 69, 0.77);
}
.off-canvas .close_signup {
color: #344879;
transition: all 0.5s;
}
.off-canvas .close_signup:hover, .off-canvas .close_signup:active {
transform: scale(0.9);
}
.cookie-consent__content,
.gdpr-content {
text-align: justify;
}
.cookie-consent__content h2,
.gdpr-content h2 {
text-align: left;
}
.cookie-consent__content h2:not(:first-of-type),
.gdpr-content h2:not(:first-of-type) {
margin-top: 4rem;
}
.cookie-consent__content h3,
.gdpr-content h3 {
margin-top: 2rem;
}
.cookie-consent__content h4,
.gdpr-content h4 {
margin-top: 1rem;
}
.cookie-consent__content ul, .cookie-consent__content ol,
.gdpr-content ul,
.gdpr-content ol {
margin: 1rem 0 1rem 1rem;
}
.cookie-consent__content ul li, .cookie-consent__content ol li,
.gdpr-content ul li,
.gdpr-content ol li {
padding-bottom: 0.4rem;
}
.gdpr-content table {
margin-bottom: 4rem;
text-align: left;
}
.gdpr-content table tr th {
vertical-align: top;
padding: 1rem;
}
.gdpr-content table tr td {
vertical-align: top;
border: 1px solid #ccc;
padding: 1rem;
}
.event__date-info {
font-size: 2rem;
margin-top: 1rem;
background: rgba(118, 70, 139, 0.05);
padding: 1rem !important;
border-radius: 0.5rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.event__content {
margin-top: 3rem;
width: 100%;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 3rem;
}
.event__type {
position: absolute;
top: -1.3rem;
right: 2rem;
z-index: 10;
background: #AD82BF;
color: #340145;
padding: 0.5rem;
border-radius: 0.5rem;
}
.event__featured {
background-size: cover;
max-width: 35%;
position: relative;
z-index: 15;
height: 22rem;
overflow: visible;
width: 35%;
border-radius: 0.5rem;
align-self: center;
}
.event__featured > a > * {
transition: all 0.4s;
}
.event__featured > a > *:hover {
transform: scale(0.95);
}
.event__featured-wrapper {
position: relative;
filter: drop-shadow(-0.5rem -1.5rem 1rem rgba(85, 1, 112, 0.33));
}
.event__featured-img {
background: #fff;
clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 15% 100%, 0% 50%);
width: calc(100% - 0.5rem);
height: auto;
position: absolute;
top: 0.5rem;
max-height: 21rem;
aspect-ratio: 1/1;
object-fit: cover;
object-position: center center;
z-index: 2;
border-radius: 0.5rem;
}
.event__featured-img-bg {
position: absolute;
top: 0;
right: 0;
z-index: 0;
border-radius: 0.5rem;
width: calc(100% + 0.5rem);
height: 22rem;
background: #AD82BF;
clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 15% 100%, 0% 50%);
}
@media only screen and (max-width: 48em) {
.event__featured {
max-width: 100%;
width: 100%;
}
.event__featured-img {
clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 100%, 0% 85%);
left: 0;
object-position: top center;
}
.event__featured-img-bg {
clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 100%, 0% 85%);
}
}
.event__sidebar {
display: flex;
flex-direction: column;
align-items: center;
}
.event__sidebar > div {
width: 100%;
}
.event__sidebar > a {
margin-top: 1.5rem;
text-transform: uppercase;
}
.organizer {
padding: 1rem;
background: linear-gradient(rgba(39, 108, 108, 0.33), rgba(39, 108, 108, 0.1) 33%);
border-radius: 0.5rem;
border: 1px solid #276C6C;
border-top-width: 3px;
}
.organizer__header {
text-align: left;
color: #276C6C;
padding: 0.5rem 0 1rem;
}
.organizer__header > h4 {
text-align: left;
font-weight: 900;
}
.organizer__info {
text-align: left;
}
.organizer__info > .flexbox {
flex-direction: row !important;
}
.organizer__photo {
width: 100px;
max-width: 100px;
height: auto;
object-fit: cover;
object-position: center center;
aspect-ratio: 1/1;
border-radius: 1rem;
margin-right: 2rem;
}
.organizer__desc {
margin-top: 1rem;
}
.organizer__contact > ul {
list-style: none;
margin: 0.5rem 0;
padding: 0;
}
.organizer__contact > ul > li {
padding: 1rem;
border-radius: 0.5rem;
background: rgba(39, 108, 108, 0.05);
}
.organizer__contact > ul > li:not(:last-child) {
margin-bottom: 1rem;
}
.organizer__contact > ul ul {
list-style: none;
margin: 0;
padding: 0;
}
.organizer__contact > ul ul > li {
padding: 0;
}
.booking {
padding: 1rem 1rem 2rem;
background: linear-gradient(rgba(70, 54, 124, 0.33), rgba(70, 54, 124, 0.1) 33%);
border-radius: 0.5rem;
border: 1px solid #46367C;
border-top-width: 3px; }
.booking__header {
text-align: left;
color: #46367C;
padding: 0.5rem 0 1rem;
}
.booking__header > h4 {
text-align: left;
font-weight: 900;
}
.booking__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 1rem;
}
.booking__info {
padding: 1.5rem 0;
display: flex;
flex-direction: column;
gap: 1rem;
}
.booking__datas {
display: flex;
flex-direction: column;
gap: 1rem;
background: rgba(255, 255, 255, 0.22);
padding: 1.5rem;
border-radius: 0.5rem;
}
.booking__restrictions {
display: flex;
flex-direction: column;
gap: 1rem;
}
.location {
padding: 1rem 1rem 2rem;
background: linear-gradient(rgba(52, 72, 121, 0.33), rgba(52, 72, 121, 0.1) 33%);
border-radius: 0.5rem;
border: 1px solid #344879;
border-top-width: 3px;
margin-top: 1rem;
}
.location__header {
text-align: left;
color: #1B2F5E;
padding: 0.5rem 0 1rem;
}
.location__header > h4 {
font-weight: 900;
}
.location__content {
display: flex;
width: 100%;
justify-content: space-between;
}
.location__name {
font-weight: 900;
font-size: 111%;
color: #344879;
transition: 0.4s all;
}
.location__name:hover {
color: #556995;
transform: scale(0.95);
}
.location__address {
font-weight: 600;
}
.location__desc {
margin-top: 1rem;
width: 100%;
}
.location__info {
width: 35%;
}
.location__map {
width: 60%;
}
.location__map > .leaflet-map {
border-radius: 0.5rem;
border: 1px solid #556995;
}
.hero__content-full {
align-self: center;
grid-template-columns: 4fr 1fr !important;
display: grid;
}
@media only screen and (max-width: 56.25em) {
.hero__content-full {
display: grid;
grid-template-columns: 1fr !important;
align-items: center;
}
}
.hero__content-excerpt {
font-size: inherit;
padding: 1rem 0;
}
.hero__content-left {
font-size: 2.5rem;
padding-bottom: 3rem;
font-family: "Source Sans Pro";
line-height: 1.1;
display: flex;
flex-direction: column;
}
.hero__content-left h1, .hero__content-left h2 {
font-size: 3rem;
color: #340145;
}
.hero__content-left .button--box {
margin-top: 0;
font-size: 1.8rem;
}
.hero__content-right {
position: relative;
}
.hero__content-right h3 {
font-weight: 300;
color: #000;
font-size: 1.6rem;
text-transform: uppercase;
position: absolute;
width: 100%;
text-align: center;
bottom: 10%;
z-index: 2;
background: rgba(173, 130, 191, 0.77);
padding: 0.5rem 1rem;
border-radius: 0.5rem;
}
.contact {
display: flex;
flex-direction: column;
}
.contact-person {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 4rem;
}
@media only screen and (max-width: 56.25em) {
.contact-person {
grid-template-columns: 1fr;
}
}
.contact .card {
display: flex;
padding: 2rem 2rem 0;
border: 1px solid #9358AB;
border-radius: 0.5rem;
justify-content: space-between;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 26.25em) {
.contact .card {
flex-direction: column;
padding: 10rem 2rem 0;
align-items: center;
}
}
.contact .card__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background-image: linear-gradient(to bottom right, rgba(173, 130, 191, 0.66), rgba(118, 70, 139, 0.9));
}
.contact .card__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
object-fit: cover;
object-position: bottom right;
filter: saturate(0.22) brightness(1.5);
width: 88%;
mask-image: linear-gradient(to left, transparent, black 40%);
}
.contact .card__logo {
position: absolute;
top: 4rem;
left: 4rem;
width: 15rem;
height: auto;
z-index: 2;
}
@media only screen and (max-width: 26.25em) {
.contact .card__logo {
left: auto;
}
}
.contact .card__data {
padding: 2rem 2rem 4rem;
display: flex;
flex-direction: column;
justify-content: flex-end;
font-size: 1.8rem;
position: relative;
z-index: 2;
}
@media only screen and (max-width: 26.25em) {
.contact .card__data {
text-align: center;
}
}
.contact .card__data-name {
font-size: 2rem;
font-weight: 600;
text-transform: uppercase;
}
.contact .card__photo {
align-self: flex-end;
padding: 0;
align-content: flex-end;
display: flex;
position: relative;
z-index: 2;
}
.contact .card__photo > img {
max-height: 30rem;
}
@media only screen and (max-width: 26.25em) {
.contact .card__photo {
align-self: center;
}
}
.contact .card__download {
display: flex;
flex-direction: column;
padding: 4rem;
border-radius: 0.5rem;
justify-content: center;
align-items: center;
text-align: center;
}
.contact .card__download-qr h3 {
color: #550170;
margin-bottom: 2rem;
}
.contact .card__download-qr > img {
max-height: 20rem;
}
@media only screen and (max-width: 48em) {
.contact .card__download-qr {
display: none;
}
}
.contact .card__download-vcard {
height: 20rem;
width: 100%;
padding: 2rem;
background-color: #344879;
color: #fff;
border-radius: 5px;
display: none;
transition: 0.5s all;
}
.contact .card__download-vcard:hover, .contact .card__download-vcard:active {
transform: scale(0.95);
background-color: #1B2F5E;
color: #8190B3;
}
.contact .card__download-vcard > h3 {
color: inherit;
}
@media only screen and (max-width: 48em) {
.contact .card__download-vcard {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
}
.contact .card__download-vcard--icons {
display: grid;
grid-template-columns: 1fr 0.5fr 1fr;
justify-items: center;
margin-top: 2rem;
}
.contact .card__download-vcard--icons > * {
height: 5rem;
}
.contact .card__download-vcard--icon {
fill: currentColor;
}
#idopontfoglalas {
min-height: 44rem;
}
.author {
padding: 2rem;
border-radius: 0.5rem;
background-image: linear-gradient(to bottom right, rgba(147, 88, 171, 0.22), rgba(173, 130, 191, 0.55));
}
.author--box {
display: grid;
grid-template-columns: 77px 1fr;
grid-gap: 2rem;
}
.author__img {
margin-bottom: 0 !important;
}
.author__img > img {
max-width: 100px;
border-radius: 50%;
border: 1px solid #76468B;
margin-bottom: 0;
}
.author__data-name {
font-weight: 600;
font-size: 111%;
}
.author__data-title {
font-size: 88%;
}
.share--box {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
border: 1px solid #ccc;
border-radius: 0.5rem;
padding: 1rem;
width: auto;
}
@media only screen and (max-width: 56.25em) {
.share--box {
justify-content: center !important;
align-items: center;
}
}
.related.gridbox {
grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
align-items: stretch;
grid-gap: 4rem;
}
.related__post {
display: grid;
padding: 2rem;
border: 1px solid #556995;
border-top-width: 2px;
border-bottom-width: 2px;
border-radius: 0.5rem;
grid-template-columns: 1fr;
justify-content: center;
align-content: space-between;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.55));
}
.related__post > *:not(a) {
align-self: start;
}
.related__post > a {
align-self: end;
display: inline-block;
}
.related__post h3 {
font-size: 2.2rem;
font-weight: 600;
}
.related__excerpt {
text-align: center;
font-style: italic !important;
font-size: 1.8rem !important;
line-height: 1.1 !important;
}
.related__btn {
margin-top: 2rem !important;
width: 100%;
}
.related__btn > a {
display: inline-block;
padding: 0.5rem 1rem !important;
border: 1px solid #eee !important;
border-radius: 0.5rem;
background-color: rgba(255, 255, 255, 0.66);
transition: 0.4s all !important;
font-size: 90% !important;
color: #999 !important;
}
.related__btn > a:hover, .related__btn > a:active {
transform: scale(0.95) !important;
background-color: rgba(255, 255, 255, 0.33);
color: #ccc !important;
border: 1px solid #ccc !important;
}
.gform_wrapper {
width: 100%;
padding: 2rem;
background: rgba(255, 255, 255, 0.4);
border-radius: 0.5rem;
}
.gform_wrapper > .gform_heading {
display: none !important;
}
.gform_wrapper .gfield .gfield_label {
font-size: 1.7rem;
font-weight: 600;
color: #550170;
margin-bottom: 0.3rem;
}
.gform_wrapper .gfield .gfield_label .gfield_required_asterisk {
font-size: 1.6rem !important;
}
.gform_wrapper .gfield h3, .gform_wrapper .gfield h4 {
line-height: 1.3;
}
.gform_wrapper .gfield h3 {
font-weight: 500;
}
.gform_wrapper .ginput_container.ginput_container_radio > .gfield_radio {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: center;
}
@media only screen and (max-width: 30em) {
.gform_wrapper .ginput_container.ginput_container_radio > .gfield_radio {
flex-direction: column;
align-items: center;
justify-content: stretch;
}
}
.gform_wrapper .ginput_container.ginput_container_radio > .gfield_radio > .gchoice {
align-items: center;
border-radius: 0.5rem;
background-color: #76468B;
cursor: pointer;
transition: 0.4s all;
padding-left: 0.3rem;
}
@media only screen and (max-width: 30em) {
.gform_wrapper .ginput_container.ginput_container_radio > .gfield_radio > .gchoice {
width: 100%;
}
}
.gform_wrapper .ginput_container.ginput_container_radio > .gfield_radio > .gchoice > label {
padding: 0.5rem 1rem 0.5rem 1rem;
margin: 0;
color: #fff;
text-transform: uppercase;
line-height: 1;
}
.gform_wrapper .ginput_container.ginput_container_radio > .gfield_radio > .gchoice > label > .gfield_required {
font-size: inherit !important;
}
.gform_wrapper .ginput_container.ginput_container_radio > .gfield_radio > .gchoice > label > .gfield_required > .gfield_required_asterisk {
font-size: inherit !important;
}
.gform_wrapper .ginput_container.ginput_container_radio > .gfield_radio > .gchoice > input {
border: 1.6rem solid white;
}
.gform_wrapper .ginput_container.ginput_container_radio > .gfield_radio > .gchoice > input::before {
width: 20px;
height: 20px;
background-color: #1B2F5E;
}
.gform_wrapper .ginput_container.ginput_container_radio > .gfield_radio > .gchoice:hover {
background-color: #550170;
color: #AD82BF;
}
.gform_fields .gfield.gfield--type-choice .gfield_label {
width: 100%;
justify-content: center;
margin-bottom: 1rem;
}
.gform_footer {
justify-content: center !important;
}
.gform_footer .gform_button.button {
text-transform: uppercase !important;
background-color: #344879 !important;
transition: 0.4s all;
}
.gform_footer .gform_button.button:hover {
transform: scale(0.95);
background-color: #1B2F5E !important;
color: #8190B3 !important;
}
.massage {
padding: 2rem 1.5rem 2rem;
background: linear-gradient(to bottom, rgba(147, 88, 171, 0.22) 0, rgba(147, 88, 171, 0.05) 8%) !important;
align-items: center;
text-align: left;
border-radius: 1rem;
display: flex;
flex-direction: column !important;
}
.massage__logo {
margin-bottom: 1rem;
}
.massage__logo > img {
width: 20rem;
height: auto;
}
.massage__title {
text-align: center;
margin-bottom: 3rem;
}
.massage__list {
display: flex;
flex-direction: column;
gap: 0.6rem;
margin-bottom: 2rem;
}
.massage__list > a.course {
border: 1px solid rgba(173, 130, 191, 0.22);
background: rgba(255, 255, 255, 0.33);
border-radius: 0.5rem;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 0.2rem;
padding: 1rem;
color: #276C6C;
transition: 0.4s all;
position: relative;
}
.massage__list > a.course h4 {
font-size: 1.8rem;
margin-bottom: 0.2rem;
}
.massage__list > a.course .course__date {
display: flex;
flex-wrap: wrap;
font-size: 1.5rem;
align-items: center;
gap: 0.5rem;
color: #000;
line-height: 1;
}
.massage__list > a.course .course__date > span {
display: inline-block;
line-height: 1.2;
}
.massage__list > a.course > .course__icon {
position: absolute;
bottom: 0.5rem;
right: 3rem;
width: 3rem;
height: 3rem;
transition: 0.4s all;
fill: rgba(118, 70, 139, 0.55);
opacity: 0;
}
.massage__list > a.course:hover, .massage__list > a.course:active {
transform: scale(1.03);
background: rgba(255, 255, 255, 0.77);
border: 1px solid rgba(173, 130, 191, 0.44);
color: #115454;
}
.massage__list > a.course:hover > .course__icon, .massage__list > a.course:active > .course__icon {
right: 0.5rem;
opacity: 0.5;
}
.banner__link:hover .banner__icon {
color: #fff;
}
.banner__icon {
transition: all 0.4s;
}
.banner__icon--primary {
color: rgba(85, 1, 112, 0.33);
}
.banner__icon--primary:hover {
color: rgba(85, 1, 112, 0.88) !important;
}
.banner__icon--white {
color: rgba(85, 1, 112, 0.33);
}
.banner__icon--white:hover {
color: #f2dd8a !important;
}
.banner__icon:hover {
transform: scale(0.95);
}
.wp-grid-builder .wpgb-facet > fieldset {
margin-bottom: 2rem !important;
}
@media only screen and (max-width: 480px) {
.wp-grid-builder .wpgb-card .wpgb-block-6 {
bottom: -40px !important;
right: 0px !important;
top: initial !important;
}
.wp-grid-builder .wpgb-card .wpgb-card-content {
padding-top: 2rem !important;
}
.wp-grid-builder .wpgb-card-media > svg {
padding-top: 145px !important;
}
.wp-grid-builder .wpgb-card-media > .wpgb-card-media-thumbnail {
clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 100%, 0% 85%) !important;
top: 0 !important;
left: 0% !important;
width: 100% !important;
height: 150px !important;
object-position: center top !important;
}
.wp-grid-builder .wpgb-card-media > .wpgb-card-media-thumbnail:before {
clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 100%, 0% 85%) !important;
width: 100% !important;
background: linear-gradient(to bottom, rgba(145, 133, 183, 0.22) 0, rgba(145, 133, 183, 0.77) 100%) !important;
}
.wp-grid-builder .wpgb-card-media > .wpgb-card-media-thumbnail:after {
clip-path: polygon(0% 75%, 50% 90%, 100% 75%, 100% 85%, 50% 100%, 0% 85%) !important;
width: 100% !important;
}
.wp-grid-builder .wpgb-card:hover .wpgb-card-media > .wpgb-card-media-thumbnail {
transform: translateY(5px) !important;
}
}
.wp-grid-builder .wpgb-card-3:hover .wpgb-block-4:hover {
background: rgba(89, 2, 115, 0.88);
color: rgba(255, 255, 255, 0.55);
border-color: rgba(89, 2, 115, 0.77);
filter: drop-shadow(0 0 1rem rgba(89, 2, 115, 0.99));
transform: scale(0.95);
}
.course__container-content {
display: flex;
flex-direction: column;
gap: 3rem;
}
.course__container table {
width: 100% !important;
margin-bottom: 1rem;
}
.course__container table td {
padding: 1rem;
border: 1px solid #eee;
}
.course__parts {
display: flex;
flex-direction: column;
width: 100%;
gap: 1.2rem;
}
.course__parts-hl {
color: #76468B;
}
.course__part {
border-radius: 1rem;
background-color: rgba(145, 133, 183, 0.11);
width: 100%;
align-items: center;
gap: 3rem;
padding: 1rem 2rem 1rem 2rem;
text-align: left;
transition: 0.5s all;
}
.course__part h4 {
margin-bottom: 0;
}
.course__part:hover {
transform: scale(0.97);
}
.course__part .course__featured {
width: 14.4rem;
height: 14.4rem;
border: 0.5rem solid #fff;
border-radius: 50%;
}
.course__part .course__info {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.course__booking-btn {
font-size: 3rem !important;
align-self: center !important;
justify-self: center !important;
border-radius: 1rem !important;
margin: 1rem 0 2rem;
}
.course__teacher {
display: flex;
flex-direction: column;
gap: 1rem;
}
.course__teacher > div {
gap: 2rem;
align-items: center;
}
.course__teacher-img {
width: 66px;
height: auto;
border-radius: 50%;
}
.course-modul_booking {
display: inline-block;
width: fit-content;
align-self: center;
text-align: center;
}
.course-modul_booking > div * {
color: #276C6C;
}
.course__info-box {
border-top: 1px solid #ddd;
padding: 2rem;
margin: 1rem 0 0;
}
.course__nav {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.course__nav a.current-page {
color: #666;
pointer-events: none;
}
.course__desc h3 {
text-align: center;
color: #76468B;
}
.notices {
display: flex;
flex-direction: column;
width: 100%;
}
.notices .notice {
width: 100%;
border: 2px solid #468585;
border-left: 0.5rem solid #468585;
padding: 2rem;
background: rgba(70, 133, 133, 0.1);
border-radius: 1rem;
text-align: center;
position: relative;
}
.notices .notice__title, .notices .notice__text {
color: #276C6C;
position: relative;
z-index: 2;
}
.notices .notice > a.btn {
margin-top: 1rem;
position: relative;
z-index: 3;
}
.notices .notice__bg {
position: absolute;
left: 1rem;
top: 6%;
aspect-ratio: 1/1;
height: 88%;
z-index: 1;
}
.notices .notice__bg-img {
filter: saturate(0.1);
opacity: 0.22;
border-radius: 50%;
height: 100%;
width: auto;
max-width: 14.4rem;
position: relative;
z-index: 1;
}
.notices .notice__bg::after {
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(70, 133, 133, 0.05);
border-radius: 50%;
z-index: 2;
position: absolute;
left: 0;
top: 0;
}
.downloads {
display: flex;
flex-direction: column;
width: 100%;
gap: 1rem;
}
.downloads > div {
display: flex;
justify-content: space-between;
align-items: center;
}
.downloads > div:not(:first-of-type) {
border-top: 1px solid #eee;
padding-top: 1rem;
}.oxygen-control-row.oxygen-control-row-bottom-bar-code-editor {
position: fixed !important;
}