/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*.nav > li > a > i.icon-menu {
	font-size: 2.5em !important;
	color: rgb(26, 48, 87) !important;
}
*/



.adres {
	position: absolute;
	bottom: 80px;
}


.off-canvas-center.mfp-bg.mfp-ready {
	opacity: 1.0 !important;
}

.title-overlay {
	background: #1d1b4a !important;
}

.featured-title .page-title-inner {
	min-height: 250px !important;
	padding-bottom: 0px !important;
}
.product_meta,
.product_meta .sku,
.product_meta .posted_in,
.product_meta .tagged_as {
    display: none !important;
}

#logo {
	width: 380px !important;
}

#main, #wrapper {
	background: #1d1b4a !important;
}

.article-inner {
	margin-top: -80px;
}
.nav > li > a > i.icon-menu {
	font-size: 2.5em !important;
	color: #fff !important;
}

.box-text-products {
	background: rgb(225,225,225);
	border-radius: 10px;
}

.shop-page-title {
	display: none;
}

.search-no-results .shop-page-title {
	display: block !important;
	padding-top: 82px !important;
}

.search-no-results .featured-title .page-title-inner {
	min-height: 150px !important;
}

.widget .current-cat > a {
	color: #fff !important;
}

#shop-sidebar p {
	color: #fff;
}

#shop-sidebar .widget-title {
	color: #99086e;
}

.widget > ul > li > a:hover

.off-canvas-center.mfp-bg.mfp-ready {
	opacity: .95;
}

.section-title-main {
	font-size: 16px;
}

.gradient-border:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px; 
  padding: 5px; 
  background:linear-gradient(120deg, #6aabd2, #B7CFDC); 
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; 
  margin: auto;
}

.gradient-border {
	margin-bottom: 30px;
}

.transparent #logo img {
	max-height: 90px !important;
}

.header-wrapper.stuck #masthead {
	background: linear-gradient( to right , #1d1b4a 0%, #27246e 100%) !important;
}

.gradient-background {
	background: linear-gradient( to right , #27246e 0%, #1d1b4a 100%) !important;
}

.gradient-background2 .col-inner {
	background: linear-gradient( to right , #393686 0%, #393686 100%) !important;
	border-radius: 20px;
}

.product-small {
	margin-bottom: 10px;
}

#shop-sidebar {
	margin-top: 5px;
}

.home .banner-inner .fill {
	border-radius: 0px;
}

.mfp-bg.off-canvas-center:not(.dark) {
    margin: auto;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    overflow: auto;
    background: #393686;
}

.product-categories a:hover {
	color: #fff !important;
}

.mfp-bg.off-canvas-center:not(.dark) {
	opacity: .97 !important;
}

.off-canvas-center:not(.dark) .mfp-close {
	color: #ffffff;
	opacity: 1 !important;
}

@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

.wave {
    background: rgb(255 255 255 / 25%);
    border-radius: 1000% 1000% 0 0;
    position: fixed;
    width: 200%;
    height: 12em;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.wave:nth-of-type(2) {
    bottom: -1.25em;
    animation: wave 18s linear reverse infinite;
    opacity: 0.8;
}

.wave:nth-of-type(3) {
    bottom: -2.5em;
    animation: wave 20s -1s reverse infinite;
    opacity: 0.9;
}

@keyframes wave {
    2% {
        transform: translateX(1);
    }

    25% {
        transform: translateX(-25%);
    }

    50% {
        transform: translateX(-50%);
    }

    75% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(1);
    }
}

@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

/* Witte velden op het offerteformulier */
body.page-id-37593 #gform_2 input[type="text"],
body.page-id-37593 #gform_2 input[type="email"],
body.page-id-37593 #gform_2 input[type="tel"],
body.page-id-37593 #gform_2 textarea {
    background-color: #fff !important;
}

/* Ook wit bij automatisch invullen in Chrome en Edge */
body.page-id-37593 #gform_2 input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #333 !important;
}

.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #081d49;
    overflow: hidden;
}

