/* =========== */
/* = Pathing = */
/* =========== */
/* =========== */
/* = Colours = */
/* =========== */
/* ========= */
/* = Sizes = */
/* ========= */
@font-face {
  font-family: 'edosz-regular';
  src: url("../fonts/edosz/edosz-webfont.eot");
  src: url("../fonts/edosz/edosz-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/edosz/edosz-webfont.woff2") format("woff2"), url("../fonts/edosz/edosz-webfont.woff") format("woff"), url("../fonts/edosz/edosz-webfont.ttf") format("truetype"), url("../fonts/edosz/edosz-webfont.svg#edo_szregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* =========== */
/* = Pathing = */
/* =========== */
/* ========= */
/* = Sizes = */
/* ========= */
/* ========== */
/* = Mixins = */
/* ========== */
#stores-page {
  background: transparent url(../images/backgrounds/bg-purple-tile.png); }
  #stores-page #map {
    height: 500px; }
  #stores-page .btn-group.open .dropdown-toggle:focus {
    outline: 0; }
  #stores-page .icon-group,
  #stores-page #countrySelector,
  #stores-page #regionSelector,
  #stores-page .store-search {
    margin-bottom: 10px; }
  #stores-page .modal-backdrop.in {
    opacity: 0.8; }
  #stores-page .dropdown-menu, #stores-page .filter-option, #stores-page #free-text-search {
    text-transform: uppercase; }
    #stores-page .dropdown-menu .text, #stores-page .filter-option .text, #stores-page #free-text-search .text {
      text-transform: uppercase; }
  #stores-page .dropdown-menu, #stores-page .filter-option, #stores-page #free-text-search {
    text-transform: uppercase; }
    #stores-page .dropdown-menu .text, #stores-page .filter-option .text, #stores-page #free-text-search .text {
      text-transform: uppercase; }
  @media (max-width: 480px) {
    #stores-page .filter-option {
      width: 66%; }
      #stores-page .filter-option:after {
        content: "...";
        right: 30px;
        position: absolute; } }
  #stores-page #regionSelector .dropdown-menu {
    left: initial;
    right: 0; }
  #stores-page .icon-group .toggle {
    cursor: pointer;
    color: #603d65;
    background-color: #e0e0e0; }
    #stores-page .icon-group .toggle.active {
      color: white;
      background-color: #000000; }
  #stores-page .icon-group .tooltip {
    display: none !important;
    width: calc(100% - 10px); }
  #stores-page .icon-group .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #38abe1;
    border-width: 5px 5px 0; }
  #stores-page .icon-group .tooltip-inner {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    font-family: "DINNextW01-CondensedBol", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0px;
    line-height: 1;
    color: #ffffff;
    background: #38abe1;
    padding-top: 7px;
    padding-bottom: 4px;
    border: 0;
    text-transform: uppercase; }
  #stores-page .open-flag {
    position: absolute;
    display: block;
    top: 10px;
    left: 15px;
    background: transparent url(../images/stores/open-flag.png) repeat;
    color: #603d65;
    padding: 4px 8px;
    font-family: "edosz-regular", "Georgia", "Cambria", "Times New Roman", "Times", serif;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0px;
    line-height: 1; }
  #stores-page .store-search > div {
    position: relative; }
    #stores-page .store-search > div #free-text-results {
      width: 100%;
      overflow: hidden;
      position: absolute;
      top: 47px;
      z-index: 10;
      background-color: #fff;
      border: 1px solid #ccc;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 4px;
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      background-clip: padding-box; }
      @media (max-width: 1199px) {
        #stores-page .store-search > div #free-text-results {
          top: 107px; } }
      #stores-page .store-search > div #free-text-results ul {
        width: 100%;
        top: 100%;
        left: 0;
        z-index: 1000;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        font-size: 14px;
        text-align: left; }
        #stores-page .store-search > div #free-text-results ul li a {
          display: block;
          padding: 3px 20px;
          clear: both;
          font-weight: normal;
          line-height: 1.42857;
          color: #333333;
          white-space: nowrap;
          font-size: 22px; }
          #stores-page .store-search > div #free-text-results ul li a:hover, #stores-page .store-search > div #free-text-results ul li a:focus {
            text-decoration: none;
            color: #262626;
            background-color: #f5f5f5; }
      #stores-page .store-search > div #free-text-results #store-free-text-result-clear a {
        color: #775c98;
        font-weight: bold;
        text-decoration: none;
        font-family: "DINNextW01-CondensedBol", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
        font-size: 21px;
        font-size: 2.1rem;
        letter-spacing: 0px;
        line-height: 1.4;
        text-transform: uppercase; }
        #stores-page .store-search > div #free-text-results #store-free-text-result-clear a .close-x {
          font-family: "DIN Next W01 Regular", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
          font-size: 21px;
          font-size: 2.1rem;
          letter-spacing: 0px;
          line-height: 1.4; }

