@charset "UTF-8";
/* CSS Document */

/* ---------- GENERAL ----------- */
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }

body {
	font: 300 1em/1.4em 'Muli','Helvetica','Microsoft Sans Serif',arial,sans-serif;
	color: #515151;	
}
h1 {
	font-family: 'Montserrat','Muli','Helvetica','Microsoft Sans Serif',arial,sans-serif;
	font-weight:400;
	color: #1c7fd1;			/*MEDIUM BLUE*/
}
h2, h3, h4, h5, h6 {
	color:#323232;
}
a, a:visited {
	color: #177de0;
	/*color:#00CDEE; PALE BRIGHT BLUE*/
	text-decoration:none;	
}
a:hover { 
	color:#D06700; /*ORANGE*/
}
strong { font-weight: 400; font-style:italic; }
em { font-style: italic; }
/* ---------- #NAV STYLES ----------- */
#skip-navigation {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	right:0;	
}
nav#globalnav {
	background: rgba(0,0,0,0.85);
	border-top: 1px solid #2E2D2D;
	height: 2.25em;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index:999;
}
nav#globalnav.nav_open {
	height: auto;
	overflow: visible;
}
nav#globalnav a#menu {
	display: block;
	text-align: center;	
	height: 2.25em;
	line-height: 2.25em;
	color: #6DB7FF;
}
nav#globalnav.nav_open a#menu {
	  color: #f05224;	
}
nav#globalnav ul {
	max-width: 1500px;
	margin:0 auto;	
}
nav#globalnav ul li {
	height: 2.25em;
	line-height: 2.25em;
	text-align:center;	
}
nav#globalnav ul li a, nav#globalnav ul li a:visited {
	display:block;
	width:86%;
	height:100%;
	padding:0 7%;
	color: #6DB7FF;
	/*border-bottom: 2px solid #2E2D2D;*/
}
nav#globalnav ul li a:hover {
	/*background:#E4DFDF; PALE GREYISH*/
	/*color:#D06700;*/ /*ORANGE*/
	background: rgba(0,0,0,0.4);
	background: #236db6;
	color: #ffffff;
	/*border-bottom: 1px solid #00CDEE;	*/
}

/* VITAE NAV */
section#navVitae {
	display: none;	
}

/* SELECTED WORK SECONDARY NAV */
nav.secondary a {
    padding:  1px 6px;
}
a.navselected {
	background: dodgerblue;	
	color: #fff;
}
@media screen and (min-width:700px) {
section#navVitae {
	display: block;
	margin:0;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
	background: rgba(28,127,209,0.9);
	/*background:#1c7fd1;*/
}
section#navVitae {
	color: #ffb03e;
}
section#navVitae article {
	padding: .5em 0 0;
}
section#navVitae article nav {
	text-align: center;
	font-size: .85em;
	margin-top: 8px;
}
section#navVitae article nav a {
	color: #ffffff;	
}
section#navVitae article nav a:hover {
	color:#FFC871;	
}

}


/* ---------- #BANNER STYLES ----------- */
section#banner {
	color: #FDFBFB;
	background: url(images/girlhose-bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-size: cover;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.4);
	/*height: 40vh;*/ 
}
section#banner header {
	height: 100%; 
}
section#banner header h1 {
	font-size: 2em;
	line-height: 1.5em;
	text-transform: uppercase;
	text-align:center;
	width: 90%;
	max-width: 1350px;
	margin: 0 auto;
	height: 100%;
	position: relative;
	margin-top: 1em;
	padding: .5em 0;
}

section#banner header h1 img {
	display: block;
	/*position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index:2;
	height: 50%;*/
}

