/*
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
*/

:root {
  --defBorderRadius: 25px;
  --defBoxShadow: rgba(0, 0, 0, 0.07) 0px 1px 1px,
    rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px,
    rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

/***********-------------- General styles --------------***********/
footer img.fusion-standard-logo {
  filter: invert(10) brightness(10) grayscale(100);
}
/* Image full height */

.imgfullh .fusion-column-wrapper,
.imgfullh .fusion-column-wrapper .fusion-image-element,
.imgfullh .fusion-column-wrapper .fusion-image-element span,
.imgfullh .fusion-column-wrapper .fusion-image-element span img {
  height: 100%;
}

.imgfullh .fusion-column-wrapper .fusion-image-element span img {
  object-fit: cover;
  /* height: 600px; */
  /*     -webkit-transform: scaleX(-1);
    transform: scaleX(-1); */
}

/*100% height column */

div.col100h {
  height: 100%;
}

/*****----- Hero section -----*****/

section.hero-container {
  position: relative;
}

.heroTitle h1 {
  line-height: 100%;
}

div.heroContent-col span.heroTitleSmol {
  font-size: clamp(1.5rem, 0.9rem + 3vw, 4.5rem);
  text-transform: uppercase;
  letter-spacing: 20px;
}

/* fullw blur column */
div.heroContent-col {
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(5px);
}

/* section.hero-container::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(/wp-content/uploads/2024/11/vuc_logo_shape_n.svg) no-repeat;
    background-size: contain;
    width: 1280px;
    height: 117%;
    opacity: 1;
    transform: translate(26%, -50%) rotate(180deg);
} */

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

/* div.heroContent-col::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 52.3vw;
    background: url(/wp-content/uploads/2024/11/vuc_logo_shape_n.svg) no-repeat;
    background-size: contain;
    width: 100px;
    height: 70px;
    opacity: 1.2;
    transform: translate(-50%, -50%) rotate(0deg);
    z-index: 2;
} */

/*stred mezi sekcema */
/* section.hero-container::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(/wp-content/uploads/2024/11/logo_part.svg) no-repeat;
    background-size: contain;
    width: 25%;
    height: 50%;
    opacity: 1;
    transform: translate(-68%, -40%) rotate(0deg);
    z-index: 2;
} */

section.hero-container .fusion-builder-row {
  /*     box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;*/ /* border-radius: var(--defBorderRadius); */
}

div.heroSlider-col .fusion-column-wrapper {
  box-shadow: var(--defBoxShadow);
}

/* Sluzby */

section.sluzby-container {
  position: relative;
}

section.sluzby-container::before {
  content: "SLUŽBY";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-45%, -55%);
  width: 100%;
  height: 100%;
  font-size: 25rem;
  text-transform: uppercase;
  font-weight: 800;
  z-index: 100;
  opacity: 0.02;
  pointer-events: none;
  letter-spacing: 25px;
}

div.sluzbyBox {
  /* border-radius: var(--defBorderRadius); */
  border-right: 1px solid rgba(0, 0, 0, 0.01);
  border-bottom: 1px solid rgba(0, 0, 0, 0.01);
}

div.sluzbyBox .fusion-column-inner-bg-image {
  transition: all ease-in-out 0.4s;
  opacity: 0;
}

div.sluzbyBox .fusion-column-wrapper {
  min-height: 300px;
  margin: 0;
  justify-content: space-around;
  padding: 25px 50px;
  /* background: var(--awb-color1); */
}
/* margin-bottom: 50px; */
/* border-radius: var(--defBorderRadius); */

a.fusion-button.showMore-btn {
  background: transparent;
  padding: 0;
}

a.fusion-button.showMore-btn span,
a.fusion-button.showMore-btn i {
  color: var(--awb-color5);
  font-weight: 800;
}

a.fusion-button.showMore-btn:hover span,
a.fusion-button.showMore-btn:hover i {
  color: var(--awb-color4);
}

