/**

 * @file

 * The CSS file for articles on the site.

 *

 */





.node-recipe .section-separator .icon.left {

  left: 0;

  margin-right: 1em;

  margin-left: 0;

  position: absolute;

  text-align: left;

  top: -8px;

  z-index: 10;

}





.node-recipe .section-separator .icon.right {

right: 0;

margin-left: 1em;

margin-right: 0;

position: absolute;

text-align: right;

top: -8px;

z-index: 10;

}





/***********

*  RECIPE  *

***********/



article.node-recipe.view-mode-full {

  margin: 0 auto;

  width: 944px;

}



  article.node-recipe a {

    color: #bf0000;

  }



  article.node-recipe.view-mode-full .field-name-field-header-images,

  article.node-recipe.view-mode-full > .field-name-field-youtube-video {

    border-bottom: 1px solid #cfd2db;

  }

  article.node-recipe.view-mode-full .field-name-field-related-articles .field-name-field-header-images {

    border-bottom: none;

  }



    @media all and (min-width: 1024px) {

      article.node-recipe.view-mode-full .field-name-field-header-images .field-slideshow {

        height: 470px!important;

      }

    }



    article.node-recipe.view-mode-full .field-name-field-header-images .slideshow-bar {

      height: 50px;

      position: relative;

    }



      article.node-recipe.view-mode-full .field-name-field-header-images .right .button {

        color: #01224D;

        font-size: 0.9em;

        padding: 12px 0 12px 12px;

      }



      article.node-recipe.view-mode-full .field-name-field-header-images .left .button {

        color: #01224D;

        font-size: 0.9em;

        padding: 12px 12px 12px 0;

      }



      article.node-recipe.view-mode-full .field-name-field-header-images .label {

        color: #01224D;

        font-size: 0.8em;

        font-style: italic;

      }



      article.node-recipe.view-mode-full .field-name-field-header-images .counter {

        color: #01224D;

        font-style: italic;

        font-size: 0.9em;

        padding: 15px;

      }



      article.node-recipe.view-mode-full .field-name-field-header-images .arrow {

        color: #01224D;

        font-size: 1.2em;

        vertical-align: middle;

      }



      article.node-recipe.view-mode-full .field-name-field-header-images .arrow:hover {

        color: #959caf;

      }



      article.node-recipe.view-mode-full .field-name-field-header-images .left,

      article.node-recipe.view-mode-full .field-name-field-header-images .right,

      article.node-recipe.view-mode-full .field-name-field-header-images .counter,

      article.node-recipe.view-mode-full .field-name-field-header-images .field-slideshow-controls {

        display: inline-block;

        vertical-align: middle;

      }



      article.node-recipe.view-mode-full .field-name-field-header-images .field-slideshow-controls {

        left: 50%;

        position: absolute;

        margin-left: -44px;

      }



      article.node-recipe.view-mode-full .field-name-field-header-images .left {

        float: left;

        padding: 15px 15px 15px 0;

      }



      article.node-recipe.view-mode-full .field-name-field-header-images .right {

        float: right;

        padding: 15px 0 15px 15px;

      }



/*

article.node-recipe.view-mode-full header {

float: left;

margin-top: 0em;

text-align: left;

width: auto;

height: auto;

}

*/



