/*
Form Name: Compaq
Form URI: https://github.com/uxglow/contact-form-7/blob/master/compaq/1.0/dunhill.css
Author: UX Glow
Author URI: http://uxglow.com/
Description: __desc__
Version: 1.0
Tags: Contact Form 7, Compaq
*/
.wpcf7 *, .wpcf7 *:after, .wpcf7 *:before  {
	box-sizing: border-box  !important;	
}
.wpcf7{
	width:100%;	
	font-family: 'Open Sans', sans-serif, Arial;
  	margin: 0 auto;  	
  	overflow: hidden;
}
.wpcf7  p {
}

.wpcf7  em {
}

.wpcf7  a {
}

/** Form & Controls
NOTE: These items should be used to style the overall CF7 form
------------------------------------------------------------ */
.wpcf7  {
	padding: 20px;
	color: #4f2a0f;
	border: 2px solid #f6efdf;
	border-radius: 7px;
	background: #C50A29;
}

/** Fieldset, Legend, Label
------------------------------------------------------------ */
.wpcf7  fieldset {
	margin: 10px 0;
	border: 3px solid #ccb58c;
	border-radius: 7px;  /** Not working in IE **/
		background: #C50A29;
}

.wpcf7  legend {
	font-weight: bold;
	padding: 2px 10px;
	color: #fff;
	border: 2px solid #f6efdf;
	border-radius: 7px;
	background: #4f2a0f;
}

.wpcf7  label {
	font-weight:bold;
	color:#fff;
}

.wpcf7  fieldset p {
}

.wpcf7  fieldset fieldset {
		margin: 10px 0; /* Above CSS overwritten by cf7s-default */
}

.wpcf7  fieldset fieldset legend {
}

.wpcf7 .wpcf7-form.cf7skins fieldset fieldset input,
.wpcf7 .wpcf7-form.cf7skins fieldset fieldset textarea {
}

/** Text Fields
------------------------------------------------------------ */
.wpcf7 .wpcf7-form.cf7skins input,
.wpcf7 .wpcf7-form.cf7skins textarea {
	margin-bottom: 8px;
	padding: 5px 7px;
	color: #000;
	border: 3px solid #ccb58c;
	border-radius: 7px;
	background: #f6efdf;
}

.wpcf7 .wpcf7-form.cf7skins input[type="text"],
.wpcf7 .wpcf7-form.cf7skins input[type="email"],
.wpcf7 .wpcf7-form.cf7skins input[type="tel"],
.wpcf7 .wpcf7-form.cf7skins input[type="url"],
.wpcf7 .wpcf7-form.cf7skins input[type="number"],
.wpcf7 .wpcf7-form.cf7skins input[type="range"],
.wpcf7 .wpcf7-form.cf7skins input[type=date],
.wpcf7 .wpcf7-form.cf7skins input[type=file] {
}

.wpcf7 .wpcf7-form.cf7skins input[type="text"] {
}

.wpcf7 .wpcf7-form.cf7skins input[type="email"] {
}

.wpcf7 .wpcf7-form.cf7skins input[type="tel"] {
}

.wpcf7 .wpcf7-form.cf7skins textarea {
}

/** Ordered & Unordered lists
------------------------------------------------------------ */
.wpcf7  ol,
.wpcf7  ul,
.wpcf7  li {
}

.wpcf7  ol {
}

.wpcf7  li {
}

.wpcf7  li label {
}

.wpcf7  .wpcf7-list-item {
}

.wpcf7  .wpcf7-list-item-label {
}

/** Checkboxes, Radio Buttons and Drop Down Menus
------------------------------------------------------------ */
.wpcf7 .wpcf7-form.cf7skins input[type="checkbox"],
.wpcf7 .wpcf7-form.cf7skins input[type="radio"] {
	border: none;
	background: none;
}

.wpcf7  select {
	margin-bottom: 8px;
	background: #f6efdf;
	border: 1px solid #ccb58c;
}

.wpcf7  select option {
}

.wpcf7  select option:hover {
	background: #4f2a0f;
	color: #fff;
}

.wpcf7  .wpcf7-checkbox .wpcf7-list-item,
.wpcf7  .wpcf7-radio .wpcf7-list-item {
}

/** Other Fields
NOTE: Use these CSS selectors to style these elements within CF7 forms
------------------------------------------------------------ */


/** Submit Buttons
NOTE: These are the CSS selectors that should be used to style Submit Buttons within CF7 forms
------------------------------------------------------------ */
.wpcf7 .wpcf7-form.cf7skins input[type="submit"] {
	font-weight: bold;
	padding: 5px 15px;
	color: #fff;
	border: 3px solid #ccb58c;
	border-radius: 7px;
	background: #4f2a0f;
}

