.section.storyarticles {padding-top: 0.7222222222rem;padding-bottom: 1.0555555556rem; } @media (min-width: 576px) {.section.storyarticles {padding-top: 2.4166666667rem;padding-bottom: 2.0833333333rem;} } .section.storyarticles h1, .section.storyarticles .h1 {padding-bottom: 0;padding-top: 0;margin-bottom: 0.8333333333rem; } @media (min-width: 576px) {.section.storyarticles h1, .section.storyarticles .h1 {margin-bottom: 0.7083333333rem;} } .section.storyarticles p {font-size: 1.1111111111rem;line-height: 1.5;margin-bottom: 0.8888888889rem;max-width: 17.2222222222rem;margin-left: auto;margin-right: auto; } @media (min-width: 576px) {.section.storyarticles p {font-size: 1rem;line-height: 1.3333333333;margin-bottom: 0.6666666667rem;max-width: none;} } .section.storyarticles .content {margin-bottom: 1.875rem;text-align: center;padding-left: 0.5555555556rem;padding-right: 0.5555555556rem; } @media (min-width: 576px) {.section.storyarticles .content {padding-left: 0;padding-right: 0;} } .section.storyarticles .row-card {padding: 0;margin: 1.1111111111rem 0 1.3888888889rem 0; } @media (min-width: 389px) {.section.storyarticles .row-card {padding: 0 0.5555555556rem 0 0.5555555556rem;margin: 1.1111111111rem auto 1.3888888889rem auto;} } @media (min-width: 576px) {.section.storyarticles .row-card {padding: 0;margin-top: 0.1666666667rem;margin-bottom: 1.125rem;} } .section.storyarticles .col-card {padding-left: 0;padding-right: 0;padding-bottom: 1.3888888889rem; } @media (min-width: 576px) {.section.storyarticles .col-card {padding-left: 0.6666666667rem;padding-right: 0.6666666667rem;padding-bottom: 1rem;} } .section.storyarticles .col-card .card {border: 0;border-radius: 1.6666666667rem;overflow: hidden;text-decoration: none !important;flex-direction: column; } @media (min-width: 576px) {.section.storyarticles .col-card .card {border-radius: 1.25rem;} } .section.storyarticles .col-card .card .card-img-top {flex-shrink: 0;flex-grow: 0;position: relative;max-width: none;flex-basis: auto;aspect-ratio: 350/308; } @media (min-width: 576px) {.section.storyarticles .col-card .card .card-img-top {aspect-ratio: 370/307;} } .section.storyarticles .col-card .card .card-img-top .img-fluid {position: absolute;width: 100%;height: 100%;inset: 0;object-fit: cover; } .section.storyarticles .col-card .card .card-body {flex-grow: 0;display: flex;flex-direction: column;justify-content: center;max-width: none;padding: 1.1666666667rem 1.1111111111rem 1.1666666667rem 1.1111111111rem;flex-basis: auto;border: 1px solid var(--light);height: 100%;border-bottom-left-radius: 1.6666666667rem;border-bottom-right-radius: 1.6666666667rem; } @media (min-width: 576px) {.section.storyarticles .col-card .card .card-body {padding: 1.9583333333rem 1.3333333333rem 2.1666666667rem 2.0833333333rem;} } .section.storyarticles .col-card .card .card-body .card-title {font-weight: 500;margin-bottom: 0;margin-bottom: 0.1666666667rem;font-size: 1.5555555556rem;line-height: 1.3571428571; } @media (min-width: 576px) {.section.storyarticles .col-card .card .card-body .card-title {font-weight: 600;font-size: 1.25rem;line-height: 1.2666666667;margin-bottom: 0.125rem;} } .section.storyarticles .col-card .card .card-body .job {font-weight: 400;font-size: 0.8888888889rem;line-height: 1.5;color: var(--color7);margin: 0 0 1.1111111111rem 0;text-transform: uppercase; } @media (min-width: 576px) {.section.storyarticles .col-card .card .card-body .job {font-weight: 600;font-size: 0.8333333333rem;line-height: 1.2;margin-bottom: 0.8333333333rem;} } .section.storyarticles .col-card .card .card-body .card-text {text-align: left;font-size: 1.1111111111rem;line-height: 1.2;margin: 0 0 1.6666666667rem 0; } @media (min-width: 576px) {.section.storyarticles .col-card .card .card-body .card-text {font-size: 1rem;line-height: 1.3333333333;margin-bottom: 1.1666666667rem;} } .section.storyarticles .col-card .card .card-body .card-link {font-weight: 600;font-size: 0.7777777778rem;line-height: 1.4285714286;text-decoration: none !important;margin: 0 0 0.3888888889rem 0;background: linear-gradient(to right, var(--color15), var(--color17));-webkit-background-clip: text;-webkit-text-fill-color: transparent; } @media (min-width: 576px) {.section.storyarticles .col-card .card .card-body .card-link {font-size: 0.8333333333rem;line-height: 1.2;margin-bottom: 0;} } .section.storyarticles .col-card .card .card-body .card-link svg {width: 1.1111111111rem;height: auto;position: relative;top: -0.125rem;left: 0.25rem;color: var(--color15); } @media (min-width: 576px) {.section.storyarticles .col-card .card .card-body .card-link svg {width: 0.8333333333rem;} } .section.storyarticles .col-card a.card:hover .card-body .card-link {color: var(--primary); }