/**

* Style Name: Seaspray

* Description: Seaspray is a bright eye-catching style that can stand out on your page with its interesting use of vibrant colors. Its eye-catching headers and stylish design will lift your forms out of the ordinary.

* Instructions:

* Version: 2.1

* Version Date: 2020-03-08

* Tags: green, white, gray, black, dark

**/



/** Table of Contents

 * Import

 * Resets

 * Form & Controls

 * Fieldset, Legend, Label

 * Text Fields

 * Ordered & Unordered lists

 * Checkboxes, Radio Buttons and Drop Down Menus

 * Other Fields

 * Submit Buttons

 * Special Classes

 * Ready Styles

 * Multi Styles

 */



/** Import

Use to import other style sheets

------------------------------------------------------------ */

/* @import url('../parent/style.css'); */



/** Resets

Use to reset HTML form elements within CF7 forms

------------------------------------------------------------ */

.wpcf7 .cf7s-seaspray p {

}



.wpcf7 .cf7s-seaspray em {

}



.wpcf7 .cf7s-seaspray a {

}



/** Form & Controls

Use to style the overall CF7 form

------------------------------------------------------------ */

.wpcf7 .cf7s-seaspray {

	padding: 20px;

	color: #000;

	border: 1px solid #86BB46;
	
	border-radius: 10px 10px 10px 10px;

	background: #fff;

}



/** Fieldset, Legend, Label

------------------------------------------------------------ */

.wpcf7 .cf7s-seaspray fieldset {

	margin: 10px 0;

	padding: 10px 20px;

	border: 2px solid #1c1c1c;

	background: #fff;

}



.wpcf7 .cf7s-seaspray legend {

	font-size: 1em;

	padding: 2px 10px;

	color: #fff;

	border: 2px solid #000000;

	background: #18bd4a;

}



.wpcf7 .cf7s-seaspray label {

}



.wpcf7 .cf7s-seaspray fieldset p {

}



.wpcf7 .cf7s-seaspray fieldset fieldset {

	margin: 10px 0;

	background: #56d0bb;

}



.wpcf7 .cf7s-seaspray fieldset fieldset legend {

	color: #56d0bb;

	background: #fff;

}



.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray fieldset fieldset input,

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray fieldset fieldset textarea {

	border: 1px solid #6f6f6f;

}



/** Text Fields

------------------------------------------------------------ */

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input,

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray textarea {

	margin-bottom: 8px;

	padding: 5px 7px;

	border: 1px solid #18bd4a;

	background: #f2f2f2;

}



.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="text"],

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="email"],

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="tel"],

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="url"],

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="number"],

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="range"],

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type=date],

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type=file] {

}



.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="text"] {

}



.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="email"] {

}



.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="tel"] {

}



.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray textarea {

}



/** Ordered & Unordered lists

------------------------------------------------------------ */

.wpcf7 .cf7s-seaspray ol,

.wpcf7 .cf7s-seaspray ul,

.wpcf7 .cf7s-seaspray li {

}



.wpcf7 .cf7s-seaspray ol {

}



.wpcf7 .cf7s-seaspray li {

	margin-bottom: 5px;

}



.wpcf7 .cf7s-seaspray li label {

	margin-right: 7px;

}



.wpcf7 .cf7s-seaspray .wpcf7-list-item {

}



.wpcf7 .cf7s-seaspray .wpcf7-list-item-label {

	margin-right: 7px;

}



/** Checkboxes, Radio Buttons and Drop Down Menus

------------------------------------------------------------ */

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="checkbox"],

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="radio"] {

	margin-right: 6px;

	background: none;

}



.wpcf7 .cf7s-seaspray select {

	padding: 5px;

	border: 1px solid #1c1c1c;

	background: #f2f2f2;

}



.wpcf7 .cf7s-seaspray select option {

}



.wpcf7 .cf7s-seaspray select option:hover {

	background: #56d0bb;

}



.wpcf7 .cf7s-seaspray .wpcf7-checkbox .wpcf7-list-item,

.wpcf7 .cf7s-seaspray .wpcf7-radio .wpcf7-list-item {

	margin-left: 13px;

}



/** Other Fields

------------------------------------------------------------ */





/** Submit Buttons

------------------------------------------------------------ */

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="submit"] {

	padding: 5px 15px;

	color: #fff;

	background: #1c1c1c;

}



.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="submit"]:hover {

	color: #fff;

	background: #18bd4a;

}



