/* Candy Chang */



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

html {
	font-family: serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	height: 100%;
	}
  
a {
	transition: top 0.3s, color 0.8s; 
	-webkit-transition: color 0.8s;
	text-decoration: none;
	color: #444;
	cursor: pointer;
	}
  
a:hover {
	text-decoration: none;
	color: #666;
	}

body {
	margin-top: 0px;
	margin-left: 0;
	margin-right: 0;
	font-family: "georgiapro", proxima-nova, sans-serif;  
	font-size: 16px;
	line-height: 1.5;
	color: #000;
	height: 100%;
	display: flex;
	flex-direction: column;
	}
	
.content {
	flex: 1 0 auto;
	}
  
.news-item {
	padding-right: 25px;
	font-size: 13px;
	line-height: 1.6;
	}
  
.news-item a {
  color: #197dbe;
  }
  
.news-item p {
	margin-bottom: 20px;
	}

.news-title {
	font-size: 13px;
	line-height: 20px;
	font-family: "aktiv-grotesk-condensed", sans-serif;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 1;
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: left;
	}
  
.news-bold {
  font-weight: 700;
  margin-bottom: 1px;
  }
  
.news-sub {
  color: #999;
  margin-top: 2px;
  margin-bottom: 30px;
  }
  
.news-sub a {
  color: #197dbe;
  }
  
.news-sub a:hover {
  color: #000;
  }
  
.news-press-source {
  color: #999;
  margin-right: 5px;
  margin-top: 4px;
  font-size: 10px;
  }
  
.news-press {
  text-indent: -6px;
  margin-bottom: 30px;
  font-size: 13px;
  line-height: 1.6;
  }
  
h1 {
	font-size: 100px;
	line-height: 1;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "aktiv-grotesk-condensed", sans-serif;
	font-weight: 100;
	text-align: center;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	}
    
h1 a {
	color: #000;
	}
    
h2 {
	font-size: 36px;
	line-height: 1.1;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: "aktiv-grotesk-condensed", sans-serif;
	font-weight: 200;
	text-align: center;
	text-transform: uppercase;
	padding: 0;
	color: #333;
	transition: all 0.8s; 
	-webkit-transition: all 0.8s;
	}
	
h2.light {
	font-weight: 100 !important;
	padding-bottom: 5px;
	}

h3 {
	font-size: 24px;
	line-height: 1.1;
	font-family: "aktiv-grotesk-condensed", sans-serif;
	font-weight: 200;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	letter-spacing: 1px;
	transition: color 0.8s, background-color 0.8s, opacity 0.8s; 
	-webkit-transition: color 0.8s, background-color 0.8s, opacity 0.8s;
	}
	
