/**
 * Banner.
 */
.paragraph--type--banner {
  position: relative;
  overflow: hidden;
}

.paragraph--type--banner.paragraph--view-mode--default .field--name-field-paragraph-banner-category {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 4px;
  left: 0;
  display: inline-block;
}

.field--name-field-paragraph-media-image,
.field--name-field-paragraph-media-image.field__item {
  margin-top: 0;
}

.paragraph--type--banner.paragraph--view-mode--default .field--name-field-paragraph-media-image img {
  border-top: solid 4px var(--politechnika-primary-color);
}

.field--name-field-paragraph-banner-category a {
  padding: 5px 10px;
  background-color: #464646;
  color: #fff;
  font-size: .9rem;
  text-transform: uppercase;
}

.paragraph--type--banner .field--name-field-link {
  font-size: 1.25rem;
  font-weight: bold;
}

.paragraph--type--banner .layout--politechnika--two-states--banner--background .field {
  margin: 0;
}

.paragraph--type--banner .layout--politechnika--two-states--banner--background img {
  display: block;
  height: 540px;
  width: 100%;
  object-fit: cover;
  max-height: 80vh;
  transition: all 0.3s;
}

.paragraph--type--banner > a:hover .layout--politechnika--two-states--banner--background img,
.paragraph--type--banner > a:focus .layout--politechnika--two-states--banner--background img,
.paragraph--type--banner:hover .layout--politechnika--two-states--banner--background img {
  transform: scale(1.05);
}

.paragraph--type--banner .layout--politechnika--two-states--banner--content .field--name-field-link {
  color: #fff;
  background-color: rgba(34, 34, 34, .7);
  padding: 15px;
  margin: 0 20px;
  font-size: 1.25rem;
  text-shadow: 1px 1px 3px #333;
}

.paragraph--type--banner .layout--politechnika--two-states--banner--hover-content .field--name-field-link {
  color: #fff;
  font-size: 1.25rem;
  margin-left: 20px;
  margin-right: 20px;
  text-shadow: 1px 1px 3px #333;
}

.paragraph--type--banner .layout--politechnika--two-states--banner--hover-content .field--name-field-paragraph-banner-category {
  background-color: var(--politechnika-primary-color);
  padding: 10px 15px;
  color: #fff;
  font-size: .9rem;
  text-transform: uppercase;
  font-weight: bold;
}