html {
  background-color: #ffffff;
}
body {
  background-color: #ffffff;
  font-family: brandon-grotesque, sans-serif !important;
  color: #373634 !important;
}
td {
  font-family: brandon-grotesque, sans-serif !important;
}
.sfdc_richtext {
  font-family: brandon-grotesque, sans-serif !important;
}
form {
  background-color: #ffffff;
}
.tertiaryPalette {
  background-color: rgba(221, 215, 208, 0.8) !important;
  font-family: brandon-grotesque, sans-serif !important;
  color: #373634 !important; 
}
.tertiaryPalette h1, .tertiaryPalette h2, .tertiaryPalette h3, .tertiaryPalette h4, .tertiaryPalette h5, .tertiaryPalette h6 {
  font-family: brandon-grotesque, sans-serif !important;
  color: #373634 !important; 
}
#opaquePortalTemplate {
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
#MCDialog {
  border: none;
  padding: 1rem;
}
.popupBorder {
  border: none;
  padding: 0;
}
#MCDialog button {
  display: block;
  margin: 1rem auto 0;
  border: none;
  border-radius: 0;
  padding: .5rem 2rem;
  background: none;
  background-color: #b8d538;
  font-size: 1.125rem;
  text-transform: uppercase;
  line-height: 1.125rem;
  color: #373634;
  cursor: pointer;
  transition: color 200ms linear, background-color 200ms linear;
}
#MCDialog button:hover {
  color: #b8d538;
  background-color: #6f6c68;
}
#consortium-logo {
  display: none;
}
.pm-brown-bar {
  width: 100%;
  height: 35px;
  background-color: #373634;
}
.masthead-bottom-nav {
  position: relative;
  display: block;
  float: none;
  height: 35px;
  max-width: 1122px;
  margin: 0 auto;
  margin-right: auto !important;
  padding-right: 0px !important;
  font-family: brandon-grotesque, sans-serif;
}
.masthead-bottom-nav ul {
  padding: 0 0 0 220px;
}
.masthead-bottom-nav ul li a {
  font-size: 1rem !important;
  line-height: 35px;
  color: #ffffff;
  text-transform: uppercase;
  transition: color 200ms linear;
  margin-right: 60px;
}
.masthead-bottom-nav ul li a:hover {
  text-decoration: none;
  color: #b8d538;
}
.portal-masthead-master {
  position: relative;
  top: 0px;
  height: 70px;
  background-color: rgba(221, 215, 208, 0.8) !important;
}
.portal-masthead {
  height: auto;
}
#client-logos {
  position: relative;
}
#location-info {
  position: relative;
}
.pm-logo {
  position: relative;
  top: -35px;
  float: left;
}
.apexp {
  width: 70.125rem;
  max-width: 100%;
}
.pm-coop-logo-wrapper {
  margin-left: 0px !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
}
#client-logos {
  border: none;
  height: auto;
  max-height: 70px;
  width: auto !important;
  background-color: transparent !important;
  box-shadow: none;
}
#client-logos img {
  width: auto;
  max-height: 50px;
  max-width: 100% !important;
  background-color: transparent;
  border: none;
  margin: 10px 0px;
}
.pm-project-title-cart {
  position: relative;
  max-width: 300px;
  margin-left: auto;
}
#project-name {
  max-width: 100%;
  margin-left: auto;
  padding-top: 5px;
}
#project-name a{
  font-size: 1rem;
  line-height: 1rem;
  color: #373634;
  text-transform: uppercase;
  font-weight: 700;
  cursor:pointer;
  transition: color 200ms linear;
}
#project-name a:hover {
  text-decoration: none;
  color: #b8d538;
}
#cart-div{
  margin: 0px auto 0 !important;
  margin-right: 0px;
  margin-left: auto;
  width: 100% !important;
}
#cart-image {
  padding: 0px 3px;
  margin: 0px;
}
#cart-image a {
  display: block;
}
#cart-image img {
  width: 50px;
  height: 50px;
}
#cart-text {
  padding: 0px 0px 0px 55px;
  margin-top: 10px !important;
}
.content-container {
  background-color: #ffffff;
  margin: 40px auto 0px;
  height: auto;
}
table.EoProgressMap > tbody > tr > td.curr, table.EoProgressMap > tbody > tr > td.curr + td:before {
  background: #2e7d32 !important;
  color: #ffffff !important;
}
table.EoProgressMap > tbody > tr > td.prev, table.EoProgressMap > tbody > tr > td.prev:before, table.EoProgressMap > tbody > tr > td.curr:before {
  background: #2e7d32 !important;
  color: #ffffff !important;
}
table.EoProgressMap > tbody > tr > td.curr *, table.EoProgressMap > tbody > tr > td.prev * {
  color: #ffffff !important;
}
.content-container-inner {
  width: 70.125rem;
}
h1.noSecondHeader, .mainTitle {
  font-family: brandon-grotesque, sans-serif !important;
  color: #373634 !important;
  text-transform: uppercase !important;
  font-size: 2rem !important;
}
.pbHeader {
  border: none !important;
  font-family: brandon-grotesque, sans-serif !important;
  color: #373634 !important;
  text-transform: uppercase !important;
  font-size: 2rem !important;
}
.pbTitle h1, .pbTitle h2, .pbTitle h3, .pbTitle h4, .pbTitle h5, .pbTitle h6 {
  color: #373634 !important;
}     
body .bPageBlock .pbTitle h1, body .bPageBlock .pbTitle h2, body .bPageBlock .pbTitle h3, body .bPageBlock .pbTitle h4, body .bPageBlock .pbTitle h5, body .bPageBlock .pbTitle h6 {
  color: #373634 !important;
} 
.pbBody {
  margin: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.pbBody .pbSubsection {
  box-shadow: none;
  padding: 15px 0px;
}
.pbBody .pbSubheader h3 {
  font-size: 1.5em !important;
}
div[id*="AccountDetailsFormID"] .pbSubheader h3 {
  font-size: 1.5em !important;
}
body .bPageBlock, body #bodyCell .bResource .secondaryPalette, body .secondaryPalette.bPageBlock, body .individualPalette .secondaryPalette.bPageBlock, body .bodyDiv .genericTable, body .genericPageBlockTable, body .bodyDiv .bSubBlock, body .bComponentBlock .bPageBlock, body .bMyDashboard .bPageBlock, body.rlHoverFrame .bPageBlock, body.subjectSelectionPopup div.choicesBox, body.lookupTab .secondaryPalette.bPageBlock, body.popupTab .secondaryPalette.bPageBlock, body.UserTagStatsPage .secondaryPalette.bPageBlock {
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
div[id$='AvailableProgramsTitleId'] {
  padding: 15px 0px 0px 0px;
}
.bPageBlock .detailList tr td, .bPageBlock .detailList tr th, .hoverDetail .bPageBlock .detailList tr td, .hoverDetail .bPageBlock .detailList tr th {
  border-bottom: 0px solid transparent;
}
.data2Col label {
  color: #373634;
  font-weight: 700;
}
.bPageBlock .labelCol, body .print .topics-label {
  text-align: left;
}
#projDispSelector {
  padding: 0px !important;
}
input[type="submit"], input[type="button"] {
  background-color: #b8d538 !important;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1rem;
  color: #373634;
  margin: 0px;
  margin-right: 10px;
  margin-top: 10px;
  transition: color 200ms linear, background-color 200ms linear;
}
input[type="submit"]:focus, input[type="button"]:focus {
  outline: none;
}
input[type="submit"]:active, input[type="button"]:active {
  outline: none;
}
input[type="submit"]:hover, input[type="button"]:hover {
  color: #b8d538;
  background-color: #373634 !important;
}
.detailList .helpOrb {
  position: initial;
}
.footer-message {
  float: left;
  max-width: 45%;
  color: #373634;
  background-color: #ffffff;
}
.portal-footer {
  max-width: 55%;
  margin-bottom: 0px;
  margin: 0px;
  margin-left: auto;
  display: inline-block;
}
.footer-brown-bar {
  clear: both;
  background-color: #373634;
  text-align: center;
  color: #ffffff;
  font-size: 0.625rem;
  line-height: 1.125rem;
  margin-top: 30px;
  padding: 10px;
}
.hamburger-menu-wrapper {
  display: none;
}
.mobile-menu {
  display: none;
}

