/**
 * Color classes and default styling are in /assets/main.css, focus your efforts there
 * @import external fonts at top of this page before default.css
 * remove comment for dark-mode.css if you want to enable that -- will not be 100%, you will need to fix minor things
 */
@import url("./assets/default-settings.css");
/** @import url("assets/dark-mode.css"); */
a, a:visited { text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }

/** header */
body > div { font-size: 1rem; }
body > div .fw-light.text-primary { font-size: 1.5rem }

/** nav */
.navbar-nav { --bs-nav-link-color: #fff; font-size: 1.15rem; }
.navbar-toggler-icon, .collapsed .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1.00%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

/** banner */
.home .jwbs-banner h2.text-secondary { text-shadow: -2px 0 0 #375199, 2px 0 0 #375199, 0 -2px 0 #375199, 0  2px 0 #375199, -2px -2px 0 #375199, 2px -2px 0 #375199, -2px  2px 0 #375199, 2px  2px 0 #375199; }

/** goods catalog */
.single-category-title { font-size: calc(1.375rem + 1.5vw) !important; margin: 0 0 .5rem !important; }
.card-img-container { height: 150px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.card-img { max-height: 100%; max-width: 100%; height: auto; width: auto; }

/** footer */
#inner-footer { font-size: .95rem; }
#inner-footer a:not(.btn) { color: var(--bs-dark-rgb); }
#inner-footer ul { list-style: none; padding-inline-start: 0; }
#inner-footer img.img-responsive { max-width: 75px; margin: 0 10px; }

/** media queries */
/** Small devices (landscape phones, 576px and up) [-sm] */
@media only screen and (min-width : 576px) {
}

/** Medium devices (tablets, 768px and up) [-md] */
@media only screen and (min-width : 768px) {
}

/** Large devices (desktops, 992px and up) [-lg] */
@media only screen and (min-width : 992px) {
}

/** X-Large devices (large desktops, 1200px and up) [-xl] */
@media only screen and (min-width : 1200px) {
  body > div .fw-light.text-primary { font-size: 1.85rem }
}

/** larger desktops, 1400px and up [-xxl] */
@media only screen and (min-width : 1400px) {
  body > div .fw-light.text-primary { font-size: 2rem }
}