/* Stylesheet for DiveWithVin.com - Sub pages styling */

/* START - Basic Body & Font Styling */

/* section {
  padding-bottom: var(--fill-lg);
} */

/* END - Basic Body & Font Styling */

/* START- Default block colour schemes and link / button behavior */

/* END - Default block colour schemes and link / button behavior */

/* START - Default block structures and container behaviours */

[data-cols="1-sidebar"] {
  row-gap: var(--fill-xl);
}

.card-sticky {
  background-color: var(--clr-accent);
  padding: var(--fill-var);
}

/* HEADER elements below */

/* .sidemount-page .nav-item:nth-child(2) a::after {
  background-color: var(--clr-primary);
  transform: scale(1, 1);
} */

/* FOOTER elements below */

/* MAIN elements below */

.hero-img {
  margin-top: var(--fill-xl);
}

.section-coned .lined-spacer {
  background-color: var(--clr-primary);
}

/* Above HERE is default styling and structuring for 'Mobile First' 40em = 640px */

/* Below HERE is default styling and structuring for larger screens */

/* START - Phones in landscape : 40em = 640px */

/* @media only screen and (min-width: 40em) {
  
} */

/* END - Phones in landscape */

/* START - Tablet & Small PC Sizes : 50em = 800px */

@media only screen and (min-width: 50em) {
  .hero-img {
    margin-top: 1.5em;
  }

  [data-cols="1-sidebar"] {
    grid-template-columns: 1fr 20em;
  }

  .card-sticky {
    position: sticky;
    top: var(--fill-var);
  }
}

/* Tablet & Small PC Sizes End */

/* START - Large Tablet and Medium PC and Sizes : 64em = 1024px */

/* @media screen and (min-width: 64em) {
} */

/* END - Large Tablet and Medium PC and Sizes */

/* START - Large PC Sizes : 80em = 1280px */

/* @media screen and (min-width: 80em) {
} */

/* END - Large PC Sizes */