/* COLORS */

  /* LOGIN PAGE */ 
    
    /* IMAGE */
    #com-users-login__form > fieldset::before { background-color: #101820 }

  /* CATEGORY BLOG */

    /* EDIT + CHECKED IN OR OUT */
    .com-content-category-blog__item .item-content .icons a { color: #000000; background-color: #F4F4F8 }

    /* UNPUBLISHED */
    .com-content-category-blog .badge.bg-warning { color: #FFFFFF; background-color: #101820 }
    
  /* BLOG */

    /* EDIT BUTTON */
    .com-content-article > .icons a { color: #000000 }

    /* TOGGLE EDITOR BUTTON */
    body.layout-edit button.js-tiny-toggler-button { color: #FFFFFF; background: #101820 }


/* LOGIN PAGE */

  /* DISPLAY: NONE */
  .com-users-login.login .com-users-login__options.list-group, #com-users-login__form > fieldset .control-label, #com-users-login__form .password-group button, .com-users-login__remember, #com-users-login__form > fieldset > div:nth-of-type(4) { display: none }

  /* IMAGE */
  #com-users-login__form > fieldset::before { display: block; position: relative; box-sizing: border-box; content:""; width: 100%; height: 0; padding: 20% 0; margin: 0 0 20px; background-size: cover; background-image: url(/images/admin/login.webp); background-position: center }

  /* INPUT */
    
    /* LOGIN */
    #com-users-login__form input, #com-users-login__form button { width: 100%; margin-bottom: 20px }
    
    /* LOGOUT */
    .com-users-logout__submit button { width: 100% }


/* CATEGORY BLOG */

  /* DISPLAY: NONE */
  .com-content-category-blog__item .item-content .icons a > span, .com-content-category-blog__item .item-content .icons a > div { display: none }

  /* EDIT + CHECKED IN OR OUT */
  .com-content-category-blog__item .item-content .icons a { display: inline-block; font-size: 12px; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; padding: 5px 10px 6px; margin: 25px 0 10px 25px }

  /* UNPUBLISHED */
  .com-content-category-blog .badge.bg-warning { display: inline-block; flex: 1 1 100%; font-size: 14px; line-height: 22px; text-transform: lowercase; padding: 5px 20px; margin-top: 15px; border-radius: 2px }


/* BLOG */

  /* DISPLAY: NONE */
  joomla-tab[view=tabs]>div[role=tablist], #com-content-form > button, #editor > div, #versionsModal, .mb-2 > button:last-child, #editor .tox .tox-toolbar__group > button:nth-of-type(1) { display: none }

  /* FRAME */
  #editor { padding: 0; border: 0; border-radius: 0; background-color: transparent; box-shadow: none }

  /* TITLE FRAME AND FORM FRAME */
  #editor > div.control-group:nth-of-type(1) { display: flex; margin-bottom: 20px }
  #editor > div.control-group:nth-of-type(1) input { width: 100% }

  /* FORM FRAME */
  #editor > div.control-group:last-child { display: block }
  #jform_articletext-lbl { display: block; font-size: 20px; line-height: 28px; font-weight: bold; text-transform: uppercase; padding: 20px 0 15px }
  
  /* EDIT BUTTON */
  .com-content-article .icons { flex: 1 1 100%; order: 3 }
  .com-content-article .icons .float-end > div { display: flex }
  .com-content-article > .icons a { display: flex; flex: 0 0 auto; flex-flow: row nowrap; align-items: center; text-align: center; height: 40px; font-size: 10px; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; padding: 0; margin: 0 25px }
  .com-content-article > .icons a div { padding-left: 5px }

  /* TOGGLE EDITOR BUTTON */
  body.layout-edit button.js-tiny-toggler-button { margin: 20px 0 }

  /* SAVE, COPY AND CANCEL */
  .mb-2 { margin-bottom: 20px }


  /* HIDE NEW ARTICLE WHEN LOGGING IN ON CATEGORY PAGES */
  .com-content-category-blog > a { display: none }