#clp-unsplash-images {
    margin-left: 20px;
    top: 70px;
}

#clp-unsplash-modal .notice-warning {
    display: none;
}

#clp-unsplash-modal .grid-item {
    width: calc(20% - 20px);
    opacity: 0;
    transition: opacity 300ms ease-in;
    cursor: pointer;
}

#clp-unsplash-modal .media-modal {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

#clp-unsplash-modal .grid-item.loaded {
    opacity: 1;
}

#clp-unsplash-modal img {
    border: 2px solid transparent;
}

#clp-unsplash-modal img:hover, #clp-unsplash-modal .selected img {
    border-color: #5b9dd9;
    box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
}

#clp-unsplash-modal .grid-item {
    margin-bottom: 20px;
}

#clp-unsplash-modal .media-frame-content {
    top: 50px;
}

#clp-unsplash-modal .attachments-browser .media-toolbar {
    right: 0;
}

#clp-unsplash-modal .attachments-browser .media-toolbar-primary {
    max-width: 100%;
}

#clp-unsplash-modal .media-toolbar-primary {
    float: none;
    text-align: left;
}

#clp-unsplash-modal .no-media {
    display: none;
}

#clp-unsplash-modal .media-toolbar-primary.bottom {
    text-align: right;
}

#clp-unsplash-modal .media-toolbar-primary.bottom .button {
    float: none;
}

#clp-unsplash-modal .media-frame .attachments-browser {
    overflow: auto;
}

#clp-unsplash-modal .attachments-browser .no-media {
    padding-top: 8em;
}

@media screen and (max-width:1440px) {
    #clp-unsplash-modal .grid-item {
        width: calc(33.33% - 20px);
    }
}

@media screen and (max-width:1024px) {
    #clp-unsplash-modal .grid-item {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width:520px) {
    #clp-unsplash-modal .grid-item {
        width: calc(100% - 20px);
    }
}