/* ------------------------------------------------
   The Whisky Exchange
   Designed and Built by The Whisky Exchange
   All Rights Reserved

   Forms CSS file 

   Content:
   Structure
   Labels
   Elements
   Required
   Submit buttons
   ------------------------------------------------ */

/* ------------------------------------------------
   Structure
   ------------------------------------------------ */
/* Container */
.tweForm {
   padding: 15px;
   background: #efece3;
}
.tweForm.larger-font {
   font-size: 1.1em;
}
/* Heading */
.tweForm .tweForm-title {
   float: left;
   width: 100%;
   margin-bottom: 15px;
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   font-weight: 400;
   font-size: 1.5em;
   text-transform: uppercase;
   color: #666;   
}
/* Inputs */
.tweForm .tweForm-content {
   float: left;
   width: 100%;
}
.tweForm .tweForm-item,
.tweForm .tweForm-item-insert {
   margin-top: 20px;
   float: left;
   width: 100%;
}
.tweForm .tweForm-item:first-of-type {
   margin-top: 0;
}
/* Inserted Form Item */
.tweForm .tweForm-item-insert {
   position: relative;
   padding: 15px;
   background: #dad5c5;  
}
.tweForm .tweForm-item-insert:after {
   z-index: 3;
   position: absolute;
   top: -15px;
   left: 15px;
   content:'';
   width: 0;
   height: 0;
   border-bottom: solid 15px #dad5c5;
   border-left: solid 15px transparent;
   border-right: solid 15px transparent;
}
/* Checkbox / Radio Structure */
.tweForm .tweForm-checkGroup {
   float: left;
   width: 100%;
}
.tweForm .tweForm-checkGroup .tweForm-checkGroup-item {
   display: block;
   float: left;
   width: 100%;
   margin-top: 8px;
}
/* ------------------------------------------------
   Labels
   ------------------------------------------------ */
/* Text Inputs */
.tweForm .tweForm-label {
   display: block;
   float: left;
   width: 100%;
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   font-weight: 400;
   font-size: 0.9em;
   text-transform: uppercase;
   line-height: 1;
}
.tweForm .tweForm-label .tweForm-label-note {
   font-family: 'Lato',arial,sans-serif;
   font-size: 0.8em;
   text-transform: none;
}
.tweForm .tweForm-label-note a {
   color: #ff7010;
}
.tweForm .tweForm-label-note a:hover {
   text-decoration: underline;
}
.tweForm .tweForm-note {
   display: block;
   float: left;
   width: 100%;
   font-size: 0.8em;
}
/* Check / Radios */
.tweForm .tweForm-label-check {
   color: #666;
}
/* ------------------------------------------------
   Elements
   ------------------------------------------------ */
/* inputs */
.tweForm .tweForm-input,
.tweForm .tweForm-select,
.tweForm .tweForm-textarea {
   float: left;
   width: 100%;
   height: 40px;
   margin-top: 5px;
   padding: 0 10px;
   border: none;
}
/* Remove rounded corners on text inputs on apple devices */
.tweForm .tweForm-input,
.tweForm .tweForm-textarea {
   border-radius: 0;
}
/* Input with button */
.tweForm .tweForm-input-hasbutton {
   width: 60%;
}
/* Button with input */
.tweForm .tweForm-input-button {
   display: block;
   float: left;
   width: 40%;
   height: 40px;
   margin-top: 5px;
   border: none;
   border-radius: 0;
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   font-size: 0.9em;
   font-weight: 400;
   text-transform: uppercase;
   color: #fff;
   line-height: 40px;
   background: #ff6600; /* Old browsers */
   background: -moz-linear-gradient(top, #ff6600 0%, #ef6000 50%, #e45b00 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6600), color-stop(50%,#ef6000), color-stop(100%,#e45b00)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #ff6600 0%,#ef6000 50%,#e45b00 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #ff6600 0%,#ef6000 50%,#e45b00 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #ff6600 0%,#ef6000 50%,#e45b00 100%); /* IE10+ */
   background: linear-gradient(to bottom, #ff6600 0%,#ef6000 50%,#e45b00 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#e45b00',GradientType=0 ); /* IE6-9 */
}
.tweForm .tweForm-input-button:hover {
   background: #96c265; /* Old browsers */
   background: -moz-linear-gradient(top, #96c265 0%, #96c265 50%, #78a43f 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c265), color-stop(50%,#96c265), color-stop(100%,#78a43f)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #96c265 0%,#96c265 50%,#78a43f 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #96c265 0%,#96c265 50%,#78a43f 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #96c265 0%,#96c265 50%,#78a43f 100%); /* IE10+ */
   background: linear-gradient(to bottom, #96c265 0%,#96c265 50%,#78a43f 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c265', endColorstr='#78a43f',GradientType=0 ); /* IE6-9 */
}
/* Text Area */
.tweForm .tweForm-textarea {
   height: auto;
   padding: 10px;
}
/* Checkbox / radio */
.tweForm .tweForm-check,
.tweForm .tweForm-radio {
   margin-right: 5px;
}
/* File Upload */
.tweForm .tweForm-file {
   float: left;
   width: 100%;
   margin-top: 8px;
   color: #666;
}
/* ------------------------------------------------
   Required
   ------------------------------------------------ */
.tweForm .tweForm-required {
   display: none; /* need to be displayed as inline-block */
   position: relative;
   margin-bottom: 12px;
   padding: 4px 15px 3px;
   background: #b90008;
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   font-size: 0.8em;
   font-weight: 400;
   text-transform: uppercase;
   color: #fff;  
}
.tweForm .tweForm-required.required-show {
   display: inline-block;
}
.tweForm .tweForm-required:after {
   z-index: 3;
   position: absolute;
   bottom: -10px;
   left: 10px;
   content:'';
   width: 0;
   height: 0;
   border-top: solid 10px #b90008;
   border-left: solid 10px transparent;
   border-right: solid 10px transparent;
}
/* ------------------------------------------------
   Submit Buttons
   ------------------------------------------------ */
.tweForm .tweForm-submit {
   text-align: center;
}
/* ------------------------------------------------
   Form Text
   ------------------------------------------------ */
.tweForm .tweForm-text-title {
   display: block;
   margin-bottom: 3px;
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
   color: #666;
}
.tweForm .tweForm-text-content {
   display: block;
   margin-top: 2px;
}