/* ===============*/
/* Yellow #ff8c00
==================*/
#header .navbar-light .navbar-nav .show > .nav-link,
#header .navbar-light .navbar-nav .active > .nav-link,
#header .navbar-light .navbar-nav .nav-link.show,
#header .navbar-light .navbar-nav .nav-link.active {
    border-bottom: 1px solid #ff8c00;
    color: #ff8c00;
}

.home h1 span,
.sec-t h1 span,
.home h2 span,
.sec-t h2 span,
.about .project h4,
.skills .comunicate-skill-items li.list-inline-item .comu-icon i,
#header .navbar-light .navbar-nav .nav-link:hover,
#header .navbar-light .navbar-nav .nav-link:focus,
a:hover {
    color: #ff8c00;
}
.sec-t h1::after,
.sec-t h2::after,
.skills .skill-item .progress .progress-bar,
.skills .skill-item .progress .progress-bar::after,
ul.list-unstyled li.expe-item:hover h5::before,
ul.list-unstyled li.edu-item:hover h5::before,
.btn,
#header li.nav-item::after,
#header a.nav-link::before,
.portfolio ul.filter-btn li.active {
    background-color: #ff8c00;
}

[type='reset']:hover,
[type='submit']:hover,
.btn:hover {
    background-color: #ff8c00;
}

.da-thumbs .portfolio-item a div {
    background: #ff8c00;
    background-color: rgba(255, 180, 0, 0.8);
}

.blog .blog-item .blog-text a,
.contact ul.list-unstyled li.contact-item .more-link {
    border-bottom-color: #ff8c00;
}

/*btn*/
.btn-brand {
    background-color: #ff8c00;
    color: #fff;
    border: 2px solid #ff8c00;
}

.btn-brand:hover {
    background-color: transparent;
    border: 2px solid #ff8c00;
    color: #ff8c00;
}

/*btn border*/
.btn-brand-border {
    border: 2px solid #ff8c00;
    background-color: transparent;
    color: #ff8c00;
}

.btn-brand-border:hover {
    border: 2px solid #ff8c00;
    background-color: #ff8c00;
    color: #ff8c00
}

.form-control:hover,
.form-control:active {
    border-color: rgba(255, 180, 0, 0.6);
    box-shadow: 0px 0px 5px rgba(255, 180, 0, 0.5);
}

.skills .skill-item .progress {
    border: 1px solid rgba(255, 180, 0, 0.4);
}