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


html, body { overflow-x: hidden; }
body { font-size: 18px; color: #414141; }
h1, .h1 { font-size: 1.75rem; }
h2, .h2 { font-size: 1.625rem; }
h3, .h3 { font-size: 1.5rem; }
h4, .h4 { font-size: 1.25rem; }
h5, .h5 { font-size: 1.125rem; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: bold; }
a { font-weight: bold; }
a, a:hover, .green { color: #185640; }
label { font-weight: bold; }
p.small { line-height: 1.25; }
ul.li-mb li { margin-bottom: 1rem; }
.lead { font-size: 1rem; }
.btn { padding: 0; border: 0 none; }
:not(.wp-block-button).btn, .wp-block-buttons .wp-block-button.btn .wp-block-button__link, :not(.wp-block-button).btn-green-sm, .wp-block-buttons .wp-block-button.btn-green-sm .wp-block-button__link { padding: 0.25rem 0.875rem; font-weight: bold; text-transform: uppercase; border-radius: 0; }
:not(.wp-block-button).btn-green, .wp-block-buttons .wp-block-button.btn-green .wp-block-button__link, :not(.wp-block-button).btn-green-sm, .wp-block-buttons .wp-block-button.btn-green-sm .wp-block-button__link { color: #fff; background-color: #185640; border: 2px solid #185640; }
:not(.wp-block-button).btn-green:hover, .wp-block-buttons .wp-block-button.btn-green .wp-block-button__link:hover, :not(.wp-block-button).btn-green-sm:hover, .wp-block-buttons .wp-block-button.btn-green-sm .wp-block-button__link:hover { color: #185640; background-color: transparent; text-decoration: none; }
:not(.wp-block-button).btn-grey, .wp-block-buttons .wp-block-button.btn-grey .wp-block-button__link, :not(.wp-block-button).btn-grey-sm, .wp-block-buttons .wp-block-button.btn-grey-sm .wp-block-button__link { color: #414141; background-color: #e5e5e5; border: 2px solid #e5e5e5; }
:not(.wp-block-button).btn-grey:hover, .wp-block-buttons .wp-block-button.btn-grey .wp-block-button__link:hover, :not(.wp-block-button).btn-grey-sm:hover, .wp-block-buttons .wp-block-button.btn-grey-sm .wp-block-button__link:hover { background-color: transparent; border-color: #414141; text-decoration: none; }
:not(.wp-block-button).btn-green-sm, .wp-block-buttons .wp-block-button.btn-green-sm .wp-block-button__link, :not(.wp-block-button).btn-grey-sm, .wp-block-buttons .wp-block-button.btn-grey-sm .wp-block-button__link { padding: 0.1875rem 0.875rem; font-size: 0.875rem; }
.media.well { padding: 2.5rem; background-color: #e7eeec; }
.media.well p:last-of-type { margin-bottom: 0; }
.wp-block-button__link { border-radius: 0; }
.wp-block-column:not(:first-child) { margin-left: 3rem; }
.form-control.wpcf7-not-valid { border-color: #dc3232; }

.full-width { position: relative; }
.full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -99rem; z-index: -1; }
.bg-grey { background-color: #eee; }
.full-width.bg-grey:before { border-left: 99rem solid #eee; box-shadow: 99rem 0 0 #eee; }

.btn-billpay { margin-left: 2.5rem; color: #fff; background-color: #0c3122; }
.btn-billpay > div { padding: 0.5rem 1rem; line-height: 1.25; }
.btn-billpay > div:first-child { width: 80px; font-size: 1.1875rem; background-color: #174c38; text-align: center; }
.btn-billpay > div:last-child { font-size: 1.0625rem; }
.btn-billpay > div em { font-size: 0.875rem; font-weight: normal; }
.btn-billpay > div h6 { margin: 3px 0 0; }
.btn-billpay:hover { color: #fff; background-color: #174c38; text-decoration: none; }
.btn-billpay:hover > div:first-child { background-color: #0c3122; }

.accordions .accordions-head:hover { background-color: #185640 !important; }
.accordions .accordions-head .accordions-head-title { font-weight: bold; }
.accordions .accordions-head.ui-accordion-header-active .accordions-head-title,
.accordions .accordions-head.ui-accordion-header-active .accordion-icons { color: #fff !important; }

.bg-jwbs { background-color: #fff !important; }

#header-block-1 { background-color: #185640; }
#header-block-1:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: -99rem; border-left: 99rem solid #185640; box-shadow: 99rem 0 0 #185640; }
#header-block-1 > div { display: flex !important; position: relative; z-index: 100; }
#header-block-1 .btn { margin-top: 0.75rem; margin-bottom: 0.75rem; padding: 0.25rem 1rem; color: #fff; border: 2px solid #fff; }
#header-block-1 .btn:hover { color: #185640; background-color: #fff; }
.navbar-top { margin: 0; padding: 0.75rem 0; list-style: none; }
.navbar-top > li { display: inline-block; }
.navbar-top a { padding: 0.25rem 0.75rem; color: #fff; border: 0.125rem solid transparent; }
.navbar-top a:hover { text-decoration: underline; }
.navbar-top .pay-my-bill a { color: #185640; background-color: #fff; border-color: #fff; }
.navbar-top .pay-my-bill a:hover { color: #fff; background-color: #185640; text-decoration: none; }
.navbar-top .border-right { border-right: 1px solid #fff; }
.navbar-top > li:last-child a { padding-right: 0; }

.navbar-brand img { max-width: 80%; }
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:hover { padding: 0.5rem 1.125rem; color: #414141 !important; }
.navbar-dark .navbar-nav .contact .nav-link { padding-right: 1.125rem; }
.navbar-dark .navbar-nav .nav-link:hover { text-decoration: underline; }
.navbar-dark .navbar-toggler { position: absolute; top: 38px; right: 15px; border-color: #185640; }
.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='rgb(24, 86, 64)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}

.equine-bg { background-color: #185640; }
.equine-links .menu { margin: 0 auto; padding: 0; list-style: none; }
.equine-links .menu li { display: inline-block; }
.equine-links .menu li a { display: block; padding: 1.875rem 1.25rem; color: #fff; background-image: none; background-repeat: no-repeat; background-position: center bottom; }
.equine-links .menu li a:hover, .equine-links .menu .current-menu-item a { background-image: url('/wp-content/themes/jw-bootstrap/images/equine-link-bg.png'); text-decoration: none; }

/* home page */
.home .carousel-caption { padding: 0; top: 0; right: 20.75%; bottom: 0; left: 20.75%; font-size: 1.125rem; text-align: left; color: #414141; background-color: rgba(255, 255, 255, 0.85); }
.home .carousel-caption .h1 { margin-top: 0.25rem; margin-bottom: 0; width: auto; font-size: 1.25rem; font-weight: 900; color: #185640; text-align: center; text-transform: uppercase; }
.home .carousel-caption h2 { font-size: 0.875rem; }
.home .carousel-caption h2, .home .carousel-caption h3, .home .carousel-caption p, .home .carousel-caption ul { margin: 0 9%; }
.home .carousel-caption .btn-wrapper { margin: 0; text-align: center; }
.home .carousel-caption .btn { margin: 0 auto; padding: 0 0.5rem; font-weight: bold; text-transform: uppercase; color: #fff; background-color: #185640; border: 2px solid #185640; }
.home .carousel-caption .btn:hover { color: #185640; background-color: transparent; }
#submittals { background-color: #eee; }
#submittals figcaption { margin-top: 1rem; font-size: 1.5rem; font-weight: bold; line-height: 1.25; color: #185640; }
#documents { background-color: #e7eeec; }
#documents h4 { font-size: 1.25rem; font-weight: 900; }
#documents h4:hover a { color: #185640; }
#documents h4 img { max-width: 54px; }
#documents h4 #portal-login > span { line-height: 0.9; vertical-align: middle; }
#submittals a:hover figure, #documents h4:hover { transition: all 200ms ease-in; transform: scale(1.1); }
#submittals a:hover, #documents h4:hover a { text-decoration: none; }

.carousel-caption { padding-top: 0.625rem; padding-bottom: 0.625rem; top: 0; right: 0; bottom: auto; left: 0; text-align: left; background-color: rgba(255, 255, 255, 0.6); }
.carousel-caption h1 { margin: 0 auto; color: #185640; text-transform: uppercase; }
#equine-contact { background-color: #eee; }

.testimonial { margin-bottom: 2%; padding: 1% 5%; background-color: #f4f4f4; border-radius: 1.125rem 0.125rem; }
.testimonial p img { vertical-align: 3px; }
.testimonial p { color: #18563e; text-align: center; }
.testimonial p:last-child { color: #88a799; text-align: right; }

body > footer { background-color: #e5e5e5; border-top: 8px solid #185640; }
#inner-footer .menu { margin: 0; padding: 0; list-style: none; }
#inner-footer .menu > li > a { font-weight: normal; color: #414141; }
.attribution { font-size: 0.875rem; }
.attribution a { display: block; padding: 0; border: 0 none; }
.attribution .first-child { margin: 0; border-left: 0 none; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
	.carousel-caption h1 { width: 540px; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.d-none.d-sm-hidden { display: inline-block !important; visibility: hidden; }
	.navbar-brand img { max-width: 200%; }
	.navbar-dark .navbar-nav .contact .nav-link { padding-right: 0; }
	.carousel-caption h1 { width: 720px; }
	#main-navbar { margin-top: 3.375rem; }
	#media_image-2 { flex-basis: 30%; max-width: 30%; }
	#nav_menu-4 { flex-basis: 20%; max-width: 20%; }
	#nav_menu-3 { flex-basis: 25%; max-width: 25%; }
	#nav_menu-2 { flex-basis: 20%; max-width: 20%; }
	.attribution a { display: inline-block; padding: 0 0.75rem; border-left: 1px solid #414141;  }
	.attribution .first-child { margin-left: 0.75rem; border-left: 1px solid #414141; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	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; }
	.carousel-caption h1 { width: 960px; }
	.home .carousel-caption { padding: 20px 0; right: 50%; }
	.home .carousel-caption h1, .home .carousel-caption .h1 { margin-bottom: 0.5rem; font-size: 1.875rem; }
	.home .carousel-caption .btn-wrapper { margin: 1rem 3rem 0 0; text-align: right; }
	.home .carousel-caption .btn { padding: 0.25rem 1rem; }
	.lead { font-size: 1.25rem; }
	#documents h3 { font-size: 1.75rem; }
	#documents h3 img { max-width: 100%; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.carousel-caption h1 { width: 1140px; }
	.home .carousel-caption h2 { font-size: 1.5rem; }
}

@media only screen and (min-width : 1440px) {
	.home .carousel-caption h1, .home .carousel-caption .h1 { margin-top: 0.5rem; margin-bottom: 1.5rem; font-size: 2.5rem; }
}