/****************************************************************************************************
 * Bric Version 1.2.1
 * 1.2.1
 ****************************************************************************************************/

/****************************************************************************************************
 * 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 {
    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 {
    height: auto;
}

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

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

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

/* Alignment styles for text in editable regions */
.volt-content .text-center {
    text-align: center;
}

.volt-content img.text-center {
    margin-left: auto;
    margin-right: auto;
}

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

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

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

.volt-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 {
    width: 100%;
    text-align: center;
}

.volt-content.volt-gallery.volt-content-editor-start img {
    width: auto !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 {
    max-height: 200px;
    width: auto;
    margin: 5px 5px 5px 5px;
}

.volt-gallery-img-max-height-none img {
    max-height: none;
}