/*
Shear Arts Master Styles
Last Updated: 2017-09-08
Author: Sandy Campbell - http://scdny.com
*/

/*
iPad Pro L	1366x1024
iPad Pro P	1024x1366

iPad L		1024x768
iPad P		768x1024

iPhone 7+ L	960x540
iPhone 7+ P	540x960

iPhone 7 L	667x375
iPhone 7 P	375x667

iPhone 5 L	568x320
iPhone 5 P	320x568

iPhone 4 L	480x320
iPhone 4 P	320x480
*/

/* basic reset styles
-------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }

a
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/* html
-------------------------------------------- */

html
{
	font-family: 'museo-slab', sans-serif;
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	color: #333;
	height: 100%;
}

body
{
	min-height: 100%;
	position: relative;
	background-color: #fff;
	text-rendering: geometricPrecision;
	-moz-osx-font-smoothing: grayscale;
}

/* adjusted box model fix (2014-07-15)
-------------------------------------------- */

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

/* the latest clearfix hack (2014-07-15)
-------------------------------------------- */

.group:after
{
	content: "";
	display: table;
	clear: both;
}

/*
page structure
--------------------------------------------- */

.outerwrap
{
	padding: 0;
	text-align: center;
	max-width: 1000px;
}

.innerwrap
{
	padding: 2rem;
	background-color: #fff;
}

@media screen and (min-width: 1025px)
{
	.outerwrap
	{
		width: 75%;
		margin: 2rem auto 2rem auto;
	}
	
	.innerwrap
	{
		border: 1px solid #ddd;
		border-radius: 1.5rem;
		-webkit-border-radius: 1.5rem;
		-moz-border-radius: 1.5rem;
		-o-border-radius: 1.5rem;
		-khtml-border-radius: 1.5rem;
	}
}

@media screen and (max-width: 1024px)
{
	.outerwrap
	{
		width: 95%;
		margin: 1rem auto 1rem auto;
	}
	
	.innerwrap
	{
		border: 1px solid #ddd;
		border-radius: 1.5rem;
		-webkit-border-radius: 1.5rem;
		-moz-border-radius: 1.5rem;
		-o-border-radius: 1.5rem;
		-khtml-border-radius: 1.5rem;
	}
}

@media screen and (max-width: 768px)
{
	.outerwrap
	{
		width: 100%;
		margin: 0;
	}
	
	.innerwrap
	{
		border: 0 none;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		-khtml-border-radius: 0;
	}
}

/*
content
--------------------------------------------------------------------- */

