:root {
  --text-color: #000000;
  --header-bg-color: rgba(0,0,0,1);
  --link-color: #a07f44;
  --error-color: #ff0000;
  --footer-color: #a07f44;
  --form-color: rgba(255,255,255,0.85);
  --input-bg-color: rgba(255,255,255,0.85);
  --input-text-color: #000000;
  --button-bg-color: rgba(0,0,0,1);
  --button-text-color: #ffffff;
}

/* line 18, ../scss/lsvt-style.scss */
body {
  color: #000000;
}

/* line 24, ../scss/lsvt-style.scss */
a {
  color: #a07f44;
}

/* line 58, ../scss/lsvt-style.scss */
header {
  background-color: rgba(0,0,0,1);
}

/* line 74, ../scss/lsvt-style.scss */
#page {
  background-color: rgba(0,0,0,1);
}
@media only screen and (min-width: 768px) {
  /* line 74, ../scss/lsvt-style.scss */
  #page {
    background-image: url('//d1xfb0e3ea1asg.cloudfront.net/lsvt-sign-in/images/signin-background-067860C7-98A1-2C95-D3F58BDD0C0150B7.png');
  }
}

/* line 90, ../scss/lsvt-style.scss */
.card {
  background-color: rgba(255,255,255,0.85);
}

/* line 135, ../scss/lsvt-style.scss */
.powered-by svg {
  fill: rgba(0,0,0,1);
}

@media only screen and (min-width: 768px) {
  /* line 143, ../scss/lsvt-style.scss */
  .powered-by svg {
    fill: #a07f44;
  }
}

/* line 150, ../scss/lsvt-style.scss */
.message {
  color: #ff0000;
}

/* line 174, ../scss/lsvt-style.scss */
.message span svg {
  fill: #000000;
}

.input-container {
  border-bottom-color: #000000;
}

/* line 209, ../scss/lsvt-style.scss */
.error + label span {
  color: #ff0000;
}

/* line 213, ../scss/lsvt-style.scss */
input {
  color: #000000;
  background: rgba(255,255,255,0.85);
}

input.error {
  color: $$$INPUTTEXTERRORCOLOR$$$;
}

/* line 238, ../scss/lsvt-style.scss */
.user-icon,
.pass-icon,
.envelope-icon {
  fill: #000000;
}

/* line 248, ../scss/lsvt-style.scss */
.error + label + .user-icon,
.error + label + .pass-icon,
.error + label + .envelope-icon {
  fill: #ff0000;
}

/* line 252, ../scss/lsvt-style.scss */
.close-icon,
.chevron-down-icon {
  fill: #000000;
}

/* line 269, ../scss/lsvt-style.scss */
.btn {
  background-color: rgba(255,255,255,0.85);
  border-color: rgba(0,0,0,1);
  color: rgba(0,0,0,1);
}

/* line 293, ../scss/lsvt-style.scss */
.btn:after {
  color: #ffffff;
  background-color: rgba(0,0,0,1);
}

/* line 309, ../scss/lsvt-style.scss */
.secure {
  color: rgba(0,0,0,1);
}

/* line 315, ../scss/lsvt-style.scss */
.secure a {
  color: rgba(0,0,0,1);
}

@media only screen and (min-width: 768px) {
  /* line 309, ../scss/lsvt-style.scss */
  .secure {
    color: #a07f44;
  }
  /* line 326, ../scss/lsvt-style.scss */
  .secure a {
    color: #a07f44;
  }
}

/* line 335, ../scss/lsvt-style.scss */
.lock-icon {
  fill: rgba(0,0,0,1);
}

@media only screen and (min-width: 768px) {
  /* line 335, ../scss/lsvt-style.scss */
  .lock-icon {
    fill: #a07f44;
  }
}

/* line 349, ../scss/lsvt-style.scss */
.more {
  color: rgba(0,0,0,1);
}

/* line 385, ../scss/lsvt-style.scss */
.crate-title {
  background: rgba(0,0,0,1);
  color: rgba(255,255,255,0.85);
}

/* line 386, ../scss/lsvt-style.scss */
.crate-body {
  background: rgba(255,255,255,0.85);
  color: #000000;
}

/* location styling */
/* line 392, ../scss/lsvt-style.scss */
.loc-selection {
  background-color: rgba(255,255,255,0.85);
  color: #000000;
  border-top-color: rgba(0,0,0,1);
}

/* line 399, ../scss/lsvt-style.scss */
.loc-selection:last-child {
  border-bottom-color: rgba(0,0,0,1);
}

/* line 402, ../scss/lsvt-style.scss */
.loc-selection:hover {
  background-color: rgba(0,0,0,1);
  color: rgba(255,255,255,0.85);
}

/* line 406, ../scss/lsvt-style.scss */
.loc-selection:after {
  border-right-color: #000000;
  border-top-color: #000000;
}

/* line 419, ../scss/lsvt-style.scss */
.loc-selection:hover:after {
  border-right-color: rgba(255,255,255,0.85);
  border-top-color: rgba(255,255,255,0.85);
}

