/* News listing closely follows the Medici news screenshot. Scoped to Odoo's new catalogue website. */
#wrapwrap .ref-news-page{background:#fff;color:#2a2a2a;overflow-x:clip}
#wrapwrap .ref-news-page *,#wrapwrap .ref-news-page *::before,#wrapwrap .ref-news-page *::after{box-sizing:border-box}
#wrapwrap .ref-news-page .ref-news-banner{min-height:430px;background:linear-gradient(110deg,#464945,#222625 55%,#4b4b48)}
#wrapwrap .ref-news-page .ref-news-banner .ref-np-banner-shade{background:linear-gradient(90deg,#0006,#0007 55%,#0006)}
#wrapwrap .ref-news-page .ref-news-banner .ref-np-banner-copy{padding:156px 0 77px}
#wrapwrap .ref-news-page .ref-news-content{grid-template-columns:minmax(230px,285px) minmax(0,1fr);gap:24px;padding-top:42px;padding-bottom:110px}
#wrapwrap .ref-news-page .ref-news-side-heading{min-height:54px;font-size:17px;box-shadow:0 2px 10px #0000000e}
#wrapwrap .ref-news-page .ref-news-inquiry-box{padding:22px 18px 20px;box-shadow:0 2px 10px #0000000e}
#wrapwrap .ref-news-page .ref-news-inquiry-box h2{font-size:17px;margin-bottom:16px}
#wrapwrap .ref-news-page .ref-news-inquiry-box .ref-np-field input,
#wrapwrap .ref-news-page .ref-news-inquiry-box .ref-np-field textarea{font-size:14px;padding:11px 12px}
#wrapwrap .ref-news-page .ref-news-main{min-width:0}
#wrapwrap .ref-news-page .ref-news-intro{margin:2px 0 17px;font-size:14px;color:#666;line-height:1.66}
#wrapwrap .ref-news-page .ref-news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 14px}
#wrapwrap .ref-news-page .ref-news-card{min-width:0}
#wrapwrap .ref-news-page .ref-news-cover{aspect-ratio:1.72/1;background:#f3f2f0;position:relative}
#wrapwrap .ref-news-page .ref-news-cover>img{object-fit:cover}
#wrapwrap .ref-news-page .ref-news-fallback{background:linear-gradient(130deg,#c3c2be,#e6e5e1,#a6a7a4);color:#fff}
#wrapwrap .ref-news-page .ref-news-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:43px;height:43px;border:1px solid #fff9;border-radius:50%;background:#0009;color:#fff;display:grid;place-items:center;padding-left:2px;font-size:15px;transition:background .25s,transform .25s}
#wrapwrap .ref-news-page .ref-news-cover:hover .ref-news-play{background:#b59175;transform:translate(-50%,-50%) scale(1.08)}
#wrapwrap .ref-news-page .ref-news-card h2{font-size:16px;line-height:1.43;font-weight:500;margin:9px 0 6px}
#wrapwrap .ref-news-page .ref-news-card h2>a{color:#242424;text-decoration:none}
#wrapwrap .ref-news-page .ref-news-card h2>a:hover{color:#a27d60}
#wrapwrap .ref-news-page .ref-news-excerpt{color:#777;font-size:13px;line-height:1.55;margin:0}
#wrapwrap .ref-news-page .ref-news-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;padding:42px 0 8px}
#wrapwrap .ref-news-page .ref-news-pagination button{width:35px;height:35px;border:1px solid #d8c8bb;background:#fff;border-radius:5px;color:#9b785d;cursor:pointer}
#wrapwrap .ref-news-page .ref-news-pagination button.is-current,
#wrapwrap .ref-news-page .ref-news-pagination button:hover{background:#b59175;border-color:#b59175;color:white}
#wrapwrap .ref-news-page .ref-news-pagination-total{font-size:13px;color:#777;padding:0 5px}
#wrapwrap .ref-news-page .ref-news-empty{margin:30px 0 0}
@media(max-width:1100px){
#wrapwrap .ref-news-page .ref-news-content{grid-template-columns:minmax(210px,245px) minmax(0,1fr);gap:22px}
#wrapwrap .ref-news-page .ref-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
#wrapwrap .ref-news-page .ref-news-banner{min-height:315px}
#wrapwrap .ref-news-page .ref-news-banner .ref-np-banner-copy{padding:108px 0 51px}
#wrapwrap .ref-news-page .ref-news-content{grid-template-columns:minmax(0,1fr);padding-top:30px;padding-bottom:70px}
#wrapwrap .ref-news-page .ref-news-sidebar{order:2;flex-direction:column}
#wrapwrap .ref-news-page .ref-news-main{order:1}
#wrapwrap .ref-news-page .ref-news-inquiry-box{max-width:650px;width:100%;margin-inline:auto}
}
@media(max-width:510px){
#wrapwrap .ref-news-page .ref-news-banner{min-height:270px}
#wrapwrap .ref-news-page .ref-news-banner .ref-np-banner-copy{padding-top:91px;padding-bottom:40px}
#wrapwrap .ref-news-page .ref-news-grid{grid-template-columns:minmax(0,1fr);gap:27px}
#wrapwrap .ref-news-page .ref-news-cover{aspect-ratio:1.72/1}
#wrapwrap .ref-news-page .ref-news-card h2{font-size:17px}
#wrapwrap .ref-news-page .ref-news-content{padding-bottom:60px}
}
@media(prefers-reduced-motion:reduce){#wrapwrap .ref-news-page .ref-news-cover img,#wrapwrap .ref-news-page .ref-news-play{transition:none}}