<data:view.title.escaped/>

*/ /*!************************************************ * Blogger Template Style * Name: Emporio **************************************************/ body{ overflow-wrap:break-word; word-break:break-word; word-wrap:break-word } .hidden{ display:none } .invisible{ visibility:hidden } .container::after,.float-container::after{ clear:both; content:''; display:table } .clearboth{ clear:both } #comments .comment .comment-actions,.subscribe-popup .FollowByEmail .follow-by-email-submit{ background:0 0; border:0; box-shadow:none; color:$(body.link.color); cursor:pointer; font-size:14px; font-weight:700; outline:0; text-decoration:none; text-transform:uppercase; width:auto } .dim-overlay{ background-color:rgba(0,0,0,.54); height:100vh; left:0; position:fixed; top:0; width:100% } #sharing-dim-overlay{ background-color:transparent } input::-ms-clear{ display:none } .blogger-logo,.svg-icon-24.blogger-logo{ fill:#ff9800; opacity:1 } .skip-navigation{ background-color:#fff; box-sizing:border-box; color:#000; display:block; height:0; left:0; line-height:50px; overflow:hidden; padding-top:0; position:fixed; text-align:center; top:0; -webkit-transition:box-shadow .3s,height .3s,padding-top .3s; transition:box-shadow .3s,height .3s,padding-top .3s; width:100%; z-index:900 } .skip-navigation:focus{ 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); height:50px } #main{ outline:0 } .main-heading{ position:absolute; clip:rect(1px,1px,1px,1px); padding:0; border:0; height:1px; width:1px; overflow:hidden } .Attribution{ margin-top:1em; text-align:center } .Attribution .blogger img,.Attribution .blogger svg{ vertical-align:bottom } .Attribution .blogger img{ margin-$endSide:.5em } .Attribution div{ line-height:24px; margin-top:.5em } .Attribution .copyright,.Attribution .image-attribution{ font-size:.7em; margin-top:1.5em } .BLOG_mobile_video_class{ display:none } .bg-photo{ background-attachment:scroll!important } body .CSS_LIGHTBOX{ z-index:900 } .extendable .show-less,.extendable .show-more{ border-color:$(body.link.color); color:$(body.link.color); margin-top:8px } .extendable .show-less.hidden,.extendable .show-more.hidden{ display:none } .inline-ad{ display:none; max-width:100%; overflow:hidden } .adsbygoogle{ display:block } #cookieChoiceInfo{ bottom:0; top:auto } iframe.b-hbp-video{ border:0 } .post-body img{ max-width:100% } .post-body iframe{ max-width:100% } .post-body a[imageanchor="1"]{ display:inline-block } .byline{ margin-$endSide:1em } .byline:last-child{ margin-$endSide:0 } .link-copied-dialog{ max-width:520px; outline:0 } .link-copied-dialog .modal-dialog-buttons{ margin-top:8px } .link-copied-dialog .goog-buttonset-default{ background:0 0; border:0 } .link-copied-dialog .goog-buttonset-default:focus{ outline:0 } .paging-control-container{ margin-bottom:16px } .paging-control-container .paging-control{ display:inline-block } .paging-control-container .comment-range-text::after,.paging-control-container .paging-control{ color:$(body.link.color) } .paging-control-container .comment-range-text,.paging-control-container .paging-control{ margin-$endSide:8px } .paging-control-container .comment-range-text::after,.paging-control-container .paging-control::after{ content:'\00B7'; cursor:default; padding-$startSide:8px; pointer-events:none } .paging-control-container .comment-range-text:last-child::after,.paging-control-container .paging-control:last-child::after{ content:none } .byline.reactions iframe{ height:20px } .b-notification{ color:#000; background-color:#fff; border-bottom:solid 1px #000; box-sizing:border-box; padding:16px 32px; text-align:center } .b-notification.visible{ -webkit-transition:margin-top .3s cubic-bezier(.4,0,.2,1); transition:margin-top .3s cubic-bezier(.4,0,.2,1) } .b-notification.invisible{ position:absolute } .b-notification-close{ position:absolute; right:8px; top:8px } .no-posts-message{ line-height:40px; text-align:center } @media screen and (max-width:745px){ body.item-view .post-body a[imageanchor="1"][style*="float: left;"],body.item-view .post-body a[imageanchor="1"][style*="float: right;"]{ float:none!important; clear:none!important } body.item-view .post-body a[imageanchor="1"] img{ display:block; height:auto; margin:0 auto } body.item-view .post-body>.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-$startSide: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 $(posts.icons.color); box-sizing:border-box; fill:$(posts.icons.color); height:35px; margin:0; padding:7px; width:35px } .comment .comment-block{ margin-top:10px; margin-$startSide: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:$(posts.title.color); 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($(posts.title.color.red),$(posts.title.color.green),$(posts.title.color.blue),.54); display:inline-block; font-size:13px; font-style:italic; margin-$startSide:8px } #comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{ color:rgba($(posts.title.color.red),$(posts.title.color.green),$(posts.title.color.blue),.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 $(sidebar.icons.color); box-sizing:border-box; fill:$(sidebar.icons.color); 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{ $endSide:0 } .snippet-fade:after{ content:'\2026' } .snippet-fade:after{ float:$endSide } .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:$(tabs.text.font.size + 2 * 16px); 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:$(tabs.background.color); 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:$(sharing.icons.color) } .sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{ background-color:transparent } .share-buttons{ background-color:$(sharing.background.color); 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:$(sharing.text.color); 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-$startSide:56px } .sidebar-container{ background-color:$(sidebar.background.color); max-width:$(sidebar.width); 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:$(sidebar.width); 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:$(widget.title.color); margin:0 } .sidebar-container .widget ul{ list-style:none; margin:0; padding:0 } .sidebar-container .widget ul ul{ margin-$startSide:1em } .sidebar-container .widget li{ font-size:16px; line-height:normal } .sidebar-container .widget+.widget{ border-top:1px solid $(sidebar.separator.color) } .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:$endSide; margin-$startSide:.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-$endSide: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:$(posts.width.stream + 15px + sidebar.width)){ .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:$(posts.background.color); box-sizing:border-box; color:$(posts.text.color); 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($(body.text.color.red),$(body.text.color.green),$(body.text.color.blue),.12); color:$(posts.text.color); display:block; font-family:$(body.text.font.family); 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($(posts.text.color.red),$(posts.text.color.green),$(posts.text.color.blue),.5) } .dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{ color:rgba($(posts.text.color.red),$(posts.text.color.green),$(posts.text.color.blue),.5) } .dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{ color:rgba($(posts.text.color.red),$(posts.text.color.green),$(posts.text.color.blue),.5) } .dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{ color:rgba($(posts.text.color.red),$(posts.text.color.green),$(posts.text.color.blue),.5) } .dialog input[type=email]:focus,.dialog input[type=text]:focus{ border-bottom:solid 2px $(posts.link.color); padding-bottom:6px } .dialog input.no-cursor{ color:transparent; text-shadow:0 0 0 $(posts.text.color) } .dialog input.no-cursor:focus{ outline:0 } .dialog input.no-cursor:focus{ outline:0 } .dialog input[type=submit]{ font-family:$(body.text.font.family) } .dialog .goog-buttonset-default{ color:$(posts.link.color) } .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:$(posts.title.color); font-size:1.8em; margin-top:0 } .subscribe-popup .FollowByEmail h3{ display:none } .subscribe-popup .FollowByEmail .follow-by-email-submit{ color:$(posts.link.color); 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:$(sidebar.icons.color) } .centered-top .svg-icon-24{ fill:$(header.icons.color) } .centered-bottom .svg-icon-24.touch-icon,.centered-bottom a .svg-icon-24,.centered-bottom button .svg-icon-24{ fill:$(body.link.color) } .post-wrapper .svg-icon-24.touch-icon,.post-wrapper a .svg-icon-24,.post-wrapper button .svg-icon-24{ fill:$(posts.icons.color) } .centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{ fill:$(sharing.icons.color) } .svg-icon-24.hamburger-menu{ fill:$(body.link.color) } 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:$(body.background); background-color:$(body.background.color); background-size:cover; color:$(body.text.color); font:$(body.text.font); margin:0; min-height:100vh } h3,h3.title{ color:$(body.text.color) } .post-wrapper .post-title,.post-wrapper .post-title a,.post-wrapper .post-title a:hover,.post-wrapper .post-title a:visited{ color:$(posts.title.color) } a{ color:$(body.link.color); font-style:normal; text-decoration:none } a:visited{ color:$(body.link.visited.color) } a:hover{ color:$(body.link.hover.color) } blockquote{ color:$(blockquote.color); font:$(blockquote.font); 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:$(3 * posts.width.stream + 2 * 16px + 15px + sidebar.width) } .centered .main,.centered .main-container{ float:$startSide } .centered .main{ padding-bottom:1em } .centered .centered-bottom::after{ clear:both; content:''; display:table } @media (min-width:$(3 * posts.width.stream + 2 * 16px + 143px + 15px + sidebar.width + 1px)){ .page_body.has-vertical-ads .centered{ width:$(3 * posts.width.stream + 2 * 16px + 143px + 15px + sidebar.width) } } @media (min-width:$(2 * posts.width.stream + 1 * 16px + 143px + 15px + sidebar.width + 1px)) and (max-width:$(3 * posts.width.stream + 2 * 16px + 15px + sidebar.width)){ .centered{ width:$(2 * posts.width.stream + 1 * 16px + 15px + sidebar.width) } } @media (min-width:$(2 * posts.width.stream + 1 * 16px + 143px + 15px + sidebar.width + 1px)) and (max-width:$(3 * posts.width.stream + 2 * 16px + 143px + 15px + sidebar.width)){ .page_body.has-vertical-ads .centered{ width:$(2 * posts.width.stream + 1 * 16px + 143px + 15px + sidebar.width) } } @media (max-width:$(2 * posts.width.stream + 1 * 16px + 143px + 15px + sidebar.width)){ .centered{ width:$(posts.width.stream + 15px + sidebar.width) } } @media (max-width:$(posts.width.stream + 15px + sidebar.width)){ .centered{ max-width:600px; width:100% } } .feed-view .post-wrapper.hero,.main,.main-container,.post-filter-message,.top-nav .section{ width:$(3 * posts.width.stream + 2 * 16px) } @media (min-width:$(2 * posts.width.stream + 1 * 16px + 143px + 15px + sidebar.width + 1px)) and (max-width:$(3 * posts.width.stream + 2 * 16px + 15px + sidebar.width)){ .feed-view .post-wrapper.hero,.main,.main-container,.post-filter-message,.top-nav .section{ width:$(2 * posts.width.stream + 1 * 16px) } } @media (min-width:$(2 * posts.width.stream + 1 * 16px + 143px + 15px + sidebar.width + 1px)) and (max-width:$(3 * posts.width.stream + 2 * 16px + 143px + 15px + sidebar.width)){ .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:$(2 * posts.width.stream + 1 * 16px) } } @media (max-width:$(2 * posts.width.stream + 1 * 16px + 143px + 15px + sidebar.width)){ .feed-view .post-wrapper.hero,.main,.main-container,.post-filter-message,.top-nav .section{ width:auto } } .widget .title{ font-size:$(body.text.font.size * 1.125); line-height:$(body.text.font.size * 1.75); margin:$(body.text.font.size * 1.125) 0 } .extendable .show-less,.extendable .show-more{ color:$(body.button.color); font:$(body.button.font); cursor:pointer; text-transform:uppercase; margin:0 -16px; padding:16px } .widget.Profile{ font:$(body.text.font) } .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-$startSide: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:$(widget.title.font); color:$(widget.title.color); 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; $startSide:56px } #comments a,.post-wrapper a{ color:$(posts.link.color) } 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:$(posts.title.font) } .post-body{ color:$(posts.text.color); display:block; font:$(posts.text.font); line-height:$(posts.text.lineHeight); margin:0 } .post-snippet{ color:$(posts.text.color); font:$(posts.snippet.text.font); line-height:$(posts.snippet.text.lineHeight); margin:8px 0; max-height:$(posts.snippet.text.lineHeight * 3) } .post-snippet .snippet-fade{ background:-webkit-linear-gradient($startSide,$(posts.background.color) 0,$(posts.background.color) 20%,$(posts.background.color.transparent) 100%); background:linear-gradient(to $startSide,$(posts.background.color) 0,$(posts.background.color) 20%,$(posts.background.color.transparent) 100%); color:$(posts.text.color); bottom:0; position:absolute } .post-body img{ height:inherit; max-width:100% } .byline,.byline.post-author a,.byline.post-timestamp a{ color:$(posts.byline.color); font:$(posts.byline.font) } .byline.post-author{ text-transform:lowercase } .byline.post-author a{ text-transform:none } .item-byline .byline,.post-header .byline{ margin-$endSide:0 } .post-share-buttons .share-buttons{ background:$(sharing.background.color); color:$(sharing.text.color); font:$(sharing.text.font) } .tr-caption{ color:$(picture.caption.text.color); font:$(picture.caption.font); font-size:1.1em; font-style:italic } .post-filter-message{ background-color:$(postFilter.background.color); box-sizing:border-box; color:$(postFilter.message.color); display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; font:$(postFilter.message.font); 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:$(body.button.color); font:$(body.button.font); cursor:pointer; text-transform:uppercase; color:$(postFilter.message.link.color); padding-$startSide: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:$(body.button.color); font:$(body.button.font); 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:$(body.link.color); color:$(body.link.color); 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($(sidebar.link.color.red),$(sidebar.link.color.green),$(sidebar.link.color.blue),.1); border-radius:2px; color:$(sidebar.link.color); cursor:pointer; display:inline-block; font:$(labels.font); 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($(posts.link.color.red),$(posts.link.color.green),$(posts.link.color.blue),.1); color:$(posts.link.color) } .FeaturedPost .item-thumbnail img{ max-width:100% } .sidebar-container .FeaturedPost .post-title a{ color:$(sidebar.link.color); font:$(sidebar.posts.title.font) } body.item-view .PopularPosts{ display:inline-block; overflow-y:auto; vertical-align:top; width:280px } .PopularPosts h3.title{ font:$(widget.title.font) } .PopularPosts .post-title{ margin:0 0 16px } .PopularPosts .post-title a{ color:$(sidebar.link.color); font:$(sidebar.posts.title.font); line-height:$(sidebar.posts.text.font.size * 12 / 7) } .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:$(sidebar.posts.text.color); font:$(sidebar.posts.text.font); line-height:$(sidebar.posts.text.font.size * 12 / 7); max-height:calc($(sidebar.posts.text.font.size * 12 / 7) * 4); overflow:hidden } .PopularPosts .popular-posts-snippet .snippet-fade{ color:$(sidebar.posts.text.color) } .PopularPosts .post{ margin:30px 0; position:relative } .PopularPosts .post+.post{ padding-top:1em } .popular-posts-snippet .snippet-fade{ background:-webkit-linear-gradient($startSide,$(sidebar.background.color) 0,$(sidebar.background.color) 20%,$(sidebar.background.color.transparent) 100%); background:linear-gradient(to $startSide,$(sidebar.background.color) 0,$(sidebar.background.color) 20%,$(sidebar.background.color.transparent) 100%); $endSide:0; height:$(sidebar.posts.text.font.size * 12 / 7); line-height:$(sidebar.posts.text.font.size * 12 / 7); position:absolute; top:calc($(sidebar.posts.text.font.size * 12 / 7) * 3); width:96px } .Attribution{ color:$(attribution.text.color) } .Attribution a,.Attribution a:hover,.Attribution a:visited{ color:$(attribution.link.color) } .Attribution svg{ fill:$(attribution.icon.color) } .inline-ad{ margin-bottom:16px } .item-view .inline-ad{ display:block } .vertical-ad-container{ float:$startSide; margin-$startSide:15px; min-height:1px; width:128px } .item-view .vertical-ad-container{ margin-top:30px } .inline-ad-placeholder,.vertical-ad-placeholder{ background:$(posts.background.color); 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:$(posts.title.color) } .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:$(header.background.color) } .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:$(3 * posts.width.stream + 2 * 16px + 15px + sidebar.width) } .page_body.has-vertical-ads .centered-top{ max-width:$(3 * posts.width.stream + 2 * 16px + 143px + 15px + sidebar.width) } .centered-top .blog-name,.centered-top .hamburger-section,.centered-top .search{ margin-$startSide: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-$startSide:1px solid $(header.separator.color); -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-$startSide:auto } .search .search-expand-text{ display:none } .search .search-expand .svg-icon-24,.search .search-submit-container .svg-icon-24{ fill:$(search.icon.color); -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:$(search.background.color); box-sizing:border-box; $endSide: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:$(search.background.color) } .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:$(search.text.color); font:$(search.font); outline:0; padding:0 8px } .search .search-input input::-webkit-input-placeholder{ color:$(search.placeholder.color); font:$(search.placeholder.font); line-height:48px } .search .search-input input::-moz-placeholder{ color:$(search.placeholder.color); font:$(search.placeholder.font); line-height:48px } .search .search-input input:-ms-input-placeholder{ color:$(search.placeholder.color); font:$(search.placeholder.font); line-height:48px } .search .search-input input::placeholder{ color:$(search.placeholder.color); font:$(search.placeholder.font); line-height:48px } .search .dim-overlay{ background-color:transparent } .centered-top .Header h1{ box-sizing:border-box; color:$(blog.title.color); font:$(blog.title.font); 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:$(blog.description.color); font:$(blog.description.font); line-height:1.7; margin:16px 0; padding:0 } .sticky .centered-top .Header h1{ color:$(blog.collapsed.title.color); 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:$(body.button.color); cursor:pointer; display:inline-block; font:$(tabs.text.font); margin:0 auto; padding:16px; text-transform:uppercase; white-space:nowrap } .top-nav .PageList h3{ margin-$startSide:16px } .top-nav .PageList ul{ list-style:none; margin:0; padding:0 } .top-nav .PageList ul li{ color:$(body.button.color); font:$(body.button.font); cursor:pointer; text-transform:uppercase; font:$(tabs.text.font) } .top-nav .PageList ul li a{ background-color:$(tabs.background.color); color:$(tabs.text.color); display:block; height:$(tabs.text.font.size + 2 * 16px); line-height:$(tabs.text.font.size + 2 * 16px); overflow:hidden; padding:0 22px; text-overflow:ellipsis; vertical-align:middle } .top-nav .PageList ul li.selected a{ color:$(tabs.selected.color) } .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:$startSide; 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:$(tabs.text.font.size + 2 * 16px); -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:$(2 * posts.width.stream + 1 * 16px + 143px + 15px + sidebar.width)){ .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:$(search.background.color.transparent); width:32px; z-index:7 } .search.focused .section{ width:250px; z-index:8 } .search .search-submit-container .svg-icon-24{ fill:$(header.icons.color) } .search.focused .search-submit-container .svg-icon-24{ fill:$(search.icon.color) } .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-$endSide:24px } .widget.Header h1{ font:$(blog.collapsed.title.font); 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-$startSide: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:$startSide; margin-$startSide:15px } .sidebar-container a{ font:$(sidebar.link.font); color:$(sidebar.link.color) } .sidebar-container .sidebar-back{ float:$endSide } .sidebar-container .navigation{ display:none } .sidebar-container .widget{ margin:auto 0; padding:24px } .sidebar-container .widget .title{ font:$(widget.title.font) } @media (min-width:$(posts.width.stream + 15px + sidebar.width + 1px)) and (max-width:$(2 * posts.width.stream + 1 * 16px + 143px + 15px + sidebar.width)){ .error-view .sidebar-container{ display:none } } @media (max-width:$(posts.width.stream + 15px + sidebar.width)){ .sidebar-container{ margin-$startSide:0; max-width:none; width:100% } .sidebar-container .navigation{ display:block; padding:24px } .sidebar-container .navigation+.sidebar.section{ clear:both } .sidebar-container .widget{ padding-$startSide:32px } .sidebar-container .widget.Profile{ padding-$startSide:24px } } .post-wrapper{ background-color:$(posts.background.color); position:relative } .feed-view .blog-posts{ margin-$endSide:-15px; width:calc(100% + 15px) } .feed-view .post-wrapper{ border-radius:$(posts.border.radius); float:$startSide; overflow:hidden; -webkit-transition:.3s box-shadow cubic-bezier(.4,0,.2,1); transition:.3s box-shadow cubic-bezier(.4,0,.2,1); width:$(posts.width.stream) } .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:$(posts.background.color); 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:$(posts.background.color.inverse) } .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-$endSide:15px; margin-$startSide:0 } .feed-view .post-wrapper.hero .post-title a{ font-size:$(posts.title.font.size * 5 / 6); line-height:$(posts.title.font.size) } .feed-view .post-wrapper.not-hero .post-title a{ font-size:$(posts.title.font.size * 2 / 3); line-height:$(posts.title.font.size) } .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:$(posts.byline.font.size) } .feed-view .hero .byline{ line-height:$(posts.byline.font.size * 1.3) } .feed-view .hero .byline,.feed-view .hero .byline.post-author a,.feed-view .hero .byline.post-timestamp a{ font-size:$(posts.byline.font.size + 2px) } .feed-view .post-comment-link{ float:$startSide } .feed-view .post-share-buttons{ float:$endSide } .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:$(posts.title.font); font-size:$(posts.title.font.size / 2); 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:$(posts.width.stream + 15px + sidebar.width + 1px)){ .feed-view .post-title a .snippet-container{ height:$(posts.title.font.size * 2); max-height:$(posts.title.font.size * 2) } .feed-view .post-title a .snippet-fade{ background:-webkit-linear-gradient($startSide,$(posts.background.color) 0,$(posts.background.color) 20%,$(posts.background.color.transparent) 100%); background:linear-gradient(to $startSide,$(posts.background.color) 0,$(posts.background.color) 20%,$(posts.background.color.transparent) 100%); color:transparent; height:$(posts.title.font.size); width:96px } .feed-view .hero .post-title-container .post-title a .snippet-container{ height:$(posts.title.font.size); max-height:$(posts.title.font.size) } .feed-view .hero .post-title a .snippet-fade{ height:$(posts.title.font.size) } .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($(labels.font.size * 1.5 + 8px) + 2 * 4px); overflow:hidden } .feed-view .labels-container .labels-more,.feed-view .labels-container .overflow-button-container{ display:inline-block; float:$endSide } .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:$(labels.font.size * 1.5 + 8px); padding:0; width:$(labels.font.size * 1.5 + 8px) } .feed-view .labels-more{ margin-$startSide:8px } .feed-view .byline.post-labels{ margin:0 } .feed-view .byline.post-labels a,.feed-view .labels-more a{ background-color:$(posts.background.color); color:$(posts.link.color); 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:$(labels.font); line-height:$(labels.font.size * 1.5 + 8px); height:$(labels.font.size * 1.5 + 8px); padding:0; text-align:center; width:$(labels.font.size * 1.5 + 8px); max-width:$(labels.font.size * 1.5 + 8px) } } @media (max-width:$(2 * posts.width.stream + 1 * 16px + 143px + 15px + sidebar.width)){ .feed-view .centered{ padding-right:0 } .feed-view .centered .main-container{ float:none } .feed-view .blog-posts{ margin-$endSide:0; width:auto } .feed-view .post-wrapper{ float:none } .feed-view .post-wrapper.hero{ width:$(posts.width.stream + 15px + sidebar.width) } .feed-view .page_body .centered div.widget.FeaturedPost,.feed-view div.widget.Blog{ width:$(posts.width.stream) } .post-filter-message,.top-nav{ margin-top:32px } .widget.Header h1{ font:$(blog.collapsed.title.font) } .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:$(posts.width.stream + 15px + sidebar.width)){ .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:$(posts.link.color); 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-$endSide: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:$(posts.border.radius) $(posts.border.radius) 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 $(posts.border.radius) $(posts.border.radius); color:$(posts.text.color); margin:0 8px 8px } .item-view .post-title{ font:$(posts.title.font) } .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:$(body.button.color); font:$(body.button.font); cursor:pointer; text-transform:uppercase; color:$(posts.link.color) } .item-view .post-footer-line{ border:0 } .item-view .sidebar-container{ box-sizing:border-box; margin-$startSide: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:$(posts.background.color) } .item-view .post-outer .post-wrapper{ padding:16px } .item-view .comments{ margin:0 } } #comments{ background:$(posts.background.color); border-top:1px solid $(sidebar.separator.color); 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 $(sidebar.separator.color); border-top:1px solid $(sidebar.separator.color) } .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 } ]]>

We don't show 'read more' links in Emporio. We don't show previeus page links in Emporio. We don't show home page links in Emporio.

Move the thumbnail outside of the body and above the title

Default the title to 'Popular posts from this blog'.

false

true

false

#263238

true

#000000

false

true

#607d8b

TextAndImage

#ffffff

false

1x1

true

2

false

#ffffff

true

false

()

We don't show home page links in Emporio.

We don't show 'read more' links in Emporio.

We don't show previeus page links in Emporio.

FLAT

yyyy

true

MMMM yyyy

MMM dd

MM/dd

false

true

MONTHLY

ALPHA

LIST

ALL

false

3

true

LAST_YEAR

Default the title to 'Popular posts from this blog'.

Move the thumbnail outside of the body and above the title