/* Theme Name: Construx | Construction, Architecture & Building Multipurpose HTML resposive Template
   Author: bulltheme
   Version: 1.0.0
   File Description: Template yellow color
*/

.btn-custom, .btn-custom:active, 
.btn-custom:visited {color: #fff; background-color: #336699; border-color: #242424;}

.btn-custom:hover,
.btn-custom:focus > .dropdown-toggle.btn-custom {border-color: #0099cc; background-color: #0099cc; color: #fff; outline: none; box-shadow: none;}

.bg-custom,
.loader-span,
.team .team-overlay:before,
.loader-span:after,
.form-control ~ .focus-border,
.work .work-detail:before {background-color: #336699;}

.text-custom,
.navbar-custom .navbar-nav .show > .nav-link,
.navbar-custom .navbar-nav .active > .nav-link,
.navbar-custom .navbar-nav .nav-link.show,
.navbar-custom .navbar-nav .nav-link.active,
.navbar-custom .navbar-nav .nav-link:hover,
.navbar-custom .navbar-nav .nav-link:focus,
.form-control:focus ~ label,
.has-content.form-control ~ label {color: #336699;}

.fill-custom {fill: #336699;}

.border-custom {border-color: #336699;}

.work-button-group button:hover,
.work-button-group .is-checked {border-top-color: #336699; }

.blog .blog-detail {border-left-color: #336699; }

.team-overlay {
    background-color: rgba(255, 255, 255, 0) 0%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0) 0%), to(#336699 100%));
    background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #336699 100%);
    background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #336699 100%);
    background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #336699 100%);
    background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #336699 100%);
    background-image: linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #336699 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 0) 0%', endColorStr='#336699 100%');
}