/**
 * Theme Name: hush
 * Theme URI: http://hushstudios.com/
 * Description: The simplest things are often the truest.
 * Author: Swell
 * @package WordPress
 * @subpackage Hush Studios
 * @since HUSH 1.0
 */

/* 
	-- from typekit -- 
	font-family: "adobe-caslon-pro",serif;
	font-family: "alternate-gothic-no-2-d",sans-serif;
	font-family: "alternate-gothic-no-3-d",sans-serif;
	- - - - - - - - - - 
*/
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* 
Eric Meyer's "Reset CSS" 2.0 
http://meyerweb.com/eric/tools/css/reset/
*/
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,img,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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Isotope Filtering */
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

html,body { width:100%; height: 100%; }
img, object, embed, iframe{ max-width:100%;  border:none; display:block; position:relative;}
img{ height:auto; }
a{ 	text-decoration:none; color:#000; 
    border:none; outline:none; 
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; 
}
a:hover{}
a:active{}
a:visited{}
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Header */
header[role="masthead"]{ 
	position:fixed;
	padding-top: 20px;
	padding-bottom:20px;
	left:0;
	width:100%;
	z-index:9999;
	background:#FFF;
	height:auto;
}

.logged-in header[role="masthead"]{
	width:100%;
}

header[role="masthead"] h1{
	background:url(_/img/hush-site-logo-fixed.jpg) no-repeat 0 0;
	text-indent:-9999px;
	z-index:9999;
	width:37px;
	height:37px;
	top:0;
	left:22px;
	margin-right:56px;
	float:left;
	position:relative;
}
header[role="masthead"] a{
	color:#000;
}

header[role="masthead"] h1 a{
	display:block;
	width:100%;
	height:100%;
}
header[role="masthead"] a:hover, header[role="masthead"] .current-menu-item  a{
	text-decoration:none;
}

header[role="masthead"] nav ul { 
	position:relative;
	top:23px;
}

header[role="masthead"] nav ul li{
	display:inline-block;
	margin-right:30px;
	font-family: "adobe-caslon-pro",serif;
	font-size:9px;
	text-transform:uppercase;
	zoom: 1;
	*display:inline;
}
header[role="masthead"] nav ul li:hover, header[role="masthead"] nav ul li.current-menu-item,  header[role="masthead"] nav ul li.current_page_parent{
	border-bottom:1px solid #000;
}
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* main website container */
#_hush_{  
	position:relative;
	top:75px;
	width:97%;
	height:auto;
	margin-left:20px;
	padding-bottom:40px;
	float:left;
	overflow:visible !important;
}
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* the isotope clasname */
.hushotope {
  width: 157px;
 /* height: 110px; */
  margin: 2.5px;
  float: left;
  overflow: hidden;
  position: relative;
  color: #222;
/*  box-shadow:0 4px 12px #DDD; */
}

.entry-content iframe { width:100%; }

