/* COLORS */
/*$color1: #f9c100;
$color1b:lighten($color1,10%);
$color2: #fef3cc;
$color3: #3872B2;
$color3b: lighten($color3, 20%);
$color4: desaturate(darken($color1, 20%), 50%);
$color5: lighten($color2, 7%);
*/
/* MIXINS */
/* SEARCH */
/* ----------------------------------------- */
input, textarea {
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: background-color, color;
  -webkit-transition-timing-function: ease;
  -moz-transition-duration: 300ms;
  -moz-transition-property: background-color, color;
  -moz-transition-timing-function: ease;
  -o-transition-duration: 300ms;
  -o-transition-property: background-color, color;
  -o-transition-timing-function: ease;
  border: none !important;
  background: #EEE;
  box-sizing: border-box; }
  input:focus, textarea:focus {
    background: #DDD; }

input[type=text] {
  padding: 5px; }

button.searchsubmit {
  font-size: 18px;
  color: #FFF;
  transition: color .3s ease-in-out, background .3s ease-in-out;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  width: 42px;
  height: 42px;
  line-height: 42px;
  margin-left: 0px;
  margin-right: 0px;
  border: 0;
  background: #9d2235;
  cursor: pointer;
  float: right;
  position: absolute;
  right: 0;
  top: 0; }
  button.searchsubmit:hover {
    color: #DDD;
    background: #652731; }
  button.searchsubmit i {
    margin-top: -2px !important;
    cursor: pointer;
    display: block; }

/* Search Form */
#searchform_form {
  float: left;
  display: block;
  padding: 0px 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  height: auto;
  line-height: 42px;
  width: 600px;
  box-sizing: border-box;
  background: none;
  position: relative; }

#s {
  transition: color .3s ease-in-out, background .3s ease-in-out;
  font-weight: normal;
  width: 100%;
  border: none !important;
  color: #FFF !important;
  height: 42px;
  box-sizing: border-box;
  line-height: 1.2em;
  padding: 3px 38px 0px 8px;
  background: #9d2235;
  outline: none;
  text-align: left;
  margin: 0;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 0;
  -webkit-appearance: none;
  font-size: 18px; }
  #s::-webkit-input-placeholder {
    color: #DDD; }
  #s:-moz-placeholder {
    /* Firefox 18- */
    color: #DDD; }
  #s::-moz-placeholder {
    /* Firefox 19+ */
    color: #DDD; }
  #s:-ms-input-placeholder {
    color: #DDD; }
  #s:focus {
    background: #652731;
    width: 100%;
    color: #FFF !important; }