/*------------------------------------------------------------------------------*/
/*style-theme*/


.header-logo--img {
  z-index: 1;
  transition: 0.3s all ease
}

.site-wrapper--has-menu-overlay .header-logo--img {
  opacity: 0;
  visibility: hidden
}

.site-layout--landing .header-logo--img {
  opacity: 1;
  transition: 0.7s 0.6s all cubic-bezier(.86,0,.07,1)
}

.preloader-is--active .site-layout--landing .header-logo--img {
  opacity: 0;
  transform: translateY(-50%) scale(1.5)
}

.site-header--top .header-logo--img,.site-header--bottom .header-logo--img {
  position: absolute;
  left: 28px;
  width: var(--logo-width-md,140px)
}

@media (max-width: 991.98px) {
  .site-header--top .header-logo--img,.site-header--bottom .header-logo--img {
      width:var(--logo-width-sm,90px);
      left: 20px
  }
}

@media (min-width: 1920px) {
  .site-header--top .header-logo--img,.site-header--bottom .header-logo--img {
      left:46px;
      width: var(--logo-width-lg,200px)
  }
}

.site-header--top .header-logo--img img,.site-header--bottom .header-logo--img img {
  max-width: 100%;
  height: auto
}

.site-header--top .header-logo--img {
  top: 4px
}

@media (min-width: 1920px) {
  .site-header--top .header-logo--img {
      top:14px
  }
}

.site-header--bottom .header-logo--img {
  bottom: 12px
}

@media (max-width: 991.98px) {
  .site-header--bottom .header-logo--img {
      bottom:6px
  }
}

@media (min-width: 1920px) {
  .site-header--bottom .header-logo--img {
      bottom:20px
  }
}

.site-header--landing .header-logo--img {
  z-index: 3;
  padding-left: 48px;
  padding-right: 48px
}

@media (min-width: 992px) {
  .site-header--landing .header-logo--img {
      padding-left:86px;
      padding-right: 86px
  }
}

.header-logo--img img {
  max-width: 100%;
  height: auto
}

@media (min-width: 992px) and (max-width:1919px) {
  .site-header--landing .header-logo--img img {
      max-width:18.229167vh
  }
}

@media (min-width: 1920px) {
  .header-logo--img img {
      max-width:200px
  }
}


