/*
 * Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
 * the trix-editor content (whether displayed or under editing). Feel free to incorporate this
 * inclusion directly in any other asset bundle and remove this file.
 *
 *= require trix
*/

.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}

.trix-button-group--file-tools,
.trix-button--icon-code,
.trix-button--icon-decrease-nesting-level,
.trix-button--icon-increase-nesting-level
{
  display: none!important;
}

trix-toolbar * {
    box-sizing:border-box
}

trix-toolbar .trix-button-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow-x:auto
}

trix-toolbar .trix-button-group {
    display: flex;
    margin-bottom: 10px;
    border-color: #ccc #bbb #888;
    border-style: solid;
    border-width: 1px;
    border-radius:3px
}

trix-toolbar .trix-button-group:not(:first-child) {
    margin-left:1.5vw
}

@media (max-device-width: 768px) {
    trix-toolbar .trix-button-group:not(:first-child) {
        margin-left:0
    }
}

trix-toolbar .trix-button-group-spacer {
    flex-grow:1
}

@media (max-device-width: 768px) {
    trix-toolbar .trix-button-group-spacer {
        display:none
    }
}

trix-toolbar .trix-button {
    position: relative;
    float: left;
    color: rgba(0, 0, 0, .6);
    font-size: .75em;
    font-weight: 600;
    white-space: nowrap;
    padding: 0 .5em;
    margin: 0;
    outline: none;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    background:transparent
}

trix-toolbar .trix-button:not(:first-child) {
    border-left:1px solid #ccc
}

trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color:#000
}

trix-toolbar .trix-button:not(:disabled) {
    cursor:pointer
}

trix-toolbar .trix-button:disabled {
    color:rgba(0, 0, 0, .125)
}

@media (max-device-width: 768px) {
    trix-toolbar .trix-button {
        letter-spacing: -.01em;
        padding:0 .3em
    }
}

trix-toolbar .trix-button--icon {
    font-size: inherit;
    width: 2.6em;
    height: 1.6em;
    max-width: calc(.8em + 4vw);
    text-indent:-9999px
}

@media (max-device-width: 768px) {
    trix-toolbar .trix-button--icon {
        height: 2em;
        max-width:calc(.8em + 3.5vw)
    }
}

trix-toolbar .trix-button--icon:before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .6;
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size:contain
}

@media (max-device-width: 768px) {
    trix-toolbar .trix-button--icon:before {
        right: 6%;
        left:6%
    }
}

trix-toolbar .trix-button--icon.trix-active:before {
    opacity:1
}

trix-toolbar .trix-button--icon:disabled:before {
    opacity:.125
}

trix-toolbar .trix-button--icon-attach:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M16.5 6v11.5a4 4 0 11-8 0V5a2.5 2.5 0 015 0v10.5a1 1 0 11-2 0V6H10v9.5a2.5 2.5 0 005 0V5a4 4 0 10-8 0v12.5a5.5 5.5 0 0011 0V6h-1.5z'/%3E%3C/svg%3E");
    top: 8%;
    bottom:4%
}

trix-toolbar .trix-button--icon-bold:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M15.6 11.8c1-.7 1.6-1.8 1.6-2.8a4 4 0 00-4-4H7v14h7c2.1 0 3.7-1.7 3.7-3.8 0-1.5-.8-2.8-2.1-3.4zM10 7.5h3a1.5 1.5 0 110 3h-3v-3zm3.5 9H10v-3h3.5a1.5 1.5 0 110 3z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-italic:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M10 5v3h2.2l-3.4 8H6v3h8v-3h-2.2l3.4-8H18V5h-8z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-link:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M9.88 13.7a4.3 4.3 0 010-6.07l3.37-3.37a4.26 4.26 0 016.07 0 4.3 4.3 0 010 6.06l-1.96 1.72a.91.91 0 11-1.3-1.3l1.97-1.71a2.46 2.46 0 00-3.48-3.48l-3.38 3.37a2.46 2.46 0 000 3.48.91.91 0 11-1.3 1.3z'/%3E%3Cpath d='M4.25 19.46a4.3 4.3 0 010-6.07l1.93-1.9a.91.91 0 111.3 1.3l-1.93 1.9a2.46 2.46 0 003.48 3.48l3.37-3.38c.96-.96.96-2.52 0-3.48a.91.91 0 111.3-1.3 4.3 4.3 0 010 6.07l-3.38 3.38a4.26 4.26 0 01-6.07 0z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-strike:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M12.73 14l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5 0 .3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52 13.52 0 017 14.95v3.37a10.64 10.64 0 004.84.88c1.26 0 2.35-.19 3.28-.56.93-.37 1.64-.9 2.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1 0-1.29.52-2.3 1.58-3.02 1.05-.72 2.5-1.08 4.34-1.08 1.62 0 3.28.34 4.97 1l-1.3 2.93c-1.47-.6-2.73-.9-3.8-.9-.55 0-.96.08-1.2.26-.26.17-.38.38-.38.64 0 .27.16.52.48.74.17.12.53.3 1.05.53H7.23zM3 13h18v-2H3v2z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-quote:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1' xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-heading-1:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1' xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M12 9v3H9v7H6v-7H3V9h9zM8 4h14v3h-6v12h-3V7H8V4z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-code:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M18.2 12L15 15.2l1.4 1.4L21 12l-4.6-4.6L15 8.8l3.2 3.2zM5.8 12L9 8.8 7.6 7.4 3 12l4.6 4.6L9 15.2 5.8 12z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-bullet-list:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1' xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M4 4a2 2 0 100 4 2 2 0 000-4zm0 6a2 2 0 100 4 2 2 0 000-4zm0 6a2 2 0 100 4 2 2 0 000-4zm4 3h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-number-list:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-undo:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M12.5 8c-2.6 0-5 1-6.9 2.6L2 7v9h9l-3.6-3.6A8 8 0 0120 16l2.4-.8a10.5 10.5 0 00-10-7.2z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-redo:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M18.4 10.6a10.5 10.5 0 00-16.9 4.6L4 16a8 8 0 0112.7-3.6L13 16h9V7l-3.6 3.6z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-decrease-nesting-level:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M3 19h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8 2.9L6 14.2 4 12l2-2-1.4-1.5L1 12l.7.7zM3 5v2h19V5H3z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-increase-nesting-level:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M3 19h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1 14.2l1.4 1.4L6 12l-.7-.7-2.8-2.8L1 9.9 3.1 12zM3 5v2h19V5H3z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-dialogs {
    position:relative
}

