/* 

Theme Name: Enugu-State-College-of-Education-Technical
Author: HASOB
Author URI: https://hasob.com.ng/
Version: 1.0 
Description: The Enugu State College of Education Technical Official Website Developed by HASOB Integrated Services Limited


*/

@media (max-width: 576px) {
  nav#nav img {
    height: 50px;
    width: auto;
  }

  .search-form input[type="search"],
  input[type="text"],
  textarea,
  input[type="email"] {
    width: 100% !important;
    height: 100% !important;
  }

  body {
    margin-top: 0px !important;
  }

  .dropdown-menu,
  nav#nav,
  nav#nav a {
    background-color: rgb(133,49,19) !important;
    color: #fff !important;
  }

  nav#nav {
    background-color: rgb(133,49,19) !important;
    color: #fff !important;
    border-top: 4px solid rgb(7, 3, 1) !important;
  }
  
  .carousel-item img {
    width:100%;
    height: 300px !important;
    margin-top: 2px;
  }
}

@media (min-width: 768px) {
  #header-menu img {
    z-index: 1000;
  }

  body {
    margin-top: 0px !important;
  }

  .dropdown-menu,
  nav#nav,
  nav#nav a {
    background-color: rgb(133,49,19) !important;
    color: #fff !important;
  }

  nav#nav {
    background-color: rgb(133,49,19) !important;
    color: #fff !important;
    border-top: 4px solid rgb(7, 3, 1) !important;
  }
  
  .carousel-item img {
    width:100%;
    height: 430px !important;
    margin-top: 2px;
  }


}




footer {
  background-color: rgb(133,49,19) !important;
  color: #fff;
}

footer a {
  color: #fff;
}

   .navbar {
    padding: 0px !important;
  } 


nav#nav li a.nav-link {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}


footer a:hover {
  color: white;
}

i.fa.fa-phone {
  transform: rotate(-180deg);
  margin-top: 20px;
}

i.fa.fa-university {
  margin-top: 20px;
  margin-right: 20px;
}


#contact .contact-us {
  padding: 5px;
}

#header-menu form {
  margin-top: 30px;
}

form label span.screen-reader-text {
  display: none;
}

footer .menu-item {
  list-style: none;
}

footer li.menu-item ul.sub-menu li {
  margin-left: -30px;
}

ul#menu-footer-menu-2-links.menu {
  padding-left: 5px;
}

#callout img {
  width: 100%;
  height: auto;
}


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

#WELCOME h3, #WELCOME h4, #news h4, #research-innovation h4, #events h4 {
  color: rgb(133,49,19) !important;
}

#research-innovation, #events {
  background-color: rgb(53, 49, 49) !important;
}

#research-innovation h2, #events h2 {
  color: #fff !important;
}

#news {
  background-color: rgb(133,49,19)  !important;
}


#news h2 {
  color: #fff !important;
}

#research-innovation img, #news img, #events img {
  width: 100% !important;
  height: auto;
}

#research-innovation a.read-more, #news a.read-more, #events a.read-more, #about a.read-more, #TETFUND-PROJECT a.read-more, a.read-more, #recent-posts-2 > ul > li >a {
  display: block !important;
  color: rgb(95, 31, 8);
  font-weight: bold !important;
}


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

.projects-img .attachment-post-thumbnail {
  width: 100%;
}


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

#welcome img, #CAROUSEL img,
#about img {
  width: 100% !important;
  height: auto !important;
}


.search-form input[type="submit"],
.search-form input[type="search"],
input[type="text"],
textarea,
input[type="email"],
input[type="submit"] {
  border: 1px solid rgb(133,49,19) !important;
  padding: 5px !important;
  border-radius: 3px !important;
}

.search-form input[type="submit"],
input[type="submit"] {
  font-size: 1.1rem !important;
  background-color: rgb(133,49,19) !important;
  color: #fff !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

#TETFUND-PROJECT table tbody tr td img {
  width: 100%;
  height: auto;
}

.pager {
  justify-content: center !important;
  text-align: center;
}

.pager li {
  list-style: none;
  float: left;
  margin: 10px;
  text-align: center;
}
.pager li a {
  background-color: #21618c;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 2px;
}

nav.pagination {
  margin-bottom: 10px;
}

.pagination a.page-numbers {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.pagination .page-numbers.current {
  background-color: #21618c !important ;
  color: #fff !important;
  padding-left: 10px;
  padding-right: 10px;
}

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

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

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

.dropdown-menu {
  margin-top: -1px !important;
  border-top: 4px solid rgb(59, 19, 4) !important;
}


#COURSES {
    display:flex;
    justify-content: center;
    align-items: center;
    font-size: 1.7em;
  }

  #header-menu {
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: #fff !important;
    color:  rgb(95, 31, 8) !important;
  }

  #header-menu a {
    background-color: #fff !important;
    color:  rgb(95, 31, 8) !important;
  }



  .copyright, .copyright a {

    background-color: rgb(133,49,19) !important;
    color: #fff !important;
    
  }

  input.regular-text {
    width:100% !important;
    padding:5px !important;
  }

  .events {
    position: relative;
  }

  .event-time {
    background-color: rgb(133,49,19);
    color: #fff;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .event-time p {
    margin: 0px;
  }

  .event-time p.event-month {
    font-size: 1.9rem;
  }

  .event-time p.event-day {
    font-size: 1.4rem;
  }

  #research-innovation .card, #events .card{
    border-top: 4px solid rgb(133,49,19) !important;
  }

  #news .card img {
    border-bottom: 4px solid rgb(133,49,19) !important;
  }

  #about h2, #TETFUND-PROJECT h2, #about h2 a, .page-title, .page-title a, a .page-title {
    color: rgb(133,49,19);
  }

  #vision-and-mission {
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

 
  #CAROUSEL  > div[data-desktop] {
    width: 100% !important;
    height: auto !important;
  }

  nav#nav li a.nav-link:hover,
  nav#nav li > .dropdown-menu > a:hover, nav#nav li a.nav-link.active {
  background-color: rgb(95, 31, 8) !important;
    color: white;
  }

  #administration .attachment-post-thumbnail, #principal-officers .attachment-post-thumbnail {
    width: 200px;
    height: auto;
    float: left;
    margin-right: 10px;
}

#centre-head .attachment-post-thumbnail {
  width: 100%;
  height: auto;
}

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

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