/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

<style>
  #whr_embed_hook {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .whr-group {
    display: none;
    color: #888;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
  }

  .whr-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .whr-item {
    background-color: rgb(242, 243, 249);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-basis: 31%;
    justify-content: space-between;
    margin: 0 13px;
    min-height: 150px;
    margin-bottom: 25px;
    padding: 20px 25px;
    transition: background-color 0.1s ease-in-out;
  }

  .whr-item:hover {
    background-color: rgba(242, 243, 249, 0.5);
    cursor: pointer;
  }

  .whr-title {
    margin-bottom: 2.25rem;
    text-align: center;
  }

  .whr-dept span {
    display: none;
  }

  .whr-dept:before {
    content: "";
  }

  .whr-title a {
    color: rgb(61, 117, 231);
    font-size: 1.25rem;
  }

  .whr-title a:hover {
    text-decoration: none;
  }

  .whr-info {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .whr-date {
    display: none;
  }
</style>