* {
  box-sizing: border-box;
}

a {
  text-decoration: none !important;
}

a :hover {
  text-decoration: underline !important;
}

h6 {
  margin: 0px !important;
  font-weight: bolder !important;
  color: darkgray !important;
}

li {
  text-decoration: none !important;
}

li :hover a {
  text-decoration: underline !important;
}

.section-collection .collection li {
  text-decoration: none !important;
}

.section-collection .collection li :hover {
  text-decoration: underline !important;
}

#events li :hover {
  text-decoration: none !important;
}

body {
  background-color: #eee !important;
  font-family: sans-serif, Arial, Helvetica !important;
}

.slider-box {
  background-color: #f5f5f5;
  padding-bottom: 20px;
}

.navbar-fixed .nav-wrapper .brand-logo img {
  height: 78px !important;
  margin-top: 0px !important;
}

.navbar-fixed .nav-wrapper .brand-logo h5 {
  font-weight: bolder;
  color: whitesmoke;
}

#container1 {
  margin: 0 auto;
  max-width: 1280px;
  width: 90% !important;
}

.float {
  float: right !important;
  width: 300px !important;
 
}

.nav-wrapper h5 {
  text-decoration: none !important;
}

.nav-wrapper i {
  text-decoration: none !important;
}

#search {
  padding: 5px !important;
  color: white !important;
  background-image: url(../img/whiteDivider.png) !important;
}

#search2 {
  padding: 5px !important;
  color: white !important;
  background-image: url(../img/whiteDivider.png) !important;
  height: 36px !important;
  margin-top: 0px !important;
}

/*
#boxshadow{
    box-shadow: 0 0 10px #000 !important;
    width: 90% !important;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}*/

/**Font weight for navbar menus**/
#menus a {
  font-weight: 650 !important;
}

/**Hover color for navbar menus
#menus :hover a{
    color: red !important;
    text-decoration: none !important;
}**/

#menus :hover a {
  color: #0e1159 !important;
  text-decoration: none !important;
}

/**Box-shadow effect for slider
.slides {
    box-shadow: 0 0 10px #000 !important;
}
**/

/**background for admission list and Academic Calendar**/
#panel {
  background-image: url(../img/header-bg.png) !important;
  background-position: center right !important;
  background-size: 282px !important;
  background-repeat: no-repeat !important;
  background-position-y: -5px !important;
}

/**Navbar features**/
#outline {
  border-bottom: 5px solid #c8a968 !important;
  background-image: url(../img/header-bg.png) !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
}

/**Font colour for admission list & Academic Calender headers**/
#admissionheader {
  color: red !important;
}

#admissioncontent {
  padding-top: 15px !important;
  padding-left: 23px !important;
  padding-bottom: 23px !important;
  padding-right: 23px !important;
}

#admissioncontent2 {
  font-size: 14px !important;
}

.card-content h5 {
  font-weight: bolder !important;
}

.slider h2 {
  font-weight: 650 !important;
  font-size: 3.313em !important;
  background: rgba(0, 0, 0, 0.3) !important;
  margin-top: 200px !important;
}

.collection-item {
  background: #bdbdbd !important;
}

.fixed-action-btn ul {
  text-decoration: underline !important;
}

.fixed-action-btn ul :hover {
  text-decoration: none !important;
}

.fixed-action-btn a {
  text-decoration: underline !important;
}

.fixed-action-btn a :hover {
  text-decoration: none !important;
}

.section-PG_CDL .card-title {
  font-weight: bolder !important;
}

/**card hover**/

.card-reveal {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.7) !important;
}

div.card-reveal span.card-title {
  color: #ffffff !important;
}

.subtitle {
  font-weight: bolder !important;
}

#cardhori {
  border-left: 5px solid navy;
  margin-top: 10px;
  padding-right: 0px;
}

#cardstudent {
  border-left: 5px solid red;
  margin-top: 10px;
  padding-right: 0px;
}

#spotlight {
  font-weight: bold;
}

#footersocial a {
  text-decoration: underline !important;
}

#footersocial a :hover {
  text-decoration: none !important;
}

