/* Kleur Navbar */
.navbar {
    background-color: #fff;
}

.navbar .logo img {
    margin-top: 1px;
    max-width: 200px;
}


/* Kleur Text in Navbar */
.navbar-default .navbar-nav > li > a {
    font-family: "Oswald", sans-serif;
    color: #000;
    font-size: 14px;
    text-transform: initial;
    font-weight: 500;
    text-transform: uppercase;
}


}

/* Streep onder text navbar */
.navbar-nav > .active > a {
    border-bottom: 2px solid #00a3e0;
}

/* Hov. Kleur Text in Navbar */
.navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #00a3e0;
}

/* Eerste woord Text in Navbar */
.navbar-default .navbar-nav > .active > a {
    background-color: transparent;
    color: #00a3e0;
}

/* Text over headerfoto */
.dw-frontpage {
    text-align: left;
}


/* Knop 1 over headerfoto */
.dw-frontpage-content .dw-cta {
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    display: inline-block;
    padding: 10px;
    border: 1px solid #00a3e0;
    background-color: #00a3e0;
    transition: all .3s ease 0;
    bottom: 0px;
    margin-bottom: 20px;
    color:#fff!important;
    opacity:1;
    font-size: 15px;
}


/* Knop 2 over headerfoto */
.dw-frontpage-content .dw-cta2 {
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    display: inline-block;
    padding: 10px;
    border: 1px solid #a6a6a6;
    background-color: #a6a6a6;
    transition: all .3s ease 0;
    bottom: 0px;
    margin-bottom: 20px;
    color:#fff
}

.dw-cta:hover, .dw-cta2:hover, .dw-frontpage-block-link a:hover, .dw-product-link a:hover, .car__readmore a:hover, .cw_car_cta a:hover {
    background-color: transparent;
    color: #00a3e0 !important;
    border: 1px solid #00a3e0;
}


/* Feature */
#block-carwebsfeatureblockshomepage .featureblock--content {
	position:relative;
	background-color:#fff;
}

#block-carwebsfeatureblockshomepage .featureblock--content-link a {
	position:relative;
}

.field--name-field-feature-block-paragraph {
	max-width:1400px;
	margin:auto;
}

#block-carwebsfeatureblockshomepage {
	background-color:#fff;
	padding:50px 0;
}

.featureblock--wrap {
	padding:10px;
}

#block-carwebsfeatureblockshomepage .featureblock--image::after {
	background-color:rgba(0,0,0,0.0);
}

.featureblock--content-title h2 {
	font-size:26px;
    color:000;
}


/*Kleur Text Featureblocks*/
#block-carwebsfeatureblockshomepage .featureblock--content h2 {
    color: #000;
}

#block-carwebsfeatureblockshomepage .featureblock--content p {
    color: #000;
}


/*Knoppen Featureblocks*/
#block-carwebsfeatureblockshomepage .featureblock--content-link a {
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    display: inline-block;
    padding: 10px;
    border: 1px solid #00a3e0;
    background-color: #00a3e0;
    transition: all .3s ease 0;
    bottom: 0px;
    margin-bottom: 20px;
}


/* Dual */
.dw-parallax-content-dual {
	background-color:#000;
}

.dw-parallax-content-dual a {
	color:#000;
}

.dw-dw_parallax_dual {
    height: auto;
    box-sizing: border-box;
    flex-basis: 75%;
    min-height: 300px;
}


/* Knop Parallax */
.dw-parallax-content-dual-content a {
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    display: inline-block;
    padding: 10px;
    border: 1px solid #00a3e0;
    background-color: #00a3e0;
    transition: all .3s ease 0;
    bottom: 0px;
    margin-bottom: 20px;
    color: #fff;
}

.dw-parallax-content-dual-content a:hover {
    background-color: transparent;
    color: #00a3e0;
    border: 1px solid #00a3e0;
}

/* Knop Extra balk */
.views-field-field-frontpage-headline a {  
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    display: inline-block;
    padding: 10px;
    border: 1px solid #00a3e0;
    background-color: #00a3e0;
    transition: all .3s ease 0;
    bottom: 0px;
    margin-bottom: 20px;
    color:#fff
}

.views-field-field-frontpage-headline a:hover {
    background-color: transparent;
    color: #00a3e0;
    border: 1px solid #00a3e0;
}

/* Headerbalk */
.dw-header {
    border-bottom: 2px solid #ff4000;
}


/* Social Media Buttons */
.dw-social-awesome {
    font-size: 25px;
}


/* Pagina overzicht */
.pagination > li > a, .pagination > li > span {
    line-height: 1.42857143;
    color: #8c8c8c;
}


/* Kleur Footer */
.dw-footer-wrapper {
    background-color:#000;
    border-bottom: 1px solid #fff;
}

.dw-frontpage:after {
  background:none;
}

.dw-header {
    border-bottom: 1px solid #fff;
    background-color: #000;
    border-top: 1px solid #fff;
}

.facets-widget-dropdown select, .facets-widget-range_dropdowns select {
    background-color: #000;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    width: 32%;
    padding: 5px;
    margin: .5%;
    font-weight: 600;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/arrow.svg) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: right center;
}

.dw-parallax-content-dual-content {
    text-align: left;
}

.dw-reviews-wrapper {
    display: none;
}

.navbar-nav > .active > a {
    border-bottom: 3px solid #00a3e0;
}

.dw-cta {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    background-color: #000;
    color: #fff !important;
    border: 1px solid #000;
    font-family: "Oswald", sans-serif;
    font-size: 400px;
    text-transform: uppercase;
    font-size: 18px;
    background-color: #00a3e0;
    color: #fff !important;
    border: 1px solid #00a3e0;
    font-family: "Oswald", sans-serif;
    font-size: 400px;
    text-transform: uppercase;
    font-size: 18px;
    opacity: .8;
}

.btn  {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    background-color: #000;
    color: #fff !important;
    border: 1px solid #000;
    font-family: "Oswald", sans-serif;
    font-size: 400px;
    text-transform: uppercase;
    font-size: 18px;
    background-color: #00a3e0;
    color: #fff !important;
    border: 1px solid #00a3e0;
    font-family: "Oswald", sans-serif;
    font-size: 400px;
    text-transform: uppercase;
    font-size: 18px;
    opacity: .8;
}

.cw_car_trial a {
    width: 100%;
    display: block;
    padding: 20px;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
    background-color: #00a3e0;
    line-height: 140%;
    color: #fff;
}

.btn-primary:hover {
    background-color: transparent;
    color: #00a3e0 !important;
    border: 1px solid #00a3e0;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #00a3e0;
    border-color: #00a3e0;
    color: #fff;
    cursor: default;
    z-index: 2;
}