/*
Theme Name: Injila Baqir Zeeshan
Theme URI: https://example.com/
Author: Converted for Injila Baqir Zeeshan
Author URI: https://example.com/
Description: An elegant editorial portfolio theme for a journalist, editor and researcher. Cream-and-brown Caslon design with a home hero, About, Professional Experience, Portfolio, Journal (blog) and Contact. Fully responsive, translation-ready, and works out of the box.
Version: 1.0.6
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: injila
*/


:root{
  --cream:#FBF7F1; --band:#F5EDE2; --card:#FDFAF6;
  --brown:#58381C; --ink:#4B3B2E; --muted:#6E5B49;
  --tan:#8D6A47; --terra:#BC8355; --rule:#E4D7C5;
  --shell:120rem; --gut:clamp(1.5rem,5vw,5rem);
  --display:"Adobe Caslon Pro","ACaslonPro","Libre Caslon Display","Libre Caslon Text",Georgia,serif;
  --body:"Adobe Caslon Pro","ACaslonPro","Libre Caslon Text","Libre Baskerville",Georgia,serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);
  font-size:1.0625rem;line-height:1.72;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;color:var(--brown);margin:0;line-height:1.18}
p{margin:0}
.shell{max-width:var(--shell);margin-inline:auto;padding-inline:var(--gut)}
.shell--narrow{max-width:70rem}
:focus-visible{outline:2px solid var(--terra);outline-offset:3px;border-radius:2px}

.eyebrow{font-size:.7rem;letter-spacing:.34em;text-transform:uppercase;color:var(--terra);
  text-align:center;margin-bottom:2.75rem}
.eyebrow--left{text-align:left;margin-bottom:1rem;letter-spacing:.2em;font-size:.68rem;white-space:nowrap}
.btn{display:inline-flex;align-items:center;gap:.7rem;padding:.85rem 2.1rem;
  border:1px solid var(--terra);color:var(--terra);font-size:.95rem;letter-spacing:.06em;
  background:transparent;cursor:pointer;font-family:var(--body);
  transition:background .35s ease,color .35s ease}
.btn svg{width:1rem;height:1rem;transition:transform .35s ease}
.btn:hover{background:var(--terra);color:#fff}
.btn:hover svg{transform:translateX(4px)}
.more{display:inline-flex;align-items:center;gap:.5rem;color:var(--terra);font-size:.9rem;letter-spacing:.04em}
.more svg{width:.95rem;height:.95rem;transition:transform .3s ease}
.more:hover svg{transform:translateX(4px)}
.sec{padding-block:clamp(4rem,8vw,7.5rem)}
.sec--tight{padding-block:clamp(3rem,6vw,5rem)}
.sec--band{background:var(--band)}
.mark{display:block;width:100%;height:100%;color:inherit}

/* header */
.site-head::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(44,26,12,.55),rgba(44,26,12,0));transition:opacity .4s ease}
.site-head.pinned::before{opacity:0}
.site-head > *{position:relative;z-index:1}
.site-head{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;
  justify-content:space-between;gap:2rem;padding:1.1rem var(--gut);
  transition:background .4s ease,box-shadow .4s ease,padding .4s ease}
.site-head.pinned{background:rgba(251,247,241,.96);box-shadow:0 1px 0 var(--rule);padding-block:.7rem}
.brand{width:3.5rem;height:3.5rem;color:#fff;flex:none;transition:color .4s ease}
.site-head.pinned .brand{color:var(--brown)}
.nav{display:flex;gap:2rem;align-items:center}
.nav a{color:#fff;font-size:.93rem;letter-spacing:.04em;padding-bottom:.3rem;white-space:nowrap;
  border-bottom:1px solid transparent;transition:color .4s ease,border-color .3s ease}
.nav a:hover,.nav a[aria-current="page"]{border-color:currentColor}
.site-head.pinned .nav a{color:var(--brown)}
.burger{display:none;width:2.2rem;height:2.2rem;border:0;background:none;padding:0;cursor:pointer;color:#fff}
.site-head.pinned .burger{color:var(--brown)}
.burger span{display:block;height:1px;background:currentColor;margin:.42rem 0;
  transition:transform .3s ease,opacity .3s ease}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(.43rem) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-.43rem) rotate(-45deg)}

