/* Dynamic background image based on screen size */

/* homepage */

.cc-homepage-background {
  background-image: url("https://theclimbingcompany.com.au/wp-content/uploads/2025/01/Abseil_working.webp");
  background-position: 40% 5%;
  background-size: cover;
}

/* backgound style for about us page */
.cc-about-us-background {
  background-image: url("https://theclimbingcompany.com.au/wp-content/uploads/2025/01/DSC5332.png");
  background-position: 40% 60%;
  background-size: cover;
}

/* stories */
.cc-stories-background {
  background-image: url("https://theclimbingcompany.com.au/wp-content/uploads/2024/10/stories_hero_2.webp");
  background-position: 51% 64%;
  background-size: cover;
}

/* services */
/* TODO image on this page is not set as a block background image, or at least not like the others */
.cc-services-background {
  background-image: url("https://theclimbingcompany.com.au/wp-content/uploads/2025/01/P1170805.jpg");
  background-position: 51% 64%;
  background-size: cover;
}

/* outdoor-education */
/* TODO image on this page is not set as a block background image, or at least not like the others */
.cc-outdoor-education-background {
  /* 
   * background-image: url("https://theclimbingcompany.com.au/wp-content/uploads/2024/12/DSC8203.png");
   * background-position: 51% 64%;
   * background-size: cover;
   */
}

/* coportation team building */
/* TODO image on this page is not set as a block background image, or at least not like the others */
.cc-corporation-team-building-background {
  /* 
   * background-image: url("https://theclimbingcompany.com.au/wp-content/uploads/2024/12/Cutout.-Diamond-BG_DSC1096_transBG.png");
   * background-position: 51% 64%;
   * background-size: cover;
   */
}

/* elevate your skills */
.cc-elevate-skills-background {
  background-image: url("https://theclimbingcompany.com.au/wp-content/uploads/2025/07/SkillsPage_Hero_wide.webp");
  background-position: 62% 16%;
  background-size: cover;
}

/* tours on rock */
.cc-tours-rock-background {
  background-image: url("https://theclimbingcompany.com.au/wp-content/uploads/2024/12/DSC8057.png");
  background-position: 50% 60%;
  background-size: cover;
}

/* tours on snow */
.cc-tours-snow-background {
  background-image: url("https://theclimbingcompany.com.au/wp-content/uploads/2025/01/P1170814.webp");
  background-position: 45% 49%;
  background-size: cover;
}

/* become a guide, contact */
/* TODO image on this page is not set as a block background image, or at least not like the others */
.cc-become-guide-background {
  /* 
   * background-image: url("https://theclimbingcompany.com.au/wp-content/uploads/2024/12/Cutout.-Diamond-BG_DSC1096_transBG.png");
   * background-position: 51% 64%;
   * background-size: cover;
   */
}

/* employment */
.cc-employment-background {
  background-image: url("https://theclimbingcompany.com.au/wp-content/uploads/2024/12/Cutout.-Diamond-BG_DSC1096_transBG.png");
  background-position: 45% 61%;
  background-size: cover;
}

/* Small devices (Typical mobile phone) */
@media  (max-width: 480px) {
  .cc-homepage-background {
  }

  .cc-about-us-background {
    background-image: url("https://theclimbingcompany.com.au/wp-content/uploads/2025/08/about-us-hero-image-DSC5332-small.png");
    background-position: top;
    /* TODO demo only to remove */
    background-color: lightblue;
  }

  .cc-stories-background {
  }

  .cc-elevate-skills-background {
  }

  .cc-tours-rock-background {
  }

  .cc-tours-snow-background {
  }

  .cc-employment-background {
  }
}

/* Medium devices (Tablets and Ipad) */
@media (min-width: 481px) and (max-width: 768px) { 
  .cc-about-us-background {
    background-image: url("https://theclimbingcompany.com.au/wp-content/uploads/2025/08/about-us-hero-image-DSC5332-medium.png");
    background-position: top;
    /* TODO demo only to remove */
    background-color: lightgreen;
  }

  .cc-homepage-background {
  }

  .cc-stories-background {
  }

  .cc-elevate-skills-background {
  }

  .cc-tours-rock-background {
  }

  .cc-tours-snow-background {
  }

  .cc-employment-background {
  }
}