@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300&display=swap');

h1 { 
  font-family: 'Cairo', sans-serif;
}

h2 {
  font-family: 'Cabin', sans-serif;
}
h3 {
  font-family: 'Cabin', sans-serif;
}


p  { 
  font-family: 'Prompt', sans-serif;
}
.header {
  background-color: #22183d;
}
.navbar {
  font-family: 'Cabin', sans-serif;
}
/* barva menu */
.navbar__menu-link {
  color: #ffe40b;
}
.navbar__menu-item.active > .navbar__menu-link, .navbar__menu-item.active > .navbar__menu-link .navbar__menu-item .active {
  color: #ecf0f1;
}
.navbar__menu-link:hover {
  color: #ecf0f1;
}


.navbar__menu.expanded {
  background-color: #22183d;
}

.navbar__toggler-icon-bar {
  background-color: #ffe40b; }

.motto__title, .motto__text {
  text-shadow: 3px 3px 3px rgba(0,0,0,.6),3px 3px 10px rgba(0,0,0,.2);
}

#motive .motto__title {
  font-family: 'Cairo', sans-serif;
}
/* Tlačítka */
.btn-primary, .comment__reply:hover, .add-comment__button--submit, .product-page__cart-button, .cart-button, .promo-code__submit, .account-button, .minicart__button-cart, .search-form__search-button, .locked__submit, .motto__button-link {
  color: #ffe40b;
  background-color: #22183d;
  font-family: 'Cabin', sans-serif;
}

.btn-primary:hover, .comment__reply:hover, .add-comment__button--submit:hover, .product-page__cart-button:hover, .cart-button:hover, .promo-code__submit:hover, .account-button:hover, .minicart__button-cart:hover, .search-form__search-button:hover, .locked__submit:hover, .motto__button-link:hover {
  color: #fff;
  background-color: #22183d;
  border-color: #22183d;
}

/* main */
#main {
  padding-top: 0.5rem;
}
/* Odkazy */
a, .eshop-menu__link--button:hover, button.navbar__menu-link:hover {
  color: #22183d;
  text-decoration: none;
}
a:hover, .eshop-menu__link--button:hover, button.navbar__menu-link:hover {
  color: #6e14a6;
  text-decoration: none;
}

/* Cip pro obrázek */
.clip-polygon {
  clip-path: polygon(28% 0%, 100% 0%, 100% 99%, 1% 100%);
}

.clip-polygon2 {
  clip-path: polygon(0% 1%, 72% 1%, 100% 100%, 0% 100%);
}

/* sekce služby */
.section-services li, .section--services li {
  background-color: #ecf0f1;
  border-left: 5px solid #22183d;
  border-radius: .25rem;
  padding: 1em 2em;
  margin-bottom: 1rem;
}