::selection {background: #3A8D1E; color: #fff;} a:hover {color: #3A8D1E;} /*-------------------------------------------------------------------------------------*/ /*@TEMPORARY CMS COLORS || REPLACE WITH ACTUAL COLORS IN CMS --------------------------*/ /*-------------------------------------------------------------------------------------*/ /*HEADINGS*/ #contentCmsBody h1 {color: #C44874 !important;} #contentCmsBody h2 {color: #53A637 !important;} #contentCmsBody h3 {color: #C44874 !important;} #contentCmsBody h4 {color: #53A637 !important;} #contentCmsBody h5 {color: #C44874 !important;} #contentCmsBody h6 {color: #53A637 !important;} #contentCmsBody, #contentCmsBody td, #contentCmsBody div {color: #4A4A4A !important;} /*LINKS*/ #contentCmsBody a:link, #contentCmsBody a:visited {color: #262464 !important;} /*BUTTONS*/ .smartyButtonLink .smartyButton, .smartyButtonLink label.smartyButtonText, #contentCmsBody input[type="text"] {background: #53A637 !important; color: #fff !important; border-radius: 5px !important;} .smartyButtonLink .smartyButton:hover, .smartyButtonLink:hover .smartyButton .smartyButtonText {background: #3A8D1E !important; color: #fff !important; border-radius: 5px !important;} .smartyButtonLink:hover .smartyButton {background: transparent !important;} /*-------------------------------------------------------------------------------------*/ /*@EXTRA AANPASSINGEN -----------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------*/ .content-wrapper .newsBlokTitle {display: none !important;} /*-------------------------------------------------------------------------------------*/ /*@HELPERS ----------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------*/ .btn-primary {background: #53A637 !important; color: #fff !important;} .btn-primary:hover {background: #3A8D1E !important; color: #fff !important;} .text-primary {color: #53A637 !important;} .text-secondary {color: #C44874 !important;} .bg-primary {background-color: #53A637 !important;} .bg-secondary {background-color: #C44874 !important;} .bg-light {background-color: #eee !important;} .btn-brand {background: #C44874; color: #fff !important;} .btn-brand:hover {background: #AB2F5B;} .border-preset {border: 3px solid #fff;} .rounded-preset {border-radius: 10px !important;} /*-------------------------------------------------------------------------------------*/ /*@SEARCH -----------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------*/ .btn-search {background: #FDE230 !important;} .btn-search:hover {background: #E4C917 !important;} .search-container input[type=text] {background: #f5f5f5; color: #333;} .search-container input::placeholder {color: #666;} .search-container input:-ms-input-placeholder {color: #666;} .search-container input::-ms-input-placeholder {color: #666;} .search-container input::-webkit-input-placeholder {color: #666;} .search-container .searchOnsiteSubmitWrapper a {background: #ccc; color: #333;} .search-container .searchOnsiteSubmitWrapper a:hover {background: #AB2F5B; color: #fff;} /*-------------------------------------------------------------------------------------*/ /*@HEADER -----------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------*/ header .logo img {background: #fff; padding: 1rem; width: 400px; border-radius: .625rem;} footer .brands img {background: #fff; padding: 1rem; height: 100px; border-radius: .625rem;} /*-------------------------------------------------------------------------------------*/ /*@NAV --------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------*/ .navbar .selected .nav-link {background: #53A637 !important; color: #fff !important;} .navbar .selected .nav-link:hover {background: #3A8D1E !important; color: #fff !important;} .navbar .nav-link {color: #fff !important;} .navbar .nav-link:hover {background: #C44874; color: #fff !important;} .navbar .dropdown-item {color: #fff;} .navbar .dropdown-item:hover, .navbar .dropdown-item:focus {color: #262464;} .navbar .dropdown-toggle.dropdown-item, .navbar .dropdown-submenu .dropdown-menu {box-shadow: inset 0px 0px 0px 1px #fff;} .navbar .dropdown:hover .nav-link {color: #6B809B;} .navbar .dropdown.show .nav-link {background: #f5f5f5 !important; color: #53A637 !important;} .navbar .dropdown-submenu > .dropdown-item:after {content: "\f0da"; font-family: 'Font Awesome 5 Free'; font-weight: 700;} .dropdown-item:focus, .dropdown-item:hover {background: #e4e4e4;} .dropdown-item.active, .dropdown-item:active, .navbar .dropdown-toggle.dropdown-item:hover, .navbar .dropdown-toggle.dropdown-item:active {background: #C44874; color: #fff;} .navbar-toggler {background: #fff;} .navbar-toggler .icon-bar {background: #6B809B;} /*-------------------------------------------------------------------------------------*/ /*@SLIDER -----------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------*/ .slideshow-item-overlay {color: #fff;} /*-------------------------------------------------------------------------------------*/ /*@CONTENT ----------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------*/ .bg-overlay:before {background: rgba(0, 0, 0, .5);} .btn-preset, .btn-preset:hover {color: #fff !important;} .btn-preset:nth-child(1) {background: #C44874;} .btn-preset:nth-child(2) {background: #53A637;} .btn-preset:nth-child(3) {background: #FDE230;} .btn-preset:nth-child(4) {background: #C44874;} .btn-preset:nth-child(1):hover {background: #AB2F5B;} .btn-preset:nth-child(2):hover {background: #3A8D1E;} .btn-preset:nth-child(3):hover {background: #E4C917;} .btn-preset:nth-child(4):hover {background: #AB2F5B;} /*-------------------------------------------------------------------------------------*/ /*@NEWS -------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------*/ .content-wrapper .newsBlokTitle {color: #fff;} .newsOS .newsBlokTitle a {color: #fff;} .newsContentItem {background: #fff;} .newsContentItem .newsTitle {background: #fff;} .newsContentItem .newsTitle a {color: #C44874;} .newsContentItem .dateTitle .date {background: #fff; color: #C44874;} .allNews a {color: #fff;} .allNews a:hover {color: #fff;} /*-------------------------------------------------------------------------------------*/ /*@CALENDAR ---------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------*/ .calendar h2 {color: #fff;} .calendar-month, .calendarOS {background: #fff;} .calendar-month .miniHeaderItem, .calendar-month .weekendDay {color: #53A637;} .calendar-month .miniCalendar .miniCalendarContent .weekendDay {color: #AB2F5B;} .calendar-month .miniCalendarContent .dayHeaderItemMini {color: #C44874;} .calendar-month .miniCalendarContent .otherMonth .dayHeaderItemMini {color: #949494;} .calendar-month .dayBusy {background: #F4F4F4; color: #C44874;} .calendar-month .dayBusy:hover {background: #53A637; color: #fff;} .calendar-month .miniCalendarContent .currentDay .dayHeaderItemMini {background: #53A637; color: #fff;} .calendar-month .miniCalendarContent .currentDay .dayHeaderItemMini, .calendar-month .miniCalendar .miniCalendarContent .dayHeaderItemMini:hover {background: #3A8D1E;} .calendar-month .miniCalendarContent .dayHeaderItemMini:hover {color: #fff;} .calendar-month .topCalendar .monthName {color: #53A637;} .calendar-month .topCalendar .prevMonth::after, .calendar-month .topCalendar .nextMonth::after {color: #C44874;} .calendarOverview a {color: #fff;} /*RECHTER KALENDER*/ .calendar-list .calendarOSHeader, .calendar-month .monthName {color: #53A637;} .calendar-list .calendarItemDate {color: #C44874;} .calendar-list .calendarItemTitle {color: #AB2F5B;} /*-------------------------------------------------------------------------------------*/ /*@QUOTE ------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------*/ .quote-wrapper .head-wrapper {color: #AB2F5B;} .quote-wrapper .quote q {color: #00A3E2;} .quote-wrapper p {color: #53A637;} /*-------------------------------------------------------------------------------------*/ /*@MEDIA-QUERIES ----------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------*/ @media (min-width: 992px) { .bg-lg-transparent {background: transparent !important;} .navbar .nav-item .nav-link::before {content: '\f015'; font-family: 'Font Awesome 5 Free';} .navbar .nav-item:nth-child(6n+1) .nav-link {background: #53A637;} .navbar .nav-item:nth-child(6n+2) .nav-link {background: #FDE230;} .navbar .nav-item:nth-child(6n+3) .nav-link {background: #C44874;} .navbar .nav-item:nth-child(6n+4) .nav-link {background: #00A3E2;} .navbar .nav-item:nth-child(6n+5) .nav-link {background: #F29831;} .navbar .nav-item:nth-child(6n+6) .nav-link {background: #5C668F;} .navbar .nav-item:nth-child(6n+1) .nav-link:hover {background: #3A8D1E;} .navbar .nav-item:nth-child(6n+2) .nav-link:hover {background: #E4C917;} .navbar .nav-item:nth-child(6n+3) .nav-link:hover {background: #AB2F5B;} .navbar .nav-item:nth-child(6n+4) .nav-link:hover {background: #008AC9;} .navbar .nav-item:nth-child(6n+5) .nav-link:hover {background: #D97F18;} .navbar .nav-item:nth-child(6n+6) .nav-link:hover {background: #434D76;} .navbar .dropdown:nth-child(6n+1) .dropdown-item {background: #53A637;} .navbar .dropdown:nth-child(6n+2) .dropdown-item {background: #FDE230;} .navbar .dropdown:nth-child(6n+3) .dropdown-item {background: #C44874;} .navbar .dropdown:nth-child(6n+4) .dropdown-item {background: #00A3E2;} .navbar .dropdown:nth-child(6n+5) .dropdown-item {background: #F29831;} .navbar .dropdown:nth-child(6n+6) .dropdown-item {background: #5C668F;} .navbar .dropdown .dropdown-item:hover, .navbar .dropdown .dropdown-item:active, .navbar .dropdown .dropdown-item:focus {background: #f5f5f5; color: #838383; box-shadow: inset 0px 0px 0px 1px #838383;} .navbar .dropdown-toggle.dropdown-item, .navbar .dropdown-submenu .dropdown-menu {box-shadow: none;} }