/* Print styles for recipes - Show only image, ingredients, and instructions */

/* Reset everything */
* {
  background: white !important;
  color: black !important;
}

/* Hide everything except what we want */
.top-header,
header,
.header-banner,
.article-breadcrumbs,
.breadcrumbs,
.footer-global-component,
footer,
.post-info,
.print-share,
.post-cat-title-container-info,
.post-cat-title-container-info__action-buttons,
.post-cat-title-container-info__like,
.post-cat-title-container-info__time-required,
.post-cat-title-container-info__portions,
.post-cat-title-container-info__food-preferences,
.vego-recipe-tabs,
.related-recipes,
.related-posts,
.comments-section,
#comments,
.sidebar,
.advertisement,
.social-share,
.newsletter-signup,
.post-share,
.post-print,
.like-button,
.vego-like-button,
.rating-container,
nav,
.nav,
.navigation,
.menu,
.end-of-article-recipe,
.featured-image-caption,
.portion-selector,
.sponsored-ingredient-badge,
.sponsored-ingredient,
button,
input[type="checkbox"],
input[type="button"],
.checkbox-wrapper {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Show instruction labels (the actual text) */
.instruction-text {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  margin-bottom: 8px !important;
}

/* Show Title and Description */
.post-cat-title-container__title,
.post-cat-title-container__title h1 {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  margin-bottom: 20px !important;
  page-break-after: avoid !important;
}

.post-cat-title-container-desc {
  display: none !important;
}

/* Show featured image */
.article-content-container__header,
.article-content-container__header-content,
.featured-image,
.featured-image img,
.full-width-featured-image {
  display: block !important;
  visibility: visible !important;
  max-width: 100% !important;
  height: auto !important;
  margin-bottom: 30px !important;
  page-break-after: always !important;
}

/* Force page breaks */
.first-section {
  page-break-before: always !important;
  page-break-after: always !important;
}

.second-section {
  page-break-before: always !important;
}

/* Show only ingredients and instructions */
.article-content,
.article-content-container,
.article-content-container-wrapper,
.article-content-container__recipe,
.first-section,
.first-section .recipe-ingredients-container,
.first-section .recipe-ingredients-container .recipe-ingredients-container__ingredients,
.first-section .recipe-ingredients-container .recipe-ingredients-container__ingredients ul,
.first-section .recipe-ingredients-container .recipe-ingredients-container__ingredients li,
.second-section,
.second-section .recipe-instructions-container,
.second-section .recipe-instructions-section,
.second-section .recipe-instructions-section ol,
.second-section .recipe-instructions-section li,
.second-section p,
.recipe-ingredients-container__header,
.recipe-instructions-container__header,
.instructions-header-label,
#ingredients,
#instructions,
.recipe-instruction-row,
.ingredient-list-item,
h2, h3, h4, h5 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
}

ul, ol, li {
  list-style-position: inside !important;
}

img {
  page-break-inside: avoid;
}

h1, h2, h3, h4, h5 {
  page-break-after: avoid;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}

body {
  background: white !important;
  padding: 20px !important;
  font-size: 12pt !important;
}