html,body{
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
   background-color: #f90 !important;
    overflow-x: hidden
}
.fullpage{ 
    
   background-color: rgba(255,255,255,0.9);
   width: 100%;
   min-height:100vh; 
   vertical-align: bottom;

}
.lower-c{
  background-color: #E57817;
}

.topbar-b{
  border:2px solid #2E8B57;
}
.lower{ 
  background-color:rgba(255,090,090,0.0); 
  color:#fff;
   background-color:rgb(255,140,0);
   box-shadow: inset 0 -3px 0 0 write;
   padding: 15px;
    background-color: rgb(46,139,87)
} 
.lower-b{
  border:1px solid rgb(255,140,0);
}
.topbart{   
  background-color:#00563f;
  padding: 0px;
  color:#fff;
  font-size:2vw; 
}
.link ul li{
    list-style: none;
    float: left;

}

.link ul li i{
  color: #E57817;
  margin-right: 5px;

}

.link ul li a{
    color: #fff;
    margin-right: 12px;
    font-style:italic;
    font-family: Arial, Helvetica, sans-serif;
    
}

.bg-green{
  background-color: #228B22;
}

  .bg-write{
  background-color: rgba(255,255,255,0.9);
}
  .bg-orange{
  background-color: #E57817;
}
.navbar ul li a{
  color: #000 !important;
  font-weight: bold !important;; 
   margin-right: 1px;
    font-size: 14px;
  text-transform: uppercase !important; 

}
.navbar ul li a:hover{
  color: #E57817 !important;
  font-weight: bold;  


} 
main{
  background-color: #fff;
  min-height: 800px;
}

.serach-bar{
  width: 95%;
  text-align: right;
  padding-top: 2px;
  margin: auto;
  margin-bottom: 5px;

}

.search-text{
  font-weight: bold;
  text-transform: capitalize;
  font-size: 20px;
  font-style: italic;
  color: #000;
  text-align: left;



}

.search-field {
     position: relative;
  display: inline-block;
}

 
.search-field input[type='text']{
  padding: 2px;
  width: 500px;
  border-radius: 30px 30px 30px 30px;
  font-weight: bold;
  font-size: 23px;    
  border: 1px solid gray;
  margin: 0px;
  padding-left: 10px;
  padding-right: 40px;
}

.search-field button {
  margin: 0px;
  padding: 2px;
  font-weight: bold;
  font-size: 27px;
  border: 1px solid gray; 
   position: absolute;  

            top: 0;
            right: 0;
            border: none;
            background-color: transparent;
            cursor: pointer;
            color: red;

}

.search-field button:hover{
 color: orangered;
}

 

.search-field  input:focus{
    outline: 1px solid BurlyWood;
}

.contenc{

  padding: 10px;
  font-style: italic;
  font-weight: bold;
  font-size: 21px;
  padding-left: 50px;
  color: brightness;
  border-bottom: 1px solid #f2f2f2;
}

.contents{
  padding-left: 56px;
  padding-top: 13px;
}
.j-links{
  float: left;
  padding: 16px;
}

.j-ref a{
    text-decoration: none;
    color: seagreen; 
    font-weight: bold;
}
  
.j-ref a:hover{
    text-decoration: none;
    color: limegreen;

}
.j-icon img{
   width: 20px;
}

.local{
  padding: 10px;
}

 .ebook{
  width: 140px; 
  height: 155px;
  border: solid 1px #fff;
  padding: 2px;
   position: relative;
  float: left;
  margin: 10px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
 }
 .ebook img{
  height: 149px;
  width: 135px;

 } 

 .descript{
  position: absolute;
  top: 82%; 
  left: 0;
  font-size: 16px;
  color: red;
  background-color: rgba(255, 255, 255, 0.7);
  line-height: 18px;
  background-color: red;


 }

  .ebooklist{
  width: 98%; 
  height: 155px;
  border: solid 1px #fff;
  padding: 2px;  
  margin: 10px; 
 }
 .ebookico{
  float: left;
  margin-right: 12px;
 }