/*main-nav*/
.main-nav {
display: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1200px) {
.main-nav {
  display: block;
  transition: 0.3s all ease;
}
.site-wrapper--has-menu-overlay .main-nav {
  opacity: 0;
}
}
.main-nav ul {
padding-left: 0;
list-style: none;
}
.main-nav ul li {
position: relative;
}
.main-nav ul li a {
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.25;
text-transform: uppercase;
transition: all 240ms ease;
}
.main-nav ul li:not(.item-has-btn) a:hover {
color: var(--color-primary);
}
.main-nav__list a {
color: var(--color-light);
}
.main-nav__list li.active > a {
color: var(--color-primary);
}
.main-nav__list > li {
display: inline-block;
}
.main-nav__list > li.ncr-item-badge::after {
content: "New";
display: block;
position: absolute;
top: 8px;
right: 0;
background-color: var(--color-primary);
padding: 0.35em 0.5em;
border-radius: 0.4em;
text-transform: uppercase;
color: var(--color-white);
font-size: 0.5625rem;
line-height: 1em;
font-weight: bold;
pointer-events: none;
}
.main-nav__list > li.ncr-item-badge--danger::after {
background-color: var(--color-danger);
}
.main-nav__list > li:first-child {
padding-left: 0;
}
.main-nav__list > li:last-child {
padding-right: 0;
}
@media (min-width: 1200px) {
.main-nav__list > li {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
}
@media (min-width: 1920px) {
.main-nav__list > li {
  padding-left: 3rem;
  padding-right: 3rem;
}
}
.main-nav__list > li > a {
font-size: 0.875rem;
display: inline-block;
padding-top: 28px;
padding-bottom: 27px;
}
@media (min-width: 1920px) {
.main-nav__list > li > a {
  font-size: 1rem;
  padding-top: 41px;
  padding-bottom: 39px;
}
}
.main-nav__sub {
display: block;
float: left;
position: absolute;
left: 6px;
visibility: hidden;
z-index: 99999;
opacity: 0;
transition: all 0s ease-in-out;
}
.main-nav__list > li:first-child .main-nav__sub {
left: -24px;
}
@media (min-width: 1920px) {
.main-nav__sub {
  left: 12px;
}
.main-nav__list > li:first-child .main-nav__sub {
  left: -36px;
}
.site-header--landing .main-nav__list > li:first-child .main-nav__sub {
  left: -24px;
}
}
.site-header--top .main-nav__sub {
top: 100%;
transform: translateY(-1rem);
border-top: 2px solid transparent;
}
@media (min-width: 1920px) {
.site-header--top .main-nav__sub {
  border-width: 4px;
}
}
.site-header--landing .main-nav__sub {
transform: translateY(-1rem);
}
.site-header--bottom .main-nav__sub {
bottom: 100%;
transform: translateY(1rem);
border-bottom: 2px solid transparent;
}
@media (min-width: 1920px) {
.site-header--bottom .main-nav__sub {
  border-width: 4px;
}
}
.site-header--bottom .main-nav__sub.main-nav__sub--dropup {
bottom: auto;
transform: translate(-1rem, calc(-100% + 47px));
}
@media (min-width: 1920px) {
.site-header--bottom .main-nav__sub.main-nav__sub--dropup {
  transform: translate(-1rem, calc(-100% + 65px));
}
}
.main-nav__sub ul {
left: 99%;
}
.site-header--top .main-nav__sub ul, .site-header--bottom .main-nav__sub ul, .site-header--landing .main-nav__sub ul {
transform: translateX(-1rem);
}
.site-header--top .main-nav__sub ul {
top: 0;
border-top: 0;
}
.site-header--bottom .main-nav__sub ul {
top: 0;
border-bottom: 0;
}
.site-header--landing .main-nav__sub ul {
top: 0;
}
.main-nav__sub li {
border-left: 2px solid transparent;
}
@media (min-width: 1920px) {
.main-nav__sub li {
  border-width: 4px;
}
}
.main-nav__sub li:hover > ul, .main-nav__sub li.focus > ul {
left: 100%;
}
.main-nav__sub li a {
display: block;
width: 200px;
padding: 16px 44px 16px 24px;
font-size: 0.75rem;
background-color: var(--color-dark);
border-bottom: 1px solid hsla(var(--color-quaternary-h), var(--color-quaternary-s), var(--color-quaternary-l), 0.375);
}

@media (min-width:1200px) and (max-width: 1919px)  and (min-height: 800px) {
  .main-nav__sub li a {
    font-size: 0.8rem !important;
  }
}

@media (min-width: 1920px) {
    .main-nav__sub li a {
      width: 280px;
      padding: 24px 44px 24px 35px;
      font-size: 0.875rem;
    }
}
.main-nav__sub li:last-child > a {
border-bottom: none;
}
.main-nav li:hover > ul,
.main-nav li.focus > ul, li:hover > .main-nav__megamenu, li.focus > .main-nav__megamenu {
visibility: visible;
opacity: 1;
transform: translate(0);
transition-duration: 0.3s;
}
.site-header--bottom .main-nav li:hover > ul.main-nav__sub--dropup,
.site-header--bottom .main-nav li.focus > ul.main-nav__sub--dropup, li:hover > .site-header--bottom .main-nav__megamenu.main-nav__sub--dropup, li.focus > .site-header--bottom .main-nav__megamenu.main-nav__sub--dropup {
transform: translate(0, calc(-100% + 47px));
}
@media (min-width: 1920px) {
.site-header--bottom .main-nav li:hover > ul.main-nav__sub--dropup,
.site-header--bottom .main-nav li.focus > ul.main-nav__sub--dropup, li:hover > .site-header--bottom .main-nav__megamenu.main-nav__sub--dropup, li.focus > .site-header--bottom .main-nav__megamenu.main-nav__sub--dropup {
  transform: translate(0, calc(-100% + 65px));
}
}
.site-header--landing .main-nav {
display: none;
}
@media (min-width: 768px) {
.site-header--landing .main-nav {
  display: flex;
  flex: 1;
}
.site-header--landing .main-nav:first-of-type {
  margin-right: auto;
  justify-content: flex-end;
}
.site-header--landing .main-nav:last-of-type {
  margin-left: auto;
}
}
.site-header--landing .main-nav__list > li {
padding-left: 1rem;
padding-right: 1rem;
}
.site-header--landing .main-nav__list > li:first-child {
padding-left: 0;
}
.site-header--landing .main-nav__list > li:last-child {
padding-right: 0;
}
@media (min-width: 992px) {
.site-header--landing .main-nav__list > li {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
}
.site-layout--landing .main-nav {
opacity: 1;
transition: 0.7s 0.6s all cubic-bezier(0.86, 0, 0.07, 1);
}
.preloader-is--active .site-layout--landing .main-nav {
opacity: 0;
transform: translateY(-50%) scale(1.5);
}
.main-nav .badge {
margin-left: 0.3em;
}

.main-nav__toggle,
.main-nav__toggle-2 {
display: inline-block;
position: relative;
top: -1px;
width: 6px;
height: 2px;
margin-left: 6px;
vertical-align: middle;
background-color: var(--color-primary);
}
.main-nav__toggle:before,
.main-nav__toggle-2:before {
position: absolute;
top: -2px;
left: 2px;
width: 2px;
height: 6px;
content: "";
background-color: var(--color-primary);
transition: opacity 300ms ease;
}
li:hover > .main-nav__toggle:before, li.focus > .main-nav__toggle:before,
li:hover > .main-nav__toggle-2:before,
li.focus > .main-nav__toggle-2:before {
opacity: 0;
}
.main-nav__list ul .main-nav__toggle,
.main-nav__list ul .main-nav__toggle-2 {
position: absolute;
top: 23px;
right: 18px;
}
@media (min-width: 1920px) {
.main-nav__list ul .main-nav__toggle,
.main-nav__list ul .main-nav__toggle-2 {
  top: 33px;
  right: 24px;
}
}
.mobile-bar-item .main-nav__toggle,
.mobile-bar-item .main-nav__toggle-2 {
position: absolute;
top: 27px;
right: 24px;
}
.mobile-bar-item .mobile-bar-item__header:not(.collapsed) .main-nav__toggle:before,
.mobile-bar-item .mobile-bar-item__header:not(.collapsed) .main-nav__toggle-2:before {
opacity: 0;
}

.main-nav__title {
margin-bottom: 30px;
font-size: 0.9375rem;
color: var(--color-light);
}
@media (min-width: 1920px) {
.main-nav__title {
  margin-bottom: 43px;
  font-size: 1rem;
}
}

/*mobile-nav*/
/*.mobile-nav ul {
padding-left: 0;
list-style: none;
padding: 0;
}
.mobile-nav li.active > a {
color: var(--color-primary);
}
.mobile-nav a {
position: relative;
display: block;
font-size: 0.75rem;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -0.03em;
color: var(--color-light);
}
.mobile-nav .item-has-btn > a {
display: block;
color: var(--color-light);
}
.mobile-nav .badge {
margin-left: 0.3em;
}
.mobile-nav ul ul a {
font-size: 0.625rem;
padding: 5px 0 4px 34px;
margin-right: 54px;
}
.mobile-nav__list > li > a {
padding: 15px 0 13px 34px;
margin-right: 54px;
}
.mobile-nav__list > li.item-has-btn > a {
text-align: left;
margin-right: 0;
}
.mobile-nav__list > li + li {
border-top: 1px solid hsla(var(--color-quaternary-h), var(--color-quaternary-s), var(--color-quaternary-l), 0.375);
}
.mobile-nav__list li {
position: relative;
}
.mobile-nav .sub-menu {
margin-bottom: 10px;
display: none;
}
.mobile-nav .sub-menu .sub-menu {
padding-left: 15px !important;
}

.mobile-nav__toggle,
.mobile-nav__toggle-2 {
position: absolute;
top: 0;
right: 0;
width: 54px;
}
.mobile-nav__toggle::after, .mobile-nav__toggle::before,
.mobile-nav__toggle-2::after,
.mobile-nav__toggle-2::before {
position: absolute;
content: "";
background-color: var(--color-primary);
}
.mobile-nav__toggle::before,
.mobile-nav__toggle-2::before {
top: calc(50% - 3px);
left: calc(50% - 1px);
width: 2px;
height: 6px;
transition: opacity 300ms ease;
}
.mobile-nav__toggle::after,
.mobile-nav__toggle-2::after {
top: calc(50% - 1px);
left: calc(50% - 3px);
width: 6px;
height: 2px;
}
.mobile-nav__toggle.active:before,
.mobile-nav__toggle-2.active:before {
opacity: 0;
}

.mobile-nav__toggle {
height: 48px;
}

.sub-menu .mobile-nav__toggle {
height: 26px;
}

@media (max-width: 767.98px) {
.mobile-nav--simple {
  height: calc(100vh - 72px);
  overflow-y: auto;
}
.admin-bar .mobile-nav--simple {
  height: calc(100vh - 46px - 72px);
}
}

@media screen and (max-width: 600px) {
.admin-bar .mobile {
  position: fixed !important;
}
}*/



/*header-actions*/
.header-actions {
display: flex;
justify-content: flex-end;
padding-right: 34px;
}
@media (min-width: 1920px) {
.header-actions {
  padding-right: 55px;
}
}

.header-cart-toggle,
.header-search-toggle,
.header-filter-toggle,
.header-social-toggle,
.header-top-bar-toggle,
.header-scroll-arrow,
.header-player-info-navigation,
.header-pagination,
.header-team-toggle {
transition: display 200ms ease 300ms, opacity 300ms ease, transform 300ms ease;
}
.header-cart-toggle.hide,
.header-search-toggle.hide,
.header-filter-toggle.hide,
.header-social-toggle.hide,
.header-top-bar-toggle.hide,
.header-scroll-arrow.hide,
.header-player-info-navigation.hide,
.header-pagination.hide,
.header-team-toggle.hide {
visibility: hidden;
opacity: 0;
transform: translateY(-20%);
}

.header-account {
transition: display 200ms ease 300ms, opacity 300ms ease, transform 300ms ease;
}
.header-account.hide {
visibility: hidden;
opacity: 0;
transform: translateY(20%);
}

@media (max-width: 767.98px) {
.header-player-info-navigation:first-child {
  position: relative;
  right: -58px;
}
}

.header-cart-toggle .df-icon,
.header-search-toggle .df-icon,
.header-filter-toggle .df-icon,
.header-social-toggle .df-icon,
.header-top-bar-toggle .df-icon,
.header-team-toggle .df-icon {
fill: var(--color-light);
transition: all 300ms ease;
}
.header-cart-toggle:hover .df-icon,
.header-search-toggle:hover .df-icon,
.header-filter-toggle:hover .df-icon,
.header-social-toggle:hover .df-icon,
.header-top-bar-toggle:hover .df-icon,
.header-team-toggle:hover .df-icon {
fill: var(--color-primary);
}

.header-account .df-icon {
fill: var(--color-light);
transition: all 300ms ease;
}
.header-account a:hover .df-icon {
fill: var(--color-primary);
}

.header-account .df-icon,
.header-cart-toggle .df-icon,
.header-search-toggle .df-icon,
.header-social-toggle .df-icon,
.header-top-bar-toggle .df-icon,
.header-team-toggle .df-icon {
width: 24px;
height: 24px;
}
@media (min-width: 1920px) {
.header-account .df-icon,
.header-cart-toggle .df-icon,
.header-search-toggle .df-icon,
.header-social-toggle .df-icon,
.header-top-bar-toggle .df-icon,
.header-team-toggle .df-icon {
  width: 30px;
  height: 30px;
}
}

.header-filter-toggle,
.header-menu-toggle,
.header-cart-toggle,
.header-social-toggle,
.header-search-toggle,
.header-top-bar-toggle {
margin-left: 34px;
}
body:not(.cursor-is--active) .header-filter-toggle,
body:not(.cursor-is--active) .header-menu-toggle,
body:not(.cursor-is--active) .header-cart-toggle,
body:not(.cursor-is--active) .header-social-toggle,
body:not(.cursor-is--active) .header-search-toggle,
body:not(.cursor-is--active) .header-top-bar-toggle {
cursor: pointer;
}
@media (min-width: 1920px) {
.header-filter-toggle,
.header-menu-toggle,
.header-cart-toggle,
.header-social-toggle,
.header-search-toggle,
.header-top-bar-toggle {
  margin-left: 55px;
}
}

.header-cart-toggle,
.header-social-toggle,
.header-search-toggle,
.header-top-bar-toggle,
.header-team-toggle {
padding-top: 24px;
padding-bottom: 24px;
}
@media (min-width: 1920px) {
.header-cart-toggle,
.header-social-toggle,
.header-search-toggle,
.header-top-bar-toggle,
.header-team-toggle {
  padding-top: 34px;
  padding-bottom: 36px;
}
}

.header-cart-toggle,
.header-search-toggle,
.header-top-bar-toggle {
position: relative;
}
.header-cart-toggle .df-icon--close,
.header-cart-toggle .df-icon--search-close,
.header-search-toggle .df-icon--close,
.header-search-toggle .df-icon--search-close,
.header-top-bar-toggle .df-icon--close,
.header-top-bar-toggle .df-icon--search-close {
position: absolute;
top: 25px;
left: 0;
opacity: 0;
transform: scale(0.3);
transform-origin: center;
}
@media (min-width: 1920px) {
.header-cart-toggle .df-icon--close,
.header-cart-toggle .df-icon--search-close,
.header-search-toggle .df-icon--close,
.header-search-toggle .df-icon--search-close,
.header-top-bar-toggle .df-icon--close,
.header-top-bar-toggle .df-icon--search-close {
  top: 35px;
  left: 0;
}
}

.header-cart-toggle.toggled .df-icon--bag {
opacity: 0;
transform: scale(0.3);
}

.header-search-toggle.toggled .df-icon--search {
opacity: 0;
transform: scale(0.3);
}

.header-top-bar-toggle.toggled .df-icon--joystick {
opacity: 0;
transform: scale(0.3);
}

.header-cart-toggle.toggled .df-icon--close,
.header-cart-toggle.toggled .df-icon--search-close,
.header-search-toggle.toggled .df-icon--close,
.header-search-toggle.toggled .df-icon--search-close,
.header-top-bar-toggle.toggled .df-icon--close,
.header-top-bar-toggle.toggled .df-icon--search-close {
opacity: 1;
transform: scale(1);
}

.header-social-toggle {
padding-top: 23px;
}
@media (min-width: 1920px) {
.header-social-toggle {
  padding-top: 32px;
}
}

.header-social-toggle,
.header-team-toggle {
position: relative;
}
.header-social-toggle__plus,
.header-team-toggle__plus {
position: absolute;
display: inline-block;
top: 22px;
right: -8px;
width: 6px;
height: 2px;
background-color: var(--color-primary);
}
.header-social-toggle__plus:before,
.header-team-toggle__plus:before {
position: absolute;
top: -2px;
left: 2px;
width: 2px;
height: 6px;
content: "";
background-color: var(--color-primary);
transition: opacity 300ms ease;
}
@media (min-width: 1920px) {
.header-social-toggle__plus,
.header-team-toggle__plus {
  top: 32px;
  right: -12px;
}
}
.header-social-toggle:hover .header-social-toggle__plus::before,
.header-social-toggle:hover .header-team-toggle__plus::before,
.header-team-toggle:hover .header-social-toggle__plus::before,
.header-team-toggle:hover .header-team-toggle__plus::before {
opacity: 0;
}

.header-search-toggle {
padding-top: 23px;
}
@media (min-width: 1920px) {
.header-search-toggle {
  padding-top: 32px;
}
}
/*header-filter-toggle*/
.header-filter-toggle {
padding-top: 23px;
padding-bottom: 31px;
margin-left: 0;
}
@media (min-width: 992px) {
.header-filter-toggle {
  position: relative;
}
}
@media (min-width: 1920px) {
.header-filter-toggle {
  padding-top: 32px;
  padding-bottom: 38px;
}
}
.header-filter-toggle .df-icon {
width: 14px;
height: 14px;
}
@media (min-width: 1920px) {
.header-filter-toggle .df-icon {
  width: 24px;
  height: 24px;
}
}


/*header-menu-toggle*/
.header-menu-toggle {
width: 72px;
height: 72px;
padding: 29px 27px;
background-color: var(--color-primary);
}
@media (min-width: 1920px) {
.header-menu-toggle {
  width: 100px;
  height: 100px;
  padding: 38px 36px;
}
}
.header-menu-toggle:last-child {
margin-right: -34px;
}
@media (min-width: 1920px) {
.header-menu-toggle:last-child {
  margin-right: -55px;
}
}
.header-menu-toggle__inner {
background: transparent;
border-color: transparent;
position: relative;
width: 18px;
height: 14px;
}
@media (min-width: 1920px) {
.header-menu-toggle__inner {
  width: 28px;
  height: 24px;
}
}
.header-menu-toggle__inner:hover, .header-menu-toggle__inner:focus, .header-menu-toggle__inner:active {
outline: none;
background: transparent;
border-color: transparent;
}
.header-menu-toggle__inner span {
position: absolute;
left: 0;
height: 2px;
width: 100%;
background: var(--color-dark);
transition: all ease 300ms;
}
@media (min-width: 1920px) {
.header-menu-toggle__inner span {
  height: 4px;
}
}
.header-menu-toggle__inner span:first-child {
top: 0;
}
.header-menu-toggle__inner span:nth-child(2) {
top: 6px;
}
@media (min-width: 1920px) {
.header-menu-toggle__inner span:nth-child(2) {
  top: 10px;
}
}
.header-menu-toggle__inner span:last-child {
bottom: 0%;
}
.header-menu-toggle.toggled .header-menu-toggle__inner span:first-child {
transform: rotate(45deg);
top: 6px;
}
@media (min-width: 1920px) {
.header-menu-toggle.toggled .header-menu-toggle__inner span:first-child {
  top: 10px;
}
}
.header-menu-toggle.toggled .header-menu-toggle__inner span:last-child, .header-menu-toggle.toggled .header-menu-toggle__inner span:nth-child(2) {
transform: rotate(-45deg);
top: 6px;
}
@media (min-width: 1920px) {
.header-menu-toggle.toggled .header-menu-toggle__inner span:last-child, .header-menu-toggle.toggled .header-menu-toggle__inner span:nth-child(2) {
  top: 10px;
}
}

/*social-menu--header*/
.social-menu--header {
display: block;
width: 260px;
margin: 0;
float: left;
position: absolute;
left: -124px;
z-index: 99999;
visibility: hidden;
display: flex;
flex-direction: column-reverse;
opacity: 0;
}
@media (min-width: 1920px) {
.social-menu--header {
  width: 365px;
  left: -165px;
}
}
.site-header--top .social-menu--header {
top: 72px;
transform: translateY(-10px);
}
@media (min-width: 1920px) {
.site-header--top .social-menu--header {
  top: 100px;
}
}
.site-header--bottom .social-menu--header {
bottom: 100%;
transform: translateY(10px);
}
.site-header--top .social-menu--header li {
border-top: 2px solid transparent;
}
@media (min-width: 1920px) {
.site-header--top .social-menu--header li {
  border-top-width: 4px;
}
}
.site-header--bottom .social-menu--header li {
border-bottom: 2px solid transparent;
}
@media (min-width: 1920px) {
.site-header--bottom .social-menu--header li {
  border-bottom-width: 4px;
}
}
.social-menu--header li a {
position: relative;
display: block;
padding: 23px 18px 19px;
color: var(--color-light);
background-color: var(--color-dark);
border-left-width: 72px;
border-left-style: solid;
font-size: 1rem;
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.25;
text-transform: uppercase;
}
@media (min-width: 1920px) {
.social-menu--header li a {
  padding: 35px 28px 32px;
  border-left-width: 100px;
  font-size: 1.125rem;
}
}
.social-menu--header li a:hover {
color: var(--color-primary);
}
.social-menu--header li a:hover::before {
transform: translateX(-50%) translateY(-50%) scale(1.2);
}
.social-menu--header li a::before {
position: absolute;
inset-block-start: 50%;
inset-inline-start: -36px;
transform: translateX(-50%) translateY(-50%);
color: var(--color-light);
font-size: 1.5rem;
transition: transform 0.25s ease;
}
@media (min-width: 1920px) {
.social-menu--header li a::before {
  inset-inline-start: -50px;
  font-size: 1.875rem;
}
}
.social-menu--header li a .link-subtitle {
display: block;
font-size: 0.625em;
line-height: 1;
color: var(--color-tiny);
}
.header-social-toggle:hover .social-menu {
transition: opacity 0.3s ease, transform 0.3s ease;
visibility: visible;
opacity: 1;
transform: translateY(0);
}

/*social-menu--header */
.social-menu.social-menu--header a {
  border-color: var(--color-secondary);
}







/*------------------------------------------------------------------------------*/
/*Custom*/

/*Header*/
#header {
  transition: opacity 0.5s ease-in-out;
  opacity: 1;

  /*Margen de pantalla*/
  /* margin-left: 16px;
  margin-right: 16px; */
}

.menu-panel a:hover, #header a:hover{
  cursor: pointer !important;

}
.header-logo--img{
  z-index: 1103;
}



