/*** GERAL ***/
body {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px;
}
a {
    transition: all 0.2s linear;
}
.botao-g {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 1px;
}
.botao-g i {
	font-size: 1.3rem;
	position: relative;
	top: 3px;
}

.pagination li a {
    color: var(--azul);
}
.pagination li.active a,
.pagination li a:hover {
    color: var(--branco);
    background-color: var(--azul);
    border-color: var(--azul);
}

.tit-page {
    background-color: #f5f5f5;
    padding: 12px 0 8px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    box-shadow: 4px 4px 0 #d2d2d2;
    margin-bottom: 35px;
}

/*** HEADER ***/
.header .nav a {
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 1.5px;
}
.header .nav .nav-link.active::after {
    content: "";
    display: block;
    height: 12px;
    width: auto;
    background:  
    linear-gradient(135deg, white 35%, transparent 25%) -6px 0,
    linear-gradient(225deg, white 35%, transparent 25%) -6px 0,
    linear-gradient(315deg, white 35%, transparent 25%),
    linear-gradient(45deg, white 35%, transparent 25%);	
    background-size: 14px 14px;
    background-color: var(--rosa);
}
.menu-principal {
    background-color: #fbfbfb;
    border-style: solid;
    border-width: 1px 0;
    border-color: #e7e7e7;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    padding: .2em 0;  
}
@media screen and (min-width: 992px) {
    .menu-principal {
        background-color: var(--branco);
    }
}
.menu-principal .navbar-brand .logo {
    font-size: 1.9rem;
    font-weight: 700;
    color: var(--azul);
    letter-spacing: 0.5px;
    line-height: 2.2rem;
}
.menu-principal .navbar-brand .subtitulo {
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--rosa);
    letter-spacing: 1px;
    padding-left: 3px;
}
.menu-principal .nav-item .nav-link {
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.menu-principal .nav-item .nav-link.active {
    color: var(--rosa);
}
.menu-principal .navbar-toggler
.menu-principal .navbar-toggler:focus {
	box-shadow: none;
}


/*** POSTS RECENTES ***/
#cn-recentpost .item {
	min-height: 273px;
}
@media screen and (min-width: 768px) {
    #cn-recentpost .item.bigimg {
        min-height: 550px;
    }
}
#cn-recentpost .img_holder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 0;
    transition: all 1s ease;
}
#cn-recentpost .item:hover .img_holder {
    transform: scale(1.2);
}
#cn-recentpost .title_holder {
    background: rgba(0, 0, 0, 0.8);
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 80px 40px 30px;
}
#cn-recentpost .title_holder .data {
    color: var(--branco);
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: 1px;
    text-decoration: none;
    text-shadow: 0px 0px 6px #000;
}
#cn-recentpost .title_holder .titulo a {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.6rem;
    text-shadow: 0px 0px 6px #000;
}
@media screen and (min-width: 768px) {
    #cn-recentpost .bigimg .title_holder .titulo a {
        font-size: 1.8rem;
        line-height: 2rem;
    }
}
#cn-recentpost .link_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    text-decoration: none;
    z-index: 20;
}
#cn-recentpost .categoria {
    display: inline-block;
    position: relative;
    top: 20px;
    left: 40px;
    z-index: 21;
}

/*** CATEGORIA QUE SERVE PARA POSTS RECENTES E LISTAGEM DE POST ***/
.categoria a {
    background-color: var(--rosa);
    box-shadow: 4px 4px 0 var(--azul);
    color: var(--branco);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 10px 15px 7px;
}


