@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.oswald {
  font-family: "Inter Tight", sans-serif !important;
}.bg-skyblue {
  background-color: #e2f4f7;
  border-top-right-radius: 3rem;
  border-bottom-left-radius: 3rem;
  background-image: url(https://media.industrialinfo.com/analytics_forecasting/images/blue-bg.jpeg);
  background-size: cover;
}

.header-coverage {
  background: #00263d url(https://media.industrialinfo.com/img/banners/iir-banner-analytics.png)
    no-repeat top right/cover;
  border-bottom: 2px solid #6ff;
  text-shadow: 0px 0px 15px black, 0px 0px 15px black;
}

.analytics-page-title {
  font-size: 3rem;
}

.modal-gradient {
  z-index: 0;
}

.fluid-bg {
  background: #00263d
    url('https://media.industrialinfo.com/analytics_forecasting/bg-labor.png')
    center/cover fixed;
  box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.fluid-bg-light {
  background: #eee
    url('https://media.industrialinfo.com/analytics_forecasting/bg-labor-light.png')
    center/cover fixed;
  box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.img-glow {
  background: radial-gradient(#0094a2, transparent 70%);
}


/* Small & Medium */
@media screen and (max-width: 64em) {
  .header-coverage {
    background-position: 0;
  }
  .analytics-page-title {
    font-size: 2rem;
  }
  .modal-gradient {
    display: none;
  }
  .fluid-bg {
    background-attachment: unset;
  }
}

/* Small Only */
@media screen and (max-width: 39.9375em) {
  .fa-ul li {
    font-size: 1rem !important;
  }
}

/* Bootstrap Override */

.iir-analytics .modal {
  background: #00000080 !important;
}

.iir-analytics .modal-content {
  background-color: #f5f8fa !important;
}

.iir-analytics .modal-body {
  background-image: -webkit-linear-gradient(30deg, #f7f8fa 50%, #eeeff1 50%) !important;
}

/* Analytics Home Page */

.analytics-img {
  height: 4rem;
}

.analytics-circle {
  height: 3rem;
  width: 3rem;
  background-color: #0094a2;
  z-index: 1;
}

.analytics-solutions {
  position: relative;
}

.analytics-solutions::before {
  content: '';
  position: absolute;
  top: calc(50% + 1.1rem);
  left: 5rem;
  width: calc(100% - 10rem);
  z-index: 0;
  border: 2px solid #fff;
}

.analytics-solutions.isolated::before {
  display: none;
}

.solutions-details-close {
  display: none;
  cursor: pointer;
}

.analytics-solutions.isolated .solutions-details-close {
  display: block;
}

.analytics-item {
  cursor: pointer;
}

.analytics-item * {
  transition: all 0.2s;
}

.analytics-item span {
  font-size: 1.25rem;
}

.analytics-item:hover * {
  transform: scale(1.1);
  filter: drop-shadow(0 0 15px #6ff9);
}

.solution-content-container {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
}

/* Small Only */
@media screen and (max-width: 39.9375em) {
  .analytics-img {
    height: 2.5rem;
  }
  .analytics-circle {
    height: 2rem;
    width: 2rem;
  }
  .analytics-solutions::before {
    top: calc(50% + 0.2rem);
    left: 2.5rem;
    width: calc(100% - 5rem);
  }
  .analytics-item span {
    font-size: 0.75rem;
  }
  .solution-content-container {
    font-size: 0.8rem;
  }
}

/* Medium Only */
@media screen and (min-width: 40em) and (max-width: 64em) {
  .analytics-solutions::before {
    top: calc(50% + 0.5rem);
  }
}

/* Industrial Spending Forecast */

.forecast-circle {
  height: 20rem !important;
  width: 20rem !important;
}

.forecast-inner-circle {
  height: 11rem !important;
  width: 11rem !important;
  margin-top: 9rem !important;
  margin-left: 10.5rem !important;
  z-index: 4;
  box-shadow: rgba(50, 50, 93, 0.3) 0px 2px 5px -1px,
    rgba(0, 0, 0, 0.4) 0px 1px 3px -1px;
  background-image: url('https://media.industrialinfo.com/analytics_forecasting/img/globe.png');
  background-size: 100%;
}

.forecast-circle:nth-of-type(1) {
  margin-left: 2rem;
  box-shadow: 0rem 8rem 0 0 #0094a2;
  z-index: 3;
  transition: all 0.5s ease;
}

.forecast-circle:nth-of-type(2) {
  margin-left: 10rem;
  box-shadow: -8rem 0rem 0 0 #f5f8fa;
  z-index: 2;
}

.forecast-circle:nth-of-type(3) {
  margin-top: 8rem;
  margin-left: 10rem;
  box-shadow: 0rem -8rem 0 0 #4197cb;
  z-index: 4;
}

.forecast-circle:nth-of-type(4) {
  margin-left: 2rem;
  margin-top: 8rem;
  box-shadow: 8rem 0rem 0 0 #f5f8fa;
  z-index: 0;
}

.forecast-circle:nth-of-type(1) .forecast-circle-text {
  margin-top: 20.5rem;
  margin-left: 5.5rem;
  color: #fff;
}

.forecast-circle:nth-of-type(2) .forecast-circle-text {
  margin-top: 6.5rem;
  margin-left: -6.5rem;
}

.forecast-circle:nth-of-type(3) .forecast-circle-text {
  margin-top: -7rem;
  margin-left: 7rem;
  color: #fff;
}

.forecast-circle:nth-of-type(4) .forecast-circle-text {
  margin-top: 7rem;
  margin-left: 21.5rem;
}

.forecast-chart {
  height: 24rem;
}

.industries {
  padding-left: 4rem !important;
}

.forecast-card,
.card-pop-up {
  border-bottom-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

.forecast-card .card-img-top {
  border-top-right-radius: 1rem !important;
}

.pop-up-closer {
  bottom: 1rem;
  right: 1rem;
  z-index: 3;
}

.card-pop-up {
  opacity: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(4px);
}

.forecast-card:hover > .card-pop-up,
.forecast-card:active > .card-pop-up {
  opacity: 1;
}

/* Tablet Landscape Mode Only */
@media screen and (min-width: 768px) and (max-width: 1100px) and (orientation: landscape) {
  .forecast-chart {
    margin-left: -6rem;
  }

  .industries {
    padding-left: 0 !important;
  }

  .industries .fa-ul {
    margin-left: 1rem !important;
  }
}

/* Small Only */
@media screen and (max-width: 39.9375em) {
  .forecast-chart {
    margin-left: -4rem;
  }

  .industries {
    padding-left: 2rem !important;
  }

  .industries .fa-ul {
    margin-bottom: 0rem !important;
  }
}

/* Medium Only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .forecast-chart {
    margin-left: 5rem;
  }

  .industries {
    padding-left: 11rem !important;
  }

  .industries .fa-ul {
    margin-bottom: 0rem !important;
  }
}

/* Large Only */
@media (min-width: 1200px) {
  .iir-spending-analytics .modal-xl {
    max-width: 1800px !important;
  }
}

/* Equipment & Services Spending Forecast */

#factorsCarousel .carousel-control-prev {
  left: -7rem !important;
}

#factorsCarousel .carousel-control-next {
  right: -7rem !important;
}

.factor {
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.factor img {
  z-index: 2;
}

.factor-circle {
  height: 6rem;
  width: 6rem;
}

.mae-icon-container {
  border-top-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.mae-icon {
  width: 100px;
}

/* Small Only */
@media screen and (max-width: 39.9375em) {
  .factor-circle::before {
    width: 200%;
    height: 200%;
    margin-top: -45%;
    margin-left: -42%;
  }

  #factorsCarousel .carousel-control-prev {
    left: -2rem !important;
  }
  
  #factorsCarousel .carousel-control-next {
    right: -2rem !important;
  }
}

/* Medium Only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .factor-circle::before {
    width: 165%;
    height: 165%;
    margin-top: -35%;
    margin-left: -33%;
  }

  #factorsCarousel .carousel-control-prev {
    left: -5rem !important;
  }
  
  #factorsCarousel .carousel-control-next {
    right: -5rem !important;
  }
}

/* Analytics Solutions */

.solutions-card {
  background-color: #00263d;
  border-top-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  transition: all 0.5s ease;
  cursor: pointer;
}

.solutions-card:hover {
  transform: translateY(-15px);
}

.solutions-img-container {
  border-top-right-radius: 0.5rem;
}

.solutions-img {
  filter: invert(1);
}

.solutions-card {
  z-index: 1;
}

/* Labor Market Forecast */

.iir-labor-analytics .crafts-container {
  background: #00263d url("https://media.industrialinfo.com/analytics_forecasting/bg-labor.png") center/cover;
}

.iir-labor-analytics .analytics-region {
  width: 8rem;
  filter: hue-rotate(-40deg);
}

#laborLeaderboard img {
  width: 100%;
}

/* Small Only */
@media screen and (max-width: 39.9375em) {
  .iir-labor-analytics .fa-ul {
    width: 100% !important;
  }
}

/* Medium Only */
@media screen and (min-width: 40em) and (max-width: 64em) {
  .iir-labor-analytics .fa-ul {
    width: 40% !important;
  }
}