@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-highlight-block {
  border: 1px solid #cdd3df;
  display: block;
  margin-bottom: 3rem;
  margin-top: 3rem;
  padding: 0.25rem;
  text-decoration: none;
  -webkit-transition: -webkit-box-shadow 0.15s ease-in;
  transition: -webkit-box-shadow 0.15s ease-in;
  -o-transition: box-shadow 0.15s ease-in;
  transition: box-shadow 0.15s ease-in;
  transition: box-shadow 0.15s ease-in, -webkit-box-shadow 0.15s ease-in; }
  .wp-block-cgb-block-highlight-block:hover {
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.14);
            box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.14);
    -webkit-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in; }
    .wp-block-cgb-block-highlight-block:hover h2 {
      color: #9b301c; }
  .wp-block-cgb-block-highlight-block .highlight-inner {
    -ms-flex-align: center;
        align-items: center;
    border: 1px solid #cdd3df;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 2rem; }
  .wp-block-cgb-block-highlight-block .text-wrapper {
    -ms-flex: 2;
        flex: 2;
    margin-left: 2rem; }
  .wp-block-cgb-block-highlight-block p {
    color: #0b111d; }
  .wp-block-cgb-block-highlight-block h2 {
    color: #131516;
    font-family: "Playfair Display", serif;
    font-weight: 400;
    font-size: 1.75rem;
    margin-bottom: 0;
    margin-top: 0; }
    .wp-block-cgb-block-highlight-block h2::after {
      content: "»";
      display: inline-block;
      margin-left: 0.5rem; }

@media (max-width: 640px) {
  .wp-block-cgb-block-highlight-block .highlight-inner {
    display: block; }
  .wp-block-cgb-block-highlight-block .text-wrapper {
    margin-left: 0;
    margin-top: 1rem; } }