/****************************************************************************************************
 * Bric Version 1.9.0
 * 1.9.0
 ****************************************************************************************************/

/****************************************************************************************************
 * Alignment styles for images, videos and iframes in editable regions
 ****************************************************************************************************/

/* Center (default) */
.volt-content iframe,
.volt-content image,
.volt-content [data-ce-tag=img],
.volt-content img,
.volt-content video,
.volt-blog iframe,
.volt-blog image,
.volt-blog [data-ce-tag=img],
.volt-blog img,
.volt-recent-posts img,
.volt-blog video {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.volt-content image,
.volt-content [data-ce-tag=img],
.volt-content img,
.volt-blog image,
.volt-blog [data-ce-tag=img],
.volt-blog img,
.volt-recent-posts img {
    height: auto;
}

/* .img-fluid { max-width: 100%; height: auto; } */

/* Left align */
.volt-content .align-left,
.volt-blog .align-left {
    clear: initial;
    float: left;
    margin-right: 0.5em;
}

/* Right align */
.volt-content .align-right,
.volt-blog .align-right {
    clear: initial;
    float: right;
    margin-left: 0.5em;
}

/* Alignment styles for text in editable regions */
.volt-content img.text-center,
.volt-blog img.text-center,
.volt-blog-content img.text-center {
    margin-left: auto;
    margin-right: auto;
}

.volt-content img.text-left,
.volt-blog img.text-left,
.volt-blog-content img.text-left {
    margin-left: 0px;
    margin-right: auto;
}

.volt-content img.text-right,
.volt-blog img.text-right,
.volt-blog-content img.text-right {
    margin-left: auto;
    margin-right: 0px;
}

.volt-content-editor-start {
    position: relative;
    outline: 3px solid #d4edda;
    min-height: 20px;
}

.volt-content-editor-start::before {
    content: attr(data-name);
    position: absolute;
    right: 0px;
    top: -25px;
}

.volt-content.volt-gallery.volt-content-editor-start .ce-element,
.volt-content.volt-gallery.volt-content-editor-start .ce-element--focused,
.volt-blog-content.volt-gallery .ce-element,
.volt-blog-content.volt-gallery .ce-element--focused {
    width: 100%;
    text-align: center;
}

.volt-content.volt-gallery.volt-content-editor-start img,
.volt-blog-content.volt-gallery img {
    width: auto !important;
    margin: 5px 5px 5px 5px !important;
    max-height: 200px !important;
}

.volt-content-editor-error {
    position: relative;
    outline: 3px solid #f8d7da;
    min-height: 20px;
}

.volt-content-editor-error::before {
    content: attr(data-error);
    position: absolute;
    right: 0px;
    top: -25px;
    color: #721c24;
}

.volt-login-form,
.volt-logout-form,
.volt-login-alert,
.volt-login-username {
    display: none;
}

.volt-gallery {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
}

.volt-gallery img {
    margin: 5px 5px 5px 5px;
    max-height: 200px;
    width: auto;
}

[data-gallery-layout="carousel"] img {
    margin: inherit;
    max-height: none;
}

[data-gallery-layout="masonry"] img {
    margin: inherit;
    max-height: none;
}

.volt-blog-item-header a,
.volt-blog-item-header a:hover {
    color: inherit;
}

.volt-blog-item-action a {
    display: none;
    border-radius: 10px;
    cursor: pointer;
    opacity: .9;
    text-align: center;
    font-family: icon;
    font-size: 16px;
    width: 32px;
    line-height: 32px;
    margin-right: 8px;
}

.volt-blog-item-action a::before {
    color: #fff;
}

.volt-blog-item-edit {
    background: #2980b9;
}

.volt-blog-item-edit:hover {
    background: #2e8ece;
}

.volt-blog-item-edit::before {
    content: "\e907";
}

.volt-blog-item-delete {
    background: #e74c3c;
}

.volt-blog-item-delete:hover {
    background: #ea6153;
}

.volt-blog-item-delete::before {
    content: "\e9ad";
}

.volt-blog-item-copy {
    background: #27ae60;
}

.volt-blog-item-copy:hover {
    background: #2cc36b;
}

.volt-blog-item-copy::before {
    content: "\e925";
    font-weight: bold;
}

.volt-blog-share {
    display: none;
}

/* Bootstrap 5 */
.volt-blog-item-metadata a,
.volt-blog-item-action a,
.volt-blog-item-title-link,
.volt-recent-posts-item-title-link,
.volt-content .carousel-nav-controls {
    text-decoration: none;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}