/*!* Security Spotlight-group v1.9
* v1.9 - Added space between description and cta.
* v1.8 - Fixed Image Link Icons are appearing bigger than the Image.
* v1.7 - Fixed merge issue (added missing } )
* v1.6 - Fixed bottom spacing issue only for firefox.
* v1.5 - Implemented Text separators between CTAs.
* v1.4 - Fixed Spacing between CTAs and Bottom Spacing in Mobile Breakpoint
* v1.3 - Fixed Spotlight Group title link color and all bugs
* v1.2 - Blade and Typography updates
* v1.1 - RTL Implementation
* v1.0 - Initial Check-in
*
*/.dmc-spotlightgroup,.dmc-spotlightgroup *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.dmc-spotlightgroup{margin:37px 10px 20px}
.dmc-spotlightgroup .spotlight-image{display:none}
.dmc-spotlightgroup .dmc-spotlight{margin:0 0 15px 0;width:calc(100% - 20px)}
.dmc-spotlightgroup .dmc-spotlight .spotlight-title h3{margin:0 20px 8px 0}
.dmc-spotlightgroup .blade-title h2{font-family:CiscoSans,"Helvetica Neue",HelveticaNeue,Helvetica,Arial,"Nimbus Sans L",sans-serif;font-size:24px;font-style:normal;font-weight:100;line-height:1.167em;text-align:left;margin-bottom:20px}
.dmc-spotlightgroup .cta ul li a{margin-right:20px}
.dmc-spotlightgroup .cta{clear:both;text-align:center;margin-bottom:0;margin-top:15px}
.dmc-spotlightgroup .cta li{display:block;margin-bottom:20px}
.dmc-spotlightgroup .cta a.pill-button{display:inline-block}
.dmc-spotlightgroup.cta-left .cta,.dmc-spotlightgroup.cta-right .cta{text-align:center}
.dmc-spotlightgroup.title-left .blade-title h2{text-align:left}
.dmc-spotlightgroup.title-center .blade-title h2{text-align:center}
.dmc-spotlightgroup .dmc-spotlight .text-wrapper{padding:0}
.dmc-spotlightgroup .dmc-spotlight .spotlight-title h3 a{color:#007fab;text-decoration:none}
.no-touch .dmc-spotlightgroup .dmc-spotlight .spotlight-title h3 a:hover{color:#049fd9;text-decoration:none}
.dmc-spotlightgroup .dmc-spotlight .text-wrapper{padding:0}
.row.full.blowout.pal-2 .dmc-spotlightgroup .dmc-spotlight .spotlight-title h3 a{color:#fff;border-bottom:1px dotted;text-decoration:none}
.no-touch .row.full.blowout.pal-2 .dmc-spotlightgroup .dmc-spotlight .spotlight-title h3 a:hover{color:#fff;border-bottom:1px solid;text-decoration:none}
.row.full.blowout.pal-1 .dmc-spotlightgroup .blade-title h2,.row.full.blowout.pal-1 .dmc-spotlightgroup .dmc-spotlight .spotlight-title h3,.row.full.blowout.pal-1 .dmc-spotlightgroup .spotlight-description p{color:#56565b}
.row.full.blowout.pal-2 .dmc-spotlightgroup .blade-title h2,.row.full.blowout.pal-2 .dmc-spotlightgroup .dmc-spotlight .spotlight-title h3,.row.full.blowout.pal-2 .dmc-spotlightgroup .spotlight-description p{color:#fff}
html[dir='rtl'] .dmc-spotlightgroup .dmc-spotlight .text-wrapper{margin-right:0;margin-left:0}
@media only screen and (min-width:37.5em){.dmc-spotlightgroup{margin:35px 10px 10px}
.dmc-spotlightgroup .dmc-spotlight{margin:0 0 30px 0}
.dmc-spotlightgroup .dmc-spotlight.compact{margin-bottom:0}
.dmc-spotlightgroup.cta-left .cta{text-align:left}
.dmc-spotlightgroup.cta-right .cta{text-align:right}
.dmc-spotlightgroup .cta{margin-bottom:10px;margin-top:0}
.dmc-spotlightgroup .cta li{display:inline-block;margin:0 20px 20px 0}
.dmc-spotlightgroup .dmc-spotlight .spotlight-image{display:block;margin:0 20px 0 0;max-width:117px}
.dmc-spotlightgroup .dmc-spotlight .text-wrapper{display:block;margin-left:158px}
.dmc-spotlight .spotlight-image img{width:100%;height:auto}
.dmc-spotlightgroup .blade-title h2{font-size:28px;line-height:1.214em;margin-bottom:25px}
.row.full.blowout.pal-2 .dmc-spotlightgroup .cta li::before{color:#fff}
.dmc-spotlightgroup .cta li:before{content:'|';padding-right:20px;color:#007fab}
.row.full.blowout.pal-2 .dmc-spotlightgroup .cta li.no-pipe:before{content:' '}
.dmc-spotlightgroup .cta li.no-pipe:before{content:' ';padding-right:0}
.row.full.blowout.pal-2 .dmc-spotlightgroup .cta li:first-child:before{content:' '}
.dmc-spotlightgroup .cta li:first-child:before{content:' ';padding-right:0}
.container.grid .dmc-spotlightgroup .col.half{margin-left:0}
.container.grid .dmc-spotlightgroup .col.half{flex:1 0 100%}
html[dir='rtl'] .dmc-spotlightgroup .cta li:before{content:'|';padding:0 0 0 20px}
html[dir='rtl'] .dmc-spotlightgroup .cta li:first-child:before{content:' ';padding:0}
html[dir='rtl'] .dmc-spotlightgroup .cta li.no-pipe:before{content:' ';padding:0}
}
@media only screen and (min-width:48em){.dmc-spotlightgroup{margin:54px 10px 28px}
.dmc-spotlightgroup .dmc-spotlight .spotlight-title h3{margin:0 20px 5px 0}
.dmc-spotlightgroup .cta{margin-bottom:12px;margin-top:10px}
.dmc-spotlightgroup .blade-title h2{font-size:36px;line-height:1.222em;margin-bottom:30px}
.container.grid .dmc-spotlightgroup .col:last-child{margin-left:2%}
.container.grid .dmc-spotlightgroup .col.half{flex:1 0 49%}
}
html[dir='rtl'] .dmc-spotlightgroup .dmc-spotlight .spotlight-title h3{margin:0 0 8px 20px}
html[dir='rtl'] .dmc-spotlightgroup.title-left .blade-title h2{text-align:right}
html[dir='rtl'] .dmc-spotlightgroup.cta-left .cta{text-align:right}
html[dir='rtl'] .dmc-spotlightgroup.cta-right .cta{text-align:left}
html[dir='rtl'] .dmc-spotlightgroup .dmc-spotlight .spotlight-image{margin:0 0 0 20px}
html[dir='rtl'] .dmc-spotlightgroup .dmc-spotlight{margin:0 0 30px 0}
html[dir='rtl'] .dmc-spotlightgroup .row.halves .col.half:last-child .dmc-spotlight.dmr.no-border{margin-right:0}
@media only screen and (min-width:37.5em){html[dir='rtl'] .dmc-spotlightgroup .row.halves .col.half:last-child .dmc-spotlight.dmr.no-border{margin-right:-10px}
html[dir='rtl'] .dmc-spotlightgroup .dmc-spotlight .text-wrapper{margin-right:158px;margin-left:0}
}
@media only screen and (min-width:48em){html[dir='rtl'] .dmc-spotlightgroup .row.halves .col.half:last-child .dmc-spotlight.dmr.no-border{margin-right:0}
}