/*
Theme Name: Bliss Child
Description: Child theme of Hello Elementor for Bliss Dental St. Charles IL. Adds a filter to remove the entry-title H1 so each page renders exactly one H1 (the Elementor hero), keeping a clean SEO heading hierarchy.
Author: Bliss Dental
Template: hello-elementor
Version: 1.0.2
Text Domain: bliss-child
*/

/* Brand colors (mirrored from Elementor active kit ID 2788) */
:root {
	--e-global-color-primary: #003BDD;
	--e-global-color-secondary: #F6F7F7;
	--e-global-color-text: #666B68;
	--e-global-color-accent: #00DD8F;
}

/* Prevent Hello Elementor's default link/heading colors (red/pink) from
   overriding Elementor-rendered content. Inherit from the surrounding
   Elementor widget context instead. */
a,
a:visited,
a:hover {
	color: inherit;
}

h1, h2, h3, h4, h5, h6 {
	color: inherit;
}

/* ================================================
   BLISS DENTAL — MOBILE PATIENT EXPERIENCE
   All rules: max-width 768px only
   Desktop: zero changes
================================================ */

/* Sticky bar hidden by default (desktop). Mobile media query below shows it. */
.bliss-sticky-bar {
	display: none !important;
}

/* Hide the 4-column footer SEO link section (Areas We Serve / Insurance Accepted /
   Our Services / From Our Blog) on every viewport. Internal-link value is preserved
   for Google (the <a> tags remain in the DOM) but the visible block is collapsed. */
[data-id="c784fb8"] {
	display: none !important;
}

/* Internal SEO links — visually hidden from users, still crawlable by Google.
   Used to wrap "See also:" blocks injected for internal linking value only. */
.bliss-see-also-block,
.bliss-internal-links-block,
.bliss-related-links {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
}

