/* CARDS LAYOUT START */
.component-hero.layout-cards .item { flex:0 0 100%; box-shadow:0 0 0 1px rgba(0,0,0,0.1) }
.component-hero.layout-cards .item .image { display:none }
.component-hero.layout-cards .item .image img { transition:all 1s ease }
.component-hero.layout-cards .item .video-btn-overlay { font-size:3rem; transition:all 0.3s ease }
.component-hero.layout-cards .item .video-btn-overlay:hover { color:#fff; opacity:0.9 }
.component-hero.layout-cards .boxscores { position:absolute; left:0; right:0; bottom:100% }
.component-hero.layout-cards .boxscores .btn { opacity:0.65; transition:all 0.3s ease }
.component-hero.layout-cards .boxscores .btn span { display:none }
.component-hero.layout-cards .boxscores .btn[aria-expanded="false"] span:first-of-type { display:block }
.component-hero.layout-cards .boxscores .btn[aria-expanded="true"] span:last-of-type { display:block }
.component-hero.layout-cards .stats-box .slick-dots li button { padding:0 }
.component-hero.layout-cards .stats-box .slick-dots li button:before { content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:1rem; height:.5rem; color:#fff; opacity:1; border:1px solid #fff; box-shadow:0 0 0 1px rgba(0,0,0,0.1) }
.component-hero.layout-cards .stats-box .slick-dots li.slick-active button:before { opacity:1; background-color:#fff }
.component-hero.layout-cards .brief-stats .linescore { margin:0 !important }
.component-hero.layout-cards .brief-stats .gamebox,
.component-hero.layout-cards .brief-stats .game-label,
.component-hero.layout-cards .brief-stats .team-record { display:none }
.component-hero.layout-cards .item:first-of-type .image { display:block }
.component-hero.layout-cards .item:first-of-type .video-btn-overlay { font-size:5rem }
.component-hero.layout-cards .item:hover .image img,
.component-hero.layout-cards .item:focus .image img { transform:scale(1.125) }
.component-hero.layout-cards .item:hover .boxscores .btn,
.component-hero.layout-cards .item:focus .boxscores .btn { opacity:1 }

@media only screen and (min-width:768px) {
    .component-hero.layout-cards .item { flex:0 0 50% }
    .component-hero.layout-cards .item:first-of-type { flex:0 0 100% }
    .component-hero.layout-cards .item .image { display:block }
}

@media only screen and (min-width:1200px) {
    .component-hero.layout-cards .item { flex:0 0 25% }
    .component-hero.layout-cards .item:first-of-type { flex:0 0 50% }
}

/* CARDS LAYOUT END */

/* GRID LAYOUT START */
.component-hero.layout-grid .item .image a:after { content:''; position:absolute; top:0; right:0; bottom:0; left:0;
    background-color:rgba(0,0,0,0.375);
    background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.375) 100%)
}
.component-hero.layout-grid .item .details {
    background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%)
}

.component-hero.layout-grid .item .image img { object-fit:cover; left:0; top:0; transition:transform 1s ease }
.component-hero.layout-grid .item:hover .image img,
.component-hero.layout-grid .item:focus .image img { transform:scale(1.125) }
.component-hero.layout-grid .item .details { left:0; bottom:0; right:0 }
.component-hero.layout-grid .item .details .date-sport { display:flex; flex-direction:column-reverse }
.component-hero.layout-grid .item .details .date { font-size:.875rem }
.component-hero.layout-grid .item .details .breadcrumb-item+.breadcrumb-item { padding:0 }
.component-hero.layout-grid .item .details .breadcrumb-item+.breadcrumb-item::before { display:none }
.component-hero.layout-grid .item .details .related-links { z-index:2; font-size:.875rem }

@media only screen and (max-width:767px) {
    .component-hero.layout-grid .item .image .ratio { --bs-aspect-ratio: calc(50%) !important }
    .component-hero.layout-grid .item .details .date { font-size:.75rem }
    .component-hero.layout-grid .item .details .sport { font-size:.875rem }
    .component-hero.layout-grid .item .details .title { font-size:1rem }
    .component-hero.layout-grid .col-lg-6:first-child .item .image .ratio { --bs-aspect-ratio: calc(100%) !important }
    .component-hero.layout-grid .col-lg-6:first-child .item .details .title { font-size:1.5rem }
    .component-hero.layout-grid .col-lg-6:first-child .item .details .date-sport { font-size:.875rem }
}

