:root {
  /* Font */
  --polly-nav-font-size: var(--polly-font-size--lg);
  --polly-nav-font-weight: var(--polly-font-weight--semi-bold);
  --polly-nav-font-weight--tagline: var(--polly-font-weight--semi-bold);
  --polly-nav-font-colour: var(--polly-font-colour--white);

  /* Inputs */
  --polly-nav-input-background-colour: var(--polly-grey--50);
  --polly-nav-input-background-colour--dark: var(--polly-grey--50);
  --polly-nav-input-background-colour--light: var(--polly-grey--50);
  --polly-nav-input-font-size: var(--polly-font-size--md);
  --polly-nav-input-font-colour: var(--polly-font-colour);
  --polly-nav-input-border-colour: var(--polly-grey--300);
  --polly-nav-input-border-radius: var(--polly-border-radius--sm);
  --polly-nav-input-border-width: var(--polly-border-width--sm);

  /* Links */
  --polly-nav-link-background-colour: var(--polly-grey--50);
  --polly-nav-link-font-size: var(--polly-font-size--sm);
  --polly-nav-link-font-colour: var(--polly-font-colour--white);
  --polly-nav-link-font-weight: var(--polly-font-weight--regular);

  /* Nav Container layout*/
  --polly-nav-container-display: flex;
  --polly-nav-container-padding: 0px 32px;
  --polly-nav-container-box-shadow: none;
  --polly-nav-container-flex-wrap: wrap;
  --polly-nav-container-min-height: 150px;
  --polly-nav-container-align-items: center;

  /* Nav Tagline */
  --polly-nav-tagline-display: flex;
  --polly-nav-tagline-margin: auto 3em auto 1em;
  --polly-nav-line-height: var(--polly-line-height--md);
  --polly-nav-logo-float: none;
  --polly-nav-logo-margin: auto 0em;
  --polly-nav-logo-display: flex;

  /* Nav Search Container */
  --polly-nav-search-container-width: 100%;
  --polly-nav-search-container-display: flex;
  --polly-nav-search-container-padding: 10px 14px;
  --polly-nav-search-container-margin: 0em;
  --polly-nav-search-container-justify: center;
  --polly-nav-search-container-flex-grow: 1;

  /* Nav Search */
  --polly-nav-search-width: 100%;
  --polly-nav-search-width--max: 600px;
  --polly-nav-search-height: 100%;
  --polly-nav-search-margin: 1em auto;
  --polly-nav-search-gap: 7px;
  --polly-nav-search-padding: 0px;
  --polly-nav-search-icon-display: flex;
  --polly-nav-search-background-colour: transparent;
  --polly-nav-search-border-radius: 0px;

  /* Nav links */
  --polly-nav-links-display: flex;
  --polly-nav-links-width: fit-content;
  --polly-nav-links-float: right;
  --polly-nav-links-margin: auto 0em;
  --polly-nav-links-padding: 0em;
  --polly-nav-links-background-colour: transparent;
  
}

/* Helpdesk Header */
.polly-help-top {
  display: var(--polly-nav-container-display);
  flex-wrap: var(--polly-nav-container-flex-wrap);
  width: 100%;
  min-height: var(--polly-nav-container-min-height);
  padding: var(--polly-nav-container-padding);
  justify-content: flex-start;
  align-items: var(--polly-nav-container-align-items);
  flex-shrink: 0;

  background: var(--polly-nav-gradient);
  box-shadow: var(--polly-nav-container-box-shadow);
}

.polly-help-logo {
  display: var(--polly-nav-logo-display);
  flex-direction: column;
  align-items: center;
  align-self: center;
  width: 100px;
  margin: var(--polly-nav-logo-margin);
  float: var(--polly-nav-logo-float);
  cursor: pointer;
}

