
/* /website_aardwolf/static/src/scss/pages/blogs.scss */
 .tr__blogs__wrapper{font-size: 14px;}.tr__blogs__wrapper section{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center;}.tr__blogs__wrapper h2{font-size: 18px; font-weight: 700; color: #131313;}.tr__blogs__wrapper .tr__blogs__article-description{font-size: 14px; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; line-clamp: 5; overflow: hidden;}.tr__blogs__wrapper .tr__blogs__header{padding: 5.56vw 0;}.tr__blogs__wrapper .tr__blogs__header h2{font-size: 2.22vw;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__header h2{font-size: 18px;}}.tr__blogs__wrapper .tr__blogs__header p{width: 54.86vw;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__header p{width: 85vw; text-align: center;}}.tr__blogs__wrapper .tr__blogs__content-featured{background-color: #f4f4f4; padding-top: 5.56vw; padding-bottom: 3.61vw;}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__featured-spotlight{margin-top: 6.25vw; width: 73.47vw; background: #fff; display: -webkit-box; display: -webkit-flex; display: flex;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__featured-spotlight{width: 85vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; border-radius: 12px; box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.14); overflow: hidden;}}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__featured-spotlight > div:first-child{flex: 1; padding: 4.44vw 3.61vw 0;}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__featured-spotlight > div:first-child h4 div{font-size: 1.67vw; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__featured-spotlight > div:first-child h4 div{font-size: 14px;}}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__featured-spotlight > div:first-child h4::after{content: ''; display: block; width: 6.94vw; height: 0.31vw; background-color: #E81B22;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__featured-spotlight > div:first-child h4::after{width: 35%; height: 5px; margin-top: 4px;}}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__featured-spotlight > div:first-child p{margin-top: 2.5vw;}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__featured-spotlight > div:first-child a{background: #E81B22; color: #fff; padding: 0.69vw 1.11vw; border-radius: 6px; font-size: 1.04vw; font-weight: 600;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__featured-spotlight > div:first-child a{font-size: 12px; padding: 0.5rem 1rem; margin: 1rem 0; border-radius: 1rem;}}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__featured-spotlight > div:first-child a:hover{transform: none;}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__featured-spotlight > div:last-child{width: 35vw; aspect-ratio: 3 / 2;}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__featured-spotlight > div:last-child img{width: 100%; height: 100%; object-fit: cover;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__featured-spotlight > div:last-child{width: auto; aspect-ratio: auto;}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__featured-spotlight > div:last-child img{display: block; width: 100%;}}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__article-list{margin-top: 3.06vw; width: 73.47vw; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25vw;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__article-list{width: 85vw; grid-template-columns: 1fr; gap: 16px;}}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__article-list a:hover{transform: none; background-color: #fff !important;}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__article-list article{background-color: #fff;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__article-list article{border-radius: 12px; box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.14); overflow: hidden;}}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__article-list .tr__blogs__article-image{aspect-ratio: 3 / 2;}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__article-list .tr__blogs__article-image img{width: 100%; height: 100%; object-fit: cover;}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__article-list .tr__blogs__article-content{padding: 2.22vw 1.94vw 3.26vw;}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__article-list .tr__blogs__article-content h4{-webkit-line-clamp: 2; line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px; font-weight: 700;}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__article-list .tr__blogs__article-content > span{font-size: 1.04vw; font-weight: 600;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__article-list .tr__blogs__article-content > span{font-size: 10px;}}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__article-list .tr__blogs__article-content > span:first-child{color: #E81B22;}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__article-list .tr__blogs__article-content > span:last-child{color: #949494;}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__load-more{display: -webkit-box; display: -webkit-flex; display: flex; font-weight: 500; color: #fbb039;}.tr__blogs__wrapper .tr__blogs__content-featured .tr__blogs__load-more::after{content: '>>'; margin-left: 0.5rem;}.tr__blogs__wrapper .tr__blogs__filter{padding-top: 5.56vw; padding-bottom: 3.82vw;}.tr__blogs__wrapper .tr__blogs__filter .tr__blogs__filter-industry{margin-top: 5vw; width: 73.68vw; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.56vw;}.tr__blogs__wrapper .tr__blogs__filter .tr__blogs__filter-industry > a{border: 2px solid #fbb039; border-radius: 12px; padding: 0.69vw; font-size: 1.11vw; font-weight: 700; text-align: center;}.tr__blogs__wrapper .tr__blogs__filter .tr__blogs__filter-industry > a:hover{transform: none;}.tr__blogs__wrapper .tr__blogs__filter .tr__blogs__filter-searchbox{margin-top: 4.44vw; padding: 1.11vw 0; width: 50.35vw; border: 1px solid #949494; border-radius: 12px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}.tr__blogs__wrapper .tr__blogs__filter .tr__blogs__filter-searchbox::before{content: ''; width: 1.25vw; height: 1.25vw; margin: 0 1.11vw; background-image: url("/website_aardwolf/static/imgs/common/svgs/search.svg"); background-repeat: no-repeat; background-size: cover; transform: scale(1.2);}.tr__blogs__wrapper .tr__blogs__filter .tr__blogs__filter-searchbox input{font-size: 1.04vw; font-weight: 500; flex: 1;}.tr__blogs__wrapper .tr__blogs__filter .tr__blogs__filter-searchbox input::placeholder{color: #949494;}.tr__blogs__wrapper .tr__blogs__breadcrumb{width: 73.47vw; margin: 2.5vw auto 0; flex-direction: row; align-items: center; gap: 0.5rem; color: #949494;}.tr__blogs__wrapper .tr__blogs__breadcrumb a{color: inherit;}.tr__blogs__wrapper .tr__blogs__breadcrumb a::after{content: '/'; margin-left: 0.5rem;}.tr__blogs__wrapper .tr__blogs__breadcrumb span{color: #131313;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__breadcrumb{width: 85vw;}}.tr__blogs__wrapper .tr__blogs__content-latest{padding: 5.56vw 0; background: #f4f4f4; font-size: 14px;}.tr__blogs__wrapper .tr__blogs__content-latest .tr__blogs__article-list{margin-top: 5.56vw; width: 73.47vw; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25vw;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__content-latest .tr__blogs__article-list{width: 85vw; grid-template-columns: 1fr; gap: 16px;}}.tr__blogs__wrapper .tr__blogs__content-latest .tr__blogs__article-list a:hover{transform: none; background-color: #fff !important;}.tr__blogs__wrapper .tr__blogs__content-latest .tr__blogs__article-list article{background-color: #fff;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__content-latest .tr__blogs__article-list article{border-radius: 12px; box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.14); overflow: hidden;}}.tr__blogs__wrapper .tr__blogs__content-latest .tr__blogs__article-list .tr__blogs__article-image{aspect-ratio: 3 / 2;}.tr__blogs__wrapper .tr__blogs__content-latest .tr__blogs__article-list .tr__blogs__article-image img{width: 100%; height: 100%; object-fit: cover;}.tr__blogs__wrapper .tr__blogs__content-latest .tr__blogs__article-list .tr__blogs__article-content{padding: 2.22vw 1.94vw 3.26vw;}.tr__blogs__wrapper .tr__blogs__content-latest .tr__blogs__article-list .tr__blogs__article-content h4{-webkit-line-clamp: 2; line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px; font-weight: 700;}.tr__blogs__wrapper .tr__blogs__content-latest .tr__blogs__article-list .tr__blogs__article-content > span{font-size: 1.04vw; font-weight: 600;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__content-latest .tr__blogs__article-list .tr__blogs__article-content > span{font-size: 10px;}}.tr__blogs__wrapper .tr__blogs__content-latest .tr__blogs__article-list .tr__blogs__article-content > span:first-child{color: #E81B22;}.tr__blogs__wrapper .tr__blogs__content-latest .tr__blogs__article-list .tr__blogs__article-content > span:last-child{color: #949494;}.tr__blogs__wrapper .tr__blogs__blog-detail{width: 62.08vw; margin: 0 auto; padding: 5.56vw 0 4.44vw; align-items: flex-start; font-size: 14px;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__blog-detail{width: 85vw;}}.tr__blogs__wrapper .tr__blogs__blog-detail h1, .tr__blogs__wrapper .tr__blogs__blog-detail h4{font-size: 1.94vw; font-weight: 700;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__blog-detail h1, .tr__blogs__wrapper .tr__blogs__blog-detail h4{font-size: 18px;}}.tr__blogs__wrapper .tr__blogs__blog-detail .tr__blogs__blog-date{font-size: 1.39vw; font-weight: 400; color: #949494; margin-top: 2.5vw;}@media screen and (max-width: 576px){.tr__blogs__wrapper .tr__blogs__blog-detail .tr__blogs__blog-date{font-size: 12px;}}.tr__blogs__wrapper .tr__blogs__blog-detail .tr__blogs__blog-social-link{display: -webkit-box; display: -webkit-flex; display: flex; gap: 1.11vw; margin-top: 1.39vw;}.tr__blogs__wrapper .tr__blogs__blog-detail .tr__blogs__blog-share h6{font-size: 12px; font-weight: 500;}.tr__blogs__wrapper .tr__blogs__blog-detail .tr__blogs__blog-share .tr__blogs__blog-social-link{margin-top: 0.97vw;}.tr__blogs__wrapper .tr__blogs__blog-detail .tr__blogs__blog-content{font-size: 14px; margin-top: 1.39vw; padding: 2.22vw 0; border-top: 1px solid #949494; align-self: stretch;}.tr__blogs__wrapper .tr__blogs__blog-detail .tr__blogs__blog-content h2{font-size: 18px; font-weight: 700;}.tr__blogs__wrapper .tr__blogs__blog-detail .tr__blogs__blog-content h3{font-size: 15px; font-weight: 700;}