/* 

Theme Name: Niraj

Theme URI: http://nirajinternationalschool.com

Description: Niraj International Responsive theme

Template: responsive

Version: 1.0.0

Author: Netmediums

Author URI: https://netmediums.net/



*/



@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);



	




/*  GLOBAL Settings

------------------------------------------------ */



body, html {

	line-height: 150%;

	color: #222222;

	background-color: #F0EDE5;

}



h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .widget-title {

	font-family: 'Open Sans', sans-serif;

	font-weight:500;

	color: #006699;

}



h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 {

	line-height: 150%;

}



h1 {

	margin-top: 0.8em;

	margin-bottom: 1.2em;

}



h3 {

	font-size: 20px;

	font-weight: bold;

}



*, *:before, *:after {

    -moz-box-sizing: inherit;

}



hr {

	margin: 1.6em 0;

}



.home hr {

	background-color:transparent;

}



select, input[type="text"], input[type="password"], input[type="email"] {

	 -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    -moz-box-sizing: border-box;

    background-color: #CAECF9;

    border-color: #1BA4D8;

    border-image: none;

    border-radius: 2px 2px 2px 2px;

    border-style: solid;

    border-width: 0px;

    box-shadow: none 0;

    cursor: text;

    margin: 0;

    outline: medium none;

    padding: 9px 9px;

    vertical-align: middle;

    width: 100%;

	color: #666;

}



area, textarea {

	-moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    -moz-box-sizing: border-box;

    background-color: #CAECF9;

    border-color: #1BA4D8;

    border-image: none;

    border-radius: 2px 2px 2px 2px;

    border-style: solid;

    border-width: 0px;

    box-shadow: none 0;

    height: auto;

    margin: 0;

    outline: medium none;

    overflow: auto;

    padding: 8px 10px;

    width: 100%;

	color: #666;

}



input[type="submit"] {

	background-color: #0099cc;

    background-image: none;

    box-shadow: none;

	border: 0 none;

    text-shadow: none;

	color: #fff;

}



input[type="submit"]:hover {

	background-color: #006699;

    background-image: none;

    border: 0px solid #8E0B52;

    color: #FFFFFF;

    text-shadow: none;

	box-shadow: none;

}



input {

	max-width: 450px;

}



table p {

	margin: 0 auto;

}





a.button {

	box-shadow: none 0;

}



.blockquote {

	background-color: transparent;

	border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #0099cc;

	padding: 0 0 0 1em;

	margin-right: 3em;

}



#container {

	background-color: #fff;

	min-width: 100%;

	padding: 0 0px; 

}



#wrapper {

	border: 0px;

	padding:  0;

	margin: 2px auto 0;

}



#content {

	margin-top: 40px;

}



/* =HEADER elements

-------------------------------------------------------------- */



#headertop {

	width:30%;

	margin:0 auto;

	height: 32px;

	clear:right;

	float:right;

	background-color: #fff;

	text-align: right;

	padding:10px 0 0 0;

	color: #ccc;

}



#headertop ul {

	min-width: 100px;

	margin:0 auto;

}



#headertop li {

	list-style-type: none;

	width:32px;

	height:32px;

	line-height:32px;

	text-align:center;

	float:right;

	font-size:20px;

	color: #fff;

	margin-right:10px;

}



#headertop li a {

	color: #fff;

}



#headertop li.social {

	background: #ccc;

	display: inline-block;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}


#header {

	background-color: #fff;

}



#logo {

	padding: 0px 0 0 19px;

	margin-bottom: 10px;

}



#top-widget #headercall {

	margin:70px auto 10px;

}



#top-widget .callbg {

	padding: 4px;

	color: #fff;

	margin:0 auto;

	font-weight: bold;

}



a.orange {

	background-color: #FCBC5B;

    background-image: none;

    border: 0px solid #8E0B52;

    color: #FFFFFF;

    text-shadow: none 0;

}



a.orange:hover {

	background-color: #FEA115;

    background-image: none;

    border: 0px solid #8E0B52;

    color: #FFFFFF;

    text-shadow: none 0;

}





/*  NAVIGATION MENU

--------------------------------------- */



.menu {

	background-color: #2270B2;

	background-image: none;

	padding: 0 10px;

}



.menu li {

	padding: 5px;

	margin-right: 7px;

}



.menu a {

	height: 40px;

	line-height: 40px;

	color: #fff;

	text-shadow: none;

	padding:0 0.7em;

	border-left: none;

}



.menu a:hover {

	background-image:none;

	background-color: transparent;

	color: #ccc;

}



ul.menu > li:hover {

	background-color: transparent;

	color: #ffffff;

}



.menu .current_page_item a, .menu .current-menu-item a {

	background-color: #2270B2;

	color: #75CDEE;

}



