@charset "UTF-8";
/* CSS Document */
/* styles for Frisco page - January 2019 */
/* Color scheme: https://color.adobe.com/Theme84-color-theme-6759792/ */
/* Typefaces: http://typekit.com/colophons/mqk0vnu */
/* Inspiration for text fonts, sidenotes, and some other features from Tufte CSS: https://edwardtufte.github.io/tufte-css/?utm_content=buffer58864&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer */


@import url("https://use.typekit.net/mqk0vnu.css");

/* page body */
body {
	background-color: #fafafa;
	margin: 0px;
	padding: 0px; }
	
/* mobile page body */
@media (max-width: 500px) {
	body {
	background-color: #fafafa;
	margin: 0px;
	padding: 0px; }
}

/* body for heds & deks only */
.hedbody {
	padding-left:10%;
	max-width: 900px;
}

/* text body for articles */
.textbody {
	padding-left: 10%;
	max-width: 700px;
}
	
/* mobile text body */
@media (max-width: 500px) {
	.textbody {
		padding-left: 10px;
		max-width: 380px; }
}

/* default font size = 1 rem */
html {
	font-size: 16px; 
	text-rendering: optimizelegibility;
}

/* paragraph style */
p {
	font-family: "garamond-premier-pro", "Garamond", "Palatino", "Georgia", serif;
	font-size: 1.4rem;
	font-weight: 400;
	color: #444A4C;
	line-height: 1.3;
	margin-top: 0.5rem;
	
}

strong {
	font-style: normal;
	font-weight: 600; 
	}  
	
.strong {
	font-style: normal;
	font-weight: 600; 
	}  

em {
	font-style: italic;
	font-weight: 500;
	}
	
.em {
    font-style: italic;
	font-weight: 400;
	} 
	
	
  
/* links */
a:link {
	color: #904D2F;
	font-weight: 600;
	text-decoration: none;
	font-family: "brandon-grotesque","Lato","Futura","Gill Sans",sans-serif;
	line-height: inherit;
}

a:visited {
	color: #444A4C;
}

a:hover {
	color: #FAAB58;
}

