programas.scss 1.4 KB
.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;
    }

    .program-preview--abstract h2 {
        font-size: 40px;
    }

    h2,
    h3{
        font-weight: bold;
    }

    h3 {
        margin-top: 0;
    }

}

.proposal-ranking-section {
    background-color: #f1f1f1;
    margin: 30px 0;
}