/* =======================================*/
/*
/*
/* VARIABLES
/*
/*
/* =======================================*/
/* =======================================*/
/* Color Defaults
/* =======================================*/
/* =======================================*/
/* Color Hooks
/* =======================================*/
/* =======================================*/
/* Spacing
/* =======================================*/
/* =======================================*/
/* Typography
/* =======================================*/
/* =======================================*/
/* Line Height
/* =======================================*/
/* =======================================*/
/* Transitions
/* =======================================*/
/* =======================================*/
/* Border Radius
/* =======================================*/
/* =======================================*/
/* Shadows
/* =======================================*/
/* =======================================*/
/* Borders
/* =======================================*/
/* =======================================*/
/*
/* CORE - HELPERS
/*
/* =======================================*/
/*
  Description & Documentation here
*/
/* =======================================*/
/* POSITION SHORTHAND
/* =======================================*/
/* =======================================*/
/*
/* CORE - TRANSITION
/*
/* =======================================*/
/*
  Description & Documentation here
*/
/* =======================================*/
/*
/* UI KIT - ARROW
/*
/* =======================================*/
/* =======================================*/
/*
/* UI ELEMENTS - BUTTON
/*
/* =======================================*/
/* =======================================*/
/* 
/* GRID FUNCTIONS
/* 
/* =======================================*/
/* =======================================*/
/* 
/* GRID
/* 
/* =======================================*/
/* =======================================*/
/*
/* GRID COLUMN
/*
/* =======================================*/
/* =======================================*/
/*
/* CONTAINER
/*
/* =======================================*/
/* =======================================*/
/*
/* GRID QUERIES
/* 
/* =======================================*/
/* =======================================*/
/* RESPOND AT - use: @include respond-at($name) {...} 
/* =======================================*/
/* =======================================*/
/* RESPOND ABOVE - use: @include respond-above($name) {...} 
/* =======================================*/
/* =======================================*/
/* RESPOND BELOW - use: @include respond-below($name) {...} 
/* =======================================*/
/* =======================================*/
/* RESPOND BETWEEN - use: @include respond-between($name1, $name2) {...} 
/* =======================================*/
.az-post-thumbnail {
  position: relative; }
  .az-post-thumbnail.aligncenter {
    text-align: center; }
  .az-post-thumbnail.alignleft {
    text-align: left; }
  .az-post-thumbnail.alignright {
    text-align: right; }
  .az-post-thumbnail__title {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    color: #fff; }
    .az-post-thumbnail--top-left .az-post-thumbnail__title {
      top: 30px;
      right: initial;
      bottom: initial;
      left: 0; }
      @media only screen and (min-width: 800px) {
        .az-post-thumbnail--top-left .az-post-thumbnail__title {
          top: 90px;
          left: 60px; } }
    .az-post-thumbnail--top-right .az-post-thumbnail__title {
      top: 30px;
      right: 0;
      bottom: initial;
      left: initial; }
      @media only screen and (min-width: 800px) {
        .az-post-thumbnail--top-right .az-post-thumbnail__title {
          top: 90px;
          right: 60px; } }
    .az-post-thumbnail--bottom-left .az-post-thumbnail__title {
      top: initial;
      right: initial;
      bottom: 30px;
      left: 0; }
      @media only screen and (min-width: 800px) {
        .az-post-thumbnail--bottom-left .az-post-thumbnail__title {
          bottom: 90px;
          left: 60px; } }
    .az-post-thumbnail--bottom-right .az-post-thumbnail__title {
      top: initial;
      right: 0;
      bottom: 30px;
      left: initial; }
      @media only screen and (min-width: 800px) {
        .az-post-thumbnail--bottom-right .az-post-thumbnail__title {
          right: 60px;
          bottom: 90px; } }
  .az-post-thumbnail:not(.az-post-thumbnail--resized-off) .az-post-thumbnail__image {
    min-height: 240px;
    max-height: 445px;
    -o-object-fit: cover;
    object-fit: cover; }
    @media only screen and (min-width: 800px) {
      .az-post-thumbnail:not(.az-post-thumbnail--resized-off) .az-post-thumbnail__image {
        width: 100%;
        min-height: 419px; } }
  .az-post-thumbnail--resized-center .az-post-thumbnail__image {
    -o-object-position: center;
    object-position: center; }
  .az-post-thumbnail--resized-top .az-post-thumbnail__image {
    -o-object-position: top;
    object-position: top; }
  .az-post-thumbnail--resized-bottom .az-post-thumbnail__image {
    -o-object-position: bottom;
    object-position: bottom; }
  .az-post-thumbnail--resized-right .az-post-thumbnail__image {
    -o-object-position: right;
    object-position: right; }
  .az-post-thumbnail--resized-left .az-post-thumbnail__image {
    -o-object-position: left;
    object-position: left; }
  .az-post-thumbnail__note {
    color: #a8a8a8; }
    .az-post-thumbnail__note::before {
      content: '';
      display: inline-block;
      width: 10px;
      height: 10px;
      background: var(--primary_color);
      border-radius: 40px;
      margin-right: 3.5px; }
  .az-post-thumbnail__overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    z-index: 1;
    position: absolute;
    bottom: 45px; }
    @media only screen and (min-width: 800px) {
      .az-post-thumbnail__overlay {
        bottom: 55px; } }
    .az-post-thumbnail__overlay--left {
      left: 0px; }
      @media only screen and (min-width: 800px) {
        .az-post-thumbnail__overlay--left {
          left: 20px; } }
    .az-post-thumbnail__overlay--right {
      right: 0px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media only screen and (min-width: 800px) {
        .az-post-thumbnail__overlay--right {
          right: 20px; } }
    .az-post-thumbnail__overlay-icon {
      width: 18px; }
      .az-post-thumbnail__overlay-icon:not(:last-child) {
        margin-right: 5px; }
    .az-post-thumbnail__overlay-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: #fff; }
      .az-post-thumbnail__overlay-block--location {
        padding: 7.5px 10px;
        margin-right: 5px; }
      .az-post-thumbnail__overlay-block--highlight {
        padding: 7.5px 12.5px 7.5px 35px;
        margin-right: 5px;
        background: #ffa500;
        font-weight: 500;
        color: #fff;
        background-image: url("../../../assets/images/icon-ribbon.svg");
        background-size: 20px;
        background-position: 10px center;
        background-repeat: no-repeat; }
      .az-post-thumbnail__overlay-block--trusted-vendor {
        padding: 7.5px 10px;
        margin-right: 5px;
        background: var(--primary_color);
        color: #fff; }
      .az-post-thumbnail__overlay-block--text {
        padding: 7.5px 10px;
        margin-right: 5px;
        background: #fff; }
      .az-post-thumbnail__overlay-block--image {
        max-width: 135px !important;
        min-height: 40px;
        padding: 10px;
        -o-object-fit: contain;
        object-fit: contain;
        margin-top: 5px; }

body:not(.block-editor-page) .az-post-thumbnail__note {
  display: none; }

body.block-editor-page .az-post-thumbnail__title,
body.block-editor-page .az-post-thumbnail__image,
body.block-editor-page .az-post-thumbnail__overlay {
  display: none; }