/*
Theme Name: HDS-Vastgoed
Theme URI: http://youridentityreclame.nl/
Description: A child theme of zerif-lite
Author: Theme Isle
Author URI: http://ThemeIsle.com/
Version: 1.0.0
Template: zerif-lite
*/
@import url("../zerif-lite/style.css");

/*General*/

ul, ol {
    margin: 0 0 1em 1.2em!important;
}

a {
    color: #1E3D8C;
}

a:hover, a:focus, a:active {
    color: #5D73AC;
}

a:visited {
    color: #66902E;
}

::selection {
    background: #1E3D8C;
    color: #FFF;
}

.entry-title:after {
    background: #1E3D8C;
}

/*Buttons*/
.header-content-wrap {
    background: rgba(0, 0, 0, 0.2);
    background-image: http://hdsvastgoed.nl/wp-content/themes/zerif-lite/images/background1.jpg;
}

.red-btn {
    background: #1f3d8c!important;
}

.red-btn:hover {
    background: #082980!important
}

.green-btn {
    background: #65902e!important;
}

.green-btn:hover {
    background: #44611e!important;
}

/*Header*/

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -15px;
    margin-top: 20px;
}

.header.header > .navbar {
    -webkit-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.01);
    box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.01);
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #1E3D8C;
}

ul.nav > li.current_page_item > a:before {
    background: #1E3D8C;
}

.navbar-inverse .navbar-nav>li>a {
    color: #757574;
}

/*Focus*/

.focus {
    padding-top: 30px;
}

.focus-box:nth-child(4n+1) .service-icon:hover {
    border: 10px solid #1E3D8C;
}

.focus-box:nth-child(4n+1) .red-border-bottom:before {
    background: #1E3D8C;
}

.focus-box:nth-child(4n+2) .service-icon:hover {
    border: 10px solid #4e4d53;
}

.focus-box:nth-child(4n+2) .red-border-bottom:before {
    background: #4e4d53;
}

.focus-box:nth-child(4n+3) .service-icon:hover {
    border: 10px solid #65902e;
}

.focus-box:nth-child(4n+3) .red-border-bottom:before {
    background: #65902e;
}

/*testimonials*/

.testimonial {
    background: #1E3D8C;
    padding-bottom: 90px;
}

/*footer*/

#footer {
    background: #666666;
    line-height: 20px;
}

.company-details {
    color: #eeeeee;
}

.company-details a {
    color: #eeeeee;
}

.company-details a:hover {
    color: #ffffff;
}

.social li a:hover {
    color: #65902e;
}

.copyright {
    background: #1E3D8C;
}

.zerif-copyright {
    padding-top: 51px;
    padding-bottom: 80px;
    color: #ccc!important;
}