/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/********* Variables *********/

:root {
  --box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  --box-shadow-hover: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  --box-border-radius: 2rem;
  --text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}

/********* Global *********/

.section-padding {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

body.page-id-8{
  background-color: var(--awb-color8);
}

/* Nav */

header {
  /* backdrop-filter: blur(2px); */
}

header.fusion-sticky-transition {
  background-color: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(8px);

  & .fusion-standard-logo {
    max-width: 65pxr;
  }
}

/********* Cookies *********/

.fworks_consent_bar_mini-inner {
  display: block !important;
}

.fworks_consent_bar_mini-inner > span {
  text-decoration: none;
}

.fworks_consent_modal_header .fworks_consent_modal_close {
  top: 15px;
}

.fworks_consent_modal_content .fworks_consent_modal_header {
  padding-top: 2.5rem;
}

.fworks_consent_modal_content .fworks_consent_modal_header h2 {
  font-size: 36px;
}

.fworks_consent_modal_content .fworks_consent_modal_body h3 {
  font-size: 26px;
}

/********* Homepage *********/

/* Hero section */

div.sliderContent-col {
  padding-left: calc((100% - var(--site_width)) / 2);
}

span.sliderImg img {
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

div.wb-background-slider {
  position: relative;
}

div.wb-background-slider::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 0) 100%
  );
  width: 100%;
  height: 100%;
  z-index: 22;
}

/* HP - slider */

.hp-uvod-container .fusion-image-carousel {
  margin-bottom: 0;
}

.hp-uvod-img_col .awb-swiper:not(.swiper-fade) .swiper-wrapper {
  padding: 0;
}

.hp-uvod-img_col > div.fusion-column-wrapper {
  margin-right: 0;
  border-radius: 0 2rem 2rem 0;
  overflow: hidden;
}

