/*
Theme Name: Aravali College Batoda
Theme URI: https://aravalicollegebatoda.in/
Author: NAMA COMPUTERS
Description: Responsive college website theme with slider, menu, gallery and contact details for Aravali College Batoda.
Version: 1.0.0
Text Domain: aravali-college
*/
:root{--green:#174d2d;--deep:#103b22;--teal:#2d8290;--gold:#e7b94f;--cream:#f5f8f4;--text:#24332a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1160px,92%);margin:auto}.topbar{background:var(--deep);color:#fff;font-size:14px;padding:7px 0}.topbar .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.site-header{background:#fff;box-shadow:0 4px 18px #0a301514;position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.brand{display:flex;align-items:center;gap:12px;min-width:230px}.brand img{width:72px;height:68px;object-fit:contain}.brand-title{font-family:Georgia,serif;color:var(--green);font-size:clamp(17px,2vw,25px);font-weight:bold;line-height:1.15}.brand-sub{font-size:12px;color:#68776c;letter-spacing:1px}.menu-toggle{display:none;background:var(--green);color:white;border:0;border-radius:5px;padding:9px 13px;font-size:20px}.main-nav ul{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}.main-nav a{font-weight:700;font-size:14px;color:#253b2c;padding:10px 0;display:block}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--teal)}.main-nav .menu-item-has-children{position:relative}.main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:190px;background:#fff;box-shadow:0 10px 25px #0002;padding:8px 15px;display:none}.main-nav li:hover>.sub-menu{display:block}.hero{position:relative;min-height:520px;background:#173d2b;overflow:hidden;color:white}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;background-size:cover;background-position:center}.hero-slide.active{opacity:1}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071f14d9,#071f146b 55%,#071f1433)}.hero-content{position:relative;z-index:2;min-height:520px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:50px 0;max-width:760px}.eyebrow{color:var(--gold);font-weight:bold;letter-spacing:2px;text-transform:uppercase;font-size:13px}.hero h1{font-family:Georgia,serif;font-size:clamp(36px,5.4vw,64px);line-height:1.08;margin:12px 0 18px}.hero p{font-size:18px;max-width:620px;margin:0 0 28px}.btn{display:inline-block;background:var(--gold);color:#173d2b;padding:12px 23px;border-radius:4px;font-weight:bold;border:0;cursor:pointer}.btn.secondary{background:transparent;border:1px solid #ffffffbd;color:white;margin-left:10px}.slider-dots{position:absolute;z-index:4;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:9px}.slider-dots button{width:10px;height:10px;border-radius:50%;border:1px solid #fff;background:#ffffff70;padding:0}.slider-dots button.active{background:var(--gold);border-color:var(--gold)}.quick-info{background:var(--green);color:white}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:22px 0}.info-item{display:flex;gap:12px;align-items:center}.info-icon{font-size:25px;color:var(--gold)}.info-item strong{display:block;font-size:14px}.info-item span{font-size:13px;color:#e2eee4}.section{padding:76px 0}.section.soft{background:var(--cream)}.section-head{text-align:center;max-width:740px;margin:0 auto 38px}.section-head .eyebrow{color:var(--teal)}.section-head h2{font-family:Georgia,serif;color:var(--green);font-size:clamp(29px,4vw,42px);line-height:1.2;margin:8px 0 12px}.section-head p{margin:0;color:#66746a}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.about-image{position:relative}.about-image img{width:100%;height:390px;object-fit:cover;border-radius:8px;box-shadow:18px 18px 0 #dce9dd}.about-copy h2{font-family:Georgia,serif;color:var(--green);font-size:38px;line-height:1.2;margin:8px 0 18px}.check-list{list-style:none;padding:0;margin:22px 0}.check-list li{margin:9px 0}.check-list li:before{content:'✓';color:var(--teal);font-weight:bold;margin-right:10px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{padding:28px;background:#fff;border:1px solid #e4ece5;border-radius:8px;box-shadow:0 8px 25px #103b2208}.feature-card .symbol{font-size:30px;color:var(--teal)}.feature-card h3{color:var(--green);margin:8px 0}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-item{border:0;padding:0;background:#e8eee8;overflow:hidden;border-radius:7px;cursor:pointer;aspect-ratio:4/3}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.gallery-item:hover img{transform:scale(1.06)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px}.contact-panel{background:var(--green);color:white;padding:32px;border-radius:8px}.contact-panel h3{font-family:Georgia,serif;font-size:27px;margin-top:0}.contact-line{padding:12px 0;border-bottom:1px solid #ffffff2b}.contact-line strong{display:block;color:var(--gold)}.contact-form{padding:30px;background:#fff;border:1px solid #e5ece6;border-radius:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:block;font-weight:bold;font-size:13px;margin-bottom:5px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d5dfd7;border-radius:4px;padding:12px;font:inherit;margin-bottom:15px}.contact-form textarea{min-height:125px;resize:vertical}.map-frame{width:100%;height:300px;border:0;display:block}.site-footer{background:#0d2d1a;color:#dce8df;padding:45px 0 0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px;padding-bottom:32px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:68px;height:68px;object-fit:contain;background:#fff;border-radius:4px}.site-footer h3{color:#fff;margin-top:0}.site-footer a:hover{color:var(--gold)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:7px 0}.copyright{border-top:1px solid #ffffff22;padding:16px 0;text-align:center;font-size:13px}.copyright a{color:var(--gold);font-weight:bold}.notice{padding:12px;background:#edf8ee;color:#174d2d;border-radius:4px;margin-bottom:15px}.page-title{background:linear-gradient(100deg,#103b22ed,#174d2db3),url('assets/images/building-front.jpg') center/cover;color:#fff;padding:65px 0}.page-title h1{font: bold clamp(32px,4vw,48px) Georgia,serif;margin:0}.entry-content{padding:55px 0;min-height:300px}.entry-content img{max-width:100%;height:auto}@media(max-width:900px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:10px 4%;box-shadow:0 10px 20px #0001}.main-nav.open{display:block}.main-nav ul{display:block}.main-nav a{padding:12px 0;border-bottom:1px solid #edf1ed}.main-nav .sub-menu{position:static;box-shadow:none;padding-left:20px}.info-grid{grid-template-columns:1fr}.about-grid,.contact-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero,.hero-content{min-height:480px}}@media(max-width:560px){.brand img{width:56px;height:56px}.brand{min-width:0}.brand-title{font-size:17px}.brand-sub{font-size:10px}.hero,.hero-content{min-height:450px}.hero p{font-size:16px}.btn.secondary{margin:10px 0 0}.feature-grid,.footer-grid,.form-row{grid-template-columns:1fr}.section{padding:55px 0}.about-image img{height:280px}.gallery-grid{gap:8px}}
