/*  .multi-img  */

article.main .multi-img {
    width: 100%;
    max-width: 100%;
}

.multi-img > img:first-child, .multi-img > a:first-child {
    position: relative;
    opacity: 0;
}
.multi-img img.active, .multi-img a.active, .multi-img .media.active {
    position: relative;
    opacity: 1;
    z-index: 1;
}
.multi-img > img, .multi-img > img.inactive, .multi-img > a, .multi-img > a.inactive, .multi-img .media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    display: block;
    z-index: 0;
}
.multi-img img, .multi-img a, , .multi-img .media {
    -webkit-transition: opacity .75s;
}
.multi-img.bg-image-mode a, .multi-img.bg-img-mode a {
	min-height: 38vw;
	background-size: cover;
	background-position: center center;
}
figure.multi-img.bg-image-mode a, figure.multi-img.bg-img-mode a {
	min-height: 26rem;
}
@media only screen and (min-width: 1000px) {
  section.multi-img.bg-image-mode a, section.multi-img.bg-img-mode a {
    min-height: 36vh;
  }
}
.multi-img .controls {
    position: absolute;
    bottom: 6px;
    width: 100%;
    text-align: center;
    z-index: 20;
    opacity: .3;
    float: none;
    clear: none;
}
.multi-img:hover .controls {
    opacity: 1;
}
.multi-img .control {
display: inline-block;
border-radius: 12px;
height: 12px;
width: 12px;
padding: 0 7px;
    float: none;
    clear: none;
}
.multi-img .control.inactive {
    opacity: .6;
}
.multi-img:hover .control.inactive {
    opacity: 1;
}
.multi-img .control:hover {
cursor: pointer;
}
.multi-img .control:after {
border-radius: 12px;
height: 12px;
width: 12px;
background: #000;
box-shadow: rgba(0,0,0,.5) 0 1px 4px;
display: inline-block;
content: '';
border: 2px solid #fff;
}
.multi-img .control:hover:after, .multi-img .control.active:after {
background: #fff;
border-color: #000;
}
.multi-img.no-nav .controls {
    display: none;
}

