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

/* ************** */
/* GLOBAL STYLES */
/* ************ */
.flex {
  display: flex;
}
.gap20px {
  gap: 20px;
}
html .absolute {
  position: absolute;
}
html .relative {
  position: relative;
}
/* ************** */
/* HEADER STYLES */
/* ************ */

/* ************** */
/* FOOTER STYLES */
/* ************ */
/* FOOTER - 4ws consent */
.fworks_consent_shortcode {
  display: inline-block !important;
  color: var(--link_color) !important;
  transition: 0.3s ease all;
  text-decoration: underline !important;
  text-underline-offset: var(--awb-link_decoration_underline_offset);
}

.fworks_consent_shortcode:hover {
  color: var(--link_hover_color) !important;
  text-decoration: none !important;
}

.fworks_consent_button_settings {
  text-decoration: none !important;
}

/* CONTENTs */
.dokument-item:hover .fusion-column-wrapper * {
  color: var(--awb-color4) !important;
}
.lang-switcher {
  padding: 6px 12px !important;
  background-color: #f3f3f4;
  animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s both;
}
.lang {
  width: 100%;
  padding: 6px 12px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -webkit-animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s
    both;
  animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s both;
}

/**
 * ----------------------------------------
 * animation slide-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.lang:hover {
  transform: translateX(0.5rem);
  font-weight: 600 !important;
  color: var(--awb-color5);
}
.lang.active {
  font-weight: 600 !important;
  color: var(--awb-color5);
}

/* HP */
.fusion-image-carousel {
  margin: 0 !important;
}
.img-h500 img {
  height: 500px;
  width: auto;
  object-fit: contain;
}
/* .title-sep::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 2px;
  background-color: var(--awb-color5);
  left: 0;
  bottom: -10px;
} */
.intro-pic-1 .fusion-image-element {
  position: absolute;
  z-index: -1 !important;
  left: -84px;
  top: 37px;
  opacity: 0.15;
  width: 100px;
}
.intro-pic-1.flip .fusion-image-element {
  left: 194px;
  top: 110px;
  width: 80px;
}

.intro-pic-1 svg {
  position: absolute;
  z-index: -1;
  top: 0;
  opacity: 1;
  left: 0;
}
.intro-pic-1.up svg {
  top: -60px;
}

.sluzby-container::before {
  content: "VPS";
  position: absolute;
  left: -130px;
  bottom: 0%;
  transform: rotate(90deg);
  font-size: 16rem;
  font-family: "Momo Trust Display", sans-serif;
  font-weight: 900;
  color: var(--awb-color5);
  opacity: 0.03;
}
.sluzby-container::after {
  content: "logistics";
  position: absolute;
  right: -230px;
  top: 10%;
  transform: rotate(90deg);
  font-size: 10rem;
  font-family: "Momo Trust Display", sans-serif;
  font-weight: 900;
  color: black;
  opacity: 0.03;
}
/* ***************** */
/* RESPONSIVE STYLES */
/* ***************** */

.grecaptcha-badge {
  display: none !important;
}

#wpcf7-f6-p2-o1 p {
  color: white;
  font-size: 0.75rem !important;
}

