:root{
}

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

.program-navigation .navbar{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    text-align:center;
    color:#313637;
  }

.program-navigation .navbar h1{
      margin:0;
      padding:0;
      font-weight:100;
      line-height:2.8125rem;
    }

.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:#0a3706;
          }

.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:#0a3706;
        -webkit-mask-image:url(../../icons/navigation/chevron.svg);
        mask-image:url(../../icons/navigation/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);
    }

@media (min-width: 1000px){

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

@media (min-width: 1600px){

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

.navbutton{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:distribute;
  justify-content:space-around;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  text-align:center;
  vertical-align:middle;
  border:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  padding:0;
}

.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;
	}

.dashboard-messages{
  width:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:distribute;
  justify-content:space-around;
  text-align:center;
  color:#313637;
  margin-bottom:20px;
  margin-left:25px;
  margin-right:25px;
}

.dashboard-messages p{
    font-size:90%;
  }

.dashboard-messages h3{
    margin-bottom:1em;
    margin-top:1em;
  }

.dashboard-messages h3:not(:last-child){
      margin-bottom:0;
    }

.primary-btn{
	background-color:#0a3706;
	color:white;
	height:1.6rem;
	border:none;
	border-radius:15px;
	padding:0.2rem 1rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:0.9rem;
	font-weight:300;
	text-decoration:none;
}

.primary-btn:hover{
		color:white;
	}

.primary-btn.chevron .linkspanner{
			width:0.8rem;
			height:0.8rem;
			margin:0 0 0 0.5rem;
			background-color:white;
			-webkit-mask-image:url(../../icons/navigation/chevron.svg);
			mask-image:url(../../icons/navigation/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%;
		}

.primary-btn.label-first{
		-webkit-box-orient:horizontal;
		-webkit-box-direction:reverse;
		-ms-flex-direction:row-reverse;
		flex-direction:row-reverse;
  }

.primary-btn.label-first .linkspanner{
			margin:0 0.5rem 0 0;
      -webkit-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
      transform:rotate(180deg);
    }
