الهيبة الاقتصادية

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<head>

<b:include data='blog' name='all-head-content'/>

<b:skin version='1.4.0'><![CDATA[/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

</Group>

</Group>

</Group>

</Group>

</Group>

</Group>

</Group>

</Group>

</Group>

</Group>

</Group>

/*!************************************************

* Blogger Template Style

* Name: Emporio

**************************************************/

body{

word-wrap:break-word;

overflow-wrap:break-word;

word-break: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:transparent;

border:0;

box-shadow:none;

color:$(body.link.color);

cursor:pointer;

font-size:14px;

font-weight:700;

outline:none;

text-decoration:none;

text-transform:uppercase;

width:auto

}

.dim-overlay{

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:none

}

.main-heading{

clip:rect(1px,1px,1px,1px);

border:0;

height:1px;

overflow:hidden;

padding:0;

position:absolute;

width:1px

}

.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

}

.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,.inline-ad{

display:none

}

.inline-ad{

max-width:100%;

overflow:hidden

}

.adsbygoogle{

display:block

}

#cookieChoiceInfo{

bottom:0;

top:auto

}

iframe.b-hbp-video{

border:0

}

.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:transparent;

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{

padding-$startSide:8px;

content:"\b7";

cursor:default;

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{

background-color:#fff;

border-bottom:1px solid #000;

box-sizing:border-box;

color:#000;

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;"]{

clear:none!important;

float: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{

padding-$startSide:0;

margin: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{

fill:$(posts.icons.color);

border:1px solid $(posts.icons.color);

border-radius:50%;

box-sizing:border-box;

height:35px;

margin:0;

padding:7px;

width:35px

}

.comment .comment-block{

margin-$startSide:60px;

margin-top:10px;

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{

margin-$startSide:8px;

bottom:0;

display:inline-block;

font-size:13px;

font-style:italic

}

#comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime,#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

}

#comment-editor-src,#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

}

.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;

min-width:24px;

width:24px

}

.touch-icon{

margin:-12px;

padding:12px

}

.touch-icon:active,.touch-icon:focus{

background-color:hsla(0,0%,60%,.4);

border-radius:50%

}

svg:not(:root).touch-icon{

overflow:visible

}

html[dir=rtl] .rtl-reversible-icon{

-webkit-transform:scaleX(-1);

transform:scaleX(-1)

}

.svg-icon-24-button,.touch-icon-button{

background:transparent;

border:0;

margin:0;

outline:none;

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:hsla(0,0%,60%,.4);

border-radius:50%

}

.Profile .default-avatar-wrapper .avatar-icon{

fill:$(sidebar.icons.color);

border:1px solid $(sidebar.icons.color);

border-radius:50%;

box-sizing:border-box;

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;

overflow:hidden;

position:relative

}

.snippet-fade{

$endSide:0;

bottom:0;

box-sizing:border-box;

position:absolute;

width:96px

}

.snippet-fade:after{

content:"\2026";

float:$endSide

}

.centered-top-container.sticky{

left:0;

position:fixed;

right:0;

top:0;

-webkit-transition-duration:.2s;

transition-duration:.2s;

-webkit-transition-property:opacity,-webkit-transform;

transition-property:opacity,-webkit-transform;

transition-property:transform,opacity;

transition-property:transform,opacity,-webkit-transform;

-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);

transition-timing-function:cubic-bezier(.4,0,.2,1);

width:auto;

z-index:8

}

.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:none

}

.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:none

}

.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;

align-items:center;

display:-webkit-box;

display:flex

}

.collapsible-title .title{

-webkit-box-flex:1;

-webkit-box-ordinal-group:1;

flex:1 1 auto;

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{

border-radius:2px;

font-weight:700;

margin:-8px;

padding:8px;

text-transform:uppercase

}

.flat-button,.flat-icon-button{

cursor:pointer;

display:inline-block

}

.flat-icon-button{

background:transparent;

border:0;

box-sizing:content-box;

line-height:0;

margin:-12px;

outline:none;

padding:12px

}

.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 .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:transparent

}

.overflow-popup{

background-color:$(tabs.background.color);

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);

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,.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

}

.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;

min-width:200px;

padding:8px 0;

position:absolute;

top:-11px;

z-index:101

}

.share-buttons.hidden{

display:none

}

.sharing-button{

background:transparent;

border:0;

cursor:pointer;

margin:0;

outline:none;

padding:0

}

.share-buttons li{

height:48px;

margin:0

}

.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:hsla(0,0%,50%,.1);

outline:none

}

.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{

margin-$startSide:56px;

display:block;

font-size:16px;

line-height:48px;

white-space:nowrap

}

.sidebar-container{

-webkit-overflow-scrolling:touch;

background-color:$(sidebar.background.color);

max-width:$(sidebar.width);

overflow-y:auto;

-webkit-transition-duration:.3s;

transition-duration:.3s;

-webkit-transition-property:-webkit-transform;

transition-property:-webkit-transform;

transition-property:transform;

transition-property:transform,-webkit-transform;

-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

}

.sidebar-container .navigation{

line-height:0;

padding:16px

}

.sidebar-container .sidebar-back{

cursor:pointer

}

.sidebar-container .widget{

background:none;

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{

margin-$startSide:.25em;

float:$endSide

}

.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:flex

}

.widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{

-webkit-box-flex:0;

margin-$endSide:1em;

flex:0 0 auto

}

.widget.Profile .individual .profile-link{

-webkit-box-orient:vertical;

-webkit-box-direction:normal;

flex-direction:column

}

.widget.Profile .team .profile-link .profile-name{

-webkit-box-flex:1;

align-self:center;

display:block;

flex:1 1 auto

}

.dim-overlay{

background-color:rgba(0,0,0,.54)

}

body.sidebar-visible{

overflow-y:hidden

}

@media screen and (max-width:$(posts.width.stream + 15px + sidebar.width)){

.sidebar-container{

bottom:0;

left:auto;

position:fixed;

right:0;

top:0

}

.sidebar-container.sidebar-invisible{

-webkit-transform:translateX(100%);

transform:translateX(100%);

-webkit-transition-timing-function:cubic-bezier(.4,0,.6,1);

transition-timing-function:cubic-bezier(.4,0,.6,1)

}

.dialog{

background:$(posts.background.color);

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);

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:1px solid 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;

outline:none;

padding-bottom:7px;

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]::-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:2px solid $(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:none

}

.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 1568.63ms linear infinite;

animation:mspin-rotate 1568.63ms linear infinite;

height:48px;

overflow:hidden;

position:absolute;

width:48px;

z-index:200

}

.loading-spinner-large>div{

-webkit-animation:mspin-revrot 5332ms steps(4) infinite;

animation:mspin-revrot 5332ms steps(4) infinite

}

