/*
 * Obituary Archive — Custom Styles
 * Iles Funeral Homes
 *
 * Brand palette:
 *   Navy:   #1d2256  (rgba 29, 34, 86)
 *   Gold:   #bb9438  (rgba 187, 148, 56)
 *   White:  #ffffff
 *   Cream:  #f5f3ee  (page/list background)
 *   Body:   #000000 / #333333
 *
 * Scope: <main id="primary" class="site-main obituary-archive"> only.
 * Elements below pagination (footer, sidebar, etc.) are handled in Elementor
 * and are not targeted here.
 */

/* ============================================================
   CSS Custom Properties — on :root so all plugin elements
   inherit them regardless of DOM nesting
   ============================================================ */
:root {
--ob-navy:        #1d2256;
  --ob-navy-20:     rgba(29, 34, 86, 0.20);
  --ob-navy-10:     rgba(29, 34, 86, 0.10);
  --ob-gold:        #bb9438;
  --ob-gold-hover:  #9c7b2d;
  --ob-white:       #ffffff;
  --ob-cream:       #f5f3ee;
  --ob-border:      #ddd8cd;
  --ob-text:        #333333;
  --ob-text-light:  #666666;

  --ob-radius-sm:   0.375rem;
  --ob-radius-pill: 3px;
  --ob-radius-card: 0.5rem;

  --ob-transition:  0.15s ease;
}

/* ============================================================
   Page wrapper
   ============================================================ */
.obituary-archive {
  padding: 2rem 0 3rem;
  	max-width:1440px!important;

}

/* ============================================================
   Page header — "Obituaries" H1 + breadcrumb area
   ============================================================ */
.obituary-archive__header {
  margin-bottom: 2rem;
  padding: 0 15px;
}


.obituary-archive__search-input, .obituary-archive__sort-select {
    border-radius: 3px!Important; 
}

/* Search / Reset buttons */

.obituary-archive__search-submit {
  background: var(--ob-cream);
  border: 0;
  border-radius: var(--ob-radius-pill);
  color: var(--ob-navy)!important;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  min-height: 2.75rem;
  padding: 0.625rem 1.75rem;
  transition: background-color var(--ob-transition);
}

.obituary-archive__search-submit:hover,
.obituary-archive__search-submit:focus-visible {
  background: var(--ob-gold);
  outline: none;
}

.obituary-archive__search-reset {
  align-items: center;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: var(--ob-radius-pill);
  color: var(--ob-white);
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.625rem 1.75rem;
  text-decoration: none;
  transition: border-color var(--ob-transition), background-color var(--ob-transition);
}

.obituary-archive__search-reset:hover,
.obituary-archive__search-reset:focus-visible {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.75);
  outline: none;
}

/* ============================================================
   Sort form — sits below the search panel
   ============================================================ */

.obituary-archive__sort {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0 15px;
}

.obituary-archive__sort-label {
  color: var(--ob-navy);
  font-size: 1rem;
  font-weight: 700;
  white-space: nowrap;
}

.obituary-archive__sort-controls {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.obituary-archive__sort-select {
  appearance: none;
  background-color: var(--ob-white);
  background-image:
    linear-gradient(45deg,  transparent 50%, var(--ob-navy) 50%),
    linear-gradient(135deg, var(--ob-navy) 50%, transparent 50%);
  background-position:
    calc(100% - 1rem)    calc(50% - 0.125rem),
    calc(100% - 0.6875rem) calc(50% - 0.125rem);
  background-repeat: no-repeat;
  background-size: 0.375rem 0.375rem, 0.375rem 0.375rem;
  border: 1px solid var(--ob-navy-20);
  border-radius: var(--ob-radius-pill);
  color: var(--ob-navy);
  cursor: pointer;
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.625rem 2.5rem 0.625rem 1rem;
  transition: border-color var(--ob-transition);
}

.obituary-archive__sort-select:focus {
  border-color: var(--ob-gold);
  box-shadow: 0 0 0 3px rgba(187, 148, 56, 0.25);
  outline: none;
}

/* noscript submit button for sort */
.obituary-archive__sort-submit {
  background: var(--ob-navy);
  border: 0;
  border-radius: var(--ob-radius-pill);
  color: var(--ob-white);
  cursor: pointer;
  font-size:1rem;
  font-weight: 700;
  min-height: 2.75rem;
  padding: 0.625rem 1.25rem;
}

/* ============================================================
   Results wrapper
   ============================================================ */
#obituary-archive-results {
  margin-top: 1.5rem;
}

/* ============================================================
   Obituary list
   ============================================================ */
	.obituary-summary {
    background: transparent;
  
}



/* Name link */
.obituary-summary__link {
  display: block;
  margin-bottom: 0.75rem;
  text-decoration: none;
}

.obituary-summary__link:hover .obituary-summary__title,
.obituary-summary__link:focus-visible .obituary-summary__title {
  color: var(--ob-gold);
}

.obituary-summary__title {
  color: var(--ob-navy);
  font-size: clamp(1.0625rem, 2.5vw, 1.25rem);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  transition: color var(--ob-transition);
}

/* Service / death date details */
.obituary-summary__details {
 
  gap: 0.3125rem;
}

.obituary-summary__details p {
  color: var(--ob-navy);
  line-height: 1.4;
  margin: 0;
}

.obituary-summary__details .strong,
.obituary-summary__details span.strong {
  font-weight: 700;
}

