﻿/* Conen Digital: readable olive-gold accents and localized photo scrims. */
:root { --wedding-ink: #65591f; }
.sub-heading,
.about-sec .about-info .sub-heading,
.testimonial-sec .testimonial-review .client-info .client-name,
.testimonial-sec .testimonial-review .review-detail ul.test-review li i,
.contact-sec .contact-box i,
.stats-sec i,
.about-sec .about-self:hover .about-img-des .quote { color: var(--wedding-ink); }
.text-des { font-weight: 400; }
.speaker-sec .speaker-detail { color: #505050; opacity: 1; }
.portfolio-sec .cbp-l-filters-alignCenter .cbp-filter-item { color: #45412f; opacity: 1; }
.portfolio-sec .cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active,
.portfolio-sec .cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter,
.timeline-sec .timeline-year .t-year,
.stats-sec .stats-content .stats-li:hover,
.white-and-black:hover,
.anim-btn span,
.bottom-arr:hover { background-color: var(--wedding-ink); color: #fff; }
.portfolio-sec .cbp-l-filters-alignCenter .cbp-filter-counter:after { border-top-color: var(--wedding-ink); }
.anim-btn { color: var(--wedding-ink); border-color: var(--wedding-ink); }
.anim-btn:hover { color: #fff; }
.red-btn { color: var(--wedding-ink) !important; border-color: var(--wedding-ink); }
.red-btn:hover { color: #fff !important; background: var(--wedding-ink); }
/* Preserve Revolution Slider geometry and all animation settings. */
.slider-overlay {
    background: linear-gradient(180deg, rgba(22,25,18,.65) 0%, rgba(22,25,18,.24) 25%, rgba(22,25,18,.56) 40%, rgba(22,25,18,.56) 62%, rgba(22,25,18,.12) 86%);
}
.slider-sec .tp-caption { color: #fff !important; text-shadow: 0 1px 3px rgba(0,0,0,.35); }
.count-sec .count-overlay {
    opacity: 1;
    background: linear-gradient(90deg, rgba(22,25,18,.68), rgba(22,25,18,.48) 58%, rgba(22,25,18,.10));
}
.count-sec .sub-heading { color: #fff; }
.count-sec .white-and-black { background: rgba(22,25,18,.35); }
.count-sec .white-and-black:hover { background: var(--wedding-ink); }
.timeline-sec .timeline-overlay {
    background: linear-gradient(180deg, rgba(22,25,18,.58), rgba(22,25,18,.28) 25%, rgba(22,25,18,.28));
}
.timeline-sec .timeline .event-details { background-color: rgba(22,25,18,.66); }
.timeline-sec .timeline .event-details .text-des,
.timeline-sec .timeline .event-details .event-time { opacity: 1; font-weight: 400; }
.timeline-sec .timeline .event-details:hover { background-color: #fff; }
.timeline-sec .timeline .simple-timeline .event-details:after { border-left-color: rgba(22,25,18,.66); }
.timeline-sec .timeline .inverse-timeline .event-details:after { border-right-color: rgba(22,25,18,.66); }
.portfolio-sec .cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap { background-color: rgba(38,35,20,.76); }
.contact-sec .contact-box p { color: #454545; opacity: 1; }
.contact-sec .form-control { color: #353535; }
.contact-sec .form-control::placeholder { color: #5b5b5b; opacity: 1; }
a:focus-visible, button:focus-visible, .cbp-filter-item:focus-visible { outline: 3px solid #65591f; outline-offset: 4px; }
.wedding-map { position: relative; overflow: hidden; background: #eeece2; }
.wedding-map > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.map-caption { position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); padding: 18px 26px; background: #fffdf7; color: #353528; box-shadow: 0 4px 24px #29291718; text-align: center; width: max-content; max-width: calc(100% - 32px); }
.map-caption strong, .map-caption span { display: block; }
.map-caption span { font-size: 13px; margin-top: 5px; }
@media (max-width: 767px) {
    .count-sec .count-overlay { background: linear-gradient(180deg, rgba(22,25,18,.25), rgba(22,25,18,.68) 30%, rgba(22,25,18,.68) 76%, rgba(22,25,18,.25)); }
    .wedding-map > img { object-position: 50% 50%; }
}
/* Keep the original map footprint after removing the Google-only selector. */
.wedding-map { height: 500px; min-height: 500px; width: 100%; }
.location-details-contact .loc-details .contact-box .media i { color: var(--wedding-ink); }
.location-details-contact .loc-details .contact-box .media .media-body p { color: #454545; opacity: 1; font-weight: 400; }