/**Hover state for social media icons**/
#insta a :hover {
  color: #e4405f !important;
}

#facebook a :hover {
  color: darkblue !important;
}

#twitter a :hover {
  color: blue !important;
}

#didyouknow h4 {
  font-weight: bolder !important;
  margin-top: 0px !important;
}

#didyouknow2 h5 {
  font-weight: bolder !important;
  line-height: 1.4em !important;
}

.page-footer li {
  text-decoration: none !important;
}

.page-footer li :hover {
  text-decoration: underline !important;
}

/* The sidebar menu */
.sidebar {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 5;
  /* Stay on top */
  top: 0;
  right: 0;
  background-color: #043f77;
  /* red*/
  background-image: url(../img/header-bg.png);
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 80px;
  /* Place content 90px from the top */
  transition: 0.9s;
  /* 0.9 second transition effect to slide in the sidebar */
  box-shadow: 0 0 10px #000 !important;
  /*box shadow for the sidebar*/
}

/* The sidebar links */
.sidebar a {
  padding: 8px 8px 8px 35px;
  text-decoration: none;
  font-weight: bolder;
  color: white;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidebar a:hover {
  color: red;
}

/* Position and style the close button*/
.sidebar img {
  position: absolute;
  top: 2;
  right: 0px;
  margin-right: 85px;
  margin-top: 35px;
  opacity: 0.1;
}

/**Side bar text decoration for links**/
#sidebarLI :hover {
  text-decoration: underline !important;
}

#sidebarLI :hover {
  text-decoration: none !important;
}

/*
.sidenav {
    background-image: url(../img/header-bg.png) !important;
}*/

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-right 0.9s;
  /* If you want a transition effect */
  padding: 0px;
}

/*dropdown content
.dropdown-content{
    top: 59px !important;
    width: 18% !important;
}

.dropdown-content li{
    padding: 0px !important;
    margin: 0px !important;
}
*/

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/**/
.dropdown-content :hover a {
  color: #0e1159 !important;
  text-decoration: none !important;
}

#faculties {
  top: 63px !important;
  width: 65% !important;
  padding: 0px !important;
  left: 200px !important;
}

#centres {
  top: 63px !important;
  width: 120% !important;
  padding: 0px !important;
}

#faculties ul {
  margin: 0px !important;
  padding: 0px !important;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 32% 34% 34%;
  padding: 0px;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

/* Style links inside the columns */
.column a {
  float: none;
  color: black;
  padding: 0 0 0 15px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 15px;
}

/* Add a background color on hover */
.column a:hover {
  background-color: #ddd;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

#columnheader {
  padding-left: 25px;
  font-weight: bold;
}

#columnheader ul li {
  padding-left: 0;
}

/* Create two equal columns that floats next to each other for centres & Units */
.column1 {
  float: left;
  width: 50%;
  padding: 0px;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

/* Style links inside the columns */
.column1 a {
  float: none;
  color: black;
  padding: 0 0 0 15px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 15px;
}

/* Add a background color on hover */
.column1 a:hover {
  background-color: #ddd;
}

/** Zoom transition **/
.card-image {
  position: relative;
  overflow: hidden;
}

.card-image {
  -webkit-transition: all 10s ease-in-out;
  -moz-transition: all 10s ease-in-out;
  -o-transition: all 10s ease-in-out;
  transition: all 10s ease-in-out;
  cursor: pointer;
}

.card-image :hover {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

#aboutus {
  font-weight: bolder !important;
  color: #0e1159 !important;
  text-indent: 60px !important;
}

#active1 {
  color: red !important;
  position: relative !important;
  padding-bottom: 0px !important;
}

#active1 :hover a {
  color: red !important;
}

/**CSS for About Us page**/
#history {
  text-align: justify !important;
  height: auto;
}

#admissionlists {
  text-align: left !important;
  height: auto;
}

#aboutussidebar {
  margin-top: 25px;
}

#fix-me .collection a {
  color: #000;
  text-align: left;
}

#fix-me .collection a:hover {
  color: red;
  font-weight: bolder;
  border-left: 3px solid red;
  padding-left: 25px;
  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#quick {
  padding: 0;
  margin: 0;
  padding-bottom: 10px;
  font-weight: bolder;
  color: #0e1159;
}

