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

   Default CSS File

   Content:
   General
   Titles
   Group
   Recipe
   ------------------------------------------------ */
/* ------------------------------------------------
   General
   ------------------------------------------------ */

/* ------------------------------------------------
   Titles
   ------------------------------------------------ */

/* Main Title */
.gifting-title {
   position: relative;
   max-width: 960px;
   padding: 0 10px;
   margin: 0 auto;
}
.gifting-title .title {
   position: relative;
   margin: 0.5em 0;
   overflow: hidden;
   font-weight: 300;
   font-family: 'Lato', arial, sans-serif;
   font-size: 1.7em;
   letter-spacing: 0.15em;
   line-height: 1.2;
   text-align: center;
   text-transform: uppercase;
   color: #bbac78;
}
.gifting-title .inner .sub {
   display: block;
   font-family: 'Droid Serif',times,serif;
   font-size: 0.6em;
}
@media (min-width: 450px) {
   .gifting-title .inner {
      display: inline-block;
      vertical-align: baseline;
      zoom: 1;
      *display: inline;
      *vertical-align: auto;
      position: relative;
      padding: 0 20px;
   }
   .gifting-title .inner:before,
   .gifting-title .inner:after {
      content: '';
      display: block;
      width: 1000px;
      position: absolute;
      top: 0.6em;
      border-top: 1px solid #bbac78;
   }
   .gifting-title .inner:before {
      right: 100%;
   }
   .gifting-title .inner:after {
      left: 100%;
   }
}
@media (min-width: 768px) {
   .gifting-title .title {
      font-size: 2em;
   }
}
@media (min-width: 960px) {
   .gifting-title .title {
      font-size: 2.5em;
   }
}
@media (min-width: 1500px) and (min-height: 900px) {
   .gifting-title {
      max-width: 1280px;
      padding: 0 20px;
   }
}

/* Subtitle */
.gifting-title.subtitle {
   padding: 0;
}
.gifting-title.subtitle .title {
   margin: 0 0 0.5em 0;
   line-height: 1;
}
.gifting-title.subtitle .inner {
   display: block;
   font-family: 'Droid Serif',times,serif;
   font-size: 0.6em;
}
@media (min-width: 450px) {
   .gifting-title.subtitle .inner {
      display: inline-block;
   }
   .gifting-title.subtitle .inner:before,
   .gifting-title.subtitle .inner:after {
      top: 0.4em;
   }
}

/* ------------------------------------------------
   Group
   ------------------------------------------------ */

/* Container */
.gifting-group {
   width: 100%;
   padding: 10px 0;
   background-color: #fff;
}
@media (min-width: 768px) {
   .gifting-group {
      background-size: cover;
      background-position: center center;
   }
}
@media (min-width: 960px) {
   .gifting-group {
      padding: 20px 0;
   }
}

/* Copy */
.gifting-group .copy {
   max-width: 960px;
   margin: 0 auto 1em;
   padding: 0 10px;
   font-family: 'Droid Serif',times,serif;
   font-style: italic;
   line-height: 2;
   text-align: center;
}
@media (min-width: 960px) {
   .gifting-group .copy {
      font-size: 1.25em
   }
}
@media (min-width: 1500px) and (min-height: 900px) {
   .gifting-group .copy {
      max-width: 1280px;
      padding: 0 20px;
   }
}


/* ------------------------------------------------
   Recipe
   ------------------------------------------------ */

/* Container */
.gifting-recipe {
   max-width: 600px;
   padding: 5px;
   margin: 0 auto;
}
.gifting-recipe .video,
.gifting-recipe .products {
   padding: 5px;
}
@media (min-width: 768px) {
   .gifting-recipe {
      max-width: 960px;
   }
   .gifting-recipe .video,
   .gifting-recipe .products {
      float: left;
      width: 50%;
   }
}
@media (min-width: 1500px) and (min-height: 900px) {
   .gifting-recipe {
      max-width: 1280px;
      padding: 10px;
   }
   .gifting-recipe .video,
   .gifting-recipe .products {
      padding: 10px;
   }
}

/* List */
.gifting-recipe .products-list {
   padding: 0;
}
.gifting-recipe .products-item {
   position: relative;
   padding: 10px 10px 10px 50px;
   margin-bottom: 5px;
   background: #f0f0f0;
}
.gifting-recipe .products-item.active:hover {
   cursor: pointer;
   background: #cfcfcf;
}
.gifting-recipe .products-item .checkbox {
   display: none;
}
.gifting-recipe .products-item.active .checkbox {
   display: block;
   width: 30px;
   height: 30px;
   position: absolute;
   top: 50%;
   left: 10px;
   margin-top: -15px;
   background: #fff;
}
.gifting-recipe .products-item.active.selected .checkbox:after {
   display: block;
   position: absolute;
   top: 4px;
   bottom: 4px;
   left: 4px;
   right: 4px;
   content: '';
   background: #ce6601;
}
.gifting-recipe .products-item .name {
   font-family: 'Droid Serif',times,serif;
   font-style: italic;
}
.gifting-recipe .products-item .price {
   font-size: 1.1em;
   text-transform: uppercase;
   font-weight: 600;
   color: #ce6601;
}

/* Buying */
.gifting-recipe .products-buy {
   text-align: center;
}
.gifting-recipe .products-buy .button {
   visibility: hidden;
}
.gifting-recipe .products-buy .button.show {
   visibility: visible;
}