/*  ----------  GLOBAL RESETS  ----------  */

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;
	vertical-align:top;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	box-sizing: border-box;
	}

:focus { outline:0; }
a:active { outline:none; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

@font-face {
	font-family: "Amplitude-Medium";
	src: url(../fonts/Amplitude-Medium.ttf); 
	}
@font-face {
	font-family: "Amplitude-Book";
	src: url(../fonts/Amplitude-Book.ttf);
	}


/*  ----------  GLOBAL TEMPLATE  ----------  */
title { display: none !important; }

html {scroll-behavior: smooth;}
body {
	position: absolute;
	top: 0;
	width: 100vw;
	height: 100vh;
	color: #000;
	background: #c4bfba;
	font-family: "Amplitude-Book", sans-serif;
	font-weight: 300;
	z-index: 0;
	}
	body.gallery {
		width: 100%;
		top:0;
    	bottom: 0;
		left:0;
      	right:0;
		overflow: hidden;
		}
		body.gallery:after {
			content:"";
	    	position:fixed; /* stretch a fixed position to the whole screen */
    		top:0;
    		bottom: 0;
			left:0;
      		right:0;
      		z-index:-1; /* needed to keep in the background */
      		background: url('/_/img/ui/bgWall.jpg') center bottom 30% fixed no-repeat;
			background-size: 200vh;
		}
header {
	position: fixed;
	top:0;
	left: 0;
	width: 0;
	margin: 0;
	background-color: #fff;
	z-index: +3;
	} gconta
.photoContent {
	padding-top: 6rem;
	padding-bottom: 1.5rem;
	}
.content {
	position: absolute;
	top: 3rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #c4bfba;
	}

.confirmation {
	}
	.confirmation .failure {
		color: #CC0000;
	}
	.confirmation .success {
		color: #009900;
	}

h1 {display: none;}
h2 {
	margin-bottom: 1rem;
	font: 1.75rem "Amplitude-Book", sans-serif;
	text-align: center;
	text-transform: uppercase;
	}
	.hp_link {
		font: 1.25rem "freight-big-pro", serif;
	}
h3 {
	text-align: center;
	font-size: 1.25rem;
	margin-bottom: 1rem;
	}
p {margin-bottom: 2rem;}
table {width: 100%;}
ol {
	list-style: decimal;
	margin: 1rem 2rem 2rem;
	}
li {margin-bottom: .5rem;}
a {font-family: "Amplitude-Medium", sans-serif;}
	a:link, a:visited, a:active	{color: rgba(0, 74, 124, 0.66); -webkit-transition: color .1s ease;}
	a:hover	{color: rgba(0, 74, 124, 1.0); -webkit-transition: color .1s ease;}
	.pagination a {text-decoration:none;}
	a < img	{border:none;}
	a.anchor {
		display: block;
		position: relative;
		top: -8rem;
		visibility: hidden;
		}
	div#purchaseInfoDiv a {color: #DDD; text-decoration: underline;}
	a.buyButton {text-align: left !important; cursor: pointer;}
	a.statementLink {font-family: "freight-big-pro", serif; color: #fff; text-decoration: underline;}

form {
	padding: 2rem 4rem 4rem;
	background: #E0E0DE;
	box-shadow: rgba(84, 71, 65, 0.25) 0 1rem 1.5rem;
	}
	form h2 {font-family: "Amplitude-Book", sans-serif; text-transform: uppercase;}
	form#artRequestForm {
		background: none;
		box-shadow: none;
		padding: 0;
	}
input {box-sizing: border-box;}
input[type=text], input[type=email] {
	width: 100%;
	padding: .25rem .5rem;
	margin-bottom: 1.5rem;
	background: #efefef;
	border: .125rem solid #eee;
	border-radius: .125rem;
	font-family:  "Amplitude-Book", sans-serif;
	font-size: 1.15rem;
	}
	input[type=text]:focus, input[type=email]:focus {background:#fff; border: .125rem solid rgba(0, 74, 124, 0.66); color: rgba(0, 74, 124, 0.66);}
	input[type=text]:invalid, input[type=email]:invalid {background:fff; border: .125rem solid #cc0000;}
textarea {
	box-sizing: border-box;
	width: 100%;
	height: 6rem;
	padding: .25rem .5rem;
	background: #efefef;
	border: .125rem solid #eee;
	border-radius: .125rem;
	font-family:  "Amplitude-Book", sans-serif;
	font-size: 1.15rem;
	resize:none;
	}
	textarea:focus {background: #fff; border: .125rem solid rgba(0, 74, 124, 0.66); color: rgba(0, 74, 124, 0.66);}
	textarea:invalid {background: #fff;border: .125rem solid #cc0000;}
label {
	font-family: "Amplitude-Medium", sans-serif;
	font-size: .75rem;
	}
input[type=submit] {
	margin-top: .5rem;
	padding: .5rem 1.25rem;
	color: #fff;
	background-color: rgba(0, 74, 124, .66);
	box-shadow: inset rgba(0, 74, 124, 1.0) 0 .5rem 1.5rem;
	border: none;
	font-family:  "Amplitude-Medium", sans-serif;
	font-size: 1.25rem;
	}
	input[type=submit]#reqButton {background-color: #DDD; color: rgba(0, 74, 124, 1.0); box-shadow: inset rgba(256, 256, 256, 1.0) 0 .5rem 1.5rem;}
	input[type=submit]:hover {background-color: #f3068c;box-shadow: inset rgba(118, 17, 64, 0.75) 0 .5rem 1.5rem;cursor: pointer;}
	input[type=submit]#reqButton:hover {color: #DDD;background-color: #f3068c;box-shadow: inset rgba(118, 17, 64, 0.75) 0 .5rem 1.5rem;} 
	input[type=submit]:focus {border: none;}
	input[type=submit]:active {background-color: #000;}

button.addButton {
	position: relative;
	top: .5rem;
	margin-left: .75rem;
	padding: .125rem .5rem;
	color: #fff;
	background-color: rgba(0, 74, 124, .66);
	box-shadow: inset rgba(0, 74, 124, 1.0) 0 .5rem 1.5rem;
	border: none;
	font-family:  "Amplitude-Medium", sans-serif;
	font-size: 0.85rem;
	}
	button.addButton:hover {background-color: #f3068c;box-shadow: inset rgba(118, 17, 64, 0.75) 0 .5rem 1.5rem;cursor: pointer;}

/*  ----------  GLOBAL NAV  ----------  */

nav {
	position: fixed;
	height: 2.25rem;
	text-align: left;
	background-color: #fff;
	display: block;
	}
.navWrapper:after {
		position: absolute;
		content: url(/_/img/ui/menu.svg);
		top: .625rem;
		left: 3.5rem;
		z-index: -1;
		}
	nav a {
		width: 100%;
		text-decoration: none;
		}
		nav a.selected {color: rgba(0, 74, 124, 1.0);}
.navWrapper {width: 100%; background-color: #FFF; border-top: .125rem solid rgba(0, 74, 124, 1.0); transform: display .5s ease;}
.navMenu {
	position: relative;
	max-width: 100%;
	padding: .25rem 0;
	display: none;
	}
	.navMenu a {width: 100%;}
.navWrapper:hover .navMenu, .navWrapper:focus .navMenu, .navWrapper:active .navMenu  {display: block;}
.navWrapper:hover nav:after {content: "";}

.navElement {
	position: relative;
	padding: .25rem .75rem;
	display: block;
	cursor: pointer;
	transform: display .75s ease;
	}
	.navElement:hover .subNavMenu, .navElement:focus .subNavMenu, .navElement:active .subNavMenu {display: block;}
.subNavMenu {
	position: absolute;
	top: -.5rem;
	left: 3.75rem;
	width: max-content;
	padding: .5rem 0;
	text-align: left;
	background-color: #fff;
	display: none;
	z-index: -1;
	}
	.subNavMenu a {
		position: relative;
		font-size: .95rem;
		padding: .1rem .75rem;
		display: block;
	}
.logo {
	width: max-content;
	margin: 0 .75rem;
	display: inline-block;
	color: rgba(0, 74, 124, 1.0);
	font-family:"Amplitude-Book",sans-serif;
	font-size: 1.75rem;
	}
	.logo::after {content: "S";}
	.logo:hover::after {content: "EFF SALEM STUDIO";}

#foodSubNav a.activeSubNav {color: rgba(0,0,0,1.0);}

/*  ----------  GLOBAL UTILITIES  ----------  */


.dropdown {
	position: relative;
	margin-bottom: .5rem;
	display: block;
	cursor: pointer;
	}
	.dropdown#altTitles {
		position: relative;
		color: rgba(0, 74, 124, 0.66);
		font-family: "Amplitude-Medium", sans-serif;
		font-size: 2rem;
		line-height: 1rem;
		bottom: -.275rem;
		padding-left: .5rem;
		display: initial;
		width: max-content;
		}
		.dropdown#altTitles:hover {cursor: pointer; color: rgba(0, 74, 124, 1.0);}
.alternateTitle {
	font-size: 1.125rem;
}
.dropdown-content {
	position: absolute;
	background-color: #E0E0DE;
	top: 1rem;
	padding: .5rem .75rem;
	text-align: left;
	box-shadow: rgba(84, 71, 65, 0.33) 0 1.75rem 1.25rem;
	display: none;
	z-index: +1;
	}
	#altTitlesMenu {
		position: absolute;
		top: .75rem;
		left: 0;
		color: #000;
		width: max-content;
		font-family: "Amplitude-Book", sans-serif;
		font-size: 1.25rem;
		line-height: 1.75rem;	
		}
	.dropdown#altTitles:hover .dropdown-content {display: block;}
div#pagination {
	position: relative;
	width: 5rem;
	margin-bottom: 1.25rem;
	display: inline-block;
	}
.arrow {
	position: absolute;
	height: 100%;
	display: inline-block;
	}
	.arrow#prev {left: -2.25rem;}
	.arrow#next {right: -2.25rem;} 
	img.arrow {
		width: 2.75rem;
		padding: .25rem .25rem;
		opacity: .33;
		}
		img.arrow:hover {opacity: 1.0;}
		#nextSpace {background: none; box-shadow: none;}
		#nextSpace:hover {background: none; box-shadow: none; cursor: default;}
		#prevSpace {background: none; box-shadow: none;}
		#prevSpace:hover {background: none; box-shadow: none; cursor: default;}
.dropdown#buyButtonContainer {
	font-size: .85rem;
	margin-top: 1rem;
	cursor: default;
	}
.dropdown#buyButtonContainer  a.buyButton {
	font-family: "Amplitude-Book", sans-serif;
	font-size: .85rem;
	color: rgba(0, 74, 124, 1.0);
	text-decoration: none;
	}
	.dropdown-content #buyButton {display: none; max-width: 18rem; padding: 0; background-color: transparent; box-shadow: none;}
	.dropdown#buyButtonContainer:hover a.buyButton {
		color: #000;
		text-decoration: none;
	}
.dropdown#buyButtonContainer:hover div#buyButton a.buyButton {
	position: relative;
	text-align: center;
	color: rgba(0, 74, 124, 0.66);
	font-family: "Amplitude-Medium", sans-serif;
	text-decoration: underline;
	display: block;
	}
	.dropdown#buyButtonContainer:hover div#buyButton a.buyButton:hover {
		color: rgba(0, 74, 124, 1.0);
		}
	.dropdown#buyButtonContainer:hover div#buyButton {
		position: relative;
		width: max-content;
		top: .25rem;
		left: -.75rem;
		display: block;
		}
