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

   Whats New CSS file 

   Content:
   Layout
   Tabs
   Post Data
   Product List Overrides
   Archive
   ------------------------------------------------ */

/* ------------------------------------------------
   Layout
   ------------------------------------------------ */
#tweWhatsNew .wn-container {
   max-width: 960px;
   margin: 0 auto;
}
#tweWhatsNew .wn-container .wn-post {
   padding-bottom: 30px;
}
@media (min-width: 768px) {
   #tweWhatsNew .wn-content .wn-post-data {
      float: left;
      width: 25%;
   }
   #tweWhatsNew .wn-content .wn-post-products {
      float: left;
      width: 75%;
   }
}
@media (min-width: 980px) {
   #tweWhatsNew .wn-content {
      float: left;
      width: 90%;
   }   
   #tweWhatsNew .wn-archive {
      float: left;
      width: 10%;
   }   
   #tweWhatsNew .wn-content .wn-post-data {
      float: left;
      width: 20%;
   }
   #tweWhatsNew .wn-content .wn-post-products {
      float: left;
      width: 80%;
   }
}
/* ------------------------------------------------
   Tabs
   ------------------------------------------------ */
/* Layout */
#tweWhatsNew .wn-tabs {
   padding-top: 30px;
   background: #f6f6f6;
   margin-bottom: 30px;
}
#tweWhatsNew .wn-tabs .wn-tabs-container {
   max-width: 970px;
   margin: 0 auto;
}
#tweWhatsNew .wn-tabs .wn-tabs-list {
   display: table;
   width: 100%;
   table-layout: fixed;
}
#tweWhatsNew .wn-tabs .wn-tabs-list .wn-tabs-item {
   display: table-cell;
   padding: 0 2px;
}
@media (min-width: 550px) {
   #tweWhatsNew .wn-tabs .wn-tabs-list .wn-tabs-item {
      padding: 0 5px;
   }
}
/* Tabs */
#tweWhatsNew .wn-tabs .wn-tabs-link {
   display: block;
   width: 100%;
   padding: 7px 0 10px;
   border-top: 3px solid #f00;
   font-family: 'Fjalla One', 'Lato', arial, sans-serif;
   font-size: 1.1em;
   text-transform: uppercase;
   text-align: center;
   color: #fff;
}
#tweWhatsNew .wn-tabs .wn-tabs-link.wn-tabs-all {
   border-top: 3px solid #ad463c;
   background: #ad463c;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkNDYzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzhhMzEyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzY3MmQyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzI0MjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #ad463c 0%, #8a312a 52%, #672d26 53%, #332421 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad463c), color-stop(52%,#8a312a), color-stop(53%,#672d26), color-stop(100%,#332421));
   background: -webkit-linear-gradient(top,  #ad463c 0%,#8a312a 52%,#672d26 53%,#332421 100%);
   background: -o-linear-gradient(top,  #ad463c 0%,#8a312a 52%,#672d26 53%,#332421 100%);
   background: -ms-linear-gradient(top,  #ad463c 0%,#8a312a 52%,#672d26 53%,#332421 100%);
   background: linear-gradient(to bottom,  #ad463c 0%,#8a312a 52%,#672d26 53%,#332421 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad463c', endColorstr='#332421',GradientType=0 );
}
#tweWhatsNew .wn-tabs .wn-tabs-link.wn-tabs-whisky {
   border-top: 3px solid #bfaa71;
   background: #bfaa71;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmYWE3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2FkOTA1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzc1NjEzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NTM5MjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #bfaa71 0%, #ad9054 52%, #756138 53%, #453920 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfaa71), color-stop(52%,#ad9054), color-stop(53%,#756138), color-stop(100%,#453920));
   background: -webkit-linear-gradient(top,  #bfaa71 0%,#ad9054 52%,#756138 53%,#453920 100%);
   background: -o-linear-gradient(top,  #bfaa71 0%,#ad9054 52%,#756138 53%,#453920 100%);
   background: -ms-linear-gradient(top,  #bfaa71 0%,#ad9054 52%,#756138 53%,#453920 100%);
   background: linear-gradient(to bottom,  #bfaa71 0%,#ad9054 52%,#756138 53%,#453920 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfaa71', endColorstr='#453920',GradientType=0 );
}
#tweWhatsNew .wn-tabs .wn-tabs-link.wn-tabs-spirits {
   border-top: 3px solid #945392;
   background: #945392;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk0NTM5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzc1M2Q2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzViMzQ0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjI3MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #945392 0%, #753d65 52%, #5b3442 53%, #2f2729 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#945392), color-stop(52%,#753d65), color-stop(53%,#5b3442), color-stop(100%,#2f2729));
   background: -webkit-linear-gradient(top,  #945392 0%,#753d65 52%,#5b3442 53%,#2f2729 100%);
   background: -o-linear-gradient(top,  #945392 0%,#753d65 52%,#5b3442 53%,#2f2729 100%);
   background: -ms-linear-gradient(top,  #945392 0%,#753d65 52%,#5b3442 53%,#2f2729 100%);
   background: linear-gradient(to bottom,  #945392 0%,#753d65 52%,#5b3442 53%,#2f2729 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#945392', endColorstr='#2f2729',GradientType=0 );
}
#tweWhatsNew .wn-tabs .wn-tabs-link.active {
   background: #fff;
   border-top: 3px solid #ff7010;
   color: #ff7010;
}
#tweWhatsNew .wn-tabs .wn-tabs-link:hover {
   color: #ff7010;
}
/* ------------------------------------------------
   Post Data
   ------------------------------------------------ */
#tweWhatsNew .wn-post-data .wn-post-date {
   padding: 10px;
   font-family: 'Fjalla One', 'Lato', arial, sans-serif;
   font-size: 1.3em;
   text-transform: uppercase;
   background: #ff7010;
   color: #fff;
}
#tweWhatsNew .wn-post-data .wn-post-text {
   padding: 10px;
   font-style: italic;
   line-height: 1.6;
}
@media (min-width: 550px) {
   #tweWhatsNew .wn-post-data {
      display: table;
      width: 100%;
      table-layout: fixed;
   }
   #tweWhatsNew .wn-post-data .wn-post-date {
      display: table-cell;
      width: 30%;
      vertical-align: middle;
      text-align: center;
   }
   #tweWhatsNew .wn-post-data .wn-post-text {
      display: table-cell;
      width: 70%;
      border-top: 5px solid #ff7010;
   }
}
@media (min-width: 768px) {
   #tweWhatsNew .wn-post-data {
      display: block;
   }
   #tweWhatsNew .wn-post-data .wn-post-date,
   #tweWhatsNew .wn-post-data .wn-post-text {
      display: block;
      width: auto;
      text-align: right;
   }
   #tweWhatsNew .wn-post-data .wn-post-text {
      border-top: none;
   }
}
@media (min-width: 980px) {
   #tweWhatsNew .wn-post-data .wn-post-text {
      padding: 10px 10px 10px 0;
   }
}
/* ------------------------------------------------
   Product List Overrides
   ------------------------------------------------ */
