@font-face {
    font-family: 'TT Hazelnuts';
    src: url('../fonts/TTHazelnuts-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Hazelnuts';
    src: url('../fonts/TTHazelnuts-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Hazelnuts';
    src: url('../fonts/TTHazelnuts-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.vap-printable {
    display: none;
}
.vapcartitemboxdetails {
    font-weight: normal;
    font-size: 16px;
}
span.vapcartitemname {
    font-size: 22px;
}
.vapcartitemname .fa-angle-down:before {
    display: none;
}
.vapcartitemdetlink .fa-bars:before {
    display: none;
}
.formplate .fp-toggler {
    background-color: #e58aac36 !important;
}
.vapsummaryoptionsheadtitle {
	font-size: 28px !important;
    line-height: 1.4;
    font-weight: 700;
	    font-family: TT Hazelnuts;
}
.vap-payments-list .vap-payment-wrapper:last-child {
    border-bottom: 0px solid #ddd;
}
.vap-payments-list .vap-payment-wrapper {
    border: 0px solid #ddd;
}
.vapempblock {
  box-shadow: none !important;
}
.vapempcontactsp {
  display: none !important;
}
.vap-empsearch-locations {
  display: grid !important;
}
.vap-calendar-legend-box {
  text-align: left !important;
}
.vap-cal-legend {
  padding-left: 0px !important;
  margin-top: 30px !important;
  margin-bottom: 35px !important;
}
.vap-checkout-bar .checkout {
  float: left !important;
  margin-left: 0px !important;
  margin-top: 35px !important;
}
.vapempimgdiv {
    display: none;
}
.vapempinfoblock {
  background:#fff;
}
.teamgrid .el-meta {
	color: #0b3052 !important;
    font-weight: 600;
    font-size: 12px;
}
.teamgrid  .fs-grid-item-holder {
    margin-top: 90px;
}
.lijstechos .el-content {
	padding-right: 15px;
	font-weight: 700;
}
.vapempnamediv a {
	pointer-events: none;
}
.formplate .fp-toggler.checked {
    background-color: #64BD63 !important;
}
/*uitzetten delen dashboard personeel*/

.werknemer .vapemplogintoolbardiv, .werknemer .vap-emplogin-dash, .werknemer .vapemplogintoolbardiv, .werknemer .vaptimeline {
	display: none !important;
}
.werknemer .vapreservationslistdiv {
	pointer-events: none;
}
.aftiteling a {
    color: #efb8cd !important;
}
button.vap-btn.blue, button.vap-btn.green {
  background: linear-gradient(90deg, rgba(204,153,255,1) 0%, rgba(255,120,74,1) 100%)!important;
  color: #fff!important;
  border: none!important;
  font-family: Aptos!important;
  font-weight: 500!important;
  text-transform: none!important;
  letter-spacing: 0!important;
  font-size: 15px!important;
  border-radius: 5px !important;
}
.cadeaubonoverlay a.el-link.uk-button.uk-button-primary {
    color: #fff !important;
}
.cadeaubonoverlay  .uk-overlay-primary {
    --uk-inverse: light;
    background: rgba(48, 48, 51, .6);
}
.cadeaubonoverlay  .el-content {
    color: #fff;
}
.mutteddouble {
	background: #f8f8f8;
}
.teamgrid img.el-image {
    margin-top: -85px;
    margin-left: 20%;
	border-radius: 50%;
}
.teamgrid .el-title, .teamgrid .el-content {
	color: #00274b !important;
}
.footernav a.el-link {
	font-size: 15px;
    line-height: 0.4;
    color: #fff !important;
    font-family: Aptos;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0;
}
.kaart {
	border-radius: 15px;
	box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
    border: none;
}
.muteddouble {
    --uk-inverse: dark;
    background: #f3f3f3;
}
.iconusp .fa-thin  {
    font-size: 36px;
	color: #fa7c5f;
}
.iconusp .fa-instagram {
       font-size: 36px;
	   color: #fa7c5f;
}
.gridusp .el-item {
	padding-top: 20px;
}
.uk-card-default { 
box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
    border: none;
	border-radius: 15px;
}
.diensten span.el-image.uk-icon {
    color: #ef8544;
}
.contactform .uk-card-default {
	margin-top: -330px;
}
.uk-section-primary {
    --uk-inverse: light;
background: rgb(255,120,74);
background: linear-gradient(90deg, rgba(255,120,74,1) 0%, rgba(255,153,51,1) 100%);
}
.uk-section-secondary {
    --uk-inverse: light;
background: rgb(204,153,255);
background: linear-gradient(90deg, rgba(204,153,255,1) 0%, rgba(255,120,74,1) 100%);
}
.tertiary.uk-section-secondary {
    --uk-inverse: light;
    background: rgb(204,153,255);
background: linear-gradient(90deg, rgba(204,153,255,1) 0%, rgba(255,120,74,1) 50%, rgba(255,153,51,1) 100%);
}
.animatieback.uk-section-secondary {
    --uk-inverse: light;
  background: linear-gradient(90deg, rgba(204,153,255,1) 0%, rgba(255,120,74,1) 100%);
  background-size: 200% 200%;
  animation: gradientShift 15s ease infinite;
}
.animatiebackdrie.uk-section-secondary {
    --uk-inverse: light;
  background: linear-gradient(90deg, rgba(204,153,255,1) 0%, rgba(255,120,74,1) 50%, rgba(255,153,51,1) 100%);
  background-size: 200% 200%;
  animation: gradientShift 10s ease infinite;
}
@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.uk-button-primary, .btn-primary {
    background: linear-gradient(90deg, rgba(204,153,255,1) 0%, rgba(255,120,74,1) 100%);
    color: #fff;
    border: none;
}
.uk-button-secondary {
    background: linear-gradient(90deg, rgba(255,120,74,1) 0%, rgba(255,153,51,1) 100%);
    color: #fff;
    border: none;
}
.uk-button-primary:hover, .btn-primary:hover  {
    background: linear-gradient(90deg, rgba(255,120,74,1) 0%, rgba(204,153,255,1) 100%);
    color: #fff;
    border: none;
}
.uk-button-secondary:hover {
    background: linear-gradient(90deg, rgba(255,153,51,1) 0%, rgba(255,120,74,1) 100%);
    color: #fff;
    border: none;
}
.animatieknop .uk-button-primary {
    background: linear-gradient(90deg, rgba(204,153,255,1) 0%, rgba(255,120,74,1) 100%);
    color: #fff;
	  background-size: 200% 200%;
    border: none;
	  animation: gradientShift 2s ease infinite;
}

/*.uk-sticky-fixed {
    background: #ffffff;
}*/
.echonav .uk-nav-default>li:not(.uk-active)>a:not(:hover) .uk-nav-subtitle {
    color: #b4b5ba;
    font-size: 15px;
    font-weight: 300;
	font-family: TT Hazelnuts;
}
.echonav .uk-nav-default .uk-nav-subtitle {
      color: #b4b5ba;
    font-size: 15px;
    font-weight: 300;
	font-family: TT Hazelnuts;
}
.echonav .uk-nav-default > li > a:hover {
	font-family: TT Hazelnuts;
}

.uk-navbar-nav>li.uk-active>a {
    color: #eb8698;
}
.uk-navbar-container.uk-navbar-sticky {
    background-color: rgba(255, 255, 255, .7);
    backdrop-filter: blur(15px);
	box-shadow: 0 2px 4px rgba(7, 37, 68, .06);
}
.diensten .uk-inline-clip.uk-transition-toggle {
    border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

#tm-dialog-mobile .uk-nav>li>a {
    padding: 6px 0;
}
.uk-nav-default>li.uk-active>a {
    color: #eb8698;
}
.uk-input, .uk-select:not([multiple]):not([size]) {
    border-bottom: 0px solid #e5e5e7;
    background: #f5f5f5;
}
.uk-textarea {
    border-bottom: 0px solid #e5e5e7;
	    background: #f5f5f5;
}
.uk-nav-default>li>a {
    color: #00274b;
}
.offcanvasextra {
	background: #f7f7f7;
	padding-top: 100px;
	padding-bottom: 25px;
}
div#module-menu-dialog-mobile {
    padding-top: 35px;
    padding-left: 50px;
}
.footersectie .uk-text-meta {
    color: rgb(255 255 255) !important;
}


fieldset#jform_design_id {
    display: flex;
}
legend.visually-hidden {
    display: none;
}
fieldset#jform_amount {
    border: none;
	margin-left: -15px;
}
.cmgiftcard fieldset {
	   border: none;
}
.cmgiftcard legend {
    display: none;
}
.cmgiftcard .cart .thumbnail-container {
    width: 15% !important;
 
}
input#jform_from_name, input#jform_to_name, input#jform_to_email, input#jform_first_name, input#jform_last_name, input#jform_email  {
	    background: #f5f5f5;
		    width: 400px;
			height: 35px;
			border: none;
			margin-top: 5px;
			    font-size: 15px;
    color: #2d2e33;
    font-family: Aptos;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;

}
input#jform_to_name {
	    margin-bottom: 15px;
}
textarea#jform_message {
    width: 400px;
    height: 250px;
    border-radius: 5px;
    background: #f5f5f5;
	margin-top: 5px;
	border: none;
	    font-size: 15px;
    color: #2d2e33;
    font-family: Aptos;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
		padding: 15px;
}
.hero video {
height: 500px !important;
}
.cmgiftcard {
	box-shadow: 0px 7px 25px 7px rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 15px;
	padding: 25px;
	
}
.cmgiftcard .design-list .input {
    margin: 15px 0 10px !important;
}
fieldset#jform_design_id {
    margin-left: -10px;
	width: 500px;
}
button.btn.btn-primary.btn-large {
	    background: linear-gradient(90deg, rgba(204, 153, 255, 1) 0%, rgba(255, 120, 74, 1) 100%);
    color: #fff;
    background-size: 200% 200%;
    border: none;
    animation: gradientShift 2s ease infinite;
	font-size: 15px;
    line-height: 38px;
	font-family: Aptos;
    font-weight: 500;
    text-transform: lowercase;
    letter-spacing: 0;
border-radius: 5px;
    padding: 0px 15px;
}
button.btn.btn-danger.btn-sm, button.btn.btn-danger  {
	    background: linear-gradient(90deg, rgba(204, 153, 255, 1) 0%, rgba(255, 120, 74, 1) 100%);
    color: #fff;
    background-size: 200% 200%;
    border: none;
	font-size: 15px;
    line-height: 26px;
	font-family: Aptos;
    font-weight: 500;
    text-transform: lowercase;
    letter-spacing: 0;
border-radius: 5px;
    padding: 0px 15px;
}
.cmgiftcard label {
    font-size: 15px;
    color: #2d2e33;
    font-family: Aptos;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
}


@media (max-width: 960px) {
	.contactform .uk-card-default {
    margin-top: 0px;
}
	
}


@media (max-width: 960px) {
.hero .tm-mask-default {
    margin-bottom: -44px;
    margin-left: -70px;
    margin-right: -65px;
    margin-top: 25px;
    max-width: fit-content;
}
}