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

.mb--5 { margin-bottom: -3rem !important; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #522f91; }
h2.h1-sm { font-size: 2rem; }
a, a:visited, a:active { color: #522f91; }
a:hover, a:focus { color: #522f91; }
a.link-red { font-weight: bold; color: #db4a4a; text-decoration: underline; }
a.link-red:hover { text-decoration: none; }
a.anchor { display: block; position: relative; top: -240px; visibility: hidden; }
.bidpal-link a { color: #212529; border: 1.25rem solid #00aeef; transition: all 0.2s ease-in-out; }
.bidpal-link a:hover { background-color: #e8e8e8; text-decoration: none; }
.border { border-color: #522f91 !important; }
.wp-block-button.btn { padding: 0; }
.wp-block-button.btn-block .wp-block-button__link { display: block; }
.wp-block-button__link { padding: 0.375rem 0.75rem; }
.rounded-0 .wp-block-button__link { border-radius: 0; }
.wp-block-image.mb-0 figure { margin-bottom: 0 !important; }
.btn, .form-control { border-radius: 0; }
.btn-auction .wp-block-button__link { padding: 0.75rem; background-color: #00aeef; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.text-initial { color: #212559; }
.text-white, .text-white a, .text-white a:hover, .text-white a:visited, .text-white a:active, .text-white a:focus { color: #fff; }
.text-jwbs, .text-jwbs a, .text-jwbs a:hover, .text-jwbs a:visited, .text-jwbs a:active, .text-jwbs a:focus { color: #f68428; }
.text-purple { color: #522f91; }
.text-orange { color: #f68428; }
.text-blue { color: #123464; }
.text-lt-blue { color: #BFD1E4; }
.text-green { color: #007845; }
.font-weight-700 { font-weight: 700 !important; }
.bg-white { background-color: #fff; }
.bg-purple { background-color: #522f91; }
.bg-lt-blue { background-color: #BFD1E4; }
.bg-lavender { background-color: #f9f5ff; border: 1px solid #522f91; }
.bg-orange-yellow { background-color: #fdf3ec; }
.bg-yellow-green { background-color: #c1d72e; }
.bg-green { background-color: #007845; }
.bg-fuchsia { background-color: #b5238e; }
.bg-gold { background-color: #bf9f61; }
.bg-rih { background: #522f91 url('/wp-content/uploads/2023/04/RiH_Background-for-webpage.png') no-repeat center center; background-size: cover; }
.full-width.bg-lavender { background-color: #f9f5ff; border: 0 none; }
.btn-jwbs, .btn-jwbs:visited, .btn-jwbs:active { color: #fff; background-color: #f68428; }
.btn-jwbs:hover { color: #fff; background-color: rgba(246, 132, 40, 0.8); text-decoration: none; }
.btn-purple, .btn-purple:visited, .btn-purple:active, .btn-purple a, .btn-purple a:visited, .btn-purple a:active { color: #fff; background-color: #522f91; }
.btn-purple:hover, .btn-purple a:hover { color: #fff; background-color: rgba(82, 47, 145, 0.8); }
.ul-orange li, .ul-yellow-green li { list-style: none; margin-bottom: 0.5rem; }
.ul-orange li:before { content: '\2022'; margin-left: -0.875rem; padding-right: 0.5rem; color: #f68428; }
.ul-yellow-green li:before { content: '\2022'; margin-left: -0.875rem; padding-right: 0.5rem; color: #c1d72e; }
.ol-purple { list-style: none; counter-reset: purple-counter; }
.ol-purple li { counter-increment: purple-counter; }
.ol-purple li:before { content: counter(purple-counter) '. '; color: #522f91; font-weight: bold; }
.wp-block-button.btn-jwbs .wp-block-button__link, .wp-block-button.btn-purple .wp-block-button__link { background-color: transparent; }
.wp-block-button.btn-jwbs .wp-block-button__link:hover { text-decoration: none; }

a.text-white .has-white-color, a:visited.text-white .has-white-color, a:hover.text-white .has-white-color,
.has-white-color >a, .has-white-color >a:visited , .has-white-color > a:hover  { color: #fff !important; }

/* full width */
.full-width { position: relative; }
.full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -40vw; z-index: -1; }
.full-width.bg-jwbs:before { border-left: 99rem solid #f68428; box-shadow: 99rem 0 0 #f68428; }
.full-width.bg-light:before { border-left: 99rem solid #f8f9fa; box-shadow: 99rem 0 0 #f8f9fa; }
.full-width.bg-purple:before { border-left: 99rem solid #522f91; box-shadow: 99rem 0 0 #522f91; }
.full-width.bg-lt-blue:before { border-left: 99rem solid #BFD1E4; box-shadow: 99rem 0 0 #BFD1E4; }
.full-width.bg-lavender:before { border-left: 99rem solid #f9f5ff; box-shadow: 99rem 0 0 #f9f5ff; }
.full-width.bg-orange-yellow:before { border-left: 99rem solid #fdf3ec; box-shadow: 99rem 0 0 #fdf3ec; }
.full-width.bg-yellow-green:before { border-left: 99rem solid #c1d72e; box-shadow: 99rem 0 0 #c1d72e; }
.full-width.bg-green:before { border-left: 99rem solid #007845; box-shadow: 99rem 0 0 #007845; }
.full-width.bg-fuchsia:before { border-left: 99rem solid #b5238e; box-shadow: 99rem 0 0 #b5238e; }
.full-width.bg-gold:before { border-left: 99rem solid #bf9f61; box-shadow: 99rem 0 0 #bf9f61; }
.wp-block-gallery.full-width { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }

body { padding-top: 0; }
body > header { position: relative; background-color: #fff; }

/* header */
#header-block-1 .btn { font-size: 0.875rem; }
#header-block-1 form.search-form { position: absolute; right: 0; width: 100%; z-index: 1000; max-width: 300px; }
#header-block-2 img { margin: 1.125rem !important; }
#header-block-2 > a, #header-block-2 > div { display: inline-flex; }
#header-block-2 > a { width: 51%; }

/* nav */
nav .show a { text-align: center; }
.navbar-dark .navbar-nav .nav-link { color: #fff; }
#main-navbar .form-inline { display: inline-block; }
.dropdown-menu { margin: 0; background-color: rgba(255, 255, 255,0.5); border: 0 none; }
.dropdown-item { white-space: normal; }

/* parallax */
.parallax-content { height: 100%; }

/* carousel */
.carousel-caption { text-align: left; left: 0; right: 0; background: rgba(0, 0, 0, .45); padding-right: 5%; padding-left: 5%; justify-content: flex-end; }
.carousel-caption .h1 { font-weight: 500; }
.carousel-caption *, .carousel-caption a:hover { color: #fff; }

/* services */
#services div.col-sm { padding-top: 75%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; transition: all 0.5s ease; }
#services div.col-sm:hover { background-size: 100% 120%; flex-grow: 1.2; }
#services div.col-sm .btn { min-height: 62px; display: flex; justify-content: center; flex-direction: column; }

/* kidstlc open page */
#kidstlc-open-date .wp-block-group__inner-container { display: flex; flex-wrap: wrap; align-items: center; }
#kidstlc-open-signature > .kidstlc-open-signature-img { position: absolute; top: 0; right: 50%; bottom: 0; left: calc(50% - 50vw); background: url('/wp-content/uploads/2021/12/two-photos-for-WEB.jpg') no-repeat; background-size: cover; }
#kidstlc-open-signature #right { flex-basis: 100%; margin-right: 0; }
#kidstlc-open-signature #right h3 { font-size: 1.5rem; line-height: 1.5; }
#kidstlc-open-register > .kidstlc-open-register-img { position: absolute; top: 0; right:  calc(50% - 50vw); bottom: 0; left:  calc(50% - 50vw); background: url('/wp-content/uploads/2021/03/kidstlc-open-2.jpg') no-repeat center; background-size: cover; z-index: -1; }
.bg-sponsor .small, .sponsor .small { font-weight: bolder; }
.bg-sponsor { background-color: #f9fbea; }
.BBFormContainer { padding: 0 !important; }
.BBFormContainer .BBFormSection, .BBFormContainer .BBFormPricingTable { max-width: 100% !important; }
#bbox-root .BBFormTitle { display: none; }
#bbox-root .BBFormSubTitle { font-size: 2rem; font-weight: 700; text-align: center; /* color: #007845; */ }
.bg-winners-grey { background-color: #ebebeb; }
.full-width.bg-winners-grey:before { border-left: 99rem solid #ebebeb; box-shadow: 99rem 0 0 #ebebeb; }
.bg-winners-yellow { background-color: #f9fbea; }
.full-width.bg-winners-yellow:before { border-left: 99rem solid #f9fbea; box-shadow: 99rem 0 0 #f9fbea; }
#sponsors .blocks-gallery-grid .blocks-gallery-item { margin: 0 1em 1em 0; width: calc(50% - 0.83333em); align-self: auto; }
#sponsors.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(2n) { margin-right: 0; }
#sponsors .blocks-gallery-grid .blocks-gallery-item figure { flex-wrap: wrap; }
#sponsors .blocks-gallery-grid .blocks-gallery-item figcaption { position: relative; padding: 0; min-height: 2.5rem; color: #212529; background: transparent; }
#BBPanelPayment[style="opacity: 0;"], #BBPanelPayment[style="opacity:0"] { display: none; }

/* donate page */
.page-id-5452 .modal { top: 35%; }
.squeezebox { padding-right: 1rem; padding-left: 1rem; }

/* online payment */
.online-payment.bg-purple { padding: 0.5rem 1.125rem 0.75rem; font-size: 1.5rem; font-weight: 700; color: #fff; }
.online-payment.bg-purple p, .online-payment.bg-purple figure { margin: 0; }

/* blog */
.archive #sidebar-default, .single #sidebar-default { margin-top: 80px; }
.single-post .page-header a { color: #fff; }

/* search results page */
.search-results #sidebar-default { padding-top: 80px; padding-bottom: 3rem; }

#stay-connected .h1 { color: #fff; font-size: 2.375rem; }
#stay-connected label, #stay-connected .label { color: #fff; font-size: 1.15rem; font-weight: bold; letter-spacing: -0.015em; }
#stay-connected input[type='email'] { color: #fff; background-color: transparent; border: 2px solid #fff; }
#stay-connected input[type='checkbox'] { display: none; }
#stay-connected input[type='checkbox'] + label { font-size: 1rem; font-weight: normal; }
#stay-connected input[type='checkbox'] + label span { display: inline-block; margin-right: 6px; width: 18px; height: 18px; background: url('/wp-content/themes/jw-bootstrap/images/connected-ckbx-bg.png') no-repeat left top; vertical-align: -1px; cursor: pointer; }
#stay-connected input[type='checkbox']:checked + label span { background: url('/wp-content/themes/jw-bootstrap/images/connected-ckbx-bg.png') no-repeat left -22px; }
#stay-connected .btn-purple {padding: 0.375rem 1.5rem; text-transform: uppercase; }

/* events page */
.tribe-events .tribe-events-c-search__button { background-color: #522f91; }
.tribe-events .tribe-events-c-search__button:hover { color: #522f91; background-color: transparent; border: 1px solid #522f91; }
.tribe-common button, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon { color: #522f91; }
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover { color: #fff; background-color: #522f91; }
.tribe-events .tribe-events-c-subscribe-dropdown:hover .tribe-events-c-subscribe-dropdown__button-icon, .tribe-events .tribe-events-c-subscribe-dropdown:hover .tribe-events-c-subscribe-dropdown__button button { color: #fff; }
.tribe-common .tribe-common-c-btn-border { border-color: #522f91; }

/* footer */
body > footer { color: #646464;  background-color: #e2e2e2; }
footer h4 { color: #522f91; font-weight: 700; }
footer a { color: #646464; }
footer a .fa-lg { color: #999; margin-left: 8px; }
footer #x-twitter-ico { margin-left: 8px; height: 18px; }
footer #menu-footer-nav { list-style: none; padding-inline-start: 0; }

figure.is-layout-flex { display: flex; }

/** breakout element (-vw variable is reset in JS if .breakout class exists on page) */
:root { --vw: 1vw; }
.breakout { width: calc( 100 * var(--vw) ); margin-left: calc( ( calc( 100 * var(--vw) ) - 100% ) / -2); margin-right: 0; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
  .carousel-caption .h1 { margin-bottom: 20px; }
  footer #widget-footer > div:first-of-type { max-width: 150px; }
  #services div.col-sm { padding-top: 13.1%; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	h2.h1-sm { font-size: 2.5rem; }
  #header-block-1 form.search-form { right: 20vw; }
	#header-block-2 > a { width: 100%; }
  #header-block-4 img { height: 100px; }
	.dropdown-item { white-space: nowrap; }
  .carousel-caption { left: 40vw; background: rgba(0, 0, 0, .45); padding-right: 5%; padding-left: 0; justify-content: center; }
  .carousel-caption .h1 { margin-bottom: 40px; font-weight: 700; }
  .carousel-caption .h1, .carousel-caption p { max-width: 425px; }
  .carousel-caption:before { position: absolute; right: 100%; content: ""; width: 0; height: 0; border-top: solid 56vw transparent; border-right: solid 17vw rgba(0, 0, 0, .45); }
  #stay-connected { background-image: url('/wp-content/uploads/2020/07/arrow-divider.png'); background-repeat: no-repeat; background-size: contain; background-position: 42.5% center; }
	.col-about-logos { flex-basis: 100% !important; }
	.col-about-logos .wp-block-image { display: inline-block; vertical-align: middle; }
	.squeezebox { padding-right: 3rem; padding-left: 3rem; }
	#kidstlc-open-signature #right { flex-basis: 80% !important; margin-right: calc(-50vw + 50%); }
	#kidstlc-open-signature #right h3 { font-size: 1.75rem; line-height: 1.75; }
	#sponsors .blocks-gallery-grid .blocks-gallery-item { margin: 0 1em 1em 0; width: calc(16.66667% - 0.83333em); }
	#sponsors.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) { margin-right: 0; }
	}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	body { padding-top: 243px; }
	body > header { position: fixed; top: 0; width: 100%; }
	body.admin-bar > header { top: 32px; }
  #header-block-1 form.search-form { right: 50vw; }
	#header-block-2 > a { width: 90%; }
  #header-block-4 img { height: 149px; }
  nav .dropdown-menu.show a { text-align: left; }
	.dropdown-menu { background-color: #fff; }
  .carousel-caption { left: 55vw; padding-right: 10%; }
	.col-about-logos { flex-basis: 15% !important; }
	.squeezebox { padding-right: 20%; padding-left: 20%; }
	#stay-connected .h1 { font-size: 3.375rem; }
	#stay-connected label, #stay-connected .label { font-size: 1.5rem; }
	#stay-connected input[type='checkbox'] + label { font-size: 1.125rem; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  #header-block-1 form.search-form { right: 40%; }
}

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