/*
 Theme Name:     2Special
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    2Special customizations
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

.custom-button {
	background-color: #039855;
    padding-top: var(--gvid-ifghb40mi5) !important;
    padding-right: var(--gvid-73p235z53k) !important;
    padding-bottom: var(--gvid-ifghb40mi5) !important;
    padding-left: var(--gvid-73p235z53k) !important;
    border-top-left-radius: var(--gvid-6flppz1va5);
    border-top-right-radius: var(--gvid-6flppz1va5);
    border-bottom-left-radius: var(--gvid-6flppz1va5);
    border-bottom-right-radius: var(--gvid-6flppz1va5);
    border-width: var(--gvid-9wmy11b6gv);
    border-color: #039855;
    border-style: solid;
    transition-property: background-color;
    transition-duration: 300ms;
    transition-timing-function: ease;
    transition-delay: 0ms;
	color:white;
	font-size:12px;
	    display: flex;
    align-items: center;
}

.custom-button:hover {
	background:white;
	color: var(--gcid-primary-color);
	fill: var(--gcid-primary-color);
}

.custom-button:hover svg{

	fill: var(--gcid-primary-color);
}

.custom-button.big {
	padding:.5rem!important;
	font-size:14px;
}

.betaal-knop a{
	min-width: 200px;
    flex-grow: grow;
    height: 100%;
    display: flex;
    justify-content: center;
}

.custom-button.edit{
	background-color: var(--gcid-mijqx5nvp6);
	border-color: var(--gcid-mijqx5nvp6);
}
.custom-button.edit:hover{
	color: var(--gcid-mijqx5nvp6);
}

.custom-button.duplicate {
	background-color: var(--gcid-lmglcxnepk);
	border-color: var(--gcid-lmglcxnepk);
	border-color:#465fff;
	background:#465fff;
	display:flex;
	align-items:center;
	gap:.5rem;
}



.custom-button.duplicate:hover{
	color: var(--gcid-lmglcxnepk);
	color:#465fff;
	background:white;
}

.custom-button.duplicate:hover svg{
	
	fill:#465fff;
}

.custom-button.delete{
	background-color: var(--gcid-5czzgbhbeo);
	border-color: var(--gcid-5czzgbhbeo);
}
.custom-button.delete:hover{
	color: var(--gcid-5czzgbhbeo);
}

.hidden-field {
	display:none!important;
}

/*.gform-footer.gform_footer.top_label {
    background: var(--color-second);
    position: fixed;
    bottom: 14px;
    width: 90vw;
    height: 60px;
    z-index: 9;
    display: flex;
    justify-content: center;
    border-radius: 10px;
	padding:10px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
} */

.lijst-form .gform-theme--foundation .gform_fields{
	row-gap:8px!important;
}

.lijst-form .gform_button {

	    background-color: var(--gcid-primary-color) !important;
}

:root {
    --color-first: var(--gcid-primary-color);
    --color-second: var(--gcid-secondary-color);
    --color-third: var(--gcid-fhsfxjyclt); 
	--color-fourth: var(--gcid-krvil1x3o0);
	
	--0\.125: var(--gvid-30qn4f5q3e);	
	--0\.25: var(--gvid-yf0vyb2i7a);
	--0\.375: var(--gvid-vlz3hy6e34);
	--0\.5: clamp(0.4375rem, 0.5vw, 0.5625rem);
	--0\.75: clamp(0.65625rem, 0.75vw, 0.84375rem);
	--0\.875: clamp(0.765625rem,0.875vw,0.984375rem);
	--1: var(--gvid-3zovsx3p8e);
	--1\.25: var(--gvid-m6sia2j6lc);
	--1\.5: var(--gvid-t95w1hkmp5);
	--1\.75: var(--gvid-7xgm3lv9dw);
	--2: var(--gvid-z4dtpcfe7w);
	--2\.5: var(--gvid-3s0jglxkoz);
	--3: var(--gvid-r2e2hkcff5);
	--3\.5: var(--gvid-9xtwxunl0h);
	--4: var(--gvid-pa5ho1tz8c);
	--4\.5: var(--gvid-o111qatjzz);
	--5: var(--gvid-d2tr9qmos8);
	
	--shirt-size: var(--3);

	--transition: all 0.2s ease-in-out;

}

