@import "./fonts/HoeflerText/stylesheet.css";

html { font-size: 20px; }
@media (max-width: 778px) {
    html { font-size: 17px; }
}
body { background: url("./img/bg-1.1.jpg") no-repeat center center fixed; background-size: cover; font-family: 'Hoefler Text'; font-weight: bold; }

img { width: 100%; max-width: 100%; }
figure { margin: 0; }
h1, h2, h3, h4, h5, h6 { font-family: 'Hoefler Text', futura-lt-w01-book, futura-lt-w05-book, sans-serif; }
h1 { text-decoration: underline; }

.text-justify { text-align: justify; }

.navbar .nav-item { font-size: 2.2rem; font-weight: bold; }
.navbar .nav-item .nav-link { border: 0 !important; }
.navbar .nav-item .nav-link.active,
.navbar .nav-item a.nav-link:hover { text-decoration: underline; }

.navbar .nav-link { padding: .7rem 0 .5rem 0; border-bottom: .3rem solid transparent; color: #333; }
.navbar .nav-link.active { font-weight: bold; border-bottom-color: #000; }
.navbar .nav-link:hover { border-bottom-color: #000; }

@media (max-width: 1199px) {
    .navbar .nav-item { font-size: 1.8rem; }
}
@media (max-width: 799px) {
    .navbar .nav-item { font-size: 1.4rem; padding: 0 .5rem !important; }
    .navbar .nav-link { color: #333; }
}
@media (max-width: 499px) {
    .navbar .nav-item { font-size: 1.2rem; padding: 0 !important; }
}

.sl-border-left { border-left: .25rem solid var(--sl-dark) !important; }
.sl-border-left.bg-dark { border-left-color: var(--sl-light) !important; }
.sl-border-right { border-right: .25rem solid var(--sl-dark) !important; }
.sl-border-right.bg-dark { border-right-color: var(--sl-light) !important; }

.sl-border-top { border-top: 2px solid var(--sl-dark); }
.sl-border-bottom { border-bottom: 2px solid var(--sl-dark); }

.sl-border-inside-dark { border: .2rem solid var(--sl-dark); padding: 1rem; }
.sl-border-inside-muted { border: .3rem solid #999; padding: 1rem; }
.sl-border-inside { border: .3rem solid var(--sl-dark); padding: 1rem; }
.bg-dark .sl-border-inside { border: .3rem solid var(--sl-light); padding: 1rem; }

.sl-bg-img { background-image: url('./img/bg-2.jpg'); background-position: center; background-size: 170%; }
.sl-bg-light-transparent { background-color: #f8f9fa66; }




.jMainTitle span { font-size: 3rem; font-weight: bold; border : .3rem solid #000; padding: .5rem 1rem; }

.bg { position: fixed; top: 0; left: 0; width: 100vw; height: 110vh; z-index: -1; object-fit: cover; object-position: center; }

.rounded { border-radius: 0 !important; }
.card { border-radius: 0 !important; }

.navbar { overflow-x: auto; }

.bg-dark { background-color: #56342a !important; }
.bg-secondary { background-color: #b68e65 !important; }


.jProductListItemContainer:nth-child(5n + 1) .sl-bg-img { background-size: 300%; background-position: 0 0; }
.jProductListItemContainer:nth-child(5n + 2) .sl-bg-img { background-size: 300%; background-position: 100% 0; }
.jProductListItemContainer:nth-child(5n + 3) .sl-bg-img { background-size: 300%; background-position: 0 100%; }
.jProductListItemContainer:nth-child(5n + 4) .sl-bg-img { background-size: 300%; background-position: 100% 100%; }
.jProductListItemContainer:nth-child(5n + 5) .sl-bg-img { background-size: 300%; background-position: center center; }
.jProductListItem:hover .sl-bg-light-transparent { background-color: #f8f9fa99; }
.jProductListName, .jProductListName > a { font-size: 1.3rem; color: #222; margin-bottom: 0; font-weight: bold; text-decoration: none; }
.jProductListPrice { font-size: 1rem; color: #555; }

footer a { color: var(--sl-dark); text-decoration: none; }
footer a:hover { text-decoration: underline; }
footer .sl-footer-title { color: #666; }