/*
Theme Name: tps
Author: Bytes Infotech - 9467887210
*/	
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Pinyon+Script&family=Roboto+Slab:wght@100..900&display=swap');
        :root {
            --school-maroon: #800020;
            --school-yellow: #ffc107;
        }

        .top-bar {
            background-color: var(--school-maroon);
            color: white;
            font-size: 0.85rem;
            padding: 8px 0;
        }

        .main-header {
            background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), 
                        url('https://www.transparenttextures.com/patterns/white-marble.png');
            padding:10px 0;
            border-bottom: 4px solid var(--school-yellow);
        }

        .school-name {
            color: var(--school-maroon);
            font-weight: 800;
            letter-spacing: 1px;
            margin-bottom: 0;
        }

        .school-tagline {
            font-size: 0.9rem;
            color: #444;
            font-weight: 600;
        }

        .contact-info-box {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .icon-circle {
            background-color: var(--school-maroon);
            color: white;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
        }

        .info-text h6 {
            margin: 0;
            font-weight: 700;
            color: var(--school-maroon);
            font-size: 0.9rem;
        }

        .info-text p {
            margin: 0;
            font-size: 0.85rem;
            font-weight: 600;
        }

        .navbar-school {
            background-color: var(--school-maroon);
        }

        .navbar-school .nav-link {
            color: white !important;
            font-weight: 500;
            padding: 10px 15px !important;
            border-right: 1px solid rgba(255,255,255,0.2);
        }

        .navbar-school .nav-link:hover {
            background-color: rgba(255,255,255,0.1);
        }
/* Footer Container */
.site-footer {
    background-color: #1a1d21; 
    color: #ffffff;
    font-family: sans-serif;
    padding: 60px 0 30px 0;
}

/* Fix 1: Pure White Headings */
.footer-heading {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff !important; /* Forces pure white */
    margin-bottom: 25px;
}

/* Fix 2: Body Text Color */
/* Adjusting to a lighter gray that looks better against the dark background */
.footer-text, 
.footer-menu li a {
    color: #a0a4a8; 
    text-decoration: none;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Fix 3: White Social Icons with Dark Logos */
.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background-color: #ffffff; /* Pure white background as in your image */
    color: #1a1d21 !important; /* Dark icon color inside */
    border-radius: 50%;
    transition: transform 0.2s ease;
    text-decoration: none;
}

.social-icon:hover {
    transform: scale(1.1);
    background-color: #f0f0f0;
}

/* Fix 4: Pure White Copyright Text */
.footer-bottom p {
    color: #ffffff !important; /* Pure white as seen in image */
    font-weight: 500;
}

.footer-bottom.border-top {
    border-color: rgba(255, 255, 255, 0.1) !important;
}
.abthead h2
{
	 color: #580c1f !important; /* Deep maroon text color */
    font-size: 38px !important;
    font-weight:500 !important;
    margin: 0 0 10px 0 !important;
	  font-family: "Roboto Slab", serif !important;
	  margin-bottom:0px !important
}
.abthead h2 span, .subhead h2 strong
{
	font-weight: 800 !important;
}
.subhead h2 { 
	 color: #580c1f !important; /* Deep maroon text color */
    font-size: 32px !important;
    font-weight:500 !important;
    margin: 0 0 0px 0 !important;
	line-height:37px !important;
	  font-family: "Roboto Slab", serif !important;
	  margin-bottom:0px !important
	  lin
}
.gldline .elementor-divider-separator
{
	all: unset;
    height: 4px;
    width: 50%;
    background: linear-gradient(to right, #cca353 0%, #f3e0aa 50%, #cca353 100%);
	    border: none !important;
}
p
{
	  font-family: "Nunito", sans-serif !important;
	  font-size: 16px !important;
    line-height:26px !important;
    text-align: justify !important;
    
}
.elementor-widget-text-editor p
{
	color:black !important;
	      
}
.wlicbox .elementor-icon
{
	border: 4px solid #cca353 !important;
    background-color: white !important;
}

.wlicbox .elementor-icon-box-title
{
	color: #444444 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    letter-spacing: 0.5px !important;
	text-transform:uppercase
}
.chsign h2
{
	font-family: 'Great Vibes', 'Pinyon Script', cursive !important;
    font-size: 40px !important;
    font-weight: 400 !important;
    color: #4A0E17 !important;
    font-style: normal;
    text-transform: none !important;
    letter-spacing: 1px !important;
    line-height: 1.2em !important;
    margin-top: 10px !important;
    margin-left: 15px !important;
    display: inline-block;
    transform: rotate(-10deg) !important;
    transform-origin: left center !important;
}
.facicons
{
   background-color:white;
   border-radius:10px !important
}
.facicons .elementor-image-box-img img
{
	  margin-left:auto;
	  margin-right:auto;
}
.galpics img
{
	width:100% !important;
	height:250px !important;
	border-radius:10px !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item
{
	margin-right:0px
}	
.typing-container {
  display: inline-block;
  min-height: 10px; /* Keeps the container from collapsing when text clears */
}

.typing-text {
  white-space: nowrap;
}
.header {
    margin-bottom: 10px;
    padding: 40px 20px;
    text-align: center;
    box-shadow: 0 7px 0px 1px #800020;
    background-size: contain;
    background-repeat: repeat;
}
.header h1
{
   font-family: 'Roboto Slab';
    color: #800020;
    font-weight: 700;
}
h4
{
	    margin: 0px !important;
    color: #80002d !important;
    border-bottom: dashed 2px #dadada !important;
    padding-bottom: 14px !important;
	font-size:23px !important
}
.cntbox .elementor-icon-box-title { padding-bottom: 5px !important; }
.cntbox .elementor-icon-box-description { padding-top: 5px !important; text-align:center !important }
.home .header {display:none}
#menu-footer-quick-links, #menu-footer-explore-more 
{
	padding-left:15px;
	color:grey
}
#menu-footer-quick-links li, #menu-footer-explore-more li
{
	  list-style-type:square;
	  line-height:30px;
}
.btmdc {font-size:13px !important}
.txtpimg img {float:right;padding:10px 20px}
@media only screen and (max-width:480px)
{
	  .abthead h2, .subhead h2
	  {
		  font-size:26px !important
	  }
	  .contact-info-box {
    display: flex;
    align-items: center;
    width: 70%;
    float: left;
	color: white;
    
}
.contact-info-box	.icon-circle {
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}
}