@media (min-width: 992px) and  (max-width: 1919px) {
  .site-header--top .header-logo--img,.site-header--bottom .header-logo--img {
      width:120px;
   
  }
}



/*Header Actions*/
.no-touch-device .header-actions .header-filter-toggle:hover .df-icon,
.no-touch-device .header-actions .header-search-toggle:hover .df-icon,
.no-touch-device .header-actions .header-social-toggle:hover .df-icon {
  fill: var(--color-primary) !important;
}

.current-menu-item a, .current-page-item a, .current-menu-ancestor.no-mega-menu > a, .current-menu-ancestor.current-menu-parent.menu-item-has-children > a {
  color: var(--color-primary) !important; 
  font-weight: bold !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  text-decoration-thickness: 2px !important;  


}


.site-header .main-nav__sub li a, .main-nav__sub-0 .current-menu-ancestor.current-menu-parent.menu-item-has-children>a {
  text-decoration: none !important;
}


.menu-panel .dl-submenu .dl-back a{
  color: white !important;

}
.menu-panel .dl-submenu .dl-back svg{
  fill: var(--color-primary) !important;
}


/*Texto Ligas debajo de Pais*/

#header .main-nav__sub-0 li > a.menu-item-link span {
  opacity: 0.85;
}
.menu-panel .menu-panel__content .dl-submenu li a span{
  font-size: medium !important;
  opacity: 0.85;
}

