/* Waffle Menus */
.pageHeader {
  display: flex;
  align-items: center;
  justify-content: center;
}

.threeByWrapper > h2:nth-child(1) {
  padding-top: 50px;
  margin-bottom: 10px;
}

.threeByWrapper > h2:not(:nth-child(1)) {
  padding-top: 80px;
  margin-bottom: 10px;
}

.navPrimary {
  font-family: 'Nunito', sans-serif;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshdTQ3j6zbXWjgeg.woff2) format('woff2');
  color: var(--navigation-color);
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
  padding: 0 16px;
  margin: 6px;
  text-transform: uppercase;
}

.navPrimaryActive {
  color: var(--primary-nav-link-selected-color);
}

/* Flexbox layouts */
.flexRow {
  display: flex;
  flex-flow: row nowrap;
}

.flexColumn {
  display: flex;
  flex-flow: column nowrap;
}

.header {
  display: flex;
  padding: 13px 25px;
  align-items: center;
  justify-content: space-between;
  -webkit-box-shadow: 0 4px 6px -6px #666;
  -moz-box-shadow: 0 4px 6px -6px #666;
  box-shadow: 0 4px 6px -6px #666;
}

.header > section.logo > a {
  display: flex;
  align-items: center;
}

img.logo {
  width: 5%;
  min-width: 25px;
}

.productName {
  font-weight: 200;
  color: rgba(79, 117, 139, 1);
}

a > li[role='menuitem'] {
  margin: 5px 20px;
  font-size: 0.8em;
  color: rgba(102, 102, 102, 0.871);
  font-weight: 300;
}

.Nav a,
.Nav Button {
  font-size: 0.75em;
  color: #666;
  font-weight: 300;
  font-family: 'Roboto';
}

.Nav a:hover,
.Nav Button:hover,
a > li[role='menuitem']:hover {
  color: var(--pmg-purple);
  background: none;
  font-weight: 300;
}

.Nav > section {
  display: flex;
  align-items: center;
}

.arrow-dropdown {
  margin-left: 5px;
  align-self: center;
}

.menuIcons {
  align-items: center;
  justify-content: center;
}

.menuIcons > img:nth-child(1) {
  margin: 0 10px;
}

.user-arrow {
  cursor: pointer;
  margin: 0 10px;
  align-self: center;
}

#user-menu
  > div.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation1.MuiPaper-root.MuiMenu-paper.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation8.MuiPopover-paper.css-1poimk-MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper
  > ul
  > li {
  font-size: 0.75em;
  font-weight: 200;
  color: rgba(102, 102, 102, 0.871);
}

#user-menu
  > div.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation1.MuiPaper-root.MuiMenu-paper.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation8.MuiPopover-paper.css-1poimk-MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper
  > ul
  > li:hover {
  color: rgba(0, 193, 213, 1);
}

.separator {
  margin: 0 10px;
  font-size: 30px;
  -webkit-box-shadow: 2px 0 2px -2px #000;
  -moz-box-shadow: 2px 0 2px -2px #000;
  box-shadow: 2px 0 2px -2px #000;
}

.waffleIcon {
  padding-left: 10px;
  cursor: pointer;
}

#megaMenuPopover
  > div.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation0.MuiPopover-paper.css-12awvsk-MuiPaper-root-MuiPopover-paper {
  padding: 20px 10px;
  min-height: 300px;
  width: 100%;
  overflow: hidden;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

.megaMenu .flexColumn:not(:first-child) {
  width: 20%;
}

.productLogo {
  max-height: 200px;
  min-height: 150px;
}

.hubCol {
  max-width: 275px;
  min-width: 200px;
  font-size: 14px;
  font-weight: 300;
  color: var(--standard-text-color);
}

.threeByWrapper > div {
  padding: 75px 0;
}

.searchBox {
  width: 500px;
  border: 1px solid rgba(102, 102, 102, 0.871);
  border-radius: 10px;
  align-content: center;
}

.searchBox > img {
  margin: 5px 5px 0 5px;
}

.MuiInputBase-root.MuiInput-root.MuiInput-underline.MuiInputBase-colorPrimary.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-adornedEnd:before,
.MuiInputBase-root.MuiInput-root.MuiInput-underline.MuiInputBase-colorPrimary.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-adornedEnd:after {
  border: none;
}

.MuiInputBase-input.MuiInput-input {
  font-size: 0.9rem;
  color: var(--standard-text-color);
}

#user-menu > div > ul {
  padding: 0;
}

#user-menu > div > ul > li {
  font-family: 'Roboto', sans-serif;
}

.popupCloseX {
  margin-right: 5px;
  cursor: pointer;
}

#user-menu
  > div.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation1.MuiPaper-root.MuiMenu-paper.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation8.MuiPopover-paper.css-1poimk-MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper {
  border-radius: 0;
  box-shadow: 0px 0px 4px 0px #0000004d;
}