:root {
  --color-main: #00BDF2;
}

body.napco {
  --color-main: #AF3034;
}

body {
  font-family: "Proxima Nova W01 Regular", helvetica, arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: #000;
}

.holder {
  text-align: center;
}

.holder h3 {
  font-family: "Proxima Nova W01 Bold", helvetica, arial, sans-serif;
}

.default-page .entry,
.account-content .widget,
section.holder.text-band,
.holder .column-left {
  text-align: left;
  max-width: 600px;
}

#contributor_form > fieldset,
.default-page .entry,
.account-content .widget,
section.holder.text-band {
  background-color: #fff;
  border-radius: 3px;
  border-width: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}


section.holder.text-band .inner {
  padding: 1em;
}

.padding {
  padding: 1em;
}

h2.page-title {
  font-size: 3em;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}

.holder header {
  background-color: #EB008B;
  padding: 2em 1em;
}

.logo a {
  display: inline-block;
  width: 260px;
  height: 110px;
  background-image: url(https://logos.napco.com/printing_united/printing_united_alliance/horizontal/color_black/printing_united_alliance_horiz_rgb_600.png);
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.napco .logo a {
  background-image: url(https://logos.napco.com/napco_media/horizontal/color_black/napco_media_horizontal_color_k_rgb_600.png);
}

.napco .logo.npp a {
  background-image: url(https://logos.napco.com/nonprofit_pro/horizontal/color_black/nonprofit_pro_horizontal_rgb_600.png);
}

.napco .logo.tr a {
  background-image: url(https://logos.napco.com/total_retail/horizontal/black/total_retail_horiz_000_600.png);
}

.napco .logo.wir a {
  background-image: url(https://logos.napco.com/women_in_retail/horizontal/color_black/WIR_horz_pk_rgb_600.png);
}

.button {
  font-family: "Proxima Nova W01 Bold", helvetica, arial, sans-serif;
  display: inline-block;
  background-color: var(--color-main);
  color: #fff;
  text-transform: uppercase;
  font-size: .8em;
  padding: .3em 1em;
  text-align: center;
  cursor: pointer;
  min-width: 80px;
  border: 2px var(--color-main) solid;
  text-decoration: none !important;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: 3px;
}

.button:hover {
  background-color: #fff;
  color: var(--color-main);
}

.button[disabled] {
  background: none #ccc !important;
  background-color: #ccc !important;
  cursor: default !important;
  border-color: #999;
  color: #fff;
}

.inner .account-content {
  margin-top: 0;
}

.inner .account-content.logged-in {
  margin-top: 1em;
}

footer.footer .logo a {
  display: none;
}

header.header .inner {
  padding: 0 2em;
}

header.header .flex {
  justify-content: space-between;
  align-items: center;
}

#cssmenu ul li a {
  font-family: "Proxima Nova W01 Bold", helvetica, arial, sans-serif;
  margin-left: 2em;
  padding: .5em 1em;
  text-transform: uppercase;
  font-size: 14px;
}

#cssmenu ul li a:hover {
  color: var(--color-main);
}

#cssmenu ul li:last-of-type a {
  background-color: var(--color-main);
  color: #fff;
  border: 2px var(--color-main) solid;
}

#cssmenu ul li:last-of-type a:hover {
  background-color: #fff;
  color: var(--color-main);
}

section.holder.page-title {
  background-color: var(--color-main);
  text-align: left;
  color: #fff;
  font-size: 2.5em;
}

section.page-title .inner {
  padding: 1.25em;
  line-height: 1;
}

section.page-title .inner h1 {
  font-family: "Proxima Nova W01 Bold", helvetica, arial, sans-serif;
  font-weight: normal;
}

section.holder {
  background-color: #E9E9E9;
}

body.home section.home {
  background-color: #efefef;
  background-image: url(../images/laptop-trans.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

footer.footer.holder {
  margin-top: 0;
}

.default-page .entry .entry {
  padding: 0;
}

section.holder.text-band .text-band-text p:last-of-type,
.default-page .entry p:last-of-type {
  padding-bottom: 0;
}

.account-content {
  margin-left: 1em;
}

.left-column > section.holder > header.padding {
  display: none;
}

.footer .menu_footer li {
  display: inline-block;
  margin: .5em 1em;
  font-family: "Proxima Nova W01 Bold", helvetica, arial, sans-serif;
  text-transform: uppercase;
}

.footer .flex {
  justify-content: flex-start;
}

.footer .brands {
  text-align: left;
  margin-right: 10em;
}

.footer .brands img {
  max-width: 240px;
}

.footer nav {
  margin-bottom: 1.5em;
}

.footer-nav-section.menus {
  text-align: center;
}

.footer-nav-section.menus p {
  font-size: .75em;
}

.footer-nav-section.menus a:hover {
  color: var(--color-main);
}

.account-content .widget {
  background-color: #fff;
  padding: 1.5em;
  margin-bottom: 2em;
  border-width: 0;
}

.account-content.logged-in .widget .padding {
  /*display: none;*/
  padding: 1em 0 .5em 0;
}

.account-content .widget h3 {
  color: #000;
  background-color: #fff;
  border-bottom-color: #000;
  padding: 0;
  text-transform: uppercase;
  font-size: 1.25em;
}

.account-content.logged-in .widget.expanded h3,
.account-content.logged-in .widget h3:hover {
  color: #000;
  background-color: #fff;
  cursor: pointer;
}

.account-content.forgot-password {
  margin-left: 0;
}

.password-note {
  margin-top: 1em;
  font-size: .75em;
}


@media (max-width: 550px) {
  .napco .logo a {
    height: 62px;
  }

  .header .inner .flex {
    align-items: flex-end;
  }

  .header .inner .flex>div:first-of-type {
    width: 300px;
  }
}