/*
Theme Name: Bucklers Hard
Theme URI: https://www.bucklershard.co.uk/
Author: Jon Travers
Description: The 18th century shipbuilding village where ships for Nelson's Navy were built. Based on the Beaulieu River, in the New Forest National Park in Hampshire.
Tags: 
Version: 2023
Requires at least: 5.2
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: bucklershard

*/


body.site-layout.hide-top-bar { padding-top: 140px; }
body.hide-top-bar #header-wrapper header { height: 140px; }
body.hide-top-bar #header-wrapper header:before { top: 0; }



/* reset most vc css */

body .vc_row { margin-left: 0; margin-right: 0; }
body .vc_column_container > .vc_column-inner { padding-left: 0; padding-right: 0; }

/* this is an ineer row */
.vc_row.wpb_row.vc_inner.vc_row-fluid { max-width: 1320px; margin: 0 auto; }

.vc_row.wpb_row.vc_inner.vc_row-fluid > .vc_col-sm-6 > .vc_column-inner { padding-right: 55px; }
.vc_row.wpb_row.vc_inner.vc_row-fluid > .vc_col-sm-6:last-child > .vc_column-inner { padding-right: 55; }


.form-contact .f-row:after {
    content: '';
    display: block;
    clear: both;
	height: 0;
}

.form-contact { padding: 0 10px; }
.form-contact .f-row { padding: 5px 0; }
.form-contact .f-row label { display: block; }
.form-contact .f-row .inner { max-width: 500px; }
.form-contact .f-row .inner input[type="text"], 
.form-contact .f-row .inner input[type="email"], 
.form-contact .f-row .inner input[type="tel"], 
.form-contact .f-row .inner select { width: 100%; box-sizing: border-box; height: 45px; line-height: 1.2; }
.form-contact .f-row p { margin: 0; }
.form-contact .f-row .col1 { float: left; width: 50%; padding: 0 0 10px 0; }
.form-contact .f-row .col2 { float: left; width: 50%; padding: 0 0 0 10px; }
.form-contact .f-row textarea { width: 100%; height: 150px; }

span.wpcf7-not-valid-tip { background: #ff9b9b; padding: 5px 10px; color: #000; }

div.wpcf7-validation-errors,
div.wpcf7-spam-blocked { margin: 10px 0 0; background: #f7e700; padding: 5px 10px; color: #000; max-width: 378px; }
div.wpcf7-mail-sent-ng { margin: 10px 0 0; background: #ffbbbb; padding: 5px 10px; color: #000; max-width: 378px; }
div.wpcf7-mail-sent-ok  { margin: 10px 0 0; background: #cdf7bb; padding: 5px 10px; color: #000; max-width: 378px; }

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900;
	background: #ffecca;
	margin: 0;
}



@media (max-width: 1400px) {
	
	.vc_row.wpb_row.vc_inner.vc_row-fluid > .vc_col-sm-2 > .vc_column-inner { padding-right: 10px; }
	.vc_row.wpb_row.vc_inner.vc_row-fluid > .vc_col-sm-3 > .vc_column-inner { padding-right: 10px; }
	.vc_row.wpb_row.vc_inner.vc_row-fluid > .vc_col-sm-4 > .vc_column-inner { padding-right: 10px; }
	.vc_row.wpb_row.vc_inner.vc_row-fluid > .vc_col-sm-5 > .vc_column-inner { padding-right: 10px; }
	.vc_row.wpb_row.vc_inner.vc_row-fluid > .vc_col-sm-6 > .vc_column-inner { padding-right: 10px; }

}

@media (max-width: 780px) {
	
	.form-contact .f-row { padding: 0; }
	
	.form-contact .f-row .col1 { float: none; width: 100%; padding: 0; }
	.form-contact .f-row .col2 { float: none; width: 100%; padding: 0; }
	
	.form-contact .f-row label { padding: 0 0 5px 0; }
	
	#main-footer--primary-links .main-footer--primary-links--group .main-footer--mid-section--logos ul { flex-direction: column; gap: 20px; }
	
}