.loading-spinner-large>div>div{

-webkit-animation:mspin-singlecolor-large-film 1333ms steps(81) infinite;

animation:mspin-singlecolor-large-film 1333ms steps(81) infinite;

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{

0%{

-webkit-transform:translateX(0);

transform:translateX(0)

}

to{

-webkit-transform:translateX(-3888px);

transform:translateX(-3888px)

}

@keyframes mspin-singlecolor-large-film{

0%{

-webkit-transform:translateX(0);

transform:translateX(0)

}

to{

-webkit-transform:translateX(-3888px);

transform:translateX(-3888px)

}

@-webkit-keyframes mspin-rotate{

0%{

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}

to{

-webkit-transform:rotate(1turn);

transform:rotate(1turn)

}

@keyframes mspin-rotate{

0%{

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}

to{

-webkit-transform:rotate(1turn);

transform:rotate(1turn)

}

@-webkit-keyframes mspin-revrot{

0%{

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}

to{

-webkit-transform:rotate(-1turn);

transform:rotate(-1turn)

}

@keyframes mspin-revrot{

0%{

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}

to{

-webkit-transform:rotate(-1turn);

transform:rotate(-1turn)

}

.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:24px auto 0;

white-space:normal;

width:auto

}

.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;

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;

font:$(body.text.font);

margin:0;

min-height:100vh

}

body,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)

}

color:$(body.link.color);

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{

-webkit-box-orient:vertical;

-webkit-box-direction:normal;

box-sizing:border-box;

display:-webkit-box;

display:flex;

flex-direction:column;

min-height:100vh;

padding-bottom:1em

}

.page>*{

-webkit-box-flex:0;

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:50%;

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);

cursor:pointer;

font:$(body.button.font);

margin:0 -16px;

padding:16px;

text-transform:uppercase

}

.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:flex

}

.widget.Profile .individual .profile-info{

margin-$startSide:16px;

align-self:center

}

.widget.Profile .profile-datablock{

margin-bottom:.75em;

margin-top:0

}

.widget.Profile .profile-link{

background-image:none!important;

font-family:inherit;

max-width:100%;

overflow:hidden

}

.widget.Profile .individual .profile-link{

display:block;

margin:0 -10px;

padding:0 10px

}

.widget.Profile .individual .profile-data a.profile-link.g-profile,.widget.Profile .team a.profile-link.g-profile .profile-name{

color:$(widget.title.color);

font:$(widget.title.font);

margin-bottom:.75em

}

.widget.Profile .individual .profile-data a.profile-link.g-profile{

line-height:1.25

}

.widget.Profile .individual>a:first-child{

flex-shrink:0

}

.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;

max-width:100%;

padding:0

}

.widget.Profile .team-member .profile-name-container{

-webkit-box-flex:0;

flex:0 1 auto

}

.widget.Profile .team .extendable .show-less,.widget.Profile .team .extendable .show-more{

$startSide:56px;

position:relative

}

#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{

display:block;

font:$(posts.text.font);

line-height:$(posts.text.lineHeight);

margin:0

}

.post-body,.post-snippet{

color:$(posts.text.color)

}

.post-snippet{

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%);

bottom:0;

color:$(posts.text.color);

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:flex;

font:$(postFilter.message.font);

margin-bottom:16px;

margin-top:32px;

padding:12px 16px

}

.post-filter-message>div:first-child{

-webkit-box-flex:1;

flex:1 0 auto

}

.post-filter-message a{

padding-$startSide:30px;

color:$(body.button.color);

color:$(postFilter.message.link.color);

cursor:pointer;

font:$(body.button.font);

text-transform:uppercase;

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-bottom:1em;

margin-top:2em

}

#blog-pager a{

color:$(body.button.color);

cursor:pointer;

font:$(body.button.font);

text-transform:uppercase

}

.Label{

overflow-x:hidden

}

.Label ul{

list-style:none;

padding:0

}

.Label li{

display:inline-block;

max-width:100%;

overflow:hidden;

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;

font-style:normal;

margin-top:8px;

text-transform:uppercase

}

.Label .show-all,.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{

$endSide:0;

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%);

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{

margin-$startSide:15px;

float:$startSide;

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;

text-align:center;

vertical-align:middle

}

.inline-ad-placeholder span,.vertical-ad-placeholder span{

color:$(posts.title.color);

display:block;

font-weight:700;

margin-top:290px;

text-transform:uppercase

}

.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;

align-items:flex-start;

display:-webkit-box;

display:flex;

flex-wrap:wrap;

margin:0 auto;

max-width:$(3 * posts.width.stream + 2 * 16px + 15px + sidebar.width);

padding-top:40px

}

.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-box-ordinal-group:1;

flex:0 0 auto;

height:24px;

order:0;

width:24px

}

.centered-top .blog-name{

-webkit-box-flex:1;

-webkit-box-ordinal-group:2;

flex:1 1 0;

order:1

}

.centered-top .search{

-webkit-box-flex:0;

-webkit-box-ordinal-group:3;

flex:0 0 auto;

order:2

}

.centered-top .hamburger-section{

-webkit-box-flex:0;

-webkit-box-ordinal-group:4;

display:none;

flex:0 0 auto;

order:3

}

.centered-top .subscribe-section-container{

-webkit-box-flex:1;

-webkit-box-ordinal-group:5;

flex:1 0 100%;

order:4

}

.centered-top .top-nav{

-webkit-box-flex:1;

-webkit-box-ordinal-group:6;

flex:1 0 100%;

margin-top:32px;

order:5

}

.sticky .centered-top{

-webkit-box-align:center;

align-items:center;

box-sizing:border-box;

flex-wrap:nowrap;

padding:0 16px

}

.sticky .centered-top .blog-name{

-webkit-box-flex:0;

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-box-ordinal-group:3;

flex:1 0 auto;

margin:0 16px;

order:2

}

.sticky .centered-top .search{

-webkit-box-flex:1;

-webkit-box-ordinal-group:4;

flex:1 0 auto;

order:3

}

.sticky .centered-top .hamburger-section{

-webkit-box-ordinal-group:5;

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{

margin-$startSide:auto;

background:transparent;

border:0;

display:none;

margin:0;

outline:none;

padding:0

}

.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:fill .3s cubic-bezier(.4,0,.2,1);

transition:fill .3s cubic-bezier(.4,0,.2,1)

}

.search h3{

display:none

}

.search .section{

$endSide:0;

box-sizing:border-box;

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 .section,.search.focused .section{

background-color:$(search.background.color)

}

.search form{

display:-webkit-box;

display:flex

}

.search form .search-submit-container{

-webkit-box-align:center;

-webkit-box-flex:0;

-webkit-box-ordinal-group:1;

align-items:center;

display:-webkit-box;

display:flex;

flex:0 0 auto;

height:48px;

order:0

}

.search form .search-input{

-webkit-box-flex:1;

-webkit-box-ordinal-group:2;

flex:1 1 auto;

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:none;

border:0;

color:$(search.text.color);

font:$(search.font);

outline:none;

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::-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;

overflow:hidden;

padding:0;

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:transparent;

border:0;

color:$(body.button.color);

cursor:pointer;

display:inline-block;

font:$(tabs.text.font);

margin:0 auto;

outline:none;

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);

cursor:pointer;

font:$(body.button.font);

font:$(tabs.text.font);

text-transform:uppercase

}

.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-box-flex:0;

align-items:center;

display:-webkit-box;

display:flex;

flex:0 0 auto;

height:$(tabs.text.font.size + 2 * 16px);

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;

margin-$endSide:24px;

align-items:center;

display:-webkit-box;

display:flex;

height:48px

}

.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{

flex-wrap:wrap

}

.centered-top-container.sticky .blog-name{

-webkit-box-flex:1;

flex:1 1 0

}

