/* brand colors */
/* break points (based on Bootstrap 4) */
.row.jp-post-grid {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  .row.jp-post-grid .col {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .row.jp-post-grid .col > div {
      display: table;
      border: 1px solid lightgray;
      border-radius: 4px;
      height: 100%;
      padding: 10px; }
      .row.jp-post-grid .col > div > .post-field:not(:last-child) {
        margin-bottom: 10px; }
    .row.jp-post-grid .col .field-featured-image {
      position: relative;
      overflow: hidden; }
      .row.jp-post-grid .col .field-featured-image a {
        display: block;
        padding-top: 75%; }
      .row.jp-post-grid .col .field-featured-image:hover {
        -webkit-transition: 0.5s all ease;
        -moz-transition: 0.5s all ease;
        -ms-transition: 0.5s all ease;
        -o-transition: 0.5s all ease;
        transition: 0.5s all ease;
        background-color: #e0e0e0 !important; }
        .row.jp-post-grid .col .field-featured-image:hover img {
          -webkit-transition: 0.5s all ease;
          -moz-transition: 0.5s all ease;
          -ms-transition: 0.5s all ease;
          -o-transition: 0.5s all ease;
          transition: 0.5s all ease;
          opacity: 0.2; }
    .row.jp-post-grid .col .field-title {
      text-align: center;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 600;
      line-height: 18px;
      letter-spacing: 1px; }
    .row.jp-post-grid .col .field-date {
      color: #999;
      font-style: italic;
      font-size: 11px; }
    .row.jp-post-grid .col .field-bottom {
      display: table-row;
      font-size: 12px;
      font-weight: 700;
      line-height: 12px; }
      .row.jp-post-grid .col .field-bottom .readmore {
        display: table-cell;
        vertical-align: bottom; }

nav.navigation.pagination {
  text-align: center; }
  nav.navigation.pagination .page-numbers:not(.dots) {
    display: inline-block;
    text-decoration: none;
    border: 1px solid lightgray;
    border-radius: 4px;
    min-width: 30px;
    height: 30px;
    padding: 0px 8px; }
    nav.navigation.pagination .page-numbers:not(.dots).current, nav.navigation.pagination .page-numbers:not(.dots):hover {
      color: gray; }

/*# sourceMappingURL=post_grid_widget.css.map */