f/*
Theme Name: Hum 3
Author: Hum Creative
Author URI: http://humcreative.com


*/


/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0}h2{font-size:1.5em;margin:0}h3{font-size:1.17em;margin:0}h4{font-size:1em;margin:0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:none}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0;}th,td{vertical-align:top;font-weight:normal;}

/* basics */


@font-face {
  font-family: 'PatronBold';
  src: url('fonts/PatronWEB-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/PatronWEB-Bold.woff') format('woff'), url('fonts/PatronWEB-Bold.ttf')  format('truetype'), url('fonts/PatronWEB-Bold.svg#Font') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PatronLight';
  src: url('fonts/PatronWEB-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/PatronWEB-Light.woff') format('woff'), url('fonts/PatronWEB-Light.ttf')  format('truetype'), url('fonts/PatronWEB-Light.svg#Font') format('svg');
  font-weight: normal;
  font-style: normal;
}


* {
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;


-webkit-margin-before:0px;
-webkit-margin-end:0px;
-webkit-margin-after:0px;
-webkit-margin-start:0px;

-webkit-padding-before:0px;
-webkit-padding-end:0px;
-webkit-padding-after:0px;
-webkit-padding-start:0px;


}

html, body {
  margin  : 0;
  padding : 0;
  color   : #000;
}

html {
  height: 100%;
}

body {
  background  : #ffffff;
  border-left: 5px solid #ffc192;
  border-top: 5px solid #ffc192;
  border-right: 5px solid #ffa682;
  border-bottom: 5px solid #ffa682;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;  
  min-height: 100%;
  text-rendering: 
  optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  text-shadow: none; 
  cursor: auto;
  cursor: url(images/cursors/H_Cursor_Normal.cur), auto;
}

.clear {
	clear: both;	
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 1em 0;
}

a {
  outline: 0;
  text-decoration: none;
  color: #999999;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  transition: color .25s;
}

a:hover {
  color: #333333;
  cursor: url(images/cursors/H_Cursor_Link.cur), pointer;
}

a:active {
  outline: 0;
}

img {
  width: 100%;
  height: auto;
	border: 0;
}

.vmenu,
.hmenu,
ul.menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.hmenu li,
ul.menu li {
	margin: 0;
	padding: 0;
	display: inline-block;
}

.hmenu li {
  margin-right: 12px;
}

.hmenu li:last-child {
  margin-right: 0;
}

.vmenu li {
  display: block;
  padding: 0;
  margin: 0 0 18px 0;
}

.vmenu li:last-child {
  margin-bottom: 0;
}

.social-icons {
  padding: 0;  
  list-style-type: none;
  margin: 0;
}

.social-icon,
.social-icons li {
  height: 42px;
  width: 42px;
  background-repeat: no-repeat;
  background-image: url(images/social-black-2x.png);
  background-size: 321px 42px;
  margin: 0 50px 0 0;
  display: inline-block;
  position: relative;
}

.social-icon {
  margin-right: 0;
}

.social-icons li:last-child {
  margin-right: 0;
}

.social-icons li.social-instagram {
  background-position: 0 0 ;
}

.social-twitter,
.social-icons li.social-twitter {
  background-position: -100px 0;
}

.social-icons li.social-facebook {
  background-position: -197px 0 ;
  width: 30px;
}

.social-icons li.social-linkedin {
  background-position: -280px 0 ;
}

.social-icons li a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
}

.social-icons li:hover {  
  opacity: .5;
}
.home .social-icons li:hover {
  background-image: url(images/social-peach-2x.png);
  opacity: 1;
}
body #contact .social-icons li:hover {
  background-image: url(images/social-white-2x.png);
  opacity: 1;
}

.share-menu-container ul {
  display: inline-block;
  margin-left: 50px;
}

::-moz-selection {
  color: #ffffff;
  background  : #ffa682;
  text-shadow : none
}

::selection {
  color: #ffffff;
  background  : #ffa682;
  text-shadow : none
}

:focus {outline:none !important;}
::-moz-focus-inner {border:0 !important;}

