/*
Theme Name: Life Renewal Centre International
Theme URI: https://zibutech.co.za
Author: Zibu Tech
Author URI: https://zibutech.co.za
Description: Custom theme for Life Renewal Centre International (eThekwini and eThembeni campuses). Includes an Events manager: add, edit and remove events under Events in the dashboard and they update across the homepage and Events page.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: lrci
*/

body { margin: 0; background: #1A0B0E; }
body.home { background: #FFFFFF; }
a { color: #F2C230; }
a:hover { color: #FFE08A; }
body.home a { color: #6E1A28; }
body.home a:hover { color: #4A0F1A; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid #F2C230; outline-offset: 2px; }
img { max-width: 100%; }
[hidden] { display: none !important; }
summary { cursor: pointer; list-style: none; }
summary::-webkit-details-marker { display: none; }

/* Side navigation (About, Serve, Give) */
.sidenav a.lrc-spy { display: block; color: #CDB7AF; text-decoration: none; padding: 12px 22px 12px 0; margin-right: -2px; border-right: 3px solid transparent; }
.sidenav a.lrc-spy.is-active { color: #FFFFFF; border-right-color: #F2C230; }

/* Search results */
#lrc-search-results a { display: flex; flex-direction: column; padding: 10px 14px; border-radius: 10px; text-decoration: none; color: #FFFFFF; }
#lrc-search-results a:hover, #lrc-search-results a:focus { background: rgba(255,255,255,0.06); }
#lrc-search-results small { font-size: 13px; color: #CDB7AF; }
#lrc-search-results p { margin: 0; padding: 10px 14px; font-size: 15px; color: #CDB7AF; }

/* Menu open: stop the page scrolling behind it */
body.lrc-menu-open { overflow: hidden; }
.admin-bar #site-menu { top: 32px; }
@media (max-width: 782px) { .admin-bar #site-menu { top: 46px; } }

/* Event content (single event page and generic pages) */
.lrc-content { max-width: 760px; }
.lrc-content p, .lrc-content li { color: #E8D8D2; }
.lrc-content h2, .lrc-content h3 { color: #FFFFFF; font-weight: 400; }

/* From the design */
.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.span3{grid-column:span 3}
.span2{grid-column:span 2}
@media (max-width:900px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.span3,.span2{grid-column:span 1}}
@media (max-width:600px){.tiles{grid-template-columns:minmax(0,1fr)}}
.lrc-slide { opacity: 0; animation: lrcFade 28s infinite; }
.lrc-slide:first-child { opacity: 1; }
@keyframes lrcFade { 0% { opacity: 0; transform: scale(1.04); } 4% { opacity: 1; } 25% { opacity: 1; } 29% { opacity: 0; } 100% { opacity: 0; transform: scale(1); } }
.lrc-dot { width: 8px; height: 8px; border-radius: 999px; background: rgba(255,255,255,0.4); animation: lrcDot 28s infinite; }
@keyframes lrcDot { 0%, 25% { width: 28px; background: #F2C230; } 29%, 100% { width: 8px; background: rgba(255,255,255,0.4); } }
.is-paused .lrc-slide, .is-paused .lrc-dot { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .lrc-slide, .lrc-dot { animation: none; } .lrc-slide:not(:first-child) { display: none; } }
@keyframes lrcTicker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.lrc-ticker { animation: lrcTicker 40s linear infinite; }
@media (prefers-reduced-motion: reduce) { .lrc-ticker { animation: none; } }
@media (max-width: 1180px) { .lrc-hide-lg { display: none !important; } }
@media (max-width: 820px) { .lrc-hide-md { display: none !important; } }
@media (max-width: 640px) { .lrc-hide-sm { display: none !important; } }
.lrc-roller::-webkit-scrollbar { display: none; }
.lrc-card img, .lrc-card .ph { transition: transform .7s ease; }
@media (hover: hover) { .lrc-card:hover .ph { transform: scale(1.05); } }
.sidenav{display:flex}
@media (max-width:900px){.sidenav{display:none}}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.lrc-faq summary { list-style: none; cursor: pointer; } .lrc-faq summary::-webkit-details-marker { display: none; }
.lrc-faq .lrc-x { transition: transform .25s ease; } .lrc-faq[open] .lrc-x { transform: rotate(45deg); }
.lrc-faq[open] { border-color: rgba(242,194,48,0.35) !important; }
