/*
Theme Name: Jasmina Twenty Fifteen — Pages Fixed
Author: Jasmina Stojanović
Version: 3.0
*/
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#f4f1ec;color:#333;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:300;line-height:1.75}
a{color:#333;text-decoration:none}a:hover{color:#777}
#page{min-height:100vh}
.site-header{position:fixed;left:0;top:0;width:280px;height:100vh;background:#fff;border-right:1px solid #ddd9d2;padding:55px 38px;z-index:10}
.site-branding{margin-bottom:55px}
.site-title{margin:0;font-size:18px;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;font-weight:300}
.site-description{font-size:10px;line-height:1.6;color:#777;margin:14px 0 0}
.main-navigation ul{display:block !important;list-style:none;margin:0;padding:0}
.main-navigation li{display:block !important;margin:0 0 13px;width:100%}
.main-navigation a{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.lang{margin-top:35px;font-size:10px;letter-spacing:.12em;color:#888}
.site-footer{position:absolute;left:38px;bottom:28px;font-size:9px;line-height:1.6;color:#999}
.site-content{display:block;position:relative;margin-left:280px !important;width:calc(100% - 280px) !important;max-width:none;padding:60px 7vw 100px 7vw !important;}
.entry-header{margin:0 0 28px}
.entry-title{font-size:48px;line-height:1.1;font-weight:300;letter-spacing:-.02em;margin:0}
.entry-content{font-size:15px}
.entry-content p{max-width:780px}
.entry-content h2{font-size:28px;font-weight:300;line-height:1.2;margin:65px 0 25px}
.intro{font-size:18px;line-height:1.65}
.hero img{width:100%;max-height:650px;object-fit:cover;margin-bottom:30px}
.gallery{display:grid;grid-template-columns:repeat(3,180px);justify-content:start;gap:75px 65px;margin:65px 0 120px}
.gallery figure{margin:0}
.gallery img{width:180px;height:180px;display:block;object-fit:cover}
.caption{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#777;margin-top:8px}
.button{display:inline-block;border:1px solid #555;padding:9px 16px;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.button:hover{background:#333;color:#fff}
@media(max-width:850px){
 .gallery{grid-template-columns:repeat(2,180px);gap:60px 45px;margin-top:55px}
 .site-branding{margin-bottom:25px}
 .main-navigation ul{display:block}
 .main-navigation li{display:block !important;margin:0 0 13px;width:100%}
 .lang{margin-top:22px}
 .site-footer{position:relative;left:auto;bottom:auto;padding:25px 0;background:#fff}
 .site-content{margin-left:0;width:100%;padding:45px 25px 70px}
 .entry-title{font-size:40px}
}
@media(max-width:600px){
 .gallery{grid-template-columns:1fr;gap:30px}
 .gallery img{height:auto}
 .entry-title{font-size:34px}
}

/* More breathing room and longer artwork notes. Sidebar intentionally unchanged. */
.gallery figure{margin:0}
.gallery figcaption{padding-top:20px}
.artwork-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:18px 0 9px}
.artwork-text{font-size:12px;line-height:1.7;color:#666;max-width:180px;margin:0}
@media(max-width:500px){
 .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 25px}
 .gallery img{width:100%;height:auto;aspect-ratio:1/1}
 .artwork-text{max-width:none}
}

.artwork-sections{display:flex;flex-wrap:wrap;gap:12px 28px;margin:45px 0 95px;padding-bottom:18px;border-bottom:1px solid #ddd9d2}
.artwork-sections a{font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.artwork-section{margin:0 0 120px}
.artwork-section h2{margin-top:0!important}
.artwork-section>p{max-width:650px}

@media(min-width:851px){.site-header{width:280px !important}.site-content{margin-left:280px !important;width:calc(100% - 280px) !important;padding-left:7vw !important;padding-right:7vw !important}.main-navigation ul,.main-navigation li{display:block !important}.main-navigation a{display:block !important}}

.mail-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin:70px 0 90px;align-items:start}.mail-gallery figure{margin:0}.mail-gallery img{width:100%;aspect-ratio:710/1260;object-fit:cover;display:block}.mail-gallery figcaption{text-align:center;padding-top:18px}.mail-month{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.mail-place{font-family:Georgia,serif;font-size:14px;margin-top:8px;color:#555}@media(max-width:1100px){.mail-gallery{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.mail-gallery{grid-template-columns:repeat(2,1fr);gap:35px 20px}}@media(max-width:450px){.mail-gallery{grid-template-columns:1fr}}

/* Final navigation and Art by Mail layout */
.main-navigation .menu-artworks > a{display:block}
.main-navigation .artwork-submenu{display:block !important;list-style:none;margin:9px 0 16px 0;padding:0 0 0 22px}
.main-navigation .artwork-submenu li{display:block !important;margin:0 0 10px !important;width:100%}
.main-navigation .artwork-submenu a{font-size:10px;letter-spacing:.12em}
.mail-gallery-single{display:flex;flex-direction:column;gap:80px;margin:55px auto 90px;max-width:650px}
.mail-gallery-single figure{margin:0;width:100%}
.mail-gallery-single img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;display:block}
.mail-gallery-single figcaption{text-align:center;padding-top:18px}
.mail-gallery-single .mail-month{font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.mail-gallery-single .mail-place{font-family:Georgia,serif;font-size:14px;margin-top:8px;color:#555}
.artwork-sections-page{justify-content:flex-start}
@media(max-width:700px){.mail-gallery-single{max-width:100%;gap:55px}}