/*
Theme Name: GeneratePress Child
Theme URI: https://yourwebsite.com
Description: Child theme for the GeneratePress theme
Author: Your Name
Author URI: https://yourwebsite.com
Template: generatepress
Version: 1.0
*/

/* Custom CSS goes here */

/* .breadcrumb-item.active {
  display: none !important;
} */

.elementor-kit-7 a {
  font-family: "Poppins", Sans-serif !important;
}

.breadcrumb li::after {
  margin-left: 9px !important;
  margin-right: 9px !important;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.single-studio .breadcrumb li::after {
  color: #ccc;
}

.s4y-display-none {
  display: none !important;
}

.s4y-button {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  /* border: 1px solid #444; */
  border: 1px solid #fff;
  box-shadow: -4px -4px 0px 0px #1bd8c4 !important;
  background-color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  text-decoration: none;
  transition: all 0.1s ease;
}
.s4y-button:hover {
  box-shadow: 0px 0px 0px 0px #1bd8c4 !important;
  transform: translateX(-4px) translateY(-4px);
}
.s4y-button.s4y-s {
  font-size: 14px;
}
.s4y-button span {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  margin: 2px;
  border: 2px solid transparent;
  border-radius: 100px;
}
.s4y-button.s4y-s span {
  padding: 8px 16px;
}
.s4y-button.s4y-booking {
  font-weight: 300;
  transition: all 0.1s ease;
}
.s4y-button.s4y-booking:hover {
  color: #fff;
}

/**/
/**/
/**/
/**/

.s4y-gross-price {
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  font-size: 26px;
  color: #f736d7;
}

/**/
/**/
/**/
/**/
/* heartbeat animation */
.s4y-heartbeat {
  animation: s4y-heartbeat 10s ease-in-out infinite both;
}
@keyframes s4y-heartbeat {
  from {
    transform: scale(1);
    transform-origin: center center;
    /* animation-timing-function: ease-out; */
  }
  97% {
    transform: scale(1);
    animation-timing-function: ease-in;
  }
  98% {
    transform: scale(0.95);
    animation-timing-function: ease-in;
  }
  99% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}

/**/
/**/
/**/
/**/
.studio-eszkozei-loop-with-images {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 2em;
}
.studio-eszkozei-loop-with-images .loop-item {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 1em;
  width: calc((100% - 6em) / 4) !important;
  padding: 0 10px;
  @media (max-width: 1400px) {
    width: calc((100% - 4em) / 3) !important;
  }
  @media (max-width: 1023px) {
    width: calc((100% - 2em) / 2) !important;
  }
  @media (max-width: 767px) {
    width: 100% !important;
  }
}
.studio-eszkozei-loop-with-images .image-part {
  flex: 0 0 auto;
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 10px;
  border-bottom: 1px solid #1bd8c440;
  border-right: 1px solid #1bd8c440;
  box-shadow: -10px -10px 0px 0px #1bd8c4;
  background-color: #fff;
}
.studio-eszkozei-loop-with-images .feature-image img {
  width: 80px;
  height: auto;
  border-radius: 4px;
}
.studio-eszkozei-loop-with-images .text-part {
  flex: 1;
}
.studio-eszkozei-loop-with-images .name-part {
  margin-bottom: 0.3em;
  font-weight: bold;
  font-size: 17px;
  line-height: 23px;
  color: #444;
}
.studio-eszkozei-loop-with-images .description-part {
  font-size: 0.9em;
  color: #555;
}

/**/
/**/
/**/
/**/
.studio-eszkozei-loop {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1em;
  margin: 0;
  @media (max-width: 1023px) {
    justify-content: flex-end;
  }
  @media (max-width: 767px) {
    justify-content: center;
  }
}
.studio-eszkozei-loop .loop-item {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: linear-gradient(90deg, #1bd8c4 0%, #f736d7 100%);
  transform: translateX(-5px) translateY(-5px);
}
.studio-eszkozei-loop .loop-item-content {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  border-radius: 10px;
  box-shadow: 0 0 4px 2px #00000010;
  background-color: #fff;
  transform: translateX(5px) translateY(5px);
}
.studio-eszkozei-loop .text-part {
  flex: 1;
}
.studio-eszkozei-loop .name-part {
  margin-bottom: 0.3em;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #666;
}

/**/
/**/
/**/
/**/
.s4y-fotos-fotozasi-mufaj-loop {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  margin: 0;
  @media (max-width: 1023px) {
    justify-content: center;
  }
  @media (max-width: 767px) {
    justify-content: center;
  }
}
.s4y-fotos-fotozasi-mufaj-loop .loop-item {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  border-radius: 10px;
  /* border-bottom: 1px solid #1bd8c4; */
  /* border-right: 1px solid #1bd8c4; */
  /* box-shadow: -10px -10px 0px 0px #1bd8c4; */
  background-color: #fff;
  /* background-color: #1bd8c4; */
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #444;
  /* color: #fff; */
}

/**/
/**/
/**/
/**/
.studio-sizeinfo-loop {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
  @media (max-width: 1023px) {
    gap: 20px;
    justify-content: flex-end;
  }
  @media (max-width: 767px) {
    justify-content: flex-start;
  }
}
.studio-sizeinfo-loop .loop-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: calc((100% - 0 * 30px) / 1);
  /* padding: 10px 10px 10px 5px; */
  border-radius: 10px;
  /* border: 1px solid #1bd8c4; */
  /* box-shadow: -10px -10px 0px 0px #1bd8c4; */
  /* background-color: #fff; */
  background: linear-gradient(90deg, #1bd8c4 0%, #f736d7 100%);
  transform: translateX(-10px) translateY(-10px);
  @media (max-width: 1023px) {
    /* width: calc((100% - 1 * 20px) / 2); */
    width: 200px;
    margin-left: 30px;
  }
  @media (max-width: 767px) {
    width: calc((100% - 1 * 20px) / 2);
    margin-left: 0;
  }
  @media (max-width: 399px) {
    width: calc((100% - 0 * 20px) / 1);
    margin-left: 0;
  }
}
.studio-sizeinfo-loop .loop-item-content {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 10px 10px 10px 5px;
  border-radius: 10px;
  box-shadow: 0 0 4px 2px #00000010;
  background-color: #fff;
  transform: translateX(10px) translateY(10px);
}
.studio-sizeinfo-loop .icon-part {
  flex: 0 0 auto;
  width: 80px;
  height: 80px;
  margin-right: 10px;
  overflow: hidden;
  @media (max-width: 1023px) {
    width: 60px;
    height: 60px;
    margin-right: 5px;
  }
}
.studio-sizeinfo-loop .icon img {
  width: 80px;
  height: auto;
  border-radius: 4px;
  @media (max-width: 1023px) {
    width: 60px;
  }
}
.studio-sizeinfo-loop .text-part {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.studio-sizeinfo-loop .value-part {
  display: block;
}
.studio-sizeinfo-loop .value {
  font-weight: bold;
  font-size: 36px;
  line-height: 36px;
  color: #f736d7;
  @media (max-width: 1023px) {
    font-size: 28px;
    line-height: 28px;
  }
}
.studio-sizeinfo-loop .unit {
  margin-left: 3px;
  font-weight: normal;
  font-size: 18px;
  line-height: 36px;
  color: #666;
  @media (max-width: 1023px) {
    font-size: 14px;
    line-height: 36px;
  }
}
.studio-sizeinfo-loop .title-part {
  font-weight: 400;
  font-size: 14px;
  color: #aaa;
  text-transform: lowercase;
  @media (max-width: 1023px) {
    font-size: 12px;
  }
}

/**/
/**/
/**/
/**/
/* stúdió single post */
.single-studio .elementor-widget-theme-post-content h3 {
  margin-bottom: 10px;
}
.single-studio .elementor-widget-theme-post-content h3 strong {
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  color: #f736d7;
}
.single-studio .elementor-widget-theme-post-content p {
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
}

/**/
/**/
/**/
/**/

.s4y-elony-loop .s4y-button {
  display: inline-block;
  margin-top: 15px;
  padding: 5px 12px;
  background-color: #f736d7;
  /* background-color: #5fb5cc; */
  color: #fff;
  text-transform: none;
}

/**/
/**/
/**/
/**/

.s4y-fotos-slim-loop .s4y-button {
  display: inline-block;
  margin-top: 15px;
  padding: 5px 12px;
  background-color: #f736d7;
  /* background-color: #5fb5cc; */
  color: #fff;
  text-transform: none;
}

/**/
/**/
/**/
/**/

.s4y-button.s4y-button-purple {
  display: inline-block;
  margin-top: 15px;
  padding: 5px 12px;
  background-color: #f736d7;
  /* background-color: #5fb5cc; */
  color: #fff;
  text-transform: none;
}

/**/
/**/
/**/
/**/

.s4y-fotos-loop .s4y-button {
  display: inline-block;
  margin-top: 15px;
  padding: 5px 12px;
  border: 1px solid #555;
  box-shadow: -4px -4px 0px 0px #fff !important;
  background-color: #f736d7;
  /* background-color: #5fb5cc; */
  color: #fff;
  text-transform: none;
}
.s4y-fotos-loop .s4y-button:hover {
  box-shadow: 0 0 0px 0px #fff !important;
}

/**/
/**/
/**/
/**/

.s4y-contact-details .s4y-button {
  display: inline-block;
  padding: 7px 15px;
  background-color: #f736d7;
  /* background-color: #5fb5cc; */
  font-size: 20px;
  color: #fff;
  text-transform: none;
}

/**/
/**/
/**/
/**/

.s4y-booking-section .s4y-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #f736d7;
  /* background-color: #5fb5cc; */
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  text-transform: none;
}

/**/
/**/
/**/
/**/

.s4y-section .s4y-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #f736d7;
  /* background-color: #5fb5cc; */
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  text-transform: none;
}

/**/
/**/
/**/
/**/

.s4y-hero-background {
  background-color: hsla(309, 76%, 70%, 1);
  background-image: radial-gradient(
      at 49% 21%,
      hsla(173, 77%, 47%, 1) 0px,
      transparent 50%
    ),
    radial-gradient(at 34% 42%, hsla(173, 77%, 47%, 1) 0px, transparent 50%),
    radial-gradient(at 89% 34%, hsla(309, 76%, 70%, 1) 0px, transparent 50%),
    radial-gradient(at 91% 88%, hsla(173, 77%, 47%, 1) 0px, transparent 50%),
    radial-gradient(at 46% 88%, hsla(309, 76%, 70%, 1) 0px, transparent 50%);
  @media (max-width: 767px) {
    background-image: radial-gradient(
        at 34% 42%,
        hsla(173, 77%, 47%, 1) 0px,
        transparent 100%
      ),
      radial-gradient(at 46% 88%, hsla(309, 76%, 70%, 1) 0px, transparent 50%);
  }
}

.s4y-cyan-shadow-background {
  background: RGBA(27, 216, 196, 0.1);
  background: linear-gradient(
    180deg,
    rgba(27, 216, 196, 0.1) 0%,
    rgba(242, 242, 242, 1) 5%,
    rgba(242, 242, 242, 1) 95%,
    rgba(27, 216, 196, 0.1) 100%
  );
}

.s4y-display-none {
  display: none !important;
}
.s4y-display-none-mobile {
  @media (max-width: 767px) {
    display: none !important;
  }
}

.s4y-faq-accordion a {
  font-weight: 400;
  color: #f736d7;
}
.s4y-color-cyan {
  color: #1bd8c4;
}
.s4y-color-light-cyan {
  color: #bbfff8;
}
.s4y-color-purple {
  color: #f736d7;
}

.s4y-booking {
  background-image: linear-gradient(
    to bottom,
    #f736d7 0%,
    #1bd8c4 49.99%,
    #f736d7 50%,
    #1bd8c4 100%
  );
  background-size: 100% 200%;
  background-position: left top;
}

/* AMELIA */

.amelia-v2-booking #amelia-container.am-fs__wrapper {
  margin: 40px auto !important;
}

