﻿.widget-hero {
    background: #fff;
    height: 250px;
}

    .widget-hero .hero-padding {
        padding: 30px 0;
        height: 100%;
    }

    .widget-hero h1 {
        color: #cc262c;
    }

        .widget-hero h1 .small-heading {
            display: block;
            font-size: 50%;
            color: #1a1a1a;
            line-height: 1.25;
        }

    .widget-hero .row {
        max-width: 62.5rem;
        height: 100%;
        background-position: center center;
    }

        .widget-hero .row.show-for-small-only {
            margin-top: 20px;
        }

    .widget-hero .image-responsive {
        width: 100%;
        height: auto;
    }

@media screen and (min-width: 640px) {
    .widget-hero {
        height: 270px;
    }

        .widget-hero .row {
            background-position: center right;
        }

        .widget-hero .hero-padding {
            padding: 45px 0;
        }
}
/* medium screen size only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .widget-hero h1 {
        font-size: 2.125rem;
    }

    .widget-hero .lead {
        font-size: 100%;
    }
}

@media screen and (min-width: 1024px) {
    .widget-hero {
        height: 350px;
    }

        .widget-hero .hero-padding {
            padding: 60px 0;
        }

        .widget-hero h1 {
            font-size: 3rem;
            line-height: 1.2;
        }

        .widget-hero .lead {
            font-size: 125%;
        }
}

.wid-des {
    min-height: 75px;
}

.zselect ul {
    min-width: 100%;
}

.widge-richtext {
}

.widget-pillars .pillar-icon {
    color: #cc262c;
}

.widget-pillars.pillar-icon-small .pillar-icon {
    font-size: 2rem;
}

.widget-pillars.pillar-icon-medium .pillar-icon {
    font-size: 3rem;
}

.widget-pillars.pillar-icon-large .pillar-icon {
    font-size: 4rem;
}

.widget-pillars.pillar-icon-left .column-block {
    display: flex;
}

.widget-pillars.pillar-icon-left .pillar-text {
    padding-left: 10px;
}
