/**
 * 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/Avenir/stylesheet.css');
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@700&display=swap');
@import url("./assets/default-settings.css");
/** @import url("assets/dark-mode.css"); */

html, body { overflow-x: clip; }
body { position: relative; z-index: 1; }
body:before { position: absolute; content: ""; top: 1000px; right: -250px; height: 500px; width: 500px; background-color: #f1f6fe; -webkit-mask-image: url(/wp-content/uploads/2024/02/ripple.png); mask-image: url(/wp-content/uploads/2024/02/ripple.png); -webkit-mask-position: left bottom; mask-position: left bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; transform: rotate(240deg); z-index: -1; }
body:after { position: absolute; content: ""; top: 1600px; left: -200px; height: 750px; width: 750px; background-color: #f1f6fe; -webkit-mask-image: url(/wp-content/uploads/2024/02/ripple.png); mask-image: url(/wp-content/uploads/2024/02/ripple.png); -webkit-mask-position: left bottom; mask-position: left bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; transform: rotate(240deg); z-index: -1; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { text-transform: uppercase; }
h1.h5 { text-transform: none; }
*[class*="display-"] { font-weight: 600; }
.lead { font-weight: 400; }
.rounded-top-0 .card { border-top-left-radius: 0; border-top-right-radius: 0; }
.rounded-bottom-0 .card { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.top-divider { border-top: 3px solid #D54829; }
.bottom-divider { border-bottom: 3px solid #D54829; }
.outline { font-family: "Bai Jamjuree", sans-serif; font-weight: 700; font-style: normal; font-size: 6rem !important; color: var(--bs-dark); -webkit-text-fill-color: transparent; -webkit-text-stroke: .05rem var(--bs-dark); }
#breadcrumbs { color: var(--bs-white); }

/** buttons */
.btn { --bs-btn-border-radius: var(--bs-border-radius-pill); --bs-btn-padding-x: 3rem; transition: all 0.5s ease; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active { color: rgb( var(--bs-primary-rgb) ); background-color: var(--bs-white); }
.btn.bg-white { border: 1px solid rgb( var(--bs-primary-rgb) ); }
.btn.bg-white:hover, .btn.bg-white:active, .btn.bg-white:focus, .btn.bg-white.active, .btn-white:hover, .btn-white:active, .btn-white:focus, .btn-white.active { color: var(--bs-white) !important; background-color: rgb( var(--bs-primary-rgb) ) !important; --bs-btn-hover-bg: rgb( var(--bs-primary-rgb) ); }
.card .btn-link { text-decoration: none; color: var(--bs-dark); padding-left: 0; font-weight: 600; text-align: left; }
.card .btn-link:after { position: relative; top: .25rem; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-sharp-solid); content: "\f04b"; color: #D54829; font-size: 1.5rem; margin-left: 1rem; }

/** carousel */
.banner-logo { width: 100%; max-width: 70%; height: auto; margin-bottom: 40px; }
.aspect-image-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.aspect-image-inner:after { content: ""; position: absolute; bottom: 0; border-top: calc( var(--vw) * 3 )solid transparent; border-left: calc( ( var(--vw) * 100 ) + ( var(--vw) * 3 ) ) solid #ffffff; z-index: 0; }
.rounded-5 .aspect-image-inner:after { content: unset; }
.gradient-overlay .carousel-item:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0.66) 0%, rgba(255, 255, 255, 0.66) 100%); }
.no-overlay.gradient-overlay .carousel-item:before { background: none !important; }
.carousel-caption { bottom: initial; left: 5%; right: 5%; }
.carousel-caption.text-start { text-align: center !important; }
.jwbs-banner:first-of-type .carousel-caption .display-4 { font-family: "Bai Jamjuree", sans-serif; }
.bottom-corner .carousel-caption { bottom: 1.25rem; }
.carousel-caption .container > div { max-width: 475px; }
.carousel-caption .btn { margin-right: 1rem; }
.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: none; }
.carousel-control-next, .carousel-control-prev { opacity: 1; }
.carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='31.565' height='35.511' viewBox='0 0 31.565 35.511'%3e%3cpath id='Polygon_15' data-name='Polygon 15' d='M17.756,0,35.511,31.565H0Z' transform='translate(0 35.511) rotate(-90)' fill='%23d54829'/%3e%3c/svg%3e"); }
.carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='31.565' height='35.511' viewBox='0 0 31.565 35.511'%3e%3cpath id='Polygon_14' data-name='Polygon 14' d='M17.756,0,35.511,31.565H0Z' transform='translate(31.565) rotate(90)' fill='%23d54829'/%3e%3c/svg%3e"); }
.carousel-inner.p-4 { padding-left: 2rem !important; padding-right: 1rem !important; }
.jwbs-banner.rounded-5 > .carousel-inner { border-radius: var(--bs-border-radius-xxl); }

/** breadcrumbs */
nav#breadcrumbs { margin-top: 3rem; }
nav#breadcrumbs > span { font-size: 1.5rem; letter-spacing: 6px; }
nav#breadcrumbs > span > span { font-size: 1rem; font-weight: 400; letter-spacing: normal; position: relative; top: -4px; }
nav#breadcrumbs a { color: var(--bs-white); text-decoration: none; }

/** topbar */
#topbar { text-align: right; padding: 0; }
#topbar .menu-top-bar-nav-container { display: none; }
#topbar #menu-top-bar-nav { list-style: none; padding-inline-start: 0; padding: 5px 30px; margin-bottom: 0; }
#topbar #menu-top-bar-nav li { display: inline-block; float: left; padding: 5px 15px; text-align: center; width: 50%; }
#topbar #menu-top-bar-nav li a { padding: 0; color: #fff; text-decoration: none; }
#topbar .form-inline { width: 250px; display: inline-block; }
#topbar .form-inline .input-group { margin-bottom: 0 !important; }
#topbar #search-toggle { cursor: pointer; min-height: 34px; display: inline-block; }

/** main nav */
nav.navbar { padding: 10px 0; }
#menu-main-nav > li { padding: 0 15px; margin: 5px 0; }
.bg-secondary #menu-main-nav > li > a { color: rgb( var(--bs-white-rgb) ); }
body:not(.home) nav.navbar:not(.bg-white) #mainMenuNav:not(.show) #menu-main-nav > li > a { color: var(--bs-white); }
.dropdown-item:focus, .dropdown-item:hover { background: rgb(var(--bs-primary-rgb)); }
body:not(.home) nav.navbar #mainMenuNav.show { padding-bottom: 40px; }
.dropdown-menu { --bs-dropdown-border-radius: var(--bs-border-radius-sm); }
/** nav 'button' */
#menu-main-nav li.bg-primary  { border: 1px solid transparent; transition: all 0.5s ease; }
#menu-main-nav li.bg-primary a { color: var(--bs-warning-rgb); padding-right: calc(3rem - 15px); padding-left: calc(3rem - 15px); }
#menu-main-nav li.bg-primary a:hover, #menu-main-nav li.bg-primary a:active, #menu-main-nav li.bg-primary a:focus { color: rgb( var(--bs-primary-rgb) ); }
#menu-main-nav li.bg-primary:has(a:hover) { background-color: var(--bs-white) !important; border-color: rgb( var(--bs-primary-rgb) ); }
body:not(.home) nav.navbar:not(.bg-white) #mainMenuNav:not(.show) #menu-main-nav li.bg-primary  { border: 1px inset rgb( var(--bs-warning-rgb) ); background-color: var(--bs-white) !important; }
body:not(.home) nav.navbar:not(.bg-white) #mainMenuNav:not(.show) #menu-main-nav li.bg-primary a { color: rgb( var(--bs-warning-rgb) ); padding-right: calc(3rem - 15px); padding-left: calc(3rem - 15px); }
body:not(.home) nav.navbar:not(.bg-white) #mainMenuNav:not(.show) #menu-main-nav li.bg-primary a:hover, #menu-main-nav li.bg-primary a:active, #menu-main-nav li.bg-primary a:focus { color: var(--bs-white); }
body:not(.home) nav.navbar:not(.bg-white) #mainMenuNav:not(.show) #menu-main-nav li.bg-primary:has(a:hover) { background-color: rgb( var(--bs-primary-rgb) ) !important; border: 1px solid var(--bs-white); }
/** mobile specific */
.collapsed.navbar-toggler { color: var(--bs-primary); border-color: var(--bs-primary); }
.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%2815,105,237,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
body:not(.home) nav.navbar:not(.bg-white) .navbar-toggler, body:not(.home) nav.navbar:not(.bg-white) .collapsed.navbar-toggler { color: var(--bs-white); border-color: var(--bs-white); }
body:not(.home) nav.navbar:not(.bg-white) .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 20 30' xmlns='http://www.w3.org/2000/svg' version='1.1'><g stroke='rgba(255,255,255,1)'><line x1='0' y1='25' x2='20' y2='5' stroke-width='2' /><line x1='0' y1='5' x2='20' y2='25' stroke-width='2' /></g></svg>"); }
body:not(.home) nav.navbar:not(.bg-white) .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%28255,255,255,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar .container:has(.show, .collapsing) { background: rgb( var( --bs-secondary-rgb ) ); position: relative; }
.navbar .container:has(.show, .collapsing):before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -75rem; z-index: -1; border-left: 99rem solid rgb( var( --bs-secondary-rgb ) ); box-shadow: 99rem 0 0 rgb( var( --bs-secondary-rgb ) ); }
.navbar .container:has(.show, .collapsing) a { color: var(--bs-white); }
.navbar .container:has(.show) .dropdown-menu { background: rgb( var( --bs-secondary-rgb ) ); border-color: transparent; }

/** card block */
.card { --bs-card-border-radius: 3rem; }
.card p { line-height: 1.75; }
.card-footer:last-child { border-radius: 0 0 var(--bs-card-border-radius) var(--bs-card-border-radius); }
.jwbs-card .card .card-footer { padding-bottom: 20px; }
.jwbs-card.border-0 .card { border-width: 0; }
.restrict-image-center.jwbs-card .card img { max-width: 100px; margin: 20px auto 0; }
.restrict-image.jwbs-card .card img { max-width: 100px; margin: 20px 20px 0; }
.jwbs-card .card-title { margin: 0.5rem 0 1rem; }

/** callout */
.jwbs-callout .order-first .carousel-inner { border-top-left-radius: var(--bs-border-radius); border-bottom-left-radius: var(--bs-border-radius); }
.jwbs-callout .order-last .carousel-inner { border-top-right-radius: var(--bs-border-radius); border-bottom-right-radius: var(--bs-border-radius); }
.jwbs-callout .card-body, #content .jwbs-column:not(.dot-list) > div > div { padding: 2rem; }
.jwbs-callout h3.callout-title { margin-bottom: 1.5rem; }

/** accordions */
.accordion-item { margin-bottom: 1.25rem; border-bottom: 0; }
.accordion-item .accordion-header button { border-radius: var(--bs-border-radius) !important; padding: 1rem 2rem; }
.accordion-item .accordion-header button:not(.collapsed) { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; font-weight: 600; }
.accordion-flush .accordion-collapse .accordion-body { border-bottom-left-radius: var(--bs-accordion-inner-border-radius) !important; border-bottom-right-radius: var(--bs-accordion-inner-border-radius) !important; padding: 1rem 2rem; }
.accordion .text-dark {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23D54829'%3e%3cpath fill-rule='evenodd' d='M248 72c0-13.3-10.7-24-24-24s-24 10.7-24 24V232H40c-13.3 0-24 10.7-24 24s10.7 24 24 24H200V440c0 13.3 10.7 24 24 24s24-10.7 24-24V280H408c13.3 0 24-10.7 24-24s-10.7-24-24-24H248V72z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23D54829'%3e%3cpath fill-rule='evenodd' d='M432 256c0 13.3-10.7 24-24 24L40 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l368 0c13.3 0 24 10.7 24 24z'/%3e%3c/svg%3e");
}

/** team */
.jwbs-team .carousel-inner .team-position-separator { display: none; }
.jwbs-team .carousel-inner h5.card-title.mb-0 { margin-bottom: .5rem !important; }
.jwbs-team .carousel-inner .team-position { display: block; font-size: 1rem; text-transform: none; font-weight: 400; margin-top: .25rem; }
.jwbs-team .carousel-inner .team-location { font-weight: 400; text-transform: none; }
.jwbs-team .carousel-inner .card { padding: 2rem 1rem; }
.jwbs-team .carousel-inner .card-footer { border-top: 2px solid #D54829 !important; margin: 0 1rem; }

/** footer */
#inner-footer img { width: 50%; min-width: 125px; }
#inner-footer h3 { color: #fff; font-size: 1.25rem; margin-bottom: inherit; }
#inner-footer .menu { list-style: none; padding-inline-start: 0; }
#inner-footer .menu li {line-height: 2; }
#inner-footer .menu li a { color: #fff; text-decoration: none; }

/** subfooter */
#lower-footer { padding: 8px 0; font-size: 95%; }
#lower-footer .menu { list-style: none; padding-inline-start: 0; margin-bottom: 0; float: right; }
#lower-footer .menu li { display: inline; padding: 0 5px; border-left: 1px solid #fff; }
#lower-footer .menu li:first-of-type { border-left-width: 0; }
#lower-footer .menu li a { padding: 0 10px; color: #fff; text-decoration: none; }

/** ripple */
.ripple { position: relative; z-index: 1; margin-bottom: -2rem; }
.ripple:before { content: ""; position: absolute; top: -1px; border-bottom: calc( var(--vw) * 3 )solid transparent; border-right: calc( var(--vw) * 100 ) solid #ffffff; z-index: 0; }
.ripple:after { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: no-repeat -50% 35% url('/wp-content/uploads/2024/02/ripple.png'); background-size: 75%; filter: opacity(0.25); transform: rotate(180deg); z-index: -1; }
.big-ripple { position: relative; z-index: 1; }
.big-ripple:after { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background-image: url('/wp-content/uploads/2024/02/ripple.png'); background-repeat: no-repeat; background-position-x: 110%; background-position-y: calc( var(--vw) * -3); background-size: 75%; filter: opacity(0.25); transform: rotate(90deg); z-index: -1; }
.big-ripple:before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background-image: url('/wp-content/uploads/2024/02/ripple.png'); background-repeat: no-repeat; background-position-x: 150%; background-position-y: calc( var(--vw) * 23); background-size: 50%; filter: opacity(0.25); z-index: -1; }
.jwbs-column > div > div:has(.ripple.breakout) { padding-bottom: 0; }

/** slashed */
.slashed { position: relative; }
.slashed:after, .slashed .aspect-image-inner:after { content: ""; position: absolute; bottom: 0; border-top: calc( var(--vw) * 3 )solid transparent; border-left: calc( ( var(--vw) * 100 ) + ( var(--vw) * 3 ) ) solid #ffffff; z-index: 0; }
.slashed.lined:before, .slashed.lined .aspect-image-inner:before { content: ""; position: absolute; bottom: 3px; border-top: calc( var(--vw) * 3 )solid transparent; border-left: calc( var(--vw) * 100 ) solid #D54829; z-index: -1; }

/** dot lists */
.dot-list ul li { font-weight: 600; padding-bottom: 10px; font-size: 1.25rem; }
.dot-list li::marker { color: #D54829; font-size: 1.5rem; }

/** badge */
.grecaptcha-badge { display: none !important; }

/** media queries */
/** Small devices (landscape phones, 576px and up) [-sm] */
@media only screen and (min-width : 576px) {
  .banner-logo { max-width: 250px; }
  nav.navbar { padding: 0; }
  #topbar #menu-top-bar-nav { padding: 5px 0; }
  #topbar #menu-top-bar-nav li { width: auto; float: inherit; }
}

/** Medium devices (tablets, 768px and up) [-md] */
@media only screen and (min-width : 768px) {
  .carousel-caption { left: 0; right: 0; }
  .carousel-caption.text-start { text-align: revert !important; }
  .gradient-overlay .carousel-item:before { background: linear-gradient(90deg, rgba(255, 255, 255, 0.66) 0%, rgba(255, 255, 255, 0) 100%); }
  .card .btn-link { text-align: center; }
  #inner-footer h3 { margin-bottom: 1rem; }
}

/** Large devices (desktops, 992px and up) [-lg] */
@media only screen and (min-width : 992px) {
  #topbar .menu-top-bar-nav-container { display: inline-block; }
  .jwbs-banner:first-of-type { margin-bottom: 3rem; }
}

/** 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) {
}