/* INFORMATION BANNER STYLES */
.information-banner-grid-with-receptionist {
  display: grid;
  grid-template-columns: 0.2fr 0.5fr 1fr;
  grid-template-rows: 0.1fr 1fr 0.5fr;
  grid-gap: 2em 1em;
  border: 1px solid #da291c;
  color: #000;
  margin: 0.5em 0.5em;
  background-color: #ffffff;
  justify-content: right;
  align-items: center;
  height: 95%;
}

.information-banner-left-fullnotice {
  grid-column: 2 / span 1;
  grid-row: 2 / span 1;
  background-image: url("/custom/shaw/images/2023_Rogers_Business_FULL_Stacked_DA291C_NO_TM_RGB_EN.png");
  background-size: contain;
  min-height: 50%;
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat no-repeat;
}

.information-banner-left {
  grid-column: 1 / span 1;
  height: auto;
  width: auto;
  max-width: 300px;
  max-height: 300px;
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat no-repeat;
}

.information-banner-middle-header {
  text-align: right;
  font-family: TedNext-Regular;
  font-size: max(1vw, 14px);
}

.information-banner-center-text {
  text-align: center;
}

.information-banner-middle-header-bold {
  font-family: TedNext-Bold;
  font-size: max(1vw, 14px);
  color: #da291c;
}

.information-banner-middle-text {
  text-align: left;
  grid-row: 2 / span 1;
  grid-column: 3 / span 2;
  font-family: TedNext-Regular;
  font-size: max(1vw, 14px);
}

.information-banner-text-styles-small {
  text-align: left;
  font-family: TedNext-Regular;
  font-size: max(0.7vw, 14px);
}

.information-banner-receptionist {
  grid-column: 3 / span 1;
  grid-row: 3 / span 1;
}

.information-banner-receptionist-sub-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.information-banner-receptionist-button {
  grid-column: 3 / span 1;
  grid-row: 4 / span 1;
}

/* Tablet friendly */
@media screen and (max-width: 1000px) {
  .information-banner-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1.5fr 0.5fr;
    grid-gap: 1.5em 1.5em;
    border: 1px solid grey;
    background-color: #ffffff;
  }

  .information-banner-grid-with-receptionist {
    display: grid;
    padding: 1%;
    margin: 0.1em 0.1em;
    grid-template-rows: 0.7fr 0.7fr 0.5fr;
    grid-template-columns: 1fr;
    grid-gap: 2em 1em;
    color: #000;
    margin: 0.5em 0.5em;
    background-color: #ffffff;
    justify-content: right;
    align-items: center;
    height: 95%;
  }

  .information-banner-middle-header-bold {
    font-family: TedNext-Bold;
    font-size: max(2vw, 13px);
  }

  .information-banner-left-fullnotice {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
    background-image: url("/custom/shaw/images/2023_Rogers_Business_FULL_Stacked_DA291C_NO_TM_RGB_EN.png");
    background-size: contain;
    min-width: 100px;
    min-height: 75px;
    align-items: center;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat no-repeat;
    color: #da291c;
  }

  .information-banner-middle-header {
    text-align: center;
    grid-row: 2 / span 1;
  }

  .information-banner-middle-text {
    text-align: center;
    grid-column: 1 / span 1;
  }

  .information-banner-text-styles {
    text-align: left;
  }

  .information-banner-receptionist {
    grid-row: 3 / span 1;
    grid-column: 1 / span 1;
    text-align: center;
    padding-left: 2.5%;
  }

  .information-banner-receptionist-button {
    grid-row: 4 / span 1;
    grid-column: 1 / span 1;
    text-align: center;
    align-items: center;
  }

  .information-banner-text-styles-small {
    font-size: max(0.7vw, 12px);
  }
}