/* Header user action bar styles */

.site-header {
  position: fixed;
  width: 100%;
  z-index: 9999;
}

.hide-header .site-header,
.hide-header .site-header-fake-height {
  display: none;
}

.site-header-fake-height {
  width: 100%;
  height: 120px;
}

.header-links-navy-bar {
  height: 40px;
  position: absolute;
  top: -40px;
  right: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}

.header-links-navy-bar a,
.header-links-navy-bar .sign-in-button,
.header-links-navy-bar .get-started-button {
  background: none;
  color: #fff;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-transform: none;
  font-weight: 400;
  font-size: 15px;
  transition: 250ms all;
  cursor: pointer;
  text-decoration: none;
  padding: 0;
  white-space: nowrap;
}

@media only screen and (max-width: 670px) {
  .header-links-navy-bar a {
    display: none;
  }
}

.header-links-navy-bar a:hover {
  color: #ABB5CD;
  background: none;
}

.action-buttons-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 10px;
}

@media only screen and (max-width: 1100px) {
  .action-buttons-wrapper {
    flex: auto;
  }
}

.sign-in-button,
.header-button-gradient-fill,
.sneak-peek-button {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 20px;
  height: 46px;
  font-family: urw-din-condensed, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  transition: 250ms all;
  cursor: pointer;
  text-decoration: none;
  border-radius: 5px;
}

.sign-in-button {
  color: #0A2447;
  background-color: #F4F6FC;
}

.sign-in-button.mobile {
  color: #0A2447;
  background-color: #ffffff;
}

.sign-in-button:hover {
  color: #0A2447;
  background-color: #D0D7E8;
}

.sign-in-button.mobile:hover {
  color: #0590D5;
  background-color: #FFFFFF;
}

.header-button-gradient-stroke-wrapper {
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  height: 46px;
  font-family: urw-din-condensed, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  color: #FFFFFF;
  background: linear-gradient(90deg, #0590D5, #00CAE0);
  transition: 250ms all;
  cursor: pointer;
  text-decoration: none;
  border-radius: 5px;
  z-index: 1;
}

.header-button-gradient-stroke-wrapper::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #0E5996, #0590D5, #04A5D5);
  z-index: -1;
  transition: opacity 250ms;
  opacity: 0;
  border-radius: 5px;
}

.header-button-gradient-stroke-wrapper:hover::before {
  opacity: 1;
}

.header-button-gradient-stroke {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 20px;
  height: 42px;
  font-family: urw-din-condensed, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  transition: 250ms all;
  cursor: pointer;
  text-decoration: none;
  border-radius: 2.5px;
  color: #ffffff;
  background-color: #ffffff;
}

.header-button-gradient-stroke.mobile {
  background-color: #F4F6FC;
}

.header-button-gradient-stroke:hover {
  color: #ffffff;
}

.header-button-gradient-stroke-text {
  position: absolute;
  height: 18px;
  color: #0590D5;
  background: -webkit-linear-gradient(180deg, #00CAE0, #0590D5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 250ms all;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}

.header-button-gradient-stroke-text-hover {
  position: absolute;
  height: 18px;
  color: #0A2447;
  background: -webkit-linear-gradient(0deg, #0E5996, #0590D5, #04A5D5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 250ms all;
  opacity: 0;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}

.header-button-gradient-stroke-wrapper:hover .header-button-gradient-stroke-text-hover {
  opacity: 1;
}

.header-button-gradient-fill {
  position: relative;
  color: #FFFFFF;
  background: linear-gradient(90deg, #0590D5, #00CAE0);
  z-index: 1;
}

.header-button-gradient-fill::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #0E5996, #0590D5, #04A5D5);
  z-index: -1;
  transition: opacity 250ms;
  opacity: 0;
  border-radius: 5px;
}

.header-button-gradient-fill:hover::before {
  opacity: 1;
}

.header-button-gradient-fill:hover {
  color: #ffffff;
}

@media only screen and (max-width: 1100px) {
  .sign-in-button,
  .header-button-gradient-stroke-wrapper,
  .header-button-gradient-stroke,
  .header-button-gradient-fill {
    width: 100%;
  }
}

/* Header links styles */

.header-link-bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 0 5px 0 20px;
  height: 80px;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: rgba(23, 40, 94, 0.08) 0px 4px 24px;
}

@media only screen and (max-width: 1100px) {
  .header-link-bar {
    padding-left: 0px;
  }
}

.header-links-wrapper {
  height: 100%;
  display: flex;
  align-items: stretch;
  flex-direction: row;
}

@media only screen and (max-width: 1100px) {
  .header-links-wrapper > *:not(.action-buttons-wrapper) {
    display: none;
  }
}

@media only screen and (max-width: 670px) {
  .header-links-wrapper {
    display: none;
  }
}

.header-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 20px;
  z-index: 1;
  font-family: urw-din-condensed, sans-serif;
  text-transform: uppercase;
  font-size: 15px;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  color: #0A2447;
  transition: 250ms all;
}

.header-icons {
  display: inline-flex;
  color: #0A2447;
  height: 10px;
  width: 10px;
  margin-left: 11px;
  transition: transform 250ms;
}

.header-icons path {
  transition: transform 250ms;
}

.header-new-button-container {
  width: 100%;
  display: flex;
  align-items: center;
  height: 60px;
  min-height: 60px;
  padding: 0 16px;
  background: #ffffff;
  border-bottom: 1px solid #D0D7E8;
}

.header-new-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}