@media screen and (max-width: 767px) {
  .mobile-menu {
    display: block;
    position: fixed;
    top: 0px;
    left: -1000px;
    bottom: 0px;
    width: 100%;
    z-index: 9999;
    color: #ffffff;
    background-color: #373634;
    overflow: hidden;
    transition: left  200ms linear;
  }
  .mobile-menu.open {
    left: 0px;
  }
  .mobile-menu .close {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 36px;
    line-height: 36px;
    cursor: pointer;
  }
  .mobile-menu ul {
    list-style: none;
    padding-left: 0px;
  }
  .mobile-menu a {
    font-size: 1rem !important;
    font-weight: 700;
    line-height: 35px;
    color: #6f6c68;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 200ms linear;
  }
  .mobile-menu a:hover {
    color: #ffffff;
    text-decoration: none;
  }
  .portal-masthead-master {
    height: 35px;
  }
  .masthead-bottom-nav {
    display: none;
  }
  .hamburger-menu-wrapper {
    display: block;
    float: right;
    padding: 5px;
    cursor: pointer;
  }
  .hamburger-menu-wrapper .hamburger-line {
    width: 25px;
    height: 3px;
    background-color: white;
    margin: 4px 0;
  }
  .pm-logo {
    width: 90%;

  }
  .pm-logo svg {
    max-width: 100px;
    max-height: 80px;
  }
  #client-logos {
    margin-left: 0px !important;
    margin-top: -30px !important;
  }
  #client-logos img {
    max-height: 40px;
  }
  #cart-div {
    margin-top: -30px !important;
  }
  .content-container {
    margin: 85px auto 0px;
  }
  h1.noSecondHeader, .mainTitle { 
    font-size: 1.5rem !important;
    line-height: 1.5rem;
  }
  input[type="submit"], input[type="button"] {
    display: block;
    width: 100%;
  }
  .pbSubsection {
    padding: 15px 0px !important;
    overflow: scroll;
  }
  table {
    width: 100%;
    max-width: 100%;
  }
}

/* WCAG: neutralize native <button> chrome for controls converted from
   <div> to <button> for keyboard/semantic support. .mobile-menu .close
   already sets position/top/right/font-size/line-height at higher
   specificity (two classes vs. one class + tag), so those are unaffected
   here -- this reset only adds the button-chrome properties (background,
   border, padding, margin, color, font) that a bare div never had. Padding
   on #hamburgerMobileMenu is intentionally left alone -- .hamburger-menu-wrapper
   already sets padding: 5px, which must be preserved. */
button#hamburgerMobileMenu {
	background: transparent;
	border: none;
	margin: 0;
}

button.close {
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	font: inherit;
	color: inherit;
	cursor: pointer;
}