/*
Theme Name: HLC Child Theme
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; }
.no-bottom-margin p { margin: 0 !important; }

.about-founders { transform: translate(-50%, -5%); }
.contact-book-button a { width: 540px; }

.contact-icon-list div { font-size:1.2em; font-weight:700; }

.newsletter-buttons { width: 440px;}
#mailpoet_form_1 form.mailpoet_form {
	padding: 0 !important;
}
.newsletter-buttons form input[type="email"] {
	background-color: #DDDDDD;
	padding: 14px 18px 14px 18px !important;
	border-radius: 50px 50px 50px 50px;
	color:#000;
}
.newsletter-buttons form input[type="submit"] {
	background-color: #545454;
	padding:18px !important;
	border-radius: 50px 50px 50px 50px;
	font-size: 16px !important;
}
.mailpoet_form .mailpoet_paragraph.last { }

.elementor-3 .elementor-element.elementor-element-1ee2c12f .elementor-wrapper {
	--video-aspect-ratio: 0.5625 !important;
}
@media only screen and (max-width:767px) {
	.contact-book-button a { width: 320px; }
	.newsletter-buttons { width: 300px !important;}
	.mailpoet_form .mailpoet_paragraph { line-height: 20px !important; }
	.newsletter-buttons form input[type="submit"] { padding: 14px !important; }
}
/* HEADER
********************************************************************************************************************************************************** */
#top-bar {
	padding: 6px 0 !important;
}
#top-bar-nav li a {
	font-style: italic;
}
.fwuk-loggedin-user span { 
	margin-right: 5px; 
}
#site-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#site-navigation-wrap {
	margin-left: auto;
}
#site-navigation-wrap .dropdown-menu li {
	margin-left: 4px;
}
#site-navigation-wrap .dropdown-menu li a {
	font-style: italic;
}
#site-navigation-wrap .dropdown-menu > .current-menu-item > a {
	border-radius: 4px;
}
#site-navigation-wrap .dropdown-menu li a:hover {
	background-color: #e6e6e6;
	border-radius: 4px;
}
.sidr-class-mobile-menu { font-style: italic; }
.sidr-class-toggle-sidr-close {
	display: flex !important;
	align-items: center;
}

@media only screen and (max-width:767px) {
	.oceanwp-mobile-menu-icon a {
		font-size: 18px !important;
		text-transform: uppercase !important;
	}
	#site-header-inner {
		padding: 6px 0 6px 0 !important;
	}
}

/* BODY
********************************************************************************************************************************************************** */
.home-carousel figcaption { margin-top: 24px; text-align: left !important; font-size: 14px; line-height: 1.4em; }
.home-carousel figcaption img { display: block; margin-bottom: 18px; }
.home-carousel figcaption span { display: block; margin-top: 18px; font-weight: 700; font-size: 16px !important;}
.elementor-lightbox footer { display: none; }

