:root {
  --blue: #004b87;
  --lightblue: #e8f4ff;
  --yellow: #ffcd00;
  --yellowhover: #f0c300;
  --orange: #ed694b;
  --black: #000000;
  --white: #ffffff;
}

#logo {
  background-position: 16px 3px;
  background-size: 49%;
  background-image: url("../CustomerFiles/Images/SVFloggo_2021.png");
  height: 100px;
}

#logo:hover {
}

.navbar-brand {
  min-height: 100px;
}

.navbar {
  box-shadow: 0 0px 8px -1px #000;
  -webkit-box-shadow: 0 0px 8px -1px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: 0 0px 8px -1px rgba(0, 0, 0, 0.75);
  box-shadow: 0 0px 8px -1px rgba(0, 0, 0, 0.75);
}

#sidebar-wrapper {
  box-shadow: 1px 4px 5px -1px #000;
  -webkit-box-shadow: 1px 4px 5px -1px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: 1px 4px 5px -1px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 4px 5px -1px rgba(0, 0, 0, 0.75);
  margin-top: 100px;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(14,118,183, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/></svg>");
}

.navbar-toggler,
.navbar-toggler:hover {
  background-color: #fff !important;
}

.sidebar-nav-admin {
  bottom: 100px;
}

.lifted-corners-card {
  background-color: #fff;
}

body {
  color: #555;
  font-family: Sans-serif !important;
  padding-top: 100px;
}

.background-color {
  background-color: #fff !important;
}

a {
  color: #0e76b7;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #0e76b7;
  text-decoration: none;
}

.button-color {
  background-color: #0e76b7;
  border: 1px solid #0e76b7;
  color: #fff;
}

.button-color:hover {
  background-color: #0e76b7;
  border: 1px solid #0e76b7;
  color: #fff;
}

.unpaid-button-color {
  background-color: #c00418;
  color: #fff;
}

.second-button-color {
  background-color: #fff;
  border: 1px solid #0e76b7;
  color: #0e76b7;
}

.second-button-color:hover {
  background-color: #fff;
  border: 1px solid #0e76b7;
  color: #0e76b7;
}

.third-button-color {
  background-color: #efefef;
  border: 1px solid #e7e7e7;
  color: #333;
}

.third-button-color:hover {
  background-color: #efefef;
  border: 1px solid #efefef;
  color: #555;
}

.accept-color {
  background-color: #0e76b7;
  color: #fff !important;
}

.accept-color:hover {
  background-color: #0e76b7;
  color: #fff !important;
}

.cancel-color {
  background-color: #efefef;
  border: 1px solid #efefef;
  color: #555;
}

.cancel-color:hover {
  background-color: #efefef;
  color: #555;
}

.navbar,
.navbar-collapse {
  background-color: #fff !important;
}

.top-menu-button {
  background-color: #fff !important;
}

.top-menu-button:hover {
  background-color: #fff !important;
}

.top-menu-button-icon-bar {
  background-color: #0e76b7 !important;
}

.top-menu-button:hover > .top-menu-button-icon-bar {
  background-color: #0e76b7 !important;
}

.sidebar-color {
  background-color: #fff !important;
}

.nav-button-color:hover {
  background-color: #fff !important;
  color: #0e76b7 !important;
}

.nav-button-text-color {
  color: #0e76b7 !important;
}

.nav-button-text-color:hover {
  color: #0e76b7 !important;
}

.sidebar-button-color {
  background-color: #fff !important;
}

.sidebar-button-color:hover {
  background-color: #fff !important;
  color: var(--yellow) !important;
}

