@charset "utf-8";
/* CSS Document */

.imgwrap-1 {
    width:100%;
    padding-top:65%;
    height:0;
    position: relative;
}
.imgwrap-2 {
    width:100%;
    padding-top:75%;
    height:0;
    position: relative;
}
.lightboximg {
    position: relative;
}
.lightboximg::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 45 45"> <g transform="translate(-6603 214)"><rect width="45" height="45" transform="translate(6603 -214)" fill="none"/><path d="M10.5,19a8.5,8.5,0,1,1,6.011-2.49A8.445,8.445,0,0,1,10.5,19Zm0-15A6.5,6.5,0,1,0,15.1,15.1l.707.707L15.1,15.1A6.5,6.5,0,0,0,10.5,4Zm0,10.5a1,1,0,0,1-1-1v-2h-2a1,1,0,0,1,0-2h2v-2a1,1,0,0,1,2,0v2h2a1,1,0,0,1,0,2h-2v2A1,1,0,0,1,10.5,14.5Z" transform="translate(6613.001 -203.999)"/><path d="M5,5a1,1,0,0,1-.624-.219l-5-4A1,1,0,0,1-.781-.625,1,1,0,0,1,.625-.781l5,4A1,1,0,0,1,5,5Z" transform="translate(6629.5 -187.5)"/></g></svg>');
    pointer-events: none;
    position: absolute;
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width:45px;
    height:45px;
    background-color: #FFFD38;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%) scale(0);
    transition: .5s cubic-bezier(0.4, 0, 0.2, 1);
}
.lightboximg img {
    display: block;
    z-index: 1;
    transition: .5s cubic-bezier(0.4, 0, 0.2, 1);
}
.lightboximg:hover img {
    cursor: pointer;
    transform-style: preserve-3d;
    transform: perspective(50rem) rotateX(0) rotateY(8deg);
    box-shadow:20px 20px 0 0 #E3027F;
}
.lightboximg:hover::after {
    transform:translate(-50%, -50%) scale(1);
}

.lightbox {
    display: none;
    position: fixed;
    z-index: 999;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.lightbox img {
    position: absolute;
    display: block;
    z-index: 2;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    width:auto;
    height:auto;
    max-width: calc(100% - 50px);
    max-height: calc(100% - 50px);
    object-fit: contain;
    object-position: center;
}

.lightbox-bg {
    z-index: 1;
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor: pointer;
}
.close-lightbox {
    position: absolute;
    z-index: 3;
    top:0;
    right:0;
    width:106px;
    height:106px;
    background-color: black;
    cursor: pointer;
}
.close-lightbox::before {
    content:'';
    position:absolute;
    display:block;
    width:32px;
    top:50%;
    left:50%;
    height:3px;
    background-color: white;
    transform:translate(-50%) rotate(135deg);
    transition:.3s ease;
}
.close-lightbox::after {
    content:'';
    position:absolute;
    display:block;
    width:32px;
    top:50%;
    left:50%;
    height:3px;
    background-color: white;
    transform:translate(-50%) rotate(45deg);
    transition:.3s ease;
}
.close-lightbox:hover::before {
    transform:translate(-50%) rotate(225deg);
}
.close-lightbox:hover::after {
    transform:translate(-50%) rotate(135deg);
}

.imgwrap-shape {
    width:100%;
    padding-top:100%;
    height:0;
    position: relative;
    transform-style: preserve-3d;
    transform: perspective(50rem) rotateX(0) rotateY(10deg);
    box-shadow: 20px 20px 0 0 #E3027F;
    margin:35px 0 45px 0;
}
.reverse .imgwrap-shape {
    transform: perspective(50rem) rotateX(0) rotateY(-10deg);
    box-shadow: -20px 20px 0 0 #E3027F;
}
.imgwrap-1 img, .imgwrap-2 img, .imgwrap-shape img {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center;
}
.video_wrap {
    position: relative;
    width:100%;
    height:0;
    padding-top:56.25%;
    box-shadow: 20px 20px 0 0 #E3027F;
    background-color:#F0F0F0;
}
.video_wrap video, .video_wrap iframe {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: contain;
    object-position: center;
    border:none;
}
@media screen and (max-width:768px) {
    .lightboximg {
        margin-bottom:35px;
    }
    .lightboximg:hover img, .imgwrap-shape {
        box-shadow:10px 10px 0 0 #E3027F;
    }
    .reverse .imgwrap-shape {
        box-shadow:-10px 10px 0 0 #E3027F;
    }
    .video_wrap-container {
        padding-left:0;
        padding-right:0;
    }
    .video_wrap {
        box-shadow:-10px 10px 0 0 #E3027F;
    }
}

.arrows {
    position: relative;
    z-index: 10;
    margin-top:40px;
}
.arrows .arrow {
    position: relative;
    display: block;
    float:left;
    width:45px;
    height:45px;
    background-color: black;
    cursor: pointer;
    transition: .3s ease;
}
.arrows .arrow.slick-hidden {
    display: none!important;
}
.magentabg .arrows .arrow {
    background-color: white;
}
.arrows .arrow.slick-disabled {
    opacity:.15;
}
.arrows .arrow::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13.7" height="11.448" viewBox="0 0 13.7 11.448"><g transform="translate(0 0.724)" fill="white"><rect width="12" height="2" transform="translate(0 4.25)"/><path d="M-.31,10.724-1.69,9.276,2.8,5-1.69.724-.31-.724,5.7,5Z" transform="translate(8)"/></g></svg>');
    position: absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    transition: .3s ease;
}
.magentabg .arrows .arrow::before {
    filter: brightness(0%);
}
.arrows .arrow.slick-prev::before {
    transform:translateX(-50%) translateY(-50%) rotate(180deg);
}

