/* Style the links inside the navigation bar */

html, body{
	width:100%;
	background-color: #ffebe6;
}

@media (max-width:500px){
	.banner{
		height:12rem!important;
	}
	.bannerSlides{
		height:12rem!important;
	}
	.navlink a{
		float: none!important;
	}
	#navbar a{
		float: none!important;
	}
	.navbar-collapse{
		display:none;
	}
	.mobile{
		display:block!important;
	}
	.desktop-hdg{
		display:none!important;
	}
	.top-nav-bar{
		display:none!important;
	}
	.sairam{
		display:none!important;
	}
	.menu-logo{
		display:none!important;
	}
	.logo{
		display:none!important;
	}
	.flex-row{
		flex-direction: column!important;
	}
	.middle-content{
		padding:0rem!important;
	}
	.pad-1{
		padding:0rem!important;
	}
	
	.middle-box{
		padding:5% 5%!important;
	}
	
	.events{
		padding-left:0rem!important;
		padding-right:0rem!important;
		padding-top:0rem!important;
		padding-bottom:1rem!important;
		flex: 1 1 auto; /* Positive flex-shrink */
	}
	.event-content{
		flex-direction: row!important;
	}
	.middle-div{
		padding-bottom:0rem!important;
	}
	.announcement{
		padding-bottom:1rem!important;
	}
	.bottom-logo{
		display:none!important;
	}
	.footer-mobile{
		padding:0rem!important;
		width:100%!important;
	}
	.mobile-space{
		display: none!important;
	}
	.mobile-w-20{
		width: 50%!important;
	}
	.center-content{
		padding:0rem!important;
		padding-bottom:1rem!important;
	}
	.heading-row{
		flex-direction:row!important;
		font-size:10px!important;
		
	}
	.center-heading{
		font-size: 14px!important;
		font-family: 'Lato',sans-serif;
		font-weight:500;
	}
	
	#seriescarousel{
		display:block!important;
	}
	.desktop-show{
		display:none!important;
	}
	.mobile-show{
		display:block!important;
	}
	.vahini-img{
		height:15rem!important;
	}
	.about-subnav-content {
		display:none;
	}
	.wings-subnav-content {
		display:none;
	}
	.about-subnav-content li:last-child{
		border-bottom:1px solid #fff;
	}
	.wings-subnav-content li:last-child{
		border-bottom:1px solid #fff;
	}
	.mg-nav-item-has-children:hover .about-subnav-content {
	display: block!important;
  	position:relative!important;
  	top:0px!important;
  	background-color:transparent!important;
  	border:0px!important;
  	box-shadow:none!important;
  	opacity:1!important;
	}
	
	.mg-nav-item-has-children:hover .wings-subnav-content {
	display: block!important;
  	position:relative!important;
  	top:0px!important;
  	background-color:transparent!important;
  	border:0px!important;
  	box-shadow:none!important;
  	opacity:1!important;
  	}
 }


.fa-bars:hover{
	color:#060129!important;
}

.thought{
	max-height:650px;
	overflow:auto;
	
}
.carousel-control-prev-icon{
	background-color:#fff!important;
}
.carousel-control-next-icon{
	background-color:#fff!important;
}
.mobile-show{
	display:none;
}
.desktop-show{
	display:block;
}
#seriescarousel{
		display:none;
}
.mg-top-1{
	margin-top:0.5rem;
}
.mobile{
	font-size:14px;
	color:#060129;
}
@media (min-width:600px){
	.mobile{
	display:none!important;
	}
	.desktop-hdg{
	display:block;
	}
	.top-nav-bar{
	display:block;
	}
	.sairam{
	display:block;
	}
	.menu-logo{
	display:block;
	}
}
.main{
	background-color: #ffebe6;
	padding:0.5rem;
}

.article{
	background-color: #ffebe6;
}
.center
{
	text-align:center;
}
.center-heading{
	text-align:left!important;
	
}
.padding-0{
	padding:0px!important;
}
.center-heading b{
	font-size:14px;
}
.center-heading a:hover{
	text-decoration: none;
	font-size:14px;
	color:#060129;
	transition: 0.3s;
	}
.email:hover{
	text-decoration: none;
	font-size:14px;
	color:#060129;
	transition: 0.3s;
}
.center-heading h3{
	margin:0px!important;
}