.page h3 {
	text-align: left !important;
	margin-top: 50px !important;
	max-width: 600px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
  
h4 {
	font-size: 11px;
	line-height: 1.6;
	font-weight: 600;
	color: #AFAEAE;
	text-transform: uppercase;
	font-family: proxima-nova, sans-serif;  
	letter-spacing: 3px;
	margin-top: 5px;
	margin-bottom: 30px;
	transition: all 0.8s; 
	-webkit-transition: all 0.8s;
	text-align: center; 
	}
  
h4.single {
	font-size: 13px;	
	letter-spacing: 4px;
	margin-bottom: 30px;
	}
	
.left {
	text-align: left !important;
	margin-bottom: 10px !important;
	}
	
.article h2 a:hover, .article h4 a:hover, h1 a:hover {
	color: red;
	}

.blog-cat {
	text-transform: uppercase;
	letter-spacing: 2px;
	}
  
h5, .credits p {
	text-align: left;
	font-size: 13px !important;
	text-transform: none;
	line-height: 1.5;
	font-weight: 100;
	margin-top: 0;
	margin-bottom: 0px;
	color: #9d9d9d;
	transition: top 0.3s, color 0.8s, background-color 0.8s, opacity 0.8s; 
	-webkit-transition: color 0.8s, background-color 0.8s, opacity 0.8s;
	}
  
h5.link {
  color: #197dbe;
  }

  
p {
  margin: 0;
  padding: 0;
  }
  
.article p {
	max-width: 600px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
  
.article p {
	padding-bottom: 20px;
	font-weight: 400;
	font-size: 17px;
	line-height: 1.6;
	}
	
.border {
	border: 1px solid #E6E3E3;
	}
	
.wp-block-image {
	margin-top: 50px;
	}
  
.post p a, .article p a, .article-small p a {
	color: #000;
	border-bottom: 1px solid #dbdbdb;
	transition: all 0.8s; 
	-webkit-transition: all 0.8s;
	}
  
.article p a:hover, .article p a:hover, .article-small p a:hover {
	color: red;
	border-bottom: 1px solid red;
	}
	
.article-small {
	max-width: 600px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	}
	
.article-small h2 {
	text-align: left;
	}
	
.article-small p {
	padding-bottom: 12px;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	}
	
.outdent {
	text-indent: -6px;
	}
  
.title {
	text-align: left;
	font-size: 30px;
	line-height: 26px;
	font-weight: 500;
	margin-top: 30px;
	margin-bottom: 40px;
	color: #000;
 	}
  
.purchase {
  text-align: left;
  padding-top: 10px;
  margin-left: auto;
  margin-right: auto;
  line-height: 18px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: block;
  height: 295px;
  border-bottom: 1px solid #e5e5e5;
  }
  
  
blockquote {
  text-indent: -6px;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
  max-width: 600px;
  }
  
blockquote p {
  margin-bottom: 0px;
  font-size: 16px;
  }
  
cite {
	font-size: 13px;
	color: #666;
	width: 100%;
	max-width: 600px;
	margin-top: -10px;
	}
  
.entry {
  line-height: 24px;
  color: #333;
  margin-bottom: 20px;
  font-size: 15px;
  margin-top: 20px;
  width: 490px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
  }
  
.pad {
  margin-right: 10px;
  }

.bump {
  margin-bottom: 30px;
  }

.push {
  margin-top: 20px;
  }  

.desaturate { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  }
  
  
.cat {
	color: #999999;
	text-align: center;
	float: left;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	width: 150px;
	height: 25px;
	}
  
cat a {
	color: #999999;
	}

.cat a:hover {
	color: #000;
	}
  

  
/*---------- NAVIGATION & LOGO ------------*/

.nav {
	padding-bottom: 75px;
	margin-top: 40px;
  	}

.nav-bar {
	font-size: 12px;
	display: table;
	color: #666;
	margin-top: 10px;
	font-weight: 600;
	transition: top 0.3s, color 0.8s, background-color 0.8s, opacity 0.8s; 
	-webkit-transition: color 0.8s, background-color 0.8s, opacity 0.8s; 
	margin-left: auto;
	margin-right: auto;
	font-family: proxima-nova, sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
	position: relative;
	}
  
.logo {
	width: 220px;
	transition: all 0.8s; 
	-webkit-transition: all 0.8s;
	margin-left: auto;
	margin-right: auto;
	}
  
.nav-foot {
	font-size: 12px;
	color: #000;
	text-align: left;
	font-weight: 500;
	transition: all 0.8s; 
	-webkit-transition: all 0.8s; 
	}
  
.nav-bar a {
	color: #000;
	}
	
.nav-item {
	position: relative;
	float: left;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px;
	margin-right: 5px;
	}
	
.nav-item:after { 
	background-image: url(images/underline.png);
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.0;
	background-repeat: no-repeat;
	background-position-y: bottom; 
	transition: all 0.8s; 
	-webkit-transition: all 0.8s;      
	}
	
.nav-item:hover:after { 
	background-image: url(images/underline.png);
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1.0;
	background-repeat: no-repeat;
	background-position-y: bottom;
	}
  
.current:after { 
	background-image: url(images/underline.png);
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1.0;
	background-repeat: no-repeat;
	background-position-y: bottom;
	}

figcaption, .wp-caption-text, p.wp-caption-text {
	font-size: 12px !important;
	margin-top: 0 !important;
	color: #888;
	text-align: left !important;
	max-width: 100% !important;
	}
	
figcaption {
	margin-top: 2px !important;
	}
	
.post figure {
	margin-bottom: 30px;
	}
	
.wp-video {
	margin-bottom: 30px;
	}
	
.wp-block-gallery {
	margin-top: 50px;
	}
	
.bump-up {
	margin-top: -25px;
	}
  


/* --------- HOME ----------- */

.home-blurb {
	width: 100%;
	max-width: 480px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	}
	
.big-img {
	margin-bottom: 50px;
	}
	
.painting {
	margin-bottom: 50px;
	display: table;
	max-width: 960px;
	width: 100%;
	text-align: center;
	}
	
.painting img {
	max-height: 700px !important;
	height: 100% !important;
	width: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
	}
  
  
  
/* --------- FEATURES ----------- */

.feature img {
  margin-bottom: 8px;
  }
  
.feature p {
  font-size: 14px;
  line-height: 18px;
  margin-top: 7px;
	transition: color 0.8s; 
	-webkit-transition: color 0.8s;
  }
  
.feature:hover h5 {
  color: #000;
  }

.list {
  border-bottom: 1px solid #e5e5e5;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  }
  
.feature:hover h2, .feature:hover .more, .feature:hover p {
  color: #197dbe;
  }
  
.more {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  color: #999;
	transition: color 0.8s; 
	-webkit-transition: color 0.8s;
	padding-top: 3px;
  }
  
.quote {
  text-indent: -4px;
  }
  
.line {
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
  display: block;
  }
  
.block {
  display: block;
  }
  
.rule {
  border-top: 1px solid #e5e5e5;
  margin-top: 20px;
  margin-bottom: 20px;
  }

.rule-more {
  border-bottom: 1px solid #e5e5e5;
  margin-top: -12px;
  margin-bottom: 20px;
  padding-bottom: 7px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  }
  
.rule-more a:hover {
  color: #197dbe;
  }




/*---------- GRID ------------*/
	
.footer {
  	flex-shrink: 0;
  	width: 90%;
  	padding-bottom: 5px;
  	max-width: 960px;
  	margin-left: auto;
  	margin-right: auto;
  	position: relative;
	}
	
.footer h4 {
	margin-bottom: 0 !important;
	}

.footer h6 {
	margin-top: 0;
	}
	
.flex-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	}
	
.grid-one {
	max-width: 460px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 50px;
	}

.grid-two {	
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 15px;
	}
	
.grid-three {	
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 25px;
	}
	
.grid-item {
	width: 100%;
	max-width: 460px;
	text-align: center;
	margin-top: 25px;
	}
	
.grid-item:hover h3, .grid-item:hover h2, .grid-one:hover h3, .small-work:hover h3 {
	color: red !important;
	}

.col-md-1, .col-md-3 {
	position: relative;
	min-height: 1px;
	}
  
.col-md-2 {
	position: relative;
	min-height: 1px;
	}

.col-md-1, .col-md-2, .col-md-3 {
	float: left;
	}

.col-md-3 {
	width: 100%;
	}

.col-md-2 {
	width: 66.6666%;
	}

.col-md-1 {
	width: 33.3333%;
	}
	

	
.col-md-1:first-of-type {
	padding-right: 30px;
	}
	
.col-md-1:last-of-type {
	padding-left: 30px;
	}
	
h6 {
	font-size: 11px;
	font-weight: 400;
	margin-bottom: 2px;
	}
	
	
.news-item h6 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 9px;
	color: #777;
	padding-top: 3px;
	}
	

 
 .press-pad {
	margin-left: 20px; 
	}
	
.work {
	margin-bottom: 80px;
	font-size: 14px;
	transition: top 0.3s, color 0.8s, background-color 0.8s, opacity 0.8s; 
	-webkit-transition: color 0.8s, background-color 0.8s, opacity 0.8s; 
	}
	
.work:hover .work-info h2, .small-work:hover h2 {
  color: red;
	}
  
.work-text {
	 display: block;
	 padding-bottom: 20px;
	 -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}
  
.work img {
	margin-bottom: 5px;
	width: 100%;
	height: auto;
	}

.archive {
	border-top: 1px solid #EDEDED;
	display: table;
	padding-top: 10px;
	margin-top: 30px;
	width: 100%;
	}

.small-work {
	font-size: 13px;
	text-align: center;
	}  
	
.small-work h3 {
	font-size: 16px;
	margin-bottom: 3px;
	width: 80%;
	line-height: 1.1;
	margin-left: auto;
	margin-right: auto;
	}
	
.small-work h4 {
	font-size: 10px;
	letter-spacing: 2px;
	}
	
.small-work img {
	width: 50% !important;
	}






/*---------- NOTEBOOK ------------*/


.post {
	max-width: 860px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	}
	
.post h1 {
	font-size: 48px;
	line-height: 1;
	margin-top: 0px;
	margin-bottom: 20px;
	font-family: "aktiv-grotesk-condensed", sans-serif;
	font-weight: 100;
	text-align: center;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	margin-bottom: -20px;
	}
	
.post img {
	max-width: 860px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}
	
.post p {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	}
	
.post h4 {
	margin-bottom: 5px;
	}
	
.post h4 a {
	color: #A5A5A5;
	}
	

  
  
/*---------- SINGLE ------------*/

  

.broadcast-file {
  border-top: 1px solid #e5e5e5;
  padding-top: 8px;
  padding-bottom: 3px;
  margin-top: 10px;
  }
  
.caption {
  font-size: 11px;
  line-height: 15px !important;
  font-weight: normal;
  font-style: italic;
  margin: 0px;
  padding: 0;
  color: #666;
  }
  
.caption p {
  font-size: 11px;
  line-height: 15px !important;
  font-weight: normal;
  font-style: italic;
  margin: 0px;
  padding: 0;
  color: #666;
  }
  
.bio-cap {
  padding-top: 5px;
  margin-right: 255px;
  float: left;
  color: #999;
  }






/*---------- SOCIAL ------------*/

.icon {
  float: right;
  margin-top: -7px;
	transition: color 0.8s; 
	-webkit-transition: color 0.8s;
  }

.fa-inverse {
  color: #000 !important;
	transition: top 0.3s, color 0.8s, background-color 0.8s, opacity 0.8s; 
	-webkit-transition: color 0.8s, background-color 0.8s, opacity 0.8s, left 0.3s;
  }
  
.icon:hover .fa-inverse {
  color: #666 !important;
  }




/*---------- INFORMATION ------------*/


.caps {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 16px;
  color: #111;
  }
  
.scene .caps {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  color: #000;
  text-align: left;
  }
  
.scene p {
  font-size: 15px;
  line-height: 22px;
  padding-top: 10px;
  text-align: left;
  }
  
.scene {
  font-size: 15px;
  line-height: 22px;
  padding-top: 10px;
  margin-bottom: 100px;
  text-align: left;
  }
  
.scene .frank {
  font-size: 14px;
  }



.blurb {
  text-indent: -6px;
  line-height: 26px;
  text-align: justify;
  color: #333;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
  }
  
.inventory {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 50px;
  }
  
.inventory a {
  padding-right: 15px;
  color: #333;
  }
  
.inventory a:hover {
  color: #197dbe;
  }

li { 
  line-height: 18px;
  }








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

.footer {
	font-size: 12px;
	color: #999999;
	text-align: left;
	font-weight: 100;
	margin-top: 50px;
	transition: top 0.3s, color 0.8s, background-color 0.8s, opacity 0.8s; 
	-webkit-transition: color 0.8s, background-color 0.8s, opacity 0.8s; 
	}
  
.foot-1 {
	width: 50%;
	float: left;
	}
	
.foot-2 {
	width: 40%;
	float: right;
	}
  
.footer a:hover {
  color: #197dbe;
	}
  
.foot {
  margin-top: 80px;
  padding-top: 10px;
  }
  
.foot-float {
  float: left;
  }
  
.foot-float a:hover {
  color: #197dbe;
  }
  
.no-rule {
  border-bottom: none !important;
  }

.subnav {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  }

.alignleft {
  float: left;
  }
  
.alignright {
  float: right;
  }

  


	


/* --------- SEARCH  ----------- */

button {
	display: block;
	background: #6F6F6F;
	border: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	color: #fff !important;
	margin-left: auto !important;
	margin-right: auto !important;
	letter-spacing: 2px;
	font-weight: 600 !important;
	margin-top: 15px !important;
	transition: all 0.8s; 
	-webkit-transition: all 0.8s;
	}
	
button a {
	color: #fff !important;
}
	
button:hover {
	background: red;
	}

#search input.textfield.placeholder {
  color: #999
  }

