/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  FONTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@font-face {
  font-family: MrEavesModOT-Book;
  font-display: swap;
  src: url("../../includes/fonts/MrEavesModOT-Book.eot");
  src: url("../../includes/fonts/MrEavesModOT-Book.eot?") format("eot"), url("../../includes/fonts/MrEavesModOT-Book.woff") format("woff"), url("../../includes/fonts/MrEavesModOT-Book.woff2") format("woff2"), url("../../includes/fonts/MrEavesModOT-Book.ttf") format("truetype"), url("../../includes/fonts/MrEavesModOT-Book.svg#MrEavesModOT-Book") format("svg");
}
@font-face {
  font-family: MrEavesModOT-Reg;
  font-display: swap;
  src: url("../../includes/fonts/MrEavesModOT-Reg.eot");
  src: url("../../includes/fonts/MrEavesModOT-Reg.eot?") format("eot"), url("../../includes/fonts/MrEavesModOT-Reg.woff") format("woff"), url("../../includes/fonts/MrEavesModOT-Reg.woff2") format("woff2"), url("../../includes/fonts/MrEavesModOT-Reg.ttf") format("truetype"), url("../../includes/fonts/MrEavesModOT-Reg.svg#MrEavesModOT-Reg") format("svg");
}
@font-face {
  font-family: MrsEavesOT-Roman;
  font-display: swap;
  src: url("../../includes/fonts/MrsEavesOT-Roman.eot");
  src: url("../../includes/fonts/MrsEavesOT-Roman.eot?") format("eot"), url("../../includes/fonts/MrsEavesOT-Roman.woff") format("woff"), url("../../includes/fonts/MrsEavesOT-Roman.woff2") format("woff2"), url("../../includes/fonts/MrsEavesOT-Roman.ttf") format("truetype"), url("../../includes/fonts/MrsEavesOT-Roman.svg#MrsEavesOT-Roman") format("svg");
}
@font-face {
  font-family: MrEavesModOT-Bold;
  font-display: swap;
  src: url("../../includes/fonts/MrEavesModOT-Bold.eot");
  src: url("../../includes/fonts/MrEavesModOT-Bold.eot?") format("eot"), url("../../includes/fonts/MrEavesModOT-Bold.woff") format("woff"), url("../../includes/fonts/MrEavesModOT-Bold.woff2") format("woff2"), url("../../includes/fonts/MrEavesModOT-Bold.ttf") format("truetype"), url("../../includes/fonts/MrEavesModOT-Bold.svg#MrEavesModOT-Bold") format("svg");
}
@font-face {
  font-family: fontawesome-webfont;
  font-display: swap;
  src: url("../../includes/fonts/fontawesome-webfont.eot");
  src: url("../../includes/fonts/fontawesome-webfont.eot?") format("eot"), url("../../includes/fonts/fontawesome-webfont.woff") format("woff"), url("../../includes/fonts/fontawesome-webfont.woff2") format("woff2"), url("../../includes/fonts/fontawesome-webfont.ttf") format("truetype"), url("../../includes/fonts/fontawesome-webfont.svg#fontawesome-webfont") format("svg");
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
VARIABLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Blue */
/* Dark Grey */
/* Dark Blue */
/* Maroon */
/* many colors in comp */
/*
*  _mixins
*  Author: P11 Interactive Team
*  -------------------------------------------------------------------------------------------
*  Notes: Define patterns of property value pairs, which can then be reused in other rule sets
*/
/*@include mq-md {
   width: 100%;
 }*/
/*-------- GALLERY SECTION --------*/
/* Gallery Grid Loop */
.home-type-gallery-intro h1,
.home-type-gallery-intro h2 {
  font-size: 3em;
}
.home-type-gallery-intro h1 span,
.home-type-gallery-intro h2 span {
  display: block;
  font-family: "MrEavesModOT-Book", serif;
  font-size: 2rem;
}

.gallery-grid-wrap {
  padding: 1rem 0 0;
}

.gallery-item-wrap {
  border: 5px solid #FFFFFF;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.gallery-item-image {
  width: 100%;
  padding-bottom: 60%;
  background-size: cover;
  background-position: center;
  margin-bottom: 1rem;
}

.gallery-grid-container {
  padding: 0 0.75rem 2rem;
  width: 25%;
  display: inline-block;
  vertical-align: top;
  min-width: 300px;
}
@media (max-width: 640px) {
  .gallery-grid-container {
    width: 100%;
    max-width: 300px;
    min-width: 0;
  }
}

.gallery-item-title {
  padding: 1rem 0.25rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.gallery-item-title .builder-name {
  text-transform: uppercase;
  font-size: 1.25rem;
  font-family: "MrEavesModOT-Bold", serif;
}
.gallery-item-title .builder-sub-name {
  font-size: 1rem;
}

.gallery-grid-container:hover {
  cursor: pointer;
}
.gallery-grid-container:hover .gallery-item-wrap {
  box-shadow: -2px 3px 7px rgba(0, 0, 0, 0.4);
}
.gallery-grid-container:hover .gallery-item-title.bgprimary {
  background-color: #0c557a;
}
.gallery-grid-container:hover .gallery-item-title.bgsecondary {
  background-color: #090909;
}
.gallery-grid-container:hover .gallery-item-title.bgtertiary {
  background-color: #001737;
}
.gallery-grid-container:hover .gallery-item-title.bgsurrogate {
  background-color: #4c1219;
}
.gallery-grid-container:hover .gallery-item-title.bgfifth {
  background-color: gainsboro;
}

/* End Gallery Grid Loop */
.subname {
  font-size: 0.9rem;
}

.gallery-pad {
  padding: 0 2rem 2rem;
}

.gallery-section.builder-gallery h2, .gallery-section.video-gallery h2 {
  font-family: "MrEavesModOT-Book", serif;
  padding: 1rem 1rem 0.25rem;
  margin-bottom: 0;
  font-size: 2.7rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}
@media (max-width: 640px) {
  .gallery-section.builder-gallery h2, .gallery-section.video-gallery h2 {
    font-size: 1.5rem;
  }
}
.gallery-section.builder-gallery h2 span, .gallery-section.video-gallery h2 span {
  display: block;
  font-size: 1.5rem;
}
@media (max-width: 640px) {
  .gallery-section.builder-gallery h2 span, .gallery-section.video-gallery h2 span {
    font-size: 1.2rem;
  }
}

#content section.gallery-section.builder-gallery {
  border: none;
  padding: 0;
  max-height: 0;
  opacity: 0;
}
#content section.gallery-section.builder-gallery.showme {
  padding: 2rem 0 0;
  max-height: 10000px;
  opacity: 1;
  -webkit-transition: opacity 1.5s;
  -moz-transition: opacity 1.5s;
  -o-transition: opacity 1.5s;
  transition: opacity 1.5s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

#content ul#menu-gallery-nav,
#content ul.sidebar-top-nav {
  margin: 0;
  text-align: center;
}
#content ul#menu-gallery-nav li,
#content ul.sidebar-top-nav li {
  list-style-type: none;
  display: inline-block;
  margin: 0 4px 1.5em;
  border: 2px solid #1075a9;
  color: #1075a9;
  background-color: #FFFFFF;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
