.btn-primary {
    color: rgb(255,255,255);
    background-color: #D49060;
    border-color: rgba(28,110,212,0)
}

.btn-secondary {
    color: rgb(255,255,255);
    background-color: #1A3540;
    border-color: rgba(28,110,212,0)
}

.btn-outline-primary {
    color: #D49060;
    border-color: #D49060
}

.btn-outline-secondary {
    color: #1A3540;
    border-color: #1A3540
}

.btn-success {
    color: rgb(255,255,255);
    background-color: #D49060;
    border-color: rgba(28,110,212,0)
}

.btn-primary:hover {
    color: rgb(255,255,255);
    background-color: #BE8156;
    border-color: #1963BE;
}

.btn-secondary:hover {
    color: rgb(255,255,255);
    background-color: #172F39;
    border-color: #E53F02;
}

.btn-outline-primary:hover {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #BE8156;
}

.btn-outline-secondary:hover {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #172F39;
}

.btn-success:hover {
    color: rgb(255,255,255);
    background-color: #BE8156;
    border-color: #1963BE;
}

/* Disabled — Bootstrap's .btn-*:disabled reverts to its default blue/green;
   keep the brand colours (Bootstrap's own opacity still fades the button). */
.btn-primary:disabled,
.btn-primary.disabled,
.btn-success:disabled,
.btn-success.disabled {
    color: rgb(255,255,255);
    background-color: #D49060;
    border-color: rgba(28,110,212,0);
}

.btn-secondary:disabled,
.btn-secondary.disabled {
    color: rgb(255,255,255);
    background-color: #1A3540;
    border-color: rgba(28,110,212,0);
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    color: #D49060;
    border-color: #D49060;
}

.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
    color: #1A3540;
    border-color: #1A3540;
}

/* Active / pressed — Bootstrap reverts these to its default blue/green too. */
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
    color: rgb(255,255,255);
    background-color: #BE8156;
    border-color: #1963BE;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
    color: rgb(255,255,255);
    background-color: #172F39;
    border-color: #E53F02;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #BE8156;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #172F39;
}

/* Focus ring in the brand colour instead of Bootstrap's blue glow. */
.btn-primary:focus,
.btn-primary.focus,
.btn-success:focus,
.btn-success.focus,
.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, #1A3540 50%, transparent);
}

.btn-secondary:focus,
.btn-secondary.focus,
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, #1A3540 50%, transparent);
}

.SocialHeader {
    background-color: #F2EBE0;
}

.SocialFooter {
    background-color: #D49060;
}

.card {
    background-color: rgb(255,255,255);
}

.SocialContent {
    color: #2A2A28;
}

.text-muted,
.text-secondary {
    color: #2A2A28 !important;
    opacity: 0.75; 
}

a.text-muted,
a.text-secondary {
    color: #2A2A28 !important;
    opacity: 1;
}

a,
a.text-primary,
a.text-success,
a.text-info,
a.text-warning,
a.text-danger,
.btn-link {
    color: #007bff;
}

html, body {
    font-family: Public Sans;
    color: #2A2A28;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Sora;
}

.SocialContent, .Login-content {
    background-color: #F2EBE0;
}

:root {
    --portal-body-bg: #F2EBE0;
}

.MobileNavigation .modal-dialog,
.MobileNavigation .modal-content {
    background-color: transparent !important;
}

.MobileNavigation {
    background-color: #F2EBE0;
}

.Content-container {
    background-color: #F2EBE0;
}

.HeaderIconColor {
    color: rgb(141,66,14);
}

.navbar-toggler-icon.HeaderIconColor {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb%28141%2C66%2C14%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.SocialNavigation-login {
    color: rgb(141,66,14);
}

.HeaderIconColorSearchBtn {
    color: rgb(141,66,14);
}
.page-link {
    color: #007bff;
}
.form-check-input:checked {
    background-color: #1A3540 !important;
    border-color: #1A3540 !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #1A3540 !important;
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, #1A3540 25%, transparent);
}

.SocialContent-menu > .list-group > a.active,
.SocialContent-menu > .list-group > a.active:hover,
.SocialContent-menu > .list-group > a.active:focus,
.SocialContent-menu > .list-group > a:hover,
.SocialContent-menu > .list-group > a:focus,
.SocialContent-menu .list-group-item.active,
.SocialContent-menu .list-group-item.active:hover,
.SocialContent-menu .list-group-item.active:focus,
.SocialNavigationMobile .list-group-item.active,
.SocialNavigationMobile .list-group-item.active:hover,
.SocialNavigationMobile .list-group-item.active:focus,
.SocialNavigationMobile .list-group-item:hover,
.SocialNavigationMobile .list-group-item:focus,
.MobileNavigation .list-group-item.active,
.MobileNavigation .list-group-item.active:hover,
.MobileNavigation .list-group-item.active:focus,
.MobileNavigation .list-group-item:hover,
.MobileNavigation .list-group-item:focus {
    color: #ffffff !important;
    background-color: #1A3540 !important;
    border-color: #1A3540 !important;
    text-decoration: none !important;
}

.SocialContent-menu > .list-group > a.active > .fa,
.SocialContent-menu > .list-group > a.active:hover > .fa,
.SocialContent-menu > .list-group > a.active:focus > .fa,
.SocialContent-menu > .list-group > a:hover > .fa,
.SocialContent-menu > .list-group > a:focus > .fa,
.SocialContent-menu .list-group-item.active .fa,
.SocialContent-menu .list-group-item.active:hover .fa,
.SocialContent-menu .list-group-item.active:focus .fa,
.SocialNavigationMobile .list-group-item.active .fa,
.SocialNavigationMobile .list-group-item.active:hover .fa,
.SocialNavigationMobile .list-group-item.active:focus .fa,
.SocialNavigationMobile .list-group-item:hover .fa,
.SocialNavigationMobile .list-group-item:focus .fa,
.MobileNavigation .list-group-item.active .fa,
.MobileNavigation .list-group-item.active:hover .fa,
.MobileNavigation .list-group-item.active:focus .fa,
.MobileNavigation .list-group-item:hover .fa,
.MobileNavigation .list-group-item:focus .fa {
    color: inherit !important;
}
    @font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwAs572Xtc6ZYQws9YVwnNDZpDyNjGolS673tpRgQct.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwAs572Xtc6ZYQws9YVwnNDZpDyNjGolS673trRgAct.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwAs572Xtc6ZYQws9YVwnNDZpDyNjGolS673toPgAct.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwAs572Xtc6ZYQws9YVwnNDZpDyNjGolS673tpRgAct.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwAs572Xtc6ZYQws9YVwnNDZpDyNjGolS673tpjgAct.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwAs572Xtc6ZYQws9YVwnNDZpDyNjGolS673tqPhwct.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwAs572Xtc6ZYQws9YVwnNDZpDyNjGolS673tq2hwct.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwAs572Xtc6ZYQws9YVwnNDZpDyNjGolS673trRhwct.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwAs572Xtc6ZYQws9YVwnNDZpDyNjGolS673tr4hwct.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymuFpi5ww.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymulpm5ww.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymuSJm5ww.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymuFpm5ww.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymuJJm5ww.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymuyJ65ww.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymu8Z65ww.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymulp65ww.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymuv565ww.ttf) format('truetype');
}