.bg-uba{
    background-image: url('../img/ubamenda.jpeg');
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.bg-clean{
    background-color: #f8f9fa7e;
    min-height: 70vh;
}

.text-blue{
    color: #065FD4;
}

.m-top-4 {
    margin-top: 40px;
}

.centree{
    position: absolute;
    top: 80px;
}

.social-share{
    padding-top: 10px;
    padding-bottom: 10px;
}

.social-share .icon{
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    height: 46px;
    width: 46px;
    border-radius: 50%;
    line-height: 46px;
    text-align: center;
    margin-right: 6px;
}

.social-share .facebook {
    background: #065fd4;
}

.social-share .whatsapp {
    background: #258101;
}

.social-share .twitter {
    background: #00b8e6;
}

.social-share .telegram {
    background: #015e7a;
}
/*********************************
1. Bread Crumb
*********************************/
.bg-bread-crumb {
    background-image: url('../img/ubamenda.jpeg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bread-crumb {
    max-height: 250px;
    padding-top: 30px;
    padding-bottom: 30px;
}

/*********************************
2. About Page
*********************************/
.about .title-sm {
    color: #555555;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.about .description, .about ol, .about ul {
    color: #1a1a1a;
    font-size: 16px;
    text-align: justify;
    margin-bottom: 10px;
}

/*********************************
3. Deparments Page
*********************************/
.department h2 {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
}

.department .description, .about ol, .about ul {
    color: #1a1a1a;
    font-size: 16px;
    text-align: justify;
    margin-bottom: 10px;
}

.department .title-sm {
    color: #555555;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

/*********************************
6. Hero Boxes
*********************************/

.hero_boxes {
    width: 100%;
}

.hero_boxes_inner {
    width: 100%;
    margin-top: -50px;
}

.hero_box {
    width: 100%;
    height: 120px;
    background: #1a1a1a;
    padding-left: 50px;
    cursor: pointer;
}

.hero_box:hover {
    background: #ffb606;
}

.hero_box img {
    width: 62px;
    height: auto;
    margin-top: -6px;
}

.hero_box svg {
    width: 62px;
    height: auto;
}

.hero_box:hover svg path {
    fill: #FFFFFF;
}

.hero_box_content {
    padding-left: 13px;
    padding-top: 11px;
    margin-top: -6px;
}

.hero_box_title {
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: 7px;
}

.hero_box_link:hover {
    color: #1a1a1a;
}

/* section */
section {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Directors message */
.dirMsg {
    z-index: -1;
}

.dirImg {
    height: 480px !important;
    object-fit: cover;
    border-radius: 10px 10px 10px 10px !important;
}

/* Department */
.course_boxes
{
	margin-top: 68px;
}
.course_box
{
	margin-bottom: 50px;
}
.course_box .card {
    height: 310px;
}
.course_box:nth-last-child(-n+3)
{
	margin-bottom: 0px;
}

/*********************************
12. Services
*********************************/

.services {
    padding-bottom: 76px;
}

.services_row {
    margin-top: 65px;
}

.service_item {
    margin-bottom: 41px;
}

.service_item h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 13px;
}

.service_item p {
    font-size: 14px;
    font-weight: 500;
    color: #a5a5a5;
    max-width: 100%;
    margin-bottom: 0px;
}

.icon_container {
    height: 41px;
    width: auto;
    margin-bottom: 30px;
}

.icon_container img {
    height: 100%;
}

/*********************************
11.2 Footer Content
*********************************/
footer .bg-black a .link {
    color: #eeeeee !important;
    text-decoration: none !important;
}
.footer_contact_item
{
	font-size: 14px;
	font-weight: 400;
	color: #eeeeee;
	margin-bottom: 25px !important;
}
.footer_contact_item:last-child
{
	margin-bottom: 0px;
}
.footer_contact_icon
{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-right: 10px;
}
.footer_contact_icon img
{
	width: 100%;
}

.img
{
  height: 450px;
  width: 100%;
  object-fit: cover;  
}

/**********************
    Auth Forms
**********************/

  .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #e3342f;
  }
  
  .invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.7875rem;
    line-height: 1.6;
    color: #fff;
    background-color: rgba(227, 52, 47, 0.9);
    border-radius: 0.25rem;
  }
  
  .was-validated :invalid ~ .invalid-feedback,
  .was-validated :invalid ~ .invalid-tooltip,
  .is-invalid ~ .invalid-feedback,
  .is-invalid ~ .invalid-tooltip {
    display: block;
  }
  
  .was-validated .form-control:invalid,
  .form-control.is-invalid {
    border-color: #e3342f;
    padding-right: calc(1.6em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e3342f' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e3342f' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.4em + 0.1875rem) center;
    background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
  }
  
  .was-validated .form-control:invalid:focus,
  .form-control.is-invalid:focus {
    border-color: #e3342f;
    box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.25);
  }
  
  .was-validated textarea.form-control:invalid,
  textarea.form-control.is-invalid {
    padding-right: calc(1.6em + 0.75rem);
    background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem);
  }
  
  .was-validated .custom-select:invalid,
  .custom-select.is-invalid {
    border-color: #e3342f;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e3342f' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e3342f' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
  }
  
  .was-validated .custom-select:invalid:focus,
  .custom-select.is-invalid:focus {
    border-color: #e3342f;
    box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.25);
  }
  
  .was-validated .form-check-input:invalid ~ .form-check-label,
  .form-check-input.is-invalid ~ .form-check-label {
    color: #e3342f;
  }
  
  .was-validated .form-check-input:invalid ~ .invalid-feedback,
  .was-validated .form-check-input:invalid ~ .invalid-tooltip,
  .form-check-input.is-invalid ~ .invalid-feedback,
  .form-check-input.is-invalid ~ .invalid-tooltip {
    display: block;
  }
  
  .was-validated .custom-control-input:invalid ~ .custom-control-label,
  .custom-control-input.is-invalid ~ .custom-control-label {
    color: #e3342f;
  }
  
  .was-validated .custom-control-input:invalid ~ .custom-control-label::before,
  .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: #e3342f;
  }
  
  .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
  .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #e9605c;
    background-color: #e9605c;
  }
  
  .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
  .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.25);
  }
  
  .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
  .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #e3342f;
  }
  
  .was-validated .custom-file-input:invalid ~ .custom-file-label,
  .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #e3342f;
  }
  
  .was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
  .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #e3342f;
    box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.25);
  }
/*********************
    Blog Styles
*********************/
.side-widget {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-bottom: 15px;
}

.side-widget .widget-head {
    padding-top: 20px;
    text-align: center;
}

.side-widget .widget-body {
    padding: 10px;
}   

.side-widget .widget-body .post-img {
    height: 90px;
    width: 120px;
    object-position: top;
    object-fit: cover;
    margin-right: 10px;
}

.side-widget .widget-body p {
    padding: 0;
    margin: 0;
}

/*****************************
    Comment Styles
*****************************/
.single_comment_area{
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #dbdcf1;
    margin-bottom: 10px;
}

.comment-content {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    margin-top: 20px;
}

.comment-content .comment-author {  
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    width: 90px;
    max-width: 90px;
    margin-right: 15px;
    border-radius: 50%;
}

.comment-meta .comment-meta-data {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 10px;
}

.comment-meta p {
    font-size: 16px;
    margin-bottom: 8px;
}

.img-com{
    height: 90px;
    width: 100%;
    object-fit: cover;
}