/* #####################################################################################################
   CUSTOM - 3 - Ot en sien
   ##################################################################################################### */

/*--- standard variables ---*/
/*--- switch themes ---*/
/* #####################################################################################################
   VARIABLES - 3 - Ot en sien
   ##################################################################################################### */
/*--- product item ratio (thumb + content) ---*/
/* set ProductImageRatio in productOverview! */
/*--- media queries. When using responsive ---*/
/* Range breakpoints */
/*--- media queries. When using responsive: only mobile & desktop ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 480px)";
@tablet:		~"only screen and (min-width: 999999999px)";
@tabletLand:	~"only screen and (min-width: 768px)";
@desktop:		~"only screen and (min-width: 768px)";

@upToTablet:	~"only screen and (max-width: 767px)";
@upToDesktop:	~"only screen and (max-width: 767px)";*/
/*--- media queries. When not using responsive ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 1px)";
@tablet:		~"only screen and (min-width: 1px)";
@tabletLand:	~"only screen and (min-width: 1px)";
@desktop:		~"only screen and (min-width: 1px)";

@upToTablet:	~"only screen and (max-width: 1px)";
@upToDesktop:	~"only screen and (max-width: 1px)";*/
/*----- Default functions -----*/
/*----- Default Crossbrowser functions -----*/
/*----- CSS3 functions -----*/
/*----- CSS3 Animation functions -----*/
/*----- Buttons -----*/
/*----- Responsive functions -----*/
h1 {
  font-family: 'Amatic SC', cursive;
  font-size: 40px;
  line-height: 40px;
  overflow: visible;
}
.loyaltyPointsPanel {
  display: block !important;
}
#topNav #usp li {
  color: #262626;
}
#topNav #usp li:before {
  background-color: #262626;
}
#topNav #memberNav ul li a,
#topNav #utilNav ul li a {
  color: #262626;
}
#globalNavWrapper #globalNav #navContainer > div > ul > li > a {
  font-family: 'Open Sans', sans-serif;
}
#menuToggle span {
  background-color: #262626;
}
.navSub .title {
  color: black !important;
}
.navSub a {
  font-family: 'Open Sans', sans-serif !important;
}
#logo {
  top: 55%;
  max-width: 120px;
  width: 120px;
}
@media only screen and (min-width: 1024px) {
  #logo {
    top: 50%;
    max-width: 180px;
    width: 180px;
  }
}
.homepage .highlightsWrapper h2 {
  font-family: 'Amatic SC', cursive;
  font-size: 40px !important;
}
.homepage .subBannersWrapper .subBanner .banner h3 {
  font-family: 'Amatic SC', cursive;
  font-size: 36px !important;
}
@media only screen and (min-width: 768px) {
  .homepage .subBannersWrapper .subBanner .banner h3 {
    font-size: 40px !important;
  }
}
.seoContentWrapper {
  background-color: #f1f0f2;
}
.labels .label:after {
  font-family: 'Amatic SC', cursive;
  font-size: 24px;
  line-height: 36px;
}
.labels .label.sale {
  background-color: #262626;
}
.labels .label.new {
  background-color: #262626;
}
.mobilePanel[data-mobile-panel-position="right"] > .panel__container .panel__header {
  background-color: black;
}
.mobilePanel[data-mobile-panel-position="right"] > .panel__container .panel__content {
  background-color: #f8f8f8;
}
.mobilePanel[data-mobile-panel-position="right"] > .panel__container .panel__content .productFilters .item h2 {
  color: black;
  border-color: #d2d2d2;
}
.mobilePanel[data-mobile-panel-position="right"] > .panel__container .panel__content .productFilters .item .filterContainer {
  -webkit-box-shadow: inset 0 -2px 0 0 #d2d2d2;
  -moz-box-shadow: inset 0 -2px 0 0 #d2d2d2;
  box-shadow: inset 0 -2px 0 0 #d2d2d2;
}
.mobilePanel[data-mobile-panel-position="right"] > .panel__container .panel__footer .bttn.close {
  background: black;
}
.selectedFilters h3 {
  color: #454545 !important;
}
.selectedFilters ul li a {
  background-color: #f2f2f2 !important;
  color: black !important;
}
.selectedFilters ul li a:hover {
  background-color: #cccccc !important;
}
.selectedFilters ul li a:before {
  color: black !important;
}
.selectedFilters .removeAllFilters {
  color: white !important;
  background-color: black !important;
}
.selectedFilters .removeAllFilters:hover {
  background-color: gray !important;
}
.item:hover ul.availableColors,
.item:hover ul.availableSizes {
  display: block;
}
.filter-category .li-2 {
  display: none;
}
.filter-category .li-2 > a {
  font-weight: 300 !important;
  text-transform: none !important;
}
.filter-category .li-2.active > a {
  text-decoration: underline;
}
.filter-category .li-1.active > a {
  text-decoration: underline;
}
.filter-category .li-1.active .li-2 {
  display: block;
}
.productDetail .question:after {
  padding: 0 0 0 3px;
  content: '\f128';
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: auto;
  height: auto;
  line-height: auto;
}
.productDetail .brandLogo {
  top: auto;
  right: auto;
  bottom: 10px;
  left: 10px;
}