/*
 |--------------------------------------------------------------------------
 | Helper mixins, feel free to add/remove any that you might not use
 | Won't be rendered in the output if not used
 |--------------------------------------------------------------------------
 */
.article {
  direction: rtl; }
  .article--full .content-wrapper > .field--name-field-image {
    margin: 3rem 0; }
  .article--full .field--name-body p a {
    color: #236A9E;
    position: relative; }
    .article--full .field--name-body p a:after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      right: 0;
      width: 100%;
      height: 2px;
      background-color: rgba(35, 106, 158, 0.2);
      transition: all 0.2s ease-in-out; }
    .article--full .field--name-body p a:hover:after {
      height: 6px;
      background-color: rgba(35, 106, 158, 0.15); }
  .article--full .field--name-field-tags .field__label {
    color: #080a32;
    font-size: 1.25rem;
    font-weight: 800;
    margin-bottom: .6rem; }
  .article--full .field--name-field-tags .badge-light {
    color: #236A9E;
    background-color: rgba(35, 106, 158, 0.1); }
    .article--full .field--name-field-tags .badge-light:before {
      content: '#'; }
  .article--full .field--name-field-related-articles .field__label {
    color: #080a32;
    font-size: 1.25rem;
    font-weight: 800;
    margin-bottom: .6rem; }
  .article--teaser .title a {
    color: #000;
    font-weight: 800; }
  .article--teaser .field--name-body,
  .article--teaser .field--name-field-summary {
    color: #757575; }
  .article--teaser .image img {
    width: 100%; }
  .article--teaser .readmore a {
    font-size: 0.85rem;
    color: #236A9E;
    display: flex;
    align-items: center;
    transition: all 0.2s ease-in-out; }
    .article--teaser .readmore a:before {
      content: '';
      background-image: url("/themes/custom/soobazar/assets/icons/forward.svg");
      background-size: contain;
      background-repeat: no-repeat;
      width: 10px;
      height: 10px;
      margin-left: .3rem;
      transition: all 0.2s ease-in-out; }
    .article--teaser .readmore a:hover {
      text-decoration: underline; }
      .article--teaser .readmore a:hover:before {
        margin-left: .1rem; }
      .article--teaser .readmore a:hover:after {
        opacity: 0; }
  .article--teaser .date {
    font-size: 0.85rem;
    display: flex;
    align-items: center; }
    .article--teaser .date:before {
      content: '';
      background-image: url("/themes/custom/soobazar/assets/icons/calendar.svg");
      background-size: contain;
      background-repeat: no-repeat;
      width: 15px;
      height: 15px;
      margin-left: .2rem;
      opacity: .7; }
  .article--card-small .title {
    font-weight: 800; }
  .article--card-small .field--name-body,
  .article--card-small .field--name-field-summary {
    color: #757575; }
  .article--card-small .readmore a {
    font-size: 0.85rem;
    color: #236A9E;
    display: flex;
    align-items: center;
    transition: all 0.2s ease-in-out; }
    .article--card-small .readmore a:before {
      content: '';
      background-image: url("/themes/custom/soobazar/assets/icons/forward.svg");
      background-size: contain;
      background-repeat: no-repeat;
      width: 10px;
      height: 10px;
      margin-left: .3rem;
      transition: all 0.2s ease-in-out; }
    .article--card-small .readmore a:hover {
      text-decoration: underline; }
      .article--card-small .readmore a:hover:before {
        margin-left: .1rem; }
      .article--card-small .readmore a:hover:after {
        opacity: 0; }
  .article--card-small .date {
    font-size: 0.85rem;
    display: flex;
    align-items: center; }
    .article--card-small .date:before {
      content: '';
      display: inline-block;
      position: relative;
      margin-left: 0.5rem;
      height: 20px;
      background-color: #FFD520; }

.wp-block-cover {
  margin: 1rem 0; }