/******************************
REDDIWIP SPECIFIC COLORS
******************************/
/******************************
COLORS
******************************/
/******************************
REDDIWIP SPECIFIC COLORS
******************************/
/******************************
COLORS
******************************/
/******************************
REDDIWIP SPECIFIC COLORS
******************************/
/******************************
COLORS
******************************/
/******************************
REDDIWIP SPECIFIC COLORS
******************************/
/******************************
COLORS
******************************/
/*****************************************************
BEGIN FUNCTIONS
*****************************************************/
/*****************************************************
BEGIN FUNCTIONS
*****************************************************/
/*****************************************************
BEGIN EXTENDS
*****************************************************/
/*****************************************************
END EXTENDS
*****************************************************/
@media (min-width: 768px) {
  /* line 5, ../../sass/components/region-secondary-menu.scss */
  .region-secondary-menu .item-list {
    width: 554px;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  /* line 13, ../../sass/components/region-secondary-menu.scss */
  #product-category-dropdown {
    height: 220px;
    top: -130px;
  }
}
@media (min-width: 768px) {
  /* line 20, ../../sass/components/region-secondary-menu.scss */
  #product-category-dropdown ul li {
    height: auto;
    flex-basis: calc(100% / 4);
    display: flex;
  }
}
@media (min-width: 768px) {
  /* line 27, ../../sass/components/region-secondary-menu.scss */
  #product-category-dropdown ul li img {
    height: 140px;
    width: auto;
  }
}
@media (min-width: 768px) {
  /* line 34, ../../sass/components/region-secondary-menu.scss */
  #product-category-dropdown ul li:first-child {
    justify-content: flex-start;
  }
}
@media (min-width: 768px) {
  /* line 40, ../../sass/components/region-secondary-menu.scss */
  #product-category-dropdown ul li:not(:first-child) {
    justify-content: center;
    position: relative;
  }
  /* line 45, ../../sass/components/region-secondary-menu.scss */
  #product-category-dropdown ul li:not(:first-child)::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 108px;
    width: 1px;
    background-color: #ECECEB;
    content: '';
  }
  /* line 50, ../../sass/components/region-secondary-menu.scss */
  #product-category-dropdown ul li:not(:first-child)::before {
    left: 0;
  }
}
@media (min-width: 768px) {
  /* line 56, ../../sass/components/region-secondary-menu.scss */
  #product-category-dropdown ul li:last-child {
    justify-content: flex-end;
  }
}
@media (min-width: 768px) {
  /* line 65, ../../sass/components/region-secondary-menu.scss */
  #product-category-dropdown .product-category-page-teaser > a {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  /* line 73, ../../sass/components/region-secondary-menu.scss */
  #product-category-dropdown .product-category-page-teaser > a:first-child {
    height: 100%;
  }
}
@media (min-width: 768px) {
  /* line 79, ../../sass/components/region-secondary-menu.scss */
  #product-category-dropdown .product-category-page-teaser > a .category-name {
    padding-top: 10px;
  }
}

/* line 89, ../../sass/components/region-secondary-menu.scss */
.category-name {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: ProximaNova, sans-serif;
}
/* line 96, ../../sass/components/region-secondary-menu.scss */
.category-classics {
  color: #146CA6;
}
/* line 100, ../../sass/components/region-secondary-menu.scss */
.category-barista {
  color: #422814;
}
/* line 104, ../../sass/components/region-secondary-menu.scss */
.category-non-dairy {
  color: #A3895E;
}

/* line 109, ../../sass/components/region-secondary-menu.scss */
.page-header nav > ul > li.menu-expanded ul {
  background-color: #2C497A;
  padding: 10px 0 10px 20px;
}
/* line 113, ../../sass/components/region-secondary-menu.scss */
.page-header nav > ul > li.menu-expanded ul a {
  color: white;
}