/* JM website */


*,
*:after,
*:before{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-family:  'Times New Roman', Times, serif;
  background: #fff;
  font-size: 12px;
}

body {
  background-size: cover;
  background-position: center;
  display: flex;
}

a, a:link, a:visited{
  color: #666;
  text-decoration:none;
}

a:hover{
  color: #000;
}

h1{
    font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	
}

h2{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
	margin-top: 3em;
}

.text{
  flex-shrink: 0;
  max-width: 50rem;
}

.text, .images {
  margin-top: 6rem;
}

.caption {
  font-family: 'Times New Roman', Times, serif;
  margin: 1em 0 0 0;
}

.menu {
  font-family: Helvetica, Arial, sans-serif;
  width: 23rem;
  flex-shrink: 0;
  margin-left: 3rem;
  margin-top: 3rem;
}

.menu li {
  list-style: none;
  margin: 1em 0;
}

.menu ul ul {
  margin-left: 2em;
}

a.active {
  color:#000;
/*  border-bottom: 1px solid black;*/
  font-weight: bold;
}

.site-title {
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #666;
  font-size: 2em;
  margin-bottom: 2em;
}

.images {
  display: flex;
}

.images img{
  max-height:375px;
}

.work {
  display: inline-block;
  padding: 0 3em;
}

.work.first {
  padding-left: 7em;
}

p {
  margin-bottom: 1em;
  line-height: 1.5em;
}

/* .exhibition .caption p{ */
.caption p{
  margin-bottom: 0;
}

.exhibition-title{
  font-weight: bold;
  font-style: italic;
}

.exhibition-info {
  font-weight: bold;
}

.box{
  width: 300px;
  height: 375px;
  background: #999;
  color: white;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  min-width: 300px;
}

/* Navigation */

.spacer {
    margin-bottom: 3em;
}

.spacer.exhibitions {
  font-size: 18px;
  font-family: Helvetica, Arial, sans-serif;
  margin: 0;
  color: #666666;
}


.bionav {
  font-family: Helvetica, Arial, sans-serif;
  margin: 4em 0;
}

.bionav a:link,.bionav a:visited{
  color:black;
}

.selected{
  color: black;
  font-weight: bold;
}


/*****
Fashion pages
*****/ 

.set .work {
padding-bottom: 3em;
}

.bold {
	font-weight: bold;
}

/*****
Nav Menu
******/

.template-exhibitions {
  color: #666666;
  font-size: 16px;
  font-family: Times New Roman, serif;

}

.template-exhibitions.active{
  font-size: 20px;
}

/* Fix for Android */
body { 
  -webkit-animation: bugfix infinite 1s; 
}
@-webkit-keyframes bugfix { 
  from { padding: 0; } 
  to { padding: 0; } 
}

/* default checkbox */
input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

label { 
  cursor: pointer;
  user-select: none;
}

nav[role="custom-dropdown"] {
  label {
    display: none;
  }
}


.menu .subnav {
    font-family: 'Times New Roman', Times, serif;
	font-weight: bold;
	margin: .5em 0;
}

.menu .sublist{
	margin-top: 1em;
	margin-bottom: 1em;
}

.break{
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/*
Iframe - Vimeo
*/
.work iframe {
    border: none;
    width: 676px;
    height: 375px;
}

/*
lightGallery
*/
.lg-backdrop {
	background-color: #fff;
}

.lg-sub-html {
	background: transparent;
	/* color: #000; */
	color: transparent;
	display: none;
}

.lg-toolbar {
	background: transparent;
}
	
.lg-actions .lg-next, .lg-actions .lg-prev{
	background: transparent;
}

/*
Mobile Menu Rules
*/

#menu-list{
	display:inline;
}
.icon{
	display:none;
}
.mobile-title{
	display:none;
}
	
.sublist {
	display:none;
}
.sublist.current{
	display: block;
}

/* two rows */
.tworows.images .install img {
    max-height: 250px;
}
	
@media screen and (max-width: 44em) {
	body p{
		font-size: 1.2em;
	}
	
	.periodicals{
		overflow-wrap: break-word;
		word-wrap: break-word;
	}
	
	body.home .text{
		width:100%;
		text-align:center;
	}
	.mobile-title{
		display: block;
		margin-top: 1em;
		text-align: center;
	}
	.subnav{
		display:none;
	}
	.menu{
		width: auto;
	}
	#menu {
		position: absolute;
		width: 100%;
		margin: 0;
	}
	
	#menu.open{
		position:fixed;
		height:100%;
		background:#fff;
		overflow: scroll;
	}
	
	.images img{
		max-width: 350px;
		max-height: 550px;
		width: 100%;
		height: auto;
	}
	
	#menu-list{
		display:none;
	}

	/* vertical scroll for phone */
	.images {
		display: block;
		text-align: center;
		margin: 10em .5em 1em .5em;
	}
	.work.first {
		padding-left: inherit;
	}
	.work{
		padding: inherit;
		/* background: lightgreen; */
		margin: 0 0 3em 0;
	}
	.home img {
			width: 100%;
	}
	.caption{
		text-align: left;
	}
	/* /vert */

	.icon{
		display: block;
		height: -moz-min-content;
		font-size: 2em;
		position: fixed;
		background: white;
		padding: .5em;
	}
	.text{
		flex-shrink: inherit;
		margin: 12em 1em 1em 1em;
		margin: 12em 1em 1em 1em;
	}
	
	nav[role="custom-dropdown"] .menu-list {
		/*display: none;*/
		height: 100%;
		margin-top: 2em;
		margin-left: 6em;
		overflow: scroll;
		height: 100%;
	}

	nav[role="custom-dropdown"] label {
		position: relative;
		display: block;
		width: 100%;
	}

	nav[role="custom-dropdown"] label:after {
		position: fixed;
		content: "\2261";
		font-size: 4em;
		left: 0.2em;
	}
	.open {
		height:100%;
	}
	.site-title{
		margin-left: 3em;
		margin-top: .5em;
	}
	
	.larger-image-link {
		pointer-events:none;
	}

	.set {
		width: auto !important;
	}
	.tworows.images .install img {
		max-height: 375px;
	}
	
}