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

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

/********** Articles - page showing the grid of available articles **********/
img#blog-banner {
  width: 600px;
}
/* center the content card image */
span.articles-field-content-card-image img {
  margin-left: auto;
  margin-right: auto;
}


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

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

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

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

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

/** Read The Article View **/
div.infogr-read-related-image img.img-responsive {
  margin: 10px auto;
}


/********** 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) {
}