/* === Custom Block Styling === */
.pageHead__full {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: visible;
  }
  .pageHead__background_wrapper {
    display: flex;
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    user-select: none;
    pointer-events: none;
  }
  .pageHead__content_backgrond {
    width: 66.66666%;
    background-color: var(--FC-black);
  }
  .pageHead__image_wrapper {
    position: relative;
    width: 33.33333%;
  }
  .pageHead__image_wrapper img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .pageHead__title {
    color: var(--FC-white);
    font-size: var(--FC-font-size-120);
  }
  .pageHead__copy *,
  .pageHead__copy {
    color: var(--FC-white) !important;
  }
  .pageHead__arrow_wrapper {
    position: absolute;
    height: 96px;
    width: 64px;
    background-color: var(--FC-green);
    overflow: hidden;
    right: 240px;
    bottom: -48px;
  }
  .pageHead__arrow_wrapper svg {
    animation: arrowAnim 1.55s infinite;
  }
  
  /* === Single post styling === */
  .single-post .pageHead__title {
    font-size: var(--FC-font-size-72);
    text-transform: uppercase;
    line-height: 1;
  }
  .pageHead__post_meta_wrapper {
    display: flex;
    gap: 16px;
  }
  .pageHead__post_meta {
    color: var(--FC-green);
    margin: 0px !important;
  }
  @media screen and (max-width: 991.98px) {
    .pageHead__full {
      height: auto;
      background-color: var(--FC-black);
    }
    .pageHead__background_wrapper {
      position: relative;
    }
    .pageHead__content_backgrond {
      display: none;
    }
    .pageHead__image_wrapper {
      width: 100%;
      padding-bottom: 45%;
    }
    .pageHead__content_container {
      background-color: var(--FC-black);
    }
    .pageHead__content_container {
      margin-top: 64px;
      margin-bottom: 64px;
    }
    .pageHead__arrow_wrapper {
      right: calc(calc(100vw - var(--FC-container-width)) / 2);
    }
  }
  @media screen and (max-width: 559.98px) {
    .pageHead__image_wrapper{
      padding-bottom: 85%;
    }
  } 
  @keyframes arrowAnim {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-32px);
    }
    100% {
      transform: translateY(0);
    }
  }
  @media screen and (max-width: 390.98px){
    .pageHead__title {
      font-size: 64px;
	  text-align: center !important;
    }
    .pageHead__title span {
      font-size: 64px;
    }
  }