.wp-block {} /*  (.wp-block {} ensures MT files load in Gutenberg editor) */

/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> Policy heading 2 **/
#policy h2 {
	font-size: 28px !important;
	text-align: left !important;
}

/** General >> Policy heading 3 **/
#policy h3 {
	font-size: 18px !important;
}

/** General >> Policy link **/
#policy a {
	color: rgb(51, 51, 51) !important;
	text-decoration: underline !important;
}

/** General >> ST media wrapper (::before) **/
.ST_media_wrapper::before {
	background-color: transparent !important;
	width: 120px !important;
	height: 120px !important;
	border-top: 4px solid #D6B72B !important;
	border-left: 4px solid #D6B72B !important;
	position: absolute !important;
	top: -8px !important;
	left: -8px !important;
	content: " " !important;
}
//.ST_media_wrapper::after {
	background-color: transparent !important;
	width: 120px !important;
	height: 120px !important;
	border-bottom: 4px solid #D6B72B !important;
	border-right: 4px solid #D6B72B !important;
	position: absolute !important;
	bottom: -8px !important;
	right: -8px !important;
	content: " " !important;
}

/** General >> Elementor button **/
.elementor-button {
	width: 180px !important;
	max-height: 150px !important;
	padding-top: 10px !important;
}

/** General >> Link **/
.peeking-background {
	background-color: #ffffff !important;
	position: relative !important;
	z-index: 1 !important;
	/* 1. This is crucial. It creates the "anchor" for our
     pseudo-element to be positioned against. */
	/* 2. IMPORTANT: Give your container its own background.
     If this is transparent, the pseudo-element will show
     right through it. */
	/* Or whatever your container's bg color is */
	/* 3. This ensures the container's content (like text)
     stays on top of the pseudo-element. */
}
.peeking-background::before {
	/* 4. This creates the pseudo-element */
	content: "" !important;
	position: absolute !important;
	/* 5. This is your image */
	background-image: url('https://donnaduggan.co.uk/wp-content/uploads/2025/10/background-200x200-1.png') !important;
	/* 6. Make the image cover the area */
	background-size: 100% 100% !important;
	/* Stretches image to fit container's size */
	background-repeat: no-repeat !important;
	/* 7. Size it to be the same as the container */
	width: 100% !important;
	height: 100% !important;
	/* 8. Position it up and to the left */
	top: -15px !important;
	left: -15px !important;
	/* 9. THE FIX: This sends the pseudo-element *behind*
     the container it's attached to. */
	z-index: -1 !important;
}

/** General >> Link _3 **/
.ST_postcontent a {
	color: rgb(164, 139, 30) !important;
	font-weight: 600 !important;
}