.centered-top-container.sticky .search{

-webkit-box-flex:0;

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{

-webkit-box-flex:1;

-webkit-box-ordinal-group:6;

border:0;

flex:1 0 100%;

margin:-16px 0 0;

order:5

}

body.item-view .centered-top-container.sticky .subscribe-section-container{

margin-$startSide:24px

}

.centered-top-container.sticky .subscribe-button{

margin-bottom:0;

padding:8px 16px 16px

}

.centered-top-container.sticky .widget.Header h1{

font-size:16px;

margin:0

}

body.sidebar-visible .page{

overflow-y:scroll

}

.sidebar-container{

margin-$startSide:15px;

float:$startSide

}

.sidebar-container a{

color:$(sidebar.link.color);

font:$(sidebar.link.font)

}

.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:box-shadow .3s cubic-bezier(.4,0,.2,1);

transition:box-shadow .3s 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:50%;

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:opacity .3s cubic-bezier(.4,0,.2,1);

transition:opacity .3s 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-$endSide:15px;

margin-$startSide:0;

margin-bottom:15px;

margin-top: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{

height:24px;

margin-top:16px

}

.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{

background-position:50%;

background-size:cover;

display:block;

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;

justify-content:center

}

.feed-view .labels-outer-container{

margin:0 -4px;

opacity:0;

position:absolute;

top:20px;

-webkit-transition:opacity .2s;

transition:opacity .2s;

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;

vertical-align:top;

white-space:nowrap

}

.feed-view .labels-more{

margin-$startSide:8px;

min-width:$(labels.font.size * 1.5 + 8px);

padding:0;

width:$(labels.font.size * 1.5 + 8px)

}

.feed-view .byline.post-labels{

margin:0

}

.feed-view .byline.post-labels a,.feed-view .labels-more a{

background-color:$(posts.background.color);

box-shadow:0 0 2px 0 rgba(0,0,0,.18);

color:$(posts.link.color);

opacity:.9

}

.feed-view .labels-more a{

border-radius:50%;

display:inline-block;

font:$(labels.font);

height:$(labels.font.size * 1.5 + 8px);

line-height:$(labels.font.size * 1.5 + 8px);

max-width:$(labels.font.size * 1.5 + 8px);

padding:0;

text-align:center;

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,.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{

bottom:16px;

position:absolute;

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

}

.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{

margin-$endSide:15px;

max-width:890px

}

.item-view .centered-bottom{

margin-left:auto;

margin-right:auto;

max-width:1185px;

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);

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);

color:$(posts.link.color);

cursor:pointer;

font:$(body.button.font);

text-transform:uppercase

}

.item-view .post-footer-line{

border:0

}

.item-view .sidebar-container{

margin-$startSide:0;

box-sizing:border-box;

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{

height:296px;

width:auto

}

.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{

clip:rect(1px,1px,1px,1px);

border:0;

height:1px;

overflow:hidden;

padding:0;

position:absolute;

width:1px

}

#comments .comment-form{

border-bottom:1px solid $(sidebar.separator.color);

border-top:1px solid $(sidebar.separator.color)

}

.item-view #comments .comment-form h4{

clip:rect(1px,1px,1px,1px);

border:0;

height:1px;

overflow:hidden;

padding:0;

position:absolute;

width:1px

}

#comment-holder .continue{

display:none

}

]]></b:skin>

<b:template-skin>

<![CDATA[

body#layout .hidden,

body#layout .invisible {

display: inherit;

}

body#layout .centered-bottom {

position: relative;

}

body#layout .section.featured-post,

body#layout .section.main,

body#layout .section.vertical-ad-container {

float: left;

width: 55%;

}

body#layout .sidebar-container {

display: inline-block;

width: 39%;

}

body#layout .centered-bottom:after {

clear: both;

content: "";

display: table;

}

body#layout .hamburger-menu,

body#layout .search {

display: none;

}

]]>

</b:template-skin>

<b:if cond='data:skin.vars.body_background.image.isResizable'>

<b:include cond='not data:view.isPreview' data='{ image: data:skin.vars.body_background.image, selector: "body" }' name='responsiveImageStyle'/>

</b:if>

<b:defaultmarkups>

<b:defaultmarkup type='Common'>

<b:includable id='standardPostImageStyle'>

<b:with value='"post-thumb-" + data:post.id' var='thumbClassName'>

<style>

.<data:thumbClassName/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 385, "385:184").cssEscaped'/>);}

</style>

</b:with>

</b:includable>

<b:includable id='feedPostImage'>

</div>

</b:includable>

<b:includable id='widgetNotAvailableInPreview'>

<b:if cond='data:widget.type == "AdSense"'>

</div>

<b:else/>

<b:include name='super.widgetNotAvailableInPreview'/>

</b:if>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='BlogSearch'>

<b:includable id='searchSubmit'>

<b:if cond='data:widget.sectionId == "search_top"'>

<b:include data='{ iconClass: "touch-icon search-icon" }' name='searchIcon'/>

</label>

<b:else/>

<b:include name='super.searchSubmit'/>

</b:if>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='AdSense,Blog'>

<b:includable id='defaultAdUnit'>

<b:with value='"/* Done in css. */"' var='style'>

<b:include name='super.defaultAdUnit'/>

</b:with>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='Blog,FeaturedPost,PopularPosts'>

<b:includable id='commentsLink'>

<b:include name='commentIcon'/>

<data:post.numberOfComments/>

</span>

</a>

</b:includable>

<b:includable id='snippetedPostThumbnail'>

<b:include data='{ image: data:post.featuredImage, imageSizes: [280,560,840,1120,1400] }' name='responsiveImage'/>

</a>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='Blog,FeaturedPost'>

<b:includable id='postShareButtons' var='post'>

</b:includable>

<b:includable id='headerByline'>

<b:if cond='data:view.isSingleItem and data:widget.type == "Blog"'>

<b:include name='super.headerByline'/>

<b:else/>

<b:include data='{ items: ["author", "timestamp", "labels"] }' name='headerBylineOverride'/>

</b:if>

<b:include cond='data:view.isSingleItem and data:widget.type == "Blog"' data='{ shareButtonClass: "post-share-buttons-top", overridden: true }' name='maybeAddShareButtons'/>

</b:includable>

<b:includable id='footerBylines'>

<b:class name='container'/>

<b:if cond='data:view.isSingleItem and data:widget.type == "Blog"'>

<b:include name='super.footerBylines'/>

<b:else/>

<b:include data='{ items: [["comments"]] }' name='footerBylinesOverride'/>

</b:if>

<b:include data='{ shareButtonClass: "post-share-buttons-bottom", overridden: true }' name='maybeAddShareButtons'/>

</b:includable>

<b:includable id='postTitle' var='post'>

<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>

<data:post.title/>

</div>

<b:if cond='data:post.title != ""'>

</b:if>

</div>

</a>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</div>

</b:includable>

<b:includable id='postLabels'>

<b:if cond='data:view.isMultipleItems'>

<b:loop index='i' values='data:post.labels' var='label'>

</span>

</b:loop>

</div>

</span>

</div>

<b:else/>

<b:include name='super.postLabels'/>

</b:if>

</b:includable>

<b:includable id='postWrapperClasses'>

<b:class cond='data:post.featuredImage' name='image'/>

<b:class cond='not data:post.featuredImage' name='no-image'/>

<b:class cond='data:post.labels and not data:post.labels.empty' name='has-labels'/>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='Blog'>

<b:includable id='feedLinks'>

</b:includable>

<b:includable id='main'>

<b:include name='noContentPlaceholder'/>

<b:include name='super.main'/>

</b:includable>

<b:includable id='inlineAd' var='post'>

<b:include cond='data:post.adNumber lt 3' data='post' name='super.inlineAd'/>

</b:includable>

<b:includable id='postCommentsAndAd'>

<b:include cond='not data:view.isHomepage or data:widgets.FeaturedPost none (w => w.sectionId == "featured_post" and w.postId == data:post.id)' name='super.postCommentsAndAd'/>

</b:includable>

<b:includable id='post' var='post'>

<b:with value='"post-thumb-" + data:post.id' var='thumbClassName'>