.amelia-v2-booking #amelia-container .am-button {
  border-radius: 100px !important;
}

.amelia-v2-booking #amelia-container .am-fs-sb {
  background-image: linear-gradient(
    to top,
    #1bd8c4 0%,
    #858acd 100%
  ) !important;
}

.amelia-v2-booking
  #amelia-container
  .el-form-item.asterisk-left.el-form-item--label-top.am-fs__info-form__item.am-cf-width-100 {
  display: flex;
  flex-flow: row-reverse;
  justify-content: flex-end;
}

.amelia-v2-booking
  #amelia-container
  .el-form-item.asterisk-left.el-form-item--label-top.am-fs__info-form__item.am-cf-width-100
  .el-form-item__label {
  flex: none;
  justify-content: flex-start;
  align-content: center;
  width: 100%;
}
.amelia-v2-booking
  #amelia-container
  .el-form-item.asterisk-left.el-form-item--label-top.am-fs__info-form__item.am-cf-width-100
  .el-form-item__content {
  display: flex;
  flex: none;
  align-items: center;
  width: auto;
  transform: translateY(5px);
}

/* el-form-item asterisk-left el-form-item--label-top am-fs__info-form__item am-cf-width-100 */

/*

    #858acd
    #f736d7
    #858acd
*/

.s4y-fotos-outer-links .elementor-shortcode {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
.s4y-fotos-outer-links .elementor-shortcode .s4y-button {
  margin: 0;
}