/*
 Theme Name: Astra Child
 Theme URI: http://example.com/astra-child/
 Description: Astra Child Theme
 Author: Sander de Wijs
 Author URI: https://www.degrinthorst.nl
 Template: astra
 Version: 1.0.0
 Text Domain: astra-child
*/
.catalogus_cat{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	column-gap:20px;
	list-style:none;
	padding-left:0px !important;
}
.catalogus_cat li{
	width: 20px;
	height: 20px; 
	border-radius: 50%; 
	background: lightgray;
	position: relative;
}

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

[datadata-bs-toggle="tooltip"]{
  margin:20px 60px;
  position:relative;
  display:inline-block;
}
[data-bs-toggle="tooltip"]::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 14px;
    height: 8px;
    z-index: 99;
    background: inherit;
    opacity: 0;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}
[data-bs-toggle="tooltip"]::after {
    content: attr(tooltip-title);
    position: absolute;
    left: 50%;
    top: -10px;
    transform: translateX(-50%)   translateY(-100%);
    background: var(--wp--preset--color--white);
    text-align: center;
    color: #40a334;
    font-size: 16px;
    font-weight: 700;
	text-transform: capitalize;
	word-spacing: -1px;
	letter-spacing: -0.5px;
    min-width: 80px;
    width: max-content;
    border-radius: 5px;
    pointer-events: none;
    padding: 67px 8px 4px;
    border: 1px solid;
    border-color: inherit;
    z-index: 99;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    background-image: url(https://akth.degrinthorst.nl/wp-content/uploads/2024/06/mondhygienisten.png);
    background-repeat: no-repeat;
    background-size: 66px;
    background-position: center 18%;
}

[data-placement='top']::before{
  left:50%;
}
[data-placement='top']::after{
  left:50%;
}
[data-bs-toggle="tooltip"]:hover::after,[data-bs-toggle="tooltip"]:hover::before {
   opacity:1
}

.tandartsen[data-bs-toggle="tooltip"]::after{
	background-image: url('https://akth.degrinthorst.nl/wp-content/uploads/2024/06/tandartsen_9c7e836f.png');
}
.mondhygiënisten[data-bs-toggle="tooltip"]::after{
	background-image: url('https://akth.degrinthorst.nl/wp-content/uploads/2024/06/mondhygienisten.png');
}
.preventie-assistenten[data-bs-toggle="tooltip"]::after{
	background-image: url('https://akth.degrinthorst.nl/wp-content/uploads/2024/06/preventie-assistenten_42c97139.png');
}
.tandarts-assistenten[data-bs-toggle="tooltip"]::after{
	background-image: url('https://akth.degrinthorst.nl/wp-content/uploads/2024/06/tandarts-assistenten_2872e17b.png');
}
.het-gehele-team[data-bs-toggle="tooltip"]::after{
	background-image: url('https://akth.degrinthorst.nl/wp-content/uploads/2024/06/het-gehele-team_b9731e35.png');
}


/* Styles for colored course dots */
.label.mondhygiënisten {
  background-color: #e1000e; /* Red */
  border: 1px solid #e1000e;
}

.label.preventie-assistenten {
  background-color: #009ee4; /* Azure */
  border: 1px solid #009ee4; 
}

.label.niet-tandheelkundigen,
.label.het-gehele-team {
  background-color: #273583; /* Dodger Blue */
  border: 1px solid #273583; 
}

.label.tandartsen {
  background-color: #ffec00; /* Yellow */
  border: 1px solid #ffec00; 
}

.label.tandarts-assistenten {
  background-color: #40a334; /* Green */
  border: 1px solid #40a334; 
}

.tippy-box[data-theme~='tandartsen'] {
  background-color: white;
  color: #39a435;
  border: 1px solid #ffec00;
  z-index: 9999;
}

.tippy-box[data-theme~='mondhygienisten'] {
  background-color: white;
  color: #39a435;
  border: 1px solid #e1000e;
  z-index: 9999;
}

.tippy-box[data-theme~='preventie-assistenten'] {
  background-color: white;
  color: #39a435;
  border: 1px solid #009ee4;
}

.tippy-box[data-theme~='tandarts-assistenten'] {
  background-color: white;
  color: #39a435;
  border: 1px solid #40a334;
}

.tippy-box[data-theme~='het-gehele-team'] {
  background-color: white;
  color: #39a435;
  border: 1px solid #273583;
}

.tippy-box[data-theme~='niet-tandheelkundigen'] {
  background-color: white;
  color: #39a435;
  border: 1px solid #273583;
}

/* Display only category  */
div.catDisplay_only {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    flex-wrap: wrap;
	column-gap: 4px;
	row-gap: 8px;
}
@media(max-width: 575px){
	div.catDisplay_only {
		flex-direction: column;
		justify-content: start;
		align-items: start;
	}
	.catalogus_cat {
		column-gap: 8px;
	}
	.catalogus_cat li {
		width: 15px;
		height: 15px;
	}
}
.btn_cat_show{
	padding: 0 20px 0 60px; 
	border-radius: 40px;
	line-height:50px;
	font-size: 16px; 
	font-weight: 400;
	color: #343a40;
	border: 1px solid #343a40;
	position: relative;
}
.btn_cat_show::before{
	position: absolute;
	content: "";
	width: 34px;
	height: 100%;
	top:0;
	left:20px;
    background-image: url(https://akth.degrinthorst.nl/wp-content/uploads/2024/06/mondhygienisten.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
}
.btn_cat_show.tandartsen::before{
	background-image: url('https://akth.degrinthorst.nl/wp-content/uploads/2024/06/tandartsen_9c7e836f.png');
}
.btn_cat_show.mondhygiënisten::before{
	background-image: url('https://akth.degrinthorst.nl/wp-content/uploads/2024/06/mondhygienisten.png');
}
.btn_cat_show.preventie-assistenten::before{
	background-image: url('https://akth.degrinthorst.nl/wp-content/uploads/2024/06/preventie-assistenten_42c97139.png');
}
.btn_cat_show.tandarts-assistenten::before{
	background-image: url('https://akth.degrinthorst.nl/wp-content/uploads/2024/06/tandarts-assistenten_2872e17b.png');
}
.btn_cat_show.het-gehele-team::before{
	background-image: url('https://akth.degrinthorst.nl/wp-content/uploads/2024/06/het-gehele-team_b9731e35.png');
}

.btn_cat_show.tandartsen{
	order: 1;
}
.btn_cat_show.mondhygiënisten {
	order: 2;
}
.btn_cat_show.preventie-assistenten {
	order: 3;
}
.btn_cat_show.tandarts-assistenten{
	order: 4;
}
.btn_cat_show.het-gehele-team{
	order: 5;
}
.btn-filled-inverted.btn-slide-right{
	margin: 0;
	font-weight: 400;
	font-size: 16px;
	color: #343a40;
	border-radius: 40px;
	border-color: transparent;
	background: transparent;
	overflow:hidden;
}
.btn-filled-inverted:after {
	content: '';
	position:absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0%;
	height: 100%;
	border-radius: inherit;
	z-index: -1;
	background: transparent;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}
.btn-filled-inverted.btn-slide-right:hover:after {
    width: 100%;
}
.btn-filled-inverted.btn-slide-right:hover{
	color: #6c757d;
}

/* border & background  */
.btn_cat_show.tandartsen::after {
  background-color: #ffec00;
}

.btn_cat_show.mondhygiënisten::after {
  background-color: #e1000e;
}

.btn_cat_show.preventie-assistenten::after {
  background-color: #009ee4;
}

.btn_cat_show.tandarts-assistenten::after {
  background-color: #40a334;
}

.btn_cat_show.het-gehele-team::after {
  background-color: #273583;
}

.btn_cat_show.tandartsen,
.btn_yellow .jet-color-image-list__button{
  border-color: #ffec00 !important
}

.btn_cat_show.mondhygiënisten,
.btn_red .jet-color-image-list__button{
  border-color: #e1000e !important
}

.btn_cat_show.preventie-assistenten,
.btn_azure .jet-color-image-list__button{
  border-color: #009ee4 !important
}

.btn_cat_show.tandarts-assistenten,
.btn_green .jet-color-image-list__button{
  border-color: #40a334 !important
}

.btn_cat_show.het-gehele-team ,
.btn_blue .jet-color-image-list__button{
  border-color: #273583 !important;
}
.jet-color-image-list__row .jet-color-image-list__button{
	position: relative
	z-index: 2;
	overflow:hidden;
}
.jet-color-image-list__row .jet-color-image-list__button::before{    
	position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    width: 0%;
    height: 100%;
    border-radius: inherit;
    z-index: -1;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
}
.jet-color-image-list__row .jet-color-image-list__button:hover:before{
	width: 100%;
}
.btn_yellow .jet-color-image-list__button::before{
  background: #ffec00 !important
}

.btn_red .jet-color-image-list__button::before{
  background: #e1000e !important
}

.btn_azure .jet-color-image-list__button::before{
  background: #009ee4 !important
}

.btn_green .jet-color-image-list__button::before{
  background: #40a334 !important
}

.btn_blue .jet-color-image-list__button::before{
  background: #273583 !important;
}

.outline-yellow {
  border: 2px solid #ffec00;
}

.outline-red {
  border: 2px solid #e1000e;
}

.outline-green {
  border: 2px solid #40a334;
}

.outline-azure {
  border: 2px solid #009ee4;
}

.outline-dodger-blue {
  border: 2px solid #273583;
}


.tippy-box[data-theme~='tandartsen'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #ffec00;
}
.tippy-box[data-theme~='tandartsen'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #ffec00;
}
.tippy-box[data-theme~='tandartsen'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #ffec00;
}
.tippy-box[data-theme~='tandartsen'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #ffec00;
}

.tippy-box[data-theme~='mondhygiënisten'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #e1000e;
}
.tippy-box[data-theme~='mondhygiënisten'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #e1000e;
}
.tippy-box[data-theme~='mondhygiënisten'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #e1000e;
}
.tippy-box[data-theme~='mondhygiënisten'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #e1000e;
}

.tippy-box[data-theme~='preventie-assistenten'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #009ee4;
}
.tippy-box[data-theme~='preventie-assistenten'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #009ee4;
}
.tippy-box[data-theme~='preventie-assistenten'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #009ee4;
}
.tippy-box[data-theme~='preventie-assistenten'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #009ee4;
}

.tippy-box[data-theme~='tandarts-assistenten'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #40a334;
}
.tippy-box[data-theme~='tandarts-assistenten'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #40a334;
}
.tippy-box[data-theme~='tandarts-assistenten'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #40a334;
}
.tippy-box[data-theme~='tandarts-assistenten'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #40a334;
}

.tippy-box[data-theme~='het-gehele-team'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #273583;
}
.tippy-box[data-theme~='het-gehele-team'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #273583;
}
.tippy-box[data-theme~='het-gehele-team'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #273583;
}
.tippy-box[data-theme~='het-gehele-team'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #273583;
}

.tippy-box[data-theme~='niet-tandheelkundigen'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #273583;
}
.tippy-box[data-theme~='niet-tandheelkundigen'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #273583;
}
.tippy-box[data-theme~='niet-tandheelkundigen'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #273583;
}
.tippy-box[data-theme~='niet-tandheelkundigen'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #273583;
}
.acd_cart_menuBtn a {
    font-size: 0 !important;
}
.multiple-day-event-info {
    position: relative;
}
.fas.akth-tooltip {
    width: 177px;
    background-color: black;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    font-family: "Poppins", Sans-serif;
    font-weight: 500;
    border-radius: 6px;
    padding: 5px 5px 8px;
    position: absolute;
    z-index: 1;
    top: -50%;
    left: 100%;
    visibility: hidden;
    opacity: 0;
    transform: translate(6px, -11%);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
}

.multiple-day-event-info i.fas:hover+.fas.akth-tooltip {
  visibility: visible;
	opacity: 1;
}
.fas.akth-tooltip::after {
    content: "";
    position: absolute;
    top: 47%;
    left: -2px;
    transform: translateX(-47%) rotate(90deg);
    width: 12px;
    height: 8px;
    z-index: 99;
    background: #000;
    opacity: 1;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}