/* 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: #d9915f !important; font-weight: bold}
.navbar-brand a {color: #9c9695;}
.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: #d9915f;}
.dropdown-menu {background-color: #d0cccb;}
header {background: url(../img/bg_topo.jpg) top center no-repeat; background-size: auto 430px; margin-top: 56px; }
.header-inner { min-height: 390px; display: flex; flex-direction: column; position: relative; width: 98%; max-width: 1100px; margin: 0 auto;justify-content: flex-end; padding-bottom: 50px }

.img-tit-jordan {width: 90%; max-width: 291px; margin: 0 auto -100px;}
.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 { }
#faixa-03-inner { width: 100%; max-width:800px; margin:0 auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; text-align: center; padding:50px 0 30px; }
.box-sinopse { padding-right: 5%}

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

.saga-mobile { padding: 0.5rem 2rem;}
.slide-livro { width: 100%; max-width: 230px; margin: 20px auto 30px; border-bottom: solid 1px #d9915f;}
.slide-livro img { width: 100%; max-width: 169px; 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: #d9915f;text-transform: uppercase; font-size: 29px;}
.slide-livro .links-livros a:hover { color: #fff;text-decoration: none; }

.tit-compre {color:#fff; 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: #fff;
    padding: 0 4px;
    background-color: #b92a30
}

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

}
.col-livro {background: url(../img/bg_circulo.png) center center no-repeat; background-size: 100% auto}
a.link-1livro {text-indent: -9999px; display:block; background:url(../img/link_1livro.png) top center no-repeat; width:318px; height:159px; margin: 30px auto 10px;}
/* BLOG
   -------------------------------------------- */

.links-blog {
    font-family: 'Cinzel', serif;
    font-weight: 700;
    color: #d9915f;
    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 #d9915f;

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

/* AUTOR SAGA
   -------------------------------------------- */
.autor-saga { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background:url(../img/bg_f02.jpg) #000 center top repeat-y; padding-top: 80px}
.autor-saga-inner {width:94%; max-width: 1020px; padding-bottom: 50px}
.autor-saga-inner-rodape {width:100%; background-color: rgba(0, 0, 0, 0.7); display: flex; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 30px}
.img-autor { margin: 0 auto 20px;}

/*---------------------------------------------------------------------------*/
/* Faixa 03 */
/*---------------------------------------------------------------------------*/

#faixa-03 { background-color:#000;width:100%; overflow:hidden; display: flex; flex-direction: column; justify-content: center}
#faixa-03-inner{ margin:0 auto; overflow:hidden; }

.img-autor { background:url(../img/foto-autor.jpg) top center no-repeat;  background-size: auto 100%; border-radius:158px; -moz-border-radius: 50%; width:316px; height:316px; border-style:none; margin:10px auto; padding:0; display:block; margin-bottom:60px;}

h3.nome-autor { background:url(../img/bg_titulo_autor.png) top left no-repeat; height:23px; text-indent: -9999px; display:block; margin:0px 0px 10px 0;}
h3.compre { background:url(_img/bg_compre.png) top left no-repeat; height:18px; text-indent: -9999px; display:block; margin-bottom:10px;}
.f3-dir ul {}
.f3-dir ul li { font-size:13px; padding:2px 0px;}
.f3-dir ul li a { color:#FFF; text-decoration:none;}
.f3-dir ul li a:hover { color:#CEA726; }
.f3-dir ul li.preco { color:#CEA726; font-size:14px; font-weight:bold; text-transform:uppercase; }
/*---------------------------------------------------------------------------*/
/* Faixa 04 */
/*---------------------------------------------------------------------------*/
#faixa-04 { width:100%; overflow:hidden; }

#faixa-04-inner{ width:90%; max-width: 1000px; margin:0 auto; overflow:hidden; }
#faixa-04 {background:url(../img/bg_f04.jpg) top center repeat-y; }
#faixa-04-inner { padding-bottom:80px;}

.f4-01, .f4-02, .f4-03, .f4-04 {}

.f4-01 p, .f4-02 p, .f4-03 p, .f4-04 p { line-height:18px; border-bottom:double 4px #d9915f; padding-bottom:10px;}

.f4-01 { margin-top:30px; background:url(../img/bg_f04_p01.png) top center no-repeat; padding-top:120px;}
.f4-02 { margin-top:30px; background:url(../img/bg_f04_p02.png) top center no-repeat; padding-top:120px;}
.f4-03 { margin-top:30px; background:url(../img/bg_f04_p03.png) top center no-repeat; padding-top:140px;}
.f4-04 { margin-top:30px; background:url(../img/bg_f04_p04.png) top center no-repeat; padding-top:150px;}
/* 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-color: #000; }
.nome-mapas {color:#b72526; font-size:28px; 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: #d9915f;
    margin: 0 8px 10px 0;
    width: 130px;
    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;
}
.box-frase {text-align: center; padding: 30px 0 10px; display: block;}
.box-frase p {text-align: center; }
.box-frase p a {color: #d9915f; text-transform:uppercase; font-size: 28px; }
.box-frase p a:hover { color: #fff; text-decoration: none;}
.box-frase p a::after {
    content: " »";
    font-size: 40px;}
.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_f05.jpg) #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: #d9915f; 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: #d9915f;
    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-instagram, .ico-linkedin {
    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-linkedin,
    .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: 360px}
.img-tit-jordan { max-width: 655px; margin: 20px auto -170px;}
.txt-footer { font-size: 21px;}
#faixa-45 { background-size: 100% auto }
.nome-mapas {font-size:30px; padding-top: 40px; margin: 0 auto 30px;}
p.txt-mapas { text-align: left}
.img-autor { 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;
}
    .autor-saga { padding-top: 140px}
    .f4-01 { margin-top:93px;  padding-top:120px;}
.f4-02 { margin-top:175px; padding-top:120px;}
.f4-03 { margin-top:56px;  padding-top:140px;}
.f4-04 { margin-top:128px;  padding-top:150px;}
}

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

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