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

/*reset - based on meyers reset sheet*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style: none;}strong{font-weight:bold;}em{font-style:italic;}


body{background-color:#7b6e66; margin:0px; padding:0px; background-image:url(../../images/mercury-main-bg.gif); background-repeat:no-repeat; background-position:top center;}

#wrapper{width:994px; margin:15px auto; background-color:#92877f;}
#page{width:954px; padding:0px 5px 0px 35px; margin:0px; background-color:#a39890; /*background-color:#92877f; background-image:url(../../images/mercury-page-bg.gif); background-repeat:no-repeat;*/}

#footer{height:30px; width:921px;}
#footer p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:right; display:block; text-transform:uppercase; margin:10px 0px 0px 0px; padding:0px;}


/* ONLINE SHOW LAYOUT */

#flashContent{width:921px; margin:0px; padding:0px;}

#topContentContainer{border-bottom:solid 1px #c7bf6f; width:921px;}

#logoContainer{width:286px; height:83px;}
#topContentTextContainer{float:right; clear:both;}
#topContentTextContainer p.contactInfo{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:right; display:block; margin:15px 0px 0px 0px;}
#topContentTextContainer p.links{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:right; display:block; margin:30px 0px 0px 0px;}
#topContentTextContainer p a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; color:#FFFFFF;}

/* BIOGRAPHY LAYOUT */

#bioText{width:921px; height:540px; margin:30px 0px 0px 0px;}
#bioText p{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff; line-height:18px;}
/*#bioText h1{display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:normal;}*/
#bioImage{float:left; margin:0px 70px 150px 0px; width:300px; height:inherit;}

#bioText ul{list-style:none;}
#bioText ul li{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff;}

/* PRICING LAYOUT */

#pricingText{width:921px; height:700px; margin:30px 0px 0px 0px;}
#pricingText p{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff; line-height:18px;}

#pricingImages{float:left; margin:0px 50px 0px 0px; width:300px; height:inherit; text-align:center;}
#pricingImages p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; display:block; margin:8px 0px 20px 0px;}

/* SHOW-CONTENT */
#show-content{width:921px; height:580px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding-top:20px; font-family: Arial, Helvetica, sans-serif; position:relative;}
#show-info{width:20%;float:left}
#show-info h2{text-transform:uppercase; color:#ffffff; font-size:19px;}
#show-info h3{text-transform:uppercase; color:#D0C8BE; font-size:16px;}
#show-info p{color: #fff; font-size:13px;margin-top:50px;}