/* Style the list */
ul.breadcrumb {
  padding: 5px 16px;
  list-style: none;
  border-radius: 5px;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 23px;
  font-weight: bolder;
  color: #0e1159;
}

.card-border {
  border: solid 1px gainsboro;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion1 {
  background-color: #eee;
  cursor: pointer;
  padding: 15px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 1s;
  font-weight: normal;
  color: #0e1159;
  border-bottom: 1px solid #eee;
  font-weight: 590;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active1,
.accordion1:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  max-height: 0;
  overflow: hidden;
  width: 100%;
  transition: max-height 0.9s ease-out;
}

.accordion1:after {
  content: "\02795";
  /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #0e1159;
  float: right;
  margin-left: 5px;
}

.active1:after {
  content: "\2796";
  /* Unicode character for "minus" sign (-) */
}

#crest_aboutus {
  position: relative;
  left: 43%;
  padding: 10px 0 0 0;
}

#img-buhari {
  position: relative;
  width: 300px;
  height: 350px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  top: 15px;
  border: 5px solid #ccc;
}

#Principal-officers {
  display: block;
  position: relative;
  width: 200px;
  height: 250px;
  margin-right: auto;
  margin-left: auto;
  top: 15px;
  border: 5px solid #ccc;
}

/**Admission lists divider**/
#whiteborder {
  background-color: #eeeeee;
  display: block;
  margin-right: -11px;
  margin-left: -12px;
  height: 70px;
}

* {
  box-sizing: border-box;
}

#news-image {
  display: block;
  margin-right: auto;
  margin-right: auto;
  width: 100%;
}

#news-image {
  position: relative;
  max-width: 800px;
  /* Maximum width */
  margin: 0 auto;
  /* Center it */
}

.newscontent {
  position: relative;
  /* Position the background text */
  bottom: 70px;
  /* At the bottom. Use top:0 to append it to the top */
  background: rgb(0, 0, 0);
  /* Fallback color */
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  /* Black background with 0.5 opacity */
  color: #f1f1f1;
  /* Grey text */
  padding: 10px;
  /* Some padding */
  margin-bottom: -60px;
}

#titlenews {
  font-weight: bolder;
}

* {
  box-sizing: border-box;
}

#news-image2 {
  display: block;
  margin-right: auto;
  margin-right: auto;
  width: 100%;
}

#news-image2 {
  position: relative;
  max-width: 800px;
  /* Maximum width */
  margin: 0 auto;
  /* Center it */
}

.newscontent2 {
  position: relative;
  /* Position the background text */
  bottom: 70px;
  /* At the bottom. Use top:0 to append it to the top */
  background: rgb(0, 0, 0);
  /* Fallback color */
  width: 42.2%;
  background: rgba(0, 0, 0, 0.5);
  /* Black background with 0.5 opacity */
  color: #f1f1f1;
  /* Grey text */
  padding: 10px;
  /* Some padding */
  margin-bottom: -60px;
}

#titlenews2 {
  font-weight: bolder;
}

#compendiumlists {
  list-style-type: square;
  list-style-position: inside;
}

/*table features*/

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td,
th {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #ddd;
}

#cdl1 {
  margin-top: -35px !important;
}

.spotlight-links :hover {
  text-decoration: none !important;
  color: #521168 !important;
}

.cdl-section {
  background-color: #ebeced !important;
  color: #0e1159 !important;
}

.conference {
  font-weight: 700;
  color: #333;
}

/**CSS FOR COLLEGE HOME PAGE **/
/**Navbar features for college**/
#outlin {
  border-bottom: 5px solid #f1d104 !important;
  background: #151bb9;
  background-image: url(../img/header-bg.png) !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
}

#pix-college {
  position: absolute;
  width: 100%;
  height: 100%;
}

#pix-college1 {
  position: relative;
  display: block;
  width: auto;
  height: 250px;
  margin-right: auto;
  margin-left: auto;
  top: 15px;
  z-index: 2;
}

