main {
  width:auto;
  margin-left: 0;
  margin-right:0;
  max-width:none;
}
.offices .max-width{
  max-width: none;
  width:80%;
  /* margin-left:65px; */
}

.overlay, .office-overlay {
  display: block;
  position: absolute;
  top: -75px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 10000vh;
  background: transparent;
  z-index: 8900;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}
.offices .office-menu-icon {
  position: sticky;
  top: 125px;
}
.offices .office-menu {
background:#EEEEEE;
padding:2em;
width: 150px;
height: 100vh;
webkit-box-shadow: 0px -8px 30px 0px rgb(0 0 0 / 75%);
box-shadow: 0px -8px 30px 0px rgb(0 0 0 / 75%);
-webkit-transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
-o-transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
-webkit-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
visibility: visible;
position:fixed;
left: calc(-125%);
top: 0;
z-index: 11000;
}
.offices .office-menu.active {
left:0;
-webkit-transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
-o-transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
-webkit-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
visibility: visible;
}
.offices .office-menu > div{
  display: flex;
  justify-content: center;
  align-items: center;
}
.offices .office-menu a {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
line-height: 20px;
margin-bottom: 1.25em;
padding: .5em;
width: 100px;
}
.offices .office-menu a svg {
width:40px;
margin-bottom:.5em;
}
.office-menu-icon {
 border-radius: 0;
 background:transparent;
 padding:0;
 margin-top:1em;
 margin-left:1em;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 padding: 0.5em;
 z-index: 5;
}
.office-menu-icon:hover {
background:transparent;
}
h1.heading {
margin-top:0;
}
.office-menu-icon svg{
height:1.5em;
}
@media (min-width:850px) {
.overlay, .office-overlay {
    display: none;
}
.offices {
  display: flex;
  align-items:flex-start;
  column-gap: 1em;
}
.offices .office-menu, .offices .office-menu.active {
  -webkit-box-shadow: none;
  box-shadow: none;
  left:0;
  align-self: flex-start;
  visibility: visible;
  top:107px;
  position:static;
  height:100%;
  min-height: calc(100vh - 107px);
}
.offices .left {
  position:sticky;
  top:107px;
  /* height:calc(100vh - 107px); */
}
.office-menu-icon {
  display:none;
}
h1.heading {
  margin-top:1.5em;
}
.offices .max-width{
  margin-left:auto;
}
}

@media (max-height:700px) {
.offices .office-menu a svg {
  width:30px;
}
.offices .office-menu a {
  font-size:.85em;
  line-height:18px;
}
}

/*****LS specific styles *****/
.offices #ls-menu .office-menu {
  width: 160px;
    padding: 1em;
}
#ls-menu .cls-1{
  fill:var(--ls-dark);
}
#ls-menu .print-1 {
  stroke-miterlimit: 10;
}
#ls-menu .print-1, #ls-menu .print-2, #ls-menu .print-3 {
  fill: none;
  stroke: var(--ls-dark);
  stroke-width: 1.2px;
}
#ls-menu .print-2, #ls-menu .print-3 {
  stroke-linejoin: round;
}
#ls-menu .print-4 {
  fill: var(--ls-dark);
}
#ls-menu .print-3 {
  stroke-linecap: round;
}
#ls-menu .office-menu a svg#IT{
  width:50px;
}
#ls-menu .office-menu a svg#intern{
  width:60px;
}
#ls-menu .office-menu a svg#paper{
  width:30px;
}
#ls-menu-icon svg{
  fill:var(--ls-dark);
}
#ls-menu .office-menu a {
  color:var(--ls-dark);
  width:125px;
  margin:5px auto;
}

#ls-menu .office-menu a:hover{
  /* color:var(--ls-light); */
  color:white;
  background:var(--ls-dark);
}
#ls-menu a:hover .print-4, a:hover .ls-menu-icon svg, #ls-menu a:hover .cls-1 {
  fill:white;
}
#ls-menu a:hover .print-1, #ls-menu a:hover .print-2, #ls-menu a:hover .print-3, #ls-menu a:hover .award-1 {
  /* stroke: var(--ls-light); */
  color:white;
}
#ls-menu a:hover .print-1, #ls-menu a:hover .print-2, #ls-menu a:hover .print-3 {
stroke: white;
}

