@font-face {
  font-family: 'TrajanProRegular';
  src: url("../fonts/TrajanProRegular.eot");
  src: local("TrajanProRegular"), url("../fonts/TrajanProRegular.ttf") format("truetype"); }

body {
  background-color: #FFFFFF;
  font-family: 'Arial'; }

a {
  text-decoration: none;
  color: inherit; }

a:hover, a:focus {
  color: inherit;
  text-decoration: underline; }

.heading-font {
  font-family: 'TrajanProRegular', 'Cinzel', serif; }

.subheading-font {
  text-transform: uppercase;
  transform: scale(1.1, 1);
  -webkit-transform: scale(1.1, 1);
  -moz-transform: scale(1.1, 1);
  -ms-transform: scale(1.1, 1);
  -o-transform: scale(1.1, 1);
  font-weight: 600;
  letter-spacing: 0.01em; }

#header {
  margin: 0;
  background-color: inherit;
  top: 0;
  width: 100%;
  z-index: 1; }

header a:hover, header a:focus {
  text-decoration: none; }

.heading {
  text-transform: uppercase; }

#header header {
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  color: #4A4A4A;
  font-size: 2.4em;
  padding-top: 0.25em;
  letter-spacing: 0.3em; }

hr.underline {
  margin-top: 5px;
  margin-bottom: 15px;
  height: 1px;
  border: none;
  background: #cccccc;
  width: 100%;
  background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(50, 50, 50, 0.01)), to(rgba(80, 80, 80, 0.01)), color-stop(0.5, #c9c9c9));
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.001) 0%, #c9c9c9 50%, rgba(0, 0, 0, 0.001) 100%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0) 100%); }

@media (min-width: 768px) {
  .navbar-default {
    top: -25px;
    transition: top .4s; }
  .autohideheader .navbar-default {
    top: 0px; }
  #body {
    margin-top: 90px;
    transition: margin-top .4s;
    font-size: 12px; }
  #header {
    position: fixed;
    margin-top: 0;
    transition: margin-top .4s;
    box-shadow: 0 20px 32px 16px #FFFFFF; }
  #bannerContent {
    background-color: #FFFFFF; }
  .autohideheader #body {
    margin-top: 90px;
    transition: margin-top .4s; }
  .autohideheader #header {
    top: -41px;
    transition: top .4s; }
  .autohideheader.active-submenu #header {
    top: -60px;
    transition: top .4s; }
  .autohideheader:hover #header {
    top: 0px; }
  .autohideheader:hover.active-submenu + div {
    margin-top: 200px;
    transition: margin-top .4s; }
  .autohideheader:hover + div {
    margin-top: 140px;
    transition: margin-top .4s; }
  .autohideheader + div {
    margin-top: 90px;
    transition: margin-top .4s; }
  .autohideheader .navbar-default .navbar-nav > .active > a {
    background-color: #4A4A4A;
    color: white; }
  .navbar-default .navbar-nav a:hover {
    color: white;
    text-decoration: underline; }
  .autohideheader #header .menucontainer {
    background-color: #4A4A4A;
    border-bottom: 2px solid #4A4A4A; }
  .autohideheader .navbar-default .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: gray; }
  .autohideheader .navbar-default .navbar-nav > li > a:hover {
    color: white; }
  .autohideheader .navbar-collapse {
    position: inherit; }
  .autohideheader .navbar-nav li:hover .navbar-2nd {
    display: none; }
  .autohideheader .navbar-2nd-inner {
    display: block; }
  .autohideheader .navbar-nav {
    float: inherit; }
  .navbar-collapse {
    position: relative;
    opacity: 1;
    transition: opacity .4s;
    top: 90px; }
  .navbar-nav {
    text-align: center;
    display: table; }
  .nav > li {
    display: table-cell;
    float: none; }
  .navbar .over-title {
    display: none; }
  .navbar .under-title {
    display: block; }
  .nav > li > a {
    padding-bottom: 0px; }
  .navbar-nav > li > .navbar-2nd {
    display: none; }
  .navbar-nav > li > .navbar-2nd > li {
    float: none; }
  .navbar-nav li:hover .navbar-2nd {
    display: block;
    position: absolute;
    text-align: left;
    left: 16%;
    padding-left: 15px; }
  .navbar-2nd {
    width: 100%; }
  .autohideheader .navbar-2nd-inner .navbar-nav {
    width: 50%;
    margin: auto;
    font-size: 66%; }
  .autohideheader .navbar-2nd-inner {
    height: 0px;
    transition: height .4s;
    overflow: hidden; }
  .autohideheader.active-submenu .navbar-2nd-inner {
    height: 24px; }
  .autohideheader.active-submenu .navbar-default .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 5px; }
  .autohideheader.active-submenu .navbar-default .navbar-2nd-inner .navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px; } }

