.separator:first-child>a[imageanchor="1"]:first-child{
margin-top:20px
}
.post-body a[imageanchor]{
display:block
}
body.item-view .post-body a[imageanchor="1"]{
margin-left:0!important;
margin-right:0!important
}
body.item-view .post-body a[imageanchor="1"]+a[imageanchor="1"]{
margin-top:16px
}
}
.item-control{
display:none
}
#comments{
border-top:1px dashed rgba(0,0,0,.54);
margin-top:20px;
padding:20px
}
#comments .comment-thread ol{
margin:0;
padding-left:0;
padding-left:0
}
#comments .comment .comment-replybox-single,#comments .comment-thread .comment-replies{
margin-left:60px
}
#comments .comment-thread .thread-count{
display:none
}
#comments .comment{
list-style-type:none;
padding:0 0 30px;
position:relative
}
#comments .comment .comment{
padding-bottom:8px
}
.comment .avatar-image-container{
position:absolute
}
.comment .avatar-image-container img{
border-radius:50%
}
.avatar-image-container svg,.comment .avatar-image-container .avatar-icon{
border-radius:50%;
border:solid 1px #18ffff;
box-sizing:border-box;
fill:#18ffff;
height:35px;
margin:0;
padding:7px;
width:35px
}
.comment .comment-block{
margin-top:10px;
margin-left:60px;
padding-bottom:0
}
#comments .comment-author-header-wrapper{
margin-left:40px
}
#comments .comment .thread-expanded .comment-block{
padding-bottom:20px
}
#comments .comment .comment-header .user,#comments .comment .comment-header .user a{
color:#ffffff;
font-style:normal;
font-weight:700
}
#comments .comment .comment-actions{
bottom:0;
margin-bottom:15px;
position:absolute
}
#comments .comment .comment-actions>*{
margin-right:8px
}
#comments .comment .comment-header .datetime{
bottom:0;
color:rgba(255,255,255,.54);
display:inline-block;
font-size:13px;
font-style:italic;
margin-left:8px
}
#comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{
color:rgba(255,255,255,.54)
}
#comments .comment .comment-content,.comment .comment-body{
margin-top:12px;
word-break:break-word
}
.comment-body{
margin-bottom:12px
}
#comments.embed[data-num-comments="0"]{
border:0;
margin-top:0;
padding-top:0
}
#comments.embed[data-num-comments="0"] #comment-post-message,#comments.embed[data-num-comments="0"] div.comment-form>p,#comments.embed[data-num-comments="0"] p.comment-footer{
display:none
}
#comment-editor-src{
display:none
}
.comments .comments-content .loadmore.loaded{
max-height:0;
opacity:0;
overflow:hidden
}
.extendable .remaining-items{
height:0;
overflow:hidden;
-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);
transition:height .3s cubic-bezier(.4,0,.2,1)
}
.extendable .remaining-items.expanded{
height:auto
}
.svg-icon-24,.svg-icon-24-button{
cursor:pointer;
height:24px;
width:24px;
min-width:24px
}
.touch-icon{
margin:-12px;
padding:12px
}
.touch-icon:active,.touch-icon:focus{
background-color:rgba(153,153,153,.4);
border-radius:50%
}
svg:not(:root).touch-icon{
overflow:visible
}
html[dir=rtl] .rtl-reversible-icon{
-webkit-transform:scaleX(-1);
-ms-transform:scaleX(-1);
transform:scaleX(-1)
}
.svg-icon-24-button,.touch-icon-button{
background:0 0;
border:0;
margin:0;
outline:0;
padding:0
}
.touch-icon-button .touch-icon:active,.touch-icon-button .touch-icon:focus{
background-color:transparent
}
.touch-icon-button:active .touch-icon,.touch-icon-button:focus .touch-icon{
background-color:rgba(153,153,153,.4);
border-radius:50%
}
.Profile .default-avatar-wrapper .avatar-icon{
border-radius:50%;
border:solid 1px #18ffff;
box-sizing:border-box;
fill:#18ffff;
margin:0
}
.Profile .individual .default-avatar-wrapper .avatar-icon{
padding:25px
}
.Profile .individual .avatar-icon,.Profile .individual .profile-img{
height:90px;
width:90px
}
.Profile .team .default-avatar-wrapper .avatar-icon{
padding:8px
}
.Profile .team .avatar-icon,.Profile .team .default-avatar-wrapper,.Profile .team .profile-img{
height:40px;
width:40px
}
.snippet-container{
margin:0;
position:relative;
overflow:hidden
}
.snippet-fade{
bottom:0;
box-sizing:border-box;
position:absolute;
width:96px
}
.snippet-fade{
right:0
}
.snippet-fade:after{
content:'\2026'
}
.snippet-fade:after{
float:right
}
.centered-top-container.sticky{
left:0;
position:fixed;
right:0;
top:0;
width:auto;
z-index:8;
-webkit-transition-property:opacity,-webkit-transform;
transition-property:opacity,-webkit-transform;
transition-property:transform,opacity;
transition-property:transform,opacity,-webkit-transform;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.centered-top-placeholder{
display:none
}
.collapsed-header .centered-top-placeholder{
display:block
}
.centered-top-container .Header .replaced h1,.centered-top-placeholder .Header .replaced h1{
display:none
}
.centered-top-container.sticky .Header .replaced h1{
display:block
}
.centered-top-container.sticky .Header .header-widget{
background:0 0
}
.centered-top-container.sticky .Header .header-image-wrapper{
display:none
}
.centered-top-container img,.centered-top-placeholder img{
max-width:100%
}
.collapsible{
-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);
transition:height .3s cubic-bezier(.4,0,.2,1)
}
.collapsible,.collapsible>summary{
display:block;
overflow:hidden
}
.collapsible>:not(summary){
display:none
}
.collapsible[open]>:not(summary){
display:block
}
.collapsible:focus,.collapsible>summary:focus{
outline:0
}
.collapsible>summary{
cursor:pointer;
display:block;
padding:0
}
.collapsible:focus>summary,.collapsible>summary:focus{
background-color:transparent
}
.collapsible>summary::-webkit-details-marker{
display:none
}
.collapsible-title{
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
.collapsible-title .title{
-webkit-box-flex:1;
-webkit-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
-webkit-box-ordinal-group:1;
-webkit-order:0;
-ms-flex-order:0;
order:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.collapsible-title .chevron-down,.collapsible[open] .collapsible-title .chevron-up{
display:block
}
.collapsible-title .chevron-up,.collapsible[open] .collapsible-title .chevron-down{
display:none
}
.flat-button{
cursor:pointer;
display:inline-block;
font-weight:700;
text-transform:uppercase;
border-radius:2px;
padding:8px;
margin:-8px
}
.flat-icon-button{
background:0 0;
border:0;
margin:0;
outline:0;
padding:0;
margin:-12px;
padding:12px;
cursor:pointer;
box-sizing:content-box;
display:inline-block;
line-height:0
}
.flat-icon-button,.flat-icon-button .splash-wrapper{
border-radius:50%
}
.flat-icon-button .splash.animate{
-webkit-animation-duration:.3s;
animation-duration:.3s
}
body#layout .bg-photo,body#layout .bg-photo-overlay{
display:none
}
body#layout .page_body{
padding:0;
position:relative;
top:0
}
body#layout .page{
display:inline-block;
left:inherit;
position:relative;
vertical-align:top;
width:540px
}
body#layout .centered{
max-width:954px
}
body#layout .navigation{
display:none
}
body#layout .sidebar-container{
display:inline-block;
width:40%
}
body#layout .hamburger-menu,body#layout .search{
display:none
}
.overflowable-container{
max-height:44px;
overflow:hidden;
position:relative
}
.overflow-button{
cursor:pointer
}
#overflowable-dim-overlay{
background:0 0
}
.overflow-popup{
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
background-color:#000000;
left:0;
max-width:calc(100% - 32px);
position:absolute;
top:0;
visibility:hidden;
z-index:101
}
.overflow-popup ul{
list-style:none
}
.overflow-popup .tabs li,.overflow-popup li{
display:block;
height:auto
}
.overflow-popup .tabs li{
padding-left:0;
padding-right:0
}
.overflow-button.hidden,.overflow-popup .tabs li.hidden,.overflow-popup li.hidden{
display:none
}
.widget.Sharing .sharing-button{
display:none
}
.widget.Sharing .sharing-buttons li{
padding:0
}
.widget.Sharing .sharing-buttons li span{
display:none
}
.post-share-buttons{
position:relative
}
.centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{
fill:#18ffff
}
.sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{
background-color:transparent
}
.share-buttons{
background-color:#000000;
border-radius:2px;
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
color:#ffffff;
list-style:none;
margin:0;
padding:8px 0;
position:absolute;
top:-11px;
min-width:200px;
z-index:101
}
.share-buttons.hidden{
display:none
}
.sharing-button{
background:0 0;
border:0;
margin:0;
outline:0;
padding:0;
cursor:pointer
}
.share-buttons li{
margin:0;
height:48px
}
.share-buttons li:last-child{
margin-bottom:0
}
.share-buttons li .sharing-platform-button{
box-sizing:border-box;
cursor:pointer;
display:block;
height:100%;
margin-bottom:0;
padding:0 16px;
position:relative;
width:100%
}
.share-buttons li .sharing-platform-button:focus,.share-buttons li .sharing-platform-button:hover{
background-color:rgba(128,128,128,.1);
outline:0
}
.share-buttons li svg[class*=" sharing-"],.share-buttons li svg[class^=sharing-]{
position:absolute;
top:10px
}
.share-buttons li span.sharing-platform-button{
position:relative;
top:0
}
.share-buttons li .platform-sharing-text{
display:block;
font-size:16px;
line-height:48px;
white-space:nowrap
}
.share-buttons li .platform-sharing-text{
margin-left:56px
}
.sidebar-container{
background-color:#212121;
max-width:280px;
overflow-y:auto;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
transition-property:transform;
transition-property:transform,-webkit-transform;
-webkit-transition-duration:.3s;
transition-duration:.3s;
-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);
transition-timing-function:cubic-bezier(0,0,.2,1);
width:280px;
z-index:101;
-webkit-overflow-scrolling:touch
}
.sidebar-container .navigation{
line-height:0;
padding:16px
}
.sidebar-container .sidebar-back{
cursor:pointer
}
.sidebar-container .widget{
background:0 0;
margin:0 16px;
padding:16px 0
}
.sidebar-container .widget .title{
color:#ffffff;
margin:0
}
.sidebar-container .widget ul{
list-style:none;
margin:0;
padding:0
}
.sidebar-container .widget ul ul{
margin-left:1em
}
.sidebar-container .widget li{
font-size:16px;
line-height:normal
}
.sidebar-container .widget+.widget{
border-top:1px solid rgba(255, 255, 255, 0.12)
}
.BlogArchive li{
margin:16px 0
}
.BlogArchive li:last-child{
margin-bottom:0
}
.Label li a{
display:inline-block
}
.BlogArchive .post-count,.Label .label-count{
float:right;
margin-left:.25em
}
.BlogArchive .post-count::before,.Label .label-count::before{
content:'('
}
.BlogArchive .post-count::after,.Label .label-count::after{
content:')'
}
.widget.Translate .skiptranslate>div{
display:block!important
}
.widget.Profile .profile-link{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
.widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{
-webkit-box-flex:0;
-webkit-flex:0 0 auto;
-ms-flex:0 0 auto;
flex:0 0 auto;
margin-right:1em
}
.widget.Profile .individual .profile-link{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column
}
.widget.Profile .team .profile-link .profile-name{
-webkit-align-self:center;
-ms-flex-item-align:center;
-ms-grid-row-align:center;
align-self:center;
display:block;
-webkit-box-flex:1;
-webkit-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto
}
.dim-overlay{
background-color:rgba(0,0,0,.54);
z-index:100
}
body.sidebar-visible{
overflow-y:hidden
}
@media screen and (max-width:680px){
.sidebar-container{
bottom:0;
position:fixed;
top:0;
left:auto;
right:0
}
.sidebar-container.sidebar-invisible{
-webkit-transition-timing-function:cubic-bezier(.4,0,.6,1);
transition-timing-function:cubic-bezier(.4,0,.6,1);
-webkit-transform:translateX(100%);
-ms-transform:translateX(100%);
transform:translateX(100%)
}
}
.dialog{
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
background:#000000;
box-sizing:border-box;
color:#ffffff;
padding:30px;
position:fixed;
text-align:center;
width:calc(100% - 24px);
z-index:101
}
.dialog input[type=email],.dialog input[type=text]{
background-color:transparent;
border:0;
border-bottom:solid 1px rgba(255,255,255,.12);
color:#ffffff;
display:block;
font-family:Ubuntu, sans-serif;
font-size:16px;
line-height:24px;
margin:auto;
padding-bottom:7px;
outline:0;
text-align:center;
width:100%
}
.dialog input[type=email]::-webkit-input-placeholder,.dialog input[type=text]::-webkit-input-placeholder{
color:rgba(255,255,255,.5)
}
.dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{
color:rgba(255,255,255,.5)
}
.dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{
color:rgba(255,255,255,.5)
}
.dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{
color:rgba(255,255,255,.5)
}
.dialog input[type=email]:focus,.dialog input[type=text]:focus{
border-bottom:solid 2px #18ffff;
padding-bottom:6px
}
.dialog input.no-cursor{
color:transparent;
text-shadow:0 0 0 #ffffff
}
.dialog input.no-cursor:focus{
outline:0
}
.dialog input.no-cursor:focus{
outline:0
}
.dialog input[type=submit]{
font-family:Ubuntu, sans-serif
}
.dialog .goog-buttonset-default{
color:#18ffff
}
.loading-spinner-large{
-webkit-animation:mspin-rotate 1.568s infinite linear;
animation:mspin-rotate 1.568s infinite linear;
height:48px;
overflow:hidden;
position:absolute;
width:48px;
z-index:200
}
.loading-spinner-large>div{
-webkit-animation:mspin-revrot 5332ms infinite steps(4);
animation:mspin-revrot 5332ms infinite steps(4)
}
.loading-spinner-large>div>div{
-webkit-animation:mspin-singlecolor-large-film 1333ms infinite steps(81);
animation:mspin-singlecolor-large-film 1333ms infinite steps(81);
background-size:100%;
height:48px;
width:3888px
}
.mspin-black-large>div>div,.mspin-grey_54-large>div>div{
background-image:url(https://www.blogblog.com/indie/mspin_black_large.svg)
}
.mspin-white-large>div>div{
background-image:url(https://www.blogblog.com/indie/mspin_white_large.svg)
}
.mspin-grey_54-large{
opacity:.54
}
@-webkit-keyframes mspin-singlecolor-large-film{
from{
-webkit-transform:translateX(0);
transform:translateX(0)
}
to{
-webkit-transform:translateX(-3888px);
transform:translateX(-3888px)
}
}
@keyframes mspin-singlecolor-large-film{
from{
-webkit-transform:translateX(0);
transform:translateX(0)
}
to{
-webkit-transform:translateX(-3888px);
transform:translateX(-3888px)
}
}
@-webkit-keyframes mspin-rotate{
from{
-webkit-transform:rotate(0);
transform:rotate(0)
}
to{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes mspin-rotate{
from{
-webkit-transform:rotate(0);
transform:rotate(0)
}
to{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes mspin-revrot{
from{
-webkit-transform:rotate(0);
transform:rotate(0)
}
to{
-webkit-transform:rotate(-360deg);
transform:rotate(-360deg)
}
}
@keyframes mspin-revrot{
from{
-webkit-transform:rotate(0);
transform:rotate(0)
}
to{
-webkit-transform:rotate(-360deg);
transform:rotate(-360deg)
}
}
.subscribe-popup{
max-width:364px
}
.subscribe-popup h3{
color:#ffffff;
font-size:1.8em;
margin-top:0
}
.subscribe-popup .FollowByEmail h3{
display:none
}
.subscribe-popup .FollowByEmail .follow-by-email-submit{
color:#18ffff;
display:inline-block;
margin:0 auto;
margin-top:24px;
width:auto;
white-space:normal
}
.subscribe-popup .FollowByEmail .follow-by-email-submit:disabled{
cursor:default;
opacity:.3
}
@media (max-width:800px){
.blog-name div.widget.Subscribe{
margin-bottom:16px
}
body.item-view .blog-name div.widget.Subscribe{
margin:8px auto 16px auto;
width:100%
}
}
.sidebar-container .svg-icon-24{
fill:#18ffff
}
.centered-top .svg-icon-24{
fill:#18ffff
}
.centered-bottom .svg-icon-24.touch-icon,.centered-bottom a .svg-icon-24,.centered-bottom button .svg-icon-24{
fill:#18ffff
}
.post-wrapper .svg-icon-24.touch-icon,.post-wrapper a .svg-icon-24,.post-wrapper button .svg-icon-24{
fill:#18ffff
}
.centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{
fill:#18ffff
}
.svg-icon-24.hamburger-menu{
fill:#18ffff
}
body#layout .page_body{
padding:0;
position:relative;
top:0
}
body#layout .page{
display:inline-block;
left:inherit;
position:relative;
vertical-align:top;
width:540px
}
body{
background:#f7f7f7 none repeat scroll top left;
background-color:#212121;
background-size:cover;
color:#ffffff;
font:400 16px Ubuntu, sans-serif;
margin:0;
min-height:100vh
}
h3,h3.title{
color:#ffffff
}
.post-wrapper .post-title,.post-wrapper .post-title a,.post-wrapper .post-title a:hover,.post-wrapper .post-title a:visited{
color:#ffffff
}
a{
color:#18ffff;
font-style:normal;
text-decoration:none
}
a:visited{
color:#18ffff
}
a:hover{
color:#18ffff
}
blockquote{
color:#eeeeee;
font:400 16px Ubuntu, sans-serif;
font-size:x-large;
font-style:italic;
font-weight:300;
text-align:center
}
.dim-overlay{
z-index:100
}
.page{
box-sizing:border-box;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
min-height:100vh;
padding-bottom:1em
}
.page>*{
-webkit-box-flex:0;
-webkit-flex:0 0 auto;
-ms-flex:0 0 auto;
flex:0 0 auto
}
.page>#footer{
margin-top:auto
}
.bg-photo-container{
overflow:hidden
}
.bg-photo-container,.bg-photo-container .bg-photo{
height:464px;
width:100%
}
.bg-photo-container .bg-photo{
background-position:center;
background-size:cover;
z-index:-1
}
.centered{
margin:0 auto;
position:relative;
width:1482px
}
.centered .main,.centered .main-container{
float:left
}
.centered .main{
padding-bottom:1em
}
.centered .centered-bottom::after{
clear:both;
content:'';
display:table
}
@media (min-width:1626px){
.page_body.has-vertical-ads .centered{
width:1625px
}
}
@media (min-width:1225px) and (max-width:1482px){
.centered{
width:1081px
}
}
@media (min-width:1225px) and (max-width:1625px){
.page_body.has-vertical-ads .centered{
width:1224px
}
}
@media (max-width:1224px){
.centered{
width:680px
}
}
@media (max-width:680px){
.centered{
max-width:600px;
width:100%
}
}
.feed-view .post-wrapper.hero,.main,.main-container,.post-filter-message,.top-nav .section{
width:1187px
}
@media (min-width:1225px) and (max-width:1482px){
.feed-view .post-wrapper.hero,.main,.main-container,.post-filter-message,.top-nav .section{
width:786px
}
}
@media (min-width:1225px) and (max-width:1625px){
.feed-view .page_body.has-vertical-ads .post-wrapper.hero,.page_body.has-vertical-ads .feed-view .post-wrapper.hero,.page_body.has-vertical-ads .main,.page_body.has-vertical-ads .main-container,.page_body.has-vertical-ads .post-filter-message,.page_body.has-vertical-ads .top-nav .section{
width:786px
}
}
@media (max-width:1224px){
.feed-view .post-wrapper.hero,.main,.main-container,.post-filter-message,.top-nav .section{
width:auto
}
}
.widget .title{
font-size:18px;
line-height:28px;
margin:18px 0
}
.extendable .show-less,.extendable .show-more{
color:#18ffff;
font:500 12px Ubuntu, sans-serif;
cursor:pointer;
text-transform:uppercase;
margin:0 -16px;
padding:16px
}
.widget.Profile{
font:400 16px Ubuntu, sans-serif
}
.sidebar-container .widget.Profile{
padding:16px
}
.widget.Profile h2{
display:none
}
.widget.Profile .title{
margin:16px 32px
}
.widget.Profile .profile-img{
border-radius:50%
}
.widget.Profile .individual{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
.widget.Profile .individual .profile-info{
-webkit-align-self:center;
-ms-flex-item-align:center;
-ms-grid-row-align:center;
align-self:center;
margin-left:16px
}
.widget.Profile .profile-datablock{
margin-top:0;
margin-bottom:.75em
}
.widget.Profile .profile-link{
background-image:none!important;
font-family:inherit;
overflow:hidden;
max-width:100%
}
.widget.Profile .individual .profile-link{
margin:0 -10px;
padding:0 10px;
display:block
}
.widget.Profile .individual .profile-data a.profile-link.g-profile,.widget.Profile .team a.profile-link.g-profile .profile-name{
font:500 16px Ubuntu, sans-serif;
color:#ffffff;
margin-bottom:.75em
}
.widget.Profile .individual .profile-data a.profile-link.g-profile{
line-height:1.25
}
.widget.Profile .individual>a:first-child{
-webkit-flex-shrink:0;
-ms-flex-negative:0;
flex-shrink:0
}
.widget.Profile .profile-textblock{
display:none
}
.widget.Profile dd{
margin:0
}
.widget.Profile ul{
list-style:none;
padding:0
}
.widget.Profile ul li{
margin:10px 0 30px
}
.widget.Profile .team .extendable,.widget.Profile .team .extendable .first-items,.widget.Profile .team .extendable .remaining-items{
margin:0;
padding:0;
max-width:100%
}
.widget.Profile .team-member .profile-name-container{
-webkit-box-flex:0;
-webkit-flex:0 1 auto;
-ms-flex:0 1 auto;
flex:0 1 auto
}
.widget.Profile .team .extendable .show-less,.widget.Profile .team .extendable .show-more{
position:relative;
left:56px
}
#comments a,.post-wrapper a{
color:#18ffff
}
div.widget.Blog .blog-posts .post-outer{
border:0
}
div.widget.Blog .post-outer{
padding-bottom:0
}
.post .thumb{
float:left;
height:20%;
width:20%
}
.no-posts-message,.status-msg-body{
margin:10px 0
}
.blog-pager{
text-align:center
}
.post-title{
margin:0
}
.post-title,.post-title a{
font:500 24px Ubuntu, sans-serif
}
.post-body{
color:#ffffff;
display:block;
font:400 16px Merriweather, Georgia, serif;
line-height:32px;
margin:0
}
.post-snippet{
color:#ffffff;
font:400 14px Merriweather, Georgia, serif;
line-height:24px;
margin:8px 0;
max-height:72px
}
.post-snippet .snippet-fade{
background:-webkit-linear-gradient(left,#000000 0,#000000 20%,rgba(0, 0, 0, 0) 100%);
background:linear-gradient(to left,#000000 0,#000000 20%,rgba(0, 0, 0, 0) 100%);
color:#ffffff;
bottom:0;
position:absolute
}
.post-body img{
height:inherit;
max-width:100%
}
.byline,.byline.post-author a,.byline.post-timestamp a{
color:#ffffff;
font:italic 400 12px Merriweather, Georgia, serif
}
.byline.post-author{
text-transform:lowercase
}
.byline.post-author a{
text-transform:none
}
.item-byline .byline,.post-header .byline{
margin-right:0
}
.post-share-buttons .share-buttons{
background:#000000;
color:#ffffff;
font:400 14px Ubuntu, sans-serif
}
.tr-caption{
color:#eeeeee;
font:400 16px Ubuntu, sans-serif;
font-size:1.1em;
font-style:italic
}
.post-filter-message{
background-color:#18ffff;
box-sizing:border-box;
color:#000000;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
font:italic 400 18px Merriweather, Georgia, serif;
margin-bottom:16px;
margin-top:32px;
padding:12px 16px
}
.post-filter-message>div:first-child{
-webkit-box-flex:1;
-webkit-flex:1 0 auto;
-ms-flex:1 0 auto;
flex:1 0 auto
}
.post-filter-message a{
color:#18ffff;
font:500 12px Ubuntu, sans-serif;
cursor:pointer;
text-transform:uppercase;
color:#000000;
padding-left:30px;
white-space:nowrap
}
.post-filter-message .search-label,.post-filter-message .search-query{
font-style:italic;
quotes:'\201c' '\201d' '\2018' '\2019'
}
.post-filter-message .search-label::before,.post-filter-message .search-query::before{
content:open-quote
}
.post-filter-message .search-label::after,.post-filter-message .search-query::after{
content:close-quote
}
#blog-pager{
margin-top:2em;
margin-bottom:1em
}
#blog-pager a{
color:#18ffff;
font:500 12px Ubuntu, sans-serif;
cursor:pointer;
text-transform:uppercase
}
.Label{
overflow-x:hidden
}
.Label ul{
list-style:none;
padding:0
}
.Label li{
display:inline-block;
overflow:hidden;
max-width:100%;
text-overflow:ellipsis;
white-space:nowrap
}
.Label .first-ten{
margin-top:16px
}
.Label .show-all{
border-color:#18ffff;
color:#18ffff;
cursor:pointer;
display:inline-block;
font-style:normal;
margin-top:8px;
text-transform:uppercase
}
.Label .show-all.hidden{
display:inline-block
}
.Label li a,.Label span.label-size,.byline.post-labels a{
background-color:rgba(24,255,255,.1);
border-radius:2px;
color:#18ffff;
cursor:pointer;
display:inline-block;
font:500 10.5px Ubuntu, sans-serif;
line-height:1.5;
margin:4px 4px 4px 0;
padding:4px 8px;
text-transform:uppercase;
vertical-align:middle
}
body.item-view .byline.post-labels a{
background-color:rgba(24,255,255,.1);
color:#18ffff
}
.FeaturedPost .item-thumbnail img{
max-width:100%
}
.sidebar-container .FeaturedPost .post-title a{
color:#18ffff;
font:500 14px Ubuntu, sans-serif
}
body.item-view .PopularPosts{
display:inline-block;
overflow-y:auto;
vertical-align:top;
width:280px
}
.PopularPosts h3.title{
font:500 16px Ubuntu, sans-serif
}
.PopularPosts .post-title{
margin:0 0 16px
}
.PopularPosts .post-title a{
color:#18ffff;
font:500 14px Ubuntu, sans-serif;
line-height:24px
}
.PopularPosts .item-thumbnail{
clear:both;
height:152px;
overflow-y:hidden;
width:100%
}
.PopularPosts .item-thumbnail img{
padding:0;
width:100%
}
.PopularPosts .popular-posts-snippet{
color:#eeeeee;
font:italic 400 14px Merriweather, Georgia, serif;
line-height:24px;
max-height:calc(24px * 4);
overflow:hidden
}
.PopularPosts .popular-posts-snippet .snippet-fade{
color:#eeeeee
}
.PopularPosts .post{
margin:30px 0;
position:relative
}
.PopularPosts .post+.post{
padding-top:1em
}
.popular-posts-snippet .snippet-fade{
background:-webkit-linear-gradient(left,#212121 0,#212121 20%,rgba(33, 33, 33, 0) 100%);
background:linear-gradient(to left,#212121 0,#212121 20%,rgba(33, 33, 33, 0) 100%);
right:0;
height:24px;
line-height:24px;
position:absolute;
top:calc(24px * 3);
width:96px
}
.Attribution{
color:#ffffff
}
.Attribution a,.Attribution a:hover,.Attribution a:visited{
color:#18ffff
}
.Attribution svg{
fill:#ffffff
}
.inline-ad{
margin-bottom:16px
}
.item-view .inline-ad{
display:block
}
.vertical-ad-container{
float:left;
margin-left:15px;
min-height:1px;
width:128px
}
.item-view .vertical-ad-container{
margin-top:30px
}
.inline-ad-placeholder,.vertical-ad-placeholder{
background:#000000;
border:1px solid #000;
opacity:.9;
vertical-align:middle;
text-align:center
}
.inline-ad-placeholder span,.vertical-ad-placeholder span{
margin-top:290px;
display:block;
text-transform:uppercase;
font-weight:700;
color:#ffffff
}
.vertical-ad-placeholder{
height:600px
}
.vertical-ad-placeholder span{
margin-top:290px;
padding:0 40px
}
.inline-ad-placeholder{
height:90px
}
.inline-ad-placeholder span{
margin-top:35px
}
.centered-top-container.sticky,.sticky .centered-top{
background-color:#000000
}
.centered-top{
-webkit-box-align:start;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0 auto;
padding-top:40px;
max-width:1482px
}
.page_body.has-vertical-ads .centered-top{
max-width:1625px
}
.centered-top .blog-name,.centered-top .hamburger-section,.centered-top .search{
margin-left:16px
}
.centered-top .return_link{
-webkit-box-flex:0;
-webkit-flex:0 0 auto;
-ms-flex:0 0 auto;
flex:0 0 auto;
height:24px;
-webkit-box-ordinal-group:1;
-webkit-order:0;
-ms-flex-order:0;
order:0;
width:24px
}
.centered-top .blog-name{
-webkit-box-flex:1;
-webkit-flex:1 1 0;
-ms-flex:1 1 0px;
flex:1 1 0;
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1
}
.centered-top .search{
-webkit-box-flex:0;
-webkit-flex:0 0 auto;
-ms-flex:0 0 auto;
flex:0 0 auto;
-webkit-box-ordinal-group:3;
-webkit-order:2;
-ms-flex-order:2;
order:2
}
.centered-top .hamburger-section{
display:none;
-webkit-box-flex:0;
-webkit-flex:0 0 auto;
-ms-flex:0 0 auto;
flex:0 0 auto;
-webkit-box-ordinal-group:4;
-webkit-order:3;
-ms-flex-order:3;
order:3
}
.centered-top .subscribe-section-container{
-webkit-box-flex:1;
-webkit-flex:1 0 100%;
-ms-flex:1 0 100%;
flex:1 0 100%;
-webkit-box-ordinal-group:5;
-webkit-order:4;
-ms-flex-order:4;
order:4
}
.centered-top .top-nav{
-webkit-box-flex:1;
-webkit-flex:1 0 100%;
-ms-flex:1 0 100%;
flex:1 0 100%;
margin-top:32px;
-webkit-box-ordinal-group:6;
-webkit-order:5;
-ms-flex-order:5;
order:5
}
.sticky .centered-top{
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
box-sizing:border-box;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
padding:0 16px
}
.sticky .centered-top .blog-name{
-webkit-box-flex:0;
-webkit-flex:0 1 auto;
-ms-flex:0 1 auto;
flex:0 1 auto;
max-width:none;
min-width:0
}
.sticky .centered-top .subscribe-section-container{
border-left:1px solid rgba(255, 255, 255, 0.3);
-webkit-box-flex:1;
-webkit-flex:1 0 auto;
-ms-flex:1 0 auto;
flex:1 0 auto;
margin:0 16px;
-webkit-box-ordinal-group:3;
-webkit-order:2;
-ms-flex-order:2;
order:2
}
.sticky .centered-top .search{
-webkit-box-flex:1;
-webkit-flex:1 0 auto;
-ms-flex:1 0 auto;
flex:1 0 auto;
-webkit-box-ordinal-group:4;
-webkit-order:3;
-ms-flex-order:3;
order:3
}
.sticky .centered-top .hamburger-section{
-webkit-box-ordinal-group:5;
-webkit-order:4;
-ms-flex-order:4;
order:4
}
.sticky .centered-top .top-nav{
display:none
}
.search{
position:relative;
width:250px
}
.search,.search .search-expand,.search .section{
height:48px
}
.search .search-expand{
background:0 0;
border:0;
margin:0;
outline:0;
padding:0;
display:none;
margin-left:auto
}
.search .search-expand-text{
display:none
}
.search .search-expand .svg-icon-24,.search .search-submit-container .svg-icon-24{
fill:#ffffff;
-webkit-transition:.3s fill cubic-bezier(.4,0,.2,1);
transition:.3s fill cubic-bezier(.4,0,.2,1)
}
.search h3{
display:none
}
.search .section{
background-color:rgba(255, 255, 255, 0.3);
box-sizing:border-box;
right:0;
line-height:24px;
overflow-x:hidden;
position:absolute;
top:0;
-webkit-transition-duration:.3s;
transition-duration:.3s;
-webkit-transition-property:background-color,width;
transition-property:background-color,width;
-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-timing-function:cubic-bezier(.4,0,.2,1);
width:250px;
z-index:8
}
.search.focused .section{
background-color:rgba(255, 255, 255, 0.3)
}
.search form{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
.search form .search-submit-container{
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:0;
-webkit-flex:0 0 auto;
-ms-flex:0 0 auto;
flex:0 0 auto;
height:48px;
-webkit-box-ordinal-group:1;
-webkit-order:0;
-ms-flex-order:0;
order:0
}
.search form .search-input{
-webkit-box-flex:1;
-webkit-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1
}
.search form .search-input input{
box-sizing:border-box;
height:48px;
width:100%
}
.search .search-submit-container input[type=submit]{
display:none
}
.search .search-submit-container .search-icon{
margin:0;
padding:12px 8px
}
.search .search-input input{
background:0 0;
border:0;
color:#ffffff;
font:400 16px Merriweather, Georgia, serif;
outline:0;
padding:0 8px
}
.search .search-input input::-webkit-input-placeholder{
color:rgba(255, 255, 255, 0.66);
font:italic 400 15px Merriweather, Georgia, serif;
line-height:48px
}
.search .search-input input::-moz-placeholder{
color:rgba(255, 255, 255, 0.66);
font:italic 400 15px Merriweather, Georgia, serif;
line-height:48px
}
.search .search-input input:-ms-input-placeholder{
color:rgba(255, 255, 255, 0.66);
font:italic 400 15px Merriweather, Georgia, serif;
line-height:48px
}
.search .search-input input::placeholder{
color:rgba(255, 255, 255, 0.66);
font:italic 400 15px Merriweather, Georgia, serif;
line-height:48px
}
.search .dim-overlay{
background-color:transparent
}
.centered-top .Header h1{
box-sizing:border-box;
color:#ffffff;
font:500 62px Ubuntu, sans-serif;
margin:0;
padding:0
}
.centered-top .Header h1 a,.centered-top .Header h1 a:hover,.centered-top .Header h1 a:visited{
color:inherit;
font-size:inherit
}
.centered-top .Header p{
color:#ffffff;
font:italic 300 14px Merriweather, Georgia, serif;
line-height:1.7;
margin:16px 0;
padding:0
}
.sticky .centered-top .Header h1{
color:#ffffff;
font-size:32px;
margin:16px 0;
padding:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.sticky .centered-top .Header p{
display:none
}
.subscribe-section-container{
border-left:0;
margin:0
}
.subscribe-section-container .subscribe-button{
background:0 0;
border:0;
margin:0;
outline:0;
padding:0;
color:#18ffff;
cursor:pointer;
display:inline-block;
font:700 12px Ubuntu, sans-serif;
margin:0 auto;
padding:16px;
text-transform:uppercase;
white-space:nowrap
}
.top-nav .PageList h3{
margin-left:16px
}
.top-nav .PageList ul{
list-style:none;
margin:0;
padding:0
}
.top-nav .PageList ul li{
color:#18ffff;
font:500 12px Ubuntu, sans-serif;
cursor:pointer;
text-transform:uppercase;
font:700 12px Ubuntu, sans-serif
}
.top-nav .PageList ul li a{
background-color:#000000;
color:#18ffff;
display:block;
height:44px;
line-height:44px;
overflow:hidden;
padding:0 22px;
text-overflow:ellipsis;
vertical-align:middle
}
.top-nav .PageList ul li.selected a{
color:#18ffff
}
.top-nav .PageList ul li:first-child a{
padding-left:16px
}
.top-nav .PageList ul li:last-child a{
padding-right:16px
}
.top-nav .PageList .dim-overlay{
opacity:0
}
.top-nav .overflowable-contents li{
float:left;
max-width:100%
}
.top-nav .overflow-button{
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height:44px;
-webkit-box-flex:0;
-webkit-flex:0 0 auto;
-ms-flex:0 0 auto;
flex:0 0 auto;
padding:0 16px;
position:relative;
-webkit-transition:opacity .3s cubic-bezier(.4,0,.2,1);
transition:opacity .3s cubic-bezier(.4,0,.2,1);
width:24px
}
.top-nav .overflow-button.hidden{
display:none
}
.top-nav .overflow-button svg{
margin-top:0
}
@media (max-width:1224px){
.search{
width:24px
}
.search .search-expand{
display:block;
position:relative;
z-index:8
}
.search .search-expand .search-expand-icon{
fill:transparent
}
.search .section{
background-color:rgba(255, 255, 255, 0);
width:32px;
z-index:7
}
.search.focused .section{
width:250px;
z-index:8
}
.search .search-submit-container .svg-icon-24{
fill:#18ffff
}
.search.focused .search-submit-container .svg-icon-24{
fill:#ffffff
}
.blog-name,.return_link,.subscribe-section-container{
opacity:1;
-webkit-transition:opacity .3s cubic-bezier(.4,0,.2,1);
transition:opacity .3s cubic-bezier(.4,0,.2,1)
}
.centered-top.search-focused .blog-name,.centered-top.search-focused .return_link,.centered-top.search-focused .subscribe-section-container{
opacity:0
}
body.search-view .centered-top.search-focused .blog-name .section,body.search-view .centered-top.search-focused .subscribe-section-container{
display:none
}
}
@media (max-width:745px){
.top-nav .section.no-items#page_list_top{
display:none
}
.centered-top{
padding-top:16px
}
.centered-top .header_container{
margin:0 auto;
max-width:600px
}
.centered-top .hamburger-section{
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height:48px;
margin-right:24px
}
.widget.Header h1{
font:500 36px Ubuntu, sans-serif;
padding:0
}
.top-nav .PageList{
max-width:100%;
overflow-x:auto
}
.centered-top-container.sticky .centered-top{
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.centered-top-container.sticky .blog-name{
-webkit-box-flex:1;
-webkit-flex:1 1 0;
-ms-flex:1 1 0px;
flex:1 1 0
}
.centered-top-container.sticky .search{
-webkit-box-flex:0;
-webkit-flex:0 0 auto;
-ms-flex:0 0 auto;
flex:0 0 auto
}
.centered-top-container.sticky .hamburger-section,.centered-top-container.sticky .search{
margin-bottom:8px;
margin-top:8px
}
.centered-top-container.sticky .subscribe-section-container{
border:0;
-webkit-box-flex:1;
-webkit-flex:1 0 100%;
-ms-flex:1 0 100%;
flex:1 0 100%;
margin:-16px 0 0;
-webkit-box-ordinal-group:6;
-webkit-order:5;
-ms-flex-order:5;
order:5
}
body.item-view .centered-top-container.sticky .subscribe-section-container{
margin-left:24px
}
.centered-top-container.sticky .subscribe-button{
padding:8px 16px 16px;
margin-bottom:0
}
.centered-top-container.sticky .widget.Header h1{
font-size:16px;
margin:0
}
}
body.sidebar-visible .page{
overflow-y:scroll
}
.sidebar-container{
float:left;
margin-left:15px
}
.sidebar-container a{
font:400 14px Merriweather, Georgia, serif;
color:#18ffff
}
.sidebar-container .sidebar-back{
float:right
}
.sidebar-container .navigation{
display:none
}
.sidebar-container .widget{
margin:auto 0;
padding:24px
}
.sidebar-container .widget .title{
font:500 16px Ubuntu, sans-serif
}
@media (min-width:681px) and (max-width:1224px){
.error-view .sidebar-container{
display:none
}
}
@media (max-width:680px){
.sidebar-container{
margin-left:0;
max-width:none;
width:100%
}
.sidebar-container .navigation{
display:block;
padding:24px
}
.sidebar-container .navigation+.sidebar.section{
clear:both
}
.sidebar-container .widget{
padding-left:32px
}
.sidebar-container .widget.Profile{
padding-left:24px
}
}
.post-wrapper{
background-color:#000000;
position:relative
}
.feed-view .blog-posts{
margin-right:-15px;
width:calc(100% + 15px)
}
.feed-view .post-wrapper{
border-radius:0px;
float:left;
overflow:hidden;
-webkit-transition:.3s box-shadow cubic-bezier(.4,0,.2,1);
transition:.3s box-shadow cubic-bezier(.4,0,.2,1);
width:385px
}
.feed-view .post-wrapper:hover{
box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)
}
.feed-view .post-wrapper.hero{
background-position:center;
background-size:cover;
position:relative
}
.feed-view .post-wrapper .post,.feed-view .post-wrapper .post .snippet-thumbnail{
background-color:#000000;
padding:24px 16px
}
.feed-view .post-wrapper .snippet-thumbnail{
-webkit-transition:.3s opacity cubic-bezier(.4,0,.2,1);
transition:.3s opacity cubic-bezier(.4,0,.2,1)
}
.feed-view .post-wrapper.has-labels.image .snippet-thumbnail-container{
background-color:rgba(255, 255, 255, 1)
}
.feed-view .post-wrapper.has-labels:hover .snippet-thumbnail{
opacity:.7
}
.feed-view .inline-ad,.feed-view .post-wrapper{
margin-bottom:15px;
margin-top:0;
margin-right:15px;
margin-left:0
}
.feed-view .post-wrapper.hero .post-title a{
font-size:20px;
line-height:24px
}
.feed-view .post-wrapper.not-hero .post-title a{
font-size:16px;
line-height:24px
}
.feed-view .post-wrapper .post-title a{
display:block;
margin:-296px -16px;
padding:296px 16px;
position:relative;
text-overflow:ellipsis;
z-index:2
}
.feed-view .post-wrapper .byline,.feed-view .post-wrapper .comment-link{
position:relative;
z-index:3
}
.feed-view .not-hero.post-wrapper.no-image .post-title-container{
position:relative;
top:-90px
}
.feed-view .post-wrapper .post-header{
padding:5px 0
}
.feed-view .byline{
line-height:12px
}
.feed-view .hero .byline{
line-height:15.6px
}
.feed-view .hero .byline,.feed-view .hero .byline.post-author a,.feed-view .hero .byline.post-timestamp a{
font-size:14px
}
.feed-view .post-comment-link{
float:left
}
.feed-view .post-share-buttons{
float:right
}
.feed-view .header-buttons-byline{
margin-top:16px;
height:24px
}
.feed-view .header-buttons-byline .byline{
height:24px
}
.feed-view .post-header-right-buttons .post-comment-link,.feed-view .post-header-right-buttons .post-jump-link{
display:block;
float:left;
margin-left:16px
}
.feed-view .post .num_comments{
display:inline-block;
font:500 24px Ubuntu, sans-serif;
font-size:12px;
margin:-14px 6px 0;
vertical-align:middle
}
.feed-view .post-wrapper .post-jump-link{
float:right
}
.feed-view .post-wrapper .post-footer{
margin-top:15px
}
.feed-view .post-wrapper .snippet-thumbnail,.feed-view .post-wrapper .snippet-thumbnail-container{
height:184px;
overflow-y:hidden
}
.feed-view .post-wrapper .snippet-thumbnail{
display:block;
background-position:center;
background-size:cover;
width:100%
}
.feed-view .post-wrapper.hero .snippet-thumbnail,.feed-view .post-wrapper.hero .snippet-thumbnail-container{
height:272px;
overflow-y:hidden
}
@media (min-width:681px){
.feed-view .post-title a .snippet-container{
height:48px;
max-height:48px
}
.feed-view .post-title a .snippet-fade{
background:-webkit-linear-gradient(left,#000000 0,#000000 20%,rgba(0, 0, 0, 0) 100%);
background:linear-gradient(to left,#000000 0,#000000 20%,rgba(0, 0, 0, 0) 100%);
color:transparent;
height:24px;
width:96px
}
.feed-view .hero .post-title-container .post-title a .snippet-container{
height:24px;
max-height:24px
}
.feed-view .hero .post-title a .snippet-fade{
height:24px
}
.feed-view .post-header-left-buttons{
position:relative
}
.feed-view .post-header-left-buttons:hover .touch-icon{
opacity:1
}
.feed-view .hero.post-wrapper.no-image .post-authordate,.feed-view .hero.post-wrapper.no-image .post-title-container{
position:relative;
top:-150px
}
.feed-view .hero.post-wrapper.no-image .post-title-container{
text-align:center
}
.feed-view .hero.post-wrapper.no-image .post-authordate{
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.feed-view .labels-outer-container{
margin:0 -4px;
opacity:0;
position:absolute;
top:20px;
-webkit-transition:.2s opacity;
transition:.2s opacity;
width:calc(100% - 2 * 16px)
}
.feed-view .post-wrapper.has-labels:hover .labels-outer-container{
opacity:1
}
.feed-view .labels-container{
max-height:calc(23.75px + 2 * 4px);
overflow:hidden
}
.feed-view .labels-container .labels-more,.feed-view .labels-container .overflow-button-container{
display:inline-block;
float:right
}
.feed-view .labels-items{
padding:0 4px
}
.feed-view .labels-container a{
display:inline-block;
max-width:calc(100% - 16px);
overflow-x:hidden;
text-overflow:ellipsis;
white-space:nowrap;
vertical-align:top
}
.feed-view .labels-more{
min-width:23.75px;
padding:0;
width:23.75px
}
.feed-view .labels-more{
margin-left:8px
}
.feed-view .byline.post-labels{
margin:0
}
.feed-view .byline.post-labels a,.feed-view .labels-more a{
background-color:#000000;
color:#18ffff;
box-shadow:0 0 2px 0 rgba(0,0,0,.18);
opacity:.9
}
.feed-view .labels-more a{
border-radius:50%;
display:inline-block;
font:500 10.5px Ubuntu, sans-serif;
line-height:23.75px;
height:23.75px;
padding:0;
text-align:center;
width:23.75px;
max-width:23.75px
}
}
@media (max-width:1224px){
.feed-view .centered{
padding-right:0
}
.feed-view .centered .main-container{
float:none
}
.feed-view .blog-posts{
margin-right:0;
width:auto
}
.feed-view .post-wrapper{
float:none
}
.feed-view .post-wrapper.hero{
width:680px
}
.feed-view .page_body .centered div.widget.FeaturedPost,.feed-view div.widget.Blog{
width:385px
}
.post-filter-message,.top-nav{
margin-top:32px
}
.widget.Header h1{
font:500 36px Ubuntu, sans-serif
}
.post-filter-message{
display:block
}
.post-filter-message a{
display:block;
margin-top:8px;
padding-left:0
}
.feed-view .not-hero .post-title-container .post-title a .snippet-container{
height:auto
}
.feed-view .vertical-ad-container{
display:none
}
.feed-view .blog-posts .inline-ad{
display:block
}
}
@media (max-width:680px){
.feed-view .centered .main{
float:none;
width:100%
}
.feed-view .centered .centered-bottom{
max-width:600px;
width:auto
}
.feed-view .centered-bottom .hero.post-wrapper,.feed-view .centered-bottom .post-wrapper{
max-width:600px;
width:auto
}
.feed-view #header{
width:auto
}
.feed-view .page_body .centered div.widget.FeaturedPost,.feed-view div.widget.Blog{
top:50px;
width:100%;
z-index:6
}
.feed-view .main>.widget .title,.feed-view .post-filter-message{
margin-left:8px;
margin-right:8px
}
.feed-view .hero.post-wrapper{
background-color:#18ffff;
border-radius:0;
height:416px
}
.feed-view .hero.post-wrapper .post{
bottom:0;
box-sizing:border-box;
margin:16px;
position:absolute;
width:calc(100% - 32px)
}
.feed-view .hero.no-image.post-wrapper .post{
box-shadow:0 0 16px rgba(0,0,0,.2);
padding-top:120px;
top:0
}
.feed-view .hero.no-image.post-wrapper .post-footer{
position:absolute;
bottom:16px;
width:calc(100% - 32px)
}
.hero.post-wrapper h3{
white-space:normal
}
.feed-view .post-wrapper h3,.feed-view .post-wrapper:hover h3{
width:auto
}
.feed-view .hero.post-wrapper{
margin:0 0 15px 0
}
.feed-view .inline-ad,.feed-view .post-wrapper{
margin:0 8px 16px
}
.feed-view .post-labels{
display:none
}
.feed-view .post-wrapper .snippet-thumbnail{
background-size:cover;
display:block;
height:184px;
margin:0;
max-height:184px;
width:100%
}
.feed-view .post-wrapper.hero .snippet-thumbnail,.feed-view .post-wrapper.hero .snippet-thumbnail-container{
height:416px;
max-height:416px
}
.feed-view .header-author-byline{
display:none
}
.feed-view .hero .header-author-byline{
display:block
}
}
.item-view .page_body{
padding-top:70px
}
.item-view .centered,.item-view .centered .main,.item-view .centered .main-container,.item-view .page_body.has-vertical-ads .centered,.item-view .page_body.has-vertical-ads .centered .main,.item-view .page_body.has-vertical-ads .centered .main-container{
width:100%
}
.item-view .main-container{
max-width:890px;
margin-right:15px
}
.item-view .centered-bottom{
max-width:1185px;
margin-left:auto;
margin-right:auto;
padding-right:0;
padding-top:0;
width:100%
}
.item-view .page_body.has-vertical-ads .centered-bottom{
max-width:1328px;
width:100%
}
.item-view .bg-photo{
-webkit-filter:blur(12px);
filter:blur(12px);
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
.item-view .bg-photo-container+.centered .centered-bottom{
margin-top:0
}
.item-view .bg-photo-container+.centered .centered-bottom .post-wrapper{
margin-top:-368px
}
.item-view .bg-photo-container+.centered-bottom{
margin-top:0
}
.item-view .inline-ad{
margin-bottom:0;
margin-top:30px;
padding-bottom:16px
}
.item-view .post-wrapper{
border-radius:0px 0px 0 0;
float:none;
height:auto;
margin:0;
padding:32px;
width:auto
}
.item-view .post-outer{
padding:8px
}
.item-view .comments{
border-radius:0 0 0px 0px;
color:#ffffff;
margin:0 8px 8px
}
.item-view .post-title{
font:500 24px Ubuntu, sans-serif
}
.item-view .post-header{
display:block;
width:auto
}
.item-view .post-share-buttons{
display:block;
margin-bottom:40px;
margin-top:20px
}
.item-view .post-footer{
display:block
}
.item-view .post-footer a{
color:#18ffff;
font:500 12px Ubuntu, sans-serif;
cursor:pointer;
text-transform:uppercase;
color:#18ffff
}
.item-view .post-footer-line{
border:0
}
.item-view .sidebar-container{
box-sizing:border-box;
margin-left:0;
margin-top:15px;
max-width:280px;
padding:0;
width:280px
}
.item-view .sidebar-container .widget{
padding:15px 0
}
@media (max-width:1328px){
.item-view .centered{
width:100%
}
.item-view .centered .centered-bottom{
margin-left:auto;
margin-right:auto;
padding-right:0;
padding-top:0;
width:100%
}
.item-view .centered .main-container{
float:none;
margin:0 auto
}
.item-view div.section.main div.widget.PopularPosts{
margin:0 2.5%;
position:relative;
top:0;
width:95%
}
.item-view .bg-photo-container+.centered .main{
margin-top:0
}
.item-view div.widget.Blog{
margin:auto;
width:100%
}
.item-view .post-share-buttons{
margin-bottom:32px
}
.item-view .sidebar-container{
float:none;
margin:0;
max-height:none;
max-width:none;
padding:0 15px;
position:static;
width:100%
}
.item-view .sidebar-container .section{
margin:15px auto;
max-width:480px
}
.item-view .sidebar-container .section .widget{
position:static;
width:100%
}
.item-view .vertical-ad-container{
display:none
}
.item-view .blog-posts .inline-ad{
display:block
}
}
@media (max-width:745px){
.item-view.has-subscribe .bg-photo-container,.item-view.has-subscribe .centered-bottom{
padding-top:88px
}
.item-view .bg-photo,.item-view .bg-photo-container{
width:auto;
height:296px
}
.item-view .bg-photo-container+.centered .centered-bottom .post-wrapper{
margin-top:-240px
}
.item-view .bg-photo-container+.centered .centered-bottom,.item-view .page_body.has-subscribe .bg-photo-container+.centered .centered-bottom{
margin-top:0
}
.item-view .post-outer{
background:#000000
}
.item-view .post-outer .post-wrapper{
padding:16px
}
.item-view .comments{
margin:0
}
}
#comments{
background:#000000;
border-top:1px solid rgba(255, 255, 255, 0.12);
margin-top:0;
padding:32px
}
#comments .comment-form .title,#comments h3.title{
position:absolute;
clip:rect(1px,1px,1px,1px);
padding:0;
border:0;
height:1px;
width:1px;
overflow:hidden
}
#comments .comment-form{
border-bottom:1px solid rgba(255, 255, 255, 0.12);
border-top:1px solid rgba(255, 255, 255, 0.12)
}
.item-view #comments .comment-form h4{
position:absolute;
clip:rect(1px,1px,1px,1px);
padding:0;
border:0;
height:1px;
width:1px;
overflow:hidden
}
#comment-holder .continue{
display:none
}
-->
Skip to main content
Easy Pocket Bread /Pita Bread Lunch
I was searching for pita bread to buy but strangely I couldn't find it in any of the supermarkets that I frequent. Then, I saw an ad. at Sprout and saw that they have whole wheat pocket bread! That's just like the pita bread that I was searching for. I bought those and made a quick lunch for Edda and me and also for Evy to bring to her school. For Evy, I put half of the pocket bread in a Ziploc bag with a spoon and a packet of ketchup. And then fried the smoked fish ham with 2 eggs in the morning and packed it in a thermos so that it would keep warm until her lunch time. She was having fun stuffing her pocket bread and enjoyed eating it as well. See my salad above, I added strawberry and dried cranberries and it was so delicious. Now I must eat my salad with dried cranberries and sunflower seeds (would add some walnuts next time). Click here for my peanut sesame salad dressing . Now I double the recipe and keep it in a glass container in the refrigerator and stock up on organic romaine lettuce hearts for my quick lunch. The dressing is good as a dipping sauce for Vietnamese spring rolls too. Continue to read more or for recipe.
Comments
Post a Comment