@import './fixie-stage.css';
@import './fonts.css';



/* =Global & Structure
-------------------------------------------------------------- */
  html, body{overflow-x:hidden; height:auto; min-height:100%;}
  html.disable{overflow:hidden;}
	body{-webkit-font-smoothing:antialiased; font-family:"Futura-Md", Helvetica, Arial, sans-serif; font-weight:normal !important; font-style:normal;}
  .small-screen body{background-attachment: scroll}

  img#wallpaper{position:fixed; z-index:-2; top:0; left:0; width:40%;}
  .small-screen img#wallpaper{position:absolute;}

  sup{line-height:90% !important;}

/* =Header
-------------------------------------------------------------- */
  header{position: fixed; top:0; left:0;}
  .small-screen header{overflow:visible; position:absolute;}
  .small-screen header .center{position:relative; width:100%;}
  .small-screen header .center .centered{width:50%;}
  header .header-content{position: relative; display:block; float:left; width:100%;}

	header .logo {max-width:175px; width:auto; margin-bottom:15px;}
	header .logo a{width:100%;}
	header .logo img {width:100%;}

  header nav{padding-bottom:100px;}
	header nav ul{display:block;}
	header nav ul li a{font-weight:normal; font-family:"Futura-Md"; -webkit-font-smoothing:subpixel-antialiased;}

	header p.description{font-family:"Futura-Bk"; margin:0 0 20px; color:#7f8084; -webkit-font-smoothing:subpixel-antialiased; font-size:13px; line-height:19px;}
	header p.follow-us{font-size:11px; margin-top:0;}

	header nav ul.social-menu{margin-bottom:40px;}
	header nav ul.search-share li{clear:both; display:block; padding:0; margin:0 0 10px 0;}
	header nav ul.search-share li.search{display:none;}
	header nav ul.search-share li a{display: inline-block;}

  header #branded-img-wrap{position:fixed; bottom:10px; left:0; width:25%; height:101px;}
	.small-screen header #branded-img-wrap{position:absolute; bottom:25px; left:0; width:100%; height:70px;}
	header img.branded{max-width:110px; margin:auto; left:0; right:0; bottom:0; top:0;}

	#searchform {display:block; clear:both; font-size:11px; line-height:11px; position:relative;} 
	#searchform-wrap{display:inline-block; position:relative; /*transition: width .2s ease*/}

	#searchform input{background:transparent; /*transition: width .2s ease, color 0.2s ease-in, background .2s ease-in;*/ border-radius: 0; box-shadow: none; outline: none; padding:0; margin: 0; border: 0;}
	#searchform input#s {width:200px; height:25px; -webkit-font-smoothing:subpixel-antialiased; cursor:text; min-width:82px; font-weight:normal; letter-spacing:1px; font-family:"Futura-Md"; background:#fff; text-transform: uppercase; padding:0 12px 0 24px;}
	/*#searchform input#s:focus{width:178px; cursor:text;}*/

	#searchform #submit-wrap{position:absolute; top:0; height:100%; width:20px; margin-left:4px;}

	#searchform label{position:absolute; font-size:16px; top:0; left:0; height:100%; width:20px; /*transition: color 0.2s ease-out;*/}
	#searchform label i, #searchform input#search-submit{position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; width:20px; height:18px;}
	#searchform input#search-submit{z-index:1;}


/* =Posts
-------------------------------------------------------------- */
  article .caption{letter-spacing:-.02em;} 
  article .caption a, article a{font-family: 'Futura-Md'; font-weight:normal;}

  /*Article Quick Actions*/
  article .article-content .icons li.post-action a{color:#000; position:relative; text-transform: uppercase; font-size:12px; line-height:17px; padding-left:19px;}
  article .article-content .icons li.post-action a i{font-size:16px; left:0; position:absolute; margin-top:-1px; margin-left:-1px;}
  article .article-content .icons li.share.post-action a i {font-size: 19px; margin-top: -2px; }

  article .article-content .icons li.view-post.post-action a{padding-left:23px;}
  article .article-content .icons li.like{margin-right:7px;}

  .lt-ie9 article{max-width:768px;}

   /*Article Quick Actions Icon Sets*/
  .pc .index article{cursor:pointer;}
  .index article .article-content{padding-bottom:81px;}
  .index article .icons-wrap{position:absolute; bottom:40px; left:40px; right:40px; height:16px;}
  .index article .icons-wrap ul.icons{position:absolute; top:0; left:0; right:0px; margin:0; padding:0;}
  .index article.show-share .icons-wrap{z-index:2;}
  .index article .icons-wrap ul{transition:opacity 0.2s ease-out;}

  .index article .icons-wrap .white-icons, 
  .index article .inverted-icons .black-icons,
  .index article.show-share .icons-wrap .black-icons, 
  .index article.show-share .inverted-icons .white-icons{
    width:0; overflow:hidden; opacity:0;
  }
  
  .index article .icons-wrap .black-icons,
  .index article .inverted-icons .white-icons,
  .index article.show-share .icons-wrap .white-icons,
  .index article.show-share .inverted-icons .black-icons{
    width:auto; overflow:visible; opacity:1;
  }

  .index article .icons-wrap li.post-action{margin-right:0px; min-width:110px;}
  .index article.show-share .icons-wrap li.post-action a{color:#fff;}

  /*Post Overlay*/
  .post-overlay{display:none;}
  .index article .post-overlay{position:absolute; display:block; z-index:10; overflow:hidden; height:0; left:0; right:0; bottom:0; opacity:0; transition: opacity 0.3s ease;}
  .index article.show-share .post-overlay{display:block; height:auto; padding:40px 40px 81px 40px; opacity:1; top:0; background:rgba(0,0,0,.43); z-index:1;}

  .index article .post-overlay, .index article .post-overlay a{color:#fff;}
  .index article .post-overlay a, .index article .article-content .post-overlay .tumblr.share.icons a, .index article .article-content .post-overlay .tumblr.share.icons .like_button{opacity:1;}
  .social.share.icons a, .social.share.icons i{background-image:none !important; display:block; float:none;}
  .social.share.icons a{font-size:24px;}

  .post-overlay .post-overlay-wrap{display:table; height:100%; width:100%;}
  .post-overlay .post-overlay-wrap .cell{display:table-cell; vertical-align: middle; text-align:center;}
  .post-overlay .post-meta{display:block; clear:both; margin-bottom:20px;}
  
  /* Social Shares */
  .social.share.icons, .tumblr.share.icons{display:block; cursor:pointer; clear:both; height:auto; margin:0; float:left; width:100%; text-align:center;}
  .social.share.icons .share-item-wrap{float:left; position:relative; width:25%; text-align: center; overflow:hidden; display:inline-block; height:40px; line-height:40px; color:rgba(255,255,255,1);}

  /*Pinterest*/
  .social.share.icons .share-item-wrap.pinterest-wrap{visibility:visible;}
  .social.share.icons .share-item-wrap.pinterest-wrap.show{visibility:visible;}
  .social.share.icons .share-item-wrap.pinterest-wrap span{display: block !important; width:auto !important;}
  .social.share.icons .share-item-wrap.pinterest-wrap a{display:block !important; background:none !important; height:40px !important; text-align:center; float:none !important; width:100% !important;}
  .social.share.icons .share-item-wrap.pinterest-wrap a i:before{font-family: "precrafted-social" !important; font-style: normal !important; font-weight: normal !important; speak: none; display: inline-block !important; position:relative !important; text-decoration: inherit; width: 1em !important; margin-right: .2em !important; text-align: center; font-variant: normal; text-transform: none; line-height: 40px !important; margin-left: .2em !important; content:'\31' !important; background:none !important;}
  
  /*Social Hovers */
  .pc .share-item-wrap a:hover{cursor:pointer; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform:scale(1.15) translateZ(0); -webkit-transform:scale(1.15) translateZ(0); -moz-transform:scale(1.15); -o-transform:scale(1.15);}

  /* Tumblr Shares */
  .tumblr.share.icons > span{display:inline-block; width:25%; line-height:40px; height:40px; overflow:hidden;}
  .tumblr.share.icons > span a{display:block; float:none; margin:9px auto 0;}
  .tumblr.share.icons > span a svg{display:block; width:100%; height:100%;}
  .tumblr.share.icons > span div{margin:9px auto; float:none !important; width:20px; cursor:pointer;}
  .tumblr.share.icons > span div iframe{display:block;}
  article .article-content .post-overlay .card-icons{display:none;}

  /*Overlay Tags*/
  .post-overlay .tagged{width:auto; padding:0 3%; text-align:center; text-transform: uppercase; font-size:13px;}
  .post-overlay .tagged a{padding-right:4px;}
  .post-overlay .tagged a:last-child{padding-right:0;}

  /*Like button fix*/
  .icons-wrap li{position:relative;}
  .device .icons-wrap .white-icons .pointroll, .device .icons-wrap .white-icons .like{display:none;}

  /*.article-content .like{width:16px; height:100%; cursor:pointer;}*/
  .index .article-content .like_button{
    opacity:0; 
    position:absolute; 
    z-index:100; 
    top:0; left:0;
  }


  .article-content .icons-wrap .icon-heart{font-size:21px; margin-left:-2px; line-height:15px; opacity:.5;}

  .article-content .icons-wrap .black-icons .icon-heart{color:#000;}
  .article-content .icons-wrap .black-icons .like_button{opacity:0 !important;}

  .article-content .icons-wrap .white-icons .icon-heart{color:#fff;}
  .article-content .icons-wrap .white-icons .like.focus .icon-heart{opacity:0;}

  .post-overlay .icon-heart{font-size:26px; line-height:38px;}
  .like-wrap{opacity:1; position:relative;}
  .focus .like-wrap .icon-heart{opacity:0 !important;}
  
  .like-wrap .like_button{margin:auto; left:4.5px; top:2px; right:0; bottom:0; opacity:0; -webkit-transform:scale(1.18); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}

  .js .index .media-element{opacity:0; transition:opacity 200ms ease-in-out;}
  .js .index .media-element.show{opacity:1;}

  .index article .article-content .post-overlay .tumblr.share.icons .like_button,
  .index article .article-content .icons .like_button{
      opacity:0 !important;
  }

  .focus .like-wrap .icon-heart{
      opacity:1 !important;
  }

  .article-content .icons-wrap .white-icons .like.focus .icon-heart{
      opacity:1;
  }

  article.liked span.icon.icon-heart,
  article.liked  .article-content .icons-wrap .white-icons .icon-heart,
  article.liked  .article-content .icons-wrap .black-icons .icon-heart{
      color:#cd1828;
      opacity:1;
  }

  /*Expanded State | Lightbox */
  #lightbox{position:fixed; top:0; left:0; right:0; height:0; overflow:hidden; z-index:2147483690; transition:opacity .2s ease-in-out;}
  #lightbox.reveal{background:rgba(247, 234, 185, .65); height:100%; overflow:auto; bottom:0;}

  #card{opacity:0; padding:40px; width:auto; max-width:50%; min-width:580px; transition:opacity .2s ease-in-out .1s, top .3s ease-in-out; -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); background:#fff; position:absolute; left:0; right:0; margin:auto; top:-100%; min-height:100%;}
  #lightbox.reveal #card, .single-post #card{opacity:1; top:0;}

  /*Single Post Page*/
  .single-post #card{position:relative; width:auto; padding:0; left:auto; top:auto; margin:5px 0 0; max-width:720px;}
  .single-post article .article-content{padding:55px;}
  .single-post article .post-meta{margin-top:5px;}
  .single-post article .caption{margin-top:10px;}
  .single-post article .article-content > img{width:100%;}
  #permaLike .like_button {
    opacity:.5;
  }
  /* Card Content */
  #card .content{text-align: center; display:block; clear:both; margin:0; float:left; width:auto;}  
  
  #card .content .media-element, .single-post .article-content img{display:block; max-width:100%; clear:both; margin-bottom:15px;}
  #card .content .media-element a, .single-post .article-content a{/*display:block;*/ max-width:100%; /*clear:both;*/}
  #card .content .photoset-row{height:auto !important; margin-bottom:6px !important;}

  #card .content .cell{display:block; clear:both; margin:0; width:100%;}
  #card .content .cell .post-meta{display:block; max-width:100%; clear:both; margin-bottom:15px;}
  #card .content .overlay-icons{display:none;}
  #card .content .caption{text-align:left; margin-bottom:10px;}
  #card .content .caption.load-post-text{height:0; overflow:hidden;}
  #card h4{font-size:11px; text-transform:uppercase; font-family: 'Futura-Bd'; opacity: .75; text-align:center;}

  #card .social.share.icons i{font-size:24px;}
  #card .icons{display:block; clear:both; height:auto; margin:0px auto; float:none; height:40px; width:200px; text-align:center;}
  #card .social.share.icons .share-item-wrap a, #card .tumblr.share.icons > span{color:rgba(0,0,0,.5); font-size:22px;}
  #card .social.share.icons .share-item-wrap a{display:block;}
  
  #card .tumblr.share.icons > span {opacity:.5;}

  #card .tagged{margin-top:5px;}
  #card .tagged a{color:rgba(0,0,0,.5);}
  #card .caption-text > *, 
  .single-post article .caption > *, 
  #card .caption-text > * > ul
  
  {display:block; clear:both; margin:0px 0 15px;}
  #card .caption-text > script, .single-post article .caption > script, #card .caption-text > script > ul, .single-post article .caption > script > ul, #card .caption-text > script > ol, .single-post article .caption > script > ol{display:none;}
 
  #card .caption-text sup, .single-post article .caption sup{font-size:9px;}
  #card .caption-text ul, .single-post article .caption ul {list-style: none;}
  #card .caption-text ol li, .single-post article .caption ol li {margin-left:20px;}
  #card .caption-text h3, .single-post article .caption h3{margin-bottom:12px;}
  #card .caption-text li h3, .single-post article .caption li h3{margin-top:15px;}

  #lightbox #card .card-icons{display:none;}

  #lightbox-exit{position:absolute; cursor:pointer; top:0; right:0; background:#000; width:40px; height:40px; text-align: center; line-height:40px; font-size:22px;}
  #lightbox-exit i{display: block; margin-top: 7px; opacity:.5; transition:opacity .2s ease-in-out;}
  .pc #lightbox-exit:hover i{opacity:1;}
.single-post .article-content p a {display: inline !important;}

/* =Footer
-------------------------------------------------------------- */
	footer #scroll-top-wrap{position:fixed; bottom:40px; left:0; width:25%; height:50px; display:none;}
	footer .scroll-top{position:absolute; padding:12px; margin:auto; left:0; right:0; bottom:0; top:0; font-size:14px;}
	
  #infscr-loading{display:none !important;}

  footer .footer-border {margin:auto; padding:30px;}
  .legalLinks {line-height:14px; margin-bottom:5px;}
  .legalLinks li {display:inline; white-space: nowrap; margin:0; padding:0; }
  .legalLinks a {margin:0 5px; font-size:9px; color:#7f8c8d; } 

  .legalLinks ul {margin-bottom:30px; } 
  .legal {text-transform:none; line-height:1; letter-spacing:0px; font-size:9px; max-width:600px; margin:0 auto;}


/* =Breakpoints
-------------------------------------------------------------- */
	/*Tablet Landscape & Small Desktop*/
	@media only screen and (min-width: 1800px){
		header #branded-img-wrap{width:20%;}
    img#wallpaper{width:32%;}
    section, footer {width: 80%;} 
  }

  /*Tablet Landscape & Small Desktop*/
  @media only screen and (min-width: 1420px){
    .index .posts-grid article .article-content{padding:40px; padding-bottom:81px;}
    .index article.show-share .post-overlay{padding:40px 40px 81px 40px;}
  }

  @media only screen and (max-width:1419px){
    .index .posts-grid article .article-content{padding:30px; padding-bottom:71px;}
    .index article .icons-wrap{bottom:30px; left:30px; right:30px;}
    .index article.show-share .post-overlay{padding:30px 30px 71px 30px;}
  }

	/*Tablet Landscape & Small Desktop*/
	@media only screen and (max-width: 1023px){
		header #branded-img-wrap{width:50%;}
		footer #scroll-top-wrap{width:50%;}
    img#wallpaper{width:82%;}

    #tumblr_controls{right:auto !important; left:-15px !important;}
	}
  @media only screen and (max-width: 810px){
    img#wallpaper{height: auto;}
  }
	/*Tablet Portrait & Mobile Landscape*/
	@media only screen and (max-width: 767px){
    img#wallpaper{max-width:150%; width:150%; position:absolute !important;}

		header {padding:0 32px 32px; position: relative;}
		header nav{margin:25px 0px 32px; padding-bottom:0px;}
		header nav ul.social-menu{margin-bottom:20px;}

		header #branded-img-wrap{width:auto; position:relative; display:block; clear:both; left:auto; bottom:auto;}
    footer{clear:right !important;}
		footer #scroll-top-wrap{display:none;}

    #lightbox.reveal #card{left:0%; width:auto !important; max-width:none;}
    .index .posts-grid article .article-content{padding:40px; padding-bottom:81px;}
    .index article.show-share .post-overlay{padding:40px 40px 81px 40px;}
    .single-post #card{width:100%;}
	}

	/*Mobile Landscape*/
	@media only screen and (max-width: 480px){
    .index article .icons-wrap{bottom:35px; left:40px; right:35px;}
	}


/* Make any video inside the video-container in lightbox 16:9 ratio */
/* Note : 16x9 is the most widely used aspect ratio for all videos */
#lightbox .video-container {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}
 
/* Make the iframe fit into the video-container in lightbox */
#lightbox .video-container iframe {
 top: 0;
 left: 0;
 width: 100%;
 height: 100% !important;
 position: absolute;
}

/* Make any video inside the video-container in lightbox 16:9 ratio */
/* Note : 16x9 is the most widely used aspect ratio for all videos */
.single-post .video-container {
  height: 0;
  padding-bottom: 50% !important;
  position: relative;
  overflow: hidden;
}
 
/* Make the iframe fit into the video-container in lightbox */
.single-post .video-container iframe {
 top: 0;
 left: 0;
 width: 100%;
 height: 100% !important;
 position: absolute;
}

/* Make any video inside the video-container in lightbox 16:9 ratio */
/* Note : 16x9 is the most widely used aspect ratio for all videos */
.type_video .video-container {
  height: 0;
  padding-bottom: 48% !important;
  position: relative;
  overflow: hidden;
}
 
/* Make the iframe fit into the video-container in lightbox */
.type_video  .video-container iframe {
 top: 0;
 left: 0;
 width: 100%;
 height: 100% !important;
 position: absolute;
}
.print-button {
  width:130px !important;
  height:43px !important;
}