@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

:root {
  --bs-danger-rgb: 243,48,46;
}

body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f3302e;
  --bs-btn-border-color: #f3302e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #fe4e00;
  --bs-btn-hover-border-color: #fe4e00;
  --bs-btn-focus-shadow-rgb: 225,83,97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ff0300;
  --bs-btn-active-border-color: #ff0300;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.form-check-input:checked {
  background-color: #f3302e;
  border-color: #f3302e;
}

.fs-8 {font-size:0.9em;}
.fs-9 {font-size:0.8em;}
.fs-10 {font-size:0.7em;}
.dropdown-menu {
  background-color: #000000;
}

h1,h2,h3,h4 { color: white;}
h1 {  font-size:20px;}
h2 {  font-size:18px;}
h3 {  font-size:16px;}
h4 {  font-size:16px;}

.btn:active {transform: scale(0.90);}
.shadow-top { box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.20); }

a, .nav-link {color:white;text-decoration: none;}
a:hover, .nav-link:hover {color:#f3302e;}



.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}



.oc-flash-message {
  top: 100px;
}