/* GENERAL
--------------------------------------------------- */
.header-menu-col {
align-self: center;
}

.header-menu-col .fl-col-content {
display: inline;
}

.header-menu-col .fl-module-content div,
.header-menu-col .fl-module-content,
.header-menu-col .fl-module {
display: inline-block;
width: auto !important;
}

.header-menu-col .fl-module-content {
display: inline;
width: auto;
}

header svg path {
fill:white;
}

/* HEADER LOGO
--------------------------------------------------- */
header img {
transition:all 0.2s ease-in-out;
}

header img:hover {
transform: scale(1.03);
}

/* MENU
--------------------------------------------------- */
a.px-menu-item {
color:white;
font-weight:700;
font-size:21px;
line-height: 40px;
}

/* HIDDEN MENU
--------------------------------------------------- */
body.px-hide-header-menu header .header-logo-col {
width:100% !important;
}

/* FIXED HEADER
--------------------------------------------------- */
@media (min-width : 992px) {body.scroll-clear header {
background:transparent;
}

body:not(.scroll-clear):not(.px-hide-header-menu) header .fl-row-content-wrap {
padding-top:10px;
padding-bottom:10px;
}

body:not(.scroll-clear):not(.px-hide-header-menu) header {
position: fixed !important;
width:100% !important;
transition: top 0.5s ease-in-out, background 0.5s ease-in-out;
}

body:not(.scroll-clear):not(.px-hide-header-menu) header.nav-down {
top:0px;
background:white;
box-shadow:0px 0px 25px #00000029;
}

body:not(.scroll-clear):not(.px-hide-header-menu) .nav-up {
transition: top 0.5s ease-in-out, background 0.5s ease-in-out;
top: -147px;
}

.px-hide-header-logo {
display:none;
}

body.scroll-clear .px-header-color-logo-fixed-header {
display:none !important;
}

body.scroll-clear .px-header-white-logo-default-header{
display:block !important;
}

body:not(.scroll-clear) header.nav-down .px-menu-hamburger-wrap,
body:not(.scroll-clear) header.nav-down a.px-menu-item {
color:#005B9A;
}

body:not(.scroll-clear) header.nav-down nav a:after {
background: #005B9A;
}

body:not(.scroll-clear) header.nav-down svg path {
fill: #005B9A;
}

} /* End @media */
/* HAMBURGER MENU
--------------------------------------------------- */
.px-menu-hamburger-wrap {
color: white;
display: inline;
cursor:pointer;
float:right;
}

.px-menu-hamburger-icon-container {
display:inline-block;
}

.px-menu-hamburger-text {
margin-right: 10px;
font-weight:700;
display: inline-block;
vertical-align: middle;
opacity:1;
transition: opacity 0.5s, visibility 0.5s;
}

.px-hide-menu-hamburger-text {
opacity:0;
}

.px-menu-hamburger-wrap svg {
height:40px;
width:40px;
vertical-align: middle;
}

@media (max-width : 1025px) {.header-hamburger-col {
text-align:right;
margin-right:20px;
}

.header-menu-col {
display:none;
}
} /* End @media */
@media (max-width : 992px) {.px-menu-hamburger-icon-container {
height:50px;
width:50px;
border-radius: 50%;
overflow: hidden;
vertical-align: middle;
position: fixed;
right: 20px;
top: 20px;
}

.px-menu-hamburger-wrap svg {
height: 50px;
width: 50px;
vertical-align: middle;
}

.px-menu-hamburger-wrap svg {
padding: 10px;
background: #005B9A;
}

.px-menu-hamburger-text {
font-weight:300;
}

.px-hamburger-html {
position: absolute;
right: 20px;
top: 32px;
}

.px-menu-hamburger-text {
position: absolute;
right: 55px;
top: 0px;
}

} /* End @media */

/* MAIN MENU ITEM DISTANCE
--------------------------------------------------- */
header .px-image,
header .px-button,
header .header-search-svg svg,
header a.px-menu-item {
margin-right:20px;
}

/* HEADER BUTTON
--------------------------------------------------- */
header .px-button .px-button-link {
padding-left:40px !important;
padding-right:40px !important;
}

