@font-face {
    font-family: 'Hatton-200';
    src: url('/wp-content/themes/rosehood/fonts/pp-hatton/PP Hatton Ultralight 200.otf') format('opentype');
    font-style: normal;
}

@font-face {
    font-family: 'Hatton-500';
    src: url('/wp-content/themes/rosehood/fonts/pp-hatton/PP Hatton Medium 500.otf') format('opentype');
    font-style: normal;
}

@font-face {
    font-family: 'Hatton-700';
    src: url('/wp-content/themes/rosehood/fonts/pp-hatton/PP Hatton Bold 700.otf') format('opentype');
    font-style: normal;
}

@font-face {
    font-family: 'pp-neue-montreal-book';
    src: url('/wp-content/themes/rosehood/fonts/pp-neue-montreal/ppneuemontreal-book.otf') format('opentype');
    font-style: normal;
}

p {
	font-family: 'pp-neue-montreal-book';
}

h1 {
	font-family: 'Hatton-700';
}

h2, .submit-btn, .tab-button {
	font-family: 'Hatton-500';
}

/* .font-hatton, h1, h2, h3, h4, .tab-button, .submit-btn {
	font-family: 'Hatton';
} */

input:focus,
select:focus,
textarea:focus {
	outline: none;
}

input,
select {
	height: 48px;
	padding: 0 24px;
}

textarea {
	height: 40px;
	padding: 20px 24px;
	margin-top: 30px !important;
}

input,
select,
textarea {
	width: 100%;
	background-color: transparent;
	font-size: 20px;
	font-weight: 400;
	border-bottom: 1px solid #FFFFFF;
	transition: all 0.3s ease-in-out;
}

.contact-form-1 div {
	margin-bottom: 16px;
}

input::placeholder,
select::placeholder,
textarea::placeholder {
	color: '#FFFFFF';
	opacity: 1;
}

.contact-form-1 .submit-btn {
    border: 1px solid #FFFFFF;
    width: fit-content !important;
    background-color: #FFFFFF;
    color: #000;
    border-radius: 10px;
    line-height: 1;
    height: fit-content !important;
    padding: 15px;
}

.contact-form-1 input[type="text"]::placeholder,
.contact-form-1 input[type="email"]::placeholder,
.contact-form-1 textarea::placeholder {
	color: #fff;
}

.contact-form-1 .wpcf7-spinner {
	display: none;
}

.menu-button {
	font-weight: 400;
	font-size: 24px;
	padding: 0.25rem 1rem;
	background-color: #805421;
	color: #fff;
	border-radius: 0.375rem;
}

.wpcf7-response-output{
    border: none !important;
}

.wpcf7-form-control-wrap textarea {
    min-height: 9rem;
}