/* Centrillion Tech Update 01/01/2020 */

/* .title-small {font-size: 20px; line-height: 26px}
.title-medium {font-size: 32px; line-height: 37px}
.title-large {font-size: 46px; line-height: 49px}
.title-extra-large {font-size: 55px; line-height: 50px} */

/* Fonts Override */
@font-face {
  font-family: AlienLeague;
  src: url("../fonts/AlienLeagueRegular.otf") format("opentype");
}
.alt-hero-font,
.alternative-font {
  font-family: AlienLeague;
}

.border-color-primary {
  border-color: #0CC0DF !important;
}

.border-color-secondary {
  border-color: #252627 !important;
}

/* Background Color Styling Override */
.bg-primary,
.background-primary {
  background-color: #0CC0DF !important;
}

.bg-secondary,
.background-secondary {
  background-color: #252627 !important;
}

/* Text Styling Override */
.text-primary,
.bg-secondary a.link:hover,
.background-secondary a.link:hover,
a:hover, a:active {
  color: #0CC0DF !important;
}

.text-secondary,
.bg-primary a.link:hover,
.background-primary a.link:hover {
  color: #252627 !important;
}

a.text-primary-hover:hover {
  color: #252627 !important;
}

/* Button Styling Override */
.btn-primary {
  background: #0CC0DF;
  border-color: #0CC0DF;
  color: #ffffff;
  font-weight: 700;
}

.btn-primary:hover,
.btn-primary:focus {
  background: #252627;
  border-color: #0CC0DF;
  color: #0CC0DF;
}

.btn-secondary {
  background: #252627;
  border-color: #252627;
  color: #0CC0DF;
  font-weight: 700;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background: #0CC0DF;
  border-color: #0CC0DF;
  color: #252627;
}

/* Form Field Style Override */
.field-primary,
.fui-input,
.fui-select {
  background-color: #f7f7f7 !important;
  border: unset !important;
  color: #000000 !important;
  padding: 18px 25px !important;
  font-size: 14px !important;
  border-radius: 0 !important;
}

.field-primary::placeholder,
.fui-input::placeholder,
.fui-select::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000 !important;
  opacity: 1;
  /* Firefox */
}

.field-primary:-ms-input-placeholder,
.fui-input:-ms-input-placeholder,
.fui-select:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000000 !important;
}

.field-primary::-ms-input-placeholder,
.fui-input::-ms-input-placeholder,
.fui-select:-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000000 !important;
}

.field-secondary {
  background-color: #1c1c1c !important;
  border: unset !important;
  color: #ffffff;
}

.field-secondary::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff !important;
  opacity: 1;
  /* Firefox */
}

.field-secondary:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff !important;
}

.field-secondary::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff !important;
}

.field-black {
  background-color: #000 !important;
  border: unset !important;
  color: #ffffff;
}

.field-white {
  background-color: #fff !important;
  border: unset !important;
  color: #ffffff;
}

.field-red {
  background-color: #dc3545 !important;
  border: unset !important;
  color: #ffffff;
}

.field-green {
  background-color: #28a745 !important;
  border: unset !important;
  color: #ffffff;
}

.field-blue {
  background-color: #17a2b8 !important;
  border: unset !important;
  color: #ffffff;
}

.field-yellow {
  background-color: #ffc107 !important;
  border: unset !important;
  color: #ffffff;
}

.field-grey {
  background-color: #f8f9fa !important;
  border: unset !important;
  color: #ffffff;
}

[class*="field-"]:not(".field-primary")::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff !important;
  opacity: 1;
  /* Firefox */
}

[class*="field-"]:not(".field-primary"):-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff !important;
}

[class*="field-"]:not(".field-primary")::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff !important;
}

.fui-btn.fui-submit {
  background: #0CC0DF;
  border-color: #ffffff;
  color: #ffffff;
  font-size: 13px;
  padding: 9px 34px;
  line-height: 25px;
  border-radius: 4px;
  text-transform: uppercase;
  width: auto;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.fui-btn.fui-submit:hover,
.fui-btn.fui-submit:focus {
  background: #252627;
  border-color: #252627;
  color: #0CC0DF;
}

.field-box {
  border-radius: 0;
}

.field-rounded {
  border-radius: 50px;
}

/* Logo Height */
header a.logo img.logo-symbol {
  height: 80px !important;
}

header a.logo img {
  max-height: 35px !important;
}

/* Main Navigation Colours  */
header nav.navbar.navbar-default .logo-text {
  color: #ffffff !important;
}

header nav.navbar.navbar-default.bootsnav ul.nav.navbar-nav > li > a {
  color: #ffffff !important;
}

header nav.navbar.navbar-default.bootsnav ul.nav.navbar-nav > li > a:hover {
  color: #0CC0DF !important;
}

header.sticky
  nav.navbar.navbar-default.navbar-fixed-top.header-light
  .logo-text {
  color: #0CC0DF !important;
}

header.sticky
  nav.navbar.navbar-default.navbar-fixed-top.header-light
  .navbar-nav
  > li
  > a {
  color: #000000 !important;
}

header.sticky
  nav.navbar.navbar-default.navbar-fixed-top.header-light
  .navbar-nav
  > li
  > a:hover {
  color: #0CC0DF !important;
}

header nav.navbar.navbar-default .navbar-toggler .icon-bar {
  background: #ffffff !important;
}

header.sticky nav.navbar.navbar-default .navbar-toggler .icon-bar {
  background: #000000 !important;
}

@media (max-width: 991px) {
  header nav.navbar.navbar-default.bootsnav ul.nav.navbar-nav > li > a {
    padding: 15px !important;
  }

  header.sticky
    nav.navbar.navbar-default.navbar-fixed-top.header-light
    .navbar-nav
    > li
    > a {
    color: #ffffff !important;
  }

  header.sticky
    nav.navbar.navbar-default.navbar-fixed-top.header-light
    .navbar-nav
    > li
    > a:hover {
    color: #000000 !important;
  }
}

/* Overriding Colors */
.icon-box-holder a:hover {
  color: #252627 !important;
}
