﻿/* ------------------------------------------------
   The Whisky Exchange Rosebank Roses
   Designed and Built by The Whisky Exchange
   All Rights Reserved

   Product CSS File

   Content:
   General
   Anchor/Section Nav
   Intro
   The Releases
   About 
   ------------------------------------------------
   Product: True Love
   ------------------------------------------------ */


/* ------------------------------------------------
   General
   ------------------------------------------------ */
/* Layout */
#tweFeature {
   background: #fff;
}
#tweFeature img {
   width: auto;
   display: inline-block;
}
#tweFeature .wrapper {
   clear: both;
   width: 100%;
}
/*#tweFeature .rosebank-navwrap.fixed + .wrapper {
    margin-top: 59px;
}*/
#tweFeature .wrapper.divider {
    border-top: 10px solid #d29d89;
}
@media (max-width: 660px) {
    #tweFeature .wrapper.divider {
        background: #f0ebe2;
    }
}
#tweFeature .container {
   max-width: 960px;
   margin: 0 auto;
   padding: 10px;
   position: relative;
}
@media (min-width: 660px) {
    #tweFeature .container {
        padding: 20px;
    }
}
#tweFeature p {
    font-size: 0.8em;
    padding-bottom: 20px;
}


/* ------------------------------------------------
   Anchor/Section Nav
   ------------------------------------------------ */
.rosebank-navwrap {
    background-color: #2e0b0e;
    color: #f1ece3;
    position: relative;
    width: 100%;
    z-index: 100;
}
.rosebank-navwrap.fixed {
    position:sticky;
    top:0;
    left:0;
}
.rosebank-nav {
    background-color: #2e0b0e;
    color: #f1ece3;
    display: table;
    table-layout: fixed;
    max-width: 660px;
    margin: 0 auto;
    padding: 10px;
    width: 100%;
}
@media (min-width: 660px) {
    .rosebank-nav {
        padding: 20px;
    }
}
.rosebank-nav .nav-item {
    display: table-cell;
}
.rosebank-nav .nav-item a {
    color: #f1ece3;
    display: block;
    font-family: "Oswald", arial, sans-serif;
    font-size: 0.8em;
    font-weight: 300;
    letter-spacing: 0.11em;
    line-height: 1.3;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}
@media (min-width: 660px) {
    .rosebank-nav .nav-item a {
        font-size: 1em;
    }
}
.rosebank-nav .nav-item a:hover,
.rosebank-nav .nav-item.active a {
    color: #d5a591;
}

/* ------------------------------------------------
   Intro
   ------------------------------------------------ */
#tweFeature .rosebankroses-intro {
   background: #3c1117 url(/components/feature/rosebankroses/assets/application/images/bg-intro20.jpg?v2020) top center no-repeat;
   background-size: contain;
}
@media (min-width: 1400px) {
    #tweFeature .rosebankroses-intro {
       background-size: cover;
    }
}
#tweFeature .rosebankroses-intro .container {
    padding: 35% 20px 25px 20px;
}
@media (min-width: 960px) {
    #tweFeature .rosebankroses-intro .container {
        padding: 35% 20px 25px 20px;
    }
}
@media (min-width: 1400px) {
    #tweFeature .rosebankroses-intro .container {
        padding: 36% 20px 25px 20px;
    }
}
#tweFeature .rosebankroses-intro .intro-content {
    padding: 10px;
}
#tweFeature .rosebankroses-intro .intro-content .logo { 
    margin: 10px auto;
    max-width: 506px;
    padding: 10px 0;
}
#tweFeature .rosebankroses-intro .intro-content .logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    padding: 0 15px;
}
#tweFeature .rosebankroses-intro .intro-content .description {
    color: #f2ead9;
    font-family: 'Droid Serif', arial, sans-serif;
    font-size: 1.4em;
    font-style: italic;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}
@media (min-width: 660px) {
    #tweFeature .rosebankroses-intro .intro-content .description {
        padding: 0 30px;
    }
}

/* ------------------------------------------------
   The Releases
   ------------------------------------------------ */
@media (max-width: 660px) {
    #tweFeature .rosebankroses-releases.wrapper.divider {
        background: #351013;
    }
}
@media (min-width: 660px) {
    #tweFeature .rosebankroses-releases {
        background: url(/components/feature/rosebankroses/assets/application/images/bg-releases.jpg?v2019) top center no-repeat;
        background-size: cover;
    }
}

