:root {
  --spacing: 13px;
  --search-box-width: 100%;
  --atomic-font-family: var(--main-font-family);
  --chamberlain-primary-color: #191919;
  --my-color: #191919;
  --chamberlain-submit-color:#d9d9d9;
  --max-search-input-suggestions: calc(var(--search-box-width) - var(--search-box-submit-width) - 25px);
  --main-grey-color: #D2D0CD;
  --search-box-gab: 1.5rem;
}

atomic-external {
  display: flex;
  justify-content: center;
  width: 100%;
}

body {
  --go-button-caption: "Go";
  --show-filter-caption: "Show Filter";
  --hide-filter-caption: "Hide Filter";
}

body[data-coveo-site-language="fr"] {
  --go-button-caption: "Aller";
  --show-filter-caption: "Afficher Filtre";
  --hide-filter-caption: "Masquer Filtre";
}

body[data-coveo-site-language="es"] {
  --go-button-caption: "Ir";
  --show-filter-caption: "Mostrar Filtro";
  --hide-filter-caption: "Ocultar Filtro";
}

atomic-external.container {
  padding: 0px;
}

body.atomic-modal-opened {
  overflow-y: hidden;
}

atomic-search-interface .plp-filter {
  grid-area: plp-filter;
  padding: var(--spacing) var(--spacing);
  justify-content: center;
}

atomic-search-interface .plp-filter {
  display: none;
}

atomic-search-interface .plp-filter a {
  display: block;
  width: 150px;
  padding-left: 20px;
  background-image: url("https://www.chamberlain.com/_ui/responsive/theme-chamberlain/images/filter-icon.svg");
  background-position: left 3px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  text-decoration: none;
  color: #5C6468;
}
atomic-search-interface:not(.hidden-filter) .plp-filter a:before {
  content: var(--hide-filter-caption);
}
atomic-search-interface .plp-filter a:before {
  content: var(--show-filter-caption);
}

atomic-search-interface.is-plp-page:not(.over-limit) .pager-top,
atomic-search-interface.is-plp-page #coveo-tabs,
atomic-search-interface.is-plp-page custom-search-query,
.standalone-interface,
.coveo-cta-widget,
atomic-search-box::part(submit-icon),
atomic-breadbox,
atomic-search-box::part(loading),
atomic-search-box::part(ripple),
atomic-refine-toggle::part(ripple),
atomic-load-more-results::part(showing-results),
atomic-load-more-results::part(progress-bar),
atomic-load-more-results::part(ripple) {
  display: none !important;
}

atomic-load-more-results::part(load-more-results-button):hover {
  opacity: 0.6;
}
atomic-load-more-results::part(load-more-results-button) {
  color: #0e9cde;
  border: none;
  font-family: var(--main-font-family);
  background-color: transparent;
  transition: opacity .3s ease-out;
  font-weight: 400;
  line-height: 1.56;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  font-size: 16px;
}

.pg-top {
  grid-area: pg-top;
  padding: 0 0 var(--spacing);
  display: grid;
  grid-template-areas: ". summary pager";
  grid-template-columns: 1fr auto 1fr;
}

#search.is-plp-page.over-limit .pg-top {
  grid-template-areas: "plp-filter summary sort pager";
}

#search.is-plp-page .pg-top {
  grid-template-areas: "plp-filter summary sort";
}

#search.is-plp-page .heading {
  padding: 0px !important;
}

#search.is-plp-page.over-limit #pager-top {
  margin-left: 15px;
}

#search.desktop atomic-sort-dropdown::part(select) {
  text-transform: uppercase;
}

atomic-pager {
  grid-area: pager;
  display: flex;
  justify-content: flex-end;
  --atomic-primary: var(--pager-color);
  --atomic-neutral: var(--search-box-color);
  --atomic-primary-light: var(--pager-color);
  align-items: center;
}

atomic-pager::part(buttons),
atomic-pager::part(page-buttons) {
  height: auto;
}