html,
body {
	font-size:15px!important;
	line-height:normal!important;
	font-weight:400;
}



.et_pb_text h1,
.et_pb_text h2,
.et_pb_text h3,
.et_pb_text h4,
.et_pb_text h5,
.et_pb_text h6, h2, h3, h4, h5, h6
{
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	line-height:1.2;
}

.size-0\.875 {font-size:var(--0\.875)!important;}
.size-0\.75 {font-size:var(--0\.75)!important;}
.size-1\.25{font-size:var(--1\.25)!important;}
.size-1\.625{font-size:var(--1\.625)!important;}

/*padding and margin*/
.p-0\.5 {padding:var(--0\.5)!important;}
.py-0\.5 {padding-top:var(--0\.5)!important; padding-bottom:var(--0\.5)!important;}

.p-1 {padding:var(--1)!important;}
.px-1 {padding-left:var(--1); padding-right:var(--1)}
.pb-2 {padding-bottom: 2rem!important;}
.py-2 {padding-bottom: 2rem!important; padding-top: 2rem!important;}
.my-2 {margin-bottom: 2rem!important; margin-top: 2rem!important;}
.mb-2 {margin-bottom: 2rem!important; }
.pb-3 {padding-bottom: 3rem!important;}

.border-solid {border-style:solid;}
.border-width-0\.125 {border-width:var(--0\.125);}
.border-width-1 {border-width:var(--1);}

.border-radius-1 {border-radius:var(--1);}
.border-color-first {border-color:var(--color-first);}

.bg-color-first-50 {background-color: hsl(from var(--gcid-primary-color) calc(h + 0) calc(s + 0) calc(l + 0) / 0.5);
}
.bg-color-second-50 {background-color: hsl(from var(--gcid-secondary-color) calc(h + 0) calc(s + 0) calc(l + 0) / 0.5);
}

.shirt {
	min-width: var(--shirt-size);
    min-height: var(--shirt-size);
    width: var(--shirt-size);
    height: var(--shirt-size);
	border-radius:calc(var(--shirt-size) / 2);
}

/*flexbox*/

/* ------ START FLEXBOX STYLES :-)------- */

.flex {
    display: flex!important;
}

.flex-direction-column {
    flex-direction: column;
}

.flex-direction-row {
    flex-direction: row!important;
}

.justify-content-space-between {
    justify-content: space-between;
}

.justify-content-space-around {
		justify-content: space-around;
	}    

.align-items-center {
    align-items: center !important;
}

.align-content-center {
	align-content:center;
}

.align-items-flex-start {
    align-items: flex-start!important;
}

.align-items-flex-end {
    align-items: flex-end;
}

.align-content-flex-start {
    align-content: flex-start!important;
}

