/* --- SHOP FORM ----------------------------- */

/* --- Table --- */

table.shopTable{
    background-color: #eee;  
  }
  
  table.shopTable thead{
    background-color: #ccc;
  }
  
  table.shopTable thead tr th{  
    border: none;
  }

  table.shopTable thead tr th:nth-child(1){  
    width: 25%;
  }

  table.shopTable thead tr th:nth-child(2){  
    width: 25%;
  }

  table.shopTable thead tr th:nth-child(3){  
    width: 15%;
  }

  table.shopTable thead tr th:nth-child(4){  
    width: 15%;
  }

  table.shopTable thead tr th:nth-child(5){  
    width: 10%;
  }

  table.shopTable thead tr th:nth-child(6){  
    width: 10%;
  }
  
table.shopTable tr td,
table.shopTable tr th
  {
    border-color:#825e24;
  }
  
table.shopTable img{
  max-width: 300px;
}


table tbody tr td:last-child span{
    color: #3c2b11;
    font-size: 16px;
    cursor: pointer;
    display: block;
    background-color: #eedec3;
    text-align: center;
    padding: 5px;
    border-radius: 20px;
    max-width: 70px;
}

table tbody tr td:last-child span:hover{
    background-color: #e3c89b;
    border-radius: 10px;
}

table.shopTable tr td.tableType {
    font-weight: bold;
  }
  
table.shopTable tr td.tableWeight {
    font-style: italic;
  }
  



/* --- Misc --- */  
  
h4.shopCategory {
    cursor: pointer;
  }

ul.scroller
{
    list-style-type: none;
}

[aria-expanded="true"] .fa-chevron-circle-left, 
[aria-expanded="false"] .fa-chevron-circle-down {
    display:none;
}



/* --- Navigation --- */  

nav.shoppingBar {

  box-shadow: none !important;
}

nav.shoppingBar ul.scroller li:nth-child(1) {
     margin-bottom: 20px;
}


nav.shoppingBar ul.scroller li:nth-child(1) a {
    background: #e3c89b;
    margin-bottom: 20px;
}

nav.shoppingBar ul.scroller li:nth-child(2) a {
    background: #d8b273;
}

nav.shoppingBar ul.scroller li:nth-child(3) a {
    background: #cd9b4b;
}

nav.shoppingBar ul.scroller li:nth-child(4) a {
    background: #b48232;
}

nav.shoppingBar ul.scroller li:nth-child(5) a {
    background: #8c6527;
}

nav.shoppingBar ul.scroller li:nth-child(6) a {
  background: #64481c;
}


nav.shoppingBar li a i {
  position: absolute;
  top: 10px;
  left: 16px;
  font-size: 25px;
}




/* --- Animation --- */ 


@keyframes pulseScale {
    0% {
     transform: scale(1, 1);
    }

    50% {
     transform: scale(1.4, 1.4);   
    }

    100% {
    transform: scale(1, 1);
    }
}

.pulseShoppingCart {
    animation: pulseScale 0.75s ease-out 1;
}

@keyframes colorPulse {
    0% {     
        transform: scale(1, 1);
     background-color: #e3c89b;
    }

    50% {     
        transform: scale(1.4, 1.4);
     background-color: #b48232;
    }

    100% {
        transform: scale(1, 1);
    background-color: #e3c89b;
    }
}

.pulseColor {
    animation: colorPulse 0.75s ease-out 1;
}