/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-oohology-block-ooh-sloped-column {
  -webkit-box-shadow: 0 0 56px 2px rgba(0, 0, 0, 0.13);
          box-shadow: 0 0 56px 2px rgba(0, 0, 0, 0.13);
  display: -ms-flexbox;
  display: flex;
  margin: 3.8rem auto;
  overflow: hidden;
  width: 100%; }
  .wp-block-oohology-block-ooh-sloped-column .content {
    background: #00467E;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex: 1 auto;
        flex: 1 auto;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 1.5em 0;
    width: 530px;
    position: relative; }
    .wp-block-oohology-block-ooh-sloped-column .content::after {
      top: 0;
      right: -5rem; }
    .wp-block-oohology-block-ooh-sloped-column .content::after {
      content: "";
      position: absolute;
      border: 0 solid transparent;
      -webkit-transform: rotate(360deg);
      z-index: 1; }
    .wp-block-oohology-block-ooh-sloped-column .content::after {
      right: -400px; }
    .wp-block-oohology-block-ooh-sloped-column .content::after {
      border-left-color: #00467E;
      border-left-width: 400px;
      border-bottom-width: 100vh; }
    .wp-block-oohology-block-ooh-sloped-column .content:after {
      bottom: 0;
      left: 100%;
      top: initial;
      right: initial;
      z-index: 1; }
    .wp-block-oohology-block-ooh-sloped-column .content h1,
    .wp-block-oohology-block-ooh-sloped-column .content h2,
    .wp-block-oohology-block-ooh-sloped-column .content h3,
    .wp-block-oohology-block-ooh-sloped-column .content h4,
    .wp-block-oohology-block-ooh-sloped-column .content h5,
    .wp-block-oohology-block-ooh-sloped-column .content h6 {
      color: inherit; }
    .wp-block-oohology-block-ooh-sloped-column .content .container {
      position: relative;
      z-index: 2; }
      .wp-block-oohology-block-ooh-sloped-column .content .container > * + * {
        margin-top: 1.5em; }
  .wp-block-oohology-block-ooh-sloped-column .image-wrapper {
    -ms-flex: 1 800px;
        flex: 1 800px;
    min-height: 40rem;
    width: 100%;
    overflow: hidden;
    position: relative; }
    .wp-block-oohology-block-ooh-sloped-column .image-wrapper .image {
      position: absolute;
      width: auto;
      height: 100%;
      max-width: none;
      max-height: none;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }