h1 + .popover-wrapper, h2 + .popover-wrapper, h3 + .popover-wrapper, p + .popover-wrapper, span + .popover-wrapper {
    margin-left: 8px;
}

@media screen and (min-width: 600px) {
    .ctas-ordered .popover-wrapper:first-child {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        margin-left: 8px;
    }

    .results-modal .modal-buttons-wrap .popover-wrapper + .primary {
        margin-right: 0px;
    }
}

.form-field .popover-wrapper {
    position: relative;
    top: 12px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .form-field .icon-button {
        position: relative;
        top: 12px;
    }

    .form-field .popover.active {
        margin-top: -33px;
    }
}

/*********************************************************************/
/*********************************POPOVER STYLES**********************/
/*********************************************************************/
.popover-wrapper {
    position: relative;
}

.popover {
    position: absolute;
    width: 250px;
    background: #ffffff;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 56px 16px 16px;
    font-size: 1.4rem;
    line-height: 18px;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
    box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
    box-sizing: border-box;
    transition: .3s all ease;
    -moz-transition: .3s all ease;
    -webkit-transition: .3s all ease;
    opacity: 0;
    visibility: hidden;
    margin-left: 50px;
    text-align: left;
    z-index: 1060;
    display: none;
}

    .popover.active {
        opacity: 1;
        width: 250px;
        visibility: visible;
        margin-left: 0px;
        display: block;
        top: 24px;
    }

    .popover:hover.top:after, .popover:hover.bottom:after, .popover:hover.left:after, .popover:hover.right:after {
        -webkit-filter: none;
        filter: none;
    }

    .popover.top {
        margin-top: -150px;
        margin-left: -20px;
    }

        .popover.top::after {
            content: '';
            position: absolute;
            border-style: solid;
            border-width: 8px 8px 0;
            border-color: #FFFFFF transparent;
            display: block;
            width: 0;
            z-index: 1;
            margin-left: -8px;
            bottom: -8px;
            left: 32px;
        }

    .popover.bottom {
        margin-left: -20px;
        margin-top: 5px;
    }

        .popover.bottom::after {
            content: '';
            position: absolute;
            border-style: solid;
            border-width: 0 8px 8px;
            border-color: #FFFFFF transparent;
            display: block;
            width: 0;
            z-index: 1;
            margin-left: -8px;
            top: -8px;
            left: 32px;
        }

    .popover.right {
        margin-left: 30px;
        margin-top: -50px;
        left: 8px;
        top: 28px;
    }

        .popover.right::after {
            content: '';
            position: absolute;
            border-style: solid;
            border-width: 8px 8px 8px 0;
            border-color: transparent #FFFFFF;
            display: block;
            width: 0;
            z-index: 1;
            margin-top: -8px;
            left: -8px;
            top: 32px;
        }

    .popover.left {
        margin-top: -45px;
        margin-left: -258px;
        left: -8px;
    }

        .popover.left::after {
            content: '';
            position: absolute;
            border-style: solid;
            border-width: 8px 0 8px 8px;
            border-color: transparent #FFFFFF;
            display: block;
            width: 0;
            z-index: 1;
            margin-top: -8px;
            right: -8px;
            top: 32px;
        }

    .popover .popover-header {
        content: attr(data-popover-header);
        font-family: 'heebo-bold';
        font-size: 1.4rem;
        color: #001928;
        line-height: 18px;
    }

    .popover .popover-content {
        content: attr(data-popover-content);
        font-size: 1.4rem;
        color: #001928;
        line-height: 18px;
        max-width: 100%;
    }

    .popover .icon {
        width: 24px;
        height: 24px;
        margin: 0;
        display: block;
        float: right;
        border: none;
        min-width: 24px;
        padding: 0;
        cursor: pointers;
    }

    .popover .icon-button {
        margin-top: -8px;
        margin-left: 197px;
        position: absolute;
    }

    .popover:hover {
        -webkit-box-shadow: 0 0 8px 0 rgba(0, 25, 40, 0.12), 0 4px 24px 0 rgba(0, 25, 40, 0.07);
        box-shadow: 0 0 8px 0 rgba(0, 25, 40, 0.12), 0 4px 24px 0 rgba(0, 25, 40, 0.07);
    }