#search input.textfield.placeholder:focus {
  color: #333
  }

#search button {
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  cursor: pointer;
  top: 1px;
  right: 1px;
  display: block;
  width: 20px;
  height: 20px;
  font-size: 0;
  line-height: 0;
  background: 0 0;
  border: 0;
  text-indent: 100%
  }

    

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
  }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
  }
  
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}

mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  border-top: 1px solid #fbfbfb;
  margin-top: 30px;
  margin-bottom: 30px;
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}



button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}



* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input img {
  margin-left: 0;
  display: block;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}

.col-md-5 img {
	width: 100%;
	height: auto;
	}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}




small,
.small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul { 
  margin-bottom: 30px;
  margin-top: 10px;
  font-size: 13px;
  line-height: 18px;
  padding-left: 20px;
  }
  
li {
  padding-bottom: 7px;
  text-align: left;
  }
  
li a {
  color: #999;
  text-decoration: underline;
  }
  
li a:hover {
  color: #666;
  }
  

  

  
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}



.container {
  padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 90%;
	max-width: 960px;
	}

.row {
	margin-right: -10px;
	margin-left: -10px;
	}
	
.container img {
	width: 100%;
	height: auto;
	}


  .columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
		-moz-column-gap: 40px; /* Firefox */
		column-gap: 40px;
		padding: 0 !important;
		}