summary::-webkit-details-marker {
  display : none
}

::-moz-focus-inner {
  border: 0 !important;
}




/* ---- Clearfixes ---- */

.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table}
.row:after,.clearfix:after{clear:both}
.row,.clearfix{zoom:1}


/* ---- GRID Layout ---- */

*{box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body{margin:0 auto; color:#666666;}
.grid{  margin:0 auto; width:100%;} /* You can choose the grid 1200 or 1140 or 1024 or 960 as per your requirement */
.row{width:100%; margin:0 auto;}
.c1{width:8.33%;}
.c2{width:16.66%;}
.c3{width:25%;}
.c4{width:33.33%;}
.c5{width:41.66%;}
.c6{width:50%;}
.c7{width:58.33%;}
.c8{width:66.66%;}
.c9{width:75%;}
.c10{width:83.33%;}
.c11{width:91.66%;}
.c12{width:100%; min-height:1px; float:left; position:relative; padding-left: 10px;padding-right: 10px;}
.c1-5{width:20%;}/* This column can be used as a one fifth of the row */
.c1-8{width:12.5%;}/* This column can be used as a one eigth of the row */ 
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c1-5,.c1-8 {min-height:1px; float:left; padding-left:10px; padding-right:10px; position:relative;}
.c1.first,.c2.first,.c3.first,.c4.first,.c5.first,.c6.first,.c7.first,.c8.first,.c9.first,.c10.first,.c11.first,.c1-5.first,.c1-8.first {
  padding-left: 0; position:relative;
}
.c1.last,.c2.last,.c3.last,.c4.last,.c5.last,.c6.last,.c7.last,.c8.last,.c9.last,.c10.last,.c11.last,.c1-5.last,.c1-8.last {
  padding-right: 0; position:relative;
}

/* ---- Alignments ---- */
.centered{float: none; margin: auto;}
.left {float: left; margin-left:0px;}
.right {float: right;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.valign-middle {display:table;width:100%;height:100%;}
.valign-middle > div {display:table-cell; vertical-align:middle;}


.margin-top-5  { margin-top:    5px ; }
body .margin-bot-5  { margin-bottom: 5px ; }
.margin-top-10  { margin-top:   10px ; }
body .margin-bot-10  { margin-bottom:10px ; }
.margin-top-20 { margin-top:    20px; }
body .margin-bot-20 { margin-bottom: 20px; }
.margin-top-25 { margin-top:    25px; }
body .margin-bot-25 { margin-bottom: 25px; }
.margin-top-40 { margin-top:    40px; }
body .margin-bot-40 { margin-bottom: 40px; }
.margin-top-50 { margin-top:    50px; }
body .margin-bot-50 { margin-bottom: 50px; }
.margin-top-80 { margin-top:    80px; }
body .margin-bot-80 { margin-bottom: 80px; }
.margin-top-100 { margin-top:    100px; }
body .margin-bot-100 { margin-bottom: 100px; }
.margin-top-130 { margin-top:    130px; }
body .margin-bot-130 { margin-bottom: 130px; }
.margin-top-150 { margin-top:    150px; }
body .margin-bot-150 { margin-bottom: 150px; }

.negative-margin-top-small {
  margin-top: -38px;
}

.on-top {
  z-index: 20;
}

.very-on-top {
  z-index: 80;  
}

.very-very-on-top {
  z-index: 120;
}

.notouch {
  pointer-events: none;
}

.nounderline {
  background: none !important;
  text-shadow: 0 !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}

/* stylez */

body {
  color: #333333;
  font-family:"PatronLight", sans-serif;
  font-size: 18px;
  line-height: 23px;

}

.font-a {
  font-family:"PatronLight", sans-serif;  
}

.font-b {
 font-family: 'BaskervilleMTStd-Regular',serif;
 letter-spacing: -.015em;
}

strong {
  font-family:"PatronBold", sans-serif;  
  font-weight: normal;
}
.font-c {
  font-family:"PatronBold", sans-serif;
  font-weight:bold;
  text-transform: uppercase;
  letter-spacing: .07em;  
}

.size-14 {
  font-size: 58px;
  line-height: 58px;
}

.size-10 {
  font-size: 47px;
  line-height: 57px;
}

.size-7 {
  font-size: 32px;
  line-height: 37px;
}

.size-2 {
  font-size: 14px;
  line-height: 22px;  
}

.size-1 {
  font-size: 11.1px;
  line-height: 15px;  
}

.black {  color: #333333; }
.grey  {  color: #999999; }
.accent,
.peach {  color: #ffa682; }

.accent-links a,
.peach-links a {  color: #ffa682; border-color: #ffa682; }
.black-links a {  color: #333333; border-color: #333333;}

.accent-links-hover li.active a,
.accent-links-hover a:hover,
.black-links a:hover {
  color: #ffa682;
}

.text-headline.accent-links a:hover {
  color: #333333;
}

.bg-accent,
.bg-peach { background-color: #ffa682;  }

.bg-peach .black-links a:hover {
  color: #ffffff;
  border-color: #ffffff;
}

.four-col {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;  

    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.mobile-only {
  display: none;
}


/* items */

.button,
.btn {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  font-family:"PatronBold", sans-serif;
  font-weight:bold;
  text-transform: uppercase;  
  font-size: 11.1px;
  line-height: 16px;  
  letter-spacing: .07em;
  display: inline-block;
  padding: 16px 20px;
  color: #333333;
  -webkit-appearance: none;
  border: none;
  font-weight: normal;
  box-shadow: 0px 0px 10px 6px rgba(255,166,130,.5);  
}
.button span,
.btn span { 
  border-bottom: 1px solid #ffa682;
}

.button:hover,
.btn:hover {  
  color: #ffa682;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.button:hover span,
.btn:hover span {
  border: 0;
}

.text-caption {
  font-family:"PatronBold",sans-serif;
  font-weight:normal;
  text-transform: uppercase;  
  font-size: 11.1px;
  line-height: 16px;  
  letter-spacing: .07em;
}

.text-headline {
  font-family: 'BaskervilleMTStd-Regular',serif;
  font-size: 58px;
  line-height: 58px;
  letter-spacing: -.015em;
  text-align: center;
  max-width: 631px;
  margin-left: auto;
  margin-right: auto;
}

.font-b a,
.text-headline a {
  text-decoration: none;
  display: inline-block;
  color: #333333;
  /*position: relative is this necessary? */;
  text-shadow:  -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff,
                -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff,
                -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff,
                -4px -4px 0 #fff, 4px -4px 0 #fff, -4px 4px 0 #fff, 4px 4px 0 #fff,
                -5px -4px 0 #fff, 5px -4px 0 #fff, -5px 4px 0 #fff, 5px 4px 0 #fff,
                -6px -4px 0 #fff, 6px -4px 0 #fff, -6px 4px 0 #fff, 6px 4px 0 #fff;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #ffa682 2px, #ffa682 3px, rgba(0, 0, 0, 0) 3px);
}

.font-b.size-10 a {
  height: 50px;
}

.text-headline a {
  height: 52px;
}

.font-b a:hover,
.text-headline a:hover {
  color: #ffa682;
}

.text-headline p {
  margin: 0;
}

.text-headline-wider {
  max-width: 780px;
}

.clicked {
  position: absolute !important;
  z-index: 99999 !important;
  display: block !important;
}


/* glow hovers */

.box-shadow,
figure .img-container,
.hvr-glow {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: all;
  transition-property: all;
}
.box-shadow,
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active,
figure:hover .img-container, figure:focus .img-container, figure:active .img-container {
  box-shadow: 0 0 10px 10px rgba(255,166,130, 0.4);
}


/* header */

#outer-wrapper {
  opacity: 0;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  transition: opacity .5s;
}

body.visible #outer-wrapper {
  opacity: 1;
}

#frame-top {
  border-left: 5px solid #ffc192;
  border-top: 5px solid #ffc192;
  border-right: 5px solid #ffa682;
  border-bottom: 5px solid transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 1000;
}

#frame-bottom {
  border-left: 5px solid #ffc192;
  border-top: 5px solid transparent;
  border-right: 5px solid #ffa682;
  border-bottom: 5px solid #ffa682;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 1000;
}

.logo {
  width: 62px !important;
  height: 82px !important;
  display: inline-block;
  background: url(images/logo-h-bars.svg) center center no-repeat !important;
  position: relative;
}

.logo span {
  display: block;
  position: absolute;
  background: url(images/logo-h-squig.svg) -10px center no-repeat;
  width: 62px;
  height: 23px !important;
  background-size: 364px 23px !important;  
  left: 0;
  top: 28px;
}

#nav-main li {
  display: block;
  position: fixed;
  width: 240px;
  height: 45px;
  line-height: 45px;
  text-align: middle;
  font-size: 46px;
  line-height: 46px;
  letter-spacing: -.02em;
  z-index: 1200;
  -webkit-transition: opacity .25s;
  -moz-transition: opacity .25s;
  transition: opacity .25s;
}

#nav-main li a {
  text-decoration: none;
  border: 0;
  background-image: none;
  text-shadow: none;
}

#nav-tl {
  left: 40px;
  top: 40px;
}

#nav-tr {
  right: 40px;
  top: 40px;
  text-align: right;
}

#nav-bl {
  bottom: 40px;
  left: 40px;
}

#nav-br {
  bottom: 40px;
  right: 40px;
  text-align: right;
}

#contact-toggle:before {
  content: "Contact";  
}

