div.event-page {
    display: grid;
    grid-template-areas: "ca ci";
    grid-template-columns: 60% minmax(200px, 370px);
    grid-template-rows: auto;
    grid-auto-flow: row dense;
    padding: 10px;
    gap: 10px;
    /* skeleton animation */
}
div.event-page .content-area {
    position: relative;
    display: block;
    grid-area: ca;
}
div.event-page .content-area .event-title {
    margin: 10px 0 15px;
    font-size: clamp(30px, 33px, 33px);
    font-weight: bold;
    line-height: 1.3;
}
div.event-page .content-area .event-image {
    border-radius: 4px;
    overflow: hidden;
}
div.event-page .content-area .event-image img {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (max-width: 895px) {
    div.event-page .content-area .event-image img {
        -o-object-fit: contain;
        object-fit: contain;
    }
}
div.event-page .content-area .event-image img.no-preview {
    box-sizing: border-box;
    padding-bottom: 70%;
    border: 1px solid #e6e6e6;
    background-size: 100%;
    background-color: #e0e0e0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' viewBox='0 0 1080 1080'%3E%3Cdefs%3E%3Cstyle%3E.cls-2%7Bfill:none;stroke:%23e0e0e0;stroke-miterlimit:125;stroke-width:12px%7D%3C/style%3E%3C/defs%3E%3Cpath fill='%23fff' d='M0 0h1080v1080H0z'/%3E%3Cpath d='M262.48 352h555.05v376H262.48z' class='cls-2'/%3E%3Cpath d='m262.48 674.29 205.9-179.05 107.43 107.43 53.71-71.62 188 161.14' class='cls-2'/%3E%3Ccircle cx='710.1' cy='450.48' r='44.76' class='cls-2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
}
div.event-page .content-area .event-image.skeleton {
    min-height: 350px;
}
@media screen and (max-width: 992px) {
    div.event-page .content-area .event-image.skeleton {
        min-height: 200px;
        height: auto;
    }
}
@media screen and (max-width: 895px) {
    div.event-page .content-area .event-image.skeleton {
        min-height: 150px;
        height: auto;
    }
}
div.event-page .content-area .content {
    padding: 10px;
}
div.event-page .content-info {
    display: flex;
    flex-direction: column;
    grid-area: ci;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.02);
}
div.event-page .content-info .event-detail-wrp {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 20px 30px;
    background-color: #fff;
}
div.event-page .content-info ul.event-detail {
    margin: 0;
    padding: 0;
}
div.event-page .content-info ul.event-detail li {
    margin: 0 0 12px 0;
    padding: 12px 14px 8px;
    list-style: none;
    background: #f7f7f7;
    border: solid 1px #efefef;
    vertical-align: baseline;
    position: relative;
    color: #000;
}
div.event-page .content-info ul.event-detail li:last-child {
    margin: 0;
}
div.event-page .content-info ul.event-detail li a {
    text-decoration: none;
}
div.event-page .content-info ul.event-detail li div {
    padding-left: 33px;
    font-family: "Source Sans Pro", system-ui, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.4;
}
div.event-page .content-info ul.event-detail li div.detail {
    font-weight: 700;
    margin-bottom: 0;
}
div.event-page .content-info ul.event-detail li div.detail::before {
    content: "";
    position: absolute;
    display: flex;
    width: 26px;
    height: 26px;
    margin-left: -35px;
    margin-top: 5px;
}
div.event-page .content-info ul.event-detail li div.detail.date::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M13.5 19h3c.277 0 .5.223.5.5s-.223.5-.5.5h-3c-.277 0-.5-.223-.5-.5s.223-.5.5-.5zm8 0h3c.277 0 .5.223.5.5s-.223.5-.5.5h-3c-.277 0-.5-.223-.5-.5s.223-.5.5-.5zm-16 0h3c.277 0 .5.223.5.5s-.223.5-.5.5h-3c-.277 0-.5-.223-.5-.5s.223-.5.5-.5zm8-6h3c.277 0 .5.223.5.5s-.223.5-.5.5h-3c-.277 0-.5-.223-.5-.5s.223-.5.5-.5zm8 0h3c.277 0 .5.223.5.5s-.223.5-.5.5h-3c-.277 0-.5-.223-.5-.5s.223-.5.5-.5zm-16 0h3c.277 0 .5.223.5.5s-.223.5-.5.5h-3c-.277 0-.5-.223-.5-.5s.223-.5.5-.5zm18-10c.277 0 .5.223.5.5v4c0 .277-.223.5-.5.5s-.5-.223-.5-.5v-4c0-.277.223-.5.5-.5zm-17 0c.277 0 .5.223.5.5v4c0 .277-.223.5-.5.5S6 7.777 6 7.5v-4c0-.277.223-.5.5-.5zm-5 2C.678 5 0 5.678 0 6.5v19c0 .822.678 1.5 1.5 1.5h27c.822 0 1.5-.678 1.5-1.5v-19c0-.822-.678-1.5-1.5-1.5h-3c-.656 0-.664 1 0 1h3c.286 0 .5.214.5.5v19c0 .286-.214.5-.5.5h-27c-.286 0-.5-.214-.5-.5v-19c0-.286.214-.5.5-.5h3c.672 0 .66-1 0-1zm7 0c-.65 0-.66 1 0 1h13c.656 0 .668-1 0-1z'/%3E%3C/svg%3E");
}
div.event-page .content-info ul.event-detail li div.detail.time::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-width='3' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='25.3'/%3E%3Cpath d='M32 11.88v20.89l11.22 8.61'/%3E%3C/svg%3E");
}
div.event-page .content-info ul.event-detail li div.detail.info::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16.067 11.156c.883 0 1.599-.716 1.599-1.599 0-.884-.716-1.598-1.599-1.598s-1.599.714-1.599 1.598c0 .883.716 1.599 1.599 1.599zm1.086 2.133v-1.066h-3.199v1.066h1.066v9.063h-1.066v1.066h4.265v-1.066h-1.066z'/%3E%3Cpath d='M16 2.672C8.639 2.672 2.672 8.64 2.672 16c0 7.362 5.968 13.328 13.328 13.328S29.328 23.362 29.328 16C29.328 8.639 23.36 2.672 16 2.672zm0 25.59C9.239 28.262 3.738 22.761 3.738 16S9.238 3.738 16 3.738c6.761 0 12.262 5.501 12.262 12.262S22.762 28.262 16 28.262z'/%3E%3C/svg%3E");
}
div.event-page .content-info ul.event-detail li div.detail.location::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 13.978a5.5 5.5 0 1 1 1 0V20.5a.5.5 0 1 1-1 0v-6.522Zm.5-.978a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z'/%3E%3C/svg%3E");
    background-size: 110%;
}
div.event-page .content-info .registration-link {
    border-bottom: none;
    letter-spacing: 0.5px;
    line-height: 48px;
    height: auto;
    transition: all 0.5s ease;
    color: #fff;
    padding: 16px;
    display: block;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    background-color: #333333;
    margin-top: 12px;
}
div.event-page .content-info .registration-link:hover {
    background-color: #101010 !important;
}
div.event-page .content-info .social-share {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 0 30px 20px;
    background-color: #fff;
}
div.event-page .content-info .social-share h1,
div.event-page .content-info .social-share h2,
div.event-page .content-info .social-share h3,
div.event-page .content-info .social-share h4,
div.event-page .content-info .social-share h5,
div.event-page .content-info .social-share h6 {
    margin-top: 20px;
    margin-bottom: 25px;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}