.variant {
	display: block;
	font-family: "Amplitude-Medium", sans-serif;
	font-size: 0.85rem;
}
.variant#variant {
	padding-top: .25rem;
}
p.leadP {
	font-family: "Amplitude-Medium", sans-serif;
	font-size: 1.15rem;
	margin-bottom: 2rem;
	}
p.lastP {margin-bottom: 4rem;}

.uiPhotoWrapper {
	position: relative;
	left: 0;
	right: 0;
	max-width: 66%;
	margin: auto;
	margin-bottom: 2rem;
	display: block;
	text-align: justify;
	}
	.uiPhotoWrapper img {
		max-width: 100%;
		box-shadow: rgba(84, 71, 65, 0.75) 0 .375rem 2.5rem;
		}
.uiPhotoLabel {
	position: relative;
	top: 0.5rem;
	padding-left: 0;
	font-family: "Amplitude-Medium", sans-serif;
	font-size: .75rem;
	}
.error_copy {
	color: #cc0000;
	font: 1rem "Amplitude-Medium", sans-serif;
	}
img#ruler {
	position: absolute;
	left: 1.25rem;
	bottom: 7.6%;
	height: 20vh;
	transition: all .75s ease;
	z-index: +1;
	}
	img#ruler:hover {
		cursor: pointer;
		}