/* ---- LANDING PAGE BANNER ---- */
#landing section#banner {
	height: 100vh;
}
#landing section#banner header {
	height: 100%;
}
#landing section#banner header h1 { 
	padding: 0;
}
#landing section#banner header h1 img {
	/*left: auto;
	transform: translate(0, -50%);*/
	height: auto;
}
/* ---------- GENERAL 'section' RULES ----------- */
section article {
	width: 86%;
	margin: 0 auto;	
	padding-bottom: 1.5em;
	overflow: hidden;
}
section article header {
	padding: 2em 0;	
}
section article header h1 {
	text-transform: uppercase;
	font-size: 1.55em;	
	border-bottom: 1px solid #CDCCCC;
	line-height: 2em;
	margin-bottom: 1em;
	letter-spacing: .02em;
}
section article header h2 {
	font-size: 1.3em;	
	line-height: 1em;	
	text-transform: uppercase;
	margin-bottom: 0;
}
/* -- section: other elements -- */
section article p, section article ul, section article ol, section article dl, section article aside, section article blockquote {
	margin-bottom: 1em;	
}
section#education article header {
	padding-top:.5em;	
}
hr { width: 86%; margin: auto; color: #ccc; }

#selected_work section article,
#slider-test section article.divide,
#teaching section article.divide {
	border-bottom: 1px solid #ccc;
	margin-bottom: 3em;	
}
#selected_work section h4,
#slider-test section article h4,
#teaching section article h4 {
	font-size: .8em;
	font-style: italic;
	background:#F4F4F4;
	padding-left: 7px;
}
#slider-test section article aside.right h2,
#teaching section article aside.right h2 {
	color:#02b4e8;
	font-weight:400;
}

section article aside {
	padding: 1em auto;
}
section article aside.block {
	float: none;
	clear: both;
	display: block;
	width: 100%;
	margin-top: -3em;
	padding-bottom: 1em;	
	border-bottom: #ccc solid 1px;
}
section article aside header{
	padding-top: 0;
}
section article ul { 
	list-style-type: circle; 
	margin-left: 7%;
}
section article ul li ul {
    margin-bottom: 0;
}
section article ul li ul li {
	list-style: none;
}
section article ol { 
	list-style-type: decimal; 
	margin-left: 7%;
}
section article dl {
	font-weight: 300;	
}
section article dl dt {
	font-weight: 400;	
	font-style: italic;
}
section article dd {
	margin-left: 1.5em;	
}
section article blockquote {
	margin: 2em;
	font-style: italic;		
}
section article pre {
	color: #AB00AC;	
}
.third { 
	border-bottom: 1px solid #ccc;
	margin-bottom: 4em;
}
.third img.fullimg {
		width: 60%;	
		display: block;
		margin:  auto;	
}
.third img.modimg {
	height: 325px;
	display: block;
	margin:  auto;	
}

/* -------- FOOTER RULES ----------- */
footer {
	background:#242424;
	color: #FDFBFB;
	margin-top: 2em;
	padding: 2em;
	border-top: 5px solid #00CDEE;
}
footer article header h1 {
	font-size: 1.15em;
	text-transform: uppercase;	
	color: #ffffff;
}
footer article {
	width: 86%;
	padding: 1em 7%;	
}
footer a, footer a:visited {
	color: #c4e8f1; /*PALE BLUE*/
}
footer a:hover { 
	/*color:#D06700;*/ /*ORANGE*/
	color: #ffffff;
}
noscript nav#navigate {
	border-top: 2px #FFFFFF solid;
}
noscript nav#navigate ul li a {
	display: block;
	width: 86%;
	padding: 0 7%;
	border-bottom: #D06700 solid 1px;
	background: #000;	
}

