/*
 Theme Name:   Teesside Caravan Storage Ltd
 Theme URI:    https://www.teessidecaravanstorageltd.co.uk/
 Description:  Teesside Caravan Storage Ltd Child Theme
 Author:       https://www.teessidecaravanstorageltd.co.uk/
 Author URI:   https://www.teessidecaravanstorageltd.co.uk/
 Template:     shapely
 Version:      1.0.0
 */

@media (min-width: 992px) {
	.main-navigation .custom-logo {
		max-width: 360px;
		width: auto;
		height: auto;
	}

	.main-navigation .nav-bar .module {
		padding-left: 16px;
		padding-right: 16px;
	}

	.main-navigation .nav-bar .module-group {
		width: auto;
		max-width: calc(100% - 390px);
	}

	.main-navigation .menu {
		width: auto;
		white-space: nowrap;
	}

	.main-navigation .menu > li {
		margin-right: 22px;
	}

	.main-navigation .menu li a {
		letter-spacing: 0;
		white-space: nowrap;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.main-navigation .custom-logo {
		max-width: 300px;
	}

	.main-navigation .nav-bar .module {
		padding-left: 10px;
		padding-right: 10px;
	}

	.main-navigation .menu > li {
		margin-right: 14px;
	}

	.main-navigation .menu li a {
		font-size: 12px;
	}
}

/* Contact Form 7 */
.wpcf7 {
	max-width: 760px;
	margin: 0 0 40px;
	padding: 28px;
	background: #fff;
	border: 1px solid #d8d8d8;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

.wpcf7 p {
	margin: 0 0 18px;
}

.wpcf7 label,
.wpcf7-form label {
	display: block;
	margin: 0 0 7px;
	color: #222;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}

.wpcf7 .wpcf7-form-control-wrap {
	display: block;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 select,
.wpcf7 textarea {
	display: block;
	width: 100%;
	min-height: 46px;
	margin: 0;
	padding: 11px 14px;
	color: #222;
	font-size: 15px;
	line-height: 1.4;
	background: #f7f7f7;
	border: 1px solid #cfcfcf;
	border-radius: 3px;
	box-shadow: none;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.wpcf7 select {
	-webkit-appearance: auto;
	appearance: auto;
}

.wpcf7 textarea {
	min-height: 140px;
	resize: vertical;
}

.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
	background: #fff;
	border-color: #153a8a;
	outline: none;
	box-shadow: 0 0 0 3px rgba(21, 58, 138, 0.14);
}

.wpcf7 input[type="submit"] {
	display: inline-block;
	width: auto;
	min-width: 190px;
	height: auto;
	margin-top: 8px;
	padding: 14px 28px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.08em;
	text-align: center;
	text-transform: uppercase;
	background: #ed1b2f;
	border: 1px solid #ed1b2f;
	border-radius: 3px;
	box-shadow: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus {
	background: #153a8a;
	border-color: #153a8a;
	transform: translateY(-1px);
}

.wpcf7 .wpcf7-not-valid {
	border-color: #d63638;
}

.wpcf7 .wpcf7-not-valid-tip {
	margin-top: 6px;
	color: #b42318;
	font-size: 13px;
}

.wpcf7 form .wpcf7-response-output {
	margin: 20px 0 0;
	padding: 12px 14px;
	font-size: 14px;
	border-radius: 3px;
}

@media (max-width: 767px) {
	h1,
	.image-bg h1,
	.parallax-section h1,
	.top-parallax-section h1 {
		font-size: 40px !important;
		line-height: 1.08 !important;
	}

	.wpcf7 {
		padding: 20px;
	}

	.wpcf7 input[type="submit"] {
		width: 100%;
	}
}