img#ruler.measuring {
	left: 80%;
	height: 92.25vh;
	}
button#cartButton {
	position: absolute;
    top: -0.5rem;
    right: 0rem;
    background: none;
    border: none;
	cursor: pointer;
	}
	button#cartButton:before {
		position: relative;
		top: .35rem;
		content: url('/_/img/ui/cart.svg');
		}
.price {
	position: relative;
	font-size: 1.5rem;
	top: .325rem;
	}
.slash {
	top: 1rem;
    padding: .125rem;
    font-size: 1.5rem;
    position: relative;
}
img.close {
	position: absolute;
	top: .25rem;
	right: .25rem;
	cursor: pointer;
	}
.buyElement {
	padding: .75rem;
	margin-bottom: .125rem;
}

.dropdown#availabilityContainer {
	font-size: .85rem;
	margin-top: 1rem;
	cursor: default;
	}
.dropdown#availabilityContainer  a.buyButton {
	font-family: "Amplitude-Book", sans-serif;
	font-size: .85rem;
	color: rgba(0, 74, 124, 1.0);
	text-decoration: none;
	}
	.dropdown-content #buyButton {display: none; max-width: 18rem; padding: 0; background-color: transparent;}
	.dropdown#availabilityContainer:hover a.buyButton {
		color: #000;
		text-decoration: none;
	}