/*** LISTAGEM DE POSTS ***/
#posts .cn_item .wrapper_header {
    border-top: 6px solid var(--rosa);
    position: relative;
}
@media screen and (min-width: 768px) {
    #posts .cn_item.standard-post .wrapper_header {
        background-color: var(--branco);
        z-index: 2;
        margin: -45px 10% 20px;
    }
}
#posts .cn_item .wrapper_header:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-top-color: var(--rosa);
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -10px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#posts .cn_item .entry-title {
    padding: 0 20px;
    margin-bottom: 20px;
    line-height: 1.6rem;
    text-align: center;
}
#posts .cn_item .entry-title a {
    color: var(--azul);
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: 0.3px;
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    #posts .cn_item.standard-post .entry-title a {
        font-size: 2rem;
        line-height: 2.4rem;
    }
}
#posts .cn_item.grid-post .wrapper_media img {
	object-fit: cover;
	aspect-ratio: 3/2;
	object-position: center;
}
#posts .cn_item .hover-bg a {
    background-size: 0;
    background-repeat: no-repeat;
    display: inline;
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
#posts .cn_item .hover-bg a:hover {
    background-size: 100%;
    background-image: -webkit-linear-gradient(transparent 48%, #53d2b785 5px);
    background-image: -o-linear-gradient(transparent 48%, #53d2b785 5px);
    background-image: linear-gradient(transparent 48%, #53d2b785 5px);
}

#posts .cn_item .meta {
    color: var(--cinza);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

/*** SEPARADOR BULLET ***/
.bullet-sep:after {
    content: "";
    display: inline-block;
    background: var(--rosa);
    border-radius: 50%;
    width: 4px;
    height: 4px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%);
}
/*** SEPARADOR ZIGZAG ***/
.zigzag-svg {
    margin: 0 auto;
    text-align: center;
}
.zigzag-svg svg {
    fill: var(--rosa);
}

/*** COMPARTILHAR NO POST ***/
.cn_share .cn_sharelinks ul li {
    margin: 0 15px;
}
.cn_share .cn_sharelinks ul li a {
    color: var(--azul);
    font-size: 1.1rem;
}
.cn_share .cn_sharelinks ul li a:hover {
    color: #32b99c;
}
.cn_share .cn_sharelinks ul li a.share-pinterest {
    cursor: pointer;
}

/*** SIDEBAR ***/
#sidebar .tit-sidebar {
    background-color: #f5f5f5;
    padding: 12px 0 8px;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    box-shadow: 4px 4px 0 #d2d2d2;
    margin-bottom: 20px;
}
#sidebar .sobre p {
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.8px;
}
#sidebar .sobre a {
    font-size: 1.2rem;
}
#sidebar .sobre a:hover {
    color: var(--rosa);
}
#sidebar .lista-categorias ul li {
    border-bottom: 1px solid #eaeaea;
    padding: 8px 0;
    display: flex;
    justify-content: space-between;
    color: #c8c8c8;
    font-size: 0.9rem;
    letter-spacing: 1px;
}
#sidebar .lista-categorias ul li a {
    text-decoration: none;
    color: #686868;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
}
#sidebar .lista-categorias ul li a:hover {
    color: var(--rosa);
}
#sidebar .lista-categorias ul li a::before {
    content: "";
    display: inline-block;
    border-right: 1px solid #686868;
    border-bottom: 1px solid #686868;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
    position: relative;
    top: -2px;
    margin-right: 9px;
}
#sidebar .lista-categorias ul li a:hover:before {
    border-color: var(--rosa);
}
#sidebar .lista-post-widget li:not(:first-child) {
    padding-top: 15px;
}
#sidebar .lista-post-widget li:not(:last-child) {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
}
#sidebar .lista-post-widget .crop {
    width: 80px; 
    height: 80px; 
    object-fit: cover;
    object-position: 25% 25%; 
}
#sidebar .lista-post-widget a .tit-wid-post {
    display: block;
    color: #686868;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.1rem;
    letter-spacing: 0.5px; 
    text-decoration: none !important;   
}
#sidebar .lista-post-widget a:hover .tit-wid-post {
    color: var(--rosa);
}
#sidebar .lista-post-widget small {
    display: block;
    color: #919191;
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 0 0;    
}

/*** LIVROS HOME ***/
#livros {
    background-color: #FFF2E7;
    position: relative;
}
#livros:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid transparent;
    border-top-color: var(--branco);
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -10px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#livros .post-livro a h4 {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#livros .post-livro a:hover h4 {
    color: var(--rosa);
}
#livros .post-livro img {
	object-fit: cover;
	aspect-ratio: 2/3;
	object-position: center;
}

/*** LISTA LIVROS - CATEGORIA ***/
.lista-livros .cn_item.standard-post .wrapper_media a {
    text-align: center;
    display: block;
    position: relative;
}
.lista-livros .cn_item.standard-post .wrapper_media img {
    border-bottom: 6px solid var(--rosa);
}
.lista-livros .cn_item.standard-post .wrapper_media a::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-top-color: var(--rosa);
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.lista-livros .cn_item.standard-post .wrapper_header:after {
    display: none;
}
#posts.lista-livros .cn_item.standard-post .wrapper_header {
    margin: 0;
    border-top: 0;
}
#posts.lista-livros .cn_item.grid-post .wrapper_media img {
	aspect-ratio: 4/6;
}


/*** FOOTER ***/
footer ul li a {
    font-size: 1.1rem;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}