.contact-visible #contact-toggle:before {
  content: "Close";
}

.contact-visible #contact-toggle:hover:before {  
  color: #ffffff;
}

.contact-visible #nav-tl,
.contact-visible #nav-bl {
  opacity: 0;
  pointer-events: none;
}

#nav-tl a:last-child {
  display: none;
}

#nav-secondary {
  display: block;
  position: fixed;
  width: 280px;
  z-index: 200;
  left: 40px;
  top: 140px;
}

#nav-secondary li a {
  padding-bottom: 4px;
  color: #333333;
  border-bottom: 1px solid #ffa682;
}

#nav-secondary li a:hover {
  color: #ffa682;
}

#nav-secondary li.selected a {
  color: #ffa682;
}


/* row */

.padded1 {
  display: table;
}

.padded1 > div {
  display: table-cell;
  vertical-align: middle;
}

.padded1 > div > img {
  display: block;
  margin: auto !important;
  max-width: 65%;
}

.images-row .c6,
.images-row .c12 {
  line-height: 0;
}

.images-row + div .text-caption {
  max-width: 650px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}

.row video {
  width: 100%;
  height: auto; 
}

.images-row img + video {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 10px; /* ??? */
  padding-right: 10px; /* ??? */
}



/* previews */

.hoverable-image-container:hover,
figure:hover {
  z-index: 90 !important;
  position: relative;
}

