@charset "UTF-8";
/* CSS Document
yellow			F2AD31
orange			D06F32
red				831B1F
brown			5F3817
grey text		58595B
v light brown	EDE0D0

font-family: 'Barlow Condensed', sans-serif;
300 400 500
 */

body { font-family: 'Barlow Condensed', sans-serif; }
h1, h2, h3 { color: #831B1F; }
h2:nth-of-type(2) { margin-top: 1em; }
a {}
a:link, a:visited { color: #D06F32; }
a:hover { color: #F2AD31; }

header { background: #F2AD31; }
#bannerLeft { width: 50%; float: left; }
#bannerRight { width: 50%; float: left; }
#bannerNews { background: #831B1F; padding: .5em 0; }
#bannerNews h3 {text-align: center; color: #fff; }
#bannerNews a { text-decoration: none; }
#bannerNews a:link, #bannerNews a:visited {color: #F2AD31;}
#bannerNews a:hover { text-decoration: underline; color: #D06F32; }

header nav { background: #5F3817; padding: .5em 0; }
header img { width: 100%; height: auto; }
nav img { width: 24px; height: auto; }
nav ul { list-style: none; }
nav li { display: inline; padding: 0 .5em;}
nav a { font-weight: 300; font-size: 1.2em; text-transform: uppercase; letter-spacing: .05em; text-decoration: none; }
nav a:link, nav a:visited { color: #EDE0D0; }
nav a:hover { text-decoration: underline; color: #F2AD31;}



section { margin: 1em 0; }
article { width: 90%; margin: 0 auto; }
figure { width: 36%; float: left; padding: 1em; height: 360px;}
figure img:nth-child(1) { width: 55%; }
figure img:nth-child(2) { width: 40%; vertical-align: top; }
figure.solo { width: 160px; }
figure.solo img { width: 100%; }
figure span { font-size: 1.2em; text-transform: uppercase; background: #831B1F; color: #fff; }
figcaption{}
.left {float: left; width: 42%;  }
.right { float: right; width: 55%; }
.newest { width: 100%; height: auto; }
.newest figure { width: 60%; }
.newest figure.solo { width: 170px;}
.newest figure.soloModel { width: 200px;}
.newest figure.soloModel img { width: 100%;}

.group { height: 500px; }

img[src="img/shorts-compare.png"] { width: 40%; height: auto; }
img[src="img/width.png"], img[src="img/length.png"] { width: 48%; min-width: 400px; }
img[src="img/lori-headshot-524x700.jpg"] {width: 150px; height: auto; float: left; padding-right: 1em; }

footer {background: #5F3817; color: #EDE0D0; padding-left: 10%; margin-bottom: 30px; padding-bottom: 30px;}
footer ul { margin-left: -5%; }

.fabrics figure { width: 200px; height: 280px; }
.fabrics figure img { width: 100%; }
.fabrics h2 { font-size: 1.1em; }