/* Profile with the "Dados" and "Escola" tabs. Plain CSS that works in Internet Explorer 10; panes are shown by class. */
.profile { padding: 16px; max-width: 720px; }
.profile .profile-title { margin-bottom: 12px; }
.profile .profile-pane { display: none; padding-top: 16px; }
.profile .profile-pane.is-shown { display: block; }
.profile .profile-facts dt { font-weight: 500; }
.profile .profile-facts dd { margin-bottom: 8px; }
.profile .school-group { margin-bottom: 16px; }
.profile .school-group-name { margin: 0 0 4px; font-size: 12px; text-transform: uppercase; }
.profile .school-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid rgba(128, 128, 128, 0.25); }
.profile .school-item-name { -ms-flex: 1 1 0%; flex: 1 1 0%; min-width: 0; word-wrap: break-word; padding-right: 12px; }
.profile .school-current { white-space: nowrap; }

@media (max-width: 575.98px) {
  .profile { padding: 12px; }
  .profile .school-item { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .profile .school-item .btn { width: 100%; margin-top: 8px; }
}