/*
    PLUGIN - MODALS CSS

    This is the CSS file for the modals plugin.

    CREATED BY
        Jeff Rohrer - PLR7384 - 02.27.2018

    MAINTAINED BY
        Jeff Rohrer - PLR7384 - 02.27.2018
        Jeff Rohrer - 06.21.2018 - Added Height: auto to .modal;
        
        (If you modify this file, put your name here, in the 'MAINTAINED BY' section)
*/

.cdo a.cdoPi-modalLink{text-decoration:underline!important}body.modal-open{overflow:hidden}.cdo .cdo-modal-container{background:rgba(15,30,49,.85);position:fixed;width:100%;height:100%;top:0;left:-100%;z-index:21000;opacity:0;transition:opacity .5s;overflow:auto;padding:0 30px 100px}.cdo .cdo-modal-container.open{opacity:1}.cdo .cdo-modal-container .modal{position:absolute;left:-1000%;right:0;max-width:700px;background:#fff;margin:0 auto 100px;border-radius:3px;transition:transform .5s,opacity 2s;top:100px;z-index:9999999;overflow:hidden;transform:translateY(-50px);height:auto}.cdo .cdo-modal-container .modal.active{position:relative;transform:translateY(0);left:0}.cdo .cdo-modal-container .modal.transition{position:relative;transform:translateY(-50px);left:0}.cdo .cdo-modal-container .modal .top{padding:20px;background:#cecece;position:relative}.cdo .cdo-modal-container .modal .top h3{margin-bottom:0}.cdo .cdo-modal-container .modal .top .close{position:absolute;padding:8px;font-size:1em}.cdo .cdo-modal-container .modal .top .close .usaa-glyph-thick-X{position:relative;display:block;transition:transform .3s}.cdo .cdo-modal-container .modal .top .close:hover .usaa-glyph-thick-X{transform:rotate(90deg);color:#AB080E}.cdo .cdo-modal-container .modal .top .close:focus{outline:none;padding:6px;border:2px solid #676A6E;border-radius:3px;color:#676A6E}.cdo .cdo-modal-container .modal .top .close:focus .usaa-glyph-thick-X{position:relative}.cdo .cdo-modal-container .modal .bottom{display:block;margin:0;padding:0;overflow:hidden;line-height:0;text-align:center}.cdo .cdo-modal-container .modal .bottom .bottom-close{display:inline-block;height:0;margin:0 auto;border:2px solid #676A6E;border-radius:3px;padding:0;overflow:hidden;opacity:0;background:none;transition:height .3s,opacity 1s,padding .3s,margin .3s}.cdo .cdo-modal-container .modal .bottom .bottom-close:focus{opacity:1;height:50px;margin:15px auto 22px auto;padding:15px 45px;outline:none;line-height:1}.cdo .cdo-modal-container .modal{padding:0 30px}.cdo .cdo-modal-container .modal .top{background:#FFF;text-align:center;padding:30px 0 22px 0}.cdo .cdo-modal-container .modal .top .close{top:40px;right:22px;font-size:1.1em}.cdo .cdo-modal-container .modal .top h3{font-family:'Mercury Display',Times,serif;font-size:2.125em;font-weight:600}.cdo .cdo-modal-container .modal .body{border-top:2px solid #EDECEA;padding:22px 0}.cdo .cdo-modal-container .modal .body p,.cdo .cdo-modal-container .modal .body p.body-copy{margin-bottom:22px;font-size:1.125em;line-height:1.5}.cdo .cdo-modal-container .modal .body p:last-of-type,.cdo .cdo-modal-container .modal .body p.body-copy:last-of-type{margin-bottom:0}.cdo .cdo-modal-container .modal .bottom{overflow:hidden}