/* Ensures text does not wrap under an icon if the text block is taller than the icon */

/* Note: you can also use pseudo-tables */

    /* icon-80 */
    .fl-icon {
        padding: 0 0 0 100px;
        position: relative;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

/* bottom align links in callouts */
    .fl-icon p, .grid-half.flex .callout p:last-of-type, .grid-one-third.flex .callout p:last-of-type {
        flex-grow: 1;
    }
    /* IE11 chevron fix caused by flex */
    .fl-icon a.standalone-link, .grid-half.flex .callout a.standalone-link:last-of-type, .grid-one-third.flex .callout a.standalone-link:last-of-type {
        display: block !important;
    }

        /* icon-40 */
        @media screen and (max-width: 639px) {
            .fl-icon { 
                padding: 0 0 0 60px; 
            }
        }

    .fl-icon img {
        left: 0; top: 0;
        position: absolute;
    }

/* DVL makes all buttons capitalize every word */

    .no-capitalize {
        text-transform: none !important;
    }

/* Every disclaimer link seems to have an underline */

    .disclaimer a { 
        text-decoration: underline !important;
    }

/* Every link that has a tooltip trigger has an underline (but not in a list) */

    .tooltip-trigger, button[class*="_open"] {
        text-decoration: underline !important;
    }

    li .tooltip-trigger, li button[class*="_open"]
        text-decoration: none !important;
    }

/* Don't wrap phone numbers; force it to the next line */

    .tel-number {
        white-space: nowrap !important;
    }

/* Don't make the disclaimer only 770px wide */

    .collapse-content {
        max-width: none !important;
    }

/* Don't give the last disclaimer footnote a bottom padding */

    .table-row:last-child .table-cell {
        padding-bottom: 0 !important;
    }

/* Standalone link IE11 fix - they must be inline or won't line up with the chevron */

    /*a.standalone-link {*/
        /*display: inline !important;*/
    /*}*/

/* Don't show scrolling in callout-links */

    .callout .callout-content > .callout-link, .callout .callout-inner > .callout-link {
        overflow: hidden !important;
    }

/* Table cells vertical-align top NOT middle */

    table thead tr th, table tbody tr td {
        vertical-align: top !important;
    }

/* Background images for landscape phones.. */
    
    @media screen and (min-width: 500px) and (max-width: 640px) {
        .custom-positioned-img-landscape {
            background-position: 50% 20% !important;
        }
        .custom-positioned-img-landscape-alt {
            background-position: 50% 90% !important;
        }
    }

/* Buttons acting as radio buttons need some accessibility feature where they show prominent outlines */

    button[aria-pressed="true"] {
        outline: 2px solid #252525 !important;
        outline-offset: -5px;
    }