/* 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:not(.callout-bnr) 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;
}

/* update: for DVL headers and footers */
.btn:not(.tablesaw-nav-btn) {
    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;
    }
}

/* Social icons in FR */

@media screen and (min-width: 800px) {

    .footer-left, .footer-right {
        width: 50% !important;
    }

}

@media screen and (min-width: 640px) {

    .footer-right {
        flex: 1 0 250px !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;
    }