.header-new-button {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  height: 28px;
  font-family: urw-din-condensed, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  transition: 250ms all;
  cursor: pointer;
  text-decoration: none;
  border-radius: 8px;
  color: #FFFFFF;
  background-color: #214595;
}

.header-new-button:hover,
.header-new-button:focus {
  color: #FFFFFF;
  background-color: #0590D5;
}

/* Header link hover states */

.header-link:hover {
  color: #0590D5;
  transition: 250ms all;
}

/* Header link active states */

.header-link-with-dropdown-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-dropdown-active {
  color: #0590D5;
}

.header-dropdown-active .header-icons {
  transform: rotate(180deg);
}

.header-dropdown-active .header-icons path,
.header-link-with-dropdown-wrapper:hover .header-icons path {
  fill: #0590D5;
}

/* Dropdown styles */

.header-dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 80px;
  left: 50%;
  transform: translate(-50%);
  height: 0;
  width: calc(100vw - 30px);
  max-width: 1100px;
  max-height: calc(100vh - 100px);
  background-color: #FFFFFF;
  box-shadow: rgba(23, 40, 94, 0.08) 0px 4px 24px;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
}

.header-dropdown.header-dropdown-why-plumbs,
.header-dropdown.header-dropdown-resources,
.header-dropdown-features {
  position: fixed;
  top: 120px;
  right: 15px;
  transform: inherit;
  left: inherit;
}

.logged-in .header-dropdown.header-dropdown-why-plumbs,
.logged-in .header-dropdown.header-dropdown-resources,
.logged-in .header-dropdown.header-dropdown-features {
  top: 152px;
}

@media only screen and (max-width: 1220px) {
  .header-dropdown.header-dropdown-solutions,
  .header-dropdown.header-dropdown-features {
    position: fixed;
    top: 120px;
    right: 15px;
    transform: inherit;
    left: inherit;
  }

  .header-dropdown.header-dropdown-solutions,
  .header-dropdown.header-dropdown-features {
    top: 152px;
  }
}

.site-header .header-dropdown-row {
  display: flex;
  flex-direction: row;
}

.site-header .header-dropdown-container {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  background-color: #ffffff;
}

/*

The dropdown is made up of 4 columns.

Each column is 275px wide. 40px left/right padding and 195px width. 40 + 195 + 40 = 275

So if using all 4 columns, the dropdown would be 1100px wide.

If only using 2, it'd be 670px wide.

The "data-dropdown-columns" attribute is visually showing how many columns are being used and how they're being used.

"1" represents a single column.

"11" means 1 column, spaning 2 but also setup so that it's buttons span only 50% width
so they create faux columns using flex-direction: row and flex-wrap: wrap

"1*"" means it's one column that's stretching to span 2 columns. But it won't be using any faux columns.
Buttons will be at 100% width and it'll use flex-direction: column.

"11**" would mean a single column spanning all 4 columns and using faux columns.




Every column comes with 80px padding, 40px on each side.
So that's why a column with 2 faux columns would be 80px less wide than 2 columns.

*/
.header-dropdown[data-dropdown-columns="1*"] {
  max-width: calc(40px + 195px + 195px + 40px);
}

.header-dropdown[data-dropdown-columns="11**"],
.header-dropdown[data-dropdown-columns="1*1*"] {
  max-width: calc(40px + 195px + 195px + 195px + 195px + 40px);
}

.header-dropdown[data-dropdown-columns="11-1"] {
  max-width: calc(40px + 195px + 195px + 40px + 40px + 195px + 40px);
}

.header-dropdown[data-dropdown-columns="1-11"] {
  max-width: calc(40px + 195px + 40px + 40px + 195px + 195px + 40px);
}

.header-dropdown[data-dropdown-columns="1-1-1"] {
  max-width: calc(40px + 195px + 40px + 40px + 195px + 40px + 40px + 195px + 40px);
}

.header-dropdown[data-dropdown-columns="1*-1"] {
  max-width: calc(40px + 195px + 195px + 40px + 40px + 195px + 40px);
}

.header-dropdown[data-dropdown-columns="1-1*"] {
  max-width: calc(40px + 195px + 40px + 40px + 195px + 195px + 40px);
}

.header-dropdown[data-dropdown-columns="1*-11"],
.header-dropdown[data-dropdown-columns="11-1*"] {
  max-width: calc(40px + 195px + 195px + 40px + 40px + 195px + 195px + 40px);
}

.header-dropdown[data-dropdown-columns="1-1"] {
  max-width: calc(40px + 195px + 40px + 40px + 195px + 40px);
}

.header-dropdown[data-dropdown-columns="1-1*1*"] {
  max-width: calc(40px + 195px + 40px + 40px + 195px + 195px + 195px + 195px + 40px);
}

