.carbonad { background: none !important; } .carbonad div { display: none; } .carbonad div:nth-child(2) { display: block; } .carbonad { width: auto !important; height: auto !important; padding: 1.25rem !important; margin: 2rem ($grid-gutter-width * -1) -2rem !important; overflow: hidden; // clearfix font-family: inherit !important; font-size: .8rem !important; line-height: 1rem !important; color: $bd-purple-light !important; text-align: left; background: darken($bd-purple, 10%) !important; border: 0 !important; } .carbon-img { margin: 0 !important; } .carbon-img img { float: left; } .carbon-text, .carbon-poweredby { display: block !important; float: none !important; width: auto !important; height: auto !important; margin-left: 145px !important; font-family: inherit !important; } .carbon-text, .carbonad a { padding-top: 0 !important; margin-bottom: .5em !important; color: #fff !important; } .carbon-poweredby { color: inherit !important; text-align: left !important; } .carbon-text, .carbon-poweredby { &:hover { color: #fff !important; } } @include media-breakpoint-up(sm) { .carbonad { width: 330px !important; padding: 1rem !important; margin-right: auto !important; margin-left: auto !important; border-radius: .25rem; } } @include media-breakpoint-up(md) { }