/*
Theme Name: Not Like Here Grid
Description: Photography portfolio theme on a 12-column grid: left navigation, fading homepage carousel, and series slideshows with an information row under the image.
Author: Alon Koppel
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: notlikehere
*/
:root{--blue:#467db0;--mute:#595959}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;color:#000;background:#fff;font-size:16px;line-height:1.25;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.screen-reader-text,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed;top:8px;left:8px;background:#fff;padding:8px 12px;z-index:100}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

/* Grid: 12 columns, 24px page margin, 16px gutters. Sidebar = 2 columns, content = 10. */
.site{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;padding:0 24px;min-height:100vh}
.sidebar{grid-column:1 / span 2;margin-left:-24px;position:sticky;top:0;height:100vh;overflow-y:auto;padding:24px 0 24px 24px}
.main{grid-column:3 / span 10;min-width:0;display:flex;flex-direction:column;padding:24px 0}

/* Brand */
.brand{display:block;height:84px}
.brand__name{display:block;white-space:nowrap;font-family:var(--logo-font,"Helvetica Neue",Helvetica,Arial,sans-serif);font-weight:var(--logo-weight,300);font-style:var(--logo-style,normal);font-size:var(--logo-size,28px);letter-spacing:var(--logo-ls,-.01em);line-height:30px;color:var(--logo,#000)}
.brand__by{display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;color:var(--logo2,#444)}
.brand__name,.brand__by{transition:color .15s ease}
.brand:hover .brand__name,.brand:hover .brand__by,.brand:focus-visible .brand__name,.brand:focus-visible .brand__by{color:var(--blue)}
.nav-toggle{display:none}

/* Navigation */
.nav{position:relative}
.nav ul{list-style:none;margin:0;padding:0}
.nav li{font-size:14px;line-height:20px}
.nav li.gap{margin-top:20px}
.nav a{position:relative;display:block;padding-right:8px;color:#000}
.nav a:hover,.nav a:focus-visible,.nav a:active{color:var(--blue)}
.nav .current-menu-item>a,.nav .current_page_item>a,.nav .current-menu-ancestor>a,.nav .current_page_ancestor>a{font-weight:700}
.nav .current-menu-item>a::before,.nav .current_page_item>a::before{content:"";position:absolute;left:-24px;top:3px;border-left:7px solid #000;border-top:7px solid transparent;border-bottom:7px solid transparent}
.nav .sub-menu{display:none}
.nav .sub-menu a{padding-left:16px}
.nav .is-anim{overflow:hidden;transition:height .26s ease}
.nav .menu-item-has-children>a,.nav .page_item_has_children>a{cursor:pointer}
.nav .current-menu-item>.sub-menu,.nav .current-menu-ancestor>.sub-menu,.nav .current-menu-parent>.sub-menu,.nav .current_page_item>.children,.nav .current_page_ancestor>.children{display:block}
.nav-pointer{position:absolute;left:-24px;top:0;width:0;height:0;border-left:7px solid var(--blue);border-top:7px solid transparent;border-bottom:7px solid transparent;opacity:0;pointer-events:none;transition:transform .18s ease,opacity .15s ease}
.nav-pointer.is-on{opacity:1}
.nav-pointer.is-current{opacity:0}
.nav .ig-icon{display:inline-block;line-height:0}
.nav .ig-icon svg{width:16px;height:16px;margin-top:2px}

/* Page titles (content pages) */
.topbar{padding:0 0 32px}
.page-title{margin:0;padding-top:2.5px;font-weight:300;font-size:24px;line-height:30px;color:var(--mute)}

/* Slider */
.stage{position:relative;overflow:hidden;height:calc(100vh - 106px);min-height:360px}
.slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s .9s}
.slide.is-active{opacity:1;visibility:visible;transition:opacity .9s ease}
.slide img{display:block;width:100%;height:100%;object-fit:contain}
.slide video{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.is-grid .slide--video video{object-fit:cover;pointer-events:none}
.is-grid .slide--video video::-webkit-media-controls{display:none!important}
.is-home .stage{height:auto;aspect-ratio:3/2;width:100%;max-width:1200px;min-height:0;margin:0 auto}
.is-home .slide img{object-position:50% 0}
.is-home .main>.news,.is-home .main>.site-footer{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}
.is-grid .stage{height:auto;overflow:visible;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px;padding-bottom:30px}
.is-grid .slide{position:relative;inset:auto;opacity:1;visibility:visible;aspect-ratio:3/2;cursor:pointer;transition:none}
.is-grid .slide img{object-fit:cover}
.is-grid .slide:hover{opacity:.85}
.stage:fullscreen{background:#fff;height:100vh;width:100vw}
.stage::backdrop{background:#fff}
.is-fixed-full .stage{position:fixed;inset:0;z-index:99;background:#fff;height:100vh;width:100vw}

/* Information row under the image */
.info{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));column-gap:16px;margin-top:14px;font-size:14px;line-height:20px;background:#fff}
.info__title{grid-column:1 / span 2;font-weight:700}
.info__caption{grid-column:3 / span 5;margin:0;min-height:40px}
.info__ctl{grid-column:8 / span 3;display:flex;justify-content:flex-end;align-items:flex-start;gap:16px}
.info__count{white-space:nowrap;font-variant-numeric:tabular-nums}
.is-grid .info{position:sticky;bottom:0;z-index:5;padding:8px 0 12px}
.controls{display:flex;align-items:center;gap:6px;margin:0;height:20px}
.controls[hidden]{display:none}
.arrow{display:flex;align-items:center;justify-content:center;width:12px;height:20px;padding:0;border:0;background:none;color:#000;cursor:pointer}
.arrow svg{width:12px;height:20px;fill:none}
.arrow:hover svg,.arrow:focus-visible svg{fill:currentColor}
.vbtn{display:flex;align-items:center;justify-content:center;width:25px;height:20px;padding:0;border:1px solid #000;border-radius:5px;background:#fff;color:#000;cursor:pointer;transition:background .12s ease,color .12s ease}
.vbtn svg{width:16px;height:12px}
.vbtn:hover,.vbtn:focus-visible,.vbtn.is-on{background:#000;color:#fff}

/* Rollover label: black pill, with a small pointer centered above its own button */
[data-tip]{position:relative}
[data-tip]::after,[data-tip]::before{opacity:0;pointer-events:none;transition:opacity .15s ease;position:absolute;z-index:20}
[data-tip]::after{content:attr(data-tip);bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:3px 9px;background:#000;color:#fff;border-radius:999px;font:400 11px/14px "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
[data-tip]::before{content:"";bottom:calc(100% + 2px);left:50%;margin-left:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #000}
[data-tip]:hover::after,[data-tip]:hover::before,[data-tip]:focus-visible::after,[data-tip]:focus-visible::before{opacity:1;transition-delay:.25s}
.vbtn[data-view="full"]::after{left:auto;right:-18px;transform:none}

/* Homepage overlay text */
.slide__link{position:relative;display:block;width:100%;height:100%}
.slide__title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 6%;text-align:center;font-family:var(--f,inherit);font-weight:var(--w,400);font-style:var(--fs,normal);font-size:calc(clamp(34px,8vw,104px) * var(--fz,1) * var(--sz,1));line-height:1.02;letter-spacing:-.01em;overflow-wrap:break-word;color:var(--c,#fff);opacity:0;pointer-events:none;transition:opacity .3s ease,color .2s ease}
.slide__title[data-fit]{white-space:nowrap}
.slide.is-active .slide__title{opacity:1;transition:opacity .9s ease .5s,color .2s ease}
.slide:hover .slide__title,.slide__link:focus-visible .slide__title{color:var(--h,#467db0)}

/* Text slide (series pages) */
.slide--text{display:flex;overflow:auto}
.slide__text{margin:auto;width:100%;max-width:640px;padding:28px 24px;font-size:17px;line-height:24px}
.slide__text h1,.slide__text h2,.slide__text h3{margin:0 0 16px;font-weight:300;line-height:1.15}
.slide__text h2{font-size:28px}
.slide__text p{margin:0 0 16px}
.is-grid .slide--text{background:#f2f3f4;cursor:pointer}
.is-grid .slide--text .slide__text{margin:0;padding:14px;font-size:12px;line-height:15px;max-height:100%;overflow:hidden}
.is-grid .slide--text .slide__text h2{font-size:15px;margin-bottom:6px}
.is-grid .slide--text .slide__text p{margin-bottom:6px}

/* Content pages */
.entry{padding-bottom:40px}
.entry-content>p,.entry-content>h2,.entry-content>h3,.entry-content>ul{max-width:620px}
.entry-content p{margin:0 0 20px;line-height:20px}
.entry-content .wp-block-columns{gap:16px;margin:0}
.entry-content figure{margin:0}
.entry-content .wp-element-caption{margin:6px 0 0;font-size:12px;text-align:right;color:#000}
.entry-content strong{font-weight:700}
.entry-content a,.slide__text a,.news a{color:var(--blue);text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}
.entry-content a:hover,.slide__text a:hover,.news a:hover,.entry-content a:focus-visible,.slide__text a:focus-visible,.news a:focus-visible{color:#626262}
/* Links that are titles: no underline. Add the class no-underline to any block to get the same. */
.entry-content h1 a,.entry-content h2 a,.entry-content h3 a,.entry-content h4 a,.entry-content h5 a,.entry-content h6 a,.slide__text h1 a,.slide__text h2 a,.slide__text h3 a,.slide__text h4 a,.slide__text h5 a,.slide__text h6 a,.news h1 a,.news h2 a,.news h3 a,.news h4 a,.news h5 a,.news h6 a,.no-underline a,a.no-underline{text-decoration:none}
/* Divider (Separator block / hr) */
.entry-content hr:not(.is-style-dots){box-sizing:content-box;height:1px!important;padding:10px 0;border:0!important;background:#afafaf!important;background-clip:content-box!important;opacity:1!important}
.post-list{list-style:none;margin:0;padding:0}
.post-list li{margin:0 0 14px}
.post-list time{color:var(--mute);font-size:14px}

/* News + footer */
.news{margin-top:24px;padding-top:12px;border-top:1px solid #000}
.news h2,.news h3,.news h4{margin:0 0 20px;font-size:14px;line-height:20px;font-weight:700}
.news p,.news li{margin:0;font-size:14px;line-height:24px}
.news a{text-decoration:none}
.news ul{list-style:none;margin:0;padding:0}
.site-footer{margin-top:auto;padding:24px 0 0;font-size:14px;line-height:20px}
.site-footer__inner{border-top:1px solid #000;padding-top:12px}
.news+.site-footer{margin-top:12px;padding-top:0}
.is-series .site-footer{display:none}

/* Forms: Contact Form 7 (and a light touch for the Mailchimp signup form). The panel background is left to you. */
.wpcf7 form{font-size:14px;line-height:20px;color:#000}
.wpcf7 p{margin:0 0 20px}
.wpcf7 label{display:block;font-size:14px;line-height:20px}
.wpcf7 label br{display:none}
.wpcf7 .wpcf7-form-control-wrap{display:block;margin-top:6px}
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 input[type="url"],.wpcf7 input[type="number"],.wpcf7 select,.wpcf7 textarea{display:block;width:100%;max-width:560px;margin:0;padding:6px 10px;font:inherit;font-size:14px;line-height:20px;color:#000;background:#fff;border:1px solid #000;border-radius:5px;box-shadow:none;-webkit-appearance:none;appearance:none}
.wpcf7 textarea{height:160px;resize:vertical}
.wpcf7 input:focus,.wpcf7 select:focus,.wpcf7 textarea:focus{outline:2px solid var(--blue);outline-offset:2px}
.wpcf7 input[type="submit"],.wpcf7 .wpcf7-submit{display:inline-block;width:auto;padding:5px 20px;font:inherit;font-size:14px;line-height:20px;color:#fff;background:#000;border:1px solid #000;border-radius:5px;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .12s ease,color .12s ease}
.wpcf7 input[type="submit"]:hover,.wpcf7 input[type="submit"]:focus-visible,.wpcf7 .wpcf7-submit:hover{color:#000;background:#fff}
.wpcf7 form.submitting .wpcf7-submit{opacity:.5;cursor:wait}
.wpcf7 .wpcf7-not-valid{border-color:#b00020}
.wpcf7-not-valid-tip{display:block;margin-top:4px;font-size:13px;line-height:18px;color:#b00020}
.wpcf7 form .wpcf7-response-output{max-width:560px;margin:20px 0 0;padding:10px 14px;font-size:14px;line-height:20px;color:#000;background:#fff;border:1px solid #000;border-radius:5px}
.wpcf7 form.sent .wpcf7-response-output{border-color:#1a7f37}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.spam .wpcf7-response-output{border-color:#b00020}
.wpcf7 .wpcf7-acceptance label,.wpcf7 .wpcf7-checkbox label,.wpcf7 .wpcf7-radio label{display:inline}
.wpcf7 input[type="checkbox"],.wpcf7 input[type="radio"]{accent-color:#000}

/* Mailchimp signup form: styled to match the Contact Form 7 form. The plugin loads its own CSS after the theme, so these use !important. */
.mc_container{font-size:14px;line-height:20px;color:#000}
.mc_container .mc_subheader{margin:0 0 20px!important;font-size:16px!important;line-height:20px!important;color:#000!important}
.mc_container .mc_merge_var{margin:0 0 20px!important}
.mc_container label.mc_var_label{display:block!important;margin:0 0 20px!important;font-family:inherit!important;font-size:14px!important;line-height:20px!important;font-weight:400!important;color:#000!important}
.mc_container .mc_required{color:inherit}
.mc_container input.mc_input{display:block!important;width:100%!important;max-width:560px!important;height:auto!important;margin:0!important;padding:6px 10px!important;font-family:inherit!important;font-size:14px!important;line-height:20px!important;color:#000!important;background:#fff!important;border:1px solid #000!important;border-radius:5px!important;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.mc_container input.mc_input:focus{outline:2px solid var(--blue)!important;outline-offset:2px}
.mc_container .mc-indicates-required{margin:0 0 20px!important;font-size:14px!important;line-height:20px!important}
.mc_container .mc_signup_submit{margin:0!important;text-align:left!important}
.mc_container input.mc_signup_submit_button{display:inline-block!important;width:auto!important;margin:0!important;padding:5px 20px!important;font-family:inherit!important;font-size:14px!important;line-height:20px!important;color:#fff!important;background:#000!important;border:1px solid #000!important;border-radius:5px!important;box-shadow:none!important;text-shadow:none!important;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .12s ease,color .12s ease}
.mc_container input.mc_signup_submit_button:hover,.mc_container input.mc_signup_submit_button:focus-visible{color:#000!important;background:#fff!important}
.mc_container .mc_message_wrapper{margin:0 0 20px}
.mc_container .mc_error_msg,.mc_container .mc_success_msg{margin:0 0 6px;font-size:14px;line-height:20px}
.mc_container .mc_error_msg{color:#b00020!important}
.mc_container .mc_success_msg{color:#1a7f37!important}

/* Mobile */
@media (max-width:800px){
 .site{display:block;padding:0}
 .sidebar{position:static;height:auto;overflow:visible;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;padding:14px 16px}
 .brand{height:auto}
 .nav-toggle{display:block;font:inherit;font-size:14px;padding:6px 12px;border:1px solid #000;background:#fff;cursor:pointer;border-radius:2px}
 .nav{display:none;width:100%;margin-top:16px;padding-left:16px}
 .nav-open .nav{display:block}
 .nav .current-menu-item>a::before,.nav .current_page_item>a::before{left:-16px}
 .main{padding:0 16px 24px}
 .stage{height:62vh;min-height:280px}
 .is-grid .stage{height:auto;grid-template-columns:repeat(2,1fr)}
 .info{grid-template-columns:1fr;row-gap:8px}
 .info__title,.info__caption,.info__ctl{grid-column:1}
 .info__caption{min-height:0}
 .info__ctl{justify-content:space-between}
 .is-grid .info{position:static}
 .entry-content .wp-block-columns{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.nav .is-anim{transition:none}.slide,.slide.is-active{transition:none}}