/* #### Generated By: http://www.cufonfonts.com #### */
  *{
    font-family: 'Sweet Sans Pro';
  }

  .hide{
    display: none !important;
  }

  #smykke-menu-items .smykke-category{
    width: fit-content;
  }

  #big-img-preview{
    position: sticky;
    top: 100px;
  }
  #big-img-preview img{
    width: 500px;
    height: 500px;
    object-fit: cover;
  }

  #smykke-oversigt .outer-grid-container{
    padding-bottom: 0px;
  }

  .clear-item{
    width: 115px;
    height: 115px;
  }
  #smykker{
    margin-top: 50px;
  }

  #kontakt ul li a{
    color: black !important;
    text-decoration: none !important;
  }

  @media only screen and (max-width: 1450px) {
    .outer-grid-container{
          grid-template-columns: 400px 1fr 250px;
    }
    #big-img-preview img{
      width: 400px;
      height: 400px;
    }
  }
  @media only screen and (max-width: 1200px) {
    .smykkemenu {
      background-color: #ecececff;
      background-image: url();
      width: 100%;
      height: auto;
      padding: 10px 5px;
      top: 6vh; }

      .smykkemenu h4 {
        font-size: 1.4em;
      text-align: center;}

      .smykkemenu #smykke-menu-items {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        font-size: 1em; }

        .smykkemenu #smykke-menu-items li {
          margin: 0px 10px; }
          .smykkemenu #smykke-menu-items a {
            padding: 10px 0px;}

    .outer-grid-container {
      display: grid;
      grid-template-columns: 400px 1fr}
      .smykkerouterbox{
        justify-content: center;
      }
      .leftsmykkebox, .rightsmykkebox{
        width: unset;
      }
      #smykker{
        margin-top: 150px;
      }
      #big-img-preview{
        position: sticky;
        top: 180px;
      }
      header{
        padding: 0px 25px;
        font-size: 12px;
      }
      header p{
        margin-left: unset;
      }
      header ul{
        margin-right: unset;
      }
  }
  @media screen and (max-width: 1050px) {
    .overview-grid-container img{
      margin: unset;
    }
    .left-grid{
      margin-top: unset;
    }
    #big-img-preview img{
      width: 300px;
      height: 300px;
    }
    .outer-grid-container{
      grid-template-columns: 300px 1fr;
    }
  }
  @media screen and (max-width: 768px) {
    .smykkerouterbox{
      padding: 0px 30px;
    }
  }
  @media screen and (max-width: 767px) {
    .outer-grid-container{
      grid-template-columns: 1fr;
      justify-content: center;
    }
    .left-grid{
      position: fixed;
      left: 0px;
      top: 0px;
      width: 100%;
      display: flex;
      z-index: 100;
      height: 100%;
      background-color: #000000ad;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      color: white;
    }
    .left-grid.vis-767px{
      visibility: hidden;
      display: none;
    }
    #big-img-preview{
      position: unset;
    }
    #big-img-preview img{
      margin-bottom: 12px;
      width: 75vw;
      height: 75vw;
    }
  }

  @media screen and (max-width: 633px) {
    #smykker{
      margin-top: 190px;
    }
  }

  @media screen and (max-width: 424px) {
    #smykker{
      margin-top: 190px;
    }
    .overview-grid-container img{
      width: 80px;
      height: 80px;
    }
    #big-img-preview img{
      /* width: 200px;
      height: 200px; */
    }
  }
  @media screen and (max-width: 360px) {

    #big-img-preview img{
      width: 90vw;
      height: 90vw;
    }
  }
  @media screen and (max-width: 346px) {
    #smykker{
      margin-top: 250px;
    }
  }

  /* #### Generated By: http://www.cufonfonts.com #### */

  @font-face {
  font-family: 'Sweet Sans Pro';
  font-style: normal;
  font-weight: normal;
  src: local('Sweet Sans Pro Light'), url('../fonts/SweetSansProLight.woff') format('woff');
  font-display:auto;font-style:normal;font-weight:500;
  }

  @font-face {
  font-family: 'Sweet Sans Pro';
  font-style: normal;
  font-weight: normal;
  src: local('Sweet Sans Pro Regular'), url('../fonts/SweetSansProRegular.woff') format('woff');
  font-display:auto;font-style:normal;font-weight:600;
  }

  @font-face {
  font-family: 'Sweet Sans Pro';
  font-style: normal;
  font-weight: normal;
  src: local('Sweet Sans Pro Medium'), url('../fonts/SweetSansProMedium.woff') format('woff');
  font-display:auto;font-style:normal;font-weight:700;
  }

  @font-face {
  font-family: 'Sweet Sans Pro';
  font-style: normal;
  font-weight: normal;
  src: local('Sweet Sans Pro Bold'), url('../fonts/SweetSansProBold.woff') format('woff');
  font-display:auto;font-style:normal;font-weight:800;
  }

#burger-btn{
  cursor: pointer;
}

.title-output .quotes{
  display: none;
}
/* .title-output .quotes:not(:first-child){
  display: none;
} */

#loader{
  background-color: #fafafaff;
  transition: all 0.3s ease;
}

img{
  object-fit: contain;
}