/** Special Classes

NOTE: Special Classes are classes added in the CF7 Form HTML for a particular form 

------------------------------------------------------------ */





/** Ready Styles

------------------------------------------------------------ */

.wpcf7 .cf7s-seaspray .singleline {

}



.wpcf7 .cf7s-seaspray .singleline li {

}



.wpcf7 .cf7s-seaspray .singleline input {

}



.wpcf7 .cf7s-seaspray .horizontal,

.wpcf7 .cf7s-seaspray .checkbox-horizontal,

.wpcf7 .cf7s-seaspray .radio-horizontal {

}



.wpcf7 .cf7s-seaspray .box {

	margin-bottom: 15px;

	padding: 10px;

	border: 1px solid #1c1c1c;

	background: #56d0bb;

}



.wpcf7 .cf7s-seaspray .box select {

}



.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray .grid-hover [data-row-span] [data-field-span]:hover {

	background: #effffc;

}



.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray .grid-lined {

	border-top: 1px solid #333333;

}



.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray .grid-lined [data-row-span] {

	border-bottom: 1px solid #333333;

}



.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray .grid-lined [data-row-span] [data-field-span] {

	border-right: 1px solid #333333;

}



.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray .grid-lined [data-row-span] [data-field-span]:first-child {

	border-left: 1px solid #333333;

}



	/* Needed to over-write Ready Default styling in cf7s-ready.css */

	@media only screen and (min-width: 0) and (max-width: 700px) {

		.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray .grid-lined [data-row-span] {

			border-bottom: none;  /* Needed so don't get additional line */

		}

		.wpcf7  .wpcf7-form.cf7skins.cf7s-seaspray .grid-lined [data-row-span] [data-field-span] {

			border-bottom: 1px solid #333333;

			border-left: 1px solid #333333;

		}

	}



/** Multi Styles

------------------------------------------------------------ */



/* Multi Fixes */

.wpcf7 .cf7s-seaspray.cf7multi {

}



.wpcf7 .cf7s-seaspray.cf7multi .etabs li {

}



/* Easytabs */

.wpcf7 .cf7s-seaspray.cf7multi .tab-container {

}



.wpcf7 .cf7s-seaspray.cf7multi .etabs {

}



.wpcf7 .cf7s-seaspray.cf7multi .tab {

	border: 1px solid #55d1b7;

	border-bottom: none;

	background: #f2f2f2;

}



.wpcf7 .cf7s-seaspray.cf7multi .tab a {

	color: #000;

}



.wpcf7 .cf7s-seaspray.cf7multi .tab.active {

	background: #fff;

}



.wpcf7 .cf7s-seaspray.cf7multi .tab a.active {

}



.wpcf7 .cf7s-seaspray.cf7multi .epanels {

	border: 1px solid #55d1b7;

}



.wpcf7 .cf7s-seaspray.cf7multi .panel-container {

}



/* Navigation */

.wpcf7 .cf7s-seaspray.cf7multi .navigation {

}



.wpcf7 .cf7s-seaspray.cf7multi .navigation .previous,

.wpcf7 .cf7s-seaspray.cf7multi .navigation .next {

	color: #fff;

	border: 1px solid #55d1b7;

	background: #1c1c1c;

}



.wpcf7 .cf7s-seaspray.cf7multi .navigation .previous:hover,

.wpcf7 .cf7s-seaspray.cf7multi .navigation .next:hover {

	color: #333;

	background: #56d0bb;

}



/* Pagination */

.wpcf7 .cf7s-seaspray.cf7multi .pagination {

}



/* Start & End Tabs */

.wpcf7 .cf7s-seaspray.cf7multi .navigation .start,

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray.cf7multi .navigation .end {

	padding: 5px 10px;

	color: #fff;

	border: 1px solid #55d1b7;

	background: #1c1c1c;

}



.wpcf7 .cf7s-seaspray.cf7multi .navigation .start:hover,

.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray.cf7multi .navigation .end:hover {

	color: #333;

	background: #56d0bb;

}



.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray.cf7multi .navigation .end {

}



.wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray.cf7multi .navigation .end:hover {

}



/* Progress Bar */

.wpcf7 .cf7s-seaspray.cf7multi .cf7m-progress {

	border: 1px solid #55d1b7;

	background: #f2f2f2;

}



.wpcf7 .cf7s-seaspray.cf7multi .cf7m-progress div {

	background: #56d0bb;

}



/* Thank You Tab */

.wpcf7 .cf7s-seaspray.cf7multi .cf7m-thanks {

}