.article-in{
	background-color:#fff;
	box-sizing:border-box; 
	padding:1rem;
	
}

.middle-div{
	padding-bottom : 1rem;
	font-size: 12px;
	color: #060129;
	letter-spacing:normal;
  font-family: 'Lato',sans-serif;
}
.announcements{
	font-size:14px;
	font-weight:400;
	border: 1.5px solid #060129;
	background-color:#ffebe6;
	color:#060129;
	box-sizing:border-box;  
	padding:0.5rem;
	width:100%;
	border-radius:5px;
}
.event-content{
	font-size:12px;
	color:#060129;
	padding-left:1rem;
	font-weight:bold;
}
.article-content-img{
	height:12rem;
}

.article-content{
	font-size:12px;
	color:#060129;
	font-weight:bold;
	background-color:#fff;
	min-width:100%;
	min-height:100%;
	margin-right:1rem;
	position:relative;
}
.sponsor-btn {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.5rem 0.5rem;
    font-size: 0.5rem;
    line-height: 0.5;
    border-radius: 0.25rem;
    color:#ffebe6;
    background-color:#fff;
    font-size:10px;
    cursor:pointer;
    overflow:auto!important;
}
.sponsor-btn:hover{
	background-color:#F96C11;
}
.sponsor-btn:focus{border:0px;}
.event-text{
	padding-left:0.5rem;
}
.article-text{
	color:#04a2a3;
	font-size:16px;
	font-weight:500;
	padding:0.5rem;
	
}
.more{
	position:absolute;
	bottom:0;
	right:1;
}
.h-100{
	height:100%;
}
hr .article-hr{
	border-top: 1px solid #666 !important;
	position:absolute;
	bottom:0;
}
.padding-right{
	padding-right:0.5rem;
}
.article-text span{
	color:#666;
	font-size:10px;
	font-weight:400;
}
footer .bottom-footer {
    background-color: #f2dccb;
    padding: 20px 0;
}
footer .bottom-footer .hr-2 {
    margin-bottom: 0;
}
ul {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}
.opacity-10 {
    opacity: 1.0;
}
.footer-head{
	position:relative;
}
ul.custom {
    list-style: none;
    padding: 0;
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.btn, .btn:hover {
    border-radius: 0px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.f-right {
    float: right;
}
.scroll-btn {
    width: 35px;
    height: 35px;
    position: fixed;
    right: 40px;
    bottom: 68px;
    background: #fff;
}
.scroll-btn i{
	color:#ffebe6;
}
.scroll-btn:hover{
	border:none;
}
.footer-social .other-text a:hover{
	background-color:#060129;
	color:#ffebe6;
}

.side-div-in{
	background-color: #fff;
	border: 1px solid #BFBFBF;
	padding:1rem;
	overflow:hidden;
	word-wrap: break-word;
	box-sizing:border-box;  
	font-size: 14px;
	color: #060129;
  font-family: 'Lato',sans-serif;
}
.thought{
	font-size:12px;
}
.header{
	font-size:23px;
	font-weight:700;
	font-family: 'Lato',sans-serif;
	color:#060129;
	display:block;
	box-sizing:border-box;
}
.other-text{
	font-size:14px!important;
	font-weight:500;
	font-family: 'Lato',sans-serif;
	color:#060129;
	letter-spacing:0.4px;
	line-height:25px;
	overflow:auto!important;
}
.ml-2{
    margin-left: .5rem!important;
}
.footer-content{
	font-size:14px!important;
	font-weight:500;
	font-family: 'Lato',sans-serif;
	color:#060129;
	letter-spacing:0.4px;
	line-height:25px;
}
.other-text a:hover{
	text-decoration: none;
	font-size:16px;
	color:#060129;
	transition: 0.3s;
	}
hr.orange{	
  border-top: 0.5px solid #060129 !important;
}

hr.orange-thin{	
  border-top: 0.2px solid #060129 !important;
}

hr.orange-center{	
  border: 2px solid #060129 !important;
  border-radius: 5px;
}

hr.orange-center-thin{	
  border: 1.5px solid #060129 !important;
  border-radius: 5px;
}


.w-20{
	width:20%;
}

.w-30{
	width:30%;
}

.w-50{
	width:50%;
}
.w-75{
	width:75%;
}
.w-100{
	width:100%;
}

.w-40{
	width:40%;
}

hr.pink{	
  border: 2px solid #ffebe6;
  border-radius: 5px;
}
hr.none{	
  border: 0px solid #ffebe6;
}
.bottom-margin-30{
	margin-bottom:2rem;
}
.bottom-margin-10{
	margin-bottom:0.7rem;
}
.pink-back{
	background-color: #ffebe6;
	color:#060129;
	padding:0.5rem;
}
.orange-back{
	background-color: #060129;
	color:#ffebe6;
	padding:0.5rem;
}
.bold-text{
	font-weight:700;
	
}
.h2-title{
	font-size:28px!important;
}

.side-div-out{
	padding-left:0rem;
	padding-right:0rem;
}
.middle-box{
	background-color: #fff;
	color:#060129;
	padding:5% 10%;
	border: 1.5px solid #060129;
	box-sizing:border-box;
	display:block;
	min-width:100%;
	min-height:100%;
}
.vahini-box{
	background-color: #fff;
	color:#060129;
	padding:2% 2%;
	border: 1.5px solid #060129;
	box-sizing:border-box;
	display:block;
	min-width:100%;
	min-height:100%;
	display:flex;
	flex: 1 1 auto; 
}
.vahini-img{
	width:100%;
	height:10rem;
}
.w-33{
	width: 33%;
}
.events-img{
	width:100%;
	height:12rem;
}
.events{
	flex: 1 1 auto; /* Positive flex-shrink */
}
.event-text{
	flex: 1 1 auto; /* Positive flex-shrink */
}
.flex-shrink{
	flex: 1 1 auto; /* Positive flex-shrink */
}

.series{
	flex: 1 1 auto; /* Positive flex-shrink */
}
.w-25{
	width:25%;
}
.pad-1{
	padding-left:1rem;
	padding-right:0.8rem;
}
.w-45{
	width:50%;
}
#topbar {
  overflow: hidden;
  background-color: #ffebe6;
}
.font-600{
	font-weight:800 !important;
}
.box-heading{
	font-size:20px;
	font-weight:700;
}
hr{
	color: inherit;
}

/* Navbar links */
#topbar .center-heading{
 float: left;
  display: block;
  color: #060129;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  font-weight:500;
  font-family: 'Lato',sans-serif;
}
.center-heading a{
	padding-top:0.5rem!important;
}
.padding-left-0{
	padding-left:0!important;
}
.padding-1{
	padding:1rem;
}
.padding-bottom-1{
	padding-bottom:1rem;
}
.padding-bottom-quarter{
	padding-bottom:0.25rem;
}
.padding-top-1{
	padding-top:1rem;
}
#navbar {
  /*overflow: hidden;*/
  background-color: #F1450E;
  line-height:3rem;
}



