/* #922 CI design */
body {
  font-family: 'Calibri', sans-serif !important;
}
.block-social-footer-powered-by-block [block=block-socialblue-footer-powered] img {
  max-height: 150px !important;
}

/* #836 hide Alumni links in menu for campus managers */
.tm-user-role-campus-manager .navbar.tm-alumni-members {
  display: none;
}

/* #824 fix mobile menu */
.socialblue--sky .navbar-default .container--navbar {
  background-color: var(--tm-color-primary);
}

/* #821 Stop badge in group card from growing when adding another element into the flexbox */
.socialblue--sky .group--tm-training.card.teaser .badge.teaser__badge.badge-default {
  align-self: center;
}

/* #817 show language in label of welcome msg config page */
.config-translation-edit-form .form-item__label > span,
.config-translation-add-form .form-item__label > span {
  display: block !important;
  position: relative !important;
  overflow: unset;
  clip: unset;
  width: unset;
  height: auto;
}

/* #787 fix event enrollment button */
#enroll-action-form #enroll-wrapper,
#event-an-enroll-action-form #enroll-wrapper {
  margin: 0 !important;
}

/* #788 fix webform composite elements add/remove buttons */
.webform-multiple-table--operations.webform-multiple-table--operations-two .image-button:first-of-type {
  display: none;
}
.webform-multiple-table--operations.webform-multiple-table--operations-two .image-button:last-of-type {
  padding: 0;
  border: 0;
  background: transparent;
}
.webform-multiple-table--operations.webform-multiple-table--operations-two .image-button:last-of-type::after {
  font-family: "Font Awesome 5 Free";
  content: "\f057";
  font-size: 1.5em;
}

/* #785 hide column in final questionnaire */
[data-drupal-selector="edit-contract-details-items"] th:nth-child(3),
[data-drupal-selector="edit-contract-details-items"] td:nth-child(3) {
  display: none;
}

/* improvements for event display #549 */
.page-node-type-event .region--content .card__body .field--label {
  display: block;
  font-weight: bold;
  margin-top: 1em;
}

/* general improvement in table highlighting */
.card__block--table table tbody tr:nth-of-type(odd):hover {
  background-color: #e7e7e7;
}

.card__block--table table tbody tr:nth-of-type(even):hover {
  background-color: #f9f9f9;
}

/* Mark realized B2b contacts #565 and */
.card__block--table table tbody tr:nth-of-type(odd).b2b-status-756 {
  background-color: #dff0d8;
}

.card__block--table table tbody tr:nth-of-type(odd).b2b-status-756:hover {
  background-color: #d4e4cd;
}

.card__block--table table tbody tr:nth-of-type(even).b2b-status-756 {
  background-color: #d6e9c6;
}

.card__block--table table tbody tr:nth-of-type(even).b2b-status-756:hover {
  background-color: #cbddbc;
}

/* Hide unused roles in user form #555 */
.form-item-roles-sitemanager,
.form-item-roles-contentmanager {
  display: none !important;
}

/* Hide hidden webform elements everywhere */
.webform-element-type-hidden {
  display: none;
}

/* Hide labels in some views */
.tm-nolabels .field--label,
.tm-nolabels .ruler-sm {
  display: none;
}

/* Awkward fix for newlines in task info block #480 */
#block-socialtaskassignmenttaskinfoblock time {
  white-space: break-spaces;
}

/* Fix for navbar height extending */
.navbar.navbar-default.navbar-fixed-top {
  height: 50px;
}

/* Fix for shrinking icons in taskinfo block #418 */
#block-socialtaskassignmenttaskinfoblock .icon-medium {
  min-width: 24px;
}

/* Special view/report styles */
.tm-task-list ul {
  margin: 0 1em;
  counter-reset: section;
  list-style-type: none;
}

.tm-task-list li::before {
  counter-increment: section;
  float: left;
  text-align: right;
  width: 30px;
  margin-right: 0.5em;
  font-weight: bold;
}

.tm-task-list.tm-data-collection li::before {
  content: "D" counter(section);
}