#mission {
  margin-top: 0 !important;
  font-weight: bold !important;
}

#historycol a:hover {
  color: red;
  font-weight: bold;
  border-left: 3px solid red;
  padding-left: 25px;
  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#menucollege a {
  font-weight: 650 !important;
}
#menucollege :hover a {
  color: red !important;
  text-decoration: none !important;
  font-weight: bolder !important;
  border-bottom: red 4px solid !important;
}

#img-college {
  position: relative;
  width: 200px;
  height: 250px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  top: 15px;
  border: 5px solid #ccc;
}

#college-section {
  color: #0e1159;
  font-weight: 450;
  margin-bottom: 0.2em;
}

#img-messageprovost {
  height: 140px;
  width: auto;
  padding-top: 0px;
}

#img-degree {
  height: 300px;
  width: auto;
  padding-top: 70px;
}
#hover-degree a:hover {
  text-decoration: underline !important;
}

#font-header {
  font-size: 19px;
  color: #333;
  text-align: justify;
}
/**
#header-aboutus{
    border-radius: 10px;
    background-image: url(../img/headerabt.JPG);
    background-repeat: repeat;
    background-position: center;
    filter: blur(0.8px);
    -webkit-filter: blur(0.8px);
    height: 200px;
}**/

/**media query original**/
@media screen and (max-width: 600px) {
  .slider h2 {
    font-size: 2.213em !important;
    margin-top: 110px !important;
  }

  .callforpaper {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .slider h2 {
    font-size: 2.213em !important;
    margin-top: 150px !important;
  }
}

/**media query faculties dropdown mobile query **/
@media screen and (max-width: 600px) {
  .column {
    width: 100% !important;
    height: auto !important;
  }
}

/**media query for centres & unit menu of the navbar **/
@media screen and (max-width: 600px) {
  .column1 {
    width: 100% !important;
    height: auto !important;
  }
}

/**media query for the title  Masscomm on the navbar**/
@media screen and (max-width: 1123px) {
  .navbar-fixed .nav-wrapper .brand-logo h5 {
    font-size: 16px !important;
    margin-top: 23px !important;
    padding: 0px !important;
    width: 200px !important;
  }
}

@media screen and (max-width: 1024px) {
  .navbar-fixed .nav-wrapper .brand-logo h5 {
    font-size: 16px !important;
    margin-top: 23px !important;
    padding: 0px !important;
  }
}

/**media query for dropdown for academics & Centre & Units links on the navbar**/
@media screen and (max-width: 1024px) {
  #faculties {
    top: 63px !important;
    width: auto !important;
    padding: 0px !important;
    left: auto !important;
  }
}

@media screen and (max-width: 1024px) {
  #centres {
    top: 63px !important;
    width: auto !important;
    padding: 0px !important;
    left: auto !important;
  }
}

@media screen and (max-width: 600px) {
  #mobilenav ul li i {
    display: none !important;
  }
}

@media screen and (max-width: 600px) {
  #mobilenav {
    padding: 0px !important;
    margin: 0px !important;
  }
}

@media screen and (max-width: 600px) {
  #centres-units ul li i {
    display: none !important;
  }
}

@media screen and (max-width: 600px) {
  #centres-units ul li a {
    font-size: 10px !important;
    padding: 5px !important;
    margin: 0 !important;
  }

  #img-buhari {
    position: relative;
    width: auto;
    height: auto;
    left: auto;
    top: 15px;
    border: 5px solid #ccc;
  }

  #crest_aboutus {
    position: relative;
    left: 33%;
    padding: 10px 0 0 0;
  }

  #Principal-officers {
    position: relative;
    width: auto;
    height: auto;
    left: auto;
    top: 15px;
    border: 5px solid #ccc;
  }

  .newscontent2 {
    width: 100%;
  }

  #img-degree {
    height: auto;
    width: auto;
    padding-top: 0;
  }
  #font-header {
    text-align: left;
  }
}

@media screen and (max-width: 980px) {
  #aboutus {
    text-indent: 0px !important;
    text-align: center !important;
  }
}

@media screen and (max-width: 320px) {
  #main {
    width: 320px !important;
  }
}