/*
Theme Name:     Studio Marce
Theme URI:      n/a
Template:       kadence
Author:         Studio Marce
Author URI:     n/a
Description:    Child theme Studio Marce
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
.wp-block-button__link {
    width: auto !important;
    max-width: none !important;
}

.modal .button, .button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .fl-button, .elementor-button-wrapper .elementor-button, .wc-block-components-checkout-place-order-button, .wc-block-cart__submit {
	font-size: 0.9rem;
}

.modal button, .button, .wp-block-button__link, .wp-element-button, input[type=button], input[type=reset], input[type=submit] {
	padding: 10px
}

/* Verberg lege datumvelden */
.datum_1:empty,
.datum_2:empty,
.datum_3:empty,{
    display: none;
}

/* Verberg lege datumvelden */
.locatie_1:empty,
.locatie_2:empty,
.locatie_3:empty,{
    display: none;
}

/*button binnenkort beschikbaar */
.post-3651 .kb-button,
.kadence-column1861_a3b905-43 .kb-button {
  pointer-events: none;
  cursor: default;
  opacity: 0.45;
  background-color: #cccccc;
  border-color: #cccccc;
  color: #666666;
}

.post-3651 .kb-section-link-overlay {
  pointer-events: none;
}

.post-3651 .kb-button .kt-btn-inner-text {
  font-size: 0;
}

.post-3651 .kb-button .kt-btn-inner-text::after {
  content: "Binnenkort beschikbaar";
  font-size: 0.9rem;
}

.opleiding_kalender {
	max-width: 420px;
	margin: 20px 0;
}

.opleiding_kalender_koptekst {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.kal_maand_titel {
	font-weight: 700;
	color: var(--global-palette3, #0a3b4e);
	text-transform: capitalize;
}

.kal_nav {
	background: #ffffff;
	border: 1px solid var(--global-palette7, #c9d4e4);
	border-radius: 4px;
	padding: 4px 10px;
	cursor: pointer;
	color: var(--global-palette3, #0a3b4e);
	font-size: 16px;
	line-height: 1.2;
}

.kal_nav:hover {
	background: var(--global-palette8, #f6f8fd);
	color: var(--global-palette3, #0a3b4e) !important;
}

.opleiding_kalender_grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 4px;
}

.kal_weekdag {
	text-align: center;
	font-weight: 600;
	font-size: 12px;
	color: var(--global-palette5, #515151);
	padding: 4px 0;
}

.kal_dag {
	text-align: center;
	padding: 8px 0;
	border-radius: 4px;
	font-size: 14px;
	color: var(--global-palette5, #515151);
}

.kal_dag.leeg {
	visibility: hidden;
}

.kal_dag.beschikbaar {
	background: var(--global-palette1, #0f6586);
	color: #ffffff;
	cursor: pointer;
	font-weight: 700;
}

.kal_dag.beschikbaar:hover {
	background: var(--global-palette2, #0a3b4e);
}

.kal_dag.gemarkeerd {
	background: var(--global-palette7, #c9d4e4);
	color: var(--global-palette3, #0a3b4e);
}

.kal_dag.gekozen {
	background: #f5496d !important;
	color: #ffffff !important;
	outline: none;
}

.kal_dag.gekozen:hover {
	background: var(--global-palette1, #0f6586) !important;
}

.opleiding_kalender_details {
	margin-top: 16px;
	padding: 14px;
	background: var(--global-palette8, #f6f8fd);
	border-radius: 6px;
}

.opleiding_kalender_knop {
	display: inline-block;
	margin-top: 8px;
	padding: 10px 18px;
	background: #f5496d;
	color: #ffffff !important;
	border-radius: 5px;
	text-decoration: none;
	font-weight: 600;
}

.opleiding_kalender_knop:hover {
	background: var(--global-palette1, #0f6586);
	color: #ffffff !important;
}