/*!* Casestudy blade v3.2
*
* v3.2 - Fixed empty space that is appearing when an image is loading
* v3.1 - Styles for integration with dm-img
* v3.0 - Fixed the cta alignment
* v2.9 - Bug fixes
* v2.8 - Fixed the image width issue in IE11
* v2.7 - Fixed the focal point issue in RTL
* v2.6 - Fixed the spacing issue for buttons
* v2.5 - Bug fix for spacing in RTL
* v2.4 - Enhanced the component for Digital Personality
* v2.3 - Fixed the spacing issue between image and content in RTL
* v2.2 - Removed all the font style so that we get them from dmr
* v2.1 - Removed height for image in IE browser and add max width for known IE image height issue
* v2.0 - Fixed horizontal scroll bar issue for pull quote within case study blade
* v1.9 - Added overrides for new grids
* v1.8 - Fixed Case Study Blade - Less Spacing between CTAs with Text with Play Icon Option
* v1.7 - Fixed Bottom spacing issue in mobile breakpoint.
* v1.6 - Fixed lightbox clicking issue.
* v1.5 - Implemented RTL
* v1.4 - Fixed Font weight for Secondary CTA.
* v1.3 - Fixed Alignment issue of the CTA links when we select Primary CTA as "Text" in Medium and Small breakpoints.
* v1.2 - Removed Extra bottom space for IE 11
* v1.1 - Reverted typography default link behavior to be without dotted line.
* v1.0 - Initial Check-in
*
*/.dmc-casestudyblade,.dmc-casestudyblade *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.dmc-casestudyblade{width:100%;padding:20px 0}
.dmc-casestudyblade .dmc-image,.dmc-casestudyblade .dmc-content{width:100%;margin-bottom:20px}
.dmc-casestudyblade .dmc-image>div{font-size:0;line-height:0}
.dmc-casestudyblade .dmc-image img{width:100%}
.no-js .dmc-casestudyblade .dmc-image .dm-img,.no-js .dmc-casestudyblade.var-2 .dmc-image .dm-img{padding-top:0}
.dmc-casestudyblade .dmc-image .dm-img{padding-top:66.67%}
.dmc-casestudyblade .dmc-image .dm-img.loaded{padding-top:0}
.dmc-casestudyblade .dmc-content h2{text-align:center}
.dmc-casestudyblade .dmc-content .dmc-pullquote{padding:0}
.dmc-casestudyblade .dmc-content .cta{font-size:0;line-height:0;list-style-type:none;margin:0;text-align:center;width:100%}
.dmc-casestudyblade .dmc-content .cta li{margin:0 0 10px}
.dmc-casestudyblade .dmc-content .cta li a,.dmc-casestudyblade .dmc-content .cta li:last-child{margin:0}
.dmc-casestudyblade .dmc-content .cta li a.dmc-button.atlantic{display:block}
.cdc-transform .container.grid .col .dmc-casestudyblade .dmc-pullquote{width:100%}
.dmc-casestudyblade.var-2{padding:0}
.dmc-casestudyblade.var-2 .dmc-image,.dmc-casestudyblade.var-2 .dmc-content{margin:0}
.dmc-casestudyblade.var-2 .dmc-content{padding:15px 16px 40px}
@media only screen and (min-width:37.5em){.dmc-casestudyblade .dmc-content .cta li{display:inline-block;margin:0 20px 10px 0}
.dmc-casestudyblade .dmc-content .cta li:last-child{margin:0}
.dmc-casestudyblade.var-2 .dmc-content{padding:15px 18px 70px}
html[dir='rtl'] .dmc-casestudyblade .dmc-content .cta li{margin:0 0 10px 20px}
html[dir='rtl'] .dmc-casestudyblade .dmc-content .cta li:last-child{margin:0}
}
@media only screen and (min-width:48em){.dmc-casestudyblade .dmc-image.half{float:left;width:50%;padding-right:10px}
.dmc-casestudyblade .dmc-content.half{float:left;width:50%;padding-left:10px}
.dmc-casestudyblade .dmc-image.twothirds{float:left;width:70%;padding-right:10px}
.dmc-casestudyblade .dmc-content.twothirds{float:left;width:30%;padding-left:10px}
.dmc-casestudyblade .dmc-content h2{text-align:left}
.dmc-casestudyblade .dmc-content.twothirds h2{text-align:left;font-size:28px !important}
.dmc-casestudyblade .dmc-content .cta{text-align:left}
.dmc-casestudyblade.var-2,.dmc-casestudyblade{-webkit-align-items:center;align-items:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.dmc-casestudyblade.var-2 .dmc-image{overflow:hidden;padding:0}
.dmc-casestudyblade.var-2 .dmc-image img{position:relative;width:200%}
.dmc-casestudyblade.var-2.focal-C .dmc-image img{right:50%}
.dmc-casestudyblade.var-2.focal-R .dmc-image img{right:100%}
.dmc-casestudyblade.var-2 .dmc-image .dm-img{padding-top:133.34%}
.dmc-casestudyblade.var-2 .dmc-image .dm-img.loaded{padding-top:0}
.dmc-casestudyblade.var-2 .dmc-content{padding:20px 18px 20px 20px}
html[dir='rtl'] .dmc-casestudyblade .dmc-image{float:right;padding:0 0 0 10px}
html[dir='rtl'] .dmc-casestudyblade .dmc-content{float:right;padding:0 10px 0 0}
html[dir='rtl'] .dmc-casestudyblade .dmc-content h2{text-align:right}
html[dir='rtl'] .dmc-casestudyblade .dmc-content .cta{text-align:right}
html[dir='rtl'] .dmc-casestudyblade.var-2 .dmc-image{padding:0}
html[dir='rtl'] .dmc-casestudyblade.var-2.focal-L .dmc-image img{right:-100%}
html[dir='rtl'] .dmc-casestudyblade.var-2.focal-C .dmc-image img{right:-50%}
html[dir='rtl'] .dmc-casestudyblade.var-2.focal-R .dmc-image img{right:0}
html[dir='rtl'] .dmc-casestudyblade.var-2 .dmc-content{padding:20px 20px 20px 18px}
}
@media only screen and (min-width:64em){.gt-ie10 .dmc-casestudyblade .dmc-image img{max-width:512px}
.gt-ie10 .cdc-transform .dmc-casestudyblade .dmc-image img{max-width:629px}
.gt-ie10 .cdc-transform .dmc-casestudyblade.var-2 .dmc-image img{max-width:800px}
.dmc-casestudyblade.var-2 .dmc-image img{width:150%}
.dmc-casestudyblade.var-2 .dmc-image .dm-img{padding-top:100%}
.dmc-casestudyblade.var-2 .dmc-image .dm-img.loaded{padding-top:0}
.dmc-casestudyblade.var-2.focal-C .dmc-image img{right:25%}
.dmc-casestudyblade.var-2.focal-R .dmc-image img{right:50%}
.dmc-casestudyblade.var-2 .dmc-content{padding:20px 20px 20px 15px}
.dmc-casestudyblade .dmc-content.twothirds .dmc-pullquote .quote{font-size:28px !important}
html[dir='rtl'] .dmc-casestudyblade.var-2.focal-L .dmc-image img{right:-50%}
html[dir='rtl'] .dmc-casestudyblade.var-2.focal-C .dmc-image img{right:-25%}
html[dir='rtl'] .dmc-casestudyblade.var-2.focal-R .dmc-image img{right:0}
html[dir='rtl'] .dmc-casestudyblade.var-2 .dmc-content{padding:20px 15px 20px 20px}
}
@media only screen and (min-width:80em){.dmc-casestudyblade.var-2 .dmc-image img{width:100%}
.dmc-casestudyblade.var-2 .dmc-image .dm-img{padding-top:66.67%}
.dmc-casestudyblade.var-2 .dmc-image .dm-img.loaded{padding-top:0}
.dmc-casestudyblade.var-2.focal-C .dmc-image img,.dmc-casestudyblade.var-2.focal-R .dmc-image img{right:0}
.dmc-casestudyblade.var-2 .dmc-content{padding:20px 0 20px 25px;max-width:618px}
html[dir='rtl'] .dmc-casestudyblade.var-2.focal-L .dmc-image img,html[dir='rtl'] .dmc-casestudyblade.var-2.focal-C .dmc-image img,html[dir='rtl'] .dmc-casestudyblade.var-2.focal-R .dmc-image img{right:0}
html[dir='rtl'] .dmc-casestudyblade.var-2 .dmc-content{padding:20px 25px 20px 0}
}