/* GRID LAYOUT END */

/* SPLIT LAYOUT START */
.component-hero.layout-split .item .image a:after { content:''; position:absolute; top:0; right:0; bottom:0; left:0;
    background-color:rgba(0,0,0,0.375);
    background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,0.85) 100%); }
.component-hero.layout-split .item .image img { object-fit:cover; left:0; top:0; transition:transform 1s ease }
.component-hero.layout-split .item:hover .image img,
.component-hero.layout-split .item:focus .image img { transform:scale(1.125) }
.component-hero.layout-split .item .details { left:0; bottom:0; right:0 }
.component-hero.layout-split .item .details .date-sport { display:flex; font-size:.875em !important; gap:1rem !important; }
.component-hero.layout-split .item .details .date { /* font-size:.875rem */ }
.component-hero.layout-split .item .details .breadcrumb-item+.breadcrumb-item { padding:0 }
.component-hero.layout-split .item .details .breadcrumb-item+.breadcrumb-item::before { display:none }
.component-hero.layout-split .item .details .related-links { z-index:2; font-size:.875rem }

@media only screen and (max-width:767px) {
    .component-hero.layout-split .item .details .date { font-size:.75rem }
    .component-hero.layout-split .item .details .sport { font-size:.875rem }
    .component-hero.layout-split .item .details .title { font-size:1rem }
    .component-hero.layout-split .grouping:not(:first-child) .item { display:flex; gap: 1rem; flex-direction:row; justify-content: space-between; align-items: center; }
    .component-hero.layout-split .grouping:not(:first-child) .item .text-light { color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important;}
    .component-hero.layout-split .grouping:not(:first-child) .item a.text-white { color: var(--bs-link-color) !important; }
    .component-hero.layout-split .grouping:not(:first-child) .item a.text-white { color: var(--bs-link-hover-color) !important; }
    .component-hero.layout-split .grouping:not(:first-child) .item .image { min-width:40%;}
    .component-hero.layout-split .grouping:not(:first-child) .item .image .ratio { }
    .component-hero.layout-split .grouping:not(:first-child) .item .details { padding: 0 !important; width:100%; position:relative !important; }
    .component-hero.layout-split .grouping:first-child .item .details .title { font-size:1.5rem }
    .component-hero.layout-split .grouping:first-child .item .details .date-sport { font-size:.875rem }

}

/* GRID LAYOUT END */

/* STANDARD LAYOUT START */

.component-hero.layout-standard { gap:0 !important }
.component-hero.layout-standard .page-details { padding:10px 20px; border-bottom:1px solid var(--bs-border-color) }
.component-hero.layout-standard .page-details .component-archive-link { display:none; }

.component-hero.layout-standard .item .date-sport { margin-bottom:0.25rem; }
.component-hero.layout-standard .item .image { display:block }
.component-hero.layout-standard .item .image a:after { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.075) }
.component-hero.layout-standard .item .image img { object-fit:cover; left:0; top:0; transition:transform 0.4s ease }

.component-hero.layout-standard .featured-item .details { padding:20px }
.component-hero.layout-standard .featured-item .image:hover img,
.component-hero.layout-standard .featured-item .image:focus img { transform:scale(1.125) }

.component-hero.layout-standard .more-items { display:flex; flex-direction:column }
.component-hero.layout-standard .more-items .item { padding:20px; border-top:1px solid var(--bs-border-color); }
.component-hero.layout-standard .more-items .image { display:none }

@media only screen and (min-width:768px) {
    .component-hero.layout-standard .more-items .inner { display:flex; align-items:center; gap:20px }
    .component-hero.layout-standard .more-items .image { display:block; width:25%; max-width:240px; }
    .component-hero.layout-standard .more-items .details { flex:1 }
}