.align-content-flex-end {
    align-content:flex-end;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-flex-start {
    justify-content: flex-start;
}

.justify-content-flex-end {
    justify-content: flex-end !important;
}

.flex-grow-1{
	flex-grow: 1!important;
}



.flex-wrap-wrap {
    flex-wrap: wrap;
}

.nowrap {
	flex-wrap:nowrap;
}

.align-content-stretch {
	align-content:stretch;
}
.align-content-space-between {
align-content: space-between;
}

.align-content-space-around {
    align-content: space-around;
}

.gap-size-0\.125 {gap:var(--0\.125)!important;}
.gap-size-0\.25 {gap:var(--0\.25)!important;}
.gap-size-0\.375 {gap:var(--0\.375)!important;}
.gap-size-0\.5 {gap:var(--0\.5)!important;}
.gap-size-0\.75 {gap:var(--0\.75);}
.gap-size-1 {
	gap:var(--1)!important;

}
.gap-size-2 {
	gap:var(--2)!important;

}

.font-weight-700 {font-weight:700;}


/*-------------------------------- START Buttons ------------------------------------------- 

a.custom-button, .custom-button a, .custom-form.custom-button input.gform_button {
	text-align: center!important;
    display: flex!important;
    transition: var(--transition);
	align-items: center;
	width:fit-content;
	border-radius: var(--0\.25)!important;
	padding-top: var(--0\.5)!important;
	padding-bottom: var(--0\.5)!important;
	padding-left: var(--1\.5)!important;
	padding-right: var(--1\.5)!important;
}

.custom-form.custom-button input.gform_button {
	height:0!important;
}

/* add icon to custom button 
.custom-button.icon a {
	gap:.5rem;
}

.custom-button.icon a:after {
	content: '$';
    font-family: ETmodules !important;
	font-size: var(--icon-size);
	line-height: 0;
	margin-top: 3px;
	transition: var(--transition);
}

/* makes buttons full width 
.custom-button.wide a{
	width:100%;
	justify-content: space-between;
}
/* start define color first 
		.custom-button.color-first a, .custom-form.custom-button.color-first input.gform_button {
			color: white!important;
			border: 1px solid var(--color-first)!important;
			background-color: var(--color-first)!important;
		}
		.custom-button.color-first a:hover,  .custom-form.custom-button.color-first input.gform_button:hover {
			color: var(--color-first)!important;
			border: 1px solid var(--color-first)!important;
			background-color: white!important;
		}

		/* variation color first outline 
		.custom-button.color-first.outline a {
			color: var(--color-black)!important;
			border: 1px solid var(--color-first)!important;
			background-color: unset!important;
		}

		.custom-button.color-first.outline a:hover {
			color: white!important;
			border: 1px solid var(--color-first)!important;
			background-color: var(--color-first)!important;
		}

		.custom-button.color-first.outline.icon a:after {
				color: var(--color-first)!important;
		}	

		.custom-button.color-first.outline.icon a:hover:after {
				color: white!important;
		}
/* end define color first */
/* start define color second 
		.custom-button.color-second a {
			color: white!important;
			border: 1px solid var(--color-second)!important;
			background-color: var(--color-second)!important;
		}
		.custom-button.color-second a:hover {
			color: var(--color-second)!important;
			border: 1px solid var(--color-second)!important;
			background-color: white!important;
		}

		/* variation color second outline 
		.custom-button.color-second.outline a {
			color: var(--color-black)!important;
			border: 1px solid var(--color-second)!important;
			background-color: white!important;

		}

		.custom-button.color-second.outline a:hover {
			color: white!important;
			border: 1px solid white!important;
			background-color: var(--color-second)!important;
		}

		.custom-button.color-second.outline.icon a:after {
				color: var(--color-second)!important;
		}	

		.custom-button.color-second.outline.icon a:hover:after {
				color: white!important;
		}
/* end define color second */
/* start define color third 
		.custom-button.color-third a {
			color: white!important;
			border: 1px solid var(--color-third)!important;
			background-color: var(--color-third)!important;
		}
		.custom-button.color-third a:hover {
			color: var(--color-third)!important;
			border: 1px solid var(--color-third)!important;
			background-color: white!important;
		}

		/* variation color third outline 
		.custom-button.color-third.outline a {
			color: var(--color-black)!important;
			border: 1px solid var(--color-third)!important;
			background-color: white!important;
		}

		.custom-button.color-third.outline a:hover {
			color: white!important;
			border: 1px solid white!important;
			background-color: var(--color-third)!important;
		}
		.custom-button.color-third.outline.icon a:after {
				color: var(--color-third)!important;
		}	

		.custom-button.color-third.outline.icon a:hover:after {
				color: white!important;
		}
/* end define color third */
/* start define color fourth 
		.custom-button.color-fourth a {
			color: white!important;
			border: 1px solid var(--color-fourth)!important;
			background-color: var(--color-fourth)!important;
		}
		.custom-button.color-fourth a:hover {
			color: var(--color-fourth)!important;
			border: 1px solid var(--color-fourth)!important;
			background-color: white!important;
		}

		/* variation color fourth outline 
		.custom-button.color-fourth.outline a {
			color: var(--color-black)!important;
			border: 1px solid var(--color-fourth)!important;
			background-color: unset!important;
		}

		.custom-button.color-fourth.outline a:hover {
			color: white!important;
			border: 1px solid white!important;
			background-color: var(--color-fourth)!important;
		}
		.custom-button.color-fourth.outline.icon a:after {
				color: var(--color-fourth)!important;
		}	

		.custom-button.color-fourth.outline.icon a:hover:after {
				color: white!important;
		}
/* end define color fourth */

.category-item:hover{
	cursor:pointer;
	background-color: hsl(from var(--gcid-primary-color) calc(h + 0) calc(s + 0) calc(l + 0) / 0.25);
}

.category-item .et_pb_image {
	transition: all 0.2s ease-in-out;
	max-width:30%;
}

.category-item:hover .et_pb_image {
	transform:scale(1.1);
	
}

.category-item .et_pb_icon{
	opacity:0;
	margin-left:-20px;
	transition: all 0.2s ease-in-out;
	margin-top:3px;
}

.category-item:hover .et_pb_icon{
	opacity:1;
	margin-left:0;
}

/*---------------------------start-vertical-menu----------------------*/
.vertical-menu.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul {
	flex-direction: column;
	gap:0;
}

.vertical-menu.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul a {
	line-height: var(--line-height)!important;
}

.vertical-menu.et_pb_menu .et_pb_menu__menu {
        display: flex;
    }

.vertical-menu.et_pb_menu .et_mobile_nav_menu {
	display: none;
}

.vertical-menu.et_pb_menu .et_pb_menu__wrap {
        justify-content: flex-start!important;
}
/*---------------------------end-vertical-menu----------------------*/

@media only screen and (min-width: 768px) {
.unequal {
	transform: translateY(calc(var(--gvid-r0azl771if) * -1));
}
	}
/*-------------------------------- START BULLITS ------------------------------------------- */

.et_pb_text_inner ul {
	list-style: none;
	padding:0;
	display:flex;
	gap: var(--0\.75);
    flex-direction: column;
}

.et_pb_text_inner li {
	display:flex;
	gap: var(--0\.75);
	line-height:1.4;
	align-items: center;
}

.et_pb_text_inner li::before {
	content: '$';
	font-family: ETmodules !important;
	display: inline-block;
	width: 28px;
	height: 28px;
	min-width: 28px;
	min-height: 28px;
	line-height: 28px;
	text-align: center;
	font-size:var(--rem)!important;
	border-radius: 60px;
	background: var(--color-first);
	box-shadow: 0 1px 0 rgba(0,0,0,0.02) inset;
	color:white;
}

.color-first .et_pb_text_inner li::before {
	background: var(--color-first);
}
.color-second .et_pb_text_inner li::before {
	background: var(--color-second);
}
.color-third .et_pb_text_inner li::before {
	background: var(--color-third);
}
.color-fourth .et_pb_text_inner li::before {
	background: var(--color-fourth);
}
/* ---------------------------------- ***** END BULLITS ***** ----------------------------------*/

/* ------------------------------ > START tables --------------------------*/

@media only screen and (max-width: 768px) {
.table-holder {
	overflow-x: scroll;
}
}
	
.table-holder .et_pb_code_inner{
	padding:1px;	
}

.table-holder .et_pb_code_inner table {
 	border-collapse: collapse;
    border-radius: var(--0\.5);
    border-style: hidden; /* hide standard table (collapsed) border */
    box-shadow: 0 0 0 1px #666; /* this draws the table border  */ 
	width:100%;
}

.table-holder .et_pb_code_inner table tr:first-child th:first-child  {
    border-top-left-radius: var(--0\.5);
}

.table-holder .et_pb_code_inner table tr:first-child th:last-child  {
    border-top-right-radius: var(--0\.5);
}


.table-holder .et_pb_code_inner td, .table-holder .et_pb_code_inner th {
	padding:var(--1);
}

.table-holder .et_pb_code_inner th {
	background:var(--color-first);
	color:white!important;
	text-align:left;
}

.table-holder .et_pb_code_inner tr {
	border:1px solid var(--color-first);
}

.table-holder .et_pb_code_inner tr td {
	border-top:none;	
	color:var(--color-first);
}

.price {
	display: flex;
    justify-content: space-between;
    gap: .5rem;
}

.table-holder .et_pb_code_inner tr td:first-child{
	background:	hsl(from var(--color-second) calc(h + 0) calc(s + 0) calc(l + 0) / 0.1);
}

/

/*----------------- hamburger menu ---------------------------------*/

.hamburger {
  width: 30px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  gap:5px;
}

.line {
  display: block;
  height: 3px;
  width: 100%;
  background: var(--color-first);
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.hamburger.open .line {
	background:white;
}

.hamburger .line-1 {
	position: relative;
    top: 0px;
}

.hamburger.open .line-1 {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
 	position: relative;
    top: 8px;

}

.hamburger.open .line-2 {
	opacity:0;
  
  transition-delay: 100ms;
   transition: all 0.5s ease;
}

.hamburger .line-3 {
	position: relative;
    bottom: 0px;
}

.hamburger.open .line-3 {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
	position: relative;
    bottom: 8px;
}  

#slide-in-menu-container {
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
	height: 100vh;
    position: fixed;
    top: 0;
    left: 100%;
    width: 100dvw;
	z-index:9;
}

#slide-in-menu-container.slide-in-menu-open {
	left:0!important;
}