.tm-task-list.tm-tracer-study li::before {
  content: "Tr" counter(section);
}

.tm-task-list.tm-evaluation li::before {
  content: "E" counter(section);
}

.tm-task-list.tm-task-assignment li::before {
  content: "T" counter(section);
}

.tm-task-list .views-field-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Format B2B contact address fieldset #508 */
.b2b-company-address-fieldset legend {
  font-size: 0.875rem;
  padding: 0;
  color: var(--tm-color-text);
}

.b2b-company-address-fieldset .card__block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.b2b-company-address-fieldset .card__block > div {
  margin: 0;
}

.b2b-company-address-fieldset .card__block > div:first-of-type {
  min-width: 100%;
}

.b2b-company-address-fieldset .card__block .form-number {
  min-width: 100px;
  max-width: 100px;
}

.b2b-company-address-fieldset .card__block .field--name-field-city {
  min-width: calc(100% - 120px);
  max-width: calc(100% - 120px);
}

/* Hide auto enrol #400 */
#edit-social-event-auto-enroll {
  display: none;
}

/* Hide some tabs from training managers / campus managers */
.tm-user-role-campus-manager .tm-local-task-view-b2b_contacts-page_b2b_contacts,
.tm-user-role-campus-manager .tm-local-task-entity-webform_submission-user,
.tm-user-role-training-manager .tm-local-task-view-b2b_contacts-page_b2b_contacts,
.tm-user-role-training-manager .tm-local-task-entity-webform_submission-user {
  display: none;
}

/* Hide field labels in private messages */
.private-message-wrapper.field--item .field--label {
  display: none;
}

/* Hide hidden fields on webform */
body:not(.tm-user-role-administrator) .webform-element-type-hidden {
  display: none;
}

/* Replace logo with home icon in navbar, and format Dashboard link. */
#block-socialblue-sitebranding,
#block-dashboardnavlinkforparticipants {
  padding: 0 0.75em;
}

#block-socialblue-sitebranding:hover,
#block-dashboardnavlinkforparticipants:hover {
  background-color: #043f66;
}
#block-socialblue-sitebranding > a > span.home-icon:before,
#block-dashboardnavlinkforparticipants a {
  content: "\f015";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  height: 100%;
  padding-top: 0.5em;
  -webkit-font-smoothing: antialiased;
  color: white;
  font-size: 1.15rem;
  display: block;
}

#block-socialblue-sitebranding > a > span.home-icon:before {
  padding-block-start: 0;
}

/* Fix button hover for non-group pages */
.socialblue--sky .card__actionbar .btn:hover,
.socialblue--sky .card__actionbar .btn:active,
.socialblue--sky .card__actionbar .btn:focus,
.btn-flat:hover,
.btn-flat:active,
.btn-flat:focus {
  background-color: var(--tm-color-primary) !important;
  border-color: var(--tm-color-primary) !important;
  color: white !important;
}

/* Hide alerts within fields #442 */
.tab-content .alert-dismissible {
  display: none;
}

.tab-content .form-managed-file > span {
  flex-flow: column;
}

/* Hide add button #442 */
#block-socialblue-accountheaderblock .navbar-nav > .dropdown:not(.desktop):not(.profile) {
  display: none;
}

/* Hide buttons in profile statistics #442 */
#block-socialblue-profile-statistic-block .hero-footer__cta,
#block-socialblue-profile-statistic-block .card__actionbar {
  display: none;
}

/* Fix video embed in inbox #380 */
.video-embed-field-responsive-video {
  height: 480px;
}

/* Smaller tags in teasers #184 */
.socialblue--sky .teaser__content .teaser__tag {
  text-transform: none;
  color: unset;
  font-weight: normal;
}

.socialblue--sky .teaser__content .teaser__tag a {
  font-weight: normal;
}

.socialblue--sky .tm-shared-library-related-group.teaser__tag {
  margin-right: 20px;
}

