/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Generics */

html, body {
  height: 100%;
}

body {
  background-image: url("../img/stena90_dull.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.relative-position {
  position: relative;
}

footer {
  position: absolute;
  bottom: 2%;
}

/* Fonts */
body, a, h1, h2, h3 {
  /*font-family: 'Raleway', sans-serif;*/
  font-family: Helvetica, 'Raleway',sans-serif;
  font-weight: bold;
}

h1 {
  /*font-size: 52px;*/
  /*font-size: 4.5rem;*/
  font-size: 3.5em;
}

.no-decoration {
  text-decoration: none;
}
.no-decoration:hover {
  text-decoration: none;
}

/* Navbar */
.logo {
  height: 2em;
}

.navbar-right {
  margin-right: 1em;
}

/* Darujme widget */

.darujmeWidget {
  display: none;
}

/* Ram s obrazky */

.ram {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  /*max-width: : 90%;*/
  /*max-height: 90%;*/
  /*max-height: 80%;*/
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.obraz {
  position: absolute;
  top: 0;
  left: 50%;
  transform:  translateZ(0) translateY(-0%) translateX(-50%);
  /*max-width: : 90%;*/
  /*max-height: 90%;*/
  width: 100%;
  height: 100%;
  object-fit: contain;
/*  animation-name: fast-breathing;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;*/
}

.obraz:hover {
  /*left: 100%;*/
  opacity: 0.8;
}

.obraz-slider {
  max-height: 100%;
  /*position: relative;*/
  /*top: 0;*/
  /*left: 0;*/
  /*width: 100%;*/
}

.obraz-slider, .obraz-slider img, .obraz-slider .slick-list, .obraz-slider .slick-track {
  height: 100%;
}

.obraz-dots {
  width: 100%;
}

.obraz-dite {
  /*text-align: center;*/
  /*z-index: 1200;*/
}

.obraz-top {
  height: 67%;
  width: 100%;
}
.obraz-bottom {
}
.obraz-cta {
  z-index: 1;
  position: absolute;
  top: 70%;
  left: 65%;
  transform: translateX(-50%) translateY(-0%) rotate(-20deg);
  width: 60%;
  text-align: center;
  animation-name: fast-breathing-rotated;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes breathing {
/*  0% {top: 0;}
  25% {top: 1px;}
  50% {top: 2px;}
  75% {top: 1px;}
*/
  0% {transform: translateX(-50%) scale(1,1) rotate(0.01deg);}
  25% {transform: translateX(-50%) scale(1.02,1.02) rotate(0.01deg);}
  50% {transform: translateX(-50%) scale(1,1) rotate(0.01deg);}
  75% {transform: translateX(-50%) scale(0.98,0.98) rotate(0.01deg);}
}

@keyframes fast-breathing {
  0% {transform: translateX(-50%) scale(1,1) rotate(0.01deg);}
  5% {transform: translateX(-50%) scale(1.03,1.03) rotate(0.01deg);}
  10% {transform: translateX(-50%) scale(1,1) rotate(0.01deg);}
  15% {transform: translateX(-50%) scale(1,1) rotate(0.01deg);}

  35% {transform: translateX(-50%) scale(0.99,0.99) rotate(0.01deg);}

  40% {transform: translateX(-50%) scale(1.03,1.03) rotate(0.01deg);}
  45% {transform: translateX(-50%) scale(1,1) rotate(0.01deg);}
  50% {transform: translateX(-50%) scale(1,1) rotate(0.01deg);}

  70% {transform: translateX(-50%) scale(0.99,0.99) rotate(0.01deg);}
  75% {transform: translateX(-50%) scale(1.03,1.03) rotate(0.01deg);}
  80% {transform: translateX(-50%) scale(1,1) rotate(0.01deg);}
  85% {transform: translateX(-50%) scale(1,1) rotate(0.01deg);}
  /*75% {transform: translateX(-50%) scale(0.98,0.98) rotate(0.01deg);}*/
}
@keyframes fast-breathing-rotated {
  0% {transform: translateX(-50%) scale(1,1) rotate(-20deg);}
  5% {transform: translateX(-50%) scale(1.07,1.07) rotate(-20deg);}
  10% {transform: translateX(-50%) scale(1,1) rotate(-20deg);}
  15% {transform: translateX(-50%) scale(1,1) rotate(-20deg);}

  35% {transform: translateX(-50%) scale(0.99,0.99) rotate(-20deg);}

  40% {transform: translateX(-50%) scale(1.07,1.07) rotate(-20deg);}
  45% {transform: translateX(-50%) scale(1,1) rotate(-20deg);}
  50% {transform: translateX(-50%) scale(1,1) rotate(-20deg);}

  70% {transform: translateX(-50%) scale(0.99,0.99) rotate(-20deg);}
  75% {transform: translateX(-50%) scale(1.07,1.07) rotate(-20deg);}
  80% {transform: translateX(-50%) scale(1,1) rotate(-20deg);}
  85% {transform: translateX(-50%) scale(1,1) rotate(-20deg);}
  /*75% {transform: translateX(-50%) scale(0.98,0.98) rotate(0.01deg);}*/
}


/* Modal */
.modal-content {
  /*background-color: rgba(255,255,0,1);*/
  border: 4px solid gold;
}
.modal-footer {
  border-top: 0;
}
.modal-body {
  padding: 2em;
}
.dite-large {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tab-content {
  padding: 2em;
}

@media (max-width: 991px) {
  .nav-tabs {
    font-size: 0.85em;
  }
  .tab-content {
    padding: 1em;
  }
  .modal-body {
    padding: 1em;
  }
  .dite-large {
    float:left;
    width: 30%;
    height: 100%;
    object-fit: contain;
  }
  .footer-text {
    margin-top: -2em;
    font-size: 0.85em;
  }

  footer {
    bottom: 0;
  }


}

/* Btns darujme widget */
.btn-prispej {
  /*background: #f25454;*/
  /*color: #ffffff;*/
  border: 4px solid #934CB4;/*rgba(255,0,190,1);*/
  background: white;
  color: #934CB4;
}
.btn-prispej:focus {
  /*border: 4px solid #934CB4;*/
  /*background: white;*/
  color: #934CB4;
}
.btn-prispej:hover, .btn-prispej:active, .btn-prispej.active, .open > .dropdown-toggle.btn-prispej {
  /*border: 4px solid white;*/
  background: rgba(147,76,180,1);
  color: white;
  /*background: #f26d6d;*/
  text-decoration: none;
}
.btn-prispej:active, .btn-prispej.active {
  background: rgba(147,76,180,1);
  color: white;
  /*background: #bf4343;*/
  box-shadow: none;
  text-decoration: none;
}
.btn-prispej-nonactive:focus, .btn-prispej-nonactive:active, .open > .dropdown-toggle.btn-prispej-nonactive, .btn-prispej-nonactive:active, .btn-prispej-nonactive.active {
  color: #934CB4;
  background: white;
}
.castkabtn {
  margin-right: -8px;
  margin-top: -4px;
  width: 34.2%;
}
.castkabtn-vice {
  /*margin-right: -8px;*/
  /*margin-top: -4px;*/
  width: 99.8%;
}
.dwWrapper {
  width:50%;
  float:right;
}
.width100 {
  width: 100%;
}
.width50 {
  width: 50%;
}
@media (max-width: 991px) {
  .dwWrapper {
    width: 100%;
    float: none;
  }
}

/* Frontpage text */

#front-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /*background-color: rgba(255,255,0,0.6);*/
  /*background-color: white;*/
  border-radius: 2%;
  /*color: rgba(255,0,190,1);*/
  color: #934CB4;
    /*padding: 3%;*/
}

/* ==========================================================================
   Object-fit-polyfill
   ========================================================================== */

.img-objectfit-container {

}

.img-objectfit-media {
}

/* Hack */
.ram, .obraz {
  margin-left: 0 !important;
}

/* ==========================================================================
   Slick overrides
   ========================================================================== */

.slick-prev {
  left: 55px;
  width: 6rem;
  height: 5.5rem;
  z-index: 1;
}

.slick-next {
  right: 55px;
  width: 6rem;
  height: 5.5rem;
  z-index: 1;
}

.slick-prev:before, .slick-next:before {
  font-size: 6rem;
  /*color: #f26d6d;*/
  color: rgba(147,76,180,0.65);
}

@media (max-width: 991px) {
  .slick-prev:before, .slick-next:before {
    font-size: 0;
    display: none !important;
  }
  .slick-prev, .slick-next {
    display: none !important;
  }
}

.slick-dots {
  bottom: 5%;
}

.slick-dots li button:before {
  font-size: 1.5rem;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before, .slick-dots li.slick-active button:before {
  color: rgba(147,76,180,1);
  /*color: #f26d6d;*/
  font-size: 2rem;
}