.sidebar-button-text-color {
  color: #555 !important;
  font-size: 15px !important;
  font-family: Sans-serif !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

li.collapse-toggle.position-relative.sidebar-button-color.sidebar-button-text-color:hover,
a.sidebar-button-text-color:hover {
  color: var(--yellow) !important;
  font-size: 15px !important;
  font-family: Sans-serif !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

.sidebar-button-text-color:hover {
  color: var(--yellow) !important;
  font-size: 15px !important;
  font-family: Sans-serif !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

.sub-items {
  background-color: var(--white) !important;
  font-size: 15px !important;
  font-family: Sans-serif !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

.sub-items:hover {
  background-color: var(--white) !important;
  font-size: 15px !important;
  font-family: Sans-serif !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  color: var(--yellow) !important;
}

.sidebar-subitem-color:hover {
  background-color: #efefef !important;
  color: var(--yellow) !important;
  font-size: 15px !important;
  font-family: Sans-serif !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

.sidebar-subitem-text-color {
  color: rgba(0, 0, 0, 0.7) !important;
  text-indent: 30px;
  font-size: 10px !important;
  font-family: Sans-serif !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}
.sidebar-subitem-text-color:hover {
  color: var(--yellow) !important;
  text-indent: 30px;
  font-size: 10px !important;
  font-family: Sans-serif !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  background-color: #7895b4 !important;
}

.open-page,
.open-page:hover {
  background-color: #0e76b7 !important;
  border-color: #0e76b7 !important;
  color: var(--yellow) !important;
  font-size: 15px !important;
  font-family: Sans-serif !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

.open-page > a,
.open-page > a:hover {
  color: var(--yellow) !important;
  font-size: 10px !important;
  font-family: Sans-serif !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

.ui-spinner-button {
  background-color: #0e76b7;
  color: #fff !important;
}

.ui-spinner-button:hover {
  background-color: #0e76b7;
  color: #fff !important;
}

.link-on-background {
  color: #0e76b7 !important;
  text-decoration: none;
}

.link-on-background:hover,
.link-on-background:focus {
  color: #0e76b7 !important;
  text-decoration: underline;
}

.link-on-card {
  color: #0e76b7 !important;
  text-decoration: none;
  cursor: pointer;
}

.link-on-card:hover,
.link-on-card:focus {
  color: #0e76b7 !important;
  text-decoration: underline;
}

.text-on-background {
  color: #555;
}

.alreadyParticipating {
  background-color: green;
  color: #ffffff !important;
}

.alreadyParticipating:hover {
  background-color: green !important;
  color: #ffffff !important;
}

.cancelledParticipation,
.waitingParticipant {
  background-color: darkgray !important;
  color: #fff !important;
}

.cancelledParticipation:hover,
.waitingParticipant:hover {
  background-color: darkgray !important;
  color: #fff !important;
}

.section-headline {
  background-color: #fff;
  color: #0e76b7;
  text-align: left;
  font-size: 20px;
  font-weight: 600;
}

.section-headline2 {
  background-color: #fff;
  color: #0e76b7 !important;
  text-align: left;
  font-size: 20px;
  font-weight: 600;
}

.section-headline3 {
  background-color: #fff;
  color: #0e76b7;
  text-align: left;
  font-size: 20px;
  font-weight: 600;
}

.breadcrumb-color {
  background-color: #0e76b7;
}

.breadcrumb-text-color {
  color: #fff;
}

.breadcrumb-text-color:hover,
.breadcrumb-text-color:focus {
  color: #fff;
}

.clickableBreadCrumb > .breadcrumb-text-color:hover {
  color: #fff !important;
  cursor: pointer;
  text-decoration: none;
}

.breadcrumb-bottom-color {
  border-bottom: 5px solid #fff;
}

.loading {
  width: 20px;
  height: 20px;
  right: -22px;
  background-image: url("../CustomerFiles/Images/ajax-loader.gif");
}

.big-loading {
  width: 50px;
  height: 50px;
  background-image: url("../CustomerFiles/Images/ajax-loader2.gif");
}

.membershipCategoryCard .small-padding-card {
  border: none;
}

.membershipCategoryCard {
  padding: 15px;
}

#membershipsContainer > .small-padding-card {
  border: none;
}

#menu-toggle {
  color: #0e76b7;
}

div.show-event-info-button.button.second-button-color {
  background-color: var(--lightblue) !important;
  color: var(--yellowhover) !important;
  border-radius: 25px !important;
}
div.show-event-info-button.button.second-button-color:hover {
  background-color: var(--lightblue) !important;
  color: var(--orange) !important;
  border-radius: 25px !important;
}

div.row div.col-12.col-md-9.col-centered div.lifted-corners-card h3 {
  color: var(--blue) !important;
  background-color: var(--white) !important;
  font-family: Sans-serif !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

/* NAVBAR AND HOVER */

a.Page_FrontPage.nav-link.nav-button-text-color,
a.Page_BuyMembership.nav-link.nav-button-text-color,
a.Page_ComingEvents.nav-link.nav-button-text-color,
a.Page_About.nav-link.nav-button-text-color,
a.Page_Contact.nav-link.nav-button-text-color,
a.Page_Donate.nav-link.nav-button-text-color,
a#loginLink.Page_Login.username-button.nav-link.nav-button-text-color {
  color: var(--blue) !important;
  background-color: var(--white) !important;
  font-family: Sans-serif !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}
a.Page_FrontPage.nav-link.nav-button-text-color:hover,
a.Page_BuyMembership.nav-link.nav-button-text-color:hover,
a.Page_ComingEvents.nav-link.nav-button-text-color:hover,
a.Page_About.nav-link.nav-button-text-color:hover,
a.Page_Contact.nav-link.nav-button-text-color:hover,
a.Page_Donate.nav-link.nav-button-text-color:hover,
a#loginLink.Page_Login.username-button.nav-link.nav-button-text-color:hover {
  color: var(--yellow) !important;
  background-color: var(--white) !important;
  font-family: Sans-serif !important;
}
a.Page_FrontPage.nav-link.nav-button-text-color.open-page,
a.Page_BuyMembership.nav-link.nav-button-text-color.open-page,
a.Page_ComingEvents.nav-link.nav-button-text-color.open-page,
a.Page_About.nav-link.nav-button-text-color.open-page,
a.Page_Contact.nav-link.nav-button-text-color.open-page,
a.Page_Donate.nav-link.nav-button-text-color.open-page,
a#loginLink.Page_Login.username-button.nav-link.nav-button-text-color.open-page {
  color: var(--yellow) !important;
  background-color: var(--white) !important;
  font-style: italic !important;
  font-family: Sans-serif !important;
}
/* END OF NAVBAR AND HOVER */

/* BUTTONS COLOR AND HOVER */
div.col-12.button.button-color.membershipItemSelectButton.transactions,
div.col-12.button.button-color.membershipItemSelectButton.subscriptionDefinition.ms-subItem.deactivated,
div.col-12.button.button-color.membershipItemSelectButton.subscriptionDefinition.ms-subItem,
div.addFamilyButton.col-12.button.accept-color.col-centered,
div.finishButton.col-6.col-sm-3.button.accept-color,
a.button.button-color.col-12.col-sm-4,
div.col-12.approve-consent.button.accept-color,
div.col-12.decline-consent.button.cancel-color.float-start,
div.col-12.button.accept-color,
div.col-12.button.cancel-color.approve-consent,
a.button.button-color.col-12.col-sm-10.col-md-8.col-lg-6.col-centered,
div.row.show-myparticipation-button.button.button-color,
div.row.show-myparticipation-button.button.second-button-color,
div#saveEmploymentButton.col-4.col-md-3.button.button-color,
div#submitPasswordForm.button.accept-color,
div#save-person.col-4.col-md-3.button.accept-color,
a.button.button-color.float-end,
div#btnCreateCase.col-6.offset-6.col-sm-3.offset-sm-9.button.button-color,
div.col-6.col-sm-4.col-md-3.button.accept-color.fetch-membership-category,
a.col-12.button.button-color,
div.search-boardmember.col-4.col-md-3.button.button-color,
div.button.button-inline-with-form-control.button-color.closeBoardMembershipConfirmButton,
div.col-4.col-md-3.saveNewBoardMembership.button.accept-color,
button.next-step.col-3.float-end.accept-color.button.box-shadow-1,
a.col-12.offset-sm-4.col-sm-4.button.accept-color,
div.col-4.col-md-3.save-address.primary.button.accept-color,
div.show-event-info-button.button.button-color,
div.col-6.col-sm-4.button.accept-color.btn-add-another-service,
div#membersite-popup-with-overlay.membersite-overlay-popup.card.p-4
  input.button.button-color.mt-2,
div.col-4.col-md-3.save-person-address.primary.button.accept-color,
div#save-person-contact.save-person.col-4.col-md-3.button.accept-color,
div.registerMemberButton.button.button-color.col-12.col-sm-4.col-md-3.col-lg-2.float-end,
div#addEventCrewButton.button.button-color,
div#saveArrangement.col-6.offset-6.col-sm-3.offset-sm-9.button.button-color {
  background-color: var(--blue) !important;
  color: var(--white) !important;
  border-radius: 25px !important;
  font-family: Sans-serif !important;
}
div.col-12.button.button-color.membershipItemSelectButton.transactions:hover,
div.col-12.button.button-color.membershipItemSelectButton.subscriptionDefinition.ms-subItem.deactivated:hover,
div.col-12.button.button-color.membershipItemSelectButton.subscriptionDefinition.ms-subItem:hover,
div.addFamilyButton.col-12.button.accept-color.col-centered:hover,
div.finishButton.col-6.col-sm-3.button.accept-color:hover,
a.button.button-color.col-12.col-sm-4:hover,
div.col-12.approve-consent.button.accept-color:hover,
div.col-12.decline-consent.button.cancel-color.float-start:hover,
div.col-12.button.accept-color:hover,
div.col-12.button.cancel-color.approve-consent:hover,
a.button.button-color.col-12.col-sm-10.col-md-8.col-lg-6.col-centered:hover,
div.row.show-myparticipation-button.button.button-color:hover,
div.row.show-myparticipation-button.button.second-button-color:hover,
div#saveEmploymentButton.col-4.col-md-3.button.button-color:hover,
div#submitPasswordForm.button.accept-color:hover,
div#save-person.col-4.col-md-3.button.accept-color:hover,
a.button.button-color.float-end:hover,
div#btnCreateCase.col-6.offset-6.col-sm-3.offset-sm-9.button.button-color:hover,
div.col-6.col-sm-4.col-md-3.button.accept-color.fetch-membership-category:hover,
a.col-12.button.button-color:hover,
div.search-boardmember.col-4.col-md-3.button.button-color:hover,
div.button.button-inline-with-form-control.button-color.closeBoardMembershipConfirmButton:hover,
div.col-4.col-md-3.saveNewBoardMembership.button.accept-color:hover,
button.next-step.col-3.float-end.accept-color.button.box-shadow-1:hover,
a.col-12.offset-sm-4.col-sm-4.button.accept-color:hover,
div.show-event-info-button.button.button-color:hover,
div.col-6.col-sm-4.button.accept-color.btn-add-another-service:hover,
div#membersite-popup-with-overlay.membersite-overlay-popup.card.p-4
  input.button.button-color.mt-2:hover,
div.col-4.col-md-3.save-person-address.primary.button.accept-color:hover,
div#save-person-contact.save-person.col-4.col-md-3.button.accept-color:hover,
div.col-4.col-md-3.save-address.primary.button.accept-color:hover,
div.registerMemberButton.button.button-color.col-12.col-sm-4.col-md-3.col-lg-2.float-end:hover,
div#addEventCrewButton.button.button-color:hover,
div#saveArrangement.col-6.offset-6.col-sm-3.offset-sm-9.button.button-color:hover {
  background-color: var(--blue) !important;
  color: var(--yellowhover) !important;
  border-color: var(--blue) !important;
  border-radius: 25px !important;
  font-family: Sans-serif !important;
}
/* END OF BUTTONS COLOR AND HOVER */

/* DISAGREE BUTTON COLOR */
div.col-12.button.membershipItemSelectButton.transactions.selected-membership-item.cancel-color,
div.col-12.button.membershipItemSelectButton.subscriptionDefinition.ms-subItem.selected-membership-item.cancel-color,
div.col-12.button.cancel-color.consent-declined,
div.col-12.button.cancel-color,
div.col-4.col-md-3.annulsaveNewBoardMembership.button.cancel-color.float-start,
button.col-3.float-start.cancel-color.button.box-shadow-1,
div#annul-edit-person.annul-edit-person.col-4.col-md-3.float-start.button.cancel-color,
div#annul-edit-person-contact.annul-edit-person.col-4.col-md-3.button.cancel-color,
div.col-4.col-md-3.cancel-edit-person-address.button.cancel-color.float-start {
  background-color: #db1821 !important;
  color: #fff !important;
  border-radius: 25px !important;
  font-family: Sans-serif !important;
}
/* END OF DISAGREE BUTTON COLOR */

/* TEXT LINK COLOR*/
h6.text-center.link-on-background a,
a.link-on-background.showHideFullConsent,
a.enable-edit-person.link-on-card,
a#changePasswordButton.link-on-background,
a#addPrimaryAddress.link-on-background,
div.show-qr-code,
a.hide-helptext,
a.float-end.show-helptext,
a.dxeHyperlink_iOS,
td.dxgvCommandColumn_iOS.dxgv.dx-ac span,
div.close-member-button.text-end,
div.enable-edit-person-contact,
span.enable-edit-person-address,
div.col.lifted-corners-card div.col-12 strong,
span.openCreateBoardMembershipFormButton,
div.closeBoardMembership,
div.link-on-background.pointer,
div#MainContent.lifted-corners-card a,
a.right-side-link,
div#moreSearchOptions.col-5.font-size-sm,
a.link-on-card.termsAndConditions,
div.checkbox label a,
div.main-content div.row div.lifted-corners-card p a,
div.main-content div#MainContent.lifted-corners-card h2 span,
div#page-content-wrapper.ps-250
  div.lifted-corners-card
  div.section-headline
  span,
span.filterByCategoryLink.filterByLink,
div.row div.col-7,
a#loginLink.Page_Login.username-button.nav-link.nav-button-text-color,
button#arrangement-info-ShortDescription231tab.nav-link.link-on-card.active,
button#arrangement-info-LongDescription231tab.nav-link.link-on-card.active,
button#arrangement-info-ShortDescription231tab.nav-link.link-on-card,
button#arrangement-info-LongDescription231tab.nav-link.link-on-card,
div.show-qr-code {
  color: #467fbc !important;
  font-family: Sans-serif !important;
}
a.link-on-background.showHideFullConsent:hover,
a.enable-edit-person.link-on-card:hover,
a#changePasswordButton.link-on-background:hover,
a#addPrimaryAddress.link-on-background:hover,
div.show-qr-code:hover,
a.hide-helptext:hover,
a.float-end.show-helptext:hover
a.dxeHyperlink_iOS:hover,
td.dxgvCommandColumn_iOS.dxgv.dx-ac span:hover,
div.close-member-button.text-end:hover,
div.enable-edit-person-contact:hover,
span.enable-edit-person-address:hover,
span.openCreateBoardMembershipFormButton:hover,
div.closeBoardMembership:hover,
div.link-on-background.pointer:hover,
div#MainContent.lifted-corners-card a:hover,
/* span.d-none.d-md-inline-block:hover, */
/* ul.dropdown-menu.dropdown-menu-end.me-4.show div.dropdown-item a.nav-link.nav-button-text-color:hover, */
a.right-side-link:hover,
div#moreSearchOptions.col-5.font-size-sm:hover,
a.link-on-card.termsAndConditions:hover,
div.checkbox label a:hover,
div.main-content div.row div.lifted-corners-card p a:hover,
span.filterByCategoryLink.filterByLink:hover,
h6.text-center.link-on-background a:hover,
div.show-qr-code:hover {
  color: var(--yellowhover) !important;
  text-decoration: underline !important;
  font-family: Sans-serif !important;
}
/* END OF TEXT LINK COLOR*/

/* LOG IN */
span.d-none.d-md-inline-block,
i.bi.bi-person-circle.fs-3.top-menu-button-icon,
ul.dropdown-menu.dropdown-menu-end.me-4.show
  div.dropdown-item
  a.nav-link.nav-button-text-color {
  color: var(--blue) !important;
  font-family: Sans-serif !important;
}

nav.navbar-expand-xl.custom-toggler.top-0.start-0.end-0.fixed-top
  ul.dropdown-menu.dropdown-menu-end.me-4.show
  div.dropdown-item,
nav.navbar-expand-xl.custom-toggler.top-0.start-0.end-0.fixed-top
  ul.dropdown-menu.dropdown-menu-end.me-4.show
  div.dropdown-item
  a.nav-link.nav-button-text-color {
  color: var(--blue) !important;
  background-color: var(--white) !important;
  font-family: Sans-serif !important;
}

nav.navbar-expand-xl.custom-toggler.top-0.start-0.end-0.fixed-top
  ul.dropdown-menu.dropdown-menu-end.me-4.show
  div.dropdown-item
  a.nav-link.nav-button-text-color:hover {
  color: var(--yellowhover) !important;
  background-color: var(--white) !important;
  text-decoration: underline !important;
  font-family: Sans-serif !important;
}
/* END OF LOG IN */

/* SHORT AND LONG DESCRIPTION */

button#arrangement-info-ShortDescription217tab.nav-link.link-on-card.active,
button#arrangement-info-LongDescription217tab.nav-link.link-on-card.active {
  background-color: var(--blue) !important;
  color: var(--white) !important;
  font-family: Sans-serif !important;
}

