/* GENERAL
--------------------------------------------------- */
p {
margin-top:0px;
margin-bottom:10px;
font-weight: 400;
}

strong {
font-weight: 700;
}

em {
font-style: italic;
}

h1, h2, h3 {
letter-spacing: 0px;
margin-top:0px;
margin-bottom:15px;
font-weight:700;
}

.px-text ol,
.px-text ul:not(.blocks-gallery-grid):not(.gform_fields) {
display: block;
margin-block-start: 10px;
margin-block-end: 10px;
margin-inline-start: 10px;
margin-inline-end: 0px;
padding-inline-start: 20px;
line-height:inherit;
font-weight: 400;
}

h2.px-handwritten,
span.px-handwritten {
font-family: guthen-bloots;
font-weight:300;
letter-spacing: 3px;
}

li {
display: list-item;
text-align: -webkit-match-parent;
font-weight: 400;
}

/* COLORS
--------------------------------------------------- */
h1, h2, h3 {
color:#005B9A;
}

p strong {
color:#70A7A3;
}

div,
input,
textarea,
button,
select,
a {
-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
outline:0 !important;
}

/* LINK
--------------------------------------------------- */
a {
cursor:pointer;
display: inline-block;
text-decoration: none;
}

a:not(.px-button-link):not(.px-menu-item):not(.px-off-canvas-menu-item):not(.px-post-heading) {
color:#E95E2E;
font-weight:700;
}

a:not(.px-button-link):not(.px-menu-item):after {
background: #E95E2E;
}

nav a:after {
background: white;
}

a:hover,
a:active,
a:focus {
text-decoration: none;
}

.px-button-popup-content-wrap a:after,
.px-faq-answer-content a:after,
.px-post-list-title a:after,
nav a:after,
a[title="Lees meer"]:after,
.px-text a:not(.px-button-link):after {
content: '';
display: block;
width: 0;
height: 2px;
transition: width .3s;
}

.px-button-popup-content-wrap a:active:after,
.px-button-popup-content-wrap a:focus:after,
.px-button-popup-content-wrap a:hover:after,
.px-faq-answer-content a:active:after,
.px-faq-answer-content a:focus:after,
.px-faq-answer-content a:hover:after,
.px-post-list-title a:active:after,
.px-post-list-title a:focus:after,
.px-post-list-title a:hover:after,
nav a:active:after,
nav a:focus:after,
nav a:hover:after,
a[title="Lees meer"]:active:after,
a[title="Lees meer"]:focus:after,
a[title="Lees meer"]:hover:after,
.px-text a:not(.px-button-link):active:after,
.px-text a:not(.px-button-link):focus:after,
.px-text a:not(.px-button-link):hover:after {
width: 100%;
}

li.blocks-gallery-item a::after {
display: none !important;
}

/* FONTS DESKTOP
--------------------------------------------------- */
@media (min-width : 1025px) {h1, h2, h2 {
font-size: 30px;
line-height: 35px;
}

h2.px-handwritten {
font-size: 60px;
line-height: 80px;
}

.heading-size-medium h1,
.heading-size-medium h2,
.heading-size-medium h3, {
font-size: 40px;
line-height: 40px;
}

.heading-size-large h1,
.heading-size-large h2,
.heading-size-large h3 {
font-size: 65px;
line-height: 65px;
}

.text-size-medium p {
font-size: 24px;
line-height: 39px;
}

.text-size-large p {
font-size: 10px;
line-height: 10px;
}

span.px-handwritten {
font-size:60px;
line-height: 80px;
}
} /* End @media */
/* FONTS TABLET LANDSCAPE
--------------------------------------------------- */
@media (min-width : 992px) and (max-width : 1024px) {h1, h2, h2 {
font-size: 24px;
line-height: 31px;
}

h2.px-handwritten {
font-size: 50px;
line-height: 50px;
}

.heading-size-medium h1,
.heading-size-medium h2,
.heading-size-medium h3, {
font-size: 40px;
line-height: 40px;
}

.heading-size-large h1,
.heading-size-large h2,
.heading-size-large h3 {
font-size: 65px;
line-height: 65px;
}

.text-size-medium p {
font-size: 21px;
line-height: 36px;
}

.text-size-large p {
font-size: 10px;
line-height: 10px;
}

span.px-handwritten {
font-size:60px;
line-height: 80px;
}
} /* End @media */
/* FONTS TABLET PORTRAIT
--------------------------------------------------- */
@media (min-width : 768px) and (max-width : 992px) {h1, h2, h2 {
font-size: 24px;
line-height: 31px;
}

h2.px-handwritten {
font-size: 50px;
line-height: 50px;
}

.heading-size-medium h1,
.heading-size-medium h2,
.heading-size-medium h3, {
font-size: 40px;
line-height: 40px;
}

.heading-size-large h1,
.heading-size-large h2,
.heading-size-large h3 {
font-size: 65px;
line-height: 65px;
}

.text-size-medium p {
font-size: 21px;
line-height: 36px;
}

.text-size-large p {
font-size: 10px;
line-height: 10px;
}

span.px-handwritten {
font-size:60px;
line-height: 80px;
}
} /* End @media */
/* FONTS MOBILE
--------------------------------------------------- */
@media (max-width : 767px) {h1, h2, h2 {
font-size: 24px;
line-height: 31px;
}

h2.px-handwritten {
font-size: 42px;
line-height: 42px;
}

.heading-size-medium h1,
.heading-size-medium h2,
.heading-size-medium h3, {
font-size: 40px;
line-height: 40px;
}

.heading-size-large h1,
.heading-size-large h2,
.heading-size-large h3 {
font-size: 65px;
line-height: 65px;
}

.text-size-medium p {
font-size: 21px;
line-height: 36px;
}

.text-size-large {
font-size: 1.5rem;
line-height: 2.0rem;
}

span.px-handwritten {
font-size:60px;
line-height: 80px;
}
} /* End @media */