div.event-page .content-info .social-share h1::after,
div.event-page .content-info .social-share h2::after,
div.event-page .content-info .social-share h3::after,
div.event-page .content-info .social-share h4::after,
div.event-page .content-info .social-share h5::after,
div.event-page .content-info .social-share h6::after {
    content: "";
    position: relative;
    display: block;
    margin: 0 auto;
    width: 20%;
    height: 3px;
    top: 18px;
    background-color: #000;
}
div.event-page .content-info ul:not(.event-detail) {
    margin: -10px 0 0 0;
    padding: 20px 0 0 0;
    display: flex;
    gap: 15px;
    justify-content: center;
    border-top: solid 3px #eaeaea;
}
div.event-page .content-info ul:not(.event-detail) li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    line-height: 0;
}
div.event-page .content-info ul:not(.event-detail) li a {
    position: relative;
    display: inline-block;
    width: 43px;
    height: 43px;
    transform: translate(0, 0);
    transition: all 0.3s ease;
}
div.event-page .content-info ul:not(.event-detail) li a:hover {
    transform: translate(0, -3px);
    transition: all 0.3s ease;
}
div.event-page .content-info ul:not(.event-detail) li.em a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Capa_1' viewBox='0 0 71.73 71.73'%3E%3Cdefs%3E%3Cstyle%3E .lapie-email-cls-1%7Bfill:%23fff%7D.lapie-email-cls-2%7Bfill:%23cd2129%7D %3C/style%3E%3C/defs%3E%3Crect width='71.73' height='71.73' class='lapie-email-cls-2' rx='4' ry='4'/%3E%3Cpath d='m42.2 21.68-6.34-4.78-6.31 4.76-14.27 10.76 14.27 10.76 6.31 4.76 6.34-4.78 14.24-10.74L42.2 21.68z' class='lapie-email-cls-1'/%3E%3Cpath d='m35.8 49.56-6.41-4.97-13.1 10.23h39.07L42.24 44.57l-6.44 4.99zM56.44 53.93l-13.32-10.1 13.32-10.11v20.21zM15.28 53.93l13.32-10.1-13.32-10.11v20.21z' class='lapie-email-cls-1'/%3E%3Cpath d='M37.17 38.85c-1.22.56-2.29.77-3.58.77-3.77 0-5.5-2.46-4.65-5.85.92-3.7 4.5-6.92 8.91-6.92 3.92 0 5.38 2.51 4.67 5.38-.69 2.79-2.93 4.28-4.69 4.28-.84 0-1.37-.56-1.14-1.65h-.06c-.83.96-1.93 1.65-3.08 1.65s-1.88-.92-1.5-2.42c.58-2.38 2.91-4.28 5.46-4.28.88 0 1.69.19 2.16.43l-1.46 3.28c-.6 1.37-.47 1.95.11 1.97.83 0 2.49-.88 3.08-3.19.64-2.59-.68-4.58-3.96-4.58-2.76 0-6.45 2.34-7.33 5.93-.81 3.19 1.03 5.05 3.9 5.05 1.05 0 2.18-.24 3.08-.69l.09.84Zm.83-7.84c-.17-.06-.58-.15-.98-.15-1.44 0-3.04 1.33-3.45 2.94-.19.75 0 1.43.88 1.43.96 0 2.19-1.28 2.68-2.33l.86-1.89Z' class='lapie-email-cls-2'/%3E%3C/svg%3E");
}
div.event-page .content-info ul:not(.event-detail) li.fb a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71.73 71.73'%3E%3Crect width='71.73' height='71.73' fill='%233e5c9a' rx='4' ry='4'/%3E%3Cpath fill='%23fff' d='M30.4 57.54h8.73V35.68h6.09l.65-7.32h-6.74v-4.17c0-1.73.35-2.41 2.02-2.41h4.72v-7.6h-6.05c-6.5 0-9.43 2.86-9.43 8.34v5.84h-4.54v7.41h4.54v21.77Z'/%3E%3C/svg%3E");
}
div.event-page .content-info ul:not(.event-detail) li.ln a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Capa_1' viewBox='0 0 71.73 71.73'%3E%3Cdefs%3E%3Cstyle%3E .lapie-linkedin-cls-1%7Bfill:%23fff%7D %3C/style%3E%3C/defs%3E%3Crect width='71.73' height='71.73' fill='%23117bb8' rx='4' ry='4'/%3E%3Cpath d='M19.6 27.87h7.42v23.98H19.6zM23.28 24.73c2.42 0 4.39-1.98 4.39-4.43s-1.96-4.42-4.39-4.42-4.39 1.98-4.39 4.42 1.96 4.43 4.39 4.43ZM38.89 39.26c0-3.37 1.55-5.38 4.52-5.38 2.73 0 4.04 1.93 4.04 5.38v12.59h7.39V36.67c0-6.42-3.64-9.53-8.72-9.53s-7.23 3.96-7.23 3.96v-3.23h-7.12v23.98h7.12V39.26Z' class='lapie-linkedin-cls-1'/%3E%3C/svg%3E");
}
div.event-page .content-info ul:not(.event-detail) li.tw a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71.73 71.73'%3E%3Crect width='71.73' height='71.73' fill='%2329a9e1' rx='4' ry='4'/%3E%3Cpath fill='%23fff' d='M16.76 47.87c3.47 2.22 7.59 3.52 12.02 3.52 14.56 0 22.78-12.3 22.29-23.32 1.53-1.1 2.86-2.48 3.91-4.06-1.41.62-2.92 1.05-4.5 1.23 1.62-.97 2.86-2.51 3.45-4.34-1.51.9-3.19 1.55-4.98 1.9-1.43-1.52-3.47-2.48-5.72-2.48-5.06 0-8.78 4.72-7.64 9.63-6.52-.33-12.29-3.45-16.16-8.19-2.05 3.53-1.07 8.14 2.43 10.47-1.29-.04-2.5-.39-3.55-.98-.08 3.63 2.52 7.03 6.29 7.79-1.1.3-2.31.37-3.54.13 1 3.12 3.89 5.38 7.32 5.45-3.3 2.58-7.45 3.74-11.61 3.25Z'/%3E%3C/svg%3E");
}
div.event-page .content-info div.event-bookmark {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 20px 30px 20px;
    background-color: #fff;
}
div.event-page .content-info div.event-bookmark a {
    letter-spacing: 0;
    height: auto;
    transition: all 0.5s ease;
    color: #000;
    border: solid 1px #000;
    display: block;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    background-color: #ffffff;
    padding: 0;
}
div.event-page .content-info div.event-bookmark a:hover {
    color: #fff;
}
div.event-page .skeleton {
    background: linear-gradient(90deg, #c4ccd4, white, #c4ccd4);
    background-size: 200%;
    animation: loader 1s infinite reverse;
}
@-webkit-keyframes loader {
    from {
        background-position: -100% 50%;
    }
    to {
        background-position: 100% -50%;
    }
}
@keyframes loader {
    from {
        background-position: -100% 50%;
    }
    to {
        background-position: 100% -50%;
    }
}
@media screen and (max-width: 895px) {
    div.event-page {
        grid-template-columns: 100%;
        grid-template-areas: "ca" "ci";
        padding: 20px 30px;
    }
}