#show-images{width:60%; float:left; margin:0 16px;}
#show-images img{display:block; width:550px; margin:0 auto;}
.image-count, .image-info{position:absolute;}
.image-info{left:-200px; top:440px; color: #ffffff; font-size:12px; line-height:18px}
.image-count{right:-171px; top: 0;text-align:right; font-size:12px;color:#ffffff;;}

#show-misc{width:16%; float:right}

.arrows{position:absolute; color:#D0C8BE;font-size:40px;top:250px; font-family:'Audiowide'; cursor: pointer;}
.arrows:hover{color:#ffffff}
.right{right:119px}
.left{left:146px}

/*  MCKINNELL RETROSPECTIVE  */
#wrapper.mmr-wrapper {width:100%; max-width:1245px;}
#wrapper.mmr-wrapper #page {width:100%; padding:0 35px; box-sizing:border-box;}
#wrapper.mmr-wrapper #topContentContainer {width:100%;}
.mmr-wrapper #show-info {width:15%;}
.mmr-wrapper #show-content {width:100%; display:flex; flex-wrap:wrap; height:725px;}
.mmr-wrapper #show-images {width:77% !important; float:none !important; height:100% !important;}
.mmr-wrapper #show-images li {width:100%!important; background-color:transparent !important; height:100% !important;}


.mmr-wrapper #show-images li .image-wrapper {height:100%; width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.mmr-wrapper #show-images li .image-wrapper img {width:auto; max-width:959px; max-height:605px;}
.mmr-wrapper #show-images li .image-wrapper .caption {width:75%; color:#fff; font-style:italic; text-align:center; font-size:14px; margin-top:6px;}

.mmr-wrapper #show-images li .image-info, .mmr-wrapper #show-images li .image-count {width:20%; display:flex;}


.mmr-wrapper #show-images li .essay-container {padding:20px; height:100%; display:flex; flex-direction:column; justify-content:center;}
.mmr-wrapper #show-images li .essay-container.view-more p {text-align:center;}
.mmr-wrapper #show-images li .essay-container.view-more a {color:#fff; text-transform: capitalize; font-size:20px;}
.mmr-wrapper #show-images li p {text-align:left; padding-bottom: 20px}

.mmr-wrapper .image-info {left:-202px; top: 610px}
.mmr-wrapper .image-count {left:-202px; top: 570px; right:auto;}

.mmr-wrapper .arrows {top:345px}
.mmr-wrapper .left {left: 163px}
.mmr-wrapper .right {right:42px;}

.phone-gallery {display:none;}

.mallis-essay {position:relative; top:-30px;}
.mallis-essay .title {margin:0 auto; font-size:26px;}

.further-reading {display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%;}
.further-reading h2 {font-size:22px; color:#fff; padding-bottom;6px; margin-bottom:12px;}
.further-reading .articles-container {display:flex; justify-content:space-evenly;}
.further-reading .articles-container a {width:40%; font-size:14px; color:#fff; text-decoration:none; text-align:center;}

.further-reading .articles-container a strong {display:block;}
.further-reading .articles-container a img {height:200px; width:auto!important; margin:10px auto!important; display:inline-block;}
.further-reading .articles-container a:first-child {margin-right:10%;}

/*  NEW STYLES FOR REDESIGNED SITE  */
body.mmr-page {background-color:transparent;}
#wrapper.mmr-wrapper, #wrapper.mmr-wrapper #page {background-color:transparent;}
#topContentContainer {border-bottom:solid 1px #a08f81;}
#topContentTextContainer {position: relative; z-index:10;}
#topContentTextContainer .return a{color:#a08f81;position:relative; font-size:16px; top:20px; font-family:gill-sans-nova, sans-serif; text-transform: uppercase}
#show-title h2 {font-size:36px; line-height:42px; font-family:gill-sans-nova, sans-serif; color:#a08f81; margin-top:30px;}

#show-info h2, #show-info h3 {color:#333;}
#show-images .image-count, #show-images .image-info {color:#333;}

.arrows {transition:opacity .5s; opacity:1;}

.arrows:hover {color:#D0C8BE; opacity:.5;}

/*  RESPONSIVE  */

/*  TABLET — LANDSCAPE  */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:landscape) {
	#page {box-sizing:border-box;}
	#topContentContainer {display:flex; justify-content: space-between; flex-flow:row-reverse;}
	#topContentTextContainer {float:none;}


	.mmr-wrapper .left {left:123px;}
	.mmr-wrapper .right {right: 35px;}

	.mmr-wrapper .image-info {left:-162px;}
	.mmr-wrapper .image-count {left:-162px;}

	.mmr-wrapper #show-images {width:75% !important;}
	.mmr-wrapper #show-images li .image-wrapper img {width:100%;}


}

/*  TABLET — PORTRAIT  */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:portrait) {

	#wrapper.mmr-wrapper #page {padding-left:20px; padding-right:20px; box-sizing:border-box;} 

	#wrapper.mmr-wrapper #topContentContainer {display:flex; flex-flow:row-reverse; justify-content: space-between;}
	#topContentTextContainer {float:none;}

	.mmr-wrapper .left {left:103px;}
	.mmr-wrapper .right {right: 15px;}

	.mmr-wrapper .image-info {left:-120px; width:110px;}
	.mmr-wrapper .image-count {left:-120px;}

	.mmr-wrapper #show-images {width:75% !important; margin-left:3.5%;}
	.mmr-wrapper #show-images li .image-wrapper img {width:100%;}

}


/*  PHONE  */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {

	.mmr-page {background-color:#a39890!important;}
	.mmr-page #page {background-color:#92877f;}
	#topContentTextContainer {float:none;}
	#page #topContentContainer{background-color: transparent;}
	#topContentTextContainer p.contactInfo {text-align:left;}

	#wrapper.mmr-wrapper, .mmr-wrapper #page {background-color: transparent}
	#wrapper.mmr-wrapper #page {padding:0 0;}

	.arrows {display:none;}

	#topContentContainer {background-color:#a39890; padding-left:20px; padding-right:20px; box-sizing:border-box;}

	.mmr-wrapper #show-info h2 {font-size:24px;}
	.mmr-wrapper #show-info h3 {font-size:20px;}

	.mmr-wrapper #show-info {width:100%; padding-bottom:30px; margin:0 16px;}
	#show-images {display:none;}
	#show-images.phone-gallery{display: block;}

	.mmr-wrapper #show-content {height:auto;}
	.mmr-wrapper #show-images.phone-gallery {width:100% !important;}
	.mmr-wrapper #show-images.phone-gallery li {height:auto; padding-bottom:60px;}

	.phone-gallery .image-wrapper img {width:100%!important;}
	.mmr-wrapper #show-images li .image-wrapper .caption {width:100%;}

	.phone-gallery span{position:static;}
	.phone-gallery .image-info {font-size:16px; line-height:20px; padding-top:20px; display:block; width:100%!important;}
	.phone-gallery .image-info > span {padding-left:6px;}
	.phone-gallery .image-info br {display:inline;}
	.phone-gallery .image-info br:before {content:'x'; padding-left:30px; display:block;}
	.phone-gallery .image-count {display:none; width:100% !important;}

	.phone-gallery .mallis-essay {width:90%!important;}
	.phone-gallery .further-reading h2 {text-align:center; font-size:20px;}

	.mmr-wrapper #show-images li .essay-container.view-more a{font-size:16px; line-height:20px;}

	.mmr-page #footer {width:100px;}

	/*  new styles for 2022  */
	.mmr-page {background-color:transparent!important;}
	#topContentContainer {display:flex; flex-direction:column; margin-bottom:60px;}
	#topContentTextContainer {order:1;}
	#topContentTextContainer .return a {top:39px}
	#show-title h2 {padding:0 16px;}
	
}