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


a, .blue { color: #100774; }
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; }
h6, .h6 { font-size: 1rem; }
h3, h4, .h3, .h4, .orange { color: #fd5100; }
.btn, .card { border-radius: 0; }
.wp-block-column { margin-left: 0 !important; }
.wpcf7-form .form-row .form-group { margin-bottom: 0; }
.wpcf7-list-item { display: block; margin: 0; }

#header-block-1 img { margin: 0 auto; max-width: 75%; }
#header-block-2 { font-size: 1.35rem; }
#header-block-2 .header-links { display: inline-block; vertical-align: 0.75rem; white-space: nowrap; }
#header-block-2 a { color: #212529; }
#header-block-2 .svg-inline--fa { margin: 0 0.375rem 0 1.5rem; color: #fd5100; }
#header-block-2 .svg-inline--fa.fa-envelope { margin-left: 0; }
#header-block-2 h4 { font-weight: 600; }
#header-block-2 #___gcse_0 { display: none; }
#header-block-2 #___gcse_0 .gsc-control-cse, #header-block-2 #___gcse_1 .gsc-control-cse { padding: 0; }
#header-block-2 #___gcse_0 .gsc-search-button svg, #header-block-2 #___gcse_1 .gsc-search-button svg { width: 21px; height: 21px; transform: scaleX(-1); }
#header-block-2 #___gcse_0 .gsc-search-button .gsc-search-button-v2, #header-block-2 #___gcse_1 .gsc-search-button .gsc-search-button-v2 { padding: 0; }
#header-block-2 #___gcse_0 .gsc-control-cse:after { display: none; }
#header-block-2 #___gcse_0 form.gsc-search-box { margin: 0; }
#header-block-2 #___gcse_1 { display: block; }

.bg-jwbs { background-color: #fd5100 !important; }
.navbar.bg-jwbs { padding: 0.25rem 0; }
.navbar-dark .navbar-nav .nav-link { padding-right: 2.25rem; padding-left: 2.25rem; font-size: 1.44375rem; color: #fff; text-transform: uppercase; }
.navbar-dark .navbar-nav .nav-link:hover { color: #fff; }
.navbar-dark .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(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

#sidebarLeft { padding-top: 1.25rem; }
#sidebarLeft #nav_menu-3 { padding: 1rem; background-color: #fafafa; }
#sidebarLeft .menu, #sidebarLeft .sub-menu { margin-left: 0; padding-left: 0; list-style: none; }
#sidebarLeft .sub-menu { padding-left: 1rem; }
#sidebarLeft .menu .menu-item, #sidebarLeft .sub-menu .menu-item { padding-left: 9px; }
#sidebarLeft .menu .menu-item > a:before, #sidebarLeft .sub-menu .menu-item > a:before { content: ''; display: inline-block; margin-left: -12px; width: 12px; height: 12px; border: 6px solid transparent; border-right: 0 none; }
#sidebarLeft .menu .menu-item > a:hover:before, #sidebarLeft .sub-menu .menu-item > a:hover:before,
#sidebarLeft .menu .current-menu-item > a:before, #sidebarLeft .sub-menu .current-menu-item > a:before { border-left-color: #fd5100; }

/* home page */
.carousel-item > img { display: none; }
.carousel-caption { position: relative; right: auto; left: auto; }
.carousel-caption .card { background-color: rgba(15, 6, 115, 0.9); }
.carousel-caption .card-title img { vertical-align: -14px; }
.carousel-caption .card-body { padding: 1rem; }
.carousel-caption .card-body p { margin-bottom: 0.5rem; }
.carousel-caption .card-body p { margin-bottom: 0.5rem; }
.carousel-caption .card-body .btn { color: #fff; border: 2px solid #fff; }
.carousel-caption .card-body .btn:hover { color: #0f0673; background-color: #fff; }
#solution { font-size: 2rem; color: #fff; background-color: #313131; }
#solution .btn { margin-left: 0; padding: 0 1.75rem 0.25rem; font-size: 1.5rem; color: #fff; border: 2px solid #fff; }
#solution .btn:hover { color: #313131; background-color: #fff; }
#our-systems { background-color: #bfbfbf; }
#our-systems h2 { font-weight: 700; }
.tc-owc-overlay {
	top: 25%;
	bottom: 0;
	height: auto;
	background-color: transparent !important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+18,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.18) 18%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.18) 18%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.18) 18%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.tc-owc-overlay .item-title :not(p) { text-transform: uppercase; }
.tcowl-read-more { display: none; }

body > footer { background-color: #dcdcdc; border-bottom: 40px solid #282b64; }
#widget-footer .widgettitle { color: #100774; text-transform: uppercase; }
#widget-footer p { margin-bottom: 0.625rem; }
#widget-footer #custom_html-3 img { max-width: 188px; }
#widget-footer #nav_menu-2 .widgettitle { display: none; }
#widget-footer .menu { margin: 0; padding: 0; list-style: none; }
#widget-footer .menu a { color: #212529; }
#widget-footer .form-control { border-radius: 0; }
#widget-footer form .btn { color: #fff; background-color: #fd5100; }


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

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	h1, .h1 { font-size: 2.5rem; }
	h2, .h2 { font-size: 2rem; }
	h3, .h3 { font-size: 1.75rem; }
	h4, .h4 { font-size: 1.5rem; }
	h5, .h5 { font-size: 1.25rem; }
	h6, .h6 { font-size: 1rem; }
	#header-block-2 .svg-inline--fa.fa-envelope { margin-left: 1.5rem; }
	#header-block-2 #___gcse_0 { display: inline-block; }
	#header-block-2 #___gcse_1 { display: none; }
	.carousel-item > img { display: block; }
	.carousel-caption { position: absolute; right: 15%; left: 15%; }
	#solution { font-size: 2.5rem; }
	#solution .btn { margin-left: 3rem; }
	#widget-footer #custom_html-3 img { max-width: 100%; }
	#widget-footer #nav_menu-2 .widgettitle { display: block; }
}

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

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

@media only screen and (max-width : 576px){
	#header-tagline {display:none;}
	#header-block-2 {text-align:center !important; font-size:1em;}
	#header-block-2 .svg-inline--fa {margin:0 0.375rem 0 .5rem;}
}