table {
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}


legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}

input[type="search"] {
  -webkit-appearance: none;
}

.tracklist {
  font-size: 15px;
}

ol.tracklist {
  margin-left: -10px !important;
}


input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}



[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  filter: alpha(opacity=0);
  opacity: 0;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

p.caption {
  position: absolute;
  bottom: 5px;
  background-color: rgba(255, 255, 255, .9);
  color: #666;
  padding: 5px;
  margin-left: 5px;
  font-size: 10px;
  }


.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
  
.pull-right {
  float: right !important;
  color: #999999;
  }

  
.pull-left {
  float: left !important;
  text-align: left;
  }
  
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
  }



/*---------- BIOGRAPHY ------------*/


.cv {
  font-size: 13px;
  line-height: 1.4;
  width: 40%;
  float: left;
  }
  
.cv p {
  margin-bottom: 20px;
  }
  
.cv a, .press_clips a {
  color: #197dbe !important;
  }
  
.talks {
  font-size: 13px;
  line-height: 1.4;
  width: 40%;
  float: right;
  }
  
.talks p {
  margin-bottom: 10px;
  }
  
.press_clips {
  font-size: 13px;
  line-height: 1.6;
  width: 50%;
  padding-bottom: 20px;
  padding-top: 20px;
  }
  
