:root{
  --background-color:pink;
  --color:green;
}

.ie nav.navbar ul.navbar-nav li:hover > .sub-menu {
  display: flex;
}

/* ==== FAQ ============================================= */
.frequently-asked-questions .accordion-section > *{

}

.frequently-asked-questions{
  margin-top: 33px; /* IE fix */
  margin-top:var(--margin);
}

/* COOKIE */

.table {
max-width: 60ch;
margin: auto;
}

/*MOBILE MENU*/

@media screen and (max-width: 767px) {

nav.navbar ul.navbar-nav {
margin-top: 20px;
}
}

/*  NUTRITION */

@media screen and (max-width: 767px) {
.page-id-491 .home-block.slab.image-position-br.text-position-left.text-color-blue.no-button.has-top-margin.cta-position-left.cta-color-blue .home-block-bg{
  order: 2;
}
}

@media screen and (min-width: 991px) {
.page-id-491  .home-block.image-stretch img.home-block-image {
width: 100%;
height: auto;
}
}

@media screen and (min-width: 1200px) {
.page-id-491 .home-block.slab.image-position-tl.text-position-right.text-color-blue.image-stretch.no-button.has-top-margin.cta-position-right.cta-color-blue figure img {
  top: -28%;
}
}

/*  homepage */

/* .home .home-block.slab.image-position-fw.text-position-center.text-color-black.cta-position-center.cta-color-red-blue .home-block-contents {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
} */

.pade-id-24 .gradient {
  width: 75%;
  margin: auto;
}

.home .home-block.slab.image-position-br.text-position-left.text-color-white.has-top-margin.cta-position-left.cta-color-yellow-white {
  margin-top: 33px; /* IE fix */
  margin-top: var(--margin);
}

.home .home-block.slab.image-position-fw.text-position-left.text-color-blue.has-top-margin.cta-position-left.cta-color-blue-yellow .cta {
  margin-top: initial;
}

#home section:first-of-type .cta {
  margin-top: -115px; /* EB */
}

@media screen and (max-width: 767px) {

  .home a.cta.btn.left.yellow-white {
    align-self: inherit;
  }

  .home .home-block.slab.image-position-br.text-position-left.text-color-white.has-top-margin.cta-position-left.cta-color-yellow-white .home-block-bg {
    order:2;
  }

  .home .kt-inside-inner-col p {
    padding: 0 33px; /* IE fix */
    padding: 0 var(--margin);
  }

  .home .kt-mobile-layout-row.kt-v-gutter-default>.wp-block-kadence-column {
    margin-bottom: 0;
  }
}



/*  supermorning */

.page-id-532 .content > .wp-block-columns {
margin-top: 0;
}

@media screen and (max-width: 767px) {
.page-id-532  .kt-mobile-layout-row.kt-v-gutter-default>.wp-block-kadence-column {
margin-bottom: 0;
}

.page-id-532 #kt-layout-id_6e1842-8b .wp-block-button {
margin: 10px;
}

}





/*  WAYS TO EAT */



#recipe-page > ul > li > a > p {
display: inline;
}

#recipe-page > ul > li > a > p:nth-child(2) {
}

#recipe-page > ul > li > a {
text-align: left;
}

#recipe-page > ul > li > a > p:nth-child(3) {
margin-left: 10px;
}



/* ==== SINGLE RECIPE =================================== */
#recipe img.packshot.wp-post-image {
width: 68%;
margin: 30px auto;
filter: none;
}

.product-nutrition-recipes {
background:#ffffff;
margin: 30px auto;
}

.product-nutrition-recipes  h4 {
text-align: center;
padding-bottom: 20px;
font-weight: 900;
}

#recipe h1 {
padding-top: 0;
}

#recipe-ingredients ul {
padding-left: 17px;
}

#recipe-ingredients > div.recipes-method-column {
margin-top: 30px;
}

#recipe-ingredients{
  background-color: #FEDD32;
  width: 100%;
  margin: auto;
  padding: 20px;
}


@media screen and (min-width:767px) {

  #home section:first-of-type .cta {
    margin-top: auto; /* EB  */
  }

  #recipe-ingredients {
    padding: 50px;
    margin-bottom: 33px; /* IE fix */
    margin-bottom: var(--margin);
  }
  .recipes-ingredients {
    display: flex;
    justify-content: space-between;
  }

  .product-nutrition-recipes {
  width: 68%;
  padding: 40px 150px ;
  }


  #recipe-ingredients > div.recipes-ingredients-column {
    width: 40%
  }

  #recipe-ingredients h3 {
    margin-bottom: 20px;
  }


  #recipe-ingredients > div.recipes-method-column {
    width: 40%;
    margin-top: 0;
  }
}


#recipes .page-content header{

}

#recipe-page .page-content .content{
  order:-1;
}




.recipe-cards{
  columns: 1; /* IE fix*/
  --columns:1;
}

.recipe-cards .card img{

}

/* List (grid) of recipes */
.recipe-cards{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin:0;
  padding: 0 33px; /* IE fix */
  padding: 0 var(--margin); 
}

