/* Site-specific overrides on top of the Twenty Twelve theme (replaces WordPress inline styles). */

body.custom-background {
	background-color: #ffffff;
	background-image: url("../images/grey_wash_wall1.png");
	background-position: left top;
	background-repeat: repeat;
}

/* The header image carries the site name, so hide the text title visually. */
.site-title,
.site-description {
	position: absolute;
	clip-path: inset(50%);
}

img {
	max-width: 100%;
	height: auto;
}

/* Contact form */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
	width: 100%;
	max-width: 30em;
	box-sizing: border-box;
}

.contact-form .hp {
	position: absolute !important;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.form-status {
	margin: 0 0 24px;
	padding: 12px 16px;
	border: 2px solid #46b450;
	border-radius: 3px;
}

.form-status.error {
	border-color: #dc3232;
}

/* Sidebar: pin the celebrant logo to the bottom of the sidebar on wide screens. */
@media screen and (min-width: 600px) {
	#main.wrapper {
		display: flex;
		align-items: stretch;
	}
	#main.wrapper::before,
	#main.wrapper::after {
		display: none;
	}
	.widget-area {
		display: flex;
		flex-direction: column;
	}
	.widget-area .widget_nav_menu + .widget {
		margin-top: auto;
	}
}
@media screen and (min-width: 600px) {
	#main.wrapper {
		justify-content: space-between;
	}
}

/* Call to action linking to the contact page. */
.entry-content .cta {
	margin: 2em 0 1em;
	clear: both;
}
.entry-content a.cta-button {
	display: inline-block;
	padding: 0.75em 1.5em;
	background-color: #21759b;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
}
.entry-content a.cta-button:hover,
.entry-content a.cta-button:focus {
	background-color: #0f3647;
	color: #fff;
}