/* Excerpt */
.obituary-summary__excerpt {
  color: var(--ob-text);
  display: -webkit-box;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-top: 1rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
}

/* Admin notice */
.obituary-summary__details-missing {
  color: #c00;
  font-size: 0.8125rem;
  font-style: italic;
  margin: 0;
}

/* ---- Action links (Obituary → Send Flowers → Sign Guestbook →) ---- */
.obituary-summary__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 1.125rem;
}

.obituary-summary__read-more {
  align-items: center;
  color: var(--ob-navy);
  display: inline-flex;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: color var(--ob-transition);
}

.obituary-summary__read-more:hover,
.obituary-summary__read-more:focus-visible {
  color: var(--ob-gold);
  outline: none;
}
	.obituary-summary__read-more {
    &:not(:last-child)::after {
        content: ''!important;
        display: block;
        justify-content: center;
        margin-left: 0.75rem;
    }
	}

/* Chevron circle icon after each action link — matches Elementor icon style */
.obituary-summary__read-more {
  gap: 0.375rem;
}

.obituary-summary__read-more::after {
  content: '';
  display: inline-block;
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  background-color: var(--ob-gold);
  border-radius: 50%;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  vertical-align: middle;
}

.obituary-summary__read-more:hover::after,
.obituary-summary__read-more:focus-visible::after {
  background-color: var(--ob-gold-hover);
}

/* ============================================================
   Page background gradient — matches design file
   ============================================================ */
body {
background-color: transparent;
    background-image: linear-gradient(180deg, var(--e-global-color-504ea66) 0%, #FFFFFF 15%);
}

/* ============================================================
   Pagination — matches Elementor loop grid style
   ============================================================ */
.obituary-archive__pagination {
  margin-top: 2.5rem;
  padding: 0 15px;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 400;
}

.obituary-archive__pagination .nav-links {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}

/* All number page links — cream circle */
.obituary-archive__pagination a.page-numbers {
  align-items: center;
  background: var(--e-global-color-504ea66, #eae8df);
  border-radius: 50px;
  color: var(--ob-navy);
  display: inline-flex;
  height: 50px;
  justify-content: center;
  text-decoration: none;
  transition: background-color var(--ob-transition);
  width: 50px;
}

.obituary-archive__pagination a.page-numbers:hover {
  background: var(--e-global-color-primary, var(--ob-navy));
  color: var(--ob-white);
}

/* Active / current page — navy circle */
.obituary-archive__pagination span.page-numbers.current {
  align-items: center;
  background: var(--e-global-color-primary, var(--ob-navy));
  border-radius: 50px;
  color: var(--ob-white);
  display: inline-flex;
  height: 50px;
  justify-content: center;
  width: 50px;
}

/* Prev / Next — transparent, navy text */
.obituary-archive__pagination a.page-numbers.prev,
.obituary-archive__pagination a.page-numbers.next {
  background: transparent;
  color: var(--e-global-color-primary, var(--ob-navy));
  width: auto;
  padding: 0 0.5rem;
}

.obituary-archive__pagination a.page-numbers.prev:hover,
.obituary-archive__pagination a.page-numbers.next:hover {
  background: transparent;
  color: var(--ob-gold);
}

/* ============================================================
   Mobile — collapse search panel behind an accordion toggle
   On mobile the design (Mobile_Phone.pdf) shows "Advanced Search +"
   which collapses the grid. This CSS handles the visual toggle.
   JS toggling of .is-open on .obituary-archive__search is assumed
   to be implemented in the plugin or theme JS.
   ============================================================ */
@media screen and (max-width: 767px) {
  .obituary-archive__search-grid,
  .obituary-archive__search-actions {
    /* collapsed by default on mobile — JS adds .is-open to the parent form */
    display: none;
  }

  .obituary-archive__search.is-open .obituary-archive__search-grid,
  .obituary-archive__search.is-open .obituary-archive__search-actions {
    display: grid; /* grid restored when open */
  }

  .obituary-archive__search.is-open .obituary-archive__search-actions {
    display: flex;
  }

  /* The legend doubles as the toggle button on mobile */
  .obituary-archive__search-label {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    user-select: none;
  }

  /* "+" / "×" indicator appended via CSS */
  .obituary-archive__search-label::after {
    content: '+';
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
  }

  .obituary-archive__search.is-open .obituary-archive__search-label::after {
    content: '×';
  }
}

/* On tablet+ the grid is always visible */
@media screen and (min-width: 768px) {
  .obituary-archive__search-grid,
  .obituary-archive__search-actions {
    display: grid !important; /* override any inline toggle */
  }

  .obituary-archive__search-actions {
    display: flex !important;
  }

  .obituary-archive__search-label {
    cursor: default;
  }

  .obituary-archive__search-label::after {
    display: none;
  }
}



/* ============================================================
   Reduced motion
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  .obituary-summary,
  .obituary-summary__title,
  .obituary-summary__read-more,
  .obituary-archive__search-input,
  .obituary-archive__sort-select,
  .obituary-archive__search-submit,
  .obituary-archive__search-reset,
  .obituary-archive__pagination .page-numbers {
    transition: none;
  }
}
	#gform_wrapper_7 label {color:#ffffff;}
	#gform_wrapper_7 input {border:0px;}
	#gform_wrapper_7 legend {color:#ffffff;}
	#gform_submit_button_7 {background:#F6F4E1;color:#1d2256;}
	@media (min-width:769px){
			.rmBreadcrumbs p {text-align:right;}

		
	}