/**
 * 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/css?family=Roboto:300,400,700');
@import url("jwbs.css");

body, .btn { font-family: 'Roboto', sans-serif; font-weight: 300; }
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { color: #17294e; }
.btn, .btn .nav-link { font-size: 0.875rem; font-weight: 400; }
.row > img { width: unset; }

/* secondary */
.border-secondary { border-color: #a09fa4 !important; }
.btn-secondary { margin-bottom: 5px; background-color: #a09fa4; border-color: #a09fa4; text-align: center !important; }
.btn-secondary:hover { background-color: #17294e; border-color: #17294e; }
.btn-secondary a { color: #fff !important; }

.navbar { padding: 0.5rem; }
.nav-link { font-size: 1rem; }
.navbar-toggler { margin-left: 1rem; }
.collapsed .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2823, 41, 78, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

/* vectors */
body { background: #fff url('/wp-content/uploads/foot-vector.png') no-repeat 3% 97%; }
.vector-left { background: #fff url('/wp-content/uploads//vector-right.png') no-repeat 98% 50%; }
.vector-right {background: #fff url('/wp-content/uploads/vector-left.png') no-repeat -16% 69%;}
.vector-graphic.top { top: -47px; }

.home > main .container, .home > main.container { background: rgba(255, 255, 255, 0.7); }
.home .vector-right .vector-graphic { top: -0.5rem; left: -4rem; }
.home .vector-left .vector-graphic { top: -3.25rem; right: -2.25rem; }
.home .vector-right .vector-graphic, .home .vector-left .vector-graphic { display: none; width: 155px; }

#block-2.widget_block { padding: 0 15px; }

/* carousel / banner */
.carousel-caption { padding: 20px 15px; background: rgba(255, 255, 255, 0.66); color: #17294e; transform: translateY(-50%); top: 50%; right: 0; left: 0; bottom: auto; }
.carousel-caption .container { background: transparent; }
.carousel-caption h1 { margin: auto; max-width: 1000px; font-size: 1rem; font-weight: 300; }

/* faq */
.accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2317294e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
#accordionFAQ .accordion-button.btn-lg { font-size: 1.625rem; }
#accordionFAQ .accordion-button { color: #17294e; background-color: transparent; }
#accordionFAQ .accordion-button:focus { box-shadow: none; }
#accordionFAQ .card .btn:hover { text-decoration: underline; }

.wpcf7-submit.btn { background-color: #17294e; border-color: #17294e; }
.wpcf7-submit.btn:hover, .wpcf7-submit.btn:focus { color: #fff; }

/* footer */
body > main.container footer .wp-block-group.container { background: none; }
#block-4 > .wp-block-group.breakout { background: #78777c; color: #fff; }
#block-4 ul.menu { list-style: none; padding-inline-start: 0; padding-left: 8px; }
#block-4 ul.menu li { display: inline-block; }
#block-4 ul.menu li a { color: #fff; padding: 8px; text-decoration: none; }
#block-4 ul.menu li a:hover { color: #fff; text-decoration: underline; }
#block-4 #menu-sub-footer { float: right; font-size: 0.875em; }
#menu-sub-footer li { border-left: 1px solid; }

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

/** Medium devices (tablets, 768px and up) [-md] */
@media only screen and (min-width : 768px) {
  .carousel-caption h1 { font-size: 2em; }
	.home .vector-right .vector-graphic, .home .vector-left .vector-graphic { display: block; }
  ul.split-list { columns: 2; -webkit-columns: 2; -moz-columns: 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) {
}

/** larger desktops, 1400px and up [-xxl] */
@media only screen and (min-width : 1400px) {
}