/* Navbar responsiveness */
#block-views-block-alumni-network-menu-link-block-1 div,
#block-views-block-alumni-network-menu-link-block-2 div,
#block-views-block-alumni-network-menu-link-block-1 ul,
#block-views-block-alumni-network-menu-link-block-2 ul,
#block-fbzmanavmenu ul {
  padding: 0 !important;
}

@media (max-width: 700px) {

  #block-fbzmanavmenu,
  #block-views-block-alumni-network-menu-link-block-1,
  #block-views-block-alumni-network-menu-link-block-2 {
    display: none !important;
  }
}

/* Slimmer group hero headers */
.group--hero {
  background-position: center;
}

.group--hero .cover-wrap {
  justify-content: flex-start;
  min-height: 310px;
}

/* Re-style event enrollment button */
.tm-event-enroll-button-in-button {
  margin: 0 10px;
  overflow: visible !important;
}

.tm-event-enroll-button-in-button button,
.tm-event-enroll-button-in-button .btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.tm-event-enroll-button-in-button .btn.btn-accent {
  padding: 0 !important;
}

#block-socialvirtualeventbbbjoinbuttonblock button {
  font-weight: bold;
  text-transform: uppercase;
}

.tm-event-enroll-button-in-button .dropdown-menu {
  padding: 4px 15px;
  border-radius: 5px !important;
  margin-bottom: 0;
  color: #4d4d4d;
  border: 1px solid #8e8e8e;
  padding: 0;
}

.tm-event-enroll-button-in-button .dropdown-menu a {
  font-weight: bold !important;
  font-size: 1rem !important;
}

/* Hide submissions tab (#410) */
.tm-local-task-social_task_assignment-submissions {
  display: none !important;
}

/* Navbar search (#330) */
#search-content-form {
  max-height: 50px;
  order: 10;
}

#search-content-form .form--navbar-search {
  margin: 5px;
}

#search-content-form button {
  display: none;
}

#search-content-form #edit-search-input-content {
  width: 100px;
}

/* Vertical table headers (#222) */
.tm-vertical-text {
  text-align: left !important;
}

/* More elegant solution to avoid text rotation if browser does not support writing mode */
@supports (writing-mode: vertical-lr) {
  .tm-vertical-text {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
  }
}

/* Webforms (#382 #603) */
.webform-submission-form div.description {
  margin-top: 5px;
  margin-bottom: 0.75rem;
}

.webform-submission-form .help-block,
form.webform-submission-form:not(.layout-builder-configure-block) .checkbox label,
form.webform-submission-form:not(.layout-builder-configure-block) .radio label {
  font-size: 1em;
}

.webform-submission-form > fieldset.card > legend.card__title {
  font-size: 1.2em;
}

.webform-submission-form .control-label,
.webform-submission-form .webform-radios-other .card__title {
  font-size: 1em;
}

.webform-submission-form .webform-radios-other legend.card__title,
.webform-submission-form .webform-radios-other .card__block,
.webform-submission-form .webform-checkboxes-other legend.card__title,
.webform-submission-form .webform-checkboxes-other .card__block {
  padding: 0;
  border: none;
  margin-bottom: 0.5rem;
  position: initial;
  line-height: 1.5;
}

.webform-submission-form .webform-radios-other,
.webform-submission-form .webform-checkboxes-other {
  box-shadow: none;
  -webkit-box-shadow: none;
}

#edit-contacts-before-items .form-text,
#edit-contacts-b2b-items .form-text {
  cursor: not-allowed;
  pointer-events: none;
  background-color: transparent;
  font-weight: 700;
  border: none;
  text-overflow: ellipsis;
}

/* Hide some fields on edit forms (#326) */
#edit-field-event-enroll-outside-group-wrapper,
#edit-virtual-events-sources--description,
.form-item-virtual-events-sources-type,
.form-item-virtual-events-sources-virtual-event-bbb-settings-welcome,
.form-item-virtual-events-sources-virtual-event-bbb-settings-logouturl,
.form-item-virtual-events-sources-virtual-event-bbb-settings-moderator-only-message,
.form-item-virtual-events-sources-virtual-event-bbb-settings-mute-on-start,
#edit-virtual-events-sources-virtual-event-bbb header,
.node-task-form .form-type-vertical-tabs,
.node-task-edit-form .form-type-vertical-tabs,
.node-task-form #edit-group-access-permissions,
.node-task-edit-form #edit-group-access-permissions,
.node-task-form #edit-field-date-wrapper .card__block label,
.node-task-edit-form #edit-field-date-wrapper .card__block label {
  display: none !important;
}

