/*
Theme Name: SovielleTheme
Theme URI: https://designzone.hu/
Author: Szilasy Imola
Author URI:  https://designzone.hu/
Description: Egyedi WordPress blokk alapú sablon. A webdesign Burai-Katona Dóra munkája (https://iconiseyou.com), a fejlesztést Szilasy Imola készítette.
Version: 1.0
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: sovielle
*/

html {
        font-size: 20px;
  
    }


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

@media screen and (min-width: 1921px) {
html {
        font-size: calc(20px + 0.3vw);
    }
}



@media screen and (max-width: 1280px) {

    
    .full-img>*, .full-img{
    max-height: 100vw !important;
        min-height:  100vw !important;
}
    
      .vertical-text{
        display: flex;
        justify-content: center;
       padding-bottom: 2rem !important;
       flex-basis: 4rem !important
    }
    

}
@media screen and (max-width: 780px) {
        .align-left>*{
        text-align: left
    }
        .order-2{
        order:2
    }
    
.wp-container-core-group-is-layout-c0d519fa {
    align-items: flex-start !important;
}
    
}




@media screen and (max-width: 768px) {
    
    #about h3+p, #gyik-box .faq-label{
        line-height: 1.6 !important
    }
    
    .services-hero .wp-block-cover{
        min-height: 35rem!important;
    }
    
        .line-height-smaller{
        line-height: 1.67 !important
    }
    
    .cta-bg{
        max-height: 27.7rem;
        min-height: 27.7rem !important
    }
    
    .home-hero-text{
        padding-bottom: 3.8rem
    }
    body{
        line-height: 1.9
    }
    
    .wp-block-heading{
        line-height: 1.2 !important
    }

    .etikett{
        padding:2rem 1.6rem !important
        
    }
    
    .berles swiper-slide img{
        aspect-ratio: 19/20 !important
    }

    
    .full-img>*, .full-img{
    max-height: 123.786vw !important;
    min-height:  123.786vw !important;
}
    
    
    .slim-column .full-img>*, .slim-column .full-img{
        max-height: 100% !important;
        min-height:  100% !important;
        padding:0
    }
    
        .slim-column .wp-block-column:first-of-type, .slim-column .wp-block-column:last-of-type{
        flex-basis: 6%!important
    }
    
        .slim-column .wp-block-column:nth-of-type(2){
        flex-basis: 88%!important
    }
    
    #team .full-img,  #team img{
        max-height:  34.3rem!important;
        min-height:34.3rem!important;
    }

    .hero-text br{
        display: none
    }
    #about h2{
        padding-top: 0 !important
    }
    
    .carousel{
        padding-top:5.55rem!important;
        padding-bottom:5.55rem!important
    }
        .animated-hero::after {
        width: 3.55rem
    }
}
    	#gotop {
		cursor: pointer
	}

@media screen and (min-width: 769px) {
    
    
    	#gotop {
		position: absolute;
		right: 4vw;
		bottom: calc(80px + 1rem);
	}

        .animated-hero::after {
        width: 3.725rem
    }
}


#about .faq-content{
    max-width: 25rem
}
strong{
    font-weight: 500 
}
.wp-block-cb-reviews{
    background: transparent !important
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    font-optical-sizing: auto;
}
.wp-block-button, .arrow-right, .wp-block-navigation-item__content{
    position: relative
}

