/* Tide template custom CSS style v1.0 */
/* Using the examples, provide your own styling */

/*
.bg-primary {
     background-color: #your-color !important;
}
.btn-primary {
     background-color: #your-color !important;
     border-color: #your-color !important;
}
.btn-primary:hover {
     background-color: #your-hover-color !important;
     border-color: #your-hover-color !important;
}
.btn-primary:focus {
     background-color: #your-focus-color !important;
     border-color: #your-focus-color !important;
     box-shadow: 0 0 0 0.2rem rgba(#your-color, 0.5) !important;
}
.btn-primary:active {
     background-color: #your-active-color !important;
     border-color: #your-active-color !important;
}
.btn-primary:disabled {
     background-color: #your-disabled-color !important;
     border-color: #your-disabled-color !important;
}
*/

@import url(https://fonts.bunny.net/css?family=alexandria:200,300,400,500,600,700,800);

/* =========================================
   GLOBAL STYLING 
   =========================================
*/

:root {
  --primary-color: #004aad;
  --primary-dark-color: #065ea6;
  --secondary-color: #09202e;
  --light-color: #ffffff;
  --dark-color: #333333;
  --muted-color: #777777;
  --font-family: "Alexandria", sans-serif;
}

body,
html {
  font-family: var(--font-family);
} 


.text-primary {
     color: var(--primary-color) !important;
}