/* line 439, ../scss/lsvt-style.scss */
.login {
  background-color: rgba(255,255,255,0.85);
  color: rgba(0,0,0,1);
  border-color: rgba(0,0,0,1);
}
 @media only screen and (min-width: 481px) {
    header img { height: 54px; }
}

@media only screen and (max-width: 480px) {
    header img { width: auto; height: 54px; }
}

@media only screen and (max-width: 767px) {
    .lock-icon, .powered-by svg { fill: rgba(255,255,255,1); }
    .secure, .secure a { color: rgba(255,255,255,1) !important; }
    .foot a { color: #b09e90 !important; }
}

use.poweredby-logo{
    visibility:hidden !important;
}

#page { 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: bottom center;
    background-color:#ffffff;

    /* No background image */
    background: none;
}

.card { margin-bottom: 10px !important; }
.foot { background-color: rgba(61,150,154,0); padding: 20px; margin: 0 -20px -20px; border-bottom: 1px solid #535a69; }
.foot a { color: #b09e90; }
.secure svg, .powered-by svg { -webkit-filter: none; filter: none; }
.secure { text-shadow: none; }
.login { color: #14204d; border-color: #14204d; }

/**********CUSTOM FONT**********/
@font-face {
    font-family: 'Conv_Gotham-Book';
    src: url('https://lsvt-courseware.s3.amazonaws.com/files/1066/456A98800E6AC2982ADF9D0899DD592D/Gotham%2DBook.eot');
    src: url('https://lsvt-courseware.s3.amazonaws.com/files/1066/456A98800E6AC2982ADF9D0899DD592D/Gotham%2DBook.woff') format('woff'), 
         url('https://lsvt-courseware.s3.amazonaws.com/files/1066/456A98800E6AC2982ADF9D0899DD592D/Gotham%2DBook.ttf') format('truetype'), 
         url('https://lsvt-courseware.s3.amazonaws.com/files/1066/456A98800E6AC2982ADF9D0899DD592D/Gotham%2DBook.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

p.add-space{
    font-family: escrow, serif !important;
    font-weight: 400;
    font-size:26px;
    line-height:1.25em;
}

input{
    font-family: 'Conv_Gotham-Book' !important;
    font-weight: normal;
    font-style: normal;
}

.input-container{
    font-family: 'Conv_Gotham-Book' !important;
    font-weight: normal;
    font-style: normal;
}

div#sign-in_button{
    font-family: 'Conv_Gotham-Book' !important;
    font-weight: normal;
    font-style: normal;
}

.help.add-space{
    font-family: 'Conv_Gotham-Book' !important;
    font-weight: normal;
    font-style: normal;
}

span.block.add-space{
    font-family: 'Conv_Gotham-Book' !important;
    font-weight: normal;
    font-style: normal;
}

ul.foot{
    font-family: 'Conv_Gotham-Book' !important;
    font-weight: normal;
    font-style: normal;
}

.secure{
    font-family: 'Conv_Gotham-Book' !important;
    font-weight: normal;
    font-style: normal;
}

.instructions.add-space{
    font-family: 'Conv_Gotham-Book' !important;
    font-weight: normal;
    font-style: normal;
}

div#retrieve_button{
    font-family: 'Conv_Gotham-Book' !important;
    font-weight: normal;
    font-style: normal;
}

a{
    font-family: 'Conv_Gotham-Book' !important;
    font-weight: normal;
    font-style: normal;
}

.btn{
    background-color:#0a0a0a !important;
    color:#ffffff !important;
    border:2px solid black !important;
}

.btn:hover{
    border:2px solid #98683b !important;
}

.btn:after{
    background-color:#ffffff !important;
    color:#98683b !important;
    border:2px solid white !important;
}

.login {
    border:none !important;
}

/* ======================= */
/* Header animated gradient */
/* ======================= */
:root {
  --brand1: #A07F44;
  --brand2: #D3B271;
}

header { position: relative; z-index: 0; }
header > * { position: relative; z-index: 1; }

header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(45deg, var(--brand1) 0%, var(--brand2) 50%, var(--brand1) 100%);
  background-size: 200% 200%;
  animation: navGradient 7s ease infinite;
  pointer-events: none;
  z-index: -1;
}

@keyframes navGradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Solid black Sign In button with white text */
si-sign-in-shell .card form button.mat-mdc-outlined-button.mat-primary,
si-sign-in-shell .card form button[mat-stroked-button] {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

/* Keep it black on hover and focus */
si-sign-in-shell .card form button.mat-mdc-outlined-button.mat-primary:hover,
si-sign-in-shell .card form button.mat-mdc-outlined-button.mat-primary:focus,
si-sign-in-shell .card form button[mat-stroked-button]:hover,
si-sign-in-shell .card form button[mat-stroked-button]:focus {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

/* Optional: ripple stays subtle on dark button */
si-sign-in-shell .card form .mdc-button .mat-mdc-button-ripple,
si-sign-in-shell .card form .mdc-button .mat-mdc-button-persistent-ripple {
  background-color: rgba(255,255,255,0.12) !important;
}

/* Drop shadow only on this sign in form card */
si-sign-in-shell si-card > .card {
  box-shadow: 0 14px 28px rgba(0,0,0,0.18), 0 6px 12px rgba(0,0,0,0.12) !important;
}