.header-dropdown[data-dropdown-columns="1*1*-1"] {
  max-width: calc(40px + 195px + 195px + 195px + 195px + 40px + 40px + 195px + 40px);
}

.header-dropdown[data-dropdown-columns="1*-1*"] {
  max-width: calc(40px + 195px + 195px + 40px + 40px + 195px + 195px + 40px);
}

.site-header .header-dropdown[data-dropdown-columns="1*"] .header-dropdown-row .header-dropdown-container,
.site-header .header-dropdown[data-dropdown-columns="11**"] .header-dropdown-row .header-dropdown-container {
  width: 100%;
}

.site-header .header-dropdown[data-dropdown-columns="11-1"] .header-dropdown-row .header-dropdown-container:nth-child(1),
.site-header .header-dropdown[data-dropdown-columns="1-11"] .header-dropdown-row .header-dropdown-container:nth-child(2),
.site-header .header-dropdown[data-dropdown-columns="1*-1"] .header-dropdown-row .header-dropdown-container:nth-child(1),
.site-header .header-dropdown[data-dropdown-columns="1-1*"] .header-dropdown-row .header-dropdown-container:nth-child(2) {
  width: 63%;
}

.site-header .header-dropdown[data-dropdown-columns="1*1*"] .header-dropdown-row .header-dropdown-container,
.site-header .header-dropdown[data-dropdown-columns="1-1"] .header-dropdown-row .header-dropdown-container,
.site-header .header-dropdown[data-dropdown-columns="1*-11"] .header-dropdown-row .header-dropdown-container,
.site-header .header-dropdown[data-dropdown-columns="11-1*"] .header-dropdown-row .header-dropdown-container,
.site-header .header-dropdown[data-dropdown-columns="1*-1*"] .header-dropdown-row .header-dropdown-container {
  width: 50%;
}

.site-header .header-dropdown[data-dropdown-columns="1-1-1"] .header-dropdown-row .header-dropdown-container,
.site-header .header-dropdown[data-dropdown-columns="1-1*1*"] .header-dropdown-row .header-dropdown-container,
.site-header .header-dropdown[data-dropdown-columns="1*1*-1"] .header-dropdown-row .header-dropdown-container,
.site-header .header-dropdown[data-dropdown-columns="11-1"] .header-dropdown-row .header-dropdown-container:nth-child(2),
.site-header .header-dropdown[data-dropdown-columns="1-11"] .header-dropdown-row .header-dropdown-container:nth-child(1),
.site-header .header-dropdown[data-dropdown-columns="1*-1"] .header-dropdown-row .header-dropdown-container:nth-child(2),
.site-header .header-dropdown[data-dropdown-columns="1-1*"] .header-dropdown-row .header-dropdown-container:nth-child(1) {
  width: 37%;
}

.site-header .header-dropdown[data-dropdown-columns="1-1"] .header-dropdown-row .header-dropdown-container:nth-child(2),
.site-header .header-dropdown[data-dropdown-columns="1-1-1"] .header-dropdown-row .header-dropdown-container:nth-child(2),
.site-header .header-dropdown[data-dropdown-columns="1-1-1"] .header-dropdown-row .header-dropdown-container:nth-child(3),
.site-header .header-dropdown[data-dropdown-columns="1*1*-1"] .header-dropdown-row .header-dropdown-container:nth-child(3),
.site-header .header-dropdown[data-dropdown-columns="11-1"] .header-dropdown-row .header-dropdown-container:nth-child(2),
.site-header .header-dropdown[data-dropdown-columns="1-11"] .header-dropdown-row .header-dropdown-container:nth-child(2),
.site-header .header-dropdown[data-dropdown-columns="1*-11"] .header-dropdown-row .header-dropdown-container:nth-child(2),
.site-header .header-dropdown[data-dropdown-columns="11-1*"] .header-dropdown-row .header-dropdown-container:nth-child(2),
.site-header .header-dropdown[data-dropdown-columns="1*-1"] .header-dropdown-row .header-dropdown-container:nth-child(2),
.site-header .header-dropdown[data-dropdown-columns="1-1*"] .header-dropdown-row .header-dropdown-container:nth-child(2),
.site-header .header-dropdown[data-dropdown-columns="1*-1*"] .header-dropdown-row .header-dropdown-container:nth-child(2) {
  border-left: 1px solid #D0D7E8;
}

.site-header .header-dropdown[data-dropdown-columns] .header-dropdown-row .header-dropdown-container.featured-column-event,
.site-header .header-dropdown[data-dropdown-columns] .header-dropdown-row .header-dropdown-container.featured-column-custom-event {
  border-left: none;
}

.site-header .header-dropdown-gradient,
.site-header .header-dropdown-container.featured-column-event::before,
.site-header .header-dropdown-container.featured-column-custom-event::before {
  position: relative;
  width: 100%;
  height: 40px;
  min-height: 40px;
  background: linear-gradient(rgba(23,40,94,.07),rgba(23,40,94,0) 40%);
}

.site-header .header-dropdown-container.featured-column-event::before,
.site-header .header-dropdown-container.featured-column-custom-event::before {
  content: "";
  position: absolute;
  top: -40px;
  z-index: 2;
}

