@charset "utf-8";
/* CSS Document */
body {
	font-family: "Noto Sans", sans-serif;
	font-size: 15px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Montserrat", sans-serif;
}

a.social_media{
	margin-right:10px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
}

#social_presence > li{
	border:none !important;
}

#mainContent>h1 {
	margin: 0 0 20px 0;
	color: #5A7F00;
}

#mainContent h2 {
	color: #88BF00;
}

p {
	line-height: 150%;
	text-align: justify;
}

.sep40 {
	height: 40px;
}

.sep30 {
	height: 30px;
}

.sep20 {
	height: 20px;
}

.btn {
	margin: 15px 0;
}

h2 {
	margin: 20px 0;
}

.green {
	color: #88BF00;
}

#navbar {
	margin-top: 20px;
	font-weight: 400;
}

.carousel-caption {
	color: #fff; /*#A8CF45;*/
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
}

.carousel-inner > .item > img, 
.carousel-inner > .item > a > img{
	width:100% !important
}

.footerbox {
	margin: 30px 0;
	padding: 20px 0;
	border-top: thin solid #CCC;
	font-family: "Noto Sans", sans-serif;
}

.navbar-default .navbar-nav>li>a {
	color: #A8CF45;
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus
	{
	background: transparent;
	color: #5A7F00;
}

h4.course {
	color: #5A7F00;
	font-weight: 700;
	line-height: 150%;
}

h4.faculty {
	color: #222;
}

#top-image {
	width: 100%;
	height: 200px;
	padding-top: 30px;
}

#yuvalay-map {
	width: 100%;
	height: 400px;
	margin: 10px 30px 0 30px;
	border: 1px solid #CCC;
}

.pageHead {
	width: 840px;
	margin: 50px auto;
	color: #A8CF45;
	font-size: 30px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
}

.articlePageHead {
	margin: 50px auto;
	color: #A8CF45;
	font-size: 30px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
}

label {
	color: #5A7F00;
	margin: 15px 0 10px 0;
}

.panel-default>.panel-heading {
	background: transparent;
	border: 0;
	color: #5A7F00;
	font-size: 15px;
	margin-left: -15px;
}

.form-control {
	border: thin solid #A8CF45;
	border-radius: 2px;
}

.question {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	color: #5A7F00;
	margin-top: 25px;
}

#mainContent {
	min-height: 350px;
}

.nav-stacked>li>a {
	background: transparent;
	color: #A8CF45;
	padding: 5px 30px;
	text-align: inherit;
}

.nav-stacked>li>a:hover,.nav-stacked>li.active>a:hover,.nav-stacked>li.active>a
	{
	background: transparent;
	color: #5A7F00;
}

.photo {
	margin: 0 20px 0 0;
	width: 100px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.gallery-img {
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.student {
	color: #5A7F00;
	margin: 25px 0;
}

.intro-header {
	margin: 0 0 20px 0;
}

/* INVITATION */
#invitation {
	color: #444; /*  #D31821; */
	/* border-top: 3px dotted #D31821;
	border-bottom: 3px dotted #D31821; */
	border: 2px dotted #65CBB7;
	margin: 20px 0 40px 0;
	font-size: 19px;
	padding: 10px 30px 30px 30px;
}

.head {
	font-size: 40px;
	/* font-family: "Rochester", sans-serif; */
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
	color: #65CBB7;
}

.host {
	display: inline-block;
	margin: 0 15px;
	font-weight: 700;
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td
	{
	border: 0;
}

/* INVITATION */


blockquote, .course{
	display: block;
	transition: all 0.5s ease-in;
	margin-top: 30px;
	opacity:0;
}

.slidein{
	margin-top: 0;
	opacity:1;
}


/* COMPLETED PROGRAMS CSS BEGINS */

.series {
	padding: 0 25px 15px 25px;
	margin: 20px 0;
	border: thin solid #EBEBEB;
	border-radius: 5px;
}

.series-heading {
	color: #5A7F00;
	border-bottom: 1px solid #ccc;
	line-height: 150%;
	padding-bottom: 15px;
	font-weight: 700;
	margin-bottom: 25px;
}

h4.course, h4.course-topic {
	font-weight: 400;
	color: #A8CF45;
	opacity: 1 !important;
}

.month {
	color: #444;
	display: block;
	font-size: 20px;
	text-align: center;
	margin: -10px 20px 5px 20px;
}

.datetime {
	line-height: 150%;
}

.panel {
	padding: 5px 20px;
	background-color: #FAFAFA;
	border-radius: 5px;
	border: thin solid #f1f1f1;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(90deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(90deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  -webkit-background-size: 1000px 1000px;
          background-size: 1000px 1000px;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(90deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(90deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 1s ease-out infinite;
       -o-animation: progress-bar-stripes 1s ease-out infinite;
          animation: progress-bar-stripes 1s ease-out infinite;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 1000px 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 1000px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 1000px 0;
  }
}

.progress {
	height: 1000px !important;
	opacity: 0.2 !important;
}

.programs-table td {
	font-size: 12px !important;
}

.programs-table th{
	font-size: 12px !important;
	background-color: #5cb85c;
	color: #FFF;
	font-weight:bold;
}

.table-striped>tbody>tr:nth-child(odd) {
	background-color: #f0f0f0 !important;
}

/* COMPLETED PROGRAMS CSS ENDS */


/* div[data-barba="container"]{
	position: absolute !important;
} */



/* PROGRAMS ENTRY */
.programs tr:nth-child(even) {
	border-bottom: 1px solid #e6e6e6;
}

.programs td {
	vertical-align: top;
	font-family: "Hind Vadodara", sans-serif;
}

.topic {
	margin: 20px 0 -10px 0;
	color: #5A7F00;
}

.topic.first {
	margin: 0 0 -10px 0;
	color: #88BF00;
}

.day {
	color: red;
	display: block;
	font-size: 18px;
	text-align: center;
	margin: 30px 20px 0 20px;
	
}

.date {
	display: block;
	font-size: 80px;
	color: red;
	text-align: center;
	margin: -10px 20px 0 20px;
	line-height: 100%;
	font-weight: 700;
}

.month {
	color: #444;
	display: block;
	font-size: 20px;
	text-align: center;
	margin: -10px 20px 5px 20px;
}

.timing {
	display: block;
	text-align: center;
	margin: -5px 20px 20px 20px;
	font-size: 13px;
}

.list-head {
	font-weight: 700;
	color: #222;
}

.list-head:after {
	content: " ";
}

.program {
	list-style: none;
	margin-top: 30px;
	margin-left: -30px;
}

ul.program li {
	margin: 10px 0;
}

.article blockquote{
	display: block;
	opacity: 1;
}

@media (max-width: 767px) {
   .day{
   	font-size: 13px;
   	margin-top: 15px;
   }	
   
   .date{
   	font-size: 60px;
   	margin-top: -5px;
   }
   
   .month{
   	font-size: 16px;
   	margin-top: -5px;
   }
   
   .timing{
   	font-size: 9px;
   }
   
   .list-head, span{
   	font-size: 15px;
   }
   
}

.gujarati{
	font-family:'Mukta Vaani',sans-serif;
}

.bold{
font-weight:600;
}

.bolder{
font-weight:800;
}

/* PROGRAMS ENTRY ENDS */