.wo-popup {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0,0,0,0);
    overflow-y: auto;
    visibility: hidden;
    pointer-events: none;
    transition: all 500ms ease;
	display: flex;
    justify-content: center;
    align-items: center;
}

.wo-popup.is-active {
	background: rgba(0,0,0,0.4);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.wo-popup.is-active .popup-content-wrapper {
    transform: translateY(0);
    opacity: 1 !important;
	visibility: visible !important;
}

/* body.wo-popup-open {
    overflow: hidden;
} */

.close-d-popup {
    cursor: pointer;
}

.open-this-d-popup {
    cursor: pointer;
}

.wo-popup.content-visible .popup-content-wrapper {
    transform: translateY(0);
}


.popup-content-wrapper {
    max-width: 900px;
    background: #fdf3e8;
    padding: 40px;
    max-height: 637px;
    min-height: unset;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.popup-content-wrapper {
    transform: translateY(-100vh);
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.59, 1.03);
    will-change: transform;
}


.wo-popup.content-visible .popup-content-wrapper {
    transform: translateY(0);
}

section.wo-popup.is-active.content-visible {
    display: flex;
    justify-content: center;
    align-items: center;
}

.title-sec {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

span.close-d-popup {
    cursor: pointer;
    font-size: 14px;
    color: #3c2419;
    position: absolute;
    left: 0px;
    top: 0px;
}

.popup-content-wrapper * {
    font-family: 'ABCArizonaFlare';
}

.title {
    font-size: 30px;
    color: #000;
    line-height: normal;
}

img.f-img {
    height: 200px;
    width: 150px;
    object-fit: cover;
}

.featured-img-wrapper {
    position: absolute;
    right: 0px;
    top: 0px;
}

.wo-content {
    width: 50%;
    border: dashed 1px;
    border-color: #3C2419;
    border-width: 0px 1px 0px 0px;
    padding-right: 60px;
}

.the-date {
    font-size: 14px;
    color: #000;
    border: dashed;
    border-width: 1px 0px 0px;
    padding-block: 6px;
}

.the-title {
	font-size: 18px;color: #000;
	border: dashed;border-width: 1px 0px;
	padding-block: 5px;
	text-transform: uppercase;
	line-height: normal;
}

.the-content {
    font-size: 14px;
    border-bottom: dashed 1px #000;
    padding-block: 6px;
    color: #000;
}

.the-content p.wp-block-paragraph {
    margin: 0px;
}

.the-button-wrapper a {
    color: #000;
    text-decoration: none;
    border: solid 1px;
    padding: 5px 10px;
    width: fit-content;
    display: block;
    text-align: center;
}

.the-button-wrapper {
    padding-top: 40px;
}

.insta-links {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
}

.insta-links a {
    color: #3C2419;
    text-transform: uppercase;
    text-decoration: none;
	font-size: 14px;
}