#section-mobile-menu{
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

#section-mobile-menu.open{
	background-color:rgba(0,0,0,0.00)!important;
}

.hide-scrollbar {
	overflow:hidden;
}

#logo.hidden {
    opacity: 1;
	transition: all .3s;
}

#logo.hidden {
    opacity: 0;
}

/* ------------------------------ START CUSTOM FORMS ------------------------------*/

div#gform_fields_login {
	display:flex;
	flex-direction: column;
	gap:8px;
	margin-bottom:8px;
}

form{
	padding-bottom:1px!important;
}

.custom-form input[type=text], .custom-form input[type=submit], .custom-form input[type=password], .custom-form input[type=email],
.custom-form textarea, .custom-form select {
    border: 1px solid #ddd!important; 
    border-radius: var(--0\.5)!important;
    background-color: white!important;
    padding-left: var(--1)!important;
    padding-right: var(--1)!important;
    font-size: var(--1)!important;
	box-shadow: none!important;
	border:1px solid #000;
}

.custom-form input[type=text], .custom-form .ts-control, .custom-form select, .custom-form input[type=submit], .custom-form input[type=password], .custom-form input[type=email]{
    height:50px!important;
	align-items:center;
}

.ts-control {
    border: 1px solid #ddd;
    padding: 0 0.75rem!important;
}

