/*====================================================
TEMPLE CMS STYLE
Uses CSS Variables from theme.php
====================================================*/


/*====================================================
RESET
====================================================*/

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:var(--font-family);

font-size:var(--body-size);

color:var(--body-text);

background:#fff;

line-height:1.8;

overflow-x:hidden;

}

img{

max-width:100%;

display:block;

height:auto;

}

a{

text-decoration:none;

transition:.35s;

}

ul{
list-style:none;
padding:0;
margin:0;
}

.container{
max-width:var(--container-width);
}



/*====================================================
TOP HEADER
====================================================*/

.top-header{

background:var(--header-bg);

padding:2px 0;

box-shadow:var(--card-shadow);

}

.site-logo{

max-width:150px;

width:100%;

height: auto;

}

.site-tagline{

font-size:15px;

font-weight:600;

color:var(--primary-color);

margin-bottom:2px;

}

.site-title{

font-size:var(--page-heading-size);

color:var(--page-heading);

font-weight:700;

margin:0;

}

.site-subtitle{

margin-top:2px;

font-size:20px;

color:var(--secondary-color);

font-weight:500;

}

.contact-item{

margin-bottom:10px;

}

.contact-item a{

color:var(--page-heading);

font-weight:600;

}

.contact-item a:hover{

color:var(--primary-color);

}



/*====================================================
WELCOME STRIP
====================================================*/

.welcome-strip{

background:var(--primary-color);

color:#fff;

padding:10px 0;

font-weight:600;

}

.welcome-strip marquee{

margin:0;

}



/*====================================================
NAVBAR
====================================================*/

.navbar{

background:var(--secondary-color)!important;

box-shadow:var(--card-shadow);

padding:0;

}

.navbar-brand{

color:#fff!important;

font-size:24px;

font-weight:700;

}

.navbar-toggler{

border:none;

}

.navbar-toggler:focus{

box-shadow:none;

}

.navbar-nav .nav-link{

padding:18px;

font-weight:600;

color:#fff!important;

transition:.3s;

}

.navbar-nav .nav-link:hover{

background:var(--primary-color);

color:#fff!important;

}

.active-menu{

background:var(--primary-color);

color:#fff!important;

}



/*====================================================
PAGE BANNER
====================================================*/

.page-banner{

background:linear-gradient(

135deg,

var(--primary-color),

var(--secondary-color)

);

padding:70px 0;

text-align:center;

color:#fff;

}

.page-banner h1{

font-size:var(--page-heading-size);

font-weight:700;

margin-bottom:10px;

color:#fff;

}

.page-banner p{

font-size:var(--page-subheading-size);

color:#fff;

}

.breadcrumb{

background:none;

justify-content:center;

}

.breadcrumb a{

color:#fff;

}

.breadcrumb-item.active{

color:#ffd54f;

}

.breadcrumb-item+.breadcrumb-item::before{

color:#fff;

}
/*====================================================
SECTION TITLE
====================================================*/

.section-title{

font-size:var(--section-heading-size);

font-weight:700;

color:var(--section-heading);

text-align:center;

margin-bottom:30px;

position:relative;

}

.section-title::after{

content:"";

display:block;

width:80px;

height:4px;

background:var(--primary-color);

margin:12px auto 0;

border-radius:20px;

}


/*====================================================
BUTTONS
====================================================*/

.btn-theme{

display:inline-block;

padding:12px 28px;

background:var(--button-color);

color:var(--button-text);

border:none;

border-radius:var(--radius);

font-weight:600;

transition:.35s;

cursor:pointer;

}

.btn-theme:hover{

background:var(--button-hover);

color:#fff;

transform:translateY(-3px);

}

.btn-theme:focus{

box-shadow:none;

}


/*====================================================
BOOTSTRAP BUTTON OVERRIDE
====================================================*/

.btn-primary{

background:var(--button-color);

border-color:var(--button-color);

}

.btn-primary:hover{

background:var(--button-hover);

border-color:var(--button-hover);

}

.btn-warning{

background:var(--button-color);

border:none;

color:#fff;

}