.site-header .header-mobile-menu .header-dropdown-container.featured-column-event::before,
.site-header .header-mobile-menu .header-dropdown-container.featured-column-custom-event::before {
  top: 20px;
}

.site-header .header-dropdown[data-dropdown-columns="1-1"] .header-dropdown-gradient::after,
.site-header .header-dropdown[data-dropdown-columns="1-11"] .header-dropdown-gradient::after,
.site-header .header-dropdown[data-dropdown-columns="11-1"] .header-dropdown-gradient::after,
.site-header .header-dropdown[data-dropdown-columns="1*-11"] .header-dropdown-gradient::after,
.site-header .header-dropdown[data-dropdown-columns="11-1*"] .header-dropdown-gradient::after,
.site-header .header-dropdown[data-dropdown-columns="1*-1"] .header-dropdown-gradient::after,
.site-header .header-dropdown[data-dropdown-columns="1-1*"] .header-dropdown-gradient::after,
.site-header .header-dropdown[data-dropdown-columns="1*-1*"] .header-dropdown-gradient::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 40px;
  background-color: #D0D7E8;
}

.site-header .header-dropdown[data-dropdown-columns="1-11"] .header-dropdown-gradient::after,
.site-header .header-dropdown[data-dropdown-columns="1-1*"] .header-dropdown-gradient::after {
  left: 37%;
}

.site-header .header-dropdown[data-dropdown-columns="1-1"] .header-dropdown-gradient::after,
.site-header .header-dropdown[data-dropdown-columns="1*-11"] .header-dropdown-gradient::after,
.site-header .header-dropdown[data-dropdown-columns="11-1*"] .header-dropdown-gradient::after,
.site-header .header-dropdown[data-dropdown-columns="1*-1*"] .header-dropdown-gradient::after {
  left: 50%;
}

.site-header .header-dropdown[data-dropdown-columns="11-1"] .header-dropdown-gradient::after,
.site-header .header-dropdown[data-dropdown-columns="1*-1"] .header-dropdown-gradient::after {
  left: 63%;
}

.site-header .header-dropdown[data-dropdown-columns] .header-dropdown-container.featured-column .header-dropdown-gradient::after {
  display: none;
}

.site-header .text-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 0 40px 30px;
  position: relative;
  text-decoration: none;
}

@media only screen and (max-width: 1100px) {
  .site-header .text-wrapper {
    padding: 20px 20px 0px;
  }
  .site-header .text-wrapper.has-header {
    padding: 40px 20px 0px;
  }
}

.site-header .header-dropdown .header-dropdown-container.featured-column-event .text-wrapper,
.site-header .header-dropdown .header-dropdown-container.featured-column-custom-event .text-wrapper {
  justify-content: center;
  align-items: center
}

.site-header .text-wrapper > * {
  position: relative;
  z-index: 1;
}

.site-header .header-dropdown .header-dropdown-container.featured-column-event .text-wrapper,
.site-header .header-dropdown .header-dropdown-container.featured-column-custom-event .text-wrapper {
  justify-content: center;
  align-items: center
}

.site-header .header-dropdown-container .dropdown-event-tag {
    font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: rgba(23, 40, 94, 0.12) 0px 0px 15px;
    background: #fff;
    align-items: center;
    flex-direction: row;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 11px;
    display: flex;
    line-height: 22px;
    margin: 0 0 20px;
    color: #0A2447;
}

.site-header .header-dropdown-container.featured-column-event .text-wrapper .light-primary-gradient-grain-fallback,
.site-header .header-dropdown-container.featured-column-custom-event .text-wrapper .light-primary-gradient-grain-fallback,
.site-header .header-dropdown-container.featured-column-event.featured-column-event-has-image .text-wrapper .dropdown-feature-background,
.site-header .header-dropdown-container.featured-column-custom-event.featured-column-custom-has-image .text-wrapper .dropdown-feature-background {
  display: flex;
}

.header-dropdown .header-dropdown-container.featured-column-event .text-wrapper .light-primary-gradient-grain-fallback,
.header-dropdown .header-dropdown-container.featured-column-custom-event .text-wrapper .light-primary-gradient-grain-fallback,
.header-dropdown .header-dropdown-container.featured-column-event.featured-column-event-has-image .text-wrapper .dropdown-feature-background,
.header-dropdown .header-dropdown-container.featured-column-custom-event.featured-column-custom-has-image .text-wrapper .dropdown-feature-background {
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  height: calc(100% + 40px);
  display: flex;
  z-index: 0;
}

.site-header .header-dropdown .header-dropdown-container.featured-column-event .text-wrapper .light-primary-gradient-grain-fallback .light-primary-gradient-grain,
.site-header .header-dropdown .header-dropdown-container.featured-column-custom-event .text-wrapper .light-primary-gradient-grain-fallback .light-primary-gradient-grain {
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/grain/noise_seamless_110.png), linear-gradient(10deg, #00CAE0, #0590D5);
}