.store-filter {
  margin-bottom: 20px; }
  .store-filter .icon-group .bkg-ltgrey {
    background-color: #e0e0e0; }
  .store-filter .icon-group i {
    font-size: 30px;
    font-size: 3rem;
    line-height: 45px;
    line-height: 4.5rem; }
    .store-filter .icon-group i:before {
      position: relative;
      top: 6px; }
    .store-filter .icon-group i.icostic-list {
      font-size: 24px;
      font-size: 2.4rem; }
  .store-filter select:focus {
    outline: 0; }
  .store-filter .btn-group button {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    line-height: 40px;
    line-height: 4rem;
    font-size: 25px;
    font-size: 2.5rem;
    border: 0;
    padding: 5px 10px 0;
    background: #ffffff;
    color: #603d65; }
    .store-filter .btn-group button:hover {
      color: #ffffff;
      background: #777877; }
    .store-filter .btn-group button:focus {
      outline: 0; }
    .store-filter .btn-group button .bs-caret .caret {
      border-top: 11px dashed;
      border-top: 11px solid \9;
      border-right: 9px solid transparent;
      border-left: 9px solid transparent;
      margin-top: -6px; }
  .store-filter .store-search input {
    font-family: "DINNextW01-CondensedBol", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 25px;
    font-size: 2.5rem;
    letter-spacing: 0px;
    line-height: 40px;
    padding: 5px 10px 0;
    color: #603d65;
    width: calc(100% - 45px);
    float: left; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .store-filter .store-search input {
        /* IE10-specific styles go here */
        height: 45px;
        position: relative;
        top: 0; } }
  .store-filter .store-search button {
    width: 45px;
    height: 45px;
    display: block;
    float: left;
    background: #ffffff;
    line-height: 40px;
    line-height: 4rem;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    line-height: 1; }
    .store-filter .store-search button i {
      color: #603d65;
      position: relative;
      left: -3px; }
      .store-filter .store-search button i:before {
        font-size: 25px;
        font-size: 2.5rem; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .store-filter .store-search button {
        /* IE10-specific styles go here */
        height: 45px; } }

.store-result {
  padding-top: 30px;
  min-height: 500px; }
  .store-result article .detail-group {
    text-align: center; }
    .store-result article .detail-group ul.none {
      display: inline-block;
      margin-top: 10px; }
      .store-result article .detail-group ul.none li {
        float: left; }
        .store-result article .detail-group ul.none li .btn {
          border-top-right-radius: 0;
          border-top-left-radius: 0;
          border-bottom-right-radius: 0;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
          border-top-left-radius: 0; }
      .store-result article .detail-group ul.none li + li {
        margin-left: 10px;
        margin-top: 0; }
    .store-result article .detail-group .detail {
      padding-bottom: 20px; }
      .store-result article .detail-group .detail h4 {
        color: #603d65;
        margin-bottom: 0; }
        .store-result article .detail-group .detail h4 a {
          text-decoration: none; }
      .store-result article .detail-group .detail p {
        color: #603d65;
        margin-top: 0;
        margin-bottom: 0; }
      .store-result article .detail-group .detail .opening-hours-day li {
        font-family: "Dobra Slab W01 Book", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        letter-spacing: 0px;
        line-height: 1.4;
        color: #603d65; }

/* =========== */
/* = Pathing = */
/* =========== */
/* =========== */
/* = Colours = */
/* =========== */
/* ========= */
/* = Sizes = */
/* ========= */
@font-face {
  font-family: 'edosz-regular';
  src: url("../fonts/edosz/edosz-webfont.eot");
  src: url("../fonts/edosz/edosz-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/edosz/edosz-webfont.woff2") format("woff2"), url("../fonts/edosz/edosz-webfont.woff") format("woff"), url("../fonts/edosz/edosz-webfont.ttf") format("truetype"), url("../fonts/edosz/edosz-webfont.svg#edo_szregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* =========== */
/* = Pathing = */
/* =========== */
/* ========= */
/* = Sizes = */
/* ========= */
/* ========== */
/* = Mixins = */
/* ========== */
.opening-hours-day .opening-hours-end-day::before {
  content: " - "; }

.opening-hours-day .opening-hours-closed::before {
  content: ": "; }

.opening-hours-day .opening-hours-start-time::before {
  content: ": "; }

.opening-hours-day .opening-hours-end-time::before {
  content: " to "; }

.opening-hours-day .opening-hours-comment::before {
  content: " ("; }

.opening-hours-day .opening-hours-comment::after {
  content: ")"; }

.store-modal .modal-dialog {
  width: 100%;
  margin: 20px 0 20px 0; }

.modal-content {
  border: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-box-shadow: 0px 0px 0px black ;
  -moz-box-shadow: 0px 0px 0px black ;
  -o-box-shadow: 0px 0px 0px black ;
  box-shadow: 0px 0px 0px black ; }
  .modal-content .modal-body {
    padding: 0; }
    .modal-content .modal-body .icostic-close {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
      background: none;
      color: #775c98;
      font-size: 40px;
      font-size: 4rem;
      position: absolute;
      top: 10px;
      right: 15px;
      opacity: 1;
      padding: 0;
      text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.4); }
      .modal-content .modal-body .icostic-close:hover {
        color: #ffffff; }
    .modal-content .modal-body .col-grid {
      padding-left: 0;
      padding-right: 0; }
    .modal-content .modal-body .left-right-content .row {
      margin-left: 0;
      margin-right: 0; }
    .modal-content .modal-body .left-right-content ul.none {
      display: inline-block; }
      .modal-content .modal-body .left-right-content ul.none li {
        float: left; }
        .modal-content .modal-body .left-right-content ul.none li .btn {
          border-top-right-radius: 0;
          border-top-left-radius: 0;
          border-bottom-right-radius: 0;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
          border-top-left-radius: 0; }
      .modal-content .modal-body .left-right-content ul.none li + li {
        margin-left: 10px;
        margin-top: 0; }
    .modal-content .modal-body .left-right-content .text-content {
      text-align: center;
      width: 100%;
      padding-top: 60px;
      padding-bottom: 60px; }
    .modal-content .modal-body .left-right-content .detail {
      width: 100%;
      padding-bottom: 20px; }
      .modal-content .modal-body .left-right-content .detail h3 {
        color: #603d65; }
      .modal-content .modal-body .left-right-content .detail p {
        color: #603d65;
        margin-top: 0;
        margin-bottom: 0; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .store-modal .modal-dialog .modal-content .modal-body .left-right-content .text-content {
    text-align: left;
    padding-left: 60px; }
  .store-modal .modal-dialog .modal-content .modal-body .col-sm-6 {
    min-height: 420px; } }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .store-modal .modal-dialog {
    margin-top: 100px; } }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .store-modal .modal-dialog {
    margin-top: 140px; }
    .store-modal .modal-dialog .modal-content .modal-body .col-sm-6 {
      min-height: 520px; } }

@media (max-width: 340px) {
  #stores-page #map {
    height: 300px; } }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #stores-page h2 {
    margin-bottom: 50px; }
  #stores-page .icon-group .tooltip {
    display: block !important; }
  .store-result article .detail-group {
    text-align: left; } }

/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .store-filter {
    margin-bottom: 0; } }