.btn-warning:hover{

background:var(--button-hover);

color:#fff;

}


/*====================================================
CARDS
====================================================*/

.card{

border:none;

border-radius:var(--card-radius);

box-shadow:var(--card-shadow);

overflow:hidden;

transition:.35s;

}

.card:hover{

transform:translateY(-6px);

}

.card-body{

padding:25px;

}

.card-custom{

border:none;

border-radius:var(--card-radius);

box-shadow:var(--card-shadow);

overflow:hidden;

background:#fff;

}


/*====================================================
EVENT CARD
====================================================*/

.event-card{

border:none;

border-radius:var(--card-radius);

overflow:hidden;

box-shadow:var(--card-shadow);

transition:.35s;

}

.event-card:hover{

transform:translateY(-8px);

}

.event-image{

height:250px;

overflow:hidden;

}

.event-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}

.event-card:hover img{

transform:scale(1.08);

}

.event-title{

font-size:24px;

font-weight:700;

color:var(--page-heading);

}

.event-date{

color:var(--primary-color);

font-weight:600;

margin:12px 0;

}

.event-desc{

color:var(--body-text);

}


/*====================================================
GALLERY
====================================================*/

.gallery-item{

position:relative;

overflow:hidden;

border-radius:var(--card-radius);

box-shadow:var(--card-shadow);

background:#fff;

}

.gallery-item img{

width:100%;

height:230px;

object-fit:cover;

transition:.5s;

}

.gallery-item:hover img{

transform:scale(1.08);

}

.gallery-overlay{

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:rgba(0,0,0,.45);

display:flex;

justify-content:center;

align-items:center;

opacity:0;

transition:.35s;

}

.gallery-item:hover .gallery-overlay{

opacity:1;

}

.gallery-overlay i{

font-size:36px;

color:#fff;

}


/*====================================================
FORMS
====================================================*/

.form-control,

.form-select{

padding:12px;

border-radius:var(--radius);

border:1px solid #ddd;

box-shadow:none;

transition:.3s;

}

textarea.form-control{

resize:vertical;

}

.form-control:focus,

.form-select:focus{

border-color:var(--primary-color);

box-shadow:0 0 0 .2rem rgba(255,102,0,.15);

}


/*====================================================
TABLES
====================================================*/

.table{

background:#fff;

border-radius:var(--card-radius);

overflow:hidden;

box-shadow:var(--card-shadow);

}

.table th{

background:var(--primary-color);

color:#fff;

}

.table td{

vertical-align:middle;

}


/*====================================================
ALERTS
====================================================*/

.alert{

border:none;

border-radius:var(--radius);

box-shadow:var(--card-shadow);

}

/*====================================================
HOME SLIDER
====================================================*/

.carousel{

margin-bottom:0;

}

.carousel-item{

height:600px;

}

.carousel-item img{

width:100%;

height:600px;

object-fit:cover;

}

.carousel-caption{

background:rgba(0,0,0,0);

padding:35px;

border-radius:var(--card-radius);

bottom:15%;

max-width:700px;

margin:auto;

left:0;

right:0;

}

.carousel-caption h1{

font-size:48px;

font-weight:700;

color:#fff;

margin-bottom:20px;

}

.carousel-caption p{

font-size:20px;

color:#fff;

margin-bottom:25px;

}

.carousel-control-prev-icon,

.carousel-control-next-icon{

background-color:rgba(0,0,0,.5);

padding:20px;

border-radius:50%;

}


/*====================================================
WELCOME SECTION
====================================================*/

.welcome-section{

padding:70px 0;

}

.welcome-section img{

border-radius:var(--card-radius);

box-shadow:var(--card-shadow);

}

.welcome-content h2{

font-size:var(--section-heading-size);

color:var(--section-heading);

margin-bottom:20px;

}

.welcome-content p{

font-size:17px;

line-height:1.9;

}


/*====================================================
FEATURE BOX
====================================================*/

