/* ------------------------------------------------
   TWE Spirit Of The Year 2014 - The Botanist Gin
   Designed and Built by The Whisky Exchange
   All Rights Reserved

   SOTY 2014 - The Botanist Gin

   Content:
   Introduction
   Winner
   Tasting
   Range
   About
   Runners Up
   Shortlist
   Previous Winners
   ------------------------------------------------ */

/* ------------------------------------------------
   Introduction
   ------------------------------------------------ */

/* Panel */
@media (min-width: 768px) {
	#doty.soty14 .doty--intro {
		background-image: url(/components/feature/spiritoftheyear/2014/assets/application/images/intro/background.jpg?v=4);
	}
}

/* Structure */
#doty.soty14 .doty--intro .doty--intro-content1 {
	background: #fff;
	color: #000000;
}
#doty.soty14 .doty--intro h1.doty--title {
   color: #bbac78;
}
@media (min-width: 768px) {
	#doty.soty14 .doty--intro .doty--content-inner {
		border: 1px solid #bbac78;
	}
}

/* Content */
#doty.soty14 .doty--intro-logo {
	max-width: 156px;
	max-height: 182px;
}
#doty.soty14 .doty--intro a {
    color: #726a5d;
    font-family: 'Lato', arial, sans-serif;
    font-style: normal;
    text-transform: uppercase;
}
#doty.soty14 .doty--intro a:hover {
    color: #bbac78;
}


/* ------------------------------------------------
   Winner
   ------------------------------------------------ */

/* Panel */
@media (min-width: 768px) {
	#doty.soty14 .doty--winner {
		background-image: url(/components/feature/spiritoftheyear/2014/assets/application/images/winner/background.jpg?v=3);
	}
}

/* Winner Product */
#doty.soty14 .doty--winner-product {
	max-width: 635px;
	max-height: 836px;
}

/* Content */
#doty.soty14 .doty--winner-content1 {
	background: #032b22;
	color: #fff;
}
#doty.soty14 .doty--winner-content1 h2.doty--title {
	color: #ffffff;
	background-image: url(/components/feature/spiritoftheyear/2014/assets/application/images/grey-small.png?v=3);
}
#doty.soty14 .doty--winner-content1 h4.doty--title {
	color: #fff;
}
#doty.soty14 .doty--winner-content1 .doty--winner-info .save {
	color: #e7e9d3;
}
@media (min-width: 768px) {
	#doty.soty14 .doty--winner-content1 {
        background: rgba(3, 43, 34,0.9);
	}
}

/* ------------------------------------------------
   Tasting
   ------------------------------------------------ */

/* Panel */
@media (min-width: 768px) {
	#doty.soty14 .doty--tasting {
		background-image: url(/components/feature/spiritoftheyear/2014/assets/application/images/tasting/background.jpg?v=3);
	}
}

/* Content 1 */
#doty.soty14 .doty--tasting-content1 {
	background: #032b22;
	color: #fff;
}
#doty.soty14 .doty--tasting-content1 h2.doty--title {
	color: #e9e9d1;
	background-image: url(/components/feature/spiritoftheyear/2014/assets/application/images/grey-small.png?v=3);
}
@media (min-width: 768px) {
	#doty.soty14 .doty--tasting-content1 {
		background: rgba(3, 43, 34,0.9);
	}
}
#doty.soty14 .doty--winner-info .price-save {
    color: #bbac78;
    display: block;
    font-size: 1.6em;
}
#doty.soty14 .doty--winner-info .wasprice {
    display: block;
    text-transform: none;
}
#doty.soty14 .doty--winner-content1 .doty--winner-info .ppl {
	color: #cacaca;
    display: block;
    font-size: 0.8em;
    letter-spacing: 1px;
    text-transform: none;
}