.community-slider {
    padding-top:80px;
    padding-bottom:80px;
    background:linear-gradient(to right, transparent calc(50% - 1px), #EFEFEF 50%);
}
.community-slider + .arrows {
    transform:TranslateY(-100%);
    margin-bottom:-45px;
    margin-top:0;
}
.community-slider .slick-track {
    display: flex!important;
    flex-wrap: wrap;
    align-items: stretch;
}
.community-slider .slick-track .slick-slide {
    display: flex!important;
    height:inherit!important;
}
.slide-community {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width:450px;
    max-width: calc(100vw - 40px);
    margin-right:30px;
}
.community-content {
    width:100%;
    background-color: white;
    padding:24px 24px 50px 24px;
    color:black;
    flex:1 1 0px;
}
.community-content-title {
    font-size:24px;
    line-height: 34px;
    font-size: clamp(18px, 2vw, 24px);
    line-height: clamp(22px, 2vw, 34px);
    font-weight:600;
    margin:0 0 .5rem 0;
}
.community-content .simplebutton {
    position: absolute;
    bottom:24px;
    align-self: flex-start;
    margin-top:auto;
    margin-bottom:0;
}
.community-content a, .community-content p  {
    color:black;
}
.community-content p {
    font-size:16px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.logoslider .slick-slide {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border:1px solid #EFEFEF;
    aspect-ratio:1.29 / 1;
    margin:0 15px;
}
.logoslider .slick-list {
    margin:0 -15px;
}
.logoslider .slick-slide img {
    display: block;
    filter: grayscale(1);
    width:178px;
    max-width: 90%;
    height:auto;
    max-height:60%;
    object-fit: contain;
    object-position: center;
}
.gallery-slider .slick-slide {
    margin:0 15px;
}
.gallery-slider .slick-list {
    margin:0 -15px;
    padding-top:15px;
    padding-bottom:35px;
}
.gallery-slider .imgwrap-2 img {
    transition: .5s cubic-bezier(0.4, 0, 0.2, 1);
}
.gallery-slider .slick-current .imgwrap-2 img {
    z-index: 1;
    transform-style: preserve-3d;
    transform: perspective(50rem) rotateX(0) rotateY(8deg);
    box-shadow:20px 20px 0 0 #E3027F;
}
.gallery-slider + .arrows {
    margin-top:4px;
}
@media screen and (max-width:768px) {
    .community-slider {
        padding-top:56px;
        padding-bottom:77px;
        margin-top:25px;
    }
    .row.logoslider {
        overflow: visible;
    }
    .logoslider .slick-slide {
        margin:0 5px;
    }
    .logoslider .slick-list {
        margin:0 -5px;
        overflow: visible;
    }
    .gallery-slider .slick-current .imgwrap-2 img {
        box-shadow:10px 10px 0 0 #E3027F;
    }
}

img.shadowimg {
    display: block;
    width:100%;
    height:auto;
    box-shadow:-20px 20px 0 0 #E3027F;
}
@media screen and (max-width:768px) {
    img.shadowimg {
        box-shadow:-10px 10px 0 0 #E3027F;
    }
}


.archive-news {
    gap:30px;
    margin:40px 0;
}
.news-item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
    width:450px;
    max-width: 30%;
    background-color: white;
}
.news-item.empty {
    height:0!important;
    padding:0;
    margin-top:0;
    margin-bottom:0;
}
.news-item .news-date {
    position: absolute;
    left:24px;
    bottom:0;
    z-index: 5;
    background-color: black;
    color:white;
    font-size:16px;
    line-height: 22px;
    font-weight:600;
    padding:8px 16px 8px 48px;
}
.news-item .news-date::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M6.75,3V5.25M17.25,3V5.25M3,18.75V7.5A2.25,2.25,0,0,1,5.25,5.25h13.5A2.25,2.25,0,0,1,21,7.5V18.75m-18,0A2.25,2.25,0,0,0,5.25,21h13.5A2.25,2.25,0,0,0,21,18.75m-18,0v-7.5A2.25,2.25,0,0,1,5.25,9h13.5A2.25,2.25,0,0,1,21,11.25v7.5" transform="translate(-2 -2)" fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>');
    display: block;
    width:20px;
    height:20px;
    position: absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
}
.news-item .sticky {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16.375" height="16.36" viewBox="0 0 16.375 16.36"><path d="M254.817-5013.682l-3.36-3.36-2.334,2.334a.883.883,0,0,1-.629.261.888.888,0,0,1-.629-.261.89.89,0,0,1,0-1.256l2.335-2.334-3.375-3.375a1.487,1.487,0,0,1-.432-1.128,1.492,1.492,0,0,1,.552-1.074,5.283,5.283,0,0,1,3.327-1.236,4.823,4.823,0,0,1,1.246.162l4.224-4.224a1.478,1.478,0,0,1,1.048-.434,1.476,1.476,0,0,1,1.048.434l4.495,4.5a1.471,1.471,0,0,1,.434,1.048,1.47,1.47,0,0,1-.434,1.047l-4.2,4.2a5.158,5.158,0,0,1-1.082,4.544,1.477,1.477,0,0,1-1.08.586c-.02,0-.082,0-.1,0A1.487,1.487,0,0,1,254.817-5013.682Zm-6.493-9.007,7.5,7.5a3.046,3.046,0,0,0,.466-3.011.89.89,0,0,1,.167-1.026l4.408-4.408-4.076-4.076-4.408,4.408a.887.887,0,0,1-1.026.167,2.83,2.83,0,0,0-1.083-.2A3.385,3.385,0,0,0,248.324-5022.689Z" transform="translate(-246.392 5029.608)" fill="white"/></svg>');
    position: absolute;
    top:12px;
    right:12px;
    width:32px;
    height:32px;
    padding:6px;
    background-color: black;
}
.news-item .news-content {
    padding:24px;
    width:100%;
}
.news-item .news-content p {
    font-size:15px;
    line-height: 22px;
}
.news-item .news-content .fakeh3, .news-item .news-content .fakeh4, .news-item .news-content p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.pagination .page-numbers {
    position: relative;
    display: block;
    float:left;
    height:45px;
    min-width:45px;
    line-height: 45px;
    width:auto;
    padding:0 6px;
    text-align: center;
    background-color: white;
    color:black;
    font-weight: 600;
    text-decoration: none;
    cursor: default;
    transition: .3s ease;
}
.pagination a.page-numbers {
    cursor: pointer;
}
.pagination a.page-numbers:hover, .pagination .page-numbers.current {
    color:white;
    background-color: black;
}
.pagination a.next::before, .pagination a.prev::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13.7" height="11.448" viewBox="0 0 13.7 11.448"><g transform="translate(0 0.724)"><rect id="Rectangle_80" data-name="Rectangle 80" width="12" height="2" transform="translate(0 4.25)"/><path d="M-1,0,4.25,5-1,10" transform="translate(8)" fill="none" stroke="black" stroke-width="2"/></g></svg>');
    position: absolute;
    display: block;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    transition: .3s ease;
}
.pagination a.prev::before {
    transform:translate(-50%, -50%) rotate(180deg);
}
.pagination a.prev:hover::before, .pagination a.next:hover::before {
    filter: brightness(0) invert(1);
}
@media screen and (max-width:768px) {
    .archive-news-wrap {
        padding-right:0;
    }
    .archive-news {
        margin-top:0;
        white-space: nowrap;
        flex-wrap: nowrap;
        width:3000px;
        overflow-x: auto;
        gap:10px;
        padding-right:20px;
    }
    .news-item {
        width:auto;
        max-width:calc(100vw - 40px);
    }
    .news-item .news-content {
        width:335px;
        max-width:calc(100vw - 50px);
    }
    .news-item .fakeh3, .news-item .fakeh4, .news-item p {
        white-space: normal;
    }
}


