@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

@keyframes flashing {
    0% { transform: scale(.9,.9); }
    50% { transform: scale(1,1); }
    100% { transform: scale(.9,.9); }
}

.atom-link { font-family: var( --font-core-sans ); }

.atom-link.regular { display: inline-block; margin: 0; }
.atom-link.regular .inner {  }
.atom-link.regular .inner .label { }


/* RAWCONTENT */
.atom-link .rawcontent { display: block; }

/* HOMEBACK LINK */
.atom-link.homebacklink { display: block; }

/* NAVIGATION LINK MODIFIER */
.atom-link.nav-link { display: block; letter-spacing: 0.35px; font-size: 14px; line-height: 36px; text-transform: uppercase;
    color: var( --color-white ); font-weight: normal; margin: 0; white-space: nowrap; }
.current-menu-item > .atom-link.nav-link,    
.current-menu-ancestor > .atom-link.nav-link,
.menu-item:hover > .atom-link.nav-link { font-weight: bold; background: var( --color-red-alt ); } 

/* NAVIGATION CHILD LEVEL LINK MODIFIER */
.child-menu-holder .atom-link.nav-link { text-transform: none; color: var( --color-white ); font-weight: normal; letter-spacing: 0.4px; margin: 0; background: #444; }
.child-menu-holder .current-menu-item > .atom-link.nav-link,
.child-menu-holder .menu-item:hover > .atom-link.nav-link { font-weight: bold; background: #6a6a6a; }

/* NAVIGATION LEAGUE ICON LINK MODIFIER */
.atom-link.icon-league { background: #444 center center no-repeat; display: block; width: 100%; height: 50px; background-size: 160px;  margin: 0 auto; position: relative; }
.atom-link.icon-league .inner { display: none; }
.atom-link.icon-league.icon-smartbank { background-image: url('../../../assets/images/logos/liga-smartbank-white.svg'); }
.atom-link.icon-league.icon-santander { background-image: url('../../../assets/images/logos/liga-santander-white.svg'); }
.current-menu-item > .atom-link.icon-league,    
.current-menu-ancestor > .atom-link.icon-league,
.atom-link.icon-league:hover { background-color: #6a6a6a; } 

/* TABS TRIGGERS MODIFIER */
.atom-link.trigger-tab { color: var( --color-white ); margin: 0; border-bottom: none; position: relative; background: transparent; display: inline-block; opacity: 1; padding: 0 12px; font-size: 13px; line-height: 20px; }
.atom-link.trigger-tab:before,
.atom-link.trigger-tab:after { content: ""; display: block; height: 4px; width: 4px; border-radius: 50%; position: absolute; top: 50%; margin-top: -2px; 
    background: var( --color-white ); opacity: 0; transition: all 150ms ease; } 
.atom-link.trigger-tab:before { left: 10px; } 
.atom-link.trigger-tab:after { right: 10px; } 
.atom-link.trigger-tab.active,
.atom-link.trigger-tab:hover { font-weight: bold; background: transparent; }
.atom-link.trigger-tab.active:after,
.atom-link.trigger-tab:hover:after,
.atom-link.trigger-tab.active:before,
.atom-link.trigger-tab:hover:before{ opacity: 1; } 
.atom-link.trigger-tab.active:after,
.atom-link.trigger-tab:hover:after { right: 0; } 
.atom-link.trigger-tab.active:before,
.atom-link.trigger-tab:hover:before  { left: 0; } 

/* RAWCONTENT */
.atom-link.club-link { display: block; }
.atom-link.club-link .no-logo { height: 30px; margin-bottom: 8px; filter: grayscale(1); opacity: .6; }
.atom-link.club-link .no-logo svg { width: auto !important; height: 30px !important; }
.atom-link.club-link .no-logo svg path { fill: #000; }


.atom-link.club-link figure { width: 100%; display: block; margin-bottom: 8px; filter: grayscale(1); opacity: .5; }
.atom-link.club-link figure img { height: 30px; width: auto; display: block; margin: 0 auto; }
.atom-link.club-link p { font-family: var( --font-core-sans ); font-weight: 400; font-size: 11px; line-height: 13px; text-align: center; color: var( --color-shark ); }
.atom-link.club-link:hover,
.atom-link.club-link.current-club { }
.atom-link.club-link:hover figure,
.atom-link.club-link.current-club figure { filter: grayscale(0); opacity: 1; }
.atom-link.club-link:hover p,
.atom-link.club-link.current-club p { font-weight: bold; }

.atom-link.club-link:hover .no-logo,
.atom-link.club-link.current-club .no-logo { opacity: 1; }


@media only screen and ( min-width: 48em ) {

    /* NAVIGATION CHILD LEVEL LINK MODIFIER */
    .child-menu-holder .atom-link.nav-link { letter-spacing: 0.4px; margin: 0; background-color: transparent; padding: 0 10px; opacity: .45; }
    .child-menu-holder .current-menu-item > .atom-link.nav-link,
    .child-menu-holder .menu-item:hover > .atom-link.nav-link { font-weight: bold; opacity: 1; background: transparent; }
    
    /* NAVIGATION LEAGUE ICON LINK MODIFIER */
    .atom-link.icon-league { background: transparent center center no-repeat;  background-size: 170px; opacity: .45; }
    .current-menu-item > .atom-link.icon-league,    
    .current-menu-ancestor > .atom-link.icon-league,
    .atom-link.icon-league:hover { background-color: transparent; opacity: 1; } 
    

}

@media only screen and ( min-width: 62em ) { 

    /* NAVIGATION LINK MODIFIER */
    .atom-link.nav-link { font-size: 12px; line-height: 18px; border-bottom: 2px solid transparent; white-space: normal; padding: 0 4px; }
    .current-menu-item > .atom-link.nav-link,    
    .current-menu-ancestor > .atom-link.nav-link,
    .menu-item:hover > .atom-link.nav-link { font-weight: bold; background: transparent; border-bottom-color: var( --color-red-alt ); } 
    
    /* NAVIGATION CHILD LEVEL LINK MODIFIER */
    .child-menu-holder .atom-link.nav-link { color: var( --color-shark ); margin: 4px 0; border-bottom: none; position: relative; background: transparent; display: inline-block; opacity: 1; }
    .child-menu-holder .atom-link.nav-link:before,
    .child-menu-holder .atom-link.nav-link:after { content: ""; display: block; height: 4px; width: 4px; border-radius: 50%; position: absolute; top: 50%; margin-top: -2px; 
        background: var( --color-shark ); opacity: 0; transition: all 150ms ease; } 
    .child-menu-holder .atom-link.nav-link:before { left: 10px; } 
    .child-menu-holder .atom-link.nav-link:after { right: 10px; } 
    .child-menu-holder .current-menu-item > .atom-link.nav-link,    
    .child-menu-holder .current-menu-ancestor > .atom-link.nav-link,
    .child-menu-holder .menu-item:hover > .atom-link.nav-link { font-weight: bold; padding: 0 12px; background: transparent; }
    .child-menu-holder .current-menu-item > .atom-link.nav-link:before,    
    .child-menu-holder .current-menu-ancestor > .atom-link.nav-link:before,
    .child-menu-holder .menu-item:hover > .atom-link.nav-link:before,
    .child-menu-holder .current-menu-item > .atom-link.nav-link:after,    
    .child-menu-holder .current-menu-ancestor > .atom-link.nav-link:after,
    .child-menu-holder .menu-item:hover > .atom-link.nav-link:after { opacity: 1; } 
    .child-menu-holder .current-menu-item > .atom-link.nav-link:before,    
    .child-menu-holder .current-menu-ancestor > .atom-link.nav-link:before,
    .child-menu-holder .menu-item:hover > .atom-link.nav-link:before { left: 0; } 
    .child-menu-holder .current-menu-item > .atom-link.nav-link:after,    
    .child-menu-holder .current-menu-ancestor > .atom-link.nav-link:after,
    .child-menu-holder .menu-item:hover > .atom-link.nav-link:after { right: 0; } 

    /* NAVIGATION LEAGUE ICON LINK MODIFIER */
    .atom-link.icon-league { width: 190px; height: 24px; background-size: contain; opacity: .45; margin: 0 auto; position: relative; }
    .atom-link.icon-league.icon-smartbank { background-image: url('../../../assets/images/logos/liga-smartbank.svg'); }
    .atom-link.icon-league.icon-santander { background-image: url('../../../assets/images/logos/liga-santander.svg'); }
}

@media only screen and ( min-width: 75em ) { 

    /* NAVIGATION LINK MODIFIER */
    .atom-link.nav-link { white-space: nowrap; font-size: 12px; line-height: 24px; padding: 0; }
}





/*
.atom-link.regular { display: inline-block; margin: 0; }
.atom-link.regular .inner { display: flex; padding: 0; z-index: 20; align-items: center; }
.atom-link.regular .inner .icon { display: block; }
.atom-link.regular .inner .icon svg { margin: 0; display: block; }
.atom-link.regular .inner .icon.icon-pre { padding-right: 6px; }
.atom-link.regular .inner .icon.icon-post { padding-left: 6px; }
.atom-link.regular .inner .label { color: var( --color-astral-cian ); }
.atom-link.regular .inner .icon svg path { fill: var( --color-astral-cian ); }

.atom-link.is-block .inner .label { display: block; margin: 0; }

/* BUTTON MODIFIER 
.atom-link.button { text-align: center; display: inline-block; border-radius: 40px; position: relative; overflow: hidden; top: 0; margin: 0; }
.atom-link.button .inner { display: flex; padding: 20px 40px; z-index: 20; align-items: center; position: relative; }
.atom-link.button .inner .icon { display: block; }
.atom-link.button .inner .icon svg { margin: 0; display: block; }
.atom-link.button .inner .icon.icon-pre { padding-right: 20px; }
.atom-link.button .inner .icon.icon-post { padding-left: 20px; }
.atom-link.button .inner .label { font-family: var( --font-filson ); font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; }
.atom-link.button .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: var( --color-codskin-black ); pointer-events: none; border-radius: 40px; }
.atom-link.button:active { top: 1px; }

/* LINK MODIFIER PAGINATOR 

.atom-link.pagination { display: block; padding: 5px 10px; }
.atom-link.pagination .inner .label { font-family: var( --font-filson ); font-style: normal; font-weight: 600; font-size: 18px; line-height: 20px; text-align: center; color: var( --color-pure-white ); }
.atom-link.pagination.unactive { pointer-events: none; }
.atom-link.pagination.unactive.page-number .inner .label { color: var( --color-pistachio-yellow ); }
    
/* LINK MODIFIER HEADER MENU 
.atom-link.nav-link-header { display: inline-block; }
.atom-link.nav-link-header .inner { display: block; padding: 0; z-index: 20; text-align: center; padding: 5px 10px; }
.atom-link.nav-link-header .inner .icon { display: none; }
.atom-link.nav-link-header .inner .label { font-family: var( --font-filson ); font-style: normal; font-weight: 600; font-size: 14px; 
    line-height: 22px; color: var( --color-dark-gray ); display: block; }
.atom-link.nav-link-header .inner .label { /* border-bottom: 2px solid transparent;  }

.atom-link.nav-link-header .inner .label { position: relative; overflow: hidden; padding-bottom: 2px; }

.single-instructor .menu-item-67 .atom-link.nav-link-header .inner .label:after,
.current-menu-item .atom-link.nav-link-header .inner .label:after,
.atom-link.nav-link-header .inner .label:before { background: var( --color-java-blue-start ); width: 100%; height: 2px; left: -100%; bottom: 0; content: ""; z-index: 100; display: block; position: absolute; 
    -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }

.atom-link.nav-link-header.mousein .inner .label:before { left: 0; }
.atom-link.nav-link-header.mousein.mouseout .inner .label:before { left: 100%;  }
.atom-link.nav-link-header.hideback .inner .label:before { display: none; }
.single-instructor .menu-item-67 .atom-link.nav-link-header .inner .label:after,
.current-menu-item .atom-link.nav-link-header .inner .label:after { left: 0; }

/* LINK MODIFIER FOOTER MENU 
.atom-link.nav-link-footer { display: inline-block; }
.atom-link.nav-link-footer .inner { display: block; padding: 0; z-index: 20; text-align: center; padding: 3px 0; }
.atom-link.nav-link-footer .inner .icon { display: none; }
.atom-link.nav-link-footer .inner .label { font-family: var( --font-filson ); font-style: normal; font-weight: 600; font-size: 14px; 
    line-height: 22px; color: var( --color-dark-gray ); display: block; }
.atom-link.nav-link-footer:hover .inner .label { color: var( --color-codskin-black ); }
.atom-link.nav-link-footer.clear .inner .label { opacity: .4; }

/* LINK MODIFIER RRSS MENU 
.atom-link.nav-link-rrss { display: block; background: transparent; overflow: hidden; padding: 0; }
.atom-link.nav-link-rrss .inner { height: 28px; line-height: 28px; width: 28px; display: block; border-radius: 50%; background-color: var( --color-codskin-black ); 
    background-position: center center; background-repeat: no-repeat; }
.atom-link.nav-link-rrss .inner .icon { display: none; }
.atom-link.nav-link-rrss .inner .label { display: block; text-indent: -100px; }

.atom-link.nav-link-rrss.facebook .inner { background-image: url('../../graphics/icons/facebook.svg'); }
.atom-link.nav-link-rrss.instagram .inner { background-image: url('../../graphics/icons/instagram.svg'); }
.atom-link.nav-link-rrss.twitter .inner { background-image: url('../../graphics/icons/twitter.svg'); }
.atom-link.nav-link-rrss.youtube .inner { background-image: url('../../graphics/icons/youtube.svg'); }

.atom-link.nav-link-rrss.facebook:hover .inner { background-color: #3b5997; }
.atom-link.nav-link-rrss.instagram:hover .inner { background-color: #3f729b; }
.atom-link.nav-link-rrss.twitter:hover .inner { background-color: #41b7d8; }
.atom-link.nav-link-rrss.youtube:hover .inner { background-color: #c4302b; }

/* LINK MODIFIER LEGALS MENU 
.atom-link.nav-link-legals { display: inline-block; }
.atom-link.nav-link-legals .inner { display: block; padding: 0; z-index: 20; text-align: center; padding: 3px; }
.atom-link.nav-link-legals .inner .icon { display: none; }
.atom-link.nav-link-legals .inner .label { font-family: var( --font-filson ); font-style: normal; font-weight: 600; font-size: 12px; 
    line-height: 16px; color: var( --color-medium-gray ); display: block; }
.atom-link.nav-link-legals:hover .inner .label { color: var( --color-dark-gray ); }

/* BUTTON VIDEO TRIGGER MODIFIER 
.atom-link.video-trigger { height: 101px; width: 101px; border: 10px solid var( --color-pure-white ); display: block; border-radius: 100%; position: relative; overflow: hidden; } 
.atom-link.video-trigger .inner { padding: 0; height: 100%; width: 100%; position: relative; display: block; z-index: 100; }
.atom-link.video-trigger .inner .icon.icon-pre { padding: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-height: 100%; max-width: 100%; opacity: 1; margin-left: 6px; margin-top: 1px; }
.atom-link.video-trigger .inner .icon.icon-post { display: none; }
.atom-link.video-trigger .inner .label { display: none; }
.atom-link.video-trigger .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: var( --color-codskin-black ); pointer-events: none; }
.atom-link.video-trigger.hover .overlay,
.atom-link.video-trigger:hover .overlay { opacity: 0.3; }
.atom-link.video-trigger:active { top: 1px; }

.atom-link.video-trigger.mini { background-color: var( --color-punch-orange ); height: 45px; width: 45px; border: none; }
.atom-link.video-trigger.mini .inner .icon.icon-pre { height: 15px; width: 15px; margin-left: 2px; margin-top: 1px; }
.atom-link.video-trigger.mini .inner .icon.icon-pre svg { height: 100%; width: 100%; }
.atom-link.video-trigger.hover .overlay,
.atom-link.video-trigger:hover .overlay { opacity: 0.2; }


.atom-link.arrow-button { background: transparent center center no-repeat; display: block; height: 30px; width: 30px; opacity: .5; }
.atom-link.arrow-button.prev-arrow-button { background-image: url('../../graphics/icons/prev-slider-arrow.svg'); float: left; }
.atom-link.arrow-button.next-arrow-button { background-image: url('../../graphics/icons/next-slider-arrow.svg') ; float: right; }
.atom-link.arrow-button .inner .label { height: 100%; width: 100%; display: block; overflow: hidden; white-space: nowrap; text-indent: -9999px; }
.atom-link.arrow-button:hover { opacity: 1; }

@media only screen and ( min-width: 48em ) {
    .atom-link.arrow-button { height: 40px; width: 40px; }
}



/* BUTTON MODIFIER SIZES 
.atom-link.button.small .inner { padding: 10px 24px; }
.atom-link.button.small .inner .icon.icon-pre { padding-right: 12px; }
.atom-link.button.small .inner .icon.icon-post { padding-left: 12px; }
.atom-link.button.small .inner .label { font-size: 14px; line-height: 20px; }

/* BUTTON MODIFIER BORDERS

.atom-link.button.thin { box-shadow: inset 0 0 0 1px inherit; } 



/* BUTTON MODIFIER ROUND 
.atom-link.button.round { height: 64px; width: 64px; }
.atom-link.button.round .inner { padding: 0; height: 100%; width: 100%; position: relative; }
.atom-link.button.round .inner .icon.icon-pre { padding: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-height: 100%; max-height: 100%; opacity: 1; }
.atom-link.button.round .inner .icon.icon-post { display: none; }
.atom-link.button.round .inner .label { display: none; }

.atom-link.button.round.pl-load .inner { }
.atom-link.button.round.pl-load .inner:after { height:55%; width: 55%; content: ""; left: 18.5%; top: 18.5%; background: var( --color-pure-white ); position: absolute; z-index: 99; border-radius: 50%; 
    border-top: 2px solid red; border-width: 2px; border-style: solid; border-color: var( --color-lighter-gray ); border-bottom-color: transparent; animation-name: spin; animation-duration: 1000ms;
    animation-iteration-count: infinite; animation-timing-function: linear; }
.atom-link.button.round.pl-load .inner .icon.icon-pre { opacity: 0; }

.atom-link.button.round.crossed .inner:before { content: ""; height: 26px; width: 3px; background: var( --color-lighter-gray ); position: absolute;
    top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); z-index: 30; }
.atom-link.button.round.crossed .inner { }

.atom-link.button.round.crossed .inner .icon.icon-pre svg path { fill: var( --color-lighter-gray ); }
.atom-link.button.round.audio-playing .inner .icon.icon-pre svg { animation-name: flashing; animation-duration: 1100ms; animation-iteration-count: infinite; animation-timing-function: ease-out;  }
.atom-link.button.round.audio-playing { }

/* BUTTON MODIFIER SIZES 
.atom-link.button.small .inner { padding: 10px 24px; }
.atom-link.button.small .inner .icon.icon-pre { padding-right: 12px; }
.atom-link.button.small .inner .icon.icon-post { padding-left: 12px; }
.atom-link.button.small .inner .label { font-size: 14px; line-height: 20px; }

/* BUTTON MODIFIER ROUND SIZES 
.atom-link.button.round.small { height: 40px; width: 40px; }
.atom-link.button.round.small .inner { padding: 0; }
.atom-link.button.round.small .inner .icon.icon-pre { padding: 0; }

/* BUTTON MODIFIER COLORS 
.atom-link.button { box-shadow: inset 0 0 0 2px var( --color-astral-cian ); background: var( --color-pure-white ); }
.atom-link.button .inner .label { color: var( --color-astral-cian ); }
.atom-link.button .inner .icon svg path { fill: var( --color-astral-cian );  }
.atom-link.button.hover .overlay,
.atom-link.button:hover .overlay { opacity: .07; }

.atom-link.button.white { box-shadow: inset 0 0 0 2px var( --color-pure-white ); background: var( --color-pure-white ); }
.atom-link.button.white .inner .label { color: var( --color-codskin-black ); }
.atom-link.button.white .inner .icon svg path { fill: var( --color-codskin-black );  }
.atom-link.button.white.hover .overlay,
.atom-link.button.white:hover .overlay { opacity: .07; }

.atom-link.button.trans-white { box-shadow: inset 0 0 0 2px var( --color-pure-white ); background: transparent; }
.atom-link.button.trans-white .inner .label { color: var( --color-pure-white ); }
.atom-link.button.trans-white .inner .icon svg path { fill: var( --color-pure-white );  }
.atom-link.button.trans-white.hover .overlay, 
.atom-link.button.trans-white:hover .overlay { opacity: .15; background: var( --color-pure-white ); }
.atom-link.button.trans-white.active.hover .overlay, 
.atom-link.button.trans-white.active:hover .overlay { opacity: .25; background: var( --color-codskin-black ); }
.atom-link.button.trans-white.active .overlay { opacity: .15; background: var( --color-codskin-black ); }

.atom-link.button.float-white { background: transparent; box-shadow: none; opacity: .7; }
.atom-link.button.float-white .inner .label { color: var( --color-pure-white ); }
.atom-link.button.float-white .inner .icon svg path { fill: var( --color-pure-white );  }
.atom-link.button.float-white.hover,
.atom-link.button.float-white:hover { opacity: 1; }
.atom-link.button.float-white.hover .overlay,
.atom-link.button.float-white:hover .overlay { opacity: 0; }

.atom-link.button.java-blue { color: var( --color-pure-white ); box-shadow: none; background: var( --grad-java-blue ); }
.atom-link.button.java-blue .inner .label { color: var( --color-pure-white ); }
.atom-link.button.java-blue .inner .icon svg path { fill: var( --color-pure-white );  }
.atom-link.button.java-blue.hover .overlay, 
.atom-link.button.java-blue:hover .overlay { opacity: .25; }

.atom-link.button.punch-orange { box-shadow: none; background: var( --grad-punch-orange ); }
.atom-link.button.punch-orange .inner .label { color: var( --color-pure-white );}
.atom-link.button.punch-orange .inner .icon svg path { fill: var( --color-pure-white );  }
.atom-link.button.punch-orange.hover .overlay,
.atom-link.button.punch-orange:hover .overlay { opacity: .25; }

.atom-link.button.ibiscus-violet { color: var( --color-pure-white ); box-shadow: none; background: var( --color-hibiscus-violet ); }
.atom-link.button.ibiscus-violet .inner .label { color: var( --color-pure-white ); }
.atom-link.button.ibiscus-violet .inner .icon svg path { fill: var( --color-pure-white );  }
.atom-link.button.ibiscus-violet.hover .overlay, 
.atom-link.button.ibiscus-violet:hover .overlay { opacity: .25; }

/* BUTTON MODIFIER ADD SHADOW 
.atom-link.button.shadow { box-shadow: inset 0 0 0 2px var( --color-astral-cian ), var( --shadow-subtile-black ); }
.atom-link.button.shadow.white { box-shadow: inset 0 0 0 2px var( --color-pure-white ), var( --shadow-subtile-black ); }
.atom-link.button.shadow.trans-white { box-shadow: inset 0 0 0 2px var( --color-pure-white ), var( --shadow-subtile-black ); }
.atom-link.button.shadow.java-blue { color: var( --color-pure-white ), var( --shadow-subtile-black ); }
.atom-link.button.shadow.punch-orange { box-shadow: var( --shadow-subtile-black ); }

/* BUTTON MODIFIER NO HOVER 
.atom-link.button.nohover .overlay { display: none; }



/*
    
@media only screen and ( min-width: 48em ) {

}

@media only screen and ( min-width: 62em ) { 

}

*/