.menu .current_page_item a:hover, .menu .current-menu-item a:hover {

	background-color:#2270B2;

	color: #75CDEE;

}



.menu li li a:hover {

	background-color:#2270B2 !important;

	color: #75CDEE;

}



/* HOME PAGE Styling

---------------------------- */



.home #content {

	margin-top: 0;

}



.front-page #wrapper {

	margin: 4px auto;

}



#features #acad.grid {

	width: 24.90000%;

	margin-right: 0 !important;

}



#features #admissions.grid {

	width: 24.90000%;

	margin-right: 0 !important;

}



#features #campus.grid {

	width: 24.90000%;

	margin-right: 0 !important;

}



#features #activities.grid {

	width: 24.90000%;

	margin-right: 0 !important;

}



#features {

	font-size: 13px;

	color: #fff;

	margin-top: 4px;

}



#features p, #features h3 {

	padding: 3px 5px;

}



#features p {

	text-align: justify;

}



#features .social a {

	padding: 0;

	margin: 0 none;

}



#features a.button {

	margin: 0 0 10px 5px;

}



#features h3 {

	color: #fff;

	margin-top: 0.4em;

}



#features span {

	margin: 10px 0 0 5px;

	padding: 0;

	font-size: 16px;

	line-height: 30px;

	letter-spacing: 1px;

}



#features span.social {

	background: none repeat scroll 0 0 #006699;

    border-radius: 50%;

    display: inline-block;

	color: #fff;

    height: 32px;

	width: 32px;

	font-size: 18px;

	line-height: 32px;

    text-align: center;

	letter-spacing: 0;

}



#features .feat {

	border-right: 1px solid #fff;

}



#features #admissions {

	background-color: #0099cc;

	margin-bottom: 5px;

}



#features #campus {

	background-color: #66CC66;

	margin-bottom: 5px;

}



#features #activities {

	background-color: #F3BD01;

	margin-bottom: 5px;

}



#features #acad {

	background-color: #EC5F00;

	margin-bottom: 5px;

}



a.white {

	background-color: #fff;

    background-image: none;

    border: 0px solid #115290;

    color: #333;

    text-shadow: 0;

	font-size: 12px;

}



a.white:hover {

	background-color: #e5e5e5;

    background-image: none;

    border: 0px solid #8E0B52;

    color: #333;

    text-shadow: none;

	box-shadow: none;

}



.page-template-front-page-php hr {

	margin: 0;

	background: transparent;

}



#blurb {

	background-color: #6FD297;

	padding: 20px 0px;

	border-left: 10px solid #006699;

	border-right: 0px solid #ccc;

	border-top: 0px solid #ccc;

	border-bottom: 0px solid #ccc;

	margin: 10px auto 20px;

	text-align: center;

	max-width: 950px;

}



#blurb p {

	font-size: 2em;

	margin-top: 0.3em;

	margin-bottom: 0.3em;

	color: #fff;

}



#blurb a.button {

	font-size: 21px;

	line-height:150%;

	padding: 6px 20px;

	margin-left: 30px;

}



a.blue {

	background-color: #0099cc;

    background-image: none;

    border: 0px solid #115290;

    color: #FFFFFF;

    text-shadow: none;

	box-shadow: none;

}



a.blue:hover {

	background-color: #006699;

    background-image: none;

    border: 0px solid #8E0B52;

    color: #FFFFFF;

    text-shadow: none;

	box-shadow: none;

}



#enquiry form p {

	margin: 0 0 1em 0;

}



#noticeboard {

	background-color: #EBE8E0;

	margin-top: 10px;

}



#noticeboard h3 {

	padding-left: 5px;

	margin-top: 0.4em;

}



.spe_link

{

	padding-left:10px;

	padding-right:10px;

	font-size:14px;

	font-weight:bold;

}





.spe_excerpt

{

	padding-left:10px;

	padding-right:10px;

	margin-bottom: 20px;

}



/* Posts Styling

-------------------------- */



h1.post-title {

	text-transform: uppercase;

	font-size: 2.225em;

	font-weight: 600;

}



.post-entry {

	padding-bottom: 20px;

}



.post-data {

	display: none;

}



.galleryid-42 img.attachment-medium {

	margin: 0 auto 20px;

}



.galleryid-42 dt {

	margin-top: 0;

}



/* GALLERY Styling

-----------------------------*/



.gallery .gallery-item {

	max-width: 300px;

}



/*  FAQs Page styling

----------------------------- */



.qa-faq-answer a {

	color: #222222;

}



h3.qa-faq-title {

	font-size: 16px;

	margin-top: 0.757em;

	margin-bottom: 0.757em;

}



/* SIDEBAR WIDGETS Styling

------------------------------- */



#widgets {

	margin-top: 60px;

}