figure:hover {
  cursor: url(images/cursors/H_Cursor_Link.cur), pointer;  
}
.hoverable-image-container:hover {
  cursor: url(images/cursors/H_Cursor_Normal.cur), pointer;  
}

figure > a {
  display: block;
}

figcaption {
  margin-top: 9px;
}

.preview h3 {
  margin: 0 auto -17px auto;
  z-index: 10;
  position: relative;
  max-width: 385px;
}

.project-preview figcaption {
  max-width: 520px;
}

.c12 .project-preview figcaption {
  max-width: 9999em;
}

.product-preview .img-container-hover,
.project-preview .img-container-hover {
  -webkit-background-size: 0;
  -moz-background-size: 0;
  -o-background-size: 0;
  background-size: 0;  
}

.product-preview:hover .img-container-hover,
.project-preview:hover .img-container-hover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.product-preview:hover .img-container-hover img,
.project-preview:hover .img-container-hover img {
 opacity: 0 !important;
}

.project-preview.in-progress:hover {
  cursor: auto;
  cursor: url(images/cursors/H_Cursor_Normal.cur), auto;	
}


/* limit to one line of work tags */

.project-preview .work-tags {
  height: 18px;
  overflow: hidden;
}

.hoverable-image-container {
  line-height: 0;
  position: relative;
}

