/*
Theme Name: Sky Blue 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; }
.omw-modal .wp-block-image { margin-bottom: 0 !important; }
.has-text-align-center { text-align: center !important; }

/* HEADER
********************************************************************************************************************************************************** */
.top-bar-centered span a { display: inline-block; }

/* BODY
********************************************************************************************************************************************************** */

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

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

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

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

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

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

}

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

.popup-form-title { text-align: center; font-size: 1.4em; margin-bottom: 10px; color: #004aad; text-transform: uppercase; line-height: 1.2; }
.popup-form-footer { text-align: center; font-size: 12px; font-weight: 400; color: #999; line-height: 1.2; margin-top: 6px; }
form p { margin: 0 !important; }
form textarea {	min-height: initial; line-height: 1.5; resize: vertical; }
form input[type="submit"] { margin-top: 12px; width: 100%; }

/* ICONS */
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea { border-color: #bbb !important; padding: 6px 5px 6px 30px;} 
.wpcf7 form p { clear: both; }
.wpcf7 span[data-name="your-name"]::before { font-family: 'Font Awesome 5 Free'; content: "\f007"; position: absolute; top: -6px; left: 8px; } 
.wpcf7 span[data-name="your-email"]::before { font-family: 'Font Awesome 5 Free'; content: "\f0e0"; position: absolute; top: -6px; left: 8px; }
.wpcf7 span[data-name="your-phone"]::before { font-family: 'Font Awesome 5 Free'; content: "\f879"; font-weight: 700; position: absolute; top: -6px; left: 8px; } 
.wpcf7 span[data-name="your-location"]::before { font-family: 'Font Awesome 5 Free'; content: "\f3c5"; font-weight: 700; position: absolute; top: -6px; left: 8px; } 
.wpcf7 span[data-name="your-message"]::before { font-family: 'Font Awesome 5 Free'; content: "\f27a"; position: absolute; top: -26px; left: 8px; }

/* BUTTON ANIMATIONS
********************************************************************************************************************************************************** */
.fwuk-soh-1 { min-width: 240px; text-align: center; display: inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
	position: relative; background: #ed1c24; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;
	padding: 10px 20px; color: #fff; margin: 5px; }
.fwuk-soh-1::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #3372a3;
	-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 { 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: 5px 15px; color: #3372a3; }
.fwuk-soh-2::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #3372a3;
	-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); }

.fwuk-soh-3 { min-width: 240px; text-align: center; display: inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
	position: relative; background: #3372a3; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;
	padding: 2px 15px; color: #fff; margin: 5px; }
.fwuk-soh-3::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #3372a3;
	-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-3:hover, .fwuk-soh-3:focus, .fwuk-soh-3:active { color: #fff; }
.fwuk-soh-3:hover::before, .fwuk-soh-3:focus::before, .fwuk-soh-3:active::before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.fwuk-soh-3 a { color: #fff !important; }

.fwuk-soh-4 { 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: 0 15px; color: #fff; font-weight: 400; }
.fwuk-soh-4::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #3372a3;
	-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-4:hover, .fwuk-soh-4:focus, .fwuk-soh-4:active { color: #fff; }
.fwuk-soh-4:hover::before, .fwuk-soh-4:focus::before, .fwuk-soh-4:active::before { -webkit-transform: scaleX(1); transform: scaleX(1); }


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