/* Content 2 */
#doty.soty14 .doty--tasting-content2 {
	background: #bbac78;
	color: #fff;
}
#doty.soty14 .doty--tasting-content2 ul.doty--copy {
	display: block;
	margin: 1em 20px;
	padding: 0 20px 0 35px;
	list-style-type: disc;
	text-align: left;
}
#doty.soty14 .doty--tasting-content2 ul.doty--copy li {
   list-style-type: disc;
}
@media (min-width: 768px) {
	#doty.soty14 .doty--tasting-content2 {
		background: rgba(187,172,120,0.45);
	}
	#doty.soty14 .doty--tasting-content2 .doty--content-inner {
		background: rgba(187,172,120,0.45);
	}
}

/* Tasting Product */
#doty.soty14 .doty--tasting-product .image {
   max-width: 510px;
   max-height: 182px;
   margin: 0 auto;
}
#doty.soty14 .doty--tasting-product .meta {
	color: #bbb;
}

/* ------------------------------------------------
   Range
   ------------------------------------------------ */

/* Panel */
#doty.soty14 .doty--range {
	background-color: #efe0ce;
}
@media (min-width: 768px) {
	#doty.soty14 .doty--range {
		background-image: url(/components/feature/spiritoftheyear/2014/assets/application/images/range/background.jpg?v=3);
	}
}

/* Title */
#doty.soty14 .doty--range h2.doty--title {
	color: #fff;
	background-image: url(/components/feature/spiritoftheyear/2014/assets/application/images/grey-small.png?v=3);
}

/* Grid */
@media (min-width: 768px) {
   #doty.soty14 .doty--grid-item {
      width: 25%;
   }
}
@media (min-width: 900px) {
   #doty.soty14 .doty--grid-item {
      width: 25%;
   }
}
@media (min-width: 1200px) {
   #doty.soty14 .doty--grid-item {
      width: 12.5%;
   }
}
@media (min-width: 1500px) {
   #doty.soty14 .doty--grid-item {
      font-size: 0.8rem;
   }
}
#doty.soty14 .doty--range-img {
	max-width: 129px;
	max-height: 444px;
	margin: 0 auto;
}
/* ------------------------------------------------
   Tasting/Botanicals
   ------------------------------------------------ */
#doty.soty14 .doty--tasting-content2 h2.doty--title {
        background-image: url(/components/feature/spiritoftheyear/2014/assets/application/images/grey-small.png?v=3);
}

/* ------------------------------------------------
   About
   ------------------------------------------------ */

/* Content 1 */
#doty.soty14 .doty--about-content1 {
	background: #032b22;
	color: #fff;
}
#doty.soty14 .doty--about-content1 h2.doty--title {
	color: #e7e9d3;
	background-image: url(/components/feature/spiritoftheyear/2014/assets/application/images/grey-small.png?v=3);
    font-size: 2.2em;
}
@media (min-width: 768px) {
	#doty.soty14 .doty--about-content1 {
		background: rgba(3, 43, 34,0.9);
	}
    #doty.soty14 .doty--about-content1 h2.doty--title {
        font-size: 3.2em;
    }
}

/* Gallery */
@media (min-width: 768px) {
   #doty .doty--gallery.layout1 .doty--gallery-img:nth-child(1) {
      background-image: url(/components/feature/spiritoftheyear/2014/assets/application/images/about/about1.jpg?v=3);
   }
   #doty .doty--gallery.layout1 .doty--gallery-img:nth-child(2) {
      background-image: url(/components/feature/spiritoftheyear/2014/assets/application/images/about/about2.jpg?v=3);
   }
   #doty .doty--gallery.layout1 .doty--gallery-img:nth-child(3) {
      background-image: url(/components/feature/spiritoftheyear/2014/assets/application/images/about/about3.jpg?v=3);
   }
}

/* ------------------------------------------------
   Runners Up
   ------------------------------------------------ */

/* Title */
#doty.soty14 .doty--runnerup h2.doty--title {
	color: #af640c;
	background-image: url(/components/feature/spiritoftheyear/2014/assets/application/images/grey-small.png?v=3);
}