.img-container {
  background-color: #cccccc;
  line-height: 0;
}

.fakeimg img {
  height: 100px;
  width: 100%;
  display: block;
}

img.lazy {
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: all;
  transition-property: all;
}

img.lazy.loaded {
  opacity: 1;
}



/* content */

.content {
  color: #777777 !important;
}

.content ul {
  list-style-position: outside;
  margin-left: 16px;
}

.content ul li {
  padding-left: 32px;
}


blockquote {
  margin : 1em 13%;
}

.content img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.content img.aligncenter {
  margin: auto;
}

.content img.alignleft {
  margin: 1em 1em 1em 0;
  float: left;
}

.content img.alignright {
  margin: 1em 0 1em 1em;
  float: right;
}

.content {
  color: #999999;
}

.content a {
  color: #ffa682;
}

.content a:hover {
  color: #999999;
}



/* team */

.team {
  position: relative;
}

.team > .inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.team > .inner > div {
  display: table;  
  height: 100%;
  width: 100%;
}

.team > .inner > div > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.team .spacer {
  padding-top: 100%;
}

.team .overlay-image {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.team-bio-active .overlay-image,
.team:hover .overlay-image {
  display: block;
  cursor: pointer;
  cursor: url(images/cursors/H_Cursor_Link.cur), pointer;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  transition: all .25s;
}

.team .overlay-bio {
  margin: 10px 0 0 10px;
  display: none;
  position: fixed;
  cursor: pointer;
  cursor: url(images/cursors/H_Cursor_Link.cur), pointer;
  width: 620px;
  pointer-events: none;
}

.team-bio-active .overlay-bio,
.team.hover .overlay-bio {
  display: block;
  z-index: 1260;
}

body.team-bio-active * {
  cursor: url(images/cursors/H_Cursor_Close.cur), not-allowed !important;
}

.team .overlay-bio .inner {
  display: none;
}

.team.active .overlay-bio .inner {
  display: block;
}

.team-bio-active .team.active .overlay-image {
  background-blend-mode: luminosity;
  background-color: #ffc092;
  opacity: .5;
  z-index: 1250;
  display: block;
}

#bg-screen {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 1200;
  display: none;
  opacity: 0;
  background: transparent;
  -webkit-transition: background .25s;
  -moz-transition: background .25s;
  transition: background .25s;
}

.team-bio-active #bg-screen {
  display: block;
  opacity: 1;
  background: #ffa682;
}

/* product previews irregular layout */

.product-previews .c6:nth-child(1) .img-container {
  width: calc(100% + 110px);
  height: calc(100% + 110px);
  position: relative;
  z-index: 100;
}

.product-previews .c6:nth-child(2) .img-container,
.product-previews .c6:nth-child(2) .text-caption {
  width: calc(100% - 110px);
  height: calc(100% - 110px);
  margin-left: 110px;
  position: relative;
  top: -110px;
}


.product-previews .c6:nth-child(3) .img-container {
  margin-top: 60px;
  width: calc(100% - 160px);
  height: calc(100% - 160px);
}

.product-previews .c6:nth-child(4) {
  position: relative;
  top: -110px;
}

.product-previews .c6:nth-child(5) {
  margin-top: 100px;
}

.product-preview:hover {
  z-index: 200 !important;
  position: relative;
}


/* shop */

.woocommerce-page #footer li {
  color: #ffffff !important;
}

.cart-customlocation {
  position: fixed;
  left: 40px;
  top: 0;
  width: 40px;
  height: 100%;
  display: block;
  opacity: 1;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;  
}
.cart-customlocation > span {
  -ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  transform: rotate(-90deg);  
  width: auto;
  height: 48px;
  line-height: 48px;
  top: 50%;
  top: calc(50% - 25px);
  left: -50px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
}

.cart-customlocation.carttotal-0 {
  opacity: 0;
  pointer-events: none;
}

