/*------------------------------------*    # Placeholder
\*------------------------------------*/
/**
 * Apply styling to input placeholder
 */
/*------------------------------------*    # Visibility
\*------------------------------------*/
/**
 * Hides content in a way that it is still read out by screen readers
 * see: https://yhoo.it/2j2myRI
 * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * http://cssmojo.com/hide-content-from-sighted-users/
 */
/**
 * Hide text from view.
 */
.wr-c-masthead {
  position: relative;
  min-height: 58px;
}

.wr-c-masthead__wrap {
  background: #067eb2;
  color: #ffffff;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.wr-c-masthead__inner {
  padding: 8px;
  position: relative;
  min-height: 42px;
}

.wr-c-masthead__weather-logo {
  position: absolute;
  top: 0;
  z-index: 1;
}

.wr-c-masthead__find-a-forecast {
  display: none;
}

.wr-c-masthead__navigation {
  position: absolute;
  right: 8px;
  top: 8px;
}

.wr-c-masthead--open .wr-c-masthead__wrap {
  background-color: #ffffff;
  color: #525252;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
}

.wr-c-masthead--open .wr-c-weather-logo__svg {
  fill: #000;
}

.wr-c-masthead--open .wr-c-masthead__find-a-forecast {
  display: block;
  padding-bottom: 16px;
}

.wr-c-masthead--open .wr-c-masthead__navigation {
  display: none;
}

.wr-c-masthead--lang-en .wr-c-weather-logo__svg {
  width: 173px;
}

.wr-c-masthead--lang-cy .wr-c-weather-logo__svg {
  width: 194px;
}

.wr-c-masthead--lang-ga .wr-c-weather-logo__svg {
  width: 113px;
}

.wr-c-masthead--lang-gd .wr-c-weather-logo__svg {
  width: 113px;
}

@media screen and (min-width: 400px) {
  .wr-c-masthead__inner {
    padding-left: 16px;
    padding-right: 16px;
  }
  .wr-c-masthead__find-a-forecast, .wr-c-masthead__navigation {
    right: 16px;
  }
}