.feature-box{

background:#fff;

padding:30px;

border-radius:var(--card-radius);

box-shadow:var(--card-shadow);

text-align:center;

height:100%;

transition:.35s;

}

.feature-box:hover{

transform:translateY(-8px);

}

.feature-box i{

font-size:50px;

color:var(--primary-color);

margin-bottom:20px;

}

.feature-box h4{

font-size:22px;

margin-bottom:15px;

color:var(--page-heading);

}


/*====================================================
LIVE DARSHAN
====================================================*/

.youtube-box{

border-radius:var(--card-radius);

overflow:hidden;

box-shadow:var(--card-shadow);

}

.youtube-box iframe{

width:100%;

height:420px;

border:none;

}


/*====================================================
NOTICE BOARD
====================================================*/

.notice-board{

background:#fff;

padding:25px;

border-radius:var(--card-radius);

box-shadow:var(--card-shadow);

}

.notice-board marquee{

height:300px;

}

.notice-board p{

margin-bottom:18px;

padding-bottom:18px;

border-bottom:1px solid #eee;

}


/*====================================================
BOOKING FORM
====================================================*/

.booking-form{

background:#fff;

padding:30px;

border-radius:var(--card-radius);

box-shadow:var(--card-shadow);

}


/*====================================================
HOME CTA
====================================================*/

.cta-section{

padding:70px 0;

background:linear-gradient(

135deg,

var(--primary-color),

var(--secondary-color)

);

color:#fff;

text-align:center;

}

.cta-section h2{

font-size:40px;

font-weight:700;

color:#fff;

margin-bottom:20px;

}

.cta-section p{

font-size:18px;

margin-bottom:30px;

color:#fff;

}


/*====================================================
ICON BOX
====================================================*/

.icon-circle{

width:80px;

height:80px;

background:var(--primary-color);

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

margin:auto;

font-size:36px;

margin-bottom:20px;

}


/*====================================================
HOME CARDS
====================================================*/

.home-card{

background:#fff;

border-radius:var(--card-radius);

box-shadow:var(--card-shadow);

overflow:hidden;

height:100%;

transition:.35s;

}

.home-card:hover{

transform:translateY(-8px);

}

.home-card img{

height:220px;

object-fit:cover;

}


/*====================================================
SCROLL ANIMATION
====================================================*/

.fade-up{

opacity:0;

transform:translateY(40px);

transition:.7s;

}

.fade-up.show{

opacity:1;

transform:none;

}


/*====================================================
RESPONSIVE
====================================================*/

@media(max-width:991px){

.carousel-item{

height:450px;

}

.carousel-item img{

height:450px;

}

.carousel-caption{

padding:20px;

bottom:10%;

}

.carousel-caption h1{

font-size:34px;

}

.youtube-box iframe{

height:320px;

}

}

@media(max-width:768px){

.carousel-item{

height:300px;

}

.carousel-item img{

height:300px;

}

.carousel-caption{

display:block!important;

padding:15px;

bottom:5%;

}

.carousel-caption h1{

font-size:24px;

}

.carousel-caption p{

font-size:15px;

}

.youtube-box iframe{

height:220px;

}

.notice-board marquee{

height:220px;

}

.feature-box{

margin-bottom:20px;

}

}

/*====================================================
ABOUT PAGE
====================================================*/

.about-image{

overflow:hidden;

border-radius:var(--card-radius);

box-shadow:var(--card-shadow);

}

.about-image img{

width:100%;

transition:.5s;

}

.about-image:hover img{

transform:scale(1.05);

}

.about-content{

padding:10px;

}

.about-content h2{

font-size:var(--section-heading-size);

color:var(--section-heading);

margin-bottom:20px;

}

.about-content p{

font-size:17px;

line-height:1.9;

margin-bottom:18px;

}


/*====================================================
CONTACT PAGE
====================================================*/

.contact-info{

background:#fff;

padding:30px;

border-radius:var(--card-radius);

box-shadow:var(--card-shadow);

height:100%;

}

.contact-info i{

font-size:40px;

color:var(--primary-color);

margin-bottom:15px;

}