.inv-recaptcha-holder {
  display: none;
}
.obalus {
  width: 100%;
  /* height: 500px; */
  margin: 0 auto;
  display: flex;
}
.box {
  min-height: 400px;
  transition: 0.5s width;
  /*background-size: cover;*/
  position: relative;
  flex-grow: 1;
  transition: 0.5s flex-grow;
  overflow: hidden;
}
.box:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.box-nahled {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 20;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  align-items: center;
  transition: 0.5s width;
}
.box-obsah {
  background-color: rgba(255, 255, 255, 0.8);
  height: 100%;
  width: 65%;
  position: absolute;
  right: -65%;
  overflow: hidden;
  transition: 0.5s right;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.box-nahled h3 {
  padding: 30px;
  font-size: 20px;
  color: #fff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
  text-align: center;
}
.box-obsah p {
  padding: 0 30px;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-delay: 0.5s;
}
.box-obsah a {
  width: 50%;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-delay: 0.5s;
}
.box-obsah .button-medium {
  padding: 10px 13px;
}
.box:hover {
  flex-grow: 2.5;
}
.box:hover .box-obsah {
  right: 0;
}
.box:hover .box-nahled {
  width: 35%;
}
.box:hover .box-obsah p,
.box:hover .box-obsah a {
  opacity: 1;
}
.box-1 {
  background-image: url(/wp-content/uploads/2019/01/image-1.jpg); /*klempirske prace*/
}
.box-2 {
  background-image: url(/wp-content/uploads/2019/01/image.jpg); /*pokryvacske prace*/
}
.box-3 {
  background-image: url(/wp-content/uploads/2019/01/image-2.jpg); /*dilna*/
}
.box-4 {
  background-image: url(/wp-content/uploads/2019/01/image-3-e1548409707406.jpg); /*okna*/
}
.box-5 {
  background-image: url(/wp-content/uploads/2019/02/novy20180412_122305-1024x576-1-e1550061442436.jpg); /*izolace*/
}
.box-6 {
  background-image: url(/wp-content/uploads/2019/01/cisteni-e1548331540348.jpg); /*cisteni*/
}

h2,
h3 {
  text-transform: uppercase;
}
.podnadpis p {
  font-size: 18px;
  text-transform: none;
  letter-spacing: 2px;
  opacity: 0.8;
  color: #555;
}

.presmapus {
  position: absolute;
  width: 100%;
  left: 0;
  margin: 0 !important;
  height: 450px;
  z-index: 50;
  pointer-events: none;
} /*edit by haxx*/
.presmapus .fusion-row {
  width: 100%;
  max-width: 1240px !important;
  position: relative;
  margin: 0 auto;
}
.blokpresmapu .fusion-column-wrapper {
  height: 450px;
  pointer-events: initial;
}

.blokpresmapu .wpcf7-form textarea {
  height: 120px;
}

.blokpresmapu .wpcf7 .wpcf7-form input[type="submit"],
.wpcf7-submit {
  background-color: #e67b42;
}
.blokpresmapu .wpcf7 .wpcf7-form input[type="submit"]:hover,
.wpcf7-submit:hover {
  background-color: #333;
}
.wpcf7-form .wpcf7-text,
input[type="text"],
.wpcf7-form textarea {
  color: #555555;
}

.fusion-widget-area .widget_nav_menu li {
  padding: 8px 10px 0px 12px;
}
.fusion-social-networks.boxed-icons .fusion-social-networks-wrapper {
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 0;
  top: 180px;
}
.fusion-secondary-header {
  position: absolute;
}
.fusion-secondary-header .fusion-alignleft {
  display: none;
}

.section-dolu .sec-dolu1 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50vw;
  left: -50vw;
}
.section-dolu .sec-dolu2 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -50vw;
  left: 50vw;
}
.section-dolu {
  top: -100px;
}

.box-sikonou .fusion-column-wrapper .fusion-imageframe {
  overflow: visible;
}
.img-icon-uvod {
  padding: 25px;
}

/*kontakt subpage*/

.kontakt-box i {
  margin-right: 8px;
}
.formular-box {
  border-left: 1px solid #d3d3d4;
}
.fusion-contact-info {
  display: none;
}

.fusion-footer .fusion-column img {
  padding: 20px;
}

.fusion-mobile-menu-icons a {
  font-size: 42px;
  margin-top: 4px;
}

.fusion-columns .fusion-column:nth-child(3) h4.widget-title {
  text-transform: none;
}

@media screen and (max-width: 1135px) {
  .fusion-main-menu > ul > li {
    padding-right: 25px;
  }
}
@media screen and (max-width: 1080px) {
  .obalus {
    flex-direction: column;
    width: 100%;
  }
  .box {
    min-height: 250px;
    background-size: cover;
  }
  .box-obsah {
    width: 100%;
    right: -100%;
    padding-bottom: 30px;
  }
  .box-obsah p {
    margin-bottom: 0;
  }
  .box-nahled {
    transition: 0.5s width, 0.5s opacity;
  }
  .box:hover .box-nahled {
    opacity: 0;
  }
  .box-obsah .button-medium {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1060px) {
  .fusion-main-menu > ul > li > a {
    font-size: 15px;
  }
  .fusion-social-links-header .fusion-social-networks.boxed-icons a {
    padding: 12px;
    width: calc(18px + (2 * 12px) + 2px);
  }
}
@media screen and (max-width: 1000px) {
  .fusion-main-menu > ul > li > a {
    font-size: 14px;
  }
  .fusion-main-menu > ul > li {
    padding-right: 20px;
  }
  .fusion-social-links-header .fusion-social-networks.boxed-icons a {
    padding: 10px;
    width: calc(18px + (2 * 10px) + 2px);
  }
}
@media screen and (max-width: 800px) {
  .stop-equal-height .fusion-column-wrapper,
  .stop-equal-height .fusion-column-wrapper .fusion-column-content-centered {
    min-height: 1px !important;
  }
  .mobile-margin-img {
    margin-top: 30px !important;
  }
  .o-nas-con .fusion-row {
    display: flex;
    flex-direction: column;
  }
  .poradi1 {
    order: 1;
  }
  .poradi2 {
    order: 2;
  }
  .poradi3 {
    order: 3;
  }
  .poradi4 {
    order: 4;
  }
  .poradi5 {
    order: 5;
  }
  .presmapus {
    position: relative;
    margin-bottom: 30px !important;
  }

  .formular-box {
    border-left: 0px;
  }
  .formular-box .fusion-column-wrapper {
    padding: 0px !important;
  }
  .fusion-social-links-header .fusion-social-networks.boxed-icons a {
    padding: 8px;
    width: calc(14px + (2 * 8px) + 2px);
  }
  .fusion-social-links-header .fusion-social-networks a {
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .box {
    min-height: 350px;
  }
}
@media screen and (max-width: 350px) {
  .box {
    min-height: 450px;
  }
}