html.wait, html.wait * {
  cursor: wait !important; }

.navbar-default {
  border: 0;
  background-color: inherit; }

.navbar-nav {
  background-color: inherit;
  border: 0;
  font-family: arial;
  font-size: .8em;
  color: #676767;
  letter-spacing: .2em;
  text-transform: uppercase;
  list-style-type: none; }

.nav {
  width: 100%; }

#header {
  white-space: nowrap; }

.navbar {
  margin-bottom: 0px; }

.over-title {
  display: block; }

.under-title {
  display: none; }

.navbar-collapse {
  border: 0; }

.animate-height {
  transition: min-height .4s; }

.navbar-2nd-inner {
  display: none;
  width: 100%; }

.gallery-container .row {
  margin: 0; }

.gallery-description {
  padding-left: 2em;
  padding-top: 2em; }

.gallery-description .title {
  text-transform: uppercase; }

.gallery-picker {
  margin: 0 15px; }

.gallery-picker img {
  height: 100%;
  margin: auto; }

.gallery-picker > div {
  height: 100%;
  text-align: center; }

.gallery-picker > div .img {
  height: 80%;
  padding-bottom: 15px;
  opacity: .5; }

.gallery-picker > div.selected .img {
  opacity: 1; }

/* Gallery share icons: keep the original grey icon look, darken on hover */
.share-links a, .share-links a:focus { color: inherit; text-decoration: none; }
.share-links a:hover { color: #333; }

/* ---- Mobile gallery feed (phones). Desktop/tablet keep the carousel + picker. ---- */
.gallery-feed { display: none; }
@media (max-width: 767px) {
  .gallery-container, .gallery-picker { display: none !important; }
  .gallery-feed { display: block; margin: 0 -15px; }
  .feed-item { margin-bottom: 36px; scroll-margin-top: 60px; }
  .feed-views {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    scrollbar-width: none;
  }
  .feed-views::-webkit-scrollbar { display: none; }
  .feed-view { flex: 0 0 100%; scroll-snap-align: center; scroll-snap-stop: always; }
  .feed-view img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background: #fff; }
  .feed-dots { text-align: center; padding: 10px 0 4px; min-height: 22px; }
  .feed-dots span { display: inline-block; width: 7px; height: 7px; margin: 0 4px; border-radius: 50%; background: #ccc; cursor: pointer; }
  .feed-dots span.active { background: #555; }
  .feed-text { padding: 6px 15px 0; }
  .feed-title { display: flex; align-items: center; justify-content: space-between; padding: 0 15px 10px; }
  .feed-title .title { display: inline-block; text-transform: uppercase; transform-origin: 0 50%; margin-right: 10px; }
  .feed-share { margin: 0; white-space: nowrap; font-size: 15px; color: #777; }
  .feed-share > li { padding: 0 0 0 10px; }
  .feed-share a, .feed-share a:focus { color: inherit; text-decoration: none; }

  /* phone-sized header and headings (desktop sizes overflow a phone screen) */
  #header header { font-size: 1.6em; letter-spacing: 0.2em; }
  h1.heading { font-size: 20px; letter-spacing: 0.05em; margin-top: 6px; margin-bottom: 4px; }
  /* on phones each piece in the feed has its own share icons, so hide the heading's set */
  h1.heading small { display: none; }
}