/* Blog: hand-written rules on top of blog-theme.css (the old WordPress theme, generated by
   tools/build_blog_css.py, scoped to .nr-wp). Loaded by templates/blog/*.html.twig.
   The new design's own rules go in /assets/site.css, which loads after this file. */

/* ---- /blog/ front page (old page template new-blog.php): cards, three across ---- */
.blog-cards .card{transition:.4s}
.blog-cards .card:hover{box-shadow:0 7px 15px 0 rgba(0,0,0,.41)}
.blog-cards .card .category{padding:2px 0}
.blog-cards .card .card-image img{height:270px;object-fit:cover}
.blog-cards .card .card-image .card-title{font-size:20px;background:rgba(0,0,0,.5);display:inline-block;width:100%}
.blog-cards .card:hover .card-image .card-title{background:rgba(0,0,0,.7)}
.blog-cards .card .card-content{color:rgba(0,0,0,.87)}
.blog-cards .row{display:flex;flex-wrap:wrap}
.blog-cards .row:after{display:none}
.blog-cards .col{float:none}
.blog-cards .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* ---- articles and archives ---- */
/* On the old blog a stray closing tag ended <article> before the text, so the theme's
   hyphenation never reached it. Our markup is correct, so switch hyphenation off to match. */
.nr-wp .site-content article{-webkit-hyphens:manual;hyphens:manual}
/* Previous/next and Older/Newer: Materialize styles every <nav> as a bar (on the old blog
   its links came out white on white). Show them as plain links. */
.nr-wp nav.navigation,.nr-wp nav.nav-single{box-shadow:none;background:transparent;height:auto;line-height:inherit}
.nr-wp nav.navigation a,.nr-wp nav.nav-single a{color:#566473}
.nr-wp nav.navigation:after,.nr-wp .nav-single:after{content:"";display:table;clear:both}
.nr-wp nav.navigation .nav-previous{float:left}
.nr-wp nav.navigation .nav-next{float:right;text-align:right}
.nr-wp .nav-single .nav-previous{float:left;max-width:48%}
.nr-wp .nav-single .nav-next{float:right;max-width:48%;text-align:right}
.nr-wp nav.pagination .page-numbers{display:inline-block;padding:2px 8px;margin-right:4px}
.nr-wp nav.pagination .current{background:#566473;color:#fff}

/* ---- one article (body.single) ---- */
.single .nr-wp h1.entry-title{margin-top:0;font-size:2.5em;padding-top:30px;font-weight:bold;margin-bottom:-20px}
.single .nr-wp .nr-byline{padding-top:28px;margin:0;font-size:.9em;color:#666}
.single .nr-wp .nr-byline a{color:#566473;background:none;padding:0;font-weight:600}
.single .nr-wp .entry-content{margin-top:20px}
.single .nr-wp .crp_related img.crp_thumb{aspect-ratio:1/1;height:auto;max-width:92px;object-fit:cover}

/* ---- category and author archives: the old Content Views grid ---- */
.nr-wp .archive-title{font-size:1.6em;font-weight:300;text-transform:none;color:#333}
.nr-wp .archive-title span{color:inherit}
.nr-wp .cv-grid{display:flex;flex-wrap:wrap;margin:0 -10px}
.nr-wp .cv-item{width:50%;padding:0 10px 30px}
@media(max-width:600px){.nr-wp .cv-item{width:100%}}
.nr-wp .cv-item img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;display:block}
.nr-wp .cv-item h3{margin:15px 0 10px}
.nr-wp .cv-item h3 a,.nr-wp .cv-item .cv-readmore{text-decoration:none;border:0}
.nr-wp .cv-item h3 a{font-size:18px;line-height:1.3;color:#000;font-weight:600;background:none;padding:0;display:inline}
.nr-wp .cv-item .cv-content{font-size:13px;line-height:1.6}
.nr-wp .cv-item .cv-readmore{display:inline-block;margin-top:10px;padding:5px 10px;color:#fff;background:#00aeef;border-radius:3px;font-size:13px}