/* veredm.com site design (2026-11-12, Madev). Loaded by mu-plugin veredm-site.php after Divi. */
:root {
	--vm-orange: #f68214;
	--vm-amber: #fbb100;
	--vm-dark: #222222;
	--vm-muted: #b5b5b5;
	--vm-li: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.064 2.064 0 1 1 0-4.128 2.064 2.064 0 0 1 0 4.128zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E");
}

/* ---------- B: header / logo ---------- */
#logo {
	height: 26px !important;
	max-height: none !important;
	width: auto !important;
}
@media (max-width: 980px) {
	#logo { height: 22px !important; }
}

/* ---------- A: LinkedIn icon in the menu ---------- */
#top-menu li.menu-linkedin {
	position: relative;
	padding-left: 22px;
	margin-left: 2px;
}
#top-menu li.menu-linkedin::before {
	content: "";
	position: absolute;
	left: 0;
	top: -1px;
	height: 18px;
	border-left: 1px solid #e3e3e3;
}
#top-menu li.menu-linkedin > a {
	font-size: 0 !important;
	letter-spacing: 0 !important;
	line-height: 0 !important;
}
#top-menu li.menu-linkedin > a::before,
#mobile_menu li.menu-linkedin > a::before,
.vm-social a::before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	background-color: var(--vm-orange);
	-webkit-mask: var(--vm-li) center / contain no-repeat;
	mask: var(--vm-li) center / contain no-repeat;
	vertical-align: -3px;
	transition: opacity .2s ease, background-color .2s ease;
}
#top-menu li.menu-linkedin > a:hover::before { opacity: .7; }
#mobile_menu li.menu-linkedin > a::before { margin-right: 10px; }

/* ---------- D: page title banners (About, Work With Vered, Contact, Blog) ---------- */
.page-id-2 .et_builder_inner_content > .et_pb_section.et_pb_fullwidth_section:first-child,
.page-id-41 .et_builder_inner_content > .et_pb_section.et_pb_fullwidth_section:first-child,
.page-id-43 .et_builder_inner_content > .et_pb_section.et_pb_fullwidth_section:first-child,
.page-id-49 .et_builder_inner_content > .et_pb_section.et_pb_fullwidth_section:first-child {
	padding: 0 !important;
}
.page-id-2 .et_pb_fullwidth_section .et_pb_post_title,
.page-id-41 .et_pb_fullwidth_section .et_pb_post_title,
.page-id-43 .et_pb_fullwidth_section .et_pb_post_title,
.page-id-49 .et_pb_fullwidth_section .et_pb_post_title {
	padding: 72px 6% !important;
	margin: 0 !important;
	text-align: center !important;
}
.page-id-2 .et_pb_fullwidth_section .et_pb_post_title h1,
.page-id-41 .et_pb_fullwidth_section .et_pb_post_title h1,
.page-id-43 .et_pb_fullwidth_section .et_pb_post_title h1,
.page-id-49 .et_pb_fullwidth_section .et_pb_post_title h1 {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 32px !important;
	letter-spacing: 3px !important;
	line-height: 1.3 !important;
	color: #fff !important;
	text-align: center !important;
}
@media (max-width: 767px) {
	.page-id-2 .et_pb_fullwidth_section .et_pb_post_title,
	.page-id-41 .et_pb_fullwidth_section .et_pb_post_title,
	.page-id-43 .et_pb_fullwidth_section .et_pb_post_title,
	.page-id-49 .et_pb_fullwidth_section .et_pb_post_title { padding: 48px 6% !important; }
	.page-id-2 .et_pb_fullwidth_section .et_pb_post_title h1,
	.page-id-41 .et_pb_fullwidth_section .et_pb_post_title h1,
	.page-id-43 .et_pb_fullwidth_section .et_pb_post_title h1,
	.page-id-49 .et_pb_fullwidth_section .et_pb_post_title h1 { font-size: 24px !important; }
}

