@import "bootstrap/scss/functions";

@import "bootstrap/scss/variables";

$font-family-base: 'Rubik', sans-serif;

$theme-colors: (

  "primary": #769FED,

  "secondary": white,

  "irinotes-form": rgba(196, 196, 196, .5),

  "irinotes-time": #C4C4C4,

  "irinotes-headers": transparent,

//   "info": #F95B5B,

);

$line-height-base: 1.3;

$font-weight-normal: 500;

$spacer: .5rem;

$link-color: theme-color("secondary");

$link-hover-color: darken($link-color, 15%);

$component-active-bg: theme-color("secondary");

$h4-font-size: 3rem;

$h5-font-size: 1.5rem;

//Dropdowns

$dropdown-padding-y: 1rem;

$dropdown-link-color: theme-color("secondary");

$dropdown-item-padding-y: .7rem;

$dropdown-item-padding-x: .5rem;

//Navs

$nav-link-padding-y: .2rem;

$navbar-brand-font-size: 30px;

$navbar-light-color: darken((theme-color("secondary")), 2%);

$navbar-light-hover-color: theme-color("secondary");

$navbar-light-active-color: theme-color("secondary");

$navbar-light-toggler-border-color: transparent;

//Modals

$modal-content-border-width: .1rem;

//Forms

$input-btn-padding-y: .2rem;

$input-padding-y: .1rem;

$input-border-width: .1rem;

$input-placeholder-color: theme-color("secondary");

$form-group-margin-bottom: .2rem;

@import "bootstrap/scss/bootstrap";

.text-irinotes-time {

    font-family: 'Roboto Mono', monospace;

    font-weight: 400;

}