button#arrangement-info-ShortDescription217tab.nav-link.link-on-card,
button#arrangement-info-LongDescription217tab.nav-link.link-on-card {
  background-color: var(--lightblue) !important;
  color: var(--orange) !important;
  font-family: Sans-serif !important;
}

/* END OF SHORT AND LONG DESCRIPTION */

div.main-content div.no-padding-card {
  border: none !important;
}

/* FOR MEMBERCARE */
a.sidebar-button-text-color,
li.selfservice-sidebar-menu-item.collapse-toggle.sidebar-button-color.sidebar-button-text-color {
  font-size: 15px !important;
}

ul#sidebar-menu-items.nav.flex-grow-1.d-block.overflow-auto
  li#sidebar-menuitem-MyCommunityGroups.selfservice-sidebar-menu-item.sidebar-button-color.Page-MyCommunity
  a.sidebar-button-text-color {
  background-color: var(--blue) !important;
  color: var(--white) !important;
}

li.selfservice-sidebar-menu-item.collapse-toggle.sidebar-button-color.sidebar-button-text-color:hover,
li.selfservice-sidebar-menu-item.collapse-toggle.sidebar-button-color.sidebar-button-text-color.collapsed:hover {
  background-color: var(--lightblue) !important;
  color: var(--yellow) !important;
  font-size: 15px !important;
}

