/*
Theme Name: Klein Landing Page OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP theme must be installed before activating this custom child theme!
Author: FWUK
Author URI: https://freelanceworks.co.uk/
Template: oceanwp
Text Domain: oceanwp
Version: 1.0
*/

/* SITE WIDE
********************************************************************************************************************************************************** */
html { max-width: 1920px; margin:0 auto; background:#fafafa; }
a, a:hover, a:focus { text-decoration: none; outline: none !important; }
.grecaptcha-badge { display: none; }
.omw-modal.omw-open { transition: all .6s ease-in-out !important; }

/* HEADER
********************************************************************************************************************************************************** */
.sidebar-box {
	margin-bottom: 0 !important;
}
#site-header-inner .widget_custom_html {
	margin-left: auto;
}
#site-header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
a.header-button {
	background: #fff;
	padding: 10px 15px;
	border-radius: 22px;
	font-size: 22px;
	font-weight: 700;
}
a.header-button:hover {
	background: rgba(242,194,194,1);
}


/* BODY
********************************************************************************************************************************************************** */
.home-checks .elementor-icon-list-icon {
	background: #254380;
	padding: 8px;
}
.home-checks .elementor-icon-list-text {
	margin-left: 10px;
}
.elementor-button {
	text-align: initial !important;
}
.bold-black {
	color: #000;
	font-weight: 700;
}
.review-scroll-text {
	max-height: 365px;
	overflow-y: auto !important;
	padding: 0px 20px 0px 10px;
}
.yellow-text { color: #E9B703; }

/* FOOTER
********************************************************************************************************************************************************** */

/* WooCommerce
********************************************************************************************************************************************************** */
.main-container { max-height: 390px !important; width: 100%; }
.move-vertical { transition: all .5s ease-in-out; height: 145px; }
.main-container:hover .move-vertical { transform: translateY(-96px); }


/* RESPONSIVE
********************************************************************************************************************************************************** */
@media only screen and (max-width:767px) {
	#site-header-inner .widget_custom_html { margin-left: initial; }
	a.header-button { font-size: 18px; }
	input.wpcf7-submit { font-size: 16px !important; }
	.main-container:hover .move-vertical { transform: translateY(-92px); }
}
@media only screen and (min-width:768px) {

}
@media only screen and (max-width: 959px) {

}
@media only screen and (min-width: 960px) {

}

/* CONTACT FORM 7
********************************************************************************************************************************************************** */
.wpcf7-form textarea {	min-height: initial; line-height: 1.5; resize: vertical; }
.wpcf7-form .form-security-info { font-size: 14px; line-height: 1.2em;}
.wpcf7-form input.wpcf7-submit { width: 100%; border-radius: 22px; font-size: 28px; font-weight: 700; }
.wpcf7-form input { border: none !important; }
.wpcf7-form select { border: none !important; width: 90%; }
.wpcf7-form .cf7-input p span { padding-left: 18px; }
.wpcf7-form .cf7-input p { border: 3px solid #2f3b4a; border-radius: 10px; background: #fff; }

.wpcf7-form span[data-name="customer-name"]::before { font-family: 'Font Awesome 5 Free'; content: "\f007"; position: absolute; top: -2px; left: 8px; opacity: .7; } 
.wpcf7-form span[data-name="customer-email"]::before { font-family: 'Font Awesome 5 Free'; content: "\f0e0"; position: absolute; top: -2px; left: 8px; opacity: .7; }
.wpcf7-form span[data-name="customer-phone"]::before { font-family: 'Font Awesome 5 Free'; content: "\f879"; font-weight: 700; position: absolute; top: -2px; left: 8px; opacity: .7; } 
.wpcf7-form span[data-name="customer-location"]::before { font-family: 'Font Awesome 5 Free'; content: "\f3c5"; font-weight: 700; position: absolute; top: -2px; left: 8px; opacity: .7; }