
:root {
--olive: #9DA179;
--blue: #1F7CC0;
--red: #9F5F5D;
--pink: #F9C6C0;
--light-blue: #BCE4FA;
--yellow: #FBBA00;
--light-yellow: #fff2d7;
--orange: #EA561F;
--white: #FFFFFF;
--text: #000000;
--link: var(--olive);
--form-border: var(--light-yellow);
--border-radius: 5px;
--border-radius-button: 30px;
--border-radius-form: 30px;
--box-shadow: 0px 0px 25px #00000029;
--transition: all 0.2s ease-in-out;
--transform-scale: scale(1.03);
--distance-default: 25px;
--distance-extra: 35px;
--distance-extra-tablet: 40px;
--distance-none: 0px;
--distance-small: 10px;
--border-width: 1px;
--button-height: 50px;
--card-padding: clamp(40px, 5vw, 50px);
--box-shadow-hover: 0 4px 12px rgba(0,0,0,0.12);
--list-icon: url("/wp-content/themes/wycliffe/files/svg/pijl-rechts.svg");
--list-icon-size: 0.8em;
--list-icon-top: 0.35em;
--list-icon-padding: 1.6em;
--row-space: 70px;
--row-space-tablet: 60px;
--row-space-mobile: 0px;
--row-space-compact: 50px;
--row-space-compact-tablet: 45px;
--row-space-compact-mobile: 0px;
--row-padding-large: 130px;
--row-padding-large-tablet: 75px;
--row-padding-large-mobile: 60px;
--mobile-distance: 50px;
/* Heading sizes */
--heading-fs: clamp(24px, 2.5vw, 30px);
--heading-lh: clamp(31px, 3vw, 35px);
--heading-fs-medium: clamp(30px, 4vw, 40px);
--heading-lh-medium: clamp(30px, 4vw, 40px);
--heading-fs-large: clamp(40px, 5.5vw, 65px);
--heading-lh-large: clamp(40px, 5.5vw, 65px);
}

@media (max-width : 767px) {:root {
--distance-default: var(--mobile-distance);
--distance-extra: var(--mobile-distance);
--row-space: 0px;
--row-space-compact: 0px;
}

footer,
.px-hero-row,
.px-vm-content-col,
.px-compact-spacing {
--distance-default: 25px;
--distance-extra: 25px;
}
} /* End @media */
/* GENERAL
--------------------------------------------------- */
html {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
overflow-x:hidden;
font-size:17px;
}

body {
font-family: greycliff-cf;
font-style: normal;
font-weight: 300;
font-size:18px;
line-height: 27px;
display: block;
margin: 0px;
word-wrap: break-word;
padding:0px;
overflow-x:hidden;
background:#fcfaf9;
}

*, *::before, *::after {
box-sizing: border-box;
}

.hide {
display:none !important;
}

/* VISIBILITY
--------------------------------------------------- */
@media (min-width : 1025px) {.px-not-desktop-visible,
.px-tablet-visible,
.px-tablet-landscape-visible,
.px-tablet-portrait-visible,
.px-mobile-tablet-portrait-visible,
.px-mobile-visible {
display:none !important;
}
} /* End @media */
@media (min-width : 992px) and (max-width : 1024px) {.px-desktop-visible,
.px-not-mobile-visible,
.px-tablet-portrait-visible,
.px-mobile-tablet-portrait-visible,
.px-mobile-visible {
display:none !important;
}
} /* End @media */
@media (min-width : 768px) and (max-width : 992px) {.px-desktop-visible,
.px-desktop-tablet-landscape-visible,
.px-not-mobile-visible,
.px-tablet-landscape-visible,
.px-mobile-visible {
display:none !important;
}
} /* End @media */
@media (max-width : 767px) {.px-desktop-visible,
.px-desktop-tablet-landscape-visible,
.px-not-mobile-visible,
.px-tablet-visible,
.px-tablet-landscape-visible,
.px-tablet-portrait-visible {
display:none !important;
}
} /* End @media */
/* THEMER PARTS
--------------------------------------------------- */
.fl-builder-content-13407 .fl-col,
.fl-builder-content-13407 {
min-height:0px !important;
height:0px !important;
}

body.fl-theme-layout-template-default:not(.postid-13172) header {
display:none !important;
}

/* ADMIN
--------------------------------------------------- */
#wpadminbar {
position:absolute !important;
}

/* BOX-SHADOW
--------------------------------------------------- */
.px-boxshadow {
box-shadow: var(--box-shadow);
}

/* ARROW COLOR MAPPING (centralized)
   bg-color → arrow-color:
   olive → light-blue, red → pink, light-blue → olive, yellow → light-blue
--------------------------------------------------- */
.px-text-video-image-row,
.px-banner-bg-olive,
.px-text-video-image-row.px-primary-row-color,
.px-text-video-image-row.px-tertiary-row-color,
.px-text-video-image-row.px-primary-row-gradient-color,
.px-text-video-image-row.px-tertiary-row-gradient-color,
.px-text-video-image-row.px-highlight-row-gradient-color {
--px-arrow-fill: var(--light-blue);
}

