:root{
--primary: #080B52;
--secondary: #F2BA4A;
}
.ovz_header{
width: 100vw;
height: 120px;
position:fixed;
top: 0;
left: 0;
z-index: 1000;
}
.ovz_header_spacer {
height: 120px;
width: 100vw;
position: relative;
border: 1px solid red;
float: left;
}
.ovz_header.admin_spacer{
top: 32px;
}
.ovz_header_secondary,
.ovz_header_primary{
background-color: white;
width: 100%;
height: 80px;
overflow: hidden;
display: flex;
flex-direction: column;
align-items:center;
align-content: center;
}
.ovz_header_secondary{
height: 40px;
background-color: var(--primary);
}
.ovz_header_inner{
display: flex;
flex-direction: row;
align-items:center;
justify-content: space-between;
overflow: hidden;
width: 85%;
max-width: 1100px;
height: 100%;
}
.ovz_header_logo{
width: 300px;
height: 100px;
background-image: url(//ovzwijndrecht.nl/wp-content/uploads/2024/12/ovz_logo.png);
background-size: contain;
background-repeat: no-repeat;
background-position:center;
}
ul.menu {
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
gap: 35px;
}
ul.menu > li.menu-item{
color: var(--primary);
}
ul.menu > li.menu-item > a{
font-size: 17px;
font-family: "Poppins", sans-serif;
font-weight: 700;
color: var(--primary);;
}
ul#menu-ovz-secondary-1 > li > a{
color: white;
font-size: 14px;
font-weight: 600;
} @media screen and (max-width: 768px){
.ovz_header{
height: 80px;
}
.ovz_header_secondary{
height: 30px;
}
.ovz_header_inner{
width: 90%;
}
.ovz_header_logo{
width: 200px;
height: 60px;
}
ul.menu{
gap: 20px;
}
ul.menu > li.menu-item > a{
font-size: 14px;
}
ul#menu-ovz-primary-1 > li.menu-item:last-child{
padding: 5px 10px;
}
}
.ovz_mobile_menu_btn{
display: none;
}
.ovz_mobile_menu_body{
display: none;
}
@media screen and (max-width: 600px){
.ovz_header{
height: 60px;
}
.ovz_header_secondary{
height: 20px;
}
.ovz_header_inner{
width: 95%;
}
.ovz_header_logo{
width: 150px;
height: 50px;
}
ul.menu{
gap: 15px;
}
ul.menu > li.menu-item > a{
font-size: 12px;
}
ul#menu-ovz-primary-1 > li.menu-item:last-child{
padding: 5px 10px;
}
.ovz_header_secondary{
display: none;
}
.ovz_header_primary > .ovz_header_inner > .ovz_menu_items{
display: none;
}
.ovz_header_spacer{
height: 65px;
}
.ovz_header_logo{
width: 200px;
height: 40px;
}
.ovz_mobile_menu_btn{
display: block;
width: 35px;
height: 35px;
background-image: url('data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.3%20(67297)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Ejollycons-%5Bcategory%5D%2Ficons%2Fsvg%2Ficon-ui-1-menu%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22icons%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icons---export%22%20transform%3D%22translate(-60.000000%2C%20-58.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22row-1%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon---1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M3.99388373%2C20%20C3.4449769%2C20%203%2C19.5522847%203%2C19%20C3%2C18.4477153%203.4449769%2C18%203.99388373%2C18%20L20.0061163%2C18%20C20.5550231%2C18%2021%2C18.4477153%2021%2C19%20C21%2C19.5522847%2020.5550231%2C20%2020.0061163%2C20%20L3.99388373%2C20%20Z%20M3.99388373%2C13%20C3.4449769%2C13%203%2C12.5522847%203%2C12%20C3%2C11.4477153%203.4449769%2C11%203.99388373%2C11%20L20.0061163%2C11%20C20.5550231%2C11%2021%2C11.4477153%2021%2C12%20C21%2C12.5522847%2020.5550231%2C13%2020.0061163%2C13%20L3.99388373%2C13%20Z%20M3.99388373%2C6%20C3.4449769%2C6%203%2C5.55228475%203%2C5%20C3%2C4.44771525%203.4449769%2C4%203.99388373%2C4%20L20.0061163%2C4%20C20.5550231%2C4%2021%2C4.44771525%2021%2C5%20C21%2C5.55228475%2020.5550231%2C6%2020.0061163%2C6%20L3.99388373%2C6%20Z%22%20id%3D%22menu%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slices%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%3E%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
background-size: 25px;
background-repeat: no-repeat;
background-position: center;
background-color: var(--primary);
border-radius: 4px;
}
.ovz_mobile_menu_body{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: white;
z-index: 1000;
}
.ovz_mobile_menu_body.active{
display: block;
}
.ovz_mobile_menu_body > .ovz_mobile_menu_inner{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
}
.ovz_mobile_menu_body > .ovz_mobile_menu_inner > ul.menu{
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.ovz_mobile_menu_body > .ovz_mobile_menu_inner > ul.menu > li.menu-item > a{
font-size: 18px;
font-weight: 700;
color: var(--primary);
}
.ovz_mobile_menu_body > .ovz_mobile_menu_inner > ul.menu > li.menu-item:last-child{
background-color: var(--secondary);
border-radius: 5px;
padding: 10px 20px;
}
.ovz_mobile_menu_body > .ovz_mobile_menu_inner > ul.menu > li.menu-item:last-child > a{
color: var(--primary);
font-size: 14px;
font-weight: 600;
}
.ovz_mobile_menu_body > .ovz_mobile_menu_inner > ul.menu > li.menu-item > a{
font-size: 18px;
font-weight: 700;
color: var(--primary);
}
.ovz_menu_active{
display: block;
}
.ovz_mobile_menu{
display: block;
}
ul#menu-ovz-mobiel-menu-1 {
position: absolute;
left: 30px;
width: calc(100% - 60px);
height: calc(100% - 100px);
top: 80px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
align-items: flex-start;
gap: 15px;
}
ul#menu-ovz-mobiel-menu-1 > li > a {
font-size: 29px;
}
.ovz_mobile_menu_close{
width: 35px;
height: 35px;
position:absolute;
top: 20px;
right: 20px;
background-image: url('data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.3%20(67297)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Ejollycons-%5Bcategory%5D%2Ficons%2Fsvg%2Ficon-ui-1-close%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22icons%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icons---export%22%20transform%3D%22translate(-124.000000%2C%20-58.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22row-1%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon---2%22%20transform%3D%22translate(64.000000%2C%200.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23ec622c%22%20d%3D%22M12%2C13.4142136%20L4.70710678%2C20.7071068%20C4.31658249%2C21.0976311%203.68341751%2C21.0976311%203.29289322%2C20.7071068%20C2.90236893%2C20.3165825%202.90236893%2C19.6834175%203.29289322%2C19.2928932%20L10.5857864%2C12%20L3.29289322%2C4.70710678%20C2.90236893%2C4.31658249%202.90236893%2C3.68341751%203.29289322%2C3.29289322%20C3.68341751%2C2.90236893%204.31658249%2C2.90236893%204.70710678%2C3.29289322%20L12%2C10.5857864%20L19.2928932%2C3.29289322%20C19.6834175%2C2.90236893%2020.3165825%2C2.90236893%2020.7071068%2C3.29289322%20C21.0976311%2C3.68341751%2021.0976311%2C4.31658249%2020.7071068%2C4.70710678%20L13.4142136%2C12%20L20.7071068%2C19.2928932%20C21.0976311%2C19.6834175%2021.0976311%2C20.3165825%2020.7071068%2C20.7071068%20C20.3165825%2C21.0976311%2019.6834175%2C21.0976311%2019.2928932%2C20.7071068%20L12%2C13.4142136%20Z%22%20id%3D%22close%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slices%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%3E%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
background-size: 25px;
background-repeat: no-repeat;
background-position: center;
}
}
.ovz_avatar {
width: 26px;
height: 26px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
}@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap");
:root { --primary: #080B52;
--primary-light: #1a1f6e;
--primary-dark: #050730;
--secondary: #F2BA4A;
--secondary-light: #f5c86e;
--secondary-dark: #e0a830; --white: #ffffff;
--gray-50: #f8f9fc;
--gray-100: #f1f3f7;
--gray-200: #e5e7eb;
--gray-300: #d1d5db;
--gray-400: #9ca3af;
--gray-500: #6b7280;
--gray-600: #4b5563;
--gray-700: #374151;
--gray-800: #1f2937;
--gray-900: #111827; --error-bg: #fef2f2;
--error-border: #fecaca;
--error-text: #dc2626;
--info-bg: #eff6ff;
--info-border: #bfdbfe;
--info-text: #2563eb;
--success-bg: #f0fdf4;
--success-border: #bbf7d0;
--success-text: #16a34a; --font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.75rem;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--line-height-tight: 1.25;
--line-height-normal: 1.5;
--line-height-relaxed: 1.625; --spacing-xs: 0.25rem;
--spacing-sm: 0.5rem;
--spacing-md: 1rem;
--spacing-lg: 1.5rem;
--spacing-xl: 2rem;
--spacing-2xl: 2.5rem;
--spacing-3xl: 3rem; --radius-sm: 0.25rem;
--radius-md: 4px;
--radius-lg: 4px;
--radius-xl: 10px;
--radius-2xl: 5px;
--radius-full: 9999px; --shadow-sm: 0 1px 2px 0 rgb(8 11 82 / 0.05);
--shadow-md: 0 4px 6px -1px rgb(8 11 82 / 0.08), 0 2px 4px -2px rgb(8 11 82 / 0.05);
--shadow-lg: 0 10px 15px -3px rgb(8 11 82 / 0.08), 0 4px 6px -4px rgb(8 11 82 / 0.04);
--shadow-xl: 0 20px 25px -5px rgb(8 11 82 / 0.1), 0 8px 10px -6px rgb(8 11 82 / 0.05);
--shadow-glow: 0 0 20px rgb(242 186 74 / 0.3); --transition-fast: 150ms ease;
--transition-normal: 250ms ease;
--transition-slow: 350ms ease; --input-height: 3rem;
--input-padding-x: var(--spacing-lg);
--input-padding-y: var(--spacing-md);
--input-border-width: 2px;
--input-focus-ring-width: 3px;
--input-focus-ring-color: rgba(242, 186, 74, 0.3); --form-max-width: 420px;
--form-padding: var(--spacing-2xl);
} .ovz_login_wrapper,
#ovz_pwdreset {
font-family: var(--font-family);
font-size: var(--font-size-base);
line-height: var(--line-height-normal);
color: var(--gray-800);
box-sizing: border-box;
}
.ovz_login_wrapper *,
#ovz_pwdreset * {
box-sizing: border-box;
} .ovz_login_wrapper {
width: 100%;
max-width: var(--form-max-width);
margin: 0 auto;
padding: var(--form-padding);
background-color: var(--white);
border-radius: var(--radius-2xl);
box-shadow: var(--shadow-xl);
position: relative;
overflow: hidden;
} .ovz_login_wrapper::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);
}
.ovz_login_form {
width: 100%;
}
.ovz_login_title {
margin: 0 0 var(--spacing-xl);
font-size: var(--font-size-2xl);
font-weight: var(--font-weight-bold);
color: var(--primary);
text-align: left;
position: relative;
} .ovz_login_title::after {
content: '';
display: block;
width: 50px;
height: 3px;
background-color: var(--secondary);
margin-top: var(--spacing-sm);
border-radius: var(--radius-full);
} .ovz_login_toggle {
display: flex;
gap: var(--spacing-sm);
padding: var(--spacing-xs);
margin-bottom: var(--spacing-xl);
background-color: var(--gray-100);
border-radius: var(--radius-lg);
}
.ovz_login_toggle button {
flex: 1;
padding: var(--spacing-md) var(--spacing-lg);
font-family: var(--font-family);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
color: var(--gray-500);
background-color: transparent;
border: none;
border-radius: var(--radius-md);
cursor: pointer;
transition: all var(--transition-normal);
}
.ovz_login_toggle button:hover:not(.ovz_login_active) {
color: var(--primary);
background-color: var(--white);
}
.ovz_login_toggle button.ovz_login_active {
color: var(--white);
background-color: var(--primary);
box-shadow: var(--shadow-md);
} .ovz_login_error,
.ovz_login_info,
.ovz_error,
.ovz_info {
padding: var(--spacing-md) var(--spacing-lg);
margin-bottom: var(--spacing-lg);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-medium);
border-radius: var(--radius-lg);
border-left: 5px solid;
}
.ovz_login_error,
.ovz_error {
color: var(--error-text);
background-color: var(--error-bg);
border-left-color: var(--error-text);
}
.ovz_login_info,
.ovz_info {
color: var(--info-text);
background-color: var(--info-bg);
border-left-color: var(--info-text);
} .ovz_login_field {
margin-bottom: var(--spacing-lg);
}
.ovz_login_field:last-child {
margin-bottom: 0;
}
.ovz_login_field label {
display: block;
margin-bottom: var(--spacing-sm);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
color: var(--primary);
text-transform: uppercase;
letter-spacing: 0.025em;
}
.ovz_login_field input[type="text"],
.ovz_login_field input[type="email"],
.ovz_login_field input[type="password"],
.ovz_fields input[type="text"],
.ovz_fields input[type="email"],
.ovz_fields input[type="password"] {
width: 100%;
height: var(--input-height);
padding: var(--input-padding-y) var(--input-padding-x);
font-family: var(--font-family);
font-size: var(--font-size-base);
color: var(--gray-800);
background-color: var(--gray-50);
border: var(--input-border-width) solid var(--gray-200);
border-radius: var(--radius-lg);
transition: all var(--transition-normal);
outline: none;
}
.ovz_login_field input::placeholder,
.ovz_fields input::placeholder {
color: var(--gray-400);
font-weight: var(--font-weight-normal);
} .ovz_login_field_checkbox {
display: flex;
align-items: center;
gap: var(--spacing-sm);
}
.ovz_login_field_checkbox label {
margin-bottom: 0;
font-size: var(--font-size-sm);
font-weight: var(--font-weight-normal);
text-transform: none;
letter-spacing: normal;
color: var(--gray-600);
cursor: pointer;
}
.ovz_login_field_checkbox input[type="checkbox"] {
width: 1.25rem;
height: 1.25rem;
margin: 0;
accent-color: var(--secondary);
cursor: pointer;
border-radius: var(--radius-sm);
} .ovz_login_field button,
.ovz_fields button {
width: 100%;
height: var(--input-height);
padding: var(--input-padding-y) var(--input-padding-x);
font-family: var(--font-family);
font-size: var(--font-size-base);
font-weight: var(--font-weight-bold);
color: var(--primary);
background-color: var(--secondary);
border: none;
border-radius: var(--radius-lg);
cursor: pointer;
transition: all var(--transition-normal);
position: relative;
overflow: hidden;
}
.ovz_login_field button:hover:not(:disabled),
.ovz_fields button:hover:not(:disabled) {
background-color: var(--secondary-light);
box-shadow: var(--shadow-lg), var(--shadow-glow);
transform: translateY(-1px);
}
.ovz_login_field button:active:not(:disabled),
.ovz_fields button:active:not(:disabled) {
transform: translateY(0);
box-shadow: var(--shadow-md);
}
.ovz_login_field button:disabled,
.ovz_fields button:disabled {
opacity: 0.6;
cursor: not-allowed;
} .ovz_login_back_btn,
.ovz_login_field button.ovz_btn_secondary {
background-color: transparent !important;
color: var(--primary) !important;
border: 2px solid var(--primary) !important;
}
.ovz_login_back_btn:hover:not(:disabled),
.ovz_login_field button.ovz_btn_secondary:hover:not(:disabled) {
background-color: var(--primary) !important;
color: var(--white) !important;
box-shadow: var(--shadow-md) !important;
} .ovz_login_step2 p {
margin: 0 0 var(--spacing-md);
font-size: var(--font-size-sm);
color: var(--gray-600);
line-height: var(--line-height-relaxed);
}
.ovz_login_step2 p a,
.ovz_login_form a {
color: var(--primary);
font-weight: var(--font-weight-semibold);
text-decoration: none;
border-bottom: 2px solid var(--secondary);
transition: all var(--transition-fast);
}
.ovz_login_step2 p a:hover,
.ovz_login_form a:hover {
color: var(--secondary-dark);
border-bottom-color: var(--secondary-dark);
} #ovz_pwdreset {
width: 100%;
max-width: var(--form-max-width);
margin: 0 auto;
padding: var(--form-padding);
background-color: var(--white);
border-radius: var(--radius-2xl);
box-shadow: var(--shadow-xl);
position: relative;
overflow: hidden;
}
#ovz_pwdreset::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);
}
.ovz_detail_section {
margin-bottom: var(--spacing-lg);
}
.ovz_detail_section:last-child {
margin-bottom: 0;
}
.ovz_fields {
display: flex;
flex-direction: column;
gap: var(--spacing-md);
}
.ovz_fields p {
margin: 0;
padding: var(--spacing-lg);
font-size: var(--font-size-base);
color: var(--gray-600);
text-align: center;
background-color: var(--gray-50);
border-radius: var(--radius-lg);
line-height: var(--line-height-relaxed);
} .ovz_detail_section.ovz_fields p:only-child,
.ovz_fields .ovz_success_message {
color: var(--success-text);
background-color: var(--success-bg);
border-left: 4px solid var(--success-text);
} @keyframes ovz-shimmer {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
.ovz_login_field button:disabled,
.ovz_fields button:disabled {
background: linear-gradient(
90deg,
var(--secondary) 0%,
var(--secondary-light) 50%,
var(--secondary) 100%
);
background-size: 200% 100%;
animation: ovz-shimmer 1.5s ease-in-out infinite;
}  .ovz_login_wrapper::after {
content: '';
position: absolute;
bottom: -20px;
right: -20px;
width: 80px;
height: 80px;
background-color: var(--secondary);
opacity: 0.1;
transform: rotate(45deg);
pointer-events: none;
} @media (max-width: 480px) {
:root {
--form-padding: var(--spacing-xl);
--form-max-width: 100%;
--font-size-2xl: 1.5rem;
--input-height: 2.75rem;
}
.ovz_login_wrapper,
#ovz_pwdreset {
border-radius: var(--radius-xl);
margin: var(--spacing-md);
}
.ovz_login_toggle {
flex-direction: column;
}
.ovz_login_toggle button {
width: 100%;
}
.ovz_login_field label {
font-size: var(--font-size-xs);
}
} .ovz_login_wrapper button:focus-visible,
.ovz_login_wrapper input:focus-visible,
.ovz_login_wrapper a:focus-visible,
#ovz_pwdreset button:focus-visible,
#ovz_pwdreset input:focus-visible {
outline: 2px solid var(--secondary);
outline-offset: 2px;
} @media print {
.ovz_login_wrapper,
#ovz_pwdreset {
box-shadow: none;
border: 1px solid var(--gray-200);
}
.ovz_login_wrapper::before,
#ovz_pwdreset::before,
.ovz_login_wrapper::after {
display: none;
}
}::root{
--font: "Poppins", sans-serif;
}
.bedrijven{
width: 100%;
float: left;
display: grid;
grid-template-columns: repeat(auto-fit, 190px);
grid-template-rows: repeat(auto-fill,minmax(190px , 1fr));
grid-gap: 10px;
}
.bedrijf{
background-color:grey;
background-size: contain;
background-repeat: no-repeat;
height: 190px;
cursor: pointer;
}
.bedrijf > .titel{
width: 100%;
height: 100%;
background-color: #050e9fa8;
vertical-align: middle;
text-align: center;
font-size: 15px;
color: white;
font-weight: 700;
padding: auto;
padding: 0px;
display: flex;
align-items: center;
padding: 5px 7px!important;
display: none;
justify-content: center;
}
.bedrijf:hover > .titel{
display: flex;
}
.ovz_bestuur{
display: grid;
grid-template-columns: repeat(auto-fit,minmax(290px , 1fr));
grid-gap: 30px;
}
.ovz_bestuur > .member{
background-color: #e3e3e3;    
box-sizing:border-box;
}
.ovz_bestuur > .member > .titel{
height: 40px;
width: 100%;
background-color:white;
font-family: Helvetica, Arial, sans-serif;
font-size: 20px;
font-stretch: 100%;
font-style: normal;
font-variant-caps: normal;
font-weight: 600;
line-height: 24px;
text-align: left;
color: rgb(5, 13, 158);
text-transform:uppercase;
position:relative;
float: left;
}
.ovz_bestuur > .member > .titel::after
{
content: "";
width: 50px;
height: 2px;
background-color: #e5007d;
position: absolute;
left: 0px;
bottom: 13px;
}
.ovz_bestuur > .member > .img{
width: 100%;
padding-bottom: 100%;
background-color:grey;
float: left;
background-size: cover;
background-repeat: no-repeat;
}
.ovz_bestuur > .member > .naam{
width: 100%;
height: 35px;
background-color:#050d9e;
float: left;
font-size: 14px;
padding-left: 10px;
line-height: 35px;
font-weight: 800;
color: white;
text-transform: uppercase;
}
.ovz_bestuur > .member > .content{
width: 100%;
height: 35px;
float: left;
font-size: 14px;
padding: 10px;
min-height: 180px;
position:relative;
}
.ovz_bestuur > .member > .content > p > a{
position:absolute;
left: 5px;
bottom: 5px;
color: #e5007d;
font-weight: 300;
} .ovz_smoelenboek_grid {
display: grid;
grid-template-columns: revert;
grid-template-columns: repeat(auto-fit,minmax(350px , 1fr));
grid-gap: 30px;
}
.ovz_search > input {
width: 100%;
height: 40px;
padding: 0px 10px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
box-sizing: border-box;
margin-bottom: 20px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
border-radius: 4px;
background-color: #f1f1f5 !important;
border: 1px solid #ababd0 !important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
padding: 10px;
}
.ovz_image {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
height: 150px;
width: 150px;
position:relative;
overflow: hidden;
background-color: #f1f1f5;
}
.ovz_image_glow {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: 0;
filter: blur(91px) saturate(1.5);
}
.ovz_image > .ovz_image_inner{
width: 100px;
height: 100px;
background-color: grey;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
z-index: 9;
-webkit-box-shadow: 0px 0px 41px 0px rgba(255,255,255,0.37);
-moz-box-shadow: 0px 0px 41px 0px rgba(255,255,255,0.37);
box-shadow: 0px 0px 41px 0px rgba(255,255,255,0.37);
}
.ovz_image_inner {
}
.ovz_smoel {
grid-gap: 10px;
background-color: #f4f4f4;
overflow: hidden; border-radius: 4px;
overflow: hidden;
background-color: #f1f1f5!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
display: grid;
grid-template-columns: 260px 1fr;
max-width: 610px;
}
.ovz_smoel_title {
background-color: #f1f1f5;
padding: 6px;
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}
.ovz_smoel_title > span{
font-size: 15px;
font-weight: 700;
color: white;
text-transform: uppercase;
color:  var(--primary);
font-size: 17px;
text-transform: none!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
text-align: left;
}
.ovz_smoel_meta {
display: grid;
grid-template-columns: 20px 1fr;
padding: 4px 11px;
box-sizing: border-box;
width: 100%;
grid-gap: 15px;
cursor: pointer;
}
.ovz_smoel_meta > p{
font-size: 11px;
font-weight: 600;
color: #080b3c;
text-transform: uppercase;
}
.ovz_smoel_content {
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap; align-content: center;
gap: 7px;
background-color: #f1f1f5;
padding: 10px;
align-items: center;
}
.ovz_smoel_meta > p {
width: 100%;
} .oa_events{
display: grid;
grid-template-columns: repeat(auto-fit,minmax(250px , 1fr));
grid-gap: 15px;
}
.oa_event{
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 170px 1fr;
grid-gap: 0px;
background-color: white;
box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
}
.oa_event_title {
padding-bottom: 10px;
border-bottom: 2px solid #e2e2e2;
margin-bottom: 8px;
}
.oa_event_title > h3 {
font-size: 16px;
font-weight: 800;
margin: 0px!important;
padding: 0px;
color: white;
color: rgb(37, 37, 48);
}
.oa_event_content > p {
font-size: 15px;
color: black;
font-weight: 600;
margin-top: 10px;
margin-bottom: 10px;
}
.oa_event_content > a {
width: 100%;
padding: 9px 13px;
color: #e5007d;
float: left;
margin-top: 10px;
border-radius: 4px;
text-align: center;
font-size: 15px;
font-weight: 600;
background-color: #fafafa;
}
.oa_event:hover > .oa_event_content > a{
background-color: #e5007d;
color: white;
box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.oa_event_img {
background-size: cover;
background-position: center;
border-radius: 0px 0px 10px 10px;
box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}
div.oa_dashboard > h2 {
font-size: 20px;
font-weight: 800;
margin: 0px;
padding: 0px;
color: white;
color: rgb(37, 37, 48);
margin-top: 10px;
margin-bottom: 10px;
}
div.oa_dashboard > p{
font-size: 15px;
color: black;
font-weight: 600;
margin-top: 10px;
margin-bottom: 15px;
}
div.oa_dashboard > h4{
font-size: 14px;
color:#070D9E;
font-weight: 700;
margin-bottom: 5px;
}
div.oa_dashboard > h1 {
color: rgb(52, 52, 52);
font-size: 28px;
font-weight: 700;
}
div.oa_dashboard > h1 > strong{
color: #070D9E;
font-weight: 900;
}
.oa_archive > .oa_event{
filter: grayscale(100%);
opacity: 0.8;
}
.oa_archive > .oa_event:hover{
filter: grayscale(0%);
opacity: 1;
}
.oa_event_content {
padding: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.oa_event_header {
background-size: contain;
min-height: 400px;
height: 100px;
border-radius: 10px;
background-position: center;
background-repeat:no-repeat;
overflow: hidden;
position:relative;
}
.oa_event_header > .oa_header_fade,
.oa_event_header > .oa_header_image{
width: 100%;
height: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border-radius: 10px;
position:absolute;
top: 0px;
left: 0px;
}
.oa_event_header > .oa_header_fade {
background-size: cover;
filter: blur(0px) saturate(0) brightness(0.5);
opacity: .1;
}
.oa_event_header > .oa_header_image{
max-width: calc(100% - 40px);
height: calc(100% - 40px);
left: 20px;
top: 20px;
}
.oa_back {
z-index: 999;
position: absolute;
left: 20px;
top: 20px;
display: flex;
padding: 6px 10px;
border-radius: 5px;
background: rgb(41,55,80);
background: linear-gradient(142deg, rgba(41,55,80,0.9108237044817927) 0%, rgba(51,56,75,0.8604035364145658) 82%);
}
.oa_back > a{
color: white;
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.oa_back > svg{
width: 15px;
}
.oa_desc > h1 {
font-size: 21px;
margin-top: 20px;
margin-bottom: 10px;
font-weight: 700;
color: var(--primary);
text-transform: uppercase;
text-align: center;
padding: 0px;
font-family: var(--font);
font-weight: 800;
}
.oa_content > p{
font-size: 15px;
color: black;
font-weight: 600;
margin-top: 10px;
margin-bottom: 15px;
}
.oa_date {
font-size: 16px;
text-align: center;
font-weight: 700;
color: black;
margin: 0;
}
.oa_specs {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(100px , 1fr));
grid-gap: 10px;
margin-top: 20px;
margin-bottom: 20px;
}
.oa_spec {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
align-items: center;
gap: 10px;
}
.oa_spec > *{
margin: 0px!important;
padding: 0px!important;
}
.oa_spec > h4{
font-size: 13px;
font-weight: 700;
background-color: var(--secondary);
padding: 11px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
color: var(--primary);
font-family: var(--font);
font-weight: 800;
}
.oa_spec > p{
font-size: 16px;
font-weight: 800;
color: var(--primary);
}
.oa_spec{ }
.oa_spec:last-child{
border-right: none;
}
.oa_desc > *{
width: 100%;
float: left;
}
.oa_cta{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 5px;
background-color: #1CBBB9;
padding: 10px;
font-size: 16px;
font-weight: 700;
color: white;
border-radius: 7px;
box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
cursor: pointer;
}
.oa_cta_inline{
width: 230px;
margin-left: calc(50% - 115px);
}
.oa_calendar {
border-left: 0px;
padding: 15px;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr auto;
background-color: #f2f2f6;
}
.oa_detailsevent_content{
display: grid;
grid-template-columns: 1fr 310px;
grid-gap: 15px;
}
.oa_content > p:nth-child(1){
margin-top: 0px!important;
}
.oa_calendar > h3 {
color: var(--primary);
font-weight: 700!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
font-family: var(--font);
padding-bottom: 15px;
}
.oa_setting {
background-color: #ffffff;
padding: 10px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: stretch;
border-radius: 5px;
gap: 10px;
}
.oa_setting > p{
font-size: 15px;
color: black;
font-weight: 600;
margin-bottom: 10px;
}
.oa_setting > button{
width: 100%;
padding: 7px;
font-size: 16px;
font-weight: 700;
color: white;
background-color: #1CBBB9;
border-radius: 5px;
border: 0px solid red;
box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
cursor: pointer;
}
.oa_calendar_item {
display: grid;
grid-template-columns: 34px auto 15px;
grid-template-rows: 34px;
gap: 5px;
align-items: center;
margin-bottom: 5px;
cursor: pointer;
}
.oaa_img{
height: 100%;
border-radius: 50%;
background-size: contain;
background-position:Center;
}
.oaa_name{
font-size: 14px;
font-weight: 600;
color: #383838;
line-height: 15px;
}
.oaa_info > svg {
width: 16px;
display: none;
}
.oa_calendar_item:hover > .oaa_info > svg{
display: block;
}
input.oa_people_search {
width: 100%;
margin-bottom: 14px;
margin-top: -10px!important;
padding: 7px!important;
border-radius: 7px;
margin-bottom: 8px!important;
background-color: #fafafa;
color: black;
border: 1px solid #e3e3e3;
}
.oa_adding_modal{
position:fixed;
width: 250px;
max-height: 450px;
background-color: white;
left:calc(50% - 125px);
top: calc(50% - 225px);
z-index: 999;
padding: 20px;
box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 0px 100000px;
border-radius: 10px;
}
.oa_adding_modal_content{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
align-items: center;
justify-content: center;
gap: 10px;
}
.oa_adding_modal_content > h3{
font-size: 20px;
font-weight: 700;
color: #070D9E;
text-align: center;
}
.oa_adding_modal_content > p{
font-size: 15px;
font-weight: 600;
color: black;
}
.oa_adding_modal_content > button{
width: 100%;
padding: 10px;
font-size: 16px;
font-weight: 700;
color: white;
background-color: #1CBBB9;
border-radius: 7px;
border: 0px solid red;
box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
cursor: pointer;
} .loader {
width: 20px;
aspect-ratio: 1;
border-radius: 50%;
background: #000;
box-shadow: 0 0 0 0 #0004;
animation: l2 1.5s infinite linear;
position: relative;
}
.loader:before,
.loader:after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
box-shadow: 0 0 0 0 #0004;
animation: inherit;
animation-delay: -0.5s;
}
.loader:after {
animation-delay: -1s;
}
@keyframes l2 {
100% {box-shadow: 0 0 0 40px #0000}
}
.modal_loader{
padding: 40px;
}
.modal_loader > p{
margin-top: 50px;
}
.oa_adding_modal_content > svg{
width: 40px!important;
}
.oa_spec > p{
text-align:center;
}
.oa_close_modal{
position: absolute;
right: 5px;
top: 5px;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cpath%20fill%3D%22%23f70000%22%20d%3D%22M10.5857864%2C12%20L8.29092884%2C9.7051424%20C7.90040455%2C9.31461811%207.90040455%2C8.68145313%208.29092884%2C8.29092884%20C8.68145313%2C7.90040455%209.31461811%2C7.90040455%209.7051424%2C8.29092884%20L12%2C10.5857864%20L14.2987148%2C8.28707169%20C14.689239%2C7.89654739%2015.322404%2C7.89654739%2015.7129283%2C8.28707169%20C16.1034526%2C8.67759598%2016.1034526%2C9.31076096%2015.7129283%2C9.70128525%20L13.4142136%2C12%20L15.7064904%2C14.2922768%20C16.0970147%2C14.6828011%2016.0970147%2C15.3159661%2015.7064904%2C15.7064904%20C15.3159661%2C16.0970147%2014.6828011%2C16.0970147%2014.2922768%2C15.7064904%20L12%2C13.4142136%20L9.70680489%2C15.7074087%20C9.3162806%2C16.097933%208.68311562%2C16.097933%208.29259133%2C15.7074087%20C7.90206703%2C15.3168844%207.90206703%2C14.6837194%208.29259133%2C14.2931951%20L10.5857864%2C12%20Z%20M12%2C23%20C5.92486775%2C23%201%2C18.0751322%201%2C12%20C1%2C5.92486775%205.92486775%2C1%2012%2C1%20C18.0751322%2C1%2023%2C5.92486775%2023%2C12%20C23%2C18.0751322%2018.0751322%2C23%2012%2C23%20Z%20M12%2C21%20C16.9705627%2C21%2021%2C16.9705627%2021%2C12%20C21%2C7.02943725%2016.9705627%2C3%2012%2C3%20C7.02943725%2C3%203%2C7.02943725%203%2C12%20C3%2C16.9705627%207.02943725%2C21%2012%2C21%20Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
background-size: 20px;
background-repeat: no-repeat;
background-position: center;
}
.oaa_info > svg.stillVisible{
display: block!important;
} .nf-field-container {
font-family: 'Roboto', sans-serif;
} .nf-field-label label {
color: var(--primary); font-family: "Poppins", sans-serif;
} .nf-field-element input[type="submit"] {
width: 100%; padding: 10px;
border: none;
background-color: #0073e6;
color: white;
cursor: pointer;
} .nf-field-element .nf-button {
width: 100%; padding: 10px;
border: none;
background-color: #0073e6;
color: white;
cursor: pointer;
} .nf-field-element input[type="text"],
.nf-field-element input[type="email"],
.nf-field-element input[type="number"],
.nf-field-element input[type="password"],
.nf-field-element textarea,
.nf-field-element select {
width: 100%; border-radius: 5px; border: none; padding: 10px; background-color: #fff; color: #000; } .nf-field-element input::placeholder,
.nf-field-element textarea::placeholder {
color: #000;
} .nf-field-element input:focus,
.nf-field-element textarea:focus,
.nf-field-element select:focus {
outline: none;
box-shadow: 0 0 0 2px var(--primary); } .nf-field-element > select, 
.nf-field-element > input, .nf-field-element > textarea {
border: 0px solid red!important;
background-color: #ededed!important;
border-radius: 5px!important;
}
#nf-field-36:focus,
#nf-field-36:active,
#nf-field-36:hover,
#nf-field-36,
#nf-field-41:focus,
#nf-field-41:active,
#nf-field-41:hover,
#nf-field-41 {
background-color: var(--secondary)!important;
color: var(--primary);
font-weight: 700;
font-size: 17px;
font-family: "Poppins", sans-serif;
padding: 10px;
border-radius: 5px;
border: none;
cursor: pointer;
width: 100%;}
a.ovz_active {
border-bottom: 5px solid dimgrey;
transform: translate(0px , 4px);
padding-bottom: 3px;
}
.oa_adding_modal.ovz_modal_smoel {
padding: 15px;
}
.oa_adding_modal_content > .ovz_smoel {
width: calc(100% + 30px);
margin-left: -15px;
margin-top: -15px;
box-shadow: none;
z-index: -1;
}
.ovz_smoel_meta{
cursor: pointer;
}
.ovz_modal_smoel > .oa_adding_modal_content
{
display: block;
}
button.sec_buttn {
background-color: #2828281a;
color: #616161;
box-shadow: none;
margin-top: 10px;
font-weight: 600;
}
.oa_calendar_list {
padding: 11px 0px;
}
.ovz_modal_field{
width: 100%;
}
.ovz_modal_field > input[type="text"]{
width: 100%;
padding: 10px;
border-radius: 5px;
border: 0px solid #ececec;
margin-bottom: 10px;
background-color: #eaeaea;
}
@media screen and (max-width: 700px) {
.oa_specs{
grid-template-columns: 1fr;
}
.oa_spec {
display: grid;
grid-template-columns: 20px 150px 1fr;
justify-content: start;
border-right: 0px!important;
}
.oa_spec > p{
text-align:left;
}
.oa_detailsevent_content {
display: flex;
flex-direction: column;
}
.oa_calendar {
padding-left: 0px;
padding-top: 20px;
border-left: 0px solid red;
border-top: 2px solid grey;
}
.oa_desc > .oa_cta{
display: none;
}
}
@media screen and (max-width: 450px)
{
.oa_spec {
display: grid;
grid-template-columns: 20px 1fr;
grid-template-rows: 20px 1fr;
}
.oa_spec > svg{
width: 20px;
grid-row: 1 / span 1;
}
.oa_spec > p{
text-align:left;
grid-column: 1 / span 2;
grid-row: 2 / span 1;
}
.oa_spec > h4{
grid-column: 2 / span 1;
grid-row: 1 / span 1;
}
.oa_spec > p > br{
display: none;
}
}
button.oa_secondary{
background-color: #e6e6e6;
padding: 15px;
} .ovz25_events {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
}
.ovz25_event_date {}
.ovz25_event_date {
background-color: var(--primary);
height: 70px;
width: 70px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.ovz25_event_day {
color: var(--secondary);
font-weight: 700;
font-size: 27px;
font-weight: 800;
}
.ovz25_event_month {
color: white;
font-size: 17px;
}
.ovz25_event {
display: grid;
grid-template-columns: 70px auto;
}
.ovz25_event_content {
background-color: #f2f2f6;
padding: 20px;
position: relative;
padding-bottom: 60px;
}
.ovz25_event_title > h3 {
color: var(--primary);
font-weight: 800;
font-size: 22px;
padding-bottom: 20px;
}
.ovz25_event_content > a {
color: var(--primary);
font-weight: 500;
text-decoration: underline;
position: absolute;
bottom: 20px;
left: 20px;
}
.ovz25_event_content > p > * {
color: var(--primary);
}
.oa_calendar_list > input {
background-color: #e5e6eb !important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
border: 0px solid rebeccapurple;
border-bottom: 1px solid black;
border-radius: 0px;
padding: 12px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
margin: 0;
}
.ovz25_event_content.ovz_content_agenda_inline {
height: 70px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;!importan;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
padding: 0px;
padding: 10px;
display: flex;
flex-direction: column;
justify-content: center;
}
.ovz25_event_content.ovz_content_agenda_inline > .ovz25_event_title > h3 {
font-size: 18px;
padding: 0px;
}
.ovz25_events.ovz25_event_inline {
grid-gap: 10px;
grid-template-columns: 1fr;
}
.ovz_search > span {
background-color: var(--secondary);
color: var(--primary);
padding: 6px 12px;
display: block;
float: left;
margin-bottom: 20px;
font-weight: 700;
font-family: var(--font);
}
.ovz25_member_info {
background-color: #f1f1f5;
padding: 20px;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
gap: 10px;
float: left;
width: 100%;
height: 100%;
}
.ovz25_member_info > .img {
width: 100px;
height: 100px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
}
.ovz25_member_info > .naam {
font-size: 18px;
font-family: var(--font);
font-weight: 800;
color: var(--primary);
}
.ovz25_member_info > .titel {
font-size: 16px;
color: var(--primary);
font-weight: 400;
opacity: 0.7;
}
.ovz25_member_info > div.content > * {
font-weight: 400;
color: var(--primary)!important;!i;!;
important;
important;
important);
padding: 0px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
font-family: var(--font);
font-size: 15px;
}
.ovz25_member_info > div.content > p > a {
color: var(--primary)!important;!i;!;!I;!;
text-decoration: underline;
padding-top: 10px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}
.ovz25_member_info > .content {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 4px;
}
a.ovz25_nieuws_item {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 150px 1fr;
}
.ovz25_nieuws_grid {
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fit,minmax(300px , 1fr));
grid-gap: 30px;
}
.ovz25_nieuws_cover {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #ebebf2;
}
.ovz25_nieuws_content {
background-color: #f2f2f6;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 10px;
padding: 20px;
}
.ovz25_nieuws_title > h3 {
font-size: 20px;
font-weight: 700;
font-family: var(--font);
padding: 0px;
}
.ovz25_nieuws_excerpt > p {
color: var(--primary);
}
.ovz_smoel_bedrijf {
padding: 10px;
}
.ovz_smoel_bedrijf_logo {
display: flex;
background-color: white;
width: 100%;
height: 100%;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
padding: 20px;
}
.ovz_smoel_bedrijf_logo_inner {
position: relative;
width: 100%;
padding-bottom: 100%; background-size: 103%;
background-repeat: no-repeat;
background-position: center;
}
.ovz25_login_notice {
background-color:white;
padding: 10px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.ovz25_notice_col {
background-color: #f2f2f6;
padding: 20px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
}
.ovz25_login_notice > p {
grid-column: 1 / span 2;
font-size: 18px;
font-weight: 600;
color: black;
font-family: "Poppins", sans-serif;);
text-align: center;
padding-top: 6px;
padding-bottom: 0;
}
.ovz25_notice_col {}
.ovz25_notice_col > strong {
font-size: 18px;
font-family: "Poppins", sans-serif;
color: black;
font-weight: 600;
}
.ovz25_notice_col > a {
background-color: var(--primary);
padding: 8px 20px;
font-size: 15px;
font-family: "Poppins", sans-serif;
color: white;
border-radius: 5px;
text-align: center;
min-width: 220px;
}
a.ovz25_btn_primary {
background-color: var(--secondary);
color: Var(--primary);
}
div.ovz25_bijeenkomst_slider {
width: 100%;
float: left;
height: 400px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 20px;
}
.ovz25_bijeenkomst_item {
position: relative;
background-color: #ededed;
}
.ovz25_bijeenkomst_item {}
.ovz25_bijeenkomst_cover {
background-size: cover;
background-position: center;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
li.splide__slide {
overflow: hidden;
background-size: cover;
background-position: center;
background-color: #f5f5f5;
border-radius: 4px;
}
div#bijeenkomsten_slider {
position: relative;
}
div#bijeenkomsten_slider::after {
content: "";
width: 500px;
padding-bottom: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: -1;
border-radius: 50%;
background-color: #F4F4F7;
} .ovz25bbijeenkomst_item {
display: grid;
grid-template-columns: 320px 1fr;
background-color: #f2f2f680;
margin-bottom: 20px;
border-radius: 6px;
grid-gap: 10px;
position: relative;
min-height: 230px;
}
.ovz25bbijeenkomst_cover{
background-size: cover;
background-position: center;
border-radius: 6px 0px 0px 6px;
}
.ovz25bbijeenkomst_content{
padding: 20px;
flex-direction: column;
justify-content: center;
gap: 10px;
}
.ovz25bbijeenkomst_content > * {
margin: 0px!important;
padding: 0px;
}
.ovz25btitle{
font-size: 24px;
font-weight: 700;
font-family: var(--font);
color: var(--primary);
font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif
}
.ovz25bbijeenkomst_content p{
font-size: 15px;
margin-bottom: 10px;
color: #575973;
}
button.ovz25bprimary {
width: 150px;
padding: 8px;
background-color: #e8e8ef;
font-size: 16px;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #6c6d8a;
border: 0px solid red;
border-radius: 6px;
cursor: pointer;
}
.ovz25bbijeenkomst_content:hover > button.ovz25bprimary,
.ovz25bbijeenkomst_content:hover > button.ovz25bprimary:hover{
color: var(--primary);
background-color: var(--secondary);
}
@media screen and (max-width: 700px) {
.ovz25bbijeenkomst_item {
grid-template-columns: 1fr;
border-radius: 6px;
}
.ovz25bbijeenkomst_cover{
border-radius: 6px 6px 0px 0px;
height: 200px;
}
.ovz25bbijeenkomst_content{
padding: 20px;
border-radius: 0px 0px 6px 6px;
}
.ovz25bbijeenkomst_content > button.ovz25bprimary {
width: 100%;
}
}
.oa_adding_modal_content > div.ovz_smoel {
display: flex;
flex-direction: column;
align-items: stretch;
}
.oa_adding_modal_content > div.ovz_smoel > *,.oa_adding_modal_content > div.ovz_smoel > * > * {
width: 100%;
background-color: white;
}
.oa_adding_modal_content > div.ovz_smoel > div.ovz_image > div.ovz_image_inner {
width: 100px!important;
}
.ovz_menu_items {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
align-items: center;
gap: 20px;
}
a.ovz_header_primary {
background-color: var(--secondary);
display: flex;
flex-direction: row;
align-items: center;
height: 40px;
padding: 10px;
border-radius: 4px;
gap: 6px;
cursor: pointer;
justify-content: center;
}
a.ovz_header_primary,
a.ovz_header_primary > *{
transition: all 300ms cubic-bezier(0.250, 0.250, 0.000, 0.980); transition-timing-function: cubic-bezier(0.250, 0.250, 0.000, 0.980); }
a.ovz_header_primary:hover{
-webkit-box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.19);
-moz-box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.19);
box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.19);
transform: scale(1.01);
}
a.ovz_header_primary:hover > *{
transform: translateY(-2px);
}
a.ovz_header_primary:active{
-webkit-box-shadow: inset 0px 3px 0px 0px rgba(0,0,0,0.19);
-moz-box-shadow: inset 0px 3px 0px 0px rgba(0,0,0,0.19);
box-shadow: inset 0px 3px 0px 0px rgba(0,0,0,0.19);
transform: scale(0.97);
}
a.ovz_header_primary:active > *{
transform: translateY(2px);
}
a.ovz_header_primary > span {
font-size: 17px;
font-weight: 700;
font-family: var(--font);
color: var(--primary);
font-family: "Poppins", sans-serif;
}