body.woocommerce-page {
  background: #ffa682;
  border-color: transparent;
}

body.woocommerce-page #frame-top,
body.woocommerce-page #frame-bottom {
  border-color: transparent;
}

body.woocommerce-page a {
  color: #ffffff;
}

body.woocommerce-page .button,
body.woocommerce-page .btn {
  background: #ffffff;   
  box-shadow: 0px 0px 10px 3px rgba(255,255,255,.5);     
  color: #333333;
}

body.woocommerce-page .button span,
body.woocommerce-page .btn span {
  border-color: #ffa682;
}

body.woocommerce-page .button:hover,
body.woocommerce-page .btn:hover {
  background: #ffffff;   
  box-shadow: 0px 0px 16px 4px rgba(255,255,255,.6);     
  color: #ffa682;
}

body.woocommerce-page #nav-br,
body.woocommerce-page #nav-bl,
body.woocommerce-page #nav-tl a:first-child {
  display: none;
}

body.woocommerce-page #nav-tl a:last-child {
  display: block;
  color: #333333;
}

body.woocommerce-page #nav-main a:hover {
  color: #ffffff;
}

body.woocommerce-page #footer-logo {
  background-image: url(images/footer-logo-white-2x.png);
  background-color: transparent !important;
}

body.woocommerce-page input[type=number],
body.woocommerce-page input[type=text],
body.woocommerce-page input[type=email] {
  font-family:"PatronLight", sans-serif;
  border: none;
  padding: 5px 10px;
  -webkit-appearance: none;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 0;
}

.add_to_cart_button {
  margin-top: 6px;
}


/* shop: product */

.added_to_cart {
  color: #333333;
  display: block;
  line-height: 60px;
}

.added_to_cart:before {
  content: "Added to cart. ";
  color: #ffffff;
  text-decoration: none !important;
}

.added_to_cart:hover {
  color: #ffffff;
}

body .related-product-previews a {
  color: #333333;
}


/* shop: cart */

.shop_table {
  width: 100%;
  margin-top: 80px;
  margin-bottom: 40px;
}

.shop_table thead {
  display: none;
}

.cart_item {
  border-bottom: 1px solid #333333;
}

.cart_item td {
  padding: 30px 20px 30px 0;
}

.cart_item .product-name {
  width: 40%;
}

.cart_item .product-name a {
  font-size: 46px;
  line-height: 50px;
  font-family: 'BaskervilleMTStd-Regular',serif;
  letter-spacing: -.015em;
  color: #333333;
}

.shop_table .product-subtotal {
  display: none;
}

.shop_table .product-price  {
  width: 200px;
  text-transform: none;
  font-family:"PatronBold", sans-serif;  
}

.shop_table .product-price input[type=number] {
  font-family:"PatronBold", sans-serif;  
  width: 60px;
  padding-right: 2px;
  padding-left: 4px;
  margin: 5px 0 0 5px;
  background: transparent;
  border-bottom: 2px solid #333333;
  text-align: center;
}

.shop_table .product-price .quantity {
  display: inline-block;
}

.cart_item .product-remove {
  width: 60px;
}

.cart_item .product-remove a.remove {
  width: 60px;
  height: 60px;
  background: url(images/close-x-2x.png) center center no-repeat;
  background-size: 100%;
  display: block;
  text-indent: -999999em;
  -moz-transition: all .2s;
  -webkit-transition: all .2s;
  transition: all .2s;
  transform: scale(1);
  position: relative;
}

.cart_item .product-remove a.remove:hover {
  transform: scale(.9);
}

.cart_totals {
  font-family: 'BaskervilleMTStd-Regular',serif;
}

.cart_totals .shop_table {
  margin: 40px auto;  
}

.cart_totals .order-total {
  font-size: 47px;
  border-top: 20px solid transparent;
}

.cart_totals  table th {
  text-align: left;
}

.cart_totals  table td {
  text-align: right;
  font-weight: normal;
  padding-bottom: 15px;
}

.cart_totals  table td strong {
  font-weight: normal;
  font-family: 'BaskervilleMTStd-Regular',serif;
}

