:root {
    --header-background-color: #5C328F;
    --header-foreground-color: #FFFFFF;
}

/* default theme CSS */
:root {
    --body-font-family: 'Open Sans', sans-serif;
    --headings-font-family: 'Open Sans', sans-serif;
    --body-background-color: #F7FAFC;
    --panel-background-color: white;
    --panel-border-color: #E3E8EE;
    /*--panel-color: #15272E;*/
    --background-image: none;
}

:root {
}

/* custom board CSS */
.navbarFUV {
background-color: #FFFFFF;
}

.navbarFUV .navbar-text {
color: #FFFFFF;
}

.navbarFUV .mobile-menu-toggle,
.navbarFUV .navbar-link,
.navbarFUV .dropdown-toggle {
color: #FFFFFF;
}
.navbarFUV span.amount {
border-color: #FFFFFF;
}
/* default theme CSS */


/* custom board CSS */
/* Logo header style */
h1.siteTitle {
  display: block;
  width: 100%; /* Ensure full width */
  height: 214px; /* Set appropriate height for your logo */
  background-image: url('https://i.imgur.com/QMQqyI2.png'); /* Your logo URL */
  background-size: contain; /* Scales the logo to fit */
  background-repeat: no-repeat;
  background-position: center center; /* Center the logo */
  text-indent: -9999px; /* Hides any text */
  padding-top: 0px; /* Adds space above the logo */
  padding-bottom: 10px; /* Adds space below the logo */
  margin-bottom: 10px; /* Adds space between the logo and the body text */
}
body {
  background: url("https://i.imgur.com/n45etEg.jpeg") no-repeat center center fixed;
  background-size: cover;
  margin: 0;
  padding: 0;
  color: #ffffff !important;  /* Default text color for body text */
}


@media screen and (min-width: 1900px) {
  body {
    background-attachment: fixed;
  }
}

.suggestionBody {
    display: flex;
    flex-wrap: wrap;
    padding: 25px;
    z-index: 1;
    position: relative;
}

.sDescription {
    color: #ffffff !important;
}
div.productCustomText {
  color: #ffffff;
}
div.suggestionDescription {
  color: #ffffff;
}
.singleTitle {
  color: #ffffff;
  text-shadow: black 1px 1px;
}

svg.icon {
  color: #ffffff;
}

.productCustomText a {
    color: #e1b3ff !important;
}

.productCustomText a:hover {
    color: #ffffff !important;
}

a {
  color: #ffffff !important;
}

a:hover {
    color: #dab3ff !important
}

.dropdown-menu a {
  color: #2c334d !important;
}

#hits a {
  color: #2c334d !important;
}

.modal-content a {
  color: #2c334d !important;
}

.modal-content {
  color: #2c334d !important;
}

a.btn {
  color: #2c334d !important;
}

.panel {
    background-color: #3c3559 !important; 
    border: none;
}

.productCustomText {
    background-color:  #3c3559 !important;
    border-radius: 4px;
    padding: 10px;
}

.navbar-right  {
    background-color: #3c3559 !important;
    border-radius: 4px;
}


header.navbar {
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
}

div.navbar-header {
  display: none;
}

.suggestionListItem {
   border-bottom: 1px solid #00000;
}

.sLabelUnpin {
    background: #c0cbd8;
}

.sLabelPinThis {
    background: #c0cbd8;
}

.sNumbers .sLabel {
  color: #ffffff !important;
}

.vote-count {
  color: #ffffff !important;
}

.vote-label {
  color: #ffffff !important;
}

.panelTitle {
  color: #ffffff;
}

.suggestionListItem.emptyItem h2 {
    color: #99b5cc;
}