﻿/*$background-color: #CAE3E0;
$footer-bg: #BFD8D5;
$brand-pink: #DE3251;
$brand-gold: #DA932B;
$dark-gold: #98671E;

$pink: #DE3251;
$dark-pink: #9B2339;*/
.gallery-block-component {
  max-width: 1800px;
  margin: 0 auto; }
  .gallery-block-component .yellow {
    color: #FCC41F;
    font-size: 88px;
    font-family: 'Authenia'; }
  .gallery-block-component__filters {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 40px; }
    @media (max-width: 991px) {
      .gallery-block-component__filters {
        flex-direction: column-reverse;
        align-items: center;
        margin-bottom: 40px; } }
    .gallery-block-component__filters span {
      font-family: 'CircularPro-bold';
      font-size: 18px; }
  @media (max-width: 991px) {
    .gallery-block-component__categories {
      margin-top: 30px; } }
  .gallery-block-component__categories li {
    font-family: 'CircularPro-bold';
    font-size: 18px;
    margin: 0 30px;
    cursor: pointer; }
    @media (max-width: 991px) {
      .gallery-block-component__categories li {
        margin: 0 15px 15px 15px; } }
  .gallery-block-component__categories li:hover {
    color: #C69521; }
  .gallery-block-component__categories li.active {
    color: #C69521;
    text-decoration: underline;
    text-underline-offset: 15px; }
    @media (max-width: 991px) {
      .gallery-block-component__categories li.active {
        text-underline-offset: 10px; } }
  .gallery-block-component ul {
    padding-left: 0;
    display: flex;
    list-style: none;
    margin-bottom: 0;
    flex-wrap: wrap;
    justify-content: center; }
  .gallery-block-component__gallery__image {
    height: 400px; }
    @media (max-width: 1499px) {
      .gallery-block-component__gallery__image {
        height: 350px; } }
    @media (max-width: 991px) {
      .gallery-block-component__gallery__image {
        height: 250px; } }
  .gallery-block-component__gallery__blog-image {
    height: 700px; }
    @media (max-width: 1499px) {
      .gallery-block-component__gallery__blog-image {
        height: 600px; } }
    @media (max-width: 991px) {
      .gallery-block-component__gallery__blog-image {
        height: 440px; } }
  .gallery-block-component__gallery .grid-item {
    cursor: pointer;
    /*@include breakpoint-down-lg {
                width: calc(50% - 30px);
            }

            @include breakpoint-down-md {
                width: 100%;
                margin: 10px 0 10px 0;
            }*/ }
    .gallery-block-component__gallery .grid-item .introduction-text {
      position: absolute;
      bottom: 30px;
      display: flex;
      justify-content: flex-start;
      width: 100%;
      z-index: 5;
      margin-left: 30px;
      margin-right: 30px; }
      .gallery-block-component__gallery .grid-item .introduction-text p {
        font-size: 50px;
        line-height: 1;
        color: #fff;
        margin: 0; }
      .gallery-block-component__gallery .grid-item .introduction-text .yellow {
        font-size: 72px;
        line-height: 56px; }
    .gallery-block-component__gallery .grid-item .pink-label {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      justify-content: center;
      background-color: #E83352;
      padding: 5px 20px;
      color: #fff;
      z-index: 2; }
    .gallery-block-component__gallery .grid-item img {
      display: block;
      max-width: 100%; }
  @media (max-width: 767px) {
    .gallery-block-component__gallery .grid-item:first-child {
      margin-top: 0; }
    .gallery-block-component__gallery .grid-item:last-child {
      margin-bottom: 0; } }
  .gallery-block-component .slick-dots {
    display: none !important; }
  .gallery-block-component-slider--item {
    max-width: 1000px;
    flex-direction: column;
    align-items: center; }
    @media (max-width: 1499px) {
      .gallery-block-component-slider--item {
        max-width: 800px; } }
    @media (max-width: 1199px) {
      .gallery-block-component-slider--item {
        max-width: 650px; } }
    @media (max-width: 767px) {
      .gallery-block-component-slider--item {
        padding-left: 50px;
        padding-right: 50px; } }
    @media (max-width: 420px) {
      .gallery-block-component-slider--item {
        width: 100%;
        padding-left: unset;
        padding-right: unset; } }
    .gallery-block-component-slider--item img {
      max-height: 80vh; }
      @media (max-width: 575px) {
        .gallery-block-component-slider--item img {
          max-width: 100%; } }
  .gallery-block-component-slider .slick-prev {
    left: 30px !important; }
  .gallery-block-component-slider .slick-next {
    right: 30px !important; }
  .gallery-block-component-slider .arrow-prev-container, .gallery-block-component-slider .arrow-next-container {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 50%;
    transform: translateY(-50%); }
    @media (max-width: 420px) {
      .gallery-block-component-slider .arrow-prev-container, .gallery-block-component-slider .arrow-next-container {
        transform: translateY(-100%); } }
  .gallery-block-component-slider .arrow-prev-container {
    left: 20px; }
    @media (max-width: 575px) {
      .gallery-block-component-slider .arrow-prev-container {
        left: 3px; } }
  .gallery-block-component-slider .arrow-next-container {
    right: 20px; }
    @media (max-width: 575px) {
      .gallery-block-component-slider .arrow-next-container {
        right: 3px; } }
  .gallery-block-component-slider .arrow-prev, .gallery-block-component-slider .arrow-next {
    width: 35px;
    height: 35px; }
  .gallery-block-component-slider .arrow-prev:before {
    content: '';
    background-image: url(/Assets/img/carousel-arrow.svg);
    background-size: 35px 35px;
    position: absolute;
    width: 100%;
    height: 100%; }
    @media (max-width: 420px) {
      .gallery-block-component-slider .arrow-prev:before {
        background-image: url(/Assets/img/carousel-arrow-white.svg); } }
  .gallery-block-component-slider .arrow-next:before {
    content: '';
    background-image: url(/Assets/img/carousel-arrow-right.svg);
    background-size: 35px 35px;
    position: absolute;
    width: 100%;
    height: 100%; }
    @media (max-width: 420px) {
      .gallery-block-component-slider .arrow-next:before {
        background-image: url(/Assets/img/carousel-arrow-right-white.svg); } }
