/* Decorwick static-site additions (contact form, Pinterest save buttons, search states).
   Everything else comes from the original theme stylesheet (main.css). */

/* Contact form */
.dw-contact-form > p {
	margin: 0 0 18px;
}

.dw-contact-form label {
	margin-bottom: 6px;
	font-family: var(--dw-label-font);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--dw-text-muted);
}

.dw-contact-form .form-submit {
	margin-top: 6px;
}

.dw-contact-form.is-loading {
	opacity: .6;
	pointer-events: none;
}

.dw-contact-form__message {
	margin: 0;
	font-size: 14px;
	color: var(--dw-success);
}

.dw-contact-form__message:empty {
	display: none;
}

.dw-contact-form__message.is-error {
	color: var(--dw-error);
}

/* Pinterest "Save" button on story images */
.dw-pin-wrap {
	position: relative;
	display: block;
}

.dw-pin-save {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 14px 9px 11px;
	border-radius: 999px;
	background: #e60023;
	color: #fff;
	font-family: var(--dw-button-font);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .06em;
	text-decoration: none;
	opacity: 0;
	transform: translateY(-4px);
	transition: opacity .2s ease, transform .2s ease;
}

.dw-pin-save:hover,
.dw-pin-save:focus-visible {
	color: #fff;
	background: #ad081b;
}

.dw-pin-wrap:hover .dw-pin-save,
.dw-pin-save:focus-visible {
	opacity: 1;
	transform: none;
}

@media (hover: none) {
	.dw-pin-save {
		opacity: .92;
		transform: none;
	}
}

/* Images inside stories */
.dw-prose figure.wp-block-image {
	margin: 2.2em 0;
}

.dw-prose figure.wp-block-image img {
	width: 100%;
	height: auto;
}

.dw-prose figure.wp-block-image figcaption {
	margin-top: 10px;
	text-align: center;
}

/* Empty states */
.dw-search-page__empty,
.dw-archive__empty {
	margin: 40px 0 80px;
	text-align: center;
	color: var(--dw-text-muted);
}

.dw-search-list:empty {
	display: none;
}

.dw-announcement a.dw-announcement__text {
	color: inherit;
	text-decoration: none;
}