body.single-veldmedewerker .header-main-donate-button {
display:none !important;
}

body:not(.single-veldmedewerker):not(.fl-builder-edit) .header-veldmedewerker-donate-button {
display:none !important;
}

/* SEARCH SVG
--------------------------------------------------- */
header .header-search-svg svg {
height:30px;
width:30px;
cursor:pointer;
vertical-align: bottom;
}


/* SEARCH INPUT FIELD
--------------------------------------------------- */
header input.fl-search-text {
background: transparent !important;
border: solid 1px white !important;
color:white;
}

header input.fl-search-text::placeholder {
color: white;
opacity: 1;
}

/* OFF CANVAS MENU
--------------------------------------------------- */
.px-off-canvas-menu {
background-color:#005B9A;
background: transparent linear-gradient(150deg, #005B9A 0%, #002F4F 100%) 0% 0% no-repeat padding-box;
position:fixed;
right:0px;
top:0px;
height:100%;
z-index:999;
transition: transform 0.5s;
overflow-y: scroll;
-moz-transform: translate(0px,0);
-o-transform: translate(0px,0);
-ms-transform: translate(0px,0);
-webkit-transform: translate(0px,0);
transform: translate(0px,0);
}

.px-off-canvas-menu::-webkit-scrollbar {
display:none !important;
}

.fl-theme-layout-template-default.fl-builder-edit .px-off-canvas-menu {
right:70px;
top:70px;
height:90%;
}

.px-off-canvas-menu .px-menu-item {
display:block;
width: -moz-fit-content;
width: fit-content;
}

body:not(.postid-13660) .px-off-canvas-menu-close-html {
position: fixed;
top: 30px;
right: 50px;
height:40px;
width:40px;
}

.px-off-canvas-menu-close-html .px-off-canvas-menu-close-icon {
cursor:pointer;
line-height:1;
border-radius:30px;
background:#E95E2E;
position: absolute;
height:40px;
width:40px;
text-align:center;
}

.px-off-canvas-menu-close-html .px-off-canvas-menu-close-icon svg {
width:20px;
height:20px;
position:relative;
top:9px;
}

body:not(.postid-13660) .px-off-canvas-menu.px-off-canvas-menu-hidden {
-moz-transform: translate(600px,0);
-o-transform: translate(600px,0);
-ms-transform: translate(600px,0);
-webkit-transform: translate(600px,0);
transform: translate(600px,0);
}

.px-off-canvas-menu-contact-info a {
font-weight:300 !important;
padding-left: 10px;
padding-bottom: 10px;
}

.px-off-canvas-menu-contact-info p {
font-size:110% !important;
}


@media (min-width : 1025px) {.px-off-canvas-menu {
width:450px;
padding-top:120px;
padding-left:50px;
padding-right:50px;
}

.px-off-canvas-menu .px-menu-item {
margin-bottom:20px;
font-size:30px;
line-height: 50px;
}

.px-off-canvas-menu input.fl-search-text {
max-width:215px;
}

} /* End @media */
@media (min-width : 992px) and (max-width : 1024px) {.px-off-canvas-menu {
width:450px;
padding-top:40px;
padding-left:50px;
padding-right:50px;
}

.px-off-canvas-menu .px-menu-item {
margin-bottom:0px;
font-size:30px;
line-height: 50px;
}

.px-off-canvas-menu input.fl-search-text {
max-width:215px;
}
} /* End @media */
@media (min-width : 768px) and (max-width : 992px) {.px-off-canvas-menu {
width:450px;
padding-top:90px;
padding-left:50px;
padding-right:50px;
}

.px-off-canvas-menu .px-menu-item {
margin-bottom:10px;
font-size:30px;
line-height: 50px;
}

.px-off-canvas-menu input.fl-search-text {
max-width:215px;
}
} /* End @media */
@media (max-width : 767px) {.px-off-canvas-menu {
width:100%;
padding-top:30px;
padding-left:30px;
padding-right:30px;
}

.px-off-canvas-menu .px-menu-item {
margin-bottom:5px;
font-size:21px;
text-align:center;
line-height: 40px;
margin-left: auto;
margin-right: auto;
}

} /* End @media */