.arrow-right,  .wp-block-navigation-item__content{
    padding-right: 1.925rem !important
}
.wp-block-button:after, .arrow-right:after,  .wp-block-navigation-item__content:after{
    content:"";
    position: absolute;
    right: 22px;
    top:50%;
    width: 28px;
    height: 1rem;
     background-image: url("data:image/svg+xml,%3Csvg width='29' height='9' viewBox='0 0 29 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.85C0.641015 3.85 0.35 4.14101 0.35 4.5C0.35 4.85899 0.641015 5.15 1 5.15L1 3.85ZM29 4.5L22.5 0.747223V8.25278L29 4.5ZM1 4.5L1 5.15L23.15 5.15V4.5V3.85L1 3.85L1 4.5Z' fill='%23F6F4F1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
    background-position: center center;
    transform:translateY(-50%)
}

.arrow-right:after,  .wp-block-navigation-item__content:after {
    right: 0;
         background-image: url("data:image/svg+xml,%3Csvg width='29' height='9' viewBox='0 0 29 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.85C0.641015 3.85 0.35 4.14101 0.35 4.5C0.35 4.85899 0.641015 5.15 1 5.15L1 3.85ZM29 4.5L22.5 0.747223V8.25278L29 4.5ZM1 4.5L1 5.15L23.15 5.15V4.5V3.85L1 3.85L1 4.5Z' fill='%23060606'/%3E%3C/svg%3E");
top:52%
}

.reference img{
    width: 100%
}

.home .review-txt p{
    margin-top:0
}

    .is-layout-grid.about-grid>div{
        height: 27.8rem !important
  }

    .is-layout-grid.about-grid>div:last-of-type{
        height: auto !important
  }

.no-border-bottom{
    border-bottom:none
}

@media screen and (max-width: 889px) {
 .about-grid{
    display: flex !important;
    flex-wrap: wrap
  }
    
    .order-4{
          order:4  
    }
    

  
    .is-layout-grid.about-grid>div{
width:100%;

    
  }
    
    
    
}

.hero-box{
    height: 100vh
}

.home-hero-text {
  display: flex;
  align-items: center;   /* függőlegesen középre */
  justify-content: center; /* vízszintesen középre, ha kell */    /* teljes képernyő */
  box-sizing: border-box;
  text-align: center;
    flex-direction: column
}



@media screen and (max-width: 860px) {
    .offer br{
        display: none
    }
    
      .download{
        padding: clamp(4.444rem, 1.759rem + 10.069vw, 12.5rem) 0 !important
    }
    

}




@media screen and (max-width: 1110px) {
    

    .reservation-hero .wp-block-heading{
        margin-top:100vw;
        text-align: center;
        margin-left: auto !important
    }
    
    .reservation-hero .wp-block-cover{
    min-height:193.447vw !important;
        padding:1.2rem!important;
}
    

    
}


footer{
    margin-top:0
}

.custom-footer-logo img{
    height: clamp(6.66rem, 5.467rem + 2.222vw, 7.6rem) !important
}


.logo img{
    width:16rem !important
}

:root{
  --logo-dur:   2000ms;     /* logó megjelenés */
  --logo-hold:  50ms;    /* meddig marad látható, mielőtt eltűnik */
  --logo-fade:  20ms;     /* eltűnés ideje */
  --logo-delay: 50ms;      /* Figma szerint a kezdés előtt */
  --panels-delay: 1500ms;
  --panels-dur: 3000ms;
}

/* wrapper-ek */
.animated-hero, .wp-block-cover, .animated-hero .wp-block-cover{
  position: relative;
  overflow: hidden;
}

/* két panel */
.animated-hero .wp-block-cover::before,
.animated-hero .wp-block-cover::after{
  content:"";
  position:absolute;
  inset:0;
  background:#F6F4F1;
  z-index:10;
  transform: scaleX(1);
animation: panelOpen var(--panels-dur) cubic-bezier(0.3, 0.7, 0.3, 1) var(--panels-delay) forwards;
}

.animated-hero .wp-block-cover::before{
  transform-origin: left center;
}
.animated-hero .wp-block-cover::after{
  transform-origin: right center;
}

@keyframes panelOpen {
  to { transform: scaleX(0); }
}

/* LOGÓ – a panelek előtt indul */
.animated-hero::after {
  content:"";
  position:absolute;
  top:50%; left:50%;
  transform: translate(-50%, -50%); height:10.85rem;
  background: url(img/animated-logo_.png) no-repeat center/contain;
  z-index:20;
  opacity: 1; /* alapból 1, hogy a maszk érvényesüljön */
  animation:
       reveal var(--logo-dur) cubic-bezier(0.3, 0.7, 0.3, 1) var(--logo-delay) forwards,
    fadeout var(--logo-fade) ease-in calc(var(--logo-delay) + var(--logo-dur) + var(--logo-hold)) forwards;
}

.animated-hero .arrow-right:after{
    background-image: url("data:image/svg+xml,%3Csvg width='29' height='9' viewBox='0 0 29 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.85C0.641015 3.85 0.35 4.14101 0.35 4.5C0.35 4.85899 0.641015 5.15 1 5.15L1 3.85ZM29 4.5L22.5 0.747223V8.25278L29 4.5ZM1 4.5L1 5.15L23.15 5.15V4.5V3.85L1 3.85L1 4.5Z' fill='%23F6F4F1'/%3E%3C/svg%3E") !important;
}

/* lentről felfelé megjelenés */
@keyframes reveal {
  from {
    clip-path: inset(100% 0 0 0); /* teljesen lent takarva */
    opacity: 1; /* ne legyen 0, hogy a maszk működjön */
  }
  to {
    clip-path: inset(0 0 0 0); /* teljesen látható */
    opacity: 1;
      visibility: hidden
  }
}

/* eltűnés */
@keyframes fadeout{
  to { opacity:0; }
}

.animated-hero .wp-block-navigation__responsive-container-open.always-shown{
    border-top:3px solid #F6F4F1 !important
}

.animated-hero .wp-block-navigation__responsive-container-open.always-shown:after{
    background: #F6F4F1 !important
}

.down-arrow img{
    width: clamp(2.22rem, 1.867rem + 0.556vw, 2.4rem) !important
}

@media screen and (max-width: 430px) {
    h1{
        font-size: 1.75rem !important
    }
}

@media screen and (min-width: 781px) {
    .page-id-329 .wp-block-navigation__responsive-container, .page-id-649 .wp-block-navigation__responsive-container{
     color:#F6F4F1 !important
    }
    
    .page-id-329 .wp-block-navigation-item__content:after, .page-id-649 .wp-block-navigation-item__content:after {
     background-image: url("data:image/svg+xml,%3Csvg width='29' height='9' viewBox='0 0 29 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.85C0.641015 3.85 0.35 4.14101 0.35 4.5C0.35 4.85899 0.641015 5.15 1 5.15L1 3.85ZM29 4.5L22.5 0.747223V8.25278L29 4.5ZM1 4.5L1 5.15L23.15 5.15V4.5V3.85L1 3.85L1 4.5Z' fill='%23F6F4F1'/%3E%3C/svg%3E") !important;
}
    
}

.home .wp-block-navigation__responsive-container, .error404 .wp-block-navigation__responsive-container{
      color:#F6F4F1 !important
}

.home .wp-block-navigation-item__content:after, .error404 .wp-block-navigation-item__content:after{
        background-image: url("data:image/svg+xml,%3Csvg width='29' height='9' viewBox='0 0 29 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.85C0.641015 3.85 0.35 4.14101 0.35 4.5C0.35 4.85899 0.641015 5.15 1 5.15L1 3.85ZM29 4.5L22.5 0.747223V8.25278L29 4.5ZM1 4.5L1 5.15L23.15 5.15V4.5V3.85L1 3.85L1 4.5Z' fill='%23F6F4F1'/%3E%3C/svg%3E") !important;
}

.amelia-v2-booking #amelia-container .am-fs__init-item__info{
    order:2 !important;
    justify-content: flex-end !important;
        width: 25% !important
    
}

