/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 02 2025 | 14:57:59 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap');
.woocommerce-store-notice {
    position: fixed;
	top: 0;
	background: #093461 !important;
	width: 100%;
	padding: 20px;
	text-align: center;
	color: #fff;
}

.x-topbar {
	background-color: transparent !important;
}


/* FIXING MOBILE VERSION OF HOMEPAGE TEXT */

.home #x-section-1 {
	padding: 5px 0 45px !important;
}

/* Dry Suit Repair Foem*/
.form-heading-section h1{
	color:#fff;
	text-align:center;
	margin:0;
	font-family: "Karla", Sans-serif;
    font-size: 70px;
    font-weight: 700;
    text-transform: uppercase;
}
.gravity-form-wrap{
	width:50%;
	margin:0 auto;
}
.gravity-form-wrap .gform_heading{
	display:none;
}
.form-inner-heading h4{
	margin:0;
	padding-bottom:7px;
	border-bottom:1px solid #29527C;
	font-family: "Karla", Sans-serif;
	color:#333333;
	font-weight:700;
}
.gravity-form-wrap .gform_fields{
	row-gap:20px !important;
}
.gravity-form-wrap .ginput_container input[type=text],
.gravity-form-wrap .ginput_container input[type=email],
.gravity-form-wrap .ginput_container input[type=tel],
.gravity-form-wrap .ginput_container input[type=number],
.gravity-form-wrap .ginput_container select{
	background-color: #F8F8F8;
    border-radius: 0;
    border-color: #F8F8F8;
    box-shadow: none;
    font-size: 20px;
    color: #333333;
    font-family: "Karla", Arial, Helvetica, sans-serif;
    font-weight: 300;
    min-height: 65px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 65px;
	border:none;
	outline:none;
}
/* Extra specific fallback selectors (some themes/wrappers) */
.gform_wrapper .gfield input[type="number"]::-webkit-inner-spin-button,
.gform_wrapper .gfield input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    appearance: none !important;
}
.gform_wrapper .gfield input[type="number"] {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}
.gravity-form-wrap .ginput_container textarea{
	background-color: #F8F8F8;
    border-radius: 0;
    border-color: #F8F8F8;
    box-shadow: none;
    font-size: 20px;
    color: #333333;
    font-family: "Karla", Arial, Helvetica, sans-serif;
    font-weight: 300;
	 padding-left: 20px;
    padding-right: 20px;
	border:none;
	outline:none;
	resize:vertical;
}
.gravity-form-wrap .gform_wrapper .top_label .gfield_label{
	font-weight:600;
	color: #333333;
    font-family: "Karla", Arial, Helvetica, sans-serif;
	font-size:20px;
}
.gravity-form-wrap .gform_wrapper .top_label .gfield_label .gfield_required{
	font-size:25px;
}
.gravity-form-wrap .gform_wrapper .gfield_description{
	font-family: "Karla", Arial, Helvetica, sans-serif;
	font-style:italic;
}
.gravity-form-wrap .ginput_container .gform_drop_area{
	border:none;
	background-color: #F8F8F8;
    border-radius: 0;
	
}
.gravity-form-wrap .ginput_container .gform_drop_area .gform_drop_instructions{
	color: #333333;
    font-family: "Karla", Arial, Helvetica, sans-serif;
	font-size:20px;
}
.gravity-form-wrap .ginput_container .gform_drop_area .gform_button_select_files{
	background:#0072AB !important;
	color:#fff;
	font-family: "Karla", Arial, Helvetica, sans-serif !important;
	font-weight:300;
}
.gravity-form-wrap .ginput_container .gform_drop_area .gform_button_select_files:hover{
	background:#fff !important;
	color:#0072AB !important;
}
.ship-info h5{
	margin-top:0;
	font-family: "Karla", Arial, Helvetica, sans-serif !important;
	font-weight:700;
	color: #333333;
}
.ship-info p{
	margin:0;
	font-family: "Karla", Arial, Helvetica, sans-serif !important;
	font-weight:300;
	color: #333333;
}
.ship-info:not(:last-child){
	margin-bottom:20px;
}
.submit-info p{
	margin:0;
	font-family: "Karla", Arial, Helvetica, sans-serif !important;
	font-weight:700;
	color: #333333;
	font-size:16px;
	font-style:italic;
}
.gravity-form-wrap .gform-footer .gform_button{
	font-family: "Karla", Arial, Helvetica, sans-serif !important;
	font-weight:700 !important;
	text-transform:uppercase !important;
	background:transparent !important;
	border-radius:0 !important;
	border:1px solid #29527C !important;
	text-transform: uppercase !important;;
    font-family: "Karla", Arial, Helvetica, sans-serif;
	font-size: 16px !important;
    color: #29527C !important;
	width: 160px !important;
    height: 50px !important;
    background-image: url(/wp-content/uploads/2025/12/submit-icon.svg) !important;
    background-repeat: no-repeat !important;
    padding-right: 0;
    background-position: 30px !important;
}
.gravity-form-wrap .gform-footer .gform_button:hover{
	text-shadow:none !important;
}

@media (max-width:1075px) {
	.home #x-section-1 #accentsub {
		margin: 0 10% !important; }
	.form-heading-section h1{
		font-size:48px;
	}
	.vc_custom_1764680822723{
		padding:60px 0;
	}
	.gravity-form-wrap{
		width:70%;
	}
}
@media(max-width:980px){
	.gravity-form-wrap{
		width:100%;
	}
	.vc_custom_1764687176874.form-head{
		padding:60px 20px !important;
	}
	.form-heading-section h1{
		text-align:left !important;
	}
}
@media(max-width:767px){
	.vc_custom_1764687176874.form-head{
		padding:40px 20px !important;
	}
	.form-heading-section h1{
		font-size:45px;
	}
	.gravity-form-wrap .gform-grid-row{
		row-gap:20px !important;
	}
}
@media (max-width:350px) {
	.home #x-section-1 h2 {
		font-size: 275% !important;
		margin-bottom: 25px; }
}