/* The strip of the latest videos at the bottom of the home page: framed cards (thumbnail, title underneath). Loaded after the old home CSS; the old rules are
   scoped under body.mh-oldhome #text-13, so these are too. */
body.mh-oldhome #text-13 .youtube-slider.yt-cards{padding:8px 0 4px}
body.mh-oldhome #text-13 .youtube-slider.yt-cards .slick-slide{height:auto;position:relative;padding:6px 6px 12px}
body.mh-oldhome #text-13 .youtube-slider.yt-cards .slick-slide a:after{display:none}
/* the site's own cards (home page .front-page .card): square, gold 8px top rule, light border, the same title face */
body.mh-oldhome #text-13 .yt-card{width:262px;max-width:100%;background:#fff;border:1px solid #dee2e6;border-top:8px solid #A48453;border-radius:0;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);overflow:hidden;transition:box-shadow .2s}
body.mh-oldhome #text-13 .yt-card:hover,body.mh-oldhome #text-13 .yt-card:focus-within{box-shadow:0 .4rem .9rem rgba(0,0,0,.18)}
body.mh-oldhome #text-13 .yt-card a{display:block;color:inherit;text-decoration:none}
body.mh-oldhome #text-13 .yt-thumb{display:block;position:relative;aspect-ratio:16/9;background:#1d2b3a;overflow:hidden}
body.mh-oldhome #text-13 .yt-thumb img{display:block;width:100%;height:100%;object-fit:cover}
body.mh-oldhome #text-13 .yt-thumb:before{content:"";position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(0,0,0,.55);transition:background .2s}
body.mh-oldhome #text-13 .yt-thumb:after{content:"";position:absolute;top:50%;left:50%;margin:-9px 0 0 -6px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff}
body.mh-oldhome #text-13 .yt-card:hover .yt-thumb:before{background:#A48453}
body.mh-oldhome #text-13 .yt-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;box-sizing:content-box;height:40px;padding:0 8px;margin:8px 0;font-family:"Almoni Tzar AAA",Heebo,sans-serif;font-size:large;line-height:20px;font-weight:700;color:#000a28;text-align:start}
@media(max-width:575px){body.mh-oldhome #text-13 .yt-card{width:230px}}
/* pop-up player, laid out like YouTube: video + title, the next videos in a scrolling column beside it (below it on narrow screens) */
html.yt-modal-open{overflow:hidden}
.yt-modal{position:fixed;inset:0;z-index:100000;background:rgba(0,10,40,.85);display:flex;align-items:center;justify-content:center;padding:20px}
.yt-modal-box{position:relative;width:min(1500px,78vw);height:min(820px,84vh);display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,34%,480px);grid-template-rows:minmax(0,1fr);background:#fff;border-top:8px solid #A48453;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.yt-modal-x{position:absolute;top:-8px;left:0;z-index:3;width:44px;height:44px;background:rgba(0,10,40,.78);border:0;color:#fff;font-size:30px;line-height:44px;cursor:pointer}
.yt-modal-x:hover,.yt-modal-x:focus{background:#A48453}
.yt-modal-main{min-width:0;overflow:hidden;background:#fff;container-type:size}
.yt-player{position:relative;aspect-ratio:16/9;width:min(100cqw,calc((100cqh - 84px) * 16 / 9));background:#000}
.yt-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-modal-title{box-sizing:border-box;height:84px;margin:0;padding:12px 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-family:"Almoni Tzar AAA",Heebo,sans-serif;font-size:22px;line-height:30px;font-weight:700;color:#000a28}
.yt-side{display:flex;flex-direction:column;min-height:0;background:#f4f5f7;border-right:1px solid #dee2e6}
.yt-side-head{flex:none;padding:12px 16px;font-family:"Almoni Tzar AAA",Heebo,sans-serif;font-size:19px;font-weight:700;color:#000a28;border-bottom:1px solid #dee2e6;background:#fff}
.yt-more{flex:1;min-height:0;overflow-y:scroll;padding:10px 12px;scrollbar-width:thin;scrollbar-color:#A48453 #e6e8ec}
.yt-more::-webkit-scrollbar{width:9px}.yt-more::-webkit-scrollbar-track{background:#e6e8ec}.yt-more::-webkit-scrollbar-thumb{background:#A48453;border-radius:5px}
.yt-more a{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px;padding:6px;color:#000a28;text-decoration:none;background:#fff;border:1px solid transparent;border-right:4px solid #A48453;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:box-shadow .15s,border-color .15s}
.yt-more a:hover,.yt-more a:focus{box-shadow:0 3px 10px rgba(0,0,0,.2);border-color:#c9b48c;border-right-color:#A48453}
.yt-more .th{flex:none;width:120px;aspect-ratio:16/9;background:#1d2b3a;overflow:hidden}
.yt-more img{display:block;width:100%;height:100%;object-fit:cover}
.yt-more .tt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-width:0;font-family:"Almoni Tzar AAA",Heebo,sans-serif;font-size:15px;line-height:19px;font-weight:700}
@media(max-width:1100px){
	.yt-modal-box{width:94vw;height:92vh;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);overflow:hidden}
	.yt-modal-main{overflow:visible;container-type:normal}
	.yt-player{width:100%}
	.yt-modal-title{height:auto;display:block;font-size:20px;line-height:1.3;padding:10px 16px 12px}
	.yt-side{border-right:0;border-top:1px solid #dee2e6}
	.yt-more .th{width:130px}
}
@media(max-width:575px){
	.yt-modal{padding:0}
	.yt-modal-box{width:100%;height:100%}
	.yt-modal-title{font-size:18px;padding:10px 14px 12px}
	.yt-more .th{width:120px}
	.yt-more .tt{font-size:15px}
}