/* Each recipe is a card with a dropshadow and a border */
.recipe-cards .card{
  flex-basis: calc(100% / 3 ); /* IE fix */
  max-width: calc(100% / 3 ); /* IE fix */
  min-width: 200px;  /* IE fix */
  flex-basis:calc(100% / var(--columns) );
  max-width:calc(100% / var(--columns) );
  box-sizing: border-box;
  border-radius:0;
  text-align: center;
  background-color:transparent;
  border:0;
  position: relative;
  box-sizing: border-box;
  padding:10px;
  line-height:1.1;
}
/*
.recipe-cards .card::after{
  content:'';
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  outline:2px solid pink;
} */

/* Recipe image with smooth dropshadow see https://tobiasahlin.com/blog/layered-smooth-box-shadows/ */
.recipe-cards .card img{

  margin-bottom:10px;
  box-sizing: border-box;
  /* border:10px solid #F6F0ED; */
  border:10px solid #fff;
  border-radius:0;
  position: relative;
  transition:200ms ease-out box-shadow;
}

/*
.recipe-cards .card::before{
  content:'';
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;

  opacity:0;
  transition: opacity 0.3s linear;
} */




/* Softer */
.recipe-cards .card a:hover img,
.recipe-cards .card a:focus img{
  box-shadow: 0 1px 1px rgba(0,0,0,0.15),
            0 2px 2px rgba(0,0,0,0.15),
            0 4px 4px rgba(0,0,0,0.15),
            0 8px 8px rgba(0,0,0,0.15);
}

@media screen and (min-width:767px){
  .recipe-cards{
    columns: 2; /* IE fix*/
    --columns:2;
  }

  .card {
    flex-direction: row;
  }

  .ie #recipe-page {
    margin-bottom: 130px;
    margin-bottom: var(--margin);
  }
}

@media (min-width: 992px){
   .recipe-cards{
      columns: 3; /* IE fix*/
      --columns:3;
  }
}


/* ==== FAQ ============================================================ */

.frequently-asked-questions{

}


/* ==== PHILOSOPHY==== */

.page-id-378 h4 {
  text-transform: initial;
}

.page-id-378 .layoutArea h4 {
  margin-top: 1.3em;
  font-size: 16px;
font-weight: 900;

}

.page-id-378 .wp-block-kadence-rowlayout p{
  padding-bottom: 23px;
}

.page-id-378 #kt-layout-id_5058bd-4b h2 {
  margin-bottom: 20px;
}


@media screen and (min-width:1200px) {
  .page-id-378  .home-block.image-stretch img.home-block-image {
  width: 100%;
  height: auto;
  }

  .page-id-378 .home-block.slab.image-position-tr.text-position-left.text-color-blue.image-stretch.no-button.has-top-margin.cta-position-center.cta-color-blue figure img {
    top: -9%;
  }
  
  .page-id-381 .home-block.image-stretch img.home-block-image {
    width: 100%;
    height: auto;
  }
}

/* ==== COMPANY OVERVIEW ================================================================================= */
@media screen and (max-width:767px) {

.page-id-381 ul.history li{
    padding: 33px 0;
}

.page-id-378 #kt-layout-id_5058bd-4b .kadence-column_af44a6-83{
  margin-bottom: 0;

}
}


/* ==== OUR BRANDS ================================================================================= */


.page-id-34 .content > :first-child {
display: none;
}

@media screen and (max-width:767px) {
.page-id-34 .product-packshots .packs .pack + .pack {
margin-left: 0;
}

.page-id-34 .content section {  /* this makes alpen-bars and alpen light mobile bg top aligned */
background-size: 300% !important;
background-position-y: 0px, 750px !important;
}

.page-id-34 .content .alpen-bars,
.page-id-34 .content .alpen-light { /* EB */
  background-size: cover !important;
  background-position-y: 50px, 0px !important;
}

.page-id-34 .slab.product-packshots.products-2.text-color-white.text-position-center.cta-position-center.cta-color-blue,
.page-id-34 .slab.product-packshots.products-1.text-color-white.text-position-center.cta-position-center.cta-color-blue {
background-size: cover !important ;

}

.page-id-34 .pack.slide {
padding: 24px 0;
}

.page-id-34 .packs .pack .wp-post-image {
margin-bottom: 10px;
}

}

.brands header,
.brands .content{
  background-color:#F6F1ED;
}


/* ==== Product Page Variations ==================================================================== */

/* All Mini products */
header.brand-minis{
  background-image: linear-gradient(to bottom, #48bdd7, #293073);
}

header.brand-weetabix {
  background-image: linear-gradient(#fbde17,#efcc19);
}

header.brand-oatibix{
  background-image: linear-gradient(to bottom, #ffcf83, #ffa617);
}

header.brand-weetos{
  background-image: linear-gradient(to bottom, #ffd924, #f8a923);
}

header.brand-flakes{
  background-image: linear-gradient(to bottom, #a3d7de, #4bbfd8);
}

.slab .similar-products {
  margin-top: 40px;
}


/* ==== Erin's edits  ================================================================================= */

header.brand-alpen,
header.brand-alpen-bar,
header.brand-alpen-light-bar {
  background-image: linear-gradient(to bottom, #24a3d9, #e2f7ff);  /* was #5ab9e7, #cae7f8 */
}

@media (min-width: 1000px) { 
  .product-header:after {
      background-repeat: no-repeat !important;
  }
} 


.ie #home section:first-of-type .cta {
  margin-bottom: 33px;
}