/* Display required for task fieldset (#326) */
.node-task-form #edit-field-date-due-wrapper legend::after,
.node-task-edit-form #edit-field-date-due-wrapper legend::after {
  content: "*";
  color: #d9534f;
}

/* Hide filters for some group types (#377) */
.tm-group-alumni .form-item-event-type-id {
  display: none;
}

/* Copy guest link button (#277) */
#tm-copy-guest-link-button {
  display: none;
}

.tm-user-role-administrator #tm-copy-guest-link-button,
.tm-user-role-campus-manager #tm-copy-guest-link-button,
.tm-user-role-training-manager #tm-copy-guest-link-button {
  display: block;
}

/* hide notification alert on bigger resolutions */
@media (min-width: 600px) {
  .dropdown.has-alert.has-alert--desktop > a:before {
    display: none !important;
  }
}

/* current items for group module list */
.tm-current {
  font-weight: bold;
  color: var(--tm-color-primary);
}

/* add some bootstrap */
.d-flex {
  display: flex !important;
}

.d-block {
  display: block !important;
}

.justify-content-between {
  justify-content: space-between;
}

.nowrap {
  white-space: nowrap;
}

/* 2 column fieldsets (#300) */
.tm-2col-fieldset .card__block {
  display: grid;
  grid-template-columns: 300px 300px;
}

/* Hide vertical tabs for non-admins (#44 according to commit message, might be causing problems, remove if more problems are found) */
body:not(.tm-user-role-administrator) form:not(.profile-profile-edit-form) .form-type-vertical-tabs {
  display: none;
}

/* Hide group in visibility settings for nodes (#239) */
.node-form #visibility #edit-groups-wrapper {
  display: none;
}

/* Hide Task type (#229) */
#edit-field-task-type-wrapper {
  display: none;
}

/* Start page (#74) */
#block-socialblue-anhomepageheroblock {
  background-color: transparent !important;
}

#block-socialblue-anhomepageheroblock .hero-canvas {
  margin-top: 10%;
  margin-left: 5%;
}

/* Hide exposed filters for some blocks (#189) */
.tm-hide-filters .view-filters {
  display: none;
}

/* Make site load more consistent */
body {
  overflow: scroll !important;
}

/* Show links in message inbox (#181) */
.private-message.private-message-full .message__message-body a {
  color: var(--tm-color-primary);
  font-weight: bold;
}

.private-message.private-message-full .message__message-body a:hover {
  text-decoration: underline;
}

/* Hide hidden webform fields from results (#175) */
.webform-submission-data--webform-self-check-1 .webform-element-type-hidden,
.webform-submission-data--webform-self-check-2 .webform-element-type-hidden {
  display: none;
}

/* More visible active tabs */
.socialblue--sky .navbar-secondary .navbar-nav li a.is-active:after,
.socialblue--sky .navbar-secondary .navbar-nav li a:hover:after {
  display: none;
}

.socialblue--sky .navbar-secondary .navbar-nav li a {
  margin-top: 5px !important;
}

.socialblue--sky .navbar-secondary .navbar-nav li.active a,
.socialblue--sky .navbar-secondary .navbar-nav li a.is-active,
.socialblue--sky .navbar-secondary .navbar-nav li a:hover {
  border: none;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background-color: #f3f3f3 !important;
  color: var(--tm-color-primary) !important;
}

/* #167 Show related events in one line each */
.page-node-type-topic article .card__body > a {
  display: block;
}