.site-header .header-dropdown-container.featured-column-event .text-wrapper .light-primary-gradient-grain-fallback .light-primary-gradient-grain,
.site-header .header-dropdown-container.featured-column-custom-event .text-wrapper .light-primary-gradient-grain-fallback .light-primary-gradient-grain,
.site-header .header-dropdown-container.featured-column-event .text-wrapper .dropdown-feature-background,
.site-header .header-dropdown-container.featured-column-custom-event .text-wrapper .dropdown-feature-background {
  display: flex;
  flex: 1;
}

.site-header .header-mobile-menu .header-dropdown-container.featured-column-event .text-wrapper .dropdown-feature-background:not(.secondary-dark-gradient-grain-fallback),
.site-header .header-mobile-menu .header-dropdown-container.featured-column-custom-event .text-wrapper .dropdown-feature-background:not(.secondary-dark-gradient-grain-fallback),
.site-header .header-mobile-menu .header-dropdown-container.featured-column-event .text-wrapper .dropdown-feature-background .secondary-dark-gradient-grain,
.site-header .header-mobile-menu .header-dropdown-container.featured-column-custom-event .text-wrapper .dropdown-feature-background .secondary-dark-gradient-grain {
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.site-header .header-dropdown-container.featured-column-event.featured-column-event-has-image .text-wrapper .dropdown-feature-background,
.site-header .header-dropdown-container.featured-column-custom-event.featured-column-custom-has-image .text-wrapper .dropdown-feature-background {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.site-header .dropdown-header {
  width: 100%;
  padding: 0 20px 10px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-decoration: none;
  line-height: 1.2;
  font-size: 24px;
  font-weight: 200;
  color: #0590d5;
}

.site-header .header-dropdown-container.featured-column .dropdown-header {
  padding: 0 0 10px;
  color: #0A2447;
  text-align: center;
}

.site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-event-tag,
.site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-header,
.site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-event-credit-hours,
.site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-link,
.site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-event-date,
.site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-event-location,
.site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-event-booth-number,
.site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-event-date,
.site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-event-time {
  max-width: 80%;
}

@media only screen and (max-width: 500px) {
  .site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-event-tag,
  .site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-header,
  .site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-event-credit-hours,
  .site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-link,
  .site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-event-date,
  .site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-event-location,
  .site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-event-booth-number,
  .site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-event-date,
  .site-header .header-mobile-menu .header-dropdown-container.featured-column .text-wrapper .dropdown-event-time {
    max-width: 100%;
  }
}

.site-header .header-dropdown-container.featured-column.featured-column-event .dropdown-header,
.site-header .header-dropdown-container.featured-column.featured-column-custom-event .dropdown-header {
  color: #fff;
}

.site-header .dropdown-pro-tag {
  width: 37px;
  height: 20px;
  margin: 0 0 0 10px;
}

.site-header .dropdown-header.alone {
  padding: 0 20px 16px;
  text-align: center;
}

.site-header .header-mobile-menu .dropdown-header.alone {
  text-align: left;
}

.site-header .dropdown-header span.sup {
  font-size: 15px;
  position: relative;
  top: -5px;
  font-weight: 400;
}

.site-header .dropdown-copy {
  width: 100%;
  padding: 0 20px 20px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-weight: 200;
  line-height: 1.6;
  font-size: 15px;
  color: #535E79;
}

@media only screen and (max-width: 1100px) {
  .site-header .dropdown-copy {
    padding: 0 20px 20px;
  }
}

.site-header .dropdown-feature-image {
  width: 100%;
  flex: 1;
}

.site-header .header-mobile-menu .dropdown-feature-image {
  padding: 0 20px 20px;
}

.site-header .header-mobile-menu .dropdown-feature-background {
  margin: 0 -20px -20px;
  width: calc(100% + 40px);
}

.site-header .dropdown-feature-image .dropdown-feature-image-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: calc(100% + 60px);
  min-height: 194px;
  box-shadow: rgba(23, 40, 94, 0.08) 0px 4px 24px;
}

.site-header .header-mobile-menu .dropdown-feature-image .dropdown-feature-image-inner,
.site-header .header-mobile-menu .dropdown-feature-background {
  min-height: 254px;
}

.site-header .featured-column-ebook .dropdown-feature-image .dropdown-feature-image-inner,
.site-header .featured-column-handout .dropdown-feature-image .dropdown-feature-image-inner,
.site-header .featured-column-custom-handout .dropdown-feature-image .dropdown-feature-image-inner {
  box-shadow: none;
  background-size: contain;
}

.site-header .dropdown-feature-image .dropdown-feature-image-inner-2 {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  aspect-ratio: 8.5 / 11;
  flex: 1;
  box-shadow: rgba(23, 40, 94, 0.08) 0px 4px 24px;
}

.site-header .header-mobile-menu .dropdown-feature-image .dropdown-feature-image-inner-2 {
  height: 254px;
}

.site-header .dropdown-buttons-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.site-header .dropdown-button {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 16px 20px;
  background-color: #ffffff;
  transition: 250ms all;
  text-decoration: none;
  min-height: 64px;
}

.site-header .header-dropdown[data-dropdown-columns="1*"] .header-dropdown-row .header-dropdown-container .dropdown-button,
.site-header .header-dropdown[data-dropdown-columns="1*-11"] .header-dropdown-row .header-dropdown-container:nth-child(1) .dropdown-button,
.site-header .header-dropdown[data-dropdown-columns="11-1*"] .header-dropdown-row .header-dropdown-container:nth-child(2) .dropdown-button,
.site-header .header-dropdown[data-dropdown-columns="1*-1"] .header-dropdown-row .header-dropdown-container .dropdown-button,
.site-header .header-dropdown[data-dropdown-columns="1-1*"] .header-dropdown-row .header-dropdown-container .dropdown-button {
  width: 100%;
}

.site-header .header-dropdown[data-dropdown-columns="11**"] .header-dropdown-row .header-dropdown-container .dropdown-button,
.site-header .header-dropdown[data-dropdown-columns="11**"] .header-dropdown-row .header-dropdown-container .dropdown-non-button,
.site-header .header-dropdown[data-dropdown-columns="1-11"] .header-dropdown-row .header-dropdown-container:nth-child(2) .dropdown-button,
.site-header .header-dropdown[data-dropdown-columns="1-11"] .header-dropdown-row .header-dropdown-container:nth-child(2) .dropdown-non-button,
.site-header .header-dropdown[data-dropdown-columns="11-1"] .header-dropdown-row .header-dropdown-container:nth-child(1) .dropdown-button,
.site-header .header-dropdown[data-dropdown-columns="11-1"] .header-dropdown-row .header-dropdown-container:nth-child(1) .dropdown-non-button,
.site-header .header-dropdown[data-dropdown-columns="1*-11"] .header-dropdown-row .header-dropdown-container:nth-child(2) .dropdown-button,
.site-header .header-dropdown[data-dropdown-columns="1*-11"] .header-dropdown-row .header-dropdown-container:nth-child(2) .dropdown-non-button,
.site-header .header-dropdown[data-dropdown-columns="11-1*"] .header-dropdown-row .header-dropdown-container:nth-child(1) .dropdown-button,
.site-header .header-dropdown[data-dropdown-columns="11-1*"] .header-dropdown-row .header-dropdown-container:nth-child(1) .dropdown-non-button {
  width: 50%;
}

@media only screen and (max-width: 420px) {
  .site-header .dropdown-button.half {
    width: 100%;
  }
}

.site-header .dropdown-button:hover {
  background-color: #F4F6FC;
}

/* Solutions dropdown icons */

.site-header .dropdown-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  min-width: 50px;
  position: relative;
}

