@import url("https://fonts.googleapis.com/css?family=Arapey:400,400i|Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i|Source+Serif+Pro:600,600i");

html {
  font-size: 100%;
}

/* override portalbasictheme.css */

body {
  font-family: var(--bs-body-font-family) !important;
  color: var(--bs-body-color) !important;
}

.logo {
  width: 14rem;
}

h1,
.h1 {
  margin-top: 0 !important;
  margin-bottom: 1.875rem !important;
  color: var(--bs-heading-color) !important;
  font-family: var(--bs-font-sans-serif) !important;
  font-size: calc(1.375rem + 1.5vw) !important;
}

h2,
.h2 {
  margin-top: 0 !important;
  font-family: var(--bs-font-sans-serif) !important;
}

h3,
.h3 {
  margin-top: 0 !important;
  font-family: var(--bs-font-sans-serif) !important;
  color: var(--bs-heading-color) !important;
}

p {
  color: var(--bs-body-color) !important;
  font-family: var(--bs-font-sans-serif) !important;
  font-size: var(--bs-body-font-size) !important;
}

.text-dark {
  color: var(--bs-body-color) !important;
}

a:not(.btn, .nav-link, .dropdown-item),
.a {
  color: var(--bs-link-color) !important;
  font-family: var(--bs-font-sans-serif) !important;
  font-size: var(--bs-body-font-size) !important;
}

a:not(.btn, .nav-link, .dropdown-item, .text-decoration-none),
.a {
  text-decoration: underline !important;
}

a:not(.btn, .nav-link, .dropdown-item):hover {
  color: var(--bs-link-hover-color) !important;
}

.navbar-nav>li>a:not(.btn) {
  padding-top: var(--bs-nav-link-padding-y) !important;
  line-height: var(--bs-body-line-height) !important;
}

.navbar-nav>li>a.btn {
  line-height: var(--bs-btn-line-height) !important;
}

.dropdown-item {
  color: var(--bs-link-color) !important;
  font-family: var(--bs-font-sans-serif) !important;
  font-size: 1.125rem !important;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x) !important;
}

a.dropdown-item:hover {
  text-decoration: none !important;
}

.dropdown-menu>.active>a {
  color: var(--bs-link-color) !important;
  border: none !important;
}

.navbar-collapse.show {
  overflow-y: visible !important;
}

.navbar-toggler:focus {
  border: 1px solid #b21e5e;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width) rgba(178, 30, 94, 0.25);
}

[type=text]::placeholder {
  color: #666 !important;
  opacity: 1;
}

legend {
  color: var(--bs-body-color) !important;
  border-bottom: none !important;
  margin-bottom: 0.5rem !important;
}

input[type=checkbox],
input[type=radio] {
  margin-top: 0.15em !important;
}

.nav-link {
  margin-left: 0 !important;
  color: var(--bs-nav-link-color) !important;
  font-family: var(--bs-font-sans-serif) !important;
  font-size: 1.125rem !important;
}

.btn {
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) !important;
  border-radius: var(--bs-btn-border-radius) !important;
  font-family: var(--bs-btn-font-family) !important;
  font-size: var(--bs-btn-font-size) !important;
  font-weight: var(--bs-btn-font-weight) !important;
}

.btn:focus,
.btn:focus-visible {
  outline: none;
}

.btn-primary {
  color: var(--bs-btn-color) !important;
  background-color: var(--bs-btn-bg) !important;
  border-color: var(--bs-btn-border-color) !important;
}

.btn-primary:hover {
  color: var(--bs-btn-hover-color) !important;
  background-color: var(--bs-btn-hover-bg) !important;
  border-color: var(--bs-btn-hover-border-color) !important;
  /* --bs-btn-focus-shadow-rgb: 159, 18, 57; */
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:focus-visible {
  color: var(--bs-btn-active-color) !important;
  background-color: var(--bs-btn-active-bg) !important;
  border-color: var(--bs-btn-active-border-color) !important;
}

.btn-primary:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow) !important;
}

.btn-outline-primary:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow) !important;
}

.dropdown-menu>li>a {
  color: var(--bs-dropdown-link-color) !important;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  outline: 0;
  --bs-dropdown-link-hover-color: #fff;
  color: var(--bs-dropdown-link-hover-color) !important;
  background: var(--bs-dropdown-link-hover-bg) !important;
}