/* nadpisy sluzeb */

div.sluzbyBox .fusion-column-wrapper .sluzbyBox-title {
  position: relative;
}

div.sluzbyBox .fusion-column-wrapper .sluzbyBox-title {
  position: relative;
}

div.sluzbyBox .fusion-column-wrapper .sluzbyBox-title h3 {
  font-weight: 800 !important;
}

/* hover */

div.sluzbyBox:hover .fusion-column-inner-bg-image {
  opacity: 0.4;
}

/* posledni box - blue */

div.sluzbyBox:last-child .fusion-column-wrapper .sluzbyBox-title h3,
div.sluzbyBox:last-child .fusion-column-wrapper .sluzbyBox-text {
  color: var(--awb-color1) !important;
}

div.sluzbyBox .fusion-imageframe {
  transition: 0.3s all ease;
}

div.sluzbyBox span {
  margin: 0;
}

div.sluzbyBox:hover h3 {
  color: white;
}
div.sluzbyBox:hover h3 {
  color: white !important;
}

div.sluzbyBox:hover p {
  color: white;
}

div.sluzbyBox:hover .fusion-imageframe {
  filter: brightness(100) !important;
  transition: 0.3s all ease;
}

div.sluzbyBox:hover .fusion-column-inner-bg-image {
  opacity: 0.4;
}

div.sluzbyBox:hover {
  transform: scale(1.05);
  transition: all ease 0.4s;
  z-index: 150;
}

div.sluzbyBox .fusion-column-wrapper {
  transition: all ease 0.4s;
}

div.sluzbyBox:hover .fusion-column-wrapper {
  box-shadow: unset !important;
  transition: all ease 0.4s;
}

div.sluzbyBox .fusion-column-anchor {
  background-color: #fff !important;
}

div.sluzbyBox:hover .fusion-column-anchor {
  background-color: var(--awb-color4) !important;
}

div.sluzbyBox > div {
  position: relative !important;
}
div.sluzbyBox > div > * {
  position: relative !important;
  z-index: 1000 !important;
}

div.sluzbyBox > div::after {
  background-color: #fff !important;
  z-index: 1 !important;
  right: 0;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 1;
  position: absolute;
  content: "";
  transition: 0.25s ease all;
}

div.sluzbyBox:hover > div:after {
  opacity: 0.5;
  background-color: var(--awb-color4) !important;
  z-index: 1000;
}

div.sluzbyBox:last-child > div::after {
  background-color: var(--awb-color4) !important;
  z-index: 1 !important;
  right: 0;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 1;
  position: absolute;
  content: "";
  transition: 0.25s ease all;
}

div.aboutContent-col {
  padding-right: calc((100% - var(--site_width)) / 2);
  padding-left: 60px;
  /* box-shadow: -4px 10px 8px rgba(0, 0, 0,0.25)!important; */
  z-index: 2;
}

/* about icons */

div.vyhodyBox .fusion-column-wrapper svg {
  width: 48px;
  height: auto;
}

/* Vyhody box */

/* counter boxes */
div.counterBox {
  width: 60%;
}

