/**
 * #.# 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-improvise {
  background: orangered;
  border: 0.2rem solid #292929;
  color: #292929;
  margin: 0 auto;
  max-width: 740px;
  padding: 2rem; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.faq-section {
  padding: var(--s-spacing) 0 var(--l-spacing); }
  .faq-section:not(.no-borders) .faq-tile {
    border-bottom: 1px solid var(--color-primary); }
  .faq-section:not(.collapsible) .faq-tile {
    padding-bottom: var(--l-spacing); }
  .faq-section.collapsible .faq-tile {
    padding-bottom: var(--m-spacing);
    margin-bottom: var(--m-spacing);
    margin-top: var(--l-spacing);
    position: relative; }
    .faq-section.collapsible .faq-tile:after {
      color: var(--color-primary);
      content: '+';
      font-size: 28px;
      position: absolute;
      right: var(--s-spacing);
      top: 3px; }
    .faq-section.collapsible .faq-tile.expanded:after {
      content: '-'; }
    .faq-section.collapsible .faq-tile.expanded .faq-question h2, .faq-section.collapsible .faq-tile.expanded .faq-question h3, .faq-section.collapsible .faq-tile.expanded .faq-question h4, .faq-section.collapsible .faq-tile.expanded .faq-question h5, .faq-section.collapsible .faq-tile.expanded .faq-question h6 {
      color: var(--color-primary); }
    .faq-section.collapsible .faq-tile.expanded .faq-answer {
      max-height: 100%; }
    .faq-section.collapsible .faq-tile > .wp-block-group {
      margin-bottom: var(--s-spacing);
      margin-top: var(--s-spacing); }
    .faq-section.collapsible .faq-tile .faq-question {
      cursor: pointer; }
    .faq-section.collapsible .faq-tile .faq-answer {
      max-height: 0;
      overflow: hidden;
      -webkit-transition: max-height .5s linear;
      -o-transition: max-height .5s linear;
      transition: max-height .5s linear; }
      .faq-section.collapsible .faq-tile .faq-answer > .wp-block-group__inner-container {
        padding-bottom: var(--s-spacing);
        padding-top: var(--s-spacing); }
  .faq-section.collapsible.align-left .faq-tile:after {
    left: var(--s-spacing);
    right: unset; }
  .faq-section.collapsible.align-left .faq-tile .faq-question, .faq-section.collapsible.align-left .faq-tile .faq-answer {
    padding-left: var(--l-spacing); }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.hover-tile {
  height: 100%;
  margin-bottom: 0;
  position: relative; }
  .hover-tile:after {
    background: var(--color-primary);
    content: '';
    height: 100%;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: max-height .3s linear;
    -o-transition: max-height .3s linear;
    transition: max-height .3s linear; }
    @media (min-width: 768px) {
      .hover-tile:after {
        max-height: 50px; } }
  .hover-tile:hover:after {
    max-height: 100%; }
  .hover-tile:hover .hover-container {
    opacity: 1;
    -webkit-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
    visibility: visible; }
  .hover-tile:hover .static-container:after {
    content: ''; }
  .hover-tile .wp-block-cover {
    height: 100%;
    min-height: 100%;
    padding: var(--l-spacing) calc(var(--s-spacing) / 2); }
    .hover-tile .wp-block-cover .wp-block-cover__inner-container {
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .hover-tile .static-container {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: var(--m-spacing); }
    .hover-tile .static-container:after {
      bottom: 50px;
      content: '+';
      font-size: 64px;
      position: absolute;
      opacity: 1; }
      @media (min-width: 996px) {
        .hover-tile .static-container:after {
          content: none; } }
  .hover-tile .hover-container {
    -ms-flex-positive: 2;
        flex-grow: 2;
    margin-top: 0;
    position: relative;
    opacity: 1; }
    @media (min-width: 768px) {
      .hover-tile .hover-container {
        visibility: hidden;
        opacity: 0; } }
    .hover-tile .hover-container .wp-block-buttons {
      margin-top: var(--m-spacing); }

.has-hover-tiles .wp-block-columns .wp-block-column:last-of-type {
  margin-bottom: var(--m-spacing) !important; }
/**
 * #.# 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-improvise {
  background: orangered;
  border: 0.2rem solid #292929;
  color: #292929;
  margin: 0 auto;
  max-width: 740px;
  padding: 2rem; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.logo-grid {
  -ms-flex-align: center;
      align-items: center;
  -webkit-column-gap: 50px;
     -moz-column-gap: 50px;
          column-gap: 50px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: var(--l-spacing) 0;
  row-gap: 30px; }
  .logo-grid.owl-carousel {
    display: block;
    padding: var(--s-spacing) 0 var(--l-spacing); }
    .logo-grid.owl-carousel .owl-stage-outer {
      position: relative; }
    .logo-grid.owl-carousel .owl-stage {
      display: table;
      padding: 30px 0;
      -webkit-transition-timing-function: linear !important;
           -o-transition-timing-function: linear !important;
              transition-timing-function: linear !important; }
      .logo-grid.owl-carousel .owl-stage .owl-item {
        display: table-cell;
        float: none;
        vertical-align: middle; }
        .logo-grid.owl-carousel .owl-stage .owl-item figure {
          margin: 0 50px; }
          .logo-grid.owl-carousel .owl-stage .owl-item figure img {
            -webkit-transition: -webkit-transform .2s linear;
            transition: -webkit-transform .2s linear;
            -o-transition: transform .2s linear;
            transition: transform .2s linear;
            transition: transform .2s linear, -webkit-transform .2s linear; }
        .logo-grid.owl-carousel .owl-stage .owl-item:hover figure img {
          -webkit-transform: scale(1.1);
              -ms-transform: scale(1.1);
                  transform: scale(1.1); }
    .logo-grid.owl-carousel .owl-nav {
      position: absolute;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 2; }
      .logo-grid.owl-carousel .owl-nav button {
        background: transparent;
        border: none;
        color: var(--color-primary);
        line-height: 1; }
        .logo-grid.owl-carousel .owl-nav button.owl-prev {
          position: relative;
          left: var(--xl-spacing);
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg); }
        .logo-grid.owl-carousel .owl-nav button.owl-next {
          position: relative;
          right: var(--xl-spacing); }
        .logo-grid.owl-carousel .owl-nav button.disabled {
          cursor: default;
          opacity: .3; }
        .logo-grid.owl-carousel .owl-nav button div {
          font-size: 32px; }
    .logo-grid.owl-carousel .owl-dots {
      position: absolute;
      bottom: 35px;
      height: 0px;
      margin: 0 auto;
      text-align: center;
      width: 100%;
      z-index: 2; }
      .logo-grid.owl-carousel .owl-dots button {
        border: none;
        background: black;
        border-radius: 50%;
        margin: 0 10px;
        padding: 5px; }
        .logo-grid.owl-carousel .owl-dots button.active {
          background: var(--color-primary);
          border: 3px solid var(--color-primary); }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.video-grid {
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: var(--l-spacing) 0;
  row-gap: 30px; }
  .video-grid figure {
    margin: 0; }
    .video-grid figure .wp-block-embed__wrapper {
      padding-bottom: 70%; }
  .video-grid.owl-carousel {
    display: block;
    padding: var(--s-spacing) 0 var(--l-spacing); }
    .video-grid.owl-carousel .owl-stage-outer {
      position: relative; }
    .video-grid.owl-carousel .owl-stage .slide-group {
      display: grid;
      -webkit-column-gap: var(--s-spacing);
         -moz-column-gap: var(--s-spacing);
              column-gap: var(--s-spacing);
      row-gap: var(--s-spacing);
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(2, 1fr);
      -ms-flex-pack: center;
          justify-content: center; }
    .video-grid.owl-carousel .owl-stage figure .wp-block-embed__wrapper {
      padding-bottom: 70%; }
    .video-grid.owl-carousel .owl-stage figure:first-child {
      grid-column-start: 1;
      grid-column-end: span 2;
      grid-row-start: 1;
      grid-row-end: span 2;
      width: 100% !important; }
      .video-grid.owl-carousel .owl-stage figure:first-child .wp-block-embed__wrapper {
        padding-bottom: 72%; }
    .video-grid.owl-carousel .owl-nav {
      position: absolute;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 2; }
      .video-grid.owl-carousel .owl-nav > div {
        background: transparent;
        border: none;
        color: var(--color-primary);
        line-height: 1; }
        .video-grid.owl-carousel .owl-nav > div.owl-prev {
          position: relative;
          left: var(--xl-spacing);
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg); }
        .video-grid.owl-carousel .owl-nav > div.owl-next {
          position: relative;
          right: var(--xl-spacing); }
        .video-grid.owl-carousel .owl-nav > div.disabled {
          cursor: default;
          opacity: .3; }
        .video-grid.owl-carousel .owl-nav > div div {
          font-size: 32px; }
    .video-grid.owl-carousel .owl-dots {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      position: absolute;
      bottom: 20px;
      height: 0px;
      margin: 0 auto;
      text-align: center;
      width: 100%;
      z-index: 2; }
      .video-grid.owl-carousel .owl-dots .owl-dot {
        border: none;
        background: black;
        border-radius: 50%;
        margin: 0 10px;
        padding: 5px; }
        .video-grid.owl-carousel .owl-dots .owl-dot.active {
          background: var(--color-primary);
          border: 3px solid var(--color-primary); }