/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF !important;
  background-color: #093b54 !important;
  border-color: #093b54 !important; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF !important;
  background-color: #0E5B82 !important;
  border-color: #0E5B82 !important; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }




/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100% !important;
  box-sizing: border-box;  !important
}


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
#calculator-container:after,
.calculator-row:after
.calculator-column-right:after,
.calculator-column-left:after {
  content: "";
  display: table;
  clear: both; 
}


/* Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#calculator-container {
    max-width: 500px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    min-height: 1080px !important;
}

.calculator-column input {
    background-color: #fff !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    line-height: 38px !important;
    height: 38px !important;
    letter-spacing: .1rem !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    background-color: transparent !important;
    border-radius: 4px !important;
    border: 1px solid #bbb !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    display: inline-block !important;
}

.calculator-column select {
    background-color: #fff !important;
    margin: 0 0 0 0 !important;
    height: 38px !important;
    padding: 6px 10px !important; /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #fff !important;
    border: 1px solid #D1D1D1 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.calculator-column {
    min-width: 200px !important; 
    max-width: 500px !important; 
    width: 100% !important; 
    float: left !important;
    box-sizing: border-box;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
}

.calculator-column:nth-child(2) {
    margin-bottom: 25px !important;
}

#calculateButton {
    width: 100% !important; 
    font-size:16px !important;
    margin-top: 20px !important;
}

#calculatorResult {
    width: 100% !important; 
    font-size:16px !important; 
    text-align: center !important; 
    margin-top: 5px !important;
    color: #000 !important;
    opacity: 1 !important;
}

.calculator-row {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
}

#result-row {
    opacity: 0;
}

.calculator-column label {
    font-size: 16px !important;
    margin: 3px 0 0 0 !important;
    padding: 0 0 0 0 !important;
    display: block !important;
    line-height: 1.4 !important;
}

.dollar-sign {
    position: relative !important;
    display: inline-block !important;
    font-size: 16px !important;
    cursor:text !important;
    color:#000 !important;
    margin: 0 0px 0px -13px !important;
    padding: 0 0 0 0 !important;
}

.explanation-div {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 0 0 0 !important;
    padding: 5px 0 0 0 !important;
}