.navbar-toggler {
  margin: 0 !important;
  background-color: transparent !important;
}

.badge {
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x) !important;
  font-size: var(--bs-badge-font-size) !important;
  float: none !important;
  border-radius: var(--bs-badge-border-radius) !important;
}

.btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
  opacity: var(--bs-btn-close-opacity) !important;
}

.btn-close:hover {
  opacity: var(--bs-btn-close-hover-opacity) !important;
}

.btn-close:focus {
  opacity: var(--bs-btn-close-focus-opacity) !important;
}

.alert-danger {
  --bs-alert-color: #842029;
  --bs-alert-bg: #f8d7da;
  --bs-alert-border-color: #f5c2c7;
  color: var(--bs-alert-color) !important;
  background-color: var(--bs-alert-bg) !important;
  border-color: var(--bs-alert-border-color) !important;
}

/* responsive styles */

@media (min-width: 576px) {
  .logo {
    width: 17rem;
  }
}

@media (min-width: 768px) {

  .h1,
  h1 {
    font-size: 2rem !important;
  }
}

/* customize bootstrap classes and variables */

:root,
[data-bs-theme="light"] {
  /* bootstrap variables */
  --bs-primary-rgb: 178, 28, 94;
  --bs-light-rgb: 245, 245, 245;
  --bs-dark-rgb: 80, 80, 80;
  --bs-link-color: #b21e5e;
  --bs-link-hover-color: #5b0f30;
  --bs-border-color: #d8d8d8;
  --bs-font-sans-serif: "Source Sans Pro", sans-serif;
  --bs-body-color: #505050;
  --bs-heading-color: #491526;
}

.form-control {
  color: #505051 !important;
  border-color: #cacaca !important;
}

.form-control:focus {
  border-color: #b21e5e !important;
  box-shadow: 0 0 0 .25rem rgba(178, 30, 94, .25);
}

.btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-font-family: var(--bs-font-sans-serif);
  --bs-btn-font-size: 1.125rem;
  --bs-btn-border-radius: 0.2rem;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6a0032;
  --bs-btn-border-color: #B21E5E;
  --bs-btn-hover-bg: #9d004a;
  --bs-btn-hover-border-color: #9d004a;
  --bs-btn-active-bg: #9d004a;
  --bs-btn-active-border-color: #9d004a;
  /* --bs-btn-focus-shadow-rgb: 159, 18, 57; */
  /* --bs-btn-focus-shadow-rgb: 106, 0, 50; */
  --bs-btn-focus-shadow-rgb: 178, 30, 94;
}

.btn-outline-primary {
  --bs-btn-color: #6A0032;
  --bs-btn-border-color: #6A0032;
  --bs-btn-hover-bg: #9d004a;
  --bs-btn-hover-border-color: #6A0032;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9d004a;
  --bs-btn-active-border-color: #9d004a;
  /* --bs-btn-focus-shadow-rgb: 159, 18, 57; */
  --bs-btn-focus-shadow-rgb: 178, 30, 94;
}

.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:focus-visible {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-bg);
}

/* directory theme classes */

h1,
.h1 {
  margin-bottom: 1.875rem;
}

label,
legend {
  color: var(--bs-body-color);
  font-size: 1.125rem;
  font-weight: 600;
}

form .btn {
  --bs-btn-padding-x: 3rem;
}

.form-control {
  padding: 0.5rem;
}

.form-text {
  font-size: 1.125rem;
  color: #404040;
}

.form-check-input {
  font-size: 1.125rem;
}

.form-check-input:focus {
  border-color: #b21e5e;
}

.card {
  border-radius: var(--bs-card-border-radius) !important;
}

.card-body {
  color: var(--bs-body-color) !important;
  background-color: transparent !important;
}

.accordion {
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(178, 30, 94, 0.25);
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-active-color: var(--bs-body-color);
}

.accordion-button {
  font-size: 1.125rem;
}

.btn-close {
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(178, 30, 94, 0.5);
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-opacity: 1;
}

.btn-close:focus {
  box-shadow: var(--bs-btn-close-focus-shadow);
}

