/*!* Security Infographic v2.22
*
* v2.22 - Fixed alignment issue for pullquote when left aligned
* v2.21 - Fixed alignment issue for ordered list
* v2.20 - Citation link updated to inline and cta>li RTL right margin removed
* v2.19 - Fixed bullets alignment issue 
* v2.18 - Added overrides for new grids
* v2.17 - Fixed bugs
* v2.16 - Fixed Color issue for Pipe Separator
* v2.15 - Fixed RTL alignment issue
* v2.14 - Updated with 'dmr' typography.
* v2.13 - Fixed extra bottom space issue for IE11.
* v2.12 - Implemented Text separators between CTAs.
* v2.11 - Fixed Inconsistency in Spacing between CTAs and Bottom Padding
* v2.10 - Fixed Spacing between CTAs and Bottom Spacing in Mobile Breakpoint.
* v2.9 - Reverted typography default link behavior to be without dotted line and fixed all bugs
* v2.8 - Implemented Alantic typography
* v2.7 - Fixed Blade background issue.
* v2.6 - Fixed top spacing issue for title in mobile breakpoint.
* v2.5 - Implemented Image Drop Target with dmlink.
* v2.4 - Fixed citation left align and space b/w multiple CTA.
* v2.3 - Multiple CTA Implementation
* v2.2 - Display, Blade Tabs Implementation
* v2.1 - RTL Implementation
* v2.0 - Font Updates as per jira bugs
*/.dmc-infographic,.dmc-infographic *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.dmc-infographic{width:100%;padding:35px 10px 0}
.cdc-transform .dmc-infographic{padding-left:0;padding-right:0}
.dmc-infographic .pullquote,.dmc-infographic .images,.dmc-infographic .images img{width:100%}
.dmc-infographic .pullquote{padding:0 0 20px;text-align:center}
.dmc-infographic .pullquote .attribution{font-weight:100;font-size:14px;padding-left:30px}
.dmc-infographic.desc-center .pullquote ul li,.dmc-infographic.desc-center .pullquote ol li{list-style-position:inside}
.dmc-infographic .images{display:inline-block;margin-bottom:18px}
.dmc-infographic .images li{display:inline-block;float:left;vertical-align:middle;width:100%;margin:0}
.dmc-infographic .images .items{display:table;margin-bottom:20px}
.dmc-infographic .images .items .lightbox-link{display:inline-block}
.dmc-infographic .images img{display:table-cell;max-width:513px;height:auto}
.dmc-infographic .images .content{margin-bottom:0;display:table-cell;padding:0 20px;vertical-align:top;width:75%}
.dmc-infographic .images .content cite{display:block;font-size:14px;line-height:1.286em;margin-top:10px}
.dmc-infographic .images .content cite a{display:inline;font-size:14px;line-height:1.286em}
.dmc-infographic .cta{clear:both;text-align:center;margin-bottom:40px}
.dmc-infographic .cta li{display:block;margin:0 0 20px}
.dmc-infographic .cta li a{margin:0}
.dmc-infographic .cta a.pill-button{display:inline-block}
.dmc-infographic .blade-title h2{text-align:center}
.dmc-infographic.title-left .blade-title h2,.dmc-infographic.desc-left .pullquote{text-align:left}
.gt-ie10 .dmc-infographic .images img{max-height:119px}
.dmc-infographic.desc-left .attribution{padding-left:0}
html[dir='rtl'] .dmc-infographic .pullquote .attribution{padding:0 30px 0 0}
html[dir='rtl'] .dmc-infographic .images li{float:right;margin-right:0}
html[dir='rtl'] .dmc-infographic.title-left .blade-title h2,html[dir='rtl'] .dmc-infographic.desc-left .pullquote{text-align:right}
html[dir='rtl'] .dmc-infographic .cta li{margin-right:0;margin-left:0}
html[dir='rtl'] .dmc-infographic.desc-left .attribution{padding-right:0;padding-left:auto}
@media only screen and (min-width:37.5em){.dmc-infographic .pullquote{padding:0 150px 20px}
.dmc-infographic.desc-left .pullquote,.dmc-infographic.desc-left .attribution{padding-left:0}
.dmc-infographic .images{margin-bottom:30px}
.dmc-infographic .images li{width:33.33%}
.dmc-infographic .images .items{margin-bottom:10px}
.dmc-infographic .images .content{width:65%}
.dmc-infographic .cta{margin-bottom:20px}
.dmc-infographic.cta-left .cta{text-align:left}
.dmc-infographic.cta-right .cta{text-align:right}
.dmc-infographic .cta li{display:inline-block;margin:0 20px 20px 0}
.dmc-infographic .cta li:last-child{margin:0 20px 20px 0}
.dmc-infographic .cta li:before{content:'|';padding:0 20px 0 0}
.row.full.blowout.pal-2 .dmc-infographic:not(.dmr) .cta li::before{color:#fff}
.dmc-infographic .cta li.no-pipe:before,.dmc-infographic .cta li:first-child:before{content:' ';padding:0}
html[dir='rtl'] .dmc-infographic.cta-left .cta{text-align:right}
html[dir='rtl'] .dmc-infographic.cta-right .cta{text-align:left}
html[dir='rtl'] .dmc-infographic .cta li{margin:0 0 20px 20px}
html[dir='rtl'] .dmc-infographic .cta li:last-child{margin:0 0 20px 20px}
html[dir='rtl'] .dmc-infographic .cta li:before{padding:0 0 0 20px}
html[dir='rtl'] .dmc-infographic .cta li:first-child:before,html[dir='rtl'] .dmc-infographic .cta li.no-pipe:before{padding:0}
html[dir='rtl'] .dmc-infographic.desc-left .pullquote{padding-right:0;padding-left:150px}
}
@media only screen and (min-width:48em){.dmc-infographic{padding:55px 10px 0}
.dmc-infographic .images{margin-bottom:45px}
.dmc-infographic .cta{margin-bottom:40px}
}
@media only screen and (min-width:60em){.dmc-infographic .images .content{padding:0 20px 0 30px}
html[dir='rtl'] .dmc-infographic .images .content{padding:0 30px 0 20px}
}