/* CSS for pethub.com/staff-picks page */

body.page-staff-picks h1.page-header {
  display: none;
}

/* headline */
body.page-staff-picks .field.field-name-field-perk-offer-name.field-type-text.field-label-hidden {
  font-size: 24px;
  font-weight: 600;
  margin: 20px 0;
}

/********** staff-picks - page showing the grid of available off-site products **********/
img#staffpix-banner {
  width: 760px; /* trying to keep banners 180px high - cannot set height; it messes with img-responsive */
}
/* center the content card image */
span.staffpix-field-content-card-image img {
  margin-left: auto;
  margin-right: auto;
}


/********** Staff Pix View - page showing a specific staffpix **********/
/* get columns to have same height (see post: https://www.codeply.com/p/pdiSNSEfzD ) */

body.page-staff-picks .row-flex {
  display: flex;
  flex-wrap: wrap;
}

.ph-staffpix-grid-full-height {
  height: 100%;
  padding: 20px 20px 10px
}

body.page-staff-picks article.node-staffpix a {
  font-weight: bolder;
}

/*
body.page-staff-picks [class*="col-"] {
  margin-bottom: 30px;
}
*/
body.page-staff-picks div.view-content [class*="col-"] {
  margin-bottom: 30px;
}

/**
General styles meant for use wherever this file is loaded
 */
.main-container h3 {
  color: var(--ph-color-orange-dark);
}


/********** Media Modifications for Viewport Size **********/

/*** Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/*** Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/*** Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}