.no-touchy #ls-menu .menu-container:hover .ls-hover, #ls-menu .menu-container.active .ls-hover{
  display:block;
  }
  #ls-menu .ls-hover{
    display:none;
    position: absolute;
    top: 0;
    left: 110px;
    background: var(--ash);
    -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
    box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
    width:200px;
    text-align: left;
    padding:.5em;
    z-index:1;
  }
  #ls-menu .ls-container:nth-last-of-type(-n+2) .ls-hover{
    top:auto;
    bottom: 0;
  }
  #ls-menu .menu-container{
    position:relative;
  }
  #ls-menu .ls-hover a{
    margin:0;
    text-align:left;
    display:block;
    width:100%;
  }
  #ls-menu .ls-hover div.sub-link {
    color: var(--lag-dark);
    background:transparent;
    font-size: 14px;
    padding:.5em;
    cursor:pointer;
  }
  
  #ls-menu .ls-sub-hover:hover a.sub-link, #ls-menu .ls-sub-hover:hover div.sub-link{
    background:var(--lag-dark);
    color:white;
  }
  
  #ls-menu .ls-hover li{
    padding:0;
  }
  #ls-menu .ls-hover ul{
    margin:0;
  }
  

@media (max-height:700px) {
  #ls-menu .office-menu a svg#IT {
    width: 40px;
  }
  #ls-menu .office-menu a svg#awards{
    width:25px;
  }
  #ls-menu .office-menu a svg#paper{
    width:25px;
  }
}

/*****LFA specific styles *****/
#lfa-menu {
  z-index: 100;
}
.offices #lfa-menu .office-menu {
  padding:2em 0;
  width:130px;
}
#lfa-menu-icon.office-menu-icon {
  background:var(--lfa-dark);
}
 #lfa-menu-icon.office-menu-icon:hover {
  background:var(--lfa-dark-secondary);
 }
 #lfa-menu-icon.office-menu-icon svg {
  fill:white;
 }
#lfa-menu .perf-1 {
stroke-width: 1.5px;
}
#lfa-menu .perf-1, .perf-2 {
  fill: none;
  stroke:var(--lfa-dark);
}
#lfa-menu .menu-container:hover .perf-1, #lfa-menu .menu-container:hover .perf-2, #lfa-menu a.active .perf-1, #lfa-menu a.active .perf-2 {
  stroke:white;
}

#lfa-menu .perf-2 {
stroke-miterlimit: 4;
stroke-width: 1.5px;
}
#lfa-menu .cls-1{
  fill:var(--lfa-dark);
}
#lfa-menu .menu-container:hover .cls-1, #lfa-menu a:hover .cls-1, #lfa-menu a.active .cls-1{
fill:white;
}
#lfa-menu #budget {
width:20px;
}
.offices #lfa-menu .office-menu a {
  color: var(--lfa-dark);
  width:130px;
}
.offices #lfa-menu a:hover, .offices #lfa-menu a.active {
background:var(--lfa-dark);
color:white;
}
.offices #lfa-menu .menu-container:hover a.main-link, .offices #lfa-menu a:hover, .offices #lfa-menu a.active {
background:var(--lfa-dark);
color:white;
}
#lfa-menu .menu-container, #lfa-menu .lfa-sub-hover{
position:relative;
}
.no-touchy #lfa-menu .menu-container:hover .lfa-hover, .no-touchy #lfa-menu .lfa-sub-hover:hover .lfa-sub-menu, #lfa-menu .menu-container.active .lfa-hover, #lfa-menu .lfa-sub-hover.active .lfa-sub-menu{
  display:block;
}
#lfa-menu .lfa-hover{
  display:none;
  position: absolute;
  top: 0;
  left: 130px;
  background: var(--ash);
  -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
  box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
  width:200px;
  text-align: left;
  padding:.5em;
}
#lfa-menu .menu-container:nth-last-of-type(-n+2) .lfa-hover{
  top:auto;
  bottom: 1.25em;
}
#lfa-menu .lfa-sub-menu{
  display:none;
  position: absolute;
  top: 0;
  left: 180px;
  background: var(--ash);
  -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
  box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
  width:200px;
  text-align: left;
  padding:.5em;
}
.offices #lfa-menu .office-menu .lfa-hover a {
  margin:0;
  text-align:left;
  display:block;
  width:100%;
}
#lfa-menu .lfa-hover div.sub-link {
  color: var(--lag-dark);
  background:transparent;
  font-size: 14px;
  padding:.5em;
  cursor:pointer;
}

