/* ------------------------------------------------
   The Whisky Exchange
   Designed and Built by The Whisky Exchange
   All Rights Reserved

   Breadcrumb CSS file 

   Content:
   General
   Layout
   Links
   Colours
   ------------------------------------------------ */

/* ------------------------------------------------
   General
   ------------------------------------------------ */
#tweBreadcrumb {
   background: #4d1939;
   font-family: 'Lato', arial, sans-serif;
   font-size: 0.7em;
   text-transform: uppercase;
}
/* ------------------------------------------------
   Layout
   ------------------------------------------------ */
#tweBreadcrumb .breadcrumb-list {
   display: block;
   width: 100%;
   padding: 0 10px;
   overflow: auto;
   white-space: nowrap;
}
#tweBreadcrumb .breadcrumb-list .breadcrumb-item {
   display: inline-block;
   position: relative;
   padding-right: 10px;
   margin-right: 20px;
}
@media (min-width: 980px) {
   #tweBreadcrumb .breadcrumb-list {
      display: block;
      float: left;
      overflow: hidden;
   }
   #tweBreadcrumb .breadcrumb-list .breadcrumb-item {
      display: block;
      float: left;
      position: relative;
      padding-right: 10px;
      margin-right: 20px;
   }   
}
/* Breadcrumb Arrows */
#tweBreadcrumb .breadcrumb-list .breadcrumb-item:after { 
   content: " "; 
   display: block; 
   width: 0; 
   height: 0;
   border-top: 9px solid transparent;
   border-bottom: 9px solid transparent;
   border-left: 5px solid #4d1939;
   position: absolute;
   top: 50%;
   margin-top: -9px; 
   left: 100%;
   z-index: 2; 
}  
#tweBreadcrumb .breadcrumb-list .breadcrumb-item:before { 
   content: " "; 
   display: block; 
   width: 0; 
   height: 0;
   border-top: 9px solid transparent;
   border-bottom: 9px solid transparent;
   border-left: 5px solid #f7f8d9;
   position: absolute;
   top: 50%;
   margin-top: -9px; 
   margin-left: 1px;
   left: 100%;
   z-index: 1; 
}
#tweBreadcrumb .breadcrumb-list .breadcrumb-item:last-of-type:after,
#tweBreadcrumb .breadcrumb-list .breadcrumb-item:last-of-type:before {
   border: 0;
}
/* ------------------------------------------------
   Links
   ------------------------------------------------ */
#tweBreadcrumb .breadcrumb-list .breadcrumb-item .breadcrumb-link {
   display: block;
   width: 100%;
   padding: 15px 0;
   color: #f7f8d9;
}
@media (min-width: 680px) {
   #tweBreadcrumb .breadcrumb-list .breadcrumb-item a.breadcrumb-link:hover {
      color: #ff7010;
   } 
}
/* ------------------------------------------------
   Colours
   ------------------------------------------------ */
/* Background */
.twe-default-header #tweBreadcrumb {
   background: #4d1939;
}
.twe-brown-header #tweBreadcrumb {
   background: #3b0100;
}
.twe-purple-header #tweBreadcrumb {
   background: #3a0029;
}
.twe-green-header #tweBreadcrumb {
   background: #0c3200;
}
/* Arrow */
.twe-default-header #tweBreadcrumb .breadcrumb-list .breadcrumb-item:after {
   border-left: 5px solid #4d1939;  
}
.twe-brown-header #tweBreadcrumb .breadcrumb-list .breadcrumb-item:after {
   border-left: 5px solid #3b0100;  
}
.twe-purple-header #tweBreadcrumb .breadcrumb-list .breadcrumb-item:after {
   border-left: 5px solid #3a0029;  
}
.twe-green-header #tweBreadcrumb .breadcrumb-list .breadcrumb-item:after {
   border-left: 5px solid #0c3200;  
}
/* Text */
.twe-gold-bar #tweBreadcrumb .breadcrumb-list .breadcrumb-item .breadcrumb-link {
   color: #f7f8d9;
}
.twe-silver-bar #tweBreadcrumb .breadcrumb-list .breadcrumb-item .breadcrumb-link {
   color: #ececec;
}