/* ------------------------------------------------
   The Whisky Exchange Pancake Recipes Feature Page
   Designed and Built by The Whisky Exchange
   All Rights Reserved

   Pancake Recipes Feature Page CSS File

   Content:
   General
   Structure
   ------------------------------------------------ */

/* ------------------------------------------------
   General
   ------------------------------------------------ */
/* Layout */
#tweFeature {
   background: #9f9168;
   color: #ffffff;
   font-size: 1.1em;
}
#tweFeature .wrapper {
   width: 100%;
   clear: both;
}
#tweFeature .container {
   position: relative;
   max-width: 960px;
   margin: 0 auto;
}
#tweFeature .container .content {
    font-family: 'Droid Serif',times,serif;
    font-size: 0.9em;
    font-style: italic;
    line-height: 1.6;
    padding: 30px 10px;
}

#tweFeature .container .content h3 {
    color: #999999;
    font-family: 'Droid Serif',times,serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    margin: 20px 0 10px;
    text-transform: uppercase;
}
#tweFeature.pancakerecipes .desktop {
    display: none;
}
#tweFeature.pancakerecipes .mobile {
    display: block;
}
/* ------------------------------------------------
   Banner
   ------------------------------------------------ */
#tweFeature .banner h1 {
    font-style: normal;
}
#tweFeature .banner .content {
    padding: 0;
}
/* ------------------------------------------------
   Structure
   ------------------------------------------------ */
#tweFeature.pancakerecipes {
   background: #ffffff;
   color: #666666;
}

/* How to make */
#tweFeature.pancakerecipes .how-to-make {
    background: #fffef0;
}
#tweFeature.pancakerecipes .how-to-make .content {
    text-align: center;
    width: 100%;
}
#tweFeature.pancakerecipes .how-to-make .content .image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}
#tweFeature.pancakerecipes .how-to-make .content h2 {
    background-image: url(/components/feature/pancakes/assets/application/images/linebreak.png),url(/components/feature/pancakes/assets/application/images/linebreak.png);
    background-position: center top, center bottom;
    background-repeat: no-repeat, no-repeat;
    color: #941e2e;
    font-family: 'Fjalla One','Lato',arial,sans-serif;
    font-size: 2.2em;
    font-style: normal;
    font-weight: 400;
    margin: 10px 0;
    padding: 25px 0;
    text-transform: uppercase;
    text-align: center;
}
    #tweFeature.pancakerecipes .method ul.disc li {
        list-style-type: disc;
        list-style-position: inside;
    }
#tweFeature.pancakerecipes .how-to-make .method h3 {
    background-image: url(/components/feature/pancakes/assets/application/images/linebreak.png);
    background-position: center top;
    background-repeat: no-repeat;
    margin: 20px 0 0px;
    padding: 35px 0 10px;
    text-align: center;
}
#tweFeature.pancakerecipes .how-to-make .method p {
    padding: 0 40px;
}

@media (min-width: 660px){
    #tweFeature.pancakerecipes .how-to-make {
        background: url(/components/feature/pancakes/assets/application/images/bg-1.jpg) top center no-repeat;
        background-size: cover;
    }
    #tweFeature.pancakerecipes .how-to-make .content {
        float: right;
        text-align: center;
        width: 50%;
    }
    #tweFeature.pancakerecipes .how-to-make .content .image {
        display: none;
    }
    #tweFeature.pancakerecipes .recommended {
        position: absolute;
        right: 0;
        bottom: 30px;
        width: 50%;
    }
    #tweFeature.pancakerecipes .recipe-two .recommended {
        left: 0;
    }
}