.hp-uvod-img_col .fusion-imageframe {
  width: 100%;
  height: 100%;

  & > img {
    max-height: 300px;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.hp-uvod-img_col .fusion-video {
  & > .video-shortcode {
    height: 100%;

    & > .fluid-width-video-wrapper {
      height: 100%;
    }
  }
}

.slide-4w.active {
  & .logo img{
    animation: fwfadeIn 2s ease-in-out;
  }
  
  & .hp-text-nested_col{
    animation: fwFadeFromBottom 2s ease-in-out;
  }
}

/* HP - Vyhody */

.hp-vyhody-container > div.fusion-builder-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex;
  gap: 1rem;
}

div.vyhody-col {
  border-radius: var(--box-border-radius) !important;
  overflow: hidden;
  background-color: var(--awb-color7) !important;

  & > .fusion-column-wrapper {
    margin-right: 0;
  }

  & .text-nested_col {
    padding: 4rem 2rem;
  }

  & .img-nested_col {
    position: relative;

    & span.fusion-imageframe {
      position: absolute;
      max-width: unset;
    }
  }
}

div.vyhody-col_1 {
  width: calc(50% - 0.5rem);

  & span.fusion-imageframe {
    width: 750px !important;
    left: -70px;
    top: 28px;
  }
}

div.vyhody-col_2 {
  width: calc(50% - 0.5rem);

  & span.fusion-imageframe {
    width: 550px !important;
    left: 73px;
    top: 55px;
  }
}

div.vyhody-col_3 {
  width: calc(50% - 0.5rem);

  & span.fusion-imageframe {
    width: 280px !important;
    left: 66px;
    top: 30px;
  }
}

div.vyhody-col_4 {
  width: calc(50% - 0.5rem);

  & span.fusion-imageframe {
    width: 280px !important;
    left: 66px;
    top: 74px;
  }
}

/* HP - video */

section.hp-video-container {
  min-height: 450px;

  & .fusion-video {
    height: 100%;
    max-height: unset;

    & > .video-shortcode {
      height: 100%;
      max-height: unset;

      & > .fluid-width-video-wrapper {
        height: 100%;
      }
    }
  }
}

/********* Subpages *********/

/* Subpage - form */

.form-container {
  width: 100vw;
  height: 100svh;
  padding: 4rem !important;
  display: flex;
  justify-content: center;
  align-items: center;

  & > div.fusion-builder-row{
    width: 100%;
    max-width: 100% !important;
    height: 100%;
    border-radius: 4rem;
    animation: backgroundBlur 4s ease-in-out;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  & .form-col {
    padding: 4rem;
  }

  & .fusion-form-field {
    text-align: center;
    margin-top: 0 !important;

    & input {
      border-radius: 2rem !important;
      padding: 1.75rem 1.5rem !important;
      width: 60% !important;
    }
  
    & button {
      width: 60%;
      height: 50px;
      padding-top: 1.8rem;
      padding-bottom: 1.8rem;
    }
  }

}

.form-img {
  animation: fwfadeIn 2s ease-in-out;
  filter: blur(10px);
  opacity: 1;
}

.form-title {
  animation: fwzoomOut 2s ease-in-out;
  scale: 1;
}

.login-form{
  animation: fwFadeFromBottom 2s ease-in-out;
}

.form-text{
  animation: fwFadeFromBottom 2s ease-in-out;
}

/********* Responsivity *********/

@media screen and (max-width: 1450px) {
  /* HP slider */
  .hp-text-nested_col .fusion-title > .fusion-title-heading > p{
    font-size: 54px;
  }

  .slide-long_headline .hp-text-nested_col > .fusion-column-wrapper{
    padding-bottom: 4rem;
  }

  .slide-long_headline .hp-text-nested_col .fusion-title > .fusion-title-heading > p{
    font-size: 44px;
  }

  .hp-img-nested_col .logo{
    max-width: 110px;
  }

  /* Form */
  .form-title p{
    font-size: 64px;
  }
}

@media screen and (max-width: 1024px) {
  /* HP slider */
  .hp-img-nested_col{
    max-height: 440px !important;
    overflow: hidden !important;
  }

  /* .slide-long_headline .hp-text-nested_col .fusion-title{
    min-height: 205px;
  } */

  .hp-text-nested_col > .fusion-column-wrapper{
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-top: 4rem !important;
    min-height: 240px !important;

    & .fusion-text{
      position: initial;
      text-align: right;
    }
  }

  .slide-long_headline .hp-text-nested_col > .fusion-column-wrapper{
    padding-bottom: 0;
  }

  .slide-4w > .fusion-column-wrapper{
    padding: 2rem 4rem !important;
  }

  .slide-long_headline .hp-text-nested_col .fusion-title > .fusion-title-heading > p,
  .hp-text-nested_col .fusion-title > .fusion-title-heading > p{
    font-size: 34px;
  }

  .arrows {
    padding: 0 !important;

    & > .arrow{
      padding: 11px 15px 6px 15px !important;
    }
  
    & .arrow-prev svg,
    .arrow-next svg{
      height: 16px !important;
    }
  } 

  .hp-img-nested_col .logo{
    max-width: 80px;
  }

  /* Form */
  .form-container .fusion-form-field input,
  .form-container .fusion-form-field button {
    width: 300px !important;
  }
}

@media screen and (max-width: 800px){
  .slider-4w{
    height: 100svh !important;
  }
}

@media screen and (max-width: 640px) {
  /* HP slider */
  .section-padding {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .slider-4w,
  .slider-4w .slide-4w > .fusion-column-wrapper{
    padding: 2rem !important;
  }

  .hp-text-nested_col > .fusion-column-wrapper{
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .hp-text-nested_col > .fusion-column-wrapper{
    padding-top: 1.5rem !important;

    & .fusion-text{
      text-align: left;
      font-size: 14px;
      margin-top: 1rem;
    }
  }

  .hp-img-nested_col{
    max-height: initial !important;
  }

  .slide-long_headline .hp-text-nested_col .fusion-title{
    min-height: 150px;
  }

  .slide-long_headline .hp-text-nested_col .fusion-title > .fusion-title-heading > p,
  .hp-text-nested_col .fusion-title > .fusion-title-heading > p{
    font-size: 28px;
  }

  .slider-4w .logo{
    left: 1.5rem !important;
    top: 1.5rem !important;
    max-width: 60px;
  }

  .slide-4w > .fusion-column-wrapper{
    justify-content: flex-start !important;
  }

  div.controls{
    top: 28.5% !important;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  /* Form */
  .form-container .form-col{
    padding: 2rem;
  } 

  .form-container .fusion-form-field input,
  .form-container .fusion-form-field button {
    width: 100% !important;
  }

  .form-title p{
    font-size: 48px;
  }

  .form-container{
    padding: 2rem !important;
  }
}

/******* keyframes ********/

@keyframes fwfadeIn {
  0% {
    opacity: 0;
    filter: blur(10px);
  }
  60%{
    opacity: 0.8;
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes fwzoomOut {
  from {
    opacity: 0;
    transform: scale(1.4);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes backgroundBlur {
  0% {
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
  }
  50% {
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
  }
  100% {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}

@keyframes fwFadeFromBottom {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fwFadeFromLeft {
  from {
    opacity: 0;
    transform: translateX(-25px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}