.dropdown#availabilityContainer:hover div#buyButton a.buyButton {
	position: relative;
	text-align: center;
	color: rgba(0, 74, 124, 0.66);
	font-family: "Amplitude-Medium", sans-serif;
	text-decoration: underline;
	display: block;
	}
	.dropdown#availabilityContainer:hover div#buyButton a.buyButton:hover {
		color: rgba(0, 74, 124, 1.0);
		}
	.dropdown#availabilityContainer:hover div#buyButton {
		position: relative;
		width: max-content;
		top: .25rem;
		left: -.75rem;
		display: block;
		}

/*  ----------  GLOBAL FOOTER  ----------  */


.copyright {
	position: fixed;
	left: 0;
	right: 0;
	text-align: center;
	bottom: .25rem;
	margin: 0 auto;
	color: rgba(0, 0, 0, 0.6);
	font: .75rem "Amplitude-Medium", sans-serif;
	z-index: 0;
	}
.dmca-badge {
	height: .5rem}


/*  ----------  HOMEPAGE / ART  ----------  */

.hp_info {
	position: absolute;
	margin-top: 2rem;
	margin-left: 0;
	}
.hp_cta {
	position: fixed;
	width: 100%;
	margin: 0 auto;
	top: .5rem;
	left: 0;
	}
a.hp_cta_link {text-decoration: none; color: rgba(0, 74, 124, 1.0);}
#infoToggle {
	position: absolute;
	left: .75rem;
	top: 2.5rem;
	z-index: +2;
	display: block;
	}
#infoIcon {
	display: none;
	}
#artworkContainer {
	position: relative;
	max-width: 18.5rem;
	height: max-content;
	top: 0;
	left: -.75rem;
	background-color: transparent;
	box-shadow: none;
	text-align: left;
	display: block;
	z-index: +1;
	}
	#artworkContainer:hover {
		background-color: #c4bfba;
		z-index: +10;
	}
h2.galleryName {
	text-align: left;
	color: rgba(0, 74, 124, 1.0);
	font-family: "freight-big-pro", serif;
	font-size: 1.75rem;
	border-bottom: .1rem solid transparent;
	margin-bottom: .75rem;
	line-height: 1;
	}
	div#artworkContainer.landscape h2#galleryName {margin-bottom: .35rem;}
	h2#galleryName:hover { cursor: pointer; border-bottom: .1rem solid rgba(0, 74, 124, 1.0); }
	h2#galleryName:hover::after{ opacity: 1.0; }
h3.artTitle {
	font-size: 1.25rem;
	line-height: 1;
	text-align: left;
	margin-bottom: .5rem;
	}
h3.artTitle_hp {
	font-size: .85rem;
	line-height: 1;
	text-align: left;
	margin-bottom: .25rem;
	}
	div#artworkContainer.landscape h3#artTitle {margin-bottom: .5rem;}
