:root {
    --header-background-color: #000000;
    --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 */
@import url('https://fonts.googleapis.com/css2?family=Saira&display=swap');

@media screen and (min-width: 994px) {
  .siteTitle {
    font-size: 45px;
  }
}

.suggestionListItem.deleted {display:none!important;}

@media screen and (max-width: 994px) {
  .siteTitle {
    font-size: 25px;
  }
}

footer {color:white;}

.singleTitle {color:white;}
div.breadcrumb a {color:#BFBFBF!important;text-transform:uppercase;}
label {color:#BFBFBF;text-transform:uppercase;font-weight:bold;}

body {background-image:url(https://i.imgur.com/euMUQN0.png);background-position: center;background-repeat: no-repeat;background-attachment: fixed;background-color:#000;}

span.label.sLabelMod {visibility:hidden;position:relative;}

span.label.sLabelMod:after{visibility:visible!important;position:absolute;top:0;left:0;content:"DEVELOPER"!important;display:inline-block;color:black;margin-top:6px;font-weight:bold;margin-left:6px;letter-spacing:3px;}

span.label.sLabelMod:after {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid black; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin-right: 0 auto; /* Gives that scrolling effect as the typing happens */
  animation: 
    typing 1s steps(10, end),
    blink-caret 1s step-end infinite;
}

.suggestionListItem .sVotes {font-family: 'Saira', sans-serif;margin-right:5px;}

.label.sLabelUC {visibility: hidden; position: relative;}

.suggestionListItem .sVotes .sLabel.sLabelBlue {
    color:#b0b0b0;
    font-size: 1.3rem;
    letter-spacing: .0rem;
    margin-right:7px;
    margin-top:5px;
}

.suggestionListItem .sVotes .sLabel {
    color: #000;
    display: block;
    font-size: 1.3rem;
    font-weight: bold;
    text-transform:uppercase;
    letter-spacing: .6rem;
    margin-left: 4.5px;
!important
}

a:hover {color: #212121;!important}

.suggestionListItem:hover .sVotes:hover .sLabel:hover {
    color: #212121;
    display: block;
    font-size: 1.3rem;
    font-weight: bold;
    text-transform:uppercase;
!important
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #000;
    border-color: #000;
    font-weight:bold;
!important
}

.pagination>li>a, .pagination>li>span {
    color: #000;
    font-weight:bold;
!important
}

.btn.btn-default.sVotes.text-center.panel {color:#000;!important}

.label.sLabelP {background-color:lightgreen;!important}

.sNumber {color:#000;!important}

.productCustomText {color:#BFBFBF;!important}

button {text-transform:uppercase;font-weight:bold;!important}

.button {text-transform:uppercase;font-weight:bold;!important}

.btn {text-transform:uppercase;font-weight:bold;border-color:white!important;}

#button {text-transform:uppercase;font-weight:bold;!important}

.btn.btn-default.btn-xs.btn-block.dropdown-toggle {font-size:12px;}

.siteTitle {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid #FFF!important; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin-right: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  font-family: 'Saira', sans-serif;
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
    color:white;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: black; }
}

.navbar-text.brandName {display:none;}

.text-center.mainFooter {display:none;}

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

.btn {background-color:#000;!important}

.btn-popular {background-color:#000;!important}

.btn.btn-xs.muted.btn-default.active.orderPopular {background-color:#000;color:#fff;text-transform:uppercase;font-weight:bold;!important}

.btn.btn-success.btn-xs.addNew {background-color:#000;font-weight:bold;!important}

.btn.btn-xs.muted.btn-default.active.orderNew {background-color:#000;text-transform:uppercase;color:#fff;font-weight:bold;!important}

.btn.btn-xs.muted.btn-default.orderNew {color:#000;text-transform:uppercase;font-weight:bold;!important}

.btn.btn-xs.muted.btn-default.orderPopular {color:#000;text-transform:uppercase;font-weight:bold;!important}

.btn.btn-primary.btn-xs {background-color:#000;text-transform:uppercase;color:#fff;font-weight:bold;!important}

.btn.btn-default.btn-xs {color:#000;text-transform:uppercase;font-weight:bold;!important}

.btn.btn-success.addNew {background-color:#000;text-transform:uppercase;color:#fff;font-weight:bold;!important}

</style>