.press_clips p {
  margin-bottom: 20px;
  }

.small p {
	font-size: 13px;
	margin-bottom: 10px;
	}

.info {
  margin-top: 30px;
  font-size: 13px;
  color: #666;
  padding-right: 0 !important;
  }
  
.info a {
  display: block;
  color: #197dbe !important;
  }
  
.info a:hover {
  display: block;
  color: #000 !important;
  }
  
.info-meta {
  color: #999;
  }
  
.info-meta p {
  padding-bottom: 10px;
  }
  
.info-meta p em {
  font-style: normal;
  }
  
.info-meta ul {
  margin-left: 0px;
  padding-left: 0;
  margin-bottom: 5px;
  color: #999;
  }
  
.info-meta ul li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  padding-bottom: 2px;
  }
  
#newsletter {
  color: #999;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: -3px;
  margin-bottom: 0px;
  }
  
#newsletter p {
  padding-top: 0px;
  margin-top: 0;
  padding-bottom: 5px;
  }
  
.field {
  margin-bottom: 5px;
  font-size: 11px;
  padding-left: 5px;
  }

  
.cv ul {
  list-style-image: none;
  list-style: none;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  margin-top: 0;
  padding-top: 0;
  font-size: 13px;
  }

.cv ul li {
  list-style-image: none;
  list-style: none;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  line-height: 16px;
  }
  