footer ul li a span {
    padding-left: 12px;
}
footer .border-dotted {
    border-top: 1px dotted #ffffff70;
    display: block;
}
footer .copyright, footer .copyright a {
    color: #ffffffad;
}

/*** SINGLE POST ***/
.single-post h1 {
    color: var(--azul);
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: .6px;
    text-align: center;
    text-transform: capitalize;
}
.single-post .info {
    background-color: #d2d2d230;
}
.single-post .data,  
.single-post .data time,
.single-post .categorias, 
.single-post .categorias a,
.single-post .leitura {
    color: var(--cinza);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
}
.single-post .data i, 
.single-post .categorias i {
    font-size: 0.75rem;
}
.single-post .categorias .highlight:not(:last-child) {
    margin-right: 8px;
}
.single-post .highlight a::after {
    content: "";
    background-color: #FE5F8830;
    position: absolute;
    top: 12px;
    right: 0;
    left: 0;
    bottom: 0;
    height: 7px;
    z-index: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;    
}
.single-post .highlight a:hover::after {
    top: 0px;
    height: 20px;
}
.single-post .highlight a:hover {
    color: #555;
}
.single-post p {
    color: var(--cinza);
    font-size: 1rem;
    line-height: 1.7rem;
}
.single-post .tag-item a {
    background-color: #f0f0f0;
    padding: 5px 15px;
    border-radius: 3px;
    color: #999999;
    font-size: .9rem;
    text-decoration: none;
    letter-spacing: 1px;
    display: block;
}
.single-post .tag-item a:hover {
    background-color: var(--verde);
    color: var(--branco);
}

.single-post .share {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

/*** POSTS RELACIONADOS EM SINGLE POST ***/
.relacionados .titulo {
    color: var(--azul);
    font-size: 1rem;    
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.relacionados a h4 {
    color: var(--azul);
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.2rem;
    letter-spacing: 0.5px;
    margin-top: 10px;
    transition: all 0.2s linear;
}
.relacionados a:hover h4 {
    color: var(--rosa);
}
@media screen and (max-width: 767px) {
    .relacionados a h4 {
        font-size: 1.2rem;
        line-height: 1.4rem;
    }
}
.relacionados .post-relacionado img {
    object-fit: cover;
    aspect-ratio: 3/2;
    object-position: center;
}
.relacionados .post-relacionado.livros img {
    aspect-ratio: 2/3;
}


/*** SINGLE LIVROS  ***/
@media screen and (max-width: 1199px) {
    .single-livro h1 {
        font-size: 1.5rem;
    }
}

/*** BOTOES EM SINGLE LIVROS  ***/
.btn_kindle {
    padding: 15px 35px;
    border-radius: 50px;
    background-color: #292552;
    display: block;
    width: 320px;
    color: #fff;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.7px;
    font-size: 0.9rem;
    text-align: center;
}
.btn_kindle:hover {
    background-color: #1d1a3c;
    color: #fff;
}
.btn_amazon {
    padding: 15px 35px;
    border-radius: 50px;
    background-color: #fe5f88;
    display: block;
    width: 320px;
    color: #fff;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.7px;
    font-size: 0.9rem;
    text-align: center;
}
.btn_amazon:hover {
    background: #e3567a;
    color: #fff;
}


/*** APENAS CONTEUDO DOS POSTS  ***/

.single-post .conteudo-post li,
.single-post .conteudo-post div,
.single-post .conteudo-post small,
.single-post .conteudo-post span {
    color: var(--cinza);
}
.single-post .conteudo-post a {
    color: var(--rosa);
}
.single-post .conteudo-post a:hover {
    color: var(--verde);
}
.single-post .conteudo-post h2 {
    color: var(--azul);
    font-size: 1.7rem;
    font-weight: 600;
    padding-bottom: 8px;
}
.single-post .conteudo-post h3 {
    color: var(--azul);
    font-size: 1.4rem;
    font-weight: 500;
    padding-bottom: 8px;
}
.single-post .conteudo-post .img-post figcaption, 
.single-post .conteudo-post .galPost figcaption {
    text-align: center;
    font-size: 0.9rem;
    color: #888888;
    letter-spacing: 0.5px;
    padding-top: 15px;
}
.single-post .conteudo-post ul,
.single-post .conteudo-post ol {
    margin-left: 0;
    padding-left: 15px;
}
.single-post .conteudo-post ul li,
.single-post .conteudo-post ol li {
    margin: 15px 0;
}
.single-post .conteudo-post .galPost > div {
    padding: 5px;
}
.single-post .conteudo-post .galPost img {
	object-fit: cover;
	object-position: center;
}