/* Show it's not fixed to the top */
body {
  min-height: 75rem;
}
/* TIPOGRAFIA
   -------------------------------------------- */
html {
    scroll-behavior: smooth;
}


body {
    position: relative;
    background-color: #000;
    color: #fff;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

img {
    max-width: 100%;
    display: block
}

a,
h1,
h2,
h3,
p {
    line-height: 100%
}

a {
    text-decoration: none;
    color: #863d90;
}
a:hover {
    color: #863d90;
}
li {
    list-style-type: none;
    display: inline-block
}

.wrap {
    width: 96%;
    max-width: 1170px;
    margin: 0 auto;
}
    
p {
    font-family: 'Lora', serif;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 1rem;
    text-align: left
}
h1, h2, h3, h4, h5 {
    font-family: 'Cinzel', serif;
}
/* HEADER
   -------------------------------------------- */
nav { background-color: #000; min-height: 50px;}
.navbar-brand {font-family: 'Cinzel', serif; font-size: 16px; padding: .2rem 0; color: #b5d335 !important; font-weight: bold}
.navbar-brand a {color: #b5d335;}
.nav-item {font-family: 'Domine', serif; border-right:none;}
.nav-item:last-of-type {border-right:none;}
.navbar-dark .navbar-nav .nav-link { color: #fff; padding: .5rem 1.5rem;}
.navbar-dark .navbar-nav .nav-link:hover { color: #b5d335;}
.dropdown-menu {background-color: #d0cccb;}
header {background: url(../img/bg_topo.webp) top center no-repeat; background-size: auto 430px; margin-top: 56px; }
.header-inner { min-height: 450px; display: flex; flex-direction: column; position: relative; width: 98%; max-width: 1100px; margin: 0 auto;justify-content: flex-end; }

.img-tit-jordan {width: 90%; max-width: 309px; margin: 0 auto -20px;}
.ornamento-central {background:url(../img/ornamentocentral_m.png) top center no-repeat; height:268px; margin:-59px auto -200px; width:100%;position: relative;}
h2.logo-intrinseca {float:left; margin:20px 0px 20px 0px; width:25px; height:98px; display: block;position: absolute; right: 10px; top: 5%}
.invisible { height: 10px;}
/* LIVROS
   -------------------------------------------- */
#faixa-03{ width:100%; }
#faixa-03 { background:url(../img/bg_mapa.jpg) #21201E center top no-repeat;
background-size: auto 100%;
padding: 110px 0 20px;}
#faixa-03-inner { width: 100%; max-width:960px; margin:0 auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; text-align: center;}
.box-sinopse { padding-right: 5%}

.links-livros::after {content: " »"; color: #fff; font-size: 33px}

.saga-mobile { padding: 0.5rem 2rem;}
.slide-livro { width: 100%; max-width: 230px; margin: 20px auto 30px; border-bottom: solid 1px #fff;}
.slide-livro img { width: 100%; max-width: 212px; margin-bottom: 18px;}
.slide-livro .links-livros {font-family: 'Cinzel', serif; color: #fff; font-size: 23px; margin-left: 5%}
.slide-livro .links-livros a {font-weight: 700; color: #b5d335;text-transform: uppercase; font-size: 29px;}
.slide-livro .links-livros a:hover { color: #fff;text-decoration: none; }

.tit-compre {color:#dde8a3; font-size:37px; font-weight: 700; text-transform: uppercase; padding-top: 30px; margin: 0 auto 25px; text-align: center;}
ul.compre {
    margin: 0 auto 20px;
    overflow: hidden;
    list-style: none;
    padding: 0;
    width: 85%;
    border-bottom: solid 1px #707070;
    padding-bottom: 18px;
}

ul.compre li {
    font: 20px/26px 'Lora', Georgia, Times, Times New Roman,  serif;
    margin: 2px 0 3px;
    text-align: center;
    width: 100%
}

ul.compre li a {
    text-decoration: none;
    color: #fff;
    padding: 0 4px;
    background:rgba(0,0,0, 0.3);
}

ul.compre li a:hover {
    color: #000;
    padding: 0 4px;
    background-color: #fff
}

ul.compre li.livro {
    text-transform: uppercase;
    margin: 0;
    color: #fff;
    line-height: 19px;
    font-size: 22px;
    font-weight: 700

}

/* BLOG
   -------------------------------------------- */

.links-blog {
    font-family: 'Cinzel', serif;
    font-weight: 700;
    color: #b5d335;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 0 12px;
    text-align: left;
    margin: 10px auto;
    display: inline-block;
    font-size: 22px;
    line-height: 1.3;
    border-bottom: solid 1px #fff;

}
.links-blog:hover {color: #fff;text-decoration: none;}
.links-blog::after {content: " »"; color: #fff;}

/* AUTOR SAGA
   -------------------------------------------- */
.autor-saga { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background:url(../img/bg_main.webp) #000 center top no-repeat; padding-top: 50px; background-size: cover;}
.autor-saga-inner {width:94%; max-width: 1020px; padding-bottom: 50px}
.img-autor { float: none; margin: 0 auto 20px;}

/* MAPAS
   -------------------------------------------- */
#faixa-45{ width:100%;display: flex; flex-direction: column;}
#faixa-45-inner{ width:94%; max-width:1000px; margin:20px auto 60px; overflow:hidden; }
#faixa-45 { background:url(../img/bg_mapa.webp) center center no-repeat; background-size: auto 100% }
.nome-mapas {color:#fff; font-size:32px; font-weight: 700; text-transform: uppercase; padding-top: 35px; width: 90%; max-width: 640px; margin: 0 auto 25px; text-align: center;}
p.txt-mapas { font-size: 20px; margin: 10px 0 20px 0; text-align: center}

ul.outros-livros {
    list-style: outside none none;
    margin: 0 0 10px 0;
    overflow: hidden;
    padding: 0;
    display: block;
    text-align: center;
}
ul.outros-livros li {
    background-color: #d0cccb;
    margin: 0 8px 10px 0;
    width: 120px;
    display: inline-block;
}
ul.outros-livros li a {
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
ul.outros-livros li img {
    display: block;
    height: 100%;
    width: 100%;
}
ul.outros-livros li a:hover {
    opacity: 0.4;
}
.fx5-ornamento { background:url(../img/ornamento.png) top center repeat-x; height:41px; margin:-8px auto 0; width:100%}
/* FOOTER
   -------------------------------------------- */
footer { width: 100%;
background: url(../img/bg_rodape.webp) #000 top center no-repeat ;overflow: hidden}
.footer-inner {
    width: 96%;
    max-width: 993px;
    margin: 0 auto;
    padding-top: 45px;
    padding-bottom: 130px;
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.txt-footer { color: #FFFFFF;
width:90%;
max-width: 627px;
text-align: center;
    font-size: 19px;
font-weight: 700;
     margin: 20px auto 10px;
}
.txt-footer span {display:block; color: #b5d335; font-size: 22px; margin: 10px auto 20px}
.img-decor-footer {margin: 0 auto 30px;}
ul.sociais {
    list-style: inside none none;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0 0;
    display: inline-block;
    text-align: center;
}
ul.sociais li {
    display: inline-block; height: 52px;
}
ul.sociais li:first-child {
    display: block;
}
ul.sociais li:hover {
    opacity: 0.5;
}

.ico-nome,
.ico-website,
.ico-facebook,
.ico-twitter,
.ico-tiktok,
.ico-youtube,
.ico-instagram,
.ico-linkedin,
.ico-faleconosco {
    color: #fff;
    display: flex;
    height: 42px;
    border-radius: 24px;
    margin: 0 6px 0 0;
    overflow: hidden;
    font-size: 25px;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.ico-facebook svg,
.ico-twitter svg,
.ico-tiktok svg,
.ico-youtube svg,
.ico-instagram svg,
.ico-linkedin svg,
.ico-faleconosco svg { fill:#fff;}
.ico-nome {
    font-family: 'Cinzel', serif;
    color: #b5d335;
    text-transform: uppercase;
    width: 100%;
    font-weight: 700;
    float: none;
    margin: 0 auto;
    font-size: 30px;
}
.ico-nome:hover { color: #fff; text-decoration: none;}

.ico-twitter, .ico-tiktok, .ico-facebook, .ico-youtube, .ico-linkedin, .ico-instagram {
    background-color: #000;
    width: 42px;
}
.ico-faleconosco {
    background-color: #000; margin-right: 0; width: 42px;
}
.icon-block {
    padding: 0 15px;
}
.icon-block .material-icons {
    font-size: inherit;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .ico-nome,
    .ico-website,
    .ico-facebook,
    .ico-twitter, 
    .ico-youtube,
    .ico-instagram,
    .ico-snapchat {
        margin: 0 16px 0 0;
}   
.ornamento-central {background:url(../img/ornamentocentral.png) top center no-repeat; height:206px; margin:-100px auto -100px; width:100%;position: relative;}   
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.nav-item {}
.navbar-dark .navbar-nav .nav-link { padding: .3rem .9rem;}
.o-livro {padding-top: 120px; padding-bottom: 30px; overflow: hidden; margin-top: -70px}
.intro {margin-top: 40px; text-align: left;}
.splide__arrow {display: none;}
.ico-nome {
        margin-right: 25px;
        margin-left: 0;
        float: left;
        font-size: 30px;
        padding-top: 12px; }  
header { background-size: auto auto; }
.header-inner { min-height: 400px}
.img-tit-jordan { max-width: 541px; margin: 50px auto -40px;}
.txt-footer { font-size: 21px;}
#faixa-45 { background-size: 100% auto }
.nome-mapas {font-size:34px; padding-top: 40px; margin: 0 auto 30px;}
p.txt-mapas { text-align: left}
.img-autor { float: left; margin: 0 30px 20px 0;}
.tit-trailer {font-size:34px; padding-top: 40px;  margin: 0 auto 30px; max-width: 710px}
.invisible { height: 12px;}
.tit-compre {font-size:29px; text-align:left}
ul.compre li {
    text-align: left;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}