.section.travels {margin-left: -1rem;margin-right: -1rem; } @media (min-width: 1312px) {.section.travels {margin-left: 0;margin-right: 0;} } .section.travels .section-content {background: var(--color6);padding-top: 0.5rem;padding-bottom: 4.4285714286rem;padding-left: 1rem;padding-right: 1rem; } @media (min-width: 1312px) {.section.travels .section-content {margin-left: -4.8571428571rem;margin-right: -4.7142857143rem;padding-left: 4.8571428571rem;padding-right: 4.7142857143rem;} } .section.travels .section-content h1, .section.travels .section-content .h1 {padding-bottom: 1.5714285714rem; } @media (min-width: 1312px) {.section.travels .section-content > .row {margin-left: -1.6428571429rem;} } @media (min-width: 992px) {.section.travels .section-content > .row > .col:first-child {max-width: 49%;flex: 0 0 49%;} } @media (min-width: 992px) {.section.travels .section-content > .row > .col:last-child {flex: 0 0 51%;max-width: calc(51% - 0.2857142857rem);margin-left: 0.2857142857rem;} } .section.travels .section-content .row-travel-1 .col-card {padding-bottom: 0; } .section.travels .section-content .row-travel-2 {height: 100%;aspect-ratio: 642/461; } @media (min-width: 992px) {.section.travels .section-content .row-travel-2 {aspect-ratio: none;} } .section.travels .section-content .row-travel-2 .col-card {padding-bottom: 1.2142857143rem; } .section.travels .section-content .card {border: 0;border-radius: 0.8571428571rem;overflow: hidden;text-decoration: none !important; } .section.travels .section-content .card.card-travel-1 {flex-direction: row;background: var(--white);box-shadow: 0 0.2857142857rem 0.2857142857rem 0 rgba(0, 0, 0, 0.2509803922);margin-bottom: 1.4285714286rem;text-decoration: none; } @media (max-width: 991.98px) {.section.travels .section-content .card.card-travel-1 {flex-direction: column;} } .section.travels .section-content .card.card-travel-1 .card-img {flex-basis: 50%;padding: 1.5rem 1.7857142857rem 1.5rem 1.6428571429rem;flex-grow: 0;flex-shrink: 0;background: transparent; } @media (max-width: 991.98px) {.section.travels .section-content .card.card-travel-1 .card-img {padding: 1.7857142857rem;} } .section.travels .section-content .card.card-travel-1 .card-img .img-fluid {aspect-ratio: 261/175;object-fit: cover;border-radius: 0.6428571429rem; } .section.travels .section-content .card.card-travel-1 .card-body {padding-top: 2.1428571429rem;padding-left: 0.2142857143rem;display: flex;flex-direction: column;justify-content: space-between; } @media (max-width: 991.98px) {.section.travels .section-content .card.card-travel-1 .card-body {padding: 1.7857142857rem;} } .section.travels .section-content .card.card-travel-1 .card-date {margin-bottom: 0.7142857143rem;margin-left: auto; } .section.travels .section-content .card.card-travel-1 .card-title {font-size: 1.7142857143rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 0.7142857143rem; } .section.travels .section-content .card.card-travel-1 .card-text {font-size: 1rem;letter-spacing: 0.01em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; } .section.travels .section-content .card.card-travel-2 {height: 100%; } .section.travels .section-content .card.card-travel-2 .card-img {position: absolute;width: 100%;height: 100%;inset: 0; } .section.travels .section-content .card.card-travel-2 .card-img .img-fluid {position: absolute;width: 100%;height: 100%;inset: 0;object-fit: cover; } .section.travels .section-content .card.card-travel-2 .card-body {aspect-ratio: 642/461;position: relative;z-index: 11;display: flex;flex-direction: column;justify-content: flex-end;height: 100%;width: 100%;inset: 0;padding: 1.9285714286rem 3.9285714286rem; } .section.travels .section-content .card.card-travel-2 .card-title {margin: 0;color: var(--white);line-height: 1.2761111111;font-size: 2.5714285714rem;max-width: 23.2142857143rem; } @media (max-width: 1311.98px) {.section.travels .section-content .card.card-travel-2 .card-title {font-size: 1.7142857143rem;} } .section.travels .section-content .card.card-travel-2:hover .card-title {color: var(--primary); }