.amelia-v2-booking #amelia-container .am-fs__init-item__info-inner{

     justify-content: flex-end !important
}
.amelia-v2-booking #amelia-container .am-fs__init-item__heading, .amelia-v2-booking #amelia-container .am-fs__init-item__cost {
    order:2 !important;

}

.amelia-v2-booking #amelia-container .am-fs__init-item__name{
    width: 100%;
    order:1 !important;
        padding-left: 0.25rem;
}

.am-fs__init-item__heading{
    flex-wrap: wrap;
        width: 70% !important
}

.am-fs__init-item__img{
    display: none
}

.amelia-v2-booking #amelia-container .am-fs__init-item__content,.am-fs__init-item__heading{
    gap:0.5rem !important
}
.wp-block-cb-reviews .review-title{
    font-weight: 400
}
.tab-labels .active span{
    text-decoration: underline !important
}
.tab-content  .active span{
    text-decoration: none !important
}


.page-id-747 .appointment, .page-id-747 .appointment-mobil img{
    display: none
}

.null .am-fs__init-item__info{
    display: none !important
}

.am-fs__payments-service{
    border:none !important
}

.am-fs__payments-services-sub span, .am-fs__extras-heading-required{
    display: none !important
}
.am-fs__payments-services .am-collapse-item__content{
    border:none !important
}