.clips {
	width: 30% !important;
	}
  
  
.clips ul {
  list-style-image: none;
  list-style: none;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  margin-top: 0;
  padding-top: 0;
  font-size: 13px;
  }

.clips ul li {
  list-style-image: none;
  list-style: none;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  padding-bottom: 12px;
  padding-top: 3px;
  }
  
.clips ul li {
  color: #999;
	transition: top 0.3s, color 0.8s, background-color 0.8s, opacity 0.8s; 
	-webkit-transition: color 0.8s, background-color 0.8s, opacity 0.8s; 
  }

.clips ul li a:hover {
  color: #999;
  }
  
.clips ul li a:hover {
  color: #000;
  }

.cats {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	width: 86%;
	display: inline-block;
	}
	
.cats a:after {
	content: "\2022";
	margin-left: 10px;
	color: #bababa;
	}
	
.cats a {
	margin-left: 10px;
	font-weight: 600;
	color: #898888;
	}
	
.cats a:last-of-type:after {
	content: "";
	}
	
.cats a:hover {
	color: red;
	}
	
h3.no {
	margin-top: 0 !important;
	}
	
.post-single {
	margin-bottom: 40px !important;
	}



/*----------------------- 
      PAGINATION
------------------------*/

.meta {
	font-size: 12px;
	max-width: 960px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	margin-top: 40px;
	}

.prev-next {
	width: 100%;
	display: table;
	border-top: 1px solid rgba(0,0,0,0.1);
	padding-top: 8px;
	}
	
.arrows {
	width: 100%;
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	margin-top: 50px;
	}
	
.previous-post {
	text-align: right;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 600;
	float: left;
	}
	
.previous-post:before {
    content: "";
    width: 15px;
    height: 14px;
    float: left;	
    background-image: url(images/arrow-l.png);	
	background-position: left center !important;
	background-repeat: no-repeat !important;
	background-size: 7px 14px !important;
	opacity: 0.2;
	transition: all 0.8s; 
	-webkit-transition: all 0.8s;
	margin-top: 2px;
	}

.next-post {
	text-align: left;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 600;
	float: right;
	}
	
.next-post:before {
    content: "";
    width: 15px;
    height: 14px;
    float: right;
	background-image: url(images/arrow-r.png);
	background-position: right center !important;
	background-repeat: no-repeat !important;
	background-size: 7px 14px !important;
	opacity: 0.2;
	transition: all 0.8s; 
	-webkit-transition: all 0.8s;
	margin-top: 2px;
	}

.previous-post:hover:before, .next-post:hover:before {
	opacity: 1;
	}