.pum-theme-lightbox span.dot {
    width: 1vmin;
    height: 1vmin;
    border-radius: 1vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 20;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.pum-theme-lightbox span.dot:nth-child(0) {
    color: #0080c0;
    top: 51%;
    left: 86%;
    animation-duration: 228s;
    animation-delay: -133s;
    transform-origin: 12vw 8vh;
    box-shadow: -2vmin 0 0.3322517070121792vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(1) {
    color: #004080;
    top: 43%;
    left: 46%;
    animation-duration: 121s;
    animation-delay: -93s;
    transform-origin: -4vw -1vh;
    box-shadow: -2vmin 0 0.30547744120903897vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(2) {
    color: #0080ff;
    top: 53%;
    left: 33%;
    animation-duration: 36s;
    animation-delay: -5s;
    transform-origin: 5vw 10vh;
    box-shadow: -2vmin 0 0.875204874453922vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(3) {
    color: #0080ff;
    top: 99%;
    left: 8%;
    animation-duration: 70s;
    animation-delay: -160s;
    transform-origin: 1vw -7vh;
    box-shadow: 2vmin 0 0.8254852105272422vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(4) {
    color: #0080ff;
    top: 52%;
    left: 3%;
    animation-duration: 98s;
    animation-delay: -247s;
    transform-origin: 5vw 10vh;
    box-shadow: -2vmin 0 0.5358240516866035vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(5) {
    color: #0080c0;
    top: 52%;
    left: 50%;
    animation-duration: 20s;
    animation-delay: -254s;
    transform-origin: -1vw 22vh;
    box-shadow: 2vmin 0 0.9687167218418906vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(6) {
    color: #0080c0;
    top: 6%;
    left: 7%;
    animation-duration: 130s;
    animation-delay: -156s;
    transform-origin: 13vw -6vh;
    box-shadow: -2vmin 0 0.5885143378169077vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(7) {
    color: #0080ff;
    top: 54%;
    left: 90%;
    animation-duration: 143s;
    animation-delay: -73s;
    transform-origin: 3vw 11vh;
    box-shadow: -2vmin 0 0.283854387856713vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(8) {
    color: #004080;
    top: 85%;
    left: 75%;
    animation-duration: 180s;
    animation-delay: -274s;
    transform-origin: 0vw -22vh;
    box-shadow: -2vmin 0 0.5643755019268077vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(9) {
    color: #0080c0;
    top: 69%;
    left: 41%;
    animation-duration: 200s;
    animation-delay: -277s;
    transform-origin: 25vw 22vh;
    box-shadow: 2vmin 0 0.31204596191297074vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(10) {
    color: #0080ff;
    top: 2%;
    left: 49%;
    animation-duration: 47s;
    animation-delay: -249s;
    transform-origin: 22vw -4vh;
    box-shadow: -2vmin 0 1.1176375738222644vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(11) {
    color: #0080ff;
    top: 69%;
    left: 84%;
    animation-duration: 136s;
    animation-delay: -194s;
    transform-origin: -17vw -4vh;
    box-shadow: -2vmin 0 1.0849753767184067vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(12) {
    color: #0080ff;
    top: 18%;
    left: 37%;
    animation-duration: 176s;
    animation-delay: -12s;
    transform-origin: -10vw -1vh;
    box-shadow: -2vmin 0 0.7925858375688628vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(13) {
    color: #0080ff;
    top: 18%;
    left: 63%;
    animation-duration: 39s;
    animation-delay: -133s;
    transform-origin: -6vw 1vh;
    box-shadow: 2vmin 0 1.1022739699308004vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(14) {
    color: #0080c0;
    top: 68%;
    left: 74%;
    animation-duration: 184s;
    animation-delay: -150s;
    transform-origin: 18vw 20vh;
    box-shadow: -2vmin 0 0.7686776513225393vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(15) {
    color: #004080;
    top: 80%;
    left: 45%;
    animation-duration: 7s;
    animation-delay: -178s;
    transform-origin: -15vw 4vh;
    box-shadow: -2vmin 0 0.5171082030948972vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(16) {
    color: #0080c0;
    top: 89%;
    left: 48%;
    animation-duration: 270s;
    animation-delay: -249s;
    transform-origin: -12vw 12vh;
    box-shadow: -2vmin 0 0.6815316367108915vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(17) {
    color: #0080ff;
    top: 32%;
    left: 17%;
    animation-duration: 105s;
    animation-delay: -86s;
    transform-origin: -14vw -7vh;
    box-shadow: -2vmin 0 1.0677648754042857vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(18) {
    color: #004080;
    top: 45%;
    left: 83%;
    animation-duration: 42s;
    animation-delay: -50s;
    transform-origin: -2vw 2vh;
    box-shadow: 2vmin 0 0.5344075393217591vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(19) {
    color: #0080c0;
    top: 51%;
    left: 31%;
    animation-duration: 24s;
    animation-delay: -237s;
    transform-origin: -19vw 15vh;
    box-shadow: 2vmin 0 0.47910685981950296vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(20) {
    color: #0080ff;
    top: 50%;
    left: 61%;
    animation-duration: 94s;
    animation-delay: -106s;
    transform-origin: -9vw -17vh;
    box-shadow: 2vmin 0 1.0439517981333826vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(21) {
    color: #0080c0;
    top: 88%;
    left: 11%;
    animation-duration: 109s;
    animation-delay: -152s;
    transform-origin: -11vw -1vh;
    box-shadow: 2vmin 0 0.81706484024415vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(22) {
    color: #0080c0;
    top: 26%;
    left: 61%;
    animation-duration: 267s;
    animation-delay: -116s;
    transform-origin: -1vw 11vh;
    box-shadow: -2vmin 0 0.6068603493033743vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(23) {
    color: #0080c0;
    top: 95%;
    left: 39%;
    animation-duration: 87s;
    animation-delay: -64s;
    transform-origin: -23vw 3vh;
    box-shadow: -2vmin 0 1.1635989439673178vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(24) {
    color: #0080ff;
    top: 78%;
    left: 69%;
    animation-duration: 143s;
    animation-delay: -150s;
    transform-origin: -3vw -12vh;
    box-shadow: 2vmin 0 0.5207313282468148vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(25) {
    color: #004080;
    top: 54%;
    left: 69%;
    animation-duration: 190s;
    animation-delay: -164s;
    transform-origin: -6vw 19vh;
    box-shadow: 2vmin 0 0.6775274513942628vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(26) {
    color: #004080;
    top: 40%;
    left: 44%;
    animation-duration: 51s;
    animation-delay: -179s;
    transform-origin: 7vw 25vh;
    box-shadow: 2vmin 0 0.7522562806498084vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(27) {
    color: #0080c0;
    top: 8%;
    left: 52%;
    animation-duration: 287s;
    animation-delay: -82s;
    transform-origin: -18vw 2vh;
    box-shadow: 2vmin 0 0.8703804036214239vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(28) {
    color: #0080c0;
    top: 68%;
    left: 83%;
    animation-duration: 254s;
    animation-delay: -120s;
    transform-origin: 3vw 4vh;
    box-shadow: -2vmin 0 0.852477593223196vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(29) {
    color: #0080ff;
    top: 71%;
    left: 18%;
    animation-duration: 245s;
    animation-delay: -53s;
    transform-origin: 24vw -1vh;
    box-shadow: 2vmin 0 0.8762419690073011vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(30) {
    color: #0080ff;
    top: 48%;
    left: 92%;
    animation-duration: 180s;
    animation-delay: -249s;
    transform-origin: -11vw -9vh;
    box-shadow: -2vmin 0 0.27229334220902823vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(31) {
    color: #0080c0;
    top: 97%;
    left: 11%;
    animation-duration: 288s;
    animation-delay: -273s;
    transform-origin: 18vw 10vh;
    box-shadow: 2vmin 0 1.2491102910930225vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(32) {
    color: #0080ff;
    top: 61%;
    left: 88%;
    animation-duration: 239s;
    animation-delay: -88s;
    transform-origin: 11vw 21vh;
    box-shadow: -2vmin 0 1.151119292853589vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(33) {
    color: #0080ff;
    top: 78%;
    left: 69%;
    animation-duration: 193s;
    animation-delay: -269s;
    transform-origin: -22vw 8vh;
    box-shadow: -2vmin 0 1.0860872117491822vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(34) {
    color: #004080;
    top: 41%;
    left: 98%;
    animation-duration: 43s;
    animation-delay: -300s;
    transform-origin: -14vw 2vh;
    box-shadow: -2vmin 0 0.9301621802096756vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(35) {
    color: #004080;
    top: 18%;
    left: 97%;
    animation-duration: 47s;
    animation-delay: -135s;
    transform-origin: -18vw -8vh;
    box-shadow: 2vmin 0 1.092936709744936vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(36) {
    color: #004080;
    top: 50%;
    left: 89%;
    animation-duration: 32s;
    animation-delay: -119s;
    transform-origin: 22vw -5vh;
    box-shadow: 2vmin 0 0.39724109360493687vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(37) {
    color: #0080ff;
    top: 60%;
    left: 83%;
    animation-duration: 178s;
    animation-delay: -279s;
    transform-origin: 2vw 8vh;
    box-shadow: -2vmin 0 0.3760023521850253vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(38) {
    color: #004080;
    top: 88%;
    left: 69%;
    animation-duration: 231s;
    animation-delay: -45s;
    transform-origin: 23vw 6vh;
    box-shadow: -2vmin 0 0.2766666086598256vmin currentColor;
}
.pum-theme-lightbox span.dot:nth-child(39) {
    color: #0080ff;
    top: 100%;
    left: 59%;
    animation-duration: 265s;
    animation-delay: -67s;
    transform-origin: -20vw -18vh;
    box-shadow: -2vmin 0 0.4190781022831147vmin currentColor;
}

.single-post .entry-title {
	max-width: 1200px !important;
}

/* EZ TOC sticky rechts */
.single-post #ez-toc-container {
  position: fixed !important;
  top: 140px !important;
  right: 35px !important;
  width: 220px !important;
  z-index: 2147483647 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

.single-post #ez-toc-container.toc-fixed-body {
  position: fixed !important;
  top: 200px !important;
  right: 35px !important;
  width: 220px !important;
  z-index: 2147483647 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Mobiel verbergen */
@media (max-width: 1024px) {
  .single-post #ez-toc-container.toc-fixed-body {
    display: none !important;
  }
}

/* Titel verbergen */
.single-post #ez-toc-container .ez-toc-title-container {
  display: none !important;
}

/* Lijst styling zoals verticale scroll-navigatie */
.single-post #ez-toc-container ul.ez-toc-list {
  border: 1px solid rgb(0, 49, 52);
  background: #fff;
  padding: 10px !important;
  border-radius: 20px;
}

.single-post #ez-toc-container li {
  margin: 0 !important;
  padding: 0 !important;
}

.single-post #ez-toc-container a {
  display: block;
  padding: 8px 0 8px 18px;
  font-size: 13px;
  line-height: 1.35;
  color: rgba(255,255,255,0.55) !important;
  text-decoration: none !important;
  transition: all .25s ease;
}

/* Actieve / hover link */
.single-post #ez-toc-container a:hover,
.single-post #ez-toc-container .active > a,
.single-post #ez-toc-container a.ez-toc-link.active {
  color: #fff !important;
  transform: translateX(4px);
}

/* Actief streepje */
.single-post #ez-toc-container a:hover::before,
.single-post #ez-toc-container a.ez-toc-link.active::before {
  content: "";
  position: absolute;
  left: -1px;
  width: 2px;
  height: 18px;
  background: #E6B85C;
}

@media (max-width: 768px) {
  #ez-toc-container {
    display: none !important;
  }
}

#ez-toc-container a {
  position: relative;
}

#ez-toc-container a.active,
#ez-toc-container li.active > a {
  color: #111 !important;
  transform: translateX(4px);
}

#ez-toc-container a.active::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 18px;
  background: #C99A3B;
}

.single-post #ez-toc-container ul {
  border-left: 1px solid rgba(0,0,0,0.18);
  background: #fff;
  padding: 10px !important;
}

.single-post #ez-toc-container a {
  color: rgba(20,20,20,0.65) !important;
}

.single-post #ez-toc-container a:hover,
.single-post #ez-toc-container a.ez-toc-link.active {
  color: rgb(8, 29, 73) !important;
}

.single-post #ez-toc-container a:hover::before,
.single-post #ez-toc-container a.ez-toc-link.active::before {
  background: rgb(8, 29, 73);
}

/* Mobiel/tablet verbergen */
@media (max-width: 1200px) {
  .single-post #ez-toc-container {
    display: none !important;
  }
}


.transparent .header-main {
	height: 90px !important;
}
a.icon:not(.button), button.icon:not(.button) i {
	color: #fff !important;
}
.pum-theme-31541 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
	right: -130px !important;
}

.scroll-for-more:not(:hover) {
	opacity: 1 !important;
}
.icon-angle-down {
	font-size: 60px !important;
}
.icon-angle-down::after {
	content: "Scroll down";
	color: #fff;
	font-size: 18px;
	display: block;
}

.single-product .woocommerce-product-gallery__image img[src$=".svg"] {
    filter: invert(1) brightness(2);
}

.single-product .woocommerce-product-gallery__image img[src$=".png"] {
    filter: invert(1) brightness(2);
}

.button-product {
	border-radius: 20px; 
	font-size: 1.3em; 
	background: rgb(77, 171, 225) !important; 
	cursor: pointer;
	border: 4px solid rgb(39, 36, 106);
}

.mp-dot {
    position: relative;
    display: inline-block;
    width: 1em;      /* breedte van het ‘vakje’ */
    height: 1em;     /* hoogte van het ‘vakje’ */
}

/* De stip zelf */
.mp-dot::after {
    content: "";
    position: absolute;
    top: 85%;
    left: 20%;
    transform: translate(-50%, -50%);  /* precies in het midden van de regel */

    width: 0.3em;   /* grootte van de stip */
    height: 0.3em;
    border-radius: 50%;
    background-color: currentColor;    /* gebruikt de tekstkleur (secondary) */
}





.h-center {
  position: absolute !important;
  left: 50%;
  /* duw het element half z’n eigen breedte terug */
  transform: translateX(-50%) !important;
  /* optioneel ook verticaal centeren:
     top: 50%;
     transform: translate(-50%, -50%);
  */
}

.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:after {
	right: 0px;
	padding-top: 18px;
	height: 55px;
	width: 60px;
	border-radius: 0 20px 20px 0px;
}

.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
  text-shadow: none !important;
}

.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
	width: 60px;
	padding: 0px;
	margin: 0px;
	right: 5px !important;
}

.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
	left: auto !important;
	right: 6px !important;
	top: 15px ;
	width: 60px;
}
.archive .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
	top: 16px ;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit svg {
	width: 28px;
	height:28px;
}
	
.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.header-button .button {
	background: linear-gradient( to right , #4dabe1 0%, #2c86ba 100%);
	animation: animatedgradient 5s ease alternate infinite;
	box-shadow: none !important;
	padding-left:30px;
	padding-right:30px;
	border:1px solid #4dabe1;
}


.gradientbutton {
	background: linear-gradient( to right , #45597f 0%, #071e49 100%);
	animation: animatedgradient 5s ease alternate infinite;
	box-shadow: none !important;
	padding-left:30px;
	padding-right:30px;
	border:1px solid #071e49;
}

.gradientbutton2 {
	background: linear-gradient( to right , #4dabe1 0%, #2c86ba 100%);
	animation: animatedgradient 5s ease alternate infinite;
	box-shadow: none !important;
	padding-left:30px;
	padding-right:30px;
}

.gradientbutton3 {
	background: linear-gradient( to right , #761158 0%, #99086e 100%);
	animation: animatedgradient 5s ease alternate infinite;
	box-shadow: none !important;
	padding-left:30px;
	padding-right:30px;
}


.header-button .button.primary, .button {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: white;
    border-radius: 99px;
    transition: border-color 0.4s ease-in-out;
    overflow: hidden;
}

.ux-relay__nav-button svg {
	fill: #ffffff;
}
.header-button .button.primary:hover, .button:hover {
    border-color: #4dabe1; /* Border verschijnt bij hover */
}

.image-cover {
	border-radius: 20px 20px 0px 0;
}

.has-shadow > .col > .col-inner {
	border-radius: 20px;
}

.has-shadow .box:not(.box-overlay):not(.box-shade), .has-shadow.box:not(.box-overlay):not(.box-shade) {
    border-radius: 20px;
	border: 1px solid rgb(225, 225, 225);
	background: rgb(225, 225, 225);
}

.woocommerce-info {
    border-radius: 20px;
	border: 1px solid #e7e0f4;
	background: #fbfafd;
	text-align:center;
	padding:30px;
	margin-top:15px;
}

.box-shadow-3, .box-shadow-3-hover:hover, .row-box-shadow-3 .col-inner, .row-box-shadow-3-hover .col-inner:hover {
  box-shadow: 0px 0px 10px 10px rgba(0,0,0,.07),0 6px 6px rgba(0,0,0,.02);
}

.box-blog-post .post-title {
	min-height:120px;
}
.next-prev-thumbs {
	display: none;
}

.back-to-top {
	color: #fff !important;
}

.woocommerce-product-attributes-item__label {
	width: 50%;
	border-bottom: 0px !important;
	padding-left:15px !important;
	text-transform: none;
	vertical-align: top;
	padding-top: 15px;
}

.woocommerce-product-attributes-item:nth-child(odd) {
	background-color: rgba(71, 96, 67, 0.05); 
}

.downloadlist {
	background: linear-gradient( to right , #45597f 0%, #071e49 100%);
	animation: animatedgradient 5s ease alternate infinite;
	box-shadow: none !important;
	padding-left:30px;
	padding-right:30px;
	border-radius: 20px;
}

.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
	font-size: 18px;
	font-weight: 700;
}


.gfield_label {
	text-transform: none;
	color: rgb(77, 171, 225) !important;
	border: 0px;
	padding-bottom:2px !important;
	font-size: 18px !important;
}

#gform_1 .gfield_label {
	padding-bottom:0px !important;
}
.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	font-size:1em !important;
}

.gform_required_legend {
	display: none;
}
.gform_wrapper.gravity-theme .gfield-choice-input + label {
	font-size:1em;
	margin-bottom:25px;
}

.gform_wrapper.gravity-theme .gf_step_active .gf_step_number,.gform_wrapper.gravity-theme .gf_step_number {
	display:none;
}
.gform_wrapper.gravity-theme .gf_step_active .gf_step_label {
	background: #e2e2e8 !important;
	border-radius: 99px;
	width: 40px;
}
.gform_wrapper.gravity-theme .gf_step {
	margin: 8px 8px 8px 0;
}
.gform_wrapper.gravity-theme .gf_step_label {
	background: #747494;
	border-radius: 99px;
	padding-left: 12px;
}

.looptijd .noUi-tooltip {
	background: #17174C;
	color: #fff;
	border-radius: 99px;
	padding: 5px 10px;
	margin-bottom: 5px;
}
.looptijd .noUi-handle {
	border-radius: 99px;
	width: 15px;
	height: 15px;
	background: #17174C;
	box-shadow: none;
	margin-top:-2px;
}
.budget .noUi-tooltip {
	background: #FFC933;
	color: #17174C;
	border-radius: 99px;
	padding: 8px;
	margin-bottom: 5px;
}
.budget .noUi-handle {
	border-radius: 99px;
	width: 15px;
	height: 15px;
	margin-top:-2px;
}
.noUi-handle::after, .noUi-handle::before {
	display: none;
}

.noUi-target {
	margin-top: 50px;
	height:0px; 
}
.noUi-horizontal {
	height:0px; 
}

.looptijd .gfield_label {
	display: none !important;
}

input[type="radio"] {
	/* Add if not using autoprefixer */
	-webkit-appearance: none;
	/* Remove most all native input styles */
	appearance: none;
	/* For iOS < 15 */
	background-color: var(--form-background);
	/* Not removed via appearance */
	margin: 0;

	font: inherit;
	color: currentColor;
	width: 1.15em;
	height: 1.15em;
	border: 0.15em solid currentColor;
	border-radius: 50%;
	transform: translateY(-0.075em);

	display: grid;
	place-content: center;
}



input[type='radio']:checked:after {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #FFC933;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid #FFC933;
}
	
input[type="radio"]:checked+label{ 
	color: #FFC933;
} 



body .gform_wrapper ul li.gfield, 
.gform_wrapper li.hidden_label input,
body .gform_wrapper .top_label div.ginput_container{
	margin-top: 0px !important;
	font-size: 17.5px;
}

.gform_wrapper{
	margin-top: 0px !important;
}

.gform_button {
	border-radius: 99px;
	background: var(--fs-color-secondary) !important;
	color: #fff;
	text-transform: none;
	min-width:180px;
}

.gform_footer span:after
{
	content: "\f061";
	font-family: 'Font Awesome 5 Pro';
	z-index: 100; 
	margin-left: -35px;
	position:absolute;
	margin-top: 10px;
	color: #17174C;
	padding-left: 10px;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
	margin: 0px -5px 8px 0 !important;
	border-radius: 99px;
	width:170px;
}

.gfield_required {
	display: none !important;
}

.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	border-radius: 12px;
}

.buttonlist {
	float: right;
	margin-top: -2px !important;
	margin-bottom: -10px !important;
}

.box-text p {
	width: 60%;
	float: left;
}

.box-text {
	padding-bottom: 0.5em !important;
	padding-left: 0.5em !important;
	padding-right: 0.5em !important;
}
.woocommerce-loop-product__link {
	color: rgb(26, 48, 87);
}

html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
	border: 2px solid #99086e;
	box-shadow: none;
}

/* Animatie voor een subtiele puls */
@keyframes borderPulse {
    0% {
        box-shadow: 0 0 0px rgba(7, 30, 73, 0.5);
    }
    50% {
        box-shadow: 0 0 10px rgba(7, 30, 73, 0.8);
    }
    100% {
        box-shadow: 0 0 0px rgba(7, 30, 73, 0.5);
    }
}

/* Actieve animatie bij hover 
.header-button .button.primary:hover, .button:hover {
    animation: borderPulse 1.5s infinite ease-in-out;
}*/

.box-shadow, .box-shadow-2, .box-shadow-2-hover:hover, .row-box-shadow-2 .col-inner, .row-box-shadow-2-hover .col-inner:hover {
  box-shadow: 0 3px 6px -4px rgba(77,171,225,.16),0 3px 6px rgba(77,171,225,.23);
}

.box-vertical .box-image, .box-vertical .price-wrapper {
	display: none;
}

.box-vertical {
	border: 1px solid rgb(241, 241, 241);
	border-radius: 12px;
}

.off-canvas .nav-vertical > li > a {
	color: #ffffff;
	text-transform: none;
	font-size: 30px;
}

.border img, .border .img-inner {
	border-radius: 20px;
}


@keyframes bounce { 
    0%, 
    20%, 
    50%, 
    80%, 
    100% { 
		transform: translateY(0); 
    } 
    40% { 
        transform: translateY(-16px); 
        } 
    60% { 
       transform: translateY(-8px); 
        } 
     } 
.scroll-for-more { 
  animation: bounce 4s infinite; 
  color: #fff;
} 

.absolute-footer {
	display: none;
}

.single-post .page-wrapper {
	padding-top: 0px !important;
}

.single-post .entry-content {
	padding-top: 5px !important;
}

.post-type-archive-product .products {
	padding-top: 80px !important;
}

.archive .products {
	padding-top: 10px;
}

.post-type-archive-product .dgwt-wcas-search-wrapp {
	float: left;
}


.html_topbar_right .nav > li > a.button, .nav > li > a.button:hover {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.off-canvas-center .mfp-content {
    padding-top: 0px !important;
	margin-top: -80px !important;
}

/* Popup Maker altijd bóven alles */
.pum-overlay { z-index: 2147483000 !important; }
.pum-container, .pum { z-index: 2147483001 !important; }

/* Als onze custom class actief is: FiboSearch overlay/suggestions mogen niet "in de weg" zitten */
html.mp-pum-fix .dgwt-wcas-overlay,
html.mp-pum-fix .dgwt-wcas-overlay-mobile,
html.mp-pum-fix .dgwt-wcas-suggestions-wrapp {
  pointer-events: none !important;
  opacity: 0 !important;          /* alleen onzichtbaar, NIET display none */
}

.html_topbar_left {
	margin-bottom: 40px;
}

/* MedicaPharma - voorkom overlap sticky quote/sidebar met artikeltekst */
@media (min-width: 1200px) and (max-width: 1700px) {
  body.single-post .entry-title,
  body.single-post .entry-content {
    max-width: calc(100vw - 220px);
    width: 100%;
    margin-left: 0;
    margin-right: auto;
  }
}



/* Op kleinere schermen gewoon weer volledige breedte */
@media (max-width: 1199px) {
  body.single-post .entry-title,
  body.single-post .entry-content {
    max-width: 100%;
  }
}

@media only screen and (max-width: 1330px) {

.header-block .button {
	font-size: .8em !important;
}

.section-title-main {
	font-size: .8em !important;
}

.box-blog-post .post-title {
	min-height: 140px;
}
	
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.button-product {
	border-radius: 20px; 
	font-size: 1.3em; 
	background: rgb(77, 171, 225) !important; 
	cursor: pointer;
	border: 4px solid rgb(39, 36, 106);
}

.buttonhome, .text-center .button:first-of-type {
	margin-left:15px !important;
}

.off-canvas .nav-vertical>li>a {
	padding-bottom: 5px;
	padding-top: 5px;
}

.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
	left: auto !important;
	right: 6px !important;
	top: 16px !important;
	width: 60px;
}
.archive .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
	top: 15px !important;
}

.pum-theme-31541 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
	right: 0px !important;
	top:30px
}


table, table tr, table td {
	display:block;
	max-width: 95vw;
}
/* Zorgt ervoor dat de tabel op mobiel binnen het scherm blijft */
.woocommerce-product-attributes {
    width: 95vw;
    max-width: 95vw;
    border-collapse: collapse;
}

/* Voeg een scrollbare container toe voor kleine schermen */
.woocommerce-product-attributes-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Zorgt voor vloeiend scrollen op mobiel */
}

.woocommerce-product-attributes td p {
    word-wrap: break-word; /* Zorgt ervoor dat lange woorden worden afgebroken */
    overflow-wrap: break-word; /* Alternatief voor compatibiliteit */
    white-space: normal; /* Zorgt ervoor dat tekst zich op meerdere regels verspreidt */
}

.box-text {
	padding-bottom: 5em !important;
}
.box-text p {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.buttonlist {
  float: left;
  margin-top: -2px !important;
  margin-bottom: -10px !important;
}

}



/* Stijlen voor tabelcellen op kleinere schermen */
@media screen and (max-width: 600px) {
    .woocommerce-product-attributes th,
    .woocommerce-product-attributes td {
        white-space: nowrap; /* Voorkomt afbreken van lange woorden */
        padding: 8px;
        font-size: 14px;
		max-width:95vw;
    }
	.is-xlarge {
    font-size: 1.7em;
  }
}

@media (max-width: 768px) {
    .expand-on-mobile {
        display: block;
        width: 100%;
        text-align: center;
	
    }
	.text-center .button:first-of-type {
		margin-left: 0px !important;	
	}
.post-type-archive-product .category-page-title, .category-filtering {
	display: none !important;
}
.search-no-results .shop-page-title {
	display: block !important;
	padding-top: 82px !important;
}


}