/* hero (home) */
.hero{position:relative;min-height:min(72vh,38rem);display:flex;align-items:center;overflow:hidden}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(52,32,16,.62) 0%,rgba(52,32,16,.34) 42%,rgba(52,32,16,.06) 72%)}
.hero__body{position:relative;z-index:2;width:100%;padding-top:4rem}
.hero h1{color:#FDF8F2;font-size:clamp(2.6rem,6vw,4.9rem);text-shadow:0 2px 24px rgba(40,24,10,.35)}
.hero__role{margin-top:1rem;color:#F2E6D8;font-size:clamp(1rem,1.6vw,1.22rem);
  letter-spacing:.16em;text-shadow:0 1px 14px rgba(40,24,10,.4)}
.hero__role span{padding-inline:.55rem;color:var(--terra)}

/* page banner (inner pages) */
.pbanner{position:relative;min-height:min(52vh,24rem);display:flex;align-items:flex-end;overflow:hidden}
.pbanner__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
/* Portfolio banner: anchor lower so the notebook text is visible */
.page-id-20 .pbanner__img{object-position:center 78%}
.pbanner::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(48,29,13,.6) 0%,rgba(48,29,13,.24) 46%,rgba(48,29,13,.7) 100%)}
.pbanner__body{position:relative;z-index:2;width:100%;padding-bottom:clamp(2rem,4vw,3.4rem)}
.pbanner h1{color:#FDF8F2;font-size:clamp(2.1rem,4.6vw,3.6rem);text-shadow:0 2px 20px rgba(40,24,10,.4)}
.pbanner p{margin-top:.7rem;color:#EFE2D2;letter-spacing:.1em;font-size:.95rem;max-width:44rem}
.crumb{color:#E4CFB6;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;margin-bottom:1rem}
.crumb a{opacity:.85}.crumb a:hover{opacity:1;text-decoration:underline;text-underline-offset:.3em}

/* intro */
.intro{max-width:44rem;margin-inline:auto;text-align:center}
.intro p{font-size:1.19rem;line-height:1.85;color:var(--muted)}
.intro .btn{margin-top:2.6rem}

/* pillars */
.pillars{display:grid;grid-template-columns:repeat(4,1fr)}
.pillar{padding:0 2rem;text-align:center;border-left:1px solid var(--rule)}
.pillar:first-child{border-left:0}
.pillar svg{width:2.6rem;height:2.6rem;margin:0 auto 1.35rem;color:var(--terra);stroke-width:1.1}
.pillar h3{font-size:1.42rem;margin-bottom:.7rem}
.pillar p{font-size:.98rem;color:var(--muted);line-height:1.7}

/* about split */
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,5.5rem);align-items:center}
.about__fig{position:relative;margin:0}
.about__fig img{width:100%;aspect-ratio:16/11;object-fit:cover}
.about__fig::after{content:"";position:absolute;inset:.85rem;border:1px solid rgba(253,248,242,.35);pointer-events:none}
.about--portrait{grid-template-columns:minmax(0,21rem) minmax(0,1fr);justify-content:start}
.about--portrait .about__fig img{aspect-ratio:4/5;object-position:center 20%}
.about--portrait .about__fig::after{display:none}
.about h2{font-size:clamp(2rem,3.6vw,3rem);margin-bottom:1.6rem}
.about p{color:var(--muted);max-width:34rem}
.about p + p{margin-top:1.1rem}
.about .btn{margin-top:2.2rem}

/* portrait block */
.bio{display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:clamp(2.5rem,6vw,5rem);align-items:start}
.bio__fig{position:relative;margin:0}
.bio__fig img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 22%}
.bio__fig figcaption{margin-top:1rem;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--terra)}
.bio h2{font-size:clamp(1.9rem,3.4vw,2.7rem);margin-bottom:1.4rem}
.bio p{color:var(--muted);max-width:44rem}
.bio p + p{margin-top:1.15rem}
.bio .btn{margin-top:2.2rem}

