/* The Tile Life editorial blog system */
body.blog-page.blog-page-list .columns{display:block!important}
body.blog-page.blog-page-list .column.main{float:none!important;width:100%!important;max-width:1320px!important;margin:0 auto 52px!important;padding:0 24px!important;box-sizing:border-box}
body.blog-page.blog-page-list .sidebar-main,body.blog-page.blog-page-list .sidebar-additional{display:none!important}
.blog-editorial-intro{position:relative;overflow:hidden;margin:8px 0 38px;padding:48px 52px;border-radius:22px;background:#eef6f8;text-align:left}
.blog-editorial-intro::after{position:absolute;right:-80px;bottom:-110px;width:280px;height:280px;border-radius:50%;background:rgba(184,219,225,.45);content:''}
.blog-editorial-eyebrow{position:relative;z-index:1;margin:0 0 9px;color:#397783;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.blog-editorial-intro h1{position:relative;z-index:1;margin:0 0 12px;color:#153f48;font-size:38px;line-height:1.12}
.blog-editorial-intro>p:not(.blog-editorial-eyebrow){position:relative;z-index:1;max-width:760px;margin:0;color:#49666c;font-size:17px;line-height:1.65}
.blog-topic-links{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.blog-topic-links a{display:inline-flex;align-items:center;min-height:38px;padding:7px 16px;border:1px solid #b4d1d7;border-radius:999px;background:rgba(255,255,255,.8);color:#194f5b;font-weight:600;text-decoration:none}
.blog-topic-links a:hover,.blog-topic-links a:focus{border-color:#173f48;background:#173f48;color:#fff}
.blog-editorial-list .post-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none!important;margin:0!important;padding:0!important}
.blog-editorial-list .post-holder{min-width:0;margin:0!important;padding:0!important;overflow:hidden;list-style:none!important;border:1px solid #e0e7e9;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(18,55,62,.08)}
.blog-editorial-list .post-holder::before,.blog-editorial-list .post-holder::after{display:none!important;content:none!important}
.blog-card{display:flex;height:100%;flex-direction:column}.blog-card__media{display:block;aspect-ratio:4/3;overflow:hidden;background:#edf4f5}
.blog-card__media img{display:block;width:100%;height:100%!important;object-fit:cover;object-position:center top;transition:transform .35s ease}.blog-card:hover .blog-card__media img{transform:scale(1.035)}
.blog-card__body{display:flex;flex:1;flex-direction:column;padding:23px 23px 22px}
.blog-card__meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:11px;color:#6b7f83;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.blog-card__meta span+span::before{margin-right:14px;color:#75a4ad;content:'•'}
.blog-card .post-title{margin:0 0 11px;font-size:23px;line-height:1.25}.blog-card .post-item-link{color:#173f48;text-decoration:none}
.blog-card .post-short-desc{flex:1;margin:0 0 18px;color:#506469;font-size:15px;line-height:1.6}.blog-card .post-short-desc p{margin:0}.blog-card .post-short-desc>*:not(:first-child){display:none}
.blog-card .post-read-more{align-self:flex-start;color:#276e7c;font-weight:700;text-decoration:none}
.blog-editorial-list .post-holder:first-child{grid-column:1/-1}.blog-editorial-list .post-holder:first-child .blog-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)}
.blog-editorial-list .post-holder:first-child .blog-card__media{height:100%;min-height:420px;aspect-ratio:auto}.blog-editorial-list .post-holder:first-child .blog-card__body{justify-content:center;padding:48px}.blog-editorial-list .post-holder:first-child .post-title{font-size:36px}
@media(max-width:900px){.blog-editorial-list .post-list{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-editorial-list .post-holder:first-child .blog-card{grid-template-columns:1fr}.blog-editorial-list .post-holder:first-child .blog-card__media{min-height:0;aspect-ratio:16/8}.blog-editorial-list .post-holder:first-child .blog-card__body{padding:29px}}
@media(max-width:640px){body.blog-page.blog-page-list .column.main{padding:0 12px!important}.blog-editorial-intro{margin-top:0;margin-bottom:24px;padding:22px 18px;border-radius:15px}.blog-editorial-intro h1{font-size:29px}.blog-editorial-list .post-list{grid-template-columns:1fr;gap:16px}.blog-editorial-list .post-holder:first-child .blog-card__media{aspect-ratio:4/3}.blog-editorial-list .post-holder:first-child .post-title{font-size:25px}.blog-card__body,.blog-editorial-list .post-holder:first-child .blog-card__body{padding:18px}}
/* Custom Recent/Featured widget presentation */
.blog-page .content-top>.blog-widget-featured,.blog-page .content-bottom>.blog-widget-recent{width:calc(100% - 48px);max-width:1272px;margin-left:auto;margin-right:auto}.blog-widget-featured{margin-bottom:36px}
.blog-feature-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);overflow:hidden;border:1px solid #e0e7e9;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(18,55,62,.09)}.blog-feature-card__media{display:block;min-height:430px;overflow:hidden}.blog-feature-card__media img{display:block;width:100%;height:100%!important;object-fit:cover;object-position:center top}.blog-feature-card__body{display:flex;justify-content:center;flex-direction:column;padding:48px}.blog-feature-card__body h2{margin:0 0 14px;color:#173f48;font-size:36px;line-height:1.17}.blog-feature-card__body h2 a{color:inherit;text-decoration:none}.blog-feature-card__body .post-short-desc{margin-bottom:20px;color:#506469;line-height:1.65}.blog-feature-card__body .post-read-more{color:#276e7c;font-weight:700;text-decoration:none}
.blog-widget-heading{margin:8px 0 20px}.blog-widget-heading p{margin:0 0 4px;color:#397783;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.blog-widget-heading h2{margin:0;color:#173f48;font-size:31px}.blog-widget-recent>.post-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none!important;margin:0!important;padding:0!important}.blog-widget-recent>.post-list>.post-holder{margin:0!important;padding:0!important;overflow:hidden;list-style:none!important;border:1px solid #e0e7e9;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(18,55,62,.08)}
@media(max-width:900px){.blog-feature-card{grid-template-columns:1fr}.blog-feature-card__media{min-height:0;aspect-ratio:16/8}.blog-feature-card__body{padding:30px}.blog-widget-recent>.post-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.blog-page .content-top>.blog-widget-featured,.blog-page .content-bottom>.blog-widget-recent{width:calc(100% - 28px)}.blog-feature-card__media{aspect-ratio:4/3}.blog-feature-card__body{padding:22px}.blog-feature-card__body h2{font-size:25px}.blog-widget-recent>.post-list{grid-template-columns:1fr;gap:19px}}
/* Article previous / next navigation */
body.blog-page .post-nextprev{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:42px 0 34px!important;padding:24px 0!important;border-top:1px solid #dce8ea!important;border-bottom:1px solid #dce8ea!important}
body.blog-page .post-nextprev::before,body.blog-page .post-nextprev::after{display:none!important;content:none!important}
body.blog-page .post-nextprev>div{display:flex;min-width:0;width:100%!important;max-width:none!important;float:none!important}body.blog-page .post-nextprev .post-next{justify-content:flex-end}
body.blog-page .post-nextprev .nextprev-link{position:relative;display:flex!important;width:100%;max-width:540px;min-height:112px;box-sizing:border-box;flex-direction:column;justify-content:center;margin:0!important;padding:20px 24px!important;border:1px solid #d8e6e9;border-radius:14px;background:#f3f8f9;color:#173f48!important;font-size:18px!important;font-weight:700!important;line-height:1.35;text-decoration:none!important;opacity:1!important;box-shadow:0 7px 22px rgba(18,55,62,.07);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
body.blog-page .post-nextprev .nextprev-link.float-left,body.blog-page .post-nextprev .nextprev-link.float-right{float:none!important}
body.blog-page .post-nextprev .nextprev-link:hover,body.blog-page .post-nextprev .nextprev-link:focus{border-color:#397783;box-shadow:0 11px 28px rgba(18,55,62,.13);transform:translateY(-2px);outline:none}
body.blog-page .post-nextprev .nextprev-link span{display:block;margin-bottom:7px;color:#668188!important;font-size:11px!important;font-weight:700!important;letter-spacing:.13em;text-transform:uppercase}
body.blog-page .post-nextprev .prev-link{padding-left:52px!important;text-align:left!important}body.blog-page .post-nextprev .next-link{padding-right:52px!important;text-align:right!important}
body.blog-page .post-nextprev .prev-link::before,body.blog-page .post-nextprev .next-link::after{position:absolute;top:50%;color:#397783;font-size:25px;font-weight:400;transform:translateY(-50%)}body.blog-page .post-nextprev .prev-link::before{left:22px;content:'←'}body.blog-page .post-nextprev .next-link::after{right:22px;content:'→'}
@media(max-width:640px){body.blog-page .post-nextprev{grid-template-columns:1fr;gap:12px;margin-top:30px!important;padding:18px 0!important}body.blog-page .post-nextprev .nextprev-link{max-width:none;min-height:94px;font-size:16px!important}body.blog-page .post-nextprev .post-next{justify-content:stretch}}