/* DIV Button with Preview */
div.button.icon-picker {
    font-size: 24px;
    height: 45px;
    width: 45px;
    margin: 0;
    padding: 0;
    line-height: 45px;
    text-align: center;
}


/* Frontend styles */
.custom-icon,
.single-post .custom-featured-icon {
    display:none;
}


.custom-icons img {
    display:none;
}

.custom-icons .custom-icon,
.custom-icons .custom-icon .custom-featured-icon {
    display:block;
}

.custom-icon-post-page {
    display: inline;
}

img.custom-featured-icon {
    height: inherit !important;
    width: inherit !important;
    margin: 0 !important;
}

.box-blog-post .image-cover {
    overflow:visible !important;
}


@media only screen and (max-width: 548px) {
    .custom-icon img.custom-featured-icon {
        left: 0 !important;
    }
}

.display-image img {
    display:block;
}

.custom-featured-icon-by-title img {
    max-width: 2em;
    max-height: 1.5em;
	margin-right: .5em;
}

.entry-title {
    display: flex;
    align-items: flex-end;
}

.nav-previous a,
.nav-next a {
    display: inline-flex;
    align-items: baseline;
}

.nav-previous a .custom-featured-icon-by-title img,
.nav-next a .custom-featured-icon-by-title img {
    margin: 0 .5em;
}

@media only screen and (max-width: 548px) {
    .box-text.text-left {
        padding-left: 10px;
		vertical-align: top;
    }
}


/*  admin css  */

.post-featured-custom-image-preview {
    text-align: center;
    padding: 10px;
    border: 1px solid grey;
    margin: 10px 0;
    width: 100px;
    min-height: 80px;
    display: flex;
}

.post-featured-custom-image-preview img {
    width: 100%;
    height: 100%;
    margin: auto;
}

.post-featured-custom-image-fields input {
    margin-bottom:5px;
}

#image-url {
    width:100%;
    display:none;
}

#upload-button, #remove-button {
    width:49%;
}