:root { --color-white: #fff;
--color-black: #081226;
--color-blue: #0036A0;
--color-blue_lt: #CCD7EC;
--color-blue_lt_text: #4068b8;
--color-green: #05b55c;
--color-green_lt: #baf4d7;
--color-green3_lt_text: #54d091;
--color-red: #e61754;
--color-orange: #F75606;
--color-orange_lt: #fdd5c1;
--color-yellow: #F9B700; --primary: 'Roboto, Arial, sans-serif'; --default-transition: 0.1s ease-out;
--default-section-paddings: clamp(2vw, 6rem, 4vw) clamp(2vw, 2rem, 4vw) clamp(4vw, 8rem, 10vw) clamp(2vw, 2rem, 4vw)!important;
--default-section-paddings-even: clamp(4vw, 8rem, 10vw) clamp(2vw, 2rem, 4vw) clamp(4vw, 8rem, 10vw) clamp(2vw, 2rem, 4vw)!important;
--default-section-paddings-no-top: 0 clamp(2vw, 2rem, 4vw) clamp(4vw, 8rem, 10vw) clamp(2vw, 2rem, 4vw)!important;
--default-section-paddings-no-y: 0 clamp(2vw, 2rem, 4vw) 0 clamp(2vw, 2rem, 4vw)!important;
--default-title-mb: 1.5rem;
--default-p-mb: 1rem;
}
html {
scroll-behavior: smooth;
}
.grecaptcha-badge {
display: none!important;
}
button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-fill {
height: 40px!important;
width: 40px!important;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.35em;
}
.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container {
max-width: 1280px;
}
.site-header-section>* {
padding: 0;
}
.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container {
padding: 0;
}
.site-branding.ast-site-identity span.site-logo-img {
padding-right: 0;
}
html {
font-size: 16px;
}
.ast-single-post.ast-page-builder-template .site-main>article {
padding: 0!important;
}
.ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item {
line-height: 2!important;
}
.ast-builder-menu-1 .menu-item:hover>.menu-link {
border-color: inherit;
}
.ast-builder-menu-1 .menu-item>.menu-link {
border-bottom: 2px dashed transparent;
outline: 2px dashed transparent;
}
.ast-builder-menu-1 .menu-item .menu-link:focus-visible {
outline: none;
}
#ast-scroll-top {
background-color: var(--color-blue_lt_text)!important;
font-size: 1.25rem!important;
border-radius: 8px!important;
} [data-btn-color="green"] {
--_primary: var(--color-green);
--_hover: var(--color-blue);
--_text: var(--color-white);
}
[data-btn-color="blue"] {
--_primary: var(--color-blue);
--_hover: var(--color-blue_lt_text);
--_text: var(--color-white);
}
[data-btn-color="white"] {
--_primary: var(--color-white);
--_hover: var(--color-blue_lt_text);
--_text: var(--color-blue);
}
[data-bg="green"] {
background-color: var(--color-green);
}
[data-bg="blue"] {
background-color: var(--color-blue);
}
[data-bg="orange"] {
background-color: var(--color-orange);
}
[data-bg="yellow"] {
background-color: var(--color-yellow);
}
[data-bg="red"] {
background-color: var(--color-red);
}
[data-br-style="1"] {
border-radius: 24px 32% 24px 24px;
}
[data-br-style="2"] {
border-radius: 24px 24px 32% 24px;
}
[data-br-style="3"] {
border-radius: 32% 24px 24px 24px;
}
[data-br-style="4"] {
border-radius: 24px 24px 24px 32%;
}
[data-icon]:before {
width: 1.25em;
height: 1.25em;
margin-right: 0.5rem;
content: '';
background-size: 100%;
}
[data-icon] {
display: flex;
align-items: center;
}
[data-icon="car"]:before {
background-image: url(//youzjubileumcongresvijftigjaarleokannerhuis.nl/wp-content/uploads/2024/03/icon-car.svg)
}
[data-icon="bus"]:before {
background-image: url(//youzjubileumcongresvijftigjaarleokannerhuis.nl/wp-content/uploads/2024/03/icon-bus.svg)
}
[data-icon="room"]:before {
background-image: url(//youzjubileumcongresvijftigjaarleokannerhuis.nl/wp-content/uploads/2024/03/icon-room.svg)
}
[data-icon="suitcase"]:before {
background-image: url(//youzjubileumcongresvijftigjaarleokannerhuis.nl/wp-content/uploads/2024/03/icon-position-01.svg);
}
.border-bottom-color-black {
border-bottom: 2px dashed var(--color-black);
}
.border-bottom-color-blue-light {
border-bottom: 2px dashed var(--color-blue_lt);
}
abbr:not([title]) {
border-bottom: none;
cursor: text;
}
h1.lk-page-title {
text-align: center;
font-weight: 600;
font-size: clamp(1.75rem, 10vw, 3rem);
color: var(--color-blue);
margin-bottom: min(2rem, 5vmin);
display: flex;
align-items: center;
column-gap: 1rem;
letter-spacing: 0.05em;
flex-wrap: wrap;
justify-content: center;
row-gap: 1rem;
} .mtb-1 {
margin-bottom: 1rem!important;
}
.mtp-1 {
margin-top: 1rem!important;
}
.default-subtitle {
font-size: 1.35rem;
font-weight: 400;
display: block;
}
p a:focus {
outline: 2px solid;
border-radius: 2px;
outline-color: var(--color-green);
outline-offset: 4px;
}
.secondary a *, .site-footer a *, .site-header a *, a {
transition: var(--default-transition)!important;
}
.default-transition {
transition: 0.1s;
transition-timing-function: ease-out;
}
.default-ring {
outline-width: 2px;
outline-style: solid;
outline-offset: 0;
outline-color: transparent;
border-radius: 10px;
}
.default-ring:hover,
.default-ring:focus {
outline-width: 2px!important;
outline-style: solid!important;
outline-offset: 0.2em!important;
outline-color: var(--_hover)!important;
}
.link-ring {
outline-width: 2px;
outline-style: solid;
outline-offset: 0;
outline-color: transparent;
}
.link-ring:hover,
.link-ring:focus {
outline-width: 2px!important;
outline-style: solid!important;
outline-offset: 0.2em!important;
outline-color: var(--_hover)!important;
}
p.default-p {
color: var(--color-black);
font-size: 1.1rem;
margin-bottom: var(--default-p-mb);
line-height: 1.5;
}
p.default-p.hl-p {
padding: 0.5rem 1rem;
background: var(--color-green_lt);
border-radius: 10px;
border: 2px dashed var(--color-green);
margin: 1.5rem 0;
}
p.default-p:last-of-type {
margin-bottom: 0;
}
p.default-p a {
font-weight: 500;
}
p.default-p strong {
font-weight: 500;
letter-spacing: 0.5px;
} a.default-btn {
display: inline-flex;
font-size: 1.1rem;
background: var(--_primary);
border-radius: 6px;
color: var(--_text);
align-items: center;
justify-content: center;
padding: 0 1.25rem;
column-gap: 0.5rem;
font-weight: 500;
letter-spacing: 2px;
line-height: 1;
cursor: pointer;
height: 40px;
text-decoration: none!important;
flex-basis: calc(50% - 0.75rem);
}
a.default-btn:hover, 
a.default-btn:focus-visible {
background: var(--_hover);
}
a.default-btn span.icon,
a.link-btn span.icon {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: start;
transition: var(--default-transition);
}
.lk-btns-row a.link-btn {
display: inline-flex;
font-size: 1.1rem;
background: transparent;
border-radius: 6px;
color: var(--_primary);
align-items: center;
justify-content: center;
padding: 0 1.25rem;
column-gap: 0.5rem;
font-weight: 500;
letter-spacing: 2px;
line-height: 1;
cursor: pointer;
height: 40px;
text-decoration: none!important;
flex-basis: calc(50% - 0.75rem);
background: var(--color-blue_lt);
}
a.link-btn:hover span.icon, 
a.link-btn:focus-visible span.icon {
transform: translateX(2px) scale(1.1);
transform-origin: left;
}
a.link-btn:hover, 
a.link-btn:focus-visible {
color: var(--color-blue_lt_text);
}
a.link-btn[data-position="footer"] {
font-size: 1rem;
padding: 0;
margin-top: 1.5rem;
border-radius: 2px;
display: inline-flex;
gap: 0.35rem;
color: var(--color-white);
}
a.link-btn[data-position="footer"].link-ring:focus,
a.link-btn[data-position="footer"].link-ring:hover {
outline-offset: 0.5em!important;
outline-color: var(--_primary)!important;
}
a.link-btn[data-position="footer"].link-ring {
outline-color: transparent;
}
a.link-btn[data-position="footer"]:hover {
color: var(--color-white)!important;
} .ast-primary-header-bar {
outline: none!important;
padding: var(--default-section-paddings-no-y)!important;
}
.menu-item-home .menu-text {
display: none;
}
.main-header-menu {
font-size: clamp(1rem, 1.2vw, 1.2rem);
display: flex;
column-gap: clamp(0.625rem, 3vw - 0.804rem, 1.875rem);
}
.main-header-menu li a {
letter-spacing: 1px;
font-weight: 500; padding: 0 !important;
transition: var(--default-transition)!important;
}
.ast-builder-menu-1 .menu-item.current-menu-item>.menu-link {
border-bottom: 2px dashed;
}
.ast-builder-menu-1 .menu-item .menu-link {
padding: 0!important;
}
.ast-builder-menu-1 .menu-item .menu-link:focus-visible, 
.ast-builder-menu-1 .menu-item .menu-link:focus, 
a.custom-logo-link:focus-visible {
outline: 2px dashed var(--color-blue);
outline-offset: 2px;
border-color: transparent;
}
a.custom-logo-link:focus {
outline: none!important;
}
.site-header-primary-section-left-center.site-header-section.ast-flex.ast-grid-left-center-section,
.site-header-primary-section-right-center.site-header-section.ast-flex.ast-grid-right-center-section {
display: none;
}
.ast-builder-grid-row.ast-grid-center-col-layout {
grid-template-columns: min(200px, 12vw) auto 200px;
grid-column-gap: 0px;
}
.site-branding.ast-site-identity {
padding: 0;
}
a.custom-logo-link:hover img,
a.custom-logo-link:focus-visible img {
transform: scale(1.05);
transition: var(--default-transition);
} #home_hero h1 {
font-size: 1.75rem;
}
#home_hero .lk-col.lk-col-image img {
border-radius: 0 10px 10px 0;
object-fit: contain;
height: max-content;
}
#home_hero .lk-col.lk-col-image {
padding: 12px;
}
#home_hero .lk-col.lk-col-image 
span.author {
position: absolute;
bottom: 1%;
right: 3%;
color: var(--color-white);
font-size: 0.85rem;
}
#home_hero .lk-col.lk-col-image .image-holder {
position: relative;
}
.lk-hero-block-inner.single-col{
border-top: 2px dashed var(--color-blue_lt);
margin-top: 4rem;
background: linear-gradient(180deg, var(--color-blue_lt) -50%, transparent 100%);
}
.lk-col.lk-col-text.lk-col-full-width {
max-width: 90ch;
margin: 0 auto;
padding: 4rem 2rem;
}
.lk-col-size-small {
flex-basis: calc(100% - 100ch);
justify-content: start;
gap: 0;
}
.lk-col-size-small .lk-contact-info-block {
outline: none;
position: relative;
padding: 0;
background: transparent;
}
.lk-title-row h1, .lk-title-row h2 {
margin-bottom: 0;
line-height: 1.3em;
}
.lk-title-row {
margin-bottom: 1rem;
}
.lk-title-row
span.subtitle {
font-size: 1.25rem;
font-weight: 400;
}
.lk-hero-block h1,
.lk-hero-block h2,
.lk-hero-block h3 {
color: var(--color-blue);
}
.lk-hero-block h2, 
.lk-hero-block h3 {
font-weight: 500;
}
.lk-hero-block h2 {
font-size: 2rem;
padding: 0!important;
}
.lk-hero-block h3 {
margin-top: 1.5rem;
margin-bottom: 0;
font-size: 1.1rem;
}
ul.lk-hero-list {
padding: 0;
margin: 1rem 0;
color: var(--color-black);
font-size: 1.1rem;
}
ul.lk-hero-list {
padding: 0;
padding-left: 2rem;
margin: 1rem 0;
color: var(--color-black);
font-size: 1.1rem;
list-style: circle;
display: flex;
flex-direction: column;
row-gap: 0.5rem;
}
ul.lk-hero-list a {
font-weight: 500;
}
.lk-hero-block {
border-radius: 0.75rem;
padding: 0;
background: var(--color-white);
border: 2px solid var(--color-blue_lt);
width: 100%;
}
.lk-hero-block-secondary {
border: none;
}
.lk-hero-block.lk-hero-block-secondary h3 {
margin-top: 0;
font-size: 1.5rem;
margin-bottom: var(--default-p-mb);
}
.lk-hero-block.lk-hero-block-secondary .lk-text-block {
margin-bottom: 2rem;
}
.lk-hero-block-inner {
display: flex;
flex-wrap: wrap;
column-gap: 1rem;
justify-content: space-between;
}
.lk-col {
flex-basis: calc(50% - 1rem);
flex-grow: 1;
}
.lk-col-text {
padding: 2rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.lk-col-image img {
object-fit: cover;
height: 100%;
object-position: right;
width: 100%;
}
.lk-col.lk-col-image {
min-width: min(400px, 100%);
border-radius: 0 16px 16px 0;
overflow: hidden;
position: relative;
}
.lk-col.lk-col-map iframe {
background: linear-gradient(180deg, var(--color-blue_lt), transparent);
}
.lk-btns-row {
display: flex;
flex-direction: row;
gap: 0.75rem;
flex-wrap: wrap;
margin-top: 2rem !important;
}
.lk-info-row {
display: flex;
column-gap: 1rem;
align-items: center;
flex-wrap: wrap;
row-gap: 0.75rem;
margin-bottom: 1.5rem;
}
.lk-btns-row a {
flex-grow: 1; }
span.lk-info-badge {
background: var(--color-orange_lt);
color: var(--color-orange);
font-weight: 500;
letter-spacing: 0.5px;
padding: 0.35rem 1rem;
border-radius: 9999px;
line-height: 1.2;
flex-basis: 140px;
}
span.lk-info-date {
color: var(--color-blue_lt_text);
font-weight: 500;
line-height: 1.25;
flex-shrink: 1;
font-size: 1.3rem;
}
span.lk-info-badge {
background: var(--color-orange_lt);
color: var(--color-orange);
font-weight: 500;
letter-spacing: 0.5px;
padding: 0.35rem 1rem;
border-radius: 9999px;
line-height: 1.2;
flex-basis: 140px;
flex-shrink: 0;
}
section.hero-block {
--_color: var(--color-blue);
padding: var(--default-section-paddings)!important;
background: linear-gradient(180deg, transparent, var(--_color));
border-bottom: 2px dashed var(--_color);
}
.lk-hero-block.single-text {
width: 100%;
}
.lk-hero-block.single-text .lk-col-text h2 {
margin-bottom: 0;
padding: clamp(1.5rem, 10vmin, 4rem) 0;
line-height: 1.5;
}
.lk-hero-block.single-text .lk-hero-block-inner {
align-items: center;
text-align: center;
}
a.banner-link {
--_hover: var(--color-blue);
display: inline-flex;
margin-top: 1rem;
}
a.banner-link img {
width: 100%;
max-width: 340px;
margin-top: 0;
padding: 0.5rem;
border-radius: 10px;
transition: var(--default-transition);
}
a.banner-link:hover img, a.banner-link:focus-visible img {
transform: scale(0.95);
} .hero-block .lk-icons-block {
display: flex;
flex-direction: column;
align-items: center;
margin-top: clamp(4vw, 6rem, 6vw);
}
.lk-icons-row {
display: flex;
align-items: start;
justify-content: center;
gap: 2rem;
flex-wrap: wrap;
}
.icon-holder {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
flex-shrink: 0;
flex-grow: 1;
flex-basis: clamp(100px, 30vw, 140px);
}
.hero-block .lk-icons-block h2 {
font-weight: 500;
color: var(--color-white);
font-size: 2rem;
margin-bottom: calc(var(--default-title-mb)* 1.5);
}
.icon-holder h3 {
font-weight: 400;
color: var(--color-white);
margin-top: 1rem;
margin-bottom: 0;
font-size: clamp(1rem, 4vw, 1.25rem);
text-align: center;
}
.icon-holder img {
padding: 0.5em;
width: 80px;
height: 80px;
outline: 4px solid rgb(255 255 255 / 50%);
border: 2px solid #fff;
outline-offset: -6px;
}
.icon-holder img[data-icon-pd="75"] {
padding: 0.75em;
} .lk-text-block h3 {
font-weight: 500;
color: var(--color-blue);
font-size: 2rem;
margin-bottom: var(--default-title-mb);
}
.lk-text-block {
max-width: 90ch!important;
}
section.default-section {
padding: var(--default-section-paddings-even)!important;
}
section.default-section.pt-0 {
padding: var(--default-section-paddings-no-top)!important;
}
section.bg-color-light-blue {
background: linear-gradient(180deg, var(--color-blue_lt), transparent);
}
section.default-section  h3 {
font-weight: 500;
color: var(--color-blue);
font-size: 2rem;
margin-bottom: var(--default-title-mb);
}
section.default-section {
gap: 0;
} footer .site-footer-section h4 {
color: var(--color-blue_lt);
font-weight: 400;
margin-bottom: 1.5rem;
}
footer .site-footer-section {
color: var(--color-white);
}
.site-below-footer-wrap {
padding: 0;
}
.site-primary-footer-wrap {
padding: clamp(2vw, 6rem, 8vw) clamp(2vw, 2rem, 4vw)!important;
border-top: 2px dashed var(--color-black);
}
.ast-footer-copyright a {
color: var(--color-white)!important;
}
a.lk-footer-link:focus {
outline-color: inherit;
}
.ast-footer-copyright {
display: flex;
gap: 1rem;
justify-content: center;
flex-direction: row-reverse;
flex-wrap: wrap;
row-gap: 0;
padding: 0.5rem 0;
}
.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-stack .site-footer-section {
margin-bottom: 0!important;
} #masthead .ast-header-sticked .site-logo-img .astra-logo-svg {
width: clamp(130px, min(150px, 12vw), 150px)!important;
}
#masthead .ast-header-sticked .site-logo-img a {
padding: 0.5rem 0!important;
}
a.custom-logo-link img {
width: clamp(120px, min(180px, 12vw), 180px);
max-width: none!important;
}
a.custom-logo-link {
display: flex;
padding: 1rem 0;
}
ul.main-header-menu li a {
padding: 0 1rem!important;
text-align: center;
} .ast-mobile-header-content.content-align-flex-start {
padding-top: 1rem;
background: var(--color-white);
border-radius: 0 0 0.35em 0.35em;
box-shadow: 0 1em 1em color-mix(in srgb, var(--color-blue) 25%, transparent);
margin-top: -1rem;
position: absolute;
left: 0;
right: 0;
}
.ast-mobile-header-wrap { 
flex-wrap: wrap;
}
.ast-header-break-point .main-navigation .stack-on-mobile li:not(:first-of-type) {
border-top: 1px dashed var(--color-blue_lt);
}
.ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
background-color: transparent;
}
.ast-mobile-header-content.content-align-flex-start .ast-builder-layout-element.site-header-focus-item.ast-header-html-5 .default-btn {
width: 100%;
max-width: 100%;
display: flex;
}
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item>.menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item>.ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor>.menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor>.ast-menu-toggle {
background: color-mix(in srgb, var(--color-blue) 25%, transparent)!important;
color: var(--color-blue)!important;
}
.ast-builder-layout-element.site-header-focus-item.ast-header-html-5 {
justify-content: center;
padding: 0;
} .commissie-block {
gap: 2rem;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
}
.commissie-block.single {
flex-direction: column;
max-width: 90ch;
row-gap: 0;
}
.commissie-block.single .commissie-member  {
flex-basis: 100%;
max-width: 90ch;
}
.commissie-block .commissie-member {
display: flex;
flex-direction: row;
gap: 1rem;
flex-basis: calc(50% - 2rem);
flex-grow: 1;
flex-shrink: 0;
min-width: min(460px, 100%);
}
.commissie-block .col-photo {
min-width: 60px;
flex-grow: 1;
flex-shrink: 0;
}
.commissie-block .col-profile {
padding: min(2rem, 6vw);
background: var(--color-white);
border-radius: 10px;
border: 4px solid var(--color-blue_lt);
transition: var(--default-transition);
flex-basis: calc(100% - 120px);
flex-grow: 1;
flex-shrink: 1;
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
}
.col-profile:hover,
.col-profile:focus-within {
border-color: var(--color-blue);
}
.commissie-block
.col-photo img.profile-photo {
background: var(--color-white);
border-radius: 10px 10px 0 0;
width: 100px;
}
.commissie-block
.col-profile h2 {
font-size: 1.5rem;
font-weight: 500;
color: var(--color-blue);
margin-bottom: 0.5rem;
}
.commissie-block
span.profile-position {
font-size: 1rem;
font-weight: 400;
color: var(--color-blue_lt_text);
display: flex;
align-items: center;
line-height: 1.35;
column-gap: 0.35rem;
}
.commissie-block.single span.profile-position {
margin-bottom: 1rem;
}
.commissie-block
span.profile-position:not(:last-of-type) {
margin-bottom: 0.25rem;
}
img.profile-position-icon {
margin-top: -2px;
}
span.profile-position:before {
content: "";
width: 18px;
height: 18px;
background-image: url(//youzjubileumcongresvijftigjaarleokannerhuis.nl/wp-content/uploads/2024/03/icon-position-01.svg);
background-size: cover;
background-position: center;
margin-top: -2px;
}
p.profile-bio:first-of-type:before {
content: "";
width: 100px;
position: relative;
display: block;
margin-bottom: 1rem;
border-top: 2px dashed var(--color-blue_lt);
}
.commissie-block
p.profile-bio {
color: var(--color-black);
margin-bottom: 0;
}
p.profile-bio:not(:last-child) {
margin-bottom: 1rem;
}
.links-block {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 4px;
gap: 0.25rem;
background: var(--color-white);
border-radius: 0 0 10px 10px;
}
.links-block[data-variation="true"] {
background: color-mix(in srgb, var(--color-blue_lt) 50%, transparent 50%);
}
.links-block a {
width: 40px;
border-radius: 6px;
}
.links-block a img,
.speaker--links-block img {
transform: scale(0.9);
transform-origin: center;
transition: var(--default-transition);
}
.links-block a:hover img,
.speaker--links-block a:hover img,
.links-block a:focus-visible img,
.speaker--links-block a:focus-visible img{
transform: scale(1.05);
}
.links-block a:focus-visible,
.speaker--links-block a:focus-visible {
outline: none;
}
.photo-links-container {
outline: 2px dashed var(--color-white);
outline-offset: 4px;
border-radius: 6px;
margin-top: 8px;
transition: var(--default-transition);
}
.photo-links-container:hover,
.photo-links-container:focus-within {
outline-color: var(--_color);
outline-offset: 6px;
}
.col-profile
.profile-bio a{
font-weight: 500;
} .lk-form-row p {
margin-bottom: 0;
}
.lk-subscribe-form-inner {
width: 100%;
display: flex;
align-items: start;
margin: 0 auto;
gap: 1.5rem;
justify-content: center;
}
span.wpcf7-spinner {
display: none;
}
.subscribe-block h3 {
line-height: 1.5;
text-align: center;
font-size: 1.75rem!important;
margin-bottom: var(--default-title-mb);
font-weight: 400!Important;
margin-top: 0!Important
}
.lk-form-row p {
display: flex;
gap: 1rem;
}
.lk-form-row
input.wpcf7-form-control.wpcf7-submit {
display: inline-flex;
font-size: 1.1rem;
background: var(--color-green);
border-radius: 6px;
color: var(--color-white);
align-items: center;
justify-content: center;
padding: 0 1.25rem;
column-gap: 0.5rem;
font-weight: 500;
letter-spacing: 2px;
line-height: 1;
cursor: pointer;
height: 40px;
text-decoration: none !important;
transition: var(--default-transition);
width: 100%;
}
.lk-form-row
input.wpcf7-form-control.wpcf7-submit:hover,
.lk-form-row
input.wpcf7-form-control.wpcf7-submit:focus-visible {
outline-width: 2px;
outline-style: solid;
outline-offset: 0.2em;
outline-color: var(--color-blue);
background: var(--color-blue);
}
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control {
border: 2px solid var(--color-blue_lt);
}
input.wpcf7-form-control.wpcf7-text::placeholder, 
textarea.wpcf7-form-control::placeholder {
color: var(--color-blue_lt_text);
}
input.wpcf7-form-control.wpcf7-text:focus,
textarea.wpcf7-form-control:focus {
border: 2px dashed var(--color-blue)!important;
}
input.wpcf7-form-control.wpcf7-text:hover,
textarea.wpcf7-form-control:hover {
border: 2px solid var(--color-blue);
}
.lk-subscribe-form-inner 
input.wpcf7-form-control.wpcf7-text {
border: 2px solid var(--color-blue);
}
.wpcf7 .wpcf7-not-valid-tip {
color: var(--color-red);
font-size: 1rem;
text-align: left;
}
.wpcf7-response-output {
max-width: 68ch;
margin: 0 auto!important;
margin-top: 1rem!important;
padding: 1rem!important;
text-align: center;
border: 2px dashed var(--color-blue_lt)!important;
color: var(--color-blue_lt_text);
} .wpcf7 .wpcf7-form-control-wrap {
display: flex;
flex-direction: column;
}
.lk-contact-form-inner {
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 1rem;
}
.contact-form-row
.wpcf7-response-output {
max-width: 100%;
}
.contact-form-row
form {
max-width: 600px;
margin: 0 auto;
}
.contact-form-row #contact_submit {
width: 100%;
} span.address-info {
display: flex;
flex-direction: column;
}
p.address-line .icon {
max-width: 32px;
display: inline-block;
}
p.address-line {
display: flex;
gap: 1rem;
}
p.address-line a {
color: var(--color-blue);
font-weight: 600;
}
p.address-line a:hover {
color: var(--color-blue_lt_text);
}
p.address-line a:focus,
p.address-line a:focus-visible {
outline: 2px dashed var(--color-blue);
}
p.address-line:first-of-type {
margin-top: 0.5rem;
}
p.address-line .icon img {
object-fit: contain;
}
.lk-contact-info-block
.info p {
margin: 0;
font-size: 1.1rem;
align-items: start;
}
.lk-contact-info-block
.info {
display: flex;
flex-direction: column;
gap: 0.5rem;
border-top: 2px dashed var(--color-blue_lt);
}
.lk-contact-info-block
.info h3 {
font-size: 1.5rem;
margin-bottom: 0;
margin-top: 1rem;
margin-bottom: 0.5rem;
font-weight: 600;
}
.lk-contact-info-block
.info p {
margin: 0;
font-size: 1.1rem;
}
.lk-col-image img.small-image {
width: 240px;
height: auto;
margin-bottom: 1rem;
}
.lk-contact-info-block {
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
right: 0;
bottom: 0;
background: var(--color-white);
height: auto;
padding: min(2rem, 4vw);
border-radius: 0.35em 0 0 0;
outline: 2px dashed var(--color-white);
outline-offset: 2px;
max-width: 36ch;
}
span.lk-profile-badge {
position: absolute;
bottom: 1rem;
right: 1rem;
margin: auto;
z-index: 9999;
display: inline-flex;
max-width: max-content;
font-size: 0.85rem;
color: var(--color-white);
letter-spacing: 0.1em;
}
span.lk-profile-badge .name {
background: var(--color-blue_lt_text);
display: flex;
align-items: center;
padding: 0 0.75rem;
border-radius: 0 0.35em 0.35em 0;
}
.lk-profile-badge span.icon {
background: var(--color-blue);
display: flex;
border-radius: 0.25em 0 0 0.25em;
}
.lk-profile-badge span.icon img {
width: 34px;
object-fit: contain;
transition: var(--default-transition);
}
span.lk-profile-badge a {
transition: var(--default-transition);
z-index: 999;
position: relative;
display: inline-flex;
color: var(--color-white);
text-decoration: none!important;
}
span.lk-profile-badge a:focus  {
outline: 2px dashed var(--color-white);
}
span.lk-profile-badge a:hover img,
span.lk-profile-badge a:focus img {
transform: scale(0.95);
} .lk-pricing-row-info {
display: flex;
flex-direction: column;
gap: 1rem;
font-size: 1.2rem;
width: 100%;
}
.lk-pricing-row-info h3 {
margin-top: 0;
font-size: 1.5rem;
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 2px dashed var(--color-blue_lt);
font-weight: 400;
min-height: 80px;
display: flex;
align-items: center;
line-height: 1.2;
}
.lk-pricing-row-info:not(:last-of-type) {
padding-bottom: 1.5rem;
margin-bottom: 1.5rem;
border-bottom: 1px solid var(--color-blue_lt);
}
.desc\+prices {
display: flex;
align-items: start;
justify-content: space-between;
gap: 1rem;
flex-direction: column;
}
.lk-pricing-inner {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
gap: 0.5rem;
}
.lk-hero-block.lk-hero-block-inv {
background: transparent;
border: none;
width: 100%;
}
.lk-pricing {
justify-content: space-between;
display: flex;
flex-wrap: wrap;
gap: min(2rem, 4vw);
width: 100%;
}
span.price span.ast {
font-size: 0.5em;
vertical-align: super;
margin-left: -0.25em;
line-height: 1;
}
span.price {
font-weight: 600;
font-size: 2rem;
}
.lk-pricing-row-info .btw {
font-size: 0.5em;
font-weight: 400;
color: var(--color-blue_lt_text);
}
.lk-pricing-block {
display: flex;
padding: min(2rem, 6vw);
background: var(--color-white);
border-radius: 0.35em;
flex-basis: calc(33% - 2rem);
transition: var(--default-transition);
outline: 2px dashed transparent;
flex-grow: 1;
min-width: min(320px, 100%);
}
.lk-pricing-block:hover,
.lk-pricing-block:focus-within {
outline-color: var(--color-blue);
outline-offset: 4px;
}
.lk-pricing-row-info a.default-btn {
flex-basis: auto;
margin-top: 1rem;
} .lk-hero-block.lk-hero-privacy .lk-col.lk-col-text {
display: flex;
gap: 2rem;
justify-content: start;
}
.lk-hero-block.lk-hero-privacy .lk-col.lk-col-text h3 {
font-size: 1.5rem;
margin: 0;
margin-bottom: 1rem;
}
.privacy-contact-info-block {
padding: min(2rem, 6vw);
border: 2px solid var(--color-blue);
border-radius: 0.5em;
} .speakers-block {
display: grid;
column-gap: min(4rem, 4vw);
margin-top: min(4rem, 8vw);
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
row-gap: min(4rem, 8vw);
}
.speakers-block--speaker {
display: flex;
flex-direction: column;
gap: 8px;
outline: 2px dashed var(--color-white);
outline-offset: 8px;
border-radius: 6px;
transition: var(--default-transition);
}
.speakers-block--speaker:focus-within {
outline-color: var(--color-blue);
outline-offset: 12px;
}
section.speaker--info-container {
padding: min(2rem, 2vw);
background: var(--color-white);
border-radius: 6px;
border: 4px solid #ffffff;
transition: var(--default-transition);
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
header.info-container--bio h2,
.speaker--bio-section h1 {
color: var(--color-blue);
font-weight: 500;
margin-bottom: 0.25rem;
font-size: 1.5rem;
}
header.info-container--bio h3,
.speaker--bio-section h2 {
color: var(--color-blue_lt_text);
margin-bottom: 1rem;
font-size: 1.25rem;
}
header.info-container--bio h3 {
display: flex;
margin-top: 0.5rem;
}
header.info-container--bio h3:before {
content: "";
width: calc(1.25rem * 1.3);
height: calc(1.25rem * 1.3);
background-size: cover;
background-position: center;
display: inline-block;
margin-right: 0.5rem;
flex-shrink: 0;
background-image: url(//youzjubileumcongresvijftigjaarleokannerhuis.nl/wp-content/uploads/2024/05/icon-school.svg);
}
section.speaker--photo-container {
transition: var(--default-transition);
display: inline-block;
}
section.speaker--photo-container img {
background: var(--color-white);
border-radius: 10px;
width: 100%;
} article.speakers-block.sprekers-block--single {
grid-template-columns: min(360px, 30vw) minmax(400px, 1fr);
align-items: start;
row-gap: 2rem;
}
.speaker--links-block {
background: var(--color-white);
border-radius: 0 0 10px 10px;
display: flex;
padding: 0.25rem;
justify-content: center;
}
.speaker--links-block img {
height: 40px;
box-shadow: none;
}
.speaker--links-block a {
color: var(--color-blue);
font-size: 1.25rem;
text-decoration: none!important;
line-height: 1;
display: flex;
align-items: center;
column-gap: 0.25rem;
font-weight: 500;
letter-spacing: 2px;
}
.single-speakers header.entry-header.ast-no-title,
.single-speakers nav.navigation.post-navigation {
display: none;
}
section.speaker--bio-section {
background: var(--color-white);
border-radius: 6px;
padding: min(2rem, 6vw);
}
.speaker--bio-section header h1 {
font-size: min(2rem, 8vw);
margin-bottom: 0.5rem;
font-weight: 600;
}
.speaker--bio-section header h1,
.speaker--bio-section header h2 {
margin-top: 0;
}
.speaker--bio-section header h2,
.speaker--bio-section header h3 {
margin-top: 0;
display: flex;
align-items: start;
font-size: min(1.35rem, 6vw);
}
.speaker--bio-section header h3 {
margin-bottom: 1.5rem;
}
.speaker--bio-section header h2:before {
background-image: url(//youzjubileumcongresvijftigjaarleokannerhuis.nl/wp-content/uploads/2024/05/icon-school.svg);
}
.speaker--bio-section header h3:before {
background-image: url(//youzjubileumcongresvijftigjaarleokannerhuis.nl/wp-content/uploads/2024/03/icon-position-01.svg);
}
.speaker--bio-section header h3:before,
.speaker--bio-section header h2:before {
content: "";
width: calc(1.25rem * 1.3);
height: calc(1.25rem * 1.3);
background-size: cover;
background-position: center;
display: inline-block;
margin-right: 0.5rem;
flex-shrink: 0;
}
.single-speakers.ast-page-builder-template .entry-header + .entry-content {
margin-bottom: 0;
}
section.speaker--abstract {
max-width: 80ch!important;
}
section.speaker--abstract h2 {
margin-top: 0;
color: var(--color-blue);
font-weight: 500;
}
.abstract--text {
padding-left: 1.5rem;
border-left: 4px dashed var(--color-blue_lt);
margin-top: 2rem;
}
.speaker--photo-container img {
box-shadow: none;
border-radius: 10px 10px 0 0;
width: 100%;
}
.speaker--links-block a:hover, 
.speaker--links-block a:focus-visible {
text-decoration: underline!important;
color: var(--color-blue_lt_text);
} .lk-col.lk-col-programma {
display: grid;
grid-template-columns: auto;
}
.programma {
display: flex;
flex-direction: column;
row-gap: 3rem;
position: relative;
max-width: 90ch;
}
.programma 
.programma-item {
display: grid;
grid-template-columns: 120px 1fr;
justify-content: center;
align-items: start;
text-align: left;
grid-gap: 2rem;
z-index: 1;
}
.programma 
.programma-item-desc h3 {
margin-top: 0;
margin-bottom: 0.25rem;
font-size: 1.3rem;
}
.programma:before {
content: "";
position: absolute;
top: 0;
left: 60px;
width: 1px;
height: 99%;
border-left: 2px dashed var(--color-blue);
z-index: 0;
}
.programma-symposiums {
display: flex;
flex-direction: column;
gap: 2rem;
}
.lk-btns-row.lk-btns-row__download .default-btn[href="#"]:hover:before {
opacity: 1;
z-index: 9999;
transform: scale(1);
}
.lk-btns-row.lk-btns-row__download .default-btn[href="#"] {
position: relative;
cursor: not-allowed;
}
.lk-btns-row.lk-btns-row__download .default-btn[href="#"] {
--_color: color-mix(in srgb, var(--color-blue) 65%, #fff);
--_hover: color-mix(in srgb, var(--color-blue) 65%, #fff);
}
.lk-btns-row.lk-btns-row__download .default-btn[href="#"]:before {
content: "Coming soon";
position: absolute;
width: 100%;
text-align: center;
background: var(--_color);
height: 100%;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
color: #fff;
border-radius: 6px;
transform-origin: center;
transform: scale(0);
}
span.programma-item-time {
background: var(--color-blue_lt);
color: var(--color-blue);
font-weight: 500;
letter-spacing: 0.5px;
padding: 0.35rem 1rem;
border-radius: 9999px;
line-height: 1.2;
flex-basis: 140px;
flex-shrink: 0;
text-align: center;
}
.programma-item.item-primary span.programma-item-time {
background: var(--color-green);
color: var(--color-white);
}
.programma-item-card {
margin-top: 1rem;
display: flex;
column-gap: 1rem;
padding: 1rem;
border-radius: 10px;
border: 2px solid var(--color-blue_lt);
max-width: 60ch;
}
.programma-item-card .photo img {
border-radius: 6px 6px 0 0;
}
.programma-item-card .photo {
flex-shrink: 0;
}
.programma-item-card .text .text-inner span:not(.icon):first-of-type {
margin-bottom: 0.25rem;
margin-top: 0.5rem;
}
.programma-item-card span[data-icon]:before {
content: "";
width: calc(1.1rem * 1.3);
height: calc(1.1rem * 1.3);
background-size: cover;
background-position: center;
display: inline-block;
margin-right: 0.5rem;
flex-shrink: 0;
}
.programma-item-card span[data-icon="hat"]:before {
background-image: url(//youzjubileumcongresvijftigjaarleokannerhuis.nl/wp-content/uploads/2024/05/icon-school.svg);
}
.programma-item-card span[data-icon="suitcase"]:before {
background-image: url(//youzjubileumcongresvijftigjaarleokannerhuis.nl/wp-content/uploads/2024/03/icon-position-01.svg);
margin-top: -2px;
}
.programma-item-card .text .text-inner span {
font-size: 1rem;
line-height: 1.25;
display: flex;
align-items: start;
}
.programma-item-card .text h4 {
margin-bottom: 1rem;
color: var(--color-blue);
font-weight: 500;
}
.programma-item-card .photo .lk-btns-row {
margin-top: 4px!important;
border-radius: 0;
}
.lk-btns-row.lk-btns-row__download {
max-width: 60ch;
margin-top: 1rem!important;
}
.programma-item-card .photo .lk-btns-row a.link-btn {
border-radius: 0 0 6px 6px;
}
.programma-item.program-item-final span.programma-item-time {
background: var(--color-orange_lt);
color: var(--color-orange);
}
.programma-item-card .text {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.programma-item-card .text .lk-btns-row {
margin-top: 1rem!important;
}
.programma-intro {
margin-bottom: 4rem;
padding-bottom: 2rem;
border-bottom: 2px dashed var(--color-blue_lt);
}
a.anchor-link {
display: block;
position: relative;
top: calc(clamp(4vw, 8rem, 10vw)* -1.5);
visibility: hidden;
}
.ppw-ppf-input-container {
display: flex;
flex-direction: column;
gap: 1.5rem;
font-size: 1.15rem;
}
p.ppw-ppf-field-container {
display: flex;
flex-direction: column;
gap: 0.5rem;
max-width: 60ch;
margin: 0 auto;
}
p.ppw-ppf-field-container
label.ppw-pwd-label {
color: var(--color-blue_lt_text);
}
p.ppw-ppf-field-container 
.ppw-pwd-submit-btn {
display: inline-flex;
font-size: 1.1rem;
background: var(--color-blue_lt);
border-radius: 6px;
color: var(--_text);
align-items: center;
justify-content: center;
column-gap: 0.5rem;
font-weight: 500;
letter-spacing: 2px;
line-height: 1;
cursor: pointer;
height: 40px!important;
text-decoration: none !important;
flex-basis: calc(50% - 0.75rem);
padding: 0.65rem 0.25rem;
}
.ppw-post-password-container {
margin-top: 2rem;
}
.ppw-ppf-field-container input[type="password"]{
border-radius: 6px!important;
} @media (max-width: 467px) {
.commissie-block .commissie-member {
flex-direction: column;
}
.commissie-block .col-photo img.profile-photo {
width: 100%;
}
.lk-form-row p {
flex-direction: column;
}
section.default-section h3 {
text-align: center;
}
.programma-item-card {
flex-direction: column;
row-gap: 1rem;
}
.programma-item-card .photo img {
width: 100%;
}
}
@media (max-width: 544px) { 
.ast-header-break-point .ast-header-html-4 {
display: none!important;
}
} 
@media (max-width: 600px) {
.lk-contact-info-block {
position: relative;
display: block;
max-width: 100%;
outline: none;
}
.lk-col-image\+text img {
height: auto;
}
}
@media (max-width: 680px) {
.programma .programma-item {
grid-template-columns: 1fr;
grid-gap: 1rem;
}
.programma:before {
display: none;  
}
.programma {
row-gap: 2rem;
}
.programma .programma-item-desc h3 {
text-align: center;
}
}
@media (max-width: 768px){
article.speakers-block.sprekers-block--single {
grid-template-columns: 1fr;
}
}
@media (max-width: 880px) {
#routebeschrijving 
.lk-hero-block-secondary 
.lk-hero-block-inner {
flex-direction: column-reverse;
}
}
@media (max-width: 1023px){
#ast-desktop-header {
display: none;
}
#ast-mobile-header {
display: block!important;
}
#ast-mobile-header .ast-header-html-4 {
display: flex;
margin-right: 1rem;
}
}