/*
Theme Name: UMinBOX s.r.o.
Author: MARVIO agency s.r.o.
Author URI: https://marvio.cz
Description: Nespokojte se s nabídkou skříní v prodejnách nábytku. Dejte definitivní STOP kompromisům a pořiďte si vestavěnou skříň na míru. Služba UMinBOX vám nabízí kombinaci pohodlí s doručením až domů, ale zároveň vysoce individuální vestavěné skříně na míru, které nejen dokonale zapadnou do vašeho interiéru, ale hlavně splní všechny vaše představy a požadavky o efektivním úložném prostoru.
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
font-family: 'Montserrat', sans-serif!important;
}

/* NAVBAR */
.navbar {
  padding: 0px!important;
}

.navbar-nav {
  margin-left: auto!important;
}

@media (min-width: 1100px) {
.navbar-nav > .nav-item {
  padding-right: 20px!important;
}}

.navbar-brand {
  padding: 0px!important;
}

.nav-item > .nav-link {
  color: #18181B!important;
  font-size: 1.125rem!important;
  font-weight: 400!important;
  text-transform: uppercase!important;
}

.nav-item > .nav-link:hover {
  color: #C26B50!important;
}

@media (max-width: 500px) {
.navbar-collapse {
  text-align: center!important;
}}

@media (max-width: 500px) {
.nav-item {
  margin-left: auto!important;
  margin-right: auto!important;
}}

/* BUTTONS */
.btn-primary {
  background-color: #C26B50!important;
  text-transform: uppercase!important;
  border: none!important;
  border-radius: 0rem!important;
  font-size: 1.125rem!important;
  font-weight: 400!important;
  color: #FFFFFF!important;
  padding-left: 40px!important;
  padding-right: 40px!important;
}

.btn-dangerous {
  background-color: #C26B50!important;
  text-transform: uppercase!important;
  border: none!important;
  border-radius: 0rem!important;
  font-size: 1  rem!important;
  font-weight: 400!important;
  color: #FFFFFF!important;
  padding-left: 40px!important;
  padding-right: 40px!important;
  margin-bottom: 20px!important;
}

.btn-secondary {
  background-color: #FFFFFF!important;
  text-transform: uppercase!important;
  border: none!important;
  border-radius: 0rem!important;
  font-size: 1.125rem!important;
  font-weight: 400!important;
  color: #C26B50!important;
  padding-left: 40px!important;
  padding-right: 40px!important;
}

/* LANDING */
.landing-title {
  min-height: 700px!important;
}

.landing-box {
  margin-top: -200px!important;
}

@media (max-width: 600px) {
.landing-box {
  margin-top: -100px!important;
}}

.landing-title-box {
  background-color: #C26B50!important;
  border: 5px solid #FFF!important;
  padding-left: 40px!important;
  padding-right: 40px!important;
  padding-top: 20px!important;
  padding-bottom: 20px!important;
  border-radius: 0rem!important;
}

.landing-title-box > h1 {
  font-size: 3.4375rem!important;
  font-weight: 400!important;
  letter-spacing: 0.03438rem!important;
  color: #FFF!important;
}

.landing-title-box > h1 > strong {
  font-weight: 600!important;
}

@media (max-width: 600px) {
.landing-title-box > h1 {
  font-size: 2.5rem!important;
}}

.landing-about {
  padding-top: 90px!important;
  padding-bottom: 90px!important;
}

.content-text {
  padding-top: 30px!important;
  padding-bottom: 30px!important;
}

.content-text > h2 {
  font-size: 2.1875rem!important;
  font-weight: 600!important;
  color: #2D2D2D!important;
}

.content-text > h3 {
  font-size: 2.1875rem!important;
  font-weight: 400!important;
  color: #2D2D2D!important;
  margin-top: -15px!important;
}

.content-text > p {
  font-size: 1rem!important;
  font-weight: 400!important;
  color: #2D2D2D!important;
}

.content-text > a {
  font-size: 1.125rem!important;
  font-weight: 400!important;
  letter-spacing: 0.1125rem!important;
  color: #2D2D2D!important;
  border-bottom: 3px solid #C26B50!important;
  text-decoration: none!important;
  padding-bottom: 5px!important;
}

.content-text > a:hover,
.content-text > a:focus {
  border-bottom: 3px solid #A85A42!important;
}

.landing-adv {
  padding-top: 90px!important;
  padding-bottom: 90px!important;
}

.adv-box {
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}

.adv-box-content > h3 {
  font-size: 1.5rem!important;
  font-weight: 600!important;
  color: #2D2D2D!important;
}

.adv-box-content > p {
  font-size: 1rem!important;
  font-weight: 400!important;
  color: #2D2D2D!important;
  max-width: 92%!important;
}

.divider > hr {
  color: #C26B50!important;
}

.landing-works {
  padding-top: 90px!important;
  padding-bottom: 90px!important;
}

.card {
  background: rgba(194, 107, 80, 0.05)!important;
  border: 2px solid #C26B50!important;
  border-radius: 0rem!important;
}

.card-body {
  font-size: 1.25rem!important;
  color: #2D2D2D!important;
  font-weight: 600!important;
}

.card-body > h2 {
  color: #2D2D2D!important;
  font-size: 1.5rem!important;
  font-weight: 600!important;
  padding-top: 20px!important;
}

.card-body > h3 {
  color: #2D2D2D!important;
  font-size: 1.375rem!important;
  font-weight: 600!important;
}

