/* Enter Your Custom CSS Here */

/* Reset default header image sizing to match new logo size (as defined in functions) - As logo is full width no positioning changes required */
/* From 1159px wide only */
@media screen and (min-width: 1159px) {
.header-image .site-header {
  background-size: 1080px 198px !important;
}

/* Force anchor to cover logo */
.header-image .site-title a {
  min-height: 198px !important;
  } }

/* Make logo flush with top of page and menu */
.foodie-pro .site-header {
  padding: 0;
}

/* Zero height description and title to remove spacing */
.header-image .site-description, .header-image .site-title a {
  height: 0;
}

/* Up to 1158px wide, contain logo and scale down - maintaining absolute 100% width and flush to page and menu top isn't really possible here because of the way Genesis inserts logos (by background image, instead of image)*/
@media screen and (max-width: 1158px) {
  .header-image .site-header {
  background-size: contain !important;
}
  
  .header-image .site-title a {
  min-height: 176px;
  } }

/* Switch to mobile logo under 941px as desktop logo starts to look a bit small and this is incidentally when the mobile menu kicks in */
@media screen and (max-width: 940px) {
.site-container .site-header {
  background: url(http://hungryhappenings.com/wp-content/uploads/2015/07/1-blog-header-hungry-happenings-mobile-.jpg
      ) no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  } }

/* Change color of widget title to white so it doesn't show up.*/
label.screen-reader-text { color: #ffffff; background:#ffffff; }