.px-banner-bg-red {
--px-arrow-fill: var(--pink);
}

.px-banner-bg-light-blue,
.px-text-video-image-row.px-light-blue-row-color,
.px-text-video-image-row.px-secondary-row-color {
--px-arrow-fill: var(--olive);
}

.px-banner-bg-yellow,
.px-text-video-image-row.px-highlight-row-color {
--px-arrow-fill: var(--light-blue);
}

/* ANIMATIONS
--------------------------------------------------- */
.px-animation-move-up {
position: relative;
top: 0;
transition: top ease 0.2s;
}

.px-animation-move-up:hover {
top: -3px;
}

/* FORMS GENERAL
--------------------------------------------------- */
input[type="submit"],
input[type="button"] {
cursor:pointer;
}

/* MODULE, ROW AND COLUMN SPACE
--------------------------------------------------- */
@media (min-width : 1025px) {.fl-module:not(.exclude-module-margin):not(.fl-module-px-gallery) .fl-module-content {
margin-left:20px;
margin-right:20px;
}
.fl-module:not(.exclude-module-margin):not(.fl-module-px-gallery):not(:has(> .fl-module-content)) {
margin-left:20px;
margin-right:20px;
}
} /* End @media */
@media (max-width : 1025px) {.fl-module:not(.exclude-module-margin):not(.fl-module-px-gallery):not(.fl-module-blog-posts) .fl-module-content {
margin-left:25px;
margin-right:25px;
}
.fl-module:not(.exclude-module-margin):not(.fl-module-px-gallery):not(.fl-module-blog-posts):not(:has(> .fl-module-content)) {
margin-left:25px;
margin-right:25px;
}
} /* End @media */
.fl-module:not(.exclude-module-margin):not(.exclude-module-margin-bottom):not(.fl-module-px-form):not(.fl-module-px-quote):not(.fl-module-px-text):not(.fl-module-px-mouse):not(.fl-module-px-image):not(.fl-module-px-button):not(.fl-module-px-title):not(.fl-module-px-video):not(.fl-module-px-gallery):not(.fl-module-post-grid) .fl-module-content {
margin-bottom:var(--distance-default);
}
.fl-module:not(.exclude-module-margin):not(.exclude-module-margin-bottom):not(.fl-module-px-form):not(.fl-module-px-quote):not(.fl-module-px-text):not(.fl-module-px-mouse):not(.fl-module-px-image):not(.fl-module-px-button):not(.fl-module-px-title):not(.fl-module-px-video):not(.fl-module-px-gallery):not(.fl-module-post-grid):not(:has(> .fl-module-content)) {
margin-bottom:var(--distance-default);
}

.col-auto-width {
width:auto !important;
clear: none !important;
float: left !important;
}

/* ADMIN
--------------------------------------------------- */
@media (max-width : 1025px) {
#wpadminbar {
display:none !important}
html {
margin-top:0px !important;}
} /* End @media */

/* FOOTER
--------------------------------------------------- */
footer .fl-row:last-child .fl-row-content-wrap:before {
display: block;
content: ' '; /* Footer top SVG in page-settings.php file */
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}

footer .fl-row {
color:white;
}

footer .fl-row a,
footer .fl-row p {
font-size:15px !important;
line-height:30px !important;
font-weight:500 !important;
}

footer .fl-row:last-child .fl-row-content {
top:-50px;
position:relative;
}

footer .fl-row .fl-row-content-wrap {
background-color: var(--olive);
margin-top: -1px;
padding-top: 100px;
}

.main-footer {
position: relative;
}
@media (min-width : 768px) {/*
.main-footer::after {
content: "";
position: absolute;
bottom: 20px;
right: 20px;
width: 80px;
height: 80px;
background-image: url("/wp-content/themes/wycliffe/files/images/wycliffe-avatar.png");
background-size: contain;
background-repeat: no-repeat;
background-position: left bottom;
}
*/
} /* End @media */
@media (max-width : 767px) {/*
.main-footer::after {
content: "";
position: absolute;
bottom: 20px;
right: 20px;
width: 80px;
height: 80px;
background-image: url("/wp-content/themes/wycliffe/files/images/wycliffe-avatar.png");
background-size: contain;
background-repeat: no-repeat;
background-position: left bottom;
}
*/
} /* End @media */
@media (min-width : 1025px) {footer .fl-module:not(.logo-img) img {
height:32px !important;
margin-right:20px !important;
}
} /* End @media */
@media (min-width : 992px) and (max-width : 1024px) {footer .fl-module:not(.logo-img) img {
height:32px !important;
margin-right:20px !important;
}
} /* End @media */
@media (min-width : 768px) and (max-width : 992px) {footer .fl-module:not(.logo-img) img {
height:32px !important;
margin-right:20px !important;
}

footer .fl-col-group:first-child .fl-col:first-child {
width:30% !important;
}
} /* End @media */
@media (max-width : 767px) {footer .fl-module:not(.logo-img) img {
height:40px !important;
margin-right:20px !important;
}
} /* End @media */