/* Navbar links */
.navlink a {
  float: left;
  display: block;
  position:relative;
  color: #ffebe6;
  text-align: center;
  padding: 2rem 2rem;
  text-decoration: none;
  font-size: 14px;
  font-weight:700;
  font-family: 'Lato',sans-serif;

}

#navbar a {
 float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 1rem 1rem;
  text-decoration: none;
  font-size: 14px;
  font-weight:700;
  letter-spacing:0.1rem;
  font-family: Lato, sans-serif;
}

.mg-top-1 a{
	text-decoration: none;
}

li{
	list-style:none;
	font-size:12px!important;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

.banner{
	height:25rem;
	width:100%;
}
.bannerSlides{
	height:25rem;
	width:100%;
}
.hp-subtitles {
    font-size: 32px;
    font-weight:500;
    font-family: 'Lato',sans-serif;
    color:#060129;
    padding-left:1rem;
}

div.small-gallery{
	width:100%;
	height:12rem;
}

div.small-gallery img{
	width:100%;
	height:100%;
}
mb-1{
	margin-bottom:1rem!important;
}
.fs-12{
	font-size:12px!important;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  
}
ul.nav li{
	position:relative;
}
.navlink a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #fff;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

.navlink a:hover:after { 
  width: 100%; 
  left: 0; 
}

/* Hide the link that should open and close the topnav on small screens */
.navlink .icon {
  display: none;
}

.inner-center-content {
    background: #fff;
    color: #060129;
    padding: 1rem;
    border-radius: 10px 0 0 10px;
    display: block;
    font-size: 12px;
    font-weight:600;
    font-family: 'Lato',sans-serif;
}
.center-content{
	background: #fff;
	display:block;
	padding: 2rem;
}
.outer-center-content{
	padding: 0.5rem;
}


.footer-social li {
    display: inline-block;
    margin-right: 10px;
}
.footer-social li a {
    height: 40px;
    width: 40px;
    line-height: 44px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    background: rgba(42, 43, 37, 0.1);
    border-radius: 0;
}
a:hover {
    color: #412236;
}

a {
    outline: medium none;
}
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .navlink a:not(:first-child) {display: none;}
  .navlink a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .navlink.responsive {position: relative;}
  .navlink.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .navlink.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

h2 {
    font-size: 1.375em;
}
article{
	display:block;
	box-sizing:border-box;
	font-size: 14px;
  font-weight:700;
  letter-spacing:normal;
  font-family: Lato, sans-serif;
}
.middle-box a:hover{
	text-decoration: none;
	font-size:24px;
	color:#060129;
	transition: 0.3s;
	}
.footer-content a:hover{
	text-decoration: none;
	color:#fff;
	transition: 0.3s;
	}
.article-content a:hover{
	text-decoration: none;
	font-size:20px;
	color:#060129;
	transition: 0.3s;
	}
.pb-1{
	padding-bottom:1rem;
}
.middle-box{
        -webkit-box-shadow: 4px 4px 10px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 4px 4px 10px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
}
.inner-center-content{
        -webkit-box-shadow: 4px 4px 10px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 4px 4px 10px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
}
.event-div{
        -webkit-box-shadow: 4px 4px 10px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 4px 4px 10px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
}
.article-content{
        -webkit-box-shadow: 4px 4px 10px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 4px 4px 10px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
}

/*.subnav-content {
  display: none;
  position: absolute;
  background-color: inherit;
  width: 100%;
  z-index: 5;
}
.dropdown {
  float: left;
  overflow: hidden;
}

/* Style the subnav links */
/*.subnav-content a {
   float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
*/


/* When you move the mouse over the subnav container, open the subnav content */

.mg-nav-item-has-children:hover .wings-subnav-content {
	opacity:1;
  visibility: visible;
}


 li.mg-nav-item-has-children {
    position: relative;
}
.wings-subnav-content {
    padding: 0;
    margin: 0;
    position: absolute;
    min-width: 200px;
    opacity: 0;
    height:auto;
    background-color:#060129;
    visibility: hidden;
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    left: 0;
    top:110%;
    z-index: 99999;
    color:#fff;
}

.wings-subnav-content .mg-nav-item-has-children>a::after {
    display: inline-block;
    width: 0;
    height: 0;
    content: "";
    border-top: .3em solid;
    position: absolute;
    right: 15px;
    top: 100%;
    margin-top: -0.15rem;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}


li.mg-nav-item-has-children .wings-subnav-content li {
    display: block;
    text-align: left;
}

li.mg-nav-item-has-children .wings-subnav-content li a{
    padding: .5rem 1rem;
    font-weight: 400;
    cursor:pointer;
}

.mg-nav-item-has-children:hover .about-subnav-content {
	opacity:1;
  visibility: visible;
}
.about-subnav-content {
    padding: 0;
    margin: 0;
    position: absolute;
    min-width: 300px;
    opacity: 0;
    background-color:#060129;
    visibility: hidden;
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    left: 0;
    top:110%;
    height:auto;
    z-index: 99999;
    color:#fff;
}

.about-subnav-content .mg-nav-item-has-children>a::after {
    display: inline-block;
    width: 0;
    height: 0;
    content: "";
    border-top: .3em solid;
    position: absolute;
    right: 15px;
    top: 100%;
    margin-top: -0.15rem;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}


li.mg-nav-item-has-children .about-subnav-content li {
    display: block;
    text-align: left;
}

li.mg-nav-item-has-children .about-subnav-content li a{
    padding: .5rem 1rem;
    font-weight: 400;
    cursor:pointer;
}

.navlink a{
	cursor: pointer;
}