/*
    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: 0px;
}

.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: -30px;
}

.row-offcanvas #nav {
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    background-color: #eeeeec;
    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 .25s ease-out;
           -moz-transition: all .25s ease-out;
                transition: all .25s ease-out;
    }

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

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

    .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%;
    }

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


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

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


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

/**************************************************************
 * Buttons
 **************************************************************/
.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: 0px;
}


 /**************************************************************
 * 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;
}
*/