/**
 * 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"); */
@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html, body { overflow-x: hidden; }
body { font-family: Montserrat, sans-serif; }
h1, .h1 { font-size: 2.375rem; }
.btn { font-size: var(--bs-body-font-size); font-weight: bold; border-radius: 0; }
.btn-primary:hover { color: #fff; background-color: #0b6c7a; border-color: #0b6c7a; box-shadow: 0 0 5px #0b6c7a; }
.accordion-button { font-size: var(--bs-body-font-size); }
.accordion-body { font-size: calc( var(--bs-body-font-size) - 0.25rem ); }
.lead { font-size: calc(var(--bs-body-font-size) * 1.3125); }
.jwbs-banner { margin-bottom: 3rem; }
.wpcf7-list-item { display: block; margin: 0 1em 0 0; }

body > header, body main > footer { color: #fff; background: url('/wp-content/uploads/2025/04/hf-bg.jpg') no-repeat center; background-size: cover; }

#block-9 { background-color: var(--bs-body-color); }
#block-9 #menu-top-navigation { margin: 0; padding: 0; list-style: none; }
#block-9 #menu-top-navigation li { display: inline-block; margin-left: 1.5rem; }
#block-9 #menu-top-navigation li a { color: #fff; text-decoration: none; }
#block-9 #menu-top-navigation li a:hover { text-decoration: underline; }

#block-7 { font-size: 1rem; }
#block-7 a { color: #fff; text-decoration: none; }
#block-7 a strong { font-weight: 800 !important; }
.navbar-nav .nav-link, .navbar-nav .nav-link.show { color: #fff; }
.navbar-nav .nav-link:hover { text-decoration: underline; }
.navbar-nav .nav-item.btn .nav-link { padding: 0; font-weight: 500; color: rgb(var(--jwbs-text-on-primary-bg-color)); }
.navbar-nav .nav-link.active { color: #fff; }
.navbar-toggler { border: 1px solid rgb(var(--bs-primary-rgb)); }
.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%284, 223, 253, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 20 30' xmlns='http://www.w3.org/2000/svg' version='1.1'><g stroke='rgba(4,223,253,1)'><line x1='0' y1='25' x2='20' y2='5' stroke-width='2' /><line x1='0' y1='5' x2='20' y2='25' stroke-width='2' /></g></svg>");  }
.carousel-caption .btn { padding: 0.75rem 1.5rem; font-size: 1.875rem; text-transform: uppercase; }

.grill { font-size: 1.125rem; color: #fff; background: url('/wp-content/uploads/2025/04/services-bg.jpg') no-repeat center; background-size: cover; }
.grill figure { position: relative; }
.grill figcaption { margin: 0; font-family: 'Alex Brush', cursive; font-size: 3.25rem; font-weight: 900; line-height: 1; }
.grill figcaption, .grill figcaption a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.grill figcaption a { display: flex; align-items: center; justify-content: center;text-decoration: none; }
.grill figure:hover figcaption { background-color: rgba(0, 91, 255, 0.5); }
.grill figure:hover figcaption a { color: #fff; }
#photo-gallery { background: url('/wp-content/uploads/2025/04/gallery-bg.jpg') no-repeat top center; background-size: cover; }
#photo-gallery .btn { color: #212529; background-color: #fff; border: 1px solid #fff; text-transform: uppercase; }

.tire-link, .wheel-link { display: flex; align-items: center; justify-content: center; flex-direction: column; aspect-ratio: 1.85 / 1; font-family: 'Alex Brush', cursive; font-size: 3.25rem; font-weight: 900; line-height: 1; background: url('/wp-content/uploads/2025/06/service-wheels-tires-dk.jpg') no-repeat center; background-size: contain; text-align: center; text-decoration: none; }
.tire-link:hover, .wheel-link:hover { color: #fff; }
.tire-link > img, .wheel-link > img { margin: -1.25rem 0; }
.tire-link > img.wp-image-360 { margin: -0.5rem 0; }
/* .products > .wp-block-group__inner-container { display: flex; flex-wrap: wrap; width: 100%; }
.products .product { display: inline-block; padding: 1rem; width: 25%; cursor: pointer; }
.products .product h6 a { font-weight: normal; color: var(--bs-body-color); text-decoration: none; } */

.woocommerce ul.products li.product a img { margin: 0; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1.125rem; letter-spacing: -1px; color: rgb(var(--bs-dark-rgb)); text-transform: uppercase; }
.woocommerce ul.products li.product .btn-primary { display: none; }

#photo-gallery .btn:hover { color: #fff; background-color: transparent; }

.home .rpi-slider .rpi-header { display: none; }
.home #fbook-feed { background-color: #f0f3f6; }
.home .jwbs-newsfeed h5.card-title { min-height: 3.75rem; font-size: 1.25rem; }
.home .jwbs-newsfeed h5.card-title a { text-decoration: none; }
.home .jwbs-newsfeed h5.card-title a:hover { text-decoration: underline; }
.home .jwbs-newsfeed .card-body p { display: -webkit-box; font-size: 1rem; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

/** blog */
.blog #content { margin-top: 3rem; }
#sidebar-default { background-color: #efefef; }
.wp-block-search__icon-button .wp-block-search__inside-wrapper { border-bottom: 1px solid #949494; }
.wp-block-search__icon-button .wp-block-search__inside-wrapper .wp-block-search__input { background: transparent; border: none; border-radius: 0; padding: 0 4px; }
.wp-block-search__button { background: none; border: 0 none; }
.wp-block-latest-posts .wp-block-latest-posts__post-title { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: 600; overflow: hidden; }
.wp-block-latest-posts .wp-block-latest-posts__post-date { font-size: 0.875rem; }
.cornertime { white-space: nowrap; position: absolute; top: 0; left: 0; background: rgb( var(--bs-primary-rgb) ); padding: .5rem; color: var(--bs-dark); font-weight: 600; font-size: 1.25rem; max-width: min-content; }
#jwbs-newsfeed-archive .card .card-footer .btn { width: 100%; font-size: 0.875rem; font-weight: normal; text-transform: uppercase; }

#wpcf7-f125-p122-o1, #wpcf7-f187-p22-o1, #wpcf7-f6805-p6799-o1 { padding: 2rem; box-shadow: 0 0.25rem 1.875rem #04dffd40; }
#wpcf7-f125-p122-o1 .wpcf7-checkbox .wpcf7-list-item, #wpcf7-f6805-p6799-o1 .wpcf7-checkbox .wpcf7-list-item { width: 45%; }

body main > footer { font-size: 1.125rem; color: #fff; background-color: #000; }
#inner-footer #menu-footer-menu { list-style: none; }
#inner-footer #menu-footer-menu a { font-weight: var(--bs-body-font-weight); color: #fff; }
#inner-footer #menu-footer-menu a:hover { text-decoration: underline; }
#inner-footer a:not(.btn) { font-size: 1.375rem; font-weight: 900; text-decoration: none; }
#inner-footer .btn { padding: 0.75rem 1.5rem; }
body main footer .bg-black p { font-size: 1rem; }

/** 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) {
	.text-md-end { text-align: right !important; }
	.wpcf7-list-item { display: inline-block; }
}

/** Large devices (desktops, 992px and up) [-lg] */
@media only screen and (min-width : 992px) {
	.bg-why-shop { background: #04dfff url('/wp-content/uploads/2025/04/480665770_1187774316682780_8458290413571560409_n.jpg') no-repeat 180% center; }
}

/** X-Large devices (large desktops, 1200px and up) [-xl] */
@media only screen and (min-width : 1200px) {
}

/** larger desktops, 1400px and up [-xxl] */
@media only screen and (min-width : 1400px) {
}

@media only screen and (min-width : 1600px) {
	.bg-why-shop { background-position: 130% center; }
}