#tweFeature .rosebankroses-releases .releases-container {
    font-family: 'Droid Serif',times,serif;
    text-align: center;
    padding: 0 10px;
    margin: 0;
    border-style: solid;
    border-width: 27px;
    background: transparent;
    -moz-border-image: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-panel.png?v2019) 27 repeat;
    -webkit-border-image: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-panel.png?v2019) 27 repeat;
    -o-border-image: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-panel.png?v2019) 27 repeat;
    border-image: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-panel.png?v2019) 27 fill repeat;
}
@media (min-width: 660px) {
    #tweFeature .rosebankroses-releases .releases-container {
        float: right;
        /*margin: 20px 10px;*/
        /*width: 50%;*/
        position: relative;
        opacity: 0;
        top: -20px;
    }
}
#tweFeature .rosebankroses-releases .releases-title {
    background-image: url(/components/feature/rosebankroses/assets/application/images/s2-floral.png?v2019), url(/components/feature/rosebankroses/assets/application/images/s2-break.png?v2019);
    background-position: center top, center bottom;
    background-repeat: no-repeat;
    color: #000;
    font-family: 'Lato', arial, sans-serif;
    font-size: 2em;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 20px;
    padding: 65px 0 30px 0;
    text-align: center;
    text-transform: uppercase;
}
#tweFeature .rosebankroses-releases .releases-content {
    color: #000;
    font-family: 'Droid Serif', times, serif;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.8;
    margin: 0 auto;
    padding: 20px 10px 15px;
    text-align: center;
}
/* ------------------------------------------------
   The Releases - Bottlings
   ------------------------------------------------ */
