/* Mobile styles for card image */
@media (max-width: 576px) {
	.card .card-image {
		padding-top: 30px !important;
		overflow: visible !important;
	}
}

/* Header container background - dark blue for all devices */
.header__container {
	background-color: #1f425d !important;
}

/* Mobile header container white background override */
@media (max-width: 768px) {
	.header__container {
		background-color: #ffffff !important;
	}
}

/* Mobile styles for icon box (We Guarantee section) */
@media (max-width: 768px) {
	.icon-box__title {
		font-size: 18px !important;
		font-weight: 700 !important;
	}
	.icon-box__subtitle {
		font-size: 17px !important;
		font-weight: 400 !important;
	}
}

/* Small mobile styles for icon box (425px and below) */
@media (max-width: 425px) {
	.icon-box__title {
		font-size: 18px !important;
	}
	.icon-box__subtitle {
		font-size: 16px !important;
	}
}

/* Mobile button styles */
@media (max-width: 768px) {
	.btn, .btn-large {
		height: 55px !important;
		line-height: 55px !important;
		padding: 0 1.5rem !important;
		min-width: auto !important;
	}
}

/* Remove borders from offer cards on mobile */
@media (max-width: 768px) {
	.logo-panel img {
		border: none !important;
		border-bottom: none !important;
	}
	.card {
		border: none !important;
	}
	.hentry {
		border: none !important;
	}
	.widget_pw_icon_box .icon-box {
		border: none !important;
		border-bottom: none !important;
	}
	.widget-title.lined,
	.widget-title.lined.big,
	.widget-title.big.lined,
	.widget-title.lined > span {
		border-bottom: none !important;
		border: none !important;
	}
}

/* Increase contact form input width on mobile for service detail pages */
@media (max-width: 768px) {
	/* Simple contact form in service-single-sidebar - very specific selectors to override inline styles */
	.service-single-sidebar form input[type="text"],
	.service-single-sidebar form input[type="email"],
	.service-single-sidebar form textarea,
	.service-single-sidebar form input[name="name"],
	.service-single-sidebar form input[name="email"],
	.service-single-sidebar form textarea[name="message"],
	.service-single-sidebar input[type="text"],
	.service-single-sidebar input[type="email"],
	.service-single-sidebar textarea {
		width: 90% !important;
		max-width: 90% !important;
		min-width: 90% !important;
	}
	.service-single-sidebar form button[type="submit"],
	.service-single-sidebar button[type="submit"] {
		width: 90% !important;
		max-width: 90% !important;
		min-width: 90% !important;
	}
	
	/* Complex contact form with contact-cta__form */
	.contact-cta__form .form-field input,
	.contact-cta__form .form-field textarea {
		width: 100% !important;
		max-width: 100% !important;
	}
}

