#flow_wrapper { font-size: 1.2rem !important; @include media-breakpoint-only(xs) { font-size: 1.1rem !important; } background-color: white; #collapseSection { .btn.btn-link { &:after { color: #666; top: 10px; right: 0px; position: absolute; margin-right: 30px; font-family: "fontello"; font-size: 22px; content: "\e80f"; } &.collapsed { &:after { content: "\e80e"; } } } } .row { padding: $flow_row_padding 0; &.background_image_row { overflow: hidden; position: relative; .header_background_image { position: absolute; object-fit: cover; font-family: "object-fit: cover;"; height: 100%; width: 100%; filter: brightness(0.4); z-index: 0; top: 0px; } } & > .container > .col.col-12 { padding: $flow_component_padding 0px; } .tabbed_content { .tab-content { margin-top: 15px; } } .slider_block { .item { height: 400px; overflow: hidden; img { height: 100%; width: auto; object-fit: cover; font-family: "object-fit: cover;"; } } } .slider_row { .item { height: 200px; overflow: hidden; img { height: 100%; width: auto; object-fit: cover; font-family: "object-fit: cover;"; @include media-breakpoint-down(sm) { margin: auto; } } } } } .members_section { img.members_image { height: 100px; object-fit: contain; font-family: "object-fit: contain;"; width: 100%; padding: 15px; } } .blocks { .block_column { margin-top: 15px; } .card { overflow: hidden; &.background_image { picture { height: 100%; } img { filter: brightness(0.5); height: 100%; position: absolute; left: 0; right: 0; top: 0; z-index: 0; } .card-body { z-index: 1; } } .card-img-top { height: 150px; width: 100%; object-fit: cover; font-family: "object-fit: cover;"; } } } }