/* Webfonts */
@font-face {
  font-family: 'bebas_neueregular';
  src: url('fonts/BebasNeue-webfont.eot');
  src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/BebasNeue-webfont.woff') format('woff'),
       url('fonts/BebasNeue-webfont.ttf') format('truetype'),
       url('fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontAwesomeLight';
  src: url('fonts/fa-light-300.eot?v=4.7.0');
  src: url('fonts/fa-light-300.eot?#iefix&v=4.7.0') format('embedded-opentype'),
       url('fonts/fa-light-300.woff2?v=4.7.0') format('woff2'),
       url('fonts/fa-light-300.woff?v=4.7.0') format('woff'),
       url('fonts/fa-light-300t.ttf?v=4.7.0') format('truetype'),
       url('fonts/fa-light-300.svg?v=4.7.0#fontawesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: Arial,Helvetica,Verdana,sans-serif;
  font-size: 12px;
}
#add-first-entity:focus,
#folder-add-content-links .folder-add-content-link a.focus,
#folder-add-content-links .folder-add-content-link a:focus,
#load-previous-messages:focus,
.block-local_tasks_block ul a.focus,
.block-local_tasks_block ul a:focus,
.btn.focus, .btn:focus,
.comment-comment-forum-form .focus.form-submit,
.comment-comment-forum-form .form-submit:focus,
.focus#add-first-entity, .focus#load-previous-messages,
.focus.tabledrag-toggle-weight,
.folder-menu-wrapper #tft-back-link:focus,
.folder-menu-wrapper .focus#tft-back-link,
.tabledrag-toggle-weight:focus,
.ui-dialog-buttonset .focus.form-submit,
.ui-dialog-buttonset .form-submit:focus,
.view-opigno-calendar .content-box__info #today:focus,
.view-opigno-calendar .content-box__info .focus#today,
form #edit-actions-delete:focus, form #edit-cancel:focus,
form #edit-delete:focus, form #edit-unpublish:focus,
form .focus#edit-actions-delete, form .focus#edit-cancel,
form .focus#edit-delete, form .focus#edit-unpublish,
form .focus.form-submit, form .form-submit:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn.focus, .btn:focus, .btn:hover {
  color: var(--desktop-button-color-hover-primary);
}
#edit-submit:focus, #edit-submit:hover {
  background-color: var(--desktop-button-color-hover-primary);
}
#edit-submit,
#add-first-entity:hover,
#folder-add-content-links .folder-add-content-link a:hover,
#load-previous-messages:hover, .btn-rounded:hover,
.comment-comment-forum-form .form-submit:hover,
.folder-menu-wrapper #tft-back-link:hover,
.tabledrag-toggle-weight:hover,
.ui-dialog-buttonset .form-submit:hover,
.view-opigno-calendar .content-box__info #today:hover,
form #edit-actions-delete:hover,
form #edit-cancel:hover,
form #edit-delete:hover,
form #edit-unpublish:hover,
form .form-submit:hover,
#catalog-filter-parent .btn-reset-filter:hover,
.view-post-sharing-badges .btn-reset-filter:hover,
.view-post-sharing-trainings .btn-reset-filter:hover,
.view-private-message .btn-reset-filter:hover,
.view-user-invitations .btn-reset-filter:hover {
  color: #fff;
}
.icon_state_passed .fi {
  background: #abeae4;
}
.login-container .block-sitebranding {
  width: auto;
}
.login-container .left-col::before {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),to(hsla(0,0%,100%,0)));
  background: -o-linear-gradient(#fff 20%,hsla(0,0%,100%,0));
  background: linear-gradient(#fff 20%,hsla(0,0%,100%,0));
}
.step-list-aside .active a,
.step-list-aside .active span,
.step-list-aside a:hover {
  background-color: #d5d5d5;
}
.content-box.lp_progress_wrapper,
body.page-group-3-module-1-answer-1 .content-box.opigno_activity__wrapper #edit-submit,
body.page-group-5-module-7-answer-7 .content-box.opigno_activity__wrapper #edit-submit,
.h5p-interactive-book-status .h5p-interactive-book-status-fullscreen {
  display: none;
}
.h5p-interactive-book-navigation-maintitle .navigation-title {
  margin-top: 7px;
}
.toolbar .toolbar-bar {
  background-color: #222;
}
#block-iww-aristotle-tabs {
  margin-bottom: .625rem;
}
#block-iww-aristotle-tabs > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
#block-iww-aristotle-tabs > ul li {
  margin-right: .625rem;
  margin-bottom: .625rem;
}
#block-iww-aristotle-tabs > ul a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f5f5f5;
  border-radius: .625rem;
  color: #2f3758;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 7.5rem;
  padding: .625rem .9375rem;
  text-decoration: none;
  -webkit-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}