atomic-sort-dropdown::part(select) {
  height: 2rem;
  border: 1px solid var(--main-grey-color);
  border-radius: 0px;
}
atomic-sort-dropdown::part(select):hover,
atomic-sort-dropdown::part(select-separator){
  color: inherit;
}

atomic-pager::part(page-buttons) {
  margin-left:0;
}

atomic-pager::part(previous-button), atomic-pager::part(next-button), atomic-pager::part(page-button) {
  margin:0 !important;
  height:2rem;
  width:2rem;
  border:solid var(--main-grey-color);
  border-width: 1px;
  border-radius:0;
  padding:0;
  margin-left:0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

atomic-pager::part(page-button) {
  border-width: 1px 0px 1px 0px;
}

atomic-pager::part(page-button) {
  color: var(--pager-color);
  font-size:14px;
  font-family:var(--main-font-family);
  line-height: 1.42857143;
  cursor: pointer;
}

atomic-pager::part(active-page-button) {
  background-color: var(--main-grey-color);
  color: #5C6468;
  line-height: 1.42857143;
  font-family:var(--main-font-family);
  font-weight:normal;
  cursor: text;
}

atomic-search-interface {
  display: grid;
  grid-template-columns: var(--spacing) 1fr var(--spacing);

}

atomic-results-per-page {
  display: none;
}

.header-bg {
  background-color: var(--atomic-neutral-light);
  grid-area: 1 / -1 / 1 / 1;
}

atomic-sort-dropdown {
  grid-area: sort;
  display: flex;
  justify-content: flex-end;
}

#search:not(.is-plp-page) atomic-sort-dropdown,
atomic-sort-dropdown::part(label) {
  display: none;
}

atomic-facet-manager {
  grid-area: facets;
  margin-top: var(--spacing);
  display: block;
}

atomic-facet-manager>* {
  margin-bottom: var(--spacing);
}

atomic-breadbox {
  grid-area: breadbox;
  padding: var(--spacing) var(--spacing);
  background: white;
}

atomic-tab::part(tab) {
  font-family: var(--main-font-family);
  font-size: var(--tab-font-size);
  font-weight: 700;
  line-height: 20.48px;
  text-align: left;
  padding: 1rem;
  color: var(--tab-primary-color);
  margin: 0 calc(var(--tab-gab)/2);
}

atomic-tab::part(tab):hover {
  color: var(--tab-active-color);
}

atomic-no-results {
  width: fit-content;
  margin: auto;
}

atomic-no-results::part(search-tips),
atomic-no-results::part(no-results) {
  max-width: 740px;
  text-align: center;
  order: -1;
}

#ch-widget,
atomic-search-interface:not(.with-facets) atomic-facet-manager,
atomic-search-interface.is-plp-page:not(.with-facets) .plp-filter,
atomic-search-interface.hidden-filter atomic-facet-manager,
.atomic-search-interface-no-results atomic-facet-manager,
.atomic-search-interface-no-results custom-search-query,
.atomic-search-interface-no-results .topbar,
.atomic-search-interface-no-results .results,
.atomic-search-interface-no-results .pg-top,
.atomic-search-interface-no-results .pg-btm,
.atomic-search-interface-no-results .refiner {
  display: none !important;
}

#ch-widget {
  min-height: 275px;
}

.category-name {
  grid-area: category;
  padding: var(--spacing) var(--spacing);
  color: var(--chamberlain-primary-color);
  margin-bottom: 8px;
  margin-top: 0px;
  font-family: var(--main-font-family);
  font-weight: 500;
  line-height: 1.25;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  font-size: 24px;
}

.status {
  grid-area: status;
  padding: var(--spacing) var(--spacing);
}

.refiner {
  grid-area: refiner;
  justify-content: flex-start;
  padding: var(--spacing) var(--spacing);
}

