/**
 * The following styles get applied inside the editor only.
 *
 * Replace them with your own styles or remove the file completely.
 */
.m-1 {
  margin: 0.5rem; }

.wp-block-create-block-film-component {
  display: flex; }
  .wp-block-create-block-film-component a {
    display: block;
    position: relative; }
  .wp-block-create-block-film-component .flex-block {
    min-height: 325px; }
    .wp-block-create-block-film-component .flex-block:first-child {
      /* Image div */
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      -o-object-fit: cover;
         object-fit: cover;
      flex: 1.75;
      margin: 0;
      padding: 0;
      position: relative;
      width: 100%;
      font-family: "Gotham A", "Gotham B";
      font-weight: 700; }
      .wp-block-create-block-film-component .flex-block:first-child span {
        background-color: #f5f5f5;
        color: #1d363c;
        font-size: 13px;
        font-weight: bold;
        left: 0;
        padding: 2px 8px;
        position: absolute;
        top: 0; }
      .wp-block-create-block-film-component .flex-block:first-child p {
        bottom: 0;
        color: #fff;
        left: 0;
        font-size: 1.175rem;
        font-weight: 700;
        margin: 12px 16px;
        position: absolute;
        overflow: hidden;
        font-family: "Gotham A", "Gotham B";
        font-weight: 700; }
    .wp-block-create-block-film-component .flex-block:nth-child(2) {
      /* Content div */
      align-content: center;
      background-color: #45485c;
      display: flex;
      flex: 1;
      justify-content: center;
      text-align: center; }
      .wp-block-create-block-film-component .flex-block:nth-child(2) div {
        margin-top: auto;
        margin-bottom: auto;
        padding: 20px; }
      .wp-block-create-block-film-component .flex-block:nth-child(2) h1 {
        margin: 0 auto;
        margin-bottom: 1rem;
        font-size: 3.5rem; }
      .wp-block-create-block-film-component .flex-block:nth-child(2) p {
        color: #fff;
        margin: 1rem auto;
        padding: 0 10%;
        text-overflow: ellipsis;
        overflow: hidden; }
      .wp-block-create-block-film-component .flex-block:nth-child(2) h1,
      .wp-block-create-block-film-component .flex-block:nth-child(2) span {
        color: #f5f5f5;
        line-height: 1; }
        .wp-block-create-block-film-component .flex-block:nth-child(2) h1:first-child,
        .wp-block-create-block-film-component .flex-block:nth-child(2) span:first-child {
          display: inline;
          font-size: 14px; }
      .wp-block-create-block-film-component .flex-block:nth-child(2) a {
        margin-top: 1.2rem;
        margin-bottom: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        color: #f5f5f5; }
        .wp-block-create-block-film-component .flex-block:nth-child(2) a:hover, .wp-block-create-block-film-component .flex-block:nth-child(2) a:visited {
          color: #f5f5f5; }
        .wp-block-create-block-film-component .flex-block:nth-child(2) a i {
          font-family: "jhp-icons";
          vertical-align: middle; }
        .wp-block-create-block-film-component .flex-block:nth-child(2) a .icon-angle-right:before {
          margin-left: 0; }

@media screen and (max-width: 991px) {
  .wp-block-create-block-film-component {
    flex-direction: column; }
    .wp-block-create-block-film-component div:first-child {
      min-height: 150px; } }


/*# sourceMappingURL=style-index.css.map*/