/*====================================================
 ANAND SUDHA
 Responsive Stylesheet
=====================================================*/

/*====================================================
 LARGE DESKTOP (1600px+)
=====================================================*/
@media (min-width:1600px){

.container{
    max-width:1450px;
}

.hero h1{
    font-size:96px;
}

.hero h2{
    font-size:48px;
}

.section-title{
    font-size:56px;
}

}

/*====================================================
 DESKTOP
=====================================================*/
@media (max-width:1399px){

.topbar{
    display:none;
}

.navbar{
    background:white!important;
}

.navbar-brand{
    color:var(--primary)!important;
}

.navbar-brand{
    font-size:22px;
}

.navbar-brand img{
    height:48px;
    width:48px;
}

.nav-link{
    color:var(--dark)!important;
    padding:10px 6px!important;
    font-size:13px;
}

.navbar-collapse{
    padding-top:16px;
}

.language-switcher{
    padding-left:0;
    padding-top:8px;
}

.lang-toggle{
    background:#fff3e8;
    border-color:rgba(200,102,26,.2);
}

.lang-btn{
    color:var(--dark);
}

.hero h1{
    font-size:72px;
}

.hero h2{
    font-size:36px;
}

.section-title{
    font-size:42px;
}

}

/*====================================================
 LAPTOP
=====================================================*/
@media (max-width:1199px){

.navbar-brand img{
    height:50px;
    width:50px;
}

.nav-link{
    padding:10px 8px!important;
    font-size:14px;
}

.hero h1{
    font-size:62px;
}

.hero h2{
    font-size:32px;
}

.hero p{
    font-size:18px;
}

.timeline{
    padding-left:15px;
}

}

/*====================================================
 TABLET
=====================================================*/
@media (max-width:991px){

section{
    padding:70px 0;
}

.topbar{
    display:none;
}

.navbar{
    background:white!important;
}

.navbar-brand{
    color:var(--primary)!important;
}

.nav-link{
    color:var(--dark)!important;
    padding:12px 0!important;
}

.dropdown-menu{
    box-shadow:none;
    border:1px solid #eee;
}

.hero{
    height:auto;
    min-height:100vh;
    padding:120px 0 80px;
}

.hero-content{
    text-align:center;
}

.hero h1{
    font-size:52px;
}

.hero h2{
    font-size:30px;
}

.hero p{
    font-size:17px;
    margin:auto;
    margin-bottom:35px;
}

.hero-buttons{
    justify-content:center;
}

.section-title{
    font-size:38px;
}

.page-hero{
    min-height:360px;
    padding:130px 0 70px;
}

.page-content h1{
    font-size:44px;
}

.page-content p{
    font-size:18px;
}

.gallery-large img,
.gallery-wide img,
.gallery-item img{
    height:320px;
}

.publication-enquiry-box{
    align-items:flex-start;
    flex-direction:column;
}

.about-section img,
.guru-section img,
.event-image img{
    margin-bottom:40px;
}

.timeline::before{
    left:15px;
}

.timeline-item{
    padding-left:55px;
}

.timeline-item::before{
    left:3px;
}

.event-card,
.activity-card,
.social-card,
.video-card,
.stat-box{
    margin-bottom:25px;
}

footer{
    text-align:center;
}

footer .social-icons{
    justify-content:center;
}

}

