@font-face {
  font-family: "FFNettoWebProBold";
  src: url('/staticfiles/fonts/FFNettoWebProBold/font.woff2') format('woff2'),
  url('/staticfiles/fonts/FFNettoWebProBold/font.woff') format('woff');
}

.horseshape_font {
	font-family: FFNettoWebProBold;
}

.container-fluid {
  height: 100vh;
  background-color: #002957;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-fluid > div {
  width: 85%;
  min-width: 300px;
  max-width: 500px;
}
.card {
  width: 100%;
}
.social-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.btn a, .btn a:hover {
  color: white;
  text-decoration: none ;
}

/* TEC CSS*/
h1{
  font-size: 3.6rem;
}

h1, h2, h3, h4, h5{
  font-weight: bold;
}

.vertical-center {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

/* BUTTONS */
.primaryAction, button[type="submit"]{
  display: block;
  width: 100%;
  border: none;
  padding: 12px;
  margin: 15px 0;
  background: #002957;
  color: white;
  font-weight: bolder;
}

/* INPUT FORMS */
form p label{
  display: block;
}

form p input{
  display: block;
  width: 100%;
  padding: 12px;
}

/* NAVBAR */
.navbar{
  padding: 0 2rem;
  background: var(--sidebardarker-color) !important;
}

.navbar .nav-elements-right li.nav-item a.nav-link{
  padding: 25px;
  color: var(--text-color);
}

.navbar .nav-elements-right li.nav-item a.nav-link:hover{
  color: var(--toggle-color);
  background: var(--primary-color);
}

/* smart */
body.smart {
  background: var(--primary-color);
}