/*Table Styling -------------------------------------------------- */

table.historyTable th td {
    border-collapse: collapse;
  }
  
  table.historyTable tr:nth-child(even) {
    background-color: #e2efd9;
  }
  
  table.historyTable tr:nth-child(odd) {
    background-color: #fff;
  }
  
  table.historyTable th {
    background-color: #70ad47;
    color: white;
  }
  
  table.historyTable td {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  
  table.historyTable th {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  table.historyTable td {
    border: 1px solid #e4e4e4;
    padding: 1em;
  }
  table.historyTable td {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  
  /* ALCAWEB Homepage -------------------------------------------------- */
  
  .jcExpertSearch {
    background-color: #ff6a00 !important;
    padding-left: 50px !important;
    color: #fff !important;
    border: none !important;
    background-image: url(images/template/ico_professional.png) !important;
    background-position: 10px 45% !important;
    background-repeat: no-repeat;
    background-size: 30px !important;
  }
  
  .body-container .jcExpertSearch {
    padding-left: 48px !important;
    background-image: url(images/template/ico_professional.png);
    margin: 0.5em;
    background-size: 30px;
    font-weight: 500;
    background-position: 10px;
  }
  
  .jcMiniHead {
    margin-bottom: 1em;
  }
  
  /* Member Resources Page Styling */
  
  .jlMemberResourcesSection2 {
    background-image: url(images/template/watercolor2.png);
    background-size: cover;
    width: 50%;
    padding: 2em;
    margin: 0.5em;
  }
  
  .jlMemberResourcesSection2 h2 {
    color: white;
    text-shadow: 3px 3px #777777;
    font-size: 2.25em;
  }
  
  .jlMemberResourcesSection1 {
    background-image: url(images/template/watercolor3.png);
    background-size: 150%;
    width: 50%;
    padding: 2em;
    margin: 0.5em;
  }
  
  .jlMemberResourcesSection1 h2 {
    color: #0055b7;
    text-shadow: 3px 3px #ffffff;
    font-size: 2.25em;
  }
  
  .jlMemberResourcesLinkBox {
    padding: 0.5em;
    box-shadow: 3px 3px #777777;
    background-color: white;
    width: 75%;
  }
  
  .jlMemberResourcesLinkBox p {
    font-size: 1.25em;
    font-weight: 500;
  }
  
  @media (max-width: 950px) {
    .jlMemberResourcesSection2,
    .jlMemberResourcesSection1 {
      width: 100%;
    }
    .jlMemberResourcesSection1 h2,
    .jlMemberResourcesSection2 h2 {
      font-size: 1em;
    }
  }
  @media (max-width: 400px) {
    .jlMemberResourcesLinkBox {
      width: 95%;
    }
  }
  
  /*ACCORDION DROPDOWN STYLING */
  .accordionButton {
    background: #888888;
    width: 100%;
    text-align: left;
    font-weight: 600;
    padding: 1%;
    color: #fff;
    font-size: 25px;
  }
  
  .jcButton {
    background: #97d700;
    width: 100%;
    text-align: left;
    font-weight: 600;
    padding: 1%;
    color: #fff;
    font-size: 25px;
  }
  
  /* Feature Box Rules -------- */
  /* eventBox was previously called jcBlueSparkles. I didn't make any changes to it other than making the name less specific. */
  
  .eventBox {
    margin-top: 1em;
    min-height: 500px;
    background-size: cover;
    width: 49%;
  }
  
  @media (max-width: 750px) {
    .eventBox {
      width: 100%;
    }
  }
  
  .jcRightBar .eventBox {
    width: 100%;
    min-height: 300px;
  
    background-repeat: no-repeat;
  }
  
  .jcRightBar .eventBox h1,
  .jcRightBar .eventBox p {
    color: #fff;
    max-width: 100%;
  }
  
  .eventBox {
    background-image: url(images/template/events_bg.png);
    margin-right: 1%;
    padding: 2em;
  }
  
  .eventBox h1,
  .eventBox p {
    color: #fff;
    max-width: 70%;
  }
  .eventBox p {
    margin-bottom: 2em;
  }
  .eventBox a {
    margin-top: 2em;
    color: #fff;
  }
  
  .eventBox h5 {
    color: #4b9eff;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-size: 14px;
    font-weight: 500;
    font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco",
      "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
  }
  .eventBox h1h1 {
    line-height: 1.2em;
    font-weight: 600;
  }
  
  /* jlFeatureBox is for featureboxes in the side bar or homepage. */
  
  .jlFeatureBox {
    margin-top: 1em;
    min-height: 500px;
    background-size: cover;
    width: 49%;
  }
  .jcRightBar .jlFeatureBox {
    width: 100%;
    min-height: 300px;
  
    background-repeat: no-repeat;
  }
  
  .jcRightBar .jlFeatureBox h1,
  .jcRightBar .jlFeatureBox p {
    color: #fff;
    max-width: 100%;
  }
  
  .jlFeatureBox {
    background-image: url(images/template/watercolor2.png);
    margin-right: 1%;
    padding: 2em;
  }
  .jlFeatureBox p {
    color: #fff;
    max-width: 70%;
  }
  
  .jlFeatureBox h1 {
    color: #fff;
    max-width: 70%;
    text-shadow: 3px 3px #777777;
  }
  
  .jlFeatureBox p {
    margin-bottom: 2em;
  }
  .jlFeatureBox a {
    margin-top: 2em;
    color: #fff;
  }
  
  .jlFeatureBox h5 {
    color: #4b9eff;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-size: 14px;
    font-weight: 500;
    font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco",
      "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
  }
  .jlFeatureBox h1h1 {
    line-height: 1.2em;
    font-weight: 600;
  }
  
  .jlFeatureBox img {
    box-shadow: 3px 3px #77777787;
  }
  
  .jlFeatureBox .TextButton {
    box-shadow: 1px 1px 1px rgb(12 16 0) !important;
    background-color: #9bd80a !important;
    color: #ffffff !important;
    border: 2px solid #69900e !important;
  }
  
  /* jlALCMonth is for Aging Life Care Month Features in the side bar or homepage. 
  
  
  .jlALCMonth 
  {
  margin-top:1em;
  min-height: 500px;
  background-size: cover;
  width:49%;
  }
  .jcRightBar .jlALCMonth
  {
  width:100%;
  min-height: 300px;
  
  background-repeat: no-repeat;
  }
  
  .jcRightBar .jlALCMonth h1,.jcRightBar .jlALCMonth p 
  {
  color:#fff;
  max-width:100%;
  }
  
  .jlALCMonth
  {
  background-image: url(images/template/alcmFeature.png);
  margin-right:1%;
  padding: 2em;
  }
  .jlALCMonth p 
  {
  color:#fff;
  max-width:70%;
  
  }
  
  .jlALCMonth h1
  {
  color:#fff;
  max-width:70%;
  text-shadow: 3px 3px #777777;
  }
  
  
  
  .jlALCMonth p 
  {
  
  margin-bottom:2em;
  }
  .jlALCMonth a 
  {
      margin-top: 2em;
      color: #fff;
  }
  
  .jlALCMonth h5{
  color: #4B9EFF;
  text-transform: uppercase;
  letter-spacing: .3px;
  font-size: 14px;
  font-weight: 500;
  font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
  }
  .jlALCMonth h1h1 
  {
      line-height: 1.2em;
      font-weight: 600;
  }
  
  .jlALCMonth img
  {
  box-shadow: 3px 3px #77777787;
  }
  
  .jlALCMonth .TextButton
  {
  box-shadow: 1px 1px 1px rgb(12 16 0)!important;
      background-color: #9bd80a!important;
      color: #ffffff!important;
      border: 2px solid #69900e!important;
  
  }
  */
  
  .jlALCMonth {
    margin-top: 1em;
    min-height: 500px;
    background-size: cover;
    width: 49%;
  }
  .jcRightBar .jlALCMonth {
    width: 100%;
    min-height: 300px;
  
    background-repeat: no-repeat;
  }
  .jcRightBar .jlALCMonth {
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .jlALCMonth {
    background-image: url(images/template/alcmFeature.png);
    margin-left: 1%;
    padding: 1em;
  }
  
  .jlALCMonth {
    background-position: right;
  }
  .jlALCMonth .TextButton {
    background-color: white;
  }
  
  @media (max-width: 767px) {
    .jlALCMonth {
      margin-top: 1em;
      min-height: 500px;
      background-size: cover;
      width: 100%;
      margin-left: 0px;
    }
  }
  
  /*jlJune is for featureboxes in the side bar or homepage for the month of June */
  
  .jlJune {
    margin-top: 1em;
    min-height: 500px;
    background-size: cover;
    width: 49%;
  }
  .jcRightBar .jlJune {
    width: 100%;
    min-height: 300px;
  
    background-repeat: no-repeat;
  }
  .jcRightBar .jlJune {
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .jlJune {
    background-image: url(images/template/juneFeature.png);
    margin-left: 1%;
    padding: 1em;
  }
  
  .jlJune {
    background-position: right;
  }
  .jlJune.TextButton {
    background-color: white;
  }
  
  @media (max-width: 767px) {
    .jlJune {
      margin-top: 1em;
      min-height: 500px;
      background-size: cover;
      width: 100%;
      margin-left: 0px;
    }
  }
  
  /*July is for featureboxes in the side bar or homepage for the month of July */
  
  .jlJuly {
    margin-top: 1em;
    min-height: 500px;
    background-size: cover;
    width: 49%;
  }
  .jcRightBar .jlJuly {
    width: 100%;
    min-height: 300px;
  
    background-repeat: no-repeat;
  }
  .jcRightBar .jlJuly {
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .jlJuly {
    background-image: url(images/template/orangeWinkFeature.png);
    margin-left: 1%;
    padding: 1em;
  }
  
  .jlJuly {
    background-position: right bottom;
  }
  .jlJuly.TextButton {
    background-color: white;
  }
  
  /* This rule doesn't work for some reason */
  .jlJuly .PageTitle {
    color: white !important;
    font-weight: 600 !important;
  }
  
  @media (max-width: 767px) {
    .jlJuly {
      margin-top: 1em;
      min-height: 500px;
      background-size: cover;
      width: 100%;
      margin-left: 0px;
    }
  }
  
  .jlVidFeature {
    margin-top: 16px;
    padding: 16px;
    border-style: solid;
    border-width: 5px;
    border-color: #8cc5e7;
  }
  
  .jlVidFeature h1 {
    font-weight: 600;
  }
  
  /* .jlJuly .jcWhiteBox
  {
      background-color: #4B9EFF;
      min-height: 460px;
          max-width: 70%;
      border-top: 4px solid fff;
      padding: 1em;
      padding-right:10%;
      color: #fff !important;
  }
  .jlJuly h5, .jcWhiteBox h5 {
      color: fff;
      text-transform: uppercase;
      letter-spacing: .3px;
      font-size: 14px;
      font-weight: 500;
      font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
  } */
  
  /*jlConference is for featureboxes in the side bar or homepage for promoting the annual conference. */
  
  .jlConference .TextButton {
    background-color: white;
    color: #4b9eff;
  }
  
  .jlConference {
    margin-top: 1em;
    min-height: 500px;
    background-size: cover;
    width: 49%;
  }
  
  @media (max-width: 750px) {
    .jlConference {
      width: 100%;
    }
  }
  
  .jcRightBar .jlConference {
    width: 100%;
    min-height: 300px;
  
    background-repeat: no-repeat;
  }
  
  .jcRightBar .jlConference h1,
  .jcRightBar .jlConference p {
    color: #fff;
    max-width: 100%;
  }
  
  .jlConference {
    background-image: url(images/template/alca_conference.png);
    margin-right: 1%;
    padding: 2em;
  }
  .jlConference h1,
  .jlConference p {
    color: #fff;
    max-width: 70%;
  }
  .jlConference p {
    margin-bottom: 2em;
  }
  .jlConference a {
    margin-top: 2em;
    color: #fff;
  }
  
  .jlConference h5 {
    color: #4b9eff;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-size: 14px;
    font-weight: 500;
    font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco",
      "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
  }
  .jlConference h1h1 {
    line-height: 1.2em;
    font-weight: 600;
  }
  
  /*ALCA Partner Overview page*/
  /* JC Modified version */
  
  .corpPartnerBox {
    background-image: url(images/template/CorporatePartner.png);
    float: left;
    min-height: 20vw;
    background-size: 100%;
    position: relative;
    background-repeat: no-repeat;
  }
  
  .acadPartnerBox {
    background-image: url(images/template/AcademicPartner.png);
    float: left;
    min-height: 20vw;
    background-size: 100%;
    position: relative;
    background-repeat: no-repeat;
  }
  
  .acadPartnerBox a,
  .corpPartnerBox a {
    font-family: "Work Sans", sans-serif;
    font-size: 2em;
    color: #fff !important;
    font-weight: 600;
    border-bottom: none;
    text-shadow: 1px 2px #777777;
    background-image: url(images/template/bu_arrow_right.png);
    background-repeat: no-repeat;
    background-size: 55px;
    background-position: right;
    text-decoration: none;
    line-height: 1em;
    padding-right: 60px;
    height: 60px;
    margin-top: 6vw;
    margin-left: 1vw;
    position: absolute;
    display: block;
    max-width: 95%;
    padding-top: 12px;
  }
  .acadPartnerBox a:hover,
  .corpPartnerBox a:hover {
    text-decoration: underline;
  }
  
  @media (max-width: 1450px) {
    .acadPartnerBox a,
    .corpPartnerBox a {
      margin-left: 1vw;
      margin-right: 1vw;
      font-size: 28px;
      padding-top: 14px;
    }
  }
  @media (max-width: 1200px) {
    .acadPartnerBox,
    .corpPartnerBox {
      width: 100%;
      font-size: 2em;
      padding-top: 12px;
      height: 40vw;
    }
    .acadPartnerBox a,
    .corpPartnerBox a {
      margin-top: 14vw;
      margin-left: 5vw;
    }
  }
  @media (max-width: 767px) {
    .acadPartnerBox,
    .corpPartnerBox {
      height: 55vw;
    }
    .acadPartnerBox a,
    .corpPartnerBox a {
      margin-top: 18vw;
      margin-left: 5vw;
    }
  }
  @media (max-width: 500px) {
    .acadPartnerBox a,
    .corpPartnerBox a {
      margin-top: 12vw;
      margin-left: 1vw;
      font-size: 24px;
      padding-top: 16px;
    }
  }
  
  /* End JC Modifications */
  
  .corpPartnerOverview {
    background-image: url(images/template/CorporatePartner.png);
    float: left;
  }
  
  .acaPartnerOverview {
    background-image: url(images/template/AcademicPartner.png);
    float: right;
  }
  .acaPartnerOverview,
  .corpPartnerOverview {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 23em;
    padding-bottom: 10em;
    width: 50%;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .acaPartnerOverview a {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    text-decoration: none;
    /* Makes sure the link doesn't get underlined */
    z-index: 10;
    /* raises anchor tag above everything else in div */
    background-color: white;
    /*workaround to make clickable in IE */
    opacity: 0;
    /*workaround to make clickable in IE */
    filter: alpha(opacity=0);
    /*workaround to make clickable in IE */
  }
  
  .corpPartnerOverview a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    /* Makes sure the link doesn't get underlined */
    z-index: 10;
    /* raises anchor tag above everything else in div */
    background-color: white;
    /*workaround to make clickable in IE */
    opacity: 0;
    /*workaround to make clickable in IE */
    filter: alpha(opacity=0);
    /*workaround to make clickable in IE */
  }
  
  .alcaPartnerCaption {
    width: 75%;
    text-align: left;
    padding: 20px;
    background-image: url(images/template/bu_arrow_right.png);
    background-repeat: no-repeat;
    background-size: 55px;
    background-position: 90% 40%;
  }
  
  .alcaPartnerCaption p {
    font-family: "Work Sans", sans-serif;
    font-size: 2em;
    color: #fff !important;
    font-weight: 600;
    border-bottom: none;
    text-shadow: 1px 2px #777777;
  }
  
  @media (max-width: 950px) {
    .acaPartnerOverview,
    .corpPartnerOverview {
      float: left;
      width: 100%;
    }
  
    .alcaPartnerCaption {
      width: 100%;
      padding: 5%;
    }
  }
  
  /*White Papers and eBooks page styles*/
  
  .whitePapereBook {
    float: left;
    margin-bottom: 1em;
  }
  
  .whitePapereBook img {
    margin-right: 0.5em;
  }
  
  /*This is so it has a white border on the orange box*/
  .jcOrangeBG .jcExpertSearch {
    border: 2px solid #fff !important; /*This is so it has a white border on the orange box*/
  }
  
  .jcOrangeBG .jcExpertSearch:hover {
    background-color: #4b9eff !important;
  }
  
  /*Editorial Board sidebar for Journal*/
  .editorialBoard {
    background-color: #4c8c42;
    color: #fff;
    text-align: center;
    padding: 0.5em;
  }
  
  .editorialBoard p {
    font-size: 0.75em;
    color: #fff;
  }
  
  .editorialBoard h3 {
    font-size: 1.25em;
    color: #fff;
  }
  
  .editorialBoard h4 {
    font-size: 1em;
    color: #fff;
  }
  
  /* storeItem for the rows of items on the store page */
  
  table.storePages td {
    border: 1px solid #e4e4e4 !important;
    padding: 1em;
  }
  
  .storeItem {
    padding: 0.5em;
    border-style: solid;
    border-width: 5px;
    border-color: #8cc5e7;
  }
  
  img.storeItem {
    width: 100%;
  }
  
  .storeItem h3 {
    text-align: center;
  }
  
  /*board images for chapter presidents and stuff */
  .chapterBoard {
    height: 165px;
    padding: 5px;
  }
  
  .chapterBoard img {
    margin-right: 1em;
    width: 150px;
  
    float: left;
  }
  
  .boardList {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
  }
  
  .boardItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em;
    border-radius: 5px;
    box-shadow: 0px 5px 5px 1px rgb(119 103 110);
    /*alternative style to box shadow:     border-bottom: 3px solid #aed2ff; */
  padding: 5px 20px 5px 5px;
  }
  
  .boardItem img {
    margin-right: 1em;
    width: 150px;
    border-radius: 5px;
  }
  
  /* jlContainer for making responsive boxes for YouTube Embeds */
  .jlContainer {
    border-style: solid;
    border-width: 5px;
    border-color: #8cc5e7;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
  
    float: left;
  }
  
  .jlContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .staffInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  
  /* Cleaned up Staff page with flex cards */
  .staffItem{
      display: flex;
      align-items: center;
      /* justify-content: space-between; */
      margin-bottom: 1em;
      border-radius: 5px;
      box-shadow: 0px 5px 5px 1px rgb(119 103 110);
      padding: 5px 20px 0px 0px;
      
  }
  
  .staffItem img{
      margin-right: 1em;
      width: 250px;
  }
  
  .staffList{
      display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  }


  /*Cleaned up Staff Page with Grid*/

  .staffGrid{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      grid-auto-rows: minmax(100px, auto);
  }

  .staff1{
      grid-column: 1 / 2;
      grid-row: 1;
  }
  
  .staff2{
    grid-column: 2 / 3;
    grid-row: 1;
}

.staff3{
    grid-column: 1 / 2;
    grid-row: 2;
}
  
.staff4{
    grid-column: 2 / 3;
    grid-row: 2;
}  

.staff5{
    grid-column: 1 / 2;
    grid-row: 3;
}
  
.staff6{
    grid-column: 2 / 3;
    grid-row: 3;
}  

.staff7{
    grid-column: 1 / 2;
    grid-row: 4;
}


@media (max-width: 1630px) {
.staffItem{
     justify-content: center; 
}
   
    .staffGrid{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        grid-auto-rows: minmax(100px, auto);
    }
  
    .staff1{
        grid-column: 1 / 2;
        grid-row: 1;
    }
    
    .staff2{
      grid-column: 1 / 2;
      grid-row: 2;
  }
  
  .staff3{
    grid-column: 1 / 2;
      grid-row: 3;
  }
    
  .staff4{
    grid-column: 1 / 2;
      grid-row: 4;
  }  
  
  .staff5{
      grid-column: 1 / 2;
      grid-row: 5;
  }
    
  .staff6{
    grid-column: 1 / 2;
      grid-row: 6;
  }  
  
  .staff7{
      grid-column: 1 / 2;
      grid-row: 7;
  }
  }

  @media (max-width: 500px) {

  .staffItem{
margin-bottom: 0;
  padding: 20px;
  flex-wrap: wrap;
}
  }



  
  .jobBoardCard{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    box-shadow: 0px 5px 5px 1px rgb(119 103 110);
    padding: 1em;
    border-radius: 20px;
  }
  

.shadowImage{
float: right;
margin: .5em;
border-radius: 5px;
box-shadow: 0px 5px 5px 1px rgb(119 103 110);
}