/* ---------- H: home hero gap on tablet/phone ---------- */
@media (max-width: 980px) {
	.home .et_builder_inner_content > .et_pb_section.et_pb_fullwidth_section:first-child {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

/* ---------- shared button / link ---------- */
a.vm-btn {
	display: inline-block;
	padding: 8px 20px;
	border: 2px solid var(--vm-orange);
	border-radius: 3px;
	color: var(--vm-orange) !important;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: .5px;
	transition: background-color .2s ease, color .2s ease;
}
a.vm-btn:hover {
	background-color: var(--vm-orange);
	color: #fff !important;
}
a.vm-link {
	color: var(--vm-orange);
	margin-left: 14px;
	border-bottom: 1px solid currentColor;
}

/* ---------- E: blog page as a 2-column card grid ---------- */
.page-id-49 .et_pb_blog .et_pb_blog_posts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 56px 48px;
}
.page-id-49 .et_pb_blog .et_pb_blog_posts > *:not(.et_pb_post) {
	grid-column: 1 / -1;
}
.page-id-49 .et_pb_blog .et_pb_post {
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
}
.page-id-49 .et_pb_blog .et_pb_post .entry-featured-image-url {
	display: block;
	margin-bottom: 20px !important;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #f4f4f4;
}
.page-id-49 .et_pb_blog .et_pb_post .entry-featured-image-url img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: transform .4s ease;
}
.page-id-49 .et_pb_blog .et_pb_post:hover .entry-featured-image-url img { transform: scale(1.03); }
.page-id-49 .et_pb_blog .et_pb_post .entry-title {
	font-size: 18px !important;
	line-height: 1.4 !important;
	letter-spacing: 2px;
	padding-bottom: 8px;
}
.page-id-49 .et_pb_blog .et_pb_post .post-content,
.page-id-49 .et_pb_blog .et_pb_post .post-content p {
	font-size: 15px !important;
	line-height: 1.7 !important;
}
.page-id-49 .et_pb_blog .et_pb_post .more-link {
	display: inline-block;
	margin-top: 10px;
	color: var(--vm-orange);
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.page-id-49 .et_pb_blog .et_pb_blog_posts { grid-template-columns: 1fr; gap: 44px; }
}

/* ---------- F: blog posts without the empty sidebar ---------- */
.single-post #sidebar { display: none !important; }
.single-post #main-content .container::before { display: none !important; }
.single-post #left-area {
	width: 100% !important;
	max-width: 780px;
	float: none !important;
	margin: 0 auto;
	padding: 0 0 40px !important;
}
.single-post .et_post_meta_wrapper > img {
	width: 100%;
	height: auto;
	margin-bottom: 8px;
}
/* comments (Divi 5 places them inside .et_post_meta_wrapper) */
.single-post .commentlist { list-style: none; margin: 0; padding: 0; }
.single-post .commentlist li.comment::before { display: none; }
.single-post .comment-body { position: relative; padding: 0 0 24px 80px !important; min-height: 60px; }
.single-post .comment_avatar { position: absolute; left: 0; top: 0; }
.single-post .comment_avatar img.avatar { width: 60px !important; height: 60px !important; border-radius: 50%; }
.vm-post-cta {
	margin: 48px 0 28px;
	padding: 28px 32px;
	background: #fff6ec;
	border-left: 4px solid var(--vm-orange);
}
.vm-post-cta h3 {
	color: var(--vm-orange);
	font-size: 20px;
	padding-bottom: 8px;
}
.vm-post-cta p { padding-bottom: 12px; }
.vm-post-cta p.vm-post-cta-actions { padding-bottom: 0; }
.vm-post-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 18px;
	padding-top: 22px;
	border-top: 1px solid #ececec;
	font-size: 15px;
}
.vm-post-nav a { color: var(--vm-orange); }
.vm-post-nav-pn { display: flex; gap: 28px; flex-wrap: wrap; }
.vm-post-nav-pn a { max-width: 260px; line-height: 1.4; }
.vm-post-nav-pn small {
	display: block;
	color: #888;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* ---------- G: contact page ---------- */
.vm-form-privacy {
	clear: both;
	padding-top: 14px;
	font-size: 13px;
	line-height: 1.6;
	color: #777;
	text-align: right;
}
.vm-form-privacy a { color: var(--vm-orange); }
.vm-contact-details { padding-top: 14px; }
.vm-contact-details a { color: var(--vm-orange); }

/* ---------- C: footer (one dark block: 3 columns + credits row) ---------- */
#main-footer { background-color: var(--vm-dark) !important; }
#footer-widgets { padding: 60px 0 20px !important; }
#footer-widgets .footer-widget { margin-bottom: 30px !important; }
#footer-widgets .footer-widget h4.title,
#footer-widgets .footer-widget .title {
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-bottom: 14px;
}
#footer-widgets .footer-widget,
#footer-widgets .footer-widget p,
#footer-widgets .footer-widget li {
	color: var(--vm-muted) !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
}
#footer-widgets .footer-widget p { padding-bottom: 14px; }
#footer-widgets .footer-widget a:not(.vm-btn) { color: #e8e8e8 !important; transition: color .2s ease; }
#footer-widgets .footer-widget a:not(.vm-btn):hover { color: var(--vm-orange) !important; }
#footer-widgets .footer-widget ul.vm-footer-links { list-style: none !important; margin: 0 !important; padding: 0 !important; }
#footer-widgets .footer-widget ul.vm-footer-links li { padding: 0 0 6px !important; }
#footer-widgets .footer-widget ul.vm-footer-links li::before { display: none !important; }
#footer-widgets .vm-btn { margin-top: 4px; }
.vm-social { padding-top: 6px; }
.vm-social a { display: inline-flex; align-items: center; gap: 10px; }
.vm-social a:hover::before { background-color: #fff; }

#footer-bottom {
	background-color: var(--vm-dark) !important;
	padding: 0 0 26px !important;
}
#footer-bottom .container {
	border-top: 1px solid rgba(255, 255, 255, .12);
	padding-top: 20px;
}
#footer-info {
	float: none !important;
	width: 100%;
	text-align: center !important;
	color: #8f8f8f !important;
	font-size: 13px !important;
	letter-spacing: .5px;
	padding: 0 !important;
}
#footer-info a { color: #cfcfcf !important; }
#footer-info a:hover { color: var(--vm-orange) !important; }