/* cards */
.interests{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.interest{background:var(--card);border:1px solid var(--rule);padding:2.4rem 2rem;
  display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start;
  transition:border-color .35s ease,transform .35s ease}
.interest:hover{border-color:var(--terra);transform:translateY(-3px)}
.interest svg{width:2.3rem;height:2.3rem;color:var(--terra);stroke-width:1.1;margin-top:.25rem}
.interest h3{font-size:1.3rem;margin-bottom:.6rem}
.interest p{font-size:.95rem;color:var(--muted);line-height:1.68}

.work{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.work__card{position:relative;overflow:hidden;isolation:isolate;background:var(--card);
  border:1px solid var(--rule);padding:2.1rem 2rem 1.9rem;display:flex;flex-direction:column;
  min-height:16rem;transition:border-color .35s ease,box-shadow .35s ease}
.work__card::before{content:"";position:absolute;inset:34% 0 0 46%;z-index:-1;
  background-image:var(--img);background-size:cover;background-position:center;opacity:.13;
  -webkit-mask-image:linear-gradient(125deg,transparent 24%,#000 88%);
  mask-image:linear-gradient(125deg,transparent 24%,#000 88%);
  transition:opacity .45s ease,transform .8s ease}
.work__card:hover{border-color:var(--terra);box-shadow:0 10px 30px -18px rgba(88,56,28,.45)}
.work__card:hover::before{opacity:.21;transform:scale(1.05)}
.work__card h3{font-size:1.32rem;margin-bottom:.85rem;max-width:22ch}
.work__card p{font-size:.95rem;color:var(--muted);line-height:1.68;max-width:32ch}
.work__card .more{margin-top:auto;padding-top:1.6rem}

/* posts */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2rem}
.post{display:grid;grid-template-columns:7.5rem 1fr;gap:1.4rem;align-items:start}
.post__thumb{overflow:hidden;aspect-ratio:1;background:var(--band)}
.post__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.post:hover .post__thumb img{transform:scale(1.06)}
.post time{display:block;font-size:.82rem;letter-spacing:.06em;color:var(--terra);margin-bottom:.5rem}
.post h3{font-size:1.22rem;margin-bottom:.6rem}
.post p{font-size:.93rem;color:var(--muted);line-height:1.65}
.post .more{margin-top:.9rem}

/* journal list (journal page) */
.entries{display:grid;gap:0;max-width:64rem;margin-inline:auto}
.entry{display:grid;grid-template-columns:14rem 1fr;gap:2.4rem;align-items:center;
  padding-block:2.6rem;border-top:1px solid var(--rule)}
.entry:first-child{border-top:0;padding-top:0}
.entry__thumb{overflow:hidden;aspect-ratio:4/3}
.entry__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.entry:hover .entry__thumb img{transform:scale(1.05)}
.entry time{display:block;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--terra);margin-bottom:.6rem}
.entry h2{font-size:clamp(1.4rem,2.3vw,1.85rem);margin-bottom:.7rem}
.entry p{color:var(--muted)}
.entry .more{margin-top:1rem}

/* timeline */
.tl{max-width:60rem;margin-inline:auto;position:relative;padding-left:2.6rem}
.tl::before{content:"";position:absolute;left:.42rem;top:.6rem;bottom:.6rem;width:1px;background:var(--rule)}
.tl__item{position:relative;padding-bottom:3.2rem}
.tl__item:last-child{padding-bottom:0}
.tl__item::before{content:"";position:absolute;left:-2.6rem;top:.55rem;width:.85rem;height:.85rem;
  border:1px solid var(--terra);background:var(--cream);border-radius:50%}
.tl__span{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--terra);display:block;margin-bottom:.5rem}
.tl__item h3{font-size:1.45rem;margin-bottom:.2rem}
.tl__org{color:var(--muted);font-style:italic;margin-bottom:.8rem}
.tl__item p{color:var(--muted);max-width:44rem}
.tl__item ul{margin:.9rem 0 0;padding-left:1.1rem;color:var(--muted)}
.tl__item li{margin-bottom:.35rem}

/* tag row */
.tags{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;max-width:60rem;margin-inline:auto}
.tag{border:1px solid var(--rule);background:var(--card);padding:.5rem 1.15rem;font-size:.9rem;color:var(--muted)}

/* portfolio pieces */
.pieces{display:grid;gap:2rem;max-width:76rem;margin-inline:auto}
.piece{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--rule);background:var(--card);overflow:hidden}
.piece:nth-child(even) .piece__fig{order:2}
.piece__fig{margin:0;overflow:hidden;min-height:18rem}
.piece__fig img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.piece:hover .piece__fig img{transform:scale(1.04)}
.piece__body{padding:clamp(2rem,3.5vw,3.2rem);display:flex;flex-direction:column;justify-content:center}
.piece__body h2{font-size:clamp(1.5rem,2.4vw,2rem);margin-block:.6rem .9rem}
.piece__body p{color:var(--muted);max-width:38rem}
.piece__body .more{margin-top:1.6rem;align-self:flex-start}

/* contact */
.contact{position:relative;min-height:32rem;display:flex;align-items:center;overflow:hidden}
.contact__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:22% 62%}
.contact::after{content:"";position:absolute;inset:0;
  background:linear-gradient(255deg,rgba(38,23,10,.66) 0%,rgba(38,23,10,.3) 48%,transparent 74%)}
