/*
Hompage Specific Styling.
*/
/*
Global Variables

@import this file at the top of each page
template file to make variables available.
*/
:root {
  --outside-block: calc((60px * 0) + (60/1600*100vw * 1));
  --inside-block: calc(var(--outside-block) + ((90px * 0) + (90/1600*100vw * 1)));
  --max-width: 1600px;
}

@media screen and (min-width: 1601px) {
  :root {
    --outside-block: 60px;
    --inside-block: calc(var(--outside-block) + 90px);
  }
}
@media screen and (max-width: 1400px) {
  :root {
    --outside-block: 45px;
    --inside-block: calc(var(--outside-block) + ((60px * 0) + (60/1600*100vw * 1)));
  }
}
@media screen and (max-width: 1200px) {
  :root {
    --inside-block: calc(var(--outside-block) + ((50px * 0) + (50/1600*100vw * 1)));
  }
}
@media screen and (max-width: 1000px) {
  :root {
    --outside-block: 45px;
    --inside-block: 45px;
  }
}
@media screen and (max-width: 800px) {
  :root {
    --outside-block: 28px;
    --inside-block: 28px;
  }
}
/*
Mixins

Add mixins to any css page using @include

e.g.
.element{
	@include transition( background .2s ease-out )
}
*/
#repeater-blurb .inside {
  max-width: var(--max-width);
  margin: auto;
  padding: 80px var(--inside-block);
  padding-top: 0;
  display: flex;
  flex-wrap: wrap;
  column-gap: 45px;
  row-gap: 50px;
}
@media screen and (max-width: 1600px) {
  #repeater-blurb .inside {
    padding: calc(28px + 3.25vw) var(--inside-block);
    row-gap: calc(42.5px + 0.46875vw);
    padding-top: 0;
  }
}
#repeater-blurb .inside .blurb {
  flex: 0 0 calc(50% - 22.5px);
}
@media screen and (max-width: 800px) {
  #repeater-blurb .inside .blurb {
    flex: 0 0 100%;
  }
}
#repeater-blurb .inside .blurb .image {
  height: 26.7vw;
  max-height: 427px;
}
@media screen and (max-width: 800px) {
  #repeater-blurb .inside .blurb .image {
    height: 223px;
  }
}
#repeater-blurb .inside .blurb .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#repeater-blurb .inside .blurb .header {
  margin: 45px 0 20px 0;
  padding-bottom: 21px;
  border-bottom: 1px solid #7B7B7B;
}
@media screen and (max-width: 1600px) {
  #repeater-blurb .inside .blurb .header {
    margin: calc(38.25px + 0.421875vw) 0 20px 0;
  }
}
#repeater-blurb .inside.empty {
  padding: 0 !important;
}

/*# sourceMappingURL=mines-exploration.css.map */