.spacer-block.default.extra-small {
height: 5px;
}
.spacer-block.default.small {
height: 30px;
}
@media (max-width: 767px) {
.spacer-block.default.small {
height: 15px;
}
}
.spacer-block.default.medium {
height: 55px;
}
@media (max-width: 767px) {
.spacer-block.default.medium {
height: 30px;
}
}
.spacer-block.default.large {
height: 80px;
}
@media (max-width: 1024px) {
.spacer-block.default.large {
height: 55px;
}
}
.spacer-block.hr {
background: var(--e-global-color-1f4be1a);
height: 1px;
margin: 0 auto;
}
.spacer-block.full-hr {
background: var(--e-global-color-1f4be1a);
height: 1px;
width: 100%;
}
.spacer-block.opacity-hr {
background: var(--e-global-color-1f4be1a);
height: 1px;
margin: 0 auto;
opacity: 0.1;
}
.elementor-section.spacer-block-hr-tdg-section {
padding-left: 0 !important;
padding-right: 0 !important;
}.tdg-related-posts-section {
background: #f6f4f5;
}
.tdg-related-posts-section .container {
max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
}
.tdg-related-posts-section .posts-container {
width: 100%;
display: grid;
grid-gap: 30px 2%;
grid-template-columns: repeat(auto-fill, 32%);
}
@media (max-width: 1024px) {
.tdg-related-posts-section .posts-container {
grid-gap: 30px 2%;
grid-template-columns: repeat(auto-fill, 49%);
}
}
@media (max-width: 767px) {
.tdg-related-posts-section .posts-container {
grid-template-columns: repeat(auto-fill, 100%);
}
}
.tdg-related-posts-section .posts-container .post-item {
width: 100%;
}
.tdg-related-posts-section .posts-container .post-item .wrapper-image {
height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.tdg-related-posts-section .posts-container .post-item .wrapper-image img { }
.tdg-related-posts-section .posts-container .post-item .text-container {
background: #fff;
padding: 25px;
display: flex;
height: calc(100% - 200px);
flex-direction: column;
align-items: flex-start;
}
.tdg-related-posts-section .posts-container .post-item .text-container .wrapper-title {
margin-bottom: 27px;
}
.tdg-related-posts-section .posts-container .post-item .text-container .wrapper-title * {
color: var(--e-global-color-1f4be1a);
margin: 0;
}
.tdg-related-posts-section .posts-container .post-item .text-container .wrapper-links {
margin: auto 0;
margin-bottom: 0;
}
.tdg-related-posts-section .posts-container .post-item .text-container .wrapper-links .elementor-button-text {
font-size: 16px;
line-height: 24px;
}
.tdg-related-posts-section + .tdg-resource-blog-loadmore {
padding-bottom: 75px;
}
.tdg-related-posts-section.grid {
background: none;
}
.tdg-related-posts-section.grid .container {
padding: 0;
}
.tdg-related-posts-section.grid .posts-container {
display: grid;
grid-template-columns: 51% calc(49% - 78px);
grid-template-rows: 150px 150px 150px 107px;
column-gap: 78px;
row-gap: 0;
}
@media (max-width: 1200px) {
.tdg-related-posts-section.grid .posts-container {
column-gap: 30px;
grid-template-columns: 50% calc(50% - 30px);
}
}
@media (max-width: 1023px) {
.tdg-related-posts-section.grid .posts-container {
grid-template-columns: 100%;
grid-template-rows: minmax(459px, 459px) 130px 130px 130px 75px;
}
}
@media (max-width: 767px) {
.tdg-related-posts-section.grid .posts-container {
grid-template-rows: minmax(468px, 468px) 130px 130px 130px 75px;
}
}
.tdg-related-posts-section.grid .posts-container .post-item {
cursor: pointer;
position: relative;
}
.tdg-related-posts-section.grid .posts-container .post-item > a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: block;
}
.tdg-related-posts-section.grid .posts-container .post-item:first-child {
width: 100%;
grid-column: 1;
grid-row: 1 /span 4;
}
@media (max-width: 1023px) {
.tdg-related-posts-section.grid .posts-container .post-item:first-child {
grid-row: 1;
margin-bottom: 25px;
}
}
@media (max-width: 767px) {
.tdg-related-posts-section.grid .posts-container .post-item:first-child {
margin-bottom: 18px;
}
}
.tdg-related-posts-section.grid .posts-container .post-item:first-child .wrapper-image {
width: 100%;
height: auto;
background: #f6f4f5;
line-height: 0;
}
.tdg-related-posts-section.grid .posts-container .post-item:first-child .wrapper-image img {
apect-ratio: 1.7777777778;
}
.tdg-related-posts-section.grid .posts-container .post-item:first-child .text-container {
width: 100%;
padding: 27px;
background: var(--e-global-color-1f4be1a);
height: calc(100% - 372px);
}
@media (max-width: 1023px) {
.tdg-related-posts-section.grid .posts-container .post-item:first-child .text-container {
height: calc(100% - 300px);
padding: 25px;
}
}
@media (max-width: 767px) {
.tdg-related-posts-section.grid .posts-container .post-item:first-child .text-container {
padding-bottom: 17px;
padding-left: 20px;
padding-right: 20px;
}
}
.tdg-related-posts-section.grid .posts-container .post-item:first-child .text-container .wrapper-title {
margin-bottom: 18px;
}
.tdg-related-posts-section.grid .posts-container .post-item:first-child .text-container .wrapper-title * {
color: #fff;
font-size: 35px;
line-height: 40px;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (max-width: 1023px) {
.tdg-related-posts-section.grid .posts-container .post-item:first-child .text-container .wrapper-title * {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
font-size: 25px;
line-height: 30px;
}
}
@media (max-width: 1023px) {
.tdg-related-posts-section.grid .posts-container .post-item:first-child .text-container .wrapper-title {
margin-bottom: 22px;
}
}
@media (max-width: 767px) {
.tdg-related-posts-section.grid .posts-container .post-item:first-child .text-container .wrapper-title {
margin-bottom: 17px;
}
.tdg-related-posts-section.grid .posts-container .post-item:first-child .text-container .wrapper-title * {
-webkit-line-clamp: 2;
}
}
.tdg-related-posts-section.grid .posts-container .post-item:first-child .text-container .wrapper-links a .elementor-button-text {
font-size: 20px;
line-height: 30px;
color: #fff;
}
.tdg-related-posts-section.grid .posts-container .post-item:first-child:hover .text-container {
background: var(--e-global-color-5da43dd);
}
.tdg-related-posts-section.grid .posts-container .post-item:first-child:hover .text-container .elementor-button-text {
color: #fff;
}
.tdg-related-posts-section.grid .posts-container .post-item:not(:first-child) {
grid-column: 2;
padding: 15px 0;
display: flex;
border-bottom: 1px solid #adb5bd;
}
@media (max-width: 1023px) {
.tdg-related-posts-section.grid .posts-container .post-item:not(:first-child) {
grid-column: 1;
}
}
.tdg-related-posts-section.grid .posts-container .post-item:not(:first-child) .wrapper-image {
width: 30%;
min-height: 120px;
height: unset;
}
@media (max-width: 1023px) {
.tdg-related-posts-section.grid .posts-container .post-item:not(:first-child) .wrapper-image {
min-height: 100px;
width: 20%;
}
}
@media (max-width: 767px) {
.tdg-related-posts-section.grid .posts-container .post-item:not(:first-child) .wrapper-image {
width: 30%;
}
}
.tdg-related-posts-section.grid .posts-container .post-item:not(:first-child) .wrapper-image img {
aspect-ratio: 1.7777777778;
}
.tdg-related-posts-section.grid .posts-container .post-item:not(:first-child) .text-container {
width: 70%;
padding-left: 22px;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
@media (max-width: 1023px) {
.tdg-related-posts-section.grid .posts-container .post-item:not(:first-child) .text-container {
padding-left: 47px;
width: 80%;
}
}
@media (max-width: 767px) {
.tdg-related-posts-section.grid .posts-container .post-item:not(:first-child) .text-container {
padding-left: 18px;
width: 70%;
}
}
.tdg-related-posts-section.grid .posts-container .post-item:not(:first-child) .text-container .wrapper-title {
margin-bottom: 17px;
}
@media (max-width: 767px) {
.tdg-related-posts-section.grid .posts-container .post-item:not(:first-child) .text-container .wrapper-title {
margin-bottom: 7px;
}
}
.tdg-related-posts-section.grid .posts-container .post-item:not(:first-child) .text-container .wrapper-title * {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: var(--e-global-color-1f4be1a);
}
@media (max-width: 767px) {
.tdg-related-posts-section.grid .posts-container .post-item:not(:first-child) .text-container .wrapper-title * {
-webkit-line-clamp: 3;
}
}
.tdg-related-posts-section.grid .posts-container .post-item:not(:first-child):nth-child(2) {
border-top: 1px solid #adb5bd;
}
.tdg-related-posts-section.grid .posts-container > a {
grid-column: 2;
grid-row: 4;
}
.tdg-related-posts-section.grid .posts-container > a .elementor-button-text {
font-size: 25px;
line-height: 35px;
font-weight: normal;
}
@media (max-width: 1023px) {
.tdg-related-posts-section.grid .posts-container > a {
margin: 0 auto;
margin-right: 0;
grid-column: 1;
grid-row: 5;
}
}
@media (max-width: 767px) {
.tdg-related-posts-section.grid .posts-container > a {
margin-right: auto;
}
}
.tdg-resource-blog-loadmore {
background: #f6f4f5;
padding: 50px 0;
}
.tdg-resource-blog-loadmore .container {
max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
}
.tdg-resource-blog-loadmore .container form {
width: fit-content;
margin: 0 auto;
}
.tdg-resource-blog-loadmore .container form .btn.disabled {
display: none;
}