/*
Theme Name:   Massagetherapie Nederland Divi Child
Theme URI:    https://massagetherapie-nederland.nl/
Description:  Child theme for Massagetherapie Nederland — extends Divi, customises Ultimate Member templates
Author:       Massagetherapie Nederland
Template:     Divi
Version:      1.0.2
Text Domain:  mtn-child
*/

/**
 * Ultimate Member – Child Theme Overrides
 * Palette:
 *   Primary:   #4cbb17
 *   Secondary: #2b690d
 *   Body bg:   #0d1216
 *   Panel bg:  #E8FAFF
 *   Panel fg:  #ffffff
 *
 * Drop this file into your child theme and enqueue it, or paste it
 * into Appearance → Customize → Additional CSS.
 *
 * Covers:
 *   1. CSS custom properties (tokens)
 *   2. Member directory / overview page  (.um-directory)
 *   3. Member profile / detail page      (.um-profile)
 *   4. Shared UM components              (buttons, forms, modals, pagination)
 *   5. Responsive breakpoints            (tablet ≤ 768 px, mobile ≤ 480 px)
 * ─────────────────────────────────────────────────────────────────────────── */

/* ═══════════════════════════════════════════════════════════════════════════
   1. DESIGN TOKENS
   ═══════════════════════════════════════════════════════════════════════════ */
:root {
  /* Brand */
  --um-primary:        #4cbb17;
  --um-primary-dark:   #2b690d;
  --um-primary-light:  #6ed43a;
  --um-body-bg:        #0d1216;
  --um-panel-bg:       #E8FAFF;
  --um-panel-fg:       #ffffff;

  /* Text */
  --um-text-base:      #0d1216;
  --um-text-muted:     #5a6a72;
  --um-text-light:     #8fa0aa;
  --um-text-on-dark:   #e8f8f0;

  /* Surfaces */
  --um-card-bg:        #ffffff;
  --um-card-border:    #d4eef7;
  --um-card-shadow:    0 2px 16px rgba(76,187,23,.08), 0 1px 4px rgba(13,18,22,.06);
  --um-card-shadow-hover: 0 8px 32px rgba(76,187,23,.18), 0 2px 8px rgba(13,18,22,.10);

  /* Radius & spacing */
  --um-radius-sm:      6px;
  --um-radius-md:      12px;
  --um-radius-lg:      18px;
  --um-radius-pill:    999px;

  /* Typography (inherit from theme) */
  --um-font-body:      inherit;
  --um-font-heading:   inherit;

  /* Transitions */
  --um-transition:     .22s cubic-bezier(.4,0,.2,1);
}

.um:not(.um-admin) {
    color: #0d1216;
}
.um .um-field-label {
    color: #0d1216;
}
.et_pb_text_inner a {
    color: var(--gcid-8jkxlc963m)!important;
    text-decoration-line: underline!important;
    text-decoration-style: solid!important;
    text-decoration-color: var(--gcid-8jkxlc963m)!important;
}
.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters {
	display: none;
}

.um-field.um-field-location.um-field-user-location {
	flex: 1;
}

	.um-profile .um-header {
		align-items: center;
		border: none !important;
    		background: #f4fcfe !important;
    		border-top-left-radius: 25px;
    		border-top-right-radius: 25px;
    		border-bottom-left-radius: 25px;
    		border-bottom-right-radius: 25px;
    		padding: 25px 5px;
	}
.um-profile.um-viewing .um-field-label {
    display: block;
    margin: 0;
    border-bottom: none;
    padding-bottom: 0px;
}
.um-row-heading {
    	font-weight: 500;
    	text-decoration-color: #0d0d0d;
    	color: #0d0d0d !important;
    	font-size: 18px;
}
.um-field-divider {
    	display: none;
}


.um-header.no-cover .um-profile-photo {
	margin: 0 !important;
}

.um-header.no-cover .um-profile-meta {
	text-align: left !important;
}

.um-profile .um-profile-body {
	max-width: none;
	margin: 0;
}
	
.um-verified {
    color: var(--gcid-8jkxlc963m)!important;
}

.picker__box, .picker__nav--next:hover, .picker__nav--prev:hover, .um .um-field-group-head, .um .um-members-pagi span.current, .um .um-members-pagi span.current:hover, .um .um-profile-nav-item.active a, .um .um-profile-nav-item.active a:hover, .um-modal-btn, .um-modal-btn.disabled, .um-modal-btn.disabled:hover, .um-modal-header, .upload, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover {
    background: var(--gcid-8jkxlc963m)!important;
}

.um-profile a, .um-profile a:hover {
	font-size: inherit!important;
}

.um-button {
	box-shadow: none;
}

.um-profile-meta .um-main-meta {
	color: #4cbb17;
}

.um-profile-meta .um-meta span:first-child {
	padding-bottom: 10px;
	margin: 0;
	font-family: var(--gvid-t67gy8anrh);
    	font-weight: 600;
    	color: var(--gcid-xlku2psgsk) !important;
    	font-size: var(--gvid-z7o9j3i4wd);
    	line-height: var(--gvid-61pdr6qsoo);
}

