/*====================================================================
- Medium Slate Blue #f5bf71
====================================================================*/

.primary-menu .navbar-nav .nav-link:hover,
.primary-menu .navbar-nav .nav-link.active,
.primary-menu .navbar-brand span,
.section-title h1,
.about .title span,
.about .count-box .number,
.service .service-box a:hover,
.about .resume-box h5 span,
.modal .modal-social li a:hover,
body.light .modal .modal-social li a:hover,
.modal .modal-tags a:hover,
body.light .modal .modal-tags a:hover,
.news .post-content h3 a:hover,
.news .post-meta li a:hover,
.instagram-feed .instagram-post-info:hover i,
.instagram-feed .instagram-post-info:hover h5,
.contact .contact-address .contact-option a:hover,
.footer .copyright a,
.footer .footer-nav a:hover {
    font-weight: bolder;
    color: #ffbc66!important;
}

::selection,
.button,
.navbar-toggler,
.section-title h1::before,
.section-title h1::after,
.service .service-box:hover .service-icon,
.about .exprience-year,
.about .resume-box ul::before,
.about .resume-box ul .position,
.about .resume-box ul .position::before,
.about .skills-bar .ab-progress-bar,
.filter-button-group button.active,
.portfolio .modal-content-desc li a,
.portfolio .portfolio-box .portfolio-icon a:hover,
body.light .portfolio .portfolio-box .portfolio-icon a:hover,
.contact .contact-address .contact-option span,
#back-top-top:hover,
body.light #back-top-top:hover,
.modal .modal-close:hover,
body.light .modal .modal-close:hover {
    background: #f5bf71;
}

.filter-button-group button.active,
body.light .filter-button-group button.active,
.filter-button-group button:hover,
body.light .filter-button-group button:hover,
.modal .modal-social li a:hover,
body.light .modal .modal-social li a:hover,
.modal .modal-tags a:hover,
body.light .modal .modal-tags a:hover,
.contact .form-control:focus {
    border: 1px solid #f5bf71 !important;
}

.news .post-content h3 a {
    background-image: linear-gradient(to left, #f5bf71, #f5bf71);
}