/** global **/
html, body {height: 100%;background-color: #ffffff;color: #000000;text-align: center;}
/** end of global **/

/** nav **/
nav{text-shadow: 0 1px 3px rgba(0,0,0,.5);}
/** end of nav **/


/**buttons**/
.custom-btn {text-transform: uppercase;letter-spacing: 1px;background: #eb4947;font-weight: bold;z-index: 1;color: #ffffff;line-height: 32px;width: 50%;}
.custom-btn:hover {background-color: #000000;color: #fff;}
/**end of buttons**/

/**footer**/
footer {background-color: #222;padding: 2rem 0;color: #dedede;}
footer a {color: #dedede;text-decoration: none;}
footer a:hover {text-decoration: underline;}
/**end of footer**/

/**carousel**/
.carousel-image {height: 100%; object-fit: cover;}
.carousel-inner {height: 800px; }
.carousel-control-prev,.carousel-control-next {  position: absolute;top: 50%;transform: translateY(-50%);  width: 3rem;height: 3rem;background-color: rgba(0, 0, 0, 0.5);border-radius: 50%;display: flex;justify-content: center;  align-items: center;z-index: 5;transition: background-color 0.3s ease;cursor: pointer;}
.carousel-control-prev {left: 0.5rem;  }
.carousel-control-next {right: 0.5rem; }
@media (max-width: 768px) {
#headerCarousel{padding-top: 116px;}
.carousel-image {height: 300px;}
.carousel-inner {height: 300px;}
.carousel-control-prev, .carousel-control-next {display: none;}
}
@media (max-width: 480px) {
.carousel-caption {font-size: 0.75rem;padding: 6px 10px;}
}
/**end of carousel**/

/**novinky**/
.novinky-title {font-weight: 600;font-size: 1.2rem;color: #333;}
.novinky-text {font-size: 0.95rem;color: #555;}
/**end of novinky**/