/**

 * @file

 * The CSS file for recipes on the site.

 *

 * 2 COLUMNS RESPONSIVE

 *

 */





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

*  RECIPE  *

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



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

  width: 100%;

}



  .field-slideshow-slide, .field-slideshow-slide a, .field-slideshow-slide img {

    width: 100% !important;

  }



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

    height: auto;

    width: 100% !important;

  }



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

    width: 80%;

  }



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

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

    width: 292px;

  }



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

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

      display: block;

      height: auto;

      width: 100%;

    }



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

    padding-bottom: 30px;

  }



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

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

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

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

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

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

    clear: none;

    height: 512px;

    margin-top: 0;

    width: 50%;

  }





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

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

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

    clear: left;

  }



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

    width: 80%;

  }



  article.node-recipe .field-name-field-related-articles {

    margin: 0 auto;

    overflow: hidden;

    width: 710px;

  }



    article.node-recipe .field-name-field-related-articles .field-item:nth-child(4) {

      display: none;

    }