/* body
{
    font-family: 'Lato', sans-serif !important;
} */
body{
    /*font-family: 'Lora', serif;*/
	font-family: 'Roboto', serif;
}


.visionDiv
{
    background-color: #002133;
    color: white;
}

.programImage
{
    width: 350px;
    height: 250px;
}

.hodMsg
{
    float:left;
    margin-right: 3px;
}

.imageDiv, .eventCard, .eventImage
{
    overflow: hidden;

}

.imageDiv > *, .eventCard img
{
    max-width: 100%;
    transition: all 0.5s ease;
}

.imageDiv :hover, .imageDiv:hover .pName, .eventCard:hover img
{
    transform: scale(1.1);
    cursor: pointer;
}

.pName
{

    color: white;
    top:70%;
    position: absolute;
    left: 4%;
    background-color: #002133
}
/* Styles for news*/

.newsImage
{
    float:left;
    margin-right:3px
}

.newsContainer
{
     background-color: #002133
}

.card-header
{
    padding-bottom: 2px;
}

.newsTitle
{
    font-weight: bold;
}

.newsCard .card-body, .eventCard .card-body
{
    border-bottom: 1px;
    border-color: black;
    border-bottom-style: dotted;
}

/* styles for event card*/
.eventCard p{
    margin: 3px;
}

.eventCard:hover{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* styles for cards*/
.card{
    border-radius: 0px;
    padding: 0;
}

.section-margin{
    margin-top: 80px;
}


.parallax {
    border-radius: 0;
    background-attachment: fixed;
    height: 500px;
    position: relative;
    background-size: 1600px 600px;
    background-position: center center;
}

.overlay {
    position: absolute;
    bottom: 0;
  opacity: 0.8;	
    left: 70%;
    background-color: #002133;
    overflow: hidden;
    width: 30%;
    height: 100%;
  }
  
  
  
  .text {
    color: white;
    

  }


  @media screen and (max-width: 1000px) {
    .parallax {
        height: 500px;  
    }
    
    .overlay {
        left: 60%;
        width: 40%;
    }

    .text{
        font-size: 13px;
    }    



  }
  @media screen and (max-width: 800px) {
    .parallax {
        height: 400px;  
    }
    
    .overlay {
        left: 50%;
        width: 50%;
    }
    
    p#hod_msg{
        font-size: 13px !important;
    }

  }
  @media screen and (max-width: 600px) {
    .parallax {
        height: 300px;  
    }
    
    .overlay {
        left: 0%;
        width: 100%;
    }
  

  }

  
/* news styles*/


#news a:hover, #news a{
    color: inherit;
}

topnavtabs .nav-item{
    background-color: white; 
}
.topnavtabs .nav-item .active {
    background-color: #0091df !important; 
  
}
.topnavtabs .nav-item .active{
    color: white !important;
    
}
.topnavtabs .nav-link {
    color: black !important;
 
}


.topNewsDiv
{
    background-color: #002133;


}




.newsBody
{
    height: 300px;
  
}
.newsBody > p{
    display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.newsBody a, .newsBody
{
    color:#002133 !important;
    
}
.rightNews
{
    color:black;
     line-height: 1.5em;
    height: 14.5em;       /* height is 2x line-height, so two lines will display */
    overflow: hidden;  /* prevents extra lines from being visible */
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis; /* Ellipses (cross-browser) */
}
.allNewsDiv
{
    background-color: white!important;
}


.tab-content .tab-pane {
  display: none;
}

.tab-content  .active {
  display: block;
}