#content ul#menu-gallery-nav li a,
#content ul.sidebar-top-nav li a {
  display: block;
  line-height: normal !important;
  color: #1075a9;
  padding: 0.5em 2.4em;
  font-size: 1.2rem;
}
#content ul#menu-gallery-nav li:hover,
#content ul.sidebar-top-nav li:hover {
  color: #FFFFFF;
  background-color: rgba(16, 117, 169, 0.6);
  cursor: pointer;
}
#content ul#menu-gallery-nav li:hover a,
#content ul.sidebar-top-nav li:hover a {
  color: #FFFFFF;
}
#content ul#menu-gallery-nav li.current-menu-item,
#content ul.sidebar-top-nav li.current-menu-item {
  background-color: #1075a9;
}
#content ul#menu-gallery-nav li.current-menu-item a,
#content ul.sidebar-top-nav li.current-menu-item a {
  color: #FFFFFF;
}
#content ul#menu-gallery-nav li.current-menu-item:hover,
#content ul.sidebar-top-nav li.current-menu-item:hover {
  color: #FFFFFF;
  background-color: rgba(16, 117, 169, 0.6);
  cursor: pointer;
}
#content ul#menu-gallery-nav li.current-menu-item:hover a,
#content ul.sidebar-top-nav li.current-menu-item:hover a {
  color: #FFFFFF;
}
@media (max-width: 768px) {
  #content ul#menu-gallery-nav li,
  #content ul.sidebar-top-nav li {
    margin-bottom: 10px;
  }
  #content ul#menu-gallery-nav li a,
  #content ul.sidebar-top-nav li a {
    padding: 10px;
    font-size: 1rem;
  }
}

