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

body { font-size: 14px; background-color: #f4e7d7; }
/* body > header { background: url('/wp-content/themes/jw-bootstrap/images/headerbackground.jpg') no-repeat center; background-size: cover; } */
h1, .h1 { font-size: 1.875rem; }
h2, .h2 { font-size: 1.625rem; }
h3, .h3 { font-size: 1.375rem; }
h4, .h4 { font-size: 1.25rem; }
h5, .h5 { font-size: 1.125rem; }
a { color: #4d3615; }
a:hover { color: unset; }
.btn { border-radius: 0; }
.btn-brown { color: #fff; background-color: #000; border-color: #fff; }
.btn-brown:hover { color: #363636; background-color: #bebebe; border-color: #363636; }
ul.nostyle { list-style: none; }
ol.li-3 li, ul.li-3 li { margin-bottom: 1rem; } 

.wp-block-column { margin-right: 0 !important; margin-left: 0 !important; } /* gutenberg reset */

/* forms */
.form-row, form p { margin-bottom: 0.625rem; }
span.wpcf7-list-item { display: block; margin: 0; }
span.wpcf7-list-item label { margin: 0; }

#header-block-1 { padding-top: 2rem; }
#header-block-2 .tel { padding-top: 5%; font-size: 1rem; }
#header-block-2 a { color: #212529; }
#header-block-2 address { padding-top: 1rem; font-size: 0.71rem; }
#header-block-3 > div { margin-bottom: -16px; padding: 10% 13% 12%; font-size: 1.2em; font-weight: bold; color: #fff; background-color: #4d3615; }

.bg-jwbs { padding-top: 0; padding-bottom: 0; background-color: #222 !important; }
.navbar-dark .navbar-nav { text-align: center; }
.navbar-dark .navbar-nav .nav-link { padding: 15px; font-weight: bold; color: #fff; }
.navbar-dark .navbar-nav .nav-link:hover { color: #fff; background-color: #363636; }
.navbar-dark .container { justify-content: flex-end; }
.navbar-toggler { float: right; margin: 8px 0; border-color: #333; }

/* home page */
.home .carousel-indicators { display: none; }
.carousel-footer { position: absolute; padding: 1px 0; bottom: 0; width: 100%; background-color: rgba(76, 53, 21, 0.8); }
.carousel-footer .h2 { margin: 1rem 0; color: #fff; }
.carousel-footer .btn-brown { margin-left: 1em; }
.carousel-footer .btn-brown:hover { border-color: #bebebe; }

#main, #home-footer { font-size: 1.1rem; }
#main a:not(.btn), #main a:hover, #home-footer a:not(.btn), #home-footer a:hover { text-decoration: underline; }

/* standard awnings */
.carousel-control { position: absolute; top: 0; bottom: 0; width: 15%; z-index: 10; }
.carousel-control.left {
	left: 0 !important;
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%) !important;
	background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%) !important;
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001))) !important;
	background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) !important;
}
.carousel-control.right {
	right: 0 !important;
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%) !important;
	background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%) !important;
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5))) !important;
	background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) !important;
}

/* sunbrella iframes */
iframe.sunbrella { height: auto; }

/* contact form */
#wpcf7-f6-p41-o1 { padding: 1.875rem ; background-color: #fafafa; border: 1px solid #212529; }
#wpcf7-f6-p41-o1 legend { border-bottom: 1px solid #e5e5e5; }

h5.about { font-weight: 500; }

.awninglist { background-color: #363636; }
.awninglist .nav > li { border-left: 1px solid #fff; }
.awninglist .nav > li { border-left: 1px solid #fff; }
.awninglist .nav > li:first-of-type { border-left: 0 none; }
.awninglist .nav-link { padding: 1rem; color: #fff; }
#home-footer { color: #212529; background-color: #f4e7d7; }

body > footer { color: #fff; background-color: #363636; }
body > footer a { color: #fff; }
body > footer a:hover { color: #fff; text-decoration: underline; }
#inner-footer .menu { margin: 0; padding: 0; list-style: none; }
#inner-footer .menu { margin-left: -1rem; }
#inner-footer .menu > li { display: inline-block; padding: 0 1rem; border-right: 1px solid #fff; }
#inner-footer .menu > li:last-child { border-right: 0 none; }

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

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	#header-block-2 .tel { font-size: 1.75rem; }
	#header-block-2 address { font-size: 1rem; }
	iframe.sunbrella { height: 300px; }
}

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

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