.um-profile-meta .um-meta span.b {
	display: none;
}

.um-profile-meta .um-meta span:last-child {
	display: block;
	color: var(--gcid-heading-color);
	font-weight: 700;
	font-family: var(--et_global_heading_font);
	font-size: var(--gvid-l3iqxzx6zx);
    	letter-spacing: var(--gvid-nzign1zmad);
    	line-height: var(--gvid-61pdr6qsoo);
	margin: 0;
}

.um_user_location_gmap_infowindow .um_user_location_infowindow_avatar {
	display: none;
}


.um-row-heading {
}

.um-member-card {
    display: flex;
    flex-direction: column;
}
.um-members-view-btn {
    align-self: center;
    order: 3;
}

.um-field .select2.select2-container .select2-selection, .um-search-filter .select2.select2-container .select2-selection {
    border-radius: 10px!important;
    border-width: 1px!important;
    border-style: solid!important;
    font-family: var(--et_global_heading_font)!important;
    font-weight: 400!important;
    font-size: var(--gvid-xzyu1oxyts)!important;
    padding: 7px 16px!important;
    height: 53px;
    letter-spacing: 1.2px!important;
}
.um-field .select2.select2-container .select2-selection .select2-selection__arrow:before, .um-search-filter .select2.select2-container .select2-selection .select2-selection__arrow:before {
    line-height: 52px!important;
}

.um-form input[type=number], .um-form input[type=password], .um-form input[type=search], .um-form input[type=tel], .um-form input[type=text] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-width: 1px!important;
    border-color: #eeeeee!important;
    border-style: solid!important;
    font-family: var(--et_global_heading_font)!important;
    font-weight: 400!important;
    font-size: var(--gvid-xzyu1oxyts)!important;
    padding: 16px!important;
    height: auto!important;
    letter-spacing: 1.2px!important;
}
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line {
    width: 100%!important;
}
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line .um-do-search {
    min-width: 15%;
    width: auto;
    background-color: #a0db83;
    font-family: var(--et_global_heading_font)!important;
    color: #ffffff !important;
    font-size: 20px!important;
    font-weight: 400!important;
    padding: 11px 20px !important;
    line-height: 1.7em !important;
    border-radius: 10px!important;
    cursor: pointer;
    letter-spacing: 1.2px!important;
}

.um .um-button.um-alt, .um input[type=submit].um-button.um-alt {
    font-family: var(--et_global_heading_font) !important;
    color: #0d1216!important;
    font-size: 20px !important;
    font-weight: 400 !important;
    padding: 11px 20px !important;
    line-height: 1.7em !important;
    border-radius: 10px !important;
    cursor: pointer;
    letter-spacing: 1.2px !important;
    display: inline-block;
}
.um a.um-button, .um a.um-button.um-disabled:active, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:hover, .um input[type=submit].um-button, .um input[type=submit].um-button:focus {
    background-color: #a0db83;
    font-family: var(--et_global_heading_font) !important;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    padding: 11px 20px !important;
    line-height: 1.7em !important;
    border-radius: 10px !important;
    cursor: pointer;
    letter-spacing: 1.2px !important;
    display: inline-block;
}
a.um-link-alt {
    text-align: left;
}
.um-login, .um-register {
    margin-left: 0!important;
}
.um .um-cover-add:hover, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-item-meta a, .um .um-member-less a:hover, .um .um-member-more a:hover, .um .um-member-name a:hover, .um .um-members-pagi a:hover, .um .um-profile-subnav a.active, .um .um-tip:hover, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
    color: var(--gcid-8jkxlc963m);
}

.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters {
    display: none!important;
}
.um_current_user_location {
    top: 10px!important;
    right: 5px!important;
}

.preset--group--divi-text--divi-font-body--default .et_pb_text_inner a {
    text-decoration-line: none!important;
}

.um-directory[data-view_type=list] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type=list] {
    display: inline-block;
}

.um-directory .um-members-wrapper .um-members.um-members-list {
    grid-gap: 40px!important;
}

