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

body { font-family: Helvetica, 'Helvetica Neue', sans-serif; }
.gap-5 { gap: 5em; }

/* colors */
.btn-green { color: #ffffff !important; background-color: #8ac640; border-color: #8ac640; } .btn-green:hover { color: #ffffff !important; background-color: #0069d9; border-color: #0069d9; } .btn-outline-green { color: #8ac640 !important; background-color: transparent; background-image: none; border-color: #8ac640; } .btn-outline-green:hover { color: #ffffff !important; background-color: #8ac640; background-image: none; border-color: #8ac640; }
.btn-blue { color: #ffffff !important; background-color: #0c3968; border-color: #0c3968; } .btn-blue:hover { color: #ffffff !important; background-color: #0069d9; border-color: #0069d9; } .btn-outline-blue { color: #0c3968 !important; background-color: transparent; background-image: none; border-color: #0c3968; } .btn-outline-blue:hover { color: #ffffff !important; background-color: #0c3968; background-image: none; border-color: #0c3968; }
.border-blue { border: 3px solid #0c3968; }

.text-green { color: #8ac640 !important; } .bg-green { color: #fff; background-color: #8ac640 ; } .border-green { border-color: #8ac640 !important; } .full-width.bg-green:before { border-left: 99rem solid #8ac640; box-shadow: 99rem 0 0 #8ac640; } .extend-left.bg-green:before { border-left: 90rem solid #8ac640; } .extend-right.bg-green:before { box-shadow: 80rem 0 0 #8ac640; } .bg-green a { color: #ffffff; }
.text-blue { color: #0c3968 !important; } .bg-blue { color: #fff; background-color: #0c3968; } .border-blue { border-color: #0c3968 !important; } .full-width.bg-blue:before { border-left: 99rem solid #0c3968; box-shadow: 99rem 0 0 #0c3968; } .extend-left.bg-blue:before { border-left: 90rem solid #0c3968; } .extend-right.bg-blue:before { box-shadow: 80rem 0 0 #0c3968; } .bg-blue a { color: #ffffff; }
a.text-green:hover, a.text-green:active { color: #0c3968 !important; }

body > header { margin-top: 1rem; }
body > header > .container > .row { align-items: center; }
#header-block-1 img { max-height: 4.6875rem; }

#content { font-size: 1.0625rem; }
#content a { text-decoration: underline; }
#content a:hover { text-decoration: none; }

#moverschoice-logo img, #bizchoice-logo img { height: auto !important; object-fit: contain !important; }

body > footer {  background-color: #0c3968; }
body > footer > .container { font-size: 0.875rem; color: #fff; background-color: #0c3968; }
body > footer > .container > .row { margin: 0; padding: 1rem 0.5rem; align-items: flex-end; }
body > footer a { color: #fff; }
body > footer a:hover { color: #fff; text-decoration: underline; }


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

@media only screen and (max-width : 768px) {
	body > footer .row .col { flex-basis: 100%; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	#header-block-2 img { margin: -0.5rem 0 0.75rem !important; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.w-md-50 { width: 50% !important; }
	.w-md-75 { width: 75% !important; }
	body > footer > .container > .row { padding: 1rem 3rem; }
}

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

/* Dark mode */
@media (prefers-color-scheme: dark) {
}