/* Recipe One */
#tweFeature.pancakerecipes .recipe-one {
    background: #fffef0;
}
#tweFeature.pancakerecipes .recipe-one .content {
    text-align: center;
    width: 100%;
}
#tweFeature.pancakerecipes .recipe-one .content .image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}
#tweFeature.pancakerecipes .recipe-one .content h2 {
    background-image: url(/components/feature/pancakes/assets/application/images/linebreak.png),url(/components/feature/pancakes/assets/application/images/linebreak.png);
    background-position: center top, center bottom;
    background-repeat: no-repeat, no-repeat;
    color: #941e2e;
    font-family: 'Fjalla One','Lato',arial,sans-serif;
    font-size: 2.2em;
    font-style: normal;
    font-weight: 400;
    margin: 10px 0;
    padding: 25px 0;
    text-transform: uppercase;
    text-align: center;
}
#tweFeature.pancakerecipes .recipe-one .content .description {
    color: #941e2e;
    display: block;
    background-image: url(/components/feature/pancakes/assets/application/images/linebreak.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 0 60px 25px;
    text-align: center;
}
#tweFeature.pancakerecipes .recipe-one .method h3 {
    background-image: url(/components/feature/pancakes/assets/application/images/linebreak.png);
    background-position: center top;
    background-repeat: no-repeat;
    margin: 20px 0 0px;
    padding: 35px 0 10px;
    text-align: center;
}
#tweFeature.pancakerecipes .recipe-one .method p {
    padding: 0 0px 20px;
}
#tweFeature.pancakerecipes .recipe-one .recommended .wrap {
    margin: 0 auto;
    width: 65%;
}
#tweFeature.pancakerecipes .recipe-one .recommended h4 {
    color: #941e2e;
    font-family: 'Fjalla One','Lato',arial,sans-serif;
    font-size: 1.4em;
    font-style: normal;
    font-weight: 400;
    padding: 0;
    text-transform: uppercase;
    width: 160px;
    margin: 0 auto;
    padding: 10px;
    background: #fff;
}
#tweFeature.pancakerecipes .recipe-one .recommended .recommended-1 {
    float: left;
    width: 50%;
}
#tweFeature.pancakerecipes .recipe-one .recommended .recommended-2 {
    float: right;
    width: 50%;
}
#tweFeature.pancakerecipes .recipe-one .recommended .recommended-1 img,
#tweFeature.pancakerecipes .recipe-one .recommended .recommended-2 img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
#tweFeature.pancakerecipes .recipe-one .recommended .recommended-1 p,
#tweFeature.pancakerecipes .recipe-one .recommended .recommended-2 p {
    color: #941e2e;
    font-family: 'Fjalla One','Lato',arial,sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    margin: 0 auto;
    padding: 10px 0;
    text-transform: uppercase;
    width: 100%;
}
#tweFeature.pancakerecipes .recipe-one .recommended .recommended-1 p span,
#tweFeature.pancakerecipes .recipe-one .recommended .recommended-2 p span {
    color: #6d6e71;
    display: block;
}
@media (min-width: 660px){
    #tweFeature.pancakerecipes .recipe-one {
        background: url(/components/feature/pancakes/assets/application/images/bg-2.jpg) top center no-repeat;
        background-size: cover;
    }
    #tweFeature.pancakerecipes .recipe-one .content {
        float: left;
        text-align: center;
        width: 50%;
    }
    #tweFeature.pancakerecipes .recipe-one .content .image {
        display: none;
    }
} 




/* Recipe Two */
#tweFeature.pancakerecipes .recipe-two {
    background: #fffef0;
}
#tweFeature.pancakerecipes .recipe-two .content {
    text-align: center;
    width: 100%;
}
#tweFeature.pancakerecipes .recipe-two .content .image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}
#tweFeature.pancakerecipes .recipe-two .content h2 {
    background-image: url(/components/feature/pancakes/assets/application/images/linebreak.png),url(/components/feature/pancakes/assets/application/images/linebreak.png);
    background-position: center top, center bottom;
    background-repeat: no-repeat, no-repeat;
    color: #941e2e;
    font-family: 'Fjalla One','Lato',arial,sans-serif;
    font-size: 2.2em;
    font-style: normal;
    font-weight: 400;
    margin: 10px 0;
    padding: 25px 0;
    text-transform: uppercase;
    text-align: center;
}
#tweFeature.pancakerecipes .recipe-two .content h2 span {
    display: block;
    font-size: 0.8em;
}
#tweFeature.pancakerecipes .recipe-two .content .description {
    color: #941e2e;
    display: block;
    background-image: url(/components/feature/pancakes/assets/application/images/linebreak.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 0 60px 25px;
    text-align: center;
}
#tweFeature.pancakerecipes .recipe-two .method h3 {
    background-image: url(/components/feature/pancakes/assets/application/images/linebreak.png);
    background-position: center top;
    background-repeat: no-repeat;
    margin: 20px 0 0px;
    padding: 35px 0 10px;
    text-align: center;
}
#tweFeature.pancakerecipes .recipe-two .method p {
    padding: 0 0px 20px;
}
#tweFeature.pancakerecipes .recipe-two .recommended .wrap {
    margin: 0 auto;
    width: 60%;
}
#tweFeature.pancakerecipes .recipe-two .recommended h4 {
    color: #941e2e;
    font-family: 'Fjalla One','Lato',arial,sans-serif;
    font-size: 1.4em;
    font-style: normal;
    font-weight: 400;
    padding: 0;
    text-transform: uppercase;
    width: 160px;
    margin: 0 auto;
    padding: 10px;
    background: #fff;
}
#tweFeature.pancakerecipes .recipe-two .recommended .recommended-1 {
    float: left;
    width: 50%;
}
#tweFeature.pancakerecipes .recipe-two .recommended .recommended-2 {
    float: right;
    width: 50%;
}
#tweFeature.pancakerecipes .recipe-two .recommended .recommended-1 img,
#tweFeature.pancakerecipes .recipe-two .recommended .recommended-2 img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
#tweFeature.pancakerecipes .recipe-two .recommended .recommended-1 p,
#tweFeature.pancakerecipes .recipe-two .recommended .recommended-2 p {
    color: #941e2e;
    font-family: 'Fjalla One','Lato',arial,sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    margin: 0 auto;
    padding: 10px 0;
    text-transform: uppercase;
    width: 100%;
}
#tweFeature.pancakerecipes .recipe-two .recommended .recommended-1 p span,
#tweFeature.pancakerecipes .recipe-two .recommended .recommended-2 p span {
    color: #6d6e71;
    display: block;
}
@media(min-width: 660px){
    #tweFeature.pancakerecipes .recipe-two {
        background: url(/components/feature/pancakes/assets/application/images/bg-3.jpg) top center no-repeat;
        background-size: cover;
    }
    #tweFeature.pancakerecipes .recipe-two .content {
        float: right;
        text-align: center;
        width: 50%;
    }
    #tweFeature.pancakerecipes .recipe-two .content .image {
        display: none;
    }
}