.custom-form input[type=submit] {
	background-color: var(--color-first)!important;
	color:white!important;
	border:1px solid var(--color-first)!important;
	transition: var(--transition);
}

.custom-form input[type=submit]:hover {
	background-color: white!important;
	color: var(--color-first)!important;
	border:1px solid var(--color-first)!important;
	cursor:pointer;
}


/* << ---------------<<  RADIO BUTTONS IN FORM -------------------<<*/




/* RADIO BUTTONS IN FORM */



/* << ---------------<< END radio Field -------------------<<*/


/* ------------------------------------- start custom checkbox -----------------------------------*/


/* ------------------------------------- end custom checkbox -----------------------------------*/



.renner-holder {
	display:grid!important;
	gap:var(--1);
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	
}

.renner {
	border:1px solid #f00;
	padding:0.5rem;
	border-radius:0.5rem;
}
.acf-view__lijsten {
    display: flex;
    flex-direction: column;
}

.lijst-form .gform-body .gform_fields{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}



div#field_2_14 , div#field_2_20 {
	grid-column: 1 / 6!important;
}





.lijst-form .gform-theme--foundation .gfield--width-full {
	grid-column: unset!important;
}

.lijst-form.custom-form .fullwidth label {
	margin-bottom:0;
	display: flex;
    align-items: center;
}



