/***********************************************************/
/************************ R+J ************************/
/***********************************************************/



:root {
    --rj-darkyellow: #fecc0b;
    --rj-darkgray: #6e716e;
    --rj-black: #000000;
}
.label {
  color:#000000;
}
.page-header {
   margin: 0px 0 20px;
}
.page-header .panel {
   background-color: transparent;
}
.page-header .panel.wrapper {
   background-color: var(--rj-darkyellow);
   color:#000000;
   border:none; 
   border-radius:0;
   max-width:100%;
}
.page-header .switcher {
  float:left;
}
.page-header .switcher .options ul.dropdown {
    min-width: 120px;
}
.navigation {
  text-align: center;
}
@media (min-width: 768px) {
  .navigation .level0.active>.level-top, .navigation .level0.has-active>.level-top {
    border-color: var(--rj-darkyellow);
  }
}
.header.panel>.header.links>li>a {
    color: #000000;
    text-decoration: none;
}
.header.panel>.header.links>li>a:visited {
    color: #000000;
    text-decoration: none;
}

.logo {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
 }
 .navigation .nav.item {
   margin: 0 10px 0 0;
   display: inline-block;
   position: relative;
   color:#575757;
   text-decoration: none;
 }
 a.ui-corner-all { 
   color:#575757; 
   text-decoration: none;
 }
  a.ui-corner-all:hover { 
   color:#575757; 
   text-decoration: none;
 }
 .action.primary {
    background: #000000;
    border: 1px solid #000000;
}
.action.primary:hover {
    background: var(--rj-darkyellow);
    border: 1px solid var(--rj-darkyellow);
    color: #000000;
}
.form.contact .action.primary:hover {
    background: var(--rj-darkyellow);
    border: 1px solid var(--rj-darkyellow);
    color: #000000;
}

/******** HOME PAGE *******************/
/**************************************/
a.hashtag {
   color: var(--rj-darkyellow);
}
.instagramfeed {
   float:right;
   width:200px;
   padding-right:20px;
}
.instagramfeedmobile {
   float:right;
   width:180px;
   padding-right:20px;
}
 /******* CREATE ACCOUNT PAGE *************/
 /****************************************/
 .form.create.account.form-create-account .action.primary, .form.contact .action.primary{
    background: #000000;
    border: 1px solid #000000;
 }

/********* CATEGORY PAGE *******************/
/*******************************************/
.catalog-category-view .product-item-inner
{
  display:none!important;
}
.catalog-category-view .stock.available {
  display:none;
}

/******** PRODUCT DETAIL PAGE *************/
/******************************************/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, 
.table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  border-top:0;
}
.additional-attributes tr {
  border-bottom:1px solid #ddd;
}
.additional-attributes tr:nth-child(even) {
  background-color: #f2f2f2;
}

/******** FOOTER STYLES ******************/
.action.toggle.switcher-trigger {
  display:none!important;
}
.page-footer {
    background: #f7f7f7 !important;
    color:#ffffff;
}
.footer.content a,.footer.content a:link,.footer.content a:visited,.footer.content .alink:visited {
  color:#ffffff;
}
.footer.content a:hover {
 color:var(--rj-darkyellow);
}
.footer.content input[type="text"],.footer.content input[type="email"] {
 height: 35.7px;
}
.footer.content .action.primary {
  background: var(--rj-darkyellow);
  border: 1px solid var(--rj-darkyellow);
  color:#000000;
}
.footersocialicons a, a:hover { 
  text-decoration:none; 
}
.footer.content ul.footersocialicons li {
  float: left;
  padding-right: 15px;
}
.footer.content .fa {
  font-size:30px;
}
@media (min-width: 768px) {
  .footer.content .block {
    float: none;
  }
  .block.newsletter {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .quicklinksmobilespacing
  {
    clear: both;
    padding-top: 20px;
  }
}