.multi-img > a.fb-feed-photo {
    display: block;
    height: 407px;
    overflow: hidden;
    width: 100%;
    background: #333;
}
.multi-img > a.fb-feed-photo img {
position: absolute;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
min-height: 100%;
margin: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.multi-img.bg-image-mode img, .multi-img.bg-img-mode img {
	display: none;
}





/*  Tabbed  */

nav.tabbed {
display: block;
top: 1px;
z-index: 1;
margin-left: 1rem;
}
nav.tabbed a {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid transparent;
}
nav.tabbed a:hover {
	text-decoration: none;
}
nav.tabbed a.active {
color: #555;
background: #f3f3f3;
}
nav.tabbed a.active:hover {
	cursor: default;
	text-decoration: none;
}
div.tabbed > section {
padding: 2rem;
border-bottom: none;
background: #f3f3f3;
}
article div.tabbed h1 {
	padding-top: 1rem;
}



/*  photo gallery  */

/*
.photo-gallery {
background: #444;
position: relative;
margin: 30px auto;
padding: 30px;
}
.photo-gallery .title {
	color: #fff;
	margin-bottom: 15px;
}
.photo-gallery figure {
width: 640px;
margin: 0 auto 30px;
display: none;
}
.photo-gallery figure.active {
	display: block;
}
article.main .photo-gallery figure img {
vertical-align: top;
border: 8px solid #eee;
max-height: 414px;
margin: 0 auto;
display: inherit;
width: auto;
}
.photo-gallery figcaption {
	font-size: 14px;
	padding: 15px;
	background: #000;
	color: #fff;
	line-height: 1.2;
}
.photo-gallery .thumbs {
	width: 640px;
	margin: 30px auto 0;
}
.photo-gallery .thumbs .photo {
	border: none;
	width: 79px;
	height: 79px;
	overflow: hidden;
	float: left;
	border: 6px solid #777;
	opacity: .3;
	position: relative;
	margin: 0;
}
article.main .photo-gallery .thumbs img {
width: 150%;
position: absolute;
left: -25%;
top: 0;
}
article.main .photo-gallery .thumbs .photo:hover {
	opacity: .7;
	cursor: pointer;
	border-color: #bbb;
}
article.main .photo-gallery .thumbs .photo.active {
	opacity: 1;
	border-color: #fff;
}

.photo-gallery .controls {
font-size: 12px;
width: 640px;
color: #666;
margin: 5px auto;
}
.photo-gallery .controls span {
	color: #999;
}
.photo-gallery .controls span:hover {
	color: #fff;
	cursor: pointer;
}
.photo-gallery .controls .dir {
	float: left;
}
.photo-gallery .controls .all {
	float: right;
	display: block;
}
.photo-gallery .controls .spacer {
	margin: 0 1em;
}
.photo-gallery .close {
position: absolute;
top: 10px;
right: 10px;
text-align: right;
color: #999;
font-size: 27px;
}
.photo-gallery .close:hover {
	color: #fff;
	cursor: pointer;
}
*/



/*  accordian  */

dl.accordian {
	margin: 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 1em;
}
dl.accordian dt, dl.accordian dd {
float: none;
display: block;
border-top: none;
padding: 0;
}
dl.accordian dt {
border-top: 1px solid #eee;
width: auto;
font-weight: bold;
clear: none;
padding: 1em 0 0 0;
margin-top: 1em;
line-height: 1.2;
-webkit-transition: padding 0.5s;
}
dl.accordian dt:first-of-type {
	margin-top: 0;
}
dl.accordian dt.active {
	padding-bottom: .5em;
}
dl.accordian dt:after {
	content: '\25BC';
position: relative;
float: right;
color: rgb(245,184,90);
}
dl.accordian dt.active:after {
	content: '\25B2';
}
dl.accordian dt:hover {
	cursor: pointer;
	color: rgb(209,34,57);
}
dl.accordian dd {
padding: 0 ;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.8s;
}
dl.accordian dd.active {
	max-height: 999px;
}

/*  person thumbnail */

a.person-thumb {
display: block;
position: relative;
width: 150px;
margin: 1em;
line-height: 1em !important;
color: #900;
text-decoration: none;
font-size: 12px;
overflow: hidden;
border: 1px solid #eee;
padding: 5px;
}
a.person-thumb:hover {
	text-decoration: underline;
}
a.person-thumb div.image {
	width: 150px;
	height: 150px;
	overflow: hidden;
	background: #ddd;
	position: relative;
	margin-bottom: 5px;
}
a.person-thumb img {
	width: 100% !important;
	height: auto !important;
	position: absolute;
}

figure.person-thumb {
	width: 150px;
	border: 1px solid #eee;
}
figure.person-thumb a {
	display: block;
	margin: 5px;
}
figure.person-thumb .img-wrap {
	width: 139px;
	height: 139px;
	overflow: hidden;
}
figure.person-thumb img {
}
figure.person-thumb figcaption {
	color: #900;
	font-size: 12px;
}
figure.person-thumb a:hover figcaption {
	color: #c00;
}



/*  splash  */

section.splash {
    margin-top: 0;
}
article.main section.splash figure {
    width: 100%;
    max-width: none;
    margin: 0;
}
section.splash figure img {
    width: 100%;
}
section.splash.horizontal {
    overflow: hidden;
    height: 199px;
    padding: 0;
}
article.main section.splash.horizontal figure {
    max-width: none;
    height: 215px;
    width: 4000px;
    margin: 0;
    position: absolute;
}
section.splash.horizontal figure > * {
    display: block;
    float: left;
    height: 100%;
    width: auto;
}
section.splash.horizontal figure img {
    height: 100%;
    width: auto;
}



/*  data filter  */
.in-filter, .directory-photo.in-filter {
  display: inline-block;
}
table .in-filter {
  display: table-row;
}
.out-of-filter, .directory-photo.out-of-filter {
  display: none;
}


/*
.photo-gallery {
  background: #000;
  max-width: 50rem;
  height: 30rem;
  margin: 2rem 0 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-gallery:hover {
  cursor: pointer;
}
.photo-gallery .media {
  margin: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.photo-gallery .media:first-of-type:not(.inactive), .photo-gallery .media.active {
  display: block;
  text-align: center;
}
.photo-gallery .media img {
  width: auto;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  display: inline;
}
.photo-gallery figure.media.size-medium figcaption, .photo-gallery figure.media.size-large figcaption {
  width: auto;
  margin: 0;
  padding: .25rem;
}
*/

.photo-gallery {
  border: 1px solid #eee;
  background: #fff;
  max-width: 45rem;
  min-height: 32rem;
  margin: 2rem 0;
}
.photo-gallery .media {
  display: none;
}
.photo-gallery .thumbs {
  text-align: center;
}
.photo-gallery .thumbs img, .photo-gallery .thumbs figcaption {
  display: none;
}
.photo-gallery .thumbs .media {
  display: inline-block;
  margin: .5rem;
  border: 5px solid transparent;
  width: 5rem;
  height: 5rem;
  background-size: cover;
  background-position: center;
  padding: 0;
  background-repeat: no-repeat;
}
.photo-gallery .thumbs .media:hover {
  cursor: pointer;
  border-color: #D0E5F1;
}
.photo-gallery .thumbs .media.active {
  border-color: #7FD2FF;
}
.photo-gallery .frame {
  height: 20rem;
  margin: 1rem auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.photo-gallery .caption {
  font-size: .9rem;
  color: #777;
  margin: .5rem 1rem;
  text-align: center;
}