/* Card grid transformers three 1.0.0*/ .lvd-cm-card-grid-t3 {position: relative;} .lvd-cm-card-grid-t3 .lvd-section-title {color:var(--lvd-color-black);} .lvd-cm-card-grid-t3 .lvd-section-intro.lvd-text-center {margin-left:auto; margin-right:auto;} .lvd-cm-card-grid-t3 .lvd-section-intro {max-width:80%;} .lvd-cm-card-grid-t3 .lvd-card {position:relative; display:flex; border-radius:var(--lvd-rounded-md);} .lvd-cm-card-grid-t3 .lvd-img img {border-radius: var(--lvd-rounded-md); width: 100%;} .lvd-cm-card-grid-t3 .lvd-content {display:flex; flex-direction: row; flex-wrap: wrap; flex-grow:0; padding:32px; width: 100%; z-index:1;} .lvd-cm-card-grid-t3 .lvd-content p {margin-bottom:16px;} .lvd-cm-card-grid-t3 .lvd-details {width:100%;} .lvd-cm-card-grid-t3 .lvd-keyword {font-weight: 700; margin-bottom:8px; text-transform:uppercase;} .lvd-cm-card-grid-t3 .lvd-title {font-weight: 700; margin-bottom:16px;} .lvd-cm-card-grid-t3 .lvd-button-group {margin-bottom:0; align-self: start;} /*Button forced alignment*/ .lvd-cm-card-grid-t3 .lvd-buttons-align .lvd-button-group {align-self: end;} .lvd-cm-card-grid-t3 .lvd-buttons-align .lvd-content {flex-grow:1;} /* Image top */ .lvd-cm-card-grid-t3 .lvd-image-top.lvd-card {flex-direction: column; align-items:center;} .lvd-cm-card-grid-t3 .lvd-image-top .lvd-img {order:1;} .lvd-cm-card-grid-t3 .lvd-image-top .lvd-content {order:2;} /* Image bottom */ .lvd-cm-card-grid-t3 .lvd-image-bottom.lvd-card {justify-content: space-between; flex-direction: column; align-items:center;} .lvd-cm-card-grid-t3 .lvd-image-bottom .lvd-img {order:2;} .lvd-cm-card-grid-t3 .lvd-image-bottom .lvd-content {order:1; padding:32px;} /* Image cover */ .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-card {flex-direction:row; justify-content: start;} .lvd-cm-card-grid-t3 .lvd-image-cover .lvd-img {position: absolute; top: 0; left: 0; width:100%; max-width:100% !important; height: 100%; z-index: 0;} .lvd-cm-card-grid-t3 .lvd-image-cover .lvd-img::after {border-radius:var(--lvd-rounded-md);} .lvd-cm-card-grid-t3 .lvd-image-cover .lvd-img img {width: 100%; height: 100%; object-fit: cover; object-position: right center;} .lvd-cm-card-grid-t3 .lvd-image-cover .lvd-content {display:block; width: 100%;} /*cover text fit*/ .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-fit-full .lvd-content {max-width:100% !important;} .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-fit-medium .lvd-content {max-width:70% !important;} .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-fit-small .lvd-content {max-width:50% !important;} /*cover text position*/ .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-position-lt {justify-content:start; align-items:start;} .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-position-lc {justify-content:start; align-items:center;} .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-position-lb {justify-content:start; align-items:end;} .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-position-ct {justify-content:center; align-items:start; text-align:center;} .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-position-cc {justify-content:center; align-items:center; text-align:center;} .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-position-cb {justify-content:center; align-items:end; text-align:center;} .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-position-rt {justify-content:end; align-items:start;} .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-position-rc {justify-content:end; align-items:center;} .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-position-rb {justify-content:end; align-items:end;} /* Image none */ .lvd-cm-card-grid-t3 .lvd-image-none.lvd-card {flex-direction: row;} .lvd-cm-card-grid-t3 .lvd-image-none .lvd-img {display:none;} .lvd-cm-card-grid-t3 .lvd-image-none .lvd-content {max-width:100% !important; width:100% !important; align-self: center;} /* --- V1 Square - Wide rectangle - Wide rectangle --- */ .lvd-cm-card-grid-t3 .lvd-v1 {grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr;} .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(1) {grid-column: 1 / 2; grid-row: 1 / 3;} .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(2) {grid-column: 2 / 3; grid-row: 1 / 2;} .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(3) {grid-column: 2 / 3; grid-row: 2 / 3;} .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(1) .lvd-content {padding:48px;} .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(2), .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(3) {flex-direction: row;} .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(2) .lvd-img, .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(3) .lvd-img {max-width:calc(50% - var(--lvd-gap));} .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(2) .lvd-content, .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(3) .lvd-content {max-width:calc(50% - var(--lvd-gap));} /* --- V2 Wide rectangle - Wide rectangle - Square --- */ .lvd-cm-card-grid-t3 .lvd-v2 {grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr;} .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(1) {grid-column: 2 / 3; grid-row: 1 / 3;} .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(2) {grid-column: 1 / 2; grid-row: 1 / 2;} .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(3) {grid-column: 1 / 2; grid-row: 2 / 3;} .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(1) .lvd-content {padding:48px;} .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(2), .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(3) {flex-direction: row;} .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(2) .lvd-img, .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(3) .lvd-img {max-width:calc(50% - var(--lvd-gap));} .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(2) .lvd-content, .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(3) .lvd-content {max-width:calc(50% - var(--lvd-gap));} /* --- V3 Square - Tall rectangle - Tall rectangle --- */ .lvd-cm-card-grid-t3 .lvd-v3 {grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 1fr;} .lvd-cm-card-grid-t3 .lvd-v3 .lvd-card:nth-child(1) {grid-column: 1 / 2; grid-row: 1 / 2;} .lvd-cm-card-grid-t3 .lvd-v3 .lvd-card:nth-child(2) {grid-column: 2 / 3; grid-row: 1 / 2;} .lvd-cm-card-grid-t3 .lvd-v3 .lvd-card:nth-child(3) {grid-column: 3 / 4; grid-row: 1 / 2;} .lvd-cm-card-grid-t3 .lvd-v3 .lvd-card:nth-child(1) .lvd-content {padding:48px;} /* --- V4 Tall rectangle - Tall rectangle - Square --- */ .lvd-cm-card-grid-t3 .lvd-v4 {grid-template-columns: 1fr 1fr 2fr; grid-template-rows: 1fr;} .lvd-cm-card-grid-t3 .lvd-v4 .lvd-card:nth-child(1) {grid-column: 1 / 2; grid-row: 1 / 2;} .lvd-cm-card-grid-t3 .lvd-v4 .lvd-card:nth-child(2) {grid-column: 2 / 3; grid-row: 1 / 2;} .lvd-cm-card-grid-t3 .lvd-v4 .lvd-card:nth-child(3) {grid-column: 3 / 4; grid-row: 1 / 2;} .lvd-cm-card-grid-t3 .lvd-v4 .lvd-card:nth-child(3) .lvd-content {padding:48px;} /* --- V5 Wide rectangle - Square - Square --- */ .lvd-cm-card-grid-t3 .lvd-v5 {grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr;} .lvd-cm-card-grid-t3 .lvd-v5 .lvd-card:nth-child(1) {grid-column: 1 / 3; grid-row: 1 / 2;} .lvd-cm-card-grid-t3 .lvd-v5 .lvd-card:nth-child(2) {grid-column: 1 / 2; grid-row: 2 / 3;} .lvd-cm-card-grid-t3 .lvd-v5 .lvd-card:nth-child(3) {grid-column: 2 / 3; grid-row: 2 / 3;} .lvd-cm-card-grid-t3 .lvd-v5 .lvd-card {flex-direction: row;} .lvd-cm-card-grid-t3 .lvd-v5 .lvd-card .lvd-img {max-width:calc(50% - var(--lvd-gap));} .lvd-cm-card-grid-t3 .lvd-v5 .lvd-card .lvd-content {max-width:calc(50% - var(--lvd-gap));} /* --- V6 Square - Square - Wide rectangle --- */ .lvd-cm-card-grid-t3 .lvd-v6 {grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr;} .lvd-cm-card-grid-t3 .lvd-v6 .lvd-card:nth-child(1) {grid-column: 1 / 3; grid-row: 2 / 3;} .lvd-cm-card-grid-t3 .lvd-v6 .lvd-card:nth-child(2) {grid-column: 1 / 2; grid-row: 1 / 2;} .lvd-cm-card-grid-t3 .lvd-v6 .lvd-card:nth-child(3) {grid-column: 2 / 3; grid-row: 1 / 2;} .lvd-cm-card-grid-t3 .lvd-v6 .lvd-card {flex-direction: row;} .lvd-cm-card-grid-t3 .lvd-v6 .lvd-card .lvd-img {max-width:calc(50% - var(--lvd-gap));} .lvd-cm-card-grid-t3 .lvd-v6 .lvd-card .lvd-content {max-width:calc(50% - var(--lvd-gap));} /* --- V7 Wide rectangle - Small square - Small square --- */ .lvd-cm-card-grid-t3 .lvd-v7 {grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr;} .lvd-cm-card-grid-t3 .lvd-v7 .lvd-card:nth-child(1) {grid-column: 1 / 2; grid-row: 1 / 3;} .lvd-cm-card-grid-t3 .lvd-v7 .lvd-card:nth-child(2) {grid-column: 2 / 3; grid-row: 1 / 2;} .lvd-cm-card-grid-t3 .lvd-v7 .lvd-card:nth-child(3) {grid-column: 2 / 3; grid-row: 2 / 3;} .lvd-cm-card-grid-t3 .lvd-v7 .lvd-card:nth-child(2), .lvd-cm-card-grid-t3 .lvd-v7 .lvd-card:nth-child(3) {flex-direction: row;} .lvd-cm-card-grid-t3 .lvd-v7 .lvd-card:nth-child(2) .lvd-img , .lvd-cm-card-grid-t3 .lvd-v7 .lvd-card:nth-child(3) .lvd-img {max-width:calc(33% - var(--lvd-gap));} .lvd-cm-card-grid-t3 .lvd-v7 .lvd-card:nth-child(2) .lvd-content, .lvd-cm-card-grid-t3 .lvd-v7 .lvd-card:nth-child(3) .lvd-content {max-width:calc(66% - var(--lvd-gap));} /* --- V8 Small square - Small square - Wide rectangle --- */ .lvd-cm-card-grid-t3 .lvd-v8 {grid-template-columns: 1fr 2fr; grid-template-rows: 1fr 1fr;} .lvd-cm-card-grid-t3 .lvd-v8 .lvd-card:nth-child(1) {grid-column: 2 / 3; grid-row: 1 / 3;} .lvd-cm-card-grid-t3 .lvd-v8 .lvd-card:nth-child(2) {grid-column: 1 / 2; grid-row: 1 / 2;} .lvd-cm-card-grid-t3 .lvd-v8 .lvd-card:nth-child(3) {grid-column: 1 / 2; grid-row: 2 / 3;} .lvd-cm-card-grid-t3 .lvd-v8 .lvd-card:nth-child(2), .lvd-cm-card-grid-t3 .lvd-v8 .lvd-card:nth-child(3) {flex-direction: row;} .lvd-cm-card-grid-t3 .lvd-v8 .lvd-card:nth-child(2) .lvd-img , .lvd-cm-card-grid-t3 .lvd-v8 .lvd-card:nth-child(3) .lvd-img {max-width:calc(33% - var(--lvd-gap));} .lvd-cm-card-grid-t3 .lvd-v8 .lvd-card:nth-child(2) .lvd-content, .lvd-cm-card-grid-t3 .lvd-v8 .lvd-card:nth-child(3) .lvd-content {max-width:calc(66% - var(--lvd-gap));} /* Animation */ /* initial state */ .lvd-cm-card-grid-t3.lvd-animate-on-scroll .lvd-section-title, .lvd-cm-card-grid-t3.lvd-animate-on-scroll .lvd-section-intro, .lvd-cm-card-grid-t3.lvd-animate-on-scroll .lvd-card {opacity: 0; transform: translateY(16px); transition-property: opacity, transform; transition-duration: 1s; transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);} /* animated */ .lvd-cm-card-grid-t3.lvd-is-visible .lvd-section-title, .lvd-cm-card-grid-t3.lvd-is-visible .lvd-section-intro, .lvd-cm-card-grid-t3.lvd-is-visible .lvd-card {opacity: 1; transform: translateY(0);} /* delay */ .lvd-cm-card-grid-t3.lvd-is-visible .lvd-section-title {transition-delay: 0s;} .lvd-cm-card-grid-t3.lvd-is-visible .lvd-section-intro {transition-delay: 0.15s;} .lvd-cm-card-grid-t3.lvd-is-visible .lvd-card {transition-delay: 0.3s;} /* Bm */ @media (min-width:1px) and (max-width:767px) { .lvd-cm-card-grid-t3, .lvd-cm-card-grid-t3.lvd-px, .lvd-cm-card-grid-t3.lvd-pxy {padding-left:16px !important; padding-right:16px !important;} .lvd-cm-card-grid-t3 .lvd-section-intro {max-width: calc(100% - 24px);} .lvd-cm-card-grid-t3 .lvd-grid {grid-template-columns: 1fr !important; grid-template-rows: auto auto auto !important;} /* 1 column */ .lvd-cm-card-grid-t3 .lvd-card:nth-child(1), .lvd-cm-card-grid-t3 .lvd-card:nth-child(2), .lvd-cm-card-grid-t3 .lvd-card:nth-child(3) {grid-column: auto !important; grid-row: auto !important;} .lvd-cm-card-grid-t3 .lvd-content {padding:24px;} /* Image cover */ .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-card {flex-direction: row !important;} .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-fit-medium .lvd-content {max-width:80% !important;} .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-fit-small .lvd-content {max-width:60% !important;} .lvd-cm-card-grid-t3 .lvd-image-cover.bm-lvd-position-lt {justify-content:start; align-items:start;} .lvd-cm-card-grid-t3 .lvd-image-cover.bm-lvd-position-lc {justify-content:start; align-items:center;} .lvd-cm-card-grid-t3 .lvd-image-cover.bm-lvd-position-lb {justify-content:start; align-items:end;} .lvd-cm-card-grid-t3 .lvd-image-cover.bm-lvd-position-ct {justify-content:center; align-items:start;} .lvd-cm-card-grid-t3 .lvd-image-cover.bm-lvd-position-cc {justify-content:center; align-items:center;} .lvd-cm-card-grid-t3 .lvd-image-cover.bm-lvd-position-cb {justify-content:center; align-items:end;} .lvd-cm-card-grid-t3 .lvd-image-cover.bm-lvd-position-rt {justify-content:end; align-items:start;} .lvd-cm-card-grid-t3 .lvd-image-cover.bm-lvd-position-rc {justify-content:end; align-items:center;} .lvd-cm-card-grid-t3 .lvd-image-cover.bm-lvd-position-rb {justify-content:end; align-items:end;} .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-height-sm {min-height:300px;} .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-height-md {min-height:400px;} .lvd-cm-card-grid-t3 .lvd-image-cover.lvd-height-lg {min-height:500px;} /* --- V1 Square - Wide rectangle - Wide rectangle --- */ .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(1) .lvd-content, .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(2) .lvd-content .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(3) .lvd-content {padding:24px;} .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(2), .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(3) {flex-direction: column;} .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(2) .lvd-img, .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(3) .lvd-img {max-width:100%; width:100%;} .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(2) .lvd-content, .lvd-cm-card-grid-t3 .lvd-v1 .lvd-card:nth-child(3) .lvd-content {max-width:100%; width:100%;} /* --- V2 Wide rectangle - Wide rectangle - Square --- */ .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(1) .lvd-content, .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(2) .lvd-content .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(3) .lvd-content {padding:24px;} .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(2), .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(3) {flex-direction: column;} .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(2) .lvd-img, .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(3) .lvd-img {max-width:100%; width:100%;} .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(2) .lvd-content, .lvd-cm-card-grid-t3 .lvd-v2 .lvd-card:nth-child(3) .lvd-content {max-width:100%; width:100%;} /* --- V3 Square - Tall rectangle - Tall rectangle --- */ .lvd-cm-card-grid-t3 .lvd-v3 .lvd-card:nth-child(1) .lvd-content {padding:24px;} /* --- V4 Tall rectangle - Tall rectangle - Square --- */ .lvd-cm-card-grid-t3 .lvd-v4 .lvd-card:nth-child(3) .lvd-content {padding:24px;} /* --- V5 Wide rectangle - Square - Square --- */ .lvd-cm-card-grid-t3 .lvd-v5 .lvd-card {flex-direction: column;} .lvd-cm-card-grid-t3 .lvd-v5 .lvd-card .lvd-img {max-width:100%; width:100%;} .lvd-cm-card-grid-t3 .lvd-v5 .lvd-card .lvd-content {max-width:100%; width:100%;} /* --- V6 Square - Square - Wide rectangle --- */ .lvd-cm-card-grid-t3 .lvd-v6 .lvd-card {flex-direction: column;} .lvd-cm-card-grid-t3 .lvd-v6 .lvd-card .lvd-img {max-width:100%; width:100%;} .lvd-cm-card-grid-t3 .lvd-v6 .lvd-card .lvd-content {max-width:100%; width:100%;} /* --- V7 Wide rectangle - Small square - Small square --- */ .lvd-cm-card-grid-t3 .lvd-v7 .lvd-card:nth-child(2), .lvd-cm-card-grid-t3 .lvd-v7 .lvd-card:nth-child(3) {flex-direction: column;} .lvd-cm-card-grid-t3 .lvd-v7 .lvd-card:nth-child(2) .lvd-img , .lvd-cm-card-grid-t3 .lvd-v7 .lvd-card:nth-child(3) .lvd-img {max-width:100%; width:100%;} .lvd-cm-card-grid-t3 .lvd-v7 .lvd-card:nth-child(2) .lvd-content, .lvd-cm-card-grid-t3 .lvd-v7 .lvd-card:nth-child(3) .lvd-content {max-width:100%; width:100%;} /* --- V8 Small square - Small square - Wide rectangle --- */ .lvd-cm-card-grid-t3 .lvd-v8 .lvd-card:nth-child(2), .lvd-cm-card-grid-t3 .lvd-v8 .lvd-card:nth-child(3) {flex-direction: column;} .lvd-cm-card-grid-t3 .lvd-v8 .lvd-card:nth-child(2) .lvd-img , .lvd-cm-card-grid-t3 .lvd-v8 .lvd-card:nth-child(3) .lvd-img {max-width:100%; width:100%;} .lvd-cm-card-grid-t3 .lvd-v8 .lvd-card:nth-child(2) .lvd-content, .lvd-cm-card-grid-t3 .lvd-v8 .lvd-card:nth-child(3) .lvd-content {max-width:100%; width:100%;} } /* Bt */ @media (min-width:768px) and (max-width:1024px) { .lvd-cm-card-grid-t3, .lvd-cm-card-grid-t3.lvd-px, .lvd-cm-card-grid-t3.lvd-pxy {padding-left:24px !important; padding-right:24px !important;} } /* Full HD */ @media (min-width:1025px) and (max-width:1344px) { .lvd-cm-card-grid-t3, .lvd-cm-card-grid-t3.lvd-px, .lvd-cm-card-grid-t3.lvd-pxy {padding-left:24px !important; padding-right:24px !important;} }