body {
  background-color: #181a20;
  color: #333333;
  font-family: 'AvenirNextMedium';
  font-size: 14px;
}

a {
  color: #0074bd;
  text-decoration: none;
}

a:hover {
  color: #cd1b01;
  text-decoration: none;
}

h1.page-title {
  color: #fdb913;
  margin-bottom: 0;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 30px;
}

@media (min-width: 768px) {
  h1.page-title {
    text-align: center;
  } 
}

@media (min-width: 992px) {
  h1.page-title {
    text-align: center;
  } 
}

header .navbar .navbar-toggler {
  border-color: #fdB913;   
  color: #fdB913;
}

#navbar-nav-dropdown-main .navbar-nav .nav-item .nav-link {
  color: #fdb913;
  text-transform: uppercase;
}

#navbar-nav-dropdown-main .navbar-nav .nav-item .nav-link:hover {
  color: #ffffff;
}

@media (min-width: 992px) {
  #navbar-nav-dropdown-main .navbar-nav .nav-item .nav-link:before {
    border-top-color: #333333;
    border-top-style: solid;
    border-width: 3px;
    content: '';
    display: block;
    padding-bottom: 5px;
    transform: scaleX(0.0001);  
    transition: transform 250ms ease-in-out;
  }

  #navbar-nav-dropdown-main .navbar-nav .nav-item .nav-link:hover:before {
    border-top-color: #e0b82b;
    transform: scaleX(1);
  }
}

#navbar-nav-dropdown-main .navbar-nav .nav-item .nav-link.active {
  color: #ffffff;
}

#navbar-nav-dropdown-footer .navbar-nav .nav-item .nav-link {
  color: #fdB913;
  text-transform: uppercase;
}

#navbar-nav-dropdown-footer .navbar-nav .nav-item .nav-link:hover {
  color: #ffffff;
}

@media (min-width: 992px) {
  #navbar-nav-dropdown-footer .navbar-nav .nav-item .nav-link:before {
    border-top-color: #e0b82b;
    border-top-style: solid;
    border-width: 3px;
    content: '';
    display: block;
    padding-bottom: 5px;
    transform: scaleX(0.0001);  
    transition: transform 250ms ease-in-out;
  }

  #navbar-nav-dropdown-footer .navbar-nav .nav-item .nav-link:hover:before {
    transform: scaleX(1);
  }
}

#navbar-nav-dropdown-footer .navbar-nav .nav-item .nav-link.active {
  color: #ffffff;
}

footer {
  color: #ffffff;
  padding: 30px;
  text-align: center;
}

footer .logo a img {
  height: 82px;
  width: auto;
}

footer .navbar {
  margin: 0 auto;
  width: 75%;
}

@media (min-width: 992px) {
  footer .navbar {
    width: 50%;
  }
}

footer .privacy-notice a {
  color: rgba(255, 255, 255, 0.55);
}

footer .copyright a {
  color: #ffffff;
  text-decoration: none;
}

footer .copyright a:hover {
  color: #fdB913;
}

#navbar-nav-dropdown-social-networks .navbar-nav .nav-item .nav-link .fa-brands {
  font-size: 23px;
}

#navbar-nav-dropdown-social-networks .navbar-nav .nav-item .nav-link:hover {
  color: #ffffff;
}

.region.region-content {
  background-color: #ffffff;
  padding: 15px;
}

@media (min-width: 992px) {
  .region.region-content {
    padding: 30px;
  } 
}

body.path-user .region.region-content {
  background-color: rgb(24, 26, 32);  
}

body.gateway-user-reset-page .region.region-content {
  color: #ffffff;  
}

/**
 * User Login Form
 */
 
.user-login-form {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

@media (min-width: 768px) {
  .user-login-form {
    width: 75%;
  } 
}

@media (min-width: 992px) {
  .user-login-form {
    width: 50%;
  } 
}

.user-login-form .form-item label {
  color: #ffffff;
}

.user-login-form .form-item .help-block {
  color: rgb(108, 117, 125);
  margin-top: 5px;
}

.user-login-form .login-warning-prefix {
  background-color: #FFFF00;
  color: #000033;
  padding: 15px;
  font-weight: normal;
}

.user-login-form .login-warning-prefix strong {
  font-weight: bold;
}


/**
 * User Password Form
 */

form.user-pass {
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

form.user-pass p {
  color: rgb(108, 117, 125);
  font-size: 0.85em;
}

@media (min-width: 768px) {
  form.user-pass {
    width: 75%;
  } 
}

@media (min-width: 992px) {
  form.user-pass {
    width: 50%;
  } 
}

/**
 * User Password Form - External
 */

#idm-change-external-user-password-form {
  color: #ffffff;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  width: 100%;
}

#idm-change-external-user-password-form legend {
  padding-left: 0;
}

#idm-change-external-user-password-form fieldset {
  background-color: rgb(24, 26, 32);
  margin-top: 0;
}

#idm-change-external-user-password-form fieldset .fieldset-wrapper .form-type-password .description ul {
  color: rgb(108, 117, 125);
  margin-bottom: -15px;
  margin-top: 1rem;
  padding-left: 1rem;
}

#idm-change-external-user-password-form #edit-submit {
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  #idm-change-external-user-password-form {
    width: 75%;
  } 
}

@media (min-width: 992px) {
  #idm-change-external-user-password-form {
    width: 50%;
  } 
}

#tfa-setup .form-item label {
  color: #ffffff;
}
#tfa-setup .form-item .description {
  color: #ffffff;
}
#tfa-setup div.item-list {
  display: none;
}
#tfa-setup p {
  color: #ffffff;
}
#tfa-setup div.tfa-qr-code {
  display: none;
}
#tfa-setup .instruction-box {
  background-color: #fff200; /* bright yellow */
  padding: 20px 25px;
  color: #000;
}

#tfa-setup .instruction-box h3 {
  margin: 0 0 10px 0;
  font-size: 20px;
}

#tfa-setup .instruction-box ol {
  margin: 0;
  padding-left: 25px;
}

#tfa-setup .instruction-box li {
  font-size: 18px;
  line-height: 1.6;
}

#tfa-setup .instruction-box strong {
  font-weight: 800;
}

#tfa-setup .instruction-box ol h5 {
  margin-bottom: 0px;
  margin-left: -20px;
  font-weight: normal;
}

.tfa-alert-close button.btn-close {
  display:none;
}