<b:include name='postWrapperClasses'/>

<b:include cond='data:post.featuredImage and data:view.isMultipleItems' name='standardPostImageStyle'/>

<b:include name='feedPostImage'/>

<b:include data='post' name='super.post'/>

</div>

</b:with>

</b:includable>

<b:includable id='postBodySnippet' var='post'>

<b:if cond='data:post.featuredImage and not data:view.isMultipleItems'>

<b:with value='"post-" + data:post.id' var='className'>

<style>

.<data:className/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 385, "385:185").cssEscaped'/>);}

@media (max-width: 285px) { .<data:className/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 285, "285:185").cssEscaped'/>);} }

@media (max-width: 385px) and (min-width: 286px) { .<data:className/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 385, "385:185").cssEscaped'/>);} }

@media (max-width: 485px) and (min-width: 386px) { .<data:className/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 485, "485:185").cssEscaped'/>);} }

@media (max-width: 745px) and (min-width: 486px) { .<data:className/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 585, "585:185").cssEscaped'/>);} }

</style>

</div>

</b:with>

</b:if>

</div>

</b:includable>

<b:includable id='postJumpLink' var='post'>

<b:comment>We don't show 'read more' links in Emporio.</b:comment>

</b:includable>

<b:includable id='previousPageLink'>

<b:comment>We don't show previeus page links in Emporio.</b:comment>

</b:includable>

<b:includable id='homePageLink'>

<b:comment>We don't show home page links in Emporio.</b:comment>

</b:includable>

<b:includable id='nextPageLink'>

<data:messages.morePosts/>

</a>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='BlogArchive'>

<b:includable id='main' var='this'>

<b:attr cond='data:view.isArchive' name='open' value='open'/>

<b:with value='true' var='renderAsDetails'>

<b:with value='data:messages.archive' var='defaultTitle'>

<b:include name='super.main'/>

</b:with>

</details>

</b:includable>

<b:includable id='flat'>

<b:include data='{ buttonClass: "flat-button", items: data:this.data, itemSet: "data", itemsMarkup: "super.flat" }' name='extendableItems'/>

</b:includable>

<b:includable id='hierarchy'>

<b:include data='{ buttonClass: "flat-button", limit: 1, items: data:this.data, itemSet: "data", itemsMarkup: "super.hierarchy" }' name='extendableItems'/>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='Label'>

<b:includable id='main' var='this'>

<b:attr cond='data:view.isLabelSearch' name='open' value='open'/>

<b:with value='true' var='renderAsDetails'>

<b:with value='data:messages.labels' var='defaultTitle'>

<b:include name='super.main'/>

</b:with>

</details>

</b:includable>

<b:includable id='list'>

<b:include data='{ buttonClass: "flat-button", items: data:this.labels, itemSet: "labels", itemsMarkup: "super.list" }' name='extendableItems'/>

</b:includable>

<b:includable id='cloud'>

<b:include data='{ buttonClass: "flat-button", items: data:this.labels, itemSet: "labels", itemsMarkup: "super.cloud" }' name='extendableItems'/>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='FeaturedPost'>

<b:includable id='snippetedPostContent'>

<b:if cond='data:widget.sectionId != "featured_post"'>

<b:include name='super.snippetedPostContent'/>

<b:else/>

<b:with value='"post-thumb-" + data:post.id' var='thumbClassName'>

<b:if cond='data:post.featuredImage'>

<style>

@media (min-width: 746px) { .hero .<data:thumbClassName/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 800, "800:272").cssEscaped'/>);} }

@media (min-width: 1545px) { .hero .<data:thumbClassName/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 1185, "1185:272").cssEscaped'/>);} }

@media (max-width: 400px) { .hero .<data:thumbClassName/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 400, "1:1").cssEscaped'/>); } }

@media (min-width: 401px) and (max-width: 745px) { .hero .<data:thumbClassName/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 745, "745:400").cssEscaped'/>); } }

</style>

</b:if>

<b:include name='postWrapperClasses'/>

<b:include name='feedPostImage'/>

<b:include cond='data:postDisplay.showTitle' data='post' name='postTitle'/>

<b:include name='headerByline'/>

<b:include cond='data:postDisplay.showSnippet' data='post' name='postSnippet'/>

<b:include name='footerBylines'/>

</div>

</b:with>

</b:if>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='Header'>

<b:includable id='description'>

<b:include cond='not data:view.isSingleItem' name='super.description'/>

</b:includable>

<b:includable id='image'>

<b:include name='super.image'/>

<b:include cond='data:this.imagePlacement == "REPLACE"' name='title'/>

</b:includable>

<b:includable id='title'>

<div>

<b:class cond='data:this.imagePlacement == "REPLACE"' name='replaced'/>

<b:include name='super.title'/>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='PageList'>

<b:includable id='content'>

<b:include cond='data:widget.sectionId == "page_list_top"' name='overflowablePageList'/>

<b:include cond='data:widget.sectionId != "page_list_top"' name='pageList'/>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='PopularPosts'>

<b:includable id='snippetedPostContent'>

<b:comment>Move the thumbnail outside of the body and above the title</b:comment>

<b:include cond='data:postDisplay.showFeaturedImage and data:post.featuredImage.isResizable' data='post' name='snippetedPostThumbnail'/>

<b:include data='post' name='snippetedPostTitle'/>

<b:include data='post' name='itemBody'/>

</b:includable>

<b:includable id='itemBody' var='post'>

<b:with value='"popular-posts"' var='snippetPrefix'>

<b:include cond='data:postDisplay.showSnippet' data='post' name='postSnippet'/>

</b:with>

</div>

</b:includable>

<b:includable id='main'>

<b:comment>Default the title to 'Popular posts from this blog'.</b:comment>

<b:with value='data:messages.popularPosts' var='defaultTitle'>

<b:include name='super.main'/>

</b:with>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='Profile'>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='defaultProfileImage'>

<b:include data='{ iconClass: "avatar-icon" }' name='defaultAvatarIcon'/>

</div>

</b:includable>

<b:includable id='viewProfileLink'>

</b:includable>

<b:includable id='teamProfile'>

<b:include data='{ items: data:authors, itemSet: "authors", itemsMarkup: "super.teamProfile", limit: 4 }' name='extendableItems'/>

</div>

</b:includable>

<b:includable id='teamProfileLink'>

<b:include name='profileImage'/>

<data:messages.visitProfile/>

</div>

</a>

</b:includable>

</b:defaultmarkup>

</b:defaultmarkups>

<b:if cond='data:blog.adsenseClientId and !data:widgets.AdSense.empty and not data:blog.adsenseAutoAds'>

</b:if>

<b:include data='blog' name='google-analytics'/>

</head>

<body>

<b:class cond='data:view.isPreview' name='preview'/>

<b:class cond='data:view.isMultipleItems' name='feed-view'/>

<b:class cond='data:view.isSingleItem' name='item-view'/>

<b:class cond='data:view.isArchive' name='archive-view'/>

<b:class cond='data:view.isLabelSearch' name='label-view'/>

<b:class cond='data:view.isSearch and !data:view.isLabelSearch' name='search-view'/>

<b:class cond='data:view.isError' name='error-view'/>

<b:class name='version-1-4-0'/>

<b:include name='skipNavigation'/>

<b:with value='data:widgets.AdSense any (w => w.sectionId == "ads")' var='hasVerticalAds'>

<b:class cond='data:hasVerticalAds' name='has-vertical-ads'/>

<b:if cond='data:view.isSingleItem'>

<b:if cond='data:widgets.Blog.first.posts.first.featuredImage'>