.am-collapse.am-fs__payments-services .am-collapse-item__heading.am-collapse-item__heading-active{display: none !important}

.am-extra-checkbox{
    display: block !important
}

.amelia-v2-booking #amelia-container .am-fs-sb__step-checker .am-icon-check{
    background-color: white !important
}

.amelia-v2-booking #amelia-container .am-fs__init-item__cost.am-rw-370{
    justify-content: flex-start !important
}


.amelia-v2-booking #amelia-container .am-fs__init-item__price{
    font-size: small !important
}
/* Jelölőkarika színe */
/* Checkbox és rádiógomb szín feketével */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  accent-color: #000000; /* fekete */
}

.am-fs__congrats-main img{
opacity: 0 !important
}.am-fs__congrats-main{
    background: url(img/animated-logo_.png) no-repeat top center;
    background-size: auto 54px;
}

.am-collapse-item__content .am-fs__payments-services-sub{
   display: none !important
}

.amelia-v2-booking #amelia-container .am-fs__init-item__content{
    flex-direction: row !important;
    align-items: flex-end!important;
    flex-wrap: wrap
}


.am-fs__init-item__footer{
    order:3
}
input:-webkit-autofill {
  background-color: rgba(246, 244, 241, 1) !important; /* háttérszín */          /* betűszín */
  box-shadow: 0 0 0px 1000px rgba(246, 244, 241, 1) inset!important; /* kitöltés színének felülírása */
  -webkit-text-fill-color: #000 !important; /* szövegszín */
}

.am-advsc__slots-heading{
    font-weight: bolder
}
.el-select__wrapper{
    cursor: pointer !important
}

.ml-form-embedBody, #mlb2-30237016.ml-form-embedContainer .ml-form-successBody{
    padding: 0 !important
}

.amelia-v2-booking *{
    outline: none !important
}
.amelia-v2-booking #amelia-container .am-fs__payments-service{
    padding:0 !important
}

.el-form-item__content{
    line-height: 1.2 !important
}

#mlb2-30237016.ml-form-embedContainer .ml-form-fieldRow input{
    border-color:transparent!important;
    border-bottom: 1px solid #F6F4F1!important
}

.ml-form-checkboxRow, .ml-subscribe-form-30237016{
    margin-top:1rem!important;
}

.ml-form-embedSubmit.glass-button{
    margin-top:1.5rem !important
}

#mlb2-30237016.ml-form-embedContainer .ml-form-checkboxRow label p{
    font-family: var(--wp--preset--font-family--body)!important;
}

#mlb2-30237016.ml-form-embedContainer .ml-form-align-center{
    text-align: left !important
}

/* Autofill háttér fix */
footer input:-webkit-autofill,
footer input:-webkit-autofill:hover,
footer input:-webkit-autofill:focus,
footer textarea:-webkit-autofill,
footer select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #060606 inset !important; /* háttér színe */
  -webkit-text-fill-color: #c3c3c3 !important; /* szöveg színe */
  transition: background-color 5000s ease-in-out 0s !important;
}

/* Focus keret eltüntetése */
footer input:focus,
footer textarea:focus,
footer select:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #F6F4F1 !important; /* maradjon a saját színed */
}