@import url('https://fonts.googleapis.com/css?family=Lato:100,200,300,400,500'); @import url('https://fonts.googleapis.com/css?family=:100,200,300,400,500'); body { font-family: 'Lato'; font-size: 1em; background-color: #e2e9e8 } .font-primary { font-family: 'Lato'; } /* Button styling */ .btn { border-radius: 3px; border: solid 1px; } .btn-primary { background-color: #486565; color: #ffffff; border-color: #486565; } .btn-primary:hover { color: #486565; background-color: transparent; } .btn-primary-border { background-color: transparent; border-color: #486565; color: #486565; } .btn-primary-border:hover { color: #ffffff; background-color: #486565; } .btn-primary-border.active { background-color: #486565; color: #ffffff; } .btn-secondary { background-color: #ad7a33; border-color: #ad7a33; color: #ffffff; } .btn-secondary:hover { background-color: transparent; color: #ad7a33; } .btn-secondary-border { background-color: transparent; border-color: #ad7a33; color: #ad7a33; } .btn-secondary-border:hover { background-color: #ad7a33; color: #ffffff; } .btn-tertiaire { background-color: #ad7a33; border-color: #ad7a33; color: #ffffff; } .btn-tertiaire:hover { background-color: transparent; color: #ad7a33; } .btn-tertiaire-border { background-color: transparent; border-color: #ad7a33; color: #ad7a33; } .btn-tertiaire-border:hover { background-color: #ad7a33; color: #ffffff; } .btn-white { background-color: #ffffff; border-color: #ffffff; color: #ad7a33; } .btn-white:hover { background-color: transparent; color: #ffffff; } .btn-white-border { background-color:transparent: color: #ffffff; border-color: #ffffff; } .btn-white-border:hover { background-color: #ffffff; color: #ad7a33; } .btn-select { border-color: #486565; color: #486565; background-color: transparent; } .btn-select.btn-select-selected { background-color:#486565; color: #ffffff; } .btn-select.btn-select-white { border-color:#ffffff; color: #ffffff; } .btn-select.btn-select-white.btn-select-selected { border-color: #486565; } .btn-reset { color: #000000; border-color:transparent; } .btn-progress { color: #ad7a33; border-color:transparent; } .btn-progress.active { color: #486565; border-color: #000000; } .btn-progress.current-step { color:#486565; } .arrow_radius, .owl-next, .owl-prev, .carousel-arrow { border-radius: 3px !important; } /* Text Colors */ .white-text { color: #ffffff !important; } .primary-color-text { color: #000000 !important; } .primary-color-link { color: #486565 !important; } .secondary-color-text { color: #ad7a33 !important; } .tertiaire-color-text { color: #ad7a33 !important; } .grey-color-text { color: #000000 !important; } /* Border Color */ .white-border { border-color:#ffffff !important; } .primary-color-border { border-color:#486565 !important; } .secondary-color-border { border-color:#ad7a33 !important; } .tertiaire-color-border { border-color:#ad7a33 !important; } .grey-color-border { border-color: #ad7a33 !important; } /* Background Color */ .white-background { background-color:#ffffff !important; } .primary-color-background { background-color: #486565 !important; } .secondary-color-background { background-color: #ad7a33 !important; } .tertiaire-color-background { background-color: #ad7a33 !important; } .grey-color-background { background-color: #000000 !important; } /* SVG Styling */ .white-fill { fill:#ffffff !important; } .primary-color-fill { fill: #486565 !important; } .secondary-color-fill { fill: #ad7a33 !important; } .tertiaire-color-fill { fill: #ad7a33 !important; } .grey-color-fill { fill: #000000 !important; } .white-stroke { stroke: #ffffff !important; } .primary-color-stroke { stroke: #486565 !important; } .secondary-color-stroke { stroke: #ad7a33 !important; } .tertiaire-color-stroke { stroke: #ad7a33 !important; } .grey-color-stroke { stroke: !important; } /* Form Elementen */ .basic-label, .second-label { color: #ad7a33 !important; } .radio-label { color: #ad7a33 !important; } .radio-label:after { background-color: #486565 !important; } input[type=radio]:checked + label:before { border-color: #486565 !important; } .checkbox-label { color: #ad7a33 !important; } .checkbox-label:after { background-color: #486565 !important; } input[type=checkbox]:checked + label:before { border-color: #486565 !important; } input { color: #ad7a33 !important; } select { color: #ad7a33 !important; } .upload-field label span { color: #ad7a33 !important; } .rangeSlider .ui-slider-handle { background: #486565 !important; } .rangeSlider .ui-slider-range { background: #f2f2f2 !important; } /* Overige Styling */ .house-more-info-nav li span { color: #ad7a33 !important; } .house-more-info-nav li:hover span, .house-more-info-nav li.active span { color: #486565 !important; border-color: #486565 !important; } .close-more-info span { background-color: #ad7a33 !important; } .close-more-info:hover span { background-color: #486565 !important; } .owl-dots .owl-dot { background-color: #ad7a33 !important; } .owl-dots .owl-dot.active { background-color: #486565 !important; } .irs-from, .irs-to { color:#ad7a33 !important; } .irs-bar { background-color: #486565 !important; } .irs-slider:before { background-color: #ad7a33 !important; } .house-point:hover svg.pointer-icon path, .house-point.visible svg.pointer-icon path { fill: #486565 !important; } .cb-propertyslider-nav ul li a:hover { color:#486565 !important; } .cb-propertyslider-nav ul li.active a { color:#486565 !important; } /* Newsticker */ .news-item a { color: #486565 !important; } /* Pagination */ .pagination-btn:hover, .pagination-btn.active { border-color: #486565 !important; color: #486565 !important; } /* Header / navigation */ .menu-background { background-color: #ffffff !important; } @media (max-width: 1023px) { .mobile-menu-background { background-color: #ffffff !important; } }