div.fusion-column-wrapper div.counterBox {
  position: absolute;
  bottom: 0px;
  left: 45px;
  background: white;
  z-index: 22;
  border-radius: 0 20px 0px 0;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

div.counterBox > .fusion-counter-box {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

div.fusion-counters-box .fusion-counter-box {
  margin-top: 14px;
}

div.fusion-counters-box .fusion-counter-box .counter-box-container {
  border: 0;
}

.counter-box-container .content-box-counter span.unit,
.counter-box-container .content-box-counter span.display-counter,
.counter-box-container .counter-box-content {
  font-weight: 700;
}

/* před číslovkou - smol text */
.counter-box-container .content-box-counter span.unit {
  display: block;
  font-size: 14px;
  color: var(--awb-color8);
}

/* cislovkou "+" */

div.fusion-counters-box
  .fusion-counter-box:first-of-type
  span.display-counter::after {
  content: "+";
  position: relative;
  right: 0%;
  top: 0%;
  /*     width: 100%;
  height: 100%; */
  font-size: 30px;
  color: inherit;
  transform: translate(-50%, -50%);
}
.off-canvas-content > div {
  overflow-y: auto;
}
div.strojeContent-col {
  padding-left: calc((100% - var(--site_width)) / 2);
  padding-right: 60px;
  /* box-shadow: 4px 10px 8px rgba(0, 0, 0,0.25)!important; */
  z-index: 2;
}

/* stroje */

div.strojeBox .fusion-column-wrapper {
  position: relative;
  min-height: 350px;
  padding: 25px 50px;
  overflow: hidden;
}

div.strojeBox .fusion-column-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.95) 40%,
    rgba(255, 255, 255, 0) 0%
  );
  width: 75%;
  height: 100%;
  filter: blur(0px);
  z-index: -1;
  transition: all 0.3s ease-in-out;
}

div.kontaktyContent-col {
  padding-left: calc((100% - var(--site_width)) / 2);
  padding-right: 60px;
}

div.kontaktBox .fusion-column-wrapper {
  padding: 25px;
  transform: scale(1);
}

div.kontaktBox {
  border-right: 1px solid rgba(0, 0, 0, 0.01);
  border-bottom: 1px solid rgba(0, 0, 0, 0.01);
}

div.stroje-contentWrap .fusion-title h3 {
  font-weight: 800 !important;
}

div.strojeBox:hover .fusion-column-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  /* background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 100%, rgba(255,255,255,0) 0%); */
  width: 100%;
  height: 100%;
  filter: blur(0px);
  z-index: -1;
}

div.strojeBox:hover
  .fusion-column-wrapper
  .stroje-contentWrap
  .fusion-title
  h3 {
  color: var(--awb-color4) !important;
}

.pcReference > .fusion-column-wrapper,
.pcReference > .fusion-column-wrapper > .fusion-builder-row,
.pcReference
  > .fusion-column-wrapper
  > .fusion-builder-row
  > .pcReference-img-col,
.pcReference
  > .fusion-column-wrapper
  > .fusion-builder-row
  > .pcReference-img-col
  > .fusion-column-wrapper,
.pcReference
  > .fusion-column-wrapper
  > .fusion-builder-row
  > .pcReference-img-col
  > .fusion-column-wrapper
  > .fusion-featured-slider-tb,
.pcReference
  > .fusion-column-wrapper
  > .fusion-builder-row
  > .pcReference-img-col
  > .fusion-column-wrapper
  > .fusion-featured-slider-tb
  > .fusion-slider-sc,
.pcReference
  > .fusion-column-wrapper
  > .fusion-builder-row
  > .pcReference-img-col
  > .fusion-column-wrapper
  > .fusion-featured-slider-tb
  > .fusion-slider-sc
  ul,
.pcReference
  > .fusion-column-wrapper
  > .fusion-builder-row
  > .pcReference-img-col
  > .fusion-column-wrapper
  > .fusion-featured-slider-tb
  > .fusion-slider-sc
  ul
  > li,
.pcReference
  > .fusion-column-wrapper
  > .fusion-builder-row
  > .pcReference-img-col
  > .fusion-column-wrapper
  > .fusion-featured-slider-tb
  > .fusion-slider-sc
  ul
  > li
  img,
.pcReference-content-col {
  height: 100% !important;
}

/* reference - slider */
div.swiper-pagination {
  position: absolute !important;
  left: -16% !important;
  bottom: 50px !important;
}

.awb-swiper:not(.swiper-fade) .swiper-wrapper {
  padding: 0px 0px !important;
}

.pcReference-content-col .ref-contentWrap span.logoAbs img {
  width: 100px;
  height: 100px;
}