.ebookico img{
  width: 99%;
  height: 99%;
}

 .ebookicodesc{
  padding: 2px; 
  margin-left: 140px;

 }
 .ebook-author{
  font-style: italic;
  color: purple;
}
 .ebook-titles{
  font-size: 14px;

 }
 .ebookcontaint{
     line-height: 18px;
       font-family: Arial, Helvetica, sans-serif;
       box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
       padding: 4px;
       margin-left: 8px;

 }
 .ebookcontaint2{
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  height: 90px;
 
 }
 .ebook-titles a{
  text-decoration: none;
  text-transform: capitalize;
  font-size: 14px;
 }


  .ebooklist img{
  height: 149px;
  width: 135px;
   box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
   margin-right: 5px;
 } 

 .ejournal{
float: left;
margin: 8px;
 }

  .jtitle a, .descript a{
   color: #2F4F4F;
   font-size:22px;
   text-decoration: none;
     font-family: "Brush Script MT", "Lucida Handwriting", cursive;
     text-transform: capitalize;
 }

 .jtitle a:hover, .descript a:hover{
   text-decoration: underline;
 }

  .jauthor{
    font-style: italic;
    font-weight: bold;
  
 }




 .footer{
 background: rgba(241, 243, 244, 0.9);
 margin-top: 2px;
 padding-top: 10px;
 padding-bottom: 10px;
}

.text-center{
  text-align: center;
}

.footer .img img{
    width: 120px;
}
.media{
  text-align: center;;
}
.media  li{
  list-style: none;

}

.media .fa{
   font-size: 20px;
   color:#f90;
}

.media i{
  margin-right:3px;
}

.media ul li{
   margin-left:3px;
}
.mtext{
  color: #000;
  font-style: italic;
  font-size: 18px;
}

.imgs img{
  width:60%;
}
.imgs, .imgs2 {
  text-align:center;
}
.llogo img{
  width:100px;

}
object{
  width: 95%;
  height: 100vh;
}

 .publication{
  margin: auto;
  text-align: center;
 }

 .cloghead{
  font-size: 42px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding: 5px;
  color: orangered;
 }

 .home-icons{
  background-color: rgba(244, 244, 244, 0.2);
  text-align: center;
  padding: 2px;
  width:200px;
  height: 200px;
   box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
   float: left;
   margin: 8px;
    position: relative;
    text-align: center;
 }

  .home-icons:hover{ 
    background-color: rgba(234, 224, 243, 0.4);
    
 
 }


 .hicon{
  color: orangered;
  font-size: 120px;
  padding: 0px; 
 }

 .hicon:hover{
  color:seagreen;
 }

 .hnotes{
   position: absolute;
  top: 82%;  
  text-align: center;
  font-size: 18px;
  left: 30%;
 }
.pull-right{
  float: right;
}
.text-tiles{
  color: darkcyan;
  font-size: 23px;
  font-weight: bold;
}

.alertop a{
  font-size: 18px;
  text-decoration: none;
}

.title_desc{
  font-size: 23px;
  text-transform: uppercase;
}

.qlink{
  font-size: 27px; 
    font-family: "Lucida Console", "Courier New", monospace;
      font-family: Georgia, serif;
      padding-left: 10px;
      color: #778899;
}

.links ul li{
  list-style: none;
  margin: 4px;
  margin-top: 6px;
  margin-bottom: 8px;
 border-bottom: 1px dashed #090;
 margin-left: -30px;

}

.links ul li a{
  text-decoration: none;
  text-transform: capitalize; 
  font-size: 17px;
  padding: 3px; 


  } 


.links ul li a:hover{
  color: #000; 

  } 
  

  .libimg{
    padding: 10px;
     width: 550px;
    height: 420px;
    border: 0px solid #090;
  }
  .libimg img{
    width: 100%;

  }

  .login-title{
 
  margin-bottom: 0;
  background-color: rgba(255,140,0, 0.04);
  border-bottom: 1px solid rgba(9, 0, 0, 0.125);
  margin: auto;
  padding: 10px;
  color:#090;
  font-weight: bold;
  
 
}

.relat-ico img{
  width: 60px;
  height: 70px;
}

.rela-tile a{
  font-size: 12px;
  text-decoration: none;
  color: #000;
}

.rela-tile a:hover{ 
  color: orangered;
}
.bookrelate ul li{
  padding: 0px;
  margin: 0px;
  list-style: none;
  border-bottom: dashed 1px #000;
}

.profs a{
  color: #A14837;
  text-decoration: none;
  font-style: italic;
  font-weight: bold;

}