@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;700&display=swap');

html{
    font-size: 12px;
}

html, *{
    box-sizing: border-box;
    font-family: 'Roboto', Arial, sans-serif;
}

.contact.errors {
	color: #e50000;
}

.contact.error {
	color: #e50000;
}


p{
    margin: 2rem auto;
}

label {
	text-align: left;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: #111111;
    font-size: 1.3333333333rem;
    padding-left: 0.5rem !important;
    padding-bottom: 0.25rem;
}

p label{
    font-weight: 700;
}

a {
	color: #111111;
	text-decoration: underline;
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea{
    width: 100%;
    appearance: none;
    background-color: transparent;
    border-radius: 1rem;
    cursor: inherit;
    display: block;
    background-color: #f6f6f7;
    border: 1px solid #6d7178;
    padding: 1.5rem 1rem;
    transition: all 0.2s;
    font-size: 1.3334rem;
    font-weight: bold;
    font-family: 'Roboto', Arial, sans-serif;
}


select{
    width: 100%;
    background-color: transparent;
    border-radius: 1rem;
    cursor: inherit;
    display: block;
    height: 4.5rem;
    background-color: #f6f6f7;
    border: 1px solid #6d7178;
    padding: 1rem  1rem;
    transition: all 0.2s;
    font-size: 1.3334rem;
    font-weight: bold;
    font-family: 'Roboto', Arial, sans-serif;
}

select[multiple],
select[multiple="multiple"]{
  height: auto !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus,
.select:focus {

    box-shadow: 0 0 0 3px #309ab5;
    outline: none;
    border: 1px solid transparent;
}

.select:after {
    content: '';
    border-color: transparent;
    border-style: solid;
    border-top-color: #54575d;
    border-width: 0.5rem;
    content: "";
    display: inline-block;
    position: absolute;
    right: 1rem;
    top: 2.25rem;
}

.error input[type="text"],
.error input[type="password"],
.error input[type="tel"],
.error input[type="number"],
.error input[type="color"],
.error input[type="date"],
.error input[type="datetime-local"],
.error input[type="email"],
.error input[type="month"],
.error input[type="time"],
.error input[type="url"],
.error input[type="week"],
.error select,
.error textarea{
    background: #fff4f1;
    border-color: #d13630;
}

.error label.inline,
.error.no-label,
.error label{
    color: #d13630;
}

.error.no-label{
    margin: 0;
    padding: 0.5rem;
    font-size: 1.334rem;
    font-weight: bold;
}

.form-field.error{
    margin-bottom: 0;
}

input[type="checkbox"] {
  display: block;
  position: relative;
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 6em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type="checkbox"],
input[type="radio"] {
    margin-top: 1.5rem;
    margin-left: 0.5rem;
    margin-bottom: 0;
}

input[type="checkbox"]{
    margin-bottom: 0.25rem;
}

label.inline {
  display: block;
  position: relative;
  margin-top: -1.5rem;
  padding-left: 2.5rem !important;
  cursor: pointer;
  font-size: 1em;
  line-height: 1.15em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 1.334rem;
  font-weight: 400;
}

.check-box .field-label {
	margin-bottom: 15px;
	margin-top: 10px;
	font-weight: bold;
}

input[type="submit"] {
    background-image: linear-gradient(225deg,#ad1717 0,#d13630 100%);
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700;
    background-color: #d13630;
    border: 3px solid #ad1717;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    border-radius: 1rem;
    width: auto;
    font-size: 1.6667rem;
    line-height: calc(5rem - 6px);
    padding: 0 3rem;
}

input[type="submit"]:hover{
    background: linear-gradient(225deg,#8b0000 0,#ad1717 100%);
    border: 3px solid #8b0000;
}

input[type="submit"]:focus{
    box-shadow: 0 0 0 3px #309ab5;
    border: 3px solid white;
    outline: none;
}

.description{
    display: block;
    padding-top: 1rem;
}





/* BUTTON OVERRIDES */

input[type="submit"],
.spark-btn {
    font-family: "Roboto", Roboto, Arial, sans-serif !important;
    text-transform: initial;
    border-width: 1.5px !important;
    border-width: 2px !important;
}
.spark-btn--xs {
    border-radius: 0.9rem;
}
.spark-btn--sm {
    border-radius: 1rem;
    line-height: calc(3.5rem - 6px);
}
input[type="submit"]:focus,
.spark-btn:not(.spark-btn--text):focus {
    box-shadow: 0 0 0 2px #8b0000 !important;
}
.spark-btn--text, .spark-btn.spark-btn--text {
    box-shadow: none;
    color: #e50000;
}
.spark-btn--text:focus:hover, .spark-btn.spark-btn--text:focus:hover, .spark-btn--text:hover, .spark-btn.spark-btn--text:hover {
    color: #8b0000;
}
.spark-btn--text:focus, .spark-btn.spark-btn--text:focus {
    box-shadow: 0 2px 0 0 #d13630;
    color: #e50000;
}
.spark-btn--text:active, .spark-btn.spark-btn--text:active {
    color: #8b0000;
}
.spark-btn--text:hover, .spark-btn.spark-btn--text:hover, .spark-btn--text:active, .spark-btn.spark-btn--text:active {
    background: none !important;
}
.spark-btn--text:after, .spark-btn.spark-btn--text:after {
    display: none;
}
.spark-btn.spark-btn--secondary {
    background-color: white;
}
.spark-btn.spark-btn--secondary:hover {
    background-color: #e1e2e5;
}
.spark-btn--secondary {
    background: white;
}
.spark-btn .spark-icon {
    margin-right: 1rem;
    margin-left: -0.5rem;
}
.spark-btn--text {
    line-height: 2em !important;
    border-radius: 0;
}
.spark-btn--text.spark-btn--sm {
    font-size: 1.3333333333rem;
}
.spark-btn--text.spark-btn--lg {
    font-size: 1.6666666667rem;
}
.spark-btn--text .spark-icon, .spark-btn--xs .spark-icon {
    margin-left: 0;
}