.dl-submenu .dl-toggle {
  top: -17px !important;
  left: -2px !important;
} 

/*Header Toggle*/

#header .header-toggle {
  margin-left: 34px ;
}

/*Header Toggle - League*/



.social-menu--header li a .link-subtitle{
  color: white !important;
  opacity: 0.8 !important;
  font-size: small !important;
}
.social-menu--header li a.active {
  color: var(--color-primary) !important;
}
.social-menu.social-menu--header {
  z-index: 10;
}


.social-menu.social-menu--header.league-menu a:hover, .social-menu.social-menu--header.league-menu a.active {
  border-color: var(--color-primary) !important;
}

.social-menu--header.league-menu li a{
  padding-left: 23px !important;
}

.league-menu .league-logo {
  width: 75px ;
  height: 75px ;
  position: absolute;
  left: -67px;
  top: 0px;
}

.header-social-toggle .df-icon.active{
  fill: var(--color-primary) !important;
}

.header-social-toggle .selected-league-label {
  color: var(--color-primary) !important;
  font-weight: 600 !important;
  letter-spacing: -.03em !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
  margin-right: 10px !important;
  cursor: pointer !important;
  text-align: right !important;
  font-size: 1rem;

}

.header-social-toggle .selected-league-label::before {
  content: attr(data-spaces);
  white-space: pre;
  flex-shrink: 0;

}
.header-social-toggle .selected-league-label span {

  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  text-decoration-thickness: 2px !important;
  flex-grow: 1;


}