.hushotope .rollover { width:100%; height:100%; background:#FFF; position:absolute; top:0; left:0; z-index:999; opacity:0; }
.hushotope:hover .rollover { opacity:0.5; }
.hushotope.detail{ background:#FFF; }

.single .hushotope .rollover { display:none; }

/* column widths */
.col-1 { width: 157px; }
.col-2 { width: 319px; /* height:225px; */ 	}
.col-3 { width: 481px; /* height:340px; */  }
.col-4 { width: 643px; /* height:455px; */	}
.col-5 { width: 805px; /* height:570px; */	}


.entry-content{ font-family: "adobe-caslon-pro",serif; }
.entry-content h2 { font-variant:small-caps;  font-size: 32px; line-height:35px;  padding:5px 0; }
.entry-content h3 { font-size:24px; font-style:italic; line-height:26px; margin:0 0 15px 0; }
.entry-content h4 { font-size:22px; line-height:24px; margin:0 0 15px 0; }
.entry-content h5 { font-size:20px; line-height:22px; margin:0 0 15px 0; }
.entry-content h6 { font-size:18px; line-height:20px; margin:0 0 15px 0; }
.entry-content p {  font-size:15px; line-height:18px; margin-bottom: 15px; }
.single .entry-content p a:hover { text-decoration:underline; }
.entry-content blockquote p{ line-height: 25px; font-size: 25px; letter-spacing: 0; font-weight: normal; text-transform: uppercase; font-family: "alternate-gothic-no-2-d", "alternate-gothic-no-3-d", sans-serif;  }

.called_out{
	background:#000;
	line-height:28px;
	font-size:28px;
	letter-spacing:0;
	font-weight:normal;
	text-transform:uppercase;
	font-family: "alternate-gothic-no-2-d", "alternate-gothic-no-3-d", sans-serif;
	color:#a0a0a0;
} 


/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.home .entry-content{ height:100%; overflow:hidden; }
.home ._works .entry-content { height:auto;  }
._events, ._recognitions{ font-family: "alternate-gothic-no-2-d", "alternate-gothic-no-3-d", sans-serif; }
._works .spaced { height:9px; background:#000; width:100%; }


/* post styles */
.post, ._careers, ._inspirations, .team{ font-family: "adobe-caslon-pro",serif; font-size:13px; line-height: 15px; overflow:hidden; }
._careers .entry-content,  {padding:26px 22px; }

 ._inspirations .entry-content, .team .entry-content { padding:20px; }
 
._careers.called_out .entry-content, ._careers.called_out .textwidget {  font-family: "alternate-gothic-no-2-d", "alternate-gothic-no-3-d", sans-serif; padding:20px; background:#000;}
 ._careers.called_out .textwidget { font-size:28px; line-height:28px; }
 ._careers.called_out .textwidget em{ color:#FFF;}
#text-7{ background:#000; color:#A0A0A0; }
#text-7 p { margin-bottom:10px; } 
#text-7 em{ color:#FFF; }

._careers.called_out .entry-content p { font-size:23px; line-height:23px; padding:0; margin-bottom:0; }
._careers.called_out .entry-content h2 { padding:0 !important; font-size:25px; line-height:27px; color:#FFF; }
.home ._inspirations { background: #EEE; } 
.home ._inspirations .entry-content{ font-family: "alternate-gothic-no-2-d", "alternate-gothic-no-3-d", sans-serif; font-size:12px; line-height:14px; text-transform:uppercase; color:#444445;}
.home ._inspirations .entry-content h2 { padding:0!important; }
.home ._inspirations a:hover{ text-decoration:underline; }
.home .post .entry-content p, .blog .post .entry-content p{ padding:0 10px 10px; font-size:14px; line-height:16px; margin-bottom:20px; }
.home .post h2, .blog .post h2,
._careers h2, 
._inspirations h2{ font-size:16px; line-height: 17px; font-weight:normal; margin-bottom:10px; font-variant:small-caps;}
 ._inspirations h2 { margin-bottom:0; margin-top:5px;  }
.post h2 { padding:3px 10px 0 10px;}
.post._careers h2 { padding:0; }
.post._careers.called_out .entry-content { padding:20px; }
.post._careers .entry-content { padding:10px 10px 0 10px; }
.post._careers .entry-content p { font-size:14px; line-height:16px; } 
.post._careers.called_out .entry-content p {font-size:28px; line-height:28px; }

.post span.date, ._careers span.date, ._inspirations span.date{ font-size: 48px; position: relative; display: block; top:-2px; line-height:30px; text-align:center; font-style:italic; margin-bottom:13px;}
.post .entry-image{ margin-bottom:10px; }
.team .entry-content h2 { font-size:28px; line-height:30px; padding:0; }
.team .entry-content h3 { font-size:20px; line-height:22px; margin-bottom:10px;}

/* event styles */
._events .entry-content { padding:12px 0 18px 0;  }
._events .entry-content h2 { padding-top:14px; }
._events span { color:#FFF; font-family: "adobe-caslon-pro",serif; font-size:18px; line-height:18px; width:100%; display:block; padding-left:12px; font-variant:small-caps;}
._events span:first-child{ padding-top:12px; }

/* copy box for homepage */
.hush-homepage-quote .textwidget { padding:26px 22px; }
.hush-homepage-quote em { color:#FFF; }
.hush-homepage-quote p:first-child{ margin-bottom:10px;}

/* recognitions content boxes */
.home ._recognitions .entry-content, .blog ._recognitions .entry-content { padding:26px 22px; text-transform:uppercase; font-size:28px; line-height:28px;  font-family: "alternate-gothic-no-2-d", "alternate-gothic-no-3-d", sans-serif;}
.home ._recognitions .entry-content em, .blog ._recognitions .entry-content em{ color:#FFF; font-style:normal; width:100%; float:left; clear:both;}

/* end homepage stuff */
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* begin work detail page */
._works.work_landing{ font-family: "adobe-caslon-pro",serif; color:#FFF; font-size:11px; overflow:hidden; }
._works.work_landing a{ color:#FFF; }
._works.work_landing .entry-content {  padding:12px; height:100%; }
._works.work_landing h2{ font-variant:small-caps; font-size:32px; line-height:32px; font-weight:normal; }
._works.work_landing.experiment h2 { font-family: "alternate-gothic-no-3-d",sans-serif; font-size: 22px; line-height: 24px;text-transform: uppercase; margin-bottom: 0;padding: 0;}
._works.work_landing h3{ font-size:24px; font-weight:normal; font-style:italic; margin-bottom:5px;}
._works.work_landing p { 	font-family: "alternate-gothic-no-3-d",sans-serif;font-size:17px; line-height:19px;font-weight:normal; }

.entry-content._works { background:#FFF; padding:0 12px; }

/* work experiments */
.experiment .textwidget { padding:20px; }
.experiment em { color:#FFF; }
.experiment p:first-child{ margin-bottom:10px;}



/* the about page */
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.hushotope .introblurb { 	font-family: "alternate-gothic-no-3-d",sans-serif; padding:10px 20px 10px 0; text-transform:uppercase; font-size:32px;  color:#000; background:#FFF;  }
.hushotope .introblurb em{ color:#808285; }
.about.first { padding-top:10px;}
.capabilities{ padding:26px 0;}
.capabilities h4{ color:#FFF; padding:0 22px; font-size:30px;}
.capabilities .textwidget { padding:0 22px; margin-top:10px;}
.about.team{ background:#d00208; font-size:30px; line-height:30px; font-family: "alternate-gothic-no-2-d", "alternate-gothic-no-3-d", sans-serif;}
.about.team a { color:#FFF; display:block; width:100%; height:100%; padding:26px 22px;   }
.about.team a em { color:#000; }
.about .entry-content{ padding:0 20px; }
.client img { margin:0 auto; }
.client { text-align:center; background:#FFF; }


/* the careers page */
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
._careers.hushotope{
	background:#FFF;
}

._careers.hushotope .called_out  .entry-content{
	font-family: "alternate-gothic-no-2-d",sans-serif;
}

._careers.detail .entry-content h3{
	font-variant:small-caps; 
	font-size:18px; 
	line-height:20px;
	margin-bottom:5px;
}

._careers.detail .entry-content p{
	margin-bottom:10px;
	width:96%;
}

._careers.hushotope .called_out h2{
	font-size:25px;
	line-height:27px;
	color:#FFF;
	padding:0;
}

._careers.hushotope .called_out p{
	font-size:25px; 
	line-height:25px;
	margin-bottom: 0;
}


._careers.detail .entry-content {
	color:#000;
	padding:20px;
}




/* the contact page */
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.vcard { padding:12px; }

a.url:hover { color:#666; }
.home-office {   padding:20px 0 10px 0; height:264px;}
.home-office .vcard { padding:0 15px }
.home-office a.url:hover{ text-decoration:none; color:#ccc; }
.home-office h4{ color:#FFF; margin-bottom:10px;}
.home-office ul{ margin-bottom:10px; }
.home-office .nickname { color:#FFF; }
.home-office a{ color:#dedede; }

.representation { background:#FFF;	font-family: "adobe-caslon-pro",serif; }
.representation h2 { font-size:32px; line-height:32px; margin-top:2px; font-variant: small-caps; font-style:italic; margin-bottom: 10px; }
.representation h4 { font-size: 16px; line-height: 18px; font-variant: small-caps; margin-bottom: 10px;}
.representation ul { margin-bottom:15px; font-size:11px; line-height:13px; }
.representation ul li { margin-bottom:5px; }
.representation a { color:#000; }

#the-map{ height:294px;} 

/* inspiration page */
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.inspiration{ background:#000; color:#a0a0a0; padding-bottom:20px; }
.inspiration h4{ color:#FFF; padding:20px 0 0 20px; }
.inspiration .textwidget { padding:0 20px; } 


/* hide the pagination row */
.pagination{ display:none; }

/* footer */

footer { 
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 3px 0 2px 25px;
	background: white;
	z-index: 9999;
	zoom: 1;
	_height:50px;
}

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

footer nav  { position: relative; }
footer nav ul li{
	display:inline-block;
	margin-right:25px;
	font-family: "adobe-caslon-pro",serif;
	font-size:12px;
	zoom: 1;
	*display:inline;
}

footer li.copyright{
	left:396px;
	top:4px;
	position:absolute;
}

footer .socials {
	position:absolute;
	left:740px;
	top:-4px;
	*top:0;
	*left:0;
	*position:relative;
	*width:100px; 
	*float:right;
}
footer .socials li { text-indent:-9999px; background:url(_/img/socials.png) no-repeat 0 0;  margin-right:0px;width:13px; height:13px;  *border:1px solid #FFF; }
footer .socials li.facebook { background-position: 4px 0; }
footer .socials li.twitter{ background-position: -15px 0; }
footer .socials li.pinterest{ background-position: -34px 0; }
footer .socials li.tumblr{ background-position: -52px 0; }
footer .socials li a { display:block; width:100%; height:100%; }
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


@media only screen and (max-width: 800px) {
	.col-1, .col-2, .col-3, .col-4, .col-5  { width: 90%; margin: 0 auto 10px auto; }

	/* adjustments for video content */
	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 0;
		height: 0;
	}
	.videoWrapper iframe,
	.videoWrapper object,
	.videoWrapper embed  {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

/* Iphone css adjustments */
@media only screen and  (max-width: 480px){
	#_hush_{ width:90%; padding-bottom: 40px; margin-left:15px;}
	.col-1, .col-2, .col-3, .col-4, .col-5  { width: 100%; margin: 0 auto 10px auto; }
	header[role="masthead"] h1 { left:15px; }
	header[role="masthead"] nav { float:left; width:240px;}
	header[role="masthead"] nav ul{  position:relative; float:left; margin-top:9px; top:0 !important;	}
	header[role="masthead"] nav ul li { width:72px; margin:6px 0 0 0; float:left; border: none !important;}
	header[role="masthead"] nav ul li a{ float:left; border-bottom: 1px solid white;}
	header[role="masthead"] nav ul li a:hover, header[role="masthead"] nav ul li.current-menu-item a{ 	border-bottom: 1px solid black; }
	header[role="masthead"] nav ul li#menu-item-35, header[role="masthead"] nav ul li#menu-item-43 { margin-left:0; position:relative; left:0; top:0;}
	header[role="masthead"] h1 { float:left; left:0; margin:0 20px;  }
	.about.first { padding-top:10px; padding-bottom:10px }
	.home-office .vcard { padding:20px 13px 10px 13px; }
	._careers.detail .entry-content.col-4{ width:auto; }
	.entry-content._works h2 { font-size:28px; line-height:28px; }
	footer nav ul li { margin-bottom:5px; }
	footer .socials {position: relative;left: 0;top: 0;}	
	footer nav ul li { margin-right:10px; }
	footer li.copyright { left:147px; top:29px; width:auto; }
}