a:active {
    color: #904D2F;	}

/* top bar links */
a.top:link {
	color: #ffffff;
	text-decoration:none; }

a.top:visited {
    color: #ffffff;
	text-decoration:none; }

a.top:hover {
	color: #F9C063;	
	text-decoration:none; }

a.top:active {
    color: #444A4C;
	text-decoration:none; }

.topBox {
    display: inline-block;
    border: 2px solid #ffffff;
    padding: 5px 15px;
    font-family: "brandon-grotesque","Lato","Futura","Gill Sans",sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 1.4rem;
	font-variant:normal;
	text-decoration:none;
	background-color: #EBB11A;
	letter-spacing: 0.1rem;
	color: #ffffff;	 }



.topBoxGrey {
    display: inline-block;
    border: 2px solid #fff;
    padding: 5px 15px;
    font-family: "brandon-grotesque","Lato","Futura","Gill Sans",sans-serif;
	font-style: normal;
	color: #ddd;
	font-weight: 400;
	font-size: 1.4rem;
	font-variant:normal;
	text-decoration:none;
	letter-spacing: 0.1rem;
	 }

/* link style for top bar */
topBox a:link {
	text-decoration:none;
	color:#ffffff;
}

topBox a:active {
	text-decoration:none;
	color:#fffffff;
}

/* style for pen icon */
.fas {
	font-size: 0.9rem;
	color: #FAAB58;
}

/* main headline */
.hed {
	font-family: cheap-pine, "Futura Bold";
	font-weight: 400;
	font-style: normal;
	color: #444A4C;
	font-size: 5rem;
    line-height: 1; }
	
/* article dek */
.dek {
	font-family: "brandon-grotesque","Lato","Futura","Gill Sans",sans-serif;
	font-style: italic;
	font-weight: 700;
	font-size: 1.9rem;
	line-height: 2.1rem;
	color: #904D2F;	
	display:block;
	
}

/* entry title - subhed style */
.subhed {
	font-family: cheap-pine-sans,Gill Sans,Futura,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 2rem;
	letter-spacing: .5px;
	color: #904D2F; }

/* black date or subhed style */
.subhedBlack {
	font-family: cheap-pine-sans,Gill Sans,Futura,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 3rem;
	line-height: 1;
	color: #444A4C; }

.firstwords {
	font-family: "brandon-grotesque",Gill Sans,Futura,sans-serif;
	font-size: 1.5rem;
	font-weight: 500; }

/* pullquote style */
.pullquote {
	font-family: "brandon-grotesque",Gill Sans,Futura,sans-serif;
	font-style: italic;
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.9rem;
	color: #111111; }

/* mobile pullquote style */
@media (max-width: 500px) {
	.pullquote {
	font-family: "brandon-grotesque",Gill Sans,Futura,sans-serif;
	font-style: italic;
	font-weight: 500;
	font-size: 1.7rem;
	line-height: 1.1;
	color: #444A4C; }
}
	
/* smaller text for notes etc. */
.smtext {
	font-family: "mrs-eaves", Garamond, Palatino, Georgia, serif;
	font-size: 1.3rem;
	line-height: 1.1;
	color: #444A4C; }
	
/* photo caption */
.caption {
	font-family: "brandon-grotesque","Lato","Futura","Gill Sans",sans-serif;
	font-size: 1.3rem;
	line-height: 1.1;
	font-style: normal;
	font-weight: 400;
	color: #495859;
}
	
/* thin line */
.line {
	border-bottom: 3px solid #444A4C; }

/* top of page bar */
.topBar {
  position: fixed;
  width: 100%;
  height: 35px;
  top: 0px;
  left: 0px;			
  padding: 3px;
  background-image:url(images/top-bar-frisco.png);
  transition: top .5s cubic-bezier(0.5,-0.5,0.5,1.5);
  box-shadow: 0 1px 10px 0 #F9C063;
  z-index: 5999999;
}

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

.pullquote-right {
	width: 300px;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	margin-left: 0px;
	margin-right: 0px;
	float: right;
	position: relative;
	left: 50px; }
	
/* mobile pullquote */
@media (max-width: 500px) {
	.pullquote-right {
	float: left;
	clear: none;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	margin-left: 30px;
	margin-right: 30px; 
	text-align: center; }
}

/* blockquote indent*/
.blockquote {
	margin-left: 5%;
	padding-right: 10%;
	font-size: 1.5rem;
	line-height: inherit;
	color:#495859;
	font-family: "brandon-grotesque","Lato","Futura","Gill Sans",sans-serif;
	font-weight: 400;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* indentation */
.indent {
	padding-left: 60px; }
		
/* mobile large image */
@media (max-width: 500px) {
	img {
		max-width: 380px; }
}

/* 200px wide image on right */
.right200 { 
	float:right;
	clear: right;
    margin-right: 20px;
	margin-left: 30px;
  	width: 200px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    position: relative; 
	padding-bottom:0.5rem;
	font-family: "brandon-grotesque",Gill Sans,Futura,sans-serif;
	font-size: 1.1rem;
    line-height: 1.2;
	font-style: normal;
	font-weight: 400; }
	
/* mobile 200px wide image  */
@media (max-width: 500px) {
	.right200 {
		margin-right: 20px;
		margin-left: 30px;
  		width: 200px;
    	margin-top: 1rem;
    	margin-bottom: 1rem;
    	position: relative; 
		padding-bottom:0.5rem;
		font-family: "brandon-grotesque",Gill Sans,Futura,sans-serif;
		font-size: 1.1rem;
    	line-height: 1.2;
		font-style: normal;
		font-weight: 400; }
		 }

/* 300px wide image on right */
.right300 { 
	float:right;
	clear: right;
    margin-right: 20px;
	margin-left: 30px;	
  	width: 300px;
    margin-top: 1rem;
    margin-bottom: 1rem;
	position: relative;
	padding-bottom: 0.5rem;
	font-family: "brandon-grotesque",Gill Sans,Futura,sans-serif;
	font-size: 1.1rem;
    line-height: 1.2;
	font-style: normal;
	font-weight: 400; }

/* 200px wide image on left */
.left200 { 
	float:left;
	clear: left;
    margin-right: 30px;
	margin-left: 0px;
  	width: 200px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    position: relative;
	padding-bottom:0.5rem;
	font-family: "brandon-grotesque",Gill Sans,Futura,sans-serif;
	font-size: 1.1rem;
    line-height: 1.2;
	font-style: normal;
	font-weight: 400; }

/* 300px wide image on left */
.left300 { 
	float:left;
	clear: left;
    margin-right: 30px;
	margin-left: 0px;
  	width: 300px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    position: relative; 
	padding-bottom:0.5rem;
	font-family: "brandon-grotesque",Gill Sans,Futura,sans-serif;
	font-size: 1.1rem;
    line-height: 1.2;
	font-style: normal;
	font-weight: 400; }
	
/* 100px wide headshot */
.right100 { 
	float:right;
	clear: right;
    margin-right: 20px;
	margin-left: 0px;
  	width: 100px;
    margin-top: 0;
    margin-bottom: 0;
    position: relative; 
	padding-bottom:0;	
}

/* sidenote */
.sidenote { 
	float:left;
    clear: right;
    width: 700px;
    margin-top: 0;
    margin-bottom: 0;
	padding-top: .5rem;
	padding-bottom: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-radius: 20px;  
	font-style: normal;
	font-weight: 400;
    vertical-align: baseline;
    position: relative;
	border: 5px solid #FAAB58;

}
	
/* sidebar */
.sidebar { 
	float:right;
    clear: right;
	position: relative;
	left: 0px;
    width: 330px;
	background-color: #F9C063;   
    margin-top: 1rem;
    margin-bottom: 1rem;
	margin-left: 1rem;
	padding-top: .5rem;
	padding-bottom: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-radius: 10px;
	vertical-align: baseline; }
	
/* inline note */
.note { 
	float:right;
    clear: right;
	position: relative;
	left: -15px;
	width: 650px;
	vertical-align: baseline;
	background-color: #F9C063;   	
    margin-top: 1rem;
    margin-bottom: 1rem;
	margin-left: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-radius: 10px; }
					
/* mobile note */
@media (max-width: 500px) {
	.note {	
	left: 25px;
	max-width: 375px;
	background-color: #f2f2f2;   	
    margin-top: 1rem;
    margin-bottom: 1rem;
	margin-left: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-color: #444A4C;
	border-style: solid;
	border-width: 1px;
	border-radius: 10px; }	
}

.captionWhite {
	font-family: "brandon-grotesque", Gill Sans, Futura, sans-serif;
	font-size: 1.1rem;
	font-kerning: auto;
	letter-spacing: 0.05rem;
	line-height: 1.3;
	font-style: normal;
	font-weight: 400;
	color: #ffffff;
	margin-left: 100px;
}

/* CSS reset from http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain) */

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
	
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block; }


.smcaption {
	font-family: brandon-grotesque, Gill Sans,Futura,sans-serif;
	font-variant: small-caps;
	font-size: 1.3rem;
	line-height: 1;
	font-weight: 500;
	color: #904D2F;
}