.contact__body{position:relative;z-index:2;width:100%;display:flex;justify-content:flex-end}
.contact__inner{max-width:30rem;text-align:right}
.contact h2{color:#FDF8F2;font-size:clamp(1.9rem,3.4vw,2.8rem)}
.contact p{margin-top:1.1rem;color:#EEE1D1;font-size:1.03rem}
.contact .btn{margin-top:2rem;border-color:#EBD8C2;color:#FDF8F2}
.contact .btn:hover{background:#FDF8F2;color:var(--brown)}

/* contact page */
.reach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(2.5rem,6vw,5rem);align-items:start}
.reach h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:1.2rem}
.reach p{color:var(--muted)}
.reach dl{margin:2.2rem 0 0}
.reach dt{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--terra);margin-top:1.6rem}
.reach dd{margin:.35rem 0 0;font-size:1.05rem}
.form{display:grid;gap:1.2rem;background:var(--card);border:1px solid var(--rule);padding:clamp(1.8rem,3.5vw,2.8rem)}
.field{display:grid;gap:.45rem}
.field label{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--terra)}
.field input,.field textarea{font-family:var(--body);font-size:1rem;color:var(--ink);
  background:var(--cream);border:1px solid var(--rule);padding:.8rem .9rem;width:100%}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--terra)}
.field textarea{min-height:9rem;resize:vertical}
.form .btn{justify-self:start;margin-top:.4rem}
.form__note{font-size:.85rem;color:var(--muted)}