.artDetails {
	font-size: .85rem;
	margin-bottom: .25rem;
	}
.artDetails_hp {
	font-size: .75rem;
	}
	.artDetails a {color: rgba(0, 74, 124, 0.66);}
	div#artworkContainer.landscape div.artDetails {display: inline-block; margin-right: 1rem;}
.dropdown-content#artistStatement {
	position: fixed;
	top: 2.5rem;
	left: -210rem;
	right: 0;
	max-height: 90vh;
	max-width: 50rem;
	margin: 0 auto;
	padding: 3rem 4rem;
	color: #ddd;
	background-color: #263646;
	font-family: "freight-big-pro", serif;
	font-size: 1.125rem;
	line-height: 1.25rem;
	text-align: justify;
	box-shadow: rgba(58, 53, 44, 0.95) 0 0.57rem 1rem 0.15rem;
	z-index: +20;
	display: block;
	overflow: scroll;
	transition: .5s ease;
	}
	.dropdown-content#artistStatement.requested {left: 0; }
.statementTitle {
	font-size: 1.75rem;
	text-transform: uppercase;
	margin-bottom: .5rem;
	}
#artistStatement i {position: relative; display:inline;}

.hiddenDiv#purchaseInfoDiv, .hiddenDiv#artRequest {
	position: absolute;
	top: 3.5rem;
	bottom: 0;
	left: -210rem;
	right: 0;
	max-width: 50rem;
	max-height: 87.75vh;
	overflow: scroll;
	margin: 0 auto;
	padding: 3rem 4rem;
	color: #ddd;
	background-color: #263646;
	font-size: .85rem;
	line-height: 1.25rem;
	text-align: justify;
	box-shadow: rgba(58, 53, 44, 0.95) 0 0.57rem 1rem 0.15rem;
	z-index: +20;
	display: block;
	transition: .5s ease;
	}
	.hiddenDiv#purchaseInfoDiv.requested, .hiddenDiv#artRequest.requested {left: 0; }
	.hiddenDiv h3 {
		font-size: 1.125rem;
		margin-bottom: .25rem;
	}
	.hiddenDiv p {
		font-family: "Amplitude-Book", sans-serif;
		margin-bottom: 1rem;
		font-size: .875rem;
		line-height: 1rem;
	}
.special {
	font-family: "Amplitude-Medium", sans-serif;
	background-color: #ddd;
	margin: -3rem -4rem 1rem;
	padding: 2rem 4rem;
	color: #000;
	}
	.special h4 {
		color: #f3068c;
		font-size: 1.125rem;
		text-align: center;
		margin-bottom: 1rem;
		}
	.special p {
		font-family: "Amplitude-Medium", sans-serif;
		margin-bottom: 0;
		}
.uiPhotoWrapper img#productFront, .uiPhotoWrapper img#productBack {
	box-shadow: none;
	}
.artFrame {
	position: absolute;
	left: 0;
	right: 0;
	height: max-content;
	width: max-content;
	margin: auto;
	box-sizing: content-box;
	}
.closeButton {
	position: absolute;
	top: 0;
	right: 0;
	}
.artworkImage {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	margin: auto; 
	box-shadow: rgba(58, 53, 44, 0.95) 0 0.57rem 1rem 0.15rem;
	z-index: 0;
	cursor: pointer;
	}
	.artworkImage.flipped {transform: rotate(180deg); box-shadow: rgba(58, 53, 44, 0.95) 0 -0.57rem 1rem 0.15rem}
.artworkImage.portrait {}
.artworkImage.landscape {}
@media only screen and (min-width: 35rem) {
	.artworkImage.portrait.zoomed {
		height: 98vh;
		width: auto;
		z-index: +20;
		}
		.artworkImage.portrait.flipped.zoomed {transform: rotate(180deg);}
	.artworkImage.landscape.zoomed {
		width: 98vw;
		height: auto;
		z-index: +20;
		}
		.artworkImage.landscape.flipped.zoomed {transform: rotate(180deg);}
	}
.innerShadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset rgba(84, 71, 65, .60) 0 .25rem .15rem;
	display: none;
	z-index: +1;
	}


/*  ----------  PHOTOGRAPHY SECTION  ----------  */