/* ---------- footer always at the bottom on short pages (tall screens) ---------- */
#page-container {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.admin-bar #page-container { min-height: calc(100vh - 32px); }
#et-main-area {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}
#main-content { flex: 1 0 auto; }

/* ---------- breathing room above the footer on plain text pages (Impressum, Privacy Policy) ---------- */
body.page:not(.et_pb_pagebuilder_layout) #main-content .container { padding-bottom: 80px; }
@media (max-width: 767px) {
	body.page:not(.et_pb_pagebuilder_layout) #main-content .container { padding-bottom: 56px; }
}

/* ---------- home hero (Divi fullwidth slider, 1 slide): photo + quote ---------- */
.home .et_pb_fullwidth_slider_0 .et_pb_slide {
	background-color: #2a1606 !important;
	background-image:
		linear-gradient(90deg, rgba(42, 22, 6, .82) 0%, rgba(42, 22, 6, .62) 45%, rgba(42, 22, 6, .05) 80%),
		url("/wp-content/uploads/2016/02/changing-your-life-through-bodywork.jpg") !important;
	background-size: cover !important;
	background-position: center 35% !important;
}
.home .et_pb_fullwidth_slider_0 .et_pb_container {
	height: auto !important;
	min-height: 0 !important;
	width: 80% !important;
	max-width: 1080px !important;
	margin: 0 auto !important;
	padding: 120px 0 !important;
}
.home .et_pb_fullwidth_slider_0 .et_pb_slide_description {
	max-width: 560px;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	animation: none !important;
}
.home .et_pb_fullwidth_slider_0 .et_pb_slide_title {
	font-size: 38px !important;
	line-height: 1.3 !important;
	font-weight: 400 !important;
	font-style: normal !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-shadow: none !important;
	text-align: left !important;
	color: #fff !important;
	padding: 0 !important;
}
.home .et_pb_fullwidth_slider_0 .et_pb_slide_description::before {
	content: "Somatic bodywork · Berlin";
	display: block;
	margin-bottom: 22px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: var(--vm-amber);
}
.home .et_pb_fullwidth_slider_0 .et_pb_slide_description::after {
	content: "";
	display: block;
	width: 56px;
	height: 3px;
	margin-top: 30px;
	background: var(--vm-orange);
}
@media (max-width: 767px) {
	.home .et_pb_fullwidth_slider_0 .et_pb_slide {
		background-image:
			linear-gradient(rgba(42, 22, 6, .72), rgba(42, 22, 6, .72)),
			url("/wp-content/uploads/2016/02/changing-your-life-through-bodywork.jpg") !important;
	}
	.home .et_pb_fullwidth_slider_0 .et_pb_container { padding: 72px 0 !important; }
	.home .et_pb_fullwidth_slider_0 .et_pb_slide_title { font-size: 26px !important; }
}