<b:include data='{ image: data:widgets.Blog.first.posts.first.featuredImage, selector: ".bg-photo" }' name='responsiveImageStyle'/>

</div>

</b:if>

<b:if cond='not data:view.isSingleItem'>

</b:if>

<b:class cond='data:view.isSingleItem' name='sticky'/>

<b:class cond='data:view.isSearch and data:view.search.query' name='search-focused'/>

<b:if cond='data:view.isSingleItem'>

<b:include data='{ iconClass: "touch-icon back-button rtl-reversible-icon" }' name='backArrowIcon'/>

</a>

<b:else/>

<b:include data='{ iconClass: "touch-icon hamburger-menu" }' name='menuIcon'/>

</div>

</b:if>

<b:section id='header' name='Header' showaddelement='false'>

<b:widget id='Header1' locked='true' title='الهيبة الاقتصادية (رأس الصفحة)' type='Header' visible='true'>

<b:widget-settings>

<b:widget-setting name='displayUrl'/>

<b:widget-setting name='displayHeight'>0</b:widget-setting>

<b:widget-setting name='sectionWidth'>-1</b:widget-setting>

<b:widget-setting name='useImage'>false</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>

<b:widget-setting name='displayWidth'>0</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>

<b:include cond='data:imagePlacement not in {"REPLACE", "BEFORE_DESCRIPTION"}' name='title'/>

<b:include cond='data:imagePlacement != "REPLACE"' name='description'/>

</div>

<b:include cond='data:imagePlacement == "BEHIND"' name='behindImageStyle'/>

</b:includable>

<b:includable id='behindImageStyle'>

<b:if cond='data:sourceUrl'>

<b:include cond='data:this.image' data='{ image: data:this.image, selector: ".header-widget" }' name='responsiveImageStyle'/>

.header-widget {

background-position: <data:blog.locale.languageAlignment/>;

background-repeat: no-repeat;

background-size: cover;

}

</style>

</b:if>

</b:includable>

<b:includable id='description'>

<b:include cond='not data:view.isSingleItem' name='super.description'/>

</b:includable>

<b:includable id='image'>

<b:include name='super.image'/>

<b:include cond='data:this.imagePlacement == "REPLACE"' name='title'/>

</b:includable>

<b:includable id='title'>

<div>

<b:class cond='data:this.imagePlacement == "REPLACE"' name='replaced'/>

<b:include name='super.title'/>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<b:if cond='data:view.isLayoutMode or data:widgets any (w => w.sectionId == "search_top")'>

<b:class cond='data:view.isSearch and data:view.search.query' name='focused'/>

<b:include data='{ iconClass: "touch-icon search-expand-icon" }' name='searchIcon'/>

</button>

<b:section id='search_top' name='Search (Top)' showaddelement='false'>

<b:widget id='BlogSearch1' locked='true' title='بحث هذه المدونة الإلكترونية' type='BlogSearch' visible='true'>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:include name='searchForm'/>

</div>

</b:includable>

<b:includable id='searchForm'>

<b:attr cond='not data:view.isPreview' name='target' value='_top'/>

<b:include name='urlParamsAsFormInput'/>

</div>

<b:include name='searchSubmit'/>

</form>

</b:includable>

<b:includable id='searchSubmit'>

<b:if cond='data:widget.sectionId == "search_top"'>

<b:include data='{ iconClass: "touch-icon search-icon" }' name='searchIcon'/>

</label>

<b:else/>

<b:include name='super.searchSubmit'/>

</b:if>

</b:includable>

</b:widget>

</b:section>

</div>

</b:if>

<b:if cond='data:view.isLayoutMode or not data:view.isSingleItem'>

<b:section id='page_list_top' name='Page List (Top)' showaddelement='false'>

<b:widget id='PageList1' locked='true' title='' type='PageList' visible='false'>

<b:widget-settings>

<b:widget-setting name='pageListJson'><![CDATA[{"home":{"href":"http://alhaibahfortrading.blogspot.com/","position":0,"title":"الصفحة الرئيسية"}}]]></b:widget-setting>

<b:widget-setting name='homeTitle'>الصفحة الرئيسية</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:include cond='data:widget.sectionId == "page_list_top"' name='overflowablePageList'/>

<b:include cond='data:widget.sectionId != "page_list_top"' name='pageList'/>

</div>

</b:includable>

<b:includable id='overflowButton'>

<b:include name='verticalMoreIcon'/>

</b:includable>

<b:includable id='overflowablePageList'>

<b:with value='true' var='overflow'>

<b:with value='"tabs"' var='pageListClass'>

<b:include name='pageList'/>

</b:with>

</div>

<b:include name='overflowButton'/>

</div>

</b:includable>

<b:includable id='pageLink'>

<li>

<b:class cond='data:overflow' name='overflowable-item'/>

<b:class cond='data:link.isCurrentPage' name='selected'/>

</li>

</b:includable>

<b:includable id='pageList'>

<ul>

<b:class cond='data:pageListClass' expr:name='data:pageListClass'/>

<b:loop values='data:links' var='link'>

<b:include name='pageLink'/>

</b:loop>

</ul>

</b:includable>

</b:widget>

</b:section>

</nav>

</b:if>

</div>

</header>

<b:if cond='data:view.isArchive or (data:view.isSearch and data:view.search.resultsMessage)'>

<div>

<b:if cond='data:view.isArchive'>

<data:view.archive.rangeMessage/>

<b:elseif cond='data:view.isSearch and data:view.search.resultsMessage'/>

<data:view.search.resultsMessageHtml/>

</b:if>

</div>

<div>

</div>

</b:if>

<b:if cond='data:view.isMultipleItems'>

</b:if>

<b:section class='featured-post' id='featured_post' name='Featured Post' showaddelement='false'>

<b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='true' title='' type='FeaturedPost' visible='true'>

<b:widget-settings>

<b:widget-setting name='showSnippet'>false</b:widget-setting>

<b:widget-setting name='showPostTitle'>true</b:widget-setting>

<b:widget-setting name='showFirstImage'>true</b:widget-setting>

<b:widget-setting name='useMostRecentPost'>true</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='snippetedPosts'/>

</div>

</b:includable>

<b:includable id='commentsLink'>

<b:include name='commentIcon'/>

<data:post.numberOfComments/>

</span>

</a>

</b:includable>

<b:includable id='footerBylines'>

<b:class name='container'/>

<b:if cond='data:view.isSingleItem and data:widget.type == "Blog"'>

<b:include name='super.footerBylines'/>

<b:else/>

<b:include data='{ items: [["comments"]] }' name='footerBylinesOverride'/>

</b:if>

<b:include data='{ shareButtonClass: "post-share-buttons-bottom", overridden: true }' name='maybeAddShareButtons'/>

</b:includable>

<b:includable id='headerByline'>

<b:if cond='data:view.isSingleItem and data:widget.type == "Blog"'>

<b:include name='super.headerByline'/>

<b:else/>

<b:include data='{ items: ["author", "timestamp", "labels"] }' name='headerBylineOverride'/>

</b:if>

<b:include cond='data:view.isSingleItem and data:widget.type == "Blog"' data='{ shareButtonClass: "post-share-buttons-top", overridden: true }' name='maybeAddShareButtons'/>

</b:includable>

<b:includable id='postLabels'>

<b:if cond='data:view.isMultipleItems'>

<b:loop index='i' values='data:post.labels' var='label'>

</span>

</b:loop>

</div>

</span>

</div>

<b:else/>

<b:include name='super.postLabels'/>

</b:if>

