@charset "UTF-8";
/* CSS Document */

.container {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: medium;
    text-align: center;
    color: #2A2A2A;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-color: #505050;
}
.container-footer {
    color: #2A2A2A;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: small;
    font-weight: 400;
    text-align: center;
    font-style: normal;
    font-variant: normal;
}
.storetext1 {
}
.size-btn {
  border-radius: 8px;              /* slightly rounded corners */
  min-width: 50px;                 /* button width */
  padding: 5px 12px;               /* smaller padding */
  margin: 0 6px;                   /* space between buttons */
  border: 1px solid #ced4da;       /* light grey border */
  background-color: transparent;    /* no fill */
  color: #000000;                  /* light grey text for unselected */
  outline: none;                    /* remove focus outline */
  font-weight: normal;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

.size-btn:hover {
  background-color: #f1f1f1;       /* subtle hover */
}

.size-btn:focus {
  box-shadow: none;                 /* remove focus shadow */
}

.size-btn.active {
  background-color: #212529;       /* dark grey fill */
  color: white;                     /* white text for selected */
  border-color: #212529;            /* match border to background */
  font-weight: bold;
}
.custom-container {
    max-width: 700px;  /* Set custom max width */
    margin: 0 auto;     /* Center the container horizontally */
  }
.video-max {
    max-width: 992px;
    width: 100%;
    height: auto;
    background-color: #000;
    display: block;      /* Gör att den kan centreras med auto-marginaler */
    margin: 0 auto;      /* Centrerar horisontellt */
}

.utext1 {
    color: #262626;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: medium;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.utext3 {
    color: #262626;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: x-large;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 127%;
}
.utext2 {
    color: #2A2A2A;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: x-large;
}
hr {
    max-width: 800px; /* Begränsar linjens bredd */
    margin: 0 auto;   /* Centrerar linjen horisontellt */
}
audio {
  width: 100%; /* Gör spelaren lika bred som sin behållare */
  max-width: 1000px; /* Sätter en maxgräns */
}

/* Ta bort standardramen */
.navbar-toggler {
    border: none !important;
}

/* Ta bort den blåa konturen/skuggan vid klick */
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none !important;
    box-shadow: none !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #181818;
}

.navbar-light .navbar-nav .nav-link:visited {
    color: #181818;
}