@charset "UTF-8";@import "https://www.islamicmessages.co.za/media/vendor/joomla-custom-elements/css/joomla-alert.css";.container-header{background-color:var(--headerbg);background-image:none}.container-header .navbar-brand a{color:var(--headercolor);text-decoration:none}.container-header .mod-menu{color:var(--headercolor)}.container-header .metismenu>li>a:hover:after,.container-header .metismenu>li>button:hover:before,.container-header .metismenu>li.active>a:after,.container-header .metismenu>li.active>button:before{background:color-mix(in srgb,currentColor,#fff 25%)}a:focus-visible,.metismenu.mod-menu .metismenu-item>a:focus,.metismenu.mod-menu .metismenu-item>button:focus{outline-offset:2px;outline:2px solid}.form-control:focus,.form-check-input:focus{outline-offset:2px;box-shadow:none;outline:2px solid}.form-check-input:checked{background-color:var(--body-color);border-color:var(--body-color)}.btn-primary{--btn-color:var(--btncolor);--btn-bg:var(--btnbg);--btn-border-color:var(--btnbg);--btn-hover-color:var(--btncolorh);--btn-hover-bg:var(--btnbgh);--btn-hover-border-color:var(--btnbgh);--btn-active-color:var(--btncolorh);--btn-active-bg:var(--btnbgh);--btn-active-border-color:var(--btnbgh);--btn-disabled-color:var(--btncolor);--btn-disabled-bg:var(--btnbg);--btn-disabled-border-color:var(--btnbg);background-color:var(--btn-bg);border-color:var(--btn-bg)}.btn-primary:hover,.btn-primary:focus{background-color:var(--btn-hover-bg);border-color:var(--btn-hover-bg)}.btn-primary:focus-visible{outline:2px solid var(--btn-hover-bg);outline-offset:2px;box-shadow:none}.boxed .blog-item{--cassiopeia-color-primary:var(--link-color)}.pagination{--pagination-active-bg:var(--link-color)}.container-footer{color:var(--footercolor);background-color:var(--footerbg);background-image:none}.container-footer a{color:var(--footercolor)}.offline-card .header{color:var(--headercolor);background-color:var(--headerbg);background-image:none}
@media (width>=1200px){h1,.h1{font-size:var(--h1size)}h2,.h2{font-size:var(--h2size)}h3,.h3{font-size:var(--h3size)}}
#system-message-container:empty{margin-top:0;display:none}#system-message-container joomla-alert{width:100%;min-width:16rem;color:var(--gray-dark);border:1px solid var(--alert-accent-color,transparent);background-color:#fff;border-radius:.25rem;margin-bottom:0;padding:0;transition:opacity .15s linear;display:flex;position:relative}#system-message-container joomla-alert+*{margin-top:1rem}#system-message-container joomla-alert .alert-heading{color:var(--alert-heading-text);background:var(--alert-accent-color,transparent);flex-direction:column;place-content:center;padding:.8rem;display:flex}#system-message-container joomla-alert .alert-heading .message:before,#system-message-container joomla-alert .alert-heading .success:before{content:"";background-image:url("data:image/svg+xml;utf8,<svg width=\"1792\" height=\"1792\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"rgba(255, 255, 255, .95)\" d=\"M1299 813l-422 422q-19 19-45 19t-45-19l-294-294q-19-19-19-45t19-45l102-102q19-19 45-19t45 19l147 147 275-275q19-19 45-19t45 19l102 102q19 19 19 45t-19 45zm141 83q0-148-73-273t-198-198-273-73-273 73-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273zm224 0q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z\"/></svg>");background-size:100%;width:1em;height:1em;display:inline-block}#system-message-container joomla-alert .alert-heading .notice:before,#system-message-container joomla-alert .alert-heading .info:before{content:"";background-image:url("data:image/svg+xml;utf8,<svg width=\"1792\" height=\"1792\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"rgba(255, 255, 255, .95)\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"/></svg>");background-size:100%;width:1em;height:1em;display:inline-block}#system-message-container joomla-alert .alert-heading .warning:before{content:"";background-image:url("data:image/svg+xml;utf8,<svg width=\"1792\" height=\"1792\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"rgba(255, 255, 255, .95)\" d=\"M1024 1375v-190q0-14-9.5-23.5t-22.5-9.5h-192q-13 0-22.5 9.5t-9.5 23.5v190q0 14 9.5 23.5t22.5 9.5h192q13 0 22.5-9.5t9.5-23.5zm-2-374l18-459q0-12-10-19-13-11-24-11h-220q-11 0-24 11-10 7-10 21l17 457q0 10 10 16.5t24 6.5h185q14 0 23.5-6.5t10.5-16.5zm-14-934l768 1408q35 63-2 126-17 29-46.5 46t-63.5 17h-1536q-34 0-63.5-17t-46.5-46q-37-63-2-126l768-1408q17-31 47-49t65-18 65 18 47 49z\"/></svg>");background-size:100%;width:1em;height:1em;display:inline-block}#system-message-container joomla-alert .alert-heading .error:before,#system-message-container joomla-alert .alert-heading .danger:before{content:"";background-image:url("data:image/svg+xml;utf8,<svg width=\"1792\" height=\"1792\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"rgba(255, 255, 255, .95)\" d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z\"/></svg>");background-size:100%;width:1em;height:1em;display:inline-block}#system-message-container joomla-alert .alert-wrapper{width:100%}#system-message-container joomla-alert .alert-link{color:var(--success,inherit)}#system-message-container joomla-alert[type=success],#system-message-container joomla-alert[type=message]{--alert-accent-color:var(--success);--alert-heading-text:#fffffff2;--alert-close-button:var(--success);background-color:#fff}#system-message-container joomla-alert[type=info],#system-message-container joomla-alert[type=notice]{--alert-accent-color:var(--info);--alert-heading-text:#fffffff2;--alert-close-button:var(--info);background-color:#fff}#system-message-container joomla-alert[type=warning]{--alert-accent-color:var(--warning);--alert-heading-text:#fffffff2;--alert-close-button:var(--warning);background-color:#fff}#system-message-container joomla-alert[type=error],#system-message-container joomla-alert[type=danger]{--alert-accent-color:var(--danger);--alert-heading-text:#fffffff2;--alert-close-button:var(--danger);background-color:#fff}#system-message-container joomla-alert .joomla-alert--close,#system-message-container joomla-alert .joomla-alert-button--close{color:var(--alert-close-button);opacity:1;background:0 0;border:0;padding:.2rem .8rem;font-size:2rem;position:absolute;top:0;right:0}#system-message-container joomla-alert .joomla-alert--close:hover,#system-message-container joomla-alert .joomla-alert--close:focus,#system-message-container joomla-alert .joomla-alert-button--close:hover,#system-message-container joomla-alert .joomla-alert-button--close:focus{cursor:pointer;opacity:.75;text-decoration:none}[dir=rtl] #system-message-container joomla-alert .joomla-alert--close,[dir=rtl] #system-message-container joomla-alert .joomla-alert-button--close{padding:.2rem .6rem;left:0;right:auto}#system-message-container joomla-alert div{font-size:1rem}#system-message-container joomla-alert div .alert-message{margin:.5rem;padding:.3rem 2rem .3rem .3rem}[dir=rtl] #system-message-container joomla-alert div .alert-message{padding:.3rem .3rem .3rem 2rem}#system-message-container joomla-alert div .alert-message:not(:first-of-type){border-top:1px solid var(--alert-accent-color)}
.names-grid{--bg:#0e1a1a;--card-bg:#122;--border:#d9b46a;--text:#e9e6dc;--muted:#c9c3b0;--accent:#f2d48a;max-width:1100px;margin:2rem auto;padding:1rem;color:var(--text)}.grid-title{font-family:"Playfair Display",Georgia,serif;font-size:1.8rem;text-align:center;margin:0 0 1.25rem;letter-spacing:0.5px;color:var(--accent)}.names-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.name-card{background:linear-gradient(180deg,rgba(17,34,34,0.92),rgba(17,34,34,0.98));border:1px solid var(--border);border-radius:10px;padding:14px 12px;position:relative;box-shadow:0 6px 16px rgba(0,0,0,0.25);transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease}.name-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,0.35);border-color:#f6d891}.name-arabic{font-family:"Scheherazade New","Amiri",serif;font-size:1.6rem;line-height:1.4;text-align:center;color:var(--text);margin-bottom:8px}.name-english{font-family:"Playfair Display",Georgia,serif;font-size:1rem;text-align:center;color:var(--muted);letter-spacing:0.4px}.name-index{position:absolute;top:8px;right:10px;font-size:0.8rem;color:var(--accent);background:rgba(217,180,106,0.1);border:1px solid var(--border);border-radius:999px;padding:2px 8px}body .names-grid-wrapper{background:var(--bg)}.names-colored-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:2rem 0}.names-colored-grid a{display:block;text-align:center;padding:14px 10px;border:2px solid #d9b46a;border-radius:8px;background:#0e1a1a;color:#f2f2f2;font-family:"Scheherazade New",serif;font-size:1.2rem;text-decoration:none;transition:all 0.2s ease}.names-colored-grid a span{display:block;font-family:"Playfair Display",serif;font-size:0.9rem;margin-top:6px;color:#d9b46a}.names-colored-grid a:hover{background:#1a2a2a;border-color:#f6d891;transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,0.25)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:none;justify-content:center;align-items:center;z-index:9999}.modal-content{background:#0e1a1a;border:2px solid #d9b46a;border-radius:10px;padding:20px;max-width:500px;color:#f2f2f2;font-family:"Playfair Display",serif}.close{float:right;font-size:1.4rem;cursor:pointer;color:#d9b46a}.welcome h2{text-align:center;color:#8b6f3d;font-size:1.8rem;margin-bottom:20px}.welcome blockquote{background:#fffdf5;border:2px solid #d4af37;border-radius:12px;padding:20px;margin:0 auto 30px;max-width:700px;text-align:center;font-style:italic;box-shadow:inset 0 0 12px rgba(212,175,55,0.25)}.welcome .divider{text-align:center;margin:40px 0;position:relative}.welcome .divider:before,.welcome .divider:after{content:"";display:inline-block;width:25%;height:2px;background:repeating-linear-gradient( 90deg,#d4af37,#d4af37 6px,transparent 6px,transparent 12px );vertical-align:middle;margin:0 12px}.welcome .divider span{font-family:"Scheherazade",serif;font-size:1.4rem;color:#8b6f3d;letter-spacing:2px}.article-aisha{background:#f9fbe7 url('https://www.islamicmessages.co.za/media/templates/site/cassiopeia/css/images/patterns/islamic-pattern.png') repeat;background-size:180px 180px;padding:30px;border-radius:12px}.prophets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px}.prophet-card{background:#fff;border:2px solid #c8e6c9;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:transform 0.2s ease,box-shadow 0.2s ease}.prophet-card h3{background-color:#008000;margin:0;padding:10px;font-size:1.2em;font-weight:bold;text-align:center}.prophet-card h3,.prophet-card h3 a{color:#FFD700 !important;text-decoration:none}.prophet-card h3 a:hover{color:#fff !important;text-decoration:underline}.prophet-card p{padding:10px;margin:0;line-height:1.4;color:#4e342e}.prophet-card p:first-of-type{font-size:1.3em;font-weight:bold;color:#2e7d32;margin-top:10px}.prophet-card:hover{transform:translateY(-5px);box-shadow:0 6px 14px rgba(0,0,0,0.15)}@media (max-width:768px){.prophets-grid{grid-template-columns:1fr}.prophet-card{font-size:1.05em}}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:20px}.article-card{background:#fff;border:2px solid #c8e6c9;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:transform 0.2s ease,box-shadow 0.2s ease}.article-card img{width:100%;height:160px;object-fit:cover;border-bottom:2px solid #c8e6c9}.article-card h3{background-color:#008000;color:#FFD700 !important;margin:0;padding:10px;font-size:1.1em;font-weight:bold;text-align:center;text-shadow:0 0 6px rgba(255,215,0,0.6)}.article-card h3 a{color:inherit;text-decoration:none}.article-card h3 a:hover{color:#fff !important;text-decoration:underline;text-shadow:0 0 8px rgba(255,255,255,0.8)}.article-card p{padding:10px;margin:0;line-height:1.4;color:#4e342e}.article-card:hover{transform:translateY(-5px);box-shadow:0 6px 14px rgba(0,0,0,0.15)}@media (max-width:768px){.articles-grid{grid-template-columns:1fr}}<style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:20px}.container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 280px;gap:30px}.main-content{background:white;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.08);overflow:hidden}.header{background:linear-gradient(135deg,#fff 0%,#fff 100%);padding:0px 0px;color:white;position:relative;overflow:visible !important;z-index:10000 !important}.header::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:rgba(255,193,7,0.1);border-radius:50%}.header h1{font-size:1.5em;margin-bottom:10px;position:relative;z-index:1;font-weight:700}.header p{font-size:1.1em;opacity:0.95;position:relative;z-index:1}.content-area{padding:40px;color:#333;line-height:1.6}.sidebar{display:fle x;flex-direction:column;gap:0}.menu-card{background:white;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.08);overflow:hidden}.menu-section{padding:0}.menu-section-title{background:linear-gradient(135deg,#1a4d2e 0%,#2d5a3d 100%);color:white;padding:14px 18px;font-size:0.85em;font-weight:700;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.menu-section-title i{font-size:1.1em;color:#0B3D2E}.menu-items{padding:8px 0}.menu-item{padding:0;list-style:none}.menu-link{display:flex;align-items:center;gap:12px;padding:12px 18px;color:#333;text-decoration:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-left:3px solid transparent;font-size:0.95em;position:relative}.menu-link i{font-size:1.1em;color:#145A32;transition:transform 0.3s ease}.menu-link:hover{background-color:#f8f9fa;border-left-color:#ffc107;padding-left:22px;color:#145A32;font-weight:500}.menu-link:hover i{transform:scale(1.15)}.menu-link.active{background:linear-gradient(90deg,rgba(255,193,7,0.1) 0%,transparent 100%);border-left-color:#ffc107;color:#1a4d2e;font-weight:600}.menu-link.active i{color:#ffc107}.login-card{background:white;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.08);padding:20px;text-align:center;margin-top:20px}.login-card h3{color:#1a4d2e;margin-bottom:15px;font-size:1.1em}.login-btn{width:100%;padding:12px;background:linear-gradient(135deg,#ffc107 0%,#ffb300 100%);color:#1a4d2e;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all 0.3s ease;font-size:0.95em;letter-spacing:0.5px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,193,7,0.3)}.stats{display:flex;gap:15px;margin-bottom:20px;padding:15px 0;border-bottom:1px solid #e0e0e0}.stat{flex:1;text-align:center}.stat-icon{font-size:1.3em;color:#ffc107;margin-bottom:5px}.stat-label{font-size:0.85em;color:#666}.stat-value{font-weight:700;color:#1a4d2e;font-size:1.2em}@media (max-width:768px){.container{grid-template-columns:1fr}.header h1{font-size:1.8em}.header{padding:40px 20px}.content-area{padding:20px}}@keyframes slideInDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-card{animation:slideInDown 0.5s ease}.menu-card:nth-child(2){animation-delay:0.1s}.menu-card:nth-child(3){animation-delay:0.2s}.sidebar-right .card{border-radius:8px !important;border:none !important;box-shadow:0 4px 15px rgba(0,0,0,0.08) !important;margin-bottom:20px !important}.mod-menu a{color:#0f7a2e !important;padding:12px 18px !important;transition:all 0.3s ease !important;font-weight:500 !important;text-decoration:none !important}.mod-menu a:hover{background-color:#f5f5f5 !important;color:#0f7a2e !important;padding-left:24px !important;border-left:4px solid #c9a227 !important;font-weight:600 !important}.mod-menu li.active>a,.mod-menu a.active{background:transparent !important;color:#0f7a2e !important;border-left:4px solid #0f7a2e !important;font-weight:600 !important}@media (max-width:768px){picture img[alt="IslamicMessages"],img[alt="IslamicMessages"]{object-fit:cover;object-position:center;max-height:120px}}@media (max-width:768px){p a picture,p a picture img{display:block;width:100%;height:auto;min-height:80px;max-height:100px;object-fit:contain;object-position:center;background:transparent}p:has(picture){margin:0;padding:0;line-height:0}}@media (max-width:768px){p a img{width:100%;height:auto;display:block}}.header{padding:0 !important}@font-face{font-family:"Font Awesome 6 Free";font-display:swap}#maximenu{background-color:#0f7a2e !important;background:linear-gradient(135deg,#0a5520 0%,#0f7a2e 60%,#1a9940 100%) !important}.maximenu,.maxiMenu,#maximenuCK{background-color:#0f7a2e !important}#maximenu .maximenu_hover,#maximenu li:hover{background-color:#0a5520 !important}#maximenu .maxipushdownck,#maximenu .floatck{background-color:#0f7a2e !important}#maximenu a{color:#fff !important}a[href*="islam-for-the-junior"]{color:#fff !important;font-weight:600 !important;background-color:#0f7a2e !important;padding:8px 12px !important;border-radius:4px !important;text-decoration:none !important}a[href*="islam-for-the-junior"]:hover{background-color:#0a5520 !important;color:#fff !important}#maximenu a[href*="islam-for-the-junior"],.maximenu a[href*="islam-for-the-junior"]{color:#0f7a2e !important;background-color:#d4af3700 !important}.sidebar-right.card a[href*="islam-for-the-junior"],.card a[href*="islam-for-the-junior"]{color:#0f7a2e !important;background-color:#d4af3700 !important;padding:8px 12px !important;border-radius:4px !important;display:inline-block !important}.ramadan-blessings,.ramadan-banner{display:none}.simple-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin:40px 0}.simple-blog-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.08);overflow:hidden;transition:transform 0.3s ease}.simple-blog-card:hover{transform:translateY(-5px)}.simple-blog-card h3{margin:0;background:#116530;padding:15px;font-size:18px}.simple-blog-card h3 a{color:#fff;text-decoration:none;display:block}.simple-blog-card p{padding:15px;margin:0;font-size:14px;color:#444}.menu-item:hover{background-color:#D4AF37;color:white;transition:background-color 0.3s ease}.cta-button{background-color:#FFEB3B;color:#000;padding:12px 24px;border-radius:8px;font-weight:bold;box-shadow:0 0 10px #FFEB3B;transition:box-shadow 0.3s ease}.cta-button:hover{box-shadow:0 0 20px #FFD700}.prophet-banner{background:linear-gradient(135deg,#2c3e50,#4a3c2a);color:#fff8f0;text-align:center;padding:40px 20px;border-bottom:4px solid #d4af37;position:relative}.prophet-banner h1{font-family:'Georgia',serif;font-size:2.5rem;margin:0}.prophet-banner p{font-family:'Arial',sans-serif;font-size:1.2rem;margin-top:10px;color:#f9e7d2}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px}.article-card{background:#fff8f0;border:2px solid #e0c097;padding:20px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,0.1);transition:transform 0.2s ease,box-shadow 0.2s ease}.article-card:hover{transform:translateY(-5px);box-shadow:0 6px 14px rgba(0,0,0,0.15)}.article-card h3{font-family:'Georgia',serif;color:#4a3c2a;margin-bottom:10px}.article-card h3::before{content:"☾ ";color:#d4af37}.article-card a{text-decoration:none;color:#2c3e50}.article-card a:hover{color:#d4af37}.article-card p{font-family:'Arial',sans-serif;color:#555;line-height:1.5}.prophet-footer{background:#2c3e50;color:#fff8f0;text-align:center;padding:20px;border-top:4px solid #d4af37}.prophet-footer p{font-family:'Georgia',serif;font-size:1.2rem;margin:0}.navbar-nav{flex-wrap:wrap}.navbar-nav .nav-item{margin-right:12px}.navbar-nav .nav-link{padding:8px 14px}.navbar-nav .nav-link{color:#fff}.navbar-nav .nav-link:hover{color:#ffd166}.navbar-nav{flex-wrap:wrap}.navbar-nav .nav-item{margin-right:12px}.navbar-nav .nav-link{padding:8px 14px}@media (max-width:1200px){.navbar-expand-lg .navbar-collapse{display:none !important}.navbar-toggler{display:block !important}}.navbar-nav .nav-link{color:#fff}.navbar-nav .nav-link:hover{color:#f4c542}.mod-menu a,.mod-menu button,.mod-menu .active a,.mod-menu .current-menu-item a{color:#0f7a2e !important}.navbar{display:flex;align-items:center;justify-content:space-between}.navbar-toggler{margin-left:auto}.navbar-collapse{width:100%}.islam-invitation{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#333;max-width:900px;margin:0 auto}.islam-invitation h1.display-4{color:#00643c;font-weight:700;border-bottom:3px solid #e3a53e;padding-bottom:10px}.islam-invitation .card{transition:transform 0.3s ease;background-color:#fcfaf5}.islam-invitation .card:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(0,0,0,0.1)}.islam-invitation .border-primary{border-color:#00643c !important}.islam-invitation .border-success{border-color:#d4be83 !important}.islam-invitation blockquote{font-style:italic;font-size:0.95rem;color:#555}.islam-invitation .alert-info{background-color:#00643c;color:#fff;border:none;border-radius:8px}.islam-invitation .btn-primary{background-color:#00643c;border-color:#00643c}.islam-invitation .btn-primary:hover{background-color:#004d2e}.next-steps-journey .bg-emerald-light{background-color:#f0f7f4;border-top:3px solid #00643c}.next-steps-journey .bg-gold-light{background-color:#fdfaf2;border-top:3px solid #e3a53e}.next-steps-journey .btn-warning{background-color:#e3a53e;border:none;color:#fff;font-weight:bold}.next-steps-journey .btn-warning:hover{background-color:#c98e2d;color:#fff}.next-steps-journey .italic-text{font-style:italic;border:1px dashed #00643c}.next-steps-header{background:linear-gradient(rgba(0,100,60,0.7),rgba(0,100,60,0.7)),url('https://www.islamicmessages.co.za/images/your-green-gold-image.jpg');background-size:cover;background-position:center;color:#fff !important;padding:100px 20px;border-radius:15px;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}.next-steps-header h1{color:#e3a53e !important;font-weight:800}.community-support h3{color:#00643c;font-weight:700}.community-support .card{border-radius:15px}.community-support .btn-outline-success{border-color:#00643c;color:#00643c}.community-support .btn-outline-success:hover{background-color:#00643c;color:white}.hajj-facts-container .fact-card{background:#fff;border:2px solid #e3a53e;border-radius:15px;padding:25px 20px;transition:all 0.3s ease;min-height:140px;display:flex;flex-direction:column;justify-content:center}.hajj-facts-container .fact-card:hover{transform:scale(1.03);background-color:#fcfaf5;box-shadow:0 10px 20px rgba(0,0,0,0.1) !important}.hajj-facts-container .fact-card h6{color:#00643c;font-weight:800;font-size:1.1rem;margin-bottom:10px}.hajj-facts-container .fact-card p{font-size:0.9rem;line-height:1.4;margin-bottom:0}.hajj-facts-container .central-image-wrapper img{width:280px;height:280px;object-fit:cover;border:6px solid #e3a53e}@media (max-width:991px){.hajj-facts-container .fact-card{min-height:auto;margin-bottom:15px}.hajj-facts-container .central-image-wrapper img{width:180px;height:180px}}.hajj-fixed-layout .hajj-card{background:#fff;border:1px solid #e3a53e;border-top:5px solid #00643c;border-radius:12px;padding:30px;text-align:center;transition:all 0.3s ease;min-width:250px}.hajj-fixed-layout .hajj-card:hover{transform:translateY(-8px);border-color:#00643c;box-shadow:0 15px 30px rgba(0,0,0,0.1) !important}.hajj-fixed-layout .hajj-card h5{color:#00643c;font-weight:800;margin-bottom:15px;font-size:1.25rem}.hajj-fixed-layout .hajj-card p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:0}@media (max-width:768px){.hajj-fixed-layout .hajj-card{padding:20px;min-width:100%}}.hajj-facts-section .hajj-card{background:#fff;border:1px solid #e3a53e;border-radius:12px;padding:30px 20px;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;transition:transform 0.3s ease}.hajj-facts-section .hajj-card:hover{transform:translateY(-5px)}.hajj-facts-section .card-top-bar{position:absolute;top:0;left:0;width:100%;height:8px;background-color:#00643c}.hajj-facts-section .hajj-card h5{color:#00643c;font-weight:800;margin-top:10px;font-size:1.2rem}.hajj-facts-section .hajj-card p{color:#555;font-size:0.95rem;line-height:1.5;margin-bottom:0}.hajj-timeline-wrapper{position:relative;background:#fcfaf5}.hajj-timeline{position:relative;max-width:1000px;margin:0 auto;padding:20px 0}.hajj-timeline::after{content:'';position:absolute;width:6px;background-color:#e3a53e;top:0;bottom:0;left:50%;margin-left:-3px;border-radius:10px}.timeline-item{padding:10px 40px;position:relative;width:50%;background-color:inherit}.timeline-item::after{content:'';position:absolute;width:20px;height:20px;right:-10px;background-color:#fff;border:4px solid #00643c;top:25px;border-radius:50%;z-index:1}.right{left:50%}.right::after{left:-10px}.timeline-item .content{padding:25px;background-color:#fff;border-radius:12px;border:1px solid #ddd;transition:all 0.3s ease}.timeline-item:hover .content{transform:scale(1.03);border-color:#00643c;box-shadow:0 10px 20px rgba(0,100,60,0.1)}.day-badge{display:inline-block;background:#00643c;color:#fff;padding:3px 12px;border-radius:20px;font-weight:bold;margin-bottom:10px;font-size:0.8rem}@media screen and (max-width:768px){.hajj-timeline::after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item::after{left:21px}.right{left:0%}}.hajj-countdown-section .countdown-item{background:rgba(255,255,255,0.1);border:2px solid #e3a53e;padding:20px;border-radius:15px;min-width:120px}.hajj-countdown-section .display-4{color:#e3a53e;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.hajj-countdown-section .x-small{font-size:0.75rem;opacity:0.8}.nusuk-guide-section .step-number{background-color:#00643c;color:#e3a53e;font-weight:800;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;border:2px solid #e3a53e}.nusuk-guide-section a{color:#00643c;text-decoration:underline}.banner img{display:block;width:100%;height:auto;aspect-ratio:1320 / 190}.hero-text{min-height:200px;padding:20px;font-display:swap}.nav-item{min-height:40px;line-height:40px;padding:0 10px;display:inline-block}img{max-width:100%;height:auto}.welcome-section,[class*="welcome"]{min-height:200px}.site-hero,.hero-section,.page-header{min-height:300px}.mod-menu>ul>li{min-width:fit-content}.mod-menu ul ul{position:absolute;min-height:0}.mod-menu{min-height:56px}.main-nav{min-height:50px}.main-menu>li>a{height:50px;line-height:50px}.main-menu li ul.dropdown{position:absolute;top:50px}.hero-banner{min-height:300px}div[style=""]{min-height:50px}.your-header-class{min-height:200px}.welcome-section-class{min-height:150px;contain:layout}@media (max-width:1024px){.dropdown{display:none}.dropdown.open{display:block}}.mod-menu a,.mod-menu .nav-header,.mod-menu .mm-toggler{min-height:48px;padding-top:12px;padding-bottom:12px;display:flex;align-items:center;text-decoration:none}.mod-menu li{margin-bottom:4px}button.mm-toggler{min-width:48px;min-height:48px;background:transparent;border:none;cursor:pointer}.navbar-toggler{border-color:#c9a227 !important;background-color:rgba(255,255,255,0.1)}.navbar-toggler-icon{filter:invert(72%) sepia(58%) saturate(441%) hue-rotate(5deg) brightness(92%) contrast(89%)}.header-inner{z-index:1000;position:relative}.metismenu.mod-menu .metismenu-item ul{background-color:#fff !important;border:1px solid #c9a227 !important;padding:10px !important;min-width:200px !important;z-index:9999 !important;display:none}.metismenu.mod-menu .metismenu-item:hover>ul,.metismenu.mod-menu .metismenu-item.mm-show>ul{display:block !important}.metismenu.mod-menu .metismenu-item ul li a{color:#0a5520 !important;padding:8px 15px !important;display:block !important;text-decoration:none !important}.metismenu.mod-menu .metismenu-item ul li a:hover{background-color:#c9a227 !important;color:#fff !important}.dropdown-menu{background-color:#fff !important;border:2px solid #c9a227 !important;display:none;position:absolute;z-index:9999 !important;padding:10px 0 !important;box-shadow:0 8px 16px rgba(0,0,0,0.2) !important}.nav-item.dropdown:hover .dropdown-menu{display:block !important;margin-top:0}.dropdown-menu a.dropdown-item{color:#0a5520 !important;padding:10px 20px !important;font-weight:bold !important;display:block !important}.dropdown-menu a.dropdown-item:hover{background-color:#c9a227 !important;color:#fff !important}.custom-main-menu{background:#000;border-bottom:3px solid #0a5520;position:relative;z-index:1000}.custom-main-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.custom-main-menu ul li a,.custom-main-menu ul li span.nav-header{color:#0f0 !important;padding:15px 20px;display:block;text-decoration:none;font-weight:bold;transition:0.3s}.custom-main-menu ul li a:hover{color:#c9a227 !important;background:rgba(255,255,255,0.05)}.custom-main-menu ul li{position:relative}.custom-main-menu ul li ul{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:220px;flex-direction:column;box-shadow:0 8px 15px rgba(0,0,0,0.2);border:1px solid #c9a227}.custom-main-menu ul li:hover>ul{display:block}.custom-main-menu ul li ul li a{color:#0a5520 !important;padding:12px 20px;border-bottom:1px solid #f0f0f0}.custom-main-menu ul li ul li a:hover{background:#c9a227 !important;color:#fff !important}@media (max-width:991px){.custom-main-menu ul{display:none;flex-direction:column;background:#000}.custom-main-menu.show-menu ul{display:flex}.custom-main-menu ul li ul{position:static;width:100%;background:#111;border:none}.custom-main-menu ul li ul li a{color:#fff !important;padding-left:40px}}header.header,.header-inner,.custom-navigation{position:relative !important;z-index:1050 !important}.custom-navigation ul li ul{position:absolute !important;display:none;z-index:9999 !important;background:#fff !important;box-shadow:0 10px 25px rgba(0,0,0,0.4) !important}.custom-navigation ul li:hover>ul{display:block !important}#sp-header,header,.header-inner,.custom-navigation{position:relative !important;z-index:10000 !important}#sp-main-body,main,.container-main{position:relative !important;z-index:1 !important}.header-inner,.container-header,.navbar,.custom-navigation{overflow:visible !important;position:relative !important}.custom-navigation ul li ul{display:none;position:absolute !important;top:100% !important;left:0 !important;z-index:99999 !important;background:#fff !important}.welcome-section,.hero-section,#sp-main-body{z-index:1 !important;position:relative !important}.custom-navigation ul li ul li ul{left:100% !important;top:0 !important}.custom-navigation li,.custom-navigation ul{overflow:visible !important}.custom-navigation ul li ul{background-color:#fff !important;display:none}.custom-navigation ul li:hover>ul{display:block !important;z-index:999999 !important}.custom-navigation{background:#000;width:100%;z-index:1000;position:relative;border-bottom:2px solid #0a5520}.custom-navigation ul{list-style:none;margin:0;padding:0;display:flex}.custom-navigation ul li a,.custom-navigation ul li span.nav-header{color:#0f0 !important;padding:15px 25px;display:block;text-decoration:none;font-weight:700;transition:0.3s ease}.custom-navigation ul li a:hover{color:#c9a227 !important;background:rgba(255,255,255,0.05)}.custom-navigation ul li{position:relative}.custom-navigation ul li ul{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:240px;flex-direction:column;box-shadow:0 10px 20px rgba(0,0,0,0.3);border:1px solid #c9a227}.custom-navigation ul li:hover>ul{display:flex}.custom-navigation ul li ul li a{color:#0a5520 !important;padding:12px 20px;border-bottom:1px solid #eee}.custom-navigation ul li ul li a:hover{background:#c9a227 !important;color:#fff !important}.menu-trigger{display:none;background:none;border:none;cursor:pointer;padding:15px}.menu-trigger .bar{display:block;width:25px;height:3px;background:#c9a227;margin:5px 0}@media (max-width:991px){.menu-trigger{display:block}.custom-navigation ul{display:none;flex-direction:column;width:100%;background:#000;position:absolute;top:100%;left:0}.custom-navigation.active ul{display:flex}.custom-navigation ul li ul{position:static;width:100%;background:#111;box-shadow:none}}.menu-trigger.is-open+.custom-navigation ul{display:flex !important}@media (max-width:991px){.custom-navigation.active ul{display:flex !important;flex-direction:column;position:absolute;top:60px;left:0;width:100%;background:#000;z-index:99999;padding:20px}}@media (min-width:992px){.custom-navigation{background-color:#fff !important;border-bottom:2px solid #0a5520}.custom-navigation ul li a,.custom-navigation ul li span.nav-header{color:#0a5520 !important;padding:8px 15px !important;font-size:0.95rem}.custom-navigation ul li a:hover{background-color:#f8f9fa !important;color:#c9a227 !important}.custom-navigation ul li ul{top:100% !important;border-top:2px solid #c9a227;box-shadow:0 4px 12px rgba(0,0,0,0.1)}}@media (max-width:768px){div[style*="display: grid"]{grid-template-columns:1fr !important;gap:15px !important}h1{font-size:1.5rem !important}h2{font-size:1.3rem !important}p{font-size:1rem !important}div[style*="display: flex"]{flex-direction:column !important;gap:20px !important}div,section,article{max-width:100% !important;box-sizing:border-box !important;padding-left:2px !important;padding-right:2px !important}a[style*="display: inline-block"]{display:block !important;margin:10px 0 !important;text-align:center}}.header::before{display:none !important}.header::after,.hero::before,.hero::after,.welcome::before,.welcome::after,[class*="header"]::before,[class*="header"]::after{display:none !important}h1,h2,h3,p{font-display:swap !important}