/* IDR Advertise Welcome page styles. Every rule is scoped to .idr-aw so it can't touch the
 * site header/footer (the page uses the theme's get_header() since 14 Oct). Generated from the
 * former inline <style>; edit here. */
/* Baseline: undo the theme's container and typography inside .idr-aw so the content renders exactly as the
 * standalone design did (browser defaults). Specific rules below override these. */
body.idr-aw-page #content > .woostify-container{max-width:none;width:100%;padding:0}
body.idr-aw-page #content{margin-bottom:0} /* theme spaces content from the footer; the footer is hidden on this page */
.idr-aw{font-size:16px;line-height:normal;word-break:normal;overflow-wrap:normal}
.idr-aw h1,.idr-aw h2,.idr-aw h3{font-family:inherit;line-height:normal;color:inherit;font-weight:bold}
.idr-aw h1{margin:.67em 0}.idr-aw h2{font-size:1.5em;margin:.83em 0}.idr-aw h3{font-size:1.17em;margin:1em 0}
.idr-aw p{margin:1em 0}
.idr-aw button,.idr-aw input,.idr-aw select{font-family:Arial;line-height:normal}
.idr-aw input{color:#000}.idr-aw input[type=range]{border:0;padding:0;font-size:13.3333px}
.idr-aw .talk a{text-decoration:underline}
.idr-aw{font-family:Arial,sans-serif;color:#fff;background:#160421}
.idr-aw,.idr-aw *{box-sizing:border-box}
.idr-aw{background:linear-gradient(150deg,#310650,#a30cd6 55%,#260439);min-height:100vh}
.idr-aw header{padding:22px 5%;background:#270539;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #e3ba45}
.idr-aw .brand{font-size:23px;font-weight:800;color:#f9d34e}
.idr-aw .brand small{display:block;font-size:12px;color:white;letter-spacing:2px}
.idr-aw main{max-width:1180px;margin:auto;padding:28px 20px}
.idr-aw h1{text-align:center;color:#ffda57;font-size:clamp(26px,4vw,42px)}
.idr-aw .intro{text-align:center;font-size:19px;margin-bottom:30px}
.idr-aw .layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.idr-aw .panel{background:#250735e8;border:1px solid #a767cc;border-radius:18px;padding:24px;box-shadow:0 10px 25px #18002055}
.idr-aw .video{min-height:320px;background:radial-gradient(circle at center,#8b24c5,#2b063f);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;text-align:center;padding:20px}
.idr-aw .gold{color:#ffda57}
.idr-aw button{border:0;border-radius:12px;padding:14px 18px;cursor:pointer;font-weight:800;font-size:16px;background:#f6c746;color:#250735}
.idr-aw button:focus-visible,.idr-aw select:focus-visible,.idr-aw input:focus-visible{outline:4px solid white;outline-offset:3px}
.idr-aw .choices{display:flex;gap:8px;flex-wrap:wrap}
.idr-aw .choices button{flex:1;background:#49116d;color:#fff;border:2px solid #a96bcc}
.idr-aw .choices button.selected{background:#ffda57;color:#21062d;border-color:#fff}
.idr-aw select{padding:12px;border-radius:10px;width:100%;font-size:17px;margin:12px 0}
.idr-aw .total{font-size:24px;color:#ffda57;font-weight:bold;margin:12px 0}
.idr-aw .wide{width:100%}
.idr-aw .coverage{margin-top:22px;text-align:center}
.idr-aw .notice{font-size:13px;color:#ddd}
.idr-aw audio{width:100%;margin:12px 0}
.idr-aw #status{margin-top:12px;min-height:20px}
@media(max-width:750px){.idr-aw .layout{grid-template-columns:1fr}
.idr-aw header{display:block}
.idr-aw .video{min-height:240px}}
/* Additions to the mock-up */
.idr-aw .brand{display:flex;align-items:center;gap:14px}
.idr-aw .brand-logo{background:#fff;border-radius:10px;padding:4px 8px;display:flex}
.idr-aw .brand-logo img{height:52px;width:auto;display:block}
.idr-aw .video video{display:block;height:min(72vh,620px);aspect-ratio:9/16;width:auto;max-width:100%;object-fit:contain;border-radius:10px;background:#12021f;box-shadow:0 8px 22px #12021f99}
.idr-aw .total small{display:block;font-size:17px;color:#fff;font-weight:normal;margin-top:4px}
.idr-aw #lead{display:grid;gap:10px;margin-top:14px}
.idr-aw #lead[hidden]{display:none}
.idr-aw #lead label{font-weight:bold;font-size:15px}
.idr-aw #lead input{padding:12px;border-radius:10px;border:0;width:100%;font-size:17px;margin-top:4px}
.idr-aw #lead .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.idr-aw .talk{margin:26px 0 0;padding:20px 0 4px;border-top:1px solid #a767cc;font-size:18px;line-height:1.7;text-align:center}
.idr-aw .talk strong{font-size:20px}
.idr-aw .talk a{color:#ffda57;font-weight:bold}
/* Layout fixes 14 Oct: centred panel headings and summary; Neon Angel badge fills the right panel's spare height */
.idr-aw .layout .panel>h2.gold,.idr-aw .campaign-main>h2.gold{text-align:center}
.idr-aw #summary{text-align:center}
.idr-aw .campaign{display:flex;flex-direction:column}
.idr-aw .angel{flex:1 1 0;min-height:200px;width:100%;margin-top:22px;object-fit:cover;object-position:center 35%;border-radius:14px;border:2px solid #b63de8;box-shadow:0 0 18px #b63de866;display:block}
@media(max-width:1000px){.idr-aw .angel{flex:none;height:auto;min-height:0;aspect-ratio:1000/464}}
.idr-aw .banner-wrap{border-radius:12px;overflow:hidden;margin-top:14px;text-align:left}
@media(max-width:750px){.idr-aw main{padding:20px 10px}
.idr-aw .coverage{padding:20px 0 0;overflow:hidden}
.idr-aw .coverage h2{padding:0 16px}
.idr-aw .banner-wrap{border-radius:0 0 18px 18px;margin-top:10px}}
/* Phone fix for the reused multiplex banner (this page only; homepage unchanged): its title block and Listen Live
   button both refuse to shrink, so below ~600px the station name ran under the button. Button gets its own row. */
@media(max-width:600px){.idr-aw .elementor-element-cd53983 .slim-main{flex-wrap:wrap;gap:10px;padding:10px 16px}
.idr-aw .elementor-element-cd53983 .slim-content{flex:1 1 100%}
.idr-aw .elementor-element-cd53983 .slim-h1{white-space:normal;line-height:1.15}
.idr-aw .elementor-element-cd53983 .slim-btn{width:100%;text-align:center}}
/* 14 Oct round 3: centred left-panel commercial heading/note and right-panel steps 2-3 */
.idr-aw .center{text-align:center}
/* Branded media players (purple + gold). JS swaps the browser's controls for these; without JS the native controls stay. */
.idr-aw .vwrap{position:relative;display:inline-block;max-width:100%;line-height:0}
.idr-aw .vwrap video{cursor:pointer}
.idr-aw .mp{display:flex;align-items:center;gap:10px;font:bold 14px Arial,sans-serif;color:#fff;line-height:1}
.idr-aw .mp button{background:none;border:0;padding:0;border-radius:50%;color:#ffda57;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.idr-aw .mp button svg{width:22px;height:22px;fill:currentColor;display:block}
.idr-aw .mp .mp-play{width:42px;height:42px;background:#ffda57;color:#250735;box-shadow:0 0 12px #ffda5766}
.idr-aw .mp .mp-play svg{width:20px;height:20px}
.idr-aw .mp button:hover{filter:brightness(1.12)}
.idr-aw .mp-time{min-width:78px;font-variant-numeric:tabular-nums;color:#ffe9a8;font-weight:bold;font-size:14px;white-space:nowrap}
.idr-aw .mp-seek{flex:1;min-width:0;height:22px;margin:0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer;--p:0%}
.idr-aw .mp-seek::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#ffda57 var(--p),#ffffff40 var(--p))}
.idr-aw .mp-seek::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#ffda57 var(--p),#ffffff40 var(--p))}
.idr-aw .mp-seek::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:#ffda57;border:2px solid #fff;box-shadow:0 0 6px #ffda57aa}
.idr-aw .mp-seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#ffda57;border:2px solid #fff}
.idr-aw .mp--audio{margin:12px 0;padding:8px 16px 8px 8px;border-radius:999px;background:linear-gradient(90deg,#49116d,#310650);border:2px solid #a96bcc;box-shadow:0 6px 16px #12021f66}
.idr-aw .mp--video{position:absolute;left:0;right:0;bottom:0;padding:34px 12px 12px;border-radius:0 0 10px 10px;background:linear-gradient(transparent,#12021fe6 60%);transition:opacity .3s}
.idr-aw .mp--video .mp-play{width:38px;height:38px}
.idr-aw .vwrap.playing:not(:hover):not(:focus-within) .mp--video{opacity:0}
.idr-aw .mp-big{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border:0;border-radius:50%;background:#ffda57e6;color:#250735;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 6px #25073566,0 0 26px #ffda5799;transition:opacity .25s}
@media(max-width:750px){.idr-aw .video video{width:100%;height:auto;max-height:80vh}
.idr-aw .vwrap{display:block}}
.idr-aw .mp-big svg{width:34px;height:34px;fill:currentColor;margin-left:5px}
.idr-aw .vwrap.playing .mp-big{opacity:0;pointer-events:none}
.idr-aw .mp button:focus-visible,.idr-aw .mp-big:focus-visible,.idr-aw .mp-seek:focus-visible{outline:3px solid #fff;outline-offset:2px}
/* 14 Oct round 4: step 1, duration label and totals centred; branded weeks dropdown */
.idr-aw label.center{display:block}
.idr-aw #total{text-align:center}
.idr-aw #weeks{-webkit-appearance:none;appearance:none;background:#49116d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffda57' d='M5.6 8.3 12 14.7l6.4-6.4 1.6 1.6-8 8-8-8z'/%3E%3C/svg%3E") no-repeat right 14px center/22px;border:2px solid #a96bcc;color:#fff;font-weight:bold;padding:12px 46px 12px 14px;cursor:pointer}
.idr-aw #weeks:hover{border-color:#ffda57}
.idr-aw #weeks option{background:#250735;color:#fff}
/* 14 Oct round 5: Cancel on the booking form; left panel sticks beside the open form (desktop only) */
.idr-aw #cancel{background:transparent;color:#fff;border:2px solid #a96bcc}
.idr-aw #cancel:hover{border-color:#ffda57}
.idr-aw #cancel:disabled,.idr-aw #send:disabled{opacity:.6;cursor:default}
@media(min-width:751px){.idr-aw .layout.form-open>.panel:first-child{align-self:start;position:sticky;top:min(20px,calc(100vh - var(--lh,0px) - 20px))}}
/* 14 Oct round 6: bottom panel tighter, banner wider and ~20% larger (page-only; plugin and homepage untouched) */
.idr-aw .coverage h2{margin:0 0 10px}
.idr-aw .coverage .banner-wrap{margin-top:0}
@media(min-width:751px){.idr-aw .coverage{padding:14px 10px 10px}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-top{padding:8px 30px}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-sname{font-size:13px}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-live{font-size:12px;padding:4px 12px}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-main{padding:14px 30px;gap:24px}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-content{gap:24px}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-eyebrow{font-size:11px;margin-bottom:4px}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-h1{font-size:clamp(19px,2.6vw,32px)}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-sub{font-size:11px;margin-top:4px}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-pills{gap:8px}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-pill{font-size:12px;padding:5px 12px}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-wave{height:34px}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-bar{width:5px}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-btn{font-size:14px;padding:11px 24px}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-ticker-wrap{padding:8px 0}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-ticker span{font-size:13px}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-foot{padding:8px 30px}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-foot-left,.idr-aw .banner-wrap .elementor-element-cd53983 .slim-url{font-size:12px}}
@media(min-width:1101px){.idr-aw .banner-wrap .idrroll-apps{padding:14px 26px 18px;gap:12px}
.idr-aw .banner-wrap .idrroll-apps-title{font-size:27px}
.idr-aw .banner-wrap .idrroll-apps-sub{font-size:13px}
.idr-aw .banner-wrap .idrroll-app-brand{height:42px}
.idr-aw .banner-wrap .idrroll-app-name{font-size:28px}
.idr-aw .banner-wrap .idrroll-app-name--sm{font-size:20px}
.idr-aw .banner-wrap .idrroll-ico{width:46px;height:34px}
.idr-aw .banner-wrap .idrroll-ico--round,.idr-aw .banner-wrap .idrroll-rp-mark{width:34px;height:34px}
.idr-aw .banner-wrap .idrroll-alexa-word{font-size:29px}
.idr-aw .banner-wrap .idrroll-alexa-smile{width:62px;height:10px}
.idr-aw .banner-wrap .idrroll-tunein{font-size:20px}
.idr-aw .banner-wrap .idrroll-app-text{font-size:15px;max-width:175px}}
@media(max-width:750px){.idr-aw .coverage{padding:12px 8px 8px}
.idr-aw .coverage .banner-wrap{border-radius:12px}}
@media(max-width:600px){.idr-aw .banner-wrap .elementor-element-cd53983 .slim-h1{font-size:18px}
.idr-aw .banner-wrap .elementor-element-cd53983 .slim-btn{font-size:13px;padding:11px 20px}}
/* 14 Oct round 8 (replaces round 7 swatches): tier-coloured borders; selected = gold fill + white ring + glow */
.idr-aw .choices button[data-name=Bronze]{border:3px solid #cd7f32}
.idr-aw .choices button[data-name=Silver]{border:3px solid #c4c8cc}
.idr-aw .choices button[data-name=Gold]{border:3px solid #f0c030}
.idr-aw .choices button.selected{box-shadow:0 0 0 3px #fff,0 0 18px 4px #ffda57aa}
.idr-aw .choices button.selected[data-name=Gold]{border-color:#b8860b}
