/**
 * 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"); */

html, body { overflow-x: hidden; }
body > header { padding: 1.5rem 0 0.5rem; }
.fs-18 { font-size: 1.125rem; }
ul.emi-list { list-style-image: url('/wp-content/uploads/2026/01/list-ico.png'); }

.navbar > .container { align-items: end; }
.navbar-brand img { width: 255px; }
.navbar-collapse { margin-top: 1.5rem; }

#menu-mainmenu { margin-bottom: -0.5rem !important; }
#menu-mainmenu .nav-link { font-size: 1.25rem; font-weight: 400; color: rgb(var(--bs-dark-rgb)); text-transform: uppercase; }
.navbar-toggler { border-color: rgb(var(--bs-success-rgb)); }

.jwbs-banner { margin-bottom: 0.25rem; }
.yoast-breadcrumbs { margin-bottom: 3rem; font-size: 0.875em; }
.carousel-item { display: flex !important; align-items: center; justify-content: center; }
.carousel-caption { position: relative; margin: 0 auto; right: 5%; bottom: 0; left: 5%; width: initial; }
.carousel-caption h1 { font-weight: 600; }
.carousel-caption p { font-weight: 300; }
.carousel-caption .btn { font-size: 1rem; text-transform: uppercase; letter-spacing: 0.05em; }
.home .carousel-caption { position: absolute; margin: 0; width: auto; }
.home .carousel-caption .container > span { display: inline-block; margin: 0 -1.5rem -1.5rem; padding: 1.5rem; background-color: rgba(0, 0, 0, 0.75); }

main.container { font-size: 1.25rem; }
main.container a:not(.btn) { color: var(--bs-success); text-decoration: none; }
main.container a:not(.btn):hover { text-decoration: underline; }

/* home */
.products figure { cursor: default; }
.products .wp-block-column .wp-block-group, .products .wp-block-column .wp-block-group figure { cursor: pointer; }
.products figure { position: relative; }
.products figcaption { display: none !important; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 1rem; font-size: 1.125rem; font-weight: 500; background-color: rgba(var(--bs-success-rgb), 0.8); }
.products figure:hover figcaption { display: flex !important; }
.bg-short-title { background-color: #eaeaea; }

/* contact */
.page-id-84 .jwbs-banner, .page-id-607 .jwbs-banner { margin-top: 1rem; }
.page-id-84 .jwbs-banner .carousel-item, .page-id-607 .jwbs-banner .carousel-item { justify-content: flex-start; }
.page-id-84 .jwbs-banner .carousel-caption, .page-id-607 .jwbs-banner .carousel-caption, .blog main > header .page-header { padding-top: 0.625rem; padding-bottom: 0.625rem; }

.single-post > header { margin-bottom: 3rem; }
.single-post .post-header img { max-height: 300px; }

.bg-footer { background-color: #4f4f4f; }
#inner-footer a { color: #fff; }
#inner-footer #block-2 { font-size: 1rem; }
#menu-footer-menu { margin: 0; padding: 0; list-style: none; }
#menu-footer-menu li { display: inline-block; margin-right: 0.75rem; width: 50%; }
#menu-footer-menu li a { text-transform: uppercase; text-decoration: none; }

/** media queries */
/** Small devices (landscape phones, 576px and up) [-sm] */
@media only screen and (min-width : 576px) {
	.page-id-84 .jwbs-banner .carousel-caption { left: calc(((100vw - 540px) / 2) - 15px); }
}

/** Medium devices (tablets, 768px and up) [-md] */
@media only screen and (min-width : 768px) {
	ul.col-md-3 { width: 100%; columns: 3; }
	.navbar-collapse { margin-top: 0; }
	#menu-footer-menu li { width: auto; }
	.carousel-caption { right: 10%; left: 10%; width: 450px; }
	.page-id-84 .jwbs-banner .carousel-caption, .page-id-607 .jwbs-banner .carousel-caption { left: calc(((100vw - 720px) / 2) - 15px); }
	.home .carousel-caption .container > span { width: 450px; }
}

/** Large devices (desktops, 992px and up) [-lg] */
@media only screen and (min-width : 992px) {
	.page-id-84 .jwbs-banner .carousel-caption, .page-id-607 .jwbs-banner .carousel-caption { left: calc(((100vw - 960px) / 2) - 15px); }
	#menu-footer-menu li { margin-right: 2rem; }
}

/** X-Large devices (large desktops, 1200px and up) [-xl] */
@media only screen and (min-width : 1200px) {
	.page-id-84 .jwbs-banner .carousel-caption, .page-id-607 .jwbs-banner .carousel-caption { left: calc(((100vw - 1140px) / 2) - 15px); }
}

/** larger desktops, 1400px and up [-xxl] */
@media only screen and (min-width : 1400px) {
	.navbar-brand { margin-right: 10%; }
	.carousel-caption { bottom: 20%; }
	.page-id-84 .jwbs-banner .aspect-image-inner, .page-id-607 .jwbs-banner .aspect-image-inner { overflow: visible; }
	.page-id-84 .jwbs-banner .carousel-caption, .page-id-607 .jwbs-banner .carousel-caption { left: calc(((100vw - 1320px) / 2) - 15px); }
/*	.carousel-caption h1 { font-size: 3.125rem; } */
	.carousel-caption .btn { font-size: 1.25rem; }
}