.lijst-form.custom-form .fullwidth {
	grid-column: 1 / 6 !important;
	display:flex;
	flex-direction: column;
    align-items: flex-start;
}

 .lijst-form.custom-form .fullwidth select {
    width:100%!important;
 }

.lijst-form.custom-form .fullwidth input, .ginput_container.ginput_container_text {
	width:100%;
}

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

    .lijst-form .gform-body .gform_fields{
	grid-template-columns: 1fr 1fr 1fr;
}

.lijst-form .gform-theme--foundation .gfield--width-full.fullwidth {
	grid-column: 1 / 4!important;
}
	
.renner-holder {
	display:grid!important;
	gap:var(--1);
	grid-template-columns: 1fr 1fr 1fr;
	
}	
	.lijst-form .gform-body .gform_fields{
	grid-template-columns: 1fr 1fr 1fr;
}
	.lijst-form .gform-theme--foundation .gfield--width-full {
	/*grid-column: 1!important;*/
}
	
}


@media only screen and (max-width: 768px) {
	
.renner-holder {
	display:grid!important;
	gap:var(--1);
	grid-template-columns: 1fr;
	
}	
	.lijst-form .gform-body .gform_fields{
	grid-template-columns: 1fr;
}
	.lijst-form .gform-theme--foundation .gfield--width-full {
	grid-column: 1!important;
}
	
}



.lijst-form .gform-theme--foundation .gfield {
    grid-column: unset;
}

.lijst-form .gfield {
	border:var(--0\.125) solid var(--color-first);
	/*padding: var(--0\.5);*/
	border-radius:var(--1);
	    display: flex;
    align-items: center;
	    gap: var(--0\.5) !important;
}

.lijst-form .gfield.renner label {
	border:var(--0\.125) solid var(--color-first);
	min-width: var(--shirt-size);
    min-height: var(--shirt-size);
    width: var(--shirt-size);
    height: var(--shirt-size);
    border-radius: calc(var(--shirt-size) / 2);
	display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom:0!important;
	font-weight:700;
	background:var(--color-second);
}

.lijst-form .gfield .ginput_container  {
	flex:2;
}

.lijst-form.custom-form .fullwidth .ginput_container {
    display:flex;
    width:100%!important;
}

.lijst-form .ts-control {
	border-radius:var(--1);
}

/* ai code */


.lijst-melding {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 12px 44px 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    transition: opacity 0.4s ease, transform 0.4s ease, max-height 0.4s ease, margin 0.4s ease, padding 0.4s ease;
    max-height: 120px;
    overflow: hidden;
}

.lijst-melding.succes {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #86efac;
}

.lijst-melding.is-hidden {
    opacity: 0;
    transform: translateY(-6px);
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
}

.lijst-melding-link {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: #166534;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.lijst-melding-link:hover {
    background: #14532d;
    color: #fff;
}

.lijst-melding-sluiten {
    position: absolute;
    top: 8px;
    right: 10px;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
}

.lijst-melding-sluiten:hover {
    opacity: 0.75;
}



.lijst-stat {
    display: flex;
    flex-direction: column;
   
    font-size: 14px;
    font-weight: 400;
	color:#666;
}

.lijst-stat-icon {
	padding:4px;
	border-radius:8px;
}

.lijst-stat-icon.success {
	background:#ecfdf3;
	fill:#039855;
}

.lijst-stat-icon.failed {
	background:#FEF3F1;
	fill:#d92d20;
}



.lijst-stat.betaald h2{

    color: #039855;
}

.lijst-stat.onbetaald h2{

    color: #d92d20;
}

.lijst-stat.onbekend {
    background: #f3f4f6;
    color: #4b5563;
}


.lijst-item {
    padding: 18px 0.5rem;
    border-bottom: 1px solid hsl(from var(--gcid-primary-color) calc(h + 0) calc(s + 0) calc(l + 0) / 0.15);
        background-color: hsl(from var(--gcid-primary-color) calc(h + 0) calc(s + 0) calc(l + 0) / 0) !important;
    display: flex;
    justify-content: space-between;
        align-items: flex-start;
    gap: 16px;
    /*border-radius: 0.5rem;*/
    transition: background-color 0.35s ease-in-out
}