.archive-activities {
    justify-content: space-between;
}
.activity-item {
    display: block;
    text-decoration: none;
    color:black;
    width:50%;
    max-width: calc(50% - 15px);
    overflow: visible;
    align-self: flex-start;
}
.activity-item.empty {
    height:0;
    margin:0!important;
}
.activity-item img {
    box-shadow:20px 20px 0 0 #E3027F;
}
.activity-content {
    position: relative;
    z-index: 5;
    background-color: white;
    clip-path: polygon(0 0, 100% 12px, 100% calc(100% - 12px), 0% 100%);
    width:450px;
    max-width: calc(100% - 64px);
    height:auto;
    padding:30px 32px;
    transform:translateY(-50%);
    margin-left:32px;
}
.activity-content .activity-title {
    font-size:24px;
    line-height: 40px;
    font-size: clamp(20px, 2vw, 24px);
    line-height: clamp(30px, 2vw, 40px);
    font-weight: 600;
    width:100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.activity-item .activity-date, .activity-item .activity-type {
    display: block;
    float:left;
    color:black;
    background-color: #FFFD38;
    font-size:16px;
    line-height: 22px;
    font-weight:600;
    padding:8px 16px 8px 16px;
    margin-bottom:24px;
}
.activity-item .activity-date {
    position: relative;
    background-color: black;
    color:white;
    padding-left:48px!important;
}
.activity-item .activity-date::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M6.75,3V5.25M17.25,3V5.25M3,18.75V7.5A2.25,2.25,0,0,1,5.25,5.25h13.5A2.25,2.25,0,0,1,21,7.5V18.75m-18,0A2.25,2.25,0,0,0,5.25,21h13.5A2.25,2.25,0,0,0,21,18.75m-18,0v-7.5A2.25,2.25,0,0,1,5.25,9h13.5A2.25,2.25,0,0,1,21,11.25v7.5" transform="translate(-2 -2)" fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>');
    display: block;
    width:20px;
    height:20px;
    position: absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
}
@media screen and (max-width:768px) {
    .activity-item img {
        box-shadow:10px 10px 0 0 #E3027F;
    }
}
@media screen and (min-width:1281px) {
    .archive-activities .activity-item:nth-child(8n - 7) {
        margin-top:40px;
    }
    .archive-activities .activity-item:nth-child(8n - 6) {
        width:450px;
        margin:0 40px 180px auto;
    }
    .archive-activities .activity-item:nth-child(8n - 6) .activity-content {
        margin-left:-48px;
        max-width: 100%;
    }
    .archive-activities .activity-item:nth-child(8n - 5) {
        width:570px;
        margin:0 auto 0 60px;
    }
    .archive-activities .activity-item:nth-child(8n - 4) {
        width:570px;
        margin:-180px 0 160px auto;
    }
    .archive-activities .activity-item:nth-child(8n - 3) {
        width:450px;
        margin:0 auto 0 80px;
    }
    .archive-activities .activity-item:nth-child(8n - 3) .activity-content {
        margin-left:-48px;
        max-width: 100%;
    }
    .archive-activities .activity-item:nth-child(8n - 2) {
        width:450px;
        margin:-160px 40px 160px auto;
    }
    .archive-activities .activity-item:nth-child(8n - 2) .activity-content {
        margin-left:-48px;
        max-width: 100%;
    }
    .archive-activities .activity-item:nth-child(8n - 1) {
        width:450px;
        margin:0 auto 0 80px;
    }
    .archive-activities .activity-item:nth-child(8n - 1) .activity-content {
        margin-left:-48px;
        max-width: 100%;
    }
    .archive-activities .activity-item:nth-child(8n) {
        margin-top:-160px;
    }
    .archive-activities .activity-item:not(.empty):last-of-type {
        margin-bottom:0;
    }
}
@media screen and (min-width:769px) and (max-width:1280px) {
    .archive-activities .activity-item {
        width:calc(50% - 60px)!important;
        margin:0 30px!important;
    }
    .archive-activities .activity-item:nth-child(even) {
        transform:translateY(60px);
    }
    .archive-activities .activity-item .activity-content {
        margin-left:15px!important;
    }
}
@media screen and (max-width:1080px) {
    .archive-activities .activity-item .activity-content {
        padding:15px 24px;
        clip-path: polygon(0 0, 100% 8px, 100% calc(100% - 8px), 0% 100%);
    }
    .activity-item .activity-date {
        padding-left:36px!important;
    }
    .activity-item .activity-date::before {
        transform:translateY(-50%) scale(.8);
        left:10px;
    }
    .activity-item .activity-date, .activity-item .activity-type {
        padding: 6px 12px;
        font-size:14px;
        line-height: 20px;
        margin-bottom:12px;
    }
}
@media screen and (max-width:768px) {
    .categories-container {
        padding-right:0;
        padding-left:0;
    }
    ul.categories {
        white-space: nowrap;
        display: flex;
        overflow-x: auto;
        padding-left:15px;
    }
    ul.categories::-webkit-scrollbar {
        display: none;
    }
    ul.categories li.cat-item {
        border-right:1px solid white;
    }
    .archive-activities-container {
        padding-left:0;
        padding-right:0;
    }
    .archive-activities-container .row.pagination {
        padding-left:15px;
        padding-right:15px;
    }
    .archive-activities .activity-item {
        width:475px;
        max-width: 100%;
        margin:0 auto 35px auto!important;
    }
    .archive-activities .activity-item .activity-content {
        margin-left:15px!important;
        width:calc(100% - 40px);
        max-width: none;
        padding:20px;
        transform:none;
        margin-top:-45px;
    }
}

