/*--- standard variables ---*/
/*--- 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 -----*/
/*----- Responsive functions -----*/
#storeLocator {
  margin-bottom: 20px;
}
#storeLocator #storeLocatorMap {
  height: 350px;
  outline-color: #ee7f01;
  /* Circle color */

  /* ++ Google maps inline content styles ++ */

  /* -- Google maps inline content styles -- */

}
#storeLocator #storeLocatorMap img {
  max-width: none;
}
#storeLocator #storeLocatorMap .gm-style-iw {
  overflow: hidden !important;
}
#storeLocator #storeLocatorMap .gm-style .content .top {
  display: none;
}
#storeLocator #storeLocatorMap .gm-style .content .left,
#storeLocator #storeLocatorMap .gm-style .content .right {
  font-size: 12px;
  line-height: 20px;
}
#storeLocator #storeLocatorMap .gm-style .content .left {
  float: left;
  width: 150px;
}
#storeLocator #storeLocatorMap .gm-style .content .left .title {
  font-weight: bold;
}
#storeLocator #storeLocatorMap .gm-style .content .right {
  float: right;
  width: 100px;
}
#storeList .item.headquarters h3 a,
#storeList .item.headquarters kop3 a {
  color: #ee7f01;
}
#storeList .item .picture img {
  float: none;
  margin: 0 0 15px;
  display: block;
}
@media only screen and (min-width: 768px) {
  #storeLocator #storeLocatorMap {
    height: 700px;
  }
}
#storeLocator #storeLocatorMap .gm-style .content .top {
  display: inline;
  margin-bottom: 10px;
}
#storeLocator #storeLocatorMap .gm-style .content .top img {
  display: block;
  width: 250px;
}
#storeLocator #storeLocatorMap .gm-style-iw > div {
  display: none !importnat;
}
#storeList .item .picture {
  float: none;
}
#storeList .item .picture img {
  width: 100%;
  height: auto;
}
/* ==========================================================================
   Detail pagina
   ========================================================================== */

body.stores.detailPage #kaartContainer {
  display: none;
}
body.stores.detailPage .storePicture {
  width: 100%;
  padding-bottom: 33%;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
body.stores.detailPage.headquarters h1,
body.stores.detailPage.headquarters .kop1 {
  color: #ee7f01;
}
body.stores.detailPage #details #storeAddress,
body.stores.detailPage #details .time {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  body.stores.detailPage #storeDetail {
    position: relative;
  }
  body.stores.detailPage #storeDetail #kaartContainer {
    width: 100%;
    height: 300px;
    display: block;
    margin-bottom: 15px;
  }
  body.stores.detailPage #storeDetail #kaartContainer img {
    max-width: none;
  }
  body.stores.detailPage #storeDetail #details .time table {
    max-width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  body.stores.detailPage #storeDetail {
    min-height: 450px;
  }
  body.stores.detailPage .storePicture {
    position: relative;
    width: 100%;
    display: block;
    padding-bottom: 32%;
  }
}