.lijst-item:nth-child(odd){
            background-color: hsl(from var(--gcid-primary-color) calc(h + 0) calc(s + 0) calc(l + 0) / 0.025) !important;

}

.lijst-item:hover {
        background-color: hsl(from var(--gcid-primary-color) calc(h + 0) calc(s + 0) calc(l + 0) / 0.05) !important;
    border-color:white;
}


.lijst-item h3 {
padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    font-size: 15px;
    line-height: 1 !important;
    font-weight: 400;
}



.lijst-titel a {
    text-decoration: none;
    color: inherit;
}

.lijst-acties {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
	align-items: center;
}

.lijst-knop {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.lijst-bekijk-knop {
    background: #2563eb;
    color: #fff;
}

.lijst-bekijk-knop:hover {
    background: #1d4ed8;
    color: #fff;
}

.lijst-verwijder-knop {
    background: #dc2626;
    color: #fff;
}

.delete-icon {
	fill:#dc2626;
}

.delete-icon-inactive {
	fill:#ccc;
}


.delete-icon:hover {
	fill:black;
}

.duplicate-icon {
	fill:white;
}

.lijst-verwijder-knop:hover {
    background: #b91c1c;
    color: #fff;
}

.lijst-status {
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
}

.lijst-status.concept {
    background: #fef3c7;
    color: #92400e;
}

.lijst-status.wachtend {
    background: #dbeafe;
    color: #1e40af;
}

.lijst-status.ingepland {
    background: #ede9fe;
    color: #5b21b6;
}

.lijst-subleague {

   background-color:#fffaeb;
    color: #dc6803;*/
}

.betaal-badge, .lijst-subleague {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
	display: flex;
    align-items: center;
    gap: .5rem;
	line-height: 1;
}

span.betaal-badge:before {
background: #d92d20;
    content: "";
    width: 6px;
    height: 6px;
    display: flex;
    border-radius: 3px;
}

.betaal-badge.betaald {
    background: #ecfdf3;
    color: #039855;
}

.betaal-badge.onbetaald {
    background: #fef3f2;
    color: #d92d20;
}

span.betaal-badge.betaald:before {
background: #039855;
}

.onbekend {
    background: #e5e7eb;
    color: #374151;
}
.lijst-dupliceer-knop {
    background: #f59e0b;
    color: #fff;
}

.lijst-dupliceer-knop:hover {
    background: #d97706;
    color: #fff;
}


.lijst-knop.is-disabled,
.lijst-knop:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.lijst-verwijder-knop.is-disabled,
.lijst-verwijder-knop:disabled {
    background: #ccc;
    border-color: #ccc;
    color: #666;
}

.entry-content {
	background-color:white;
	border:1px solid #333;
	padding:16px;
	border-radius:8px;
}

.lijst-item.js-clickable-card {
    cursor: pointer;
    /*transition: box-shadow 0.2s ease, transform 0.2s ease;*/
}

.lijst-item.js-clickable-card:hover {
    /*transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);*/
}

.lijst-item.js-clickable-card:focus {
   /* outline: 2px solid #2271b1;
    outline-offset: 2px;*/
}

.template-lijsten .et_pb_text_inner{
	display:flex;
	flex-direction: column;
	gap:1.5rem;
}


.lijsten-samenvatting {
    display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
    gap: .5rem;
	background:white;
	padding:1.5rem;
	border-radius:1rem;
	flex:1;
	align-items: flex-start;
    width:100%;
}

.lijsten-overzicht {
    display: grid;
   	background:white;
	padding:2rem 1.5rem;
	border-radius:1rem;
}

.lijst-item__aside {
display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.lijst-item__main {
	display: flex;
	gap: 8px;

}


.box-shadow {
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}

.text-grey {
	color: #666;
}

.Renner.start, .renner_start{
	background:#ecfdf3;
}

.Renner.start.niet, .renner_start_niet {
	background:#fef3f2;
}


.Onbekend{
	background:#fff;
}

.Abandon{
	background:Blue;
}

    .lijsten-items-wrap {
        margin-top: 1rem;
    }

    .lijsten-empty-state {
        padding: 32px 24px;
        background: #ffffff;
        border: 1px dashed #d9d9d9;
        border-radius: 12px;
        text-align: center;
    }

    .lijsten-empty-title {
        margin: 0 0 8px;
        font-size: 20px;
        font-weight: 600;
        color: #222222;
    }

    .lijsten-empty-text {
        margin: 0;
        font-size: 16px;
        color: #666666;
    }

    .lijst-melding {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 16px;
        padding: 14px 16px;
        border-radius: 10px;
        transition: opacity 0.4s ease, transform 0.4s ease;
    }

    .lijst-melding.succes {
        background: #eaf8ee;
        color: #1f6b38;
    }

    .lijst-melding.fout {
        background: #fdeeee;
        color: #a12622;
    }

    .lijst-melding.is-hidden {
        opacity: 0;
        transform: translateY(-8px);
        pointer-events: none;
    }

    .lijst-melding-sluiten {
        background: transparent;
        border: 0;
        font-size: 20px;
        cursor: pointer;
        line-height: 1;
    }

    .lijst-melding-link {
        font-weight: 600;
        text-decoration: underline;
    }

    .is-disabled {
        opacity: 0.45;
        pointer-events: auto;
    }

    /* Progress bars */
    .lijst-progress-wrap {
       display:flex;
       justify-content: space-between;
       gap: 8px;
       width:350px;
    }

    .lijst-progress {
        flex: 1;
    }


    .lijst-progress__label {
        font-size: 14px;
        color: #555555;
        margin-bottom: 6px;
        line-height: 1.4;
    }

    .progress-bar {
        width: 100%;
        height: 8px;
        background: #eeeeee;
        border-radius: 999px;
        overflow: hidden;
    }

    .progress-bar__fill {
        height: 100%;
        transition: width 0.3s ease;
        border-radius: 999px;
    }

    .progress-bar__fill--starters {
        opacity: 0.9;
    }

    .lijst-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.lijst-header-row .lijst-titel {
    margin: 0;
}

.lijst-header-row .lijst-subleague {
    font-size: 14px;
    white-space: nowrap;
}

@media only screen and (max-width: 980px) {
.lijst-item, .lijst-header-row, .lijsten-header, .lijst-progress-wrap, .lijsten-samenvatting-wrap {
	flex-direction: column;
	    align-items: flex-start!important;
}

.lijst-progress-wrap {

    width: 100%;
}

}

.custom-form .ginput_product_price_label{
    display:none!important;
}

.search-filter-label {
    margin-top:8px;
}

.wielrenner-item {
    display: flex;
    gap: 20px;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    justify-content: space-between;
}

.punten-info {
        /*flex: 0 0 150px;*/
}

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

    .lijsten-items-wrap {
        flex-direction:column;
    }
    .wielrenner-item{
        flex-direction:column!important;
            align-items: flex-start!important;
            gap:4px!important;
    }

    .custom-button.duplicate {
        padding:4px!important;
    }
    
    .lijst-item__aside {

    }
}

.ts-dropdown .option {
    padding: 0 !important;;
}

.ts-dropdown .option div {
    padding:8px;
    border:1px solid #fff;
    margin:0 4px;
}


.ts-dropdown .active {
    background:none;
}

.ts-dropdown .active  {
    background: green!important;
    border-color:green!important;
}

.item {
    padding-left:0!important;
}

.item, .item div {
    display: flex;
    height: 100%;
    align-items: center;
    width: 100%;
}

.item, .item div:hover {
    cursor:pointer;
}

.ts-control div {
    padding-left: 12px;
}



.ts-wrapper.single .ts-control {
    padding-left:0!important;
}

.ts-wrapper .ts-control input {padding-left:12px!important;}