@media screen and (min-width: 600px) {
  .wr-c-masthead__inner {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .wr-c-masthead__find-a-forecast {
    display: block;
  }
  .wr-c-masthead__navigation {
    display: none;
  }
  .wr-c-masthead--lang-en .wr-c-weather-logo__svg {
    width: 200px;
  }
  .wr-c-masthead--lang-en .wr-c-find-a-forecast .ls-c-search,
  .wr-c-masthead--lang-en .wr-c-find-a-forecast .ls-c-geolocation,
  .wr-c-masthead--lang-en .wr-c-find-a-forecast .ls-ui-message,
  .wr-c-masthead--lang-en .wr-c-find-a-forecast .ls-c-search_results,
  .wr-c-masthead--lang-en .wr-c-find-a-forecast .ls-c-auto_complete {
    margin-left: 216px;
  }
  .wr-c-masthead--lang-cy .wr-c-weather-logo__svg {
    width: 223px;
  }
  .wr-c-masthead--lang-cy .wr-c-find-a-forecast .ls-c-search,
  .wr-c-masthead--lang-cy .wr-c-find-a-forecast .ls-c-geolocation,
  .wr-c-masthead--lang-cy .wr-c-find-a-forecast .ls-ui-message,
  .wr-c-masthead--lang-cy .wr-c-find-a-forecast .ls-c-search_results,
  .wr-c-masthead--lang-cy .wr-c-find-a-forecast .ls-c-auto_complete {
    margin-left: 239px;
  }
  .wr-c-masthead--lang-ga .wr-c-weather-logo__svg {
    width: 131px;
  }
  .wr-c-masthead--lang-ga .wr-c-find-a-forecast .ls-c-search,
  .wr-c-masthead--lang-ga .wr-c-find-a-forecast .ls-c-geolocation,
  .wr-c-masthead--lang-ga .wr-c-find-a-forecast .ls-ui-message,
  .wr-c-masthead--lang-ga .wr-c-find-a-forecast .ls-c-search_results,
  .wr-c-masthead--lang-ga .wr-c-find-a-forecast .ls-c-auto_complete {
    margin-left: 147px;
  }
  .wr-c-masthead--lang-gd .wr-c-weather-logo__svg {
    width: 131px;
  }
  .wr-c-masthead--lang-gd .wr-c-find-a-forecast .ls-c-search,
  .wr-c-masthead--lang-gd .wr-c-find-a-forecast .ls-c-geolocation,
  .wr-c-masthead--lang-gd .wr-c-find-a-forecast .ls-ui-message,
  .wr-c-masthead--lang-gd .wr-c-find-a-forecast .ls-c-search_results,
  .wr-c-masthead--lang-gd .wr-c-find-a-forecast .ls-c-auto_complete {
    margin-left: 147px;
  }
}

@media screen and (min-width: 1008px) {
  .wr-c-masthead__inner {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 976px;
  }
  .wr-c-masthead__find-a-forecast, .wr-c-masthead__navigation {
    right: 0;
  }
}

@media screen and (min-width: 1280px) {
  .b-pw-1280 .wr-c-masthead__inner {
    max-width: 1248px;
  }
}

.wr-c-weather-logo {
  display: inline-block;
  line-height: 0;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wr-c-weather-logo__svg {
  width: 173px;
  height: 26px;
  fill: #fff;
}

@media screen and (min-width: 600px) {
  .wr-c-weather-logo__svg {
    width: 200px;
    height: 30px;
  }
}

.wr-c-navigation {
  margin: 0;
  height: 0;
}

.wr-c-navigation__item {
  margin: 0;
  padding: 0;
  list-style: none;
}

.wr-c-navigation__link {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  display: block;
  height: 42px;
  width: 42px;
  margin-left: 1px;
  padding: 0;
  cursor: pointer;
}

.wr-c-navigation__link--search {
  background-image: url(../img/icons/search.png);
  background-image: url(../img/icons/search.svg), linear-gradient(transparent, transparent);
}

.wr-c-find-a-forecast {
  padding-top: 112px;
  /*
   * Primary Controller
   *
   * Below 600px the geolocation and search are pulled up with negative positioning
   * So add some top padding to compensate.  Additional padding is added when the
   * geolocation control is present.
   */
  /*
   * Search Component
   *
   * When inactive the search component needs a semi-transparent white background
   * and the placeholder should be white.  Also adjusting the font-size of the input
   * field.
   *
   * Moving the position of the background sprite to display the white magnifying icon.
   */
  /*
   * Search Results Component
   *
   * More specific rule than the masthead rules to change link colour..
   */
  /*
   * Geolocation Component
   *
   * The default styling adjusts the position of the geolocation icon above the
   * search input using negative margin, push it back down using padding top,
   * this is not necessary at higher breakpoints.
   *
   * Override button colour for Weather colour palette.
   */
  /*
   * Active State / Masthead open
   *
   * Set the colors back to default when the module is active and the masthead is open.
   * Using masthead--open class for pre-javascript open view.
   */
  /*
   * User locations and cold start dialog top margin adjustments for Group C and D screens.
   */
}

.wr-c-find-a-forecast .ls-ui-ctrl-primary {
  padding: 0;
}

.wr-c-find-a-forecast .ls-ui-ctrl-primary .ls-ui-ctrl-primary-search {
  margin-top: 0;
}

.wr-c-find-a-forecast .ls-c-search {
  overflow-x: hidden;
}

.wr-c-find-a-forecast .ls-c-search .ls-c-search__input {
  text-overflow: ellipsis;
  padding: 0 8px;
}

.wr-c-find-a-forecast .ls-c-search .ls-c-search__input,
.wr-c-find-a-forecast .ls-c-search .ls-c-search__submit {
  background-color: #ffffff;
}

.wr-c-find-a-forecast .ls-c-search_results {
  margin-top: 8px;
}

.wr-c-find-a-forecast .ls-c-geolocation {
  padding-top: 68px;
  background-color: #063e56;
}

.wr-c-find-a-forecast .ls-ui-ctrl-active .ls-c-search .ls-c-search__input,
.wr-c-find-a-forecast .ls-ui-ctrl-open .ls-c-search .ls-c-search__input {
  color: #404040;
  background-color: #e7e7e7;
}

.wr-c-find-a-forecast .ls-ui-ctrl-active .ls-c-search .ls-c-search__submit,
.wr-c-find-a-forecast .ls-ui-ctrl-open .ls-c-search .ls-c-search__submit {
  background-color: #e7e7e7;
}

.wr-c-find-a-forecast .ls-ui-ctrl-active .ls-c-geolocation,
.wr-c-find-a-forecast .ls-ui-ctrl-open .ls-c-geolocation {
  background-color: #404040;
}

@media screen and (min-width: 600px) {
  .wr-c-find-a-forecast {
    padding-top: 0;
  }
  .wr-c-find-a-forecast .ls-c-search,
  .wr-c-find-a-forecast .ls-c-geolocation,
  .wr-c-find-a-forecast .ls-ui-message,
  .wr-c-find-a-forecast .ls-c-search_results,
  .wr-c-find-a-forecast .ls-c-auto_complete {
    margin-left: 216px;
  }
  .wr-c-find-a-forecast .ls-c-geolocation {
    padding-top: 0;
  }
  .wr-c-find-a-forecast .ls-c-auto_complete,
  .wr-c-find-a-forecast .ls-ui-message,
  .wr-c-find-a-forecast .ls-c-search_results {
    width: auto !important;
    margin-right: 50px;
  }
  .wr-c-find-a-forecast .ls-ui-ctrl-geolocation .ls-c-auto_complete,
  .wr-c-find-a-forecast .ls-ui-ctrl-geolocation .ls-ui-message,
  .wr-c-find-a-forecast .ls-ui-ctrl-geolocation .ls-c-search_results {
    margin-right: 104px;
  }
}

@media screen and (min-width: 1280px) {
  .wr-c-find-a-forecast {
    /*
     * Support 1280px width screen.
     */
  }
  .wr-c-find-a-forecast .ls-ui-ctrl-primary .ls-ui-o {
    max-width: 1248px;
  }
}

.ls-ui-comp-close_button {
  width: 44px;
  height: 44px;
  padding: 0;
  text-indent: -9999px;
  cursor: pointer;
  background-color: transparent;
  background-position: center;
  background-size: 26px;
  border: none;
}

.ls-ui-comp-dialog {
  position: relative;
  padding: 16px;
  background: #e4e4e4;
}

.ls-ui-comp-dialog p {
  padding: 0;
  margin: 0;
  font-size: 1.4em;
  line-height: 1.3;
  color: #525252;
  word-wrap: break-word;
}

.ls-ui-comp-dialog button {
  min-width: 54px;
  height: 44px;
  color: #f5f5f5;
  cursor: pointer;
  background: #404040;
  border: none;
}

.ls-ui-comp-dialog button:hover {
  background: #2D2D2D;
}

.ls-ui-comp-dialog .ls-ui-comp-dialog-buttons {
  position: absolute;
  top: -44px;
  right: 0;
}

.ls-ui-comp-dialog .ls-ui-comp-dialog-cancel button {
  margin-left: 1px;
}

.ls-ui-comp-dialog .ls-ui-comp-dialog-remove-label {
  position: absolute;
  top: 0;
  right: 108px;
  height: 44px;
  width: 120px;
  background: transparent;
}

.ls-ui-comp-dialog .ls-ui-comp-dialog-remove-label span {
  display: block;
  padding: 14px 16px;
  color: #525252;
  text-align: right;
}

.ls-ui-comp-dialog-confirm {
  position: relative;
  z-index: 2;
}

.ls-ui-comp-dialog-confirm button {
  margin-bottom: 8px;
}

.ls-c-geolocation {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 0 0 16px;
  text-align: left;
  cursor: pointer;
  background-color: #525252;
  border: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-position: center center;
  background-size: 26px;
}

.ls-c-geolocation:hover, .ls-c-geolocation:focus {
  background-color: #2D2D2D;
}

.ls-c-geolocation__label {
  display: block;
  height: 44px;
  padding: 0 16px 0 0;
  margin: 0 44px 0 0;
  line-height: 44px;
  color: #f5f5f5;
}

.ls-c-geolocation--disabled {
  background-color: #525553;
}

.ls-c-geolocation--disabled:hover, .ls-c-geolocation--disabled:focus {
  background-color: #525553;
}

.ls-c-geolocation::-moz-focus-inner {
  padding: 0;
  margin: 0;
}

@media (min-width: 600px) {
  .ls-c-geolocation {
    width: 44px;
    height: 44px;
  }
  .ls-c-geolocation__label {
    text-indent: -9999px;
  }
}

@media (max-width: 599px) {
  .ls-c-geolocation {
    background-position: calc(100% - 12px);
  }
}

.ls-c-geolocation--wide {
  width: 100%;
  background-position: calc(100% - 12px);
}

.ls-c-geolocation--wide .ls-c-geolocation__label {
  text-indent: 0px;
}

.ls-c-header {
  padding: 0 0 16px 16px;
  margin: 32px 0 0 0;
  border-bottom: 1px solid #B3B3B3;
}

.ls-c-id-signin {
  background-color: #e4e4e4;
}

.ls-c-locations-list {
  position: relative;
}

.ls-c-locations-list--hidden {
  display: none !important;
  visibility: hidden !important;
}

.ls-c-locations-list .ls-c-locations-list-list {
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
}

.ls-c-locations-list .ls-c-locations-list-item {
  position: relative;
  border-bottom: 1px solid #f5f5f5;
}

.ls-c-locations-list .ls-c-locations-list-item--hidden {
  display: none;
  visibility: hidden;
}

.ls-c-locations-list .ls-o-btn--icon-close {
  position: absolute;
  top: 0;
  right: 0;
  background-size: 12px;
}

.ls-c-locations-list .ls-o-btn--icon-clear {
  position: absolute;
  height: 40px;
  width: 44px x 2;
  top: -47px;
  right: 0;
  background: transparent;
}

.ls-ui-comp-user_locations .ls-ui-comp-user_locations-location-with-dialog {
  padding: 0;
}

.ls-ui-comp-user_locations-location-with-dialog .ls-ui-comp-user_locations-action, .ls-ui-comp-user_locations-location-with-dialog .ls-ui-comp-user_locations-name, .ls-ui-comp-user_locations-location-with-dialog .ls-ui-comp-user_locations-remove {
  display: none;
}

.ls-c-message {
  z-index: 9999;
  position: relative;
  color: #525252;
  background-color: transparent;
  overflow: hidden;
}

.ls-c-message__content {
  margin: 0;
}

.ls-c-message__content--active {
  padding: 13px 16px 12px 13px;
  border-bottom: 1px solid #f5f5f5;
}

.ls-c-message--closeable {
  color: #fff;
  background-color: #d43159;
}

.ls-c-message--closeable .ls-c-message__content {
  padding: 13px 60px 13px 13px;
  border-bottom: 0px;
}

.ls-c-message--sticky {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.ls-c-message--sticky .ls-c-message__container {
  position: relative;
  max-width: 976px;
  margin: 0 auto;
}

.ls-c-message .ls-o-btn--icon-hide {
  background-size: 14px;
}

.ls-c-search {
  position: relative;
  margin: 0;
}

.ls-c-search__container {
  margin: 0 44px 0 0;
}

.ls-c-search__input {
  display: block;
  width: 100%;
  height: 44px;
  padding: 10px 16px;
  margin: 0 44px 0 0;
  color: #2D2D2D;
  background: #f5f5f5;
  border: none;
  -webkit-border-radius: 0;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.ls-c-search__input::-ms-clear {
  width: 0;
  height: 0;
}

.ls-c-search__input::-webkit-input-placeholder {
  color: #525252;
}

.ls-c-search__input::-moz-placeholder {
  color: #525252;
}

.ls-c-search__clear-button {
  position: absolute;
  top: -2px;
  right: 46px;
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  margin-top: 2px;
  text-indent: -10000px;
  background-color: transparent;
  background-size: 16px;
  background-position: center center;
  border: none;
}

.ls-c-search--clear .ls-c-search__clear-button {
  display: block;
}

.ls-c-search__submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  text-indent: -9999px;
  cursor: pointer;
  background-color: #f5f5f5;
  background-position: center center;
  background-size: 24px;
  border: none;
  -webkit-border-radius: 0;
}

.ls-c-search--bordered {
  border: 1px solid #dcdcdc;
}

.ls-c-search--bordered .ls-c-search__submit {
  top: 1px;
  right: 1px;
}

.ls-c-search--with-term .ls-c-search__input {
  color: #2D2D2D;
  display: block;
}

.ls-ui-ctrl-active .ls-c-search--with-clear .ls-c-search__submit {
  background-color: #A0A0A0;
}

@media (min-width: 600px) {
  .ls-ui-comp-search .ls-ui-input {
    font-size: 1.4em;
  }
}

.ls-ui-comp-search_results {
  color: #525252;
  background-color: #fff;
}

.ls-ui-comp-search_results ul {
  padding: 0;
  margin: 0;
}

.ls-ui-comp-search_results .ls-ui-comp-search_results-with_results ul {
  margin: 0 0 16px 0;
}

.ls-ui-comp-search_results a {
  display: block;
  color: #323232;
  text-decoration: none;
}

.ls-ui-comp-search_results li {
  padding: 0;
  margin: 0;
  font-size: 1.4em;
  color: #323232;
  text-decoration: none;
  list-style: none;
  cursor: pointer;
}

.ls-ui-comp-search_results .ls-ui-comp-search_results-more {
  display: none;
  width: 100%;
  padding: 0;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 44px;
  color: #525252;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #f5f5f5;
  border: none;
}

.ls-ui-comp-search_results .ls-ui-comp-search_results-active {
  display: block;
}

.ls-ui-comp-search_results-with_results {
  margin-top: 8px;
}

.li-c-user-profile-location__row {
  position: relative;
  border-top: 1px solid #B3B3B3;
  border-bottom: 1px solid #f5f5f5;
}

.ls-o-btn {
  border: 0 none;
  text-decoration: none;
  cursor: pointer;
  -o-transition: color .1s ease-out, background-color .1s ease-in;
  -ms-transition: color .1s ease-out, background-color .1s ease-in;
  -moz-transition: color .1s ease-out, background-color .1s ease-in;
  -webkit-transition: color .1s ease-out, background-color .1s ease-in;
  transition: color .1s ease-out, background-color .1s ease-in;
}

.ls-o-btn:hover, .ls-o-btn:focus {
  background-color: #0091FF;
}

.ls-o-btn_signin {
  position: relative;
  display: inline-block;
  color: #fff !important;
  background-color: #006DEF;
  padding: 8px 8px 8px 40px;
  font-weight: 800;
}

.ls-o-btn_signin:focus, .ls-o-btn_signin:hover {
  background-color: #0091FF;
}

.ls-o-btn--right {
  position: absolute;
  top: 0;
  right: 0;
}

.ls-o-btn--left {
  position: absolute;
  top: 0;
  left: 0;
}

.ls-o-btn--icon {
  display: block;
  width: 44px;
  height: 44px;
  background-position: center center;
  background-size: 21px;
}

.ls-o-btn--icon-signin {
  position: absolute;
  top: 1px;
  left: 4px;
  width: 32px;
  height: 32px;
}

.ls-o-btn--icon-loading {
  width: 44px;
  height: 44px;
  -webkit-animation: spin 0.6s infinite linear;
  -moz-animation: spin 0.6s infinite linear;
  -o-animation: spin 0.6s infinite linear;
  -ms-animation: spin 0.6s infinite linear;
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.ls-o-btn--icon-loading:hover {
  background-color: transparent;
}

.ls-o-btn--icon-edit:hover, .ls-o-btn--icon-edit:focus, .ls-o-btn--icon-edit:active {
  background-color: #525252;
  background-size: 20px;
}

.ls-o-btn--icon-close {
  background-color: transparent;
}

.ls-o-btn--icon-close:hover, .ls-o-btn--icon-close:focus, .ls-o-btn--icon-close:active {
  background-color: #525252;
}

.ls-o-btn--icon-hide {
  background-color: transparent;
}

.ls-o-btn--icon-hide:hover, .ls-o-btn--icon-hide:focus, .ls-o-btn--icon-hide:active {
  background-color: #fff;
}

.ls-o-btn--icon-clear {
  background-color: white;
  text-transform: uppercase;
  width: auto;
  height: auto;
  padding: 0;
  color: #525252;
}

.ls-o-btn--icon-clear:hover {
  text-decoration: underline;
  background-color: white;
}

.ls-o-btn--icon-right {
  position: absolute;
  top: 0;
  right: 0;
}

.ls-o-btn--icon-left {
  position: absolute;
  top: 0;
  left: 0;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}

@-o-keyframes spin {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.ls-o-heading {
  padding: 32px 16px 16px 16px;
  border-bottom: 1px solid #d2d2d2;
}

.ls-o-heading .ls-o-heading__title {
  margin: 0;
  font-weight: 400;
}

.ls-o-heading .ls-o-heading__title--left {
  float: left;
}

.ls-o-heading .ls-o-heading__title--right {
  float: right;
}

.ls-o-heading .ls-o-heading__button--left {
  float: left;
}

.ls-o-heading .ls-o-heading__button--right {
  float: right;
}

.ls-o-link, .ls-c-primary__info-link {
  color: #525252;
  text-decoration: none;
}

.ls-o-link:hover, .ls-c-primary__info-link:hover {
  text-decoration: underline;
}

.ls-o-location-message {
  display: block;
  padding: 12px 16px;
}

.ls-o-location {
  color: #525252;
  display: block;
  padding: 12px 16px;
  text-decoration: none;
}

.ls-o-location:hover, .ls-o-location:focus {
  text-decoration: none;
  background-color: #F5F5F5;
}

.ls-o-location--dark {
  color: #2D2D2D;
}

.ls-o-location--dark:hover, .ls-o-location--dark:focus {
  background-color: #2D2D2D;
  color: #F5F5F5;
}

.ls-o-location--dark.ls-o-location--active {
  background-color: #2D2D2D;
  color: #F5F5F5;
}

.ls-o-location--home, .ls-o-location--my-location, .ls-o-location--recent-location {
  background-size: 20px;
  background-position: 19px 11px;
  padding-left: 49px;
}

.selected .ls-o-location {
  width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 399px) {
  .selected .ls-o-location {
    width: 20%;
  }
}

@media screen and (min-width: 400px) and (max-width: 599px) {
  .selected .ls-o-location {
    width: 30%;
  }
}

@media screen and (min-width: 599px) and (max-width: 699px) {
  .selected .ls-o-location {
    width: 50%;
  }
}

@media screen and (min-width: 699px) and (max-width: 1007px) {
  .selected .ls-o-location {
    width: 60%;
  }
}

@media screen and (min-width: 1008px) {
  .selected .ls-o-location {
    width: 80%;
  }
}

.ls-o-id-signin {
  color: #535352;
  z-index: 1;
  position: relative;
  padding: 16px;
}

.ls-o-id-signin h4 {
  margin: 0 40px 0 0;
}

.ls-o-id-signin p {
  margin: 16px 0;
}

.ls-o-id-signin .ls-c-popover__cta, .ls-o-id-signin .ls-c-id-signin__cta {
  position: relative;
  margin: 16px 0;
}

.ls-o-id-signin .ls-c-popover__description, .ls-o-id-signin .ls-c-id-signin__description {
  margin: 16px 0;
}

.ls-o-id-signin .ls-c-popover__cta-register, .ls-o-id-signin .ls-c-id-signin__cta-register {
  color: #006DEF;
  font-weight: 800;
  text-decoration: none;
}

.ls-o-id-signin .ls-c-popover__cta-register:hover, .ls-o-id-signin .ls-c-id-signin__cta-register:hover {
  text-decoration: underline;
}

.ls-o-id-signin .ls-c-popover__link, .ls-o-id-signin .ls-c-id-signin__link {
  font-weight: bold;
}

.ls-o-id-signin .ls-c-popover__title, .ls-o-id-signin .ls-c-id-signin__title {
  margin: 0;
  margin-right: 40px;
}

.ls-o-toggle {
  display: block;
  margin: 0 auto 8px auto;
  padding: 0 44px 0 16px;
  border: 0;
  height: 44px;
  background-position: 81%;
  background-size: 14px;
  background-color: #F5F5F5;
  cursor: pointer;
}

.ls-o-toggle:after {
  display: block;
  content: '';
  border-bottom: 1px solid #f5f5f5;
  width: 100%;
  position: absolute;
  left: 0;
  margin-top: 12px;
}

.ls-o-toggle:hover, .ls-o-toggle:focus {
  background-color: #525252;
  color: #F5F5F5;
  background-position: 81%;
  background-size: 14px;
}

.ls-o-toggle--hidden {
  display: none;
  visibility: hidden;
}

.cf:before, .ls-o-heading:before, .cf:after, .ls-o-heading:after {
  content: " ";
  display: table;
}

.cf:after, .ls-o-heading:after {
  clear: both;
}

.cf, .ls-o-heading {
  *zoom: 1;
}

.ls-u-icons--add, .ls-o-btn--icon-add, .ls-u-icons--blog-invert, .ls-o-btn--icon-edit:hover, .ls-o-btn--icon-edit:focus, .ls-o-btn--icon-edit:active, .ls-u-icons--blog, .ls-o-btn--icon-edit, .ls-u-icons--down-invert, .ls-o-toggle--down:hover, .ls-o-toggle--down:focus, .ls-u-icons--down, .ls-o-toggle--down, .ls-u-icons--home, .ls-o-location--home, .ls-u-icons--info, .ls-u-icons--loading-invert, .ls-o-btn--icon-loading, .ls-u-icons--loading, .ls-u-icons--location-invert, .ls-u-icons--location, .ls-c-geolocation, .ls-u-icons--no-invert-hover, .ls-ui-comp-close_button:hover, .ls-ui-comp-close_button:focus, .ls-u-icons--no-invert, .ls-ui-comp-close_button, .ls-c-search__clear-button, .ls-o-btn--icon-close, .ls-o-btn--icon-hide:hover, .ls-o-btn--icon-hide:focus, .ls-o-btn--icon-hide:active, .ls-u-icons--no, .ls-o-btn--icon-no, .ls-o-btn--icon-close:hover, .ls-o-btn--icon-close:focus, .ls-o-btn--icon-close:active, .ls-o-btn--icon-hide, .ls-u-icons--recent-activity-invert, .ls-o-location--recent-location:focus, .ls-o-location--recent-location:hover, .ls-o-location--recent-location--active, .ls-u-icons--recent-activity, .ls-o-location--recent-location, .ls-u-icons--search, .ls-c-search__submit, .ls-u-icons--sign-in-invert, .ls-o-btn--icon-signin, .ls-u-icons--up-invert, .ls-o-toggle--up:hover, .ls-o-toggle--up:focus, .ls-u-icons--up, .ls-o-toggle--up, .ls-u-icons--yes-invert, .ls-o-btn--icon-yes, .ls-o-location--my-location:focus, .ls-o-location--my-location:hover, .ls-o-location--my-location--active, .ls-u-icons--yes, .ls-o-location--my-location {
  background-repeat: no-repeat;
}

.ls-u-icons--add, .ls-o-btn--icon-add {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M32%2012H20V0h-8v12H0v8h12v12h8V20h12z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--blog-invert, .ls-o-btn--icon-edit:hover, .ls-o-btn--icon-edit:focus, .ls-o-btn--icon-edit:active {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M7%2018.6v6h6l.7-.6-6-6z%22%2F%3E%3Cpath%20d%3D%22M26-.4L9.3%2016.4l6%206L26%2011.6v18H2v-24h12v-2H0v28h28v-22l4-4z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--blog, .ls-o-btn--icon-edit {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23525252%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M7%2018.6v6h6l.7-.6-6-6z%22%2F%3E%3Cpath%20d%3D%22M26-.4L9.3%2016.4l6%206L26%2011.6v18H2v-24h12v-2H0v28h28v-22l4-4z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--down-invert, .ls-o-toggle--down:hover, .ls-o-toggle--down:focus {
  background-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%2029L32%203h-7.2L16%2018.3%207.2%203H0z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--down, .ls-o-toggle--down {
  background-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22%23525252%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%2029L32%203h-7.2L16%2018.3%207.2%203H0z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--home, .ls-o-location--home {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23525252%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%205.4l-12%2012v14.5h9V22h6v9.9h9V17.4l-12-12z%22%2F%3E%3Cpath%20d%3D%22M28%2012V4h-4v4l-6.6-6.6L16%200l-1.4%201.4L0%2016v2.8l16-16%2016%2016V16z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--info {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23525252%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%200C7.2%200%200%207.2%200%2016s7.2%2016%2016%2016%2016-7.2%2016-16S24.8%200%2016%200zm2%2025h-4V13h4v12zm0-14h-4V7h4v4z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--loading-invert, .ls-o-btn--icon-loading {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M29.8%208l-3.5%202c1%201.8%201.6%203.8%201.6%206%200%206.6-5.4%2012-12%2012S4%2022.6%204%2016%209.4%204%2016%204V0C7.2%200%200%207.2%200%2016s7.2%2016%2016%2016%2016-7.2%2016-16c0-2.9-.8-5.6-2.2-8z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--loading {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M29.8%208l-3.5%202c1%201.8%201.6%203.8%201.6%206%200%206.6-5.4%2012-12%2012S4%2022.6%204%2016%209.4%204%2016%204V0C7.2%200%200%207.2%200%2016s7.2%2016%2016%2016%2016-7.2%2016-16c0-2.9-.8-5.6-2.2-8z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--location-invert {
  background-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22%23525252%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%200C7.2%200%200%207.2%200%2016s7.2%2016%2016%2016%2016-7.2%2016-16S24.8%200%2016%200zm2%2027.8V23h-4v4.8C9%2027%205%2023%204.2%2018H9v-4H4.2C5%209%209%205%2014%204.2V9h4V4.2C23%205%2027%209%2027.8%2014H23v4h4.8c-.8%205-4.8%209-9.8%209.8z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--location, .ls-c-geolocation {
  background-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%200C7.2%200%200%207.2%200%2016s7.2%2016%2016%2016%2016-7.2%2016-16S24.8%200%2016%200zm2%2027.8V23h-4v4.8C9%2027%205%2023%204.2%2018H9v-4H4.2C5%209%209%205%2014%204.2V9h4V4.2C23%205%2027%209%2027.8%2014H23v4h4.8c-.8%205-4.8%209-9.8%209.8z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--no-invert-hover, .ls-ui-comp-close_button:hover, .ls-ui-comp-close_button:focus {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%232D2D2D%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M32%203.5L28.5%200%2016%2012.5%203.5%200%200%203.5%2012.5%2016%200%2028.5%203.5%2032%2016%2019.5%2028.5%2032l3.5-3.5L19.5%2016z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--no-invert, .ls-ui-comp-close_button, .ls-c-search__clear-button, .ls-o-btn--icon-close, .ls-o-btn--icon-hide:hover, .ls-o-btn--icon-hide:focus, .ls-o-btn--icon-hide:active {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23525252%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M32%203.5L28.5%200%2016%2012.5%203.5%200%200%203.5%2012.5%2016%200%2028.5%203.5%2032%2016%2019.5%2028.5%2032l3.5-3.5L19.5%2016z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--no, .ls-o-btn--icon-no, .ls-o-btn--icon-close:hover, .ls-o-btn--icon-close:focus, .ls-o-btn--icon-close:active, .ls-o-btn--icon-hide {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M32%203.5L28.5%200%2016%2012.5%203.5%200%200%203.5%2012.5%2016%200%2028.5%203.5%2032%2016%2019.5%2028.5%2032l3.5-3.5L19.5%2016z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--recent-activity-invert, .ls-o-location--recent-location:focus, .ls-o-location--recent-location:hover, .ls-o-location--recent-location--active {
  background-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%2028C9.4%2028%204%2022.6%204%2016S9.4%204%2016%204c.3%200%20.7%200%201%20.1v-4c-.3-.1-.7-.1-1-.1C7.2%200%200%207.2%200%2016s7.2%2016%2016%2016c6.3%200%2011.7-3.6%2014.3-8.9l-3.5-2c-1.9%204.1-6%206.9-10.8%206.9z%22%2F%3E%3Cpath%20d%3D%22M15%206v10.6l8.8%205.1%201-1.8-7.8-4.5V6z%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2216%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%229%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%224%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--recent-activity, .ls-o-location--recent-location {
  background-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22%23525252%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%2028C9.4%2028%204%2022.6%204%2016S9.4%204%2016%204c.3%200%20.7%200%201%20.1v-4c-.3-.1-.7-.1-1-.1C7.2%200%200%207.2%200%2016s7.2%2016%2016%2016c6.3%200%2011.7-3.6%2014.3-8.9l-3.5-2c-1.9%204.1-6%206.9-10.8%206.9z%22%2F%3E%3Cpath%20d%3D%22M15%206v10.6l8.8%205.1%201-1.8-7.8-4.5V6z%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2216%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%229%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%224%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--search, .ls-c-search__submit {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23525252%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M32%2028.5l-8.2-8.2c3.4-5.1%202.9-12-1.6-16.4C19.7%201.3%2016.3%200%2013%200%209.7%200%206.3%201.3%203.8%203.8c-5.1%205.1-5.1%2013.3%200%2018.4C6.3%2024.7%209.7%2026%2013%2026c2.5%200%205.1-.7%207.3-2.2l8.2%208.2%203.5-3.5zM6.6%2019.4C4.9%2017.7%204%2015.4%204%2013s.9-4.7%202.6-6.4C8.3%204.9%2010.6%204%2013%204c2.4%200%204.7.9%206.4%202.6%203.5%203.5%203.5%209.2%200%2012.7-1.7%201.7-4%202.6-6.4%202.6s-4.7-.8-6.4-2.5z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--sign-in-invert, .ls-o-btn--icon-signin {
  background-image: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2042%2039%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M29.08%2032l3.17%206.72C38.1%2034.99%2042%2028.45%2042%2021%2042%209.41%2032.6%200%2021%200S0%209.41%200%2021c0%207.45%203.9%2013.99%209.75%2017.72L13%2032h16.08zM12.92%2021c0-4.46%203.62-8.07%208.08-8.07s8.08%203.61%208.08%208.07c0%204.46-3.62%208.08-8.08%208.08s-8.08-3.62-8.08-8.08%22%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--up-invert, .ls-o-toggle--up:hover, .ls-o-toggle--up:focus {
  background-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%203L0%2029h7.2L16%2013.7%2024.8%2029H32z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--up, .ls-o-toggle--up {
  background-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22%23525252%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%203L0%2029h7.2L16%2013.7%2024.8%2029H32z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--yes-invert, .ls-o-btn--icon-yes, .ls-o-location--my-location:focus, .ls-o-location--my-location:hover, .ls-o-location--my-location--active {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M12.8%2028.9l19-22.6L28%203.1%2012.2%2021.9l-9-7.5L0%2018.2z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--yes, .ls-o-location--my-location {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23525252%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M12.8%2028.9l19-22.6L28%203.1%2012.2%2021.9l-9-7.5L0%2018.2z%22%2F%3E%3C%2Fsvg%3E);
}

.ls-u-icons--info {
  padding-left: 30px;
  background-size: 16px;
  background-position: left;
  color: #525252;
  text-decoration: none;
}

.ls-u-icons--info-padded {
  padding-left: 30px;
  margin-left: 16px;
  background-size: 16px;
  background-position: left;
}

.ls-u-padding {
  padding: 8px;
}

.ls-u-padding-double {
  padding: 16px;
}

.ls-u-padding-triple {
  padding: 24px;
}

.ls-u-hidden {
  position: absolute;
  top: auto;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.ls-u-is-hidden {
  display: none !important;
}

.ls-ui-ctrl-primary {
  padding: 20px 8px;
}

.ls-ui-ctrl-primary .ls-ui-o .ls-ui-hidden {
  display: none;
}

.ls-ui-ctrl-primary .ls-ui-o {
  position: relative;
}

.ls-ui-ctrl-primary .ls-ui-o a {
  font-size: initial;
}

.ls-ui-ctrl-primary .ls-c-search_results, .ls-ui-ctrl-primary .ls-c-auto_complete {
  width: calc(100% - 52px);
}

.ls-ui-ctrl-primary .ls-c-message {
  width: 100%;
}

@media (max-width: 600px) {
  .ls-ui-ctrl-primary .ls-c-search_results, .ls-ui-ctrl-primary .ls-c-auto_complete, .ls-ui-ctrl-primary .ls-c-message {
    width: 100%;
  }
}

.ls-ui-ctrl-primary .ls-ui-ctrl-primary-search {
  margin-top: 54px;
}

.ls-ui-ctrl-primary .ls-c-geolocation {
  display: none;
}

.ls-ui-ctrl-primary .ls-ui-comp-user_locations {
  display: none;
}

.ls-ui-ctrl-primary .ls-ui-comp-close_button {
  position: absolute;
  top: -54px;
  right: 0;
  display: none;
}

.ls-ui-ctrl-active {
  background: white;
}

.ls-ui-ctrl-active .ls-ui-comp-close_button {
  display: block;
}

.ls-ui-ctrl-active .site-name {
  color: #000;
}

.ls-ui-ctrl-active .ls-ui-comp-search .ls-ui-input, .ls-ui-ctrl-active .ls-ui-comp-search .ls-ui-submit {
  background-color: #f5f5f5;
}

.ls-ui-ctrl-active .ls-ui-comp-user_locations {
  display: block;
}

.ls-ui-ctrl-active .ls-ui-personalisation-container {
  display: block;
}

.ls-ui-personalisation-container {
  display: none;
}

.ls-ui-ctrl-geolocation .ls-ui-ctrl-primary-search {
  margin-top: 112px;
}

.ls-ui-ctrl-geolocation .ls-c-geolocation {
  position: absolute;
  top: -54px;
  display: block;
  padding: 0 0 0 16px;
}

.ls-ui-ctrl-geolocation .ls-ui-comp-close_button {
  top: -112px;
}

@media (min-width: 400px) {
  .ls-ui-ctrl-primary {
    padding: 20px 16px;
  }
}

@media (min-width: 600px) {
  .ls-ui-ctrl-primary .ls-ui-ctrl-primary-search {
    margin: 5px 0 0 0;
  }
  .ls-ui-ctrl-primary .ls-ui-comp-close_button {
    top: 0;
    right: 0;
  }
  .ls-ui-ctrl-active .ls-ui-ctrl-primary-search {
    margin-right: 52px;
  }
  .ls-ui-ctrl-open .ls-ui-ctrl-primary-search {
    margin-right: 0;
  }
  .ls-ui-ctrl-geolocation .ls-ui-ctrl-primary-search, .ls-ui-ctrl-geolocation .ls-ui-comp-search_results, .ls-ui-ctrl-geolocation .ls-ui-comp-message, .ls-ui-ctrl-geolocation .ls-ui-comp-auto_complete {
    margin-right: 52px;
  }
  .ls-ui-ctrl-geolocation .ls-c-geolocation {
    top: 0;
    right: 0;
  }
  .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-ctrl-primary-search, .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-search_results, .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-message, .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-auto_complete {
    margin-right: 104px;
  }
  .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-message {
    padding-left: 16px;
  }
  .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-c-geolocation {
    position: absolute;
    top: 0;
    right: 50px;
  }
  .ls-ui-ctrl-geolocation.ls-ui-ctrl-open .ls-ui-ctrl-primary-search, .ls-ui-ctrl-geolocation.ls-ui-ctrl-open .ls-ui-comp-search_results, .ls-ui-ctrl-geolocation.ls-ui-ctrl-open .ls-ui-comp-message, .ls-ui-ctrl-geolocation.ls-ui-ctrl-open .ls-ui-comp-auto_complete {
    margin-right: 52px;
  }
  .ls-ui-ctrl-geolocation.ls-ui-ctrl-open .ls-c-geolocation {
    right: 0;
  }
}

@media (min-width: 1008px) {
  .ls-ui-ctrl-primary .ls-ui-o {
    max-width: 976px;
    margin: 0 auto;
  }
}

.ls-c-primary__info-link {
  padding-top: 24px;
  padding-bottom: 24px;
  display: inline-block;
}

/*------------------------------------*    # Visibility
\*------------------------------------*/
.wr-hide-visually {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* backward-compatible syntax */
  clip-path: polygon(0 0, 1px 0, 1px 1px, 0 1px);
  /* clip is deprecated */
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  white-space: nowrap;
  /* smushed text fix */
}

.wr-u-hide-text {
  text-indent: -2500em;
}