/** Social Media **/

.social-menu.social-menu--header a{
  background-color: var(--color-dark) !important;
}

.social-menu.social-menu--header a[href*='x.com'] {
  border-color: black !important;
}
.social-menu.social-menu--header a[href*='tiktok.com']{
  border-color:  black !important;
}
.social-menu.social-menu--header a[href*='x.com']::before {
  content: "\e61b"; 
  font-family: 'Font Awesome 6 Brands';
}


.header-filter-toggle .df-icon, 
.header-search-toggle .df-icon {
  fill: white !important;
}

.header-filter-toggle.active .df-icon, 
.header-search-toggle.active .df-icon {
  fill: var(--color-primary) !important;
}

.header-social-toggle .social-menu {
  visibility: hidden !important;
  opacity: 0 !important;
  transform: translateY(-10px) !important; /* o cualquier otra transformación inicial */
  transition: opacity 0.3s ease, transform 0.3s ease !important;
}

.header-social-toggle .df-icon{
  fill: white !important;
}
.header-social-toggle  .header-social-toggle__plus:before{
  opacity: 1 !important;
}

.header-social-toggle.active .social-menu {
  transition: opacity 0.3s ease, transform 0.3s ease !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.header-social-toggle.active .df-icon{
  fill: var(--color-primary) !important;
}

.header-social-toggle.active  .header-social-toggle__plus:before{
  opacity: 0 !important;
}




/*******************/


@media  (max-width: 767px) {


  .header-social-toggle .selected-league-label{
      font-size: 0.9rem;
  }
  
}
@media  (max-width: 767px) and (max-height: 710px){

  .dl-menuwrapper #menu-primary-menu-1 > li.menu-item >  a.menu-item-link{
      font-size: 2.275rem !important;
      padding: 12px 10px 12px 0 !important;
  }
}