/* --- GLOBAL MOBILE POLISH --- */
@media (max-width: 768px) {

	/* Increase base font size for readability */
	body {
		font-size: 16px !important;
		padding-bottom: 80px !important;
	}

	/* Generous tap targets on all links */
	a {
		min-height: 44px;
	}

	/* Clean section spacing */
	.elementor-section,
	.e-container {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

}

/* --- VIDEO SECTION --- */
@media (max-width: 768px) {

	/* Video: full width, rounded corners, prominent */
	.elementor-widget-video .elementor-widget-container,
	.elementor-video-container,
	.elementor-video {
		width: 100% !important;
		border-radius: 12px !important;
		overflow: hidden !important;
	}

	/* Headline size for impact in CTA columns */
	.elementor-widget-heading h2 {
		font-size: 26px !important;
		line-height: 1.25 !important;
	}

	/* Button typography — Pass 17 controls width/centering */
	.elementor-widget-button .elementor-button {
		min-height: 54px !important;
		font-size: 17px !important;
		font-weight: 700 !important;
		letter-spacing: 0.02em !important;
		border-radius: 10px !important;
	}

	/* Service cards: single column, clean */
	.elementor-posts-container,
	.elementor-grid {
		grid-template-columns: 1fr !important;
	}

	/* FAQ items: more breathing room */
	.elementor-accordion-item,
	.elementor-toggle-item {
		margin-bottom: 8px !important;
	}

	.elementor-tab-title,
	.elementor-accordion-title {
		font-size: 15px !important;
		padding: 14px 16px !important;
		min-height: 52px !important;
		display: flex !important;
		align-items: center !important;
	}

}

/* --- STICKY BOOKING BAR (mobile only) --- */
@media (max-width: 768px) {

	.bliss-sticky-bar {
		display: flex !important;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999999;
		background: #ffffff;
		border-top: 2px solid #003BDD;
		box-shadow: 0 -4px 16px rgba(0, 59, 221, 0.12);
		padding: 10px 16px;
		padding-bottom: max(10px, env(safe-area-inset-bottom));
		gap: 12px;
		align-items: center;
	}

	/* Call button — blue fill, phone icon */
	.bliss-sticky-call {
		flex: 1;
		display: flex !important;
		align-items: center;
		justify-content: center;
		gap: 8px;
		background: #003BDD;
		color: #ffffff !important;
		text-decoration: none !important;
		border-radius: 10px;
		min-height: 52px;
		font-size: 15px;
		font-weight: 700;
		letter-spacing: 0.01em;
		transition: opacity 0.15s;
	}

	.bliss-sticky-call:active {
		opacity: 0.85;
	}

	/* Book button — white with blue border, calendar icon */
	.bliss-sticky-book {
		flex: 1;
		display: flex !important;
		align-items: center;
		justify-content: center;
		gap: 8px;
		background: #ffffff;
		color: #003BDD !important;
		text-decoration: none !important;
		border: 2px solid #003BDD;
		border-radius: 10px;
		min-height: 52px;
		font-size: 15px;
		font-weight: 700;
		letter-spacing: 0.01em;
		transition: background 0.15s;
	}

	.bliss-sticky-book:active {
		background: #f0f4ff;
	}

	.bliss-sticky-bar svg {
		width: 20px;
		height: 20px;
		flex-shrink: 0;
	}

	/* Reviews badge — compact trust signal between buttons */
	.bliss-sticky-reviews {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 10px;
		color: #666B68;
		line-height: 1.2;
		min-width: 56px;
		text-align: center;
	}

	.bliss-sticky-reviews .bliss-stars {
		color: #F59E0B;
		font-size: 12px;
		letter-spacing: -1px;
	}

}

/* --- MOBILE HERO POLISH --- */
@media (max-width: 768px) {

	/* Hero: reduce min-height so video section is closer to fold */
	.elementor-section.elementor-section-height-min-height {
		min-height: 75vh !important;
	}

	/* Ensure hero text is readable over any background */
	.elementor-widget-heading h1,
	.elementor-widget-heading h6 {
		text-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
	}

}

/* --- PHONE NUMBERS: tap-to-call everywhere --- */
@media (max-width: 768px) {

	a[href^="tel"] {
		display: inline-block;
		min-height: 44px;
		line-height: 44px;
		color: #003BDD;
		font-weight: 600;
	}

}

/* ================================================
   BLISS DENTAL — MOBILE FIX PASS 2
   8 specific fixes for cramped/hard-to-scan mobile layout
   All rules: max-width 768px only
================================================ */

/* --- Fix 1: Hide top utility bar on mobile (sticky bar replaces it) --- */
@media (max-width: 768px) {
	.elementor-location-header > .elementor-section:first-child,
	.elementor-location-header > .e-container:first-child {
		display: none !important;
	}
}

/* --- Fix 2: Navigation — hamburger only on mobile --- */
@media (max-width: 768px) {
	.elementor-nav-menu--main {
		display: none !important;
	}
	.elementor-menu-toggle {
		display: flex !important;
	}
}

/* --- Fix 3: Hide SEO footer link columns on mobile --- */
@media (max-width: 768px) {
	.bliss-footer-links-row,
	.elementor-element.bliss-seo-footer {
		display: none !important;
	}
}

/* --- Fix 4: Section spacing & typography --- */
@media (max-width: 768px) {

	/* Better inner padding */
	.elementor-section .elementor-container,
	.e-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	/* Reduce excessive top/bottom padding on sections */
	.elementor-section,
	.e-con {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	/* Hero section keeps more space */
	.elementor-section.elementor-section-height-min-height {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	/* Body text readable size */
	p,
	.elementor-widget-text-editor {
		font-size: 15px !important;
		line-height: 1.65 !important;
	}

	/* Headings scaled for mobile */
	h1,
	.elementor-widget-heading h1 {
		font-size: 28px !important;
		line-height: 1.2 !important;
	}

	h2,
	.elementor-widget-heading h2 {
		font-size: 22px !important;
		line-height: 1.25 !important;
	}

	h3,
	.elementor-widget-heading h3 {
		font-size: 18px !important;
		line-height: 1.3 !important;
	}
}

/* --- Fix 5: Image grid cleanup --- */
@media (max-width: 768px) {

	/* 2-column gallery layouts */
	.elementor-widget-image-gallery .gallery,
	.elementor-gallery-grid {
		grid-template-columns: 1fr 1fr !important;
		gap: 8px !important;
	}

	/* Constrain image heights so they don't stretch absurdly */
	.elementor-widget-image img {
		max-height: 280px !important;
		width: 100% !important;
		object-fit: cover !important;
		border-radius: 8px !important;
	}
}

/* --- Fix 6: Service cards / posts grid: single column --- */
@media (max-width: 768px) {

	.elementor-posts--skin-cards .elementor-posts-container,
	.elementor-grid-3,
	.elementor-grid-4 {
		grid-template-columns: 1fr !important;
	}

	.elementor-post__card,
	.elementor-widget-posts article {
		margin-bottom: 16px !important;
		border-radius: 12px !important;
		overflow: hidden !important;
	}
}

/* --- Fix 7: Google reviews widget readability --- */
@media (max-width: 768px) {
	.grw-reach,
	.grw-review-item {
		padding: 12px !important;
		font-size: 14px !important;
	}
}

/* --- Fix 8: Insurance logo grid — 3 per row on mobile --- */
@media (max-width: 768px) {
	.elementor-icon-list-items {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 12px !important;
	}
}

/* ================================================
   BLISS DENTAL — MOBILE FIX PASS 3
   Targeted fixes from screenshot inspection
   - Top utility bar (header container 3ee8646)
   - Hero section (homepage container 5195) — video bg fallback
   - Button color override (defaults rendering gray)
   - Hamburger nav fallback
   - Hero contrast
   All rules: max-width 768px only, except button overrides scoped to mobile.
================================================ */

/* --- Priority 1: Top utility bar — keep visible but compact on mobile --- */
@media (max-width: 768px) {

	/* Top utility row from header template 26 — make it compact, not tall.
	   Single horizontal row with smaller text. Brand blue background preserved
	   from the existing Elementor settings. */
	.elementor-element-3ee8646,
	[data-id="3ee8646"] {
		padding: 6px 10px !important;
		min-height: 0 !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		align-items: center !important;
		justify-content: center !important;
	}

	/* Address text-editor — shrink and ellipsize so it doesn't wrap badly */
	.elementor-element-aba37c7 {
		font-size: 11px !important;
		text-align: center !important;
		flex: 1 1 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	.elementor-element-aba37c7 a {
		color: #ffffff !important;
		font-size: 11px !important;
		line-height: 1.3 !important;
		text-decoration: none !important;
	}

	/* Call + Book Your Appointment Online icon list — compact horizontal */
	.elementor-element-fa90d6d {
		font-size: 12px !important;
	}
	.elementor-element-fa90d6d .elementor-icon-list-items {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		justify-content: center !important;
		gap: 12px !important;
		grid-template-columns: none !important;
	}
	.elementor-element-fa90d6d .elementor-icon-list-item {
		font-size: 12px !important;
	}
	.elementor-element-fa90d6d .elementor-icon-list-text {
		font-size: 12px !important;
		line-height: 1.2 !important;
	}
	.elementor-element-fa90d6d .elementor-icon-list-icon svg {
		width: 12px !important;
		height: 12px !important;
	}

	/* Reset the bar's child container padding so the whole row stays tight */
	.elementor-element-3ee8646 > .elementor-element {
		padding: 0 !important;
	}

}

/* --- Priority 2 + 5: Hero section background fallback on mobile --- */
@media (max-width: 768px) {

	/* Homepage hero container 5195 has background_background=video. Mobile browsers
	   commonly do not autoplay video backgrounds, leaving the section blank. Force
	   the fallback image to display, with a brand-blue color underneath if the
	   image also fails. Use a relative path so it resolves on both localhost and
	   production. */
	.elementor-element-5195,
	[data-id="5195"] {
		background-color: #003BDD !important;
		background-image: url('/wp-content/uploads/2024/12/DSC01404-VSCO-scaled-1.jpg') !important;
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		min-height: 65vh !important;
		padding: 60px 20px 80px !important;
	}

	/* Hide any video-background element inside the hero on mobile (it would not
	   autoplay anyway and just leaves a blank box). */
	.elementor-element-5195 .elementor-background-video-container,
	[data-id="5195"] .elementor-background-video-container {
		display: none !important;
	}

	/* Hero text white with shadow for readability over the image/blue fallback */
	.elementor-element-5195 .elementor-widget-heading *,
	[data-id="5195"] .elementor-widget-heading * {
		color: #ffffff !important;
		text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4) !important;
	}

	.elementor-element-5195 .elementor-widget-text-editor,
	.elementor-element-5195 .elementor-widget-text-editor *,
	[data-id="5195"] .elementor-widget-text-editor,
	[data-id="5195"] .elementor-widget-text-editor * {
		color: #ffffff !important;
		text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4) !important;
	}

	/* The inner container 79871bea has a classic white background that creates
	   a card-on-photo design on desktop. On mobile that card fills the entire
	   hero height, hides the photo, and the white text becomes invisible
	   against it. Force the inner card transparent on mobile so the hero
	   photo + white text become the clean mobile hero. */
	.elementor-element-79871bea,
	.elementor-element-4b1e64c6,
	[data-id="79871bea"],
	[data-id="4b1e64c6"] {
		background-color: transparent !important;
		background-image: none !important;
		min-height: 0 !important;
		box-shadow: none !important;
		border: none !important;
		border-radius: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

}

/* --- Header empty-space cleanup + logo sizing --- */
@media (max-width: 768px) {

	/* Remove any top gap the theme adds in the header wrapper */
	.elementor-location-header {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
	.elementor-location-header > * {
		margin-top: 0 !important;
	}

	/* Tightly compress the main header nav row (12c8dd7) — was creating big
	   blank space between top utility bar and the hero on mobile. Apply tight
	   padding everywhere inside the nav row. */
	.elementor-element-12c8dd7,
	[data-id="12c8dd7"] {
		padding: 8px 16px !important;
		min-height: 0 !important;
	}
	.elementor-element-12c8dd7 .elementor-element,
	[data-id="12c8dd7"] .elementor-element {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	/* Bliss logo — bigger on mobile so it reads as a real brand mark */
	.elementor-widget-site-logo img,
	.elementor-widget-theme-site-logo img,
	.elementor-widget-image img[alt*="Bliss"],
	.elementor-widget-image img[alt*="bliss"] {
		max-height: 60px !important;
		width: auto !important;
	}

}

/* --- Hero contrast overlay — make white text readable over the busy photo --- */
@media (max-width: 768px) {

	/* The hero photo (DSC01404) has a bliss script overlay graphic that visually
	   conflicts with white H1 text. Add a dark gradient overlay via the
	   container's :before pseudo-element so the text gets readable contrast. */
	.elementor-element-5195,
	[data-id="5195"] {
		position: relative !important;
		min-height: 0 !important;
	}
	.elementor-element-5195::before,
	[data-id="5195"]::before {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(180deg, rgba(0, 26, 95, 0.55) 0%, rgba(0, 26, 95, 0.75) 100%);
		z-index: 0;
		pointer-events: none;
	}
	/* All hero direct children sit above the overlay */
	.elementor-element-5195 > *,
	[data-id="5195"] > * {
		position: relative !important;
		z-index: 1 !important;
	}

	/* Lighter min-height on mobile so the hero is not absurdly tall */
	.elementor-element-5195,
	[data-id="5195"] {
		min-height: 480px !important;
		padding: 40px 20px 50px !important;
	}

	/* Tighten the next section (Comprehensive Dental Care, container 2b878640)
	   so there is no big blank gap right after the hero. */
	.elementor-element-2b878640,
	[data-id="2b878640"] {
		padding-top: 32px !important;
	}

}

/* --- Priority 3: Button color override (CSS layer in addition to widget data fix) --- */
@media (max-width: 768px) {

	/* Default solid CTA buttons — brand blue */
	.elementor-button.elementor-button-default,
	.elementor-widget-button .elementor-button {
		background-color: #003BDD !important;
		color: #ffffff !important;
		border-color: #003BDD !important;
	}

	/* Sticky-bar Book Online keeps its outline style (defined earlier) — exclude it */
	.bliss-sticky-book {
		background-color: #ffffff !important;
		color: #003BDD !important;
		border-color: #003BDD !important;
	}

	/* Sticky-bar Call Now keeps its solid blue */
	.bliss-sticky-call {
		background-color: #003BDD !important;
		color: #ffffff !important;
	}

}

/* --- Priority 4: Nav hamburger menu fallback for older nav-menu widget --- */
@media (max-width: 768px) {

	/* Older horizontal nav-menu widget — hide list items so only toggle shows */
	.elementor-nav-menu--layout-horizontal .elementor-nav-menu > li {
		display: none !important;
	}

	.elementor-menu-toggle {
		display: flex !important;
	}

}

/* --- Pass 5: Mobile fine-tuning (utility bar, hero gap, logo, button wrap, nav height) --- */

/* Fix 1 — Tighten the blue utility bar (3ee8646) */
@media (max-width: 768px) {

	.elementor-element-3ee8646,
	[data-id="3ee8646"] {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}
	.elementor-element-3ee8646 .elementor-widget-text-editor,
	.elementor-element-3ee8646 .elementor-widget-text-editor p,
	[data-id="3ee8646"] .elementor-widget-text-editor p {
		font-size: 12px !important;
		line-height: 1.3 !important;
		margin: 0 !important;
	}
	.elementor-element-3ee8646 .elementor-icon-list-item,
	[data-id="3ee8646"] .elementor-icon-list-item {
		padding: 4px 0 !important;
	}

}

/* Fix 2 — Remove white gap between hero and next section */
@media (max-width: 768px) {

	.elementor-section,
	.e-container,
	.e-con {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.elementor-section > .elementor-container,
	.e-con-inner {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

}

/* Fix 3 — Center and size logo */
@media (max-width: 768px) {

	.elementor-widget-site-logo,
	.elementor-widget-image {
		text-align: center !important;
		margin: 0 auto !important;
	}
	.elementor-widget-site-logo img,
	.elementor-widget-image img[alt*="logo"],
	.elementor-widget-image img[alt*="Bliss"],
	.elementor-widget-image img[alt*="bliss"] {
		max-height: 50px !important;
		width: auto !important;
		display: block !important;
		margin: 0 auto !important;
	}

}

/* Fix 4 — Hide second verbose hero paragraph; tighten H1 + spacing */
@media (max-width: 768px) {

	[data-id="5195"] .elementor-widget-text-editor:nth-of-type(2) {
		display: none !important;
	}
	[data-id="5195"] .elementor-widget-wrap {
		padding: 40px 20px 60px !important;
		gap: 12px !important;
	}
	[data-id="5195"] h1 {
		font-size: 28px !important;
		line-height: 1.2 !important;
		margin-bottom: 8px !important;
	}

}

/* Fix 5 — Button text wrapping (width controlled by Pass 17) */
@media (max-width: 768px) {

	.elementor-widget-button .elementor-button-text {
		white-space: normal !important;
		font-size: 15px !important;
		letter-spacing: 0.05em !important;
	}

}

/* Fix 6 — Compact nav bar height (last container in header location) */
@media (max-width: 768px) {

	.elementor-location-header .e-container:last-child,
	.elementor-location-header .elementor-section:last-child {
		min-height: 60px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

}

/* --- Pass 6: Bigger centered logo, tighter section padding, centered footer --- */

/* Fix A — Logo larger and truly centered (override Pass 5 Fix 3) */
@media (max-width: 768px) {

	.elementor-widget-site-logo,
	.elementor-widget-theme-site-logo,
	.elementor-widget-image {
		text-align: center !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.elementor-widget-site-logo .elementor-widget-container,
	.elementor-widget-theme-site-logo .elementor-widget-container,
	.elementor-widget-image .elementor-widget-container {
		text-align: center !important;
	}
	.elementor-widget-site-logo img,
	.elementor-widget-theme-site-logo img,
	.elementor-widget-image img[alt*="logo"],
	.elementor-widget-image img[alt*="Bliss"],
	.elementor-widget-image img[alt*="bliss"] {
		max-height: 65px !important;
		height: auto !important;
		width: auto !important;
		max-width: 80% !important;
		object-fit: contain !important;
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	/* Logo widget container must not clip the image */
	.elementor-widget-site-logo .elementor-widget-container,
	.elementor-widget-theme-site-logo .elementor-widget-container,
	.elementor-widget-image .elementor-widget-container {
		overflow: visible !important;
	}

	/* Compress the narrow row that holds the cursive script logo so it doesn't
	   sit in a tall white band between the two blue bars. */
	.elementor-location-header .elementor-element:has(> .elementor-widget-image),
	.elementor-location-header .elementor-element:has(> .elementor-widget-site-logo) {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}

}

/* Fix B — Tighten section padding throughout (override Pass 5 Fix 2's 40/40) */
@media (max-width: 768px) {

	.elementor-section > .elementor-container,
	.e-con-inner {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}
	/* Inner widget gap also tighter */
	.elementor-widget {
		margin-bottom: 12px !important;
	}
	.elementor-widget:last-child {
		margin-bottom: 0 !important;
	}

}

/* Fix C — Footer: stack columns into one centered column, kill dead space */
@media (max-width: 768px) {

	/* Collapse multi-column footer into single column */
	footer .elementor-container,
	.elementor-location-footer .elementor-container,
	footer .e-con-inner,
	.elementor-location-footer .e-con-inner {
		flex-direction: column !important;
		gap: 16px !important;
	}
	footer .elementor-column,
	.elementor-location-footer .elementor-column,
	footer .e-con-inner > .e-con,
	.elementor-location-footer .e-con-inner > .e-con {
		width: 100% !important;
		max-width: 100% !important;
		flex-basis: 100% !important;
	}

	/* Center every text/heading/widget in the footer */
	footer,
	footer h1, footer h2, footer h3, footer h4, footer p, footer li,
	.elementor-location-footer,
	.elementor-location-footer h1,
	.elementor-location-footer h2,
	.elementor-location-footer h3,
	.elementor-location-footer h4,
	.elementor-location-footer p,
	.elementor-location-footer li,
	footer .elementor-widget,
	.elementor-location-footer .elementor-widget,
	footer .elementor-icon-list-items,
	.elementor-location-footer .elementor-icon-list-items {
		text-align: center !important;
	}
	footer .elementor-icon-list-item,
	.elementor-location-footer .elementor-icon-list-item {
		justify-content: center !important;
	}

	/* Kill empty trailing space inside footer columns (the See-also column
	   leaves a tall blank gap on mobile because desktop row heights don't
	   apply once columns stack). */
	footer .elementor-element,
	.elementor-location-footer .elementor-element {
		min-height: 0 !important;
	}
	footer .elementor-widget-spacer,
	.elementor-location-footer .elementor-widget-spacer,
	footer .elementor-spacer,
	.elementor-location-footer .elementor-spacer {
		height: 0 !important;
		min-height: 0 !important;
	}
	footer .elementor-widget-spacer .elementor-spacer-inner,
	.elementor-location-footer .elementor-widget-spacer .elementor-spacer-inner {
		height: 0 !important;
		min-height: 0 !important;
	}

	/* Tighten footer section padding — the Pass 5 .e-con-inner = 24px already
	   applies; override for the bottom band specifically so address area is
	   compact, not airy. */
	footer .e-con-inner,
	.elementor-location-footer .e-con-inner {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	/* Phone number wrap fix — keep on one line if possible */
	footer a[href^="tel:"],
	.elementor-location-footer a[href^="tel:"] {
		white-space: nowrap !important;
	}

}

/* Fix D — Trim hero / Google reviews section dead space */
@media (max-width: 768px) {

	/* Override Pass 4 hero padding so it's tighter without disturbing overlay */
	.elementor-element-5195,
	[data-id="5195"] {
		min-height: 380px !important;
		padding: 24px 20px 32px !important;
	}

	/* Reviews widget — kill huge top/bottom whitespace from third-party iframe */
	.elementor-widget-shortcode,
	.elementor-widget-html {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

}

/* --- Pass 7: Center logo, fix blue-on-blue button, tighten spacing --- */

/* Fix A — Truly center the theme-site-logo (876bca1) inside header column 50a3995 */
@media (max-width: 768px) {

	.elementor-element-50a3995,
	[data-id="50a3995"] {
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
	}
	.elementor-element-876bca1,
	[data-id="876bca1"] {
		width: 100% !important;
		max-width: 100% !important;
		text-align: center !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.elementor-element-876bca1 .elementor-widget-container,
	[data-id="876bca1"] .elementor-widget-container {
		text-align: center !important;
		display: flex !important;
		justify-content: center !important;
	}
	.elementor-element-876bca1 img,
	[data-id="876bca1"] img {
		margin-left: auto !important;
		margin-right: auto !important;
	}

}

/* Fix B — Blue-on-blue CTA button (633cf41c) inside blue section 30d6475c */
@media (max-width: 768px) {

	.elementor-element-30d6475c .elementor-button,
	[data-id="30d6475c"] .elementor-button,
	.elementor-element-633cf41c .elementor-button,
	[data-id="633cf41c"] .elementor-button {
		background-color: #ffffff !important;
		color: #003BDD !important;
		border: 2px solid #ffffff !important;
	}
	.elementor-element-30d6475c .elementor-button:hover,
	[data-id="30d6475c"] .elementor-button:hover {
		background-color: #003BDD !important;
		color: #ffffff !important;
		border-color: #ffffff !important;
	}

	/* Tighten the blue insurance section's internal spacing — the heading, body
	   and CTA are far too widely spaced inside the rounded blue card. */
	.elementor-element-30d6475c,
	[data-id="30d6475c"] {
		padding: 28px 22px !important;
	}
	.elementor-element-6b42a585,
	[data-id="6b42a585"],
	.elementor-element-31a39826,
	[data-id="31a39826"] {
		padding: 0 !important;
		gap: 14px !important;
	}
	.elementor-element-30d6475c .elementor-widget,
	[data-id="30d6475c"] .elementor-widget {
		margin-bottom: 14px !important;
	}
	.elementor-element-30d6475c .elementor-widget:last-child,
	[data-id="30d6475c"] .elementor-widget:last-child {
		margin-bottom: 0 !important;
	}

}

/* Fix C — Global mobile spacing pass: tighter sections, smaller gaps */
@media (max-width: 768px) {

	/* Override Pass 6 24px → 16px so sections are noticeably tighter */
	.elementor-section > .elementor-container,
	.e-con-inner {
		padding-top: 16px !important;
		padding-bottom: 16px !important;
	}
	/* Top-level container gaps */
	.e-con > .e-con,
	.e-con-inner > .e-con {
		gap: 12px !important;
	}
	/* Inter-widget margin tighter */
	.elementor-widget {
		margin-bottom: 8px !important;
	}
	.elementor-widget:last-child {
		margin-bottom: 0 !important;
	}
	/* Heading top margin reduce so they sit closer to the previous block */
	.elementor-widget-heading h1,
	.elementor-widget-heading h2,
	.elementor-widget-heading h3 {
		margin-top: 0 !important;
		margin-bottom: 8px !important;
	}

}

/* --- Pass 8: Aggressive whitespace cleanup + true footer centering --- */

/* Fix A — Footer phone + Book-Online row: stack and center every cell */
@media (max-width: 768px) {

	/* Force every nested footer container to be a single centered column */
	footer .e-con,
	footer .elementor-container,
	.elementor-location-footer .e-con,
	.elementor-location-footer .elementor-container,
	footer .e-con-inner,
	.elementor-location-footer .e-con-inner {
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		gap: 12px !important;
	}

	/* Footer icon-list rows that show address / phone / book-online icons —
	   stack each <li> and center the icon + label together */
	footer .elementor-icon-list-items,
	.elementor-location-footer .elementor-icon-list-items {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		gap: 8px !important;
	}
	footer .elementor-icon-list-item,
	.elementor-location-footer .elementor-icon-list-item {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
		width: 100% !important;
	}
	footer .elementor-icon-list-item > a,
	.elementor-location-footer .elementor-icon-list-item > a {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
	}

	/* Footer button width/centering handled globally by Pass 17 */

	/* Social icons row — keep as horizontal row, but centered */
	footer .elementor-widget-social-icons .elementor-social-icons-wrapper,
	.elementor-location-footer .elementor-widget-social-icons .elementor-social-icons-wrapper {
		display: flex !important;
		flex-direction: row !important;
		justify-content: center !important;
		gap: 12px !important;
	}

}

/* Fix B — Kill the giant blank below "See also" links inside posts/pages */
@media (max-width: 768px) {

	/* Remove all spacer widgets on mobile — they were sized for desktop columns */
	.elementor-widget-spacer,
	.elementor-widget-divider {
		margin: 0 !important;
	}
	.elementor-widget-spacer .elementor-widget-container,
	.elementor-widget-divider .elementor-widget-container {
		padding: 0 !important;
	}
	.elementor-widget-spacer .elementor-spacer,
	.elementor-widget-spacer .elementor-spacer-inner {
		height: 8px !important;
		min-height: 0 !important;
	}

	/* Any inline-styled height in widget containers — cap on mobile */
	[style*="min-height"] {
		min-height: 0 !important;
	}

	/* Empty trailing columns — remove min-height that desktop sets */
	.elementor-column,
	.e-con,
	.e-con-inner {
		min-height: 0 !important;
	}

}

/* Fix C — Tighter content spacing in posts (See-also links, FAQ accordion gap) */
@media (max-width: 768px) {

	/* "See also:" link blocks — bring them tight to each other */
	.elementor-widget-text-editor p:has(a[href*="bliss"]),
	article p {
		margin-top: 0 !important;
		margin-bottom: 12px !important;
	}

	/* FAQ accordion (a major spacing offender on the homepage) */
	.elementor-widget-accordion .elementor-accordion,
	.elementor-widget-toggle .elementor-toggle {
		margin-bottom: 16px !important;
	}
	.elementor-widget-accordion + .elementor-widget,
	.elementor-widget-toggle + .elementor-widget {
		margin-top: 16px !important;
	}

}

/* --- Pass 9: Final mobile polish — hero gap, footer SEO hide, consistent padding --- */

/* Fix 1 — White gap between hero (5195) and Comprehensive Dental Care (2b878640) */
@media (max-width: 768px) {

	.elementor-element-5195,
	[data-id="5195"] {
		margin-bottom: 0 !important;
		padding-bottom: 32px !important;
	}
	.elementor-element-5195 + .elementor-element,
	.elementor-element-5195 + .e-con,
	.elementor-element-5195 + section,
	.elementor-element-5195 + .elementor-section,
	.elementor-element-2b878640,
	[data-id="2b878640"] {
		margin-top: 0 !important;
		padding-top: 30px !important;
	}

}

/* Footer SEO link columns hide rule moved outside @media — applies on ALL viewport widths */

/* Fix 3 — Consistent section padding sitewide on mobile */
@media (max-width: 768px) {

	/* Default consistent padding for every section/container */
	.elementor-section .elementor-container,
	.e-con > .e-con-inner,
	.e-con-inner {
		padding-top: 36px !important;
		padding-bottom: 36px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	/* Exception: hero (5195) keeps slightly larger padding for visual presence */
	.elementor-element-5195 .elementor-container,
	.elementor-element-5195 > .e-con-inner,
	[data-id="5195"] .elementor-container,
	[data-id="5195"] > .e-con-inner {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	/* Exception: utility bar (3ee8646) stays compact */
	.elementor-element-3ee8646 .elementor-container,
	.elementor-element-3ee8646 > .e-con-inner,
	[data-id="3ee8646"] .elementor-container,
	[data-id="3ee8646"] > .e-con-inner {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}

	/* Exception: main nav row (12c8dd7) stays compact */
	.elementor-element-12c8dd7 .elementor-container,
	.elementor-element-12c8dd7 > .e-con-inner,
	[data-id="12c8dd7"] .elementor-container,
	[data-id="12c8dd7"] > .e-con-inner {
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}

	/* Exception: sticky bar always compact, kept above bottom safe-area */
	.bliss-sticky-bar {
		padding-top: 10px !important;
	}

}

/* --- Pass 10: Kill trailing column whitespace on stacked rows --- */
@media (max-width: 768px) {

	/* When desktop rows stack on mobile, inherited stretch heights leave a
	   tall blank below the shorter column. Force every stacked container to
	   wrap content height and start its children at the top. */
	.e-con,
	.e-con-inner,
	.elementor-section .elementor-container,
	.elementor-row {
		align-items: flex-start !important;
		align-content: flex-start !important;
	}
	.e-con,
	.e-con-inner,
	.elementor-column,
	.elementor-column-wrap {
		height: auto !important;
		min-height: 0 !important;
		flex-basis: auto !important;
	}

	/* Reduce default 36px section padding to 24px on mobile — Pass 9 was a
	   bit airy still. Keep the same exceptions. */
	.elementor-section .elementor-container,
	.e-con > .e-con-inner,
	.e-con-inner {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	/* Re-assert the exceptions so 24px override above doesn't undo them */
	.elementor-element-3ee8646 .elementor-container,
	.elementor-element-3ee8646 > .e-con-inner,
	[data-id="3ee8646"] .elementor-container,
	[data-id="3ee8646"] > .e-con-inner {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}
	.elementor-element-12c8dd7 .elementor-container,
	.elementor-element-12c8dd7 > .e-con-inner,
	[data-id="12c8dd7"] .elementor-container,
	[data-id="12c8dd7"] > .e-con-inner {
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}

	/* Trailing widget margin must be zero so empty space below last child collapses */
	.elementor-widget:last-child {
		margin-bottom: 0 !important;
	}
	.e-con > .e-con:last-child,
	.e-con-inner > .e-con:last-child,
	.elementor-column:last-child {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	/* Specifically: text-editor widgets at the bottom of a column ("See also" /
	   "Proudly serving" paragraph) should not contribute trailing space */
	.elementor-widget-text-editor:last-child,
	.elementor-widget-text-editor:last-child > .elementor-widget-container,
	.elementor-widget-text-editor:last-child p:last-child {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

}

/* --- Pass 11: Center the footer address column (90b4bcc) directly by ID --- */
@media (max-width: 768px) {

	/* Container that holds 1400 Lincoln Highway address + phone/Book icons + Book Now button */
	.elementor-element-90b4bcc,
	[data-id="90b4bcc"] {
		text-align: center !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.elementor-element-90b4bcc *,
	[data-id="90b4bcc"] * {
		text-align: center !important;
	}

	/* Address text widget (2b028ad) */
	.elementor-element-2b028ad,
	[data-id="2b028ad"],
	.elementor-element-2b028ad .elementor-widget-container,
	[data-id="2b028ad"] .elementor-widget-container,
	.elementor-element-2b028ad p,
	[data-id="2b028ad"] p {
		text-align: center !important;
	}

	/* Icon list (090b9b7) — phone + Book Online: stack centered, each li centered */
	.elementor-element-090b9b7 .elementor-icon-list-items,
	[data-id="090b9b7"] .elementor-icon-list-items {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		gap: 8px !important;
		padding-left: 0 !important;
		margin-left: 0 !important;
	}
	.elementor-element-090b9b7 .elementor-icon-list-item,
	[data-id="090b9b7"] .elementor-icon-list-item {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
		width: auto !important;
	}
	.elementor-element-090b9b7 .elementor-icon-list-item > a,
	.elementor-element-090b9b7 .elementor-icon-list-item > span,
	[data-id="090b9b7"] .elementor-icon-list-item > a,
	[data-id="090b9b7"] .elementor-icon-list-item > span {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
	}

	/* Book Now button widget (b047d57) — centered block */
	.elementor-element-b047d57,
	[data-id="b047d57"] {
		text-align: center !important;
	}
	/* b047d57 button widget centering handled globally by Pass 17 */

}

/* --- Pass 12: Override elementor-align-end/right on the footer address column --- */
@media (max-width: 768px) {

	/* Force address column 90b4bcc + parent 67f8b96 to span full width */
	.elementor-element-67f8b96,
	[data-id="67f8b96"],
	.elementor-element-90b4bcc,
	[data-id="90b4bcc"] {
		width: 100% !important;
		max-width: 100% !important;
		align-self: stretch !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
	}

	/* Kill Elementor's elementor-align-end / elementor-align-right inside the footer */
	.elementor-element-90b4bcc .elementor-align-end,
	.elementor-element-90b4bcc .elementor-align-right,
	.elementor-element-90b4bcc .elementor-align-left,
	[data-id="90b4bcc"] .elementor-align-end,
	[data-id="90b4bcc"] .elementor-align-right,
	[data-id="90b4bcc"] .elementor-align-left,
	.elementor-element-090b9b7.elementor-align-end,
	.elementor-element-b047d57.elementor-align-right,
	[data-id="090b9b7"].elementor-align-end,
	[data-id="b047d57"].elementor-align-right {
		text-align: center !important;
	}

	/* Override Elementor's button/icon-list end alignment specifically */
	.elementor-element-090b9b7.elementor-align-end .elementor-icon-list-items,
	[data-id="090b9b7"].elementor-align-end .elementor-icon-list-items,
	.elementor-element-090b9b7 .elementor-icon-list-items,
	[data-id="090b9b7"] .elementor-icon-list-items {
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
	}
	/* b047d57 button-wrapper centering handled globally by Pass 17 */

	/* Address text widget — force its container, paragraph, and link to center */
	.elementor-element-2b028ad .elementor-widget-container,
	[data-id="2b028ad"] .elementor-widget-container,
	.elementor-element-2b028ad p,
	[data-id="2b028ad"] p,
	.elementor-element-2b028ad a,
	[data-id="2b028ad"] a {
		text-align: center !important;
		display: block !important;
	}

}

/* --- Pass 13: Center header utility bar contents (3ee8646 -> aa84403) --- */
@media (max-width: 768px) {

	/* Inner row aa84403 — stack address + phone + Book Online and center every item */
	.elementor-element-aa84403,
	[data-id="aa84403"] {
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		gap: 6px !important;
		width: 100% !important;
	}

	/* Each widget inside the row — full-width, centered text */
	.elementor-element-aa84403 > .elementor-element,
	[data-id="aa84403"] > .elementor-element {
		width: 100% !important;
		max-width: 100% !important;
		text-align: center !important;
		align-self: center !important;
	}

	/* Address text editor at top of bar */
	.elementor-element-aba37c7,
	[data-id="aba37c7"],
	.elementor-element-aba37c7 .elementor-widget-container,
	[data-id="aba37c7"] .elementor-widget-container,
	.elementor-element-aba37c7 p,
	[data-id="aba37c7"] p {
		text-align: center !important;
	}

	/* Phone icon-list (38874e7) and Book Online icon-list (fa90d6d) — kill any
	   elementor-align-* class, stack icon+text horizontally but center the row */
	.elementor-element-38874e7,
	[data-id="38874e7"],
	.elementor-element-fa90d6d,
	[data-id="fa90d6d"] {
		text-align: center !important;
	}
	.elementor-element-38874e7 .elementor-icon-list-items,
	.elementor-element-fa90d6d .elementor-icon-list-items,
	[data-id="38874e7"] .elementor-icon-list-items,
	[data-id="fa90d6d"] .elementor-icon-list-items {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		padding-left: 0 !important;
		margin: 0 !important;
	}
	.elementor-element-38874e7 .elementor-icon-list-item,
	.elementor-element-fa90d6d .elementor-icon-list-item,
	[data-id="38874e7"] .elementor-icon-list-item,
	[data-id="fa90d6d"] .elementor-icon-list-item {
		display: inline-flex !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
		gap: 6px !important;
	}
	.elementor-element-38874e7 .elementor-icon-list-item > a,
	.elementor-element-fa90d6d .elementor-icon-list-item > a,
	[data-id="38874e7"] .elementor-icon-list-item > a,
	[data-id="fa90d6d"] .elementor-icon-list-item > a {
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
	}

}

/* --- Pass 14: NUCLEAR center override for footer address column 90b4bcc --- */
@media (max-width: 768px) {

	/* Container itself fills width and centers its children */
	body .elementor-element-90b4bcc,
	body [data-id="90b4bcc"] {
		width: 100% !important;
		max-width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
	}

	/* Each direct widget child: full-width block so children can center inside */
	body .elementor-element-90b4bcc > .elementor-element,
	body [data-id="90b4bcc"] > .elementor-element {
		width: 100% !important;
		max-width: 100% !important;
		text-align: center !important;
		align-self: center !important;
	}

	/* Address text widget 2b028ad — centered <a>; remove the display:block from
	   Pass 12 that was making the link span full width and left-aligning its text */
	body .elementor-element-2b028ad,
	body [data-id="2b028ad"],
	body .elementor-element-2b028ad .elementor-widget-container,
	body [data-id="2b028ad"] .elementor-widget-container {
		text-align: center !important;
	}
	body .elementor-element-2b028ad a,
	body [data-id="2b028ad"] a {
		display: inline-block !important;
		text-align: center !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	/* Icon-list 090b9b7 — kill elementor-align-end and any browser <ul> indent */
	body .elementor-element-090b9b7,
	body [data-id="090b9b7"],
	body .elementor-element-090b9b7 .elementor-widget-container,
	body [data-id="090b9b7"] .elementor-widget-container {
		text-align: center !important;
	}
	body .elementor-element-090b9b7 ul.elementor-icon-list-items,
	body [data-id="090b9b7"] ul.elementor-icon-list-items {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0 !important;
		margin: 0 !important;
		list-style: none !important;
		width: 100% !important;
	}
	body .elementor-element-090b9b7 li.elementor-icon-list-item,
	body [data-id="090b9b7"] li.elementor-icon-list-item {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		width: 100% !important;
		padding: 4px 0 !important;
	}
	body .elementor-element-090b9b7 li.elementor-icon-list-item > a,
	body [data-id="090b9b7"] li.elementor-icon-list-item > a {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		width: auto !important;
	}

	/* Book Now button b047d57 — kill elementor-align-right; full-width centered button */
	body .elementor-element-b047d57,
	body [data-id="b047d57"] {
		text-align: center !important;
	}
	body .elementor-element-b047d57 .elementor-widget-container,
	body [data-id="b047d57"] .elementor-widget-container {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
	}
	/* b047d57 button-wrapper / button centering handled globally by Pass 17 */

}

/* --- Pass 17: Single clean button-centering block (replaces Passes 15-16) --- */
@media (max-width: 768px) {

	/* Button widget wrapper — center its child button */
	.elementor-widget-button {
		text-align: center !important;
		width: 100% !important;
	}

	.elementor-widget-button .elementor-widget-container,
	.elementor-widget-button .elementor-button-wrapper {
		text-align: center !important;
		display: flex !important;
		justify-content: center !important;
		width: 100% !important;
	}

	/* Button itself — width capped, centered with margin auto + display block */
	.elementor-widget-button .elementor-button {
		width: calc(100% - 32px) !important;
		max-width: 400px !important;
		margin: 0 auto !important;
		display: block !important;
		text-align: center !important;
		min-height: 54px !important;
		font-size: 15px !important;
		padding: 16px 20px !important;
		background-color: #003BDD !important;
		color: #ffffff !important;
	}

	/* Exception: sticky bar Call/Book buttons keep flex layout in the bottom bar */
	.bliss-sticky-call,
	.bliss-sticky-book {
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		display: flex !important;
	}

	/* Exception: outline/ghost buttons authored with transparent inline style */
	.elementor-button[style*="background: transparent"],
	.elementor-button[style*="background-color: transparent"] {
		background-color: transparent !important;
		color: #003BDD !important;
		border: 2px solid #003BDD !important;
	}

	/* Exception: white-on-blue button inside the blue insurance card (633cf41c) */
	.elementor-element-30d6475c .elementor-button,
	[data-id="30d6475c"] .elementor-button,
	.elementor-element-633cf41c .elementor-button,
	[data-id="633cf41c"] .elementor-button {
		background-color: #ffffff !important;
		color: #003BDD !important;
		border: 2px solid #ffffff !important;
	}

}

/* --- Pass 17 Fix 2: Section content centering on mobile --- */
@media (max-width: 768px) {

	/* Center widget content vertically/horizontally inside flex containers */
	.elementor-widget-wrap {
		align-items: center !important;
	}

	/* Body copy text editors stay left-aligned for readability */
	.elementor-widget-text-editor,
	.elementor-widget-text-editor p {
		text-align: left !important;
	}

	/* Headings center on mobile by default */
	.elementor-widget-heading {
		text-align: center !important;
	}

	/* Hero (5195) — keep heading left-aligned for visual emphasis */
	[data-id="5195"] .elementor-widget-heading,
	.elementor-element-5195 .elementor-widget-heading {
		text-align: left !important;
	}

	/* Footer-specific text editors should still center (override Fix 2 left-align) */
	[data-id="2b028ad"],
	[data-id="2b028ad"] p,
	[data-id="2b028ad"] a,
	[data-id="aba37c7"],
	[data-id="aba37c7"] p,
	[data-id="afbf8d2"] .elementor-widget-text-editor,
	[data-id="afbf8d2"] .elementor-widget-text-editor p {
		text-align: center !important;
	}

}