:root {
--black: #08081f;
--dark: #242657;
--dark-hover: #3a3e8d;
--gray: #6b7174;
--white: #fff;
--light: #f7f7fc;
--primary: #feb9c0;
--secondary: #ecdfff;
--red: #feb9c0;
--rgblightred: 255, 227, 230;
--red-light: #ffe3e6;
--green: #bce3d7;
--green-light: #def1ea;
--purple: #ecdfff;
--yellow: #ffe9b4;
--blue: #b6e2f2;
--blue-hue: 197;
--blue-saturation: 69%;
--blue-lightness: 84%;
--blue-lighter: hsl(var(--blue-hue), var(--blue-saturation), calc(var(--blue-lightness) + 4%));
--blue-darker: hsl(var(--blue-hue), var(--blue-saturation), calc(var(--blue-lightness) - 4%));
--red-hue: 354;
--red-saturation: 89%;
--red-lightness: 84%;
--red-lighter: hsl(var(--red-hue), var(--red-saturation), calc(var(--red-lightness) + 4%));
--red-darker: hsl(var(--red-hue), var(--red-saturation), calc(var(--red-lightness) - 4%));
--green-hue: 162;
--green-saturation: 47%;
--green-lightness: 84%;
--green-lighter: hsl(var(--green-hue), var(--green-saturation), calc(var(--green-lightness) + 4%));
--green-darker: hsl(var(--green-hue), var(--green-saturation), calc(var(--green-lightness) - 4%));
--purple-hue: 270;
--purple-saturation: 100%;
--purple-lightness: 93%;
--purple-lighter: hsl(var(--purple-hue), var(--purple-saturation), calc(var(--purple-lightness) + 4%));
--purple-darker: hsl(var(--purple-hue), var(--purple-saturation), calc(var(--purple-lightness) - 4%));
--yellow-hue: 45;
--yellow-saturation: 100%;
--yellow-lightness: 84%;
--yellow-lighter: hsl(var(--yellow-hue), var(--yellow-saturation), calc(var(--yellow-lightness) + 4%));
--yellow-darker: hsl(var(--yellow-hue), var(--yellow-saturation), calc(var(--yellow-lightness) - 4%));
}
* {
outline: 0 !important;
}
.grecaptcha-badge { 
visibility: hidden !important;
}
::-moz-selection {
background: var(--yellow-lighter);
}
::selection {
background: rgba(0, 0, 0, 0.1);
}
.navbar-toggler:focus {
box-shadow: none !important;
}
html {
font-size: calc(14px + 0.390625vw);
} html, body, .site {
position: relative;
overflow-x: hidden;
}
body {
position: relative;
font-family: "informapro", sans-serif;
font-weight: 400;
font-style: normal;
font-size: calc(14px + ((17 - 14) * ((100vw - 300px) / (1600 - 300))));
font-weight: 400;
line-height: 1.6;
color: var(--black);
background-color: var(--white);
overflow-x: hidden;
overflow-y: scroll;
padding: 0;
margin: 0;
}
body.modal-open {
overflow: hidden;
}
h1,
h2,
h3 {
font-family: "filson-pro", sans-serif;
font-weight: 600;
font-style: normal;
}
.skb-alt {
font-family: "filson-pro", sans-serif;
}
img {
image-rendering: optimizeQuality;
}
.alignnone {
float: none;
width: 100%;
margin-bottom: 1.5rem;
border-radius: 1rem;
}
.alignleft {
float: none;
width: 100%;
margin-bottom: 1.5rem;
border-radius: 1rem;
}
.alignright {
float: none;
width: 100%;
margin-bottom: 1.5rem;
border-radius: 1rem;
}
.form-check-input {
margin-top: 0 !important;
}
@media (min-width: 768px) {
.alignleft {
float: left;
max-width: calc(50% - 1.5rem * 0.5 - 16px);
margin-right: calc(1.5rem + 1.5rem * 0.5);
}
.alignright {
float: right;
max-width: calc(50% - 1.5rem * 0.5 - 16px);
margin-left: calc(1.5rem + 1.5rem * 0.5);
}
.half.alignleft {
max-width: calc(40% - 1.5rem * 0.5 - 16px);
margin-right: calc(3rem * 0.5);
}
.half.alignright {
max-width: calc(40% - 1.5rem * 0.5 - 16px);
margin-left: calc(3rem * 0.5);
}
.half.alignleft,
.half.alignright {
margin-bottom: calc(1rem * 0.5);
}
.text-section .half {
max-width: calc(100% / 4 - 3rem * 0.5 - 16px);
}
}
@media (min-width: 1200px) {
.alignleft {
margin-right: calc(3rem + 1.5rem * 0.5);
margin-bottom: 3rem;
border-radius: 1.5rem;
max-height: 380px;
object-fit: cover;
}
.alignright {
margin-left: calc(3rem + 1.5rem * 0.5);
margin-bottom: 3rem;
border-radius: 1.5rem;
max-height: 380px;
object-fit: cover;
}
.half.alignleft {
margin-right: calc(3rem * 0.5);
border-radius: 1rem;
}
.half.alignright {
margin-left: calc(3rem * 0.5);
border-radius: 1rem;
}
.half.alignleft,
.half.alignright {
margin-bottom: calc(1rem * 0.5);
}
.text-section .half {
max-width: calc(100% / 4 - 3rem * 0.5 - 16px);
}
}
.rounded {
border-radius: 1rem !important;
}
.rounded-top {
border-top-left-radius: 1rem !important;
border-top-right-radius: 1rem !important;
}
.rounded-top-0 {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.rounded-top-start-0 {
border-top-left-radius: 0 !important;
}
.rounded .rounded {
border-radius: 0.75rem !important;
}
.front-page-swiper .swiper-slide.rounded {
border-radius: 0 !important;
}
@media (min-width: 576px) {
.front-page-swiper .swiper-slide.rounded {
border-radius: 1rem !important;
}
}
@media (min-width: 1200px) {
.front-page-swiper .swiper-slide.rounded {
border-radius: 1.5rem !important;
}
}
.rounded-sm {
border-radius: 0.5rem !important;
}
.rounded-bottom {
border-bottom-left-radius: 1rem !important;
border-bottom-right-radius: 1rem !important;
}
.offcanvas-close {
background-size: 32px;
}
@media (min-width: 992px) {
.rounded {
border-radius: 1.5rem !important;
}
.rounded-top {
border-top-left-radius: 2rem !important;
border-top-right-radius: 2rem !important;
}
.rounded-top-0 {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.rounded-top-start-0 {
border-top-left-radius: 0 !important;
}
.rounded .rounded {
border-radius: 1.25rem !important;
}
.rounded-sm {
border-radius: 1rem !important;
}
.rounded-bottom {
border-bottom-left-radius: 1.5rem !important;
border-bottom-right-radius: 1.5rem !important;
}
.rounded-end-0 {
border-top-right-radius: 0rem !important;
border-bottom-right-radius: 0rem !important;
}
.front-page-swiper .swiper-slide.rounded-end-0 {
border-top-right-radius: 0rem !important;
border-bottom-right-radius: 0rem !important;
}
.container-lg-fluid {
max-width: 100%;
}
}
.shadow {
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1) !important;
}
@media(max-width: 575.98px) {
.h-100 {
height: auto !important;
}
.btn:not(.content-link) {
display: block;
width: 100%;
}
.px-c-0 {
padding-left: 0;
padding-right: 0;
}
}
.w-fix {
max-width: calc(100% - 6rem * 0.5);
}
@media(min-width: 576px) {
.w-fix {
max-width: calc(540px - 3rem * 0.5);
}
}
@media(min-width: 768px) {
.w-fix {
max-width: calc(720px - 3rem * 0.5);
}
}
@media(min-width: 992px) {
.w-fix {
max-width: calc(960px - 3rem * 0.5);
}
}
@media(min-width: 1200px) {
.w-fix {
max-width: calc(1140px - 3rem * 0.5);
}
}
@media(min-width: 1400px) {
.w-fix {
max-width: calc(1320px - 3rem * 0.5);
}
}
.btn-primary {
color: var(--black) !important;
background-color: var(--red) !important;
border: 0 !important;
}
.btn-secondary {
color: var(--black) !important;
background-color: var(--purple) !important;
border: 0 !important;
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select {
-webkit-touch-callout: auto;
-webkit-user-select: text;
-khtml-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: text;
}
.wpcf7-not-valid-tip {
color: var(--red-darker);
font-size: 1em;
font-weight: normal;
display: block;
}
.text-section {
z-index: 1;
}
::-moz-placeholder {
font-family: "informapro", sans-serif !important;
color: var(--gray) !important;
}
:-ms-input-placeholder {
font-family: "informapro", sans-serif !important;
color: var(--gray) !important;
}
::placeholder {
font-family: "informapro", sans-serif !important;
color: var(--gray) !important;
}
b,
strong {
font-weight: 500;
} .z {
z-index: -1;
}
.z-1 {
z-index: 1;
} .bg-black {
background-color: var(--black) !important;
}
.bg-dark {
background-color: var(--dark) !important;
}
.bg-white {
background-color: var(--white) !important;
}
.bg-light {
background-color: var(--light) !important;
}
.bg-primary {
background-color: var(--primary) !important;
}
.bg-secondary {
background-color: var(--secondary) !important;
}
.bg-red {
background-color: var(--red) !important;
}
.bg-red-light {
background-color: var(--red-light) !important;
}
.bg-red-lighter {
background-color: var(--red-lighter) !important;
}
.bg-green {
background-color: var(--green) !important;
}
.bg-green-lighter {
background-color: var(--green-lighter) !important;
}
.bg-yellow {
background-color: var(--yellow) !important;
}
.bg-yellow-lighter {
background-color: var(--yellow-lighter) !important;
}
.bg-purple {
background-color: var(--purple) !important;
}
.bg-purple-light {
background-color: var(--purple-lighter) !important;
}
.bg-yellow-purple {
background-color: var(--yellow-purple) !important;
}
.text-black {
color: var(--black) !important;
}
.text-dark {
color: var(--dark) !important;
}
.text-white {
color: var(--white) !important;
}
.text-light {
color: var(--light) !important;
}
.text-primary {
color: var(--dark) !important;
}
.border-primary {
border-color: var(--primary) !important;
}
.bg-none {
background-color: rgba(0, 0, 0, 0) !important;
}
.bg-blue {
background-color: var(--blue);
}
hr {
border-top: 1px solid var(--dark);
height: 1px;
}
.hidden {
visibility: hidden;
}  .lead,
.entry-content p:first-of-type strong,
.modal-content p:first-of-type strong {
font-size: calc(16px + ((19 - 16) * ((100vw - 300px) / (1600 - 300))));
}
.card-text a:not(.btn),
.entry-content a:not(.btn) {
color: var(--dark);
}
.card-text a:not(.btn):hover,
.entry-content a:not(.btn):hover {
color: var(--dark-hover);
}
.card-text ul,
.entry-content ul {
padding-left: 1rem !important;
}
.card-text ul {
padding-left: 1rem !important;
margin-bottom: 0;
}
.logo {
position: relative;
max-width: 180px;
top: -1rem;
}
.card.border {
border: 1px solid rgb(222, 226, 230) !important;
}
.card-text h1,
.card-text h2,
.card-text h3,
.card-text h4,
.card-text h5 {
color: var(--dark);
}
.fw-demi {
font-weight: 500;
}
@media (max-width: 577.98px) {
.display-6 {
font-size: 1.7rem !important;
}
}
@media (max-width: 377.98px) {
.display-6 {
font-size: 1.5rem !important;
}
}
.link-dark,
.link-dark a {
color: var(--dark) !important;
transition: opacity 300ms ease-in-out;
text-decoration-color: var(--dark) !important;
}
.link-opacity-50 {
color: var(--dark) !important;
opacity: 0.5 !important;
}
.link-opacity-100-hover:hover {
color: var(--dark) !important;
opacity: 1 !important;
} .img-object {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.img-contain {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
} .p-absolute {
position: relative;
}
@media (min-width: 992px) {
.p-absolute {
position: absolute;
}
}
.wrapper-navbar .navbar {
position: relative;
-webkit-transition: padding 0.2s ease;
transition: padding 0.2s ease;
}
.wrapper-navbar .affix {
position: fixed;
left: 0;
top: 0;
padding-right: calc(1.5rem * .5);
padding-left: calc(1.5rem * .5);
-webkit-transition: padding 0.2s ease;
transition: padding 0.2s ease;
width: 100vw;
background: #FFF;
z-index: 900;
box-shadow: 0 0 12px rgba(0,0,0,0.5);
}
body.admin-bar .wrapper-navbar .affix {
top: 30px;
}
.wrapper-navbar .affix .navbar {
z-index: 1;
padding: 0;
}
.wrapper-navbar .affix .logo {
top: 0;
width: 64px;
padding-top: 6px;
padding-bottom: 10px;
}
@media (min-width: 1400px) {
.wrapper-navbar .affix .logo {
width: 76px;
}
}
.wrapper-navbar .affix .navbar-expand-lg .dropdown-toggle.show {
box-shadow: none;
border-radius: 0;
}
.wrapper-navbar .affix .navbar-expand-lg .navbar-nav .dropdown-menu {
border-radius: 0 0 24px 24px !important;
} @media (min-width: 992px) {
.rem {
padding-right: 1.5rem;
}
.rem-2 {
padding-left: 1.5rem;
}
.col-xxx {
width: calc(90vw / 2);
}
.rem-s {
padding-left: 1.5rem;
}
.rem-e {
padding-right: 1.5rem;
}
.col-fix-start {
position: relative;
left: calc(-1.5rem);
}
.col-fix-start-text {
position: relative;
left: calc(-1.5rem);
}
.col-fix-end {
position: relative;
min-width: calc(100% + 1.5rem);
}
}
@media (min-width: 1200px) {
.col-xxx {
width: calc(90vw / 2);
}
.col-xxx-2 {
width: 90vw;
}
.rem-s {
padding-left: 3rem;
}
.rem {
padding-right: 3rem !important;
}
.rem-2 {
padding-left: 3rem !important;
}
}
@media (min-width: 1400px) {
.rem-s {
padding-left: 0rem;
}
.col-xxx {
width: calc(80vw / 2);
}
.col-xxx-2 {
width: 80vw;
}
}
@media (min-width: 1920px) {
.col-xxx {
width: calc(1920px / 2 - 20%);
}
.col-xxx-2 {
width: calc(1920px - 20%);
}
.col-xxxl {
width: 65%;
}
}
@media (min-width: 1200px) {
.eq-height {
min-height: 35vh;
}
}
#navbarMenuTop {
position: relative;
left: 0;
right: 0;
top: 0;
background: var(--light);
}
@media (min-width: 578px) {
#navbarMenuTop {
position: absolute;
left: 0;
right: 0;
top: 0;
background: none;
}
}
.offcanvas {
background-color: var(--light);
}
.offcanvas-backdrop {
background-color: var(--dark);
}
#nav-icon {
width: 32px;
height: 24px;
position: relative;
margin: 0px auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#nav-icon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #000;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.offcanvas #nav-icon {
margin-right: 0;
top: 12px;
} #nav-icon span:nth-child(1) {
top: 0px;
}
#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
top: 9px;
}
#nav-icon span:nth-child(4) {
top: 18px;
}
.offcanvas {
min-width: 90vw !important;
}
.offcanvas-active #nav-icon span:nth-child(1) {
top: 9px;
width: 0%;
left: 50%;
}
.offcanvas-active #nav-icon span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.offcanvas-active #nav-icon span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.offcanvas-active #nav-icon span:nth-child(4) {
top: 9px;
width: 0%;
left: 50%;
}
.nav-tabs .nav-link {
color: var(--dark);
opacity: 0.8;
transition: all 300ms ease;
}
.nav-tabs .nav-link:not(.active):hover {
border-color: rgba(0, 0, 0, 0);
opacity: 1;
}
.nav-tabs .nav-link.active {
color: var(--dark);
opacity: 1;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
background-color: var(--green-light);
}
th,
.table-striped th {
font-size: calc(14px + ((17 - 14) * ((100vw - 300px) / (1600 - 300))));
font-weight: 500;
}
.table-striped td {
font-size: calc(12px + ((15 - 12) * ((100vw - 300px) / (1600 - 300))));
}
.table-striped>tbody>tr>* {
border: 0;
}
.table>:not(caption)>*>* {
background: none;
border-color: rgba(0, 0, 0, 0.1);
}
.we-are-open .day-name,
.opening-hours .day-name,
.opening-hours.bold .day-name,
.opening-hours.day-bold .day-name,
.opening-hours.bold .hours,
.opening-hours.hours-bold .hours,
.opening-hours.closed-bold .closed .hours,
.opening-hours.closed-bold .closed.hours,
.opening-hours.hours-24-bold .hours-24 .hours,
.opening-hours.hours-24-bold .hours-24.hours {
font-weight: 400;
}
.opening-hours tr:last-child th,
.opening-hours tr:last-child td {
border: none !important;
}
.list-group-item,
.list-group-item a {
pointer-events:all;
}
.list a:last-of-type {
border-bottom: none !important;
}
.list-group-item:focus,
.list-group-item:active {
background: none !important;
}
.list-group-item:first-child,
.list-group-item:last-child {
border-radius: 0;
}
.list-group-item {
border-color: rgba(0, 0, 0, 0.1);
background: none;
}
.list-group-item:hover {
background: none;
}
a.download-link::after {
right: calc(1.5rem * 0.5) !important;
}
a.download-link::before {
display: none !important;
}
#top-menu .nav-link {
font-size: calc(11px + ((14 - 11) * ((100vw - 300px) / (1600 - 300))));
color: var(--black);
font-weight: 400;
text-wrap: nowrap;
}
#main-menu .nav-link {
font-size: calc(14px + ((18 - 14) * ((100vw - 300px) / (1600 - 300))));
color: var(--black);
font-weight: 500;
text-wrap: nowrap;
}
#main-menu .nav-link a {
color: var(--black);
font-weight: 500;
opacity: 1 !important;
}
#navbarMobileMenu {
width: 100%;
}
#navbarMobileMenu ul > li.menu-item > a.nav-link {
padding-left: calc(3rem * 0.5) !important;
box-shadow: none !important;
}
#navbarMobileMenu .dropdown-menu {
top: 0px !important;
position: relative !important;
transform: none !important;
border: none !important;
background: var(--white) !important;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
border-radius: 0px !important;
}
.navbar-expand-lg .dropdown {
position: relative;
z-index: 9999;
}
.navbar-expand-lg .dropdown-toggle {
position: relative;
display: flex;
align-items: center;
flex-direction: row;
padding-left: 1rem !important;
padding-right: 1rem !important;
height: 3.3rem;
z-index: 1;
}
.navbar-expand-lg .dropdown-toggle.show {
box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.2);
border-radius: 24px 24px 0 0;
background-color: #FFF;
z-index: -1;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
top: calc(3.3rem - 0.6rem);
left: 0.25rem;
padding: 0.5rem 0.5rem 0.5rem 0.5rem !important;
border: none;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
border-radius: 0 24px 24px 24px !important;
z-index: 0;
min-width: 300px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu li {}
.navbar-expand-lg .navbar-nav .dropdown-menu li a {}
@media (min-width: 1200px) {
.navbar-expand-lg .navbar-nav .dropdown-menu {
left: 0rem;
}
}
#main-menu .current_page_item:not(.btn-nav) a,
#main-menu .current_page_parent:not(.btn-nav)>a,
#main-menu .current_page_item:not(.btn-nav)>a,
#main-menu .current-menu-ancestor:not(.btn-nav)>a,
#main-menu .current-menu-parent:not(.btn-nav)>a {
position: relative;
color: var(--dark-hover);
opacity: 1;
}
#main-menu .current_page_item:not(.btn-nav) a::before,
#main-menu .current_page_parent:not(.btn-nav)>a::before,
#main-menu .current_page_item:not(.btn-nav)>a::before,
#main-menu .current-menu-ancestor:not(.btn-nav)>a::before,
#main-menu .current-menu-parent:not(.btn-nav)>a::before {
position: absolute;
bottom: 0.5rem;
left: 0.5rem;
content: '';
width: calc(100% - 1rem);
height: 2px;
border-bottom: 2px solid var(--dark-hover);
}
#main-menu .current_page_item a.dropdown-toggle::before,
#main-menu .current_page_parent>a.dropdown-toggle::before,
#main-menu .current_page_item>a.dropdown-toggle::before,
#main-menu .current-menu-ancestor>a.dropdown-toggle::before,
#main-menu .current-menu-parent>a.dropdown-toggle::before {
position: absolute;
bottom: 0.9rem;
left: 1rem;
content: '';
width: calc(100% - 2rem);
height: 2px;
border-bottom: 2px solid var(--dark-hover);
}
#main-menu .current_page_parent:hover>a,
#main-menu .current_page_item:hover>a {
color: var(--dark-hover);
}
#main-menu .dropdown-menu a::before {
display: none;
} .btn {
font-family: "filson-pro", sans-serif;
font-weight: 500;
font-style: normal;
font-size: calc(14px + ((17 - 14) * ((100vw - 300px) / (1600 - 300))));
border: 0;
transition: 300ms ease;
padding: .5rem 1.5rem;
border-radius: 3rem;
}
.btn-nav {
padding-right: 0 !important;
padding-left: 0 !important;
}
.btn-nav a {
font-size: calc(14px + ((17 - 14) * ((100vw - 300px) / (1600 - 300))));
border: 0;
transition: 300ms ease;
padding: 0rem 1.5rem !important;
border-radius: 3rem;
}
@media (min-width: 992px) {
.btn {
padding: .5rem 1.5rem !important;
}
.btn-nav a {
font-family: "filson-pro", sans-serif;
font-weight: 500;
font-style: normal;
font-size: calc(14px + ((17 - 14) * ((100vw - 300px) / (1600 - 300))));
border: 0;
transition: 300ms ease;
padding: .5rem 1.5rem !important;
margin-left: 1.5rem;
border-radius: 3rem;
}
}
@media (min-width: 1200px) {
.btn {
padding: .5rem 1.5rem !important;
}
}
.btn-primary,
.btn-nav a {
background-color: var(--red);
}
.btn-primary {
color: var(--black);
}
.btn-primary:hover,
.btn-nav a:hover {
background-color: var(--red-lighter);
}
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary.show,
.btn-primary:first-child:active,
:not(.btn-check)+.btn-primary:active,
.btn-nav a:first-child:active {
background-color: var(--red-darker);
}
.btn-success {
color: var(--black);
background-color: var(--green);
}
.btn-success:hover {
color: var(--black);
background-color: var(--green-lighter);
}
.btn-check:checked+.btn-success,
.btn-success.active,
.btn-success.show,
.btn-success:first-child:active,
:not(.btn-check)+.btn-success:active {
color: var(--black);
background-color: var(--green-darker);
}
.btn-warning {
color: var(--black);
background-color: var(--yellow);
}
.btn-warning:hover {
color: var(--black);
background-color: var(--yellow-lighter);
}
.btn-check:checked+.btn-warning,
.btn-warning.active,
.btn-warning.show,
.btn-warning:first-child:active,
:not(.btn-check)+.btn-warning:active {
background-color: var(--yellow-darker);
}
.btn-info {
background-color: var(--purple);
}
.btn-info:hover {
background-color: var(--purple-lighter);
}
.btn-check:checked+.btn-info,
.btn-info.active,
.btn-info.show,
.btn-info:first-child:active,
:not(.btn-check)+.btn-info:active {
background-color: var(--purple-darker);
}
.btn-light {
background-color: var(--white);
}
.btn-light:hover {
background-color: var(--white);
opacity: 0.8;
}
.btn-dark {
background-color: var(--dark);
}
.btn-dark:hover {
background-color: var(--dark-hover);
opacity: 0.8;
}
.fix-center .entry-header {
transform: translateX(-50px);
} @media (max-width: 991.98px) {
.px-c {
padding-left: calc(1.5rem * .5);
padding-right: calc(1.5rem * .5);
}
}
@media (max-width: 991.98px) {
.px-c-alt {
padding-left: calc(3rem * .5);
padding-right: calc(3rem * .5);
}
} @media(min-width: 992px) { .content-img {
min-height: 320px !important;
}
}
@media(min-width: 1200px) { .content-img {
min-height: 340px !important;
}
}  .form-control {
font-size: calc(14px + ((17 - 14) * ((100vw - 300px) / (1600 - 300))));
box-shadow: 0 0 12px var(--purple);
border: none;
border-radius: 0.5rem;
}
.form-control:focus {
color: var(--black);
border-color: var(--purple);
outline: 0;
box-shadow: 0 0 0 .25rem var(--purple);
}
.wpcf7-textarea {
max-height: 200px;
}
.wpcf7-list-item {
margin: 0;
}
.wpcf7-spinner {
position: absolute;
left: 0;
}
.wpcf7-not-valid-tip {
margin-top: 0.125rem;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
font-size: 16px;
border: 0;
background-color: var(--red);
}
.wpcf7 form.sent .wpcf7-response-output {
border: 0;
background-color: var(--green-light);
}
.wpcf7 form .wpcf7-response-output {
margin: 1rem 0 0 0;
padding: 0.5rem 1rem;
border: 2px solid #00a0d2;
border-radius: .375rem;
}
.wpcf7-list-item-label {
display: block;
font-size: 15px;
line-height: 1.5 !important;
width: 100%;
padding: 0;
}
.form-check-input {
box-shadow: 0 0 12px var(--purple);
border-color: var(--purple);
}
.form-check-input:checked {
background-color: var(--purple);
opacity: 1;
border: none;
}
.bg-red-light .form-control {
box-shadow: 0 0 12px var(--redr);
}
.bg-red-light .form-control:focus {
border-color: var(--red);
box-shadow: 0 0 0 .25rem var(--red);
}
.bg-red-light .form-check-input {
box-shadow: 0 0 12px var(--red);
border-color: var(--red);
}
.bg-red-light .form-check-input:checked {
background-color: var(--black);
}
.bg-red-light .btn-secondary {
color: var(--black) !important;
background-color: var(--white) !important;
}
.bg-green-lighter .form-control {
box-shadow: 0 0 12px var(--green-darker);
}
.bg-green-lighter .form-control:focus {
border-color: var(--green-darker);
box-shadow: 0 0 0 .25rem var(--green-darker);
}
.bg-green-lighter .form-check-input {
box-shadow: 0 0 12px var(--green-darker);
border-color: var(--green-darker);
}
.bg-green-lighter .form-check-input:checked {
background-color: var(--black);
}
.bg-green-lighter .btn-secondary {
color: var(--black) !important;
background-color: var(--white) !important;
}
.bg-yellow-lighter .form-control {
box-shadow: 0 0 12px var(--yellow-darker);
}
.bg-yellow-lighter .form-control:focus {
border-color: var(--yellow-darker);
box-shadow: 0 0 0 .25rem var(--yellow-darker);
}
.bg-yellow-lighter .form-check-input {
box-shadow: 0 0 12px var(--yellow-darker);
border-color: var(--yellow-darker);
}
.bg-yellow-lighter .form-check-input:checked {
background-color: var(--black);
}
.bg-yellow-lighter .btn-secondary {
color: var(--black) !important;
background-color: var(--white) !important;
}
.bg-purple .form-control {
box-shadow: 0 0 12px var(--purple-darker);
}
.bg-purple .form-control:focus {
border-color: var(--purple-darker);
box-shadow: 0 0 0 .25rem var(--purple-darker);
}
.bg-purple .form-check-input {
box-shadow: 0 0 12px var(--purple-darker);
border-color: var(--purple-darker);
}
.bg-purple .form-check-input:checked {
background-color: var(--black);
}
.bg-purple .btn-secondary {
color: var(--black) !important;
background-color: var(--white) !important;
} .front-page-swiper {
position: relative;
}
.front-page-swiper .swiper-slide {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
.front-page-swiper .slide-content {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.front-page-swiper .text-section {
max-width: 100%;
}
.front-page-swiper .image-section {
display: flex;
align-items: center;
max-width: 100%;
}
.front-page-swiper .text-section-start {
max-width: 100%;
position: relative;
}
.front-page-swiper .image-section-start {
margin-left: 0%;
max-width: 100%;
position: relative;
}
.front-page-swiper .text-section h2 {
font-size: 2rem;
color: var(--dark);
margin-bottom: 1rem;
}
.front-page-swiper .nav-section {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
bottom: 3.5rem;
z-index: 3;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.front-page-swiper .nav-section a {
display: none;
}
.front-page-swiper .nav-section a.active {
display: block;
}
.swiper-slide {
opacity: 0;
transition: opacity 300ms ease;
}
.swiper-slide-fully-visible,
.swiper-slide-active {
opacity: 1;
}
.front-page-swiper .nav-section {
width: calc(100% - 1.5rem);
}
@media (max-width: 577.98px) {
.front-page-swiper {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 578px) {
.front-page-swiper .nav-section {
width: calc(490.547px);
}
}
@media (min-width: 768px) {
.front-page-swiper .nav-section {
width: calc(694px - 1.5rem);
}
}
@media (min-width: 992px) {
.swiper-slide-visible,
.swiper-slide-active,
.swiper-slide-fully-visible {
opacity: 1;
}
.front-page-swiper .nav-section a {
display: block;
}
.front-page-swiper .text-section h2 {
font-size: 3rem;
color: var(--dark);
margin-bottom: 1rem;
}
.front-page-swiper {
position: relative;
height: 40vh;
min-height: 480px;
}
.front-page-swiper .swiper-slide {
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
height: 40vh;
}
.front-page-swiper .slide-content {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.front-page-swiper .text-section { max-width: 50%;
}
.front-page-swiper .image-section {
height: 100%;
}
.front-page-swiper .text-section-start { position: relative;
}
.front-page-swiper .text-section-start h2 {}
.front-page-swiper .image-section-start {
margin-left: calc(-8.33333333% - 15px);
max-width: calc(50% + 8.33333333% - 3rem);
position: relative;
}
.front-page-swiper .nav-section {
position: absolute;
display: flex;
align-items: center;
justify-content: space-between; padding-left: 1.5rem;
padding-right: 1.5rem;
bottom: 1.5rem;
z-index: 4;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: calc(960px - 1.5rem);
}
.swiper-title {
line-height: 1.1;
}
}
@media (min-width: 1200px) {
.front-page-swiper {
height: 45vh;
min-height: 520px;
}
.front-page-swiper .swiper-slide {
height: 45vh;
}
.front-page-swiper .text-section { max-width: 50%;
}
.front-page-swiper .image-section {
max-width: 50%;
}
.front-page-swiper .image-section img {
height: 100%;
}
.front-page-swiper .text-section-start { position: relative;
}
.front-page-swiper .nav-section {
width: calc(1140px - 3rem);
}
.front-page-swiper .text-section h2 {
font-size: 3rem;
max-width: 85%;
}
.front-page-swiper .text-section-alt h2 {
max-width: 95%;
}
}
.entry-header .entry-content p:last-of-type {
margin-bottom: 0;
} @media (min-width: 1400px) {
.front-page-swiper .nav-section {
width: calc(1320px - (1.5rem * .5) - (1.5rem * .5));
}
}
.front-page-swiper .nav-links {
display: flex;
gap: 1.5rem;
}
.front-page-swiper .swiper-button-prev-alt,
.front-page-swiper .swiper-button-next-alt {
position: relative;
display: block;
width: 42px;
height: 42px;
z-index: 1;
}
.front-page-swiper .swiper-button-prev-alt:after {
display: block;
content: '';
width: 42px;
height: 42px;
border-radius: 100%;
font-family: inherit;
font-size: inherit;
background-color: var(--dark);
background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.85355 3.14645C7.04882 3.34171 7.04882 3.65829 6.85355 3.85355L3.70711 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H3.70711L6.85355 11.1464C7.04882 11.3417 7.04882 11.6583 6.85355 11.8536C6.65829 12.0488 6.34171 12.0488 6.14645 11.8536L2.14645 7.85355C1.95118 7.65829 1.95118 7.34171 2.14645 7.14645L6.14645 3.14645C6.34171 2.95118 6.65829 2.95118 6.85355 3.14645Z" fill="%23FFF" fill-rule="evenodd" clip-rule="evenodd"></path></svg>');
background-size: 60%;
background-repeat: no-repeat;
background-position: center center;
}
.front-page-swiper .swiper-button-next-alt:after {
position: relative;
display: block;
content: '';
width: 42px;
height: 42px;
border-radius: 100%;
font-family: inherit;
font-size: inherit;
background-color: var(--dark);
background-image: url('data:image/svg+xml,%3Csvg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z" fill="%23FFF" fill-rule="evenodd" clip-rule="evenodd"%3E%3C/path%3E%3C/svg%3E');
background-size: 60%;
background-repeat: no-repeat;
background-position: center center;
}
.front-page-swiper .swiper-button-disabled {
opacity: 0.5;
cursor: default;
}
@media (min-width: 1200px) {
.front-page-swiper .swiper-button-prev-alt,
.front-page-swiper .swiper-button-next-alt {
width: 48px;
height: 48px;
}
.front-page-swiper .swiper-button-prev-alt:after {
width: 48px;
height: 48px;
}
.front-page-swiper .swiper-button-next-alt:after {
width: 48px;
height: 48px;
}
} .swiper-carousel {
position: relative;
}
.swiper-carousel,
.swiper-slider {
width: 100%;
overflow: hidden;
}
.swiper-carousel .swiper-slide,
.swiper-slider .swiper-slide {
height: auto;
}
.swiper-carousel .swiper-nav {
position: absolute !important;
bottom: calc(1.5rem * 0.5);
right: calc(1.5rem * 0.5);
}
.swiper-nav .swiper-button-prev-alt,
.swiper-nav .swiper-button-next-alt {
position: relative;
display: block;
width: 42px;
height: 42px;
z-index: 4;
}
.swiper-nav .swiper-button-prev-alt:after {
display: block;
content: '';
width: 42px;
height: 42px;
border-radius: 100%;
font-family: inherit;
font-size: inherit;
background-color: var(--dark);
background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.85355 3.14645C7.04882 3.34171 7.04882 3.65829 6.85355 3.85355L3.70711 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H3.70711L6.85355 11.1464C7.04882 11.3417 7.04882 11.6583 6.85355 11.8536C6.65829 12.0488 6.34171 12.0488 6.14645 11.8536L2.14645 7.85355C1.95118 7.65829 1.95118 7.34171 2.14645 7.14645L6.14645 3.14645C6.34171 2.95118 6.65829 2.95118 6.85355 3.14645Z" fill="%23FFF" fill-rule="evenodd" clip-rule="evenodd"></path></svg>');
background-size: 60%;
background-repeat: no-repeat;
background-position: center center;
}
.swiper-nav .swiper-button-next-alt:after {
position: relative;
display: block;
content: '';
width: 42px;
height: 42px;
border-radius: 100%;
font-family: inherit;
font-size: inherit;
background-color: var(--dark);
background-image: url('data:image/svg+xml,%3Csvg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z" fill="%23FFF" fill-rule="evenodd" clip-rule="evenodd"%3E%3C/path%3E%3C/svg%3E');
background-size: 60%;
background-repeat: no-repeat;
background-position: center center;
}
.swiper-carousel .swiper-nav .swiper-button-prev-alt:after {
background-color: var(--white);
background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.85355 3.14645C7.04882 3.34171 7.04882 3.65829 6.85355 3.85355L3.70711 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H3.70711L6.85355 11.1464C7.04882 11.3417 7.04882 11.6583 6.85355 11.8536C6.65829 12.0488 6.34171 12.0488 6.14645 11.8536L2.14645 7.85355C1.95118 7.65829 1.95118 7.34171 2.14645 7.14645L6.14645 3.14645C6.34171 2.95118 6.65829 2.95118 6.85355 3.14645Z" fill="%23242657" fill-rule="evenodd" clip-rule="evenodd"></path></svg>');
}
.swiper-carousel .swiper-nav .swiper-button-next-alt:after {
background-color: var(--white);
background-image: url('data:image/svg+xml,%3Csvg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z" fill="%23242657" fill-rule="evenodd" clip-rule="evenodd"%3E%3C/path%3E%3C/svg%3E');
}
.swiper-nav .swiper-button-disabled {
opacity: 0.5;
cursor: default;
}
@media (min-width: 1200px) {
.swiper-nav .swiper-button-prev-alt,
.swiper-nav .swiper-button-next-alt {
width: 48px;
height: 48px;
}
.swiper-nav .swiper-button-prev-alt:after {
width: 48px;
height: 48px;
}
.swiper-nav .swiper-button-next-alt:after {
width: 48px;
height: 48px;
}
} .swiper-carousel-grid {
height: 100%;
}
.swiper-carousel-grid {
max-height: 440px;
}
.swiper-carousel-grid .swiper-slide {
text-align: center;
height: calc((100% - 30px) / 2) !important;
display: flex;
justify-content: center;
align-items: center;
opacity: 1 !important;
}
@media (max-width: 575.98px) {
.swiper-carousel-grid .swiper-slide a.h-100 {
height: 100% !important;
}
} .bg-white .card {
background-color: var(--light);
} .cards-container {
overflow: hidden;
position: relative;
max-height: 320px;
transition: all 300ms ease;
}
@media (min-width: 768px) {
.cards-container {
max-height: 420px;
}
}
@media (min-width: 992px) {
.cards-container {
max-height: 480px;
}
}
@media (min-width: 1200px) {
.cards-container {
max-height: 500px;
}
}
@media (min-width: 1400px) {
.cards-container {
max-height: 520px;
}
}
.cards-container::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 100px;
background: linear-gradient(to bottom, rgba(var(--rgblightred), 0), rgba(var(--rgblightred), 1));
z-index: 4;
}
.review-card .text-truncate-container {
position: relative;
width: 100%;
z-index: 0;
}
.review-card .text-truncate-container::before {
position: absolute;
bottom: 0;
display: block;
content: '';
width: 100%;
height: 100%;
z-index: 2;
height: 100%;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.review-card .text-truncate-container div {
font-family: "filson-pro", sans-serif;
font-size: 0.8rem;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 6;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.review-card .ellipses {
position: relative;
display: block;
content: '';
width: 48px;
height: 15px;
font-family: inherit;
font-size: inherit;
background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.625 7.5C3.625 8.12132 3.12132 8.625 2.5 8.625C1.87868 8.625 1.375 8.12132 1.375 7.5C1.375 6.87868 1.87868 6.375 2.5 6.375C3.12132 6.375 3.625 6.87868 3.625 7.5ZM8.625 7.5C8.625 8.12132 8.12132 8.625 7.5 8.625C6.87868 8.625 6.375 8.12132 6.375 7.5C6.375 6.87868 6.87868 6.375 7.5 6.375C8.12132 6.375 8.625 6.87868 8.625 7.5ZM12.5 8.625C13.1213 8.625 13.625 8.12132 13.625 7.5C13.625 6.87868 13.1213 6.375 12.5 6.375C11.8787 6.375 11.375 6.87868 11.375 7.5C11.375 8.12132 11.8787 8.625 12.5 8.625Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg>');
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
opacity: 0.3;
}
.hidden-cards {
display: none;
}
.fancybox-cards-container .fancybox-content {
border-radius: 1rem;
}
.modal-content::-webkit-scrollbar-track {
margin-top: 10px;
-webkit-box-shadow: 0;
border-radius: 10px;
background-color: var(--white);
}
.modal-content::-webkit-scrollbar {
width: 12px;
background-color: var(--white);
}
.modal-content::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: var(--red);
}
.fancybox-cards-container .fancybox-close-small {
color: var(--dark);
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0px;
right: 0px;
width: 48px;
height: 48px;
font-size: 24px;
cursor: pointer;
border-top-right-radius: 0.5rem;
background: #feb9c0;
opacity: 1;
}
.modal-background {
background: #ffe3e6 !important;
z-index: 4;
}
.fancybox-cards-container .fancybox-navigation .fancybox-button--arrow_left {
left: 5px;
}
.fancybox-cards-container .fancybox-navigation .fancybox-button--arrow_right {
right: 5px;
}
.fancybox-button,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
background: none;
}
.fancybox-button div {
height: auto;
color: var(--dark);
}
.fancybox-button[disabled] div {
opacity: 0.3;
}
@media (min-width: 992px) {
.fancybox-cards-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.fancybox-cards-container .fancybox-content {
width: 60vw;
height: 50vh;
max-height: 80%;
padding: 48px 18px 36px 0px;
border-radius: 1rem;
box-shadow: 0 0 10px #feb9c0;
background-color: #fff;
z-index: 4;
border: 0;
outline: 0;
}
.fancybox-cards-container .fancybox-content .modal-content {
display: block;
height: 100%;
padding: 0px 30px 0px 30px;
overflow-y: auto;
overflow-x: hidden;
}
.fancybox-cards-container .fancybox-close-small {
border-top-right-radius: 1rem;
}
.fancybox-cards-container .fancybox-navigation .fancybox-button--arrow_left {
left: 10vw;
}
.fancybox-cards-container .fancybox-navigation .fancybox-button--arrow_right {
right: 10vw;
}
.fancybox-button[disabled] div {
opacity: 0.3;
}
}
.aspect {
aspect-ratio: 1 / 1;
width: auto;
height: auto;
}
div[data-fancybox="infocard"],
.cursor-pointer {
cursor: pointer !important;
} .modal-image .fancybox-button {
background: none;
color: var(--black);
}
.modal-image .fancybox-button:hover {
color: var(--dark);
color: var(--black);
}
.modal-image .fancybox-toolbar .fancybox-button {
background: #000;
color: #939393;
}
.modal-image .fancybox-toolbar .fancybox-button:hover {
background: #000;
color: #939393;
}
.modal-image .fancybox-button--close {
padding: 7px;
}
.modal-image .fancybox-navigation .fancybox-button {
z-index: 99996;
}
.modal-image .fancybox-navigation .fancybox-button div {
padding: 0;
}
.modal-image .fancybox-bg {
background: #eee;
}
.modal-image .fancybox-show-caption .fancybox-caption,
.modal-image .fancybox-caption {
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
} .kinderopvangtoeslag-widget {
color: var(--black) !important;
}
.kinderopvangtoeslag-widget h3,
.kinderopvangtoeslag-widget .netto_kosten_str {
color: var(--dark) !important;
}
.stapheader,
.kinderopvangtoeslag-widget .help {
color: var(--dark) !important;
background-color: var(--green) !important;
}
.stapheader {
font-family: filson-pro, sans-serif !important;
color: var(--dark) !important;
font-weight: 500 !important;
width: 100%;
opacity: 1;
border-radius: 6px !important;
cursor: pointer !important;
}
.stapheader h3 {
color: var(--dark) !important;
}
.circle_KOT {
display: flex !important;
align-items: center !important;
float: left;
width: 24px;
height: 24px;
border-radius: 12px;
color: var(--black) !important;
text-align: center;
background: #fff;
margin: 10px !important;
margin-right: 0 !important;
font-size: 16px !important;
line-height: 1.3 !important;
}
.kinderopvangtoeslag-widget .form-control {
font-size: calc(14px + ((17 - 14) * ((100vw - 300px) / (1600 - 300)))) !important;
border-color: rgb(222, 226, 230) !important;
box-shadow: none !important;
border-radius: 6px !important;
}
.kinderopvangtoeslag-widget .form-control:focus {
color: var(--black) !important;
border-color: var(--purple) !important;
outline: 0 !important;
box-shadow: 0 0 0 .25rem var(--green) !important;
}
.inkomenInput {
margin-top: 0.5rem !important;
}
.arrow-class {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 20px 10px 0;
border-color: transparent var(--green) !important;
float: left;
margin-right: 10px;
margin-top: 3px;
}
.button_tarieven_v2 {
font-family: "filson-pro", sans-serif !important;
font-weight: 500 !important;
font-style: normal !important;
font-size: calc(14px + ((17 - 14) * ((100vw - 300px) / (1600 - 300)))) !important;
padding: .5rem 1.5rem !important;
border-radius: 3rem !important;
font-weight: 500 !important;
background-color: var(--dark) !important;
border: 0 !important;
width: auto !important;
transition: 300ms ease !important;
}
#detailString {
cursor: pointer;
}
#gegevens_div {
margin-top: 1rem !important;
background-color: var(--light) !important;
border-radius: 1rem !important;
padding: calc(1.5rem * 0.5);
}
.kinderopvangtoeslag-widget .grafiek-wrap {
background: none !important;
margin: 0 !important;
}
.button_tarieven_v2:hover {
background-color: var(--dark-hover);
}
.opvang_menu_button {
background: none !important;
color: var(--dark) !important;
}
.opvangsoort-template,
.kinderen-wrap {
padding-top: 1rem !important;
}
.kinderen-wrap {
padding-bottom: 1rem !important;
}
.kinderopvangtoeslag-widget .opvang-wrap {
position: relative;
padding: 0 !important;
display: inline-block;
}
.disclaimerv2 {
font-size: 0.8rem !important;
border: none !important;
}
.disclaimerv2 a,
.disclaimerv2 a:visited {
font-size: 0.8rem !important;
}
.gegevens {
margin: 0 !important;
padding-top: 1rem !important;
}
.krt_kdv_Dagopvang td {
vertical-align: top !important;
}
#warningString {
color: var(--red-darker) !important;
font-weight: 500 !important;
font-size: 1rem !important;
}
#bereken_button_div {
padding-top: 1rem !important;
width: 100% !important;
display: flex !important;
align-items: center !important;
}
.kinderopvangtoeslag-widget .kinderen-buttons div {
position: relative;
color: var(--dark) !important;
border: 1px solid var(--gray) !important;
background-color: var(--white) !important;
border-radius: 3px !important;
margin-left: 6px !important;
z-index: 100;
}
.stapheader {
display: flex !important;
width: 100% !important;
align-items: center !important;
}
.stapheader H3,
.opvang-wrap H3 {
margin: 0 !important;
padding: 12px !important;
font-size: 1rem !important;
}
.arrowsButtons {
box-sizing: border-box;
padding-left: 0px !important;
margin-top: 0 !important;
background: none !important;
float: none !important;
margin-left: auto !important;
opacity: 0.8;
margin-right: 10px;
}
.kinderopvangtoeslag-widget .kinderen-buttons div.active {
color: var(--dark) !important;
border: 1px solid var(--gray) !important;
background-color: var(--white) !important;
border-radius: 3px !important;
}
table.table_result_class {
border: none !important;
background-color: var(--light) !important;
}
.qtip-default {
border-width: 1px;
border-style: solid;
border-color: var(--yellow-darker) !important;
background-color: var(--yellow-lighter) !important;
color: var(--black) !important;
}
.qtip-default .qtip-titlebar {
background-color: var(--yellow-lighter) !important;
}
.qtip-hover {}
.qtip-focus {}
.qtip {
padding: 6px !important;
}
.qtip-default .qtip-icon {
background: var(--dark) !important;
}
.qtip-icon .ui-icon {
color: var(--white) !important;
border: none !important;
outline: none !important;
}
.qtip-default .qtip-titlebar .qtip-close {
border: none !important;
}
.vex.vex-theme-flat-attack {
font-size: 16px !important;
}
.vex.vex-theme-flat-attack .vex-content {
font-family: "informapro", sans-serif !important;
font-weight: 400 !important;
color: var(--black) !important;
padding: 3em 2em 2em 2em !important;
border-radius: 1rem !important;
}
.vex.vex-theme-flat-attack .vex-close:before {
background: var(--dark) !important;
font-weight: 500 !important;
border-bottom-left-radius: 0.125rem !important;
border-top-right-radius: 1rem !important;
}
.vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-buttons {
margin: 0 !important;
}
.vex.vex-theme-flat-attack .vex-dialog-button {
font-family: "filson-pro", sans-serif !important;
font-weight: 500 !important;
text-transform: none !important;
background: var(--dark) !important;
padding: .5rem 1.5rem !important;
border-radius: 3rem !important;
font-weight: 500 !important;
color: var(--white) !important;
background-color: var(--dark) !important;
border: 0 !important;
letter-spacing: normal !important;
}
.vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-primary {
background: var(--dark) !important;
}
@media (max-width: 575.98px) {
.kinderopvangtoeslag-widget .form-control {
width: 100% !important;
}
.grafiek-wrap,
.result_div_table,
.result_div_table table.table_result_class {
width: 100% !important;
float: none !important;
}
.opvang_menu_button {
width: auto !important;
}
#opslaan_button,
#bereken_button,
.button_block_bottom > div {
width: 100% !important;
margin-left: 0 !important;
margin-bottom: 1rem !important;
float: none !important;
}
#bereken_button_div {
flex-direction: column !important;
}
#warningString {
margin-left: 0 !important;
}
.tablesaw-cell-content {
display: block !important;
max-width: 100% !important;
float: none !important;
}
.kinderopvangtoeslag-widget .grafiek-wrap {
margin-left: 0px !important;
}
.grafiek_canvas {
max-width: 50% !important;
margin: 0 auto !important;
}
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
padding: 0 !important;
}
}