/* CSS for pethub.com/infographics page */

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

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

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


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

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

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

body.page-infographics article.node-infographic a {
  font-weight: bolder;
}

/*
body.page-infographics [class*="col-"] {
  margin-bottom: 30px;
}
*/
body.page-infographics 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) {
}