.dropdown-icon-wrapper img {
  position: absolute;
  max-width: inherit;
}

.site-header .dropdown-pvd-icon {
  width: 43px;
  height: 42px;
}

.site-header .dropdown-pro-icon {
  width: 48px;
  height: 60px;
}

.site-header .dropdown-veterinarians-icon {
  width: 41px;
  height: 45px;
}

.site-header .dropdown-pharmacists-icon {
  width: 41px;
  height: 47px;
}

.site-header .dropdown-practices-icon {
  width: 44px;
  height: 43px;
}

.site-header .dropdown-academic-icon {
  width: 49px;
  height: 43px;
}

.site-header .dropdown-students-icon {
  width: 48px;
  height: 50px;
}

/* Features dropdown icons */

.site-header .dropdown-drug-monographs-icon {
  width: 50px;
  height: 45px;
}

.site-header .dropdown-algorithms-icon {
  width: 50px;
  height: 42px;
}

.site-header .dropdown-medication-guides-icon {
  width: 50px;
  height: 47px;
}

.site-header .dropdown-dxtx-icon {
  width: 55px;
  height: 52px;
}

.site-header .dropdown-ddx-icon {
  width: 39px;
  height: 60px;
}

.site-header .dropdown-dic-icon {
  width: 50px;
  height: 47px;
}

.site-header .dropdown-guides-icon {
  width: 50px;
  height: 52px;
}

/* Why Plumb's dropdown icons */

.site-header .dropdown-search-icon {
  width: 46px;
  height: 47px;
}

.site-header .dropdown-review-icon {
  width: 48px;
  height: 43px;
}

.site-header .dropdown-educate-icon {
  width: 47px;
  height: 48px;
}

.site-header .dropdown-save-icon {
  width: 45px;
  height: 47px;
}

/* Resources dropdown icons */
.site-header .dropdown-calendar-icon {
  width: 43px;
  height: 43px;
}

.site-header .dropdown-newsletter-icon {
  width: 42px;
  height: 45px;
}

.site-header .dropdown-blog-icon {
  width: 53px;
  height: 53px;
}

/* Dropdown Buttons */

.site-header .dropdown-button-wrapper {
  display: flex;
  flex-direction: column;
  padding: 0 0 0 20px;
  width: 100%;
}

.site-header .dropdown-button-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-weight: 700;
  line-height: 1.2;
  font-size: 16px;
  text-align: left;
  color: #0A2447;
  transition: 250ms all;
}

.site-header .dropdown-button:hover .dropdown-button-header {
  color: #0590D5;
}

