/* Fallback for missing Jetpack social-logos font */
@font-face{
  font-family:'FontAwesome';
  src:url('/wp-content/themes/mh-magazine/fonts/fontawesome-webfont.woff2') format('woff2'),
      url('/wp-content/themes/mh-magazine/fonts/fontawesome-webfont.woff') format('woff'),
      url('/wp-content/themes/mh-magazine/fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;
}

.sd-content ul li a.sd-button:before,
.sd-social-icon .sd-content ul li a.sd-button:before,
.sd-social-icon-text .sd-content ul li a.sd-button:before{
  font-family:'FontAwesome' !important;
  font-style:normal;
  font-weight:normal;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  width:1em;
  height:1em;
  line-height:1em;
  display:inline-block;
  text-align:center;
}

/* normalize social icon button box to avoid width inconsistency/deformation */
.sd-social-icon .sd-content ul li[class*=share-],
.sd-social-icon-text .sd-content ul li[class*=share-]{
  width:auto !important;
  min-width:32px !important;
  margin:0 8px 12px 0 !important;
}
.sd-social-icon .sd-content ul li[class*=share-] a,
.sd-social-icon .sd-content ul li[class*=share-] a.sd-button,
.sd-social-icon-text .sd-content ul li[class*=share-] a,
.sd-social-icon-text .sd-content ul li[class*=share-] a.sd-button{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  padding:7px !important;
  box-sizing:border-box !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  overflow:hidden !important;
}

.sd-social-icon .sd-content ul li.share-tumblr a:before{content:"\f173" !important;}
.sd-social-icon .sd-content ul li.share-twitter a:before{content:"\f099" !important;}
.sd-social-icon .sd-content ul li.share-facebook a:before{content:"\f09a" !important;}
.sd-social-icon .sd-content ul li.share-pinterest a:before{content:"\f0d2" !important;}
.sd-social-icon .sd-content ul li.share-linkedin a:before{content:"\f0e1" !important;}
.sd-social-icon .sd-content ul li.share-reddit a:before{content:"\f1a1" !important;}
.sd-social-icon .sd-content ul li.share-email a:before{content:"\f0e0" !important;}
.sd-social-icon .sd-content ul li.share-jetpack-whatsapp a:before,
.sd-social-icon-text .sd-content ul li.share-jetpack-whatsapp a:before{content:"\f232" !important;}

.sd-social-icon-text .sd-content ul li a.sd-button > span:first-child{
  display:none !important;
}
.sd-social-icon-text .sd-content ul li a.sd-button{
  font-size:0 !important;
}

.sd-social-icon-text .sd-content ul li.share-tumblr a:before{content:"\f173" !important;}
.sd-social-icon-text .sd-content ul li.share-twitter a:before{content:"\f099" !important;}
.sd-social-icon-text .sd-content ul li.share-facebook a:before{content:"\f09a" !important;}
.sd-social-icon-text .sd-content ul li.share-pinterest a:before{content:"\f0d2" !important;}
.sd-social-icon-text .sd-content ul li.share-linkedin a:before{content:"\f0e1" !important;}
.sd-social-icon-text .sd-content ul li.share-reddit a:before{content:"\f1a1" !important;}
.sd-social-icon-text .sd-content ul li.share-email a:before{content:"\f0e0" !important;}

/* hide subscribe modal block under footer on restored static pages */
.jetpack-subscribe-modal{display:none !important;}

/* YARPP related thumbnails layout fix */
.yarpp.yarpp-related.yarpp-related-website.yarpp-template-thumbnails{
  display:block;
  clear:both;
  margin:24px 0;
}
.yarpp.yarpp-related.yarpp-related-website.yarpp-template-thumbnails h3,
.yarpp.yarpp-related.yarpp-related-website.yarpp-template-thumbnails h4{
  margin:0 0 14px;
  font-size:20px;
  line-height:1.35;
}

/* actual YARPP structure in this site is .yarpp-thumbnails-horizontal with <a class="yarpp-thumbnail"> */
.yarpp.yarpp-related.yarpp-related-website.yarpp-template-thumbnails .yarpp-thumbnails-horizontal{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}
.yarpp.yarpp-related.yarpp-related-website.yarpp-template-thumbnails .yarpp-thumbnail{
  float:none !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #e5e7eb;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  display:block !important;
  color:#111827;
  text-decoration:none;
  box-sizing:border-box;
}
.yarpp.yarpp-related.yarpp-related-website.yarpp-template-thumbnails .yarpp-thumbnail img,
.yarpp.yarpp-related.yarpp-related-website.yarpp-template-thumbnails img.yarpp-thumbnail,
.yarpp.yarpp-related.yarpp-related-website.yarpp-template-thumbnails .yarpp-thumbnail-default{
  display:block;
  width:100% !important;
  height:140px !important;
  object-fit:cover;
  background:#f3f4f6;
}
.yarpp.yarpp-related.yarpp-related-website.yarpp-template-thumbnails .yarpp-thumbnail-title,
.yarpp.yarpp-related.yarpp-related-website.yarpp-template-thumbnails .yarpp-related-title,
.yarpp.yarpp-related.yarpp-related-website.yarpp-template-thumbnails .yarpp-title{
  display:block;
  padding:10px 12px 12px;
  font-size:14px;
  line-height:1.45;
  min-height:52px;
}
@media (max-width:640px){
  .yarpp.yarpp-related.yarpp-related-website.yarpp-template-thumbnails .yarpp-thumbnails-horizontal{
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
  }
  .yarpp.yarpp-related.yarpp-related-website.yarpp-template-thumbnails .yarpp-thumbnail img{height:120px !important}
}