/*
Theme Name: Guideline Central Theme
Theme URI: https://www.guidelinecentral.com/
Author: James Pham
Description: Isolated styling for looped products in grid view (template part)
Template: product-grid.php
Version: 0.5

Table of Contents:
    1.0 || VARIABLES (SCSS only)
        1.1 - GENERAL MIXINS
        1.2 - RESPONSIVE MIXINS
        1.3 - "BEFORE" RESPONSIVE MIXINS
    2.0 || PRODUCT GRID
*/
/*******************************
 * 1.0 - VARIABLES (SCSS only) *
 *******************************/
#primary {
  font-family: "Roboto", sans-serif !important;
  padding: 0;
  /**********************
   * 2.0 - PRODUCT GRID *
   **********************/
}
#primary .product-society {
  text-transform: uppercase;
}
#primary a {
  color: #5E90A9;
}
#primary div.product-grid div.product-grid-img {
  position: relative;
  height: unset;
  min-height: 300px;
}
#primary div.product-grid div.product-grid-img:hover {
  background-color: #EFEFEF;
}
#primary div.product-grid div.product-grid-img img {
  height: unset !important;
  width: unset !important;
  padding: 0.5em;
}
#primary div.product-grid div.product-grid-img div.view-guidelines-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.5s ease;
  background: rgba(0, 0, 0, 0.7);
}
#primary div.product-grid div.product-grid-img div.view-guidelines-overlay a {
  color: #FFFFFF;
}
#primary div.product-grid div.product-grid-img div.view-guidelines-overlay a:hover {
  color: #000000;
}
#primary div.product-grid div.product-description a.product-title {
  color: #575757;
  font-size: 14pt;
  font-weight: 400;
  line-height: 1.2;
  border-bottom: 1px solid rgba(170, 170, 170, 0.2);
  padding-bottom: 0.5em;
}
#primary div.product-grid div.product-description span.product-society {
  color: #5E90A9;
  font-size: 10pt;
  text-transform: unset;
  margin: 0.3em 0;
  padding: 0.7em;
  background: #f7f7f7;
}
#primary div.product-grid div.product-description span.product-society:empty {
  display: none !important;
}
#primary div.product-grid div.product-description span.product-society:empty + span.product-last-updated {
  border: none;
}
#primary div.product-grid div.product-description span.product-last-updated {
  border-top: 1px solid rgba(170, 170, 170, 0.2);
  padding-top: 0.5em;
  color: #AAAAAA;
  font-size: 10pt;
  display: block;
}