.site-header .dropdown-button-header span.sup {
    font-size: 10px;
    position: relative;
    top: -2px;
    font-weight: 700;
}

.site-header .dropdown-button-header span.sup.reg {
    font-size: inherit;
    top: inherit;
}

.site-header .dropdown-button-copy {
  width: 100%;
  padding: 5px 0 0;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-weight: 300;
  line-height: 1.6;
  font-size: 15px;
  text-align: left;
  color: #535E79;
}

.site-header .dropdown-blue-buttons-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 60px;
  min-height: 60px;
  background: linear-gradient(90deg, #0A2447, #214595);
}

.site-header .dropdown-blue-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 0 60px;
  background-color: rgba(23, 40, 94, 0);
  transition: 250ms all;
  text-decoration: none;
}

.site-header .dropdown-blue-button:hover {
  background-color: rgba(23, 40, 94, 0.5);
}

.site-header .dropdown-blue-button.border-right {
  border-right: 1px solid rgba(255,255,255,0.2);
}

.site-header .header-dropdown-container.featured-column-event .dropdown-event-date,
.site-header .header-dropdown-container.featured-column-event .dropdown-event-location,
.site-header .header-dropdown-container.featured-column-event .dropdown-event-booth-number,
.site-header .header-dropdown-container.featured-column-event .dropdown-event-time,
.site-header .header-dropdown-container.featured-column-event .dropdown-event-credit-hours,
.site-header .dropdown-blue-button-text,
.site-header .dropdown-link .dropdown-link-text {
  padding: 0 5px 0 0;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-weight: 700;
  line-height: 1.4;
  font-size: 15px;
  text-align: left;
  color: #ffffff;
}

.site-header .header-dropdown-container.featured-column-event .dropdown-event-location,
.site-header .header-dropdown-container.featured-column-event .dropdown-event-booth-number,
.site-header .header-dropdown-container.featured-column-event .dropdown-event-time,
.site-header .header-dropdown-container.featured-column-event .dropdown-event-credit-hours {
  font-weight: 400;
}

.site-header .dropdown-link {
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 0 20px 30px;
}

.site-header .header-dropdown-container.featured-column .dropdown-link {
  padding: 0 0 30px;
  justify-content: center;
}

.site-header .header-dropdown-container.featured-column-event .dropdown-link,
.site-header .header-dropdown-container.featured-column-custom-event .dropdown-link {
  padding: 10px 0 0;
}

.site-header .dropdown-link .dropdown-link-text {
  color: #0590d5;
}

.site-header .header-dropdown-container.featured-column-event .dropdown-event-date,
.site-header .header-dropdown-container.featured-column-event .dropdown-event-location,
.site-header .header-dropdown-container.featured-column-event .dropdown-event-booth-number,
.site-header .header-dropdown-container.featured-column-event .dropdown-link .dropdown-link-text,
.site-header .header-dropdown-container.featured-column-custom-event .dropdown-link .dropdown-link-text {
  color: #fff;
}

.site-header .text-wrapper:hover .dropdown-link-arrow {
  left: 8px;
}

.site-header .dropdown-blue-button-arrow,
.site-header .dropdown-link .dropdown-link-arrow {
  position: relative;
  left: 0;
  width: 23px;
  height: 10px;
  margin-left: 5px;
  transition: all 250ms;
}

.site-header .dropdown-blue-button:hover .dropdown-blue-button-arrow {
  left: 8px;
}

.header-link-bar-dropdowns {
  position: absolute;
  top: 0;
  z-index: 1;
}

.header-dropdown.dropdown-open {
  height: auto;
  max-height: calc(100vh - 120px); /* Allows the menu to be scollable on smaller screen heights */
  overflow-y: auto; /* Allows the menu to be scollable on smaller screen heights */
  -ms-overflow-style: -ms-autohiding-scrollbar;
  animation: fadeIn 250ms;
  -webkit-animation: fadeIn 250ms;
  -moz-animation: fadeIn 250ms;
  -o-animation: fadeIn 250ms;
  -ms-animation: fadeIn 250ms;
}

.logged-in .header-dropdown.dropdown-open {
  max-height: calc(100vh - 152px); /* Allows the menu to be scollable on smaller screen heights */
}

.header-dropdown.dropdown-open::-webkit-scrollbar {
  width: 5px;
}

.header-dropdown.dropdown-open::-webkit-scrollbar-track {
  background: #F4F6FC;
}

.header-dropdown.dropdown-open::-webkit-scrollbar-thumb {
  background: #0590d5;
  transition: all 250ms;
}

.header-dropdown.dropdown-open::-webkit-scrollbar-thumb:hover {
  background: #0A2447;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

.header-mobile-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  height: 60px;
  min-height: 60px;
  border-bottom: 1px solid #D0D7E8;
  cursor: pointer;
  transition: 250ms all;
}

.header-mobile-menu-item:hover {
  transition: 250ms all;
}

.header-dropdown-link {
  display: flex;
  align-items: center;
  user-select: none;
  width: 100%;
  padding: 12px 16px;
  text-transform: none;
  text-decoration: none;
  font-weight: normal;
  line-height: 1;
  font: 16px 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #0A2447;
  cursor: pointer;
  transition: 250ms all;
}