.elementor-widget-n-accordion .e-con-full.e-flex.e-con.e-child { border-width: 0 1px 1px 1px; border-style: solid; border-color: #dfdfdf; }

/* FOOTER
********************************************************************************************************************************************************** */
.fwuk-footer-widget-title { font-size: 1.4em; font-weight: 500; margin-bottom: 12px; }
.fwuk-footer-widget-address,
.fwuk-footer-widget-phone,
.fwuk-footer-widget-email,
.fwuk-footer-widget-hours,
.footer-socials { margin-bottom: 12px; }
.footer-socials a { margin-right: 14px;}
.fwuk-footer-widget-address span { padding-left: 24px; }

@media only screen and (max-width: 959px) {
	
}
@media only screen and (max-width:767px) {
.footer-box.span_1_of_3 { }
}
.footer-tag-us { text-align: center; border: 1px solid #fff; border-radius: 30px; margin-top: 40px; padding: 12px; font-style: italic; }

.fwuk-footer-widget-address::before { font-family: 'Font Awesome 5 Free'; content: "\f3c5"; font-weight: 700; display: inline-block; margin-right: 12px; color: #999 !important; }
.fwuk-footer-widget-phone::before { font-family: 'Font Awesome 5 Free'; content: "\f879"; font-weight: 700; display: inline-block; margin-right: 12px; color: #999 !important; }
.fwuk-footer-widget-email::before { font-family: 'Font Awesome 5 Free'; content: "\f0e0"; font-weight: 700; display: inline-block; margin-right: 12px; color: #999 !important; }

.footer-widgets-inner { display: flex; justify-content: space-between; gap: 20px; }
.footer-box.span_1_of_3 { border: 1px solid #373737; padding: 50px !important; }
@media only screen and (max-width: 959px) {
	.footer-widgets-inner { gap: 5px; }
	.footer-box.span_1_of_3 { padding: 50px 10px !important; }
}
@media only screen and (max-width:767px) {
	.footer-widgets-inner { flex-direction: column; }
	.footer-box.span_1_of_3 { padding: 50px 25px !important; }
}

/* WooCommerce
********************************************************************************************************************************************************** */

/* RESPONSIVE
********************************************************************************************************************************************************** */
@media only screen and (max-width:767px) {

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

}
@media only screen and (max-width: 959px) {
#site-header-inner {
	position: relative;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
	.oceanwp-mobile-menu-icon.mobile-right { margin-left: auto; }
}
@media only screen and (min-width: 960px) {

}

/* CONTACT FORM 7
********************************************************************************************************************************************************** */
.fwuk-one-half { position: relative; margin-right: 4%; float: left;	width: 48%; margin-bottom: .7em; }
.fwuk-last { margin-right: 0 !important; clear: right; }
@media only screen and (max-width: 767px) { .fwuk-one-half { width: 100%; margin-right: 0; } }
form textarea {	min-height: initial; line-height: 1.5; resize: vertical; }

form.contact-page label { display: block; margin-bottom: 10px; }
form.contact-page input[type="text"],
form.contact-page input[type="email"],
form.contact-page textarea { background: #e2e2e2; border-radius: 50px; border-width: 0 !important; } 
form.contact-page input[type="submit"] { padding: 14px 38px; font-weight: 500; font-size: 1.2em; border-radius: 50px; text-transform: capitalize !important; border-width: 0 !important; }

/* BUTTON ANIMATIONS
********************************************************************************************************************************************************** */
.fwuk-soh-1 { min-width: 185px; text-align: center; display: inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
	position: relative; background: #dd3333; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;
	padding: 5px 15px; color: #fff; margin: 5px; }
.fwuk-soh-1::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #000;
	-webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform;
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.fwuk-soh-1:hover, .fwuk-soh-1:focus, .fwuk-soh-1:active { color: #fff; }
.fwuk-soh-1:hover::before, .fwuk-soh-1:focus::before, .fwuk-soh-1:active::before { -webkit-transform: scaleX(1); transform: scaleX(1); }

.fwuk-soh-2 { min-width: 185px; text-align: center; display: inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
	position: relative; background: #229799; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;
	padding: 5px 15px; color: #fff; margin: 5px; }
.fwuk-soh-2::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #000;
	-webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform;
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.fwuk-soh-2:hover, .fwuk-soh-2:focus, .fwuk-soh-2:active { color: #fff; }
.fwuk-soh-2:hover::before, .fwuk-soh-2:focus::before, .fwuk-soh-2:active::before { -webkit-transform: scaleX(1); transform: scaleX(1); }

/* ******************************************************************************************************************************************************* */

#hw-first { min-width: 285px; text-align: center; display: inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
	position: relative; background: transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;
	padding: 14px 28px; color: #fff; margin: 5px; }
#hw-first::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #000;
	-webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform;
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#hw-first:hover, #hw-first:focus, #hw-first:active { color: #fff; }
#hw-first:hover::before, #hw-first:focus::before, #hw-first:active::before { -webkit-transform: scaleX(1); transform: scaleX(1); }

#hw-second { min-width: 185px; text-align: center; display: inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
	position: relative; background: transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;
	padding: 18px 38px; color: #272727; margin: 5px; }
#hw-second::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #000;
	-webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform;
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#hw-second:hover, #hw-second:focus, #hw-second:active { color: #fff; }
#hw-second:hover::before, #hw-second:focus::before, #hw-second:active::before { -webkit-transform: scaleX(1); transform: scaleX(1); }