.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container {
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    align-items: center!important;
}
.um-directory .um-members-wrapper .um-members .um-member {
    border: none!important;
    background: #f4fcfe!important;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line .um-do-search, .um-members-view-btn, a.um_user_location_infowindow_more_link {
    width: auto;
    background-color: #a0db83;
    font-family: var(--et_global_heading_font)!important;
    color: #ffffff !important;
    font-size: 20px!important;
    font-weight: 400!important;
    padding: 11px 20px !important;
    line-height: 1.7em !important;
    border-radius: 10px!important;
    cursor: pointer;
    letter-spacing: 1.2px!important;
    display: inline-block;
}
a.um_user_location_infowindow_more_link {
    font-size: 16px!important;
    padding: 5px 10px !important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name {
    margin: 0 0 10px 0!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name {
    margin: 0 0 10px 0!important;
    justify-content: center!important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a, .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name a {
    font-size: 18px!important;
    line-height: 26px!important;
    color: #444!important;
    font-weight: 700!important;
    letter-spacing: 0px!important;
}
.um-members-view-btn a {
    color: #ffffff!important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta {
    border-top: 0px solid #e5e5e5!important;
    margin: 20px 15px 0 15px!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main.no-animate {
    display: block;
    margin-top: 20px!important;
}

.um-member-directory-header-row {
    position: relative;
}
.um-directory .um-member-directory-header .um-member-directory-header-row:not(.um-member-directory-filters-bar) {
    display: block!important;
    margin: 0!important;
    z-index: 1!important;
}
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line {
    flex-direction: column!important;
    align-items: start!important;
    padding-top: 10px;
}
.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-filters-bar {
    padding: 10px 0 10px 0!important;
}

.um-directory .um-members-wrapper .um-members.um-members-list .um-member {
    padding: 40px 0px 30px 0px!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo {
    width: 140px!important;
    margin: 0 0 30px 0!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a {
    width: 140px!important;
    height: 140px!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a img {
display: inline !important;
    border: 5px solid #fff !important;
    background: #fff !important;
    width: 140px!important;
    height: 140px!important;
}
.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card {
    width: 100%!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header {
    text-align: center!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content {
    width: 100%!important;
    margin: 0!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions {
    display: none!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-metaline {
    justify-content: center!important;
    flex-direction: column!important;
    text-align: center!important;
}

.et-l.et-l--footer .et_pb_text_inner, .et-l.et-l--footer .et_pb_text_inner a {
    color: #fff !important;
}

.um-member-metaline-mt-praktijknaam, .um-member-metaline-mt_vestigingsplaats, .um-member-metaline-mt_vergoede_zorg {
	font-weight: 700;
}
.um-member-metaline-mt-praktijknaam strong, .um-member-metaline-mt_vestigingsplaats strong, .um-member-metaline-mt_vergoede_zorg strong {
	font-weight: 400;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline strong {
    display: inline-block!important;
    clear: none!important;
}

.um-profile-body {
    display: flex;
    flex-direction: column;
}
.um-row._um_row_2, .um-row._um_row_3, .um-row._um_row_4   {
    border-bottom: 3px solid #4cbb17!important;
    padding-bottom: 30px!important;
}

@media (min-width: 980px) {

.um-field-half {
    width: 100%;
    float: none;
}
	.um-profile [class^="um-col-"]:first-child {
		width: 66%;
	}
	.um-profile [class^="um-col-"]:nth-child(2) {
		width: 33%;
    		position: absolute;
    		right: 0;
	}
	.um-profile .um-row._um_row_1 {
		margin: 0!important;
	}
	
	.um-profile .um-header {
		display: flex;
		gap: 4rem;
		align-items: center;
		border: none !important;
    		background: #f4fcfe !important;
    		border-top-left-radius: 25px;
    		border-top-right-radius: 25px;
    		border-bottom-left-radius: 25px;
    		border-bottom-right-radius: 25px;
    		padding: 25px;
	}

	.um-profile.um-viewing .um-field {
		display: flex;
		flex-direction: row;
	}

	.um-profile.um-viewing .um-field.um-field-divider {
		display: none;
	}

	.um-profile.um-viewing .um-field-label {
		flex: 1;
		border: 0;
		padding-bottom: 0;
		margin: 0;
	}

	.um-profile.um-viewing .um-field-area {
		flex: 2;
	}
.um-row-heading {
    	font-weight: 500;
    	text-decoration-color: #0d0d0d;
    	color: #0d0d0d !important;
    	font-size: 20px;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card {
    padding-bottom: 40px!important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta {
    border-top: 0px solid #e5e5e5!important;
    margin: 0px 15px 0 15px!important;
	padding: 0!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main.no-animate {
    display: block;
    margin-top: -70px!important;
}

.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line {
    position: absolute!important;
    flex-direction: column!important;
    align-items: end!important;
    padding-top: 20px;
    right: 0;
    width: 25%!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container {
    display: flex!important;
    flex-direction: row!important;
    justify-content: flex-start!important;
    align-items: flex-start!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member {
    padding: 30px 30px 20px 30px!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo {
    width: 140px!important;
    margin: 0 30px 0 0!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a {
    width: 140px!important;
    height: 140px!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a img {
    display: inline !important;
    border: 5px solid #fff !important;
    background: #fff !important;
    width: 140px!important;
    height: 140px!important;
}
.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card {
    width: calc(100% - 60px)!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header {
    text-align: right!important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name {
    justify-content: center!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name {
    justify-content: flex-start!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content {
    width: calc(100% - 30px)!important;
    margin: 0 10px 0 0!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions {
    display: flex!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-metaline {
    justify-content: flex-start!important;
    flex-direction: row!important;
    padding: 12px 0 0 0!important;
}

.um-directory .um-member-directory-header .um-member-directory-header-row .um-search {
	width: 75%!important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main.no-animate {
    width: 50%;
}


}