@media screen and (min-width: 769px)
{
	main
	{
		width: 70%;
		line-height: 1.5;
	}
	
	.navlg { width: 30%; }
	
	.navsm
	{
		display: none;
		visibility: hidden;
	}
	
	.menu-btn
	{
		display: none;
		visibility: hidden;
	}
	
	body { background-color: #eee; }
}

@media screen and (max-width: 768px)
{
	main
	{
		width: 100%;
		line-height: 1.5;
	}
	
	.navlg
	{
		display: none;
		visibility: hidden;
	}
	
	.navsm
	{
		width: 100%;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	
	.menu-btn
	{
		border: none;
		background-color: none;
		text-decoration: none;
		font-size: 2rem;
		color: #ff0000;
		float: left;
		display: block;
		width: 100%;
		margin: 1rem 0 0 .5rem;
	}
	
	body { background-color: #fff; }
}

main
{
	float: right;
	display: inline;
	text-align: left;
	margin: 0;
	padding-left: 0;
}

main img
{
	float: left;
	border: 0 none;
}

@media screen and (min-width: 541px)
{
	main img
	{
		width: 50%;
		margin-top: .2rem;
		margin-right: 1rem;
		margin-bottom: .2rem;
	}
}

@media screen and (max-width: 540px)
{
	main img
	{
		width: 100%;
		margin-top: .2rem;
		margin-right: 0;
		margin-bottom: .75rem;
	}
}

/*
main typography
--------------------------------------------------------------------- */

.textsm h1, .textlg h1
{
	font-weight: normal;
	font-size: 2.2rem;
	line-height: 1;
	letter-spacing: -.02rem;
	margin-top: 0;
	margin-bottom: .2rem;
	padding-top: .1rem;
	padding-bottom: 0;
}

.textsm h2, .textlg h2
{
	font-weight: normal;
	font-size: 1.1rem;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: .7rem;
	padding-top: 0;
	padding-bottom: 0;
}

.textsm p, .textlg p
{
	font-size: 1.0rem;
	margin-top: 0;
	margin-bottom: .7rem;
	padding-top: 0;
	padding-bottom: 0;
}

figure
{
	font-size: 1.0rem;
	text-align: left;
	float: left;
	display: block;
	clear: right;
	width: 100%;
	margin: 0 0 .7rem 0;
	padding: 0;
}

em
{
	font-weight: bold;
	font-style: italic;
}

strong
{
	font-weight: bold;
	font-style: normal;
}

a:link
{
	color: #ff0000;
	text-decoration: none;
}

a:visited
{
	color: #ff0000;
	text-decoration: none;
}

a:hover
{
	color: #000;
	text-decoration: underline;
}

.my-simple-gallery
{
	text-align: left;
	float: left;
	display: block;
	clear: right;
	width: 100%;
	margin: 0;
	padding: 0;
}

.noThumb { display: none; }

/*
left nav
--------------------------------------------------------------------- */

.menu-btn:hover
{
	text-decoration: none;
	color: #000;
}

aside
{
	float: left;
	display: inline;
	text-align: center;
	margin: 0;
	padding: 0;
}

.address { padding-bottom: .5rem; }
.title { padding-bottom: 2rem; }

.title p, .address p
{
	font-family: "museo-sans", serif;
	font-size: 1rem;
	line-height: 1.6;
	color: #ff0000;
}

.logo img
{
	width: auto;
	height: 10rem;
	border: 0 none;
	margin-bottom: .7rem;
}

.logo img a:link { border: 0 none; }

.menulg
{
	display: block;
	line-height: 1.7;
}

.menusm
{
	display: block;
	line-height: 2;
}

.menusm li, .menulg li
{
	font-size: 1rem;
	list-style-type: none;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.menusm a, .menulg a
{
	color: #ff0000;
	text-decoration: none;
	margin-left: -11px;
	background-color: #fff;
	padding: 2px 11px 2px 11px;
}

.menusm a:link, .menulg a:link, .menusm a:visited, .menulg a:visited
{
	color: #333;
	text-decoration: none;
	background-color: #fff;
}

.menusm a:hover, .menulg a:hover
{
	color: #fff;
	text-decoration: none;
	background-color: #ff0000;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	-khtml-border-radius: 12px;
	zoom: 1;
}

ul a:hover,
body.b-home a.show-00:hover,
body.b-matsumoto a.show-16:hover,
body.b-runyeon a.show-15:hover,
body.b-kopchik a.show-14:hover,
body.b-curtin a.show-13:hover,
body.b-pentimenti a.show-12:hover,
body.b-powell a.show-11:hover,
body.b-martin a.show-10:hover,
body.b-straussberg a.show-09:hover,
body.b-wisniewski a.show-08:hover,
body.b-kimura a.show-07:hover,
body.b-long a.show-06:hover,
body.b-asman a.show-05:hover,
body.b-prince a.show-04:hover,
body.b-mcleaf a.show-03:hover,
body.b-bronstein a.show-02:hover,
body.b-dingbat a.show-01:hover
{
	color: #fff;
	text-decoration: none;
	background-color: #ff0000;
}

ul a:active,
body.b-home a.show-00:active,
body.b-matsumoto a.show-16:active,
body.b-runyeon a.show-15:active,
body.b-kopchik a.show-14:active,
body.b-curtin a.show-13:active,
body.b-pentimenti a.show-12:active,
body.b-powell a.show-11:active,
body.b-martin a.show-10:active,
body.b-straussberg a.show-09:active,
body.b-wisniewski a.show-08:active,
body.b-kimura a.show-07:active,
body.b-long a.show-06:active,
body.b-asman a.show-05:active,
body.b-prince a.show-04:active,
body.b-mcleaf a.show-03:active,
body.b-bronstein a.show-02:active,
body.b-dingbat a.show-01:active
{
	color: #000;
	text-decoration: none;
	background-color: #ff0000;
}

body.b-home a.show-00,
body.b-matsumoto a.show-16,
body.b-runyeon a.show-15,
body.b-kopchik a.show-14,
body.b-curtin a.show-13,
body.b-pentimenti a.show-12,
body.b-powell a.show-11,
body.b-martin a.show-10,
body.b-straussberg a.show-09,
body.b-wisniewski a.show-08,
body.b-kimura a.show-07,
body.b-long a.show-06,
body.b-asman a.show-05,
body.b-prince a.show-04,
body.b-mcleaf a.show-03,
body.b-bronstein a.show-02,
body.b-dingbat a.show-01
{
	color: #ff0000;
	text-decoration: none;
}

/*
footer
--------------------------------------------------------------------- */

footer
{
	width: 100%;
	float: left;
	text-align: center;
	padding: 2rem;
}

footer p { font-size: .7rem; }

footer a
{
	color: #ff0000;
	text-decoration: none;
}

footer a:hover
{
	color: #000;
	text-decoration: none;
}