body { background:#fff7ff; font-family:'JaguarJC'; font-size:1.1em }
a.menu { color:#E5E4E2; font-weight:normal; font-size:0.8em }
a.menu:active, a.menu:hover { color:#e7695b; }
.dropdown.menu > li.is-active > a { color:#e7695b; }

.breadcrumbs li { font-size: 0.9rem; } /* 0.6875rem */

.btnPlayVideo, .GalleryPhoto {	
	cursor: pointer;
}

@font-face {
    font-family: 'JaguarJC';
    src: url('/css/fonts/jagw.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

h1 { font-size:1.8em !important; font-family:'JaguarJC'; }
h2 { font-size:1.5em !important; font-family:'JaguarJC'; } 
h3 { font-size:1.2em !important; font-family:'JaguarJC'; }
h4 { font-size:1em !important; }
h5 { font-size:0.7em !important; }

.header { background:#003064; color:white !important; }

.footer { color:#E5E4E2; padding:20px }
.footer p { color:#E5E4E2; font: normal 0.8em "JaguarJC", "Trebuchet MS", Verdana, Arial; }
.footer a { color:#e7695b; }
.footer a:hover { color:white; }

.cranberry_bg { background:#972d31 }	/* #c64b3b */
.cranberry_txt { color:#972d31 }
.platinum_bg { background:#E5E4E2 }
.platinum_txt { color:#E5E4E2 }

/* Cookie Law */
#cookie-law { max-width:1200px; background:#972d31; margin:10px auto 0; border-radius: 17px; -webkit-border-radius: 17px; -moz-border-radius: 17px; }
#cookie-law p { color:#E5E4E2; font: normal 0.9em "JaguarJC", "Trebuchet MS", Verdana, Arial; padding:15px; text-align:center; margin-bottom:10px; }
#cookie-law a { color:#e7695b; }
#cookie-law a:hover { color:white; }

.img-responsive {
    max-height: calc(100vh - 60px);
}

.reveal-responsive] {
    top: 20 !important;
  max-height: 90%;

}

.dropshadow {
	box-shadow: 4px 4px 3px #bbb;
	transition: box-shadow 0.2s;
	transition-property: box-shadow;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	transition-delay: 0s;
}

.videotitle {
	font-size:0.85em !important;
	height:55px;
	padding:4px;
	margin:0;
}


.headertxt {
    position: absolute;
    left: 0;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.5);
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px;
    color: white;
}

.imgtxt {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 25px;
    background: rgba(0, 0, 0, 0.6);
    font-size: 0.9em;
    font-weight: normal;
    padding: 3px;
    color: white;
}

.imgtxtoverlay {
    position: relative;
    width: 100%;
    z-index: -100;
}

.gallerytxt {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 29px;
    background: rgba(0, 0, 0, 0.4);
    font-size: 0.8em;
    font-weight: normal;
    padding: 3px;
    color: white;
}

.gallerytxtoverlay {
    position: relative;
    width: 100%;
    z-index: -100;
}

.xfilestxt {
    width: 100%;
    position: absolute;
	top: 50%;
	left: 50%;
  	transform: translate(-50%, -50%);
    padding: 10px;
    color: white;
}

.xfilestxtoverlay {
    position: relative;
    width: 100%;
    z-index: -100;
}

.xfilessubtxt {
    width: 100%;
    position: absolute;
    top: 50%;
	left: 50%;
  	transform: translate(-50%, -50%);
    font-size: 1.1em;
    padding: 10px;
    color: white;
}

.xfilessubtxtoverlay {
    position: relative;
    width: 100%;
    z-index: -100;
}


.multilevel-accordion-menu .is-accordion-submenu-parent a {
  background:#E5E4E2;
}

.multilevel-accordion-menu .is-accordion-submenu a {
  background:white;
}

.multilevel-accordion-menu .sublevel-1 {
  text-indent: 1rem;
}

.multilevel-accordion-menu .sublevel-2 {
  text-indent: 2rem;
}

.multilevel-accordion-menu .sublevel-3 {
  text-indent: 3rem;
}

.multilevel-accordion-menu .sublevel-4 {
  text-indent: 4rem;
}

.multilevel-accordion-menu .sublevel-5 {
  text-indent: 5rem;
}

.multilevel-accordion-menu .sublevel-6 {
  text-indent: 6rem;
}

.multilevel-accordion-menu a {
  color: black;
  box-shadow: inset 0 -1px #41444a;
}

.multilevel-accordion-menu a::after {
  border-color: #fefefe transparent transparent;
}

.multilevel-accordion-menu .menu > li:not(.menu-text) > a {
  padding: 1.2rem 1rem;
}

.multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] a.subitem::before {
  content: "\f016";
  font-family: FontAwesome;
  margin-right: 1rem;
}

.multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] a::before {
  content: "\f07c";
  font-family: FontAwesome;
  margin-right: 1rem;
}

.multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="false"] a::before {
  content: "\f07b";
  font-family: FontAwesome;
  margin-right: 1rem;
}

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #E5E4E2 url("/images/icon-up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

a:hover.back-to-top {
	background-color: #972d31;
}

#grid-container {
  width: 100%;
  margin: auto;
  overflow: hidden;
}

.grid-item {
  opacity: 0;
  float: left;
  padding: 5px;
  box-sizing: border-box;
}

.grid-item img {
  width: 100%;
  height: 100%;
}

.grid-item.loaded {
  opacity: 1;
  transition: opacity .5s;
}


.webicon {
  display: inline-block;
  background-size: 100%;
  width: 30px;
  height: 30px;
  text-indent: -999em;
  text-align: left;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 5px; }

.webicon:hover {
  margin: -1px 0 1px;
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }

.webicon.small {
  width: 20px;
  height: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.webicon.large {
  width: 48px;
  height: 48px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

/* restore webicons accessibility for print */
@media print {
  * {
      background: transparent !important;
      color: #000 !important;
      -moz-box-shadow: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      text-shadow: none !important;
  }
  .webicon {
    text-indent: 0;
    width: auto !important;
    height: auto !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  .no-print, .no-print *
    {
        display: none !important;
    }
}

.no-svg .webicon.facebook {
  background: url("/webicons/webicon-facebook-m.png"); }

.no-svg .webicon.facebook.large {
  background: url("/webicons/webicon-facebook.png"); }

.no-svg .webicon.facebook.small {
  background: url("/webicons/webicon-facebook-s.png"); }

.svg .webicon.facebook {
  background: url("/webicons/webicon-facebook.svg"); }
  
.no-svg .webicon.instagram {
  background: url("/webicons/webicon-instagram-m.png"); }

.no-svg .webicon.instagram.large {
  background: url("/webicons/webicon-instagram.png"); }

.no-svg .webicon.instagram.small {
  background: url("/webicons/webicon-instagram-s.png"); }

.svg .webicon.instagram {
  background: url("/webicons/webicon-instagram.svg"); }

.no-svg .webicon.pinterest {
  background: url("/webicons/webicon-pinterest-m.png"); }

.no-svg .webicon.pinterest.large {
  background: url("/webicons/webicon-pinterest.png"); }

.no-svg .webicon.pinterest.small {
  background: url("/webicons/webicon-pinterest-s.png"); }

.svg .webicon.pinterest {
  background: url("/webicons/webicon-pinterest.svg"); }
  
.no-svg .webicon.mail {
  background: url("/webicons/webicon-mail-m.png"); }

.no-svg .webicon.mail.large {
  background: url("/webicons/webicon-mail.png"); }

.no-svg .webicon.mail.small {
  background: url("/webicons/webicon-mail-s.png"); }

.svg .webicon.mail {
  background: url("/webicons/webicon-mail.svg"); }
  
.no-svg .webicon.googleplus {
  background: url("/webicons/webicon-googleplus-m.png"); }

.no-svg .webicon.googleplus.large {
  background: url("/webicons/webicon-googleplus.png"); }

.no-svg .webicon.googleplus.small {
  background: url("/webicons/webicon-googleplus-s.png"); }

.svg .webicon.googleplus {
  background: url("/webicons/webicon-googleplus.svg"); }
  
.no-svg .webicon.twitter {
  background: url("/webicons/webicon-twitter-m.png"); }

.no-svg .webicon.twitter.large {
  background: url("/webicons/webicon-twitter.png"); }

.no-svg .webicon.twitter.small {
  background: url("/webicons/webicon-twitter-s.png"); }

.svg .webicon.twitter {
  background: url("/webicons/webicon-twitter.svg"); }
  


#columns {
	column-width: 320px;
	column-gap: 15px;
	width: 90%;
	max-width: 1100px;
	margin: 50px auto;
}

div#columns figure {
	background: #fefefe;
	padding-bottom: 15px;
	transition: opacity .4s ease-in-out;
	display: inline-block;
	column-break-inside: avoid;
}

div#columns figure img {
	width: 100%; height: auto;
}

div#columns figure figcaption {
	font-size: .9rem;
	color: #444;
	line-height: 1.5;
}

div#columns small { 
	font-size: 1rem;
	float: right; 
	text-transform: uppercase;
	color: #aaa;
} 

div#columns small a { 
	color: #666; 
	text-decoration: none; 
	transition: .4s color;
}

div#columns:hover figure:not(:hover) {
	opacity: 0.4;
}

@media screen and (max-width: 750px) { 
	#columns { column-gap: 0px; }
	#columns figure { width: 100%; }
}
