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

html, body { overflow-x: hidden; }
body { font-family: myriad-pro, sans-serif; overflow-x:hidden; }
h1 { color: #494949; }
h2.h1 { font-size: 1.5rem; }
ul.two-column { columns: 2; }

/*header */
#header-block-0 { display: none !important; }
#header-block-1 { display: block !important; }
#header-block-2, #header-block-3 { padding-top: 0.625rem; padding-bottom: 0.625rem; background-color:#bfbfbf; }
#header-block-2:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -999rem; border-left: 999rem solid #bfbfbf; }
#header-block-3:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -999rem; box-shadow: 999rem 0 0 #bfbfbf; }
#header-block-2 .navbar-toggler { position: relative; color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); z-index: 100; }
#header-block-2 .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
#header-block-4 { display: none !important; }
.bg-jwbs { margin-top: -1px; background-color: #bfbfbf !important; }
.navbar-expand-md { padding: 0 1rem; }
#menu-main-menu { font-size: 1.125rem; text-transform: uppercase; }
.navbar-collapse span { padding: 0.5rem 0; font-size: 1.125rem; }

/* navigation */
.navbar .navbar-nav li { margin-right: 0; }

/*carousel*/
.carousel-caption { position: absolute; padding-top: 0; padding-bottom: 0; top: 2.5%; color:#494949; text-align: left; z-index: 10; }
.carousel-caption .btn-jwbs { margin-left: 20%; margin-top: 3%; }
.carousel-caption h1 { margin-bottom: 0; font-size: 1.5rem; line-height: 1.1; }
.carousel-caption .btn-jwbs { margin-top: 2%; padding: 0 0.25rem; line-height: 1.1; }
.under_carousel { color: #a7a7a7; text-transform: uppercase; padding-top: 1%; font-size: 1.3125rem; }
.under_carousel .pipe { padding: 0 1rem; }

/*home Page */
.banner_grey { background-color: #eeeeee; padding-bottom: 4%;}
.banner_grey h2, .banner h2,.banner_sky h2 { padding-bottom: 20px; padding-top: 20px;}
.banner_sky { background-color: #a4b1d3; background-image:none; background-size: cover; background-position: right; }

/* accordions */
.accordion .card, .accordion .card-header, .accordion .btn { border-radius: 0; }
.accordion .card { border: 0 none; border-bottom: 1px solid #fdcd00 !important; }
.accordion .card-header { background-color: transparent; border-bottom: 0 none; }
.accordion .card-header, .accordion .btn, .accordion .card-body { padding-right: 0; padding-left: 0; }
.accordion .btn-link { display: flex; width: 100%; font-size: 1.125rem; font-weight: 500; color: #212529; }
.accordion .btn-link:after { content: '_'; margin-left: auto; }
.accordion .btn-link.collapsed:after { content: '+'; }
.accordion .card-body { padding-top: 0; }

/*footer*/
#inner-footer #widget-footer > div:last-child, #inner-footer .attribution { text-align: left; }
.foot_right { margin-top: 36px; }

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

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	h2.h1 { font-size: 2.5rem; }
	.navbar-expand-md { padding: 0.5rem 1rem; }
	.navbar .navbar-nav li { margin-right: 6.25rem; }
	.navbar .navbar-nav li:last-child { margin-right: 0; }
	.carousel-caption { padding-top: 20px; padding-bottom: 20px; top: 12%; }
	.carousel-caption h1 { margin-bottom: 0.5rem; font-size: 2.5rem; line-height: 1.2; }
	.carousel-caption .btn-jwbs { margin-top: 3%; padding: 0.375rem 0.75rem; line-height: 1.5; }
	.under_carousel { font-size: 1.5rem; }
	#inner-footer #widget-footer > div:last-child, #inner-footer .attribution { text-align: right; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	ul.three-column-lg { columns: 3; }
	#header-block-1 { display: none !important; }
	#header-block-4 { display: block !important; }
	.bg-jwbs { background-color: #fdcd00 !important; }
	.tripod_container img { max-width: 120%; position: absolute; left: -45%;}
	.banner_sky { background-image: url("/wp-content/uploads/2019/03/sky_banner.png"); }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.tripod_container img { max-width: 120%; position: absolute; left: -55%;}
}