/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 This is the customs for the usd261 index pages
 
 /* background image for slideshow*/
 .bg-soft: {
 	background-image: url(http://www.usd261.com/Images/district/bg-oilslick.jpg);
	background-repeat: repeat;
	}

 
 
 
/*vertically center content in div*/
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
/*end vertically center content in div*/
.kaushan {
	font-family: kaushan-script;
	font-weight: 400;
	font-style: normal;
	

}
.rajdhani {
	font-family: 'Rajdhani', sans-serif;
	font-weight: 400;
	font-style: normal;
	}
.questial {
	font-family: 'questial', sans-serif;
	font-weight: 400;
	font-style: normal;
	}
	
h1,h2,h3,h4,h5 {
	font-family: 'Rajdhani', sans-serif;
	font-weight: 500;
	}
	
p {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	}
	
#newslinks a:link {
	color: #000000;
}
#newslinks a:visited {
	color: #000000;
}

#newslinks a:hover {
	color: #429EDC;
}



.bluefont {
	color: #429edc;
	}
.blackfont {
	color: #000000;
	}

.bg-black {
	background-color: #505050;
	}

.bg-white {
	background-color: #ffffff;
	}
	
.bg-gray-texture {
	background-image: url(../../../Images/district/bg-gray-texture.jpg);
	background-repeat: repeat;
	}	
	
.whitefont {
	color: #f9f9f9;
	}
.text-xl{
	font-size:xx-large;
	}
		
.border-2color {
	background-image: url(../../../Images/district/border.jpg);
	background-repeat:repeat-x;
	border-bottom-color:#429edc;
	}
	
.border-1color {
	border-bottom-color:#333333;
	border-bottom-width: thin;
	border-bottom-style: inset
	}
	
.padding-top-25 {
	padding-top: 25px;
	}

.btn-align {
	margin-top: inherit;
	}
	

	
.btn-trans{

	background: transparent;
}


.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
  	-webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
            box-shadow: @shadow;
}	


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
 
.indexpic {
  border: 5px solid #fff;  
  float: left;
  height: 300px;
  width: 300px;
  margin: 20px;
  overflow: hidden;
   
  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;  
}

/*use to wrap words in buttons and such*/
.break-word {
		word-wrap: break-word;
}

/*GROW*/
.grow img {
  width: 248px;
 height: 342px;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 298px;
  height: 392px;
}

/*MORPH*/
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.btn-circle {
  width: 49px;
  height: 49px;
  text-align: center;
  padding: 5px 0;
  font-size: 20px;
  line-height: 2.00;
  border-radius: 50%;
  background-color: #429edc;
  
}

.btn-circle-micro {
  width: 19px;
  height: 19px;
  text-align: center;
  padding: 1px 0;
  font-size: 13px;
  line-height: 0.1;
  border-radius: 50%;
  -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
  
}

.btn-circle-sm {
  width: 35px;
  height: 35px;
  text-align: center;
  padding: 2px 0;
  font-size: 20px;
  line-height: 1.65;
  border-radius: 50%;
  	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
  background-color: #429edc;
 
}

.btn-circle-lg {
  width: 79px;
  height: 79px;
  text-align: center;
  padding:11px 0;
  font-size: 30px;
  line-height: 2.0;
  border-radius: 50%;
  	-moz-border-radius: 50%;
	-webkit-border-radius:50%;
  background-color:  #429edc;
}

.btn-circle-xlg {
  width: 150px;
  height: 150px;
  text-align: center;
  padding: 13px 13px;
  font-size: 30px;
  line-height: 2.00;
  border-radius: 50%;
   	-moz-border-radius:50%;
	-webkit-border-radius:50%;
  background-color:  #429edc;
}
/*This class is to vertical center icons in circle*/
.fa-vc {
	line-height: inherit!important;
	}


/*This class adds the fade transition to the carousel along with the html and js code*/

.carousel-fade .carousel-inner > .item {
    transition-property: opacity;
}
.carousel-fade .carousel-inner > .item,
.carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
}
.carousel-fade .carousel-inner > .item.active,
.carousel-fade .carousel-inner > .item.next.left {
    opacity: 1;
}
.carousel-fade .carousel-inner > .next,
.carousel-fade .carousel-inner > .prev,
.carousel-fade .carousel-inner > .active.left,
.carousel-fade .carousel-inner > .active.right {
    left: 0;
}
.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right,
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
    transform: translate3d(0, 0, 0);
}