.tabs {
  grid-area: tabs;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.dym{
  grid-area: dym;
  padding-left: 1rem;
}

.topbar {
  grid-area: topbar;
  padding: var(--spacing) var(--spacing);
  display: flex;
  align-items: center;
}

.topbar .coveo-search-message {
  font-family: var(--main-font-family);
  font-size: 12px;
}

.results {
  grid-area: results;
}

.pg-btm {
  display: grid;
  grid-area: pg-btm;
  padding: var(--spacing) var(--spacing);
  grid-template-areas: ". summary pager";
  grid-template-columns: 1fr auto 1fr;
}

atomic-refine-toggle {
  --atomic-primary: var(--chamberlain-main-color);
  --atomic-border-radius: 0px;
  --atomic-neutral: var(--chamberlain-main-color);
  --atomic-primary-light: var(--chamberlain-primary-color);
  --atomic-font-normal: 700;
  width: 100%;
  display: none;
}

atomic-result-list::part(result-list) {
  gap: 30px 30px;
}

atomic-result-list::part(result-list):hover{
  border-radius: 0px;
}

.LiftMasterInterface {
  background-color: #efefef;
}

.summary {
  grid-area: summary;
  padding: var(--spacing) var(--spacing);
  justify-content: center;
  text-align: center;
}

.heading {
  display: grid;
  grid-area: heading;
}

atomic-result-list::part(result-list-grid-clickable-container) {
  border-width: 0px !important;
  background-color: white;
  height: max-content;
  border-radius: 0px;
  -webkit-user-drag: none;
  padding: 0px !important;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

atomic-result-list::part(result-list-grid-clickable-container)::before {
  margin: 0px !important;
}

atomic-result-list::part(result-list-grid-clickable-container):hover {
  border-width: 0px !important;
  border-radius: 0px;
  -webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.4);
  box-shadow:0 0 16px rgba(0, 0, 0, 0.4);
  -webkit-transform:scale(1.03);
  transform: scale(1.03);
}

atomic-search-box {
  grid-area: search;
  padding: 24px 15px;
  width:100%;
  max-width: var(--search-box-width);
}

atomic-search-box::part(wrapper) {
  border-radius: 3px;
  background-color: transparent;
  border:none;
}

atomic-search-box::part(wrapper):focus-within {
  box-shadow: none;
}

atomic-search-box::part(submit-button):hover {
  background-color: var(--button-hover-color);
}

atomic-search-box::part(submit-button) {
  border-radius: 0;
  background-color: transparent;
  color: var(--chamberlain-primary-color);
  background-color: var(--chamberlain-main-color);
  color: white !important;
  font-weight: 700 !important;
  border: 0;
  font-size: 18px;
  padding: var(--search-box-submit-padding) !important;
  cursor: pointer;
  width: var(--search-box-submit-width) !important;
  height: var(--search-box-height) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: var(--search-box-gab);
}

atomic-search-box::part(submit-button)::before {
  margin-right: 5px;
  content: var(--go-button-caption);
}

atomic-search-box::part(clear-button) {
  border-radius: 18px !important;
  background-color:rgb(216, 216, 216);
  font-size:11px !important;
  line-height:20px !important;
  width:18px !important;
  height:18px !important;
  position: absolute;
  right: calc(var(--search-box-submit-width) + 30px);
}

atomic-search-box::part(suggestions-wrapper) {
  z-index: 1000;
  max-width: calc(var(--search-box-width) - var(--search-box-submit-width) - var(--search-box-gab));
  border-radius: var(--search-box-radius);
}

atomic-search-box::part(input) {
  font-size: var(--search-box-font-size);
  padding: 2px 30px 0 calc(12px * 1.5);
  line-height: 1.25;
  color: var(--search-box-color);
  border: 0.5px solid #E0E6E6;
  border-radius: var(--search-box-radius);
  background:white;
  width: 100%;
}

atomic-category-facet::part(facet),
atomic-numeric-facet::part(facet),
atomic-facet::part(facet) {
  border-radius: 0px;
  border-color:white;
}

atomic-category-facet::part(active-parent) {
  pointer-events: none;
}

atomic-category-facet::part(value-link),
atomic-category-facet::part(active-parent),
atomic-facet::part(value-checkbox-label),
atomic-numeric-facet::part(value-checkbox-label) {
  justify-content: space-between;
}

atomic-facet::part(value-checkbox) {
  border-radius: var(--facet-checkbox-border-radius) !important;
  border-color: var(--facet-checkbox-color) !important;
}

atomic-facet::part(value-checkbox):hover {
  border-color: var(--facet-checkbox-hover-color) !important;
}

atomic-facet::part(label-button){
  text-transform: uppercase;
  text-decoration:none;
}

atomic-facet::part(label-button):hover{
  text-decoration:none !important;
}

atomic-facet::part(value-count) {
  color: rgba(72, 81, 83, 0.5) !important;
  font-size: 0.9em !important;
  margin-left:0px;
}

atomic-facet::part(value-label) {
  font-family: var(--main-font-family);
  color: #4c5055 !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  padding-left: 3px !important;
}

atomic-category-facet::part(value-label),
atomic-facet::part(value-label),
atomic-numeric-facet::part(value-label) {
  white-space: pre-line;
}

atomic-category-facet::part(value-link),
atomic-category-facet::part(value-count),
atomic-facet::part(value-label),
atomic-facet::part(value-count),
atomic-numeric-facet::part(value-label),
atomic-numeric-facet::part(value-count) {
  font-family: var(--main-font-family);
  font-size: 16px;
  color: var(--chamberlain-primary-color);
}

atomic-query-summary,
atomic-query-summary::part(results),
atomic-query-summary::part(container),
atomic-query-summary::part(highlight) {
  font-size: 16px;
  font-weight: 400;
  font-family: var(--summary-font-family);
  color: #5C6468;
}

atomic-result-list::part(result-list) {
  grid-template-columns: 1fr;
}

.resources-tab atomic-result-list::part(result-list) {
  grid-template-columns: 1fr !important;
}

atomic-search-interface.resources-tab atomic-result-list::part(result-list-grid-clickable-container):hover {
  box-shadow: 0 0 16px 0 rgb(0 0 0 / 40%);
  border-radius: 0px;
  -webkit-transform:scale(1.01);
  transform:scale(1.01);
}

.tab::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: transparent;
}