.socials {
    display: flex;
    flex-wrap: wrap;
    gap:16px;
}
.socials a {
    flex:1 1 0px;
    max-width: calc(50% - 8px);
    position: relative;
    display: block;
    text-decoration: none;
    padding:16px 60px 16px 24px;
    font-size: 18px;
    line-height:24px;
    font-weight:600;
}
.socials a img {
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    right:24px;
    display: block;
    width:20px;
    height:20px;
    object-fit: contain;
    object-position: center;
}
.socialfeed-wrap {
    flex:1 1 0px;
    max-width: 100%;
    position: relative;
    padding-bottom:120px;
}
.socialfeed {
    max-width:960px;
    width: 100%;
    margin-left:auto;
}
.bigtitle {
    font-size:160px;
    font-size: clamp(48px, 7vw, 160px);
    line-height: 1em;
    font-weight:700;
    color:white;
    -webkit-text-stroke: 1px #CCCCCC;
    text-stroke: 1px #CCCCCC;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: right;
    display: inline-block;
}
@media screen and (max-width:768px) {
    .socialfeed-wrap {
        flex:auto;
        width:100%;
        padding-bottom:60px;
    }
}

.footer-socials {
    display: flex;
    flex-wrap: wrap;
    gap:8px;
    justify-content: flex-start;
}
.footer-socials a {
    position: relative;
    display: block;
    width:57px;
    height:57px;
    text-decoration: none;
}
.footer-socials a img {
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    display: block;
    width:20px;
    height:20px;
    object-fit: contain;
    object-position: center;
}

.footerlinks ul:not(.sub-menu) {
    display: flex;
    flex-wrap: wrap;
    width:100%;
    padding:0;
    margin:0;
    list-style: none;
    font-size:24px;
    line-height: 40px;
    font-weight:600;
}
.footerlinks ul li.menu-item-has-children {
    width:20%;
}
.footerlinks ul.sub-menu {
    list-style: none;
    margin:0;
    padding:0;
    font-size:16px;
    line-height: 22px;
    font-weight:400;
    padding-top:8px;
}
.footerlinks ul.sub-menu li {
    margin:16px 0;
}
.footerlinks a {
    color:black;
    text-decoration: none;
}