/* ============================================================
   Skin: "tumblr" — a 2014 Tumblr blog. Muted blue-grey, a white post
   column, Helvetica, the Tumblr-blue links, a grid of photo posts.
   ============================================================ */
.skin-tumblr { background: #34465a; color: #444; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.skin-tumblr .viewport { background: #34465a; }
.skin-tumblr .site { max-width: 720px; margin: 0 auto; padding: 26px 14px 40px; }

.skin-tumblr .masthead { text-align: center; padding: 30px 24px 24px; background: #2c3b4d; border-radius: 4px 4px 0 0; }
.skin-tumblr .brand { margin: 0; font: 700 32px/1.15 "Helvetica Neue", Helvetica, Arial; color: #fff; letter-spacing: -.5px; }
.skin-tumblr .tag { margin: 9px 0 0; color: #aeb9c7; font-size: 14px; line-height: 1.45; }
.skin-tumblr .beta { display: none; }

.skin-tumblr .content { background: #fff; padding: 26px 30px 30px; }
.skin-tumblr .content p { font-size: 15px; line-height: 1.62; color: #444; margin: 0 0 1.05em; }
.skin-tumblr .content a { color: #529ecc; text-decoration: none; }
.skin-tumblr .content a:hover { text-decoration: underline; }
.skin-tumblr .period-links { margin: 0 0 14px; }
.skin-tumblr .period-links a { display: inline-block; color: #fff; background: #529ecc; text-decoration: none; font-weight: bold; font-size: 13px; padding: 7px 16px; border-radius: 3px; margin: 0 6px 6px 0; }
.skin-tumblr .period-links a:hover { background: #4a8fbb; }

/* Photo posts, in a tidy grid */
.skin-tumblr .period-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin-top: 20px; }
.skin-tumblr .tile { margin: 0; background: #fff; border: 1px solid #e2e6ea; border-radius: 3px; overflow: hidden; }
.skin-tumblr .tile img { width: 100%; height: auto; display: block; }
.skin-tumblr .tile figcaption { padding: 9px 11px; font-size: 13px; line-height: 1.4; color: #444; text-align: center; }
.skin-tumblr .inline img { max-width: 100%; height: auto; display: block; border: 1px solid #e2e6ea; }

.skin-tumblr .period-foot { text-align: center; padding: 18px; color: #aeb9c7; font-size: 12px; }
.skin-tumblr .period-foot a { color: #cdd6e0; }