.contact-info h4{

margin-bottom:12px;

color:var(--page-heading);

}

.contact-info a{

color:var(--body-text);

}

.contact-info a:hover{

color:var(--primary-color);

}

.contact-form{

background:#fff;

padding:30px;

border-radius:var(--card-radius);

box-shadow:var(--card-shadow);

}


/*====================================================
MAP
====================================================*/

.map-box{

overflow:hidden;

border-radius:var(--card-radius);

box-shadow:var(--card-shadow);

}

.map-box iframe{

width:100%;

height:350px;

border:0;

}


/*====================================================
FOOTER
====================================================*/

.footer-section{

background:var(--footer-bg);

color:#fff;

padding:70px 0 40px;

}

.footer-title{

color:#ffc107;

font-size:24px;

font-weight:700;

margin-bottom:20px;

}

.footer-text{

line-height:1.9;

}

.footer-links{

padding:0;

margin:0;

}

.footer-links li{

margin-bottom:12px;

}

.footer-links a{

color:#fff;

transition:.3s;

}

.footer-links a:hover{

color:#ffc107;

padding-left:6px;

}

.footer-social{

margin-top:20px;

}

.footer-social a{

display:inline-flex;

align-items:center;

justify-content:center;

width:42px;

height:42px;

background:#fff;

color:var(--primary-color);

border-radius:50%;

margin-right:10px;

transition:.3s;

}

.footer-social a:hover{

background:var(--primary-color);

color:#fff;

transform:translateY(-4px);

}


/*====================================================
COPYRIGHT
====================================================*/

.copyright{

background:#2b0202;

color:#fff;

padding:18px 0;

font-size:15px;

}


/*====================================================
WHATSAPP FLOAT
====================================================*/

.whatsapp-float{

position:fixed;

left:20px;

bottom:20px;

width:60px;

height:60px;

background:#25D366;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

box-shadow:var(--card-shadow);

z-index:9999;

transition:.3s;

}

.whatsapp-float:hover{

transform:scale(1.1);

color:#fff;

}


/*====================================================
BACK TO TOP
====================================================*/

.back-to-top{

position:fixed;

right:20px;

bottom:95px;

width:50px;

height:50px;

background:var(--button-color);

color:#fff;

border:none;

border-radius:50%;

display:none;

align-items:center;

justify-content:center;

font-size:20px;

cursor:pointer;

z-index:9999;

transition:.3s;

box-shadow:var(--card-shadow);

}

.back-to-top:hover{

background:var(--button-hover);

}


/*====================================================
PAGE LOADER
====================================================*/

#pageLoader{

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

background:#fff;

display:flex;

align-items:center;

justify-content:center;

z-index:999999;

}

.loader-box{

text-align:center;

}

.loader-logo{

max-height:120px;

margin-bottom:20px;

}

.loader-spinner{

width:60px;

height:60px;

border-radius:50%;

border:5px solid #eee;

border-top:5px solid var(--primary-color);

animation:loaderSpin .8s linear infinite;

margin:auto;

}

.loader-text{

margin-top:20px;

font-size:20px;

font-weight:600;

color:var(--primary-color);

}

@keyframes loaderSpin{

100%{

transform:rotate(360deg);

}

}


/*====================================================
UTILITY CLASSES
====================================================*/

.bg-theme{

background:var(--primary-color);

color:#fff;

}

.text-theme{

color:var(--primary-color);

}

.shadow-theme{

box-shadow:var(--card-shadow);

}

.rounded-theme{

border-radius:var(--card-radius);

}

.border-theme{

border:1px solid rgba(0,0,0,.08);

}


/*====================================================
FINAL RESPONSIVE
====================================================*/

@media(max-width:768px){

.footer-section{

text-align:center;

}

.footer-social{

justify-content:center;

}

.map-box iframe{

height:250px;

}

.contact-info,

.contact-form{

margin-bottom:25px;

}

.whatsapp-float{

width:55px;

height:55px;

font-size:28px;

}

.back-to-top{

bottom:85px;

}

}