</b:includable>

<b:includable id='postShareButtons' var='post'>

</b:includable>

<b:includable id='postTitle' var='post'>

<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>

<data:post.title/>

</div>

<b:if cond='data:post.title != ""'>

</b:if>

</div>

</a>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</div>

</b:includable>

<b:includable id='postWrapperClasses'>

<b:class cond='data:post.featuredImage' name='image'/>

<b:class cond='not data:post.featuredImage' name='no-image'/>

<b:class cond='data:post.labels and not data:post.labels.empty' name='has-labels'/>

</b:includable>

<b:includable id='snippetedPostContent'>

<b:if cond='data:widget.sectionId != "featured_post"'>

<b:include name='super.snippetedPostContent'/>

<b:else/>

<b:with value='"post-thumb-" + data:post.id' var='thumbClassName'>

<b:if cond='data:post.featuredImage'>

<style>

@media (min-width: 746px) { .hero .<data:thumbClassName/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 800, "800:272").cssEscaped'/>);} }

@media (min-width: 1545px) { .hero .<data:thumbClassName/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 1185, "1185:272").cssEscaped'/>);} }

@media (max-width: 400px) { .hero .<data:thumbClassName/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 400, "1:1").cssEscaped'/>); } }

@media (min-width: 401px) and (max-width: 745px) { .hero .<data:thumbClassName/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 745, "745:400").cssEscaped'/>); } }

</style>

</b:if>

<b:include name='postWrapperClasses'/>

<b:include name='feedPostImage'/>

<b:include cond='data:postDisplay.showTitle' data='post' name='postTitle'/>

<b:include name='headerByline'/>

<b:include cond='data:postDisplay.showSnippet' data='post' name='postSnippet'/>

<b:include name='footerBylines'/>

</div>

</b:with>

</b:if>

</b:includable>

<b:includable id='snippetedPostThumbnail'>

<b:include data='{ image: data:post.featuredImage, imageSizes: [280,560,840,1120,1400] }' name='responsiveImage'/>

</a>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section class='main' id='page_body' name='Page Body' showaddelement='false'>

<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' visible='true'>

<b:widget-settings>

<b:widget-setting name='showDateHeader'>false</b:widget-setting>

<b:widget-setting name='commentLabel'>comments</b:widget-setting>

<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showShareButtons'>true</b:widget-setting>

<b:widget-setting name='showCommentLink'>true</b:widget-setting>

<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='postLocationLabel'>Location:</b:widget-setting>

<b:widget-setting name='showAuthor'>false</b:widget-setting>

<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>

<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='reactionsLabel'/>

<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>

<b:widget-setting name='style.layout'>1x1</b:widget-setting>

<b:widget-setting name='showLabels'>true</b:widget-setting>

<b:widget-setting name='showLocation'>true</b:widget-setting>

<b:widget-setting name='postLabelsLabel'/>

<b:widget-setting name='showTimestamp'>true</b:widget-setting>

<b:widget-setting name='postsPerAd'>1</b:widget-setting>

<b:widget-setting name='showBacklinks'>false</b:widget-setting>

<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showInlineAds'>false</b:widget-setting>

<b:widget-setting name='showReactions'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='noContentPlaceholder'/>

<b:include name='super.main'/>

</b:includable>

<b:includable id='aboutPostAuthor'>

<span>

<data:post.author.name/>

</span>

</a>

</div>

<div>

<data:post.author.aboutMe/>

</span>

</div>

</b:includable>

<b:includable id='addComments'>

<b:message name='messages.postAComment'/>

</a>

</b:includable>

<b:includable id='commentAuthorAvatar'>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<b:if cond='data:showCmtPopup'>

</div>

<b:else/>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='commentForm' var='post'>

<b:if cond='data:this.messages.blogComment != ""'>

</b:if>

<b:include data='post' name='commentFormIframeSrc'/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');

</script>

</div>

</b:includable>

<b:includable id='commentFormIframeSrc' var='post'>

</b:includable>

<b:includable id='commentItem' var='comment'>

<b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>

<b:if cond='data:comment.authorUrl'>

<b:message name='messages.authorSaidWithLink'>

<b:param expr:value='data:comment.author' name='authorName'/>

<b:param expr:value='data:comment.authorUrl' name='authorUrl'/>

</b:message>

<b:else/>

<b:message name='messages.authorSaid'>

<b:param expr:value='data:comment.author' name='authorName'/>

</b:message>

</b:if>

</div>

<data:comment.body/>

</div>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</div>

</b:includable>

<b:includable id='commentList' var='comments'>

<b:loop values='data:comments' var='comment'>

<b:include data='comment' name='commentItem'/>

</b:loop>

</div>

</b:includable>

<b:includable id='commentPicker' var='post'>

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threadedComments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

<b:if cond='data:post.allowComments'>

<b:include name='commentsTitle'/>

<b:include cond='data:post.comments' data='post.comments' name='commentList'/>

</div>

<b:if cond='data:post.commentPagingRequired'>

<b:if cond='data:post.hasOlderLinks'>

<data:messages.oldest/>

</a>

<data:messages.older/>

</a>

</b:if>

<data:post.commentRangeText/>

</span>

<b:if cond='data:post.hasNewerLinks'>

<data:messages.newer/>

</a>

<data:messages.newest/>

</a>

</b:if>

</div>

</b:if>

<b:if cond='data:post.embedCommentForm'>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='commentForm'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

<b:else/>

<b:if cond='data:post.allowComments'>

<b:include data='post' name='addComments'/>

</b:if>

</div>

</b:if>

<b:if cond='data:showCmtPopup'>

</iframe>

</div>

</b:if>

</section>

</b:includable>

<b:includable id='commentsLink'>

<b:include name='commentIcon'/>

<data:post.numberOfComments/>

</span>

</a>

</b:includable>

<b:includable id='commentsTitle'>

</b:includable>

<b:includable id='defaultAdUnit'>

<b:with value='"/* Done in css. */"' var='style'>

<b:include name='super.defaultAdUnit'/>

</b:with>

</b:includable>

<b:includable id='feedLinks'>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<data:messages.subscribeTo/>

<b:loop values='data:links' var='f'>

</b:loop>

</div>

</b:includable>

<b:includable id='footerBylines'>

<b:class name='container'/>

<b:if cond='data:view.isSingleItem and data:widget.type == "Blog"'>

<b:include name='super.footerBylines'/>

<b:else/>

<b:include data='{ items: [["comments"]] }' name='footerBylinesOverride'/>

</b:if>

<b:include data='{ shareButtonClass: "post-share-buttons-bottom", overridden: true }' name='maybeAddShareButtons'/>

</b:includable>

<b:includable id='headerByline'>

<b:if cond='data:view.isSingleItem and data:widget.type == "Blog"'>

<b:include name='super.headerByline'/>

<b:else/>

<b:include data='{ items: ["author", "timestamp", "labels"] }' name='headerBylineOverride'/>

</b:if>

<b:include cond='data:view.isSingleItem and data:widget.type == "Blog"' data='{ shareButtonClass: "post-share-buttons-top", overridden: true }' name='maybeAddShareButtons'/>

</b:includable>

<b:includable id='homePageLink'>

<b:comment>We don't show home page links in Emporio.</b:comment>

</b:includable>

<b:includable id='iframeComments' var='post'>

</b:includable>

<b:includable id='inlineAd' var='post'>

<b:include cond='data:post.adNumber lt 3' data='post' name='super.inlineAd'/>

</b:includable>

<b:includable id='nextPageLink'>

<data:messages.morePosts/>

</a>