/* Recipe Three */
#tweFeature.pancakerecipes .recipe-three {
    background: #fffef0;
}
#tweFeature.pancakerecipes .recipe-three .content {
    text-align: center;
    width: 100%;
}
#tweFeature.pancakerecipes .recipe-three .content .image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}
#tweFeature.pancakerecipes .recipe-three .content h2 {
    background-image: url(/components/feature/pancakes/assets/application/images/linebreak.png),url(/components/feature/pancakes/assets/application/images/linebreak.png);
    background-position: center top, center bottom;
    background-repeat: no-repeat, no-repeat;
    color: #941e2e;
    font-family: 'Fjalla One','Lato',arial,sans-serif;
    font-size: 2.2em;
    font-style: normal;
    font-weight: 400;
    margin: 10px 0;
    padding: 25px 0;
    text-transform: uppercase;
    text-align: center;
}
#tweFeature.pancakerecipes .recipe-three .content h2 span {
    display: block;
    font-size: 0.8em;
}
#tweFeature.pancakerecipes .recipe-three .content .description {
    color: #941e2e;
    display: block;
    background-image: url(/components/feature/pancakes/assets/application/images/linebreak.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 0 60px 25px;
    text-align: center;
}
#tweFeature.pancakerecipes .recipe-three .method h3 {
    background-image: url(/components/feature/pancakes/assets/application/images/linebreak.png);
    background-position: center top;
    background-repeat: no-repeat;
    margin: 20px 0 0px;
    padding: 35px 0 10px;
    text-align: center;
}
#tweFeature.pancakerecipes .recipe-three .method p {
    padding: 0 20px 20px;
}
#tweFeature.pancakerecipes .recipe-three .recommended .wrap {
    margin: 0 auto;
    width: 70%;
}
#tweFeature.pancakerecipes .recipe-three .recommended h4 {
    color: #941e2e;
    font-family: 'Fjalla One','Lato',arial,sans-serif;
    font-size: 1.4em;
    font-style: normal;
    font-weight: 400;
    padding: 0;
    text-transform: uppercase;
    width: 160px;
    margin: 0 auto;
    padding: 10px;
    background: #fff;
}

#tweFeature.pancakerecipes .recipe-three .recommended .recommended-1 {
    float: left;
    width: 50%;
}
#tweFeature.pancakerecipes .recipe-three .recommended .recommended-2 {
    float: right;
    width: 50%;
}
#tweFeature.pancakerecipes .recipe-three .recommended .recommended-1 img,
#tweFeature.pancakerecipes .recipe-three .recommended .recommended-2 img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
#tweFeature.pancakerecipes .recipe-three .recommended .recommended-1 p,
#tweFeature.pancakerecipes .recipe-three .recommended .recommended-2 p {
    color: #941e2e;
    font-family: 'Fjalla One','Lato',arial,sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    margin: 0 auto;
    padding: 10px 0;
    text-transform: uppercase;
    width: 100%;
}
#tweFeature.pancakerecipes .recipe-three .recommended .recommended-1 p span,
#tweFeature.pancakerecipes .recipe-three .recommended .recommended-2 p span {
    color: #6d6e71;
    display: block;
}
@media(min-width: 660px){
    #tweFeature.pancakerecipes .recipe-three {
        background: url(/components/feature/pancakes/assets/application/images/bg-4.jpg) top center no-repeat;
        background-size: cover;
    }
    #tweFeature.pancakerecipes .recipe-three .content {
        float: left;
        text-align: center;
        width: 50%;
    }
    #tweFeature.pancakerecipes .recipe-three .content .image {
        display: none;
    }
}