#lfa-menu .lfa-sub-hover:hover a.sub-link, #lfa-menu .lfa-sub-hover:hover div.sub-link{
background:var(--lag-dark);
color:white;
}

#lfa-menu .lfa-hover li{
padding:0;
}
#lfa-menu .lfa-hover ul{
margin:0;
}

/*****OLAG specific styles *****/
#olag-mod .left {
z-index: 2;
}
#olag-mod h1 {
  margin-top:1.5em;
  padding: 1em 0;
}
#olag-mod.offices h1, #olag-mod.offices h2, #olag-mod.offices h3, #olag-mod.offices h4, #olag-mod.offices h5, #olag-mod.offices h6{
color:var(--lag-dark);
}
/* #olag-mod.offices .max-width {
width: 90%;
} */
#olag-menu-icon.office-menu-icon {
  background:var(--lag-dark);
}
#olag-menu-icon.office-menu-icon:hover {
  background:var(--lag-dark-secondary);
 }

#olag-menu-icon.office-menu-icon svg{
fill:white;
}
.offices #olag-menu .office-menu {
  width:160px;
  padding:1em;
}
#olag-menu svg {
  width:35px;
  margin-bottom:.25em;
}
#olag-menu #rec-svg {
  width:45px;
}
#olag-menu #education-svg {
width:30px;
}
#olag-menu svg .cls-1{
fill:var(--lag-dark);
}
#olag-menu .office-menu a {
color: var(--lag-dark);
font-size:14px;
width:125px;
margin:5px auto;
}
#olag-menu .menu-container:hover a .cls-1, #olag-menu a.active .cls-1{
fill:white;
}
.offices #olag-menu .menu-container:hover a.main-link, .offices #olag-menu a:hover, .offices #olag-menu a.active {
background:var(--lag-dark);
color:white;
}
#olag-menu .menu-container, #olag-menu .olag-sub-hover{
position:relative;
}
.no-touchy #olag-menu .menu-container:hover .olag-hover, .no-touchy #olag-menu .olag-sub-hover:hover .sub-menu, #olag-menu .menu-container.active .olag-hover, #olag-menu .olag-sub-hover.active .sub-menu{
display:block;
}
#olag-menu .olag-hover{
  display:none;
  position: absolute;
  top: 0;
  left: 110px;
  background: var(--ash);
  -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
  box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
  width:200px;
  text-align: left;
  padding:.5em;
  z-index:1;
}
#olag-menu .menu-container:nth-last-of-type(-n+2) .olag-hover{
  top:auto;
  bottom: 0;
}
#olag-menu .sub-menu{
  display:none;
  position: absolute;
  top: .5em;
  background: var(--ash);
  -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
  box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
  width:200px;
  text-align: left;
  padding:.5em;
}
#olag-menu .sub-menu.active{
  display:block;
}
#olag-menu .olag-hover a{
  margin:0;
  text-align:left;
  display:block;
  width:100%;
}
#olag-menu .olag-hover div.sub-link {
  color: var(--lag-dark);
  background:transparent;
  font-size: 14px;
  padding:.5em;
  cursor:pointer;
}

#olag-menu .olag-sub-hover:hover a.sub-link, #olag-menu .olag-sub-hover:hover div.sub-link{
  background:var(--lag-dark);
  color:white;
}

#olag-menu .olag-hover li{
  padding:0;
}
#olag-menu .olag-hover ul{
  margin:0;
}