#content ul#builder-gallery-nav {
  margin: 0;
  text-align: center;
}
#content ul#builder-gallery-nav li {
  list-style-type: none;
  display: inline-block;
  margin: 0 5px 1.5em;
  /*border: 2px solid $color-primary;*/
  color: #002d6a;
  /*background-color: $color-white;*/
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
#content ul#builder-gallery-nav li a {
  display: block;
  line-height: normal !important;
  color: #002d6a;
  padding: 0.5rem 0.9rem;
  /*min-width: 275px;
  font-size: 1rem;*/
}
#content ul#builder-gallery-nav li a span {
  display: block;
  font-size: 0.85em;
  clear: both;
}
#content ul#builder-gallery-nav li:hover {
  /*color: $color-white;*/
  cursor: pointer;
  background-color: #d7d7d7;
}
#content ul#builder-gallery-nav li:hover a {
  /*color: $color-white;*/
}
#content ul#builder-gallery-nav li.current-menu-item a {
  color: #FFFFFF;
  background-color: #002d6a;
}
#content ul#builder-gallery-nav li.current-menu-item:hover {
  color: #FFFFFF;
  background-color: #000204;
  cursor: pointer;
}
#content ul#builder-gallery-nav li.current-menu-item:hover a {
  color: #FFFFFF;
}
@media (max-width: 768px) {
  #content ul#builder-gallery-nav li {
    margin-bottom: 10px;
  }
  #content ul#builder-gallery-nav li a {
    padding: 10px;
    font-size: 1rem;
  }
}
#content ul#builder-gallery-nav .gallery-dropdown {
  position: relative;
  margin: 0 auto;
  /*&:hover .gallery-drop-submenu {
          opacity: 1;
          max-height: 5000px;
          z-index: 2;
      }*/
}
#content ul#builder-gallery-nav .gallery-dropdown li {
  display: inline-block;
  margin: 2px 0;
  /*border: 1px solid $color-primary;*/
}
#content ul#builder-gallery-nav .gallery-dropdown li:hover {
  border-color: #FFFFFF;
}
#content ul#builder-gallery-nav .gallery-dropdown ul.gallery-drop-submenu {
  text-align: center;
  background-color: #f1f1f1;
  margin: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.video-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-image: url("../../images/gallery/playvideo.svg");
  background-color: rgba(0, 0, 0, 0.3);
  background-size: clamp(30px, 20%, 100px) auto;
  background-position: center;
  background-repeat: no-repeat;
}
.video-overlay.mptour {
  background-image: url("../../images/gallery/3d-arrow.png");
}

