/**
* Style Name: Wild West
* Description: Wild West is a soft brown style with rounded edges and strong Legends that will fit in well with themes that follow a similar color scheme. 
* Instructions:
* Version: 2.0
* Version Date: 2018-05-30
* Tags: popular, brown, white, 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-wild-west p {
}

.wpcf7 .cf7s-wild-west em {
}

.wpcf7 .cf7s-wild-west a {
}

/** Form & Controls
Use to style the overall CF7 form
------------------------------------------------------------ */
.wpcf7 .cf7s-wild-west {
	padding: 20px;
	color: #4f2a0f;
	border: 2px solid #f6efdf;
	border-radius: 7px;
	background: #dcc8a5;
}

/** Fieldset, Legend, Label
------------------------------------------------------------ */
.wpcf7 .cf7s-wild-west fieldset {
	margin: 10px 0;
	border: 3px solid #ccb58c;
	border-radius: 7px;  /** Not working in IE **/
	background: #dcc8a5;
}

.wpcf7 .cf7s-wild-west legend {
	font-weight: bold;
	padding: 2px 10px;
	color: #fff;
	border: 2px solid #f6efdf;
	border-radius: 7px;
	background: #4f2a0f;
}

.wpcf7 .cf7s-wild-west label {
}

.wpcf7 .cf7s-wild-west fieldset p {
}

.wpcf7 .cf7s-wild-west fieldset fieldset {
	margin: 10px 0; /* Above CSS overwritten by cf7s-default */
}

.wpcf7 .cf7s-wild-west fieldset fieldset legend {
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west fieldset fieldset input,
.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west fieldset fieldset textarea {
}

/** Text Fields
------------------------------------------------------------ */
.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input,
.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west textarea {
	margin-bottom: 8px;
	padding: 5px 7px;
	color: #000;
	border: 3px solid #ccb58c;
	border-radius: 7px;
	background: #f6efdf;
}

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

.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="text"] {
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="email"] {
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="tel"] {
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west textarea {
}

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

.wpcf7 .cf7s-wild-west ol {
}

.wpcf7 .cf7s-wild-west li {
}

.wpcf7 .cf7s-wild-west li label {
}

.wpcf7 .cf7s-wild-west .wpcf7-list-item {
}

.wpcf7 .cf7s-wild-west .wpcf7-list-item-label {
}

/** Checkboxes, Radio Buttons and Drop Down Menus
------------------------------------------------------------ */
.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="checkbox"],
.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="radio"] {
	border: none;
	background: none;
}

.wpcf7 .cf7s-wild-west select {
	margin-bottom: 8px;
	background: #f6efdf;
	border: 1px solid #ccb58c;
}

.wpcf7 .cf7s-wild-west select option {
}

.wpcf7 .cf7s-wild-west select option:hover {
	background: #4f2a0f;
	color: #fff;
}

.wpcf7 .cf7s-wild-west .wpcf7-checkbox .wpcf7-list-item,
.wpcf7 .cf7s-wild-west .wpcf7-radio .wpcf7-list-item {
}

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


