/**
 * Color classes and default styling are in /assets/main.css, focus your efforts there
 * @import external fonts at top of this page before default.css
 * remove comment for dark-mode.css if you want to enable that -- will not be 100%, you will need to fix minor things
 */
@import url("./assets/default-settings.css");
/** @import url("assets/dark-mode.css"); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html, body { overflow-x: hidden; }
a { color: var(--bs-body-color); text-decoration: none; }
a:hover { text-decoration: underline; }
.nav-tabs .nav-link, .card { border-radius: 0; }
.wp-block-table td { padding: 0; border: 0 none; }
.font-medium { font-weight: 500; }

.bg-white { color: unset; background-color: var(--jwbs-text-on-white-bg-color); }
.bg-e5e5e5 { background-color: #e5e5e5; }

.menu-top-navigation-container { text-align: right; }
#menu-top-navigation { display: inline-block; background-color: #dbdbdb; margin: 0; padding: 0; list-style: none; }
#menu-top-navigation li { display: inline-block; }
#menu-top-navigation li a { display: inline-block; padding: 0.5rem 1.5rem; font-size: 1.0625rem; color: #5c5c5c; text-decoration: none; }
body > header:first-of-type { padding-bottom: 1rem; }
.navbar > .container { align-items: center; }
.navbar > .container #menu-all-pages { margin-bottom: -0.5rem !important; }
.navbar > .container #menu-all-pages .nav-link { padding: 0.5rem 1.5rem; font-size: 1.25rem; font-weight: 600; }
.dropdown-item:active, .dropdown-item.active { background-color: rgb(var(--bs-danger-rgb)); }

#content .jwbs-banner { margin-bottom: 1rem; }

/* home */
.home .carousel-caption { padding: 0; right: 5%; left: 5%; }
.home .carousel-caption > .container > span { padding: 1rem; background-color: rgba(255, 255, 255, 0.5); }
.home .carousel-caption p { font-size: 1rem; }
.home .carousel-caption .btn { text-transform: uppercase; }
#capabilities-services .nav { justify-content: center; }
#capabilities-services .nav-tabs { gap: 0; border: 0 none; }
#capabilities-services .nav .nav-link { font-size: 2rem; font-weight: 600; text-transform: uppercase; border: 0 none; }
#capabilities-services .nav .nav-link:hover { color: #fff; }
#capabilities-services .nav .nav-link.active { color: #ed1b24 !important; background-color: #fff !important; }
#capabilities-services .tab-content .row { padding: 1rem; }
#capabilities-services .tab-content .col { flex: unset; padding-bottom: 1.5rem; width: 100%; }
#capabilities-services .card-body { position: relative; margin-top: -0.75rem; padding-top: 0; padding-bottom: 3rem; }
#capabilities-services .card { background-color: #dddbdc; }
#capabilities-services .card-body .card-title { font-size: 1.125rem; }
#capabilities-services .card-body p:last-of-type { position: absolute; bottom: 1rem; left: 1rem; font-size: 1.125rem; font-weight: 600; }
#our-projects .container { max-width: 98%; }
#wpcpro-wrapper-2485 .wpcp-prev-button, #wpcpro-wrapper-2485 .wpcp-next-button { padding: 1.125rem; }
#wpcpro-wrapper-2485 .wpcp-prev-button, #wpcpro-wrapper-2485 .wpcp-next-button, 
#wpcpro-wrapper-2485 .wpcp-prev-button:hover, #wpcpro-wrapper-2485 .wpcp-next-button:hover { background-color: #fff; border-radius: 50%; }
#wpcpro-wrapper-2485 .wpcp-prev-button { left: -1rem; }
#wpcpro-wrapper-2485 .wpcp-next-button { right: -1rem; }

.service-banner .carousel-caption { bottom: 22.5%; }
.breakout.bg-black { border-bottom: 66px solid rgb(var(--bs-danger-rgb)); }
.service-area { margin-top: 6.5rem; }
.service-img { margin-top: -50%; }
.project { margin-top: 4rem; }

#inner-footer { font-size: 1.25rem; }
#inner-footer .h2.widgettitle { font-size: 1.375rem; text-transform: uppercase; }
#inner-footer .menu { margin: 0; padding: 0; list-style: none; }
#inner-footer #block-3  > .wp-block-columns .wp-block-column p { margin-bottom: 0.5rem; }
#inner-footer #block-3  > .wp-block-columns > .wp-block-column { flex-basis: 25%; }
#inner-footer #block-3  > .wp-block-columns > .wp-block-column:first-of-type { flex-basis: 50%; }

/** cards */
.jwbs-card.contained { max-width: 900px; margin: 0 auto; }
.jwbs-card.restrict-image img { max-width: 100px; height: auto; margin: auto; }
.jwbs-card.no-border .card { border: 0; }

/** media queries */
/** Small devices (landscape phones, 576px and up) [-sm] */
@media only screen and (min-width : 576px) {
}

@media only screen and (max-width : 767px) {
}

/** Medium devices (tablets, 768px and up) [-md] */
@media only screen and (min-width : 768px) {
	body > header:first-of-type { padding-bottom: 2.5rem; }
	.navbar > .container { align-items: flex-end; }
	.home .carousel-caption { right: 50%; }
	.home .carousel-caption > .container > span { padding: 0; background-color: transparent; }
	#capabilities-services .nav-tabs { gap: 2rem; }
	#capabilities-services .tab-content .col { width: 33.33%; }
}

@media only screen and (max-width : 991px) {
	.wp-block-media-text.is-stacked-on-mobile {
		grid-template-columns: 100% !important;
	}
	.wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
		grid-column: 1;
		grid-row: 2;
	}
}

/** Large devices (desktops, 992px and up) [-lg] */
@media only screen and (min-width : 992px) {
}

/** X-Large devices (large desktops, 1200px and up) [-xl] */
@media only screen and (min-width : 1200px) {
	.gap-lg-5 { gap: 3rem; }
	.home .carousel-caption h1 { font-size: 3.125rem; }
	.home .carousel-caption p { font-size: 1.5rem; }
	.home .carousel-caption .btn { padding: 0.375rem 2rem; font-size: 1.625rem; }
	.service-area { margin-top: 15.5rem; }
	.service-img { margin-top: -37.5%; }
	.project { margin-top: 9.5rem; }
	#capabilities-services .tab-content .col { width: 20%; padding-bottom: 0; }
}

/** larger desktops, 1400px and up [-xxl] */
@media only screen and (min-width : 1400px) {
	.carousel-caption { right: 57.5%; bottom: 12.5%; left: calc((100% - 1340px) / 2); }
	.service-banner .carousel-caption { right: calc((100% - 1340px) / 2); }
	#capabilities-services .card-body .card-title { font-size: 1.5rem; white-space: pre-wrap; word-wrap: normal !important; }
}