</b:includable>

<b:includable id='post' var='post'>

<b:with value='"post-thumb-" + data:post.id' var='thumbClassName'>

<b:include name='postWrapperClasses'/>

<b:include cond='data:post.featuredImage and data:view.isMultipleItems' name='standardPostImageStyle'/>

<b:include name='feedPostImage'/>

<b:include data='post' name='super.post'/>

</div>

</b:with>

</b:includable>

<b:includable id='postBody' var='post'>

<data:post.body/>

</div>

</b:includable>

<b:includable id='postBodySnippet' var='post'>

<b:if cond='data:post.featuredImage and not data:view.isMultipleItems'>

<b:with value='"post-" + data:post.id' var='className'>

<style>

.<data:className/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 385, "385:185").cssEscaped'/>);}

@media (max-width: 285px) { .<data:className/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 285, "285:185").cssEscaped'/>);} }

@media (max-width: 385px) and (min-width: 286px) { .<data:className/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 385, "385:185").cssEscaped'/>);} }

@media (max-width: 485px) and (min-width: 386px) { .<data:className/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 485, "485:185").cssEscaped'/>);} }

@media (max-width: 745px) and (min-width: 486px) { .<data:className/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 585, "585:185").cssEscaped'/>);} }

</style>

</div>

</b:with>

</b:if>

</div>

</b:includable>

<b:includable id='postCommentsAndAd'>

<b:include cond='not data:view.isHomepage or data:widgets.FeaturedPost none (w => w.sectionId == "featured_post" and w.postId == data:post.id)' name='super.postCommentsAndAd'/>

</b:includable>

<b:includable id='postCommentsLink'>

<b:if cond='data:view.isMultipleItems'>

<b:include cond='data:post.commentSource != 1' name='commentsLink'/>

</span>

</b:if>

</b:includable>

<b:includable id='postFooter' var='post'>

<b:include name='footerBylines'/>

<b:include data='post' name='postFooterAuthorProfile'/>

</div>

</b:includable>

<b:includable id='postFooterAuthorProfile' var='post'>

<b:if cond='data:post.author.aboutMe and data:view.isPost'>

<b:if cond='data:post.author.authorPhoto.url'>

<b:include data='post' name='aboutPostAuthor'/>

</div>

<b:else/>

<b:include data='post' name='aboutPostAuthor'/>

</b:if>

</div>

</b:if>

</b:includable>

<b:includable id='postHeader' var='post'>

<b:include name='headerByline'/>

</b:includable>

<b:includable id='postJumpLink' var='post'>

<b:comment>We don't show 'read more' links in Emporio.</b:comment>

</b:includable>

<b:includable id='postLabels'>

<b:if cond='data:view.isMultipleItems'>

<b:loop index='i' values='data:post.labels' var='label'>

</span>

</b:loop>

</div>

</span>

</div>

<b:else/>

<b:include name='super.postLabels'/>

</b:if>

</b:includable>

<b:includable id='postMeta' var='post'>

<b:include data='post' name='postMetadataJSON'/>

</b:includable>

<b:includable id='postPagination'>

<b:include cond='data:newerPageUrl' name='previousPageLink'/>

<b:include cond='data:olderPageUrl' name='nextPageLink'/>

<b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>

</div>

</b:includable>

<b:includable id='postShareButtons' var='post'>

</b:includable>

<b:includable id='postTitle' var='post'>

<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>

<data:post.title/>

</div>

<b:if cond='data:post.title != ""'>

</b:if>

</div>

</a>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</div>

</b:includable>

<b:includable id='postWrapperClasses'>

<b:class cond='data:post.featuredImage' name='image'/>

<b:class cond='not data:post.featuredImage' name='no-image'/>

<b:class cond='data:post.labels and not data:post.labels.empty' name='has-labels'/>

</b:includable>

<b:includable id='previousPageLink'>

<b:comment>We don't show previeus page links in Emporio.</b:comment>

</b:includable>

<b:includable id='snippetedPostThumbnail'>

<b:include data='{ image: data:post.featuredImage, imageSizes: [280,560,840,1120,1400] }' name='responsiveImage'/>

</a>

</div>

</b:includable>

<b:includable id='threadedCommentForm' var='post'>

<b:if cond='data:this.messages.blogComment != ""'>

</b:if>

<b:include data='post' name='commentFormIframeSrc'/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');

</script>

</div>

</b:includable>

<b:includable id='threadedCommentJs' var='post'>

<b:template-script inline='true' name='threaded_comments'/>

blogger.widgets.blog.initThreadedComments(

<data:post.commentJso/>,

<data:post.commentMsgs/>,

<data:post.commentConfig/>);

</script>

</b:includable>

<b:includable id='threadedComments' var='post'>

<b:include name='commentsTitle'/>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='threadedCommentJs'/>

</b:if>

<data:post.commentHtml/>

</div>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='threadedCommentForm'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

<b:if cond='data:post.showManageComments'>

<b:include data='post' name='manageComments'/>

</b:if>

</p>

<b:if cond='data:showCmtPopup'>

</iframe>

</div>

</b:if>

</section>

</b:includable>

</b:widget>

</b:section>

</main>

<b:section ads='true' class='vertical-ad-container' id='ads' name='Ads' showaddelement='false'>

<b:widget id='AdSense1' locked='true' title='' type='AdSense' visible='true'>

<b:includable id='main'>

<b:if cond='data:adCode'>

<data:adCode/>

<b:else/>

<b:include name='defaultAdUnit'/>

</b:if>

</div>

</b:includable>

<b:includable id='defaultAdUnit'>

<b:with value='"/* Done in css. */"' var='style'>

<b:include name='super.defaultAdUnit'/>

</b:with>

</b:includable>

</b:widget>

<b:widget id='AdSense2' locked='true' title='' type='AdSense' visible='true'>

<b:includable id='main'>

<b:if cond='data:adCode'>

<data:adCode/>

<b:else/>

<b:include name='defaultAdUnit'/>

</b:if>

</div>

</b:includable>

<b:includable id='defaultAdUnit'>

<b:with value='"/* Done in css. */"' var='style'>

<b:include name='super.defaultAdUnit'/>

</b:with>

</b:includable>

</b:widget>

</b:section>

<b:class cond='not data:view.isSingleItem' name='sidebar-invisible'/>

<b:if cond='not data:view.isSingleItem or data:view.isLayoutMode'>

<b:include data='{ iconClass: "touch-icon sidebar-back" }' name='closeIcon'/>

</div>

<b:section class='sidebar' id='sidebar_feed' name='Sidebar' preferred='yes'>

<b:widget id='Profile1' locked='false' title='من أنا' type='Profile' visible='true'>

<b:widget-settings>

<b:widget-setting name='showaboutme'>true</b:widget-setting>

<b:widget-setting name='showlocation'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='authorProfileImage'>

</b:includable>

<b:includable id='content'>

<b:if cond='data:team'>

<b:include name='teamProfile'/>

</div>

<b:else/>

<b:include name='userProfile'/>

</div>

</b:if>

</b:includable>

<b:includable id='defaultProfileImage'>

<b:include data='{ iconClass: "avatar-icon" }' name='defaultAvatarIcon'/>

</div>

</b:includable>

<b:includable id='profileImage'>

<b:if cond='data:authorPhoto.image'>

<b:include name='authorProfileImage'/>

<b:else/>

<b:include name='defaultProfileImage'/>

</b:if>

</b:includable>

<b:includable id='teamProfile'>

<b:include data='{ items: data:authors, itemSet: "authors", itemsMarkup: "super.teamProfile", limit: 4 }' name='extendableItems'/>

