//
// This file is part of Moodle - http://moodle.org/
//
// Moodle is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// Moodle 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 General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
//
//
// Adaptable User styles style sheet
//
// @package    theme_adaptable
// @copyright  2019 G J Barnard - {@link http://moodle.org/user/profile.php?id=442195}
// @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
//

// Added to style the grid of letters etc on participants page.
.userlist .initialbar {
    margin-bottom: 10px;
    .letter {
        border: 0;
        height: 1.8em;
        min-width: 1.8em;
        &.active {
            line-height: 2em;
        }
        &:hover {
            color: #fff !important;
        }
    }
}

#profilepic img,
.userpicture {
    background-color: #fff;
    border-radius: 50%;
    display: inline;
    margin: 0 4px 0 0;
}

#page-user-profile,
.path-user {
    .node_category li {
        margin-bottom: 5px;
    }
}

#page-user-profile .node_category li.aduseropt {
    margin: 0;
    dl {
        margin-bottom: 0;
    }
}

#person img {
    border: 6px solid #fff;
    display: block;
    margin: 0 auto;
    max-width: 130px;
}

.persontitle {
    padding-top: 40px;
}

.personpic {
    text-align: center;
}

.user-enroller-panel {
    z-index: 2;
}

#adaptable_profile_tree .ucol1 {
    .node_category.contact {
        margin-top: 3.5em; // Magic number to line up with tabs.
    }
    .adaptableuserpicture {
        padding-bottom: 30px;
        position: relative;
        a {
            left: 0;
            position: absolute;
            right: 0;
            top: -60px;
            img.userpicture {
                margin-right: 0;
            }
        }
    }
}

.path-user #adaptable_profile_tree .node_category .editprofile {
    text-align: left;
}

#adaptable_profile_tree .ucol1 .adaptableuserpicture a,
.path-user #adaptable_profile_tree .ucol1 .node_category .editprofile,
#adaptable_profile_tree .ucol1 .contentnode {
    text-align: center;
}

#adaptable_profile_tree .ucol1 {
    .firstname,
    .fullname,
    .lastname {
        font-weight: bold;
    }
}

#adaptable_profile_tree .ucol1 {
    .firstname,
    .fullname {
        font-size: 150%;
    }
    .lastname {
        font-size: 140%;
    }
}

.adaptablemyeditprofile {
    .col-md-3,
    .col-md-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-md-3 {
        span.float-sm-right {
            float: none !important;
        }

        label.col-form-label.d-inline {
            float: left !important;
        }

        .text-info,
        label.col-form-label.d-inline {
            margin: 0;
        }

        .btn {
            height: 26px;
        }
    }

    .fp-restrictions {
        text-align: left;
    }
}
