#post .flex-grid{display:flex;justify-content:space-between;flex-wrap:wrap}#post .flex-grid .left{width:68%}#post .flex-grid .left .content{background:#fff}#post .flex-grid .left .title-box{background:#fff}#post .flex-grid .left .content .title{padding:2rem}#post .flex-grid .left .content .title .datetime{display:inline-block;font-family:Kanit;font-size:13px;font-weight:700;color:var(--orange1);margin-bottom:.6rem;text-transform:uppercase}#post .flex-grid .left .content .title .post-title{font-family:Aller;font-size:24px;font-weight:700;color:var(--black)}#post .flex-grid .left .content .image img{object-fit:cover;height:400px;width:100%}#post .flex-grid .left .content .divisor{width:100%;height:2px;margin-top:2rem;background-color:var(--yellow)}#post .flex-grid .left .content .post{padding:0 2rem}#post .flex-grid .left .content .post p,#post .flex-grid .left .content .post li{font-family:Kanit;font-weight:300;line-height:2rem;margin-bottom:1rem;color:var(--black)}#post .flex-grid .left .content .post ol,#post .flex-grid .left .content .post ul{display:block;margin-left:2rem;margin-bottom:1rem}#post .flex-grid .left .content .post ol{list-style:decimal}#post .flex-grid .left .content .post ul li{position:relative}#post .flex-grid .left .content .post ul li::before{content:"•";position:absolute;top:.2rem;left:.2rem;font-size:24px;color:var(--orange1);font-weight:bold;display:inline-block;margin-left:-1em}#post .flex-grid .left .content .post h2{display:inline-block;font-family:Aller;font-weight:700;font-size:21px;margin-top:1rem;margin-bottom:1rem;color:var(--black)}#post .flex-grid .left .content .post h3{display:inline-block;font-family:Aller;font-weight:400;font-size:19px;margin-top:1rem;margin-bottom:1rem}#post .flex-grid .left .content figure{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:1rem}#post .flex-grid .left .content figure figcaption{font-family:Aller;font-size:13px;margin-top:.3rem;text-align:center}#post .flex-grid .left .content figure img{max-width:100%}#post .flex-grid .left .post-categories{margin:1rem 2rem 0;padding:1rem 0 2rem;border-top:1px solid rgba(0,0,0,.1)}#post .flex-grid .left .post-categories li{padding:0 .5rem}#post .flex-grid .left .post-categories ul{display:flex;align-items:center}#post .flex-grid .left .post-categories ul a{font-family:Aller;font-weight:400;color:var(--orange1);margin-right:.6rem}#post .flex-grid .left .post-categories ul a:last-child{margin-right:0}#post .flex-grid .left .post-categories ul span{font-family:Aller;font-size:14px;color:var(--black);margin-right:.2rem}#post .flex-grid .right{width:30%}#post .flex-grid .right .posts{margin-bottom:2rem}#post .flex-grid .right .posts .post-card{margin-bottom:1rem;border-radius:0px}#post .flex-grid .right .posts .post-card .content{padding:2rem 1.5rem}#post .flex-grid .right .posts .post-card:last-child{margin-bottom:0}#post .flex-grid .right .busca{padding:1.5rem 2rem;border-radius:1.5rem;border:1px solid rgba(0,0,0,.1);background:#f9f9f9}#post .flex-grid .right .busca .title2{font-size:24px;margin-bottom:1rem}#post .flex-grid .right .busca select{margin-bottom:1rem}@media(max-width: 1050px){#post .flex-grid .left{width:63%}#post .flex-grid .right{width:35%}}@media(max-width: 900px){#post .flex-grid .left,#post .flex-grid .right{width:100%}#post .flex-grid .right .posts{margin-top:1rem}}#newsletter{margin-top:2rem;margin-bottom:4rem}#newsletter .grid{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:2rem 4rem;background:#f9f9f9;border-radius:12px;border:1px solid #cbcbcb}#newsletter .title-box{width:35%}#newsletter .form-box{width:65%}#newsletter .form-box .rottas-form{display:flex;align-items:center}#newsletter .form-box .rottas-form .input-grid{display:flex;justify-content:space-between;flex-wrap:wrap}#newsletter .form-box .rottas-form .buttons-grid{padding-left:1rem;padding-bottom:5px}#newsletter .policy{margin-top:.4rem}@media(max-width: 900px){#newsletter .grid{padding:2rem}#newsletter .form-box .rottas-form{display:initial}#newsletter .form-box .rottas-form .buttons-grid{margin-top:1rem;display:flex;justify-content:flex-end;padding-left:0;padding-bottom:0}}@media(max-width: 750px){#newsletter .title-box{width:100%;margin-bottom:2rem}#newsletter .title-box .title2{text-align:center}#newsletter .form-box{width:100%}}@media(max-width: 500px){#newsletter .w50{margin-bottom:.8rem}#newsletter .btn{margin-top:1rem;width:100%}}@media(max-width: 375px){#newsletter .grid{padding:2rem 1.5rem}}#posts{padding:0 0 4rem}#posts .title-box{display:flex;align-items:center;justify-content:space-between}#posts .posts{display:flex;flex-wrap:wrap;margin-top:2rem}#posts .posts .post-card{box-sizing:border-box;width:31%;margin-right:3.5%;margin-bottom:2rem}@media(min-width: 1001px){#posts .posts .post-card:nth-child(3n){margin-right:0}}@media(min-width: 681px)and (max-width: 1000px){#posts .posts .post-card{width:47%;margin-right:6%}#posts .posts .post-card:nth-child(2n){margin-right:0}}@media(max-width: 680px){#post .flex-grid .left .post-categories ul{flex-wrap:wrap}#posts .title2{font-size:21px}#post .flex-grid .left .content .title .post-title{font-size:21px}#posts .posts .post-card{width:100%;margin-right:0}#post .flex-grid .left .content .title{padding:2rem 1.5rem}#post .flex-grid .left .content .post{padding:0 1.5rem}#post .flex-grid .left .content .post p{font-size:15px;line-height:1.8rem}}@media(max-width: 500px){#post .flex-grid .left .content .image img{height:280px}}@media(max-width: 400px){#post .flex-grid .left .content .title .post-title{font-size:19px}#post .flex-grid .left .content .post h2{font-size:18px}#post .flex-grid .left .content .post h3{font-size:17px}}#menu-blog {
background: #fff;
}
#menu-blog .menu ul {
display: flex;
justify-content: center;
}
#menu-blog .menu ul li {
box-sizing: border-box;
font-family: Aller;
padding: 0.6rem 1.5rem;
}
#menu-blog .menu ul a {
font-size: 16px;
color: var(--black);
white-space: nowrap;
transition: 0.3s;
}
#menu-blog .menu li a:hover,
#menu-blog .menu li.current-menu-item a {
color: var(--orange1);
}
@media (max-width: 900px) {
#menu-blog .menu ul{
justify-content: flex-start;
flex-wrap: wrap;
}
#menu-blog .menu ul li {
text-align: center;
width: 33.3%;
}
}
@media (max-width: 700px) {
#menu-blog .menu ul li {
width: 50%;
}
}
@media (max-width: 400px) {
#menu-blog .menu ul li {
width: 100%;
}
}