/* ==================================================================
   mmpark2026 — SITE-LOCAL STYLES
   ==================================================================

   Put every site-specific style and override in THIS file.

   This file is yours. It is not part of the template package, so
   installing a new mmpark2026 zip will never overwrite or remove it.
   css/template.css, by contrast, IS replaced on every install — do not
   edit that one for site-specific work, or you will lose the changes.

   It is loaded immediately after template.css, so a rule here beats the
   template's rule at equal specificity. Prefer matching the template's
   selector exactly over reaching for !important.

   Use the template's custom properties rather than literal values, and
   never a px font-size — sizes come from the --fs-* scale defined in
   section 1 of template.css:

     .t-page-title { font-size: var(--fs-1200); }

   Re-pointing a design token in :root changes it everywhere at once, which
   is usually better than overriding the same colour rule by rule.

   ================================================================== */
/** Base Overrides */
:root {
    --color-hero-grad-start: #BDB9A9;
    --color-hero-grad-end: #fff;
    /*--grad-hero: linear-gradient(160deg, #1c2c28, #495d3c, #8ca85d, #c5d69a, #f0f4e1);*/
    --color-wine: #495d3c;
    /*--color-tint-sage: #f0f4e1;*/
    --color-tint-sage: #eeece8;
    --color-tint-cool: #dfdcd1;
    --color-tint-cool-line: #c5d69a;
    /*--color-wine-faint: #e0e9cb;*/
    --color-wine-faint: #eeece8;
    --color-bg: #fefffc;
}
/*** TinyMCE Style Codes **/


.float-start {
    float: left;
    margin: 0 10px 10px 0;
}

.float-end {
    float: right;
    margin: 0 0 10px 10px;
}

/***** System Overrides *************/

/* BASE items */
.t-logo img {
    max-height: 150px;
}

.t-topbar-end {
    text-align: right;
    font-weight: var(--fw-700);
    margin: 8px 0;
}

/* remove topbar */
.t-topbar {
    display: none;
}

.t-btn, .btn {
    text-align: center;
}

.t-nav {
    justify-content: right;
}

.t-nav li {
    line-height: var(--fs-400);
}

/* top contact us button */
#mod-custom113 p {
    padding-top: 10px;
}




/* Home Page items */
.t-hero-split-text {
    padding: 56px var(--space-gutter) 56px 10vw;
}

.t-hero-split-text .t-btn {
    align-self: center;
}

.t-offers-cell p {
    color: var(--color-text);
}


/***** PhocoGallery Page Display override ****/

/* 1. Remove the overlay title/icons from each thumbnail */
#pg-msnr-container .pg-item-box-info {
    display: none !important;
}

/* 2. Enlarge each tile ~1.5x without disturbing the grid's positioning logic */
#pg-msnr-container .pg-item-box {
    transform: scale(1.5);
    transform-origin: top left;
    margin: 0 45px 45px 0;   /* extra space so scaled tiles don't overlap neighbors — tweak as needed */
}

/* 3. Hide the pgCategoryModel section, if/when present */
#pgCategoryModal {
    display: none !important;
}



/****** Special Content Styling *******/


/* Park Layout */
.park_layout_card {
    max-width: 300px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px;
    border: 2px solid var(--color-wine-faint);
    border-radius: 8px;
}
.park_layout_card h3 {
    margin-top: 6px;
}

/* Markers */

.marker_sample_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.marker_sample_card {
    display: flex;
    flex-direction: column;
    flex: 0 1 300px;
    border: 2px solid var(--color-wine-faint);
    border-radius: 8px;
    padding: 10px;
}

.marker_sample_image {
    width: 100%;
    height: 200px; /* adjust to taste */
    overflow: hidden;
}

.marker_sample_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.marker_sample_text {
    text-align: center;
}

.marker_sample_title {
    margin: 0.5rem 0 0;
}

.marker_sample_description {
    margin: 0;
    line-height: var(--fs-500);
}


/* Granite Colors */

.granite_color_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.granite_color_card {
    display: flex;
    flex-direction: column;
    flex: 0 1 200px;
    border: 2px solid var(--color-wine-faint);
    border-radius: 8px;
    padding: 10px;
}

.granite_color_image {
    width: 100%;
    height: 200px; /* adjust to taste */
    overflow: hidden;
}

.granite_color_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.granite_color_title {
    margin: 0.5rem 0 0;
    text-align: center;
}

.granite_color_note {
    text-align: center;
    margin-top: 1rem;
}

/* Marker Designs */

.marker_design_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.marker_design_card {
    display: flex;
    flex-direction: column;
    flex: 0 1 250px;
    border: 2px solid var(--color-wine-faint);
    border-radius: 8px;
    padding: 10px;
}

.marker_design_image {
    width: 100%;
    height: 200px; /* adjust to taste */
    overflow: hidden;
}

.marker_design_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.marker_design_title {
    margin: 0.5rem 0 0;
    text-align: center;
}


/* Burial Options */

.burial-option-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.burial-option-card {
    display: flex;
    flex-direction: column;
    flex: 0 1 200px;
    border: 2px solid var(--color-wine-faint);
    border-radius: 8px;
    padding: 10px;
}

.burial-option-image {
    width: 100%;
    height: 150px; /* adjust to taste */
    overflow: hidden;
}

.burial-option-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.burial-option-card h4 {
    margin: 0.5rem 0 0;
    text-align: center;
}


/** grave lookup **/

.com-finder__search{
    border-top: 4px solid var(--color-wine);
    border-left: none;
    border-right: none;
    border-bottom: 1px solid var(--color-wine);
    background-color: var(--color-wine-faint);
    padding: 8px;
}


/************************ phoca gallery changes **************/


/******* Burial and Inurnment ******/
/* Allow the main image box to expand so the title isn't cut off */
.pg-category-items-box .pg-item-box {
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
}

/* Force the title and icon container to sit statically below the image */
.pg-category-items-box .pg-item-box-title {
    position: relative !important;
    display: block !important;
    bottom: auto !important;
    left: auto !important;
    background: transparent !important;
    opacity: 1 !important; /* Ensures it is always visible, not just on hover */
    transform: none !important;
    text-align: center;
    padding-top: 10px;
    width: 100% !important;
}

/* Format the text link so it's visible */
.pg-category-items-box .pg-item-box-title a.pg-photoswipe-button-copy {
    color: #333 !important; /* Change this hex code to match your site's text color */
    display: inline-block;
    vertical-align: middle;
}

/* Optional: Format the SVG icon so it aligns nicely with the text */
.pg-category-items-box .pg-item-box-title svg {
    vertical-align: middle;
    margin-right: 5px;
    fill: #333 !important; /* Matches the icon color to the text color */
}

/* Hide the icon before the title */
.ph-si.ph-si-image {
    display: none;
}

.pg-item-box em strong {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.pg-item-box em strong figure a img {
    margin: 0 auto;
}

.pswp__caption__center {
    text-align: center;
    max-width: 60vw;
    margin: 0 auto;
    margin-top: 0px;
    font-size: 3rem;
    padding: 10px;
    line-height: 20px;
    color: #CCC;
    margin-top: -4rem;
}

.pg-item-box {
    border: 2px solid var(--color-wine-faint);
    border-radius: 8px;
    padding: 10px;
}

/***** park photos *******/

.pg-category-viewpark-photos .pg-category-items-box {
    gap: 2rem;

}
.pg-category-viewpark-photos .pg-item-box {
    border: none;
}