/*
CSS for: Gravity Forms Plugin
Author: Abovo Media
Author URI: http://www.abovomedia.nl/
Description: Custom Style for Gravity Forms plugin
Version: 0.1
*/

/* = Table of Contents
--------------------------------------------------------------

1 - Structure
2 - Styles to edit <--- EDIT THESE STYLES TO FIT YOUR THEME

*/

/* 1 = Structure
-------------------------------------------------------------- */
.gform_wrapper label {
   margin-bottom: 0px!important;
   font-family: Helvetica, Arial, sans-serif;
}

body .gform_wrapper textarea {
   resize: vertical;
}

.gform_wrapper select {
   padding: .25em 0;
}

.gform_wrapper input[type=text],
.gform_wrapper input[type=password],
.gform_wrapper input[type=number],
.gform_wrapper input[type=email],
.gform_wrapper input[type=search],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=url],
.gform_wrapper select,
.gform_wrapper textarea {
   border: 1px solid #CCCCCC;
   font-family: Helvetica, Arial, sans-serif;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   -moz-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   margin-bottom: 10px;
   -webkit-transition: border 0.5s, background 0.5s;
   -khtml-transition: border 0.5s, background 0.5s;
   -moz-transition: border 0.5s, background 0.5s;
   -o-transition: border 0.5s, background 0.5s;
   transition: border 0.5s, background 0.5s;
}

.gform_wrapper select {
   width: auto!important;
   max-width: 100%;
}

body .gfield div label {
  font-size: 11px;
  background: transparent;
  padding-left: 15px;
  clear: left;
  margin: 0 0 10px 0 !important;
}

body .gform_footer input[type=submit] {
   padding: 10px 15px!important;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   -moz-border-radius: 10px;
   -o-border-radius: 10px;
   border-radius: 10px;
}

.gform_wrapper.gf_browser_ie .gform_footer input.button {
   padding: 10px 15px!important;
}

body .gform_footer input[type=submit]:hover {
   -webkit-box-shadow: inset 0px 5px 10px -5px rgba(255,255,255,.25);
   -moz-box-shadow: inset 0px 5px 10px -5px rgba(255,255,255,.25);
   box-shadow: inset 0px 5px 10px -5px rgba(255,255,255,.25);
}

body .gform_footer input[type=submit]:active {
   -webkit-box-shadow: inset 0px 5px 10px -5px rgba(0,0,0,.25);
   -moz-box-shadow: inset 0px 5px 10px -5px rgba(0,0,0,.25);
   box-shadow: inset 0px 5px 10px -5px rgba(0,0,0,.25);
}

@media only screen and (max-width: 768px) {

   body .gform_wrapper {
      max-width: 100%;
      margin: 0px;
   }

   body .gform_wrapper input[type=text],
   body .gform_wrapper input[type=password],
   body .gform_wrapper input[type=number],
   body .gform_wrapper input[type=email],
   body .gform_wrapper input[type=search],
   body .gform_wrapper input[type=tel],
   body .gform_wrapper input[type=url],
   body .gform_wrapper input,
   body .gform_wrapper select,
   body .gform_wrapper textarea,
   body .gform_wrapper span,
   body .gform_wrapper ginput_container,
   body .gform_wrapper .ginput_complex .ginput_left,
   body .gform_wrapper .ginput_complex .ginput_right,
   body .gform_wrapper .ginput_complex span,
   body .gform_wrapper .top_label input.medium,
   body .gform_wrapper .top_label select.medium,
   body .gform_wrapper .ginput_complex span.name_prefix select,
   body .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.has_last_name span,
   body .gform_wrapper .ginput_complex .ginput_full input[type=email], 
   body .gform_wrapper .ginput_complex .ginput_full input[type=number], 
   body .gform_wrapper .ginput_complex .ginput_full input[type=password], 
   body .gform_wrapper .ginput_complex .ginput_full input[type=tel], 
   body .gform_wrapper .ginput_complex .ginput_full input[type=text], 
   body .gform_wrapper .ginput_complex .ginput_full input[type=url],
   body .gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex select,
   body .ginput_complex  {
      width: 100%!important;
      float: none;
      box-sizing: border-box;
      display: block;
      margin-left: 0px!important;
   }
   
   body .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span,
   body .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span,
   body .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span {
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      width: 100%;
      vertical-align: top;
   }
   
   body .gform_wrapper select {
      width: 98%;
   }
   
   body .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right {
      margin-top: 5px;
   }
   
   span.gfield_required {
      display: inline!important;
   }
   
}

