.primary {
  color: #0E3554 !important;
}

.secondary {
  color: #ffffff !important;
}

.third {
  color: #181818 !important;
}

.glowgrey {
  color: #AD9768 !important;
  font-family: "HelveticaNeue", sans-serif !important;
}

header.ui.vertical.masthead.segment.header {
  height: 100% !important;
}

div.ui.vertical.masthead.segment.form-segment {
  font-family: "HelveticaNeue-Bold", sans-serif !important;
  height: 100% !important;
  position: relative;
  overflow: hidden;
}

div.header-title,
h1.ui.header,
h3.ui.header {
  font-family: "HelveticaNeue-Bold", sans-serif !important;
  font-weight: 700 !important;
  font-size: 42px !important;
}

.ui.form {
  max-width: 500px;
  margin: 2em auto;
}
.ui.form .field {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5em;
}
.ui.form .field label {
  margin-bottom: 0.5em;
  font-weight: 400;
  color: #13457a;
}
.ui.form .field input,
.ui.form .field textarea {
  padding: 0.75em;
  border: 1px solid #555;
  border-radius: 4px;
  font-size: 1em;
  outline: none;
  transition: border-color 0.2s ease;
}
.ui.form .field input:focus,
.ui.form .field textarea:focus {
  border-color: #0E3554;
}
.ui.form button {
  background-color: #0E3554;
  color: #ffffff;
  padding: 0.8em 2em;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.ui.form button:hover {
  background-color: rgb(21.2857142857, 80.5816326531, 127.7142857143);
}

.iti {
  width: 100%;
}
.iti input {
  padding-left: 3.5em !important;
}
.iti .iti__selected-flag {
  top: 0.5em;
}
.iti .iti__country-list {
  background-color: #202020 !important;
  color: #ffffff !important;
  border: 1px solid #555;
}
.iti .iti__country-list .iti__country:hover,
.iti .iti__country-list .iti__country.iti__highlight {
  background-color: rgb(57.5, 57.5, 57.5);
}
.iti .iti__flag-box {
  background: transparent !important;
}
.iti .iti__dial-code {
  color: #ffffff !important;
}