#tweWhatsNew .wn-content .products-list {
   padding: 0;
   padding-top: 5px;
}
#tweWhatsNew .wn-content .product-list-item {
   padding: 5px;
   padding-top: 0;
}
#tweWhatsNew .wn-content .products-list .action .offer {
   font-size: 1.3em;
}
@media (min-width: 768px) {
   #tweWhatsNew .wn-content .products-list .product .product-image {
       float: left;
       width: 150px;
   }
   #tweWhatsNew .wn-content .products-list .product .product-content {
      margin-left: 150px;
   }
}
@media (min-width: 768px) {
   #tweWhatsNew .wn-content .products-wrapper {
      border-top: 5px solid #ff7010;
   } 
}
@media (min-width: 980px) {
   #tweWhatsNew .wn-content .products-list {
      padding-top: 5px;
   }
   #tweWhatsNew .wn-content .products-list .information {
      width: 65%;
   }
   #tweWhatsNew .wn-content .products-list .action {
      width: 35%;
   }
}
/* ------------------------------------------------
   Archive
   ----------------------------------------------- */
/* Layout */
#tweWhatsNew .wn-archive {
   padding: 0 10px 20px;
}
#tweWhatsNew .wn-archive .wn-archive-years,
#tweWhatsNew .wn-archive .wn-archive-years>li,
#tweWhatsNew .wn-archive .wn-archive-months,
#tweWhatsNew .wn-archive .wn-archive-months>li {
   float: left;
   display: block;
   width: 100%;
}
#tweWhatsNew .wn-archive .wn-archive-years>li {
   margin-bottom: 10px;
}
#tweWhatsNew .wn-archive .wn-archive-months {
   display: none;
   padding-left: 10px;
}
#tweWhatsNew .wn-archive .wn-archive-months.active {
   display: block;
}
#tweWhatsNew .wn-archive .wn-archive-months>li {
   width: 33.3333%;
}
@media (min-width: 500px) {
   #tweWhatsNew .wn-archive .wn-archive-months>li {
      width: 25%;
   }
}
@media (min-width: 700px) {
   #tweWhatsNew .wn-archive .wn-archive-months>li {
      width: 20%;
   }
}
@media (min-width: 880px) {
   #tweWhatsNew .wn-archive .wn-archive-months>li {
      width: 16.6666%;
   }
}
@media (min-width: 980px) {
   #tweWhatsNew .wn-archive {
      padding: 0 0 20px 10px;
   }
   #tweWhatsNew .wn-archive .wn-archive-months li {
      width: 100%;
   }
}
/* Title */
#tweWhatsNew .wn-archive .wn-archive-title {
   display: block;
   font-family: 'Fjalla One', 'Lato', arial, sans-serif;
   font-size: 1.3em;
   text-transform: uppercase;
   color: #591b04;
}
/* Links */
#tweWhatsNew .wn-archive .wn-archive-year,
#tweWhatsNew .wn-archive .wn-archive-month {
   display: block;
   float: left;
   width: 100%;
   color: #8b8b8b;
}
#tweWhatsNew .wn-archive .wn-archive-year.active,
#tweWhatsNew .wn-archive .wn-archive-month.active {
   font-weight: 700;
   color: #591b04;
}
#tweWhatsNew .wn-archive .wn-archive-year {
   padding: 10px 0 5px;
   border-bottom: 1px solid #f6f6f6;
}
#tweWhatsNew .wn-archive .wn-archive-month {
   padding: 8px 0;
}
@media (min-width: 660px) {
   #tweWhatsNew .wn-archive .wn-archive-year:hover,
   #tweWhatsNew .wn-archive .wn-archive-month:hover {
      color: #ff7010;
   }
}
@media (min-width: 980px) {
   #tweWhatsNew .wn-archive .wn-archive-month {
      padding: 5px 0;
   }   
}