/* 2 = Styles to edit
-------------------------------------------------------------- */
.gform_wrapper label {
   font-family: 'Quicksand', Helvetica, Arial, sans-serif!important;
   cursor: pointer;
}

.gform_wrapper input[type=text],
.gform_wrapper input[type=password],
.gform_wrapper input[type=number],
.gform_wrapper input[type=email],
.gform_wrapper input[type=search],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=url],
.gform_wrapper select,
.gform_wrapper textarea {
   font-family: 'Quicksand', Helvetica, Arial, sans-serif!important;
   font-weight: 400;
   font-size: 16px!important;
   padding: .313em!important;
}

.gform_wrapper input[type=text],
.gform_wrapper input[type=password],
.gform_wrapper input[type=number],
.gform_wrapper input[type=email],
.gform_wrapper input[type=search],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=url],
.gform_wrapper select,
.gform_wrapper textarea {
   border-color: #AAAAAA;
   color: #FFFFFF;
   background-color: #777777;
   background-color: rgba(255,255,255,0.2);
   box-shadow: 0px 0px 5px #958234;
}

.gform_wrapper select option {
   background: #000000;
}

.gform_wrapper .top_label .gfield_label {
   color: #958234;
}

.gform_wrapper input[type=text]:focus,
.gform_wrapper input[type=password]:focus,
.gform_wrapper input[type=number]:focus,
.gform_wrapper input[type=email]:focus,
.gform_wrapper input[type=search]:focus,
.gform_wrapper input[type=tel]:focus,
.gform_wrapper input[type=url]:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
   background-color: #656565;
   background-color: rgba(255,255,255,0.3);
   border-color: #958234;
   box-shadow: none;
}

.gform_wrapper input[type=text][disabled],
.gform_wrapper input[type=password][disabled],
.gform_wrapper input[type=number][disabled],
.gform_wrapper input[type=email][disabled],
.gform_wrapper input[type=search][disabled],
.gform_wrapper input[type=tel][disabled],
.gform_wrapper input[type=url][disabled],
.gform_wrapper select[disabled],
.gform_wrapper textarea[disabled] {
   background-color: #AAAAAA;
   background-color: rgba(255,255,255,0.5);
   border-color: #BBBBBB;
   color: #BBBBBB;
}

/*
body .gform_footer input[type=submit] {
   border: 1px solid #656565;
   background: #958234;
   color: #FFFFFF;
}
*/

body .gform_footer input[type=submit]:hover {
   /* Overwrite the default box-shadow effects onHover */
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

body .gform_footer input[type=submit]:active {
   /* Overwrite the default box-shadow effects onHover */
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}


/* 2 = Error styles to edit
-------------------------------------------------------------- */
body .gform_wrapper li.gfield.gfield_error, 
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
   background: transparent;
   border: none;
}

body .gform_wrapper li.gfield.gfield_error, 
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
body .gform_wrapper li.gfield_error input[type=email], 
body .gform_wrapper li.gfield_error input[type=number], 
body .gform_wrapper li.gfield_error input[type=password], 
body .gform_wrapper li.gfield_error input[type=tel], 
body .gform_wrapper li.gfield_error input[type=text], 
body .gform_wrapper li.gfield_error input[type=url],
body .gform_wrapper li.gfield_error textarea {
   border-color: #ff4e00;
}

body .gform_wrapper .gfield_error .gfield_label,
body .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, 
body .gform_wrapper li.gfield_error ul.gfield_checkbox, 
body .gform_wrapper li.gfield_error ul.gfield_radio {
  color: #ff4e00;
}

body .gform_wrapper .gfield_description.validation_message, 
body .gform_wrapper .top_label .gfield_description.validation_message,
body .gform_wrapper div.validation_error {
   background: #d1744b;
   color: #FFFFFF;
   border: 1px solid #ff4e00;
   padding-left: 15px!important;
   padding-right: 15px!important;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   -moz-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   
}

body .form-red-submit input[type=submit]
{
   background: red!important;
   font-size: 20px;
   font-weight: 600;
}

body .gform_wrapper .list-horizontal ul li label
{
   display: inline;
   padding-left: 5px;
   font-size: 15px;
}