/**
* Kunena Component
* $package Kunena.Template.Aurelia
*
* $copyright     Copyright (C) 2008 - 2023 Kunena Team. All rights reserved.
* $license https://www.gnu.org/copyleft/gpl.html GNU/GPL
* $link https://www.kunena.org
**/

/* Smartphones Mini */
@media (max-width: 320px) {
  #postform .btn {
    width: 60%;
    margin-bottom: 10px;
  }
}

/* Smartphones */
@media (max-width: 480px) {
  .knav-collapse {
    transform: translate3d(0, 0, 0);
  }

  .visible-xs .text-muted {
    margin-top: -30px;
  }

  .form-search {
    padding-bottom: 0;
  }

  .msgfooter {
    width: 85%;
  }

  .float-end,
  span > form {
    float: none;
  }

  .table td.col-md-1, .table th.col-md-1 {
    width: 0;
  }

  div.visible-sm.hidden-md > ul.nav.navbar-nav.float-start > a > i {
    vertical-align: super;
    cursor: pointer;
  }

  #postform >  fieldset > div > div {
    margin-left: -8px;
  }

  .last-post-message {
    padding-left: 5px;
  }

  #postcatid {
    width: 100%;
  }

  .input-xxlarge {
    width: 94%;
  }

  .kfile-input-textbox {
    width: 52%;
  }

  .kattachment-remove,
  .kattachment-insert {
    margin-top: 10px;
    margin-left: 15px;
  }

  .input-group input {
    width: 60%;
  }

  #kmobile-userdropdown .input-group input {
    width: 100%;
  }

  form#ktopicsform input,
  #login-remember {
    width: auto;
  }

  .modal {
    position: relative;
  }

  ul.breadcrumb {
    display: none;
  }
}

/* Smartphones to Tablets */
@media (max-width: 959px) {
  select {
    width: 80%;
  }

  li.dropdown {
    float: right;
    padding: 5px;
  }

  a.dropdown-toggle,
  i.glyphicon .glyphicon-large {
    color: inherit;
  }

  .kmsg {
    height: 100%;
  }

  .navbar .nav {
    width: 100%;
  }

  .navbar-nav.float-start > div {
    padding-top: 10px;
  }

  .controls {
    margin-left: 0 !important;
  }

  .mobile-user {
    margin-top: -40px !important;
  }

  // COLLAPSIBLE NAVBAR
  // ------------------
  // Nav collapse clears brand
  .knav-collapse {
    float: none;
    clear: both;
  }

  // Block-level the nav
  .knav-collapse .nav {
    float: none;
  }

  .knav-collapse .nav > li {
    float: none;
  }

  .knav-collapse .nav > li > a {
    margin-bottom: 2px;
  }

  .knav-collapse .nav > .divider-vertical {
    display: none;
  }

  .knav-collapse .nav .nav-header {
    text-shadow: none;
  }

  // Nav and dropdown links in navbar
  .knav-collapse .nav > li > a,
  .knav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    border-radius: 3px;
  }

  // Buttons
  .knav-collapse .btn {
    padding: 4px 10px;
    font-weight: normal;
  }

  .knav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }

  // Buttons in the navbar
  .knav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }

  // Dropdowns in the navbar
  .knav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }

  .knav-collapse .open > .dropdown-menu {
    display: block;
  }

  .knav-collapse .dropdown-menu:before,
  .knav-collapse .dropdown-menu:after {
    display: none;
  }

  .knav-collapse .dropdown-menu .divider {
    display: none;
  }

  .knav-collapse .nav > li > .dropdown-menu {
    &:before,
    &:after {
      display: none;
    }
  }

  // Navbar button
  .navbar .navbar-btn {
    display: block;
  }

  a.modal {
    position: static;
  }
}

// @media (min-width: 768px) {
//   select#mode {
//     margin-left: 69px;
//   }
// }

/* Tablets
@media (min-width: 768px) and (max-width: 959px)
{
}
*/

@media (min-width: 461px) and (max-width: 767px) {
  small.text-muted {
    margin-top: -42px;
  }
}

/* Desktop */
@media (min-width: 960px) {
  .navbar .nav {
    margin-bottom: -1px;
  }

  a.dropdown-toggle,
  i.glyphicon .glyphicon-large {
    color: inherit;
  }

  ul.float-end {
    margin: 0;
  }

  #recent-list {
    width: 53%;
  }

  .navbar-nav > li > .dropdown-menu {
    min-width: 190px;
  }
}

/* Large Display
@media (min-width: 1200px)
{
}
*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  label img {
    pointer-events: none;
  }
}