/* Product */
#doty.soty14 .doty--runnerup-product {
	color: #af640c;
}
#doty.soty14 .doty--runnerup-product .image img {
	max-width: 205px;
	max-height: 718px;
	margin: 0 auto;
}
#doty.soty14 .doty--runnerup-product .description {
	background: rgba(175,100,12,0.1);
}

/* ------------------------------------------------
   Shortlist
   ------------------------------------------------ */

/* Panel */
#doty.soty14 .doty--shortlist {
	background-image: url(/components/feature/spiritoftheyear/2014/assets/application/images/shortlist/background.jpg?v=3);
    border-top: 10px solid #ffffff;
}
@media (min-width: 768px) {
	#doty.soty14 .doty--shortlist {
		background-image: url(/components/feature/spiritoftheyear/2014/assets/application/images/shortlist/background.jpg?v=3);
	}
}

/* Title */
#doty.soty14 .doty--shortlist h2.doty--title {
	color: #fff;
	background-image: url(/components/feature/spiritoftheyear/2014/assets/application/images/grey-small.png?v=3);
}

/* Grid */
#doty.soty14 .doty--shortlist-name {
    min-height: 6.2em;
}

#doty.soty14 .doty--shortlist-img {
	max-width: 183px;
	max-height: 575px;
	margin: 0 auto;
}

/* ------------------------------------------------
   Previous Winners
   ------------------------------------------------ */

/* Title */
#doty.soty14 .doty--previous h2.doty--title {
	color: #bbac78;
}

#doty.soty14 .doty--previous .doty--content-column-break {
    display: none;
}
@media (min-width: 768px) {
    #doty.soty14 .doty--previous .doty--content-column-break {
        display: table-cell;
        width: 20px;
    }
    #doty.soty14 .doty--previous .doty--content-column-break div {
        background: #ededed;
        width: 1px;
        left: 50%;
        position: absolute;
        height: 12%;
    }
}
#doty.soty14 .doty--previous .doty--content {
    height: auto;
    max-width: 1200px;
    margin: 0 auto;
}
#doty.soty14 .doty--previous .product {
    position: relative;
    width: 100%;
}
@media (min-width: 768px) {
    #doty.soty14 .doty--previous .product {
        min-height: 650px;
    }
}
/*#doty.soty14 .doty--previous .product div {
    display: table-cell;
    padding: 10% 22% 0 0;
}*/
#doty.soty14 .doty--previous .product-info {
    position: absolute;
    z-index: 100;
    right: 8%;
    top: 12%;
    background: #000;
    background: rgba(0,0,0,0.3);
    padding: 10px;
}
@media (min-width: 768px) {
    #doty.soty14 .doty--previous .product-info {
        right: 10%;
        top: 60px;
    }
}
#doty.soty14 .doty--previous .product-info .break {
    padding: 0;
    max-width: 190px;
    margin: 0 auto;
}
#doty.soty14 .doty--previous .product-info img {
    position: relative;
    z-index: 90;
}

#doty.soty14 .doty--previous h3 {
    background: #000;
    background: rgba(0,0,0,0.3);
    color: #bbac78;
    font-family: 'Lato',arial,sans-serif;
    padding: 10px;
    text-transform: uppercase;
}
#doty.soty14 .doty--previous .productname {
    color: #ffffff;
    display: block;
    font-family: 'Lato',arial,sans-serif;
    font-size: 1.5em;
    line-height: normal;
    padding: 20px 0 10px 0;
}




/* ------------------------------------------------
   Add to basket
   ------------------------------------------------ */

#doty.soty14 .buy .buy-response {
   margin-top: 8px;
   height: 50px;
}
#doty.soty14 .buy .buy-response .success {
   display: block;
   margin: 30px auto 5px auto;
   color: #ffffff;
   font-size: 0.8em;
}