/* písmo - fonty !!!musí být na začátku stylu !!!!*/
@import url('https://fonts.googleapis.com/css2family=Poppins:wght@400;500&display=swap');

:root {
  --bs-border-radius-100: 1rem;
  --bs-border-radius-25: .50rem;
  --bs-border-radius-200: 2rem
}


h1 { 
  font-family: 'Poppins', sans-serif;

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

.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: 'Poppins', sans-serif;
}
.motto__title {
  font-size: 4rem;
}

/* zatmavení obrázku motivu */
.motive:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(31, 34, 46, 0.5);
  /*background: linear-gradient(to right, rgba(255,0,0,0), #127604); */
  background: radial-gradient(circle, #127604) 0%, #127604) 100%);
  z-index: 0;
}
/* Výška motivu */ 
.motive {
  height: 25rem;
  max-height: 100vh;

}


/* buttons */
.btn {
  border-radius: var(--bs-border-radius-200)
}
.motto a, .motto .eshop-menu__link--button, .motto button.navbar__menu-link, .motto a:hover, .motto a:focus {
  text-decoration: none;
  border-radius: var(--bs-border-radius-200)
}
.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: #00984f;
  border-color: #00984f;
}

.btn-outline-primary:hover, .product-item__cart-button:hover, .cart-button--outline:hover, .cart-button--back:hover, .minicart__button-close:hover, .eshop-filters__submit:hover, .btn-secondary:hover, .btn-default:hover, .navbar__search-button:hover {
  color: #fff;
  background-color: #00984f;
  border-color: #00984f;
}
/* menu odkaz na e-shop */

#menu-item-429457>.navbar__menu-link {
  color: #fff;
  background-color: #00984f;
  border-color: #00984f;
  border-radius: var(--bs-border-radius-200);
}

#menu-item-429457>.navbar__menu-link:hover {
  color: #fff;
  background-color: #a31480;
  border-color: #a31480;
  border-radius: var(--bs-border-radius-200)
}
