
/* CSS VARS
--------------------------------------------------- */
:root {
--border-radius:15px;
--border-radius-button:25px;
--border-radius-form:25px;
}

/* GENERAL
--------------------------------------------------- */
html {
overflow-x:hidden;
margin-top: 0px !important;
}

body {
font-family: "wavehaus", "Open Sans", Sans-Serif;
color: #282f3b;
font-style: normal;
font-weight: 300;
font-size:18px;
line-height: 1.45;
margin: 0px;
word-wrap: break-word;
padding:0px;
overflow-x:hidden;
background:white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

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

.px-hide,
.hide {
display:none !important;
}

/* Mobile CSS */
@media (max-width : 767px) {
.px-hide-mobile {
display: none !important;
}
.px-show-mobile {
display: block !important;
}
}/* End @media */

iframe {
border-radius: var(--border-radius);
}


/* FOOTER
--------------------------------------------------- */
.fb-footer-widget .pp_pb_socialmedia {
min-height: 200px !important;
}

footer .px-search-holder,
footer .px-search input,
footer .px-search {
text-align: left;
}

footer h2 {
font-size: 24px !important;
}

@media (max-width:767px) {
footer .dorcas-slogan p {
text-align: center !important;
}

.first-h2-footer h2:first-child {
margin-top: 0px !important;
}

.footer-row-top-svg {
min-height: 29px;
}
}

@media (max-width:1025px) {
span.dorcas-logo-footer-text {
display: none;
}
}

.footer-row-top-svg .fl-row-content-wrap {
padding-top: 28px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
}

.dorcas-footer-row .fl-row-content-wrap {
margin-top: -1px;
}


/* PAGE BACKGROUND
--------------------------------------------------- */
body {
background: linear-gradient( rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.45) ), url(https://dorcas.nl/wp-content/themes/dorcas/images/dorcas-bg-texture.jpg);
}

/* VISIBILITY
--------------------------------------------------- */
@media (min-width : 1181px) {.px-not-desktop-visible,
.px-tablet-visible,
.px-tablet-landscape-visible,
.px-tablet-portrait-visibile,
.px-mobile-tablet-portrait-visible,
.px-mobile-visibile {
display:none !important;
}
} /* End @media */
@media (min-width : 992px) and (max-width : 1180px) {.px-desktop-visible,
.px-not-mobile-visible,
.px-tablet-portrait-visibile,
.px-mobile-tablet-portrait-visible,
.px-mobile-visibile {
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-visibile {
display:none !important;
}
} /* End @media */
@media (max-width : 767px) {.px-desktop-visible,
.px-desktop-tablet-landscape-visible,
.px-not-mobile-visible,
.px-tablet-visibile,
.px-tablet-landscape-visible,
.px-tablet-portrait-visibile {
display:none !important;
}
} /* End @media */
/* THEMER PARTS
--------------------------------------------------- */
.fl-builder-content-13407 .fl-col,
.fl-builder-content-13407 {
min-height:0px !important;
height:0px !important;
}

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

@media (max-width:1100px) {
#wpadminbar {
display: none !important;
}
html[lang="nl-NL"],
html.chrome,
html.safari,
html.iphone,
html {
margin-top:0px !important;}
}


/* BOX-SHADOW
--------------------------------------------------- */
.px-boxshadow {
box-shadow:0px 0px 25px #00000029;
}

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

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



/* MODULE, ROW AND COLUMN SPACE
--------------------------------------------------- */
@media (min-width : 1181px) {.fl-module:not(.exclude-module-margin):not(.fl-module-px-gallery):not(.exclude-module):not(.exclude-margin) .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):not(.exclude-module):not(.exclude-margin) .fl-module-content {
margin-left:25px;
margin-right:25px;
}
} /* End @media */
.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 */
