/*
    This file is part of Workout Manager

    Workout Manager is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Workout Manager is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with Workout Manager. If not, see <http://www.gnu.org/licenses/>.
*/

/**************************************************************
 *
 * Adapt some of bootstrap's CSS classes and styles
 *
 **************************************************************/

html {
  font-family: "Open Sans Light", Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-family: "Open Sans Light", Arial, Helvetica, sans-serif;
  background-color: #204a87;
}

@media (min-width: 992px) {
  #main-content {
    min-height: 40em;
  }
}

.navbar {
  margin-bottom: 0;
}

.close {
  float: right;
  opacity: 0.2;
  font-weight: bold;
}

.carousel a:hover,
.carousel a:focus {
  background-color: transparent;
}

.wger-list-group-item {
  background-color: #f5f5f5;
}

.page-header {
  margin-top: 10px;
}

.application-name {
  text-shadow: 2px 3px 3px #292929;
  font-family: "Open Sans Bold", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 180%;
  color: #fff;
  width: 50%;
  text-align: center;
  margin-top: 0.2em;
}

/**************************************************************
 * Off Canvas menu
 *
 * http://getbootstrap.com/examples/offcanvas/
 **************************************************************/
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

#main-template {
  overflow-x: hidden;
}

.sidebar-offcanvas #main-navbar-navigation {
  border-color: transparent;
  margin-left: -27px;
}

.row-offcanvas #nav {
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  background-color: #e7e7e7;
  padding-left: 1em;
  margin-left: -15px;
  border-right: 1px solid #888a85;
  border-bottom: 1px solid #888a85;
  width: 100%;
  z-index: 99;
}

@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 70%;
  }

  .row-offcanvas-right .sidebar-offcanvas {
    right: -70%;
  }

  .row-offcanvas-left .sidebar-offcanvas {
    left: -70%;
  }

  .row-offcanvas-right.active {
    right: 70%;
  }

  .row-offcanvas-left.active {
    left: 70%;
  }

  /* Increase left padding */
  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 35px;
  }
}

/**************************************************************
 * Alerts
 **************************************************************/

.label,
.badge {
  font-weight: normal;
}

/*
 * Make the 'close' button on alerts more prominent
 */
.alert .close {
  opacity: 0.8;
  text-decoration: none;
}

/**************************************************************
 * Buttons
 **************************************************************/
.btn {
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-default {
  color: #333;
  background-color: #eeeeec;
  border-color: #ccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: black;
  background-color: #babdb6;
  border-color: #888a85;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #babdb6;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #babdb6;
}

/**************************************************************
 * Headers in sidebar
 **************************************************************/
#main-sidebar h4,
#main-sidebar .h4,
#main-sidebar h5,
#main-sidebar .h5,
#main-sidebar h6,
#main-sidebar .h6 {
  margin-top: 0;
}

/**************************************************************
 * Fix issue with body shifting
 *
 * Opening modal dialogs shifted the whole body by 15px to the left.
 * While this appears to be https://github.com/twbs/bootstrap/issues/9855
 * it doesn't seem to be fixed here. When it does, these fixes can be removed
 **************************************************************/
body.modal-open {
  padding-right: 0 !important;
}

/*
body.modal {
    overflow-y: hidden;
}
*/
