@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700);
.tran {	-webkit-transition: all 0.1s ease-in-out;	-moz-transition: all 0.1s ease-in-out;	-o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
body { margin:0px; padding:70px 0px 40px 0px; font-family: 'Source Sans Pro', sans-serif; color:#546576; font-size:16px; -webkit-tap-highlight-color: rgba(0,0,0,0); background-color:white }
.wrap { margin:0 auto; position:relative; padding:0px 20px 0px 20px; box-sizing: border-box; }
.item.hide { display:none; }
.right { text-align: right; right:20px }
p { font-weight:300; font-size:18px }
h1, h2 { color:#263646; font-weight:300; font-size:70px; margin-top:80px }
h2 { font-size:50px }

.permalink #sidebar { display:none }
.permalink .feed { text-align:center;}

a { color:#263646; text-decoration: none }
a:hover { color:black; }
a.button { padding:4px 12px 6px 12px; border-radius:4px; cursor:pointer; border:1px solid #cddbee; box-sizing: border-box; background-color:white; border: 1px solid #E6EAEE; }
.menu-block a:hover, a.button:hover { background-color:#f0f4f8 }
a.button:active, .menu-block a:active { color:white; background-color:#263646; border-color:#263646;}

.shadow { border:1px solid #E6EAEE; }

.header { width:100%; position:fixed; top:0; left:0; height:60px; box-sizing:border-box; font-size:18px; z-index:2; background-color:white }
.icon-menu { padding:8px 20px 8px 20px; position:absolute; right:0; top:0; }
.icon-menu:hover { color:black }
.button.create { position:absolute; top:12px; left:62px }
.logo_cont { position:absolute; margin:auto; line-height:60px; padding-left:60px; font-weight:600 }
.logo { width:38px; position: absolute; top:10px; left:10px }

.header .social { line-height:0; vertical-align: top; padding-top:18px; position: absolute; right:50px; }
.header .fb-share-button { margin-left:10px; margin-right:10px }
.header .fb-like, .header .fb-share-button { display:inline }

.overlay { display:none; position:fixed; width:100vw; height:100vh; background-color:#cddbee; z-index:1; opacity:0 }
.menu-block { position: fixed; top:-500px; text-align:center; margin:auto; left:0; right:0; background-color:white; max-width:100vw; z-index:1; font-size:18px; }
.menu-block a { display:block; height:60px; border-bottom:1px solid #cddbee; max-width:100%; line-height:60px; padding-left:20px;} 
.menu .overlay { display:block; opacity:0.4 }
.menu .icon-menu:before { content: "\e606"; }
.menu .menu-block { top:60px; }
.current { background-color:#f0f4f8 }

.filter { text-align:center; position:fixed; left:0; right:0; top:0; }
.filter a { padding:0 13px; color:#546576; line-height:58px; display:inline-block }
.filter a:hover { color:black }
.filter a.highlight { border-bottom:2px solid #263646; color: #263646; font-weight:600 }
.newnew { position:absolute; left:140px; margin-top:10px; background-color:#ff6868; color:white; padding:2px 4px 2px 4px; border-radius:30px 30px 30px 0px; font-size:10px }

.extension { text-align:center; display:none; margin-bottom:20px; position:relative }
.popular .extension { display:block }
.extension h2 { margin:20px; font-size:30px }
.extension .button { font-size:18px; display:inline  }
.extension .newnew { position:absolute; width:20px; top:50px; right:-190px; left:0; margin:0 auto;  }

.feed { text-align:center;  margin:0 auto; padding:0px 20px 0px 20px; max-width:1800px }
.loader { display:block; margin:0 auto }

.item { margin:10px; padding:20px; background-color:white; border-radius:4px; display:inline-block; width:270px;  position:relative;}

.actionbar { margin:20px 0 5px; text-align:left }
.actionbar div { display:inline-block; width:50% }
.actionbar .icon-heart { font-size:20px; margin-left:-5px }
.actionbar .share { display:none; margin-left:5px }
.date { font-size:12px; }

.item.liked a.like { background-color:#f0f4f8; cursor:default }
.item.liked .icon-heart, .item.liked a.like:hover .icon-heart { color:#ff6868; cursor:default }

.canvas { max-width:100%; padding-bottom:100%; border-radius:6px; position:relative; display:block }
.canvas a { width:100%; height:100%; display:block; position:absolute }
.place { position:absolute; width:100%; border-radius: 20px 20px 0px 0px  }
.c1 { padding-bottom:41%; border-radius: 6px 6px 0px 0px }
.c2 { padding-bottom:67%;  }
.c3 { padding-bottom:85%;  }
.c4 { padding-bottom:100%; border-radius: 20px 20px 6px 6px  }
.place span { position:absolute; text-align:center; display:block; bottom:0; color:white; opacity:0; text-transform: uppercase; background-color:rgba(0,0,0,0.1); padding:3px 6px 3px 6px; border-radius:0px 3px 0px 0px;  }
.place:hover span { opacity:1; letter-spacing:1px }

.gradient_layer { padding-bottom:100%; border-radius:20px; position: absolute; width:100%; }
.layer2 { opacity:0.5 }

.home { background-color: #F0F4F8 }
.home .wrap { text-align:center }
.focus { width:480px; display:block; margin:60px auto }
.focus .actionbar .share { display:inline-block; margin-right:5px }

.message { background-color:white; padding:20px; margin-top:-20px; margin-bottom:40px; display:none;  position:relative; }
.message a.button { position:absolute; right:20px; top:24px; background-color:white }
.message a.button:hover { color:#263646 }
.mine .message { display:block;  }

.light { padding:0; }
.light .header, .light .filter { display: none }
.light .feed { padding:10px; }

@media screen and (min-width: 880px) {
.focus .place { font-size:24px }
}

@media screen and (max-width: 880px) {
.feed { padding:0 }
.newnew { display:none }
.header .twitter-share-button { display:none }
.header .create, .menu-block .create { display:none }
.social .fb-like { display:inline-block!important; margin-right:10px }
.filter { display:none}
.item { width:180px; margin:10px; padding:15px 15px 20px 15px }
.item.focus { width:auto; max-width: 100% }
.place span { font-size:14px }
body { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.loader { width:60px }
}