#cartform .updatetotal { 
  pointer-events: none;
}

#cartform .updatetotal span {
  opacity: .5;
  -webkit-transition: opacity: .2s;
  -ms-transition: opacity: .2s;
  transition: opacity: .2s;
}

#cartform.changed .updatetotal { 
  pointer-events: all;
}

#cartform.changed .updatetotal span {
  opacity: 1;
}

#shipping_method {
  list-style-type: none;
}

#shipping_method label {
  display: inline-block;
  margin-left: 5px;
}

/* checkout */

body.woocommerce-checkout input[type=email],
body.woocommerce-checkout input[type=tel],
body.woocommerce-checkout input[type=text],
body.woocommerce-checkout .select2-selection--single {
  font-family: 'BaskervilleMTStd-Regular',serif;
  font-size: 47px;
  background: transparent;
  border-style: solid;
  border-color: #333333;
  border-width: 0 0 1px 0;
  color: #333333;
  -webkit-appearance: none;
  padding: 0;
  margin-bottom: 30px;
}

body.woocommerce-checkout textarea {
  width: 400px;
  height: 100px;
  background: transparent;
  padding: 10px;
  border: 1px solid #333333;
}

body.woocommerce-checkout input:focus:-moz-placeholder {
  color: #ffffff !important;        
}
body.woocommerce-checkout input:focus:-ms-input-placeholder {
  color: #ffffff !important;      
}
body.woocommerce-checkout input:focus::-moz-placeholder {
  color: #ffffff !important;    
}
body.woocommerce-checkout input:focus::-webkit-input-placeholder {
  color: #ffffff !important;  
}
body.woocommerce-checkout input:focus {
  color: #ffffff;
  border-color: #ffffff;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333333;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #333333;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #333333;
}
:-moz-placeholder { /* Firefox 18- */
  color: #333333;
}

body.woocommerce-checkout h3 {
  margin-bottom: 30px;
}

.woocommerce-billing-fields h3 {
  display: none;
}

body.woocommerce-checkout #customer_details p {
  margin-bottom: 0;
}

body.woocommerce-checkout label:not(.woocommerce-form__label-for-checkbox),
body.woocommerce-checkout .woocommerce-form__label-for-checkbox spanz {
  display: none;
}

body.woocommerce-checkout .woocommerce-form__label-for-checkbox  {
  float: left;
  clear: both;
}

.woocommerce-shipping-fields,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields {
  padding-top: 40px;
  clear: both;
}

body.woocommerce-checkout .select2-selection--single {
  border-style: solid;
  border-radius: 0;
  border-width: 0 0 1px 0;
  border-color: #333333;
  background: transparent;
  color: #000000;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #000000 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #000000 transparent transparent transparent !important;
}

.select2-selection--single,
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 47px !important;
  line-height: 47px !important;
  color: #333333 !important;
}

body.woocommerce-checkout .select2-selection__rendered {
  padding-left: 0 !important;
}

body.woocommerce-checkout input[type=search]:focus {
  color: #333333;
}

body.woocommerce-checkout .select2-container--default .select2-search--dropdown input.select2-search__field:focus {
  color: #333333 !important;
}

body.woocommerce-checkout #billing_country_field:before {
  display: none !important;
}

body.woocommerce-checkout input[type=checkbox] {
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #333333;
  box-shadow: none;
  padding: 9px;
  border-radius: 0;
  display: inline-block;
  position: relative;  
  cursor: pointer;
}

body.woocommerce-checkout input[type=checkbox]:active, body.woocommerce-checkout input[type=checkbox]:checked:active {
  box-shadow: none;
}

body.woocommerce-checkout input[type=checkbox]:checked {
  background-color: transparent;
  border: 1px solid #333333;
  box-shadow: none;
  color: #333333;
}

body.woocommerce-checkout input[type=checkbox]:checked:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 3px;
  color: #333333;
}

body.woocommerce-checkout .validate-required:before {
  content: "*";
  color: #ffffff;
  position: relative;
  left: -14px;
  top: 30px;
  font-size: 24px;
}