#photoContentContainer {
	position: absolute;
	max-width: 16rem;
	height: max-content;
	top: 2.25rem;
	left: 0;
	padding: .75rem;
	text-align: left;
	z-index: +1;
	}
h2.photosetName {
	text-align: left;
	color: rgba(0, 74, 124, 1.0);
	font-family: "freight-big-pro", serif;
	font-size: 1.75rem;
	margin-bottom: .75rem;
	line-height: 1;
	}
	div#photoContentContainer.landscape h2#photoseName {margin-bottom: .35rem;}		
	h2#photosetName:hover { cursor: pointer; }
	h2#photosetName:hover::after{ opacity: 1.0; }
h3.photoTitle {
	font-size: 1.25rem;
	line-height: 1;
	text-align: left;
	margin-bottom: .25rem;
	}
	div#photoContentContainer.landscape h3#photoTitle {margin-bottom: .5rem;}
.photoDetails {
	font-size: .85rem;
	margin-bottom: .25rem;
	}
	div#photoContentContainer.landscape div.photoDetails {display: inline-block; margin-right: 1rem;}
.dropdown-content#photoOffering {
	position: absolute;
	top: 5.5rem;
	width: 100%;
	padding: 1rem 20%;
	background-color: #fff;
	font-family: "freight-big-pro", serif;
	font-size: 1.25rem;
	text-align: justify;
	display: none;
	}
	.dropdown#photosetName:hover .dropdown-content#photoOffering {display: block;}
.photoFrame {
	position: absolute;
	display: flex;
	top: 0;
	left: 0;
	right: 0;
	height: fit-content;
	width: fit-content;
	margin: auto;
	bottom: 31.25%;
	}
.photoImage {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 25rem;
	margin: auto; 
	box-shadow: rgba(58, 53, 44, 0.95) 0 0.57rem 1rem 0.15rem;
	transition: all 2.5s ease;
	z-index: +1;
	}
.photoImage.portrait {}
.photoImage.landscape {
	transition: all 4s ease;
	cursor: pointer;
	}

/*  ----------  WRITING SECTION  ----------  */
/*  ----------  DIGITAL PRODUCT DESIGN SECTION  ----------  */

div#design.content {
	text-align: justify;
	max-width: 50rem;
	margin-bottom: 5rem;
	}
	div#design.content h4 {
		display: inline-block;
		margin: 0 .25rem .5rem;
		font-size: 1.15rem;
		text-transform: uppercase;
		}
		h4.cvTitle, h4.cvDoc, h4.cvTech {font-family: "Amplitude-Book", sans-serif; color: rgba(0,0,0,0.25);}
		h4.highlighted {font-family: "Amplitude-Medium", sans-serif; color: rgba(0,0,0,1.0); background-color: #FFF; border-bottom: .125rem solid #f3068c;}
a.cvButton {
	font-size: 1.25rem;
	}
a.cvButton.highlighted {
	color: #f3068c;
	background-color: #FFF;
	padding: 0.125rem 0.5rem;
	border-bottom: 0.125rem solid #000;
	text-decoration: none;
	}
a.cvButton#cvDoc {
	margin: 0 3rem;
	}
.experience {
	padding: 1rem 1rem 0.125rem;
	background-color: #E0E0DE;
	box-shadow: rgba(84, 71, 65, 0.25) 0 1rem 1.5rem;
	margin-bottom: 3rem;
	}
#titles {
	margin-left: -0.4rem;
	margin-right: -0.4rem;
	}
#caseStudies {
	margin-bottom: 10rem;
	padding: 2rem 1rem;
	background-color: #E0E0DE;
	box-shadow: rgba(84, 71, 65, 0.25) 0 1rem 1.5rem;
	}
#caseStudies td {
	text-align: center;
	vertical-align: middle;
	padding: 0 2rem;
	}
.caseWrapper {
	display:none;
	}
span#cvLink {
	position: relative;
	float: right;
	top: .5rem;
	font-size: 1rem;
}
h3#experienceH {
	margin-left: 5.5rem;
}
#linkedLogo {
	position: relative;
	bottom: -0.1rem;
	margin-right: .125rem;
	height: 1rem;
	}
.toggleWidget {
	text-align: center;
	margin: 0.75rem 0 2rem;
	}

/*  ----------  FOOD SECTION  ----------  */

