/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */
ul.list {
    list-style: none !important;
    list-style-type: none !important;
}
ul.rtl {
    direction: rtl;
    float:rtl;
}
.header-middle{
    background: #003553!important;
    text-align: center !important;
}
.bg-theme-colored {
    background-color: #003553 !important;
    border-bottom: 1px solid #bbb !important;
    box-shadow: -5px 5px #fff;
}
.bottom-bg-theme-colored {
    background-color: #094c42;// #003553 !important;    
}
.header-top {
    padding: 0 !important;
}
nav#menuzord, .header-nav-wrapper.navbar-scrolltofixed.bg-light {
    /*background: #4caf50 !important; general//#031d1a !important    */
    background: #055d53 !important;
    border-bottom: 1px solid #fefefe !important;
}
.menuzord-menu > li > a {
    color: #fefefe !important;
}
.menuzord-menu, .menuzord-menu > li {
    display: inline-block;
     float: right !important; 
}
.p-15 {
     padding: 5px!important; 
}
img.image.fit-image.framed-image {
padding: 1.5em;
height: 250px;
width: 100%;
object-fit: cover;
object-position: top;
}
topTextImage img.image.fit-image.framed-image {
padding: 1.5em;
height: 250px;
width: 100%;
object-fit: cover;
object-position: top;
}
img.display_page{
height:210px;
width: 100%;
object-fit: cover;
object-position: top;
}
img.image.framed-image {
    padding: 1.5em;
}
.f_3100.maintext {
    text-align: justify;
    padding-right: 1.0em;
}
.upcoming-events.media.maxwidth400.bg-light.mb-10.shadow {
/*    box-shadow: #999 3px 3px 9px;*/
}
section > .engineering-container {
    background: rgba(245, 244, 244, 0.9);
    margin-bottom: 15px;
/*    box-shadow: 2px 5px 5px #cdcdcd;*/
}
img.docId.slider{width:100%;}
.sidebar.sidebar-right{
    background: #ededed !important;
    box-shadow: 2px 5px 5px #cdcdcd;
}
h4.widget-title,
.BigBold-Title> h2{
  font-family: 'BTitrBold' !important;
}
.lms-login{
    font-size: 18px !important;
}
.widget.dark> ul> li,
.widget.dark> ul> li > a{
    color: #e0e0e0 !important;
}
#details.entry-meta{
    background: #ededed;
    color: #5c4a4a;
}
.tp-bannertimer {
    /* background: #000; */
    background: #4caf50 !important;
}
.gallery-thumb > a > img.image.frame-image {
height:150px;
width: 100%;
object-fit: cover;
object-position: top;
padding: 0.5em;
}