/**
 * @file Contains generic and structure styling.
 */

html {
   width: 100vw;
}

html,
body {
   background-color: var(--document-background-color);
}

.smhi-clickable-card {
   cursor: pointer;
}

/*
.sv-grid-1280 {
   width: 96%;
}*/


@media screen and (min-width: 64.0625rem) {

   .sv-marketplace-sitevision-breadcrumbs {
      margin-left: 0.25rem;
   }

   .sv-grid-1280 {
      padding-right: var(--desktop-side-spacing);
      padding-left: var(--desktop-side-spacing);
   }
}

@media screen and (max-width: 64rem) and (min-width: 48rem) {
   .sv-grid-1280 {
      padding-right: var(--tablet-side-spacing);
      padding-left: var(--tablet-side-spacing);
   }
}

@media screen and (max-width: 47.9375rem) {

   .sv-grid-1280 {
      padding-right: var(--mobile-side-spacing);
      padding-left: var(--mobile-side-spacing);
   }

}