/*
Theme Name: GCMIS Classic
Theme URI: https://gcmisbd.org/
Author: GCMIS
Description: A faithful WordPress recreation of the Gulshan Central Masjid & Iddgah Society homepage.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: gcmis-classic
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Lato:wght@300;400;700&display=swap');
:root{--green:#08a64a;--dark:#272727;--gold:#fbb515}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Roboto,Arial,sans-serif;color:#444;background:#fff;font-size:14px;line-height:1.65}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.container{width:1170px;max-width:90%;margin:auto}
.header-top{background:#252525;color:#eee;font-size:11px;padding:8px 0}.header-top .container{display:flex;justify-content:space-between;align-items:center}.header-top span{margin-right:20px}
.site-header{background:var(--green);height:78px;position:relative;z-index:20}.site-header .container{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{width:250px}.logo img{width:250px}.nav{display:flex;align-items:center;height:100%;margin:0;padding:0}.nav>li{list-style:none;position:relative;height:100%;display:flex;align-items:center}.nav>li>a{color:#fff;text-transform:uppercase;font-size:11px;font-weight:500;padding:0 13px;display:flex;align-items:center;height:100%;white-space:nowrap}.nav>li:hover>a{background:rgba(0,0,0,.08)}.dropdown{position:absolute;left:0;top:100%;width:230px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.16);padding:8px 0;display:none}.nav li:hover .dropdown{display:block}.dropdown a{display:block;color:#555;font-size:11px;padding:8px 15px}.dropdown a:hover{background:#f3f3f3;color:var(--green)}
.hero{height:455px;position:relative;overflow:hidden}.hero .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:hero 45s infinite}.hero .slide:nth-child(1){animation-delay:0s}.hero .slide:nth-child(2){animation-delay:5s}.hero .slide:nth-child(3){animation-delay:10s}.hero .slide:nth-child(4){animation-delay:15s}.hero .slide:nth-child(5){animation-delay:20s}.hero .slide:nth-child(6){animation-delay:25s}.hero .slide:nth-child(7){animation-delay:30s}.hero .slide:nth-child(8){animation-delay:35s}.hero .slide:nth-child(9){animation-delay:40s}@keyframes hero{0%,8%{opacity:1}12%,100%{opacity:0}}
.section{padding:72px 0}.about-section{padding:82px 0 70px}.about-grid{display:grid;grid-template-columns:50% 50%;align-items:center}.about-copy{padding-right:55px}.heading-icon{width:42px;height:42px;object-fit:contain;margin-bottom:8px}.about-copy h2{font:700 20px Lato,Arial,sans-serif;margin:0 0 12px;color:#222}.about-copy h3{font:700 18px Lato,Arial,sans-serif;margin:20px 0 8px;color:#222}.about-copy p{font-size:13px;line-height:1.8;color:#777;margin:0 0 8px}.about-copy ol{font-size:12px;color:#777;line-height:1.8;padding-left:20px;max-height:145px;overflow:hidden}.green-btn,.yellow-btn{display:inline-block;color:#fff;border-radius:20px;padding:8px 20px;font-size:11px}.green-btn{background:var(--green)}
.about-visual{height:490px;position:relative}.about-main{position:absolute;width:475px;max-width:92%;right:0;top:0;z-index:2}.about-inside{position:absolute;width:365px;max-width:70%;left:8px;bottom:0;z-index:3}.about-dots{position:absolute;width:167px;right:-10px;bottom:-25px;z-index:1;opacity:.7}
.section-title{text-align:center;margin-bottom:42px}.section-title img{width:42px;height:42px;object-fit:contain;margin:0 auto 7px}.section-title h2{font:700 19px Lato,Arial,sans-serif;text-transform:uppercase;color:#222;margin:0}.section-title p{font-size:11px;color:#999;margin:3px 0}
.prayer-section{padding:68px 0 74px;background:#f8f9fa url('https://gcmisbd.org/wp-content/uploads/2023/08/dots.png') center top/167px repeat;position:relative}.prayer-section:before,.donation-section:before{content:"";position:absolute;inset:0;background:rgba(248,249,250,.93)}.prayer-section>* ,.donation-section>*{position:relative;z-index:1}.prayer-content{display:grid;grid-template-columns:50% 50%;align-items:center;min-height:310px}.prayer-photo{width:100%;max-width:475px;height:300px;object-fit:cover}.prayer-table-wrap{width:500px;max-width:100%;justify-self:end;background:var(--green);padding:24px;border-radius:3px;box-shadow:0 8px 20px rgba(0,0,0,.12)}.prayer-table{width:100%;height:230px;background:#fff;border-collapse:collapse}.prayer-table th{font-weight:700;font-size:12px;padding:8px;border-bottom:1px solid #ddd;text-align:center}.prayer-table td{font-size:12px;padding:7px 8px;text-align:center;border-bottom:1px solid #eee}
.notice{padding:30px 0 35px}.notice p{font-size:12px;color:#555;line-height:1.8;margin:2px 0}
.report-section{background:var(--green);padding:24px 0 26px}.report-box{background:#d7d7d9;width:100%;height:600px;overflow:hidden}.report-box iframe{width:100%;height:600px;border:0}.report-caption{color:#fff;text-align:center;font-size:10px;margin-top:6px}
.education{padding:70px 0 78px}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 38px}.edu{min-height:125px}.edu img{width:57px;height:42px;object-fit:contain;margin-bottom:7px}.edu h3{font:700 15px Lato,Arial,sans-serif;color:#222;margin:0 0 7px}.edu p{font-size:12px;line-height:1.8;color:#777;margin:0}
.donation-section{padding:70px 0;background:#f8f9fa url('https://gcmisbd.org/wp-content/uploads/2023/08/dots.png') center/167px repeat;position:relative}.donation-box{display:grid;grid-template-columns:40% 60%;max-width:960px;margin:auto}.donation-img{min-height:205px;background:url('https://gcmisbd.org/wp-content/uploads/2023/09/islamic-about-image-2.jpg') center/cover no-repeat}.donation-copy{background:var(--green);color:#fff;padding:30px 38px}.donation-copy h3{font:700 16px Lato;margin:0 0 10px;text-transform:uppercase}.donation-copy p{font-size:11px;line-height:1.75;margin:0 0 8px}.yellow-btn{background:var(--gold)}
.apps{padding:75px 0 70px}.apps-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:900px;margin:auto}.app{background:#f3f3f3;text-align:center;min-height:470px;padding:18px 20px 22px}.app img.phone{height:340px;width:auto;margin:0 auto 8px}.app h3{font:700 15px Lato;color:#222;margin:4px 0 12px}.stores{display:flex;justify-content:center;gap:10px}.stores img{width:145px;height:auto}
.footer{background:#272727;color:#aaa;padding:80px 0 0;position:relative}.footer-mark{position:absolute;left:0;right:0;top:-46px;height:55px;object-fit:cover;width:100%}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1.3fr;gap:65px}.footer h3{color:#fff;font:700 13px Lato;text-transform:uppercase;margin:0 0 14px}.footer p,.footer li,.footer a{font-size:10px;line-height:1.9}.footer ul{list-style:none;padding:0;margin:0}.footer-bottom{border-top:1px solid #444;margin-top:35px;padding:12px 0;display:flex;justify-content:space-between;font-size:9px}
@media(max-width:1024px){.nav>li>a{padding:0 7px;font-size:9px}.about-copy{padding-right:25px}.about-main{width:430px}.about-inside{width:320px}.education-grid{gap:28px}}
@media(max-width:767px){.container{max-width:92%}.header-top .container,.site-header .container{display:block;height:auto}.header-top{text-align:center}.site-header{height:auto;padding:12px 0}.logo{margin:auto}.nav{flex-wrap:wrap;justify-content:center;height:auto;margin-top:10px}.nav>li{height:38px}.nav>li>a{font-size:9px;padding:0 6px}.dropdown{display:none!important}.hero{height:280px}.about-grid,.prayer-content,.donation-box,.footer-grid{grid-template-columns:1fr}.about-copy{padding-right:0}.about-visual{height:390px;margin-top:30px}.about-main{width:390px;max-width:90%}.about-inside{width:290px;max-width:70%}.prayer-photo{height:230px;margin-bottom:25px}.prayer-table-wrap{justify-self:stretch}.education-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.apps-grid{grid-template-columns:1fr}.app{min-height:420px}.app img.phone{height:300px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}}
@media(max-width:480px){.education-grid{grid-template-columns:1fr}.hero{height:220px}.about-visual{height:310px}.about-main{width:300px}.about-inside{width:230px}}