/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
/* Allow justify on all paragraphs | 12891033-hc EH */
p {
	text-align: justify;
	font-size: 18px;
}

/* adjusts tagline font size | HC-16752623-ab */
#page-18 > div.custom-header-image.page-banner > div.banner-content-wrapper > div.banner-content > h2 {
	font-size: 35px;
}

/*hide search bar on home page -hc23544156 -st*/
.search-bar {
	display: none;
}

/* Increase width of drop down menu | TT-16775320-hc */
#wrapper #navigation .menu li li a:focus, #wrapper #navigation .menu li li a:hover, #wrapper #navigation .menu li li a:active, #wrapper #navigation .menu li li a, #wrapper #navigation .menu li li a:link, #wrapper #navigation .menu li li a:visited {
	width: 100%;
}

/* Change first paragraph font-size and font-family - 16775704-hc */
.wf-active .content-holder > p:first-child, .wf-active .content-holder h1:first-child + p, .wf-active .content-holder p:empty + p, .wf-active .content-holder span + p, .wf-active .page .article > p:first-child, .wf-active .page .article h1:first-child + p {
	font-family: inherit;
	font-family: inherit;
	color: inherit;
}

/* Change home-search background color - 16775704-hc */
.homepage .home-search {
	background: #FFFFF0;
}

/* Adjust menu font size | #20042668-hc (MiS) */
#navigation {
	font-size: .9em;
}

/* change color of pullquote font to white and reduce font size */
blockquote p, .wp-block-quote p, .wp-block-pullquote p {
	color: white;
	font-size: 110%;
}

/* Custom link color class - 6540938-zen(MG)*/
.custom-link-color a {
  color: #5A5291;
  text-decoration: underline;
}
 
.custom-link-color a:hover {
  color: #5A5291;
  text-decoration: underline;
}






/* Saint Ann Bazaar 2026 popup */
#popmake-16166 {
    width: min(760px, 92vw) !important;
    max-width: 760px !important;
    padding: 0 !important;
}

#popmake-16166 .pum-content {
    margin: 0 !important;
}

/* Keep artwork perfectly square */
.bazaar-popup-cover {
    position: relative !important;
    width: 100% !important;
    max-width: 760px !important;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Do not crop the artwork */
.bazaar-popup-cover .wp-block-cover__image-background {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Make the inner layer match the whole poster */
.bazaar-popup-cover .wp-block-cover__inner-container {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

/* Exact button area */
.bazaar-popup-cover .bazaar-popup-buttons {
    position: absolute !important;
    top: 55% !important;
    left: 17% !important;
    right: 17% !important;
    width: auto !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;

    gap: 3px !important;
    row-gap: 3px !important;

    z-index: 5 !important;
}

/* Remove ALL spacing around each button */
.bazaar-popup-cover .bazaar-popup-buttons > .wp-block-button {
    width: 100% !important;

    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding: 0 !important;
}

/* Remove theme spacing from actual clickable button */
.bazaar-popup-cover .bazaar-popup-buttons .wp-block-button__link {
    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* Keep Bazaar popup button text white */
.bazaar-popup-cover .bazaar-popup-buttons .wp-block-button__link,
.bazaar-popup-cover .bazaar-popup-buttons .wp-block-button__link:visited,
.bazaar-popup-cover .bazaar-popup-buttons .wp-block-button__link:hover,
.bazaar-popup-cover .bazaar-popup-buttons .wp-block-button__link:focus {
    color: #ffffff !important;
    text-decoration: none !important;
}
/* SIMPLE X CLOSE BUTTON - DESKTOP + MOBILE */
#popmake-16166 .pum-close {
    position: absolute !important;
    top: 8px !important;
    right: 15px !important;

    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;

    background: rgba(255,255,255,0.96) !important;
    border: 2px solid #4b0707 !important;
    border-radius: 50% !important;

    color: transparent !important;
    font-size: 0 !important;

    box-shadow: 0 2px 6px rgba(0,0,0,.22) !important;
    z-index: 99999 !important;
}

#popmake-16166 .pum-close::before {
    content: "×" !important;

    position: absolute !important;
    inset: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #4b0707 !important;
    font-family: Arial, sans-serif !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}


/* ==============================
   MOBILE BAZAAR POPUP
   ============================== */
@media (max-width: 768px) {

    /* Center popup horizontally + vertically */
    #popmake-16166 {
        position: fixed !important;

        top: 50% !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;

        transform: translate(-50%, -50%) !important;

        /* Square must fit both phone width and height */
        width: min(92vw, 82vh) !important;
        max-width: 430px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
        box-sizing: border-box !important;
    }

    #popmake-16166 .pum-content {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Keep poster perfectly square */
    .bazaar-popup-cover {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        aspect-ratio: 1 / 1 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    .bazaar-popup-cover .wp-block-cover__image-background {
        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
        object-position: center !important;
    }

    .bazaar-popup-cover .wp-block-cover__inner-container {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Mobile button placement */
    .bazaar-popup-cover .bazaar-popup-buttons {
        position: absolute !important;

        top: 55% !important;
        left: 16% !important;
        right: 16% !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;

        gap: 3px !important;
        row-gap: 3px !important;

        z-index: 5 !important;
    }

    .bazaar-popup-cover .bazaar-popup-buttons > .wp-block-button {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .bazaar-popup-cover .bazaar-popup-buttons .wp-block-button__link {
        width: 100% !important;
        box-sizing: border-box !important;

        margin: 0 !important;
        padding: 7px 6px !important;

        font-size: clamp(9px, 2.8vw, 11px) !important;
        font-weight: 700 !important;
        line-height: 1.05 !important;

        color: #ffffff !important;
        text-decoration: none !important;

        border-radius: 7px !important;
        white-space: nowrap !important;
    }

    /* Smaller X on phones */
    #popmake-16166 .pum-close {
        top: 6px !important;
        right: 6px !important;

        width: 30px !important;
        height: 30px !important;
    }

    #popmake-16166 .pum-close::before {
        font-size: 24px !important;
    }
}