﻿
.bd-dropdown .dropdown-menu {
    max-height: 400px;
    overflow-y: scroll;
}

.wiring-instructions .col1 {
    width: 40%;
}

.wiring-instructions .col2 {
    width: 60%;
}

a.home-page-intro-link{
    font-size: 1.5rem;
}
.home-logos img {
    opacity: .65;
    padding: 10px;
}

.product-details-image {
    background-image: url('../images/misc/product-details-image.png');
    background-size: cover;
    background-position-x: right;
    min-height: 250px; 
}

.product-details-image-saa {
    background-image: url('../images/misc/product-details-image-saa.jpg');
    background-size: cover;
    background-position-x: right;
    min-height: 250px;
}

.fund-information-image {
    background-image: url('../images/misc/fund-information-image.jpg');
    background-size: cover;
    background-position-x: right;
    min-height: 250px;
}

.fund-information-image-saa {
    background-image: url('../images/misc/fund-information-image-saa.jpg');
    background-size: cover;
    background-position-x: right;
    min-height: 250px;
}

.investor-insights-image {
    background-image: url('../images/misc/investor-insights-image.png');
    background-size: cover;
    background-position-x: right;
    min-height:250px;
}

.investor-tools-image {
    background-image: url('../images/misc/investor-tools-image.png');
    background-size: cover;
    background-position-x: right;
    min-height: 250px;
}

.sales-concepts-image {
    background-image: url('../images/misc/sales-concepts-image.jpg');
    background-size: cover;
    background-position-x: right;
    min-height: 250px;
}

.sales-concepts-image-saa {
    background-image: url('../images/misc/sales-concepts-image-saa.jpg');
    background-size: cover;
    background-position-x: right;
    min-height: 250px;
}

.about-voya-image {
    background-image: url('../images/misc/about-voya-image.jpg');
    background-size: cover;
    background-position-x: right;
    min-height: 250px;
}

img.material-image {
    object-position: top;
    object-fit: fill;
}

/* ABOUT PAGE */

.about-img {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.align-paragraph {
    text-align: left;
    width: 80%;
}

.center-div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-content: center !important;
    align-items: center !important;
}

.imgs {
    max-width: 100%;
    height: auto;
    padding: 5%;
}

.spacing {
    min-width: 100% !important;
}

/*::marker {
    color: #D75426;
    font-size: 2rem
}*/

/*.list-items > li::marker {
    color: #D75426;
}*/

.list-items{
    line-height: 24px;
}

.list-items > li {
    line-height: 28px;
}

.list-items > li > a {
    color: #145A7B !important;
    text-decoration: underline;
}


@media ( min-width: 100px ) {
    .divide {
        padding-top: 20px;
    }
}

@media ( min-width: 768px ) {
    .grid-divider {
        position: relative;
        padding: 0;
    }

        .grid-divider > [class*='col-'] {
            position: static;
        }

            .grid-divider > [class*='col-']:nth-child(n+2):before {
                content: "";
                border-left: 1px solid #DDD;
                position: absolute;
                top: 0;
                bottom: 0;
            }


    .col-padding {
        padding: 0 15px;
    }
}

    /*PRODUCT DETAILS PAGE*/
    /*Much of the content on the product page is brought in from a database-- including html and classes.
    It was set up to work with the old site/styling.  These styles bridge the gap between
    old and new, so we can use the same content on both sites for awhile.
*/
    .benefits-columns-ct {
        display: flex;
        flex-direction: row;
        padding: 30px 0;
    }

    .benefits-column-ct {
        border-left: 1px solid #6e6e6e;
        padding: 0 20px;
        text-align: center;
        width: 33%;
    }

        .benefits-column-ct:first-of-type {
            border-left: none;
        }

        .benefits-column-ct:last-of-type {
            border-right: none;
        }

        .benefits-column-ct i {
            display: block;
            font-size: 3rem;
            padding-bottom: 20px;
        }

        .benefits-column-ct h2 {
            padding-bottom: 20px;
            font-family: ProximaNovaSemiBold, Arial, Helvetica, "Helvetica Neue", sans-serif;
        }

        .benefits-column-ct ul {
            list-style: none;
            padding-left: 0px;
            font-size: 1.5rem;
        }

    .eligibility-ct table {
        text-align: center;
        width: auto;
    }

    /*.eligibility-ct thead th {
    text-align: center;
}*/

    .fund-manager-logo {
        width: 60%;
        opacity: .5;
        transition: all ease .5s;
    }

    a .fund-manager-logo:hover {
        opacity: 1;
    }

    /*Advanced Marketing page*/
    .library-nav div {
        padding: 0.75rem 0;
    }

    .library-nav a {
        font-family: ProximaNovaRegular, Arial, Helvetica, "Helvetica Neue", sans-serif;
    }

        .library-nav a.library-link-selected {
            font-family: ProximaNovaSemiBold, Arial, Helvetica, "Helvetica Neue", sans-serif;
            border-bottom: 2px #d75426 solid;
        }

    /*Search page*/
    .search-field i {
        position: absolute;
        top: 15px;
        left: 15px;
        z-index: 2;
    }

    .search-field input {
        padding: 15px 15px 15px 50px;
    }

    /*BLUR FILTER*/
    .blur {
        -webkit-filter: blur(7px);
        -moz-filter: blur(7px);
        filter: blur(7px);
    }

    /*.blur-ie {
    display: none;
    width: 100%;
    height: 600px;*/
    /*background-image: url('../../Common/images/prlx/home-screen5.jpg');*/
    /*background-image: url('../images/misc/home-screen5.jpg');
}*/

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .blur-wrapper .blur {
            display: none;
        }

        .blur-wrapper .blur-ie {
            display: block;
        }
    }

    @media only screen and (max-width: 540px) {
        .benefits-columns-ct {
            display: block;
            padding: 0 0 20px 0;
        }

        .benefits-column-ct {
            border-left: none;
            padding: 0 20px;
            text-align: center;
            width: 100%;
        }

            .benefits-column-ct i {
                padding-top: 20px;
            }

        a.home-page-intro-link {
            font-size: 1.25rem;
        }

        ul.product-highlights li {
            margin-left: -80px;
        }
    }