@media  (max-width: 767px) and (max-height: 670px){
  .dl-menuwrapper #menu-primary-menu-1 > li.menu-item >  a.menu-item-link{
      font-size: 2.075rem !important;
      padding: 12px 10px 12px 0 !important;
  }
}

@media (max-width: 575px) {
 
  .header-social-toggle .selected-league-label {
      display: none !important;
  }
}
@media (max-width: 400px) {
 #header .header-toggle, .header-search-toggle,.header-menu-toggle:last-child {
      margin-left: 28px  !important;
  
  }
  #header.site-header--bottom .header-logo--img {
      left: 10px !important;
  }

}

@media (max-width: 365px) {
 
  .header-social-toggle{
      display: none;
    }
}

@media (max-width: 300px) {
.header-filter-toggle{
  display: none;
}
.header-search-toggle{
  display: none;
}

}



@media (min-width: 768px) and (max-width:1920px) and (max-height: 810px) {

  .dl-menuwrapper #menu-primary-menu-1 > li.menu-item >  a.menu-item-link{
      font-size: 2.475rem !important;
      padding: 12px 10px 12px 0 !important;
  }
}

@media (min-width: 768px) and (max-width:1920px) and (max-height: 745px) {

  .dl-menuwrapper #menu-primary-menu-1 > li.menu-item >  a.menu-item-link{
      font-size: 2.275rem !important;
      padding: 12px 10px 12px 0 !important;

  }
}


