:root{
}

:root{
}

.program-navigation-bottom{ margin-bottom:2rem; }

.program-navigation{
  grid-column:1 / -1;
}

@media (min-width: 1000px){

.program-navigation{
		grid-column:2 / -1
}
	}

@media (min-width: 1600px){

.program-navigation{
		grid-column:4 / -1
}
	}

.program-navigation{
  margin:1.5rem 0;
  padding:0;
  border:none;
  -webkit-box-shadow:none;
  box-shadow:none; }

.program-navigation .navbar{
    width:auto;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    height:2rem;
  }

@media (min-width: 500px){

.program-navigation .navbar{
      -webkit-box-pack:start;
      -ms-flex-pack:start;
      justify-content:flex-start
  }
        .program-navigation .navbar.navbar-small .navitem.navitem-ellipsis{
          display:none;
        }
    }

.program-navigation .navbar .navItemWrapper{
      height:100%;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-pack:justify;
      -ms-flex-pack:justify;
      justify-content:space-between;
      -webkit-box-flex:1;
      -ms-flex:1;
      flex:1;
    }

@media (min-width: 500px){

.program-navigation .navbar .navItemWrapper{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        -webkit-box-flex:0;
        -ms-flex:0;
        flex:0
    }
      }

.program-navigation .navbar .navItemWrapper .navitem{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        width:2rem;
        margin:0 3px;
      }

.program-navigation .navbar .navItemWrapper .navitem.navitem-ellipsis{
          margin:0;
          width:1rem;
        }

.program-navigation .navbar .navItemWrapper .navitem.navitem-ellipsis .navlink{
            border:none;
            border-radius:0;
          }

.program-navigation .navbar .navItemWrapper .navitem.navitem-ellipsis .navlink .ellipsis:before{
              content:"···";
              font-weight:500;
              font-size:1rem;
            }

.program-navigation .navbar .navItemWrapper .navitem.navitem-ellipsis.hidden{
            display:none;
          }

.program-navigation .navbar .navItemWrapper .navitem.navitem-level-1, .program-navigation .navbar .navItemWrapper .navitem.navitem-level-2{
          display:none;
        }

@media (min-width: 500px){

.program-navigation .navbar .navItemWrapper .navitem{
          margin:0 7px
      }
          .program-navigation .navbar .navItemWrapper .navitem.navitem-level-1{
            display:-webkit-box;
            display:-ms-flexbox;
            display:flex;
          }
        }

@media (min-width: 700px){
            .program-navigation .navbar .navItemWrapper .navitem.ellipsis-sibling + .navitem-ellipsis{
              display:none;
            }
          .program-navigation .navbar .navItemWrapper .navitem.navitem-level-2{
            display:-webkit-box;
            display:-ms-flexbox;
            display:flex;
          }
        }

.program-navigation .navbar .navItemWrapper .navitem .navlink{
          border-radius:25px;
          border:1px solid #d9d9d9;
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex;
          -webkit-box-align:center;
          -ms-flex-align:center;
          align-items:center;
          -webkit-box-pack:center;
          -ms-flex-pack:center;
          justify-content:center;
          width:100%;
          height:100%;
          font-size:0.9rem;
        }

.program-navigation .navbar .navItemWrapper .navitem .navlink.active{
            -webkit-animation:unset;
            animation:unset;
            border:none;
            background-color:#46b48e;
          }

.program-navigation .navbar .navItemWrapper .navitem .navlink.active a{
              color:white;
            }

.program-navigation .navbar .navItemWrapper .navitem .navlink a{
            text-decoration:none;
            width:inherit;
            height:inherit;
            display:-webkit-box;
            display:-ms-flexbox;
            display:flex;
            -webkit-box-align:center;
            -ms-flex-align:center;
            align-items:center;
            -webkit-box-pack:center;
            -ms-flex-pack:center;
            justify-content:center;
            color:#303030;
          }

.program-navigation .navbar .navItemWrapper .navitem .navlink a .linkspanner-text{
              -ms-flex-item-align:center;
              -ms-grid-row-align:center;
              align-self:center;
              width:-webkit-max-content;
              width:-moz-max-content;
              width:max-content;
              line-height:1.2;
            }

.program-navigation .navbar .navItemWrapper .navitem:hover .navlink a .linkspanner-text{
                  color:var(--primary-1);
                }

.program-navigation .navbar .navbutton{
      position:relative;
      width:auto;
      height:auto;
    }

.program-navigation .navbar .navbutton .linkbutton{
        padding:0.25rem;
        background-color:transparent;
        border:none;
      }

.program-navigation .navbar .navbutton.back-button, .program-navigation .navbar .navbutton.forward-button{
      width:auto;
    }

.program-navigation .navbar .navbutton.back-button .linkbutton, .program-navigation .navbar .navbutton.forward-button .linkbutton{
        width:24px;
        height:24px;
        background-color:#46b48e;
        -webkit-mask-image:url(../../icons/arrows/chevron.svg);
        mask-image:url(../../icons/arrows/chevron.svg);
        -webkit-mask-repeat:no-repeat;
        mask-repeat:no-repeat;
        -webkit-mask-position:center center;
        mask-position:center center;
        -webkit-mask-size:100% 100%;
        mask-size:100% 100%;
      }

.program-navigation .navbar .navbutton.back-button{
      -webkit-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
      transform:rotate(180deg);
    }

.program-navigation-bottom{
  grid-column:1 / -1;
  height:4rem;
}

.program-navigation-bottom > div, .program-navigation-bottom .navbar{
    height:inherit;
  }

@media (min-width: 700px){

.program-navigation-bottom{
    -ms-grid-column:1;
    -ms-grid-column-span:3;
    grid-column:1 / 4
}
  }

@media (min-width: 1000px),(min-width: 1200px),(min-width: 1440px){

.program-navigation-bottom{
    -ms-grid-column:4;
    -ms-grid-column-span:4;
    grid-column:4 / 8
}
  }

.program-navigation-bottom .navbar{
    max-width:300px;
    margin:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
  }