.content#food {
	top: 3rem;
	width: 50rem;
	max-width: 100%;
	margin-bottom: 50rem;
	text-align: justify;
	font-size: 1.15rem;
	}
	#food h2 {
		font-family: "olicana-smooth", sans-serif;
		text-transform: initial;
		}
	#food h3 {
		font-size: 1.33rem;
		text-align: center;
		}
.fauxheader {
	text-align: center;
	font-family: "Amplitude-Book", sans-serif;
	font-size: 1.9rem;
	}
.food {
	position: relative;
	height: 16rem;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.075) 0.25rem 0.75rem 1.5rem;
	margin-bottom: 3rem;
	}
	.food#mabels {
		color: rgba(13, 126, 146, 1.0);
		background-color: #fcfefc;
		background-image: url('/_/img/ui/cedar.svg');
		background-repeat: no-repeat;
		background-position: center;
		}
		.food#mabels h2 {
			position: relative;
			top: 4rem;
			font-size: 10rem;
			line-height: 10rem;
			}
		.food#mabels h3 {
			position: relative;
			}
		.food#mabels img {
			position: relative;
			top: -11rem;
			width: 35%;
			height: auto;
			opacity: 0.1;
			}
#jefes {
	color: rgba(250, 80, 5, 1.0);
	background-color: #fefcfc;
	background-image: url('/_/img/ui/cactus.svg');
	background-repeat: no-repeat;
	background-position: center;
	}
	#jefes h2 {
		position: relative;
		top: 2.5rem;
		font-size: 6rem;
		line-height: 10rem;
		}
	#jefes h3 {
		position: relative;
		bottom: 
		}
	#jefes img {
		position: relative;
		top: -11rem;
		width: 35%;
		height: auto;
		opacity: 0.1;
		}
#recipes {
	position: relative;
	font-size: 6rem;
	line-height: 6rem;
	margin-bottom: 1rem;
	color: rgba(0, 74, 124, 0.66);
	}
	#recipes h3 {
		text-align: center;
		}
.mabelPhoto {
	width: 100%;
	height: auto;
	}

/*  ----------  ABOUT SECTION  ----------  */

.content#about {
	width: 50rem;
	max-width: 100%;
	margin-bottom: 50rem;
	text-align: justify;
	font-size: 1.15rem;
	}
.aboutPhoto {
	position: relative;
	max-width: 100%;
	height: auto;
	}
form h2 {text-transform: initial !important;}
a.anchor#Contact {top:-6rem;}

.temporary {
	left: 0;
	right: 0;
	margin: auto;
	font-family: "Amplitude-Book";
	color: #f3068c;
	font-size: 2rem;
	text-align: center;
}

/*  ---------- SNIPCART OVERRIDES ----------  */

.snipcart * {font-family: "Amplitude-Book", sans-serif;}
.snipcart-modal__close-title {
	color: rgba(0, 74, 124, 1.0);
	font-family: "Amplitude-Medium", sans-serif;
	font-size: 1rem;
	padding-left: 2rem;
	background: url('/_/img/ui/arrowL.svg');
	background-repeat: no-repeat;
	background-size: 1.5rem;
	background-position: 0;
	opacity: 0.66;
	display: block;
	}
	.snipcart-modal__close-title:hover {opacity: 1.0;}
.snipcart-items-count {
	position: relative;
    display: inline-block;
    top: 1.25rem;
    font-size: 1rem;
    padding-left: 0.125rem;
	}
.snipcart-total-price {
	position: relative;
    top: 1.25rem;
    font-size: 1rem;
	}