@media only screen and (max-width: 599px) {
    .popover.left,
    .popover.right,
    .popover.top,
    .popover.bottom {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 16px 56px 16px 16px;
        font-size: 1.4rem;
        line-height: 18px;
        margin-left: 0;
        z-index: 1060;
        border-radius: 0;
    }

        .popover.left:after,
        .popover.right:after,
        .popover.top:after,
        .popover.bottom:after {
            display: none;
        }

    .popover .icon {
        width: 24px;
        height: 24px;
        margin: 0;
        display: block;
        float: right;
        border: none;
        min-width: 24px;
        padding: 0;
        cursor: pointer;
    }

    .popover .icon-button {
        margin-left: 0;
        right: 16px;
        position: absolute;
    }
}

@media screen and (min-width: 600px) {
    .popover-wrapper .popover .icon-button {
        right: 13px;
        margin-left: auto;
    }

    .popover-wrapper .popover.top {
        width: 350px;
        margin-top: auto;
        bottom: 32px;
    }

    .popover-wrapper .popover.right {
        width: 350px;
    }

    .popover-wrapper .popover.bottom {
        width: 350px;
    }

    .popover-wrapper .popover.left {
        width: 350px;
        margin-left: auto;
        right: 30px;
    }

    .popover-wrapper .popover .popover-content {
        word-break: break-word;
    }

    .financial-check-full .popover-wrapper .popover.left, .investment-inquiry .popover-wrapper .popover.left {
        width: 350px;
    }
}

.input-checkbox + .popover-wrapper {
    padding-left: 2rem;
}

.icon-button::-moz-focus-inner {
    border: 0;
}

.icon-button {
    border-radius: var(--button-border-radius-icon);
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin-top: unset;
    margin-bottom: unset;
    padding: 0;
    font-size: 0;
    display: inline-block;
}

    .icon-button.small {
        width: 16px;
        height: 16px;
    }

    .icon-button.medium {
        width: 24px;
        height: 24px;
    }

    .icon-button.large {
        width: 24px;
        height: 24px;
    }

@media only screen and (max-width: 599px) {
    button .icon.medium,
    .button .icon.medium {
        top: 6px !important;
        float: none !important;
    }
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .form-field .icon-button {
        position: relative;
        top: 12px;
    }

    .form-field .popover.active {
        margin-top: -33px;
    }
}

.modal .icon-button.modal-close {
    position: absolute;
    left: calc(100% - 44px);
    margin-top: -36px;
}

@media only screen and (max-width: 1064px) {
    .modal .icon-button.modal-close {
        position: absolute;
        left: 16px;
        margin-top: 0px;
        top: 16px;
    }
}

span.icon-button:focus {
    -webkit-box-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
    box-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
    outline: 0;
    border-radius: 4px;
}


@media only screen and (max-width: 1064px) {
    .modal.large .icon-button.modal-close {
        position: absolute;
        left: 16px;
        margin-top: 0px;
        top: 16px;
    }
}

.icon.medium.information {
    background-image: url(../img/icons/24/24-information-blue.svg);
}

    .icon.medium.information.blue {
        background-image: url(../img/icons/24/24-information-blue.svg);
    }

    .icon.medium.information.ultramarine {
        background-image: url(../img/icons/24/24-information-ultramarine.svg);
    }

    .icon.medium.information.white {
        background-image: url(../img/icons/24/24-information-white.svg);
    }

    .icon.medium.information.granite {
        background-image: url(../img/icons/24/24-information-granite.svg);
    }

.icon.medium.close {
    background-image: url(../img/icons/24/24-close-blue.svg);
}

    .icon.medium.close.granite {
        background-image: url(../img/icons/24/24-close-granite.svg);
    }

.icon.medium.enclosed-close.granite {
    background-image: url(../img/icons/24/24-enclosed-close-granite.svg);
}

.icon.medium {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.icon-button.medium.js-popover:focus {
    outline: -webkit-focus-ring-color auto 1px;
}