/* www/local/stichd/private/layout/scss/styles.scss */
@font-face {
  font-family: "Graebenbach";
  src: url(/skin/layout/fonts/Graebenbach-Regular.otf), url(/skin/layout/fonts/Graebenbach-Regular.eot?#iefix) format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Graebenbach";
  src: url(/skin/layout/fonts/Graebenbach-Medium.otf), url(/skin/layout/fonts/Graebenbach-Medium.eot?#iefix) format("embedded-opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Graebenbach";
  src: url(/skin/layout/fonts/Graebenbach-Bold.otf), url(/skin/layout/fonts/Graebenbach-Bold.eot?#iefix) format("embedded-opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Graebenbach";
  src: url(/skin/layout/fonts/Graebenbach-Bold.otf), url(/skin/layout/fonts/Graebenbach-Bold.eot?#iefix) format("embedded-opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Graebenbach";
  src: url(/skin/layout/fonts/Graebenbach-Bold.otf), url(/skin/layout/fonts/Graebenbach-Bold.eot?#iefix) format("embedded-opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Graebenbach";
  src: url(/skin/layout/fonts/Graebenbach-RegularItalic.otf), url(/skin/layout/fonts/Graebenbach-RegularItalic.eot?#iefix) format("embedded-opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Graebenbach";
  src: url(/skin/layout/fonts/Graebenbach-MediumItalic.otf), url(/skin/layout/fonts/Graebenbach-MediumItalic.eot?#iefix) format("embedded-opentype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Graebenbach";
  src: url(/skin/layout/fonts/Graebenbach-BoldItalic.otf), url(/skin/layout/fonts/Graebenbach-BoldItalic.eot?#iefix) format("embedded-opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Graebenbach";
  src: url(/skin/layout/fonts/Graebenbach-BoldItalic.otf), url(/skin/layout/fonts/Graebenbach-BoldItalic.eot?#iefix) format("embedded-opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Graebenbach";
  src: url(/skin/layout/fonts/Graebenbach-BoldItalic.otf), url(/skin/layout/fonts/Graebenbach-BoldItalic.eot?#iefix) format("embedded-opentype");
  font-weight: 900;
  font-style: italic;
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Graebenbach" !important;
}
header.row.header-container.header-navigation {
  height: auto;
  padding: 14px 0 12px;
}
#header-navigation-menu.sf-menu > li {
  border-bottom: none;
}
.sf-menu ul {
  top: 129%;
}
.styled-input,
.chosen-container.chosen-container-multi,
table.ui-jqgrid-htable thead tr.ui-search-toolbar input,
table.tablesorter thead tr.ui-search-toolbar input,
input[type=text],
textarea,
input[type=password],
input[type=search],
input[type=number] {
  border-bottom: var(--default-border);
}
.chosen-container.chosen-container-multi .chosen-choices li.search-field input.default {
  color: var(--text-color) !important;
}
.header-button-wrapper .dropdown-toggle {
  background: var(--background-color) !important;
  border: var(--default-border) !important;
  color: var(--text-color);
  border-radius: 100vw;
}
.header-button-wrapper .btn.header-action {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn.btn-secondary,
.btn.btn-light,
.ui-dialog:not(.assetBrowserDialogContainer) .buttons .btn {
  background: var(--background-color) !important;
  border: var(--default-border);
  color: var(--text-color);
  border-radius: 100vw;
}
.header-right-container .header-button-wrapper .bootstrap-select:after {
  color: var(--text-color) !important;
  right: 19px;
}
.asset-thumb-container-wrapper .asset_thumb_container {
  border: var(--default-border);
  box-shadow: none !important;
}
.asset-thumb-container-wrapper .asset_thumb_container.selected {
  box-shadow: 0 4px 2px 0 rgba(var(--primary-color), 0.5) !important;
}
.edit-canvas .topHome {
  color: black !important;
}
.edit-canvas .topHome h3 {
  color: black !important;
}
.edit-canvas .topHome .topHomeImage,
.edit-canvas .topHome .topHomeTitle,
.edit-canvas .topHome .topHomeLink {
  position: relative;
  z-index: 1;
}
.asset-thumb-container-wrapper .asset_thumb_container.custom .image-center {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%239f9f9f' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
}
.asset-selections-wrapper .selection-button:after {
  background: none !important;
  border: var(--default-border);
}
.ui-tabs-nav:not(.asset-tabs) .ui-tabs-tab a,
ul.tabs-component-tabs li.tabs-component-tab {
  border: var(--default-border) !important;
  border-bottom-color: transparent !important;
  background: var(--background-color) !important;
  color: var(--text-color) !important;
}
ul.tabs-component-tabs li.tabs-component-tab {
  margin-bottom: 0 !important;
}
ul.tabs-component-tabs li.tabs-component-tab.is-active {
  margin-bottom: -1px !important;
}
.form-control {
  color: var(--text-color);
}
.image-details.asset_thumb {
  border: var(--default-border);
}
.asset-sorter .right-icons .favorite-assets:after,
.asset-sorter .right-icons .shopping-cart:after {
  border: var(--default-border);
  background: var(--background-color);
  color: var(--primary-color);
}
.chosen-container.chosen-container-multi .chosen-choices li.search-choice {
  background: var(--primary-color);
  color: var(--primary-color-contrast);
}
.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  color: var(--primary-color-contrast);
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  background: var(--background-color);
  border: var(--default-border);
}
#asset-selection-canvas {
  background-color: var(--background-color) !important;
}
#asset-selection-canvas #asset-selection-1001 .asset-thumb-container-wrapper .asset_thumb_container.custom {
  width: 45%;
  overflow: hidden;
  position: relative;
  margin-right: 21px;
}
#header-navigation-menu.sf-menu a {
  font-size: 1em;
}
ul#header-navigation-menu {
  margin-top: 6px;
}
.form-user-wrapper .buttons button.btn-secondary.btn {
  background: var(--background-color) !important;
}
.filter-summary li.reset-filter-button {
  background: var(--primary-color) !important;
}
.filter-summary li.reset-filter-button a {
  color: var(--primary-color-contrast) !important;
}
.filter-summary .filter-item {
  background: var(--background-color) !important;
  border: var(--default-border) !important;
}
svg.productSvg {
  margin: 10px;
  max-height: 84%;
}
.image-center {
  background-image: none !important;
  background: white !important;
}
.asset_details_content svg.productSvg {
  margin: 50px;
  max-height: 300px;
}
.asset-thumb-container-wrapper .asset_thumb_container .product-asset-svg svg.productSvg {
  width: 20px;
}
.sidebar-container ul.sidebar-menu {
  background: var(--primary-color);
}
.sidebar-container ul.sidebar-menu li a {
  color: var(--background-color) !important;
}
.sidebar-container ul.sidebar-menu li a:hover {
  color: var(--background-color) !important;
  text-decoration: underline;
}
.sidebar-container ul.sidebar-menu li ul.sub-menu li a {
  color: var(--background-color) !important;
}
.sidebar-container ul.sidebar-menu li.active > a {
  border-left: none;
  padding-left: 0;
  color: var(--background-color) !important;
  text-decoration: underline;
}
.menuItemContentBlockContainer {
  margin-bottom: 25px;
}
.form-group-share {
  overflow: hidden;
}
.bootstrap-select.small .dropdown-toggle {
  padding: 9px 5px 5px 14px;
}
#page-editor {
  height: 89px !important;
  max-height: 18em !important;
  margin-top: 58px !important;
}
.cms-concept-actions .btn-secondary {
  height: 32px;
  font-size: 11px !important;
  margin-top: 5px;
}
.bootstrap-select .dropdown-toggle {
  padding: 8px 19px;
}
button.btn.btn-active-selection,
button.btn-light.active {
  background: var(--primary-color) !important;
  color: var(--background-color) !important;
}
.product-selection-icon:before {
  content: "\f288";
}
.bordered {
  border: var(--default-border);
}
.homePageLayout * {
  box-sizing: border-box;
}
.homePageLayout .topImage img {
  max-width: 100%;
  height: auto;
}
.homePageLayout .topImage p {
  margin-bottom: 0;
}
.homePageLayout .bordered {
  color: var(--stichd-beige);
  background: #171b2e;
  height: 100%;
  padding: 20px;
}
.homePageLayout .bordered p:last-of-type {
  margin-bottom: 0;
}
.homePageLayout .bordered a {
  color: #e7e3d1;
}
.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;
}
.brand-landing .brandLandingImage p,
.season-landing .brandLandingImage p {
  margin-bottom: 0;
}
.brand-landing .brandLandingImage img,
.season-landing .brandLandingImage img {
  max-width: 100%;
  height: auto;
}
.brand-landing .brandElement:first-child .brandLandingImage p,
.season-landing .brandElement:first-child .brandLandingImage p {
  overflow: hidden;
  padding-top: 32%;
  position: relative;
  height: 0;
}
.brand-landing .brandElement:first-child .brandLandingImage p img,
.season-landing .brandElement:first-child .brandLandingImage p img {
  position: absolute;
  top: 0;
}
.filters .yesNoSection .btn:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.filters .yesNoSection .btn:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
body .asset-thumb-wrapper .asset-thumb-container.selected,
body .asset-thumb-dummy .asset-thumb-container.selected {
  box-shadow: 0 4px 2px 0 #fd2d01 !important;
}
.asset-cart-selection-menu button.btn,
.asset-cart-selection-menu .selector-name {
  border: none;
  border-radius: 0;
  background: none !important;
}
.asset-cart-selection-menu .select-buttons {
  overflow: hidden;
  border-radius: 100vw;
  border: 1px solid #171b2e !important;
  background: var(--background-color);
}
.asset-thumb-container-wrapper .thumb-info .asset-description {
  overflow: inherit;
  line-height: 1.2;
  white-space: inherit;
}
.asset-thumb-wrapper .asset-thumb-container,
.asset-thumb-dummy .asset-thumb-container {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.header-navigation,
.header-profile {
  background: #171b2e !important;
}
.header-navigation a,
.header-profile a {
  color: var(--stichd-beige) !important;
}
.header-navigation #header-profile-menu.sf-menu li,
.header-profile #header-profile-menu.sf-menu li {
  background: #171b2e !important;
}
.header-navigation #header-navigation-menu.sf-menu ul,
.header-profile #header-navigation-menu.sf-menu ul {
  background: #171b2e !important;
}
.header-navigation #header-navigation-menu.sf-menu > li,
.header-profile #header-navigation-menu.sf-menu > li {
  background: #171b2e !important;
}
.header-navigation #header-navigation-menu.sf-menu > li a,
.header-profile #header-navigation-menu.sf-menu > li a {
  color: var(--stichd-beige);
}
.header-navigation .headerActions .btn,
.header-profile .headerActions .btn {
  border: var(--default-border) !important;
}
.header-navigation .btn.btn-secondary,
.header-navigation .btn.btn-light,
.header-navigation .btn,
.header-profile .btn.btn-secondary,
.header-profile .btn.btn-light,
.header-profile .btn {
  background: #171b2e !important;
  color: var(--stichd-beige);
  border-color: var(--stichd-beige) !important;
}
.header-navigation .btn.btn-secondary a,
.header-navigation .btn.btn-light a,
.header-navigation .btn a,
.header-profile .btn.btn-secondary a,
.header-profile .btn.btn-light a,
.header-profile .btn a {
  color: var(--stichd-beige) !important;
}
.header-navigation .header-right-container .header-button-wrapper .bootstrap-select:after,
.header-profile .header-right-container .header-button-wrapper .bootstrap-select:after {
  color: var(--stichd-beige) !important;
}
.header-navigation .dropdown-menu,
.header-profile .dropdown-menu {
  background: #171b2e !important;
}
.header-navigation .dropdown-menu a,
.header-profile .dropdown-menu a {
  color: var(--stichd-beige) !important;
}
.header-navigation .dropdown-menu.inner li a.active,
.header-profile .dropdown-menu.inner li a.active {
  background: white !important;
  color: #171b2e !important;
}
.login > .row.justify-content-end {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.login > .row.justify-content-end img {
  max-width: 100%;
}
.openSearch {
  display: none !important;
}
.preview-container .image-center.preview-background {
  background-image: none;
  background-color: white !important;
}
.preview-container .image-center.preview-background:before {
  z-index: -1 !important;
}
.mainNavigation li.navigationItem a {
  font-size: 1rem;
}