@media only screen and (min-width:1024px) {
    .component-hero.layout-standard .archive-link { display:none; }
    .component-hero.layout-standard .page-details .archive-link { display:block; }
    .component-hero.layout-standard .item { padding:20px }
    .component-hero.layout-standard .inner { position:relative }
    .component-hero.layout-standard .featured-item .item .inner { display:flex }
    .component-hero.layout-standard .featured-item .item .inner  > div { flex:0 0 50% }
    .component-hero.layout-standard .featured-item .details { padding:20px 0 20px 20px; display:flex; flex-direction:column; justify-content:center }
    .component-hero.layout-standard .more-items { display:flex; flex-direction:row; border-top:1px solid var(--bs-border-color) }
    .component-hero.layout-standard .more-items .item { flex:0 0 33.33%; border-left:1px solid var(--bs-border-color); border-top:none; }
    .component-hero.layout-standard .more-items .image { max-width:none; }
    .component-hero.layout-standard .more-items .inner > div { flex-basis:100% }
    .component-hero.layout-standard .more-items .details { display:flex; flex-direction:column; justify-content:center; background:#fff; position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; transform:translateY(100%); transition:all 0.2s ease-in-out 0s  }
    .component-hero.layout-standard .more-items .details a:before { content:''; position:absolute; left:0; right:0; top:0; bottom:0 }
    .component-hero.layout-standard .more-items .item:first-child { border-left:none }
    .component-hero.layout-standard .more-items .item:hover .details,
    .component-hero.layout-standard .more-items .item:focus .details { opacity:1; transform:translateY(0); }
    .component-hero.layout-standard .date-sport { padding-bottom:0.25rem; border-bottom:1px solid var(--bs-border-color); }
}

/* STANDARD LAYOUT END */



/* HORIZON LAYOUT START */
.component-hero.layout-horizon {  }
.component-hero.layout-horizon .carousel-control-next, .component-hero.layout-horizon .carousel-control-prev{ position:relative; padding:0 0.35rem;}
.component-hero.layout-horizon .carousel-control-pp{
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
    text-decoration:none;
}
.component-hero.layout-horizon .carousel-control-pp:focus, .component-hero.layout-horizon .carousel-control-pp:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}
.component-hero.layout-horizon .carousel-buttons-wrapper { z-index:3; position:absolute; bottom:2rem; left: 2rem; padding:0.3rem 0; flex-direction: row!important; display: flex!important; gap: 0.5rem!important; }
.component-hero.layout-horizon .carousel-buttons-wrapper .btn { padding: 0; }
.component-hero.layout-horizon .carousel-item { overflow:hidden; position: relative; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.component-hero.layout-horizon .carousel-indicators { z-index:2; margin: 0 2rem !important; display:flex; flex-direction:row; justify-content:start; left: 0; right:0; bottom: 2.1rem; padding-left: 4rem; }
.component-hero.layout-horizon .carousel-indicators [data-bs-target] { width:100%; height:2px; margin:0; }
.component-hero.layout-horizon .carousel-indicators [data-bs-target].active { margin: 0 2px; height:4px; border-top-width:9px; border-bottom-width:9px; }
.component-hero.layout-horizon .blur { content:""; backdrop-filter: blur(15px); position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
.component-hero.layout-horizon .blur:before { content:""; background: linear-gradient(180deg, rgba(var(--bs-primary-rgb),0) 30%, rgba(var(--bs-primary-rgb),1) 100%); position:absolute; top:0; left:0; right:0; bottom:0;}
.component-hero.layout-horizon .dash-controls { position:absolute; bottom:0; width:100%;}
.component-hero.layout-horizon .carousel-caption { width:100%; z-index:1; left: 0; right:0; bottom:0; left:auto; right:auto; padding:2rem; text-align:left; text-shadow: 1px 1px 2px rgba(var(--bs-dark-rgb), 0.5); background: linear-gradient(180deg, rgba(var(--bs-primary-rgb),0) 0%, rgba(var(--bs-primary-rgb),1) 90%); }
.component-hero.layout-horizon .carousel-item:before { display:block; position:absolute; z-index:1; content:""; top:0; left:0; right:0; bottom:0; }
.component-hero.layout-horizon .carousel-caption .carousel-caption-inner{ z-index:1; margin-bottom:2rem; position:relative !important; }
.component-hero.layout-horizon .carousel-caption .date-sport.breadcrumb { margin-bottom:0; color:inherit !important; }
.component-hero.layout-horizon .carousel-caption .title { margin:0; color:inherit !important; }
.component-hero.layout-horizon .carousel-caption .title:hover,
.component-hero.layout-horizon .carousel-caption .title:focus{ opacity:0.85; }
.component-hero.layout-horizon .carousel-caption .leadin { color:inherit !important; }
.component-hero.layout-horizon .carousel-caption .breadcrumb-item+.breadcrumb-item::before{ color:inherit !important; }
.component-hero.layout-horizon .carousel-caption-inner-prepend { bottom:100%; left:0; right:0; top:auto; height:100%; display:none; position:absolute; }
.component-hero.layout-horizon .carousel-caption-inner-prepend:after { content:""; display:block; width:calc(100% * 1.3); height:calc(100% * 3); background: var(--bs-primary); opacity:0.85; position:absolute; top:0;transform-origin: top left; transform:matrix(2,0.3,0,1,0,0); -ms-transform:matrix(2,0.3,0,1,0,0); -webkit-transform:matrix(2,0.3,0,1,0,0); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.component-hero.layout-horizon .carousel-item .ratio:after { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; content:""; display:block; width:100%; height:calc(100% * 2.5); background: var(--bs-white); opacity:0.4; position:absolute; top:0;  transform: skew(-70deg); }
@media only screen and (min-width:576px) {
    .component-hero.layout-horizon .carousel-caption { background: transparent;  }
    .component-hero.layout-horizon .carousel-caption-inner-prepend { display:block; }
    .component-hero.layout-horizon .carousel-caption .carousel-caption-inner { margin-top:-4rem; }
}
@media only screen and (max-width:991px) {
    .component-hero.layout-horizon .carousel-caption .leadin { display:none !important; }
}
@media only screen and (min-width:992px) {
    .component-hero.layout-horizon .carousel-caption { padding-right:40%; }
    .component-hero.layout-horizon .carousel-item:before { display:none; }
    .component-hero.layout-horizon .carousel-caption .carousel-caption-inner{  }
    .component-hero.layout-horizon .carousel-caption .title { font-size:2rem; }
    .component-hero.layout-horizon .carousel-caption .carousel-caption-inner { margin-top:-4.5rem; }
}
@media only screen and (min-width:1200px) {
    .component-hero.layout-horizon .carousel-caption { padding-right: 40%; }
    .component-hero.layout-horizon .carousel-caption .title { font-size:2.5rem; }
    .component-hero.layout-horizon .carousel-caption .carousel-caption-inner { margin-top:-5rem; }
}
/* HORIZON LAYOUT END */


/* CAROUSEL LAYOUT START */
.component-hero.layout-carousel {  }
.component-hero.layout-carousel .carousel-buttons-wrapper { z-index:2; position:absolute; top:1rem; right: 1rem;  flex-direction: row!important; display: flex!important; gap: 0.5rem!important; }
.component-hero.layout-carousel .carousel-buttons-wrapper .btn { padding: 0; position:relative; }
.component-hero.layout-carousel .carousel-item { overflow:hidden; position: relative; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.component-hero.layout-carousel .carousel-item .container-lg a img{ visibility: hidden; }
.component-hero.layout-carousel .overlay-effect { width:100%; height:100%; display:none; bottom:0; position:absolute; }
.component-hero.layout-carousel .overlay-effect .oe-left,
.component-hero.layout-carousel .overlay-effect .oe-right{
    position:absolute;
    top:auto;
    bottom:0;
    right:100%;
    left:auto;
    width:5000px;
    height:100%;
    background: linear-gradient(0deg, rgba(var(--bs-primary-rgb),1) 0%, rgba(var(--bs-primary-rgb),0.75) 100%);
    -webkit-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -o-transform: skew(15deg);
    transform-origin:bottom right;
}
.component-hero.layout-carousel .overlay-effect .oe-right {
    right:auto;
    left:100%;
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -o-transform: skew(-15deg);
    transform-origin:bottom left;
}
.component-hero.layout-carousel .carousel-indicators { z-index:2; display:flex; flex-direction:row; justify-content:center; left: 0; right:0; margin:0 auto; bottom: 1rem; }
.component-hero.layout-carousel .carousel-indicators [data-bs-target] {  }
.component-hero.layout-carousel .carousel-indicators [data-bs-target].active { }
.component-hero.layout-carousel .blur { content:""; backdrop-filter: blur(15px); position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
.component-hero.layout-carousel .blur:before { content:""; background: linear-gradient(180deg, rgba(var(--bs-primary-rgb),0) 30%, rgba(var(--bs-primary-rgb),1) 100%); position:absolute; top:0; left:0; right:0; bottom:0;}
.component-hero.layout-carousel .dash-controls { position:absolute; bottom:0; left:15%; right:15%; }
.component-hero.layout-carousel .carousel-caption { overflow:hidden; z-index:1; left: 0; right:0; bottom:0; left:auto; right:auto; padding:0rem; text-align:center; text-shadow: 1px 1px 2px rgba(var(--bs-dark-rgb), 0.5); background: linear-gradient(180deg, rgba(var(--bs-primary-rgb),0) 0%, rgba(var(--bs-primary-rgb),1) 90%); color:var(--bs-white); --bs-link-color: var(--bs-white); --bs-link-hover-color: var(--bs-light); }
.component-hero.layout-carousel .carousel-item:before { display:block; position:absolute; z-index:1; content:""; top:0; left:0; right:0; bottom:0; }
.component-hero.layout-carousel .carousel-caption .carousel-caption-inner{ z-index:1; position:relative !important; padding:1rem; }
.component-hero.layout-carousel .carousel-caption .date-sport.breadcrumb { margin-bottom:0; color:inherit !important; }
.component-hero.layout-carousel .carousel-caption .title { margin: 0; }
.component-hero.layout-carousel .carousel-caption .title:hover,
.component-hero.layout-carousel .carousel-caption .title:focus{ opacity:0.85; }
.component-hero.layout-carousel .carousel-caption .breadcrumb-item+.breadcrumb-item::before{ color:inherit !important; }
.component-hero.layout-carousel .carousel-buttons-wrapper { line-height: 24px; height: 24px; left:auto;}

.component-hero.layout-carousel.has-buttons .carousel-indicators {  bottom:0.5rem }
.component-hero.layout-carousel.has-buttons .carousel-caption .carousel-caption-inner { margin-bottom:1rem; }
.component-hero.layout-carousel .carousel-caption-inner-prepend { display:none; }

.component-hero.layout-carousel .carousel-caption-placeholder { position:absolute; bottom:100%; left:0; right:0; }

@media only screen and (max-width:991px) {
    .component-hero.layout-carousel .carousel-caption .leadin { display:none !important; }
}
@media only screen and (min-width:992px) {
    .component-hero.layout-carousel .carousel-caption-inner-prepend { bottom:0; left:0; right:0; top:0; height:100%; position:absolute; display:block; }
    .component-hero.layout-carousel.has-buttons .carousel-caption .carousel-caption-inner { margin-bottom:2rem; }
    .component-hero.layout-carousel .carousel-caption-inner-prepend .ccip-left,
    .component-hero.layout-carousel .carousel-caption-inner-prepend .ccip-left:before,
    .component-hero.layout-carousel .carousel-caption-inner-prepend .ccip-left:after,
    .component-hero.layout-carousel .carousel-caption-inner-prepend .ccip-right,
    .component-hero.layout-carousel .carousel-caption-inner-prepend .ccip-right:before,
    .component-hero.layout-carousel .carousel-caption-inner-prepend .ccip-right:after {
        width:1rem;
        content:"";
        display:inline-block;
        position:absolute;
        top:0;
        bottom:0;
        background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.065) 100%);
    }
    .component-hero.layout-carousel .carousel-caption-inner-prepend .ccip-left,
    .component-hero.layout-carousel .carousel-caption-inner-prepend .ccip-left:before,
    .component-hero.layout-carousel .carousel-caption-inner-prepend .ccip-left:after{
        left:0; transform: skew(25deg);
        margin-left:-2rem;
    }
    .component-hero.layout-carousel .carousel-caption-inner-prepend .ccip-left:before{ margin-left:-2rem; transform:none; }
    .component-hero.layout-carousel .carousel-caption-inner-prepend .ccip-left:after{ margin-left:-1rem; transform:none; }

    .component-hero.layout-carousel .carousel-caption-inner-prepend .ccip-right,
    .component-hero.layout-carousel .carousel-caption-inner-prepend .ccip-right:before,
    .component-hero.layout-carousel .carousel-caption-inner-prepend .ccip-right:after{
        margin-right:-2rem;
        right:0; transform: skew(-25deg);
        background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.065) 100%);
    }
    .component-hero.layout-carousel .carousel-caption-inner-prepend .ccip-right:before{ margin-right:-1rem; transform:none; }
    .component-hero.layout-carousel .carousel-caption-inner-prepend .ccip-right:after{ margin-right:-2rem; transform:none; }

    .component-hero.layout-carousel .carousel-buttons-wrapper { }
    .component-hero.layout-carousel .carousel-caption .carousel-caption-inner{  }
    .component-hero.layout-carousel .overlay-effect { display:block; }
    .component-hero.layout-carousel .carousel-item:before { display:none; }
    .component-hero.layout-carousel .carousel-caption { background: transparent; }
    .component-hero.layout-carousel .carousel-caption { background: rgba(var(--bs-primary-rgb), 0.85);}
    .component-hero.layout-carousel.has-buttons .carousel-indicators { }
    .component-hero.layout-carousel .dash-controls { bottom:0rem; left:15%; right:15%;  }
    .component-hero.layout-carousel .carousel-caption .title { font-size:1.75rem; }
    .component-hero.layout-carousel .carousel-caption .carousel-caption-inner {  }
    .component-hero.layout-carousel .carousel-caption-placeholder { position:absolute; bottom:0; left:0; right:0; }
}
@media only screen and (min-width:1200px) {
    .component-hero.layout-carousel .carousel-caption .title { font-size:2.25rem; }
    .component-hero.layout-carousel .carousel-caption .carousel-caption-inner {  }
    .component-hero.layout-carousel .dash-controls { bottom:0rem; left:30%; right:30%;  }
}
/* TRAPEZOID LAYOUT END */

/* SOLO LAYOUT START */ 

.component-hero.layout-solo .carousel-item { overflow:hidden; position: relative; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.component-hero.layout-solo .carousel-item .container-lg a img{ visibility: hidden; } 
.component-hero.layout-solo .carousel-indicators { z-index:2; display:flex; flex-direction:row; justify-content:center; left: 0; right:0; margin:0 auto; bottom: 1rem; } 
 .component-hero.layout-solo .dash-controls { position:absolute; bottom:0; left:15%; right:15%; }
.component-hero.layout-solo .carousel-caption { overflow:hidden; z-index:1; left: 0; right:0; bottom:0; left:auto; right:auto; padding:0rem; text-align:center; text-shadow: 1px 1px 2px rgba(var(--bs-dark-rgb), 0.5); background: linear-gradient(180deg, rgba(var(--bs-primary-rgb),0) 0%, rgba(var(--bs-primary-rgb),1) 90%); }
.component-hero.layout-solo .carousel-item:before { display:block; position:absolute; z-index:1; content:""; top:0; left:0; right:0; bottom:0; }
.component-hero.layout-solo .carousel-caption .carousel-caption-inner{ z-index:1; position:relative !important; padding:1rem; }
.component-hero.layout-solo .carousel-caption .date-sport.breadcrumb { margin-bottom:0; color:inherit !important; }
.component-hero.layout-solo .carousel-caption .title { margin:0; color:inherit !important; }
.component-hero.layout-solo .carousel-caption .title:hover,
.component-hero.layout-solo .carousel-caption .title:focus{ opacity:0.85; }
.component-hero.layout-solo .carousel-caption .leadin { color:inherit !important; }
.component-hero.layout-solo .carousel-caption .breadcrumb-item+.breadcrumb-item::before{ color:inherit !important; }
.component-hero.layout-solo.has-buttons .carousel-indicators {  bottom:0.5rem }
.component-hero.layout-solo.has-buttons .carousel-caption .carousel-caption-inner { margin-bottom:1rem; color:var(--bs-dark);}
.component-hero.layout-solo .carousel-caption-inner-prepend { display:none; } 
.component-hero.layout-solo .carousel-caption-placeholder { bottom: 0; top: 0; position: absolute; left: 0; right: 0; z-index: 1; text-align: left; text-transform: uppercase; padding: 0; line-height: 1.1; }
.component-hero.layout-solo .carousel-item:after {content: '';position: absolute;left: 0; right 0; top: 0; bottom: 0; right:0; background: rgba(var(--bs-white-rgb), 0.7); }
.component-hero.layout-solo .carousel-indicators [data-bs-target] {   background-color: var(--bs-primary); }
.component-hero.layout-solo .carousel-buttons-wrapper .btn {   color: var(--bs-primary) !important; }
.component-hero.layout-solo .carousel-buttons-wrapper { position: absolute; top: 0; right: 0; z-index: 2; display: flex; align-items: center; justify-content: center; width: 5rem; height: 3rem; padding: 0; color: #fff; text-align: center; background: 0 0; border: 0; opacity: 0.5; transition: opacity .15s ease; text-decoration: none; gap: 0.5rem; }
.component-hero.layout-solo .carousel-buttons-wrapper .btn { font-size: 1.5rem; position: relative; width: auto; padding: 0; opacity:1;}
.component-hero.layout-solo .carousel-buttons-wrapper .btn:hover {   opacity: 1; } 

.component-hero.layout-solo .carousel-item > a > img {    object-fit: cover;    left: 0;    top: 0;     object-position:  center;}
.component-hero.layout-solo .carousel-item > a {   padding: 1.2rem 0; }



@media(min-width:768px){
    .component-hero.layout-solo .carousel-buttons-wrapper {  width: 7rem;  height: 6rem;    gap: 1rem;}
    .component-hero.layout-solo .carousel-buttons-wrapper .btn { opacity:0.5;}
}
 
@media only screen and (min-width:992px) {
    .component-hero.layout-solo .carousel-caption-inner-prepend { bottom:0; left:0; right:0; top:0; height:100%; position:absolute; display:block; }
    .component-hero.layout-solo.has-buttons .carousel-caption .carousel-caption-inner { margin-bottom:2rem; }  
    .component-hero.layout-solo .overlay-effect { display:block; }
    .component-hero.layout-solo .carousel-item:before { display:none; }
    .component-hero.layout-solo .carousel-caption { background: transparent; }
    .component-hero.layout-solo .carousel-caption { background: rgba(var(--bs-primary-rgb), 0.85);}
    .component-hero.layout-solo.has-buttons .carousel-indicators { }
    .component-hero.layout-solo .dash-controls { bottom:0rem; left:15%; right:15%;  }
    .component-hero.layout-solo .carousel-caption .title { font-size:1.75rem; } 
    .component-hero.layout-solo .carousel-caption-placeholder { position:absolute; bottom:0; left:0; right:0; }
    .component-hero.layout-solo .carousel-item > a{padding:0;}

}
@media only screen and (min-width:1200px) {
    .component-hero.layout-solo .carousel-caption .title { font-size:2.25rem; }
    .component-hero.layout-solo .carousel-caption .carousel-caption-inner {  }
    .component-hero.layout-solo .dash-controls { bottom:0rem; left:30%; right:30%;  }
    .component-hero.layout-solo .carousel-caption-placeholder a.title {   max-width: 70%; }
}


/* SOLO LAYOUT ENDS */


/* PAGINATED CONTROLS */
.paginated-hero .carousel .carousel-indicators [data-bs-target]{
    background-color: var(--bs-link-color, #000);
}
.paginated-hero .carousel .carousel-indicators {
    margin-bottom:0.5rem;
    margin-top:0.5rem;
    margin-left:25%;
    margin-right:25%;
}