@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,500&family=Mukta:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@500&display=swap');


h1  {font-family: 'Fira Sans Condensed',sans-serif;}

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

p {font-family: 'Mukta', sans-serif;}

.navbar {
  font-family: 'Fira Sans Condensed',sans-serif;
}

/* barva menu */
.navbar__menu-link {
  color: #2695A0
}
.navbar__menu-item.active > .navbar__menu-link, .navbar__menu-item.active > .navbar__menu-link .navbar__menu-item .active {
  color: #f6404f;
}
.navbar__menu-link:hover {
  color: #f6404f;
}

/* barva tlačítek */
.btn-primary, .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: #fff;
  background-color: #2695A0;
  border-color: #fff2e2;
  border-top-color: rgb(255, 242, 226);
  border-right-color: rgb(255, 242, 226);
  border-bottom-color: rgb(255, 242, 226);
  border-left-color: rgb(255, 242, 226);
}

/* barva tlačítek po najetí myší */
.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: #fff2e2;
  background-color: #f6404f;
  border-color: #fff2e2;
}
/* Odkazy barvy */
a, .eshop-menu__link--button, button.navbar__menu-link {
  color: #f6404f;
}
a:hover, .eshop-menu__link--button:hover, button.navbar__menu-link:hover {
  color: #2695A0;
  text-decoration: none;
}
/* nadpisy v sekcích*/
.section--header h1, .section--header .h1, .section-title h1, .section-title .h1 {
  font-size: 4.5rem;
}
@media (min-width: 1200px)  {
  .section--header h1, .section--header .h1, .section-title h1, .section-title .h1  {
    font-size: 4.5rem;
  } }
@media (max-width: 960px)  {
  .section--header h1, .section--header .h1, .section-title h1, .section-title .h1  {
    font-size: 3.5rem;
  } }