ul.dropdown-menu.dropdown-menu-end.me-4.show
  a.nav-link.nav-button-text-color:hover {
  color: var(--yellowhover) !important;
  text-decoration: underline !important;
}

a.Page_MyOverview.selfservice-navbar-menu-item.nav-link.nav-button-text-color {
  color: var(--blue) !important;
  background-color: var(--white) !important;
  font-family: Sans-serif !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

a.Page_MyOverview.selfservice-navbar-menu-item.nav-link.nav-button-text-color:hover {
  color: var(--yellow) !important;
  background-color: var(--white) !important;
  font-family: Sans-serif !important;
}

div#page-content-wrapper.main.w-100.page.px-1.px-md-4 div.h1.mb-4 {
  color: var(--blue) !important;
  background-color: var(--white) !important;
  font-family: Sans-serif !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}
/* END FOR MEMBERCARE */

/* CHANGES GOD AWFUL BLUE ROUND BUTTON */

button.btn.btn-primary.mobile-menu-button.rounded-circle.border-0.shadow-sm.position-fixed.d-md-none.d-block {
  background-color: var(--lightblue) !important;
  color: var(--yellow);
  border: 1px solid var(--blue) !important;
}

/* END OF CHANGES GOD AWFUL BLUE ROUND BUTTON */

div#membersite-popup-with-overlay.membersite-overlay-popup.card.p-4 {
  background-color: var(--lightblue) !important;
  color: var(--blue) !important;
  border-radius: 25px !important;
  font-family: Sans-serif !important;
}

/* BUTTON AT BOTTOM OF PROFILE SITE */
h6.text-center.link-on-background:hover {
  text-decoration: none !important;
  cursor: default !important;
}
/* END OF BUTTON AT BOTTOM OF PROFILE SITE*/