#tweFeature .rosebankroses-releases .releases-bottlings {
    text-align: center;
}
#tweFeature .rosebankroses-releases .releases-bottlings-grid {
    width: 100%;
    padding: 10px;
    font-size: 0;
}
#tweFeature .rosebankroses-releases .releases-bottle-item {
    display: inline-block;
    padding: 10px;
    position: relative;
    font-size: 0.72rem;
    text-align: center;
    width: 100%;
    vertical-align: top;
}
@media (min-width: 660px) {
    #tweFeature .rosebankroses-releases .releases-bottle-item.active {
        opacity: 0;
        right: 10px;
    }
    #tweFeature .rosebankroses-releases .releases-bottle-item.soon {
        opacity: 0;
        left: 10px;
    }
}

    @media (min-width: 450px) {
        #tweFeature .rosebankroses-releases .releases-bottle-item {
            width: 50%;
        }
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-releases .releases-bottle-item {
            width: 25%;
        }
    }

    @media (min-width: 960px) {
        #tweFeature .rosebankroses-releases .releases-bottle-item {
            width: 14.2%;
        }
    }

    #tweFeature .rosebankroses-releases .releases-bottle-item img {
        max-width: 100%;
    }

    #tweFeature .rosebankroses-releases .releases-bottle-item .btn {
        margin-bottom: 40px;
    }

    @media (min-width: 450px) {
        #tweFeature .rosebankroses-releases .releases-bottle-item .btn {
            margin-bottom: 0;
        }
    }

    #tweFeature .rosebankroses-releases .releases-bottle-item .btn-soon {
        background: #6f0100;
        border: 1px solid #6f0100;
    }

        #tweFeature .rosebankroses-releases .releases-bottle-item .btn-soon:hover {
            background: #6f0100;
            border: 1px solid #6f0100;
            color: #ffffff;
            cursor: default;
        }
    /* ------------------------------------------------
   About
   ------------------------------------------------ */
    @media (min-width: 660px) {
        #tweFeature .rosebankroses-about {
            background: url(/components/feature/rosebankroses/assets/application/images/bg-about.jpg?v2019) top center no-repeat;
            background-size: cover;
        }
    }

    #tweFeature .rosebankroses-about .about-container {
        font-family: 'Droid Serif',times,serif;
        text-align: center;
        padding: 0 10px;
        margin: 0;
        border-style: solid;
        border-width: 27px;
        background: transparent;
        -moz-border-image: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-panel.png?v2019) 27 repeat;
        -webkit-border-image: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-panel.png?v2019) 27 repeat;
        -o-border-image: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-panel.png?v2019) 27 repeat;
        border-image: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-panel.png?v2019) 27 fill repeat;
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-about .about-container {
            float: left;
            /*margin: 20px 10px;*/
            min-height: 794px;
            width: 50%;
            position: relative;
            opacity: 0;
            top: -20px;
        }
    }

    #tweFeature .rosebankroses-about .about-title {
        background-image: url(/components/feature/rosebankroses/assets/application/images/s2-floral.png?v2019), url(/components/feature/rosebankroses/assets/application/images/s2-break.png?v2019);
        background-position: center top, center bottom;
        background-repeat: no-repeat;
        color: #000;
        font-family: 'Lato', arial, sans-serif;
        font-size: 2em;
        font-weight: 600;
        letter-spacing: 2px;
        margin-top: 20px;
        padding: 65px 0 30px 0;
        text-align: center;
        text-transform: uppercase;
    }

    #tweFeature .rosebankroses-about .about-content {
        color: #000;
        font-family: 'Droid Serif', times, serif;
        font-size: 1.5em;
        font-style: italic;
        line-height: 1.8;
        margin: 0 auto;
        padding: 20px 10px 15px;
        text-align: center;
    }

    #tweFeature .rosebankroses-about .about-image-m {
        display: block;
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-about .about-image-m {
            display: none;
        }
    }

    #tweFeature .rosebankroses-about .about-image {
        display: none;
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-about .about-image {
            display: block;
            float: right;
            max-width: 483px;
            margin: 10% auto;
            width: 50%;
        }
    }

    #tweFeature .rosebankroses-about .about-image img,
    #tweFeature .rosebankroses-about .about-image-m img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
    /* CTA Buttons */
    #tweFeature.rosebankroses .btn {
        background: #b2000a;
        border: 1px solid #b2000a;
        color: #ffffff;
        font-family: 'Lato', arial, sans-serif;
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
        text-align: center;
        display: block;
        max-width: 225px;
        font-style: normal;
        margin: 0 auto;
        padding: 10px;
        letter-spacing: 1px;
    }

        #tweFeature.rosebankroses .btn:hover {
            background: #f1ece3;
            border: 1px solid #b2000a;
            color: #b2000a;
        }





    /* ------------------------------------------------
   Product: True Love
   ------------------------------------------------ */
    /* Product */
    #tweFeature.true-love-release {
    }

    #tweFeature .rosebankroses-true-love {
        background: #f0ebe2;
    }

        #tweFeature .rosebankroses-true-love.wrapper {
            border: none;
        }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-true-love {
            background: #f0ebe2 url(/components/feature/rosebankroses/assets/application/images/true-love/bg-product.jpg?v2019) top center no-repeat;
            background-size: cover;
        }
    }

    #tweFeature .rosebankroses-true-love .container {
        padding: 0;
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-true-love .container {
            padding: 10px;
        }
    }

    #tweFeature .rosebankroses-true-love .product-detail {
        display: table;
        padding: 0;
        table-layout: fixed;
        width: 100%;
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-true-love .product-detail {
            padding: 10px;
        }
    }

    /* Image Navigation */
    #tweFeature .rosebankroses-true-love .product-shot-nav {
        display: table-footer-group;
        position: relative;
        z-index: 99;
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-true-love .product-shot-nav {
            display: table-cell;
            padding: 0 10px;
            vertical-align: top;
            width: 100px;
        }
    }

    #tweFeature .rosebankroses-true-love .product-shot-nav .shot-nav {
        width: 150px;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-true-love .product-shot-nav .shot-nav {
            width: auto;
        }
    }

    #tweFeature .rosebankroses-true-love .product-shot-nav .shot-nav a {
        display: inline-block;
        border: 1px solid #b07a6e;
        border-radius: 6px;
        margin-bottom: 15px;
        padding: 10px 5px 5px 5px;
    }

        #tweFeature .rosebankroses-true-love .product-shot-nav .shot-nav a:hover,
        #tweFeature .rosebankroses-true-love .product-shot-nav .shot-nav a.active {
            background: #977173;
        }

    #tweFeature .rosebankroses-true-love .product-shot-nav .shot {
        width: 80px !important;
        height: 80px;
        margin: 5px;
        background-color: #5b2d30;
        padding: 10px;
        border: 1px solid #cb9382;
        border-radius: 5px;
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-true-love .product-shot-nav .shot {
            cursor: pointer;
            margin: 5px auto;
        }
    }

    #tweFeature .rosebankroses-true-love .product-shot-nav .shot.slick-active {
        background-color: rgba(210, 157, 137, 0.5);
    }

    #tweFeature .rosebankroses-true-love .product-shot-nav .slick-list {
        padding: 0 !important;
    }

    #tweFeature .rosebankroses-true-love .product-shot-nav img {
        display: block;
        width: 60px;
        margin: 0 auto;
        height: auto;
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-true-love .product-shot-nav img {
            width: 100%;
            max-width: 100%;
            height: auto;
        }
    }
    /* Product Shots */
    #tweFeature .rosebankroses-true-love .product-shots {
        display: table-cell;
        padding: 0 10px 10px 10px;
        position: relative;
        z-index: 98;
    }

        #tweFeature .rosebankroses-true-love .product-shots img {
            display: block;
            width: 75%;
            max-width: 75%;
            height: auto;
            margin: 0 auto;
        }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-true-love .product-shots img {
            width: 100%;
            max-width: 100%;
            height: auto;
        }
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-true-love .product-shots {
            display: table-cell;
            vertical-align: top;
        }
    }

    #tweFeature .rosebankroses-true-love .product-shots .shot-slider {
        left: 0;
        max-width: 100%;
        width: 100%;
        z-index: 100;
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-true-love .product-shots .shot-slider {
            left: -60px;
            max-width: 125%;
            width: 125%;
            padding-top: 60%;
        }
    }

    @media (min-width: 768px) {
        #tweFeature .rosebankroses-true-love .product-shots .shot-slider {
            left: -49px;
            max-width: 125%;
            width: 125%;
            padding-top: 28%;
        }
    }

    @media (min-width: 960px) {
        #tweFeature .rosebankroses-true-love .product-shots .shot-slider {
            left: -50px;
            max-width: 120%;
            width: 120%;
            padding-top: 20%;
        }
    }
    /* Product Information */
    #tweFeature .rosebankroses-true-love .product-content {
        display: table-header-group;
        padding: 0;
        z-index: 2;
        position: relative;
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-true-love .product-content {
            display: table-cell;
            vertical-align: top;
        }
    }

    #tweFeature .rosebankroses-true-love .product-content .content-inner {
        padding: 0 10px;
        margin: 10px;
        border-style: solid;
        border-width: 27px;
        -moz-border-image: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-panel.png?v2019) 27 repeat;
        -webkit-border-image: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-panel.png?v2019) 27 repeat;
        -o-border-image: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-panel.png?v2019) 27 repeat;
        border-image: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-panel.png?v2019) 27 fill repeat;
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-true-love .product-content .content-inner {
            margin: auto;
        }
    }

    #tweFeature .rosebankroses-true-love .product-content .logo {
        display: block;
        padding: 0;
        margin: 0 auto;
        width: 100%;
        max-width: 320px;
    }

    #tweFeature .rosebankroses-true-love .product-content .product-description {
        color: #000;
        font-family: 'Droid Serif', times, serif;
        font-size: 1.5em;
        font-style: italic;
        line-height: 1.8;
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }

        #tweFeature .rosebankroses-true-love .product-content .product-description p {
            padding: 0;
        }
    /* Add to basket */
    #tweFeature .rosebankroses-true-love .price {
        color: #000000;
        display: block;
        font-family: 'Fjalla One', arial, sans-serif;
        font-size: 2em;
        font-style: normal;
        font-weight: 400;
        width: 200px;
        margin: 20px auto 0;
        text-align: center;
    }

    #tweFeature .rosebankroses-true-love .buy-response {
        color: #000000;
        display: block;
        font-family: 'Fjalla One', arial, sans-serif;
        font-size: 1em;
        font-style: normal;
        font-weight: 400;
        width: 200px;
        margin: 40px auto 0;
        text-align: center;
    }

        #tweFeature .rosebankroses-true-love .buy-response .success {
            color: #64af10;
        }

    #tweFeature .rosebankroses-true-love .ppl {
        color: #000;
        display: block;
        font-size: 0.8em;
        font-family: 'Lato',arial,sans-serif;
        text-align: center;
        padding: 5px 0 20px;
    }

    #tweFeature .rosebankroses-true-love .buy-response {
        margin: 20px auto 0;
    }

        #tweFeature .rosebankroses-true-love .buy-response div {
            display: block;
            font-family: 'Lato', arial, sans-serif;
            margin: 0 auto;
            text-transform: none;
        }

            #tweFeature .rosebankroses-true-love .buy-response div .view-basket {
                display: block;
                padding: 10px 0;
            }

    #tweFeature .rosebankroses-true-love .strength {
        display: block;
        padding: 10px 0;
        margin-top: 10px;
        color: #000;
        text-align: center;
    }

    #tweFeature .rosebankroses-true-love img.flower-r {
        display: none;
    }

    @media (min-width: 1400px) {
        #tweFeature .rosebankroses-true-love img.flower-r {
            display: block;
            position: absolute;
            bottom: 180px;
            right: -140px;
            z-index: 1;
        }
    }

    /* Tasting Notes */
    @media (min-width: 660px) {
        #tweFeature .rosebankroses-tasting-notes {
            background: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-tasting.jpg?v2019) top center no-repeat;
            background-size: cover;
        }
    }

    #tweFeature .rosebankroses-tasting-notes .container {
        padding: 0 0 10px 0;
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-tasting-notes .container {
            padding: 20px 10px;
        }
    }

    #tweFeature .rosebankroses-tasting-notes .tasting-notes-container {
        background-color: #f1ece3;
        font-family: 'Droid Serif',times,serif;
        padding: 0;
        text-align: center;
        margin: 0 auto;
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-tasting-notes .tasting-notes-container {
            background-color: transparent;
            float: left;
            margin: 0;
            min-height: 846px;
            width: 50%;
        }
    }
    /*@media (min-width: 960px) {
    #tweFeature .rosebankroses-tasting-notes .tasting-notes-container {
        padding: 20px 40px;
    }
}*/
    #tweFeature .rosebankroses-tasting-notes .tasting-notes-title {
        background-image: url(/components/feature/rosebankroses/assets/application/images/s2-floral.png?v2019), url(/components/feature/rosebankroses/assets/application/images/s2-break.png?v2019);
        background-position: center top, center bottom;
        background-repeat: no-repeat;
        color: #000;
        font-family: 'Lato', arial, sans-serif;
        font-size: 2em;
        font-weight: 600;
        letter-spacing: 2px;
        margin-top: 20px;
        padding: 65px 0 30px 0;
        text-align: center;
        text-transform: uppercase;
    }

    #tweFeature .rosebankroses-tasting-notes .content-inner {
        padding: 0 10px;
        margin: 0 10px;
        border-style: solid;
        border-width: 27px;
        -moz-border-image: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-panel.png?v2019) 27 repeat;
        -webkit-border-image: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-panel.png?v2019) 27 repeat;
        -o-border-image: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-panel.png?v2019) 27 repeat;
        border-image: url(/components/feature/rosebankroses/assets/application/images/true-love/bg-panel.png?v2019) 27 fill repeat;
    }

    #tweFeature .rosebankroses-tasting-notes .tasting-notes-content {
        color: #000;
        font-family: 'Droid Serif', times, serif;
        font-size: 1.5em;
        font-style: italic;
        line-height: 1.8;
        margin: 0 auto;
        padding: 20px 10px 15px;
        text-align: center;
    }

        #tweFeature .rosebankroses-tasting-notes .tasting-notes-content span {
            color: #dbb4a4;
            display: block;
            font-family: 'Lato', arial, sans-serif;
            font-size: 1em;
            font-style: normal;
        }

    #tweFeature .rosebankroses-tasting-notes .tasting-notes-image-m {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding-bottom: 10px;
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-tasting-notes .tasting-notes-image-m {
            display: none;
        }
    }

    #tweFeature .rosebankroses-tasting-notes .tasting-notes-image {
        display: none
    }

    @media (min-width: 660px) {
        #tweFeature .rosebankroses-tasting-notes .tasting-notes-image {
            display: block;
            float: right;
            max-width: 483px;
            margin: 10% auto;
            width: 50%;
        }
    }

    #tweFeature .rosebankroses-tasting-notes .tasting-notes-image img,
    #tweFeature .rosebankroses-tasting-notes .tasting-notes-image-m img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    /* Style and Character */
    /* ------------------------------------------------
   Character
   ------------------------------------------------ */
    /* General */
    #tweFeature .rosebankroses-sandc.profile {
        position: relative;
        /*margin-top: 30px;*/
        padding-top: 20px;
        background: #be8679;
        color: #ffffff;
    }

    @media (min-width: 960px) {
        #tweFeature .rosebankroses-sandc.profile {
            background: #be8679 url(/components/feature/rosebankroses/assets/application/images/bg-sandc.png?v2019) no-repeat center 60px;
        }
    }

    #tweFeature .rosebankroses-sandc.profile:after {
        z-index: 3;
        position: absolute;
        top: -15px;
        left: 50%;
        margin-left: -15px;
        content: '';
        width: 0;
        height: 0;
        border-bottom: solid 15px #be8679;
        border-left: solid 15px transparent;
        border-right: solid 15px transparent;
    }
    /* Layout */
    #tweFeature .rosebankroses-sandc.profile .gauges,
    #tweFeature .rosebankroses-sandc.profile .flavour {
        float: left;
        width: 100%;
    }

    #tweFeature .rosebankroses-sandc.profile li {
        float: left;
        width: 25%;
        padding: 5px;
    }

    #tweFeature .rosebankroses-sandc.profile .flavour li {
        width: 33.333%;
    }

    @media (min-width: 550px) {
        #tweFeature .rosebankroses-sandc.profile .gauges,
        #tweFeature .rosebankroses-sandc.profile .flavour {
            width: 100%;
        }

            #tweFeature .rosebankroses-sandc.profile .gauges li {
                width: 25%;
            }

            #tweFeature .rosebankroses-sandc.profile .flavour li {
                width: 16.6666%;
            }
    }

    @media (min-width: 960px) {
        #tweFeature .rosebankroses-sandc.profile .profile-content {
            display: table;
            width: auto;
            margin: 0 auto;
        }

        #tweFeature .rosebankroses-sandc.profile .gauges,
        #tweFeature .rosebankroses-sandc.profile .flavour {
            width: auto;
        }

            #tweFeature .rosebankroses-sandc.profile .gauges li,
            #tweFeature .rosebankroses-sandc.profile .flavour li {
                width: 95px;
            }
    }
    /* Titles */
    #tweFeature .rosebankroses-sandc.profile h2 {
        margin-bottom: 20px;
        font-family: 'Droid Serif',times,serif;
        font-weight: 400;
        font-size: 1.5em;
        letter-spacing: 2px;
        text-transform: uppercase;
        text-align: center;
    }
    /* Gauges */
    #tweFeature .rosebankroses-sandc.profile .gauges .name {
        display: block;
        margin-bottom: 5px;
        font-family: 'Fjalla One', 'Lato', arial, sans-serif;
        font-size: 0.8em;
        text-transform: uppercase;
        text-align: center;
    }

    #tweFeature .rosebankroses-sandc.profile .gauges .gauge {
        width: 60px;
        height: 60px;
        margin: 0 auto;
    }

    #tweFeature .rosebankroses-sandc.profile .gauges .circliful {
        position: relative;
    }

    #tweFeature .rosebankroses-sandc.profile .gauges .circle-text {
        width: 100%;
        position: absolute;
        text-align: center;
        display: inline-block;
    }

    #tweFeature .rosebankroses-sandc.profile .gauges .circle-text-content {
        display: block;
        background: #ff7010;
        width: 30px;
        height: 30px;
        margin: 15px auto 0;
        border-radius: 50%;
        line-height: 30px;
        color: #fff;
    }
    /* Flavours */
    #tweFeature .rosebankroses-sandc.profile .flavour {
        padding-top: 20px;
    }

        #tweFeature .rosebankroses-sandc.profile .flavour .name {
            display: block;
            margin-bottom: 5px;
            font-family: 'Fjalla One', 'Lato', arial, sans-serif;
            font-size: 0.8em;
            text-transform: uppercase;
            text-align: center;
            white-space: nowrap;
        }

        #tweFeature .rosebankroses-sandc.profile .flavour img {
            display: block;
            width: 100%;
        }

    @media (min-width: 960px) {
        #tweFeature .rosebankroses-sandc.profile .flavour {
            padding-top: 0;
        }
    }



    /* Effects */
    .animated {
        animation-duration: 1s;
        animation-fill-mode: both;
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translateY(-20px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .fadeInDown {
        animation-name: fadeInDown;
    }