/* Header Area */
#header {
    background-color: #FFF;
}
.header-gate {
    width: 100%;
    max-width: 350px;
    height: auto;
}
@media (max-width: 1199px) {
    .header-gate {
        display: block;
        margin: 0 auto;
    }
}
.header-logo {
    width: 100%;
    max-width: 655px;
    height: auto;
}

/* Navigation Area */
#nav {
    background-color: #6D6D36;
}
.navbar {
    padding-left: 0;
    padding-right: 0;
}
.navbar-toggler-icon {
    color: #FFF;
    font-size: 2rem;
    height: auto;
}
.navbar {
    padding-top: 0;
    padding-bottom: 0;
}
.navbar .navbar-nav .nav-item a.nav-link {
    color: #FFF;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}
.navbar .navbar-nav .nav-item a.nav-link:hover {
    color: #d8d8d8;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}
@media(min-width: 1200px) {
    .navbar .navbar-nav .nav-item a.nav-link {
        color: #FFF;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .navbar .navbar-nav .nav-item a.nav-link:hover {
        color: #d8d8d8;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    } 
}
.navbar .navbar-nav .nav-item {
    position: relative;
}
.navbar .navbar-nav .nav-item:hover::after {
    content: "";
    border-bottom: solid #b3cb25 7px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
}
.navbar .navbar-nav .nav-item.active::after {
    content: "";
    border-bottom: solid #b3cb25 7px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
}

/* Sidebar Area */
#sidebar > .inner{
    background-color: #f8f8f8;
    padding: 1rem 0.5rem;
}
.link-box1 {
    padding: 0.3rem;
    text-align: center;
    min-height: 2.5rem;
    margin: 0.25rem 0;
}
/* News and Announcements */
.news-and-announcements {
    margin: 2rem 0 1rem;
}
.news-and-announcements-body {
    padding-top: 1rem;
}
.announcement-icon {
    position: relative;
}
.announcement-icon .icon {
    position: absolute;
    left: 300px;
}
/* Home Page Department Image */
.depmnt-img {
    display: block;
    margin: 0 auto;

}
.depmnt-bg-img {
    display: block;
    /* margin: auto auto; */
    position: absolute;
    left: 17%;
    top: -5%;
    z-index: -1;
}
/* Section Main */
section#main {
    padding-top: 1rem;
}
/* Photo Gallery */
.photo-gallery .photo {
    border: solid #cecece 1px;
    padding: 0.5rem 0.5rem;
    margin-bottom: 1rem;
    text-align: center;
}
.photo-gallery .photo > img {
    width: 100%;
    height: auto;
}



/* Footer Area */
#footer {
    background-color: #6D6D36;
    padding: 0.4rem;
    margin: 2rem 0 0;
}
#footer p {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.9rem;
}
#footer p.copy-rights {
    text-align: left;
}
#footer p.developed-by {
    text-align: right;
}
#footer a {
    color: #FFF;
    text-decoration: none;
}
@media (max-width: 992px) {
    #footer p {
        color: #fff;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 0.8rem;
        text-align: center;
    }
    #footer p.copy-rights {
        text-align: center;
    }
    #footer p.developed-by {
        text-align: center;
    }
    #footer a {
        color: #FFF;
        text-decoration: none;
    }
}