mercy commons custom css.scss

mercy commons custom css.scss

/**
* CUSTOM STYLES KEPT HERE https://gist.github.com/travisrcory/5befdcbd6509128256184780874a3c62
*/

// Formerly banner

a.Header-branding {
    position: relative;

    &:after {
        bottom: 0;
        content: 'Formerly Southlands Fullerton';
        display: flex;
        font-family: 'Barlow Semi Condensed',sans-serif !important;
        font-size: 10px;
        font-style: italic;
        font-weight: bold;
        position: absolute;
        right: 50%;
        transform: translateX(75%);
        width: 100%;
    }
}

a.Mobile-bar-branding {
    position: relative;

    &:after {
        bottom: 15px;
        content: 'Formerly Southlands Fullerton';
        display: flex;
        font-family: 'Barlow Semi Condensed',sans-serif !important;
        font-size: 10px;
        font-style: italic;
        font-weight: bold;
        left: 100px;
        position: relative;
        width: 100%;
    }
}

// Adding custom font family

body {
    font-family: 'Barlow', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Barlow Semi Condensed', sans-serif !important;
    font-style: italic;
}

// EVENTS PAGE

#calendar {
    .sqs-block-code {
        width: 100% !important;
    }


    iFrame {
        width: 100%;
    }
}

// CHILD PAGE BANNERS

section[id*="top-banner"] {
    .Index-page-content {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .sqs-row {
        display: flex;
        width: 100% !important;
    }

    [class*=sqs-col] {
        float: none !important;
        align-items: center;
        justify-content: center;
        align-content: center;
        display: flex;
    }
}

// PHOTOS WITH BOTTOM TEXT

section[id*="photo-with-bottom-text"] p {
    line-height: normal;
    margin: 0;
    font-size: 14px;
}

// FOOTER

.Footer .sqs-image {
    overflow: visible;

    .image-block-outer-wrapper:not(.image-block-v2) .image-block-wrapper {
        overflow: visible !important;
        padding-bottom: 0 !important;
    }
}

.Footer-nav a {
    -webkit-text-fill-color: #232323;
    -webkit-text-stroke-width: 0.75PX;
    -webkit-text-stroke-color: #FFF;
}

.tweak-footer-layout-stacked .Footer-nav-group {
    display: flex;
    justify-content: space-evenly;
}

.Footer-blocks--middle img {
    width: 125px !important;
    height: auto !important;
    margin: auto;
    position: initial !important;
}

// MOBILE
@media (max-width: 767px) {
    .hide-mobile {
      display: none;
    }

    .tweak-footer-layout-stacked .Footer-nav-group {
      flex-direction: column;
    }

    // HOME
    #home-banner .sqs-block-image {
        img {
            height: auto !important;
            margin: auto;
            position: initial !important;
            width: 56px !important;
        }

        .image-block-outer-wrapper:not(.image-block-v2) .image-block-wrapper {
            overflow: visible !important;
            padding-bottom: 0 !important;
        }
    }
}