a.gallery-thumb,
div.gallery-thumb {
  display: inline-block;
  /*margin: 0 -2px;*/
  text-decoration: none;
  position: relative;
  width: 25%;
  border: 10px solid #ffffff;
  font-family: "MrEavesModOT-Reg", serif;
  overflow: hidden;
  text-align: center;
}
a.gallery-thumb.single,
div.gallery-thumb.single {
  width: 60%;
}
a.gallery-thumb.double,
div.gallery-thumb.double {
  width: 50%;
}
a.gallery-thumb.triple,
div.gallery-thumb.triple {
  width: 33.3333333%;
}
@media (max-width: 640px) {
  a.gallery-thumb.single, a.gallery-thumb.double, a.gallery-thumb.triple,
  div.gallery-thumb.single,
  div.gallery-thumb.double,
  div.gallery-thumb.triple {
    width: 100%;
  }
}
a.gallery-thumb .gallery-thumb-image,
div.gallery-thumb .gallery-thumb-image {
  width: 100%;
  padding-bottom: 60%;
  background-size: cover;
  background-position: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
a.gallery-thumb:hover .gallery-thumb-image,
div.gallery-thumb:hover .gallery-thumb-image {
  transform: scale(1.1);
}
a.gallery-thumb p,
div.gallery-thumb p {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  opacity: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  transition: all 0.3s ease-in-out 0s;
  line-height: normal;
  font-size: 1.25rem;
}
a.gallery-thumb p span,
div.gallery-thumb p span {
  padding: 10px;
  text-align: center;
  left: 0;
  top: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 100%;
  /*font-size: 1.5em;*/
}
a.gallery-thumb p span strong,
div.gallery-thumb p span strong {
  display: block;
  clear: both;
  text-transform: uppercase;
  font-size: 1.5rem;
}
@media (max-width: 1024px) {
  a.gallery-thumb p span,
  div.gallery-thumb p span {
    font-size: 0.9rem;
    line-height: normal;
  }
  a.gallery-thumb p span strong,
  div.gallery-thumb p span strong {
    font-size: 1rem;
  }
}
a.gallery-thumb.thumb-gallery p,
div.gallery-thumb.thumb-gallery p {
  opacity: 1;
  background: rgba(0, 0, 0, 0.3);
}
a.gallery-thumb.thumb-gallery:hover p,
div.gallery-thumb.thumb-gallery:hover p {
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
a.gallery-thumb.walkthrough p,
div.gallery-thumb.walkthrough p {
  opacity: 0.6;
}
a.gallery-thumb:hover p,
div.gallery-thumb:hover p {
  opacity: 1;
}
a.gallery-thumb .video-container,
div.gallery-thumb .video-container {
  margin-bottom: 0;
}
@media (max-width: 1248px) {
  a.gallery-thumb,
  div.gallery-thumb {
    width: 33.3333333%;
  }
}
@media (max-width: 768px) {
  a.gallery-thumb,
  div.gallery-thumb {
    width: 50%;
    border: 5px solid #ffffff;
  }
}
@media (max-width: 640px) {
  a.gallery-thumb,
  div.gallery-thumb {
    width: 100%;
  }
}
a.gallery-thumb .circle-arrow,
div.gallery-thumb .circle-arrow {
  max-width: 40%;
  width: 100px;
}
a.gallery-thumb .circle-arrow.play-button,
div.gallery-thumb .circle-arrow.play-button {
  max-width: 30%;
  width: 80px;
}

#content a.gallery-thumb-link.button {
  bottom: 0;
  white-space: nowrap;
  padding: 0.75rem 0.5rem 0.75rem 1.5rem !important;
  position: absolute;
  left: 50% !important;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #1495d8;
  /* @include mq-lg {
    padding: .5rem .5rem .5rem 1.5rem!important;
  } */
}
#content a.gallery-thumb-link.button:hover {
  background-color: #33adec;
}
#content div.gallery-thumb.thumb-gallery:hover a.gallery-thumb-link.button {
  opacity: 1;
  bottom: 10px;
}

#content a.gallery-thumb,
#content .gallery-thumb {
  color: #FFFFFF;
}

div.fancybox-caption {
  font-size: 1.3em;
  font-weight: 700;
}
div.fancybox-caption p {
  font-size: 1rem;
  font-weight: 400;
}
div.fancybox-caption strong {
  text-transform: uppercase;
  display: block;
}

#community-gallery-grid .section-text .section-content {
  padding: 0;
  /* .gallery-grid-wrap {
    padding-bottom: 0;
  } */
}

/*# sourceMappingURL=gallery-grid.css.map */