@media screen and (max-width: 640px) {
  #header .logo img {
    width: 3rem !important;
  }
  #header .logo .title {
    font-size: 1.5rem !important;
  }
  section.hero h1 {
    font-size: 5rem !important;
  }
}
body.header-dark .mobile-menu #toggle:not(.active) span,
#header.scrolled ~ .mobile-menu #toggle:not(.active) span {
  background: white;
}

body.header-dark .mobile-menu #toggle span,
.mobile-menu #toggle.active span {
  background: #CB2D63;
}

.mobile-container .mobile-logo .title {
  font-weight: normal !important;
}

body.header-dark #header, body.header-dark #header.scrolled, body.header-dark #header:not(.scrolled), body.header-dark #header .dropmenu ul ul {
  background-color: #021824 !important;
}
body.header-dark #header nav.navbar a, body.header-dark #header .dropmenu ul ul a, body.header-dark #header.scrolled nav.navbar a, body.header-dark #header.scrolled .dropmenu ul ul a, body.header-dark #header:not(.scrolled) nav.navbar a, body.header-dark #header:not(.scrolled) .dropmenu ul ul a, body.header-dark #header .dropmenu ul ul nav.navbar a, body.header-dark #header .dropmenu ul ul .dropmenu ul ul a {
  color: #bfbfbf !important;
}
body.header-dark #header .navbar .dropmenu ul li a:is(.active, :focus, :hover), body.header-dark #header.scrolled .navbar .dropmenu ul li a:is(.active, :focus, :hover), body.header-dark #header:not(.scrolled) .navbar .dropmenu ul li a:is(.active, :focus, :hover), body.header-dark #header .dropmenu ul ul .navbar .dropmenu ul li a:is(.active, :focus, :hover) {
  color: #CB2D63 !important;
}

#footer {
  background-color: #021824 !important;
  color: #bfbfbf;
}
#footer a, #footer a:is(:hover) {
  color: #bfbfbf;
}

input, textarea, button:not(.btn-primary), .btn:not(button),
.notices, .card, .tab, .accordion-wrapper label,
code:not([class*=language-]), pre {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
input code[class*=language-], textarea code[class*=language-], button:not(.btn-primary) code[class*=language-], .btn:not(button) code[class*=language-],
.notices code[class*=language-], .card code[class*=language-], .tab code[class*=language-], .accordion-wrapper label code[class*=language-],
code:not([class*=language-]) code[class*=language-], pre code[class*=language-] {
  background-color: transparent !important;
}

blockquote {
  border-left-color: rgba(0, 0, 0, 0.25) !important;
}

.label.label-secondary {
  color: #661631;
  background-color: rgba(188.0625, 153.0625, 164.875, 0.325);
}

body {
  background-color: #021824;
  color: #bfbfbf;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  color: #bfbfbf;
}
body a:not(:has(.title), :is(.mobile-container a)) {
  color: #661631;
}
body a:not(:has(.title), :is(.mobile-container a)):hover, body a:not(:has(.title), :is(.mobile-container a)):focus, body a:not(:has(.title), :is(.mobile-container a)):active, body a:not(:has(.title), :is(.mobile-container a)):visited {
  color: #CB2D63;
}
body a:not(:has(.title), :is(.mobile-container a)).btn {
  border-color: #661631;
}
body .treemenu li a:is(a, .active, :focus, :hover) {
  color: #CB2D63 !important;
}
body table th {
  background-color: #CB2D63;
  color: white;
}
body table tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.25);
}
body input:focus, body input:focus-visible, body textarea:focus, body textarea:focus-visible, body select:focus, body select:focus-visible {
  border-color: #CB2D63;
  outline: #CB2D63;
  box-shadow: 0 0 0 0.1rem rgba(203, 45, 99, 0.25);
}

.table-responsive table tr {
  border-color: #CB2D63;
}

.accordion-wrapper label, .accordion-wrapper article, .accordion-wrapper input:checked + label {
  border-color: #661631;
}
.accordion-wrapper label:hover {
  color: rgba(223.125, 223.125, 223.125, 0.625);
}
.accordion-wrapper article {
  background: transparent;
}

.tabs-wrapper.ui-theme-lite .tab {
  border-color: #661631;
}
.tabs-wrapper.ui-theme-lite .tabs-nav li:hover {
  background-color: transparent;
}
.tabs-wrapper.ui-theme-lite .tabs-nav li.current a {
  border-color: #CB2D63;
}

* {
  scrollbar-color: #661631 #021824;
}

hr {
  border-color: #661631;
}

#page-wrapper ~ div {
  background-color: #021824 !important;
}

form .form-tabs .tabs-nav a {
  background-color: transparent;
  color: #661631;
  border-color: #661631 !important;
}
form .form-tabs .tabs-nav a.active {
  background-color: #CB2D63;
}
form .form-tabs .tabs-nav a.active span {
  color: white !important;
}
form .form-field input, form .form-field textarea {
  background-color: #112631 !important;
  border-color: #585C62;
}
form .form-field input:focus, form .form-field textarea:focus {
  border-color: #661631;
  box-shadow: 0 0 0 0.1rem rgba(203, 45, 99, 0.25);
}
form .form-field .required {
  color: #661631;
}
form .buttons button.button, form .buttons button.button:is(:hover, :active, :focus) {
  border-color: #CB2D63;
  background-color: transparent;
  color: #CB2D63;
}
form .buttons button.button.btn-primary, form .buttons button.button:is(:hover, :active, :focus).btn-primary {
  background-color: #CB2D63;
  color: white;
}

@font-face {
  font-family: "Kapakana";
  src: url("../fonts/Kapakana.ttf") format("truetype");
}
#header .navbar .logo .title, .mobile-container .mobile-logo .title {
  font-family: "Kapakana", sans-serif;
  color: #CB2D63;
  font-size: 3rem !important;
  font-weight: lighter;
  margin-top: 0.3rem;
}

section.hero {
  height: 75vh;
}
section.hero h1 {
  font-family: "Kapakana", sans-serif;
  font-size: 10rem;
}

/*# sourceMappingURL=custom.css.map */