trix-toolbar .trix-dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: .75em;
    padding: 15px 10px;
    background: #fff;
    box-shadow: 0 .3em 1em #ccc;
    border-top: 2px solid #888;
    border-radius: 5px;
    z-index:5
}

trix-toolbar .trix-input--dialog {
    font-size: inherit;
    font-weight: 400;
    padding: .5em .8em;
    margin: 0 10px 0 0;
    border-radius: 3px;
    border: 1px solid #bbb;
    background-color: #fff;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance:none
}

trix-toolbar .trix-input--dialog.validate:invalid {
    box-shadow:0 0 1.5px 1px red
}

trix-toolbar .trix-button--dialog {
    font-size: inherit;
    padding: .5em;
    border-bottom:none
}

trix-toolbar .trix-dialog--link {
    max-width:600px
}

trix-toolbar .trix-dialog__link-fields {
    display: flex;
    align-items:baseline
}

trix-toolbar .trix-dialog__link-fields .trix-input {
    flex:1 1
}

trix-toolbar .trix-dialog__link-fields .trix-button-group {
    flex: 0 0 content;
    margin:0
}

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}

trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
    background:none
}

trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable]::selection, trix-editor [data-trix-mutable] ::selection {
    background:none
}

trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
    background:highlight
}

trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
    background:highlight
}

trix-editor [data-trix-mutable].attachment.attachment--file {
    box-shadow: 0 0 0 2px highlight;
    border-color:transparent
}

trix-editor [data-trix-mutable].attachment img {
    box-shadow:0 0 0 2px highlight
}

trix-editor .attachment {
    position:relative
}

trix-editor .attachment:hover {
    cursor:default
}

trix-editor .attachment--preview .attachment__caption:hover {
    cursor:text
}

trix-editor .attachment__progress {
    position: absolute;
    z-index: 1;
    height: 20px;
    top: calc(50% - 10px);
    left: 5%;
    width: 90%;
    opacity: .9;
    transition: opacity .2s ease-in
}

trix-editor .attachment__progress[value="100"] {
    opacity:0
}

trix-editor .attachment__caption-editor {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit;
    text-align: center;
    vertical-align: top;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance:none
}

trix-editor .attachment__toolbar {
    position: absolute;
    z-index: 1;
    top: -.9em;
    left: 0;
    width: 100%;
    text-align:center
}

trix-editor .trix-button-group {
    display:inline-flex
}

trix-editor .trix-button {
    position: relative;
    float: left;
    color: #666;
    white-space: nowrap;
    font-size: 80%;
    padding: 0 .8em;
    margin: 0;
    outline: none;
    border: none;
    border-radius: 0;
    background:transparent
}

trix-editor .trix-button:not(:first-child) {
    border-left:1px solid #ccc
}

trix-editor .trix-button.trix-active {
    background:#cbeefa
}

trix-editor .trix-button:not(:disabled) {
    cursor:pointer
}

trix-editor .trix-button--remove {
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    outline: none;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid highlight;
    box-shadow:1px 1px 6px rgba(0, 0, 0, .25)
}

trix-editor .trix-button--remove:before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .7;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.4L17.6 5 12 10.6 6.4 5 5 6.4l5.6 5.6L5 17.6 6.4 19l5.6-5.6 5.6 5.6 1.4-1.4-5.6-5.6z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size:90%
}

trix-editor .trix-button--remove:hover {
    border-color:#333
}

trix-editor .trix-button--remove:hover:before {
    opacity:1
}

trix-editor .attachment__metadata-container {
    position:relative
}

trix-editor .attachment__metadata {
    position: absolute;
    left: 50%;
    top: 2em;
    transform: translate(-50%);
    max-width: 90%;
    padding: .1em .6em;
    font-size: .8em;
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
    border-radius:3px
}

trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap
}

trix-editor .attachment__metadata .attachment__size {
    margin-left: .2em;
    white-space:nowrap
}