/*---------- BIOGRAPHY ------------*/

.press-item {
	margin-bottom: 30px;
	font-size: 15px;
	line-height: 1.6;
	text-indent: -6px;
	padding-right: 50px;
	}
  
.news-press-source {
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  padding-left: 120px;
  }

iframe {
	max-width: 960px !important;
	width: 100%;
	}

 

/*---------- TELEPHONE ------------*/

@media (max-width: 767px) {
	
	iframe {
		width: 100%;
		height: 300px;
		}

	.container {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		}
    
	.article {
		padding-left: 0px;
		padding-right: 10px;
		margin-top: 10px;
		text-align: left;
		}
		
	body {
		margin: 0;
		padding: 0;
		}
      
	.grid-two, .grid-three {	
		display: table;
		margin-left: auto;
		margin-right: auto;
		}
		
	.grid-item {
		width: 100%;
		max-width: 500px;
		text-align: center;
		margin-top: 25px;
		}
		
	.cats {
		display: none;
		}
		
	.nav-bar {
		font-size: 11px;
		letter-spacing: 2px;
		text-align: center;
		float: none;
		}
	
	.nav-item {
		padding-left: 4px;
		padding-right: 4px;
		display: block;
		float: none;
		}
		
	.big-img {
		margin-bottom: 20px;
		}
		
	h1 {
		font-size: 36px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		}
    
	.footer {
		font-size: 12px;
		letter-spacing: .5px;
		text-align: center;
		font-weight: 100;
		margin-top: 25px;
		transition: top 0.3s, color 0.8s, background-color 0.8s, opacity 0.8s; 
		-webkit-transition: color 0.8s, background-color 0.8s, opacity 0.8s; 
		border-top: none;
		}
    
  .feature {
    height: 250px;
    }

  .nav {
  	padding-bottom: 30px;
    margin-top: 10px;
    }
    
  .logo, .logo img {
	  width: 120px !important;
	  height: auto !important;
	  border: none !important;
	  padding-top: 5px;
		}
	
	.prev-arrow {
	position: absolute;
	top: 35%;
	left: -10%;
	width: 12px;
	height: 18px;	
	}

.next-arrow {
	position: absolute;
	top: 35%;
	right: -10%;
	width: 12px;
	height: 18px;	
	}
    
  #search {
    display: none;
    }
  
  #search-text {
    display: none;
    }
    
  
  

  .purchase {
    width: 320px;
    padding-left: 10px;
    padding-right: 10px;
    }
  	
  .article img {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 10px;
    width: 290px;
    height: auto;
    }
    
  .columns, .three-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
		-moz-column-gap: 40px; /* Firefox */
		column-gap: 40px;
		font-size: 14px;
		line-height: 1.5;
		}
    
  .col-md-1 {
    width: 100%;
    padding: 0 !important;
  }
  
  .col-md-2 {
    width: 100%;
  }
  
  .col-md-3 {
    width: 100%;
  }

	.cv, .talks, .post {
		float: none;
		width: 100%;
		margin-bottom: 30px;
		}
	
	.press_clips {
		width: 100%;
		float: none;
		}
 	
 	
 	.small-work {
	 	width: 100%;
	 	}
 	
 	 .small-work:nth-child(even), .small-work:nth-child(odd) {
	float: none;
	}

} 


@media (min-width: 768px) {


        
  .purchase {
    width: 660px;
    }
  
  #search {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-top: 0px;
    width: 250px;
    text-align: left;
    }
  
  #search form {
    position: relative;
    width: 100%;
    background: #f4f4f4;
    border: 0px solid #343434;
    height: 20px;
    transition: top 0.3s, color 0.8s, background-color 0.8s, opacity 0.8s; 
  	-webkit-transition: color 0.8s, background-color 0.8s, opacity 0.8s, left 0.3s;
    padding: 0 !important;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    }
  
  #search form:hover {
    border: 0px solid #343434;
    background: #f4f4f4;
    }
  
  #search input.textfield {
    outline: 0;
    width: 100%;
    margin: 0 !important;
    padding-bottom: 4px !important;
    font-size: 10px;
    padding-top: 5px;
    color: #999;
    border: 0;
    background: 0 0;
    text-align: left;
    height: 20px;
    }

  }


