@charset "UTF-8";
header #mainHeaderWrapper,
header #headerTopBar.clFixed{
  background-color:#414042;
  color:white;
}
.clBarBackground{
  background-color:#4f4e4f;
  color:white;
}
header #mainHeaderWrapper #mainHeaderLeft #logo{
  margin-top:1rem;
}
header #mainHeaderWrapper #mainHeaderRight #icons #userIcon{
  fill:white;
}
header #mainHeaderWrapper #mainHeaderRight #icons div.userOptionsMenu .userLogin{
  background-color:Gray;
}
header #mainHeaderWrapper #mainHeaderRight #icons div.userOptionsMenu .userLogin:hover{
  background-color:Silver;
}
header #mainHeaderWrapper #mainHeaderRight #icons div.userOptionsMenu ul li:hover{
  color:Gray;
}
header #headerItemsMenu{
  background-color:#efeae5;
}
footer #footerSignIn #footerSignInText{
  color:white;
}
/* -- Mobile Devices -------------------------------------------------------- */
@media only screen 
  and (min-width:320px) 
  and (max-width:1024px){
  header #mainHeaderWrapper #mainHeaderLeft #logo{
    margin:0;
  }
  header #mainHeaderWrapper #mainHeaderRight,
  header #mainHeaderWrapper #mainHeaderRight #icons div.userOptionsMenu{
    margin-top:0;
  }
  header #mainHeaderWrapper #mainHeaderRight #icons #userIcon{
    fill:#414141;
  }
  footer #footerSignIn{
    background-repeat:repeat;
  }
}