.directory-form h2 {
  color: #6A0032;
}

.directory-form h3,
.h3 {
  --bs-heading-color: #505050;
  margin-bottom: 0;
  font-weight: 600 !important;
  font-size: 1.125rem !important;
  line-height: inherit !important;
}

.directory-form a:not(.btn) {
  font-size: 1.125rem !important;
}

.licence-type-options .btn {
  --bs-btn-border-width: 2px;
}

.licence-type-options .btn-outline-primary {
  --bs-btn-padding-y: 1.5rem;
  --bs-btn-font-weight: 600;
  --bs-btn-color: #505050;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #d8d8d8;
  --bs-btn-font-size: 1.11875rem;
  --bs-btn-active-color: #505050;
  --bs-btn-active-bg: #fcf1f4;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .25);
}

.list-group {
  --bs-list-group-active-bg: #6A0032;
  --bs-list-group-active-border-color: #6A0032;
}

.directory-form .dropdown-menu {
  --bs-dropdown-font-size: 1.125rem;
  --bs-dropdown-link-active-bg: #6A0032;
}

.directory-form .btn-primary {
  width: auto;
}

.autocomplete {
  position: relative;
  font-size: 1.125rem;
}

.autocomplete-items {
  position: absolute;
  z-index: 99;
  width: 100%;
}

#selectedLanguages .badge {
  --bs-badge-padding-y: 0.5em;
  --bs-badge-font-size: 1.125rem;
  --bs-badge-color: var(--bs-body-color);
}

#selectedLanguages .btn-close {
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(178, 30, 94, 0.5);
  --bs-btn-close-opacity: 0.6;
  margin-left: 0.5em;
  font-size: 1rem !important;
}

.modal-header .btn-close {
  font-size: 1rem !important;
}

.modal-content {
  color: var(--bs-body-color) !important;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color) !important;
}

.invalid-feedback {
  font-size: 1.125rem;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: var(--bs-form-invalid-border-color) !important;
}

.navbar {
  --bs-navbar-padding-y: 0.75rem;
}

.navbar-nav {
  --bs-nav-link-color: #383838;
}

.navbar .nav-link {
  border: 1px solid transparent;
  border-radius: 0.2rem;
}

.navbar .dropdown-menu {
  --bs-dropdown-padding-y: 0;
  --bs-dropdown-item-padding-y: 0.4rem;
}

.navbar-brand {
  padding: 0 !important;
}

.navbar-brand a {
  border: 1px solid transparent;
  border-radius: 0.2rem;
}

.navbar-brand a:focus-visible {
  outline: 0;
  border-color: #b21e5e;
  box-shadow: 0 0 0 0.25rem rgba(178, 30, 94, 0.25);
}

.nav-link:focus-visible {
  outline: none;
  border-color: #b21e5e;
  box-shadow: 0 0 0 0.25rem rgba(178, 30, 94, 0.25);
}

.dropdown-menu {
  --bs-dropdown-link-color: #383838;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-link-hover-bg: #6A0032;
}

a .bi-box-arrow-up-right {
  font-size: 0.75em;
}

[data-bs-toggle="tooltip"] {
  border: 1px solid transparent;
}

[data-bs-toggle="tooltip"]:focus-visible {
  outline: none;
  border-color: #b21e5e;
  box-shadow: 0 0 0 0.25rem rgba(178, 30, 94, 0.25);
}

.tooltip {
  --bs-tooltip-padding-x: 1rem;
  --bs-tooltip-padding-y: 1rem;
  --bs-tooltip-max-width: 400px;
  --bs-tooltip-font-size: 1rem;
  --bs-tooltip-bg: #383838;
}

.content-area p {
  line-height: 1.75
}

.content-section {
  --bs-body-font-size: 1.125rem;
  font-size: 1.125rem;
}

.content-section h2 {
  margin-top: 2rem !important;
  font-size: 1.7rem;
  color: #383838;
  line-height: 1.4;
}

.content-section p {
  line-height: 1.75;
}

footer {
  --bs-body-font-size: 1.125rem;
  --bs-body-color: #fff;
}

footer a {
  --bs-link-color: #fff;
  --bs-link-hover-color: #fff;
}