body { background:#fff7ff; font-family:'PT Sans Narrow'; font-size:1.2em }
a.menu { color:#E5E4E2; font-weight:normal; z-index: 99 }
a.menu:active, a.menu:hover { color:#ffff00; z-index:99 }
.dropdown.menu > li.is-active > a { color:#ffff00; z-index: 99 }

.breadcrumbs li { font-size: 0.9rem; } /* 0.6875rem */

.btnPlayVideo, .GalleryPhoto {	
	cursor: pointer;
}

.row { max-width:1400px; }

@font-face {
    font-family: 'PT Sans Narrow';
    src: url('/css/fonts/PTSansNarrow-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

h1 { font-size:1.8em !important; font-family:'PT Sans Narrow'; }
h2 { font-size:1.5em !important; font-family:'PT Sans Narrow'; } 
h3 { font-size:1.2em !important; font-family:'PT Sans Narrow'; }
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 "PT Sans Narrow", "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 }
.navyblue_bg { background:#24136e }
.navyblue_txt { color:#24136e }

/* Cookie Law */
#cookie-law { max-width:1400px; 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 "PT Sans Narrow", "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;
}

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

tbody th { background:#24136e; color:#E5E4E2 }


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;
    }
}

tr.strikethrough {
	text-decoration: line-through;
}

.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%; }
}
