@font-face { font-family: consola; src: url('media/fonts/Quicksand-Regular.ttf'); }

@font-face {
  font-family: consola-Bold;
  src: url('media/fonts/Quicksand-Bold.ttf');
}

@font-face {
  font-family: consola-Light;
  src: url('media/fonts/Quicksand-Light.ttf');
}

html {
  /*height: 100%;*/
  /*scroll-padding-top: calc(4.5rem - 1px);*/
}

body {
	font-family: "consola", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("media/tcr_background.png");
  background-size: cover;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/*containers*/
#content {
    min-height: 68vh;
    background-color:white;
    padding-top:75px;
}

.main-content {
  /*
  padding-bottom: 80px !important
  padding-top: calc(74px);
  padding-bottom: 6rem;*/
}


.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    /*background: -webkit-linear-gradient(top right, #eaedef 70%, #abb9bf);*/
    /*background-color:#d5dcdf;*/
    background-color:#fff;
    color: white;
    text-align: center;
    max-height:80px;
}


/*headers*/
.project-title {
  font-size:6em;
  font-family: "consola-Bold";
  font-weight:800;
  background: -webkit-linear-gradient(top right, #2a3d56 , #a5b9ce);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page-title {
  font-size:3em;
  font-family: "consola-Bold";
  font-weight:800;
  background: -webkit-linear-gradient(top right, #2a3d56 , #a5b9ce);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.icon {
    width: 80px;
    height: 80px;
    background:  -webkit-linear-gradient(top right, #E57F84, #8296a0); /*#2F5061 !important; /*#E57F84;*/
    border-radius: 50%;
    font-size: 30px;
    margin: 0 auto;
    margin-bottom: 10px; 
}


/*login*/
.login-header {
  height: 30vh;
  padding-top:85px;
  text-align:center;
}
.login {
   margin-top:30px;
   width:550px;
   background:#fff;
   padding:10px;
   padding-top:35px;
   padding-right:40px;
   padding-left:40px;
   padding-bottom:20px;
   border-radius: 15px;
}
.login-btn {
  /*height:40px;*/
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}



/*colors*/
a {
  color: #918EB0; /*#48447C;*/
  text-decoration: underline;
}
a:hover {
  color: #24223e;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}


.info-link {
  color:#ACAC3C;
  text-decoration:none !important;
}
.info-link:focus,
.info-link:hover {
  text-decoration:underline !important;
  color:#ACAC3C;
}

.tools-link {
    text-decoration:none !important;
    color:#354B60 !important;
}
.tool-link:hover {
  background-color: #ACAC3C !important;
  border-color: #ACAC3C;
}

.tools-link-box {
  width: 250px;
  padding-top:5px;
  padding-bottom:15px;
}
.tools-link-box:hover {
  border: 1px #d4dce5;
  border-radius: 30px;
  background-color: #d4dce5 !important;
}

.text-title{
  color: #2F5061;
}
.text-main-intense {
  color: #2F5061;
}
.text-main-soft {
  color: #f2bfc1;
}
.text-main-note {
  color: #2F5061;
}

/*background-colors*/
.bg-primary-light {
    background-color: #C0BFCA !important;
    color: black !important;
}
.bg-secondary-light {
  background-color: #DBE1E4;
}
.bg-success-light {
    background-color: #cdcd8a !important;
    color: black !important;
}
.bg-info-light {
    background-color: #dedde7 !important;
    color: black !important;
}
.bg-warning-light {
    background-color: #F3D5A3 !important;
    color: black !important;
}
.bg-danger-light {
    background-color: #dda9a1 !important;
    color: black !important;
}
.bg-primary-dark {
  background-color: #a0585c;
  color:white;
}
.bg-secondary-dark {
  background-color: #2F5061;
  color:white;
}
.bg-info-dark {
  background-color: #00676b;
  color:white;
}




/*screen scale*/
@media (max-width: 992px) {
  .project-title {
    font-size:3em;
  }
  .navbar-toggler-icon { display:none !important; }

  #registry_description {font-size:1.3em !important;}

  .login-row {
    overflow-x:scroll;
    padding-right:20vw;
  }
  #login_info {display:none !important; }
  .footer img {
     transform: scale(0.3);
  }
}


@media (max-width: 1200px) {
  .project-title {
    font-size:4.5em;
  }
  #registry_description {font-size:1.3em !important;}

  .login-row {
    overflow-x:auto;
    padding-right:20vw;
  }

  .login-header {
    overflow-y:auto;
  }

  .footer {
      overflow:auto;
  }
  .footer img {
     transform: scale(0.7);
  }
}

@media (max-height: 600px) {
  .action-btns {
        padding-bottom:100px !important;
  }

  .project-title {
    font-size:3.2em;
  }
  #content {
    padding-bottom:30vh !important;
  }
  .login-row {
    overflow:auto !important;
    padding-bottom:100px !important;
  }
  .login-header {
    overflow-y:auto;
    height: 50vh;
  }
  .footer {
      overflow-y:auto;
  }
  .footer img {
     transform: scale(0.5);
  }
}