/*

    The following CSS codes are created by the YellowPencil plugin.
    https://yellowpencil.waspthemes.com/


    T A B L E   O F   C O N T E N T S
    ........................................................................

    01. Global Styles

*/



/*-----------------------------------------------*/
/*  Global Styles                                */
/*-----------------------------------------------*/
body .header-m .site-branding img{
	width:401px;
}

body #page #masthead .header-m .container .site-branding .custom-logo-link img{
	height:auto !important;
}

body #main nav{
	display:none;
}

body #masthead .header-bottom{
	background-color:#e67e22;
}

body #search{
	background-color:#e67e22;
}

body #welcome{
	margin-top:-10px;
}

body #welcome .header-part .section-title{
	color:#e67e22;
	padding-top:15px;
}

body #courses .header-part h2{
	color:#e67e22;
}

body .header-m .info-box:nth-child(4){

	position:relative;
	left:-20px;
}

body #header{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	background-image:url("https://shantha.ac.in/wp-content/plugins/waspthemes-yellow-pencil/assets/ps_neutral.png");
}

body #slider .owl-carousel div div div .row .slider-img img{
	height:auto !important;
	overflow:visible !important;
}

body #slider .active img{
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
}

body #course-fields .carousel-item{
	margin-top:0px !important;
}

body #psacp-post-slider-wrap-1 .active .psacp-col-left{
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
}

body #psacp-post-slider-wrap-1 .active .psacp-featured-meta{
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
	background-color:#bdccdf;
}

body #popular-topics{
	margin-top:20px;
}

body #menu-main-menu .sub-menu .menu-item{
	width:250px;
	background-color:#eaeeef;
}

body .content_page .feature-box{
	background-image:url("https://shantha.ac.in/wp-content/uploads/2025/09/shantha-vidyaniketan-cbse-school.jpg");
}

body .vc_pageable-slide-wrapper .vc_grid-item h4{
	font-size:24px !important;
	color:#16a085 !important;
	font-family:'Coustard', serif;
	font-weight:600;
	text-align:center !important;
}

body .vc_pageable-slide-wrapper .vc_grid-item .vc_btn3-container{
	text-align:center;
}

body .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem-col{
	background-image:-webkit-linear-gradient(left, #c9d6ff 0%, #e2e2e2 100%);
	background-image:-o-linear-gradient(left, #c9d6ff 0%, #e2e2e2 100%);
	background-image:linear-gradient(to right, #c9d6ff 0%, #e2e2e2 100%);
}

body .vc_pageable-slide-wrapper .vc_grid-item .vc_grid-item-mini{
	border-width:2px;
	border-style:solid;
	border-color:#bdc3c7;
	-webkit-box-shadow:2px 2px 6px 0px #95a5a6;
	box-shadow:2px 2px 6px 0px #95a5a6;
}

body #pagesinwidgets_page_section-2 .wpb_wrapper h3{
	color:#c0392b;
}

body #popular-topics h2 span{
	color:#9b59b6;
}

body #popular-topics h5{
	font-size:17px;
}

body .wpb_text_column .wpb_wrapper p{
	font-size:17px;
}

body #our-facilities{
	background-repeat:repeat;
	background-size:auto;
	background-color:#bdc3c7;
}

@media (max-width:767px){

	body #topbar .text-lg-left{
	text-align:left !important;
	}

}



@media (max-width:450px){

	body #mySidenav{
	display:none;
}

body #header .col-lg-2{
	text-align:center;
	padding-bottom:10px;
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
	padding-top:10px;
	background-color:#d5dce0;
}

body #popular-topics{
	padding-top:200px;
}

body #slider .owl-carousel div div div .row .slider-text h2{
	font-size:20px !important;
	margin-left:-29px !important;
	}

}



@media (min-width:451px){

	body #popular-topics{
	padding-top:20px;
	}

}



@media (min-width:641px){

	body #psacp-post-slider-wrap-1 .active .psacp-col-left{
	padding-right:0px;
	}

}



@media (min-width:721px){

	body #popular-topics{
	padding-bottom:20px;
	}

}



@media (min-width:768px){

	body #welcome{
	padding-top:0px;
	}

}