#user-bar{z-index: 999}

.item .hero .banner {
  animation: fadeIn .25s;
  -webkit-animation: fadeIn .25s;
  -moz-animation: fadeIn .25s;
  -o-animation: fadeIn .25s;
  -ms-animation: fadeIn .25s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* Header Changes */
h1,
h2,
h3,
h4,
h5,
h6{
  letter-spacing: -.05rem;
}

/* Header Changes */
header{
  z-index: 9;
  background:#ffffff50;
}

.top-bar {
  padding: 2rem auto;
}

.hero {
  background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
  background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

.banner.contained {
  margin: auto !important;
  border-radius: 1rem;
}

/* Vertical Nav */
.vertical-menu main {
  max-width: 83.3333%;
  width: 83.3333%;
}

.vertical-menu header{
  background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

/* Search Form */
.search-form input{
  -webkit-border-top-right-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -moz-border-radius-topright: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.search-form button{
  -webkit-border-top-left-radius: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -moz-border-radius-topleft: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

/* Timeline Theming */
.tl-slide-content h2.tl-headline {
  font-size: 2rem !important;
}

.tl-timeline p {
  font-size: 1.25rem;
}

.card {
  border: 0 !important;
  border-radius: 1rem !important;
}

/* .card img,
.file img {
  width: 100% !important;
  max-width: revert !important;
  height: auto !important;
  border-radius: 1rem;
  object-fit: contain !important;
} */

#mapping-map,
#mapping-section,
.responsive-embed,
input,
.inputs,
.value,
select,
.button,
.tl-menubar button,
.card img,
.items img,
.menu .active>a {
  border-radius: 1rem !important;
}

.leaflet-tile-pane img {
  filter: grayscale(1);
}

.leaflet-zoom-anim .leaflet-layer img{
   -webkit-filter: saturate(180%) blur(4px);
   filter: saturate(180%) blur(4px);
}

.leaflet-layer img{
   animation: fadeIn .25s !important;
   -webkit-animation: fadeIn .25s !important;
   -moz-animation: fadeIn .25s !important;
   -o-animation: fadeIn .25s !important;
   -ms-animation: fadeIn .25s !important;
 }

 @keyframes fadeIn {
   0% { opacity: .5; }
   100% { opacity: 1; }
 }

 @-moz-keyframes fadeIn {
   0% { opacity: .5; }
   100% { opacity: 1; }
 }

 @-webkit-keyframes fadeIn {
   0% { opacity: .5; }
   100% { opacity: 1; }
 }

 @-o-keyframes fadeIn {
   0% { opacity: .5; }
   100% { opacity: 1; }
 }

 @-ms-keyframes fadeIn {
   0% { opacity: .5; }
   100% { opacity: 1; }
 }

/* Navigation */
.sticky.is-stuck {
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: saturate(180%) blur(.5rem);
 backdrop-filter: saturate(180%) blur(.5rem);
  transition: all .5s ease-in-out;
}

.browse-controls.sticky.is-stuck {
padding:1rem;
border-radius: 1rem;
animation-name: fadeInUp;
-webkit-animation-name: fadeInUp;
}


/* Browse View Overrides */
.resource-grid {
  text-align: center;
}

.resource-grid .resource-content {
  padding: 0 2rem;
}

.resource-grid .description {
  display: none;
}

.resource-grid .resource-img {
  margin: 2rem;
}

.resource-grid .resource-img img {
  max-height: 30vh;
}

.resource-grid .resource-meta {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 5rem;
  align-items: center;
}

.resource-list .resource-img{
  display: table-row;
  text-align: center;
  vertical-align: middle;
}

.item .resource-img img, .tl-media-content img,
.items.results .resource-link img,
.item-showcase img {
  transform: perspective(1500px) rotateY(15deg);
  border-radius: 1rem;
  transition: transform 1s ease 0s;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;
}

.item .resource-img img:hover, .tl-media-content img:hover,  .items.results .resource-link img:hover, .item-showcase img:hover {
  transform: perspective(3000px) rotateY(5deg);
}

.resource-list, .resource-list *{border:none !important}

.resource-list .resource-meta {
  margin: 10vh auto !important;
  max-width:1280px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  align-items: center;
}

.resource-list img {
  max-width: 20vw !important;
}



/* Items View Overrides */
.items.results .resource-link{
  display: grid;
  grid-template-columns: .5fr 1fr;
  grid-template-rows: 1fr;
  align-items: center;
}

.items.results .resource-link img{
text-align: center;
}

.items .resource-name{
  font-size:1.5rem;
  line-height: 2rem;
  margin: 0 2rem;
}

.item-set.page-title h2, .item-set.page-title h1{
  display: inline
}

/* Advanced Search */
.fieldset, #advanced-search [class=field] {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 3px solid;
    border-radius: 1rem;
}

 #advanced-search .advanced-search-content{
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 2rem;
  align-items: stretch;
}

.filters .sticky-container{
}

.browse-control-mobile{
  position: relative;
  z-index: 9;
}

.browse-controls a.advanced-search:hover{
  text-decoration: underline;
}

@media only screen and (max-width: 720px) {
  #advanced-search .advanced-search-content{
   grid-template-columns: 1fr;
   align-items: center;
   align-items: stretch;
 }
}

/* Item View Overrides */

/* .resources{
  margin-top:-9rem;
} */

.item .resource-title h2{
  font-size: 3rem;
}

.item .resource-title, .page-title, .search main h1, .media.resource .resource-title{
  position: relative;
  padding: 2vh 3vh;
}

.item .content h1{
  font-size: 4rem;
  margin:1vw;
}

.item .item-details{
  margin:0 1vh;
}

.item .item-details .property{
  padding:0vh 3vh 3vh 3vh;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 20px;
  margin: 0 0 4vh;
  -webkit-backdrop-filter: saturate(180%) blur(.5rem);
 backdrop-filter: saturate(180%) blur(.5rem);
}

.item .item-details .property dt{
  margin:-2vh 0 1vh -2vh;
  padding:1vh 2vh;
  border-radius: 1rem;
  color:#fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 20px;
  width: fit-content;
}

.item dl dt {
  font-size: 1.5rem;
}

.item dl dd {
  font-size: 1.25rem;
}

.item .lg-img-rotate{
  padding:1rem;
}

.media-list .property {
  display: flex;
  flex-wrap: wrap;
}

.media-list .value {
  justify-content: flex-end;
}

.media-list .resource-link {
  display: inline-grid !important;
  max-width: 8rem;
  padding: 1rem;
  border-radius: 1rem;
  background: #fafafa;
}

.media-list .resource-link:hover {
  opacity: .9;
}

.media-list .resource-link .resource-name {
  font-size: .5rem;
  width: 100%;
  margin: 1rem 0 0;
  text-align: center;
  word-break: break-word;
}

.lg-outer,
.lg-backdrop {
  border-radius: 1rem !important;
  background: #fff;
}

.item-sets a {
  padding: .5rem;
  border: 2px solid;
  border-radius: 1rem;
}

.full-width-main{
  z-index: 1;
  position: relative;
}

.lg-show-in .lg-toolbar,
.lg-inner {
  background: #f2f2f2;
}

.lg-outer .lg-thumb-outer {
  -webkit-border-bottom-right-radius: .5rem;
  -moz-border-radius-bottomright: .5rem;
  border-bottom-right-radius: .5rem;
  -webkit-border-bottom-left-radius: .5rem;
  -moz-border-radius-bottomleft: .5rem;
  border-bottom-left-radius: .5rem;
  background: rgb(242, 242, 242);
  background: -moz-linear-gradient(180deg, rgba(242, 242, 242, 1) 0%, rgba(240, 240, 240, 1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(242, 242, 242, 1) 0%, rgba(240, 240, 240, 1) 100%);
  background: linear-gradient(180deg, rgba(242, 242, 242, 1) 0%, rgba(240, 240, 240, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2", endColorstr="#f0f0f0", GradientType=1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2", endColorstr="#aaaaaa", GradientType=1);
}

.lg-next,
.lg-prev {
  color: #fff !important;
}

/* Orbit Styling */
.orbit-caption {
    text-align: center;
    width: fit-content !important;
    margin:-6rem auto 0;
    position: unset !important;
    -webkit-filter: saturate(180%) blur(.5rem);
    filter: saturate(180%) blur(.5rem);
    border-radius: 1rem
}

.orbit-caption p {margin:0}

/* Helpers */
.m-auto {
  margin: auto !important;
}

.tl-attribution {
  display: none
}

main{
  z-index: 10;
  position: relative;
}

.blocks>:not(.blocks-inner),
.search main, #advanced-search,
.browse main .resources.resource-list,
.media.resource main,
.item-set.resource.browse main,
.item.browse .inline,
.item .browse-controls {
  max-width: 75rem;
  margin: 2rem auto;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

.item.browse .inline{
  margin: 0 auto;
}

.resource-title .return-btn{
margin:0 1rem .5rem 0;}

/* animation stuff */

.animated, #itemfiles,
#mapping-section,
.item .resource-title,
.page-title,
main h1,
.media.resource .resource-title,
header .active{
	 animation-duration: .5s;
	 animation-fill-mode: both;
	 -webkit-animation-duration: .5s;
	 -webkit-animation-fill-mode: both;
	 opacity: 0;
	 animation-name: fadeInUp;
	 -webkit-animation-name: fadeInUp;
}

.browse-controls{
  animation-duration: .5s;
  animation-fill-mode: both;
  -webkit-animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  opacity: 0;
}


nav button, header ul {
	 animation-duration: .75s;
	 -webkit-animation-duration: .75s;
	 animation-name: fadeIn;
	 -webkit-animation-name: fadeIn;
}


#itemfiles{
  animation-delay: .25s;
}
#mapping-section{
  animation-delay: .5s;
}

 @keyframes fadeInUp {
	 from {
		 transform: translate3d(0, 40px, 0);
	}
	 to {
		 transform: translate3d(0, 0, 0);
		 opacity: 1;
	}
}
 @-webkit-keyframes fadeInUp {
	 from {
		 transform: translate3d(0, 40px, 0);
	}
	 to {
		 transform: translate3d(0, 0, 0);
		 opacity: 1;
	}
}

/* Mobile */

@media screen and (max-width:640px)
{
    .item .resource-title,
    .page-title,
    .search main h1,
    .media.resource .resource-title
    {
        margin-top: 0;
        background:none;
    }
    .banner.fullbleed
    {
        -webkit-filter: grayscale(1) blur(2px); /* Safari 6.0 - 9.0 */
                filter: grayscale(1) blur(2px);
    }
    h1.site-title {
    margin: auto !important;
  }
}


@media (min-width: 640px) and (max-width: 1280px) {

  .item .resource-title,
  .page-title,
  .search main h1,
  .media.resource .resource-title {
    background: none;
  }

  .resource-grid .resource {
    width: 50% !important;
  }
  h1.site-title {
  margin: auto !important;
}
}

@media (min-width: 1281px) and (max-width: 1800px) {
  .resource-grid .resource {
    width: 33% !important;
  }
}