@media (max-width: 991px) {
  .site-wrapper:not(.site-wrapper--has-menu-overlay) #header{
      box-shadow: 0 -5px 20px -10px rgba(0,0,0,0.4);
  }
}




@media (min-width: 1200px) {
 
  .site-header ul.main-nav__list > li:nth-child(4) .main-nav__sub-1 {
      display: flex!important;
      flex-wrap: wrap!important;
      justify-content: space-between!important;
  }
  

  .site-header ul.main-nav__list > li:nth-child(4) .main-nav__sub-1 .menu-item {
      width: 48%!important; 
  }
  .site-header ul.main-nav__list > li:nth-child(4) .main-nav__sub-1 .menu-item:nth-child(odd) {
     left: -46%!important;
  }
  /*el 4 child debe corresponder a equipos */
  .site-header--bottom ul.main-nav__list > li:nth-child(4)  .main-nav__sub.main-nav__sub--dropup{
      left: 148% !important;
  }
      
  
  .site-header--bottom ul.main-nav__list  .main-nav__sub.main-nav__sub--dropup{
      top: 80px !important;
  }
  .site-header--bottom ul.main-nav__list  .main-nav__sub-0 .menu-item:last-child ul.main-nav__sub.main-nav__sub--dropup{
      top: 15px !important;
  }
  
  .site-header ul.main-nav__list  > li:nth-child(4) .main-nav__sub li a {
      height: 100%;
  }

  /******************/

} 