/* ---------- home call-to-action band above the footer ---------- */
.home .et_builder_inner_content > .et_pb_section:last-child {
	background: linear-gradient(120deg, var(--vm-orange) 0%, var(--vm-amber) 100%) !important;
	padding: 84px 0 !important;
}
.home .et_builder_inner_content > .et_pb_section:last-child .et_pb_row:has(.cta-social-icons) { display: none !important; }
.home .et_builder_inner_content > .et_pb_section:last-child .et_pb_row { padding: 0 !important; }
.home .et_builder_inner_content > .et_pb_section:last-child .et_pb_promo { padding: 0 !important; max-width: 720px; margin: 0 auto; }
.home .et_builder_inner_content > .et_pb_section:last-child .et_pb_promo_description { padding-bottom: 28px !important; }
.home .et_builder_inner_content > .et_pb_section:last-child .et_pb_promo_description::before {
	content: "Work with Vered";
	display: block;
	margin-bottom: 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .85);
}
.home .et_builder_inner_content > .et_pb_section:last-child .et_pb_promo_content p {
	font-size: 26px !important;
	line-height: 1.45 !important;
	color: #fff !important;
}
.home .et_builder_inner_content > .et_pb_section:last-child .et_pb_promo_button {
	background: #fff !important;
	color: var(--vm-orange) !important;
	border: 2px solid #fff !important;
	border-radius: 3px !important;
	font-size: 17px !important;
	padding: 10px 30px !important;
	box-shadow: 0 6px 18px rgba(120, 50, 0, .18);
}
.home .et_builder_inner_content > .et_pb_section:last-child .et_pb_promo_button:hover { background: transparent !important; color: #fff !important; }
.home .et_builder_inner_content > .et_pb_section:last-child .et_pb_promo_button::after { display: none !important; }
@media (max-width: 767px) {
	.home .et_builder_inner_content > .et_pb_section:last-child { padding: 60px 0 !important; }
	.home .et_builder_inner_content > .et_pb_section:last-child .et_pb_promo_content p { font-size: 21px !important; }
}

/* ---------- 404 page ---------- */
.vm-404-inner { width: 80%; max-width: 1080px; margin: 0 auto; }
.vm-404-hero {
	padding: 110px 0 100px;
	background-color: #2a1606;
	background-image:
		linear-gradient(90deg, rgba(42, 22, 6, .86) 0%, rgba(42, 22, 6, .66) 50%, rgba(42, 22, 6, .2) 85%),
		url("/wp-content/uploads/2016/03/Stones.jpg");
	background-size: cover;
	background-position: center;
}
.vm-404-eyebrow { margin: 0 0 18px; padding: 0 !important; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--vm-amber); }
.vm-404-hero h1 { max-width: 640px; padding: 0 0 18px; font-size: 40px; line-height: 1.25; font-weight: 400; letter-spacing: 0; text-transform: none; color: #fff; }
.vm-404-lead { max-width: 560px; padding: 0 0 30px !important; font-size: 18px; line-height: 1.6; color: rgba(255, 255, 255, .85); }
.vm-404-actions { display: flex; flex-wrap: wrap; gap: 12px; padding: 0 !important; }
.vm-404-hero a.vm-btn { border-color: #fff; color: #fff !important; }
.vm-404-hero a.vm-btn:hover { background: #fff; color: var(--vm-orange) !important; }
.vm-404-hero a.vm-btn.vm-btn-solid { background: var(--vm-orange); border-color: var(--vm-orange); color: #fff !important; }
.vm-404-hero a.vm-btn.vm-btn-solid:hover { background: #fff; border-color: #fff; color: var(--vm-orange) !important; }
.vm-404-posts { padding: 70px 0 80px; }
.vm-404-posts h2 { padding-bottom: 26px; font-size: 18px; letter-spacing: 2px; text-transform: uppercase; color: var(--vm-orange); }
.vm-404-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.vm-404-card { display: block; color: #333 !important; }
.vm-404-img { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #f4f4f4; margin-bottom: 14px; }
.vm-404-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.vm-404-card:hover .vm-404-img img { transform: scale(1.03); }
.vm-404-title { display: block; font-size: 16px; line-height: 1.45; letter-spacing: 1px; text-transform: uppercase; }
.vm-404-card:hover .vm-404-title { color: var(--vm-orange); }
.vm-404-all { padding-top: 26px !important; }
.vm-404-all a { color: var(--vm-orange); letter-spacing: 1px; text-transform: uppercase; font-size: 14px; }
@media (max-width: 767px) {
	.vm-404-hero { padding: 72px 0 64px; }
	.vm-404-hero h1 { font-size: 28px; }
	.vm-404-lead { font-size: 16px; }
	.vm-404-grid { grid-template-columns: 1fr; gap: 28px; }
	.vm-404-posts { padding: 50px 0 56px; }
}