.card-body > p {
  font-size: 1rem!important;
  color: #2D2D2D!important;
  font-weight: 400!important;
}

.big-number {
  font-size: 3.75rem!important;
  font-weight: 600!important;
  color: #C26B50!important;
}

.swiper-pagination-bullet-active {
  background-color: #C26B50!important;
}

.landing-gallery {
  padding-top: 90px!important;
  padding-bottom: 90px!important;
}

.landing-cta {
  background-color: #C26B50!important;
  padding-top: 50px!important;
  padding-bottom: 50px!important;
  text-align: left!important;
}

@media (max-width: 600px) {
.landing-cta {
  text-align: center!important;
}

.landing-cta-text {
  padding-bottom: 30px!important;
}}

.landing-cta-text > h2 {
  font-size: 2.5rem!important;
  color: #FFF!important;
  font-weight: 400!important;
  padding-bottom: 0px!important;
  margin-bottom: 0px!important;
}

@media (max-width: 1099px) {
.landing-cta-text > h2 {
  font-size: 2rem!important;
}}

.landing-cta-text > h2 > strong {
  font-weight: 600!important;
}

.landing-cta-btn {
  text-align: right!important;
}

@media (max-width: 600px) {
.landing-cta-btn {
  text-align: center!important;
}}

.landing-faq {
  padding-top: 90px!important;
  padding-bottom: 90px!important;
}

button.accordion-button {
  background: rgba(194, 107, 80, 0.05)!important;
  font-size: 1.35rem!important;
  font-weight: 600!important;
  color: #2D2D2D!important;
  padding-top: 30px!important;
  padding-bottom: 30px!important;
}

.accordion {
  --si-accordion-btn-icon-box-bg: #FFF!important;
  --si-accordion-border-width: 1px!important;
  --si-accordion-border-color: #C26B50!important;
  --si-accordion-border-radius: 0px!important;
  --si-accordion-btn-icon-box-active-bg: #C26B50!important;
  --si-accordion-btn-icon-box-active-shadow: none!important;
}

.accordion-body {
  padding-top: 30px!important;
}

.accordion-body > p {
  font-size: 1rem!important;
  color: #2D2D2D!important;
}

.social-link > a {
  text-decoration: none!important;
  color: #2D2D2D!important;
}

.social-link > a:hover,
.social-link > a:focus {
  text-decoration: underline!important;
}

.social-link > a > p {
  font-size: 1.125rem!important;
  font-weight: 600!important;
  color: #2D2D2D!important;
}

.landing-community {
  padding-top: 90px!important;
  padding-bottom: 90px!important;
}

/* FOOTER */
.web-footer {
  background-color: #2D2D2D!important;
  padding-top: 90px!important;
  padding-bottom: 40px!important;
}

.footer-content {
  padding-top: 20px!important;
  padding-bottom: 20px!important;
}

@media (max-width: 1099px) {
.footer-content {
  text-align: center!important;
}}

.footer-content > h3 {
  font-size: 1.6rem!important;
  font-weight: 600!important;
  color: #FFF!important;
}

.footer-content > p {
  font-size: 1.125rem!important;
  font-weight: 400!important;
  color: #FFF!important;
}

.form-control {
  background-color: #2D2D2D!important;
  border: 1px solid #FFF!important;
  border-radius: 0px!important;
  color: #FFF!important;
  width: 70%!important;
}

@media (max-width: 1099px) {
.form-control {
  margin-left: auto!important;
  margin-right: auto!important;
}}

.product-detail {
  padding-top: 30px!important;
  padding-bottom: 30px!important;
}

.product-detail > h3 {
  font-size: 1.3rem!important;
  font-weight: 600!important;
  color: #2D2D2D!important;
  margin-top: 20px!important;
}

.product-detail > p {
  font-size: 1rem!important;
  font-weight: 400!important;
  color: #2D2D2D!important;
  margin-bottom: 5px!important;
}

.product-detail > p > strong {
  font-weight: 600!important;
}

.product-detail > a {
  font-size: 0.9rem!important;
  font-weight: 400!important;
  color: #2D2D2D!important;
  border-bottom: 2px solid #C26B50!important;
  text-decoration: none!important;
  padding-bottom: 5px!important;
}

.product-detail> a:hover,
.product-detail > a:focus {
  border-bottom: 2px solid #A85A42!important;
}

.landing-contact {
  padding-top: 90px!important;
  padding-bottom: 90px!important;
}

@media (min-width: 1100px) {
.landing-contact-content {
  padding-top: 30px!important;
}}

.landing-contact-content > p {
  max-width: 88%!important;
}

.landing-contact-detail {
  padding-top: 20px!important;
}

.landing-contact-detail > h3 {
  text-transform: uppercase!important;
  color: #C26B50!important;
  font-size: 1.125rem!important;
  font-weight: 500!important;
  margin-bottom: 7px!important;
}

.landing-contact-detail > p {
  color: #090914!important;
  font-size: 1rem!important;
}

.landing-contact-form {
  background-color: #FFFFFF!important;
  padding: 3%!important;
}

/* Google Maps */

.google-maps {
    padding: 0!important;
    margin-bottom: -7px!important;
}

.google-maps > iframe {
  -webkit-filter: grayscale(99%)!important;
}

iframe {
  border:0!important; 
  width: 100%!important;
  height: 400px!important;
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}