/* page_newsletter.less */

@import "main.less";

.page_newsletter {
	.newsletter_form {
		margin: 50px 0;

		.form_title {
			text-transform: uppercase;
		}

		label {
			color         : #23272A;
			font-family   : 'Barlow';
			font-size     : 19px;
			font-weight   : 500;
			letter-spacing: 0;
			line-height   : 23px;
			margin        : 0;
		}

		input[type=text],
		textarea,
		select {
			width           : 100%;
			border-color    : #EAF0F4 !important;
			height          : 70px;
			background-color: #fff;
			border-radius   : 8px;
			padding         : 10px;
			margin          : 30px 0;

			@media @small {
				margin: 20px 0;
			}

			&:focus-visible,
			&:focus {
				outline: none;
				border : 2px solid #23272A !important;
			}

			@media @small {
				height: 50px;
			}
		}

		textarea {
			height: 280px;

			@media @small {
				height: 150px;
			}
		}

		.submit_btn {
			margin          : 20px 0;
			background-color: #445B6D;
			display         : block;
		}
	}
}