html,
body {
    margin: 0;
    padding: 0;
}

.far,
.fas {
    margin-top: 8px;
    fill: #3F3F3F;
    color: #3F3F3F;
}

article.events-single {}

article.events-single section.events-head {
    background-image: url(https://events-city-of-castle-pines.pantheonsite.io/wp-content/uploads/2025/09/single-event-background.webp);
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 300px;
}

article.events-single section.events-content {}

article.events-single section.events-related {}

article.events-single section.events-cta {}

article.events-single div.events-head-inner-container {
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 300px;
    gap: 58px;
}

article.events-single div.events-head-inner-container h1 {
    color: var(--White, #fff);
    font-family: "Open Sans Condensed";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.96px;
}

article.events-single div.events-head-inner-container div {
    width: 580px;
    height: 327px;
    flex-shrink: 0;
}

article.events-single div.events-head-inner-container div>div {
    aspect-ratio: 243/137;
    object-fit: cover;
    object-position: center center;
    border-radius: 10px;
    box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.36);
    z-index: 10;
    margin-top: 50px;
}

article.events-single div.events-inner-container {
    max-width: 1064px;
    margin: 0 auto;
}

article.events-single div.events-inner-container div.events-social {
    margin-bottom: 100px;
    margin-top: 30px;
}

article.events-single div.events-inner-container div.events-notice {
    border-radius: 10px;
    border: 1px solid #f4c1c1;

    background: #fff1f1;
    padding: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 44px;
}

article.events-single div.events-inner-container div.events-notice h2 {
    margin: 0;
    padding: 0;
    color: #c60000;

    font-family: "Nunito Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

article.events-single div.events-inner-container div.events-notice p {
    margin: 0;
    padding: 0;
    color: #c60000;

    font-family: "Nunito Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 10px;
}

article.events-single div.events-inner-container div.events-separator {
    background: #ccc;
    max-height: 1px;
    height: 1px;
}

article.events-single div.events-inner-container div.events-meta {
    margin: 22px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

article.events-single div.events-inner-container div.events-meta div.events-meta-double-meta {
    gap: 15%;
}


article.events-single div.events-inner-container div.events-meta>div>div {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 5px;
    margin: 0;
    padding: 0;
}

article.events-single div.events-inner-container div.events-meta>div>div>div {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 5px;
}

article.events-single div.events-inner-container div.events-meta div p span {
    max-width: 50%;
}

article.events-single div.events-inner-container div.events-meta>div>div>p {
    margin: 0;
    padding: 0;
    color: var(--CoCP-Black, #3f3f3f);
    font-family: "Nunito Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
}

article.events-single div.events-inner-container div.events-meta>div>div>div>p {
    margin: 0;
    padding: 0;
    color: var(--CoCP-Black, #3f3f3f);
    font-family: "Nunito Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
}

article.events-single div.events-inner-container div.events-meta>div>h3 {
    margin: 0;
    padding: 0;
    color: #042217;

    font-family: "Open Sans Condensed";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.48px;
}

article.events-single div.events-inner-container div.events-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0px;
    gap: 20px;
}

article.events-single div.events-inner-container div.events-copy {
    padding-top: 17px;
    padding-bottom: 48px;
    color: var(--CoCP-Black, #3f3f3f);
    font-family: "Nunito Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

article.events-single div.events-inner-container div.events-copy a {
    color: var(--CoCP-Green-Light, #195e46);
    font-family: "Nunito Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

article.events-single div.events-inner-container div.events-copy strong {
    color: var(--CoCP-Black, #3f3f3f);
    font-family: "Nunito Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

article.events-single div.events-inner-container div.events-map {
    margin: 40px 0px;
}

article.events-single div.events-inner-container div.events-map div.events-map-container {
    min-height: 450px;
}

.events-button {
    max-width: 240px;
    min-width: 240px;
    max-height: 52px;
    padding: 16px 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.events-button:hover {
    background: #000;
    color: #fff !important;
    text-decoration: none !important;
}

.events-button:hover i {
    fill: #fff !important;
    color: #fff !important;
}

.cocp-white {
    border-radius: 10px;
    border: 1.5px solid var(--CoCP-Green, #004d32);
    background: var(--White, #fff);
    color: var(--CoCP-Green, #004d32);
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
}

.cocp-green {
    border-radius: 10px;
    background: var(--CoCP-Green-Light, #195e46);
    color: #fff;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
}

.cocp-white-alt {
    border-radius: 5px;
    border: 1px solid #ccc;
    background: var(--White, #fff);
    color: var(--CoCP-Green, #004d32);
    font-family: "Nunito Sans";
    font-size: 16px;
}

article.events-single section.events-related {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1440' height='610' viewBox='0 0 1440 610' fill='none'><path d='M0 0H1440V610H0V0Z' fill='url(%23paint0_linear_307_1105)'/><defs><linearGradient id='paint0_linear_307_1105' x1='976' y1='610' x2='973.855' y2='-0.0276157' gradientUnits='userSpaceOnUse'><stop stop-color='white'/><stop offset='1' stop-color='%23ECE9E2'/></linearGradient></defs></svg>") no-repeat center/cover;
    min-height: 610px;
}

article.events-single section.events-related div.events-related-container {
    max-width: 1180px;
    margin: 0 auto;
    min-height: 300px;
}

article.events-single section.events-related div.events-related-container h4 {
    padding-top: 64px;
    color: #042217;
    font-family: "Open Sans Condensed";
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.84px;
    text-align: center;
    position: relative;
    padding-bottom: 0px;
}

article.events-single section.events-related div.events-related-container h4::after {
    content: "";
    display: block;
    width: 75px;
    height: 8px;
    background-color: var(--CoCP-Green-Light, #195e46);
    margin: 5px auto 0;
}


.events-social {
    display: flex;
    gap: 16px;
    align-items: center
}

.events-social .social-icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.events-social .social-icon.share {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 22' fill='%23195E46'><path d='M16 8.25C18.2083 8.25 20 6.40234 20 4.125C20 1.84766 18.2083 0 16 0C13.7917 0 12 1.84766 12 4.125C12 4.35703 12.0208 4.58906 12.0542 4.8125L6.65 7.91055C5.94583 7.26602 5.01667 6.875 4 6.875C1.79167 6.875 0 8.72266 0 11C0 13.2773 1.79167 15.125 4 15.125C5.01667 15.125 5.94167 14.734 6.65 14.0895L12.0542 17.1875C12.0167 17.4109 12 17.6387 12 17.875C12 20.1523 13.7917 22 16 22C18.2083 22 20 20.1523 20 17.875C20 15.5977 18.2083 13.75 16 13.75C14.9833 13.75 14.0583 14.141 13.35 14.7855L7.94583 11.6875C7.98333 11.4641 8 11.2363 8 11C8 10.7637 7.97917 10.5359 7.94583 10.3125L13.35 7.21445C14.0542 7.85898 14.9833 8.25 16 8.25Z'/></svg>")
}

.events-social .social-icon.facebook {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='%23195E46'><path d='M3.14286 0C1.40937 0 0 1.40937 0 3.14286V18.8571C0 20.5906 1.40937 22 3.14286 22H7.96518V14.8402H5.37232V11H7.96518V9.34509C7.96518 5.06786 9.9 3.08393 14.1036 3.08393C14.8991 3.08393 16.2741 3.24107 16.8388 3.39821V6.875C16.5442 6.84554 16.0286 6.82589 15.3853 6.82589C13.3228 6.82589 12.5272 7.6067 12.5272 9.63482V11H16.6326L15.9254 14.8402H12.5223V22H18.8571C20.5906 22 22 20.5906 22 18.8571V3.14286C22 1.40937 20.5906 0 18.8571 0H3.14286Z'/></svg>")
}

.events-social .social-icon.linkedin {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='%23195E46'><path d='M20.4286 0H1.56652C0.702232 0 0 0.712054 0 1.58616V20.4138C0 21.2879 0.702232 22 1.56652 22H20.4286C21.2929 22 22 21.2879 22 20.4138V1.58616C22 0.712054 21.2929 0 20.4286 0ZM6.64911 18.8571H3.38839V8.35804H6.65402V18.8571H6.64911ZM5.01875 3.14286C5.52017 3.14286 6.00106 3.34205 6.35562 3.69661C6.71018 4.05117 6.90937 4.53206 6.90937 5.03348C6.90937 5.53491 6.71018 6.0158 6.35562 6.37036C6.00106 6.72492 5.52017 6.92411 5.01875 6.92411C4.51732 6.92411 4.03644 6.72492 3.68188 6.37036C3.32732 6.0158 3.12812 5.53491 3.12812 5.03348C3.12812 4.53206 3.32732 4.05117 3.68188 3.69661C4.03644 3.34205 4.51732 3.14286 5.01875 3.14286ZM18.8719 18.8571H15.6112V13.75C15.6112 12.5321 15.5866 10.9656 13.917 10.9656C12.2179 10.9656 11.9576 12.2915 11.9576 13.6616V18.8571H8.69688V8.35804H11.825V9.79196H11.8692C12.3062 8.96696 13.3719 8.09777 14.958 8.09777C18.258 8.09777 18.8719 10.2732 18.8719 13.1018V18.8571Z'/></svg>")
}

.events-social .social-icon.x {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='%23195E46'><path d='M3.14286 0C1.40937 0 0 1.40937 0 3.14286V18.8571C0 20.5906 1.40937 22 3.14286 22H18.8571C20.5906 22 22 20.5906 22 18.8571V3.14286C22 1.40937 20.5906 0 18.8571 0H3.14286ZM17.7326 4.125L12.6353 9.94911L18.6312 17.875H13.9366L10.2634 13.0674L6.05491 17.875H3.72232L9.17321 11.6433L3.42277 4.125H8.23527L11.5598 8.52009L15.4 4.125H17.7326ZM15.8763 16.4804L7.53304 5.44598H6.1433L14.5799 16.4804H15.8763Z'/></svg>")
}

.events-social .social-icon.instagram {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none'><path d='M9.54643 8.82455C9.25014 9.0107 8.99419 9.25437 8.79371 9.54115C8.59322 9.82793 8.45227 10.152 8.3792 10.4942C8.30612 10.8364 8.3024 11.1898 8.36825 11.5334C8.4341 11.8771 8.56819 12.204 8.76258 12.495C8.95698 12.7859 9.20774 13.0349 9.50004 13.2273C9.79233 13.4196 10.1202 13.5514 10.4643 13.6149C10.8085 13.6783 11.1618 13.6721 11.5035 13.5966C11.8451 13.5212 12.1682 13.3779 12.4536 13.1754C12.7499 12.9893 13.0058 12.7456 13.2063 12.4588C13.4068 12.1721 13.5477 11.848 13.6208 11.5058C13.6939 11.1636 13.6976 10.8102 13.6318 10.4666C13.5659 10.1229 13.4318 9.79596 13.2374 9.50502C13.043 9.21408 12.7923 8.96507 12.5 8.77272C12.2077 8.58037 11.8798 8.44858 11.5357 8.38513C11.1915 8.3217 10.8382 8.3279 10.4965 8.40337C10.1549 8.47885 9.83179 8.62206 9.54643 8.82455ZM16.5344 5.46562C16.279 5.21027 15.9696 5.00893 15.6308 4.87634C14.742 4.52768 12.8022 4.54241 11.55 4.55714C11.3487 4.55714 11.1621 4.56205 11 4.56205C10.8379 4.56205 10.6464 4.56205 10.4402 4.55714C9.18795 4.54241 7.25804 4.52277 6.3692 4.87634C6.03036 5.00893 5.72589 5.21027 5.46562 5.46562C5.20536 5.72098 5.00893 6.03036 4.87634 6.3692C4.52768 7.25804 4.54732 9.20268 4.55714 10.4549C4.55714 10.6562 4.56205 10.8429 4.56205 11C4.56205 11.1571 4.56205 11.3438 4.55714 11.5451C4.54732 12.7973 4.52768 14.742 4.87634 15.6308C5.00893 15.9696 5.21027 16.2741 5.46562 16.5344C5.72098 16.7946 6.03036 16.9911 6.3692 17.1237C7.25804 17.4723 9.19777 17.4576 10.45 17.4429C10.6513 17.4429 10.8379 17.4379 11 17.4379C11.1621 17.4379 11.3536 17.4379 11.5598 17.4429C12.8121 17.4576 14.742 17.4772 15.6308 17.1237C15.9696 16.9911 16.2741 16.7897 16.5344 16.5344C16.7946 16.279 16.9911 15.9696 17.1237 15.6308C17.4772 14.7469 17.4576 12.8121 17.4429 11.5549C17.4429 11.3487 17.4379 11.1571 17.4379 10.9951C17.4379 10.833 17.4379 10.6464 17.4429 10.4353C17.4576 9.18304 17.4772 7.24821 17.1237 6.35938C16.9911 6.02054 16.7897 5.71607 16.5344 5.4558V5.46562ZM13.2393 7.65089C14.1281 8.24509 14.742 9.1683 14.9531 10.2143C15.1643 11.2603 14.9433 12.3504 14.3491 13.2393C14.0545 13.6812 13.6763 14.0545 13.2393 14.3491C12.8022 14.6438 12.3062 14.8451 11.7857 14.9482C10.7397 15.1545 9.64955 14.9384 8.76071 14.3442C7.87187 13.75 7.25804 12.8268 7.04688 11.7808C6.83571 10.7348 7.0567 9.64464 7.64598 8.7558C8.23527 7.86696 9.16339 7.25312 10.2094 7.04196C11.2554 6.8308 12.3455 7.05179 13.2344 7.64107H13.2393V7.65089ZM14.6732 7.58705C14.521 7.48393 14.3982 7.33661 14.3246 7.16473C14.2509 6.99286 14.2362 6.80625 14.2705 6.61964C14.3049 6.43304 14.3982 6.27098 14.5259 6.13839C14.6536 6.0058 14.8254 5.91741 15.0071 5.88304C15.1888 5.84866 15.3804 5.86339 15.5522 5.93705C15.7241 6.01071 15.8714 6.12857 15.9746 6.2808C16.0777 6.43304 16.1317 6.61473 16.1317 6.80134C16.1317 6.92411 16.1071 7.04688 16.0629 7.15982C16.0187 7.27277 15.9451 7.37589 15.8616 7.46429C15.7781 7.55268 15.6701 7.62143 15.5571 7.67054C15.4442 7.71964 15.3214 7.7442 15.1987 7.7442C15.0121 7.7442 14.8304 7.69018 14.6781 7.58705H14.6732Z M22 3.14286C22 1.40937 20.5906 0 18.8571 0H3.14286C1.40937 0 0 1.40937 0 3.14286V18.8571C0 20.5906 1.40937 22 3.14286 22H18.8571C20.5906 22 22 20.5906 22 18.8571V3.14286ZM17.5312 17.5312C16.6129 18.4496 15.4982 18.7393 14.2411 18.8031C12.9446 18.8768 9.05536 18.8768 7.75893 18.8031C6.50179 18.7393 5.38705 18.4496 4.46875 17.5312C3.55045 16.6129 3.26071 15.4982 3.20179 14.2411C3.12812 12.9446 3.12812 9.05536 3.20179 7.75893C3.26562 6.50179 3.55045 5.38705 4.46875 4.46875C5.38705 3.55045 6.5067 3.26071 7.75893 3.20179C9.05536 3.12812 12.9446 3.12812 14.2411 3.20179C15.4982 3.26562 16.6129 3.55045 17.5312 4.46875C18.4496 5.38705 18.7393 6.50179 18.7982 7.75893C18.8719 9.05045 18.8719 12.9348 18.7982 14.2362C18.7344 15.4933 18.4496 16.608 17.5312 17.5263V17.5312Z' fill='%23195E46'/></svg>");
}

.events-social .social-icon.home {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='%23195E46'><path d='M19 0C20.6569 0 22 1.34315 22 3V19C22 20.6569 20.6569 22 19 22H3C1.34315 22 0 20.6569 0 19V3C0 1.34315 1.34315 0 3 0H19ZM11.5869 4.51562L8.46191 6.40234V4.5L5.96191 4.51562V7.85645L3 9.66113L4.30469 11.6719L5.96191 10.7109V17.5H17.0225V10.626L18.6758 11.6367L20 9.6377L11.5967 4.5L11.5869 4.51562Z'/></svg>")
}

.events-location-desktop {
    display: block;
}

.events-location-mobile {
    display: none;
    margin-top: 20px;
    padding: 20px 12px;
    border-radius: 10px;
}

.events-location-mobile h3 {
    margin: 0 0 15px 0;
    padding: 0;
    color: #042217;
    font-family: "Open Sans Condensed";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.48px;
}

.events-location-mobile>div {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 5px;
    margin: 0 0 10px 0;
    padding: 0;
}

.events-location-mobile>div>div {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 5px;
}

.events-location-mobile div p {
    margin: 0;
    padding: 0;
    color: var(--CoCP-Black, #3f3f3f);
    font-family: "Nunito Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
}

.events-location-mobile div p a {
    color: var(--CoCP-Green-Light, #195e46);
    text-decoration: none;
}

.events-location-mobile div p a:hover {
    text-decoration: underline;
}

.events-location-mobile p.events-meta-address {
    line-height: 1.3 !important;
    padding-left: 18px !important;
}

.add-cal {
    position: relative;
    display: inline-block
}

.add-cal-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    min-width: 220px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .12);
    z-index: 10
}

.add-cal-menu button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    background: transparent;
    border: 0;
    cursor: pointer;
    font: inherit;
    color: inherit
}

.add-cal-menu button:hover {
    background: #f3f4f6
}

p.events-meta-address {
    line-height: 1.3 !important;
    padding-left: 18px !important;
}

.events-button .far,
.events-button .fas {
    margin-top: 0px;
}


@media (max-width: 1180px) {

    article.events-single .events-inner-container,
    article.events-single .events-head-inner-container,
    article.events-single .events-related-container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 1024px) {
    article.events-single div.events-head-inner-container {
        flex-direction: column;
        gap: 0;
    }

    article.events-single div.events-head-inner-container div>div {
        margin-top: 10px;
    }

    article.events-single div.events-inner-container div.events-social {
        justify-content: center;
        margin-bottom: 30px;
    }

    article.events-single div.events-inner-container div.events-meta {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width:768px) {
    article.events-single div.events-head-inner-container div>div {
        margin-top: 10px;
        margin-bottom: -60px;
    }

    article.events-single div.events-head-inner-container div {
        width: 100%;
        height: auto;
    }

    article.events-single div.events-inner-container div.events-social {
        margin-top: 90px;
    }

    article.events-single div.events-inner-container div.events-buttons {

        flex-direction: column;
    }

    article.events-single div.events-inner-container div.events-meta {
        grid-template-columns: 1fr;
        border-top: none !important;
        border-bottom: none !important;
    }

    article.events-single div.events-inner-container div.events-meta>div.meta-date,
    article.events-single div.events-inner-container div.events-meta>div.meta-price {
        border-bottom: solid 1px #ccc;
        padding-bottom: 10px;
    }

    article.events-single div.events-inner-container div.events-meta>div:last-child {
        border-bottom: none !important;
        padding-bottom: unset !important;
    }



    /* Hide Location section from events-meta on mobile */
    .events-location-desktop {
        display: none;
    }

    /* Show mobile Location section */
    .events-location-mobile {
        display: block;
    }

    article.events-single div.events-head-inner-container h1 {
        padding-top: 40px;
    }

    article.events-single div.events-inner-container div.events-map div.events-map-container {
        min-height: 240px;
    }

    article.events-single div.events-inner-container div.events-map div.events-map-container iframe {
        min-height: 240px !important;
    }
}