/**
* Style Name: Whisky Sour (Pro)
* Description: Whisky Sour is a unique style that manages to be both subtle and smart, resulting in the ability to fit in and look good with a large range of different themes and color schemes.
* Instructions:
* Version: 1.1
* Version Date: 2020-03-08
* Tags: grey, brown, green, red, light
**/

/** 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-whisky-sour p {
}

.wpcf7 .cf7s-whisky-sour em {
}

.wpcf7 .cf7s-whisky-sour a {
}

/** Form & Controls
Use to style the overall CF7 form
------------------------------------------------------------ */
.wpcf7 .cf7s-whisky-sour {
	padding: 20px;
	color: #333;
	/* border: ; Whisky Sour deliberately has no border */
	background: #d3cea6;
}

/** Fieldset, Legend, Label
------------------------------------------------------------ */
.wpcf7 .cf7s-whisky-sour fieldset {
	margin: 10px 0;
	padding: 10px 25px;
	border: 1px solid #fff;
	background: #eae5cf;
}

.wpcf7 .cf7s-whisky-sour legend {
	font-size: 1.2em;
	padding: 3px 20px;
	color: #fff;
	background: #4b4937;
}

.wpcf7 .cf7s-whisky-sour label {
}

.wpcf7 .cf7s-whisky-sour fieldset p {
}

.wpcf7 .cf7s-whisky-sour fieldset fieldset {
	margin: 10px 0;
	background: #d3cea6;
}