/* Ocultar el último y penúltimo elemento en anchos menores a 1500px */

@media (max-width: 1380px) {
  #menu-primary-menu > .menu-item:nth-last-child(5) {
    display: none !important;
  }
}
@media (max-width: 1650px) {
  #menu-primary-menu > .menu-item:last-child,
  #menu-primary-menu > .menu-item:nth-last-child(2),
  #menu-primary-menu > .menu-item:nth-last-child(3),
  #menu-primary-menu > .menu-item:nth-last-child(4)
  {
      
    display: none !important;
  }
}
@media (max-width: 1919px) {
  #menu-primary-menu > .menu-item:last-child,
  #menu-primary-menu > .menu-item:nth-last-child(2){
    display: none !important;
  }
}

@media (min-width: 1920px) {
  .site-header--bottom .main-nav {
      padding-left: 300px !important;
  }
 #header .main-nav__sub-0 li > a.menu-item-link span {
      font-size: small !important;
  }
  .league-menu .league-logo {
      width: 103px;
      height: 103px;
      position: absolute;
      left: -94px;
      top: 0;
  }
  .social-menu--header.league-menu li a{
      padding-left: 33px !important;
  }
  #header .header-toggle {
      margin-left: 55px ;
  }

  .header-social-toggle .selected-league-label{
      font-size: 1.1rem;
  }

  .site-header--bottom ul.main-nav__list  .main-nav__sub.main-nav__sub--dropup{
      top: 112px !important;
  }
  .site-header--bottom  ul.main-nav__list  .main-nav__sub-0 .menu-item:last-child ul.main-nav__sub.main-nav__sub--dropup{
      top: 24px !important;
  }
  

}

@media (min-width: 1920px) and (max-height: 1080px) {

  .dl-menuwrapper #menu-primary-menu-1 > li.menu-item >  a.menu-item-link{
      font-size: 3.575rem !important;
      padding: 14px 12px 14px 0 !important;
  }
}

@media (min-width: 1920px) and (max-height: 930px) {

  .dl-menuwrapper #menu-primary-menu-1 > li.menu-item >  a.menu-item-link{
      font-size: 2.875rem !important;
      padding: 14px 12px 14px 0 !important;
  }
}

@media (min-width: 1920px) and (max-height: 840px) {

  .dl-menuwrapper #menu-primary-menu-1 > li.menu-item >  a.menu-item-link{
      font-size: 2.475rem !important;
      padding: 12px 10px 12px 0 !important;
  }
}

@media (min-width: 1920px) and (max-height: 780px) {

  .dl-menuwrapper #menu-primary-menu-1 > li.menu-item >  a.menu-item-link{
      font-size: 2.275rem !important;
      padding: 12px 10px 12px 0 !important;
  }
}

/* Ocultar el último y penúltimo elemento entre 1920px y 2020px */
@media (min-width: 1920px) and (max-width: 2190px) {
  #menu-primary-menu > .menu-item:last-child,
  #menu-primary-menu > .menu-item:nth-last-child(2),
  #menu-primary-menu > .menu-item:nth-last-child(3),
  #menu-primary-menu > .menu-item:nth-last-child(4){
    display: none !important;
  }
  
}

@media (min-width: 2191px) and (max-width: 2500px) {
  #menu-primary-menu > .menu-item:last-child,
  #menu-primary-menu > .menu-item:nth-last-child(2)
  {
    display: none !important;
  }
}

@media (min-width: 2560px) {
  .site-header--bottom .main-nav {
      padding-left: 326px !important;
  }
  
}