:root { --bs-text-color-over-primary: #fff }
html.primary-color-light { --bs-text-color-over-primary: #000 }
.section.main.layout-showcase { background-color: var(--bs-white); color: var(--bs-dark) }
.section.main.layout-showcase > div { gap: 1.5rem }
.section.main.layout-showcase div[id*="waldo-tag"]:empty { display: none }
.layout-showcase .section .component-title,
.layout-showcase .section .ps-component .details .text { color: var(--bs-primary) }
html.primary-color-light .layout-showcase .section .component-title,
html.primary-color-light .layout-showcase .section .ps-component .details .text { color: var(--bs-dark) }
.layout-showcase .section.bg-primary .component-title,
.layout-showcase .section.bg-primary .ps-component .details .text { color: var(--bs-text-color-over-primary) }

@media screen and (min-width:768px) {
    .section.main.layout-showcase > div { gap: 3rem }
}

/************ Hero Banner ************/

.layout-showcase .sec-showcase-hero-banner .layout-wrapper .item,
.layout-showcase .sec-showcase-hero-banner .layout-wrapper .item img { width: 100% }
.layout-showcase .sec-showcase-hero-banner .layout-wrapper .item a.stretched-link.disabled { pointer-events: none }
.layout-showcase .sec-showcase-hero-banner .component-banner img { min-height: 40vh; object-fit: cover }

@media screen and (min-width:576px) {
    .layout-showcase .sec-showcase-hero-banner .component-banner img { min-height: initial; object-fit: initial }
}

/************ Featured Content (Articles 1, 2, 3) ************/

.layout-showcase .showcase-featured-content .details { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-direction: column-reverse; padding: 0 1.5rem }
.layout-showcase .showcase-featured-content .details .detail-block,
.layout-showcase .showcase-featured-content .details .thumbnail-block { flex: 1 }
.layout-showcase .showcase-featured-content .details .thumbnail-block,
.layout-showcase .showcase-featured-content .details .thumbnail-block img { width: 100% }
.layout-showcase .showcase-featured-content .details .detail-block .text { display: flex; flex-direction: column-reverse }
.layout-showcase .showcase-featured-content .details .detail-block .text p.leadin { margin: 0; text-transform: uppercase; color: var(--bs-dark); font-size: 1.25rem; font-weight: 500; line-height: 1; margin-bottom: .5rem; font-family: var(--heading-font-family) }
.layout-showcase .showcase-featured-content .details .detail-block .text .title,
.layout-showcase .showcase-featured-content .component-title { text-transform: uppercase; font-weight: bold; line-height: 1; font-size: 1.5rem }
.layout-showcase .showcase-featured-content .details .detail-block .content { margin-bottom: 1rem }
.layout-showcase .showcase-featured-content .details .detail-block .content > p:last-of-type { margin-bottom: 0 }
.layout-showcase .showcase-featured-content .details .detail-block .archive-link a { display: inline-block; vertical-align: top; text-transform: uppercase; font-size: 1.25rem; color:var(--bs-primary); text-decoration:none; padding:.5rem 1.5rem; font-weight: 500; line-height: 1; border: 1px solid var(--bs-primary); border-radius: 2rem; transition:.3s ease-in-out }
.layout-showcase .showcase-featured-content .details .detail-block .archive-link a:hover { background-color: var(--bs-primary) !important; color: var(--bs-white) }
.layout-showcase .showcase-featured-content .details .detail-block .archive-link a:after { display: none }
html.primary-color-light .layout-showcase .showcase-featured-content .details .detail-block .archive-link a { color: var(--bs-dark); border-color: var(--bs-dark) }
html.primary-color-light .layout-showcase .showcase-featured-content .details .detail-block .archive-link a:hover { background-color: var(--bs-dark) !important; color: var(--bs-white) }

@media screen and (min-width:576px) {
    .layout-showcase .showcase-featured-content .details {padding:0; gap: 2rem}
    .layout-showcase .showcase-featured-content .details .detail-block .text p.leadin {font-size:1.75rem;margin-bottom:0;}
    .layout-showcase .showcase-featured-content .details .detail-block .text .title,
    .layout-showcase .showcase-featured-content .component-title {font-size:2.25rem;margin-bottom:1.5rem;}
}

@media screen and (min-width:992px) {
    .layout-showcase .showcase-featured-content .details {flex-direction:row-reverse;gap:4rem;}
    .layout-showcase .showcase-featured-content .details .thumbnail-block,
    .layout-showcase .showcase-featured-content .details .thumbnail-block img {width:auto;}
}

/************ Featured Content 2 (flat-layout) ************/

.layout-showcase .showcase-featured-content.flat-layout .details {flex-direction:row;position:relative;}
.layout-showcase .showcase-featured-content.flat-layout .details .detail-block {flex:0 0 100%;}
.layout-showcase .showcase-featured-content.flat-layout .details .archive-link {position:relative;top:0;transform:none;margin:0;}
.layout-showcase .showcase-featured-content.flat-layout .details .archive-link a {color:var(--bs-white);background:transparent;border-color:var(--bs-white);font-size:1.25rem;padding:.5rem 1.5rem;}
.layout-showcase .showcase-featured-content.flat-layout .details .archive-link a:hover,
.layout-showcase .showcase-featured-content.flat-layout .details .archive-link a:focus-visible {background-color:var(--bs-white) !important;color:var(--bs-primary);transition:.3s ease-in-out;}

@media screen and (min-width:768px) {
    .layout-showcase .showcase-featured-content.flat-layout .details .detail-block {flex:0 0 70%;}
    .layout-showcase .showcase-featured-content.flat-layout .details .archive-link {position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0;}
}

/************ Featured Content 3 (reverse-layout) ************/

.layout-showcase .showcase-featured-content.reverse-layout .details .content > div:nth-child(1) {margin-bottom:1rem;}

@media screen and (min-width:992px) {
    .layout-showcase .showcase-featured-content.reverse-layout .details {flex-direction:row;}
}

/************ Banners Carousel ************/

.layout-showcase .fa-play:before {font-weight:bold!important;}
.layout-showcase .fa-circle-pause:before,
.layout-showcase .fa-pause-circle:before {content:"\f04c";font-weight:bold;}

.layout-showcase .sec-showcase-banners .component-banner .item .item-title {text-transform:uppercase;padding:.25rem 3rem;width:fit-content;margin:0 auto;background:var(--bs-secondary);font-weight:bold;font-size:1.25rem;}
.layout-showcase .sec-showcase-banners .component-banner {overflow:visible!important;}
.layout-showcase .sec-showcase-banners .component-banner .carousel-indicators {margin-bottom:0;bottom:-2rem;display:none !important;}
.layout-showcase .sec-showcase-banners .component-banner .carousel-indicators button {background-color:var(--bs-primary);width:2.5rem;}
.layout-showcase .sec-showcase-banners .container .row > .col-12 {padding:0;}
.layout-showcase .sec-showcase-banners button.carousel-control-prev,
.layout-showcase .sec-showcase-banners button.carousel-control-next {opacity:0;transition:.3s ease-in-out;}
.layout-showcase .sec-showcase-banners .component-banner:hover button.carousel-control-prev,
.layout-showcase .sec-showcase-banners .component-banner:hover button.carousel-control-next {opacity:1;transition:.3s ease-in-out;}
.layout-showcase .section.sec-showcase-banners {padding-bottom:3rem!important;}

.layout-showcase .carousel-control-prev,
.layout-showcase .carousel-control-next,
.layout-showcase .carousel-control-pp { position: absolute; font-size: 1rem !important; bottom: 0 !important; top: auto !important; transform: translateY(2.5rem); height: 2rem; line-height: 2rem !important; width: 2rem; color: var(--bs-primary); border: 1px solid var(--bs-primary) !important; border-radius: 1rem; left: 0 !important; margin: auto; opacity: 1 !important; filter: none }
.layout-showcase .carousel-control-prev-icon,
.layout-showcase .carousel-control-next-icon { display: none }
.layout-showcase .carousel-control-prev::before { font-family: var(--fa-family); content:"\f053" }
.layout-showcase .carousel-control-next::before { font-family:var(--fa-family); content:"\f054" }
.layout-showcase .carousel-control-prev:hover,
.layout-showcase .carousel-control-next:hover { color: var(--bs-white); background: var(--bs-primary) }
.layout-showcase .carousel-control-pp { left: 0; right: 0; padding: 0; transition:.3s ease-in-out }
.layout-showcase .carousel-control-pp:hover { background: var(--bs-primary); color: var(--bs-white) }
.layout-showcase .carousel-control-next { right: calc(0rem - 8rem) !important; left: 0 !important }
.layout-showcase .carousel-control-prev { left: calc(0rem - 8rem) !important; right: 0 !important }

@media screen and (min-width:576px) {
    .layout-showcase .sec-showcase-banners .component-banner .item .item-title {padding:.25rem 6rem;font-size:1.75rem;}
    .layout-showcase .carousel-control-prev,
    .layout-showcase .carousel-control-next,
    .layout-showcase .carousel-control-pp {bottom:-.75rem!important;}
}

/************ Athletes of the Week ************/

.layout-showcase .sec-showcase-aotw .component-title {padding: 0; font-size:1.5rem;text-transform: uppercase}
.layout-showcase .sec-showcase-aotw .player-attrs {display:none;}
.layout-showcase .sec-showcase-aotw .component-aotw.layout-slider .slick-slider .player:before {content:'';height:100%;width:100%;position:absolute;background:linear-gradient(360deg, rgba(var(--bs-primary-rgb),.5), transparent);z-index:1;transition:.5s ease-in-out;}
.layout-showcase .sec-showcase-aotw .component-aotw.layout-slider .slick-slider .player .player-details {z-index:2;text-shadow:0px 0px .25rem #000;}
.layout-showcase .sec-showcase-aotw .component-aotw.layout-slider .slick-slider .player .player-details .player-sport {color:var(--bs-white);}
.layout-showcase .sec-showcase-aotw .component-aotw.layout-slider .slick-slider .player .player-details a.player-name {line-height:1.25;transition:.3s }
.layout-showcase .sec-showcase-aotw .component-aotw.layout-slider .slick-slider .player:hover .player-name {color:var(--bs-white);transition:.3s;}
.layout-showcase .sec-showcase-aotw .component-aotw.layout-slider .slick-slider .btn {bottom:0!important;border-width:1px;}
.layout-showcase .sec-showcase-aotw .player-details {position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.8) 100%);}
.layout-showcase .sec-showcase-aotw .player-details .player-bio { padding: 1rem }
.layout-showcase .sec-showcase-aotw .players button:hover {color:var(--bs-secondary);}
.layout-showcase .sec-showcase-aotw .component-aotw.layout-slider .slick-slider .slick-pp {transform:translateX(-50%);}
.layout-showcase .sec-showcase-aotw .component-aotw.layout-slider .slick-slider .slick-next {transform:translateX(calc(-50% + 3.5rem));}
.layout-showcase .sec-showcase-aotw .component-aotw.layout-slider .slick-slider .slick-prev {transform:translateX(calc(-50% - 3.5rem));}
.layout-showcase .sec-showcase-aotw .component-aotw.layout-slider .slick-slider .player {max-width:75%;}
.layout-showcase .sec-showcase-aotw .component-aotw.layout-slider .slick-slider .slick-slide > div {display:flex;justify-content:center;}
.layout-showcase .sec-showcase-aotw .component-aotw.layout-slider .slick-slider .slick-prev:hover,
.layout-showcase .sec-showcase-aotw .component-aotw.layout-slider .slick-slider .slick-next:hover,
.layout-showcase .sec-showcase-aotw .component-aotw.layout-slider .slick-slider .slick-pp:hover {background:var(--bs-white);color:var(--bs-primary);border-color:var(--bs-white);filter:none;}
.layout-showcase .sec-showcase-aotw .component-aotw .headshot {--bs-aspect-ratio:125%;}
.layout-showcase .sec-showcase-aotw .component-aotw .headshot .headshot-holder {background-size:cover;}
.layout-showcase .static-buttons {display:none;}

@media screen and (min-width:576px) {
    .layout-showcase .sec-showcase-aotw .component-title { font-size: 2.25rem }
    .layout-showcase .sec-showcase-aotw .component-aotw.layout-slider .slick-slider .player {max-width:95%;}
    .layout-showcase .sec-showcase-aotw .component-aotw.layout-slider .slick-slider .slick-slide > div {display:block;}
}

@media screen and (min-width:992px) {
    .layout-showcase .static-buttons {display:block;}
    .layout-showcase .static-buttons button.btn {top:auto;bottom:0;height:2rem;border:2px solid var(--bs-white);border-radius:2rem;color:var(--bs-white);opacity:.5;}
    .layout-showcase .static-buttons button.btn.slick-prev {left:calc(50% - 4.5rem);}
    .layout-showcase .static-buttons button.btn.slick-next {right:calc(50% - 4.5rem);}
}

/************ Testimonials ************/

.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider { padding-inline: .75rem }
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .player-name {color:var(--bs-dark);transition:.4s ease-in-out;}
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .details-wrapper .component-headings {justify-content:flex-start!important;}
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider {padding-bottom:3rem!important;}
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .players {position:static!important;}
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-prev,
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-pp,
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-next {top:auto!important;left:auto!important;right:auto!important;bottom:0!important;background:transparent;border:1px solid var(--bs-primary);color:var(--bs-primary);filter: none}
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-prev:hover,
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-pp:hover,
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-next:hover {background-color:var(--bs-primary);color:var(--bs-white);}
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .player {margin-left:0!important;}
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .component-headings .component-title {padding: 0; font-size:1.5rem; text-transform: uppercase}
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-slide {margin:0!important;}
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-next {transform:translateX(7rem);}
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-pp {transform:translateX(3.5rem);}
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-prev {transform:translateX(0rem);}
.layout-showcase .sec-showcase-testimonial .item .card {border:0;border-radius:0!important;}
.layout-showcase .sec-showcase-testimonial .item .card .card-title {font-size:1.5rem!important;text-transform:uppercase;line-height:1;}
.layout-showcase .sec-showcase-testimonial .item .card .card-title a {color:var(--bs-dark);}
.layout-showcase .sec-showcase-testimonial .item .card .card-body {padding-left:3rem;padding-top:0;}
.layout-showcase .sec-showcase-testimonial .item .card .card-body .flex-fill > .card-text {-webkit-line-clamp:3;line-clamp:3;margin-top:1rem!important;}
.layout-showcase .sec-showcase-testimonial .item .card .card-body .flex-fill > span {color:var(--bs-secondary);display:block;font-size:1.25rem;}
.layout-showcase .sec-showcase-testimonial .slick-arrow-controls button:hover {border-color:var(--bs-primary);background:var(--bs-primary);color:var(--bs-white);}
.layout-showcase .sec-showcase-testimonial .slick-current .item .card:after {content:'';position:absolute;right:0;top:0;height:100%;width:1px;background:var(--bs-primary);z-index:9999;}
.layout-showcase .sec-showcase-testimonial .item .card .card-body .flex-fill > span:empty {margin:0;}
.layout-showcase .sec-showcase-testimonial .component-testimonial .slick-arrow-controls button.next {right:-2rem;}
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-pp .fa-pause:before {content:"\f04c"!important;font-weight:bold;}
.layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .player:hover a.player-name {color:var(--bs-secondary);transition:.4s ease-in-out;}

@media screen and (min-width:576px) {
    .layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .component-headings .component-title { font-size: 2.25rem }
}

@media screen and (min-width:992px) {
    .layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .details-wrapper .component-headings {justify-content:center!important;}
    .layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-prev,
    .layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-pp,
    .layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-next {top:.5rem!important;left:auto!important;right:3rem!important;bottom:auto!important;}
    .layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider {padding-bottom:0!important;}
    .layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .component-headings .component-title {margin-bottom:2rem!important;}
    .layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-prev { transform:translateX(calc(-50% - 3.5rem)) }
    .layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-next { transform:translateX(calc(-50% + 3.5rem)) }
    .layout-showcase .sec-showcase-testimonial .component-testimonial.layout-slider .slick-slider .slick-pp { transform:translateX(-50%) }
}

/************ Contact Us ************/

.layout-showcase .sec-showcase-contact-us .component-contact-form .component-title {margin-top: 0 !important; padding: 0; font-size: 1.5rem; text-transform: uppercase }
.layout-showcase .sec-showcase-contact-us .component-contact-form .contact-form-details .article-content h2 {font-size:1.25rem;font-family:var(--bs-body-font-family);line-height:1;}
.layout-showcase .sec-showcase-contact-us .component-contact-form .contact-form-details .article-content p {margin-bottom:.25rem;line-height:1.2;}
.layout-showcase .sec-showcase-contact-us .component-contact-form .card.form-panel { border: 0 }
.layout-showcase .sec-showcase-contact-us .component-contact-form .card.form-panel,
.layout-showcase .sec-showcase-contact-us .component-contact-form .card.form-panel input,
.layout-showcase .sec-showcase-contact-us form {background:transparent!important;}
.layout-showcase .sec-showcase-contact-us .component-contact-form .card.form-panel,
.layout-showcase .sec-showcase-contact-us .component-contact-form .card.form-panel input {color:var(--bs-white)!important;}
.layout-showcase .sec-showcase-contact-us .component-contact-form .card.form-panel input::placeholder,
.layout-showcase .sec-showcase-contact-us .component-contact-form .card.form-panel textarea::placeholder {color:var(--bs-white)!important;}
.layout-showcase .sec-showcase-contact-us .component-contact-form .card.form-panel textarea {background:transparent;min-height:10rem;color:var(--bs-white)!important;}
.layout-showcase .sec-showcase-contact-us .component-contact-form .card.form-panel .input-box {text-align:left;}
.layout-showcase .sec-showcase-contact-us .component-contact-form .card.form-panel .input-box button {margin:0 auto;display:block;text-transform:uppercase;padding:.5rem 1.5rem;font-weight:500;font-size:1.25rem;line-height: 1; filter:none;border-radius: 2rem; border:1px solid #fff}
.layout-showcase .sec-showcase-contact-us .component-contact-form .card.form-panel .input-box small.form-notation {display:none;}
.layout-showcase .sec-showcase-contact-us .contact-form-details .form-details h2 {font-family:var(--bs-body-font-family);line-height:1;font-size:1.25rem;margin-bottom:.25rem;font-weight:bold;}
.layout-showcase .sec-showcase-contact-us .component-contact-form .card .card-body {padding-bottom:0;}
.layout-showcase .sec-showcase-contact-us .component-contact-form .card.form-panel input,
.layout-showcase .sec-showcase-contact-us .component-contact-form .card.form-panel textarea {border-color:var(--bs-white);}
.layout-showcase .sec-showcase-contact-us .component-contact-form .card.form-panel .input-box button:hover {color:var(--bs-primary); background-color: #fff}
.layout-showcase .sec-showcase-contact-us .component-contact-form .page-details .component-headings > .d-flex {width:100%;}
.layout-showcase .sec-showcase-contact-us .component-contact-form .contact-form-details p {font-weight:bold;}
.layout-showcase .sec-showcase-contact-us .g-recaptcha {width:fit-content;margin:0 auto;}

@media screen and (min-width:576px) {
    .layout-showcase .sec-showcase-contact-us .component-contact-form .component-title { font-size: 2.25rem }
    .layout-showcase .sec-showcase-contact-us .contact-form-details .form-details h2 {font-size:1.5rem;}
}

/************ Sponsors ************/

.layout-showcase .section.sec-showcase-sponsors {padding-bottom:5.5rem!important;}
.layout-showcase .sec-showcase-sponsors .layout-wrapper .slick-dots .slick-active button:before {background-color:var(--bs-primary)!important;}
.layout-showcase .sec-showcase-sponsors .layout-wrapper .slick-dots li button:before {width:1rem;}
.layout-showcase .sec-showcase-sponsors .layout-wrapper .slick-dots li {width:1rem;}
.layout-showcase .sec-showcase-sponsors .component-banner .item { max-width: 16rem }
.layout-showcase .sec-showcase-sponsors .component-banner img { max-height: 8rem }
.layout-showcase .sec-showcase-sponsors .component-banner button.next,
.layout-showcase .sec-showcase-sponsors .component-banner button.prev,
.layout-showcase .sec-showcase-sponsors .component-banner button.pause {position:absolute;font-size:1rem!important;bottom:-.5rem!important;top:auto!important;transform:translateY(2.5rem);height:2rem;line-height:2rem!important;width:2rem;border:1px solid var(--bs-primary)!important;border-radius:1rem;left:0!important;margin:auto;opacity:1!important;filter:none}
.layout-showcase .sec-showcase-sponsors .component-banner button.next {right:calc(0rem - 8rem)!important;left:0!important;}
.layout-showcase .sec-showcase-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp {right:0!important;left:0!important;}
.layout-showcase .sec-showcase-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp span.fa-circle-pause:before {content:"\f04c"!important;font-weight:bold;}
.layout-showcase .sec-showcase-sponsors .component-banner button.prev {left:calc(0rem - 8rem)!important;right:0!important;}
.layout-showcase .sec-showcase-sponsors .component-banner button:hover {background:var(--bs-primary)!important;color:var(--bs-white)!important;}
.layout-showcase .sec-showcase-sponsors .component-banner.layout-slider {overflow:visible!important;}

@media screen and (min-width:576px) {
    .layout-showcase .sec-showcase-sponsors .layout-wrapper .slick-dots li button:before {width:initial;}
    .layout-showcase .sec-showcase-sponsors .layout-wrapper .slick-dots li {width:initial;}
}

@media screen and (min-width:992px) {
    .layout-showcase .section.sec-showcase-sponsors {padding-top:initial!important;}
}

/************ Wiki Link Overrides ************/

.layout-showcase .section a[rel="wiki-link"] { color: var(--bs-dark) }
.layout-showcase .section.bg-primary a[rel="wiki-link"] { color: var(--bs-white) }
html.primary-color-light .layout-showcase .section.bg-primary a[rel="wiki-link"] { color: var(--bs-dark) }