custom-search-query {
  grid-area: squery;
  padding-top: 2rem;
  padding-left: 1rem;
  line-height: 65px;
}

custom-search-query::part(search-query) {
  font-size: 24px;
  font-weight: 400;
  color: var(--product-price-color);
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

custom-search-query::part(term) {
  font-weight: 500;
}

@media only screen and (min-width: 0px) {
  #search.nondesktop .topbar, #search.nondesktop .tabs, #search.nondesktop .refiner, #search.nondesktop .category-name {
    display: flex;
    margin: 0px;
  }
  #search.nondesktop .results {
    padding: var(--spacing) var(--spacing);
  }
  .heading {
    grid-template-columns: minmax(auto, 100%);
    grid-template-areas:
    "category"
    "breadbox"
    "topbar"
    "tabs"
    "refiner"
    "squery"
    "dym";
  }
}

@media only screen and (max-width: 425px) {
  atomic-tab::part(tab) {
    margin: 0 0.5rem;
  }
}

#search .tabs {
  border: none;
}

#search.is-plp-page {
  --compare-box-size: 70px;
  padding-top: 20px;
}

#search:not(.is-plp-page) {
  --compare-box-size: 20px;
}

#search.nondesktop.is-plp-page atomic-sort-dropdown {
  display: none;
}
#search.nondesktop .tabs {
  justify-content: center;
  margin-bottom: 20px;
}

#search.nondesktop .pg-top atomic-pager {
  display: none;
}

#search.nondesktop atomic-refine-toggle {
    display: block;
}

#search.nondesktop atomic-facet-manager {
  display: none;
}
atomic-search-interface.nondesktop {
  display: grid;
  column-gap: 0px;
  padding-top: 100px;
  grid-template-columns: var(--spacing) 1fr var(--spacing);
  grid-template-areas:
      "heading    heading    heading       heading"
      "pg-top     pg-top     pg-top         pg-top"
      "results    results    results       results"
      "pg-btm     pg-btm     pg-btm         pg-btm"
      "status     status     status         status";
}

#search.nondesktop .pg-btm {
  grid-template-areas:
    ".      summary     ."
    "pager  pager   pager";
}