/* footer */
.foot{background:var(--tan);color:#FBF3E9;padding-block:3.2rem 2.2rem}
.foot__top{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.foot__brand{display:flex;align-items:center;gap:1.1rem}
.foot__brand .mark{width:2.6rem;height:2.6rem;color:#FBF3E9;flex:none}
.foot__brand strong{font-family:var(--display);font-weight:400;font-size:1.3rem;letter-spacing:.02em}
.foot__nav{display:flex;flex-wrap:wrap;gap:1.4rem;font-size:.92rem;margin-top:1.8rem;opacity:.9}
.foot__nav a:hover{text-decoration:underline;text-underline-offset:.35em}
.social{display:flex;flex-wrap:wrap;gap:1.9rem;align-items:center}
.social a{display:inline-flex;align-items:center;gap:.55rem;font-size:.93rem;opacity:.9;transition:opacity .3s ease}
.social a:hover{opacity:1;text-decoration:underline;text-underline-offset:.35em}
.social svg{width:1.15rem;height:1.15rem;flex:none}
.foot__rule{height:1px;background:rgba(251,243,233,.28);margin-block:2.2rem 1.4rem}
.foot__note{text-align:center;font-size:.86rem;opacity:.82}

/* motion */
.rise{opacity:0;transform:translateY(22px);
  transition:opacity .5s cubic-bezier(.2,.7,.3,1),transform .5s cubic-bezier(.2,.7,.3,1)}
.rise.in{opacity:1;transform:none}
.hero h1,.hero__role,.pbanner h1,.pbanner p,.pbanner .crumb{
  animation:heroIn 1.1s cubic-bezier(.2,.7,.3,1) forwards}
.hero__role,.pbanner p{animation-delay:.16s}
@keyframes heroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

@media (max-width:1180px){ .nav{gap:1.4rem} .nav a{font-size:.86rem} }
@media (max-width:1020px){
  .pillars{grid-template-columns:1fr 1fr;gap:3rem 0}
  .pillar{padding:0 1.2rem}
  .pillar:nth-child(3){border-left:0}
  .interests,.work,.posts{grid-template-columns:1fr}
  .about,.about--portrait,.reach,.piece{grid-template-columns:1fr}
  .about__fig{order:-1}
  .piece:nth-child(even) .piece__fig{order:0}
  .piece__fig{min-height:14rem;max-height:20rem}
  .bio{grid-template-columns:1fr;gap:2.5rem}
  .bio__fig{max-width:22rem}
  .entry{grid-template-columns:10rem 1fr;gap:1.6rem}
  .contact__body{justify-content:flex-start}
  .contact__inner{text-align:left}
  .contact::after{background:linear-gradient(90deg,rgba(38,23,10,.66),rgba(38,23,10,.3))}
  .nav{position:fixed;inset:0 0 auto;top:0;padding:6rem 2rem 2.5rem;flex-direction:column;
    align-items:flex-start;gap:1.5rem;background:var(--cream);transform:translateY(-100%);
    transition:transform .45s cubic-bezier(.3,.8,.3,1);max-height:100vh;overflow-y:auto}
  .nav.open{transform:none}
  .nav a,.site-head.pinned .nav a{color:var(--brown);font-size:1.3rem;font-family:var(--display)}
  .burger{display:block;position:relative;z-index:60}
  .brand{z-index:60}
  .site-head:has(.nav.open){background:var(--cream)}
  .site-head:has(.nav.open) .brand,.site-head:has(.nav.open) .burger{color:var(--brown)}
  .site-head:has(.nav.open)::before{opacity:0}
}
@media (max-width:600px){
  .pillars{grid-template-columns:1fr}
  .pillar{border-left:0;border-top:1px solid var(--rule);padding:2.2rem 0 0}
  .pillar:first-child{border-top:0;padding-top:0}
  .post{grid-template-columns:6rem 1fr}
  .entry{grid-template-columns:1fr;gap:1.2rem}
  .foot__top{flex-direction:column;align-items:flex-start}
  .social{gap:1.1rem 1.6rem}
  .tl{padding-left:2rem}
  .tl__item::before{left:-2rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
  .rise{opacity:1;transform:none}
}

.todo{color:var(--terra);border-bottom:1px dotted var(--terra);font-style:normal}
.tl__org .todo{font-style:italic}


/* =====================================================================
   WordPress integration helpers + responsive hero adjustments
   (added during theme conversion — safe to tweak)
   ===================================================================== */

/* Keep fixed header clear of the WP admin bar when logged in */
.admin-bar .site-head{top:32px}
@media (max-width:782px){.admin-bar .site-head{top:46px}}

/* Accessibility: screen-reader text + skip link */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--brown);color:#fff;
  padding:.6rem 1rem;border-radius:0 0 4px 0}
.skip-link:focus{left:0}

/* Standard WordPress alignment + caption classes for editor content */
.alignleft{float:left;margin:.4rem 1.6rem 1rem 0}
.alignright{float:right;margin:.4rem 0 1rem 1.6rem}
.aligncenter{display:block;margin-inline:auto}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:.85rem;color:var(--muted);text-align:center;margin-top:.4rem}
.sticky,.gallery-caption,.bypostauthor{}

/* =====================================================================
   RESPONSIVE HERO — the home hero was too tall; these keep it in
   professional proportions across screen sizes.
   ===================================================================== */
@media (max-width:1020px){
  .hero{min-height:min(64vh,32rem)}
  .pbanner{min-height:min(46vh,20rem)}
}
@media (max-width:600px){
  .hero{min-height:26rem}
  .hero__img{object-position:center 32%}
  .hero__body{padding-top:2.5rem}
  .pbanner{min-height:17rem}
}
@media (max-width:380px){
  .hero{min-height:23rem}
}

/* =====================================================================
   Editor content (single posts & generic pages) + pagination
   ===================================================================== */
.article{font-size:1.12rem;line-height:1.85;color:var(--ink)}
.article > * + *{margin-top:1.3rem}
.article h2{font-size:1.9rem;margin-top:2.4rem}
.article h3{font-size:1.45rem;margin-top:2rem}
.article a{color:var(--terra);text-decoration:underline;text-underline-offset:.2em}
.article ul,.article ol{padding-left:1.3rem;color:var(--muted)}
.article li + li{margin-top:.5rem}
.article img{margin:1.6rem 0}
.article blockquote{margin:1.8rem 0;padding:.4rem 0 .4rem 1.4rem;border-left:2px solid var(--terra);
  font-style:italic;color:var(--muted)}
.article code{background:var(--band);padding:.1rem .4rem;border-radius:3px;font-size:.92em}

.ibz-pagination a,.ibz-pagination span{display:inline-block;min-width:2.4rem;padding:.5rem .8rem;margin:0 .2rem;
  border:1px solid var(--rule);color:var(--tan);font-size:.95rem}
.ibz-pagination a:hover{border-color:var(--terra);color:var(--terra)}
.ibz-pagination .current{background:var(--terra);color:#fff;border-color:var(--terra)}


/* About banner crop fix */
.page-id-272 .pbanner__img{object-position:center 75%}

/* Journal banner crop fix */
.page-id-171 .pbanner__img{object-position:center bottom}

/* Contact banner crop fix */
.page-id-24 .pbanner__img{object-position:center top}