article.node-recipe.view-mode-full > header {

  background: #ececec;

  float: left;

  margin-top: 2em;

  text-align: left;

  width: 314px;

  height: 423px;

}





    article.node-recipe.view-mode-full header h1 {

      font-family: 'P22CezanneAltTwo';

      font-size: 65px;

      font-style: normal;

      font-weight: 100;

      letter-spacing: 0;

      line-height: 53px;

      margin: 0 auto;

      text-transform: none;

      -webkit-transform: rotate(-15deg);

      -moz-transform: rotate(-15deg);

      -ms-transform: rotate(-15deg);

      -o-transform: rotate(-15deg);

      transform: rotate(-15deg);

      width: 3em;

    }



    article.node-recipe.view-mode-full header .centered {

      padding-top: 4em;

    }



    article.node-recipe.view-mode-full header img {

      width: 25%;

      display: block;

      margin: auto;

    }



      article.node-recipe.view-mode-full header h1 a {

        color: #01224D;

      }



  article.node-recipe .field-name-field-photo-1 {

    float: left;

    height: 420px;

    margin-top: 4em;

    width: 33.33333%;

    margin-top: 35px;

  }



  article.node-recipe .field-name-field-ingredients {

    float: left;

    height: auto;

    margin-top: 2em;

    width: 33.33333%;

  }



    article.node-recipe .field-name-field-ingredients .field-items {

      padding: 2em 2em 0;

    }



      article.node-recipe .field-name-field-ingredients .field-items .field-items {

        padding: 0;

      }



    article.node-recipe .field-name-field-ingredients .field-name-field-i-title {

      color: #01224d;

      font-size: 0.8em;

      font-style: italic;

      font-weight: 100;

      letter-spacing: 0.2em;

      line-height: 150%;

      text-align: left;

      text-transform: uppercase;

    }



    article.node-recipe .field-name-field-ingredients ul {

      margin: 2em 0 0 0;

      padding: 0;

    }



      article.node-recipe .field-name-field-ingredients li {

        color: #808080;

        font-size: 0.8em;

        font-style: italic;

        letter-spacing: 0.2em;

        line-height: 1.5em;

        list-style-type: none;

        margin-bottom: 1em;

      }



      article.node-recipe .field-name-field-ingredients .icon-diamond {

        color: #01224d;

        font-size: 0.15em;

        margin-right: 0.8em;

      }



  article.node-recipe.view-mode-full > .field-name-field-content {

    clear: left;

    float: left;

    height: 420px;

    overflow: hidden;

    width: 314px;

  }







  article.node-recipe.view-mode-full .field-name-field-content:first-letter {

    color: #01224D;

    float: left;

    font-size: 7em;

    margin-top: 23px;

    padding: 0 15px 15px 0;

  }

  article.node-recipe.view-mode-full .field-name-field-related-articles .field-name-field-content:first-letter {

    color: #808080;

    float: none;

    font-size: 13px;

    margin-top: 0;

    padding: 0;

  }



  article.node-recipe.view-mode-full .field-name-field-tips {

    background: #ececec;

    float: left;

    height: 420px;

    overflow: hidden;

    width: 33.33333%;

  }



    article.node-recipe.view-mode-full .field-name-field-content .field-items, article.node-recipe.view-mode-full .field-name-field-tips .field-items {

      padding: 2em;

    }





    .field-name-field-related-articles article .field-name-field-content .field-items {

     padding: 0 !important;

    }



    article.node-recipe.view-mode-full .field-name-field-tips .title {

      color: #01224d;

      font-size: 0.8em;

      font-style: italic;

      font-weight: 100;

      letter-spacing: 0.2em;

      line-height: 150%;

      text-align: left;

      text-transform: uppercase;

    }



    article.node-recipe.view-mode-full .field-name-field-tips p {

      color: #01224d;

      font-size: 0.8em;

      font-style: italic;

      letter-spacing: 0.1em;

      line-height: 200%;

    }



    article.node-recipe.view-mode-full .field-name-field-tips .icon-blazer {

      color: #01224d;

      font-size: 2em;

      margin-bottom: 0.3em;

      text-align: center;

    }



  article.node-recipe .field-name-field-photo-2 {

    float: left;

    height: 420px;

    width: 33.33333%;

  }



    article.node-recipe .field-name-field-photo-1 img,

    article.node-recipe .field-name-field-photo-2 img {

      width: 100%;

    }



article.node-recipe.view-mode-related_teaser {

  width: 100%;

}



article.node-recipe .field-name-field-related-articles .field-items div.field-item {

  float: left;

  padding-left: 44px;

  width: 203px;

}



article.node-recipe .field-name-field-related-articles .field-items div.field-item:first-child {

  padding: 0;

}



    article.node-recipe.view-mode-related_teaser strong {

      font-size: 0.9em;

      font-style: italic;

      font-weight: 100;

      letter-spacing: 0.2em;

      line-height: 150%;

      text-transform: uppercase;

    }



    article.node-recipe.view-mode-related_teaser strong a {

      color: #01224d;

    }





/*

  article.node-recipe.view-mode-related_teaser .field-name-field-content p {

    color: gray;

    font-size: 12px;

    line-height: 140%;

    letter-spacing: 0.3em;

    margin: 27px 0 0;

  }

*/