</div>

</b:includable>

<b:includable id='teamProfileLink'>

<b:include name='profileImage'/>

<data:messages.visitProfile/>

</div>

</a>

</b:includable>

<b:includable id='userLocation'>

</b:includable>

<b:includable id='userProfile'>

<b:include name='userProfileImage'/>

<b:include name='userProfileInfo'/>

</b:includable>

<b:includable id='userProfileData'>

<data:displayname/>

</a>

</dt>

</b:includable>

<b:includable id='userProfileImage'>

<b:include name='profileImage'/>

</a>

</b:includable>

<b:includable id='userProfileInfo'>

<b:class cond='data:showlocation and data:location != ""' name='has-location'/>

<b:include name='userProfileData'/>

<b:include cond='data:showlocation and data:location != ""' name='userLocation'/>

<b:include cond='data:aboutme != ""' name='userProfileText'/>

</dl>

<b:include name='viewProfileLink'/>

</div>

</b:includable>

<b:includable id='userProfileText'>

<data:aboutme/>

</dd>

</b:includable>

<b:includable id='viewProfileLink'>

</b:includable>

</b:widget>

<b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive' visible='true'>

<b:widget-settings>

<b:widget-setting name='showStyle'>FLAT</b:widget-setting>

<b:widget-setting name='yearPattern'>yyyy</b:widget-setting>

<b:widget-setting name='showWeekEnd'>true</b:widget-setting>

<b:widget-setting name='monthPattern'>MMMM yyyy</b:widget-setting>

<b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>

<b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>

<b:widget-setting name='chronological'>false</b:widget-setting>

<b:widget-setting name='showPosts'>true</b:widget-setting>

<b:widget-setting name='frequency'>MONTHLY</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:attr cond='data:view.isArchive' name='open' value='open'/>

<b:with value='true' var='renderAsDetails'>

<b:with value='data:messages.archive' var='defaultTitle'>

<b:include name='super.main'/>

</b:with>

</details>

</b:includable>

<b:includable id='content'>

<b:include cond='data:this.style == "HIERARCHY"' name='hierarchy'/>

<b:include cond='data:this.style in {"FLAT", "MENU"}' name='flat'/>

</div>

</b:includable>

<b:includable id='flat'>

<b:include data='{ buttonClass: "flat-button", items: data:this.data, itemSet: "data", itemsMarkup: "super.flat" }' name='extendableItems'/>

</b:includable>

<b:includable id='hierarchy'>

<b:include data='{ buttonClass: "flat-button", limit: 1, items: data:this.data, itemSet: "data", itemsMarkup: "super.hierarchy" }' name='extendableItems'/>

</b:includable>

<b:includable id='interval' var='intervals'>

<b:loop values='data:intervals' var='interval'>

<data:interval.name/>

</a>

</div>

<b:include cond='data:interval.data' data='interval.data' name='interval'/>

<b:include cond='data:interval.posts' data='interval.posts' name='posts'/>

</div>

</li>

</b:loop>

</ul>

</b:includable>

<b:includable id='posts' var='posts'>

<b:loop values='data:posts' var='post'>

<li>

</li>

</b:loop>

</ul>

</b:includable>

</b:widget>

<b:widget id='Label1' locked='false' title='التسميات' type='Label' visible='true'>

<b:widget-settings>

<b:widget-setting name='sorting'>ALPHA</b:widget-setting>

<b:widget-setting name='display'>LIST</b:widget-setting>

<b:widget-setting name='selectedLabelsList'/>

<b:widget-setting name='showType'>ALL</b:widget-setting>

<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:attr cond='data:view.isLabelSearch' name='open' value='open'/>

<b:with value='true' var='renderAsDetails'>

<b:with value='data:messages.labels' var='defaultTitle'>

<b:include name='super.main'/>

</b:with>

</details>

</b:includable>

<b:includable id='cloud'>

<b:include data='{ buttonClass: "flat-button", items: data:this.labels, itemSet: "labels", itemsMarkup: "super.cloud" }' name='extendableItems'/>

</b:includable>

<b:includable id='content'>

<b:class expr:name='data:this.display + "-label-widget-content"'/>

<b:include cond='data:this.display == "list"' name='list'/>

<b:include cond='data:this.display == "cloud"' name='cloud'/>

</div>

</b:includable>

<b:includable id='list'>

<b:include data='{ buttonClass: "flat-button", items: data:this.labels, itemSet: "labels", itemsMarkup: "super.list" }' name='extendableItems'/>

</b:includable>

</b:widget>

<b:widget id='ReportAbuse1' locked='true' title='' type='ReportAbuse' visible='true'>

<b:includable id='main'>

<b:include name='reportAbuse'/>

</b:includable>

</b:widget>

</b:section>

</b:if>

<b:if cond='data:view.isSingleItem or data:view.isLayoutMode'>

<b:section id='sidebar_item' name='Sidebar (Item Page)'>

<b:widget cond='data:posts any (p => p.id != data:view.postId)' id='PopularPosts1' locked='true' title='' type='PopularPosts' visible='true'>

<b:widget-settings>

<b:widget-setting name='numItemsToShow'>3</b:widget-setting>

<b:widget-setting name='showThumbnails'>true</b:widget-setting>

<b:widget-setting name='showSnippets'>true</b:widget-setting>

<b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:comment>Default the title to 'Popular posts from this blog'.</b:comment>

<b:with value='data:messages.popularPosts' var='defaultTitle'>

<b:include name='super.main'/>

</b:with>

</b:includable>

<b:includable id='commentsLink'>

<b:include name='commentIcon'/>

<data:post.numberOfComments/>

</span>

</a>

</b:includable>

<b:includable id='itemBody' var='post'>

<b:with value='"popular-posts"' var='snippetPrefix'>

<b:include cond='data:postDisplay.showSnippet' data='post' name='postSnippet'/>

</b:with>

</div>

</b:includable>

<b:includable id='snippetedPostContent'>

<b:comment>Move the thumbnail outside of the body and above the title</b:comment>

<b:include cond='data:postDisplay.showFeaturedImage and data:post.featuredImage.isResizable' data='post' name='snippetedPostThumbnail'/>

<b:include data='post' name='snippetedPostTitle'/>

<b:include data='post' name='itemBody'/>

</b:includable>

<b:includable id='snippetedPostThumbnail'>

<b:include data='{ image: data:post.featuredImage, imageSizes: [280,560,840,1120,1400] }' name='responsiveImage'/>

</a>

</div>

</b:includable>

</b:widget>

</b:section>

</b:if>

</aside>

</div>

</div>

</div>

</b:with>

<b:section class='footer' id='footer' name='Footer' showaddelement='false' tag='footer'>

<b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'>

<b:widget-settings>

<b:widget-setting name='copyright'/>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='flatBloggerIcon'/>

<b:message name='messages.poweredByBlogger'/>

</a>

</div>

<b:if cond='data:imageAuthor'>

<b:if cond='data:imageAuthor.url'>

<b:message name='messages.templateImagesByLink'>

<b:param expr:value='data:imageAuthor.url'/>

<b:param expr:value='data:imageAuthor.name'/>

</b:message>

<b:else/>

<b:message name='messages.templateImagesBy'>

<b:param expr:value='data:imageAuthor.name'/>

</b:message>

</b:if>

</div>

</b:if>

<b:if cond='data:copyright != ""'>

</b:if>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<b:template-script async='true' name='vegeclub' version='1.0.0'/>

</body>

</html><?xml version="1.0" encoding="UTF-8" ?>