.polly-help-logo:focus-visible {
  outline: 2px solid var(--polly-brand--300, #0066cc);
  outline-offset: 2px;
  border-radius: 4px;
}

.polly-help-logo:focus:not(:focus-visible) {
  outline: none;
}

.logoAndTagline {
  display: var(--polly-nav-tagline-display);
  margin: var(--polly-nav-tagline-margin);
  cursor: pointer;

  color: var(--polly-nav-font-colour);
  font-family: var(--polly-font-family);
  font-size: var(--polly-nav-font-size);
  font-style: normal;
  font-weight: var(--polly-nav-font-weight--tagline);
  line-height: var(--polly-nav-line-height);
}

.logoAndTagline__link {
  color: inherit;
  text-decoration: none;
}

.logoAndTagline__link:hover {
  text-decoration: none;
}

.logoAndTagline:focus {
  outline: 2px solid var(--polly-brand--300, #0066cc);
  outline-offset: 2px;
}

.polly-help-search-container {
  display: flex;
  width:  var(--polly-nav-search-container-width);
  margin: var(--polly-nav-search-margin);
  justify-content: center;
  align-items: center;
  gap: var(--polly-nav-search-gap);
  flex-shrink: 0;
  flex-grow: 1;
}

/* Direct nav child for browse menu wrapper */
.polly-help-search-container > nav {
  display: flex;
  align-items: center;
}

.polly-help-search-container form[role="search"] {
  flex: 1;
  max-width: 600px;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.polly-help-search-container #search {
  width: var(--polly-nav-search-width);
  height: var(--polly-nav-search-height);
  border: 0px solid transparent;
  padding: var(--polly-nav-search-padding);
  color: var(--polly-nav-input-font-colour);
  font-family: var(--polly-font-family);
  font-size: var(--polly-nav-input-font-size);

  border-radius: var(--polly-nav-search-border-radius);
  background-color: var(--polly-nav-search-background-colour);
}


.polly-help-search-container #search:focus {
  outline: none;
  border: none;
}

.polly-help-search-container #search::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: var(--polly-nav-input-font-colour);
}

.polly-help-search-container #search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: var(--polly-nav-input-font-colour);
  opacity:  1;
}

.polly-help-search-container #search::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: var(--polly-nav-input-font-colour);
  opacity:  1;
}

.polly-help-search-container #search:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--polly-nav-input-font-colour);
}

.polly-help-search_search-input-container {
	display: var(--polly-nav-search-container-display);
  width: 100%;
  max-width: var(--polly-nav-search-width--max);
  height: 44px;
  padding: var(--polly-nav-search-container-padding);
  margin: var(--polly-nav-search-container-margin);
  align-items: center;
  justify-content: var(--polly-nav-search-container-justify);
  gap: 8px;
  flex-shrink: 0;
  flex-grow: var(--polly-nav-search-container-flex-grow);

  border-radius: var(--polly-nav-input-border-radius);
  border: var(--polly-nav-input-border-width) solid var(--polly-nav-input-border-colour);
  background: var(--polly-nav-input-background-colour); 
}

.polly-help-search_search-input-container:focus-within {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
  border-color: #0066cc;
}

.polly-help-search_search-input-icon {
  display: var(--polly-nav-search-icon-display);
  width: 20px;
  flex-shrink: 0;

  color: var(--polly-nav-input-font-colour);
  font-family: var(--polly-font-family);
  font-size: var(--polly-nav-input-font-size);
  font-style: normal;
}

#polly-help-links {
  display: var(--polly-nav-links-display);
  float: var(--polly-nav-links-float);
  width: var(--polly-nav-links-width);
  margin: var(--polly-nav-links-margin);
  padding: var(--polly-nav-links-padding);
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;

  background: var(--polly-nav-links-background-colour);
}

#polly-help-links a {
	padding: 0.5em 1em;
  margin: 0em 0.25em 0em 0em;
	background-color: var(--polly-nav-link-background-colour);
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  font-size: var(--polly-nav-link-font-size);
  font-weight: var(--polly-nav-link-font-weight);
}

#polly-help-links a:hover {
	text-decoration: none;
	opacity: 1;
}

#polly-help-links a:focus {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
  text-decoration: underline;
}


input.polly-help-top-dark-bg {
  width: 100%;
  background-color: var(--polly-nav-input-background-colour--dark);
}

input.polly-help-top-light-bg {
  width: 100%;
  background-color: var(--polly-nav-input-background-colour--light);
}

/* Helpcenter v2 theme overrides */
.hc-theme-v2 .polly-help-top {
  position: relative;
  min-height: var(--polly-hc-v2-hero-min-height-landing);
  padding-top: var(--polly-hc-v2-hero-padding-top);
  padding-bottom: var(--polly-hc-v2-hero-padding-bottom-landing);
  background: var(--polly-hc-v2-hero-gradient) !important;
}

.hc-theme-v2.hc-v2-inner .polly-help-top {
  min-height: 130px;
  padding-bottom: 1.5em;
}

.hc-theme-v2 .polly-help-top::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--polly-hc-v2-hero-accent-height);
  background: var(--polly-hc-v2-hero-accent-colour);
}

.hc-theme-v2.hc-v2-inner .polly-help-top::after {
  height: 2px;
}

.hc-theme-v2 .polly-help-search_search-input-container {
  border-color: var(--polly-hc-v2-search-border-colour);
  border-radius: var(--polly-hc-v2-search-border-radius);
  background: var(--polly-hc-v2-search-input-bg, var(--polly-hc-v2-surface-card));
  height: var(--polly-hc-v2-search-height);
  padding: 0 var(--polly-hc-v2-search-padding-x);
  box-shadow: var(--polly-hc-v2-search-shadow);
}