body.woocommerce-checkout .form-row-wide,
body.woocommerce-checkout .form-row-wide input {
  width: 100%;
}

body.woocommerce-checkout .form-row-first,
body.woocommerce-checkout .form-row-last  {
  width: 48%;
  display: inline-block;
}

body.woocommerce-checkout .form-row-first input,
body.woocommerce-checkout .form-row-last input {
  width: 100%;
}

body.woocommerce-checkout .form-row-first {
  float: left;
}

body.woocommerce-checkout .form-row-last {
  float: right;
}

.wc_payment_methods {
  list-style-type: none;
}

body.woocommerce-checkout .wc_payment_method label {
  display: inline-block;
}

.wc_payment_method img {
  height: 25px;
  width: auto;
  margin: 0 10px;
}


.woocommerce-checkout-review-order-table {
  font-family: 'BaskervilleMTStd-Regular',serif;
}
.woocommerce-checkout-review-order-table tfoot {
  padding-top: 40px;

}

.woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout-review-order-table tfoot th {
  padding: 20px 20px 0 0;
  text-align: left;
}

.woocommerce-checkout-review-order-table .order-total,
.woocommerce-checkout-review-order-table .order-total strong {
  font-family: 'BaskervilleMTStd-Regular',serif;
  font-size: 30px;
  line-height: 50px;
}

/* contact */

body #contact {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
  display: none;
  opacity: 0;
  transition: opacity .5s;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
}

body.contact-visible #contact {
  opacity: 1;
}

#contact .grid,
#contact .row,
#contact .c12 {
  height: 100%;
}

#contact .inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1101;
  pointer-events: none;
}

#contact .font-b {
  font-size: 58px;
  line-height: 62px;
  max-width: 600px;
}

#contact .font-b,
#contact a {
  pointer-events: auto !important;
  text-shadow: none;
  background-image: none;

}

#contact .grey {
  color: #333333;
}

#map {
  width: 1600px;
  height: 1600px;
  z-index: 1;
  background-color: transparent !important;
}


/* instagram + twitter + lastfm */

#instagrams {
  height: 300px;
}

.insta {
  position: relative;
  margin-bottom: 20px;
}

.insta > a {
  display: block;
}

.insta .overlay {
  opacity: 0;
  -webkit-transition: opacity .25s;
  -moz-transition: opacity .25s;
  transition: opacity .25s;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.5);
  width: 100%;
  height: 100%;
  line-height: 23px;
  color: #ffffff;
  padding: 20px;
  background-image: url(images/instagram-2x.png);
  background-position: 90% 90%;
  background-size: 41px 41px;
  background-repeat: no-repeat;
}

.insta:hover .overlay {
  opacity: 1;
}

#instagrams .insta:nth-child(1) >div {
  position: relative;
  z-index: 80;
}

#instagrams .insta:nth-child(4) >div {
  position: relative;
  left: 140px;
  top: -120px;
}

.tweet .social-icon {
  margin-right: 10px;
  position: relative;
  top: 10px;
}

#listening-watching {
  position: relative;
  margin-top: 150px;
}

#listening-watching p {
  margin: 0;
}

#listening-watching img {
  position: absolute;
  left: 540px;
  top: -220px;
  width: 220px;
  height: auto;
}


/* hides logo */

a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:none !important;
}

/* footer */

#footer-logo {
  margin: auto;
  display: block;
  text-indent: -99999em;
  width: 230px;
  height: 42.5px;
  background: url(images/footer-logo-cutout-2x.png) no-repeat center center #ffa682;
  background-size: 230px 42.5px;
}

/* easter eggs */

#dvd-marquee-container {
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed; 
  z-index:9999; 
}

.dvd-marquee {
  display: block;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  position: absolute;
}

.dvd-marquee .squig {
  position: absolute;
  overflow: hidden;
  top: ;
  width: 62px;
  height: 23px;  
  left: 0;
  top: 28px;  
}

.dvd-marquee .squig svg {
  position: relative;
  left: 0;
}