/*This rule is for the paralax background of the parents index page*/ 
.parents-sections-bg{
	 background-image: url(../../../Images/parents/bg_parent.jpg);	
	  /*background: url('myimage);*/
    background-repeat:no-repeat;
    background-position: top center;
    background-size: cover;
  /*background-size: 100%;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
	 }	
/*End This rule. */	

/*This rule is for the paralax background of the staff index page*/ 
.staff-sections-bg{
	background-color: #000;
	background-image: url('http://www.usd261.com/Images/staff/bg_staff-3.jpg');
	color:#fff;
	 /*background: url('myimage);*/
    background-repeat:no-repeat;
    background-position: top center;
    background-size: cover;
  /*background-size: 100%;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
	}
	
/*End This rule. */

/*This rule is for the paralax background of the staff index page*/ 
.student-sections-bg{
	background-color: #000;
	background-image: url('http://www.usd261.com/Images/students/bg_students.jpg');
	color:#fff;
	 /*background: url('myimage);*/
    background-repeat:no-repeat;
    background-position: top center;
    background-size: cover;
  /*background-size: 100%;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
	}
	
/*End This rule. */

.student2-sections-bg{
	background-color: #000;
	background-image: url('http://www.usd261.com/Images/students/bg_students2.jpg');
	color:#fff;
	 /*background: url('myimage);*/
    background-repeat:no-repeat;
    background-position: top center;
    background-size: cover;
  /*background-size: 100%;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
	}
	
/*End This rule. */

/*Foods Backdrop*/

.foods-sections-bg{
	background-color: #000;
	background-image: url('http://www.usd261.com/Images/Foods/photo/bg_foods.jpg');
	color: #fff;
	/*background: url('myimage);*/
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	/*background-size: 100%;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	}
	
.foods2-sections-bg{
	background-color: #000;
	background-image: url('http://www.usd261.com/Images/Foods/photo/bg_foods3.jpg');
	color:#fff;
	 /*background: url('myimage);*/
    background-repeat:no-repeat;
    background-position: top center;
    background-size: cover;
  /*background-size: 100%;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
	}
	
/*End This rule. */
	
/* Tab Navigation */
.staff-nav-pills {
    padding: 0px;
    border: 1; 
	background: #429edc;
	color: #ffffff;  
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);	
}
.staff-nav-pills > li > a {
  	background: #429edc;
	color: #ffffff;  
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
	}
	
.staff-nav-pills > li > a:focus {
	background: #000000;
	color: #ffffff;
	}
	
.staff-nav-pills > li > a:hover {
    background: #000000;
	color: #ffffff;
}
	
.staff-nav-pills > li.active > a {
    background: #ffffff;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
	color: #000000;
}


/*  PR div background */
.bg_lens {
	background-image: url('http://www.usd261.com/Images/PR/lens.jpg');
	position: fixed;
	width: 100%;
	height: 350px; /*same height as jumbotron */
	top: 0;
	left: 0;
	z-index: -1;
	}

.PRjumbotron {
	background-image:url(http://www.usd261.com/Images/district/pr/bg_lens.png);
	background-repeat: no-repeat;
	
	}

/* end pr background */

/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #429edc;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #429edc;
  background-image: #429edc;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #429edc;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 25px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}
/* End default bhoechie tab */



/* CSS Method for adding Font Awesome Chevron Icons */
 .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family:'FontAwesome';
    content:"\f077";
    float: right;
    color: inherit;
}
.panel-heading.collapsed .accordion-toggle:after {
    /* symbol for "collapsed" panels */
    content:"\f078";
}

/*Back to Top button */
.back-to-top {
cursor: pointer;
position: fixed;
bottom: 0;
right: 20px;
display:none;
}


/*The styles below is css for icomoon icons*/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?x7w4cv');
	src:url('../fonts/icomoon.eot?#iefixx7w4cv') format('embedded-opentype'),
		url('../fonts/icomoon.woff?x7w4cv') format('woff'),
		url('../fonts/icomoon.ttf?x7w4cv') format('truetype'),
		url('../fonts/icomoon.svg?x7w4cv#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

.icon-newspaper:before {
	content: "\e600";
	font-size: 30px;
		color: #999;
}
.icon-pencil:before {
	content: "\e601";
	font-size: 30px;
		color: #999;
}
.icon-book:before {
	content: "\e602";
}
.icon-books {
	content: "\e603";
	font-size: 30px;
		color: #999;
}
.icon-books2:before {
	content: "\e603";
	font-size: 36px;
		color: #000;
}
.icon-stack:before {
	content: "\e60a";
font-size: 36px;
	color: #000;
}
.icon-envelope:before {
	content: "\e604";
	font-size: 30px;
	color: #999;
}
.icon-calendar:before {
	content: "\e60b";
	font-size: 36px;
	color: #000;
}
.icon-screen:before {
	content: "\e605";
	font-size: 30px;
	color: #999;
}
.icon-screen2:before {
	content: "\e605";
	font-size: 36px;
	color: #000;
}
.icon-user:before {
	content: "\e606";
	font-size: 30px;
	color: #999;
}
.icon-key:before {
	content: "\e607";
	font-size: 30px;
	color: #999;
}
.icon-food:before {
	content: "\e60c";
	font-size: 36px;
	color: #000;
}
.icon-facebook:before {
	content: "\e608";
	font-size: 30px;
	color: #999;
}
.icon-twitter:before {
	content: "\e609";
	font-size: 30px;
	color: #999;
}

@media (max-width: 768px) {
    .col-xs-4 {
        margin-top:30px;
    }
	
	.index-video {
	margin-top: 30px;
	margin-bottom: 30px;	
	}
	
.index-bg {
	background-image:url(../../../Images/header/bg-hero-section.jpg);
	background-repeat: repeat-x;
	}
}
@media (min-width: 992px) {
	.btn-align {
		margin-top: 50px;
	}
	
	}