/* Home composition based on INICIO.jpg. Columns below news flow independently. */ .rp-reference-home{display:flex;flex-direction:column;gap:24px;padding-block:32px} .rp-reference-home .rp-section{margin:0} .rp-home-opening{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:stretch} .rp-home-opening.has-calendar,.rp-home-lower.has-sidebar{grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr)} .rp-home-feature,.rp-home-feature .rp-front-story{min-width:0;height:100%} .rp-home-feature .rp-front-story{display:flex;flex-direction:column} .rp-home-feature .rp-front-story>img,.rp-home-feature .rp-front-story>.rp-placeholder{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;min-height:0} .rp-home-feature .rp-front-story-body{padding:24px;flex:1} .rp-home-feature .rp-front-story h1{font-size:clamp(26px,2.6vw,42px);line-height:1.18;margin:12px 0 0} .rp-home-feature .rp-front-story-body>time,.rp-home-feature .rp-front-story-body>p{display:none} .rp-home-calendar{display:flex;flex-direction:column;min-width:0;margin:0;padding:24px;gap:18px} .rp-home-calendar h2{margin:0;font-size:clamp(24px,2.3vw,34px)} .rp-home-calendar .rp-cal-top{margin:14px 0 0} .rp-home-calendar .rp-calendar-grid{gap:6px} .rp-home-calendar .rp-calendar-grid>a,.rp-home-calendar .rp-calendar-grid>span,.rp-home-calendar .rp-calendar-day>summary{min-height:34px;height:auto;aspect-ratio:1} .rp-home-calendar .rp-calendar-hint{font-size:12px;line-height:1.4;margin:0} .rp-home-calendar>.rp-btn{margin-top:auto;white-space:normal} .rp-reference-home>.rp-trendbar{width:100%;min-width:0;margin:0;order:0} .rp-reference-home .rp-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;flex-wrap:wrap} .riderpress-ui .rp-reference-home .rp-section-title{font-size:clamp(24px,2.25vw,34px);line-height:1.2;margin:0;color:#fff} .rp-reference-home .rp-section-head>.rp-btn{font-size:12px;padding:12px 18px;flex-shrink:0} .rp-home-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .rp-home-news-grid .rp-front-story{display:grid;grid-template-columns:minmax(90px,40%) minmax(0,1fr);min-width:0;height:100%} .rp-home-news-grid .rp-front-story>img,.rp-home-news-grid .rp-placeholder{width:100%;height:100%;aspect-ratio:auto;min-height:200px;object-fit:cover} .rp-home-news-grid .rp-placeholder>img{max-width:90%;height:auto} .rp-home-news-grid .rp-placeholder>span{font-size:8px} .rp-home-news-grid .rp-front-story-body{padding:16px;min-width:0} .rp-home-news-grid h3{font-size:clamp(17px,1.45vw,23px);line-height:1.25;margin:10px 0} .rp-home-lower{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start} .rp-home-editorial,.rp-home-sidebar{display:flex;flex-direction:column;gap:24px;min-width:0} .rp-home-editorial>.rp-section{padding:18px} .rp-reference-home .rp-discover-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px} .rp-reference-home .rp-discover-four .rp-front-story>img{height:auto;aspect-ratio:4/3;width:100%;object-fit:cover} .rp-reference-home .rp-discover-four h3{font-size:clamp(12px,1.1vw,17px);line-height:1.25;padding:12px;margin:0} .rp-reference-home .rp-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .rp-reference-home .rp-journey-grid .rp-front-story>img,.rp-reference-home .rp-journey-grid .rp-placeholder{width:100%;aspect-ratio:16/7;height:auto;min-height:0;object-fit:cover} .rp-reference-home .rp-journey-grid .rp-front-story-body{padding:16px} .rp-reference-home .rp-journey-grid h3{font-size:20px;line-height:1.3} .rp-reference-home .rp-journey-grid p{font-size:14px;line-height:1.5} .rp-reference-home .rp-home-upcoming .rp-event-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .rp-reference-home .rp-home-upcoming .rp-event-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;margin:0;align-content:start} .rp-reference-home .rp-home-upcoming .rp-event-poster{width:64px;height:auto;object-fit:contain;grid-column:1;grid-row:1 / span 2} .rp-reference-home .rp-home-upcoming .rp-event-info{grid-column:2;min-width:0} .rp-reference-home .rp-home-upcoming .rp-event-row h3{font-size:20px;line-height:1.3} .rp-reference-home .rp-home-upcoming .rp-event-action{grid-column:2;font-size:14px} .rp-reference-home .rp-home-upcoming .rp-event-date{grid-column:1;grid-row:1} .rp-reference-home .rp-home-sidebar>.rp-ad-vertical{width:100%;max-width:none;margin:0} .rp-home-sidebar .rp-home-weekly{margin:0;padding:24px} .rp-home-sidebar .rp-home-weekly form{display:flex;flex-direction:column;gap:14px} .rp-home-sidebar .rp-home-weekly form>label,.rp-home-sidebar .rp-home-weekly button{width:100%;min-width:0} .rp-home-sidebar .rp-home-weekly p{font-size:14px;line-height:1.5} @media(max-width:1000px){ .rp-home-opening.has-calendar,.rp-home-lower.has-sidebar{grid-template-columns:minmax(0,1fr) 280px} .rp-home-news-grid{gap:12px}.rp-home-news-grid .rp-front-story{display:flex;flex-direction:column} .rp-home-news-grid .rp-front-story>img,.rp-home-news-grid .rp-placeholder{height:160px;min-height:0;aspect-ratio:16/9} .rp-reference-home .rp-home-upcoming .rp-event-list{grid-template-columns:1fr} .rp-reference-home .rp-discover-four{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:720px){ .rp-reference-home{padding-block:20px;gap:20px} .rp-home-opening.has-calendar,.rp-home-lower.has-sidebar{grid-template-columns:minmax(0,1fr)} .rp-home-feature .rp-front-story-body{padding:18px} .rp-home-news-grid{grid-template-columns:minmax(0,1fr)} .rp-home-news-grid .rp-front-story{display:grid;grid-template-columns:35% minmax(0,1fr)} .rp-home-news-grid .rp-front-story>img,.rp-home-news-grid .rp-placeholder{height:100%;min-height:150px;aspect-ratio:auto} .rp-reference-home .rp-journey-grid{grid-template-columns:minmax(0,1fr)} .rp-home-calendar{padding:20px}.rp-home-calendar .rp-calendar-grid{max-width:420px;width:100%;align-self:center} } .rp-home-calendar .rp-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px} .rp-home-calendar .rp-calendar-grid>a,.rp-home-calendar .rp-calendar-grid>span,.rp-home-calendar .rp-calendar-day>summary{min-width:0;min-height:0;width:100%;padding:0;aspect-ratio:1} .riderpress-ui .rp-reference-home .rp-section-head h2.rp-section-title{font-size:clamp(24px,2.25vw,34px);line-height:1.2} .rp-reference-home .rp-home-editorial>.rp-section{align-self:stretch;width:100%} /* Keep intrinsic image dimensions out of the news grid row sizing. */ .rp-home-news-grid .rp-front-story{height:auto;align-items:stretch} .rp-home-news-grid .rp-front-story-media{position:relative;min-width:0;min-height:220px;overflow:hidden} .rp-home-news-grid .rp-front-story-media>img,.rp-home-news-grid .rp-front-story-media>.rp-placeholder{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center} .rp-home-news-grid .rp-front-story-media>.rp-placeholder{display:flex} .rp-home-news-grid .rp-front-story-body{overflow-wrap:anywhere} @media(min-width:721px) and (max-width:1000px){.rp-home-news-grid .rp-front-story-media{height:160px;min-height:160px;flex:none;width:100%}} @media(max-width:720px){.rp-home-news-grid .rp-front-story-media{min-height:180px}} .rp-opening-sidebar{display:flex;flex-direction:column;gap:16px;min-width:0;align-self:stretch;height:100%} .rp-opening-sidebar .rp-featured-carousel{flex:0 0 auto} .rp-opening-sidebar .rp-home-calendar{flex:1 1 auto;min-height:0} .rp-opening-sidebar .rp-panel{margin:0;padding:16px} .rp-opening-sidebar h2.rp-section-title{font-size:22px!important} .rp-featured-viewport{overflow:hidden;margin-top:14px} .rp-featured-slide[hidden]{display:none!important} .rp-featured-slide>a:first-child{display:block} .rp-featured-slide>a>img{display:block;width:100%;height:clamp(260px,23vw,300px);object-fit:contain;object-position:center;background:#0d0f10} .rp-featured-slide h3{font-size:18px;line-height:1.25;margin:10px 0 6px} .rp-featured-slide p{font-size:13px;line-height:1.4;margin:0 0 10px} .rp-opening-sidebar .rp-btn{font-size:12px;padding:10px;min-height:36px} .rp-featured-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px} .rp-featured-controls[hidden]{display:none} .rp-featured-controls button{background:#202326;color:#fff;border:1px solid #555;padding:8px;cursor:pointer} .rp-featured-controls button:hover{color:#f4c400} .rp-opening-sidebar .rp-home-calendar{gap:10px} .rp-opening-sidebar .rp-calendar-grid{max-width:300px;align-self:center;width:100%} .rp-opening-sidebar .rp-calendar-hint{display:none} .rp-opening-sidebar .rp-cal-top{margin:0} .rp-home-feature .rp-front-story-body>p.rp-feature-intro{display:block;font-size:17px;line-height:1.65;margin:18px 0} .rp-home-feature .rp-front-story-body>.rp-btn{margin-top:8px} /* Shared rows align the newsletter with upcoming events. */ .rp-home-aligned>.rp-home-editorial{grid-column:1;grid-row:1} .rp-home-aligned>.rp-home-ad-column{grid-column:2;grid-row:1} .rp-home-aligned>.rp-home-upcoming{grid-column:1;grid-row:2;margin:0;padding:18px;align-self:stretch} .rp-home-aligned>.rp-home-weekly-column{grid-column:2;grid-row:2;align-self:stretch} .rp-home-weekly-column>.rp-home-weekly{height:100%;box-sizing:border-box} .rp-home-aligned>.rp-home-special-row{grid-column:1;grid-row:3;min-width:0} .rp-home-special-row:empty{display:none} .rp-home-calendar .rp-cal-top b{font-size:18px;line-height:1.4} .rp-home-calendar .rp-calendar-grid{font-size:17px} .rp-home-calendar .rp-calendar-grid .head{font-size:16px;font-weight:600} .rp-home-calendar .rp-calendar-grid>a,.rp-home-calendar .rp-calendar-grid>span,.rp-home-calendar .rp-calendar-day>summary{font-size:inherit} @media(min-width:721px) and (max-width:1000px){ .rp-featured-slide>a>img{height:250px} } @media(max-width:720px){ .rp-opening-sidebar{height:auto} .rp-opening-sidebar .rp-home-calendar{flex:0 0 auto} .rp-featured-slide>a>img{height:min(360px,72vw)} } @media(max-width:720px){ .rp-home-aligned{display:flex;flex-direction:column} .rp-home-aligned>div,.rp-home-aligned>aside,.rp-home-aligned>section{width:100%} .rp-home-aligned>.rp-home-editorial{order:0} .rp-home-aligned>.rp-home-upcoming{order:1} .rp-home-aligned>.rp-home-weekly-column{order:2} .rp-home-aligned>.rp-home-ad-column{order:3} .rp-home-aligned>.rp-home-special-row{order:4} .rp-home-weekly-column>.rp-home-weekly{height:auto} } /* ========================================================== RiderPress 4.9.36 — Próximos eventos: CARTEL CASI COMPLETO El cartel ocupa prácticamente todo el espacio interior útil sin aumentar las dimensiones exteriores de la tarjeta. ========================================================== */ .rp-reference-home .rp-home-upcoming .rp-event-row:has(> .rp-event-poster){ --rp-upcoming-poster-w:clamp(170px,44%,225px); position:relative; display:block; padding-left:calc(var(--rp-upcoming-poster-w) + 28px); min-width:0; overflow:hidden; } .rp-reference-home .rp-home-upcoming .rp-event-row:has(> .rp-event-poster)>.rp-event-poster{ position:absolute; left:6px; top:6px; bottom:6px; width:var(--rp-upcoming-poster-w); height:calc(100% - 12px); max-width:45%; max-height:none; margin:0; object-fit:contain; object-position:center; display:block; } .rp-reference-home .rp-home-upcoming .rp-event-row:has(> .rp-event-poster)>.rp-event-date{ display:none; } .rp-reference-home .rp-home-upcoming .rp-event-row:has(> .rp-event-poster)>.rp-event-info{ display:block; min-width:0; padding:0; } .rp-reference-home .rp-home-upcoming .rp-event-row:has(> .rp-event-poster)>.rp-event-info h3, .rp-reference-home .rp-home-upcoming .rp-event-row:has(> .rp-event-poster)>.rp-event-info strong{ line-height:1.2; } .rp-reference-home .rp-home-upcoming .rp-event-row:has(> .rp-event-poster)>.rp-event-action{ display:block; margin-top:9px; font-size:14px; } @media(max-width:1100px){ .rp-reference-home .rp-home-upcoming .rp-event-row:has(> .rp-event-poster){ --rp-upcoming-poster-w:clamp(145px,42%,195px); padding-left:calc(var(--rp-upcoming-poster-w) + 26px); } } @media(max-width:720px){ .rp-reference-home .rp-home-upcoming .rp-event-row:has(> .rp-event-poster){ --rp-upcoming-poster-w:clamp(115px,38%,155px); padding-left:calc(var(--rp-upcoming-poster-w) + 22px); } .rp-reference-home .rp-home-upcoming .rp-event-row:has(> .rp-event-poster)>.rp-event-poster{ left:6px; top:6px; bottom:6px; height:calc(100% - 12px); max-width:42%; } } /* ========================================================== RiderPress 4.9.36 — Agenda Home: popover siempre visible ========================================================== */ .rp-reference-home .rp-home-opening, .rp-reference-home .rp-opening-sidebar, .rp-reference-home .rp-home-calendar, .rp-reference-home .rp-home-calendar .rp-calendar-grid{ overflow:visible !important; } .rp-reference-home .rp-home-calendar{ position:relative; z-index:40; } .rp-reference-home .rp-home-calendar .rp-calendar-grid{ position:relative; z-index:41; } .rp-reference-home .rp-home-calendar .rp-calendar-preview{ z-index:9999; width:min(340px,calc(100vw - 32px)); max-width:340px; left:auto; right:0; top:calc(100% + 8px); box-shadow:0 18px 38px rgba(0,0,0,.75); } .rp-reference-home .rp-home-calendar .rp-calendar-preview.is-preview-up{ top:auto; bottom:calc(100% + 8px); } .rp-reference-home .rp-home-calendar .rp-calendar-preview .rp-btn{ position:relative; z-index:2; display:flex; width:100%; justify-content:center; } .rp-reference-home .rp-ticker, .rp-reference-home .rp-ticker-shell, .rp-reference-home .rp-home-ticker{ position:relative; z-index:2; } @media(max-width:720px){ .rp-reference-home .rp-home-calendar .rp-calendar-preview{ position:fixed; left:16px !important; right:16px !important; top:auto !important; bottom:84px !important; width:auto; max-width:none; max-height:min(420px,70vh); overflow:auto; z-index:99999; } } /* ========================================================== RiderPress 4.9.37 — Bloque de identidad al inicio de Home Presenta la marca al usuario sin desplazar ni modificar el bloque PRÓXIMOS EVENTOS, que mantiene sus carteles grandes. ========================================================== */ .rp-reference-home .rp-home-brand-intro{ margin:0 0 24px; padding:0; border:1px solid rgba(255,255,255,.08); background: linear-gradient(112deg,rgba(255,205,0,.11) 0,rgba(255,205,0,.035) 33%,rgba(0,0,0,0) 62%), #0b0c0d; overflow:hidden; position:relative; } .rp-reference-home .rp-home-brand-intro::before{ content:""; position:absolute; inset:0 auto 0 0; width:5px; background:var(--rp-yellow,#ffd400); } .rp-reference-home .rp-home-brand-intro__inner{ padding:26px 30px 27px 34px; max-width:980px; } .rp-reference-home .rp-home-brand-intro__brand{ margin:0 0 7px; color:var(--rp-yellow,#ffd400); font-size:13px; line-height:1.2; font-weight:800; letter-spacing:.18em; text-transform:uppercase; } .rp-reference-home .rp-home-brand-intro__claim{ margin:0; color:#fff; font-size:clamp(30px,4vw,50px); line-height:1.02; font-weight:900; letter-spacing:-.035em; } .rp-reference-home .rp-home-brand-intro__desc{ margin:13px 0 0; color:#c8c8c8; font-size:clamp(16px,1.55vw,20px); line-height:1.45; font-weight:500; } @media(max-width:720px){ .rp-reference-home .rp-home-brand-intro{margin-bottom:18px} .rp-reference-home .rp-home-brand-intro__inner{padding:21px 20px 22px 24px} .rp-reference-home .rp-home-brand-intro__brand{font-size:11px} .rp-reference-home .rp-home-brand-intro__desc{margin-top:11px} } /* RiderPress 4.9.57 · bloque de identidad Home con estética Sobre RiderPress */ .rp-reference-home .rp-home-brand-intro{ position:relative; overflow:hidden; margin:0 0 28px; padding:0; background: linear-gradient(135deg,rgba(244,196,0,.10),transparent 38%), #111315; border:1px solid rgba(255,255,255,.08); box-shadow:0 18px 48px rgba(0,0,0,.20); } /* Sin línea amarilla superior ni lateral */ .rp-reference-home .rp-home-brand-intro::before{ display:none!important; content:none!important; } .rp-reference-home .rp-home-brand-intro::after{ content:"RIDERPRESS"; position:absolute; right:-10px; bottom:-24px; color:rgba(255,255,255,.025); font-size:clamp(72px,15vw,180px); line-height:.8; font-weight:900; letter-spacing:-.07em; pointer-events:none; } .rp-reference-home .rp-home-brand-intro__inner{ position:relative; z-index:1; max-width:980px; padding:clamp(30px,4vw,52px); } .rp-reference-home .rp-home-brand-intro__brand{ margin:0 0 10px; color:var(--rp-yellow,#f4c400); font-size:13px; line-height:1.2; font-weight:800; letter-spacing:.18em; text-transform:uppercase; } .rp-reference-home .rp-home-brand-intro__claim{ margin:0; color:#fff; font-size:clamp(32px,4vw,50px); line-height:1.08; font-weight:900; letter-spacing:-.035em; } .rp-reference-home .rp-home-brand-intro__desc{ margin:18px 0 0; max-width:850px; color:#d9d9d9; font-size:clamp(17px,1.7vw,21px); line-height:1.6; font-weight:400; } @media(max-width:720px){ .rp-reference-home .rp-home-brand-intro{ margin-bottom:20px; } .rp-reference-home .rp-home-brand-intro__inner{ padding:26px 24px 28px; } .rp-reference-home .rp-home-brand-intro__brand{ font-size:12px; margin-bottom:9px; } .rp-reference-home .rp-home-brand-intro__claim{ font-size:clamp(30px,8vw,40px); } .rp-reference-home .rp-home-brand-intro__desc{ margin-top:15px; font-size:17px; line-height:1.55; } } /* RiderPress 4.9.57 · bloque Home más compacto y sin degradado amarillo */ .rp-reference-home .rp-home-brand-intro{ background:#111315!important; margin-bottom:22px; } .rp-reference-home .rp-home-brand-intro__inner{ padding-top:22px!important; padding-bottom:22px!important; } .rp-reference-home .rp-home-brand-intro__brand{ margin-bottom:6px!important; } .rp-reference-home .rp-home-brand-intro__desc{ margin-top:10px!important; } @media(max-width:720px){ .rp-reference-home .rp-home-brand-intro{ margin-bottom:16px; } .rp-reference-home .rp-home-brand-intro__inner{ padding-top:18px!important; padding-bottom:18px!important; } .rp-reference-home .rp-home-brand-intro__brand{ margin-bottom:5px!important; } .rp-reference-home .rp-home-brand-intro__desc{ margin-top:8px!important; } } /* RiderPress 4.10.44 · alineación de la columna lateral de Inicio */ .rp-reference-home .rp-home-ad-column, .rp-reference-home .rp-home-weekly-column{ width:100%; max-width:none; min-width:0; margin:0; justify-self:stretch; align-self:start; } .rp-reference-home .rp-home-ad-column > .rp-ad-slot{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; } .rp-reference-home .rp-home-ad-column > .rp-ad-slot .rp-ad-slides{ width:100%; } .rp-reference-home .rp-home-weekly-column > .rp-home-weekly, .rp-reference-home .rp-home-weekly-column .rp-home-weekly{ width:100%; max-width:none; box-sizing:border-box; margin-left:0; margin-right:0; } /* RiderPress 4.10.45 · independent columns remove the gap below routes. */ .rp-reference-home .rp-home-side-stack{grid-column:2;grid-row:1;align-self:start} .rp-reference-home .rp-home-editorial>.rp-home-upcoming{margin:0;padding:18px;align-self:stretch} .rp-reference-home .rp-home-editorial>.rp-home-special-row{min-width:0} .rp-reference-home .rp-home-upcoming .rp-event-row:has(> .rp-event-poster){ display:grid; grid-template-columns:minmax(0,48%) minmax(0,1fr); grid-template-rows:1fr auto; gap:12px; padding:10px; min-height:250px; align-content:stretch; } .rp-reference-home .rp-home-upcoming .rp-event-row:has(> .rp-event-poster)>.rp-event-poster{ position:static; width:100%; height:250px; max-width:none; max-height:none; grid-column:1; grid-row:1 / span 2; margin:0; object-fit:contain; object-position:center; background:#202326; border-radius:4px; } .rp-reference-home .rp-home-upcoming .rp-event-row:has(> .rp-event-poster)>.rp-event-info{grid-column:2;grid-row:1;align-self:start} .rp-reference-home .rp-home-upcoming .rp-event-row:has(> .rp-event-poster)>.rp-event-action{grid-column:2;grid-row:2;align-self:end;margin:0} @media(max-width:720px){ .rp-reference-home .rp-home-side-stack{order:2} .rp-reference-home .rp-home-side-stack>.rp-home-weekly-column{order:0} .rp-reference-home .rp-home-side-stack>.rp-home-ad-column{order:1} .rp-reference-home .rp-home-upcoming .rp-event-row:has(> .rp-event-poster){grid-template-columns:minmax(0,44%) minmax(0,1fr);min-height:220px;gap:10px} .rp-reference-home .rp-home-upcoming .rp-event-row:has(> .rp-event-poster)>.rp-event-poster{height:220px} } /* RiderPress 4.10.46 · shared lower edge without delaying upcoming events. */ @media(min-width:721px){ .rp-reference-home .rp-home-aligned{align-items:stretch} .rp-reference-home .rp-home-side-stack{align-self:stretch} .rp-reference-home .rp-home-side-stack>.rp-home-weekly-column{flex:1;align-self:stretch} .rp-reference-home .rp-home-weekly-column>.rp-home-weekly{height:auto;flex:1;display:flex;flex-direction:column} .rp-reference-home .rp-home-weekly-column .rp-weekly-coming-soon{flex:1} .rp-reference-home .rp-home-editorial>.rp-home-upcoming{flex:1;display:flex;flex-direction:column} .rp-reference-home .rp-home-upcoming>.rp-event-list{flex:1} .rp-reference-home .rp-home-aligned>.rp-home-special-row{grid-column:1;grid-row:2} } /* RiderPress 4.10.47 · same desktop column geometry as the event directory. */ @media(min-width:1001px){ .riderpress-ui .rp-reference-home .rp-home-opening.has-calendar, .riderpress-ui .rp-reference-home .rp-home-lower.has-sidebar{ grid-template-columns:minmax(0,2.15fr) minmax(280px,1fr); column-gap:32px; } } .rp-reference-home .rp-home-ad-column>.rp-ad-slot{ width:min(100%,400px)!important; max-width:400px!important; margin-left:auto!important; margin-right:auto!important; } /* Featured news must fit its text rather than stretch to the agenda column. */ .rp-reference-home .rp-home-feature{height:auto;min-height:0;align-self:start;min-width:0} .rp-reference-home .rp-home-feature .rp-front-story{height:auto;min-height:0;max-width:100%} .rp-reference-home .rp-home-feature .rp-front-story-body{flex:0 0 auto;min-height:0;min-width:0;overflow-wrap:anywhere} .rp-reference-home .rp-home-feature .rp-front-story-body>:last-child{margin-bottom:0} /* A larger excerpt fills the available height beside the agenda. */ .rp-reference-home .rp-home-feature .rp-front-story-body{display:flex;flex-direction:column} .rp-reference-home .rp-home-feature .rp-feature-intro{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;flex:0 0 auto} .rp-reference-home .rp-home-feature .rp-front-story-body>.rp-btn{align-self:flex-start} @media(min-width:721px){ .rp-reference-home .rp-opening-sidebar{height:auto;align-self:start} .rp-reference-home .rp-opening-sidebar .rp-home-calendar{flex:0 0 auto} .rp-reference-home .rp-home-feature .rp-front-story.rp-feature-fitted .rp-front-story-body{flex:1;min-height:0} .rp-reference-home .rp-home-feature .rp-front-story.rp-feature-fitted .rp-front-story-body>.rp-btn{margin-top:auto} } /* Shared grid rows align editorial blocks with advertising and Weekly. */ @media(min-width:721px){ .rp-reference-home .rp-home-aligned>.rp-home-editorial{grid-column:1;grid-row:1} .rp-reference-home .rp-home-aligned>.rp-home-ad-column{grid-column:2;grid-row:1;align-self:start} .rp-reference-home .rp-home-aligned>.rp-home-upcoming{grid-column:1;grid-row:2;align-self:stretch;margin:0;padding:18px} .rp-reference-home .rp-home-aligned>.rp-home-weekly-column{grid-column:2;grid-row:2;align-self:stretch} .rp-reference-home .rp-home-aligned>.rp-home-weekly-column>.rp-home-weekly{height:100%;box-sizing:border-box} .rp-reference-home .rp-home-aligned>.rp-home-special-row{grid-column:1;grid-row:3} }