/***** CSS for responsive popout video
/***** created 1/19/2015
/***** for open use across all sites
/***** $Header: /WebSites/affiliate/includes/css/desktop/videomodule.css 1     1/19/15 2:00p Bmurphy $ *****/

.modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    border: none;
    outline: none;
}

.modal-content iframe {
    border: 15px solid #fff;
    border-radius: .5em;
}

.close-button {
    text-align: center;
    font-size: 15px;
    border-radius: 15px;
    float: right;
    background-color: rgb(151, 151, 151);
    border-color: #fff;
    border-width: 3px;
    border-style: solid;
    color: #fff;
    position: absolute;
    top: -2%;
    right: -1%;
    height: 31px;
    width: 31px;
    font-weight: 800;
}

button.close-button:hover { 
    background-color: #666;
}

/***** MEDIA QUERIES *****/
@media only screen and (max-width: 641px) {
    /***** MODAL PROPERTIES *****/
    .modal-body {
        height: 100px;
        padding: 0;
        margin: 0;
    }

    .modal-content iframe {
        border: 5px solid #fff;
        ;
        padding: 0;
        margin: 0;
    }

    .modal-dialog {
        position: relative;
        width: auto;
        margin: 15px;
    }

    .close {
        margin: -12px 0 0 0;
    };
}

@media only screen and (min-width: 768px) {
    /***** MODAL PROPERTIES *****/
    .close {
        font-size: 80px;
        margin: 30px -43px -20px 100px;
    };
}