/*2d1d62e44338bc6bf07c9937b057ae57*/
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 9, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 4, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage {
  position: relative;
}
/* line 7, templates/g5_myriad/custom/scss/_photocollage.scss */
/* line 8, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage.bg::after {
  content: '';
  position: absolute;
  height: 30rem;
  width: 120%;
  background: #000;
  bottom: -2.2rem;
  left: -10%;
}
/* line 21, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .g-photocollage-header {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0.938rem;
}
@media only all and (max-width: 47.99rem) {
  /* line 25, media/gantry5/engines/nucleus/scss/nucleus/mixins/_breakpoints.scss */
  .g-photocollage .g-photocollage-header {
    margin: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-photocollage .g-photocollage-header {
    display: block;
  }
}
/* line 36, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage h3.g-photocollage-title {
  font-weight: 500;
}
/* line 41, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .button-wrapper {
  margin-top: 3.125rem;
  position: relative;
  z-index: 20;
}
/* line 48, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid {
  max-width: 100%;
  position: relative;
  z-index: 30;
  /* clearfix */
  /* ---- g-photocollage-grid-item ---- */
}
/* line 54, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .grid:after {
  content: '';
  display: block;
  clear: both;
}
/* line 61, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .grid-sizer, .g-photocollage .grid .g-photocollage-grid-item {
  width: 16.6%;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  /* line 7, media/gantry5/engines/nucleus/scss/nucleus/mixins/_breakpoints.scss */
  .g-photocollage .grid .grid-sizer, .g-photocollage .grid .g-photocollage-grid-item {
    width: 33.2%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  /* line 13, media/gantry5/engines/nucleus/scss/nucleus/mixins/_breakpoints.scss */
  .g-photocollage .grid .grid-sizer, .g-photocollage .grid .g-photocollage-grid-item {
    width: 49.8%;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-photocollage .grid .grid-sizer, .g-photocollage .grid .g-photocollage-grid-item {
    height: 570px;
    width: 99.6%;
  }
}
/* line 79, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .g-photocollage-grid-item {
  float: left;
  height: 190px;
  transition: transform 400ms;
  overflow: hidden;
  display: flex;
}
/* line 85, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .g-photocollage-grid-item .image-wrapper {
  border: 2px solid transparent;
  position: relative;
  border-radius: 5px;
  z-index: 0;
  display: flex;
  width: 100%;
}
/* line 93, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .g-photocollage-grid-item .image-wrapper a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 110;
}
/* line 100, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .g-photocollage-grid-item .image-wrapper .zoom {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: transparent;
  font-size: 2rem;
  transition: all 350ms;
}
/* line 112, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .g-photocollage-grid-item .image-wrapper::after {
  transition: all 300ms;
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0);
}
/* line 124, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .g-photocollage-grid-item .image-wrapper img {
  display: block;
  width: 100%;
  object-fit: cover;
}
/* line 131, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .g-photocollage-grid-item:hover {
  transform: scale(1.1);
  z-index: 10;
}
/* line 135, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .g-photocollage-grid-item:hover .image-wrapper {
  border: 2px solid #000;
  box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.3);
}
/* line 139, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .g-photocollage-grid-item:hover .image-wrapper .zoom {
  color: #fff;
  z-index: 102;
}
/* line 145, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .g-photocollage-grid-item:hover .image-wrapper::after {
  z-index: 10;
  background: rgba(255, 255, 255, 0.7);
}
@media only all and (max-width: 47.99rem) {
  .g-photocollage .grid .g-photocollage-grid-item {
    height: 380px;
    width: 99.6%;
  }
}
@media only all and (max-width: 30rem) {
  /* line 19, media/gantry5/engines/nucleus/scss/nucleus/mixins/_breakpoints.scss */
  .g-photocollage .grid .g-photocollage-grid-item {
    height: 190px;
    width: 99.6%;
  }
}
/* line 165, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .width-2 {
  width: 33.2%;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .g-photocollage .grid .width-2 {
    width: 33.2%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-photocollage .grid .width-2 {
    width: 49.8%;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-photocollage .grid .width-2 {
    height: 380px;
    width: 99.6%;
  }
}
@media only all and (max-width: 30rem) {
  .g-photocollage .grid .width-2 {
    height: 190px;
    width: 99.6%;
  }
}
/* line 187, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .width-3 {
  width: 49.8%;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .g-photocollage .grid .width-3 {
    width: 33.2%;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-photocollage .grid .width-3 {
    height: 380px;
    width: 99.6%;
  }
}
@media only all and (max-width: 30rem) {
  .g-photocollage .grid .width-3 {
    height: 190px;
    width: 99.6%;
  }
}
/* line 205, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .height-2 {
  height: 399px;
}
@media only all and (max-width: 47.99rem) {
  .g-photocollage .grid .height-2 {
    height: 380px;
    width: 99.6%;
  }
}
@media only all and (max-width: 30rem) {
  .g-photocollage .grid .height-2 {
    height: 190px;
    width: 99.6%;
  }
}
/* line 219, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .height-3 {
  height: 589px;
}
@media only all and (max-width: 47.99rem) {
  .g-photocollage .grid .height-3 {
    height: 380px;
    width: 99.6%;
  }
}
@media only all and (max-width: 30rem) {
  .g-photocollage .grid .height-3 {
    height: 190px;
    width: 99.6%;
  }
}
/* line 233, templates/g5_myriad/custom/scss/_photocollage.scss */
.g-photocollage .grid .height-4 {
  height: 570px;
}
@media only all and (max-width: 47.99rem) {
  .g-photocollage .grid .height-4 {
    height: 380px;
    width: 99.6%;
  }
}
@media only all and (max-width: 30rem) {
  .g-photocollage .grid .height-4 {
    height: 190px;
    width: 99.6%;
  }
}
/* line 3, templates/g5_myriad/custom/scss/custom.scss */
#lists.g-owlcarousel-lists .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-title.ui-accordion-header-active {
  background: #000;
  color: #fff;
  margin: 0;
}
/* line 9, templates/g5_myriad/custom/scss/custom.scss */
#lists.g-owlcarousel-lists .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-title {
  background: #000;
}
/* line 13, templates/g5_myriad/custom/scss/custom.scss */
#lists.g-owlcarousel-lists .g-owlcarousel .owl-dots .owl-dot {
  border: 2px solid #fff;
  opacity: 1;
  margin: 0 2px;
  padding: 0;
  border-radius: 100%;
}
/* line 21, templates/g5_myriad/custom/scss/custom.scss */
#slideshow2 .owl-dots .owl-dot.active {
  background: #000;
  opacity: 1;
}
/* line 25, templates/g5_myriad/custom/scss/custom.scss */
#slideshow2 .owl-dots .owl-dot {
  display: block;
  border: 2px solid #fff;
  width: 0;
  height: 0;
  background: transparent;
  padding: 5px;
  margin-bottom: 5px;
  opacity: 0.4;
  line-height: 24px;
}
/*# sourceMappingURL=custom_13.css.map */