.widget-wrapper {

	background-color: transparent;

    border: 1px solid #e9e9e9;

    border-radius: 0px;

    margin: 0 0 40px;

    padding: 0 0 10px 0;

}



.widget-title {

	text-transform: none;

	padding: 8px 20px;

	background-color: #EC5F00;

	color: #fff;

	margin-bottom: 20px;

}



#widgets .textwidget {

	padding: 20px;

}



#widgets form {

    padding: 0 10px;

}





/*  FOOTER Styling

----------------------------- */



#footer {

	max-width: 100%;

	padding: 30px 40px 0 40px;

	background-color: #333;

	font-size: 11px;

	line-height: 180%;

	color: #999;

}



#footer a {

	color: #ccc;

	font-size: 11px;

}



#footer a:hover {

	color: #f2f2f2;

}



#footer .widget-wrapper {

    background-color: transparent;

    border: 0px solid #E5E5E5;

    border-radius: 0px;

    margin: 0 0 20px;

    padding: 00px;

}



#footer .widget-title, #footer .widget-title-home h3 {

	font-size: 18px;

	color: #fff;

	font-weight: bold;

}



#text-3 p {

	margin: 10px auto;

	padding: 0;

	min-width: 260px;

	font-size: 16px;

	line-height: 30px;

	letter-spacing: 1px;

}



#text-3 .social {

	background: none repeat scroll 0 0 #006699;

    border-radius: 50%;

    display: inline-block;

	color: #fff;

    height: 32px;

	width: 32px;

	font-size: 18px;

	line-height: 32px;

    text-align: center;

	margin-right: 20px;

	margin-bottom: 20px;

	letter-spacing: 0;

}



#text-3 .social a {

	color: #fff;

}



#footer #text-4 {

	text-align: center;

}



#wp-admin-bar-cyberchimps{

	display:none

}







/* MEDIA QUERIES

-------------------------------- */





@media screen and (max-width: 985px) {



	body {

	}

	

	.grid, .grid-right {

	float: left;

	}

	

	#features #acad.grid {

	width: 49.80%;

	}



	#features #admissions.grid {

	width: 49.80%;

	}



	#features #campus.grid {

	width: 49.80%;

	}



	#features #activities.grid {

	width: 49.80%;

	}

	

	#features #admissions {

	display:block;

	float:left;

	background-color: #0099cc;

}



	#features #campus {

	display:block;

	float:left;

	background-color: #66CC66;

}



	#features #activities {

	display:block;

	float:left;

	background-color: #F3BD01;

}



	#features #acad {

	display:block;

	float:left;

	background-color: #EC5F00;

}

	

}





@media screen and (max-width: 768px) {



	body {

	}

	

	.grid, .grid-right {

	float: left;

	}



	#blurb a.button {

	margin-top: 15px;

	}

}



@media screen and (max-width: 650px) {



	body {

	}

	

	.grid, .grid-right {

	float: none;

	}

	

	#headertop {

	width: 100%;

	}

	

	#logo {

	text-align: center;

	}

	

	#features #acad.grid {

	width: 100%;

	}



	#features #admissions.grid {

	width: 100%;

	}



	#features #campus.grid {

	width: 100%;

	}



	#features #activities.grid {

	width: 100%;

	}

	

	#blurb {

	padding: 15px;

	}

	

	#blurb p {

	font-size:1.6em;

	}

	

	#blurb a.button {

	margin-top:10px;

	margin-left:60px;

	font-size:18px;

	padding: 6px 15px;

	}

	

	#footer .widget-title, #footer .widget-title-home h3 {

	text-align: center;

	}

	

}



@media screen and (max-width: 480px) {



	body {

	}

	

	.grid, .grid-right {

	float: none;

	}

	

	#headertop {

	width: 100%;

	}

	

	#logo {

	text-align: center;

	}

	

	#top-widget #headercall {

	margin-top:15px;

	}

	

	#slider {

	display: none;

	}

	

	#blurb {

	padding: 10px;

	}

	

	#blurb p {

	font-size:1.2em;

	}

	

	#blurb a.button {

	margin-top:10px;

	margin-left:60px;

	font-size:14px;

	padding: 4px 10px;

	}

	

	#footer .widget-title, #footer .widget-title-home h3 {

	text-align: center;

	}

	

}



@media screen and (max-width: 320px) {



	body {

	}

	

	.grid, .grid-right {

	float: none;

	}

	

	#headertop {

	width: 100%;

	}

	

	#logo {

	text-align: center;

	}

	

	#top-widget #headercall {

	margin-top:15px;

	}

	

	#blurb p {

	font-size:1.0em;

	}

	

	#slider {

	display: none;

	}

	

	

	

}







/*The last 29 days of the month are the hardest."- Nikola Tesla*/