.post-thumbnail a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 30px;
    border: 4px solid #7f7f7f;
    padding: 2px;
}
img.C2CArticleContentImage
{
    margin-bottom: 30px !important;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.disc {
    padding: 20px 100px 0px;
    display: inline-block;
}
#s2cdisclaimersummary {
    padding: 20px 100px 0px;
}
p.s2csmaller {
    text-align: justify;
}
#s2cdisclaimersummary p.disc {
    padding: 0;
}

/* ================== MAILSPLINKLER.NET COLOR MATCH v7.04 (frontend) ================== */
.post-thumbnail a img {
    border: 3px solid #337ab7 !important;
    box-shadow: 0 4px 12px rgba(51, 122, 183, 0.15) !important;
}
img.C2CArticleContentImage {
    border: 3px solid #337ab7 !important;
    padding: 4px !important;
    border-radius: 4px !important;
}
.alert {
    border-radius: 6px !important;
}
.alert-danger {
    border-color: #f0ad4e !important;
}
.disc,
#s2cdisclaimersummary {
    background: #f8f9fa;
    border-left: 5px solid #337ab7;
    border-radius: 4px;
    padding: 25px 30px !important;
    margin: 30px 0;
    color: #333;
    font-size: 15px;
    line-height: 1.6;
}

/* === DISCLAIMER TOGGLE ICON SIZE (v10.12) START ===
   The disclaimer's +/- icons carry their size as HTML attributes
   (width="12" height="12") with only vertical-align in the inline style.
   HTML attributes lose to any CSS rule, so a theme with a global
   img { width: 100% } inflates a 12px GIF to the full content column -
   observed around 500px on several client sites.

   ID selectors (1,0,0) beat a theme's img selector (0,0,1), and the
   !important keeps us ahead of themes that mark their own img rule
   important. Four IDs: plus and minus, for the article and summary
   variants, matching the markup the API ships in disclaimer_article
   and disclaimer_summary.

   DELIBERATELY NO display PROPERTY HERE. The minus icon relies on its
   inline display:none, and the +/- toggle works by jQuery .show()/.hide()
   writing inline display. An author !important declaration overrides a
   normal inline style, so a display rule here would pin both icons
   visible and break the toggle. Verified: with display:inline !important
   added, the hidden icon renders instead of staying hidden. Width and
   height are safe because nothing sets those inline.               */
#s2cdisclaimer_toggle_plusarticle,
#s2cdisclaimer_toggle_minusarticle,
#s2cdisclaimer_toggle_plussummary,
#s2cdisclaimer_toggle_minussummary {
    width: 12px !important;
    height: 12px !important;
    max-width: 12px !important;
    min-width: 0 !important;
    vertical-align: middle !important;
}
/* === DISCLAIMER TOGGLE ICON SIZE (v10.12) END === */