/**
* Kunena Component
* @package Kunena.Template.Crypsis
*
* @copyright     Copyright (C) 2008 - 2018 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 {
    -webkit-transform: translate3d(0, 0, 0);
  }

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

  .msgfooter {
    width: 85%;
  }

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

  .table td.span1, .table th.span1 {
    width: 0;
  }

  div.navbar > div > div.visible-phone.hidden-tablet > ul.nav.navbar-nav.pull-left > a > i {
    cursor: pointer;
    vertical-align: super;
  }

  #postform > div > div > div > 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-left: 15px;
    margin-top: 10px;
  }

  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.icon-large,
  .glyphicon-large,
  .fa-large
  {
    color: inherit;
  }

  .kmsg {
    height: 100%;
  }

  .navbar .nav {
    width: 100%;
    padding-top: 10px;
  }

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

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

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

  // 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 4px;
    font-weight: normal;
  }

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

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

  // Dropdowns in the navbar
  .knav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: none;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    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 .btn-navbar {
    display: block;
  }

  a.modal {
    position: static;
  }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
  #kbbcode-preview {
    margin-top: 63px;
  }

}

@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.icon-large,
  .glyphicon-large,
  .fa-large {
    color: inherit;
  }

  ul.pull-right {
    margin: 0;
  }

  #recent-list {
    width: 53%;
  }

	#kbbcode-preview {
		margin-top: 35px;
	}

	#announcement-add-button {
		margin-left: -10px;
	}
}

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

}

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