.wpcf7 .cf7s-whisky-sour fieldset fieldset legend {
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour fieldset fieldset input,
.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour fieldset fieldset textarea {
}

/** Text Fields
------------------------------------------------------------ */
.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour input,
.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour textarea {
	margin-bottom: 8px;
	padding: 7px;
	color: #444209;
	border: 1px solid #c0c0c0;
	background: #fafafa;
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour input[type="text"],
.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour input[type="email"],
.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour input[type="tel"],
.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour input[type="url"],
.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour input[type="number"],
.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour input[type="range"],
.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour input[type=date],
.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour input[type=file] {
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour input[type="text"] {
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour input[type="email"] {
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour input[type="tel"] {
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour textarea {
}

/** Ordered & Unordered lists
------------------------------------------------------------ */
.wpcf7 .cf7s-whisky-sour ol,
.wpcf7 .cf7s-whisky-sour ul,
.wpcf7 .cf7s-whisky-sour li {
}

.wpcf7 .cf7s-whisky-sour ol {
}

.wpcf7 .cf7s-whisky-sour li {
	margin-bottom: 5px;
	padding: 10px;
	border: 1px solid #4b4937;
	background: #fff;
}

.wpcf7 .cf7s-whisky-sour li label {
}

.wpcf7 .cf7s-whisky-sour .wpcf7-list-item {
}

.wpcf7 .cf7s-whisky-sour .wpcf7-list-item-label {
	margin-right: 7px;
}

/** Checkboxes, Radio Buttons and Drop Down Menus
------------------------------------------------------------ */
.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour input[type='checkbox'],
.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour input[type='radio'] {
	margin-right: 6px;
	background: none;  /* needed for IE */
}

.wpcf7 .cf7s-whisky-sour select {
	margin-bottom: 8px;  /* same as input */
	padding: 6px;  /* matches input fields */
	border: 1px solid #c0c0c0;
	background: #fafafa;
}

.wpcf7 .cf7s-whisky-sour select option {
}

.wpcf7 .cf7s-whisky-sour select option:hover {
	color: #fff;
	background: #d3cea6;
}

.wpcf7 .cf7s-whisky-sour .wpcf7-checkbox .wpcf7-list-item,
.wpcf7 .cf7s-whisky-sour .wpcf7-radio .wpcf7-list-item {
	margin-left: 13px;
}

/** Other Fields
------------------------------------------------------------ */


/** Submit Buttons
------------------------------------------------------------ */
.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour input[type='submit'] {
	font-weight: bold;
	padding: 5px 15px;
	color: #fff;
	border: 0px solid;
	background: #cc0000;
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour input[type='submit']:hover {
	background: #000;
}

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


/** Ready Styles
------------------------------------------------------------ */
.wpcf7 .cf7s-whisky-sour .singleline {
}

.wpcf7 .cf7s-whisky-sour .singleline li {
	border-right: none;  /* Remove right border */
}

.wpcf7 .cf7s-whisky-sour .singleline li:last-child {  /* Add right border on last item */
	border-right: 1px solid #4b4937;
}

.wpcf7 .cf7s-whisky-sour .singleline input {
}

.wpcf7 .cf7s-whisky-sour .horizontal,
.wpcf7 .cf7s-whisky-sour .checkbox-horizontal,
.wpcf7 .cf7s-whisky-sour .radio-horizontal {
}

.wpcf7 .cf7s-whisky-sour .box {
	border: none;  /* Remove box border completely on this style */
}

.wpcf7 .cf7s-whisky-sour .box li {  /* Used for box items border styling issues */
}

.wpcf7 .cf7s-whisky-sour .box select {
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour .grid-hover [data-row-span] [data-field-span]:hover {
	background: #d3cea6;
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour .grid-lined {
	border-top: none;  /* Avoids extra border when grid-lined used */
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour .grid-lined [data-row-span] {
	border-bottom: none;  /* Avoids extra border when grid-lined used */
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour .grid-lined [data-row-span] [data-field-span] {
	padding: 8px 10px;  /* Matches style padding */
	border-top: 1px solid #4b4937;  /* Adds all borders when grid-lined used */
	border-right: 1px solid #4b4937;
	border-bottom: 1px solid #4b4937;
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour .grid.grid-lined [data-row-span] [data-field-span] {
	border-top: 1px solid #4b4937;
	border-right: 1px solid #4b4937;  /* Extra specificity needed */ 
	border-bottom: 1px solid #4b4937;
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour .grid-lined [data-row-span] [data-field-span]:first-child {
	border-left: 1px solid #4b4937;
}

	/* 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-whisky-sour .grid-lined [data-row-span] {
			border-bottom: none;  /* Needed so don't get additional line */
		}
		.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour .grid-lined [data-row-span] [data-field-span] {
			border-bottom: 1px solid #4b4937;
			border-left: 1px solid #4b4937;
		}
	}

	/* Fix whisky-sour li style within .grid */
	.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour .grid li {
		margin-bottom: 5px;  /* Extra spacing needed for boxed li */
	}

	.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour .grid-lined li {
		border: none;  /* Avoids extra border when grid used with this style */
	}

	.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour .grid [data-row-span] [data-field-span] {
		padding: 8px 10px;  /* Matches style padding */
		border-right: none;
	}

	.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour .grid [data-row-span] [data-field-span]:last-child {
		padding-right: 10px;  /* Ensures correct padding for last grid item but causes issue with last column */
		border-right: 1px solid #4b4937; /* Ensures grid borders displayed but causes issue with last column */
	}

	.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour .grid .column [data-field-span]:last-child {
		padding-right: 0;  /* Fixes issue with last column */
		border-right: none; /* Fixes issue with last column */
	}

/** Multi Styles
------------------------------------------------------------ */

/* Multi Fixes */
.wpcf7 .cf7s-whisky-sour.cf7multi {
}

.wpcf7 .cf7s-whisky-sour.cf7multi .etabs li {
}

/* Easytabs */
.wpcf7 .cf7s-whisky-sour.cf7multi .tab-container {
}

.wpcf7 .cf7s-whisky-sour.cf7multi .etabs {
}

.wpcf7 .cf7s-whisky-sour.cf7multi .tab {
	border: 1px solid #d3cea6;
	border-bottom: none;
	background: #4b4937;
}

.wpcf7 .cf7s-whisky-sour.cf7multi .tab a {
	color: #fff;
}

.wpcf7 .cf7s-whisky-sour.cf7multi .tab.active {
	background: #fff;
}

.wpcf7 .cf7s-whisky-sour.cf7multi .tab a.active {
	color:#000;
}

.wpcf7 .cf7s-whisky-sour.cf7multi .epanels {
	border: 1px solid #d3cea6;
}

.wpcf7 .cf7s-whisky-sour.cf7multi .panel-container {
}

/* Navigation */
.wpcf7 .cf7s-whisky-sour.cf7multi .navigation {
}

.wpcf7 .cf7s-whisky-sour.cf7multi .navigation .previous,
.wpcf7 .cf7s-whisky-sour.cf7multi .navigation .next {
	color: #fff;
	border: 1px solid #cc0000;
	background: #cc0000;
}

.wpcf7 .cf7s-whisky-sour.cf7multi .navigation .previous:hover,
.wpcf7 .cf7s-whisky-sour.cf7multi .navigation .next:hover {
	text-decoration: none;  /* Removes underline from link */
	border:1px solid #000;
	background: #000;
}

/* Pagination */
.wpcf7 .cf7s-whisky-sour.cf7multi .pagination {
}

/* Start & End Tabs */
.wpcf7 .cf7s-whisky-sour.cf7multi .navigation .start,
.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour.cf7multi .navigation .end {
	padding: 5px 10px;
	color: #fff;
	border: 1px solid #cc0000;
	background: #cc0000;
}

.wpcf7 .cf7s-whisky-sour.cf7multi .navigation .start:hover,
.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour.cf7multi .navigation .end:hover {
	text-decoration: none;  /* Removes underline from link */
	border:1px solid #000;
	background: #000;
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour.cf7multi .navigation .end {
	font-weight: normal;
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-whisky-sour.cf7multi .navigation .end:hover {
}

/* Progress Bar */
.wpcf7 .cf7s-whisky-sour.cf7multi .cf7m-progress {
	border: 1px solid #4b4937;
	background: #eae5cf;
}

.wpcf7 .cf7s-whisky-sour.cf7multi .cf7m-progress div {
	background: #4b4937;
}

/* Thank You Tab */
.wpcf7 .cf7s-whisky-sour.cf7multi .cf7m-thanks {
}