#block-iww-aristotle-tabs > ul a.is-active,
#block-iww-aristotle-tabs > ul a:hover {
  background: #d5d5d5;
}
#block-iww-aristotle-backlinkblock {
  position: absolute;
  left: 4px;
  top: 20px;
}
.back-btn {
  position: static;
  left: auto;
  top: auto;
}

/* Header */
header.page-header {
  height: 96px;
}
.region-main-menu {
  line-height: 1.2;
}
#site-name {
  margin-bottom: 0;
  font-family: "bebas_neueregular";
  font-size: 28px;
  font-weight: normal;
}
#site-name a {
  color: #fff;
}
#site-name a:hover,
#site-name a:focus {
  text-decoration: none;
}
.block-system-branding-block {
  margin-right: 24px;
}
header.page-header ul.main-menu li,
header.page-header .block-profile__link {
  list-style: none;
  font-family: "bebas_neueregular";
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
}
header.page-header ul.main-menu li a:hover,
header.page-header ul.main-menu li a:focus {
  border-bottom: 5px solid #fff;
  color: #fff;
}
.profile-pic img {
  background-color: #fff;
}
.main-menu__item:first-of-type {
  padding-left: 0;
}
.block-notifications__item--messages,
.user-menu-item {
  display: none;
}
.user-menu-item.logout {
  display: list-item;
}

/* Footer */
.page-footer {
  background-color: #222;
  color: #fff;
}
.page-footer a {
  color: #fff;
}

/* New front page */
.box {
  display: inline-block;
  width: 20%;
  margin: 0 2% 3% 0;
  border: 1px solid #5a5a5a;
  border-radius: 12px;
  padding: 2%;
  text-align: center;
  line-height: 1.1em;
  color: #5a5a5a;
}
.box:hover,
.box:focus {
  background-color: #eee;
  border-color: var(--desktop-link);
}
.box a {
  color: #5a5a5a;
}
.box:hover a,
.box:hover a,
.box a:hover,
.box a:focus {
  color: var(--desktop-link);
  text-decoration: none;
}
.box div {
  font-family: 'bebas_neueregular';
  font-size: 28px;
  line-height: 1.3em;
}
.box div.icon {
  font-family: 'FontAwesomeLight';
  font-size: 104px;
}
.box div.brand {
  font-family: 'FontAwesomeBrands';
  font-size: 104px;
}

@media (max-width: 767.98px) {
  .box {
    width: 46%;
    margin-left: 1%;
    margin-right: 1%;
  }
}

@media (max-width: 1399.98px) {
  .profile-name {
    display: none;
  }
}

@media (min-width: 768px) {
  .login-container .block-sitebranding {
    margin-top: 20%;
  }
}

@media (min-width: 992px) {
  header.page-header {
    height: 75px;
    padding: 8px 0 0;
  }
  header.page-header .row.align-items-center {
    align-items: flex-start !important;
  }
  header.page-header .col-left {
    align-items: flex-start;
  }
  header.page-header .col-right {
    margin-top: 4px;
  }
  #block-iww-aristotle-backlinkblock {
    left: 110px;
    top: 8px;
  }
}