/*
Theme Name: omni cura ACADEMY
Template: hello-elementor
*/
.woocommerce-error {
	margin: 0 !important;
	padding-left: 15%;
	padding-right: 15%;
}

.price {
	color: #0FA767 !important;
}

/* Cross Sell bij Videos */
.cross-sell-products-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
}
.cross-sell-product {
    flex-basis: 25%; 
    box-sizing: border-box; 
    margin-bottom: 20px; 
    max-width: 25%; 
    padding: 0 1%; 
}
.product-image img,
.cross-sell-image {
    width: 100%;
    border-radius: 50% !important;
    display: block;
    margin-bottom: 10px;
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
}

/* geen rand bij add to cart*/
.add_to_cart_inline {
	border: none !important; 
}

.cross-sell-price {
    display: block;
    margin: 10px 0;
}
.oca_callback {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 20px;
	background-color: white;
	border-radius: 5px;
}

.oca_callback_text {
	flex: 1;
    margin-right: 20px; /* Geeft wat ruimte tussen de tekst en de knop */
}

.oca_callback_btn {
	flex-shrink: 0; /* Zorgt ervoor dat de knop-container niet kleiner wordt bij krimpende schermgrootte */
    min-width: 250px;  /* Minimale breedte voor de knop-container */
    display: flex;
    justify-content: center; /* Centreert de knop horizontaal */
    align-items: center;     /* Centreert de knop verticaal */
}

.button.product_type_variable,
.add_to_cart_button,
.oca-button {
	border: 1px solid #E2E7ED !important;
	border-radius: 5px !important;
	box-shadow: 2px 2px 0px 1px #E2E7ED !important;
	background-color: #EBAB24 !important;
	color: black !important;
	padding: 0.5rem 1rem 0.5rem 1rem;
	font-family: "Roboto Flex", sans-serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2rem;
}

.dropdown-container {
        display: flex;
        align-items: center;   /* dit zorgt ervoor dat items verticaal gecentreerd zijn */
        gap: 10px;             /* ruimte tussen de items */
    }

 .dropdown-container label {
        margin-right: 10px;   /* ruimte rechts van het label, je kunt dit aanpassen zoals je wilt */
 } 

.product-layout {
    display: flex;
    align-items: start; /* Zorg ervoor dat items bovenaan uitgelijnd zijn */
    gap: 20px; /* ruimte tussen de kolommen */
    margin-bottom: 20px; /* ruimte tussen de producten */
}

.product-image {
    flex-basis: 150px; /* vaste breedte voor de afbeeldingskolom */
    min-width: 150px; /* zorg ervoor dat de afbeelding niet groter wordt dan 150px */
}

.product-details {
    flex-grow: 1; /* zorg ervoor dat de details kolom de rest van de beschikbare ruimte inneemt */
}


/* Leerlijn */
.product-timeline-content {
    display: flex;
    align-items: stretch;
}

.product-timeline-content > div {
    display: flex;
    flex-direction: column; 
    justify-content: center;
}

.product-timeline-content .middle-content {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 15px; /* Vaste breedte voor de middelste kolom */
}

.product-timeline-content .left-content,
.product-timeline-content .right-content {
    flex-basis: 50%; /* Beide zijkolommen krijgen een breedte van 50% */
    padding: 1rem; /* Toegevoegde padding */
}

.product-timeline-content .start-content {
	display: none;
}

@media (max-width: 768px) { 
    .product-timeline-content .timeline-image { 
        display: none; 
    } 
	
    .product-timeline-content .timeline-text { 
        text-align: left !important; 
		flex-basis: 100%;
    } 
	
	.product-timeline-content .middle-content { 
        display: none;
    } 
	
	
	.product-timeline-content .start-content { 
		display: inherit;
	}
	.time_line_btn_right {
		display: none;
	}
	
}

@media (min-width: 768px) { 
	.mobile_checkpoint {
		display: none;
	}
	.time_line_btn_left {
		display: none;
	}
	
}

.mobile_checkpoint,
.checkpoint {
    padding: 0.5rem 1rem; /* padding om de tekst er mooi uit te laten zien */
    font-weight: bold; /* eventueel om de tekst vetgedrukt te maken */
	margin-top: -2rem;
	margin-bottom: 2rem;
	text-align: center !important;
	margin-left: -1rem; 
	margin-right: -1rem;
}