/*
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;
}
/* MOBILE FIX FOR BAZAAR POPUP */
@media (max-width: 768px) {

  #popmake-16166 {
    width: 92vw !important;
    max-width: 92vw !important;
    padding: 0 !important;
  }

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

  .bazaar-popup-cover {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }

  .bazaar-popup-cover .wp-block-cover__image-background {
    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;
  }

  .bazaar-popup-cover .bazaar-popup-buttons {
    position: absolute !important;
    top: 56% !important;
    left: 17% !important;
    right: 17% !important;
    width: auto !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    z-index: 5 !important;
  }

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

  .bazaar-popup-cover .bazaar-popup-buttons .wp-block-button__link {
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    padding: 10px 12px !important;
    min-height: auto !important;
    border-radius: 10px !important;
    white-space: normal !important;
  }

  /* smaller close button on mobile */
  #popmake-16166 .pum-close {
    width: 34px !important;
    height: 34px !important;
    font-size: 18px !important;
    line-height: 34px !important;
  }
}