.program--aside { margin-top: 20px; padding-top: 20px; .button--themed { padding-top: 0; } } .program-preview { .program-preview--box { position: relative; background-color: #f1f1f1; } .program-preview--banner { width: 100%; height: 400px; background-position: center; background-size: cover; background-repeat: no-repeat; } .program-preview--icon { $icon-size: 98px; $icon-scale: 0.7; position: absolute; top: (-1) * ($icon-size / 2); left: 40px; width: $icon-size * $icon-scale + 20px; height: $icon-size * $icon-scale + 20px; .icon { display: block; position: relative; top: -8px; left: -6px; transform: scale($icon-scale); } .contraste & { border: 1px solid #fff; } } .program-preview--box--content-wrapper { padding: 40px; position: relative; } .program-preview--share-label, .program-preview--share-directive { display: inline-block; vertical-align: middle; } h2, h3{ font-weight: bold; } h3 { margin-top: 0; } } .proposal-ranking-section { background-color: #f1f1f1; margin: 30px 0; }