@media (min-width: 769px) {

  .container {
    max-width: 960px;
    width: 90%;
    }

  #search form {
    position: relative;
    border: 0px solid #343434;
    height: 20px;
    transition: top 0.3s, color 0.8s, background-color 0.8s, opacity 0.8s; 
  	-webkit-transition: color 0.8s, background-color 0.8s, opacity 0.8s, left 0.3s;
    padding-left: 4px !important;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    text-transform: lowercase;
    }
  
  #search form:hover {
    border: 0px solid #343434;
    background: #f4f4f4;
    }
  
  #search input.textfield {
    outline: 0;
    width: 100%;
    margin: 0 !important;
    padding-bottom: 4px !important;
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 3px;
    color: #999;
    letter-spacing: 2px;
    border: 0;
    background: 0 0;
    text-align: left;
    height: 20px;
    }
    
  .center {
    text-align: center;
    }
  }  



  
.mejs-container {
  margin-bottom: 10px;
  margin-top: 30px;
  }

.article-nav {
	font-size: 13px;
	color: #000;
	margin-top: 20px;
	margin-bottom: 100px;
	font-weight: 700;
	text-align: center;
	padding-top: 15px;
	border-top: 1px solid #EDEDED;
	}
  
.article-nav a {
	color: #000; 
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: 600;
	}

.article-nav a:hover {
  color: #197dbe;
  }
  
.art-nav-l {
  width: 40%;
  text-align: left;
  }

.art-nav-r {
  width: 60%;
  text-align: right;
  }
  
.social {
  width: 94px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  }
  
.share-count {
  background: none !important; 
  font-size: 8px !important;
  color: #e5e5e5 !important;
  }

.sd-social-icon .sd-content ul li[class*=share-] a {
  padding: 6px !important;
  }

.sd-content ul li a.sd-button::before {
  font-size: 12px !important;
  color: #999 !important;
  transition: top 0.3s, color 0.8s, background-color 0.8s, opacity 0.8s; 
  -webkit-transition: color 0.8s, background-color 0.8s, opacity 0.8s, left 0.3s;
  }
  
.sd-content ul li:hover a.sd-button::before {
  font-size: 12px !important;
  color: #fff !important;
  }
    
.sd-social-icon .sd-content ul li[class*=share-].share-facebook a.sd-button, .sd-social-icon .sd-content ul li[class*=share-].share-tumblr a.sd-button, .sd-social-icon .sd-content ul li[class*=share-].share-twitter a.sd-button {
  background-color: rgba(255,255,255,0.2) !important;
  transition: top 0.3s, color 0.8s, background-color 0.8s, opacity 0.8s; 
  -webkit-transition: color 0.8s, background-color 0.8s, opacity 0.8s, left 0.3s;
  }
  
  
.sd-social-icon .sd-content ul li[class*=share-].share-facebook a.sd-button:hover, .sd-social-icon .sd-content ul li[class*=share-].share-tumblr a.sd-button:hover, .sd-social-icon .sd-content ul li[class*=share-].share-twitter a.sd-button:hover {
  background-color: #333 !important;
  color: #ffffff !important;
  }
  
.photo-row {
	margin-top: 50px;
	}
	
 .video-row {
	 margin-bottom: 0px;
	 margin-top: 50px;
	 }
	 
 .video-row-alt {
	 margin-bottom: -40px;
	 margin-top: 50px;
	 }
	 

	
  
.text-row {
  margin-top: 50px;
  color: #666;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
  }
  
.text-row p {
  margin-bottom: 20px;
  }