/*MPS Contact Short Form Style*/
/*Note: .mps-hidden-content applied to parent group of contact-short block
* to hide on page load*/

.mps-contact-short {
	background-color: var(--wp--preset--color--white);
	padding: 2em;
}

.mps-contact-short .form-titlebar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.mps-contact-short .mps-form-header {
	color: var(--wp--preset--color--medium-blue);
}

.mps-contact-short .mps-form-header h3 {
	font-family: var(--wp--preset--font-family--oswald);
	font-weight: 400;
	font-size: var(--wp--preset--font-size--medium-large);
	line-height: 1.1;
	text-rendering: optimizeLegibility;
	text-transform: uppercase;
}

/*This is to remove orange round background on other .mps-close-content -- may not need*/
.mps-contact-short .mps-form-header .mps-close-content:hover {
	border: none;
	background: none;
	color: var(--wp--preset--color--medium-blue-half);
}

/*needed to center text same as .mps-hidden-content .header-close-wrap page-section-common css*/
.mps-contact-short .form-intro {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
/*text-align: center;*/
}

/*Tiny MCE editor adds text as p*/
.mps-contact-short .form-intro p {
	margin-block-start: 0em;
	margin-block-end: 0em;
}

/*request-header 231.11
intro 305.34 + 55.91 + 43.31 = 404.56
difference 173.45/2 = 86.725*/

.mps-contact-short .mps-form-group {
	padding-left: 2.5vw;
	padding-bottom: 10px;
}

.mps-contact-short label {
	display: inline-block;
	margin-top: 20px;
	color: var(--wp--preset--color--medium-blue);
}

.mps-contact-short .mps-form-group.single-line {
	padding-top: 20px;
	padding-bottom: 20px;
}

.mps-contact-short .mps-form-group.single-line label {
	margin-top: 4px;
	margin-right: 1em;
	width: auto;	
}

.mps-contact-short .mps-form-group.single-line label.short-label {
	display: none;
}

.mps-contact-short .mps-form-group input, .mps-contact-short .mps-form-group textarea {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size:18px;
	line-height:2.0rem;
}

.contact-short-submit {
	display: flex;
	justify-content: flex-start;
}

.mps-contact-short .mps-form-group input[type="submit"], .mps-contact-short input[type="button"] {
    padding: 0.667em 1.333em;
    background-color: transparent;
    border-radius: 0px;
    border: 1px solid var(--wp--preset--color--medium-blue);
    color: var(--wp--preset--color--medium-blue);
    width: auto !important;
    margin-top: 1.25rem;
	font-family: var(--wp--preset--font-family--oswald);
	font-weight: 400;
	text-transform: uppercase;
	
}

.mps-contact-short .mps-form-group input[type="submit"]:hover, .mps-contact-short input[type="button"]:hover {
	/* background-color: var(--wp--preset--color--medium-blue-half); */
	border: 1px solid var(--wp--preset--color--medium-orange);
    color: var(--wp--preset--color--medium-orange);	
}

@media (min-width: 1100px) and (max-width: 1450px){
	.wp-container-core-group-layout-15.wp-container-core-group-layout-15 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		max-width: 60vw !important;		
	}
}

@media (max-width: 900px), (max-width: 900px) and (orientation: landscape) {
	.mps-contact-section, .mps-contact-short .mps-form-group {
		margin-left: 1em;
		margin-right: 1em;
	}
	
	.mps-form .comments-guide {
		display: inline-block;
	}
}

@media (max-width: 738px), (max-width: 738px) and (orientation: landscape) {
	.mps-contact-short .mps-form-group {
		margin-left: 0vw;
		margin-right: 0vw;
		padding-left: 0vw;
		padding-right: 0vw;
	}

	.mps-contact-short .mps-form-group.single-line label {
		margin-top: 4px;
		margin-right: 1em;
		width: 94.15%;		
	}

	.mps-contact-short .mps-form-group.single-line label.intro-label {
		line-height: 1.1em;
	}

	.mps-contact-short .mps-form-group.single-line label.full-label {
		display: none;
	}

	.mps-contact-short .mps-form-group.single-line label.short-label {
		display: flex !important;		
	}
	
	.mps-contact-short .mps-form-group.single-line .pretty {
		margin-left: 1.5em;
	}
	
	.mps-contact-short .mps-form-group.single-line .subscriber-error-text {
		display: block;		
	}
	
	.mps-contact-short .mps-form-group span.error-text {
		padding-left: 2.5%;
	}		
}

@media (max-width: 600px) {
	.mps-contact-short .mps-form-group {
		margin-left: 0vw;
		margin-right: 0vw;
		padding-left: 0vw;
		padding-right: 0vw;
	}	
}