/** Submit Buttons
------------------------------------------------------------ */
.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="submit"] {
	font-weight: bold;
	padding: 5px 15px;
	color: #fff;
	border: 3px solid #ccb58c;
	border-radius: 7px;
	background: #4f2a0f;
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west 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-wild-west .singleline {
}

.wpcf7 .cf7s-wild-west .singleline li {
}

.wpcf7 .cf7s-wild-west .singleline input {
}

.wpcf7 .cf7s-wild-west .horizontal,
.wpcf7 .cf7s-wild-west .checkbox-horizontal,
.wpcf7 .cf7s-wild-west .radio-horizontal {
}

.wpcf7 .cf7s-wild-west .box {
	padding: 10px;
	border: 3px solid #ccb58c;
	border-radius:7px;
	background: #f6efdf;
}

.wpcf7 .cf7s-wild-west .box select {
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west .grid-hover [data-row-span] [data-field-span]:hover { 
	background: #fffded;
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west .grid-lined {
	border-top: 2px solid #ccb58c;
	border-radius:7px;
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west .grid-lined [data-row-span] {
	border-bottom: 2px solid #ccb58c;
	border-radius:7px;
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west .grid-lined [data-row-span] [data-field-span] {
	border-right: 2px solid #ccb58c;
	border-radius:7px;
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west .grid-lined [data-row-span] [data-field-span]:first-child {
	border-left: 2px solid #ccb58c;
	border-radius:7px;
}

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

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

/* Multi Fixes */
.wpcf7 .cf7s-wild-west.cf7multi {
}

.wpcf7 .cf7s-wild-west.cf7multi .etabs li {
}

/* Easytabs */
.wpcf7 .cf7s-wild-west.cf7multi .tab-container {
}

.wpcf7 .cf7s-wild-west.cf7multi .etabs {
}

.wpcf7 .cf7s-wild-west.cf7multi .tab {
	border: 2px solid #ccb58c;
	border-bottom: none;
	background: #dcc8a5;
}

.wpcf7 .cf7s-wild-west.cf7multi .tab a {
	color: #4f2a0f;
}

.wpcf7 .cf7s-wild-west.cf7multi .tab.active {
	top: 2px;
	background: #f6efdf;
}

.wpcf7 .cf7s-wild-west.cf7multi .tab a.active {
}

.wpcf7 .cf7s-wild-west.cf7multi .epanels {
	border: 2px solid #ccb58c;
	background: #f6efdf;
}

.wpcf7 .cf7s-wild-west.cf7multi .panel-container {
}

/* Navigation */
.wpcf7 .cf7s-wild-west.cf7multi .navigation {
}

.wpcf7 .cf7s-wild-west.cf7multi .navigation .previous,
.wpcf7 .cf7s-wild-west.cf7multi .navigation .next {
	font-weight: normal;
	padding: 5px 10px;
	color: #fff;
	border: 3px solid #ccb58c;
	border-radius: 7px;
	background: #4f2a0f;
}

.wpcf7 .cf7s-wild-west.cf7multi .navigation .previous:hover,
.wpcf7 .cf7s-wild-west.cf7multi .navigation .next:hover {
	background: #000;
}

/* Pagination */
.wpcf7 .cf7s-wild-west.cf7multi .pagination {
}

/* Start & End Tabs */
.wpcf7 .cf7s-wild-west.cf7multi .navigation .start,
.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west.cf7multi .navigation .end {
	font-weight: normal;
	padding: 5px 10px;
	color: #fff;
	border: 3px solid #ccb58c;
	border-radius: 7px;
	background: #4f2a0f;
}

.wpcf7 .cf7s-wild-west.cf7multi .navigation .start:hover,
.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west.cf7multi .navigation .end:hover {
	background: #000;
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west.cf7multi .navigation .end {
}

.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west.cf7multi .navigation .end:hover {
}

/* Progress Bar */
.wpcf7 .cf7s-wild-west.cf7multi .cf7m-progress {
	border: 1px solid #ccb58c;
	background: #dcc8a5;
}

.wpcf7 .cf7s-wild-west.cf7multi .cf7m-progress div {
	border-radius: 3px 0 0 3px;
	background: #4f2a0f;
}

/* Thank You Tab */
.wpcf7 .cf7s-wild-west.cf7multi .cf7m-thanks {
}
/*избавляемся от внешней рамки формы */
.wpcf7 .cf7s-wild-west {
    padding: 0px;
    color: #4f2a0f;
    border: 0px solid #f6efdf00;
    border-radius: 7px;
    background: #dcc8a500;
}
/*упрозрачиваем фон*/
.wpcf7 .cf7s-wild-west fieldset {
    margin: 10px 0;
    border: 0px solid #ccb58c00;
    border-radius: 0px;
    background: #dcc8a500;
}
/*меняем цвет и размер шрифтов*/
.wpcf7 .cf7s-wild-west {
    color: #ffffff;
    font-size: 20px;
}
/*оформление полей ввода*/
.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input, .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west textarea {
    margin-bottom: 15px;
    padding: 5px 7px;
    color: #ffe877;
    border: 2px solid #c1c1c1;
    border-radius: 5px;
    background: #ffffff00;
}
/*кнопка*/
.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="submit"] {
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 40px;
    color: #fff;
    border: 0px solid #ccb58c;
    border-radius: 3px;
    background: #fd384b;
    transition: .2s ease-in-out;
    transition-property: background;
}
.wpcf7:hover .wpcf7-form.cf7skins.cf7s-wild-west:hover input[type="submit"]:hover {
   
    background: #dd3333;
    
}
/*верхняя надпись*/
.wpcf7 .cf7s-wild-west legend {
    font-weight: 400;
    padding: 18px 0px;
    color: #fc384b;
    font-size: 22px;
    line-height: 28px;
    border: 0px solid #f6efdf;
    border-radius: 5px;
    background: #efefef00;
}
/*сообщение о незаполненном поле*/
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 14px;
    font-weight: normal;
    display: block;
    line-height: 20px;
    margin-left: 304px;
    position: absolute;
    width: 489px;
    top: 1px;
}

/*сообщение об ошибке нижнее*/
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 0px solid #f7e700;
    background: red;
}
div.wpcf7-response-output {
    margin: 0em 0.5em 0em;
    padding: 0.2em 0.5em;
    /*border: 2px solid #ff0000;*/
    border-radius: 4px;
    color: #fdd;
    font-size: 14px;
}
/*убираем звездочку*/
.wpcf7-form.cf7skins li label .cf7s-reqd {
    display: none;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 0px solid #ffffff;
    background: #ececec;
}
.wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input, .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west textarea {
    margin-bottom: 14px;
    padding: 9px 7px;
    color: #000;
    border: 1px solid #a5a5a5;
    border-radius: 5px;
    background: #f5f5f5;
}