/*
 * Display link to full-screen post 
 */
@media screen and (min-width: 1174px) {
  .layout-single-column .ui__header {
    display: block !important;
    position: fixed;
    width: 285px;
    left: 50%;
    margin-left: calc(-300px - 16px - 285px);
    bottom: 150px;
    top: auto;
    backdrop-filter: none;
    height: auto;
  }

  .layout-single-column .ui__header__logo {
    display: none;
  }
  
  .layout-single-column .ui__header__links {
    padding: 0;
  } 

  .layout-single-column .ui__header__links a {
    display: none;
  }
  
  .layout-single-column .ui__header__links a[href="/publish"] {
    display: block;
    background-color: transparent;
    color: #ddd9e8;
    border-radius: 0;
    text-decoration: none;
    padding: 0;
    line-height: inherit;
    border: none;
  }

  .layout-single-column .ui__header__links a[href="/publish"]:hover,
  .layout-single-column .ui__header__links a[href="/publish"]:focus {
    color: white;  
  }

  .theme-mastodon-light.layout-single-column .ui__header__links a[href="/publish"] {
    color: #292938;
  }

  .theme-mastodon-light.layout-single-column .ui__header__links a[href="/publish"]:hover,
  .theme-mastodon-light.layout-single-column .ui__header__links a[href="/publish"]:focus {
    color: black;
  }
  
  .layout-single-column .ui__header__links a[href="/publish"]:before {
    content: "✐\00a0\00a0"; /* Non breaking spaces */
  }

  .layout-single-column .ui__header__links a[href="/publish"]:after {
    content: " (full-page editor)";
  }

  .link-footer {
    padding-top: 100px;
  }
}


/* 
*********************************************************************************
ALT TEXT
*********************************************************************************
*/

.compose-form__upload__warning button {
  background: firebrick !important;
  margin: 0 auto 20%;
  display: block;
  color: white !important;
  width: 100%;
  padding: 0.5em !important;
}

.compose-form__upload__warning button:after {
  content: "\00a0 TEXT MISSING. ADD IT FOR BLIND MEMBERS AND FOR WHEN PHOTOS DON'T LOAD";
}

.compose-form__upload__warning button svg {
  transform: translateY(0.23em);
}

label[for="upload-modal__description"] span {
  font-style: italic;
  font-size: 0;
}
label[for="upload-modal__description"] span:after {
  font-size: 0.9rem;
  content: "Describe for blind members, or when photos don't load. Alt text is all about conveying the most important information about an image.";
}

label[for="upload-modal__description"] ~ .setting-text__toolbar .link-button {
  text-align: left;
  padding-right: 1em;
}

label[for="upload-modal__description"] ~ .setting-text__toolbar .link-button span:after {
  content: " (works best for screenshots of text)";
}

.report-modal__container {
  overflow: auto;
}