/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap'); /* font-family: 'Open Sans', sans-serif; */

html, body { overflow-x: hidden; }
body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: 700; }
h1, .h1 { font-size: 2rem; }
h2, .h2 { font-size: 1.75rem; }
h3, .h3 { font-size: 1.5rem; }
h4, .h4 { font-size: 1.25rem; }
h5, .h5 { font-size: 1.125rem; }
ul.square { list-style-type: square; }
ul.square > li { margin-bottom: 0.66rem; }
ul.col2 { column-count: 2; }
.wp-block-quote p { margin-bottom: 0.5rem; padding: 1.25rem; background-color: rgba(130, 130, 130, 0.1); }
.wp-block-quote cite { display: block; padding-left: 34px; font-size: 0.875rem; font-weight: bold; font-style: normal; text-align: right; text-transform: uppercase; }
.wp-block-quote cite:before { content: '\2014\00A0'; }
.wp-block-quote cite:after { display: block; content: ''; margin: -1.8rem 0 0; width: 0; height: 0; border-right: 30px solid rgba(130, 130, 130, 0.1); border-bottom: 30px solid transparent; }
.wp-block-quote .rating:before { display: block; content: '\2605\2605\2605\2605\2605'; }
.letter-space { letter-spacing: 0.15rem; }
.alignwide { margin-left: -15rem; margin-right: -15rem; }
.wp-block-image.alignwide { max-width: none; }
.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.alignfull > img, .alignfull .wp-block-image :not(.overlay) img { width: 100vw; }
.img-w-100 img { width: 100%; max-width: none; }

.bg-grey { background-color: #1a1a1a; }
.bg-dred { background-color: #82232d; }
.bg-grey *, .bg-grey a:hover, .bg-dred *, .bg-dred a:hover { color: #fff; }

body > .container { padding-top: 1.875rem; }
:not(.wp-block-button).btn-block, .wp-block-button.btn-block .wp-block-button__link { display: block; width: 100%; }
.page-title { text-align: center; }
form label { margin-bottom: 0.25rem; font-size: 0.875rem; font-weight: bold; }
form .form-control { border-radius: 0; }

body > header { font-size: 0.875rem; background: url('/wp-content/uploads/2020/05/red-wood-plank-background.jpg') no-repeat; background-size: cover; }
#header-block-2 { display: none; }
#header-block-2 a, .header-block-2 a { padding: 0.5rem 1rem; font-weight: bold; line-height: 2; color: #fff; letter-spacing: 1px; }
#menu-share-menu { margin: 0 2rem 0 0; padding: 0; list-style: none; font-size: 0.875rem; }
#menu-share-menu a { color: #fff; }
#menu-share-menu a.dropdown-toggle { font-weight: bold; line-height: 2; letter-spacing: 1px; text-transform: uppercase; }
#menu-share-menu .dropdown-menu { width: 25rem; left: -6% !important; }
#menu-share-menu .dropdown-menu li { float: left; padding: 1rem; width: 50%; }
#menu-share-menu .dropdown-menu a { line-height: 2; white-space: nowrap; }
#menu-share-menu .dropdown-menu a span { display: inline-block; margin-right: 1rem; width: 1rem; text-align: center; }
#menu-share-menu .dropdown-menu li:hover { background-color: #fff; }
#menu-share-menu .dropdown-menu li:hover a { color: #661e23; }
#header-block-1 a:hover, #menu-share-menu a.dropdown-toggle:hover, #menu-share-menu .dropdown-menu li:hover a { text-decoration: none; }
.navbar, .navbar .container, .navbar-brand { padding: 0; }
.navbar-brand { margin: 0; }
.navbar-brand img { padding: 3rem 1rem 1rem; max-width: 33.75rem; }
.navbar.bg-jwbs, .dropdown-menu { background-color: #661e23; }
.navbar-dark .navbar-nav .nav-link, .dropdown-item { font-size: 0.875rem; color: #fff; text-transform: uppercase; }
.navbar-dark .navbar-nav .nav-link:hover, .dropdown-item:hover { text-decoration: underline; }
#main-navbar .dropdown-menu { top: 98%; left: 3.25rem; border-radius: 0; }
.dropdown-menu { margin: 0; padding: 0; }
.dropdown-menu li { line-height: 2; }
.dropdown-item { padding: 0 1.5rem; }
.dropdown-item:hover { background-color: transparent; }
.navbar-dark .navbar-nav .nav-link:hover, .dropdown-item:hover { color: #fff; }

/* home */
.home .carousel-indicators, .home .carousel-control-prev, .home .carousel-control-next { display: none; }
.home .carousel-caption { padding-right: 10%; padding-left: 10%; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); }
.home .carousel .h1 { font-size: 1.25rem; font-weight: bold; line-height: 1.25; } 
.home .carousel .h1 a { color: #fff; }
.home .carousel .h1 a:hover { text-decoration: none; } 
.home .carousel h4 { font-size: 0.75rem; font-weight: 400; } 
.home .carousel .btn-jwbs { margin: 0.25rem 0; font-size: 0.75rem; text-transform: uppercase; background-color: transparent; border-width: 2px; border-color: #fff; }
.home .featured-link { margin-bottom: 28px; cursor: pointer; transition: ease-in-out, all 0.35s ease-in-out; }
.home .featured-link:hover { transform: scale(1.05); }
.home .featured-link .wp-block-image { margin-bottom: 0.5rem; }
.home .wp-block-group.bg-grey { background-image: none; }
.home figure.d-block.d-sm-none { margin-left: -15px; margin-right: -15px; }
.home .facebook-review img, .home .google-review img { max-width: 15.625rem; }
.fts-jal-fb-header { display: none; }

body > footer, body > footer a, body > footer a:hover { color: #fff; }
body > footer { font-size: 0.75rem; background: url('/wp-content/uploads/2020/05/red-wood-plank-background.jpg') no-repeat; background-size: cover; }
#inner-footer img { max-width: 100%; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.home .wp-block-group.bg-grey { background-image: url('/wp-content/uploads/2020/05/tools-and-inspiration.jpg'); background-size: 50%; background-repeat: no-repeat; background-position: 100% 10%; }
	#header-block-2 { display: block; }
	.home .carousel-caption { padding-right: 15%; padding-left: 15%; }
	.home .carousel .h1 { font-size: 3.25rem; } 
	.home .carousel h4 { font-size: 1.5rem; } 
	.home .carousel .btn-jwbs { margin: 2rem 0; font-size: 1rem; }
	.home .featured-link { margin-bottom: 0; }
	#inner-footer img { max-width: 28rem; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
}