/**
 * 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("./fonts/MyriadPro/stylesheet.css");
@import url("./assets/default-settings.css");
/** @import url("assets/dark-mode.css"); */

body { font-weight: 300; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 700 !important; }
b, .bold, strong, .fw-bold { font-weight: 700; }
figure.w-100 > img { width: 100%; }
.btn { --bs-btn-border-radius: 0; --bs-btn-padding-x: 1.25rem; text-transform: uppercase; font-weight: 300; }
.grey-stripes { background: url('/wp-content/uploads/2024/03/grey-stripes.jpg'); background-size: cover; }
.restrict-half { max-width: calc(var(--restricted-width) / 2); }
.wp-block-media-text.is-stacked-on-mobile > figure { margin-bottom: 1rem; }

/** nav */
.navbar-brand img { width: 150px; height: auto; padding: 10px 0; }
a.mega-menu-link { font-size: 0.75rem !important; }
#mega-menu-wrap-primary #mega-menu-primary { margin-top: 0 !important; }
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated { position: absolute; top: -0.875rem; right: 0; }
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:after { background-color: #494F55; }

/** carousel */
body:not(.home) .jwbs-banner:first-of-type [class*='display-'] { font-weight: 300 !important; }
.carousel-caption { display: flex !important; flex-direction: row; height: 100%; top: 0; bottom: 0; }
.carousel-caption .container, .carousel-caption .container .lead { font-weight: 400; }
.carousel-caption .container { align-self: center; line-height: 1.2; }
.carousel-caption .container h1, .carousel-caption .container h2 { line-height: 1; }
.carousel-caption .container div.animate__animated { margin: 2rem 0; }
.carousel-caption .container .btn.bg-white { background-color: transparent !important; border-color: var(--bs-white); color: var(--bs-white) !important; }
.carousel-caption .container .btn.bg-white:hover { background-color: var(--bs-white) !important; color: rgb( var(--bs-dark-rgb) ) !important; }

/** blockquote */
.blockquote { margin-left: 2rem; padding-left: 1rem; border-left: 3px solid rgb( var(--bs-primary-rgb ) ); font-weight: 300; }

/** list */
ol { list-style: none; counter-reset: item; }
ol li { counter-increment: item; margin-bottom: 5px; }
ol li:before { content: counter(item); position: relative; right: 40px; font-size: 1.2rem; margin-right: -29px; background: rgb(var(--bs-primary-rgb) ); border-radius: 100%; color: var(--bs-white); width: 29px; height: 29px; text-align: center; display: inline-block; }

/** cards */
.jwbs-card.border-0 .card { border-width: 0; }
h4.fw-light { font-weight: 300 !important; }

/** accordions */
.accordion-item { border-top: 1px solid rgb(var(--bs-primary-rgb)) !important; border-bottom: 1px solid rgb(var(--bs-primary-rgb)) !important; }
.split-list.jwbs-accordion > div:first-of-type { border-top: 1px solid rgb(var(--bs-primary-rgb)) !important; }
.split-list.jwbs-accordion > div:last-of-type { border-bottom: 1px solid rgb(var(--bs-primary-rgb)) !important; }
.accordion-item .accordion-header .accordion-button { font-weight: 600; text-transform: uppercase; }
.accordion-item .accordion-body { font-size: 1rem; }
.accordion-item .accordion-button::after { order: -1; margin-left: -0.75rem; margin-right:0.5rem; }
.accordion-item .accordion-button.collapsed::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23184888'%3e%3cpath fill-rule='evenodd' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM232 344V280H168c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H280v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z'/%3e%3c/svg%3e"); }
.accordion-item .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23184888'%3e%3cpath fill-rule='evenodd' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM184 232H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z'/%3e%3c/svg%3e"); }
#unique-accordion .accordion-item .accordion-button::after { order: unset; margin: 0; background-image: unset; }
#unique-accordion .accordion-item .accordion-button span { margin-right: 1rem; color: rgb(var(--bs-primary-rgb)); font-weight: bold; }

/** lists */
ul.chevron { --chevron-icon-size: .8em; --chevron-gutter: .5em; padding: 0 0 0 var(--chevron-icon-size); margin-bottom: 0; }
ul.chevron strong {display: block;margin: 0 0 -1rem -.5em;}
ul.chevron li { padding-left: var(--chevron-gutter); }
ul.chevron li::marker { content: "\f054"; font-family: "Font Awesome 5 Pro"; font-size: var(--chevron-icon-size); font-weight: 600; color: rgb( var(--bs-primary-rgb) ); }

/** split lists */
.split-list * { break-inside: avoid-column; }
.split-list strong { color: rgb( var(--bs-primary-rgb) ); }

/** decorative */
.waffle { background: no-repeat url('/wp-content/uploads/2024/04/waffle.png') 0 calc( 100% - (539px / 2) / 2); }
.left-circles { background: no-repeat url('/wp-content/uploads/2024/04/3-ring-circle.png') -132px 35px; }
.right-circles { background: no-repeat url('/wp-content/uploads/2024/04/6-ring-circle.png') calc(100% + 177px) calc(-100% - 200px); }

/* forms */
form { padding: 2rem; box-shadow: 0 4px 30px #1d8ecd3e; }
.wpcf7-not-valid-tip { font-size: 0.75em; }

/** 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) {
  body { --bs-body-font-size: 1.5rem; }
	.wp-block-media-text.is-stacked-on-mobile > figure { margin-bottom: 0; }
  .home .carousel-caption .container .lead { font-size: 2.22rem; }
  .blockquote { font-size: 2.22rem; }
  .split-list:not(.wp-block) { column-count: 2; column-gap: 5rem; }
  .split-list.jwbs-accordion > div:first-of-type { border-bottom: 1px solid rgb(var(--bs-primary-rgb)) !important; }
  .split-list.jwbs-accordion > div:last-of-type { border-top: 1px solid rgb(var(--bs-primary-rgb)) !important; }
}

@media only screen and (min-width : 769px) {
	#mega-menu-wrap-primary { max-width: 770px !important; }
	a.mega-menu-link { font-size: 1rem !important; }
}

/** Large devices (desktops, 992px and up) [-lg] */
@media only screen and (min-width : 992px) {
  .navbar { --bs-navbar-nav-link-padding-x: 1rem; }
  .contain-content .container > * { max-width: 400px; margin-left: calc(((100% / 2) / 2) - 200px) !important; }
}

/** X-Large devices (large desktops, 1200px and up) [-xl] */
@media only screen and (min-width : 1200px) {
	#mega-menu-wrap-primary { width: unset; max-width: unset; }
	a.mega-menu-link { font-size: 1.125rem !important; }
}

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