/*
Theme Name: AbuOmer Notebook
Version: 1.3
Description: Hebrew notebook layout for AbuOmer.
Author: AbuOmer
Requires at least: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, block-styles, full-site-editing, rtl-language-support
Text Domain: abuomer-notebook
*/

:root{--ink:#111218;--paper:#f5f2e9;--red:#d34b42;--teal:#138b83;--blue:#405ac6;--pink:#c84983;--orange:#e6793e;--green:#497b55}*{box-sizing:border-box}body{margin:0;background:#17171b;color:var(--ink);font-family:Arial,"Noto Sans Hebrew",sans-serif}.page{width:min(1180px,100%);margin:auto;background:var(--paper);overflow:hidden;position:relative}.noise{position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(#000 1px,transparent 1px);background-size:8px 8px}.top{min-height:640px;position:relative;border-bottom:5px solid var(--ink);padding:35px}.name{position:absolute;right:42px;top:48px;z-index:7;font:900 clamp(5.8rem,14vw,12rem)/.65 Arial;letter-spacing:-.1em;transform:rotate(-4deg)}.aka{position:absolute;right:100px;top:260px;z-index:8;background:var(--teal);color:#fff;padding:8px 18px;font:900 clamp(1.6rem,3vw,2.8rem)/1 Arial;transform:rotate(5deg);box-shadow:8px 8px 0 var(--ink)}.hero{position:absolute;left:50px;top:65px;width:43%;height:505px;border:5px solid var(--ink);transform:rotate(5deg);box-shadow:-18px 18px 0 var(--red);z-index:4;overflow:hidden;background:#aaa}.hero img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.hero b{position:absolute;bottom:15px;right:-5px;background:var(--ink);color:#fff;padding:9px 14px;transform:rotate(-3deg)}.manifesto{position:absolute;right:65px;bottom:46px;width:47%;font:700 1.45rem/1.25 Georgia,serif;transform:rotate(1deg)}.manifesto em{background:linear-gradient(transparent 57%,#ef8d9f 57%);font-style:normal}.tape{position:absolute;width:140px;height:34px;background:#e9d39fcc;z-index:10;transform:rotate(-16deg)}.t1{left:28%;top:46px}.t2{left:31px;bottom:55px;transform:rotate(11deg)}.doodle{position:absolute;font:900 8rem/1 Georgia;color:var(--blue);left:42%;bottom:45px;transform:rotate(-17deg);z-index:6}
.departments{position:relative;min-height:250px;border-bottom:5px solid var(--ink);background:#e9e6dd}.dep{position:absolute;color:#fff;text-decoration:none;font:900 1.7rem/1 Arial;padding:18px 23px;border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.dep small{display:block;font-size:.65rem;margin-top:6px}.d1{right:4%;top:23px;background:var(--red);transform:rotate(3deg)}.d2{right:30%;top:115px;background:var(--teal);transform:rotate(-5deg)}.d3{left:28%;top:28px;background:var(--blue);transform:rotate(6deg)}.d4{left:4%;top:122px;background:var(--pink);transform:rotate(-3deg)}.arrow{position:absolute;font-size:5rem;right:48%;top:67px;transform:rotate(26deg)}
.posts{position:relative;padding:70px 5% 130px;min-height:1120px}.post{position:relative;width:66%;padding:35px 40px 38px;background:#fff;border:4px solid var(--ink);box-shadow:12px 12px 0 var(--ink);margin-bottom:80px}.post h2{font:900 clamp(3.1rem,6vw,6.4rem)/.83 Georgia,serif;letter-spacing:-.055em;margin:0 0 20px}.post p{font:1.08rem/1.75 Georgia,serif}.post a{font-weight:900;color:var(--ink);text-decoration-thickness:4px}.post .date{position:absolute;top:-28px;left:25px;color:#fff;font-weight:900;padding:8px 12px;transform:rotate(4deg)}.p1{margin-right:4%;transform:rotate(-1.5deg)}.p1 .date{background:var(--red)}.p2{margin-right:30%;transform:rotate(2.2deg);background:#e5f1ec}.p2 .date{background:var(--teal);left:auto;right:28px;transform:rotate(-6deg)}.p3{margin-right:10%;transform:rotate(-2.7deg);background:#edeafb}.p3 .date{background:var(--blue)}.margin-note{position:absolute;left:-39%;top:25%;width:165px;font:italic 700 1rem/1.4 Georgia;transform:rotate(-8deg);border-bottom:3px solid var(--red);padding-bottom:7px}.stamp{position:absolute;left:5%;top:42%;border:5px solid var(--green);color:var(--green);padding:13px;font:900 1.4rem Arial;transform:rotate(-15deg)}.tie{position:absolute;left:10%;bottom:60px;width:70px;height:210px;background:linear-gradient(160deg,var(--pink),var(--teal) 40%,var(--orange) 70%,var(--blue));clip-path:polygon(25% 0,75% 0,100% 70%,50% 100%,0 70%);transform:rotate(23deg)}
.collage{position:relative;min-height:720px;background:var(--ink);border-block:5px solid var(--ink);overflow:hidden}.collage h2{position:absolute;z-index:9;right:5%;top:20px;color:#fff;font:900 clamp(3rem,7vw,7rem)/.85 Arial;transform:rotate(-5deg)}.pic{position:absolute;border:5px solid #fff;box-shadow:11px 11px 0 var(--red);overflow:hidden}.pic img{width:100%;height:100%;object-fit:cover}.pic b{position:absolute;bottom:0;right:0;background:#fff;color:#111;padding:6px 9px}.pic1{right:7%;top:230px;width:34%;height:390px;transform:rotate(6deg)}.pic1 img{object-position:center 42%}.pic2{left:8%;top:105px;width:30%;height:420px;transform:rotate(-7deg);box-shadow:11px 11px 0 var(--teal)}.pic2 img{object-position:center 18%}.pic3{left:37%;bottom:30px;width:27%;height:270px;transform:rotate(2deg);box-shadow:11px 11px 0 var(--blue)}.pic3 img{object-position:center 20%}.carousel-note{position:absolute;color:#fff;left:4%;bottom:40px;width:25%;font:700 1rem/1.5 Georgia;transform:rotate(-3deg)}
.bottom{display:grid;grid-template-columns:1.15fr .85fr;min-height:420px}.about{padding:65px 55px;background:#e9e1d6;position:relative}.about h2,.private h2{font:900 4rem/1 Arial;margin:0 0 18px}.about p,.private p{font:1.1rem/1.7 Georgia,serif}.about:after{content:"לא תבנית";position:absolute;left:35px;bottom:24px;color:var(--red);font:900 2rem Arial;transform:rotate(-7deg)}.private{padding:65px 50px;background:var(--green);color:#fff;position:relative}.private a{display:inline-block;background:#fff;color:var(--green);padding:11px 17px;font-weight:900;text-decoration:none;box-shadow:8px 8px 0 var(--ink);transform:rotate(2deg)}footer{padding:18px 45px;background:var(--paper);font-weight:bold;display:flex;justify-content:space-between}
@media(max-width:720px){.top{height:720px;padding:20px}.name{right:17px;top:40px;font-size:6.2rem}.aka{right:44px;top:188px;font-size:1.55rem}.hero{left:25px;right:25px;top:285px;width:auto;height:355px}.manifesto{right:24px;bottom:16px;width:82%;font-size:1rem}.doodle{display:none}.t1{left:15%;top:25px}.departments{height:400px}.dep{font-size:1.25rem;padding:15px;width:46%;text-align:center}.d1{right:4%;top:24px}.d2{right:4%;top:205px}.d3{left:4%;top:110px}.d4{left:4%;top:280px}.arrow{display:none}.posts{padding:65px 20px 80px}.post,.p1,.p2,.p3{width:94%;margin:0 auto 75px;transform:rotate(-1deg);padding:30px 20px}.p2{transform:rotate(1.5deg)}.post h2{font-size:3.1rem}.margin-note,.stamp,.tie{display:none}.collage{min-height:1160px}.collage h2{right:20px;top:30px;font-size:4rem}.pic1,.pic2,.pic3{width:78%;height:310px;right:11%;left:auto}.pic1{top:185px}.pic2{top:520px}.pic3{top:855px;bottom:auto}.carousel-note{display:none}.bottom{display:block}.about,.private{padding:48px 20px;min-height:330px}.about h2,.private h2{font-size:3.2rem}footer{display:block;padding:15px 20px}footer span{display:block;margin-top:5px}}

.post h2 a{color:inherit;text-decoration:none}.single,.list{min-height:100vh;padding:70px max(24px,8vw);background:var(--paper)}.single h1,.list h1{font:900 clamp(3.2rem,8vw,7rem)/.9 Georgia,serif;margin:30px 0}.single-body{max-width:760px;font:1.2rem/1.9 Georgia,serif}.single-meta{color:var(--teal);font-weight:900}.back{color:var(--ink);font-weight:900}.list article{max-width:760px;padding:25px 0;border-bottom:3px solid var(--ink)}.list article h2{font:900 2.3rem Georgia;margin:.3em 0}.list article a{color:inherit}.private-page{background:#17171b;padding:30px}.private-room{max-width:800px;margin:auto;background:#f5f2e9;padding:60px;min-height:80vh;border:5px solid #111218;box-shadow:15px 15px 0 #138b83}.private-room h1{font:900 clamp(3rem,8vw,6rem)/1 Arial}.private-room a{color:#138b83;font-weight:900}.carousel{position:absolute;inset:0}.carousel .pic{opacity:0;transition:opacity .9s ease}.carousel .pic.active{opacity:1}.collage .pic{right:7%;top:230px;width:34%;height:390px;transform:rotate(6deg)}@media(max-width:720px){.collage .pic{width:78%;height:310px;right:11%;left:auto;top:185px}.private-room{padding:32px 20px}.single,.list{padding:45px 20px}}.post-cover{max-width:640px;margin:2.2rem 0 3rem}.post-cover img{display:block;width:100%;height:auto;border:4px solid var(--ink);box-shadow:12px 12px 0 var(--red)}.post-cover figcaption{font:.9rem/1.5 Arial,sans-serif;margin-top:.8rem}.raven-poem{font-size:1.15rem;line-height:1.75}.raven-poem>p,.raven-poem>br{display:none}.raven-poem>p:first-child,.raven-poem>p:nth-of-type(2),.raven-poem>p:nth-of-type(3){display:block}.poem-stanza{margin:0 0 2.2rem}.poem-line{margin:.15rem 0}.source-note{margin-top:3rem;padding-top:1rem;border-top:2px solid var(--ink);font:1rem/1.5 Arial,sans-serif}@media(max-width:720px){.raven-poem{font-size:1rem;line-height:1.65}.poem-line{margin:.3rem 0}.post-cover{margin-top:1.5rem}}

.site-title{position:absolute;right:52px;top:375px;z-index:9;margin:0;background:var(--red);color:#fff;padding:8px 18px;font:900 clamp(2.2rem,4.5vw,4.8rem)/1 Arial,sans-serif;transform:rotate(-3deg);box-shadow:8px 8px 0 var(--ink)}@media(max-width:720px){.site-title{right:22px;top:235px;font-size:2.25rem;padding:7px 14px}}
.share-row{max-width:760px;margin:3rem 0 1rem;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.share-label{font:900 1.3rem Arial}.share-btn{display:inline-block;padding:9px 16px;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font:900 1rem Arial;color:#fff;text-decoration:none;cursor:pointer}.share-wa{background:var(--green);transform:rotate(-2deg)}.share-fb{background:var(--blue);transform:rotate(2deg)}.share-copy{background:#fff;color:var(--ink);transform:rotate(-1deg)}.share-btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.share-x{background:var(--ink);transform:rotate(-3deg)}
.more-in-cat{max-width:760px;margin:2.5rem 0 0;background:#fff;border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);padding:20px 26px}.more-in-cat h2{font:900 1.5rem Arial;margin:0 0 12px;color:var(--teal)}.more-in-cat ul{margin:0;padding:0 1.2rem 0 0}.more-in-cat li{font:1.05rem/2 Georgia,serif}.more-in-cat li a{color:var(--ink);font-weight:700}.more-in-cat time{margin-right:10px;font:.85rem Arial;color:#666}
.fb-group{color:var(--teal);font-weight:900;text-decoration-thickness:3px}

.wp-site-blocks{padding:0}.wp-block-group{margin-block:0}.page h1,.page h2,.page p,.page figure{margin-block-start:0}.page .top .hero{margin:0}.page .post p{margin:0 0 1em}.wp-block-image img{vertical-align:middle}.top .name p{margin:0}.top .site-title{margin:0}.page a{color:inherit}.top .hero img{height:100%}.page .manifesto{margin:0}.page .dep p{margin:0}.page .post h2{margin:0 0 20px}.page .about h2{margin:0 0 18px}.page .bottom{display:block}.page .about{background:#e4ede3}.page .collage{min-height:720px}.page .pic{margin:0}.page .carousel-note{margin:0}.page .tape{background:#c4dccacc}.page .departments{background:#e2e9e0}.page .tie{background:linear-gradient(160deg,var(--pink),var(--teal) 40%,var(--red) 70%,var(--blue))}@media(max-width:720px){.page .collage{min-height:650px}.page .hero{height:355px}.page .top{min-height:720px}.page .manifesto{bottom:12px}.page .name{line-height:.65}}
.hero figcaption{position:absolute;bottom:15px;right:-5px;background:#111218;color:#fff;padding:9px 14px;font-weight:bold;transform:rotate(-3deg)}.dep a{text-decoration:none;color:#fff}.pic figcaption{position:absolute;bottom:0;right:0;background:#fff;color:#111;padding:6px 9px}.notebook-footer{padding:18px 45px;background:var(--paper);font-weight:bold}.notebook-footer p{margin:0}.page .dep{line-height:1}.page .dep small{font-size:.65rem}.page .name p{line-height:.65}.page .name{font-weight:900}.page .hero img{width:100%;object-fit:cover}.page .wp-block-image.hero{max-width:none}.page{direction:rtl;text-align:right}.page .post{margin-bottom:80px}.page .p1{margin-right:4%}.page .p2{margin-right:30%}.page .p3{margin-right:10%}.page .collage h2{font-size:clamp(3rem,7vw,7rem);line-height:.9;max-width:45%}.page .collage .pic{top:265px;height:380px}.page .collage .pic2{left:8%;right:auto;width:30%;transform:rotate(-7deg)}.page .collage .pic1{right:7%;left:auto;width:34%}.page .about{min-height:290px}.page .notebook-footer{min-height:80px}
@media(max-width:720px){.page .post,.page .p1,.page .p2,.page .p3{margin:0 auto 65px;width:94%}.page .collage{min-height:1040px}.page .collage h2{font-size:3.4rem;max-width:90%;right:20px;top:25px}.page .collage .pic1,.page .collage .pic2{width:78%;height:310px;right:11%;left:auto}.page .collage .pic1{top:300px}.page .collage .pic2{top:650px}.page .about{min-height:330px}}

.page .site-title{max-width:47%;overflow-wrap:anywhere;font-size:clamp(2.2rem,4.5vw,4.8rem)}
.notebook-query ul{list-style:none;padding:0;margin:0}.notebook-query .wp-block-post{padding:0;margin:0 0 80px;width:66%;position:relative}.notebook-query .wp-block-post:nth-child(3n+1){margin-right:4%;transform:rotate(-1.5deg)}.notebook-query .wp-block-post:nth-child(3n+2){margin-right:30%;transform:rotate(2.2deg)}.notebook-query .wp-block-post:nth-child(3n+3){margin-right:10%;transform:rotate(-2.7deg)}.post-sheet{padding:35px 40px 38px;background:white;border:4px solid #111218;box-shadow:12px 12px 0 #111218}.notebook-query li:nth-child(3n+2) .post-sheet{background:#e5f1ec}.notebook-query li:nth-child(3n+3) .post-sheet{background:#edeafb}.post-sheet h2{font:900 clamp(3.1rem,6vw,6.4rem)/.95 Georgia,serif;letter-spacing:-.055em;margin:0 0 20px}.post-sheet h2 a{text-decoration:none}.post-sheet p{font:1.08rem/1.75 Georgia,serif}.post-sheet a{font-weight:900}.post-sheet .wp-block-post-excerpt__more-text{margin-top:1em}.page .stamp{pointer-events:none}.page .tie{pointer-events:none}
@media(max-width:720px){.page .site-title{max-width:90%;font-size:2.25rem}.notebook-query .wp-block-post,.notebook-query .wp-block-post:nth-child(n){width:94%;margin:0 auto 65px;transform:rotate(-1deg)}.notebook-query .post-sheet{padding:30px 20px}.post-sheet h2{font-size:2.8rem}}

.single-body{max-width:760px;font:1.2rem/1.9 Georgia,serif;direction:rtl}.single-body p{margin:0 0 1.1em}.single-body img{max-width:100%;height:auto}.single .wp-block-post-title{max-width:100%;overflow-wrap:anywhere}.single .wp-block-post-content{margin-top:2rem}

.article-sharing,.more-in-cat{max-width:760px;margin-top:2rem;border-top:2px solid var(--ink);padding-top:1rem}.article-sharing h2,.more-in-cat h2{font:700 1.3rem/1.5 Arial}.article-sharing a,.copy-post-link{color:var(--ink);background:white;border:2px solid var(--ink);padding:.5rem .8rem;border-radius:0;font:700 1rem Arial}.more-in-cat li{margin:1rem 0}.more-in-cat time{display:block;font:.9rem Arial;color:var(--teal)}

.list-index article{border-bottom:2px solid var(--ink);padding:1rem 0}.list-index h2{font-size:1.6rem;line-height:1.4}.list-index a{color:var(--ink)}
