@-webkit-keyframes colorglow {
  0% {
    background-color: #ffffcd;
  }
  17% {
    background-color: #fdd3a1;
  }
  33% {
    background-color: #bcf5cb;
  }
  50% {
    background-color: #b4e3f3;
  }
  67% {
    background-color: #ffa0f1;
  }
  83% {
    background-color: #fe908a;
  }
  100% {
    background-color: #ffffcd;
  }
}@keyframes colorglow {
  0% {
    background-color: #ffffcd;
  }
  17% {
    background-color: #fdd3a1;
  }
  33% {
    background-color: #bcf5cb;
  }
  50% {
    background-color: #b4e3f3;
  }
  67% {
    background-color: #ffa0f1;
  }
  83% {
    background-color: #fe908a;
  }
  100% {
    background-color: #ffffcd;
  }
}
/* "Divide" into columns, define gutter, and span the given number */
@-webkit-keyframes hover-anim {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
}
@keyframes hover-anim {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
}
.photosection {
  height: 50vw;
  padding: 0;
}
.photosection__article {
  height: 100%;
}
.photosection__article::after {
  content: "";
  display: table;
  clear: both;
}
.photosection__link-wrapper {
  display: block;
  height: 100%;
  position: relative;
}
.photosection__photo {
  width: 50%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 50%, cover;
  background-position: center, center;
  background-color: #fafafa;
  z-index: 1;
  mix-blend-mode: multiply;
}
@media (max-width: 1320px) {
  .photosection__info {
    font-size: 26px;
  }
}
@media (max-width: 1130px) {
  .photosection__info {
    font-size: 20px;
  }
}
@media (max-width: 1130px) {
  .photosection__heading {
    margin-bottom: 40px;
  }
}
.photosection__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.photosection__text {
  width: 50%;
  height: 100%;
  background-color: var(--yellow);
  text-align: center;
  padding: 40px;
  position: absolute;
  right: 0;
  top: 0;
}
.photosection__text:hover .e1 {
  -webkit-animation: hover-anim 1000ms ease infinite;
          animation: hover-anim 1000ms ease infinite;
}
.photosection__text:hover .e2 {
  -webkit-animation: hover-anim 1000ms 300ms ease infinite;
          animation: hover-anim 1000ms 300ms ease infinite;
}
.photosection__text:hover .e3 {
  -webkit-animation: hover-anim 1000ms 600ms ease infinite;
          animation: hover-anim 1000ms 600ms ease infinite;
}
.photosection__text-wrapper {
  max-width: 500px;
  position: relative;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  margin: auto;
  z-index: 1;
}
.photosection .tiny-title, .photosection h1 {
  font-size: 18px;
  font-family: var(--font-family);
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 0;
}
.photosection h1 {
  position: relative;
  margin-bottom: 80px !important;
}
.photosection h1::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  margin: auto;
  margin-top: 10px;
  background-color: #b8efc6;
}
@media (max-width: 1010px) {
  .photosection h1 {
    margin-bottom: 40px !important;
  }
}
.photosection p {
  font-size: 32px;
  line-height: 1.4;
  font-family: var(--font-family);
  font-weight: bold;
  font-style: normal;
  margin: 0 0 20px !important;
}
@media (max-width: 1010px) {
  .photosection p {
    font-size: 24px;
  }
}
.photosection.gradient .photosection__text {
  width: calc(50% + 30px);
  position: relative;
  overflow: hidden;
  position: absolute;
}
.photosection.gradient .photosection__text::after {
  content: "";
  display: block;
  position: absolute;
  width: 250%;
  height: 250%;
  background-image: url("../../images/gradient.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: rotate(90deg) translateX(-50%) translateY(-50%);
          transform: rotate(90deg) translateX(-50%) translateY(-50%);
  left: -30%;
  top: 25%;
}
.photosection--vare-eiere .photosection__photo {
  background-image: url(images/salmon-group-dots.svg), url(images/img-fp-vare-eiere.jpg);
  background-position: center, left;
}
.photosection--vart-ansvar .photosection__photo {
  background-image: url(images/img-fiskehelse.jpg);
  background-size: cover;
  background-position: center;
}
.photosection--vart-ansvar .photosection__text {
  background-color: #e4f9ea;
}

@media (max-width: 768px) {
  .photosection {
    height: auto;
  }
  .photosection__link-wrapper {
    height: auto;
    text-decoration: none;
  }
  .photosection__photo {
    width: 100%;
    height: 100vw;
    position: relative;
  }
  .photosection.gradient .photosection__text {
    width: 100%;
    position: relative;
  }
  .photosection__text {
    width: 100%;
    position: relative;
  }
  .photosection__text-wrapper {
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: none;
            transform: none;
  }
}