.artist-entry-info h2,.artist-entry-info h3{margin-top:0;margin-bottom:5px}
.artist-entry-link{width:100%;margin-top:12px}
.artist-sc-entry{display:block;position:relative;padding:7px 0;overflow:hidden}
.artist-sc-entry .artist-entry-info{padding-top:0}
.artist-entry-img span,.artist-image span{width:100%;height:100%;top:0;left:0;z-index:1;display:block}
.artist-image{position:relative;width:100%;background-repeat:no-repeat;background-position:center top 20%;background-size:cover}
.artist-style1 .artist-entry-img{width:160px;height:120px;background-size:cover;float:left;margin-right:15px;background-position:center top 20%}
.artist-style1 .artist-excerpt{margin-top:5px}
.artist-style2{position:relative;min-height:340px;width:49%;float:left;margin-right:1%;margin-bottom:12px}
.artist-style2 .artist-image,.artist-style2 .artist-links{text-align:center}
.artist-style2 .artist-title{text-align:center;margin-bottom:10px}
.artist-style2 .artist-title h2,.artist-style3 .artist-title h2,.artist-style4 .artist-title h2,.artist-style6 .artist-title h2, .artist-style2 .artist-title h3,.artist-style3 .artist-title h3,.artist-style4 .artist-title h3,.artist-style6 .artist-title h3{font-size:18px;line-height:19px;margin-top:8px;margin-bottom:0}
.artist-style3,.artist-style5,.artist-style7{position:relative;min-height:250px;width:49%;float:left;margin-right:1%;margin-bottom:12px}
.artist-style3 .artist-image,.artist-style5 .artist-image,.artist-style7 .artist-image{height:250px;color:#fff}
.artist-style3 .artist-image span,.artist-style5 .artist-image span,.artist-style7 .artist-image span{position:absolute}
.artist-style3 .artist-title h2,.artist-style5 .artist-title h2,.artist-style7 .artist-title h2,.artist-style3 .artist-title h3,.artist-style5 .artist-title h3,.artist-style7 .artist-title h3,.artist-style9 .artist-title h3,.artist-style3 a,.artist-style5 a,.artist-style7 a,.artist-style9 a{color:#fff !important}
.artist-style4{position:relative;width:32%;float:left;margin-right:1%;margin-bottom:12px}
.artist-style4 .artist-image{height:240px}
.artist-style4 .artist-title,.artist-style6 .artist-title{text-align:center;min-height:60px}
.artist-style5{position:relative;min-height:250px;width:32%;float:left;margin-right:1.3%;margin-bottom:12px}
.artist-style6, .artist-style7{position:relative;width:24%;margin-right:1%;float:left;margin-bottom:12px}
.artist-style6 .artist-image{height:155px}
.artist-style6 .artist-image span{width:100%;height:100%;top:0;left:0;z-index:1;display:block}
.artist-style3 .artist-info,.artist-style5 .artist-info,.artist-style7 .artist-info,.artist-style9 .artist-info{position:absolute;width:100%;bottom:0;padding:10px;background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%)}

.artist-style8, .artist-style9{position:relative;min-height:150px;width:15.66%;margin-right:1%;float:left;margin-bottom:12px}
.artist-style8 .artist-title{text-align:center;margin-top:10px}
.artist-style5 .artist-title h2, .artist-style5 .artist-title h2 a,.artist-style6 .artist-title h2, .artist-style6 .artist-title h2 a,.artist-style7 .artist-title h2, .artist-style7 .artist-title h2 a,.artist-style8 .artist-title h2, .artist-style8 .artist-title h2 a,.artist-style9 .artist-title h2, .artist-style9 .artist-title h2 a{font-size:18px;line-height:20px!important;margin-bottom:0}
.artist-style5 .artist-title,.artist-style7 .artist-title,.artist-style9 .artist-title{text-align:center}

.artist-list {display:block;overflow:hidden;margin-bottom:15px}

.artistwid-wrapper{overflow:hidden}
.artistwid{margin-bottom:15px}
.artistwid-sc-entry{display:block;position:relative;padding:7px 0;overflow:hidden}
.artistwid-style1,.artistwid-style2{position:relative;width:100%}
.artistwid-style1 .artist-img{text-align:center}
.artistwid-style1 .artist-image,.artistwid-style2 .artist-image{height:250px;color:#fff}
.artistwid-style1 .artist-title{margin-bottom:5px}
.artistwid-style1 .artist-title h3{font-size:18px;line-height:19px;margin-top:8px;margin-bottom:0;text-align:center}
.artistwid-style2 .artist-image span,.artistwid-style4 .artist-image span{position:absolute}
.artistwid-style2 .artist-title h3,.artistwid-style2 a{color:#fff !important}
.artistwid-style2 .artist-info,.artistwid-style4 .artist-info{position:absolute;width:100%;bottom:0;padding:10px;background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%)}
.artistwid-style3,.artistwid-style4{position:relative;min-height:140px;width:49%;float:left;margin-right:1%;margin-bottom:10px}
.artistwid-style3 .artist-image,.artistwid-style4 .artist-image{height:150px}
.artistwid-style3 .artist-title{text-align:center;margin:5px 0}
.artistwid-style3 .artist-title h3 a{font-size:17px;line-height:19px;margin-top:8px;margin-bottom:0}
.artistwid-style4 .artist-title h3 a{font-size:17px;line-height:19px;color:#fff !important}
.artistwid-style5 .artist-title h3 a{font-size:17px;line-height:19px}

.artist-featured{position:relative;overflow:hidden}
.artist-feat-image{margin-bottom:10px}
.artist-feat{position:relative;margin:0 auto;overflow:hidden;display:block;text-align:center}
.artist-feat-image{width:100%;max-height:350px;max-width:350px}
.artist-feat-info h3{margin-bottom:7px}
.artist-feat-bg{position:absolute;width:105%;height:105%;display:block;opacity:.5;background-size:cover;background-position:center top 30%;filter:blur(10px);z-index:0}
.artist-feat2{display:inline-block;width:40%;float:left}
.artist-media{position:relative;margin:0 auto;overflow:hidden;display:inline-block}
.artist-media2{width:60%;padding:10px 20px 10px 0px}
.artist-feat3{display:inline-block;width:25%;float:left}
.artist-media3{width:75%;padding:10px 20px 10px 0px}
.artist-feat3 .artist-feat-image{max-width:200px}
.artist-media2.artist-media-quote,.artist-media2 .artist-audio{height:400px;display:table}
.artist-audio{width:100%}
.artist-quote,.audiourl,.scembed{display:table-cell;vertical-align:middle}
.artist-media3.artist-media-quote,.artist-media3 .artist-audio{height:260px;display:table}
.artist-quote-single{font-size:25px;line-height:42px;font-style:italic}

@media screen and (max-width:1198px){
	.artist-style2,.artist-style3{margin-right:10px}
}
@media screen and (max-width:991px){
	.artist-style2,.artist-style3{margin-right:10px}
	.artist-style1 .obit-location{display:none}
	.artist-style2{margin-right:12px}
	.artist-style3 .artist-image,.artist-style4 .artist-image,.artist-style5 .artist-image{max-height:275px}
	.artist-style6,.artist-style7{width:49%}
}
@media screen and (max-width:767px){
	.artist-style8,.artist-style9{width:49%}
	.artist-feat2,.artist-feat3,.artist-media2,.artist-media3{display:block;width:100%;float:inherit}
	.artist-feat3 .artist-feat-image{max-width:350px}
	.artist-media2,.artist-media3{padding:0px 15px}
	.artist-media-quote,.artist-media2 .artist-audio,.artist-media3 .artist-audio{height:inherit;padding:0px 15px 15px 15px;text-align:center}
}	
@media screen and (max-width:647px){
	.artist-style1 .artist-entry-img{width:100%;height:300px;background-size:cover;float:none;margin-right:0;margin-bottom:10px}
	.artist-style2,.artist-style3,.artist-style4,.artist-style5{width:100%;float:none;margin-right:0}
	.artist-style5{min-height:inherit}
	.artist-style6{width:49%;margin-right:1%}
	.artist-style4 .artist-title,.artist-style6 .artist-title{min-height:inherit;margin-bottom:25px}
	.artist-style1 .artist-entry-img,.artist-style2 .artist-image,.artist-style3 .artist-image,.artist-style4 .artist-image,.artist-style5 .artist-image,.artist-style6 .artist-image,.artist-style7 .artist-image{max-height:225px}
}
@media screen and (max-width:548px){
	.artist-style6,.artist-style7,.artist-style8,.artist-style9{width:100%;float:none;margin-right:0}
}
/* Artist videos --------------------------------------------------------------
   .srr-video-wrap / .srr-video are used by the single artist template and the
   featured-artist block but were never styled anywhere, so a YouTube iframe
   fell back to its default 300x150 and ignored the column it sat in.
   padding-bottom rather than aspect-ratio, so older browsers behave the same. */
.srr-video-wrap{width:100%}
.srr-video{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;background:#000}
.srr-video iframe,.srr-video video,.srr-video object,.srr-video embed{position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:0}
.artist-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.artist-video-grid .artist-video{min-width:0}
@media screen and (max-width:767px){
	.artist-video-grid{grid-template-columns:minmax(0,1fr);gap:16px}
}

/* Single artist page ---------------------------------------------------------
   Scoped to the article's own .artist-single class rather than the body's
   .single-artist, because the StreamPlayer loads pages without a reload: it
   swaps the content and copies the stylesheets, but never updates the body
   class, so a body-scoped rule stops matching the moment someone arrives here
   from another page. Scoping is still needed at all because .artist-image and
   .artist-links are also
   used by the archive cards, the widget and the builder blocks, all of which
   have their own sizing that a blanket rule here would break. */
.artist-single .artist-image{margin-bottom:15px}
.artist-single .artist-image img{max-height:500px;width:auto;height:auto;max-width:100%}
.artist-single .artist-section{margin-bottom:15px}
.artist-single .artist-bio{text-align:left}
.artist-single .artist-section h2,.artist-single .artist-section h3{text-align:left}
.artist-single .artist-quote-single{background-color:rgba(0,0,0,0.1);font-size:16px;line-height:25px;font-style:italic;padding:10px;margin-bottom:10px}
.artist-single .artist-quote-single:last-child{margin-bottom:0}
.artist-single .artist-audio .social .srricon {text-align: center;}.artist-single .artist-links{text-align:center}

/* Artist of the Month / Week --------------------------------------------- */
.artist-ofthe { margin: 0 0 15px; }
.artist-ofthe .artist-ofthe-link { display: block; text-decoration: none; }
.artist-ofthe .artist-ofthe-link:hover { text-decoration: none; }
.artist-ofthe .artist-ofthe-img { display: block; overflow: hidden; border-radius: 3px; max-width: 100%; aspect-ratio: 1 / 1; }
.artist-ofthe .artist-ofthe-img img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Square: the picture stays square however tall it is asked to be, and never
   wider than the column it sits in. */
/* The line above the picture. */
.artist-ofthe .artist-ofthe-label { display: block; margin: 0 0 8px; font-size: 12px; font-weight: 700; line-height: 1.3; text-transform: uppercase; letter-spacing: .08em; }
.artist-ofthe-square .artist-ofthe-label { opacity: .75; }
.artist-ofthe-spotlight .artist-ofthe-label { color: #fff !important; text-shadow: 0 1px 3px rgba(0,0,0,.6); }

.artist-ofthe-square { text-align: center; }
.artist-ofthe-square .artist-ofthe-img { margin: 0 auto; }
.artist-ofthe-square .artist-ofthe-name { display: block; margin-top: 10px; font-weight: 700; font-size: 16px; line-height: 1.3; }

/* Spotlight: the same picture again behind itself, blurred and darkened. It is
   a real <img>, not a CSS background-image: the page builder replaces every
   single quote in the rendered page with a double quote, so url('...') reached
   the browser as url(""). max-width:none is needed because themes set
   img{max-width:100%}, which would otherwise undo the overhang.

   The backdrop overhangs the panel by more than twice the blur radius, because
   a blur bleeds inwards from the edge and would otherwise leave a pale rim. The
   overhang is a fixed distance, not a percentage: a percentage shrinks with the
   panel and a short panel is exactly where the rim would show. */
.artist-ofthe-spotlight .artist-ofthe-link { position: relative; overflow: hidden; border-radius: 3px; display: flex; align-items: center; justify-content: center; }
.artist-ofthe-spotlight .artist-ofthe-bg { position: absolute; top: -45px; left: -45px; width: calc(100% + 90px); height: calc(100% + 90px); max-width: none; object-fit: cover; filter: blur(18px) brightness(0.45); }
.artist-ofthe-spotlight .artist-ofthe-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 15px; max-width: 100%; }
.artist-ofthe-spotlight .artist-ofthe-img { box-shadow: 0 6px 18px rgba(0,0,0,.45); }
.artist-ofthe-spotlight .artist-ofthe-name { display: block; margin-top: 12px; color: #fff !important; font-weight: 700; font-size: 18px; line-height: 1.3; text-shadow: 0 1px 3px rgba(0,0,0,.6); }