/* www/local/staedion/private/layout/scss/styles.scss */
.edit-canvas [data-page-node]:hover {
  background-color: var(--primary-color) !important;
}
.homePageLayout * {
  box-sizing: border-box;
}
.homePageLayout h3,
.homePageLayout h4 {
  color: #FFF;
}
.homePageLayout .topImage img {
  max-width: 100%;
  height: auto;
}
.homePageLayout .topImage p {
  margin-bottom: 0;
}
.homePageLayout .bordered {
  color: #fff;
  background: var(--primary-color);
  height: 100%;
  padding: 20px;
}
.homePageLayout .bordered p:last-of-type {
  margin-bottom: 0;
}
.homePageLayout .bordered a {
  color: #fff;
}
.homePageLayout .bordered a:hover {
  text-decoration: underline;
}
.homePageLayout .row {
  margin-bottom: 20px;
}
.homePageLayout .brand-image p {
  margin-bottom: 0;
}
.homePageLayout .brand-image img {
  max-width: 100%;
  height: auto;
}
@font-face {
  font-family: "F37BoltonBold";
  src: url(/skin/layout/fonts/F37Bolton-Bold.otf);
  font-weight: 400;
  font-weight: bold;
}
@font-face {
  font-family: "TheSans";
  src: url(/skin/layout/fonts/TheSans-Plain.otf);
  font-weight: 400;
  font-weight: normal;
}
@font-face {
  font-family: "TheSans";
  src: url(/skin/layout/fonts/TheSans-B7Bold.otf);
  font-weight: 400;
  font-weight: bold;
}
body {
  font-family: "Signika Negative", sans-serif;
}
img.background-image {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
footer#site-footer,
.header-container.header-profile {
  background-color: var(--menu-grey);
  color: #ffffff;
}
footer#site-footer a,
footer#site-footer .btn-link,
footer#site-footer .btn,
footer#site-footer #header-profile-menu.sf-menu a.sf-with-ul,
footer#site-footer #header-language-menu a,
.header-container.header-profile a,
.header-container.header-profile .btn-link,
.header-container.header-profile .btn,
.header-container.header-profile #header-profile-menu.sf-menu a.sf-with-ul,
.header-container.header-profile #header-language-menu a {
  color: #ffffff;
}
footer#site-footer .nav-has-children a.sf-with-ul,
.header-container.header-profile .nav-has-children a.sf-with-ul {
  color: var(--text-color) !important;
}
#header-profile-menu.sf-menu > li.app-logout > a {
  color: #FFF !important;
}
.asset-filter-title {
  font-weight: 600 !important;
}
.asset_detail_view.detail label {
  font-weight: 600 !important;
}
.asset_detail_view .asset-title {
  word-break: break-all !important;
}
#header-navigation-menu.sf-menu a {
  font-size: 1.25rem !important;
}
.buttons .form-row,
.buttons .row {
  display: inline-block;
  margin-top: 2em;
  background-color: transparent;
}
.login .login-direction,
.login .login-section {
  background: transparent !important;
}
.login .login-direction .outclapped,
.login .login-section .outclapped {
  background: #F5F5F0 !important;
}
.login .login-direction p,
.login .login-section p {
  font-family: "TheSans", sans-serif !important;
}
.login .login-direction .btn.btn-secondary,
.login .login-section .btn.btn-secondary {
  background-color: #051946 !important;
  font-family: "TheSans", sans-serif !important;
  font-size: 1.375em !important;
}
.login .login-direction .btn.btn-secondary span,
.login .login-section .btn.btn-secondary span {
  font-weight: bold;
}
.login .login-direction .mb-4,
.login .login-section .mb-4 {
  margin-bottom: 1rem !important;
}
.login .login-direction .mb-4 a,
.login .login-direction .mb-4 .btn,
.login .login-direction .mb-4 .explanation,
.login .login-section .mb-4 a,
.login .login-section .mb-4 .btn,
.login .login-section .mb-4 .explanation {
  font-family: "TheSans", sans-serif !important;
  color: #051946 !important;
  font-size: 1.375em !important;
}
.login .login-direction .mb-4 .sso-account,
.login .login-direction .mb-4 .simple-login,
.login .login-section .mb-4 .sso-account,
.login .login-section .mb-4 .simple-login {
  color: #FFF !important;
}
.login .login-direction .mb-4 .create-account,
.login .login-section .mb-4 .create-account {
  margin: 1em 0;
}
.login .login-direction .btn-link,
.login .login-section .btn-link {
  color: #051946 !important;
}
.login .login-direction .btn-link span,
.login .login-section .btn-link span {
  font-weight: bold;
}
.login-section header h3 {
  margin-top: 0.5em;
  color: #051946 !important;
  font-family: "F37 Bolton", sans-serif !important;
  font-size: 6.25em;
}
.login-section header h4 {
  color: #051946 !important;
  font-family: "F37 Bolton", sans-serif !important;
  font-size: 3.75em;
  margin-bottom: 1em;
}
.templategroup_view .left-column .row_thumbnail img {
  border: 1px solid gray !important;
}
.btn-warning,
.btn.multipreview,
.btn.copy-button,
.btn.return-button {
  background-color: var(--primary-color) !important;
  color: white !important;
}