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

img { max-width: 100%; height: auto; }
iframe, input, select, textarea { max-width: 100%; }

body.admin-bar .navbar.fixed-top { top: 28px; }
body.navbar-fixed-top { padding-top: 56px; }
h3 { font-size: 1rem; }
a, .blue { color: #0055a5; }
.red { color: #c00; }
.btn { border: 0 none; border-radius: 0; }

header { z-index: 1030; }
#header-block-1 { display: -webkit-flex !important; display: flex !important; flex-basis: 100%; -webkit-align-items: center; align-items: center; padding-top: 1rem; }
#header-block-3 { flex-basis: 100%; padding-top: 1rem; padding-bottom: 1rem; line-height: 1.15; }
.navbar { padding: 0; }
.navbar-dark.bg-jwbs { background-color: #b7b7b7 !important; }
.navbar-dark .navbar-nav li > .nav-link { padding-right: 1.75rem; padding-left: 1.75rem; }
.navbar-dark .navbar-nav li:first-child .nav-link { padding-left: 1.75rem; }
.navbar-dark .navbar-nav li > .nav-link, .navbar-dark .navbar-nav li > .nav-link:hover, .navbar-dark .navbar-nav li > .nav-link:focus, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .active > .nav-link:hover, .navbar-dark .navbar-nav .active > .nav-link:focus { color: #333; text-transform: uppercase; }
.navbar-dark .navbar-nav li > .nav-link:hover, .navbar-dark .navbar-nav .active > .nav-link:hover { text-decoration: underline; }

.hoverdrop .dropdown:hover > .dropdown-menu, .hoverdrop .dropup:hover > .dropdown-menu { display: block; }
.hoverdrop .dropdown > .dropdown-toggle:active, .hoverdrop .dropup > .dropdown-toggle:active { pointer-events: none; }
.nav-xs-fill .nav-item { flex: 1 1 auto; text-align: center; }

#banner.position-absolute { top: 0; right: 0; left: 0; }

/* home page */
#carousel img { display: block; max-width: 1500px; max-height: 320px; width: auto !important; }
#carousel { margin-bottom: 2em; }
.carousel-caption { padding-top: 10px; padding-bottom: 10px; right: 5%; bottom: 7.5%; left: 5%; color: #fff; }
.carousel-caption .container { padding: 1rem 2rem; background-color: rgba(0, 85, 165, 0.6); text-align: left; }
.carousel-caption h1 { /* margin: 0 10%; */ font-size: 1rem; font-weight: 700; line-height: 1.05; }
#services { position: relative; }
#services .bg-left { display: none; }
#services > .container > .row > div:first-child { background-color: #0055a5;; }
#services .borders-right { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-top: 0 none; border-bottom: 3px solid #b7b7b7; }
#services h3 { margin-top: 1.25rem; font-size: 1.75rem; color: #fff56d; }
#services .row { -webkit-align-items: center; align-items: center; }
#services .row > div:first-child { font-size: 1rem; color: #fff; }
#services h6 { line-height: 1.1; }
#services #rotator {display: flex; align-items: center; min-height: 525px; }
#services .btn { padding: 0.375rem 1rem; color: #fff; background-color: #707070; }
#services .carousel-control-prev, #services .carousel-control-next { position: static; display: inline-block; padding: 0.3125rem; width: 1.875rem; height: 1.875rem; background-color: #0055a5; border-radius: 1.875rem; }
#services .carousel-control-prev { margin-right: 4rem; padding: 0.3125rem 0.375rem 0.3125rem 0.25rem; }
#services .carousel-control-next { padding: 0.3125rem 0.25rem 0.3125rem 0.375rem; }

/* products page */
.products h6 { padding: 4px; font-weight: bold; background-color: #b7b7b7; }

 /* Move reCAPTCHA v3 badge to the left */
 
.grecaptcha-badge { width: 70px !important; overflow: hidden !important; transition: all 0.3s ease !important; left: 4px !important; }
.grecaptcha-badge:hover { width: 256px !important; }

body > footer { background-color: #ebebeb; }
#inner-footer .menu { margin-left: 0; padding-left: 0; list-style: none; }
#inner-footer .menu > li > a { /* color: #868686; */ text-transform: uppercase; }
#inner-footer .col-sm.widget_nav_menu { width: 50%; }
#inner-footer #media_image-2 img { mix-blend-mode: darken; }
.attribution { font-size: 0.875rem; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
  .nav-sm-fill .nav-item { flex: 1 1 auto; text-align: center; }
	#carousel img {max-width: 100%; max-height: 100%; width: 100% !important; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	h3 { font-size: 1.75rem; }
  .nav-md-fill .nav-item { flex: 1 1 auto; text-align: center; }
  .comment-form-author, .comment-form-email, .comment-form-url { width: 50%; }
	#header-block-1 { flex-basis: 1; padding-top: 0; }
	#header-block-3 { flex-basis: 1; }
	.navbar-dark .navbar-nav li:first-child .nav-link { padding-left: 0; }
	#carousel { margin-bottom: 4em; }
	.carousel-caption { padding-top: 10px; padding-bottom: 15px; }
	.carousel-caption .container { margin-left: calc((100% - 690px) / 2); width: 360px; }
	.carousel-caption h1 { /* margin: 0 15% 0 7.5%; */ font-size: 2rem; }
	#services .bg-left { display: inline; position: absolute; top: 0; right: 50%; bottom: 0; left: 0; background-color: #0055a5; }
	#services > .container > .row > div:first-child { font-size: 1.25rem; background-color: transparent; }
	#services .borders-right { left: 50%; border-top: 3px solid #b7b7b7; border-bottom: 3px solid #b7b7b7; }
	#inner-footer .col-sm.widget_nav_menu { width: 100%; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .nav-lg-fill .nav-item { flex: 1 1 auto; text-align: center; }
	.carousel-caption { padding-top: 20px; padding-bottom: 20px; }
	.carousel-caption .container { margin-left: calc((100% - 930px) / 2); width: 400px; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .nav-xl-fill .nav-item { flex: 1 1 auto; text-align: center; }
	.carousel-caption .container { margin-left: calc((100% - 1110px) / 2); width: 570px; }
}