html, body{
	height: 100%;
}

.ocean-blue-light{
  color: #4ebef7;
}

.ocean-blue{
  color: #4292CF;
}

.bg-ocean-blue{
  background-color: #4292CF;
}

.contact-phone-link a, .quill-output a, .faq-description a{
  color: #4292CF;
}

.ocean-purple{
  color: #48424e;
}

.bg-ocean-purple{
  background-color: #48424e;
}

.bg-black-15{
  background: rgba(0,0,0,0.13);
}

.bg-black-03{
  background: rgba(0,0,0,0.04);
}

body, body *{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-family: 'GothamPro', sans-serif;
}

.smoke .dialog-inner, .dialog-prompt input, .smoke button{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-family: 'GothamPro', sans-serif;
}
.smoke, .smoke input {
  border-radius: 0.25rem;
}
.smoke button{
  border-radius: 0.5rem;
}
.smoke input {
  font-weight: 300;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0,0,0,0.4);
}
.smoke input:focus {
  outline-color: rgba(0,0,0,0.65);
}

.hover-o-100:hover{
  opacity: 1;
}


.application-form input, .application-form textarea, .application-form select{
  padding: 0.5rem;
  border-radius: .25rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0,0,0,0.4);
  color: rgba(0,0,0,0.7);
  font-weight: 300;
  line-height: 1.5;
}

.application-form select{
  padding: 0.3rem;
}

.application-form textarea{
  line-height: 1.3;
}

.application-form textarea{
  resize: none;
}

.application-form label{
  font-weight: 600;
}

.application-form input:focus, .application-form textarea:focus, .application-form select:focus{
  outline-color: rgba(0,0,0,0.65);
}


input[type="date"],
input[type="time"],
input[type="datetime-local"] {
  cursor: text;
}

input::-webkit-calendar-picker-indicator {
  cursor: pointer;
}

input::-webkit-datetime-edit-day-field:focus,
input::-webkit-datetime-edit-month-field:focus,
input::-webkit-datetime-edit-year-field:focus,
input::-webkit-datetime-edit-hour-field:focus,
input::-webkit-datetime-edit-minute-field:focus {
  color: black;
}



input[type="date"],
input[type="time"],
input[type="datetime-local"] {
  color: rgba(0, 0, 0, 0.25);
}



input[type="date"]:not([value=""]),
input[type="time"]:not([value=""]),
input[type="datetime-local"]:not([value=""]) {
  color: black;
}




.autogrow {
  display: grid;
}

.autogrow::after {
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}

.autogrow > textarea {
  resize: none;
  overflow: hidden;
}

.autogrow > textarea, .autogrow::after {
  border: 1px solid rgba(0,0,0,0.5);
  padding: 0.5rem;
  font: inherit;
  grid-area: 1 / 1 / 2 / 2;
}


.min-h4{
  min-height: 8rem;
}


.error, .error *{
  color: #FF4136 !important;
}

.error input, .error textarea{
  color: #FF4136 !important;
  border-color: #FF4136 !important;
}





.site-container{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.site-content {
  flex: 1 0 auto;
}


header, footer {
  flex: none;
}




.subnav-icon-links a{
  width: 5%;
}

.subnav-icon-links i{
  display: block;
  margin-bottom: 0.5rem;
}

.subnav-icon-links span{
  display: block;
  text-align: center;
  font-size: 20%;
  display: none;
}

.invert {
  -webkit-filter: invert(100%);
  filter: invert(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(invert='1');
}

.hover-o-50:hover{
  opacity: 0.5;
}

@media (max-width:480px)  {
  .subnav-icon-links a{
    width: 7%;
  }
}