/*
 * Aussie Hoopla homepage refinements:
 * Original site rotating advertiser at desktop top / fixed mobile footer.
 * Swipeable Australian Basketball Player Database based on real player profiles.
 * The same black / orange / white / grey brand system as the concept.
 */
body.ah-home .ahp-home .ahp-native-player-carousel{
  display:block!important;visibility:visible!important;opacity:1!important;
  position:relative!important;margin:0!important;padding:41px 0 50px!important;
  background:#f6f6f6!important;border-top:1px solid #e1e1e1;
  border-bottom:1px solid #e1e1e1;min-height:340px;
}
body.ah-home .ahp-home .ahp-native-player-carousel .container{
  width:min(calc(100% - 48px),1260px)!important;
  max-width:1260px!important;margin:0 auto!important;padding:0!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .row,
body.ah-home .ahp-home .ahp-native-player-carousel .col-md-12{
  display:block!important;width:100%!important;max-width:none!important;
  float:none!important;margin:0!important;padding:0!important;min-width:0!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .main-title{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;
  justify-content:space-between!important;gap:10px 16px!important;
  padding:0!important;margin:0 0 20px!important;min-height:0!important;
  background:transparent!important;border:0!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel #ah-players-title{
  color:#222222!important;font-family:Impact,'Arial Narrow',Arial,sans-serif!important;
  text-transform:uppercase!important;font-size:clamp(29px,3.2vw,41px)!important;
  line-height:1.07!important;letter-spacing:.1px!important;
  font-weight:900!important;margin:0!important;padding:0!important;
  border:0!important;background:none!important;flex:1 1 400px!important;
  width:auto!important;height:auto!important;float:none!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .main-title-link-reverse{
  display:inline-block!important;color:#df4a00!important;
  background:transparent!important;border:0!important;padding:8px 0!important;
  width:auto!important;height:auto!important;float:none!important;
  font-size:12px!important;font-weight:900!important;letter-spacing:.6px;
  text-transform:uppercase!important;order:1;
}
body.ah-home .ahp-home .ahp-native-player-carousel .ahp-native-controls{
  display:flex!important;align-items:center!important;gap:8px!important;
  position:static!important;float:none!important;width:auto!important;
  height:auto!important;margin:0 0 0 8px!important;padding:0!important;order:2;
}
body.ah-home .ahp-home .ahp-native-player-carousel .ahp-native-controls button{
  width:39px!important;height:39px!important;display:grid!important;
  place-items:center!important;border:1px solid #c9c9c9!important;
  background:#ffffff!important;color:#222222!important;cursor:pointer!important;
  font-size:22px!important;line-height:1!important;border-radius:6px!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .ahp-native-controls button:hover:not(:disabled){
  background:#df4a00!important;color:#ffffff!important;border-color:#df4a00!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .ahp-native-controls button:disabled{
  opacity:.36!important;cursor:default!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .players-wrap.ahp-native-track{
  width:100%!important;max-width:100%!important;
  display:grid!important;grid-auto-flow:column!important;
  grid-auto-columns:calc((100% - 64px)/5)!important;gap:16px!important;
  visibility:visible!important;opacity:1!important;height:auto!important;
  min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;
  scrollbar-color:#a0a0a0 #ececec!important;
  overscroll-behavior-inline:contain;padding:2px 2px 14px!important;
  margin:0!important;position:relative!important;clear:both!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .team-item{
  display:flex!important;flex-direction:column!important;flex:none!important;
  width:auto!important;min-width:0!important;max-width:none!important;
  height:auto!important;min-height:250px!important;float:none!important;
  padding:0!important;margin:0!important;position:relative!important;
  box-sizing:border-box!important;scroll-snap-align:start!important;
  background:#ffffff!important;border:1px solid #dadada!important;
  border-radius:10px!important;overflow:hidden!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .team-item:hover{
  border-color:#df4a00!important;
  box-shadow:0 7px 20px rgba(0,0,0,.09)!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .player-img-wrap{
  display:block!important;float:none!important;width:100%!important;
  max-width:100%!important;height:auto!important;aspect-ratio:4/3.6!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
  border:0!important;background:#ececec!important;position:relative!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .player-img-wrap>a,
body.ah-home .ahp-home .ahp-native-player-carousel .player-img-wrap #custom-bg,
body.ah-home .ahp-home .ahp-native-player-carousel .ahp-player-image-cover{
  display:block!important;width:100%!important;height:100%!important;
  margin:0!important;padding:0!important;background-position:center 20%!important;
  background-size:cover!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .player-img-wrap img{
  display:block!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;object-fit:cover!important;
  object-position:center 20%!important;transform:none!important;
  position:static!important;margin:0!important;padding:0!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .player-info-wrap{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  background:#ffffff!important;color:#222222!important;float:none!important;
  position:static!important;inset:auto!important;opacity:1!important;
  visibility:visible!important;width:100%!important;min-height:70px!important;
  max-width:none!important;height:auto!important;margin:0!important;
  padding:12px 13px!important;border-top:3px solid #df4a00!important;
  text-align:left!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .player-name,
body.ah-home .ahp-home .ahp-native-player-carousel .player-name a{
  display:block!important;color:#222222!important;position:static!important;
  background:transparent!important;margin:0!important;padding:0!important;
  text-decoration:none!important;width:100%!important;height:auto!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .player-name-span{
  color:#222222!important;display:block!important;font-family:Arial,sans-serif!important;
  font-size:16px!important;font-weight:850!important;line-height:1.25!important;
  margin:0!important;padding:0!important;letter-spacing:0!important;
  text-transform:none!important;white-space:normal!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .player-number:empty,
body.ah-home .ahp-home .ahp-native-player-carousel .player-number{display:none!important}
body.ah-home .ahp-home .ahp-native-player-carousel .player-name a:hover .player-name-span{
  color:#df4a00!important;
}
/* Desktop: the site's rotating advertiser precedes the navigation. */
@media(min-width:993px){
  body.ah-home .ahp-home>.ahp-ad-banner{
    display:block!important;position:static!important;inset:auto!important;
    order:initial!important;width:100%!important;z-index:auto!important;
  }
}
/* Live-site behaviour: mobile/tablet rotating banner floats at viewport bottom. */
@media(max-width:992px){
  body.ah-home .ahp-home>.ahp-ad-banner{
    display:block!important;position:fixed!important;top:auto!important;
    bottom:0!important;bottom:env(safe-area-inset-bottom,0px)!important;
    left:0!important;right:0!important;inset-inline:0!important;
    z-index:999999!important;order:unset!important;
    width:100%!important;max-width:100%!important;margin:0!important;
    background:#d4d4d4!important;border-top:2px solid #df4a00!important;
    padding:5px 0!important;box-shadow:0 -3px 18px rgba(0,0,0,.17)!important;
  }
  body.ah-home .ahp-home .ahp-ad-inner{
    width:100%!important;min-height:0!important;padding:0 8px!important;
    display:flex!important;justify-content:center!important;align-items:center!important;
  }
  body.ah-home .ahp-home .ahp-ad-inner img{
    display:block!important;width:auto!important;height:auto!important;
    max-width:min(94vw,640px)!important;max-height:84px!important;
    object-fit:contain!important;margin:auto!important;
  }
  body.ah-home .ahp-home{padding-bottom:calc(100px + env(safe-area-inset-bottom, 0px))!important}
}
@media(max-width:1100px){
  body.ah-home .ahp-home .ahp-native-player-carousel .players-wrap.ahp-native-track{
    grid-auto-columns:calc((100% - 48px)/4)!important;
  }
}
@media(max-width:800px){
  body.ah-home .ahp-home .ahp-native-player-carousel .players-wrap.ahp-native-track{
    grid-auto-columns:calc((100% - 32px)/3)!important;
  }
}
@media(max-width:620px){
  body.ah-home .ahp-home .ahp-native-player-carousel{padding:30px 0 38px!important}
  body.ah-home .ahp-home .ahp-native-player-carousel .container{
    width:calc(100% - 32px)!important;
  }
  body.ah-home .ahp-home .ahp-native-player-carousel #ah-players-title{
    flex-basis:100%!important;font-size:29px!important;
  }
  body.ah-home .ahp-home .ahp-native-player-carousel .main-title-link-reverse{order:1}
  body.ah-home .ahp-home .ahp-native-player-carousel .ahp-native-controls{order:2}
  body.ah-home .ahp-home .ahp-native-player-carousel .players-wrap.ahp-native-track{
    grid-auto-columns:minmax(0,62%)!important;gap:12px!important;
  }
  body.ah-home .ahp-home .ahp-native-player-carousel .player-name-span{
    font-size:16px!important;
  }
  body.ah-home .ahp-home .ahp-ad-inner img{max-height:72px!important}
}
/* 30 October layout correction: force one horizontal flex row, four portraits on desktop.
   This overrides inherited Top Club carousel widths and CSS grid placement. */
@media(min-width:1101px) {
  body.ah-home .ahp-home .ahp-native-player-carousel .players-wrap.ahp-native-track>.team-item {
    flex:0 0 calc((100% - 54px)/4)!important;
    width:calc((100% - 54px)/4)!important;
    max-width:calc((100% - 54px)/4)!important;
  }
}
body.ah-home .ahp-home .ahp-native-player-carousel .players-wrap.ahp-native-track {
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  align-content:stretch!important;
  justify-content:flex-start!important;
  gap:18px!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding-inline:2px!important;
  scroll-behavior:smooth!important;
  width:100%!important;
  min-height:0!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .players-wrap.ahp-native-track>.team-item {
  display:flex!important;
  flex-flow:column nowrap!important;
  flex-shrink:0!important;
  flex-grow:0!important;
  align-self:stretch!important;
  clear:none!important;
  position:relative!important;
  grid-column:auto!important;
  grid-row:auto!important;
  height:auto!important;
  margin:0!important;
  min-width:0!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .player-img-wrap:before,
body.ah-home .ahp-home .ahp-native-player-carousel .player-img-wrap:after,
body.ah-home .ahp-home .ahp-native-player-carousel .ahp-player-image-cover:before,
body.ah-home .ahp-home .ahp-native-player-carousel .ahp-player-image-cover:after {
  display:none!important;content:none!important;background:none!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .team-item .player-img-wrap{
  aspect-ratio:4/3!important;
  height:auto!important;
}
body.ah-home .ahp-home .ahp-native-player-carousel .team-item .player-info-wrap{
  flex:1 0 72px!important;
  min-height:72px!important;
}
/* Match the live desktop advertising banner size, without changing its rotating shortcode. */
@media(min-width:993px) {
  body.ah-home .ahp-home>.ahp-ad-banner {
    background:#101010!important;
  }
  body.ah-home .ahp-home>.ahp-ad-banner .ahp-ad-inner {
    width:min(calc(100% - 36px),1260px)!important;
    min-height:145px!important;
    padding:9px 0!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
  }
  body.ah-home .ahp-home>.ahp-ad-banner .ahp-ad-inner a {
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:min(100%,1150px)!important;
  }
  body.ah-home .ahp-home>.ahp-ad-banner .ahp-ad-inner img {
    width:100%!important;
    height:auto!important;
    max-width:1150px!important;
    max-height:160px!important;
    object-fit:contain!important;
  }
}
@media(min-width:801px) and (max-width:1100px) {
  body.ah-home .ahp-home .ahp-native-player-carousel .players-wrap.ahp-native-track>.team-item {
    flex-basis:calc((100% - 36px)/3)!important;
    width:calc((100% - 36px)/3)!important;
    max-width:calc((100% - 36px)/3)!important;
  }
}
@media(min-width:621px) and (max-width:800px) {
  body.ah-home .ahp-home .ahp-native-player-carousel .players-wrap.ahp-native-track>.team-item {
    flex-basis:calc((100% - 18px)/2)!important;
    width:calc((100% - 18px)/2)!important;
    max-width:calc((100% - 18px)/2)!important;
  }
}
@media(max-width:620px) {
  body.ah-home .ahp-home .ahp-native-player-carousel .players-wrap.ahp-native-track>.team-item {
    flex-basis:68%!important;
    width:68%!important;
    max-width:68%!important;
  }
  body.ah-home .ahp-home .ahp-native-player-carousel .players-wrap.ahp-native-track{
    gap:12px!important;
  }
}
