/**
* Eddard Post Attachments Admin Style
**/

.eddard-hidden-attachments-container {
    display : none;
    position : relative;
    padding : 0;
    width : 100%;
    margin : 0 auto;
    height : auto;
    left : 0;
    border : 1px solid #a9a9a9;
}

#eddard-attachemnts-header {
    width : 100%;
    padding : 0.8%;
    box-sizing : border-box;
    height : auto;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.75);
}

#eddard-attachment-main-title {
    float : left;
    text-align : left;
    font-size : 1.1em;
    font-weight : bold;
}

#eddard-attachment-continer-close {
    float : right;
    text-align : right;
    font-size : 0.8em;
}

#eddard-attachment-list-container {
    width : 100%;
    box-sizing : border-box;
    padding : 0.8%;
    margin : 0 auto;
    margin-top : 0.5%;
    overflow : auto;
}

#eddard-attachment-inner-container {
    width : 100%;
}

.eddard-attached-img-miniedit {
    float : none;
    width : 100%;
    box-sizing : border-box;
    padding : 1%;
    display : none;
}

.eddard-miniedit-progress {
    display : none;
}

/**
* Media Queries for desktop display
**/
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}
/**
* Desktop style. It is applied when screen is wider then 620px
**/
@media screen and (min-width: 38.75em) {

    
    #eddard-attachment-inner-container {
        width : 10000px;
    }
    
    #eddard-image-list-ul {
        list-style : none;
    }
    
    #eddard-image-list-ul li {
        float : left;
    }
    
    .eddard-attached-image-box {
        padding : 1%;
        margin-right : 1.5%;
        border : 1px solid #a9a9a9;
        -moz-border-radius : 5px;
        -webkit-border-radius : 5px;
        border-radius : 5px;
    }
    
    .eddard-attached-image-box .eddard-attached-img {
        width : 150px;
        max-width : 150px;
        float : left;
        cursor : pointer;
    }
    
    .eddard-attached-img-miniedit {
        float : left;
        width : 220px;
        box-sizing : border-box;
        padding : 1%;
        display : none;
    }
    
    .eddard-miniedit-progress {
        display : none;
    }
    
    .eddard-remove-img-link,
    .eddard-remove-img-link:hover,
    .eddard-remove-img-link:focus {
        color : red;
    }
    
    #eddard-attachment-filter-container {
        width : auto;
        box-sizing : border-box;
        display : none;
        text-align : left;
    }
    
    #eddard-attachment-filter-selector-div {
        
    }
    
    #eddard-attachment-filter-selector {
        
    }
    
    .eddard-takeover-img-link,
    .eddard-takeover-img-link:hover,
    .eddard-takeover-img-link:focus  {
        color : red;
    }
    
}