.snipcart-modal {background-color: #c4bfba;}
.snipcart-cart-header, .snipcart-cart__content {max-width: 60rem; background-color: #dcdcdc;}
.snipcart-featured-payment-methods__title {background-color: #dcdcdc;}
.snipcart__font--large {font-size: 1.5rem;}
.snipcart-cart-summary-fees__amount {margin-right: .5rem;}
.snipcart__font--secondary, .snipcart__font--subtitle {font-size: 1.25rem;}
a.snipcart-featured-payment-methods__link {color: #000;font-size: .85rem;font-family: "Amplitude-Medium", sans-serif;}
.snipcart-empty-cart {color: #f3068c;}
.snipcart-cart__footer {padding: 1.25rem;}
.snipcart-modal__close-icon {display: none;}
.snipcart-discount-box__cancel, .snipcart-discount-box__submit {margin: 0 .5rem;font-size: .85rem;font-family: "Amplitude-Medium", sans-serif;}
h2.snipcart-item-line__title {text-transform: none;}
.snipcart__font--black {font-weight: 300;}
figure.snipcart-item-line__media {position: relative;}
.snipcart-discount-box__form {padding: 0;}
.snipcart-discount-box {background: none;}
button.snipcart-cart-header__option.snipcart-cart-header__count.snipcart__font--secondary.snipcart__font--bold {display: none;}
.snipcart-checkout__content.snipcart-layout__content {width: 62rem;}
.snipcart-layout__col {margin: 0;width: 29rem;}
.snipcart-layout__col--large {width: 29rem;}
.snipcart-cart-summary, .snipcart__box--gray {background-color: #dcdcdc;}
.snipcart-discount-box__submit {color: rgba(0, 74, 124, 1.0);}
.snipcart-discount-box__form, .snipcart-typeahead__suggestions, .snipcart-form__select {border: .125rem solid #eee;background-color: #efefef;}
.snipcart-input--no-style .snipcart-input__input {padding-left: .25rem;}
.snipcart-discount-box__form {padding: .125rem;}
.snipcart__actions--link {color: rgba(0, 74, 124, 1.0);}
.snipcart-cart-summary__separator {background-color: #dcdcdc;}
ul.snipcart-typeahead__suggestions {background-color: #FFF;}
.snipcart-typeahead__suggestion--active {background-color: rgba(0, 74, 124, 0.66);color: #FFF;}

/*  ---------- RESPONSIVE ELEMENTS ----------  */

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media only screen and (max-width: 75rem) {
h2.galleryName {font-size: 1.25rem; margin-bottom: .15rem;}
h3.artTitle {font-size: 1rem; margin-bottom: .15rem;}
#artworkContainer {width: 16.5rem;}
.dropdown-content#buyButton {max-width: 16.5rem;}
.artDetails {font-size: .75rem; margin-bottom: 0;}
}

@media only screen and (max-width: 35rem) {
.zoomed {transform: none !important;}
.statementTitle {font-size: 1.5rem;}
.buyElement {padding: .25rem .75rem;}
.hp_cta {margin-top: 4rem;}
.hp_info {margin-top: 1rem;}
}

@media only screen and (max-width: 800px) {

nav.subNav a {font-size: 1rem; padding: 0 1rem; margin-top: .5rem;}
.arrow#prev {left: -1.5rem;}
.arrow#next {right: -1.5rem;}
.content {padding: 0 1rem;}
#cartButton {transform: scale(0.75); right: -1rem;}
.snipcart-items-count {display: none;}
.slash {display: none;}
.snipcart-total-price {display: none;}
img#ruler {display: none;}
h2 {font-size: 1.25rem;}
p.leadP {font-size: 0.85rem;}
.uiPhotoWrapper {max-width: 80%;}
#caseStudies {padding: 0.5rem 0.25rem;}
#caseStudies td {padding: 0 0.25rem;}
form {padding: 1rem 1rem 2rem;}
form h2 {font-size: 1.25rem;}
.copyright {font-size: 0.5rem; bottom: 2rem;}
#infoIcon {display: block;}
.dropdown-content#artistStatement.requested {margin: .5rem; padding: 2rem; height:80vh;}
#artworkContainer {width: 18rem; background-color: #c4bfba; box-shadow: rgba(58, 53, 44, 0.95) 0 0.57rem 1rem 0.15rem; display: none;}
#artworkContainer.requested {display: block; background-color: #c4bfba;}
.hiddenDiv#purchaseInfoDiv {width: 90%; padding: 1.5rem 1rem;}
.hiddenDiv#purchaseInfoDiv.requested {left: 0rem;}
@media only screen and (orientation: portrait) {
body.gallery:after {background: url('/_/img/ui/bgWall.jpg') center bottom 40% fixed no-repeat; background-size: 140vh;
}}



/*  ---------- OVERRIDES FOR TESTING ----------  */

.history {
	position: absolute;
	left: 0.75rem;
	top: 20rem;
	width: 14rem;
	}
.viewed {
	position: relative;
	display: inline-block;
	transform: scale(0.875);
}