.hc-theme-v2 .polly-help-search_search-input-container:focus-within {
  outline: var(--polly-hc-v2-search-focus-outline-width) solid var(--polly-hc-v2-search-border-colour);
  outline-offset: 0;
  border-color: var(--polly-hc-v2-search-border-colour);
}

.hc-theme-v2 .polly-help-search-container #search {
  color: var(--polly-hc-v2-text-primary);
}

.hc-theme-v2 input.polly-help-top-dark-bg,
.hc-theme-v2 input.polly-help-top-light-bg {
  background-color: transparent;
}

.hc-theme-v2 .polly-help-search-container #search::placeholder {
  color: var(--polly-hc-v2-text-secondary);
}

.hc-theme-v2 .polly-help-search_search-input-icon {
  color: var(--polly-hc-v2-text-secondary);
}

.hc-theme-v2 .logoAndTagline {
  order: 4;
  width: 100%;
  margin: var(--polly-hc-v2-hero-title-margin);
  justify-content: center;
  text-align: center;
  font-size: var(--polly-hc-v2-hero-title-font-size);
  line-height: var(--polly-hc-v2-hero-title-line-height);
  font-weight: 700;
  letter-spacing: var(--polly-hc-v2-hero-title-letter-spacing);
  color: var(--polly-hc-v2-on-hero-text);
}

.hc-theme-v2 .logoAndTagline--v2-plain a,
.hc-theme-v2 .logoAndTagline--v2-plain .logoAndTagline__link {
  color: inherit;
  text-decoration: none;
  cursor: default;
  pointer-events: none;
}

.hc-theme-v2 .logoAndTagline--v2-plain .logoAndTagline__text {
  color: inherit;
}

.hc-theme-v2 #polly-help-links {
  order: 3;
  width: auto;
  margin-left: auto;
  margin-right: 0;
  flex-grow: 0;
  align-self: flex-start;
}

.hc-theme-v2 #polly-help-links a {
  background: transparent;
  color: var(--polly-hc-v2-hero-link-colour);
  padding: var(--polly-hc-v2-hero-links-padding);
  border-radius: 0;
  font-size: var(--polly-hc-v2-hero-links-font-size);
  font-weight: var(--polly-hc-v2-hero-links-font-weight);
}

.hc-theme-v2 #polly-help-links a:hover {
  color: var(--polly-hc-v2-hero-link-hover-colour);
  text-decoration: none;
}

.hc-theme-v2 .polly-help-logo {
  order: 1;
  width: auto;
  min-width: 48px;
  margin: 0;
  align-items: flex-start;
}

.hc-theme-v2 .polly-help-display-title {
  order: 2;
  display: inline-flex;
  align-items: center;
  align-self: center;
  margin-left: 0.75rem;
  padding-left: 0.75rem;
  border-left: 1px solid rgba(255, 255, 255, 0.35);
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--polly-hc-v2-on-hero-text);
}

.hc-theme-v2 .polly-help-logo img {
  height: 80px;
  width: auto;
  max-width: none;
  display: block;
}

.hc-theme-v2 .polly-help-search-container {
  margin: var(--polly-hc-v2-hero-search-margin-top) auto 0;
}

.hc-theme-v2 #polly-help-search-container {
  order: 5;
}

.hc-theme-v2.hc-v2-inner .polly-help-search-container {
  margin: 0;
  gap: 12px;
}

.hc-theme-v2 .polly-help-search-container form[role="search"] {
  max-width: var(--polly-hc-v2-hero-search-max-width);
}

.hc-theme-v2.hc-v2-inner .polly-help-search-container form[role="search"] {
  max-width: 480px;
}

.hc-theme-v2.hc-v2-inner .polly-help-search_search-input-container {
  height: 42px;
  border-radius: var(--polly-hc-v2-border-radius);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.hc-theme-v2.hc-v2-inner .polly-help-search-container #search {
  font-size: 15px;
}

.hc-theme-v2.hc-v2-inner .logoAndTagline {
  display: none;
}

@media screen and (max-width: 750px) {
  .hc-theme-v2 .polly-help-top {
    min-height: auto;
    padding-bottom: var(--polly-hc-v2-mobile-hero-padding-bottom);
  }

  .hc-theme-v2.hc-v2-inner .polly-help-top {
    padding-bottom: 14px;
  }

  .hc-theme-v2 .logoAndTagline {
    font-size: var(--polly-hc-v2-mobile-hero-title-size);
  }

  .hc-theme-v2 .polly-help-display-title {
    display: none;
  }
}
/* 
@media screen and (min-width: 751px) {
  .polly-help-top {
    flex-wrap: nowrap;
    gap: 1rem;
  }
  
  .logoAndTagline {
    margin: 0 2rem 0 1rem;
    align-self: center;
  }
  
  .polly-help-search-container {
    flex-grow: 1;
  }
} */