.header-mobile-menu-item:hover .header-dropdown-link {
  color: #0590D5;
  transition: 250ms all;
}

.header-dropdown-icons-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  width: 48px;
  min-width: 48px;
  height: 100%;
}

.header-mobile-menu-icons {
  display: inline-flex;
  height: 10px;
  width: 10px;
  transition: 250ms all;
}

.header-mobile-menu-item:hover .header-mobile-menu-icons path {
  fill: #0590D5;
  transition: 250ms all;
}

.header-mobile-menu-item.dropdown-open .header-dropdown-link {
  color: #0590D5;
}

.header-mobile-menu-item.dropdown-open .header-mobile-menu-icons {
  transform: rotate(180deg);
}

.header-mobile-menu-item.dropdown-open .header-mobile-menu-icons path {
  fill: #0590D5;
}

/* Header mobile styles */

.hamburger {
  position: relative;
  height: 100%;
  padding: 0 20px;
  margin: 0 73px 0 0; /* 73px margin right to allow the Plumb's logo to center in the header */
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  overflow: visible;
  transition: 250ms all;
}

@media only screen and (max-width: 1100px) {
  .hamburger {
    display: flex;
  }
}

@media only screen and (max-width: 670px) {
  .hamburger {
    margin: 0;
  }
}

.hamburger:hover {
  background-color: #F4F6FC;
}
.hamburger.is-active {
  background-color: #F4F6FC;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
   background-color: #0590D5;
 }
.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner::before,
.hamburger:hover .hamburger-inner::after {
   background-color: #0590D5;
 }
.hamburger:hover.is-active .hamburger-inner,
.hamburger:hover.is-active .hamburger-inner::before,
.hamburger:hover.is-active .hamburger-inner::after {
   background-color: #0590D5;
 }
.hamburger-box {
  width: 24px;
  height: 20px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
  transition: background-color 250ms linear;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 24px;
  height: 3px;
  background-color: #0A2447;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -8px;
}
.hamburger-inner::after {
  bottom: -8px;
}

.mobile-invisible-div {
  display: none;
  width: 64px;
}

@media only screen and (max-width: 670px) {
  .mobile-invisible-div {
    display: block;
  }
}

/*
  * Squeeze
  */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* mobile menu dropdown */

.header-mobile-menu {
  position: absolute;
  display: none;
  flex-direction: column;
  left: 0;
  top: 80px;
  width: calc(100vw - 30px);
  max-width: 500px;
  max-height: calc(100vh - 110px);
  background-color: #FFFFFF;
  box-shadow: rgba(23, 40, 94, 0.08) 0px 4px 24px;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.logged-in .header-mobile-menu {
  max-height: calc(100vh - 165px);
}

@media only screen and (max-width: 440px) {
  .header-mobile-menu {
    width: 100%;
  }
}

.header-mobile-menu::-webkit-scrollbar {
  width: 5px;
}

.header-mobile-menu::-webkit-scrollbar-track {
  background: #F4F6FC;
}

.header-mobile-menu::-webkit-scrollbar-thumb {
  background: #0590d5;
  transition: all 250ms;
}

.header-mobile-menu::-webkit-scrollbar-thumb:hover {
  background: #0A2447;
}

@media only screen and (max-width: 1100px) {
  .header-mobile-menu.dropdown-open {
    display: flex;
  }
}

.header-mobile-menu-open-overlay {
  position: absolute;
  display: none;
  top: 80px;
  height: 100vh;
  width: 100%;
  background-color: #0A2447;
  opacity: 0.2;
  z-index: -1;
}

@media only screen and (max-width: 1100px) {
  .header-mobile-menu-open-overlay.is-active {
    display: block;
  }
}

.header-mobile-buttons-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 0 10px;
  background: #F4F6FC;
}

@media only screen and (min-width: 671px) {
  .header-mobile-buttons-container {
    display: none;
  }
}

@media only screen and (max-width: 440px) {
  .header-mobile-buttons-container {
    padding: 0;
    justify-content: center;
  }
}

.header-mobile-menu-dropdown {
  height: 0;
  width: 100%;
  background-color: #FFFFFF;
  overflow: hidden;
}

.header-mobile-menu-dropdown.dropdown-open {
  height: auto;
  overflow: unset;
  padding: 0 0 20px;
  border-bottom: 1px solid #D0D7E8;
}

.header-gradient-button {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #0590D5, #00CAE0);
  padding: 25px 18px;
  margin: 20px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  box-shadow: rgba(7, 142, 227, 0.2) 0px 2px 24px;
  border-radius: 5px;
  transition: all 250ms;
  user-select: none;
  cursor: pointer;
}

.header-gradient-button:hover,
.header-gradient-button:focus {
  box-shadow: rgba(7, 142, 227, 0.4) 0px 2px 24px;
  color: #FFFFFF;
}

.header-gradient-button:hover .gradient-button-icon,
.header-gradient-button:focus .gradient-button-icon {
  left: 5px;
}

/* Faux Columns - for mobile menu */
.header-mobile-menu .half {
  width: 50%;
}