/* #160 hide support link except for campus, training managers and trainers */
/* #13 hide FAQ link except for campus, training managers and trainers */
#block-socialblue-footer ul.nav > li:nth-of-type(3),
#block-socialblue-footer ul.nav > li:nth-of-type(4),
#block-socialblue-footer ul.nav > li:nth-of-type(5) {
  display: none;
}

.tm-user-role-administrator #block-socialblue-footer li:nth-of-type(3),
.tm-user-role-training-manager #block-socialblue-footer li:nth-of-type(3),
.tm-user-role-campus-manager #block-socialblue-footer li:nth-of-type(3),
.tm-user-role-trainer #block-socialblue-footer li:nth-of-type(3),
.tm-user-role-administrator #block-socialblue-footer li:nth-of-type(4),
.tm-user-role-training-manager #block-socialblue-footer li:nth-of-type(4),
.tm-user-role-campus-manager #block-socialblue-footer li:nth-of-type(4),
.tm-user-role-trainer #block-socialblue-footer li:nth-of-type(4),
.tm-user-role-administrator #block-socialblue-footer li:nth-of-type(5),
.tm-user-role-training-manager #block-socialblue-footer li:nth-of-type(5),
.tm-user-role-campus-manager #block-socialblue-footer li:nth-of-type(5),
.tm-user-role-trainer #block-socialblue-footer li:nth-of-type(5) {
  display: block;
}


/* Make bold stuff bold (disabled by opensocial inline css ever since switching to Arial) */
strong {
  font-weight: bold !important;
}

/* #126 show links in alerts */
.alert a,
.alert a:hover {
  font-weight: bold;
}

.alert a:hover {
  text-decoration: underline
}

/* #71 hide manage members link in local tabs */
.socialblue--sky .navbar-secondary .navbar-nav li a {
  padding: 5px 15px 10px 15px !important;
}

.tm-local-task-view-group_manage_members-page_group_manage_members {
  display: none !important;
}

.tm_hide_secondary_navigation .region--secondary-navigation {
  display: none !important;
}

/* #76 fix problem with new svg logo */
.navbar-brand > img {
  height: 100%;
}


/* Shared Library */

/* #59 badges for shared library */
.tm-shared-library-related-group {
  position: absolute;
  top: 20px;
  right: 0px;
  max-width: calc(100% - 150px);
}

/* Hide relations in manager training group */
.tm-shared-library.tm-manager-training .tm-shared-library-related-group {
  display: none;
}

/* Width of tags for shared library and search */
/* .tm-shared-library:not(.tm-manager-training) .teaser__tag, .view-search-content.view-id-search_content .teaser__tag,
.view-search-all.view-id-search_all .teaser__tag {
  max-width: 48% !important;
} */
/* Hide related group field (field is made visible by JS if needed) */
.field--name-field-related-group {
  display: none;
}

/* Hide programme examination for all groups except fbz */
.group_tm_campus .field--name-field-topic-type .fieldset-wrapper .form-item:last-of-type,
.group_tm_training .field--name-field-topic-type .fieldset-wrapper .form-item:last-of-type,
.group_tm_wg .field--name-field-topic-type .fieldset-wrapper .form-item:last-of-type {
  display: none;
}


/* #167 Make teaser tags unclickable */
.teaser__tag:not(.tm-shared-library-related-group) a {
  pointer-events: none;
}


/* #57 hide some local tasks because we have buttons for them */
.tm-local-task-view-group_topics-page_2,
.tm-local-task-view-group_manage_members-page_1 {
  display: none !important;
}

/* #53 show X for close in data policy modal */
.page-node-type-event .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
  background-image: url(../images/icon-close.svg);
  margin-top: -15px;
}

/* #27 icons in group hero */
.tm-group-hero-edit-icon {
  font-size: 1.375em;
  line-height: 1.375em;
  width: 24px;
}

/* #17 print out group programme */
.tm-print-only {
  display: none;
}

@media print {
  .tm-print-only {
    display: block;
  }
}

/* #7 Logo */
.navbar-brand img {
  padding: 8px;
}

/* #6 stop teaser body from overflowing parent */
.teaser__body {
  min-width: 0;
}

