/**
 * @file
 * Blocks, nodes and fields.
 */

/* Front page block titles (Hírek, Képek). */
.path-frontpage .site-main .block > h2 {
  margin: 0 0 0.5rem;
  padding: 2rem 0;
  font-weight: 200;
  text-align: center;
  color: var(--vk-title-blue);
  background-image: url(../images/title-bgd.jpg);
}

/* Article. */
.page-node-type-article .field--name-body {
  margin-bottom: 20px;
}

.field--name-field-tags .field__item {
  display: inline-block;
}

/* Place / event. */
.field--name-field-google-map {
  border: 2px solid var(--vk-darkblue);
}

.field--name-field-address {
  margin: 10px 0;
}

.author {
  margin: 20px 0;
}

/* Gallery node: framed thumbnails, three per row. */
.page-node-type-gallery .field--name-field-kep.field__items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 1%;
  row-gap: 20px;
}

.field--name-field-kep img {
  margin: 5px 0 10px 10px;
  padding: 4px;
  border: 1px solid;
  border-color: #bbb #fff #fff #bbb;
}

.page-node-type-gallery .field--name-field-kep img {
  margin: 0;
}

@media (max-width: 480px) {
  .page-node-type-gallery .field--name-field-kep.field__items {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Forum. */
.path-forum table {
  width: 100%;
}

.forum__title > div:first-child a {
  font-size: 1.4em;
}

/* Pager – Bootstrap-like pagination. */
.pager__items {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

.pager__item {
  display: block;
  padding: 0;
}

.pager__item a {
  display: block;
  margin-left: -1px;
  padding: 0.375rem 0.75rem;
  text-decoration: none;
  color: var(--vk-link);
  background: var(--vk-white);
  border: 1px solid var(--vk-border);
}

.pager__item:first-child a {
  margin-left: 0;
  border-radius: 0.375rem 0 0 0.375rem;
}

.pager__item:last-child a {
  border-radius: 0 0.375rem 0.375rem 0;
}

.pager__item a:hover {
  color: var(--vk-link-hover);
  background: #e9ecef;
}

.pager__item.is-active {
  font-weight: inherit;
}

.pager__item.is-active a {
  position: relative;
  z-index: 1;
  color: var(--vk-white);
  background: var(--vk-link);
  border-color: var(--vk-link);
}

.pager__item--ellipsis {
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--vk-border);
}

/* Local tasks (admin tabs) on the white content area. */
.site-main .tabs {
  margin: 1rem 0;
}