#olag-menu #bp-secondary-nav {
  width:200px;
}
@media (min-width:850px) {
  #olag-menu #bp-secondary-nav ul{
    column-count:2;
  }
  #olag-menu .sub-menu{
    top: 0;
    left: 180px;
  }
  #olag-menu #bp-secondary-nav {
    width:400px;
  }
}
@media (max-height:700px) and (min-width:850px){
  .offices #olag-menu .office-menu {
    padding:1em;
  }
  #olag-menu .office-menu a {
    margin-bottom:0;
  }
  #olag-menu svg {
    width:25px;
    margin-bottom:.25em;
  }
  #olag-menu #rec-svg {
    width:40px;
  }
  #olag-menu #education-svg {
    width:25px;
  }
}

/*****LRGC specific styles *****/
#lrgc-mod.offices h1, #lrgc-mod.offices h2, #lrgc-mod.offices h3, #lrgc-mod.offices h4, #lrgc-mod.offices h5, #lrgc-mod.offices h6{
  color:var(--lrgc-dark);
}
#lrgc-menu-icon.office-menu-icon {
  background:var(--lrgc-dark);
}
#lrgc-menu-icon.office-menu-icon:hover {
  background:var(--lrgc-dark-secondary);
 }

#lrgc-menu-icon.office-menu-icon svg{
  fill:white;
}
#lrgc-menu svg .cls-1{
  fill:var(--lrgc-dark);
}
#lrgc-menu .office-menu a {
  color: var(--lrgc-dark);
  /* font-size:14px; */
  width:125px;
  margin:5px auto;
}
#lrgc-menu .menu-container:hover a .cls-1, #lrgc-menu a.active .cls-1{
  fill:white;
}
.offices #lrgc-menu .menu-container:hover a.main-link, .offices #lrgc-menu a:hover, .offices #lrgc-menu a.active {
  background:var(--lrgc-dark);
  color:white;
}
#lrgc-menu .menu-container, #lrgc-menu .lrgc-sub-hover{
  position:relative;
}
.no-touchy #lrgc-menu .menu-container:hover .lrgc-hover, .no-touchy #lrgc-menu .lrgc-sub-hover:hover .sub-menu, #lrgc-menu .menu-container.active .lrgc-hover, #lrgc-menu .lrgc-sub-hover.active .sub-menu{
  display:block;
}
#lrgc-menu .lrgc-hover{
  display:none;
  position: absolute;
  top: 0;
  left: 110px;
  background: var(--ash);
  -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
  box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
  width:200px;
  text-align: left;
  padding:.5em;
  z-index:1;
}


/*****Career Connect specific styles *****/
#career-mod.offices h1, #career-mod.offices h2, #career-mod.offices h3, #career-mod.offices h4, #career-mod.offices h5, #career-mod.offices h6{
  color:var(--main-dark);
}
#career-menu-icon.office-menu-icon {
  background:var(--main-dark);
}
#career-menu-icon.office-menu-icon:hover {
  background:var(--main-dark-secondary);
 }
 .offices .office-menu a svg#path-career {
  width:60px;
}
#career-menu-icon.office-menu-icon svg{
  fill:white;
}
#career-menu svg .cls-1{
  fill:var(--main-dark);
}
#career-menu .office-menu a {
  color: var(--main-dark);
  /* font-size:14px; */
  width:125px;
  margin:5px auto;
}
#career-menu a:hover .cls-1, #career-menu a.active .cls-1{
  fill:white;
}
#career-menu .d {
  fill: none;
  stroke: #3a3a3a;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 12px;
}
#career-menu a:hover .d {
  stroke: white;
}
.offices #career-menu .menu-container:hover a.main-link, .offices #career-menu a:hover, .offices #career-menu a.active {
  background:var(--main-dark);
  color:white;
}
#h1-holder.career-header {
  padding: 1em 0;
  margin-bottom: 2em;
  min-height: 10em;
  display: flex;
  align-items: center;
  box-shadow: 3px 3px 5px 1px rgb(0 0 0 / 40%);
  width: calc(100vw - 150px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/images/longCapitol.jpg);
}
#h1-holder.career-header h1 {
  color: white;
  text-align: center;
  font-size: 2.5em;
  margin: 0 auto;
  width: 80%;
  /* line-height: 1.8em; */
  text-shadow: 2px 2px 2px #505050;
  /* white-space: nowrap; */
  
}

@media (max-width:850px) {
  #h1-holder.career-header {
    width: 100vw;
  }
}