/*Custom*/

#sessionInfo {
  display:none !important;
}

.overflow-hidden::after {
  content: 'Din nuvarande session är aktiv i 10 minuter. Om du inte slutför din registrering inom 10 minuter kan du börja om på avanza.se eller i appen.';
  font-style: italic;
  font-size: 10px;
  padding-left: 8px;
  line-height: 12px;
  display:inline-block;
  max-width: 94%;

}

@media(min-width:1024px) {
  
  .overflow-hidden::after {
  content: 'Din nuvarande session är aktiv i 10 minuter. Om du inte slutför din registrering inom 10 minuter kan du börja om på avanza.se eller i appen.';
  font-style: italic;
  font-size: 10px;
  padding-left: 8px;
  line-height: 12px;
  display:inline-block;
  max-width: 94%;
  display:none;
}
div.max-w-7xl::after {
  content: 'Din nuvarande session är aktiv i 10 minuter. Om du inte slutför din registrering inom 10 minuter kan du börja om på avanza.se eller i appen.';
  font-style: italic;
  font-size: 10px;
  padding-left: 32px;
  line-height: 12px;
  display: block; /* Change to block for easier visibility */
  position: absolute;
  width: max-content;
  max-width: 94%;
}



}



#whatsIncludedHeader > span:nth-child(1) {
  margin-top: 0px !important;
}

.mt-3 > br:nth-child(3) {
  display:none;
}


span.block:nth-child(1) {
  color:rgb(44, 44, 44) !important;
}

.mt-3 {
  color:rgb(44, 44, 44) !important;
}

#whatsIncludedHeader > span:nth-child(1) {
  color:rgb(44, 44, 44) !important;
}



/*Align Image with text*/
@media (min-width: 1024px) {
  .overflow-hidden {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
}

@media (min-width: 1024px) {

#profileImage {
  margin-top: 30px !important;
}
}

@media (min-width: 1070px) {

#profileImage {
  margin-top: 40px !important;
}
}


@media (min-width: 1100px) {

#profileImage {
  margin-top: 60px !important;
}
}

@media (min-width: 1180px) {

#profileImage {
  margin-top: 70px !important;
}
}

@media (min-width: 1180px) and (max-width: 1300px) {

#profileImage {
  margin-top: 80px !important;
}
}


/*Center the logo*/
div.justify-between > a:nth-child(1) {
  margin: 0 auto;
}

/*Tulo*/
div#sessionInfo {
  font-style: italic;
  font-size:x-small;
}

a#continue {
  color: white;
}
a#continue:hover {
  text-decoration: none;
}

/* unvisited link */
a:link {
  color: blue;
}

/* visited link */
a:visited {
  color: blue;
}

/* mouse over link */
a:hover {
  color: blue;
  text-decoration: underline;
}  
/* selected link */
a:active {
  color: blue;
  text-decoration: underline;
}

.text-4xl {
  font-family: "Playfair Display", bold!important;
}

button {
  background-color: #ffc72c!important;
}

.text-teal-400 {
  color: #c8102e!important;
}

.text-teal-500 {
  color: #c8102e!important;
}


div.rounded-md a {
  background-color: #c8102e!important;
}

.overflow-hidden {
  overflow: visible!important;
}

#profileImage {

  object-fit: scale-down;  
  height: 40rem!important;
  margin-top: 130px !important;
}

@media (max-width: 720px) {
  #profileImage {
  object-fit: scale-down;  
  height: 40rem!important;
  margin-top: 0px !important;
}

}


.max-w-7xl {
  max-width: 95rem!important;
}

.pb8 {
  padding-bottom: 0rem!important;
}

@media (max-width: 1024px) {
  #profileImage {
      height: 25rem!important;
  }
}

@media (max-width: 720px) {
  #profileImage {
      height: 25rem!important;
  }
}

@media (max-width: 620px) {
  #profileImage {
      height: 15rem!important;
  }
}

@media (max-width: 720px) {
  #profileImage {
      height: 100%!important;
  }
}

@media (max-width: 1024px) {
  #profileImage {
    height: 60%!important;
    margin-top:0!important;
  }
}

@supports (-webkit-touch-callout: none) {
  img#logo {
      width: 100%;
      height: auto;
  }
}
@supports not (-webkit-touch-callout: none) {
  img#logo {
      width: 100%;
      height: auto;
  }
}


@media (min-width: 1300px) {
#profileImage {
  margin-top: 180px !important;
}
}