h2,
h3 {
text-align: left;
font-weight: 800;
letter-spacing: -0.2px;
}
.itens-post .category-principal a {
margin-top: 0;
}
.cat-subtitle {
margin-bottom: 36px;
}
.category-post h3 {
transition: all 0.3s ease;
}
.category-post:hover h3 {
color: var(--tm-blue);
transition: all 0.3s ease;
}
.category-principal {
display: block;
margin-bottom: 32px;
width: 100%;
margin-top: 13px;
}
.category-principal a {
padding: 5px 10px;
border: 2px solid var(--tm-blue);
border-radius: 100px;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 14px;
letter-spacing: 0.2px;
transition: background 0.3s ease-out;
margin: 8px 6px 0px 0px;
display: inline-block;
}
.category-principal a:hover {
color: #fff;
background: var(--tm-blue);
transition: background 0.3s ease-out;
}
.list-category-posts {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 24px;
}
.category-post {
list-style: none;
}
.category-post-image {
height: 160px;
width: 100%;
border-radius: 30px 30px 0px 0px;
overflow: hidden;
border: var(--tm-border);
}
.category-post:hover .category-post-image img {
transform: scale(1.1);
transition: all 0.4s ease;
}
.tax-free_materials_category .category-post-image img {
background: var(--tm-dark-blue);
border: unset;
}
.category-post-image img {
border-radius: 30px 0px 0px 0px;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.4s ease;
}
.category-post .body-category-post a {
transition: all 0.3s ease;
}
.category-post:hover .body-category-post a {
color: var(--tm-blue);
transition: all 0.3s ease;
}
.body-category-post h3 {
color: var(--tm-dark-blue);
display: block;
line-height: 22px;
font-size: 18px;
font-weight: 700;
}
.body-category-post h3 a {
color: var(--tm-dark-blue);
}
.body-category-post {
border-radius: 0px 0px 30px 30px;
border: var(--tm-border);
border-top: 0;
padding: 44px 24px 40px 24px;
height: 240px;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.category-post .read-more {
font-weight: 700; background: url('data:image/svg+xml,<svg width="24" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="arrow-up-right"><path id="Vector" d="M4 17L14 7" stroke="%235D31FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M4 7H14V17" stroke="%235D31FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>')
top right no-repeat;
display: block;
width: max-content;
padding-right: 28px;
font-size: 16px;
background-size: 20px;
background-position-y: 4px;
}
.materials-posts {
display: flex;
}
.materials-posts .category-principal {
margin-bottom: 0;
margin-top: 0;
}
.list-home-blog li:first-child h3 {
line-height: 38px;
}
.more-posts-cat a {
font-weight: 700;
letter-spacing: 0.2px;
background: url('data:image/svg+xml,<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Vector 167" d="M1.66224 12.8888L7.20203 7.34902L1.42651 1.57349" stroke="%235D31FF" stroke-width="2" stroke-linecap="round"/></svg>') center right no-repeat;
display: block;
width: max-content;
margin: auto;
padding-right: 30px;
background-position: 77px 11px;
transition: all 0.3s;
font-size: 16px;
margin-right: 10px;
color: var(--tm-blue);
}
.cat-subtitle {
display: flex;
justify-content: space-between;
align-items: center;
}
h3.tm-big-title-desk {
font-size: 26px;
position: relative;
}
.more-posts-cat a:hover {
color: var(--tm-blue);
background-position-x: 83px;
transition: all 0.3s;
}
.category-post .read-more {
position: relative;
display: inline-block;
z-index: 1;
}
.category-post .read-more:before {
background: var(--tm-yellow);
content: "";
position: absolute;
height: 10px;
left: 4px;
bottom: 1px;
z-index: -1;
transition: 0.3s ease-out;
width: 0;
}
.category-post:hover .read-more:before {
transition: 0.3s ease-out;
width: 90%;
}
.search-icon-mob {
display: none;
}
.search-bar {
margin-left: 20px;
}
.header-mb-top {
margin-bottom: 100px !important;
}
.manual li {
list-style: none;
text-align: center;
display: flex;
align-items: center;
flex-wrap: wrap;
background: #f8f8f8;
border-radius: 30px;
justify-content: center;
padding: 30px;
border: 1px solid #0000000d;
}
.manual {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
font-weight: 800;
gap: 30px;
}
.manual li a {
transition: all 0.3s;
}
.manual li:hover a {
color: var(--tm-darken-blue);
transition: all 0.3s;
}
.manual {
margin: 0;
padding: 0;
}
.category-principal a:hover {
transition: all 0.3s ease;
color: #fff !important;
}
ul.reset.list-category-posts.related {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
ul.reset.list-category-posts.related .all-posts-index .body-category-post {
height: 274px;
}
ul.reset.list-category-posts.related .body-category-post h3 {
height: 94px;
}
ul.reset.list-category-posts.related .read-more {
margin-top: 26px;
}
.list-category-posts.list-blog-page .body-category-post {
height: 210px;
}
.list-category-posts.list-blog-page .body-category-post h3 {
height: 114px;
}
@media (min-width: 998px) and (max-width: 1100px) {
ul.reset.list-category-posts.related {
grid-template-columns: 1fr 1fr;
}
.list-category-posts {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 18px;
}
.body-category-post h3 a {
font-size: 16px;
line-height: 20px;
}
.all-posts-index .body-category-post h3 {
height: 120px !important;
}
ul.reset.list-category-posts.related .body-category-post h3 {
height: 96px !important;
}
}
@media (min-width: 768px) and (max-width: 999px) {
.body-category-post h3 {
font-size: 18px;
line-height: 26px;
}
.list-category-posts {
gap: 20px;
grid-template-columns: 1fr 1fr;
}
ul.reset.list-category-posts.related {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.search-icon-mob {
display: block;
}
.reset.list-home-blog.tm-pb-54.tm-pb-mobile-100 {
padding-bottom: 0px !important;
}
.list-category-posts,
ul.reset.list-category-posts.related {
grid-template-columns: 1fr;
}
.blog .header-mb-top {
margin-bottom: 24px;
}
.header-nav {
height: auto;
}
.blog h2 {
padding: 90px 0 0px;
width: 100%;
margin-bottom: 70px;
font-size: 26px;
}
.category-post {
display: flex;
height: auto;
flex-wrap: wrap;
}
.body-category-post {
border-radius: 0px 0px 30px 30px;
height: 240px !important;
}
.category-post-image {
width: 100%;
border-radius: 30px 30px 0px 0px;
height: 150px;
}
.body-category-post h3 {
font-size: 16px;
line-height: 20px;
margin-bottom: 20px;
}
.category-post .read-more {
font-size: 14px;
letter-spacing: 0.2px;
background-size: 19px;
margin-top: 24px;
background-position-y: 4px;
}
.tm-pb-mobile-100 {
padding-bottom: 100px !important;
}
.tm-pt-180 {
padding-top: 90px !important;
}
.box-posts-home {
margin-bottom: 60px;
}
.more-posts-cat a {
font-size: 16.5px;
background-size: 50px 16px;
background-position-y: 7px;
}
.header-mb-top {
margin-bottom: 0 !important;
}
.header-nav {
height: 40px !important;
transition: height 0.3s ease;
}
.header-nav.active-menu {
height: 138px !important;
transition: height 0.3s ease;
}
.default-pb-mob {
padding-top: 90px !important;
padding-bottom: 90px !important;
}
.manual {
grid-template-columns: 1fr;
}
.body-category-post h3 {
height: 38px !important;
}
.more-posts-cat {
width: 100%;
position: absolute;
bottom: 0;
text-align: center;
display: flex;
justify-content: space-between;
}
.sections-cats {
position: relative;
}
.more-posts-cat a {
display: block;
background-position: 62px 9px;
}
.more-posts-cat a:hover {
background-position: 66px 9px;
}
.mt-materials {
margin-top: 0;
padding-bottom: 0px !important;
padding-top: 0px !important;
}
.related-mb {
margin-bottom: 60px;
}
.list-blog-page .category-post a {
display: grid;
grid-template-columns: 1fr 1.4fr;
}
.list-blog-page .category-post-image {
border-radius: 30px 0px 0px 30px;
height: 240px;
}
.list-blog-page .body-category-post {
border-radius: 0px 30px 30px 0px;
height: auto;
border: var(--tm-border);
justify-content: space-between;
padding: 32px 20px 24px 20px;
border-left: 0;
}
.list-blog-page .body-category-post h3 {
height: 100px !important;
margin-bottom: 12px;
}
.list-blog-page .body-category-post h3 {
font-size: 16px;
}
.mt-materials h2 {
padding-top: 90px !important;
padding-bottom: 36px !important;
margin: 0;
}
}
@media (max-width: 480px) {
h3.tm-big-title-desk {
position: unset;
text-align: left;
}
.more-posts-cat {
left: 0;
text-align: center;
}
.more-posts-cat a {
margin: auto;
}
.materials-page-pt {
padding-top: 0 !important;
}
}