.wpcf7 .wpcf7-form.cf7skins 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
NOTE: Ready Styles are provided ready to be used in all CF7 forms
------------------------------------------------------------ */
.wpcf7  .singleline {
}

.wpcf7  .singleline li {
	display: inline-block;
	margin: 0 2% 0 0;
	width: 47%;  /* CHANGE TO CALC */
}

.wpcf7  .singleline input {
}

.wpcf7  .checkbox-horizontal,
.wpcf7  .radio-horizontal {
}

.wpcf7  .boxaround {
	padding: 10px;
	border: 3px solid #ccb58c; 
	border-radius:7px;
	background: #f6efdf;
}

.wpcf7  .boxaround1 {
	padding: 10px;
	border: 3px solid #ccb58c; 
	border-radius:7px;
	background: #f6efdf;
}

.wpcf7  .boxaround select {
}

.wpcf7  .boxaround1 select {
}

/** Multi Styles
NOTE: These styles provide styling for CF7 Skins Multi elements
------------------------------------------------------------ */

/* Multi Fixes */
.wpcf7  {
/*	background: #fff;  PROBLEM - APPLIED TO ALL FORMS */
}

.wpcf7  .etabs li {
}

/* Easytabs */
.wpcf7  .tab-container {
}

.wpcf7  .etabs {
}

.wpcf7  .tab {
	border: 2px solid #ccb58c;
	border-bottom: none;
	background: #C50A29;
}

.wpcf7  .tab a {
	color: #4f2a0f;
}

.wpcf7  .tab.active {
	top: 2px;
	background: #f6efdf;
}

.wpcf7  .tab a.active {
}

.wpcf7  .epanels {
	border: 2px solid #ccb58c;
	background: #f6efdf;
}

.wpcf7  .panel-container {
}

/* Navigation */
.wpcf7  .navigation {
}

.wpcf7  .navigation .previous,
.wpcf7  .navigation .next {
	font-weight: normal;
	padding: 5px 10px;
	color: #fff;
	border: 3px solid #ccb58c;
	border-radius: 7px;
	background: #4f2a0f;
}

.wpcf7  .navigation .previous:hover,
.wpcf7  .navigation .next:hover {
}

/* Pagination */
.wpcf7  .pagination {
}

/* Start & End Tabs */
.wpcf7  .navigation .start,
.wpcf7 .wpcf7-form.cf7skins .navigation .end {
	font-weight: normal;
	padding: 5px 10px;
	color: #fff;
	border: 3px solid #ccb58c;
	border-radius: 7px;
	background: #4f2a0f;
}

.wpcf7  .navigation .start:hover,
.wpcf7 .wpcf7-form.cf7skins .navigation .end:hover {
	background: #000;
}

.wpcf7 .wpcf7-form.cf7skins .navigation .end {
}

.wpcf7 .wpcf7-form.cf7skins .navigation .end:hover {
}

/* Progress Bar */
.wpcf7  .cf7m-progress {
	border: 1px solid #ccb58c;
	background: #C50A29;
}

.wpcf7  .cf7m-progress div {
	border-radius: 3px 0 0 3px;
	background: #4f2a0f;
}

/* Thank You Tab */
.wpcf7  .cf7m-thanks {
}
.wpcf7 .wpcf7-form .wpcf7-response-output{
	background-color:#b95757;
	color:#fff;
	margin:30px 0 0 0;
	padding: 5px 2%;
	font-size:12px;
	text-align:center;
	width: 100%;
	float:left;
}
.wpcf7 .wpcf7-form .wpcf7-not-valid-tip{
	color:#FFFF00;
	font-size:14px;
	font-weight:bold;
}
.wpcf7 .screen-reader-response{
	display:none;
}
.wpcf7 .wpcf7-form .wpcf7-mail-sent-ok {
	border:none;
	background-color: #398f14;
	color: #fff;
}

.wpcf7 .wpcf7-form .wpcf7-mail-sent-ng {
	border: none;
	background-color: #ff0000;
	color: #fff;
}

.wpcf7 .wpcf7-form .wpcf7-spam-blocked {
	border: none;
	background-color: #ffa500;
	color: #fff;
}

.wpcf7 .wpcf7-form .wpcf7-validation-errors {
	border: none;
	background-color: #f7e700;
	color: #333;
}
.wpcf7-form-control-wrap {
	position: relative;
}