section.gt-block.section-events .section-events--content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: clamp(3.2rem, calc(1.6rem + 4.8vw), 8rem);
}
@media screen and (max-width: 900px) {
section.gt-block.section-events .section-events--content {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
section.gt-block.section-events .section-events--content .heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2.4rem;
}
@media screen and (max-width: 900px) {
section.gt-block.section-events .section-events--content .heading {
max-width: 65rem;
}
}
section.gt-block.section-events .section-events--content .heading .left-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 76.8rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
section.gt-block.section-events .section-events--content .heading .left-col--content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.section-events .section-events--content .heading .button-desktop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 747px) {
section.gt-block.section-events .section-events--content .heading .button-desktop {
display: none;
}
}
section.gt-block.section-events .section-events--content .events-cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 3.2rem;
}
section.gt-block.section-events .section-events--content .events-cards .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: clamp(1.28rem, calc(0.64rem + 1.92vw), 3.2rem);
-ms-flex-item-align: stretch;
align-self: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 830px) {
section.gt-block.section-events .section-events--content .events-cards .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (max-width: 600px) {
section.gt-block.section-events .section-events--content .events-cards .row {
gap: 2.4rem;
}
}
section.gt-block.section-events .section-events--content .events-cards .row .card {
width: 100%;
max-width: 38.9rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: clamp(0.96rem, calc(0.48rem + 1.44vw), 2.4rem);
-ms-flex-item-align: stretch;
align-self: stretch;
}
@media screen and (max-width: 500px) {
section.gt-block.section-events .section-events--content .events-cards .row .card {
max-width: 100%;
}
}
section.gt-block.section-events .section-events--content .events-cards .row .card .btn__text {
border-bottom: 1px solid #03040b;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
section.gt-block.section-events .section-events--content .events-cards .row .card:hover .card--content .btn--xl .btn__text {
border-color: #ffee94;
}
section.gt-block.section-events .section-events--content .events-cards .row .card:hover .card-image img,
section.gt-block.section-events .section-events--content .events-cards .row .card:hover .card-image svg {
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
section.gt-block.section-events .section-events--content .events-cards .row .card-image {
position: relative;
height: auto;
overflow: hidden;
border-radius: 1.6rem;
}
section.gt-block.section-events .section-events--content .events-cards .row .card-image picture {
width: 100%;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section.gt-block.section-events .section-events--content .events-cards .row .card-image.default-img {
width: 100%;
max-width: 41.6rem;
}
section.gt-block.section-events .section-events--content .events-cards .row .card-image.default-img picture,
section.gt-block.section-events .section-events--content .events-cards .row .card-image.default-img figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: var(--base-white, #fff);
}
section.gt-block.section-events .section-events--content .events-cards .row .card-image.default-img picture svg,
section.gt-block.section-events .section-events--content .events-cards .row .card-image.default-img figure svg {
width: 100%;
max-width: 30rem;
height: 30rem;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
margin: 0 auto;
}
section.gt-block.section-events .section-events--content .events-cards .row .card-image img {
width: 100%;
height: 30rem;
border-radius: 1.6rem;
aspect-ratio: 416/300;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
@media screen and (max-width: 500px) {
section.gt-block.section-events .section-events--content .events-cards .row .card-image img {
height: auto;
}
}
section.gt-block.section-events .section-events--content .events-cards .row .card-image .date {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
padding: 1.2rem 2rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
bottom: 1rem;
left: 1.3rem;
gap: 1rem;
border-radius: 1.4rem;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(2.5px);
}
section.gt-block.section-events .section-events--content .events-cards .row .card-image .date svg:last-child {
display: none;
}
section.gt-block.section-events .section-events--content .events-cards .row .card--content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.section-events .section-events--content .events-cards .row .card--content .tag-and-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.section-events .section-events--content .events-cards .row .card--content .tag-and-text .taxonomy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2rem;
}
section.gt-block.section-events .section-events--content .events-cards .row .card--content .tag-and-text .taxonomy-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.8rem;
}
section.gt-block.section-events .section-events--content .events-cards .row .card--content .tag-and-text .taxonomy-tags .tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.4rem 0.8rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
border-radius: 0.8rem;
border: 1px solid #ffee94;
background: rgba(255, 238, 148, 0.2);
backdrop-filter: blur(2.5px);
}
section.gt-block.section-events .section-events--content .events-cards .row .card--content .tag-and-text .taxonomy-tags .tag.full {
border-radius: 0.8rem;
border: 1px solid #ff5959;
background: rgba(255, 89, 89, 0.2);
backdrop-filter: blur(2.5px);
}
section.gt-block.section-events .section-events--content .events-cards .row .card--content .tag-and-text .taxonomy p {
max-width: 65.5rem;
}
section.gt-block.section-events .section-events--content .events-cards .row .card--content .tag-and-text .perex p {
font-family: var(--ternary-font);
font-size: 1.6rem;
font-style: normal;
line-height: 1.5;
color: var(--base-white, #fff);
}
@media screen and (max-width: 800px) {
section.gt-block.section-events .section-events--content .events-cards .row .card--content .tag-and-text .perex p {
font-size: 1.8rem;
}
}
@media screen and (max-width: 600px) {
section.gt-block.section-events .section-events--content .events-cards .row .card--content .tag-and-text .perex p {
font-size: 1.6rem;
}
}
section.gt-block.section-events .section-events--content .events-cards .row .card--content .tag-and-text .perex p {
font-weight: 400;
}
section.gt-block.section-events .section-events--content .events-cards .row .card--content .tag-and-text--heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.section-events .section-events--content .events-cards .button-mobile {
display: none;
}
@media screen and (max-width: 747px) {
section.gt-block.section-events .section-events--content .events-cards .button-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}