/*====================================================
 MOBILE LANDSCAPE
=====================================================*/
@media (max-width:767px){

section{
    padding:60px 0;
}

.hero{
    padding-top:110px;
}

.hero h1{
    font-size:42px;
}

.hero h2{
    font-size:26px;
}

.hero p{
    font-size:16px;
}

.hero-buttons{
    flex-direction:column;
}

.hero-buttons .btn{
    width:100%;
}

.section-title{
    font-size:32px;
}

.page-hero{
    min-height:320px;
    padding:120px 0 58px;
}

.page-content h1{
    font-size:36px;
}

.page-content p{
    font-size:16px;
}

.gallery-filter{
    display:flex;
    gap:10px;
    overflow-x:auto;
    padding-bottom:8px;
}

.gallery-filter .btn{
    flex:0 0 auto;
}

.book-cover-wrap{
    height:330px;
}

.section-tag{
    font-size:14px;
    padding:8px 18px;
}

.event-ticker{
    flex-direction:column;
    height:auto;
}

.ticker-label{
    width:100%;
    text-align:center;
    padding:12px;
}

.ticker{
    width:100%;
}

.ticker-track span{
    font-size:15px;
    padding:0 30px;
}

.timeline{
    padding-left:10px;
}

.timeline::before{
    left:12px;
}

.timeline-item{
    padding-left:45px;
}

.timeline-item::before{
    width:20px;
    height:20px;
    left:3px;
}

.timeline-box{
    padding:20px;
}

.calendar-toolbar{
    grid-template-columns:44px 1fr 44px;
}

.calendar-month-select{
    grid-column:1 / -1;
}

.calendar-day{
    min-height:124px;
    padding:8px;
}

.calendar-item{
    font-size:12px;
    padding:6px;
}

.event-date{
    width:70px;
    height:70px;
    font-size:18px;
}

.gallery img{
    height:220px;
}

.video-card img{
    height:220px;
}

.quote-box h3{
    font-size:28px;
}

.donation{
    text-align:center;
}

.visit iframe{
    margin-top:30px;
}

}

/*====================================================
 SMALL MOBILE
=====================================================*/
@media (max-width:575px){

.container{
    padding-left:18px;
    padding-right:18px;
}

.hero h1{
    font-size:36px;
}

.hero h2{
    font-size:22px;
}

.hero p{
    font-size:15px;
}

.section-title{
    font-size:28px;
}

.page-content h1{
    font-size:30px;
}

.page-content p{
    font-size:15px;
}

.gallery-large img,
.gallery-wide img,
.gallery-item img{
    height:240px;
}

.book-cover-wrap{
    height:300px;
}

.book-card-body h4{
    font-size:21px;
}

.event-calendar-card{
    padding:16px;
}

.calendar-toolbar h3{
    font-size:26px;
}

.calendar-legend{
    justify-content:flex-start;
    flex-wrap:wrap;
}

.calendar-weekdays div{
    padding:9px 2px;
    font-size:12px;
}

.calendar-weekdays{
    display:none;
}

.event-calendar-grid{
    display:block;
    border:0;
}

.calendar-day{
    display:grid;
    grid-template-columns:46px 1fr;
    gap:10px;
    min-height:auto;
    padding:10px;
    border:1px solid rgba(63,45,31,.1);
    border-radius:8px;
    margin-bottom:10px;
}

.calendar-day.is-empty,
.calendar-day:not(:has(.calendar-item)){
    display:none;
}

.calendar-date-number{
    width:40px;
    height:40px;
    border-radius:50%;
    background:#fff3e8;
    color:var(--primary);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    margin-bottom:0;
}

.calendar-items{
    min-width:0;
}

.calendar-item{
    width:100%;
    font-size:13px!important;
    line-height:1.35;
    padding:8px 9px;
}

.newsletter-form .btn,
.donation form .btn{
    margin-top:12px;
}

.activity-card{
    padding:30px 20px;
}

.activity-card i{
    font-size:44px;
}

.activity-card h4{
    font-size:20px;
}

.stat-box{
    padding:30px 20px;
}

.stat-box h2{
    font-size:38px;
}

.event-card{
    padding:25px;
}

.gallery img{
    height:180px;
}

.video-card img{
    height:190px;
}

.social-card{
    padding:30px 20px;
}

.social-card i{
    font-size:48px;
}

.quote-box h3{
    font-size:24px;
}

footer{
    padding-top:60px;
}

footer h3{
    font-size:28px;
}

.social-icons a{
    width:42px;
    height:42px;
    font-size:16px;
}

#backToTop{
    width:48px;
    height:48px;
    right:15px;
    bottom:15px;
}

}

/*====================================================
 VERY SMALL DEVICES
=====================================================*/
@media (max-width:360px){

.hero h1{
    font-size:30px;
}

.hero h2{
    font-size:20px;
}

.section-title{
    font-size:24px;
}

.btn{
    padding:12px 20px;
    font-size:14px;
}

.gallery img{
    height:160px;
}

}

/*====================================================
 PRINT
=====================================================*/
@media print{

header,
footer,
#backToTop,
.hero video,
.topbar,
.event-ticker,
.social-wall,
.donation{

display:none!important;

}

body{

background:white;

color:black;

}

section{

padding:20px 0;

}

a{

color:black;

text-decoration:none;

}

}