/* @group Site Nav
------------------------------------ */

/* Secondary Nav
----------------------*/
body[data-bg] .secundary-nav { background: var(--bg-visit); border-bottom-color: rgba(138,147,149,.6); }
body[data-bg].pinedHeader .secundary-nav .sub-menu { background: rgba(51,51,64,.9); }
body[data-bg] .secundary-nav button, 
body[data-bg] .secundary-nav li { border-color: var(--bg-dark-br); }
body[data-bg] .secundary-nav .menu a { color: var(--title-light); } 
body[data-bg] .secundary-nav .sub-menu a { color: var(--timeline-text); } 
body[data-bg] .secundary-nav button { color: var(--title-light); background: var(--bg-dark); border-color: var(--bg-dark-br); }

/* Site Nav
----------------------*/ 
body[data-bg] .site-nav { background: var(--bg-visit); border-bottom-color: rgba(138,147,149,.6); }
body[data-bg] .site-nav .logo,
body[data-bg] .site-nav .logo-lang a { color: var(--light-grey); }
body[data-bg] .site-nav .bttn { color: var(--light-grey); border-color: var(--light-grey); }
body[data-bg].pinedHeader .site-nav .bttn { background: var(--bg-visit); }
body[data-bg] .site-nav .toggle-menu { color: var(--light-grey); }
body[data-bg] .site-nav .toggle-menu i { color: var(--light-grey); }
body[data-bg] .site-nav .toggle-menu i svg { stroke: var(--light-grey); }
body[data-bg].pinedHeader .site-nav .toggle-menu i::after { content: ''; background: var(--bg-visit); position: absolute; top: .3rem; right: 0; bottom: .3rem; left: 0; border-radius: 100%; z-index: -1; }
body[data-bg] .site-nav .link-circle { color: var(--light-grey-2); }
body[data-bg] .site-nav .link-circle i svg { stroke: var(--light-grey-2); }

.site-nav .toggle-menu,
.site-nav .books-bttn { display: none!important; }
body[data-state="books-open"] .site-nav .toggle-menu { display: block!important; }

body[data-bg],
body[data-state="books-open"] .site-nav,
.books-now { background: var(--bg-visit)!important; }
.books-now article:first-child { display: none!important; }
.books-now article { margin-left: auto; margin-right: auto; }

@media only screen
and (min-width : 961px) {
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 1920px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */


/* @group Circle Header
------------------------------------ */
@media only screen
and (min-width : 961px) {
    .circle-header { margin: 10.8rem 0 -6rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 1920px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */


/* @group Landings
------------------------------------ */

@media only screen
and (min-width : 961px) {
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */

/* @group Cards - Black
------------------------------------ */
.cards-black { padding-top: 5rem; }

@media only screen
and (min-width : 961px) {
    .cards-black { padding-top: 15rem; }
    .cards-black .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 1920px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */