/*Publish*/
.location-carousel {
  position: static;
}
.location-publish-image {
  position: relative;
  padding-top: 65%;
  background-color: rgba(0,0,0,0.05);
}
.location-carousel .owl-nav {
  position: absolute;
  bottom: 22px;
  z-index: 2;
  right: var(--grid);
}
.location-carousel.owl-carousel .owl-nav button {
  color: var(--white);
  left: var(--grid);
  width: 20px;
  height: 35px;
  font-size: 0;
}
.location-carousel.owl-carousel .owl-nav button.owl-prev {
  margin-right: 10px;
}
.location-carousel.owl-carousel .owl-nav button span::before {
  content: "";
  font-size: 13px;
  width: 1em;
  height: 1em;
  display: inline-block;
  border-top: 2px solid;
  border-right: 2px solid;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.location-carousel.owl-carousel .owl-nav button.owl-prev span::before {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  left: 5px;
}
.location-carousel.owl-carousel .owl-nav button.owl-next span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: -5px;
}
.location-carousel.owl-carousel .owl-nav button:hover {
  color: var(--secondary);
}
.location-carousel.owl-carousel .owl-nav button:hover span::before {
  border-width: 4px;
}
.location-pop-toggle {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  cursor: pointer;
}
.location-publish-map {
  position: relative;
  padding-top: 17.5%;
  min-height: 225px;
}
.location-publish-map-over {
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
.location-publish-video {
  position: relative;
  padding-top: 36%;
  min-height: 200px;
}
.location-publish-video::after {
  content: "";
  background: -moz-linear-gradient(top, rgba(15,60,98,0) 0%, var(--primary) 100%);
  background: -webkit-linear-gradient(top, rgba(15,60,98,0) 0%,var(--primary) 100%);
  background: linear-gradient(to bottom, rgba(15,60,98,0) 0%,var(--primary) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000f3c62', endColorstr='#0f3c62',GradientType=0 );
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 23%;
  pointer-events: none;
}
.location-publish-video iframe {
  position: absolute;
  height: 100%;
  border: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.location-publish-video-over {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
#location-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--white);
  z-index: 10000;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#location-popup.active {
  opacity: 1;
  pointer-events: all;
}
.location-popup-scroll {
  min-height: 100svh;
}
.location-popup-close {
  width: 30px;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
.location-popup-container {
  padding: 120px 0;
}
#location-popup .location-publish-image-over {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--primary);
}
#location-popup .location-carousel .owl-nav {
  position: fixed;
}
/*Resposive - Mobile First*/
/* md */
@media (min-width: 768px) {
  /*Publish*/
  .location-publish-image {
    padding-top: 40%;
  }
  .location-carousel.owl-carousel .owl-nav button {
    width: 25px;
  }
  .location-carousel.owl-carousel .owl-nav button span::before {
    font-size: 20px;
  }
}
/* lg */
@media (min-width: 1050px) {
  /*Publish*/
  .location-publish-image-over {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
  }
}
/*Resposive - Desktop First*/
/* md */
@media (max-width: 1049.98px) {
  /*Publish*/
  .location-publish-image-over {
    background-color: var(--primary) !important;
  }
}
/* sm */
@media (max-width: 767.98px) {
  /*Results*/
  .our-location-title {
    color: var(--primary) !important;
  }
}