
/* San Diego Trends site fixes */
#site-logo{max-height:56px;width:auto;height:auto;display:block}
.site-branding .logo.img-logo{overflow:visible}
.logo.h1.img-logo{font-size:0!important;line-height:0;color:transparent!important;min-height:56px}
.logo.h1.img-logo .site-title{display:none!important}
.logo.h1.img-logo a{display:inline-block}
.rh-header.dark .logo-container img{filter:brightness(0) invert(1)}
.listing-modern-grid-2 .post-author{max-width:12em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}


/* Equal-height featured grid columns (modern-grid-2) */
.listing-modern-grid-2{
  display:flex !important;
  flex-wrap:nowrap;
  align-items:stretch;
  width:100%;
  overflow:hidden;
}
.listing-modern-grid-2 .mg-col-1,
.listing-modern-grid-2 .mg-col-2{
  float:none !important;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}
.listing-modern-grid-2 .mg-col-1{width:53% !important; padding-right:2px; flex:0 0 53%;}
.listing-modern-grid-2 .mg-col-2{width:47% !important; padding-left:2px; flex:0 0 47%;}
.listing-modern-grid-2 .mg-col-1 > .listing-mg-item,
.listing-modern-grid-2 .mg-col-1 > article{
  flex:1 1 auto;
  height:100%;
  min-height:100%;
}
.listing-modern-grid-2 .mg-col-2{
  gap:2px;
}
.listing-modern-grid-2 .mg-row{
  display:flex;
  flex:1 1 50%;
  margin:0 !important;
  min-height:0;
}
.listing-modern-grid-2 .mg-row-1{margin-bottom:0 !important; padding-bottom:1px;}
.listing-modern-grid-2 .mg-row-2{padding-top:1px;}
.listing-modern-grid-2 .item-2-cont,
.listing-modern-grid-2 .item-3-cont,
.listing-modern-grid-2 .item-4-cont,
.listing-modern-grid-2 .item-5-cont{
  float:none !important;
  width:50% !important;
  flex:1 1 50%;
  display:flex;
  box-sizing:border-box;
  padding:0 1px;
}
.listing-modern-grid-2 .item-2-cont,
.listing-modern-grid-2 .item-4-cont{padding-left:0; padding-right:1px;}
.listing-modern-grid-2 .item-3-cont,
.listing-modern-grid-2 .item-5-cont{padding-right:0; padding-left:1px;}
.listing-modern-grid-2 .listing-mg-item{
  flex:1 1 auto;
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
}
/* aspect via absolute fill instead of uneven padding-top percentages */
.listing-modern-grid-2 .listing-mg-item:before{
  content:"" !important;
  display:block;
  padding-top:0 !important;
  height:100%;
}
.listing-modern-grid-2 .mg-col-1 .listing-mg-item:before{padding-top:0 !important;}
.listing-modern-grid-2{
  min-height:520px;
}
.listing-modern-grid-2 .listing-mg-item .img-cont{
  display:block; position:absolute; inset:0;
  background-size:cover; background-position:center; z-index:1;
}
.listing-modern-grid-2 .listing-mg-item .content-container{
  position:absolute; left:0; right:0; bottom:0; z-index:3;
  padding:16px 14px;
  background:linear-gradient(transparent, rgba(0,0,0,.72));
  color:#fff;
}
.listing-modern-grid-2 .listing-mg-item .title a{color:#fff; text-decoration:none;}
.listing-modern-grid-2 .term-badges{position:absolute; top:12px; left:12px; z-index:4;}
@media (max-width:768px){
  .listing-modern-grid-2{display:block !important; min-height:0;}
  .listing-modern-grid-2 .mg-col-1,
  .listing-modern-grid-2 .mg-col-2,
  .listing-modern-grid-2 .item-2-cont,
  .listing-modern-grid-2 .item-3-cont,
  .listing-modern-grid-2 .item-4-cont,
  .listing-modern-grid-2 .item-5-cont{
    width:100% !important; flex:none; display:block; float:none !important;
    padding:0 !important; margin-bottom:8px;
  }
  .listing-modern-grid-2 .mg-row{display:block; flex:none;}
  .listing-modern-grid-2 .listing-mg-item{height:auto; min-height:220px;}
  .listing-modern-grid-2 .listing-mg-item:before{padding-top:62% !important; height:0;}
}

