/* VARIABLES */
/*
* scss-docs-start theme-color-variables
* $brand-success: $green;
* $brand-info: $teal;
* $brand-warning: $orange;
* $brand-danger: $red;
*/
/*
* Body
* Settings for the `<body>` element.
*/
/*
* Links
* Style anchor elements.
* $link-color: $accent-shade;
* $link-hover-color: $accent-dark;
* $link-hover-decoration: underline;
*/
/*
* Comments
* Breadcrumbs (Works only on Bootstrap 5+)
* $breadcrumb-divider: quote(">");
*/
/* Responsive font sizes
* Breadcrumbs (Works only on Bootstrap 5+)
* $breadcrumb-divider: quote(">");
*
*/
/* TYPOGRAPHY */
/* Google Fonts */
.view-photo-gallery .views-exposed-form {
  margin-bottom: 4rem;
}
@media (max-width: 74.99875rem) {
  .view-photo-gallery .views-exposed-form {
    margin-bottom: 2rem;
    width: auto;
  }
}
.view-photo-gallery .views-exposed-form .js-form-item {
  border-bottom: solid 1px #717F95;
  width: 500px;
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 74.99875rem) {
  .view-photo-gallery .views-exposed-form .js-form-item {
    width: auto;
  }
}
.view-photo-gallery .views-exposed-form .js-form-item input {
  border: none;
  padding: 1rem 1rem 1rem 2.5rem;
}
.view-photo-gallery .views-exposed-form .js-form-item input::placeholder {
  color: #425471;
  font-size: 1.25rem;
}
.view-photo-gallery .views-exposed-form .js-form-item input:focus {
  box-shadow: none;
}
.view-photo-gallery .views-exposed-form .js-form-item::before {
  content: url("../../images/filter.svg");
  position: absolute;
  height: 20px;
}
.view-photo-gallery .view-content .node--type-photo-gallery .gallery-box .field--name-field-banner img {
  filter: brightness(0.5);
}
.view-photo-gallery .view-content .node--type-photo-gallery .gallery-box .gallery-info {
  width: 100%;
}
.view-photo-gallery .view-content .node--type-photo-gallery .gallery-box .gallery-info .field--name-node-title {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.view-photo-gallery .view-content .node--type-photo-gallery .gallery-box .gallery-info .field--name-node-title h6 a {
  color: #e8e9ec;
}
.view-photo-gallery .view-content .node--type-photo-gallery .gallery-box .gallery-info .field--name-node-title::after {
  content: url("../../images/gallery.svg");
}
.view-photo-gallery .view-content .views-field-field-media-image {
  margin-bottom: 1.5rem;
}