/* 

Theme Name: Cross River State College of Education Akamkpa
Author: HASOB
Author URI: https://hasob.com.ng/
Version: 1.0 
Description: Cross River State College of Education Akamkpa Official Website Developed by HASOB Integrated Services Limited


*/


header, header a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgb(34,65,165);
}


nav, nav a , nav .dropdown-menu, nav .dropdown-menu a, header .dropdown-menu a{
  background-color: rgb(78,157,211);
  color: #fff;
}

nav a.nav-link:hover, header a.nav-link:hover, .active {
  background-color: #01050a;
  color: #fff;
}

footer, footer a {
  background-color: rgb(11,28,44);
  color: #fff;
}
footer a:hover {
  color: white;
}

.carousel-indicators li {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color:rgb(78,157,211);
  color: bisque;
}

.carousel-caption {
  background-color: rgb(35, 37, 37);
  opacity: 0.7;
}

.carousel-item img {
  width: 100%;
  height: 400px;
}

.welcome .attachment-post-thumbnail{
  width: 180px !important;
  height: auto !important;
  float: left;
  margin-right: 1em;
}
 .about-abraka .attachment-post-thumbnail {
  width: 250px !important;
  height: auto !important;
  float: left;
  margin-right: 1em;
}



.welcome a.read-more,
.about a.read-more, a.read-more {
  display: inline !important;
  color: rgb(31,2,253);;
  font-weight: bold !important;
}

label.line {
  background: rgb(31,2,253);
  height: 3px;
  width: 30%;
  display: block;
  margin: 10px auto;
}

.news a {
  text-decoration: none;
  color: rgb(31,2,253);
  font-weight: bold !important;
}

.btn-info {
  background-color: rgb(78,157,211);
  border-color: rgb(78,157,211);
}

a.btn-info {
color: #fff !important ;
}

.dateNew {
  width: 50px;
  height: 50px;
  background: #fcfcfc;
  background: linear-gradient(top, #fcfcfc 0%, #dad8d8 100%);
  background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%);
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%);
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);

  margin: 5px 5px 5px 5px;
}

.dateNew p {
  font-size: 15px;
  text-align: center;
  color: #9e9e9e;
  font-weight: bold;
}

.dateNew p span {
  background: #0073b7;
  background: linear-gradient(top, #0073b7 0%, #8dbfe1 100%);
  background: -moz-linear-gradient(top, #0073b7 0%, #8dbfe1 100%);
  background: -webkit-linear-gradient(top, #0073b7 0%, #8dbfe1 100%);
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
  display: block;
  border-top: 1px solid #e96c19;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  padding: 6px 0 6px 0;
}

.animate__bounce {
  animation-duration: 4s; /* don't forget to set a duration! */
}

header img {
  width: 250px;
  height: auto;
}

#single .attachment-post-thumbnail, #about .attachment-post-thumbnail {
  width: 250px;
  height: auto;
  float: left;
  margin-right: 10px;
}

#tetfund-intervention .carousel img {
  width: 100%;
  height: auto;
}

.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea {
  padding: 5px;
}

#recent-posts-2 > ul > li {
  padding-bottom: 20px !important;
  list-style: none;
}

#recent-posts-2 > ul > li > span {
  display: block;
  font-size: 80%;
}

.widget-title {
  text-align: center !important;
}

#recent-posts-2 > ul > li > a {
  color: rgb(31,2,253);
  font-weight: bold !important;
}

#TETFUND-PROJECT .tetfund-project img {
  width: 100% !important;
  height: auto !important;
}

#campus-life .dropdown-menu {
  z-index: 20000 !important;
}

 #administration .administration .attachment-post-thumbnail {
  width: 100%;
  height: 220px;
  float: left;
  margin-right: 10px;
}

#staff .attachment-post-thumbnail{
  width: 100%;
  height: 200px;
  float: left;
} 

nav .page-numbers {
  padding: 10px;
}

nav .page-numbers.current {
  color:#fff;
  background-color: rgb(11,28,44);
}