#search:not(.over-limit) atomic-pager{
  display: none !important;
}

#search.nondesktop atomic-pager {
  width: 100%;
  display: block;
}

#search.nondesktop atomic-pager::part(page-buttons) {
  flex-grow: 4;
}

#search.nondesktop atomic-pager::part(page-button) {
  flex: 1;
}

#search.nondesktop atomic-pager::part(previous-button),
#search.nondesktop atomic-pager::part(next-button) {
  flex-grow: 1;
}

#search.nondesktop atomic-pager::part(previous-button),
#search.nondesktop atomic-pager::part(next-button),
#search.nondesktop atomic-pager::part(page-button) {
  height: 3rem;
}

#search.desktop atomic-result-list::part(result-list) {
  grid-template-columns: 1fr 1fr 1fr;
}

@media only screen and (min-width: 768px) {
  #search.desktop .heading {
    column-gap: 0px;
    grid-template-columns: 0.2fr minmax(500px, auto) 1fr;
    grid-template-areas:
      ". category ."
      ". breadbox ."
      ". tabs     ."
      ". refiner  ."
      ". squery   ."
      ". dym      .";
    padding: 2rem 0 2rem;
  }

  atomic-result-list::part(result-list) {
    grid-template-columns: 1fr 1fr;
  }
  
  .topbar {
    justify-content: end;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #search.desktop atomic-result-list::part(result-list) {
    grid-template-columns: 1fr 1fr;
  }
}

#search.desktop atomic-tab::part(tab) {
  margin: 0 var(--tab-gab) 0 0;
}

#search.desktop atomic-pager::part(previous-button)::after,
#search.desktop atomic-pager::part(next-button)::before {
  display: none;
}
#search.desktop atomic-pager::part(page-buttons) {
  display: flex;
}
atomic-search-interface.desktop.is-plp-page .plp-filter {
  display: block;
}
#search atomic-result-list::part(result-list-grid-clickable) {
  z-index: 1;
}
#search.desktop atomic-result-list::part(result-list-grid-clickable-container) {
  width: 100%;
}
#search.desktop #facet-manager-div {
  overflow-y: hidden;
  min-height: 100vh;
}

#search.desktop #ch-widget {
  display: block;
  width: 100%;
}

#search.desktop #ch-widget > * {
  margin-bottom: 10px;
}

#search.desktop #ch-widget > *:last-child {
  margin-bottom: 100px;
}

#search.desktop #facet-manager-div > * {
  margin-bottom: var(--spacing);
}

#search.desktop .refiner {
  display: none;
}
atomic-search-interface.desktop {
    column-gap: 0;
    grid-template-columns: 0fr minmax(auto, 305px) minmax(500px, 100%) 0fr;
    grid-template-areas:
        "heading heading heading     heading"
        ".       pg-top  pg-top            ."
        ".       facets  results           ."
        ".       pg-btm  pg-btm            ."
        ".       status  status            .";
    grid-template-rows: min-content;
    padding-left: 2rem;
    padding-right: 1rem;
}

atomic-search-interface.desktop:not(.with-facets),
atomic-search-interface.desktop.hidden-filter {
  grid-template-columns: 0fr auto minmax(500px, 100%) 0fr;
}

#search.desktop atomic-facet-manager {
  max-width: 290px;
  width: 100%;
  display: block;
  margin-top: 0px;
  background-color: white;
  margin-bottom: var(--spacing);
  margin-right: 1rem;
}

#search.desktop .topbar .coveo-search-message {
  font-size: 14px;
}

#search.desktop .status {
    max-width: var(--search-box-width);
}
#search.desktop .topbar, #search.desktop .tabs, #search.desktop .status, #search.desktop .category-name {
  background: none;
}

#search.desktop .results {
  grid-area: results;
  padding: 0 0 var(--spacing);
  margin-left: 15px;
}

atomic-search-interface.desktop.is-plp-page.hidden-filter .results,
atomic-search-interface.desktop:not(.with-facets) .results {
  margin-left: 0px !important;
}

#search.desktop atomic-breadbox {
  background: none;
}