/* -------- MEDIA QUERIES ----------- */
@media screen and (min-width: 480px){
	section article header h1 {
		font-size: 2em;	
	}
}
@media screen and (min-width:700px) {
	body {
		font: 300 1.08em/1.8em 'Muli','Helvetica','Microsoft Sans Serif',arial,sans-serif;
	}
	nav#globalnav {
		height: auto;
		overflow: visible;
		background: rgba(0,0,0,0.85);
	}
	nav#globalnav a#menu {
		display: none;	
	}
	nav#globalnav ul {
		overflow: hidden;
	}
	nav#globalnav ul li {
		float: left;
		width: 25%;
		text-align: center;
		font-size: .9em;
		height: 2.5em;
		line-height: 2.5em;
	}
	nav#globalnav ul li a:hover {
		background: rgba(0,0,0,0.4);
	}

	section article p, section article ul, section article ol, section article dl, section article aside, section article blockquote {
		margin-bottom: 1.5em;	
	}
	
	footer {
		overflow: hidden;	
	}
	footer article {
		float: left;
		width: 43%;
		padding: 1em 3.5%;	
	}
}
/*@media screen and (min-width:360px) and (max-width:800px) {
	.right img.fullimg {
		width: 50%;	
	}
	.left img.fullimg {
		width: 50%;	
	}	
}*/
@media screen and (min-width:800px) {
	section article aside.right {
		float: right;
		margin-left: 1%;
		width: 42%;
		/*min-width:400px;*/	
	}
	article aside.right {
		font-size: .91em;
		line-height:  1.55;
	}
	section article aside.left {
		float: left;
		margin-right: 1%;
		width: 42%;
		/*min-width:400px;*/	
	}
	section article aside.left img.fullimg,
	section article aside.right img.fullimg {
		width: 100%;	
	}
	footer article {
		float: left;
		width: 25%;
		padding: 1em 4.16%;	
	}
	footer article h1, footer article ul {
		margin-left: 12%;
	}
	.half { 
		width: 40%; 
		float: left; 
		font-size: .9em;
	}
}
@media screen and (min-width:980px) {
	/*.third { 
		width: 29.33%; 
		float: left; 
		font-size: .825em;
		margin: auto 2%;
	}*/
	.third { 
		width: 30%; 
		float: left; 
		font-size: .825em;
		margin: auto 1.66%;
		border: none;
	}
	.third img.fullimg {
		width: 100%;	
	}
}
/* ------- Additional Classes ---------- */
h1.no-border { border: none; margin-bottom: 0; }
.clear {clear: both; }
.two-thirds { width: 60%; }
img.fullimg { width: 95%; display: block; margin: auto; }
.border-bottom { border-bottom: 1px solid #ccc; }
.fitvids { width: 100%; }
.fitvids iframe { width: 100%; }
header.first { padding: 2em 0 0 0; }
.display {
    display:block;
}
/* Slider sections */
.slider-item div img, .slider-item .adv-custom-pager img { box-shadow: 0px 1px 5px rgba(0,0,0,0.4); }
.slider-item h3 { text-transform: uppercase; font-style: italic; font-size: .75em; line-height: 1.2em; margin-bottom: 1em; padding: 0 10px; text-align: right; }

/* Collapsable elements */
.collapsable { display: none; padding: 0 2em 2em; overflow: hidden;/* sets initial state to hidden */ }
.collapsable header.collapse-opener h1 { 
	font-size: 1.35em;
	padding: 0;
	margin: 0;
	line-height: 1.45;
	color:#02b4e8;
	font-family: 'Muli','Helvetica','Microsoft Sans Serif';
	font-weight:400;
}
.collapsable header.collapse-opener { margin-top: 0; padding-top: 0; }
.collapsable header.collapse-opener h2 { margin-top: 1em; font-size: 1em; }
.collapse { border: 1px solid #00CDEE; background: #00CDEE url(img/collapsed.png) no-repeat center left; color: #fff; }
.collapse:hover, header.selected {
	background-color: #f05224; color: #ffffff;
}
.header.selected {
	background: #f05224 url(img/open.png) no-repeat center left; color: #ffffff;
}
.collapse:hover, header.collapse h2:hover, header.selected h2 { color: #ffffff; }
header.collapse { padding: 0; }
header.collapse h2 { 
	padding: 1em 0 1em 60px;
	 color: #fff;
}
element.style {
}




@media screen and (min-width:1250px) {
	article {
		max-width: 1250px;
		margin: auto;	
	}
	hr { max-width: 1250px; }
}

.curly {
	font-family: arial, sans-serif;
	color: #f05224;	
}
a.multi-gallery{
    display: none;
}
a.multi-gallery:first-child{
    display: block;
}