/* #6 Add group type selection */
#edit-group-type--wrapper .fieldset-wrapper {
  display: flex;
  flex-direction: column-reverse;
}

/* #6 Add node type selection */
#block-socialblue-accountheaderblock li:first-of-type li:nth-child(1),
#block-socialblue-accountheaderblock li:first-of-type li:nth-child(2),
#block-socialblue-accountheaderblock li:first-of-type li:nth-child(3),
#block-socialblue-accountheaderblock li:first-of-type li:nth-child(4) {
  display: none !important;
}

/* #6 Remove access permissions in group hero */
.group.group--hero.cover.hero__group .page-title span {
  display: none !important;
}

/* #6 Remove access permissions from forum posts */
.card--stream .post-date {
  visibility: hidden;
}

.card--stream .post-date a {
  visibility: initial;
}

/* #6 Hide group access permissions */
.group-tm-fbz-edit-form #edit-group-access-permissions,
.group-tm-fbz-add-form #edit-group-access-permissions,
.group-tm-training-edit-form #edit-group-access-permissions,
.group-tm-training-add-form #edit-group-access-permissions,
.group-tm-wg-edit-form #edit-group-access-permissions,
.group-tm-wg-add-form #edit-group-access-permissions {
  display: none;
}

/* #5 Buttons in complementary top, #2 theme add task button similar to other buttons */
.tm-button-in-complementary-top,
#block-groupaddtaskblock {
  padding: 20px 2.25rem;
}

.tm-button-in-complementary-top .btn {
  width: 100%;
}

/* #3 Rights in groups */
.group-tm-training-add-form .form-item-field-flexible-group-visibility,
.group-tm-fbz-add-form .form-item-field-flexible-group-visibility,
.group-tm-wg-add-form .form-item-field-flexible-group-visibility,
.group-tm-training-add-form .form-item-field-group-allowed-visibility-community,
.group-tm-fbz-add-form .form-item-field-group-allowed-visibility-community,
.group-tm-wg-add-form .form-item-field-group-allowed-visibility-community {
  display: none !important;
}

.group-tm-training-add-form #edit-field-flexible-group-visibility--wrapper .fieldset-wrapper div:last-of-type,
.group-tm-fbz-add-form #edit-field-flexible-group-visibility--wrapper .fieldset-wrapper div:last-of-type,
.group-tm-wg-add-form #edit-field-flexible-group-visibility--wrapper .fieldset-wrapper div:last-of-type {
  display: block !important;
}

/* #1 Design improvements */
.field--type-string .form-text {
  width: 100% !important;
  max-width: 100% !important;
}

.socialblue--sky .navbar-secondary .navbar-nav li a.is-active:after {
  background: white !important;
}

.view-group-views .views-exposed-form {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: end;
}

.view-group-views .views-exposed-form::before,
.view-group-views .views-exposed-form::after {
  content: unset;
  display: unset;
}

.view-group-views .views-exposed-form > * {
  margin: 0;
}

.view-group-views .views-exposed-form > .form-actions {
  display: block;
}

.view-group-views .views-exposed-form .btn {
  margin: 0;
  height: 38px;
  background-color: var(--tm-color-primary);
  color: #fff;
  border-color: var(--tm-color-primary);
}

.views-table tr {
  background-color: #fff;
}

.path-views-table .main-container .container {
  max-width: 1830px;
}

/* Make b2b contact form nicer */
fieldset.card legend.card__title {
  padding: 0.75rem;
  color: #555555;
  font-size: 1rem;
}
h3.accordion-item {
  border: 1px solid #aaaaaa !important;
  background: #eeeeee !important;
  color: #ffffff !important;
}
.field--label-inline .field--label {
  font-weight: 700 !important;
}

/* #899 hide error message in data policy form */
.path-policy-agreement .region--content > .alert-dismissible {
  display: none;
}

/* #931 Hide register-trainers link for non-campus managers */
body:not(.tm-user-role-campus-manager) #register-trainers-link {
  display: none;
}