.card {position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: var(--card-bg);background-clip: border-box;border: 1px solid var(--card-border-color);border-radius: 0.8571428571rem; } .card > hr {margin-right: 0;margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child {border-top-left-radius: 0.8571428571rem;border-top-right-radius: 0.8571428571rem; } .card > .list-group:last-child .list-group-item:last-child {border-bottom-right-radius: 0.8571428571rem;border-bottom-left-radius: 0.8571428571rem; } .card-body {flex: 1 1 auto;padding: 2rem;color: var(--card-color); } .card-title {margin-bottom: 4rem; } .card-subtitle {margin-top: -2rem;margin-bottom: 0; } .card-text:last-child {margin-bottom: 0; } .card-link:hover {text-decoration: none; } .card-link + .card-link {margin-left: 2rem; } .card-header {padding: 4rem 2rem;margin-bottom: 0;color: var(--card-cap-color);background-color: var(--card-cap-bg);border-bottom: 1px solid var(--card-border-color); } .card-header:first-child {border-radius: calc(0.8571428571rem - 1px) calc(0.8571428571rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child {border-top: 0; } .card-footer {padding: 4rem 2rem;background-color: var(--card-cap-bg);border-top: 1px solid var(--card-border-color); } .card-footer:last-child {border-radius: 0 0 calc(0.8571428571rem - 1px) calc(0.8571428571rem - 1px); } .card-header-tabs {margin-right: -1rem;margin-bottom: -2rem;margin-left: -1rem;border-bottom: 0; } .card-header-pills {margin-right: -1rem;margin-left: -1rem; } .card-img-overlay {position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 1.25rem; } .card-img {width: 100%;border-radius: calc(0.8571428571rem - 1px); } .card-img-top {width: 100%;border-top-left-radius: calc(0.8571428571rem - 1px);border-top-right-radius: calc(0.8571428571rem - 1px); } .card-img-bottom {width: 100%;border-bottom-right-radius: calc(0.8571428571rem - 1px);border-bottom-left-radius: calc(0.8571428571rem - 1px); } .card-deck {display: flex;flex-direction: column; } .card-deck .card {margin-bottom: 1rem; } @media (min-width: 576px) {.card-deck {flex-flow: row wrap;margin-right: -1rem;margin-left: -1rem;}.card-deck .card {display: flex;flex: 1 0 0%;flex-direction: column;margin-right: 1rem;margin-bottom: 0;margin-left: 1rem;} } .card-group {display: flex;flex-direction: column; } .card-group > .card {margin-bottom: 1rem; } @media (min-width: 576px) {.card-group {flex-flow: row wrap;}.card-group > .card {flex: 1 0 0%;margin-bottom: 0;}.card-group > .card + .card {margin-left: 0;border-left: 0;}.card-group > .card:not(:last-child) {border-top-right-radius: 0;border-bottom-right-radius: 0;}.card-group > .card:not(:last-child) .card-img-top,.card-group > .card:not(:last-child) .card-header {border-top-right-radius: 0;}.card-group > .card:not(:last-child) .card-img-bottom,.card-group > .card:not(:last-child) .card-footer {border-bottom-right-radius: 0;}.card-group > .card:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}.card-group > .card:not(:first-child) .card-img-top,.card-group > .card:not(:first-child) .card-header {border-top-left-radius: 0;}.card-group > .card:not(:first-child) .card-img-bottom,.card-group > .card:not(:first-child) .card-footer {border-bottom-left-radius: 0;} } .card-columns .card {margin-bottom: 4rem; } @media (min-width: 576px) {.card-columns {column-count: 3;column-gap: 1.25rem;orphans: 1;widows: 1;}.card-columns .card {display: inline-block;width: 100%;} } .accordion > .card {overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child {border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) {border-bottom: 0;border-radius: 0; } .accordion > .card:first-of-type {border-bottom: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0; } .accordion > .card:last-of-type {border-top-left-radius: 0;border-top-right-radius: 0; } .accordion > .card .card-header {margin-bottom: -1px; } .row-card {margin-bottom: -2rem; } .col-card {padding-bottom: 2rem; } .card-date {font-weight: 700;font-size: 1rem;border: solid 1px var(--primary);border-radius: 0.8571428571rem;padding: 0 0.7142857143rem;line-height: 1.5;width: fit-content; } .card .card-img {background: var(--color3); } .card.card-3 {display: flex;align-items: center;justify-content: center;margin-bottom: 2.5rem;padding: 0;border: 0; } @media (min-width: 768px) {.card.card-3 {float: right;margin-left: 2rem;max-width: 50%;} } .card.card-3 .img-fluid {width: auto;border-radius: 0.8571428571rem; } .card.card-7 {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) {.card.card-7 {flex-direction: column;} } .card.card-7 .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) {.card.card-7 .card-img {padding: 1.7857142857rem;} } .card.card-7 .card-img .img-fluid {aspect-ratio: 261/175;object-fit: cover;border-radius: 0.6428571429rem; } .card.card-7 .card-body {padding-top: 2.1428571429rem;padding-left: 0.2142857143rem;display: flex;flex-direction: column;justify-content: space-between; } @media (max-width: 991.98px) {.card.card-7 .card-body {padding: 1.7857142857rem;} } .card.card-7 .card-date {margin-bottom: 0.7142857143rem;margin-left: auto; } .card.card-7 .card-title {font-size: 1.7142857143rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 0.7142857143rem; } .card.card-7 .card-text {font-size: 1rem;letter-spacing: 0.01em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; } .card-1, .card-2, .card-4, .card-5, .card-6 {text-decoration: none !important; } .card-1 .card-img, .card-2 .card-img, .card-4 .card-img, .card-5 .card-img, .card-6 .card-img {position: relative;overflow: hidden; } .card-1 .card-img .img-fluid, .card-2 .card-img .img-fluid, .card-4 .card-img .img-fluid, .card-5 .card-img .img-fluid, .card-6 .card-img .img-fluid {position: absolute;width: 100%;height: 100%;inset: 0;object-fit: cover; } .card-1 .card-title, .card-2 .card-title, .card-4 .card-title, .card-5 .card-title, .card-6 .card-title {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.4285714286rem; } .card-1 .card-text, .card-2 .card-text, .card-4 .card-text, .card-5 .card-text, .card-6 .card-text {font-size: 1rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; } @media (max-width: 1311.98px) {.card-1 .card-text, .card-2 .card-text, .card-4 .card-text, .card-5 .card-text, .card-6 .card-text {-webkit-line-clamp: 2;} } @media (max-width: 991.98px) {.card-1 .card-text, .card-2 .card-text, .card-4 .card-text, .card-5 .card-text, .card-6 .card-text {-webkit-line-clamp: 3;} } @media (max-width: 767.98px) {.card-1 .card-text, .card-2 .card-text, .card-4 .card-text, .card-5 .card-text, .card-6 .card-text {-webkit-line-clamp: 2;} } @media (max-width: 559.98px) {.card-1 .card-text, .card-2 .card-text, .card-4 .card-text, .card-5 .card-text, .card-6 .card-text {-webkit-line-clamp: 3;} } .card-1.card-1, .card-2.card-1, .card-4.card-1, .card-5.card-1, .card-6.card-1 {border: 0;background: none;margin-bottom: 0.8571428571rem; } .card-1.card-1 .card-img, .card-2.card-1 .card-img, .card-4.card-1 .card-img, .card-5.card-1 .card-img, .card-6.card-1 .card-img {aspect-ratio: 103/58;border-radius: 0.8571428571rem; } .card-1.card-1 .card-body, .card-2.card-1 .card-body, .card-4.card-1 .card-body, .card-5.card-1 .card-body, .card-6.card-1 .card-body {padding: 1.7142857143rem 0px; } .card-1.card-1 .card-date, .card-2.card-1 .card-date, .card-4.card-1 .card-date, .card-5.card-1 .card-date, .card-6.card-1 .card-date {margin-bottom: 0.2857142857rem; } .card-1.card-1 .card-title, .card-2.card-1 .card-title, .card-4.card-1 .card-title, .card-5.card-1 .card-title, .card-6.card-1 .card-title {margin-bottom: 0.4285714286rem; } .card-1.card-2, .card-2.card-2, .card-4.card-2, .card-5.card-2, .card-6.card-2 {padding: 0;margin-bottom: 0.8571428571rem;border-radius: 0.8571428571rem; } .card-1.card-2 > .row, .card-2.card-2 > .row, .card-4.card-2 > .row, .card-5.card-2 > .row, .card-6.card-2 > .row {display: grid;align-items: stretch;gap: 1.75rem;grid-template-columns: calc(35% - 0.9642857143rem) calc(65% - 0.7857142857rem); } @media (max-width: 1311.98px) {.card-1.card-2 > .row, .card-2.card-2 > .row, .card-4.card-2 > .row, .card-5.card-2 > .row, .card-6.card-2 > .row {grid-template-columns: calc(45% - 0.9642857143rem) calc(55% - 0.7857142857rem);} } @media (max-width: 991.98px) {.card-1.card-2 > .row, .card-2.card-2 > .row, .card-4.card-2 > .row, .card-5.card-2 > .row, .card-6.card-2 > .row {grid-template-columns: calc(25% - 0.9642857143rem) calc(75% - 0.7857142857rem);} } @media (max-width: 767.98px) {.card-1.card-2 > .row, .card-2.card-2 > .row, .card-4.card-2 > .row, .card-5.card-2 > .row, .card-6.card-2 > .row {grid-template-columns: calc(35% - 0.9642857143rem) calc(65% - 0.7857142857rem);} } @media (max-width: 559.98px) {.card-1.card-2 > .row, .card-2.card-2 > .row, .card-4.card-2 > .row, .card-5.card-2 > .row, .card-6.card-2 > .row {grid-template-columns: 100%;gap: 0;} } .card-1.card-2 > .row > .col, .card-2.card-2 > .row > .col, .card-4.card-2 > .row > .col, .card-5.card-2 > .row > .col, .card-6.card-2 > .row > .col {max-width: none; } .card-1.card-2 > .row > .col.col-4, .card-2.card-2 > .row > .col.col-4, .card-4.card-2 > .row > .col.col-4, .card-5.card-2 > .row > .col.col-4, .card-6.card-2 > .row > .col.col-4 {padding: 0.7142857143rem 0 0.6428571429rem 0.6428571429rem; } @media (max-width: 559.98px) {.card-1.card-2 > .row > .col.col-4, .card-2.card-2 > .row > .col.col-4, .card-4.card-2 > .row > .col.col-4, .card-5.card-2 > .row > .col.col-4, .card-6.card-2 > .row > .col.col-4 {padding: 0;} } .card-1.card-2 .card-img, .card-2.card-2 .card-img, .card-4.card-2 .card-img, .card-5.card-2 .card-img, .card-6.card-2 .card-img {padding: 0;aspect-ratio: 193/147;border-radius: 0.8571428571rem; } @media (max-width: 559.98px) {.card-1.card-2 .card-img, .card-2.card-2 .card-img, .card-4.card-2 .card-img, .card-5.card-2 .card-img, .card-6.card-2 .card-img {border-radius: 0.8571428571rem 0.8571428571rem 0 0;} } .card-1.card-2 .card-body, .card-2.card-2 .card-body, .card-4.card-2 .card-body, .card-5.card-2 .card-body, .card-6.card-2 .card-body {padding: 1.5rem 2.5rem 1.3571428571rem 0; } @media (max-width: 559.98px) {.card-1.card-2 .card-body, .card-2.card-2 .card-body, .card-4.card-2 .card-body, .card-5.card-2 .card-body, .card-6.card-2 .card-body {padding: 1.3571428571rem;} } .card-1.card-2 .card-date, .card-2.card-2 .card-date, .card-4.card-2 .card-date, .card-5.card-2 .card-date, .card-6.card-2 .card-date {margin-bottom: 0.6428571429rem; } .card-1.card-2 .card-title, .card-2.card-2 .card-title, .card-4.card-2 .card-title, .card-5.card-2 .card-title, .card-6.card-2 .card-title {margin-bottom: 0.3571428571rem; } .card-1.card-4, .card-2.card-4, .card-4.card-4, .card-5.card-4, .card-6.card-4 {background: none;margin-bottom: 0.8571428571rem;height: calc(100% - 0.8571428571rem); } .card-1.card-4 .card-img, .card-2.card-4 .card-img, .card-4.card-4 .card-img, .card-5.card-4 .card-img, .card-6.card-4 .card-img {aspect-ratio: 103/58;border-radius: 0.8571428571rem; } .card-1.card-4 .card-body, .card-2.card-4 .card-body, .card-4.card-4 .card-body, .card-5.card-4 .card-body, .card-6.card-4 .card-body {padding: 1.5rem 2.5rem; } .card-1.card-4 .card-date, .card-2.card-4 .card-date, .card-4.card-4 .card-date, .card-5.card-4 .card-date, .card-6.card-4 .card-date {margin-bottom: 0.2857142857rem; } .card-1.card-4 .card-title, .card-2.card-4 .card-title, .card-4.card-4 .card-title, .card-5.card-4 .card-title, .card-6.card-4 .card-title {margin-bottom: 0.4285714286rem; } .card-1.card-4 .card-footer, .card-2.card-4 .card-footer, .card-4.card-4 .card-footer, .card-5.card-4 .card-footer, .card-6.card-4 .card-footer {border: 0;background: none;padding-top: 0.8571428571rem;padding-bottom: 1.5rem; } .card-1.card-4 .card-footer .btn-link, .card-2.card-4 .card-footer .btn-link, .card-4.card-4 .card-footer .btn-link, .card-5.card-4 .card-footer .btn-link, .card-6.card-4 .card-footer .btn-link {width: 100%;text-align: left;font-weight: 700;text-transform: uppercase;padding-left: 0.4285714286rem;padding-right: 0.4285714286rem; } .card-1.card-5, .card-2.card-5, .card-4.card-5, .card-5.card-5, .card-6.card-5 {background: none;margin-bottom: 0.8571428571rem; } .card-1.card-5 .card-img, .card-2.card-5 .card-img, .card-4.card-5 .card-img, .card-5.card-5 .card-img, .card-6.card-5 .card-img {aspect-ratio: 43/14;border-radius: 0.8571428571rem; } @media (max-width: 991.98px) {.card-1.card-5 .card-img, .card-2.card-5 .card-img, .card-4.card-5 .card-img, .card-5.card-5 .card-img, .card-6.card-5 .card-img {aspect-ratio: 4/3;} } .card-1.card-5 .card-body, .card-2.card-5 .card-body, .card-4.card-5 .card-body, .card-5.card-5 .card-body, .card-6.card-5 .card-body {padding: 1.5rem 2.5rem; } .card-1.card-5 .card-date, .card-2.card-5 .card-date, .card-4.card-5 .card-date, .card-5.card-5 .card-date, .card-6.card-5 .card-date {margin-bottom: 0.2857142857rem; } .card-1.card-5 .card-title, .card-2.card-5 .card-title, .card-4.card-5 .card-title, .card-5.card-5 .card-title, .card-6.card-5 .card-title {margin-bottom: 0.4285714286rem; } .card-1.card-6, .card-2.card-6, .card-4.card-6, .card-5.card-6, .card-6.card-6 {background: none;margin-bottom: 0.8571428571rem; } .card-1.card-6 .card-img, .card-2.card-6 .card-img, .card-4.card-6 .card-img, .card-5.card-6 .card-img, .card-6.card-6 .card-img {aspect-ratio: 210/297;border-radius: 0.8571428571rem; } .card-1.card-6 .card-body, .card-2.card-6 .card-body, .card-4.card-6 .card-body, .card-5.card-6 .card-body, .card-6.card-6 .card-body {padding: 1.5rem 2.5rem; } .card-1.card-6 .card-date, .card-2.card-6 .card-date, .card-4.card-6 .card-date, .card-5.card-6 .card-date, .card-6.card-6 .card-date {margin-bottom: 0.2857142857rem; } .card-1.card-6 .card-title, .card-2.card-6 .card-title, .card-4.card-6 .card-title, .card-5.card-6 .card-title, .card-6.card-6 .card-title {margin-bottom: 0.4285714286rem; } a.card:hover .card-title {color: var(--primary); }