.widget-imageTextRow .item { display: block; margin-bottom: rem-calc(15px); background-color: $light-gray; color: $body-font-color; } .widget-imageTextRow a.item { transition-property: color, background; transition-duration: 0.2s; transition-timing-function: ease; &:hover { color: $white; background-color: $green; & .day, & .headline, & .readmore { color: $white; } } } .widget-imageTextRow .item-grid { min-height: rem-calc(180px); } .widget-imageTextRow .content { padding: 15px 20px 10px; > * { margin: 0 0 8px; } } .widget-imageTextRow .day { color: $green; font-size: rem-calc(14); margin-bottom: 0.5rem; transition: color 0.2s ease; } .widget-imageTextRow .headline { transition: color 0.2s ease; } .widget-imageTextRow .readmore { color: $green; font-weight: $font-weight-medium; text-transform: uppercase; font-size: rem-calc(15); transition: color 0.2s ease; } // Medium @include breakpoint(medium) { .widget-imageTextRow .content { padding: rem-calc(20px) rem-calc(20px) rem-calc(20px) 0; } .image-column { img { width:100%; height:100%; object-fit:cover; } } }