@import url('https://fonts.googleapis.com/css?family=DM Sans:100,200,300,400,500'); @import url('https://fonts.googleapis.com/css?family=Bree Serif:100,200,300,400,500'); body { font-family: 'DM Sans'; font-size: 1em; background-color: #ffffff } .font-primary { font-family: 'DM Sans'; } .font-secondary { font-family: 'Bree Serif'; } h1, h2, h3, h4, h5, .btn, select, input { font-family: 'Bree Serif'; } textarea { font-family: 'Bree Serif' !important; } h1 { /* 0.9 times 5 = 4.5 */ font-size: 4.5em; } h2 { font-size: 2.79em; } h3 { font-size: 0.9em; } h4 { font-size: 1.125em; } h5 { font-size: 1.35em; } h6 { font-size: 0.9em; } /* Button styling */ .btn { border-radius: 3px; border: solid 1px; } .btn-primary { background-color: #718aa6; color: #ffffff; border-color: #718aa6; } .btn-primary:hover { color: #718aa6; background-color: transparent; } .btn-primary-border { background-color: transparent; border-color: #718aa6; color: #718aa6; } .btn-primary-border:hover { color: #ffffff; background-color: #718aa6; } .btn-primary-border.active { background-color: #718aa6; color: #ffffff; } .btn-secondary { background-color: #4b5c7e; border-color: #4b5c7e; color: #ffffff; } .btn-secondary:hover { background-color: transparent; color: #4b5c7e; } .btn-secondary-border { background-color: transparent; border-color: #4b5c7e; color: #4b5c7e; } .btn-secondary-border:hover { background-color: #4b5c7e; color: #ffffff; } .btn-tertiaire { background-color: #494949; border-color: #494949; color: #ffffff; } .btn-tertiaire:hover { background-color: transparent; color: #494949; } .btn-tertiaire-border { background-color: transparent; border-color: #494949; color: #494949; } .btn-tertiaire-border:hover { background-color: #494949; color: #ffffff; } .btn-white { background-color: #ffffff; border-color: #ffffff; color: #4b5c7e; } .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: #4b5c7e; } .btn-select { border-color: #718aa6; color: #718aa6; background-color: transparent; } .btn-select.btn-select-selected { background-color:#718aa6; color: #ffffff; } .btn-select.btn-select-white { border-color:#ffffff; color: #ffffff; } .btn-select.btn-select-white.btn-select-selected { border-color: #718aa6; } .btn-reset { color: #494949; border-color:transparent; } .btn-progress { color: #4b5c7e; border-color:transparent; } .btn-progress.active { color: #718aa6; border-color: #494949; } .btn-progress.current-step { color:#718aa6; } .arrow_radius, .owl-next, .owl-prev, .carousel-arrow { border-radius: 3px !important; } /* Text Colors */ .white-text { color: #ffffff !important; } .primary-color-text { color: #494949 !important; } .primary-color-link { color: #718aa6 !important; } .secondary-color-text { color: #4b5c7e !important; } .tertiaire-color-text { color: #494949 !important; } .grey-color-text { color: #494949 !important; } /* Border Color */ .white-border { border-color:#ffffff !important; } .primary-color-border { border-color:#718aa6 !important; } .secondary-color-border { border-color:#4b5c7e !important; } .tertiaire-color-border { border-color:#494949 !important; } .grey-color-border { border-color: #494949 !important; } /* Background Color */ .white-background { background-color:#ffffff !important; } .primary-color-background { background-color: #718aa6 !important; } .secondary-color-background { background-color: #4b5c7e !important; } .tertiaire-color-background { background-color: #494949 !important; } .grey-color-background { background-color: #494949 !important; } /* SVG Styling */ .white-fill { fill:#ffffff !important; } .primary-color-fill { fill: #718aa6 !important; } .secondary-color-fill { fill: #4b5c7e !important; } .tertiaire-color-fill { fill: #494949 !important; } .grey-color-fill { fill: #494949 !important; } .white-stroke { stroke: #ffffff !important; } .primary-color-stroke { stroke: #718aa6 !important; } .secondary-color-stroke { stroke: #4b5c7e !important; } .tertiaire-color-stroke { stroke: #494949 !important; } .grey-color-stroke { stroke: !important; } /* Form Elementen */ .basic-label, .second-label { color: #494949 !important; } .radio-label { color: #4b5c7e !important; } .radio-label:after { background-color: #718aa6 !important; } input[type=radio]:checked + label:before { border-color: #718aa6 !important; } .checkbox-label { color: #4b5c7e !important; } .checkbox-label:after { background-color: #718aa6 !important; } input[type=checkbox]:checked + label:before { border-color: #718aa6 !important; } input { color: #4b5c7e !important; } select { color: #4b5c7e !important; } .upload-field label span { color: #4b5c7e !important; } .rangeSlider .ui-slider-handle { background: #718aa6 !important; } .rangeSlider .ui-slider-range { background: #f2f2f2 !important; } /* Overige Styling */ .house-more-info-nav li span { color: #4b5c7e !important; } .house-more-info-nav li:hover span, .house-more-info-nav li.active span { color: #718aa6 !important; border-color: #718aa6 !important; } .close-more-info span { background-color: #494949 !important; } .close-more-info:hover span { background-color: #718aa6 !important; } .owl-dots .owl-dot { background-color: #494949 !important; } .owl-dots .owl-dot.active { background-color: #718aa6 !important; } .irs-from, .irs-to { color:#4b5c7e !important; } .irs-bar { background-color: #718aa6 !important; } .irs-slider:before { background-color: #4b5c7e !important; } .house-point:hover svg.pointer-icon path, .house-point.visible svg.pointer-icon path { fill: #718aa6 !important; } .cb-propertyslider-nav ul li a:hover { color:#718aa6 !important; } .cb-propertyslider-nav ul li.active a { color:#718aa6 !important; } /* Newsticker */ .news-item a { color: #718aa6 !important; } /* Pagination */ .pagination-btn:hover, .pagination-btn.active { border-color: #718aa6 !important; color: #718aa6 !important; } /* Header / navigation */ .menu-background { background-color: #ffffff !important; } @media (max-width: 1023px) { .mobile-menu-background { background-color: #ffffff !important; } }