#masthead {
height: 104px;
background-color: var(--principal);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#masthead .btn-meu-fiibo {
color: #fff;
font-weight: 700;
border: 2px solid white;
}
#masthead .btn-meu-fiibo:last-child{
border: 2px solid white;
}
#masthead .btn-meu-fiibo:last-child:hover{
border: 2px solid white;
}
#masthead .logo{
height: 62%;
}
#masthead #header-logo, #masthead  #header-logo #logo{
width: 110px;
}
#masthead #header-logo #logo{
margin: 0 43px;
} .breadcrumb {
height: auto;
width: 100%;
padding: 21px 62px;
border-bottom: 1px solid #ebebeb;
} #primary {
background-color: #f7f7f7;
background-image: url(//fiibo.com.br/wp-content/themes/saude/bem-estar/post-background.png);
background-repeat: no-repeat;
background-size: auto;
background-position: top right;
background-position-y: 14%;
padding: 104px 0 0 0;
}
#blog .top .titulo {
margin: 2.4vw 10vw;
color: var(--principal);
font-size: 2.6vw;
text-align: center;
}
#blog .all_posts {
text-align: center;
display: block;
margin: 60px 0 80px;
padding-bottom: 10px;
font-size: 24px;
letter-spacing: 0.02em;
border-bottom: 1px solid var(--principal);
font-weight: 600;
color: var(--principal);
}
#blog .container {
width: 1200px;
margin: 0 auto;
}
#blog .destaque {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 50px 0 0 0;
}
#blog .destaque .box {
width: 585px;
background-color: #e1e1e1;
padding: 7px;
border-radius: 35px;
}
#blog .destaque .box .imagem {
display: block;
overflow: hidden;
line-height: 0;
position: relative;
border-top-left-radius: 35px;
border-top-right-radius: 35px;
}
#blog .destaque .box img {
transition: all .5s;
}
#blog .destaque .box .imagem:hover img {
transform: scale(1.1);
transition: all .5s;
}
#blog .destaque .box .conteudo-box {
background-color: var(--principal);
color: #fff;
border-bottom-left-radius: 35px;
border-bottom-right-radius: 35px;
padding: 35px 38px;
height: 307px;
}
#blog .destaque .box .btn-leia {
text-decoration: none;
border-radius: 50px;
padding: 9px 0;
font-size: 23px;
text-align: center;
letter-spacing: 0.04em;
border: 2px solid #fff;
color: var(--principal);
font-weight: 400;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
z-index: 1;
margin: 0 auto;
}
#blog .destaque .box .btn-leia .bg_color {
background-color: #fff;
}
#blog .destaque .box .btn-leia.btn-effect .round {
background-color: var(--roxo);
}
#blog .destaque .box .btn-leia:hover {
border-color: var(--roxo);
color: #fff;
transition: .3s;
}
#blog .destaque .box .conteudo-box .titulo {
font-size: 34px;
text-decoration: none;
color: #fff;
font-weight: 500;
line-height: 42px;
height: 110px;
display: block;
}
#blog .destaque .box .conteudo-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 32px 0;
}
#blog .destaque .box .conteudo-top .categoria {
text-decoration: none;
border-radius: 50px;
padding: 11px 28px;
font-size: 14px;
text-align: center;
letter-spacing: 0.04em;
border: 2px solid var(--roxo);
color: #fff;
background-color: var(--roxo);
font-weight: 500;
width: auto;
z-index: 1;
}
#blog .destaque .box .conteudo-top .data {
text-decoration: none;
border-radius: 50px;
padding: 11px 28px;
font-size: 14px;
text-align: center;
letter-spacing: 0.04em;
border: 2px solid #f490a1;
color: #fff;
background-color: #f490a1;
font-weight: 400;
width: auto;
z-index: 1;
}
#blog .destaque .box .conteudo-box {
padding: 20px 30px;
min-height: 306px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-flex;
-webkit-justify-content: space-between;
}
#blog .bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 26px;
-moz-column-gap: 26px;
column-gap: 26px;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
-webkit-column-gap: 2%;
width: 100%;
margin: 0 0 40px 0;
}
#blog .bottom .box .categoria-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#blog .bottom .box .categoria-box .data {
color: var(--roxo);
font-size: 14px;
}
#blog .bottom .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 32%;
background-color: #fff;
border-radius: 25px;
margin: 0 0 26px 0;
box-shadow: 0px 0px 8px #00000024;
}
#blog .bottom .box .imagem {
display: block;
overflow: hidden;
line-height: 0;
position: relative;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
#blog .bottom .box img {
transition: all .5s;
cursor: pointer;
}
#blog .bottom .box .imagem:hover img {
transform: scale(1.1);
transition: all .5s;
}
#blog .bottom .box .conteudo-top .data {
color: var(--principal);
font-size: 16px;
margin: 0 0 0 0;
}
#blog .bottom .box .conteudo-box {
padding: 20px 30px;
min-height: 336px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-flex;
-webkit-justify-content: space-between;
}
#blog .bottom .box .conteudo-box .titulo {
text-decoration: none;
color: var(--principal);
font-size: 20px;
letter-spacing: 0.02em;
font-weight: 500;
margin: 20px 0;
display: block;
}
#blog .bottom .box .conteudo-box a{
text-decoration: none;
}
#blog .bottom .box .conteudo-box .categoria {
text-decoration: none;
border-radius: 50px;
padding: 8px 21px;
font-size: 12px;
text-align: center;
letter-spacing: 0.04em;
border: 2px solid var(--roxo);
color: #fff;
background-color: var(--roxo);
font-weight: 500;
}
#blog .bottom .box .btn-leia {
text-decoration: none;
border-radius: 5vw;
padding: 6px 0;
font-size: 14px;
text-align: center;
letter-spacing: 0.04em;
border: 2px solid var(--principal);
color: #fff;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 120px;
z-index: 1;
}
#blog .bottom .box .btn-leia .bg_color {
background-color: var(--principal);
}
#blog .bottom .box .btn-leia.btn-effect .round {
background-color: var(--roxo);
}
#blog .bottom .box .btn-leia:hover {
border-color: var(--roxo);
color: #fff;
transition: .3s;
} .pagination {
text-align: center;
margin: 0 0 40px; 
}
.pagination .wp-pagenavi .current{
cursor: default;
}
.pagination .wp-pagenavi a,
.pagination .wp-pagenavi .current{
text-decoration: none;
font-size: 12px;
font-weight: 500;
margin: 0 5px;
color: #000;
padding: 12px;
transition: .3s;
}
.pagination .wp-pagenavi .current,
.pagination .wp-pagenavi .nextpostslink,
.pagination .wp-pagenavi .previouspostslink{
color: var(--principal);
}
.pagination .wp-pagenavi a:hover{
color: var(--principal);
transition: .3s;
}
.paged #blog .destaque,
.paged #blog .all_posts  {
display: none;
}
.site-videos #blog .bottom .box .conteudo-box {
min-height: 210px;
} .modal-video-container-prod {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0px;
left: 0px;
z-index: 999;
-webkit-transition: 0.3s ease all;
-o-transition: 0.3s ease all;
transition: 0.3s ease all;
}
.modal-video-container-prod .filter {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #000000bb;
z-index: 1;
}
.modal-video-container-prod .box-video-prod {
z-index: 2;
width: 60%;
height: 33.5vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.modal-video-container-prod .modal-video-content,
.modal-video-container-prod .modal-video-content iframe,
.modal-video-container-prod .modal-video-content object,
.modal-video-container-prod .modal-video-content embed {
width: 100%;
height: 100%;
}
.box-video-prod .close-prod-video {
position: absolute;
top: -30px;
right: 0;
color: #fff;
font-weight: 600;
font-size: 24px;
cursor: pointer;
}