/* CSS for Board of Members */

#energyPowerImgDesktopSection {
  display: none;
}

#energyPowerImgTabletSection {
  padding-left: 2em;
  padding-right: 2em;
}

@media (min-width: 768px) {
  #energyPowerImgDesktopSection {
    display: block;
  }

  #energyPowerImgTabletSection {
    display: none;
  }
}

#boardMemberContentSection {
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  #boardMemberContentSection {
    margin-bottom: 23rem;
  }
}

.board-dir-img-container img {
  border-bottom: 8px solid #fdd52e;
}

.board-dir-col {
  margin-bottom: 20px;
}

/* .board-of-directors-desc, .board-headline-font {
color: rgb(99, 99, 99);
} */

.board-dir-info-container {
  margin-top: 10px;
  color: #111;
}

.board-headline-font {
  font-size: 24px;
  margin-bottom: 20px;
}

.board-of-directors-desc {
  line-height: 34px;
}

.board-dir-name {
  font-size: 16px;
}

.board-dir-title {
  font-size: 14px;
  margin-bottom: 1em;
}

.board-dir-line-break {
  background-color: #0069a7;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.board-dir-job-desc {
  font-size: 12px;
}

#meetingsInfoContainer {
  margin-top: 0;
}

@media (min-width: 768px) {
  #meetingsInfoContainer {
    margin-top: -21rem;
  }
}

#boardMeetingCalendarContainer {
  position: relative;
  background-color: white;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 576px) {
  #boardMeetingCalendarContainer {
    padding-bottom: 4rem;
  }
}

#boardMeetingCalendarContainer h2 {
  margin-bottom: 1.5rem;
}

#boardMeetingCalendarContainer .board-meeting-calendar {
  width: 100%;
}
#boardMeetingCalendarContainer .board-meeting-calendar:hover {
  color: white !important;
  background-color: #0069a7;
}

@media (max-width: 575px) {
  #boardMeetingCalendarContainer .board-meeting-calendar {
    font-size: 12px;
    padding: 10px 0;
  }
}
@media (min-width: 767px){
  #boardMeetingCalendarContainer {
    max-width: 90%;
    margin: auto;
  }
}

#meetingsTableSection {
  margin-bottom: -1rem;
}

/* @media (max-width: 767px) {
  #meetingsTableSection {
    margin-bottom: -1rem;
  }
} */

#meetingsTable {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#meetingsTable .tbl-header {
  background-color: #d9edf7!important;
  font-weight: bold;
}

#meetingsTable .tbl-item {
  padding: 5px;
}

@media (min-width: 480px) {
  #meetingsTable .tbl-item {
    padding: 10px;
  }
}

#meetingsTable .tbl-item a {
  color: #00ace2;
  text-decoration: underline;
}

#meetingsTable .tbl-item, #meetingsTableContainer strong {
  font-family: Gotham-Medium, Monserrat-Medium;
  font-size: 18px;
}

#meetingsTableContainer {
  position: relative;
  background-color: white;
  z-index: 1;
  border-style: solid;
  border-width: 10px 5px 10px 5px;
  border-color: #e4ecef;
  /* border: 20px solid #e4ecef; */
  padding: 5px;
  margin: auto;
}

@media (min-width: 480px) {
  #meetingsTableContainer {
    position: relative;
    background-color: white;
    z-index: 1;
    border: 20px solid #e4ecef;
    padding: 10px;
  }
}

@media (min-width: 768px) {
  #meetingsTableContainer {
    border: 40px solid #e4ecef;
    width: 90%;
    /* margin-top: -12rem; */
    margin-bottom: 8rem;
  }
}

#meetingsTableContainer h4 {
  color: black;
  margin-bottom: 1rem;
}

#meetingsTable .tbl-item {
  font-size: 10px;
}

#meetingsTable .tbl-item a {
  font-size: 10px;
}

@media (min-width: 480px) {
  #meetingsTable .tbl-item {
    font-size: 12px;
  }

  #meetingsTable .tbl-item a {
    font-size: 10px;
  }
}

@media (min-width: 1200px) {
  #meetingsTable .tbl-item {
    font-size: 14px;
  }

  #meetingsTable .tbl-item a {
    font-size: 16px;
  }
}

#meetingsTable .tbl-item:not(:nth-last-child(-n+4)) {
  border-bottom: 1px solid;
  border-bottom-color: #e0e0e0;
}

#meetingsTable .tbl-item:nth-child(8n + 1), #meetingsTable .tbl-item:nth-child(8n + 2),
#meetingsTable .tbl-item:nth-child(8n + 3), #meetingsTable .tbl-item:nth-child(8n + 4) {
  background-color: #f9f9f9;
}

#meetingsTable .tbl-item:nth-child(5n + 1) {
  -ms-grid-column: 1;
}

#meetingsTable .tbl-item:nth-child(5n + 2) {
  -ms-grid-column: 2;
}

#meetingsTable .tbl-item:nth-child(5n + 3) {
  -ms-grid-column: 3;
}

#meetingsTable .tbl-item:nth-child(5n + 4) {
  -ms-grid-column: 4;
}

#meetingsTable .tbl-item:nth-child(5n + 5) {
  -ms-grid-column: 5;
}

#meetingsTable .tbl-row-1 {
  -ms-grid-row: 2;
}

#meetingsTable .tbl-row-2 {
  -ms-grid-row: 3;
}

#meetingsTable .tbl-row-3 {
  -ms-grid-row: 4;
}

#meetingsTable .tbl-row-4 {
  -ms-grid-row: 5;
}

#meetingsTable .tbl-row-5 {
  -ms-grid-row: 6;
}

#meetingsTable .tbl-row-6 {
  -ms-grid-row: 7;
}

#meetingsTable .tbl-row-7 {
  -ms-grid-row: 8;
}

#meetingsTable .tbl-row-8 {
  -ms-grid-row: 9;
}

#meetingsTable .tbl-row-9 {
  -ms-grid-row: 10;
}

#meetingsTable .tbl-row-10 {
  -ms-grid-row: 11;
}

#meetingsTable .tbl-row-11 {
  -ms-grid-row: 12;
}

#meetingsTable .tbl-row-12 {
  -ms-grid-row: 13;
}

#meetingsTable .tbl-row-13 {
  -ms-grid-row: 14;
}

#meetingsTable .tbl-row-14 {
  -ms-grid-row: 15;
}

#meetingsTable .tbl-row-15 {
  -ms-grid-row: 16;
}

#meetingsTable .tbl-row-16 {
  -ms-grid-row: 17;
}

@media (max-width: 991px) {
  .board-of-directors-desc {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .board-of-directors-desc {
    font-size: 14px;
    line-height: 23px;
  }
}

@media (max-width: 575px) {
  #boardMemberContentSection {
    padding: 0 32px;
  }

  .board-dir-img-container img {
    width: 100%;
  }

  #energyPowerImgTabletSection {
    padding-left: 1em;
    padding-right: 1em;
  }

  .normal-section-pad-top-bot {
    padding-top: 2em;
  }
}