/* Colored columns */
.colored-columns .wp-block-column,
.colored-columns .wp-block-column:nth-child(1),
.colored-columns .wp-block-column:nth-child(2),
.colored-columns .wp-block-column:nth-child(3) { background-color: var(--color-grey-extra-light); }

.colored-columns.reverese-colors .wp-block-column,
.colored-columns.reverese-colors .wp-block-column:nth-child(1),
.colored-columns.reverese-colors .wp-block-column:nth-child(2),
.colored-columns.reverese-colors .wp-block-column:nth-child(3) { background-color: var(--color-grey-extra-light); }

.aalto-brand-blue.colored-columns .wp-block-column,
.aalto-brand-blue.colored-columns .wp-block-column:nth-child(1),
.aalto-brand-blue.colored-columns .wp-block-column:nth-child(2),
.aalto-brand-blue.colored-columns .wp-block-column:nth-child(3) { background-color: var(--color-aalto-brand-blue); }

.aalto-brand-red.colored-columns .wp-block-column,
.aalto-brand-red.colored-columns .wp-block-column:nth-child(1),
.aalto-brand-red.colored-columns .wp-block-column:nth-child(2),
.aalto-brand-red.colored-columns .wp-block-column:nth-child(3) { background-color: var(--color-aalto-brand-red); }

.aalto-brand-yellow.colored-columns .wp-block-column,
.aalto-brand-yellow.colored-columns .wp-block-column:nth-child(1),
.aalto-brand-yellow.colored-columns .wp-block-column:nth-child(2),
.aalto-brand-yellow.colored-columns .wp-block-column:nth-child(3) { background-color: var(--color-aalto-brand-yellow); }


.three-blocks-with-image,
.two-blocks-with-image {  
  @media (max-width: 640px) {
    padding-top: 7rem;
    padding-bottom: 7rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media (min-width: 1120px) {
  .block-editor [data-type="core/columns"], 
  .blocks .wp-block-columns {
    gap: 1rem;
  }
}

/* Links */
.arrow-link a,
a.arrow-link {
  color: var(--color-primary);
  display: inline-block;
  text-decoration: none;
  text-transform: none;
  font-weight: var(--font-weight-bold);
  transition: ease-in-out all 0.2s;
  
  .arrow-link__icon {
    display: none;
  }

  &:active,
  &:hover,
  &:focus {
    transition: ease-in-out all 0.2s;
    background-color: var(--color-grey-light);
    text-decoration: none;
  }
}

@media (min-width: 890px) {
  .primary-navigation__items > li > span > a {
    transition: ease-in-out all 0.2s;
  }

  .primary-navigation__items > li > span > a:active, 
  .primary-navigation__items > li > span > a:focus, 
  .primary-navigation__items > li > span > a:hover {
    transition: ease-in-out all 0.2s;
    text-decoration: none;
    background-color: var(--color-grey-light);
  }
}

/* Info, for example news category */
@media (min-width: 720px) {
  .single .entry__categories {
    margin-left: 1rem;

    .category {
      margin-left: 0.75rem;
    }

    &:before {
      content: "•";
      display: inline-block;
    }
  }
}

/* Attachments */
.module-file__link {
  .module-file__title {
    transition: ease-in-out all 0.2s;
  }

  &:hover .module-file__title,
  &:focus .module-file__title,
  &:active .module-file__title {
    text-decoration: none;
    background-color: var(--color-grey-light);
    transition: ease-in-out all 0.2s;
  }    
}

/* Buttons */
.c-button.c-button--type-default, 
.c-button.c-button--type-solid {
  border-radius: 0;
}


/* Pager & numeric navigation */
.blocks .wp-block-query .wp-block-query-pagination .page-numbers,
.numeric-navigation .numeric-navigation__item a {
  border-radius: 0;
  padding: 0.825rem 2rem;
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
  
  &.current {
    background-color: var(--color-grey-light);
    color: var(--color-primary);    
  }
  
  &:hover {
    background-color: var(--color-grey-light);    
    color: var(--color-primary);
  }
}

.numeric-navigation .numeric-navigation__item--active a {
  background-color: var(--color-grey-light);
  color: var(--color-primary);      
}

.blocks .wp-block-query .wp-block-query-pagination .wp-block-query-pagination-next,
.blocks .wp-block-query .wp-block-query-pagination .wp-block-query-pagination-previous {
  border-radius: 0;
  padding: 0.825rem 2rem;
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
  
  &:hover {
    background-color: var(--color-grey-light);    
    color: var(--color-primary);
  }   
}

.numeric-navigation .numeric-navigation__item.numeric-navigation__item--next a span, 
.numeric-navigation .numeric-navigation__item.numeric-navigation__item--previous a span {
  position: absolute;
  z-index: 1;  
}

.numeric-navigation .numeric-navigation__item.numeric-navigation__item--next a span .icon,
.numeric-navigation .numeric-navigation__item.numeric-navigation__item--previous a span .icon {
  width: 2rem;
  height: 2rem;
}

/* Staff listing - Person card */
.blocks .wp-block-query {  
  
  @media (min-width: 720px) {
    .wp-block-post-template.is-flex-container {
      gap: 2.5em 0.5em;
    }
  }  

  .staff-member .wp-block-post-title:first-child::before {
    display: none;
  }
  
  .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li.staff-member {
    @media (min-width: 600px) {
      width: 43%;
    }
    
    @media (max-width: 1080px) {
      width: 70%;
    }
    
    @media (max-width: 600px) {
      width: 100%;
    }    
    
    .wp-block-post-featured-image {
      width: 80px;
      height: 80px;
      margin-top: 0;
      margin-bottom: 1rem;
      margin-right: 1rem;
      float: left;
      
      @media (max-width: 600px) {
        float: none;
      }            
    }
    
    .wp-block-post-title,
    .member__title,
    .member__company,
    .member__telephone,
    .member__email,
    .member__link {
      float: right;
      width: calc(73% - 1rem);
      margin-top: 0;
      margin-bottom: 0;
      
      @media (max-width: 600px) {
        float: none;
      }      
    }
  }    
}