/*
Theme Name: IACR Phlox
Description: The Phlox presentation for the Islamic Academy for Comparative Religion.
Version: 1.1.0
Template: phlox
License: GPL-2.0-or-later
Text Domain: iacr-phlox
*/

.iacr-shell{--ink:#192d31;--brand:#203e52;--teal:#143c40;--gold:#866621;--cream:#faf7eb;--paper:#fffefa;--rule:#e4dcc2;background-color:var(--cream);background-image:url("pattern.svg");color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.75;min-height:100vh}
.iacr-shell *, .iacr-shell *::before,.iacr-shell *::after{box-sizing:border-box}
.iacr-shell a{color:var(--teal)}
.iacr-shell button:focus-visible,.iacr-shell a:focus-visible,.iacr-shell summary:focus-visible{outline:3px solid #af801d;outline-offset:4px}
.iacr-skip{position:absolute;top:-100px;left:12px;background:#fff;padding:8px 12px;z-index:15}
.iacr-skip:focus{top:8px}
.iacr-wrap{width:min(1220px,calc(100% - 48px));margin-inline:auto}
.iacr-head{position:relative;z-index:8;border-bottom:1px solid var(--rule);background:rgba(250,247,235,.97)}
.iacr-identity{display:flex;gap:18px;align-items:center;padding-block:20px 12px}
.iacr-identity img{width:112px;height:auto;display:block;border-radius:3px}
.iacr-brand-name{font-size:clamp(15px,2vw,21px);font-weight:700;line-height:1.3;letter-spacing:-.01em}
.iacr-nav-label{display:none}
.iacr-nav{position:relative}
.iacr-nav .iacr-nav-list{display:flex;align-items:stretch;justify-content:space-between;gap:6px;margin:0;padding:0;list-style:none}
.iacr-nav-list>li{position:static;margin:0;list-style:none}
.iacr-nav-list>li>a,.iacr-nav-list summary{display:flex;align-items:center;gap:6px;padding:13px 6px;min-height:44px;text-decoration:none;font-size:12px;letter-spacing:.025em;text-transform:uppercase;font-weight:750;cursor:pointer;color:var(--teal)}
.iacr-nav-list summary{list-style:none}
.iacr-nav-list summary::-webkit-details-marker{display:none}
.iacr-nav-list summary::after{content:"";width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:translateY(-2px) rotate(45deg)}
.iacr-nav-list details[open] summary::after{transform:translateY(2px) rotate(225deg)}
.iacr-nav .iacr-mega{position:absolute;z-index:10;top:100%;left:0;right:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:min(62vh,570px);overflow:auto;padding:16px;margin:0;background:var(--paper);border:1px solid var(--rule);border-radius:0 0 12px 12px;box-shadow:0 14px 32px #25322826;list-style:none}
.iacr-nav details:not([open])>.iacr-mega{display:none}
.iacr-mega li{list-style:none;margin:0}
.iacr-mega a{display:block;height:100%;padding:10px 12px;background:#f8f5e9;border:1px solid #ece5d1;border-radius:6px;font-size:14px;font-weight:650;text-decoration:none;line-height:1.45}
.iacr-mega a:hover{background:#f0ebd8}
.iacr-main{width:min(960px,calc(100% - 48px));margin-inline:auto;padding:35px 0 64px;min-height:45vh}
.iacr-main .di-article-container{max-width:900px}
.iacr-main p{line-height:1.8}
.iacr-main a:not(.iacr-contact-button){text-underline-offset:3px}
.iacr-main h1,.iacr-main h2,.iacr-main h3{color:var(--ink);font-weight:750;line-height:1.23}
.iacr-title{font-size:clamp(25px,4vw,40px);margin:0 0 20px}
.iacr-home-intro{padding:clamp(26px,6vw,64px);background:var(--paper);border:1px solid var(--rule);border-radius:12px;box-shadow:0 12px 32px #29332310}
.iacr-home-intro h1{font-size:clamp(29px,5.6vw,55px);max-width:17ch;margin:0 0 18px;letter-spacing:-.035em}
.iacr-home-intro p{max-width:62ch}
.iacr-contact-button{display:inline-flex;gap:11px;align-items:center;justify-content:center;min-height:52px;background:var(--teal);color:#fff!important;border-radius:6px;text-decoration:none;font-weight:750;padding:12px 24px;margin-top:12px}
.iacr-contact-button svg{width:18px;height:18px;flex:0 0 18px}
.iacr-main .iacr-contact-number{margin:10px 0 0;color:#4a6268;letter-spacing:.04em}
.iacr-home-audio{margin:24px 0 0;padding:20px;background:var(--paper);border:1px solid var(--rule);border-radius:10px}
.iacr-home-audio h2{font-size:22px;margin:0 0 12px}
.iacr-share{margin:0 0 16px}
.iacr-share-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.iacr-share-label,.iacr-share-icon{border:0;background:transparent;color:var(--teal);cursor:pointer;font:inherit}
.iacr-share-label{min-height:44px;padding:0 12px 0 0;font-weight:750}
.iacr-share-icon{display:inline-grid;place-items:center;width:44px;height:44px;padding:4px;border-radius:50%}
.iacr-share-icon span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--icon)}
.iacr-share-icon svg{display:block;width:18px;height:18px;fill:#fff}
.iacr-share-status{font-size:13px;color:var(--teal);margin:4px 0 0}
.iacr-share-status:empty{margin:0}
.iacr-foot{background:var(--brand);color:#fff;border-top:3px solid #c4a35f;padding:25px 0}
.iacr-foot-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.iacr-foot img{display:block;width:85px;height:auto}
.iacr-foot a{color:#fff;text-underline-offset:3px}
.iacr-foot p{margin:0}
.iacr-foot-brand{display:flex;align-items:center;gap:13px;font-weight:650}
@media(max-width:1020px){
  .iacr-wrap,.iacr-main{width:calc(100% - 36px)}
  .iacr-nav-label{display:block;padding:8px 12px;margin:0 0 12px;background:var(--teal);color:#fff;border:0;border-radius:4px;font:inherit;font-weight:700;cursor:pointer}
  .iacr-nav .iacr-nav-list{display:none}
  .iacr-nav .iacr-nav-list.is-open{display:block;padding-bottom:8px}
  .iacr-nav .iacr-mega{position:static;grid-template-columns:repeat(2,minmax(0,1fr));max-height:50vh;box-shadow:none;border-radius:6px}
}
@media(max-width:540px){
  .iacr-wrap,.iacr-main{width:calc(100% - 30px)}
  .iacr-identity{padding-block:15px 11px;gap:12px}
  .iacr-identity img{width:80px}
  .iacr-main{padding-top:23px}
  .iacr-nav .iacr-mega{grid-template-columns:1fr;padding:9px}
}

/* DIO's cream pattern, gold rules and display typography, with IACR identity. */
@font-face{font-family:IACR Aclonica;src:url("aclonica.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:swap}
.iacr-shell{--ink:#12110d;--gold:#d9a620;--cream:#fbf8e3;--rule:#e8d9ab;background-color:rgba(222,189,11,.114);background-image:url("dio-cream-texture.png");background-repeat:repeat}
.iacr-head{background:transparent;border-bottom:0}
.iacr-head .iacr-wrap{width:min(1650px,calc(100% - 64px))}
.iacr-identity{width:fit-content;max-width:100%;position:relative;justify-content:center;margin-inline:auto;padding:18px 0 10px;border-bottom:4px solid var(--gold);gap:16px}
.iacr-identity img{width:112px;border-radius:0}
.iacr-brand-name{font-family:"IACR Aclonica",sans-serif;font-size:clamp(17px,2.1vw,31px);font-weight:400;color:#111}
.iacr-nav{margin-top:11px}
.iacr-nav-list>li>a,.iacr-nav-list summary{font-family:"IACR Aclonica",sans-serif;font-weight:400;font-size:clamp(10px,1.04vw,14px);letter-spacing:0;color:#111;padding:13px 4px}
.iacr-home-main{width:min(1180px,calc(100% - 64px));padding:clamp(70px,8vw,120px) 0 65px}
.iacr-home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(38px,7vw,112px)}
.iacr-home-welcome{position:relative;text-align:right}
.iacr-home-welcome::after{content:"";position:absolute;inset:4px calc(-1 * clamp(19px,3.5vw,56px)) 4px auto;width:4px;background:var(--gold);border-radius:4px}
.iacr-home-welcome h1{font-family:"IACR Aclonica",sans-serif;font-weight:400;font-size:clamp(31px,3.35vw,46px);line-height:1.35;margin:0 0 12px}
.iacr-home-welcome strong{color:#a36d06;font-weight:400}
.iacr-home-welcome p{font-family:"IACR Aclonica",sans-serif;font-size:clamp(19px,2.15vw,30px);line-height:1.55;margin:0}
.iacr-welcome-audio iframe{display:block;width:100%;height:152px;border:0;border-radius:12px}
.iacr-welcome-link{display:block;text-align:center;padding:8px 10px;margin:14px 5px 0;border-radius:5px;background:linear-gradient(180deg,#e2ad28,#ae7308);box-shadow:0 10px 21px #b5772855;font-family:"IACR Aclonica",sans-serif;font-size:clamp(17px,2vw,23px);font-weight:400;color:#0c0901!important;text-decoration:none;text-transform:uppercase}
.iacr-home-contact{text-align:center;margin:48px 0 24px}
.iacr-home-contact .iacr-contact-button{margin-top:0}
.iacr-home-main>.iacr-share .iacr-share-row{justify-content:center}
.iacr-home-main>.iacr-share .iacr-share-status{text-align:center}
.iacr-foot{background:#312a1c;border-top:3px solid var(--gold)}
@media(max-width:1020px){
  .iacr-head .iacr-wrap,.iacr-home-main{width:calc(100% - 36px)}
  .iacr-nav-list>li>a,.iacr-nav-list summary{font-size:13px}
  .iacr-home-main{padding-top:55px}
}
@media(max-width:700px){
  .iacr-identity{gap:9px}
  .iacr-identity img{width:80px}
  .iacr-brand-name{font-size:16px}
  .iacr-home-main{padding-top:38px}
  .iacr-home-hero{grid-template-columns:1fr;gap:23px;max-width:540px;margin-inline:auto}
  .iacr-home-welcome{text-align:left;border-bottom:3px solid var(--gold);padding-bottom:19px}
  .iacr-home-welcome::after{display:none}
  .iacr-home-contact{margin-top:35px}
}