@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin);

@font-face {
  font-display: swap;
  font-family: "slick";
  font-weight: normal;
  font-style: normal;

  src: url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/fonts/slick.eot");
  src: url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/fonts/slick.eot?#iefix") format("embedded-opentype"), url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/fonts/slick.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/fonts/slick.ttf") format("truetype"),
    url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/fonts/slick.svg#slick") format("svg");
}

body,
html {
  height: auto !important;
}
/* hide lazy-loaded broken image icons*/
img[src=""],
img:not([src]) {
  visibility: hidden;
}

#react-root {
  overflow: hidden;
}

/* semantic overrides (app wide changes) */

.ui.modal > .actions {
  background: #fff;
}

.ui.rounded.image {
  border-radius: 12px;
}
.ui.dropdown .menu > .horizontal.divider {
  border: none;
  font-size: 80%;
}

/* border-radius changes */
.bike-card img {
  border-radius: 12px;
}

textarea,
input {
  border-radius: 10px !important;
}

.ui.rounded.image,
.ui.button,
.ui.segment,
.ui.card,
.ui.modal > .content,
.ui.active.modal,
.ui.pagination.menu,
.ui.horizontal.segments,
.ui.dropdown,
.ui.message,
.ui.table,
.ui.label,
.ui.popup,
.custom-round-image {
  border-radius: 12px !important;
}

.ui.modal > .header {
  border-radius: 12px 12px 0 0 !important;
}

.ui.modal > .actions {
  border-radius: 0 0 12px 12px !important;
}

.ui.two.buttons,
.ui.buttons .button:first-child {
  border-radius: 12px 0 0 12px !important;
}

.ui.two.buttons,
.ui.buttons .button:nth-child(3),
.ui.buttons .button:nth-child(4),
.ui.buttons .button:nth-child(5),
.ui.buttons .button:nth-child(6),
.ui.buttons .button:nth-child(7) {
  border-radius: 0 !important;
}

.ui.two.buttons,
.ui.buttons .button:last-child {
  border-radius: 0 12px 12px 0 !important;
}

.ui.labeled.input :first-child,
.ui.horizontal.segments :first-child,
.ui.action.input :first-child {
  border-radius: 12px 0 0 12px !important;
}

.ui.labeled.input :nth-child(2),
.ui.horizontal.segments :nth-child(2),
.ui.action.input :nth-child(2) {
  border-radius: 0 !important;
}

.ui.labeled.input :last-child,
.ui.horizontal.segments :last-child,
.ui.action.input :last-child {
  border-radius: 0 12px 12px 0 !important;
}

.visible.menu.transition {
  border-radius: 0 0 12px 12px !important;
}

.listing-search-times .visible.menu.transition {
  top: 51px;
  border-radius: 12px !important;
}

body ::-webkit-scrollbar-track {
  border-radius: 12px !important;
}

body ::-webkit-scrollbar-thumb {
  border-radius: 12px !important;
}

.ui.upward.selection.dropdown .menu {
  border-radius: 12px 12px 0 0 !important;
}

.ui.button.upward.dropdown .visible.menu.transition {
  border-radius: 12px !important;
}

.detached-menu-basic .visible.menu.transition {
  border-radius: 12px !important;
}

.detached-menu .visible.menu.transition {
  border-radius: 12px !important;
  top: 47px;
}

.ui.modal > .header.app-menu-sticky {
  border-radius: 0 !important;
}

/* google places autocomplete overides */
.pac-container {
  background-color: #fff;
  position: absolute !important;
  z-index: 1000;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  overflow: hidden;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  margin-top: 10px;
  margin-left: 20px;
  width: 100%;
  text-shadow: none;
}
.pac-container:after {
  background-image: none !important;
  height: 0;
  padding: 0;
  margin: 0;
}
.pac-container .pac-header {
  color: #000;
  font-weight: bold;
  padding: 0.5em 1em;
  text-align: left;
}
.pac-container .pac-item {
  text-shadow: none;
  text-align: left;
  line-height: 30px;
  font-size: 14px;
  color: #000;
  display: block;
  padding: 0.5em 1em;
  cursor: pointer;
}
.pac-container .pac-item:hover {
  background-color: #f0f0f0;
}
.pac-container .pac-icon {
  display: none;
}
.pac-container:after {
  background-image: none !important;
  height: 0px;
}
.pac-container#listingSearchResults {
  margin-left: -20px;
}
.pac-container#experienceSearchResults {
  margin-left: -20px;
}
@media (max-width: 500px) {
  .pac-container {
    position: fixed !important;
    max-width: 90vw;
    left: 5vw;
    margin-left: auto;
  }
  .pac-container#listingSearchResults {
    position: absolute !important;
  }
  .pac-container#experienceSearchResults {
    position: absolute !important;
  }
}

.app-body {
  min-height: 66vh;
}
@media (max-width: 1024px) {
  .app-body {
    min-height: 100vh;
  }
  body ::-webkit-scrollbar {
    width: 0 !important;
  }
}

/* Quill RichTextEditor override */
.quill {
  width: 100%;
}

.ql-toolbar.ql-snow {
  border-radius: 12px 12px 0 0;
}

.ql-container.ql-snow {
  border-radius: 0 0 12px 12px;
  min-height: 100px;
}

/*rich text placeholder*/
.ql-editor.ql-blank::before {
  font-style: normal !important;
}

.rich-text ol,
.rich-text ul,
.rich-text p {
  margin: 0 !important;
}

.app-header {
  position: fixed;
  top: 0;
  height: 60px;
  width: 100%;
  z-index: 1000;
  padding-left: 0em;
  transition: background 0.5s;
}

@media (max-width: 991px) {
  .app-header .ui.container {
    width: 720px;
  }
}

.app-header .ui.inverted.menu {
  background: transparent !important;
  margin-top: 0;
}

.app-header .item {
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 60px;
}
.app-header a.item {
  padding: 0 1em !important;
}

.app-header .simple.dropdown {
  color: rgba(255, 255, 255, 0.7) !important;
  border-radius: 0 !important;
  padding: 19px 14px;
}
.app-header .simple.dropdown:hover,
.app-header .menu-opener:hover + .simple.dropdown,
.app-header .menu-opener:checked + .simple.dropdown {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.08);
}
.app-header .simple.dropdown .avatar + .icon {
  font-family: "Lato";
  font-size: 12px;
  text-shadow: none;
  color: #fff !important;
  background: #2185d0;
  border-radius: 50%;
  padding: 4px;
  height: 20px;
  width: 20px;
  top: -10px;
  right: -5px;
}

/* app menus */
.app-header .ui.simple.dropdown > .menu {
  z-index: 10000 !important;
  margin: 0 !important;
  top: 60px !important;
}

@media (max-width: 768px) {
  .app-header .ui.simple.dropdown > .menu {
    position: fixed !important;
    width: 100vw !important;
    height: calc(100vh - 60px) !important;
  }
}

.app-header .account-menu > .menu {
  min-width: 320px;
  right: 0 !important;
  left: auto !important;
  font-size: 20px !important;
  color: #484848;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  transition: transform 0.2s ease-in-out !important;
  transform: scaleY(0) !important;
  transform-origin: top !important;
}
.app-header .account-menu:hover > .menu {
  transform: scaleY(1) !important;
}

.app-header .help-menu > .menu {
  min-width: 300px;
  right: 0 !important;
  left: auto !important;
  font-size: 20px !important;
  color: #484848;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  transition: transform 0.2s ease-in-out !important;
  transform: scaleY(0) !important;
  transform-origin: top !important;
}
.app-header .help-menu:hover > .menu {
  transform: scaleY(1) !important;
}
@media (max-width: 320px) {
  .app-header .help-item {
    width: 35px !important;
  }
}

.app-header .menu-opener {
  cursor: pointer !important;
  position: relative;
  z-index: 1;
  left: 50%;
  -ms-transform: scale(4);
  -moz-transform: scale(4);
  -webkit-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  opacity: 0;
}

.app-header .menu-opener + [class*="-menu"] > .icons > .close {
  opacity: 0;
}
.app-header .menu-opener:checked + [class*="-menu"] > .icons > .close {
  opacity: 1;
}

.app-header .menu-opener + [class*="-menu"] > .icons > [class*="icon"]:not(.close),
.app-header .menu-opener + [class*="-menu"] > .icons > .image.avatar {
  opacity: 1;
}
.app-header .menu-opener:checked + [class*="-menu"] > .icons > [class*="icon"]:not(.close),
.app-header .menu-opener:checked + [class*="-menu"] > .icons > .image.avatar {
  opacity: 0;
}

.app-header .menu-opener + .dropdown > .menu {
  font-size: 16px !important;
  color: #484848;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  transition: transform 0.2s ease-in-out !important;
  transform: scaleY(0) !important;
  transform-origin: top !important;
}

.app-header .menu-opener + .dropdown > .menu {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
@media (max-width: 768px) {
  .app-header .menu-opener + .dropdown > .menu {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}

.app-header .menu-opener:checked + .dropdown > .menu {
  transform: scaleY(1) !important;
  overflow: visible;
  width: auto;
  height: auto;
  opacity: 1;
}

.currency-menu .menu.transition {
  margin-top: -380px;
  margin-bottom: 20px;
}

.currency-menu .menu > .item > .icon {
  margin-right: 3px !important;
}

@media screen and (min-width: 768px) {
  .app-header .dropdown.main-menu {
    margin-right: 1em;
  }
}
.app-header .dropdown.main-menu .menu .dropdown.item:hover {
  color: #000000 !important;
}
.app-header .dropdown.main-menu .menu .dropdown.item:hover > i.icon {
  rotate: 90deg;
}

.app-header .dropdown.main-menu .menu .dropdown.item .menu {
  min-width: 300px;
  position: relative !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow-y: scroll !important;
  max-height: 25vh !important;
  transition: transform 0.2s ease-out !important;
  transform: scaleY(0) !important;
  transform-origin: top !important;
}

.app-header .dropdown.main-menu .menu .dropdown.item:hover .menu {
  transform: scaleY(1) !important;
  top: 10px !important;
  left: 0 !important;
}

.app-header .main-menu ::-webkit-scrollbar {
  width: 12px !important;
  background: #ccc;
  border-radius: 6px;
}

.app-header .main-menu ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #ddd;
  border-radius: 6px;
}

.app-header .main-menu ::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 6px;
}

.app-header .main-menu ::-webkit-scrollbar-thumb:hover {
  background: #666;
}

.app-footer .dropdown.currency-menu .menu {
  top: auto;
  bottom: 100%;
  border-radius: 12px !important;
  /* z-index: 1000; */
  /* padding-right: 1em; */
}

@media (max-width: 1024px) {
  .appify > .grid > .row,
  .appify > .grid > .row > .column {
    padding: 0 !important;
    margin-bottom: 0.5em !important;
  }
  .appify .acct-menu-header {
    margin: -1px -2px !important;
    border-radius: 0 !important;
  }
  .appify .ui.segment {
    border: none !important;
  }
  .appify .ui.styled.accordion,
  .appify .ui.styled.accordion .accordion {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .appify-modal {
    height: 100vh !important;
    width: 100vw !important;
    border-radius: 0 !important;
    overflow-y: scroll;
    z-index: 1002 !important;
  }

  .ui.modal:not(.appify-modal) > .header {
    border-radius: 12px 12px 0 0 !important;
  }

  .ui.modal:not(.appify-modal) > .actions {
    border-radius: 0 0 12px 12px !important;
  }

  .ui.modal.appify-modal {
    border-radius: 0 !important;
  }

  .ui.buttons.fixed-footer-listing-control .ui.button {
    border-radius: 0 !important;
  }

  .modals.dimmer .ui.scrolling.modal {
    margin: -1rem auto !important;
  }

  .appify-modal::-webkit-scrollbar {
    width: 0 !important;
  }
  body ::-webkit-scrollbar {
    width: 0 !important;
  }
}

.ui.text.container.appify {
  max-width: 970px !important;
}
.banner-wizard.enabled + .app-body {
  margin-top: 120px !important;
}

.app-header {
  position: fixed;
  top: 0;
  height: 60px;
  width: 100%;
  z-index: 1000;
  transition: background 0.5s;
}

@media (max-width: 991px) {
  .app-header .ui.container {
    width: 720px;
  }
}

@media (max-width: 375px) {
  .app-header .ui.container {
    margin-left: 0em !important;
    margin-right: 0em !important;
  }
  .app-header .item {
    padding: 0px !important;
  }
}
.app-header .ui.inverted.menu {
  background: transparent !important;
  margin-top: 0;
}

.capitalize {
  text-transform: capitalize !important;
}

.app-logo > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='30' viewBox='0 0 2800 380' fill='none' alt='Motorcycle Rentals' %3E%3Cpath d='m 228.855,0 c 16.554,0 32.312,3.41044 46.608,9.56703 C 250.75,31.2182 233.303,60.5648 227.5,94 h -109 C 105.343,94 94,105.343 94,118.5 V 379 L 0,285.093 V 118.333 C 0,52.9795 52.9795,0 118.333,0 Z' fill='%232185d0'/%3E%3Cpath d='m 371,143 c -5.624,33.17 -22.686,62.347 -47.006,84.044 14.129,6.134 29.668,9.543 45.979,9.543 L 482,236 c 13.157,0 23.49,11.253 23.49,24.41 0,13.157 -10.333,24.59 -23.49,24.59 H 309 l 94,93.397 79.028,0.603 C 547.382,379 600,325.764 600,260.41 600,195.057 547.354,143 482,143 Z' fill='%232185d0'/%3E%3Cpath d='m 487.5,0 h -118 c -65.805,0 -118.201,53.4366 -118.379,118.08 -0.038,13.489 -10.964,24.114 -23.319,24.335 l -20.922,0.375 c -48.179,0.863 -86.783,40.165 -86.783,88.351 0,23.436 9.31,45.912 25.881,62.484 L 231.4,379 H 365.011 L 235.037,249.026 c -4.428,-4.428 -1.266,-12.228 4.959,-12.916 67.047,-7.409 105.472,-58.789 105.634,-117.77 0.038,-13.714 11.272,-24.4327 23.825,-24.4327 h 211.716 z' fill='%232185d0'/%3E%3Cg aria-label='RIDERS SHARE' fill='%23ffffff'%3E%3Cpath d='m 861.82189,186.92498 q 12.432,0 21.904,-2.96 9.62,-3.108 15.984,-8.584 6.512,-5.624 9.768,-13.32 3.256,-7.696 3.256,-17.02 0,-18.944 -12.432,-28.564 -12.432,-9.62 -37.296,-9.62 h -31.376 v 80.068 z m 97.976,109.372 h -25.456 q -7.844,0 -11.544,-6.068 l -55.056,-75.776 q -2.516,-3.552 -5.476,-5.032 -2.812,-1.628 -8.88,-1.628 h -21.756 v 88.504 h -28.564 V 84.212976 h 59.94 q 20.128,0 34.78,4.144 14.652,3.996 24.124,11.692004 9.62,7.696 14.208,18.648 4.588,10.804 4.588,24.272 0,11.248 -3.552,21.016 -3.552,9.768 -10.36,17.612 -6.66,7.696 -16.428,13.172 -9.62,5.476 -21.904,8.288 5.476,3.108 9.472,9.028 z'/%3E%3Cpath d='M 1017.2217,296.29698 H 988.50965 V 84.212976 h 28.71205 z'/%3E%3Cpath d='m 1255.2053,190.32898 q 0,23.828 -7.548,43.364 -7.548,19.536 -21.312,33.448 -13.764,13.912 -33.152,21.608 -19.24,7.548 -42.624,7.548 h -79.18 V 84.212976 h 79.18 q 23.384,0 42.624,7.696 19.388,7.548001 33.152,21.608004 13.764,13.912 21.312,33.448 7.548,19.536 7.548,43.364 z m -29.452,0 q 0,-19.536 -5.328,-34.928 -5.328,-15.392 -15.096,-26.048 -9.768,-10.656 -23.68,-16.28 -13.912,-5.624 -31.08,-5.624 h -50.468 v 165.612 h 50.468 q 17.168,0 31.08,-5.624 13.912,-5.624 23.68,-16.132 9.768,-10.656 15.096,-26.048 5.328,-15.392 5.328,-34.928 z'/%3E%3Cpath d='m 1427.3293,272.91298 -0.148,23.384 h -130.684 V 84.212976 h 130.684 v 23.384004 h -101.972 v 70.448 h 82.584 v 22.496 h -82.584 v 72.372 z'/%3E%3Cpath d='m 1526.1931,186.92498 q 12.432,0 21.904,-2.96 9.62,-3.108 15.984,-8.584 6.512,-5.624 9.768,-13.32 3.256,-7.696 3.256,-17.02 0,-18.944 -12.432,-28.564 -12.432,-9.62 -37.296,-9.62 h -31.376 v 80.068 z m 97.976,109.372 h -25.456 q -7.844,0 -11.544,-6.068 l -55.056,-75.776 q -2.516,-3.552 -5.476,-5.032 -2.812,-1.628 -8.88,-1.628 h -21.756 v 88.504 h -28.564 V 84.212976 h 59.94 q 20.128,0 34.78,4.144 14.652,3.996 24.124,11.692004 9.62,7.696 14.208,18.648 4.588,10.804 4.588,24.272 0,11.248 -3.552,21.016 -3.552,9.768 -10.36,17.612 -6.66,7.696 -16.428,13.172 -9.62,5.476 -21.904,8.288 5.476,3.108 9.472,9.028 z'/%3E%3Cpath d='m 1761.3649,117.36498 q -1.332,2.22 -2.96,3.404 -1.48,1.036 -3.7,1.036 -2.516,0 -5.92,-2.516 -3.404,-2.516 -8.584,-5.476 -5.032,-3.108 -12.284,-5.624 -7.104,-2.516 -17.316,-2.516 -9.62,0 -17.02,2.664 -7.252,2.516 -12.284,6.956 -4.884,4.44 -7.4,10.508 -2.516,5.92 -2.516,12.876 0,8.88 4.292,14.8 4.44,5.772 11.544,9.916 7.252,4.144 16.28,7.252 9.176,2.96 18.648,6.216 9.62,3.256 18.648,7.4 9.176,3.996 16.28,10.212 7.252,6.216 11.544,15.244 4.44,9.028 4.44,22.2 0,13.912 -4.736,26.196 -4.736,12.136 -13.912,21.164 -9.028,9.028 -22.348,14.208 -13.172,5.18 -30.044,5.18 -20.72,0 -37.592,-7.4 -16.872,-7.548 -28.86,-20.276 l 8.288,-13.616 q 1.184,-1.628 2.812,-2.664 1.776,-1.184 3.848,-1.184 1.924,0 4.292,1.628 2.516,1.48 5.624,3.848 3.108,2.368 7.104,5.18 3.996,2.812 9.028,5.18 5.18,2.368 11.692,3.996 6.512,1.48 14.652,1.48 10.212,0 18.204,-2.812 7.992,-2.812 13.468,-7.844 5.624,-5.18 8.584,-12.284 2.96,-7.104 2.96,-15.836 0,-9.62 -4.44,-15.688 -4.292,-6.216 -11.396,-10.36 -7.104,-4.144 -16.28,-6.956 -9.176,-2.96 -18.648,-5.92 -9.472,-3.108 -18.648,-7.104 -9.176,-3.996 -16.28,-10.36 -7.104,-6.364 -11.544,-15.836 -4.292,-9.62 -4.292,-23.68 0,-11.248 4.292,-21.756 4.44,-10.508 12.728,-18.648003 8.436,-8.140001 20.572,-13.024001 12.284,-4.884 28.12,-4.884 17.76,0 32.264,5.624 14.652,5.624 25.752,16.280004 z'/%3E%3Cpath d='m 1997.7203,117.36498 q -1.332,2.22 -2.96,3.404 -1.48,1.036 -3.7,1.036 -2.516,0 -5.92,-2.516 -3.404,-2.516 -8.584,-5.476 -5.032,-3.108 -12.284,-5.624 -7.104,-2.516 -17.316,-2.516 -9.62,0 -17.02,2.664 -7.252,2.516 -12.284,6.956 -4.884,4.44 -7.4,10.508 -2.516,5.92 -2.516,12.876 0,8.88 4.292,14.8 4.44,5.772 11.544,9.916 7.252,4.144 16.28,7.252 9.176,2.96 18.648,6.216 9.62,3.256 18.648,7.4 9.176,3.996 16.28,10.212 7.252,6.216 11.544,15.244 4.44,9.028 4.44,22.2 0,13.912 -4.736,26.196 -4.736,12.136 -13.912,21.164 -9.028,9.028 -22.348,14.208 -13.172,5.18 -30.044,5.18 -20.72,0 -37.592,-7.4 -16.872,-7.548 -28.86,-20.276 l 8.288,-13.616 q 1.184,-1.628 2.812,-2.664 1.776,-1.184 3.848,-1.184 1.924,0 4.292,1.628 2.516,1.48 5.624,3.848 3.108,2.368 7.104,5.18 3.996,2.812 9.028,5.18 5.18,2.368 11.692,3.996 6.512,1.48 14.652,1.48 10.212,0 18.204,-2.812 7.992,-2.812 13.468,-7.844 5.624,-5.18 8.584,-12.284 2.96,-7.104 2.96,-15.836 0,-9.62 -4.44,-15.688 -4.292,-6.216 -11.396,-10.36 -7.104,-4.144 -16.28,-6.956 -9.176,-2.96 -18.648,-5.92 -9.472,-3.108 -18.648,-7.104 -9.176,-3.996 -16.28,-10.36 -7.104,-6.364 -11.544,-15.836 -4.292,-9.62 -4.292,-23.68 0,-11.248 4.292,-21.756 4.44,-10.508 12.728,-18.648003 8.436,-8.140001 20.572,-13.024001 12.284,-4.884 28.12,-4.884 17.76,0 32.264,5.624 14.652,5.624 25.752,16.280004 z'/%3E%3Cpath d='M 2221.6442,84.212976 V 296.29698 h -28.712 v -96.496 h -114.404 v 96.496 h -28.712 V 84.212976 h 28.712 v 94.572004 h 114.404 V 84.212976 Z'/%3E%3Cpath d='m 2388.4397,217.56098 -33.3,-86.284 q -1.48,-3.848 -3.108,-8.88 -1.628,-5.18 -3.108,-10.952 -3.108,11.988 -6.364,19.98 l -33.3,86.136 z m 59.792,78.736 h -22.2 q -3.848,0 -6.216,-1.924 -2.368,-1.924 -3.552,-4.884 l -19.832,-51.208 h -95.164 l -19.832,51.208 q -0.888,2.664 -3.404,4.736 -2.516,2.072 -6.216,2.072 h -22.2 l 84.804,-212.084004 h 29.008 z'/%3E%3Cpath d='m 2534.9591,186.92498 q 12.432,0 21.904,-2.96 9.62,-3.108 15.984,-8.584 6.512,-5.624 9.768,-13.32 3.256,-7.696 3.256,-17.02 0,-18.944 -12.432,-28.564 -12.432,-9.62 -37.296,-9.62 h -31.376 v 80.068 z m 97.976,109.372 h -25.456 q -7.844,0 -11.544,-6.068 l -55.056,-75.776 q -2.516,-3.552 -5.476,-5.032 -2.812,-1.628 -8.88,-1.628 h -21.756 v 88.504 h -28.564 V 84.212976 h 59.94 q 20.128,0 34.78,4.144 14.652,3.996 24.124,11.692004 9.62,7.696 14.208,18.648 4.588,10.804 4.588,24.272 0,11.248 -3.552,21.016 -3.552,9.768 -10.36,17.612 -6.66,7.696 -16.428,13.172 -9.62,5.476 -21.904,8.288 5.476,3.108 9.472,9.028 z'/%3E%3Cpath d='m 2792.4789,272.91298 -0.148,23.384 h -130.684 V 84.212976 h 130.684 v 23.384004 h -101.972 v 70.448 h 82.584 v 22.496 h -82.584 v 72.372 z'/%3E%3C/g%3E%3C/svg%3E") !important;
  display: block !important;
  width: 220px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center, 50%, 50%;
}

.app-logo.square > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='30' viewBox='0 0 640 380' fill='none' alt='Motorcycle Rentals' %3E%3Cpath d='m 228.855,0 c 16.554,0 32.312,3.41044 46.608,9.56703 C 250.75,31.2182 233.303,60.5648 227.5,94 h -109 C 105.343,94 94,105.343 94,118.5 V 379 L 0,285.093 V 118.333 C 0,52.9795 52.9795,0 118.333,0 Z' fill='%232185d0' /%3E%3Cpath d='m 371,143 c -5.624,33.17 -22.686,62.347 -47.006,84.044 14.129,6.134 29.668,9.543 45.979,9.543 L 482,236 c 13.157,0 23.49,11.253 23.49,24.41 0,13.157 -10.333,24.59 -23.49,24.59 H 309 l 94,93.397 79.028,0.603 C 547.382,379 600,325.764 600,260.41 600,195.057 547.354,143 482,143 Z' fill='%232185d0' /%3E%3Cpath d='m 487.5,0 h -118 c -65.805,0 -118.201,53.4366 -118.379,118.08 -0.038,13.489 -10.964,24.114 -23.319,24.335 l -20.922,0.375 c -48.179,0.863 -86.783,40.165 -86.783,88.351 0,23.436 9.31,45.912 25.881,62.484 L 231.4,379 H 365.011 L 235.037,249.026 c -4.428,-4.428 -1.266,-12.228 4.959,-12.916 67.047,-7.409 105.472,-58.789 105.634,-117.77 0.038,-13.714 11.272,-24.4327 23.825,-24.4327 h 211.716 z' fill='%232185d0' /%3E%3C/svg%3E") !important;
}

.app-logo-footer {
  margin-bottom: 15px;
}

.app-logo-footer > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='57' viewBox='0 0 600 380' fill='none' alt='Motorcycle Rentals' %3E%3Cpath d='M228.855 0C245.409 0 261.167 3.41044 275.463 9.56703C250.75 31.2182 233.303 60.5648 227.5 94H118.5C105.343 94 94 105.343 94 118.5V379L0 285.093V118.333C0 52.9795 52.9795 0 118.333 0H228.855Z' fill='white' /%3E%3Cpath d='M371 143C365.376 176.17 348.314 205.347 323.994 227.044C338.123 233.178 353.662 236.587 369.973 236.587L482 236C495.157 236 505.49 247.253 505.49 260.41C505.49 273.567 495.157 285 482 285H309L403 378.397L482.028 379C547.382 379 600 325.764 600 260.41C600 195.057 547.354 143 482 143H371Z' fill='white' /%3E%3Cpath d='M487.5 0H369.5C303.695 0 251.299 53.4366 251.121 118.08C251.083 131.569 240.157 142.194 227.802 142.415L206.88 142.79C158.701 143.653 120.097 182.955 120.097 231.141C120.097 254.577 129.407 277.053 145.978 293.625L231.4 379H365.011L235.037 249.026C230.609 244.598 233.771 236.798 239.996 236.11C307.043 228.701 345.468 177.321 345.63 118.34C345.668 104.626 356.902 93.9073 369.455 93.9073H581.171L487.5 0Z' fill='white' /%3E%3C/svg%3E");
  display: block !important;
  width: 90px;
  height: 57px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center, 50%, 50%;
}

@media (max-width: 1024px) {
  .app-logo > a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='30' viewBox='0 0 640 380' fill='none' alt='Motorcycle Rentals' %3E%3Cpath d='m 228.855,0 c 16.554,0 32.312,3.41044 46.608,9.56703 C 250.75,31.2182 233.303,60.5648 227.5,94 h -109 C 105.343,94 94,105.343 94,118.5 V 379 L 0,285.093 V 118.333 C 0,52.9795 52.9795,0 118.333,0 Z' fill='%232185d0' /%3E%3Cpath d='m 371,143 c -5.624,33.17 -22.686,62.347 -47.006,84.044 14.129,6.134 29.668,9.543 45.979,9.543 L 482,236 c 13.157,0 23.49,11.253 23.49,24.41 0,13.157 -10.333,24.59 -23.49,24.59 H 309 l 94,93.397 79.028,0.603 C 547.382,379 600,325.764 600,260.41 600,195.057 547.354,143 482,143 Z' fill='%232185d0' /%3E%3Cpath d='m 487.5,0 h -118 c -65.805,0 -118.201,53.4366 -118.379,118.08 -0.038,13.489 -10.964,24.114 -23.319,24.335 l -20.922,0.375 c -48.179,0.863 -86.783,40.165 -86.783,88.351 0,23.436 9.31,45.912 25.881,62.484 L 231.4,379 H 365.011 L 235.037,249.026 c -4.428,-4.428 -1.266,-12.228 4.959,-12.916 67.047,-7.409 105.472,-58.789 105.634,-117.77 0.038,-13.714 11.272,-24.4327 23.825,-24.4327 h 211.716 z' fill='%232185d0' /%3E%3C/svg%3E") !important;
    width: 46px;
    height: 30px;
  }
  .app-logo-footer > a {
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .app-logo {
    position: relative;
    z-index: 1001;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .app-menu {
    height: 100%;
  }
  .app-menu > .menu {
    background: #1a1b1c !important;
    border-radius: 0 !important;
    color: #fff;
    height: 100%;
    padding: 0 0.75em !important;
    width: 11rem !important;
  }

  .app-menu .ui.inverted.menu .item {
    font-size: 14px;
  }

  .app-logo {
    position: relative;
    z-index: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.app-search {
  padding: 0 !important;
}

.banner-wizard.enabled {
  width: 100%;
  height: 60px;
  background: #2185d0;
  position: fixed;
  z-index: 999;
  top: 60px;
  text-align: center;
  color: #fff;
  font-size: 17px;
  padding-top: 18px;
  box-shadow: 0 0 5px 0 black;
}

.banner-wizard.disabled {
  display: none;
}

.referral-modal {
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  width: 37%;
  height: auto;
  padding: 2em !important;
  background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.referral-modal.disabled {
  display: none;
}

@media (max-width: 767px) {
  .referral-modal {
    position: fixed !important;
    top: 50%;
    left: 50%;
    width: 90%;
  }

  .referral-modal.disabled {
    display: none;
  }
}

.referral-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  z-index: 999;
}

.referral-modal-overlay.disabled {
  display: none;
}

.user-wizard-modal {
  padding: 1em !important;
}

.ui.star.rating .icon {
  color: rgba(139, 139, 139, 0.5) !important;
}

.acct-referrals .ui.header .sub.header {
  margin-top: 0.5em;
}

@media (max-width: 767px) {
  .acct-referrals .ui.grid > .row > .column {
    margin: 1em 0;
  }
}
.app-footer {
  color: #989898;
  background-color: #1b1c1d;
  position: relative;
  z-index: 999;
}
.app-footer a {
  color: #989898;
}
.app-footer a:hover {
  color: #fff;
}
.app-footer a.ui.button {
  margin: 2em 1em 0 0;
}

@media (max-width: 767px) {
  .app-footer {
    padding: 1em 0 4em;
    text-align: center;
  }
}

.app-footer .ui.container.listing-search-alignment-tweak {
  margin-left: 2em !important;
}

.app-footer .list .item {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.header-list-a-bike {
  font-size: 14px !important;
  font-weight: normal !important;
  padding: 10px !important;
  margin: 0px !important;
}
@media (max-width: 767px) {
  .header-list-a-bike {
    font-size: 12px !important;
    padding: 12px 8px !important;
    display: none !important;
  }
}

.list-your-bike {
  width: 100%;
  font-size: 1.25em;
  position: relative;
  text-align: center;
  width: 100%;
  height: 320px;
  margin: 1em 3em 1em 0em !important;
}
.list-your-bike .bg-image {
  position: absolute;
  max-height: 320px !important;
  overflow: hidden;
  width: 100%;
  filter: brightness(0.8);
}
@media (max-width: 767px) {
  .list-your-bike {
    margin: 1em auto !important;
  }
  .list-your-bike .bg-image {
    padding: 0 !important;
  }
  .list-your-bike .bg-image img {
    bottom: 0;
    height: 320px !important;
  }
}

/* homepage */
.home-bg-wrapper {
  font-size: 1.25em;
  position: relative;
  text-align: center;
  width: 100%;
  height: 500px;
  margin: 0 auto !important;
}
.home-bg-wrapper.lower {
  text-align: left;
  color: #fff;
}
.home-bg-wrapper.even-lower {
  height: 440px;
}

.home-bg-wrapper.lower .row {
  padding-bottom: 3em !important;
}
@media (min-width: 1024px) {
  .home-bg-wrapper.lower > .row {
    background: transparent;
    padding: 0 30% 2em !important;
  }
}

.home-bg-wrapper .bg-image {
  width: 100%;
  height: 100%;
  position: absolute;
  max-height: 550px;
  height: 100%;
  position: absolute;
  padding: 0 !important;
}
.home-bg-wrapper .bg-image:not(.bg-footer-image) img {
  filter: saturate(2) brightness(0.66);
}

.home-bg-wrapper .bg-image.dark:not(.bg-footer-image) img {
  filter: saturate(2) brightness(0.5);
}

@media (min-width: 768px) {
  .home-bg-wrapper .bg-image img {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
  }
}
@media (max-width: 768px) {
  .home-bg-wrapper.even-lower .bg-image img {
    max-width: fit-content;
  }
}

.home-bg-wrapper.home {
  background: transparent;
}

.home-bg-wrapper > span {
  padding: 0 !important;
}

.home-bg-cta {
  color: #fff;
  width: 70%;
  margin: 3em auto 0;
}
.home-bg-cta h1,
.home-bg-cta h2 {
  color: #fff !important;
}
.home-bg-cta p {
  margin-bottom: 1em !important;
}
.home-bg-cta p > a {
  text-decoration: underline;
}
@media (max-width: 1024px) {
  .home-bg-cta {
    width: 100%;
  }
  .home-bg-cta h1 {
    font-size: 2em;
  }
  .home-bg-cta p {
    font-size: 14px;
  }
}
@media (max-width: 415px) {
  .home-bg-cta h1 {
    font-size: 2em;
  }
}

.home-content {
  padding: 4em 0;
}

.home-content.primary {
  background: rgb(34, 132, 209);
  color: rgb(255, 255, 255);
}
@media (max-width: 767px) {
  .home-content.primary {
    padding: 2em;
  }
  .home-bg-wrapper {
    margin: 0 !important;
  }
  .home-bg-wrapper {
    margin: 0 !important;
  }
}
.home-content.secondary {
  background: #333;
  color: rgb(255, 255, 255);
  padding: 6em;
  text-align: center;
}
@media (max-width: 767px) {
  .home-content.secondary {
    padding: 3em 1em;
    margin-bottom: 2em;
  }
}

.home-content.for-owners {
  padding: 0;
}
.home-content.for-owners .left {
  margin-top: 6em;
  width: 620px;
  float: right;
}
@media (min-width: 767px) {
  .home-content .bike-card {  
    max-width: 280px !important;
  }
}

.home-testimonials {
  text-align: left;
}

/* bike cards */
.bike-card {
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 2em 1em !important;
  margin: 0 !important;
  min-height: 220px !important;
}
.bike-card:hover {
  transform: none !important;
  font-weight: bold;
}
.bike-card .slick-arrow {
  display: none !important;
}
.bike-card:hover .slick-arrow {
  display: block !important;
}

.bike-card .slick-track {
  max-height: 450px;
  overflow: hidden;
}
/* 
@media (max-width: 2560px) {
  .bike-card .slick-track {
    max-height: 250px;
  }
}
@media (max-width: 1280px) {
  .bike-card .slick-track {
    max-height: 150px;
  }
}
@media (max-width: 1024px) {
  .bike-card .slick-track {
    max-height: 400px;
  }
} */

.bike-card .slick-slide img {
  margin: 0 auto;
}

.bike-card-nonfavorite {
  position: absolute;
  top: 0px;
  left: 15px;
  font-size: 20px !important;
  color: white !important;
  background: transparent !important;
  width: 50px !important;
  padding: 0.4em 0.6em !important;
}

.bike-card-favorite {
  position: absolute;
  top: 2px;
  left: 15px;
  font-size: 18px !important;
  color: rgb(208, 0, 0) !important;
  background: transparent !important;
  width: 50px !important;
  padding: 0.4em 0.6em !important;
}
@media (max-width: 768px) {
  .bike-card {
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 2em 1em !important;
    margin: 0 !important;
    width: auto !important;
  }
  .bike-card-nonfavorite {
    top: 20px;
  }
  .bike-card-favorite {
    top: 22px;
  }
}

.listing-favorite-bike {
  cursor: pointer;
  position: absolute;
  top: 4px;
  font-size: 20px !important;
  padding: 0.4em 0.6em !important;
  margin-top: 20px !important;
  margin-left: 10px !important;
  width: auto !important;
  background: white !important;
  opacity: 0.8;
}
.listing-favorite-bike:hover {
  opacity: 1;
}

.listing-share-bike {
  cursor: pointer;
  position: absolute;
  top: 5px;
  font-size: 20px !important;
  padding: 0.4em 0.6em !important;
  margin-top: 20px !important;
  margin-left: 10px !important;
  width: auto !important;
  background: white !important;
  opacity: 0.8;
}
.listing-share-bike:hover {
  opacity: 1;
}

.social-media-sidebar {
  position: fixed;
  width: 72px;
  z-index: 1002;
  top: 20%;
  right: 0;
  background: #f3f4f5;
  border-radius: 4px 0 0 4px !important;
  padding: 1em 1em 0.5em;
}

/* arrow div to hide sidebar  */
.social-media-sidebar > div:last-child {
  border-radius: 0 0 0 4px;
  text-align: center;
  border-top: 1px solid #e2e2e2;
  margin: 1em 0 0.5em 0;
  padding-top: 0.5em;
}

@media (max-width: 767px) {
  .listing-favorite-bike {
    position: absolute;
    font-size: 15px !important;
    padding: 0.4em 0.6em !important;
    left: 20px;
    width: auto !important;
    background: white !important;
    opacity: 0.8;
    top: -10px;
  }

  .listing-share-bike {
    position: absolute;
    font-size: 15px !important;
    width: auto !important;
    background: white !important;
    opacity: 0.8;
    right: 31px;
    top: -10px;
  }
}
.favorite-listings {
  margin: 1em;
}

.favorite-listings .bike-card .content.extra {
  padding-left: 0 !important;
  padding-bottom: 0 !important;
}

.sticky-listings-bar {
  display: flex;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: rgba(34, 36, 38, 0.15) 0px 1px 2px 0px;
  padding: 0 10px !important;
  position: fixed !important;
  top: 60px;
  z-index: 999;
  width: 100%;
  margin-left: 0 !important;
}

.sticky-listings-bar > div {
  display: flex;
  margin: 1em 0;
}

.sticky-listings-bar button.ui.basic.button {
  font-weight: bold !important;
  color: #1b1c1d !important;
}
@media (max-width: 1024px) {
  .sticky-listings-bar button.ui.button {
    height: 50px;
    margin: 10px 0px;
  }
}

@media (hover: hover) and (pointer: fine) {
  .sticky-listings-bar button.ui.basic.button:hover {
    color: #fff !important;
    background: #2185d0 !important;
    box-shadow: none !important;
  }
}

.search-filters {
  width: 100%;
}
.search-filters .ui.dropdown {
  background: #fff;
  border: solid 1px #e2e2e2;
}

.search-filters .ui.header {
  color: #666666;
}

.search-filters a.ui.basic.circular.button:hover {
  color: #fff !important;
  background: #7b7b7b !important;
  box-shadow: none !important;
}

.search-filters .ui.active.button:hover {
  background: #fff;
  border: solid 1px #2085d0;
}

/* @media (max-width: 1024px) {
  .sticky-listings-bar {
    padding: 13px 1.5em !important;
  }
} */

/* search filter checkboxes */

.filter-checkbox .ui.checkbox label:before,
.filter-checkbox .ui.checkbox input:focus ~ .box:before,
.filter-checkbox .ui.checkbox input:focus ~ label:before {
  width: 20px !important;
  height: 20px !important;
  border: 1px solid #2185d0 !important;
  color: #fff !important;
}

.filter-checkbox .ui.checkbox label:after {
  width: 20px !important;
  height: 20px !important;
  border: 2px solid #2185d0 !important;
  color: #fff !important;
  background: #2185d0;
  border-radius: 4px;
}

.filter-checkbox .ui.checkbox .box,
.filter-checkbox .ui.checkbox label {
  padding-left: 3em !important;
}

/* .filter-checkbox .ui.checkbox .box:before,
.ui.checkbox label:before {
  width: 20px !important;
  height: 20px !important;
  border: 2px solid #2085d0 !important;
}


.filter-checkbox .ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  width: 20px !important;
  height: 20px !important;
  background: #2085d0;
  border-radius: 4px;
  color: #fff;
} */

.sticky-listings-bar .ui.button.search-view-toggle-map {
  position: fixed;
  bottom: 80px;
  left: 130px;
  right: 130px;
  margin: 0;
  z-index: 999;
  background: #fff !important;
  text-align: center;
  width: calc(100% - 260px);
  border-radius: 12px !important;
  border: 1px solid #dbdbdb;
  box-shadow: 5px 5px 10px 0px #00000080;
}
@media (max-width: 375px) {
  .sticky-listings-bar .ui.button.search-view-rentals i.icon {
    display: none;
  }
  .sticky-listings-bar .ui.button.search-view-experiences i.icon {
    display: none;
  }
}

/* landing pages */
.landing-page-content {
  padding: 8em 4em;
}

.landing-page-content.primary {
  background: rgb(34, 132, 209);
  color: rgb(255, 255, 255);
  padding: 6em;
}

.landing-bg-image {
  padding: 0 !important;
}
.landing-bg-image img {
  width: 100%;
  height: auto;
}

.landing-btn {
  color: rgb(33, 133, 208);
  border: none;
  background-color: white;
  text-decoration: underline;
}

.landing-bg-location-cta {
  color: #fff;
  margin-top: 90px;
}

.landing-bg-location-cta h2 {
  font-size: 3em;
  margin-bottom: 0.5em;
  font-style: italic;
}

.landing-bg-location-cta h4 {
  font-size: 1.75em;
}

.landing-bg-location-cta p {
  font-size: 1.25em;
  margin-bottom: 2.5em !important;
}

.landing-bg-location-wrapper {
  font-size: 1.25em;
  position: relative;
  overflow: hidden;
  text-align: center;
  height: 50vw;
  width: 100%;
  text-align: center;
  margin: -90px 0 0 0 !important;
}

.landing-bg-location-wrapper .bg-image {
  width: 100%;
  position: absolute;
  height: 100%;
}

.landing-bg-location-wrapper.home {
  background: transparent;
}

.landing-bg-location-wrapper > span {
  padding: 0 !important;
}
.landing-bg-location-wrapper > .row {
  background: rgba(0, 0, 0, 0.25);
}

.landing-city-info {
  margin-bottom: 5em;
}

.landing-city-info p {
  font-size: 1.3em;
  font-style: italic;
  line-height: 1.5;
  text-align: justify;
}

@media (max-width: 768px) {
  .landing-page-content.primary {
    padding: 2em;
  }

  .landing-bg-location-cta h2 {
    font-size: 2em;
    margin-bottom: 8%;
  }

  .landing-bg-location-cta h4 {
    font-size: 1em;
  }

  .landing-bg-location-cta p {
    font-size: 0.8em;
    margin-bottom: 2.5em !important;
  }
}

@media (max-width: 1024px) {
  .landing-bg-location-wrapper {
    height: 420px;
  }
}

.landing-page-content.secondary {
  background: #333;
  color: rgb(255, 255, 255);
  padding: 6em;
  text-align: center;
}

.landing-page-content.secondary.tall {
  padding: 10em;
}
@media (max-width: 768px) {
  .landing-page-content.secondary,
  .landing-page-content.secondary.tall {
    padding: 6em 1em;
  }
}

.landing-page-content.for-owners {
  padding: 0;
}
.landing-page-content.for-owners .left {
  margin-top: 6em;
  width: 620px;
  float: right;
}

.landing-brand-wrapper {
  font-size: 1.25em;
  position: relative;
  width: 100%;
  height: 450px;
  padding: 4em 1em 0 1em;
}

.landing-location-wrapper {
  font-size: 1.25em;
  position: relative;
  width: 100%;
  height: 450px;
  padding: 4em 1em 0 1em;
}

/* Landing Referrals Page */

.landing-referrals-wrapper {
  font-size: 1.25em;
  position: relative;
  width: 100%;
  height: 850px;
  padding-top: 6em;
}
.sign-up-bg {
  width: 100%;
  height: auto;
  padding: 2em 0 !important;
}

@media (max-width: 767px) {
  .landing-referrals-wrapper {
    padding: 4em 0.5em 5em;
  }
}

.landing-referrals-content {
  text-align: left;
}
.landing-referrals-content h4 {
  font-size: 1.5em !important;
  color: #fff !important;
}
.landing-referrals-content span,
.landing-referrals-content i.icon {
  font-size: 16px !important;
  color: #fff !important;
}

.landing-referrals-content a {
  text-decoration: underline;
  color: #fff !important;
  font-size: 16px;
}

.landing-referrals-content .ui.header .sub.header {
  font-size: 16px !important;
  color: #ffffffcc !important;
}

.subscription-image {
  background-image: url(/images/landing-pages/subscription-modal.jpg);
  background-size: cover;
  background-position: center;
  border-top: solid 1px;
  position: absolute;
  opacity: 0.1;
  height: 262px;
  width: 100%;
  left: 0;
  top: 6em;
}

@media (max-width: 768px) {
  .subscription-image {
    top: 5em;
  }
}

@media (max-width: 768px) {
  .suggestions-ac {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    list-style: none;
    margin-top: 0;
    max-height: 143px;
    overflow-y: auto;
    padding-left: 0;
    width: 80% !important;
  }
}

.faqs {
  color: rgb(34, 132, 209) !important;
  padding-left: 1.5em;
  font-size: 17px;
}

.faqs-search {
  border: none;
  border-right: none !important;
  border-radius: 12px;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  width: 100% !important;
  padding: 0.25em;
  margin: 0;
}
.faqs-search:focus {
  border: none !important;
  border-radius: 12px;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  width: 100%;
}

.no-suggestions-ac {
  padding: 1rem;
  font-size: 18px;
}

.suggestions-ac {
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  list-style: none;
  margin: auto;
  max-height: 143px;
  overflow-y: auto;
  padding-left: 0;
  width: 80%;
}

.suggestions-ac li {
  padding: 1rem;
  font-size: 16px;
  text-align: left;
  color: rgb(34, 132, 209);
}

.suggestion-ac-active,
.suggestions-ac li:hover {
  background-color: rgb(230, 228, 228);
  cursor: pointer;
  font-weight: 700;
}

.welcome-modal .content .ui.stackable.grid > .row > .column:last-child {
  display: flex !important;
  align-items: center !important;
}

@media (max-width: 768px) {
  .welcome-modal .content .ui.stackable.grid > .row > .column {
    padding: 0.5em 0 !important;
  }
}

/* bg images */
.bg-image.tall {
  background-size: cover;
  min-height: 450px;
  padding-top: 120px;
  text-shadow: 1px 1px 1px BLACK;
}
.bg-image.landing-rentals-wrapper {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url(https://ucarecdn.com/2a733590-356e-4f7a-89c0-c72bfc5f09d9/-/scale_crop/2000x500/center/);
  background-size: cover;
  background-position: 80%;
  background-blend-mode: overlay;
  height: 500px;
  padding: 3em 1em;
}
.bg-image.landing-experiences-wrapper {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url(https://ucarecdn.com/2a733590-356e-4f7a-89c0-c72bfc5f09d9/-/scale_crop/2000x500/center/);
  background-size: cover;
  background-position: 80%;
  background-blend-mode: overlay;
  height: 500px;
  padding: 3em 1em;
}
.bg-image.unlisted-motorcycle {
  background-color: rgba(0, 0, 0, 0);
  /* background-image: url("https://images.prismic.io/riders-sharecom/c86f3ab1-c235-4d57-8be4-7922facd1ae7_bastian-pudill-HQUlFUFuJUQ-unsplash.jpg?auto=compress,format"); */
  background-size: cover;
  background-position: 100%;
  background-blend-mode: overlay;
}
.bg-image.scooter-delivery {
  background-color: rgba(0, 0, 0, 0.46);
  background-image: url(/images/landing-pages/scooter-delivery.jpg);
  background-size: cover;
  background-position: 80%;
  background-blend-mode: overlay;
}

.bg-image.riding-group {
  background-color: rgba(0, 0, 0, 0.6);
  background-image: url(/images/harley-davidson-LUWVMSyNsR4-unsplash.jpg);
  background-size: cover;
  background-position: 80%;
  background-blend-mode: overlay;
}
.bg-image.photography-guide {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url(/images/harley-davidson-52UeZUkp3Hs-unsplash.jpg);
  background-size: cover;
  background-position: 100%;
  background-blend-mode: overlay;
}

.bg-image.photography-guide-mobile {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url(/images/harley-davidson-52UeZUkp3Hs-unsplash-mobile.jpg);
  background-size: cover;
  background-position: 100%;
  background-blend-mode: overlay;
}
.bg-image.rainforest-hawaii-scooter {
  background-color: rgba(0, 0, 0, 0.46);
  background-image: url(/images/landing-pages/hawaii-mountains-1920-460.jpg);
  background-size: cover;
  background-position: 80%;
  background-blend-mode: overlay;
}
.bg-image.moutain-valley-cruisers {
  background-color: rgba(0, 0, 0, 0.66);
  background-image: url(https://ucarecdn.com/6bc12515-03e6-4ec1-9943-9e97d0388943/);
  background-size: cover;
  background-position: 80%;
  background-blend-mode: overlay;
}
.bg-image.moto-rally-group {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url(/images/clement-merouani-8mHE-fpSpT8-unsplash.jpg);
  background-size: cover;
  background-position: 80%;
  background-blend-mode: overlay;
}
.bg-image.desert-hills-cruisers {
  background-color: rgba(0, 0, 0, 0.66);
  background-image: url(https://ucarecdn.com/f83a794e-0693-4df4-88ca-4e62ef4643c8/);
  background-size: cover;
  background-position: center;
  background-blend-mode: overlay;
}
.bg-image.spring-lane-sunset {
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url(/images/landing-pages/spring-lane-sunset.jpg);
  background-size: cover;
  background-position: 66%;
  background-blend-mode: overlay;
}
.bg-image.forest-fog-curve {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(/images/landing-pages/forest-fog-curve.jpg);
  background-size: cover;
  background-position: center;
  background-blend-mode: overlay;
}
.bg-image.moutain-pass-sport-bike {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(/images/landing-pages/moutain-pass-sport-bike.jpg);
  background-size: 100%;
  background-position-x: 0px;
  background-position-y: -120px;
  background-blend-mode: overlay;
}
.bg-image.yamaha-xsr900-curve {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(/images/landing-pages/yamaha-xsr900-curve.jpg);
  background-size: cover;
  background-position: center;
  background-blend-mode: overlay;
}
.bg-image.moutain-pass {
  background-color: rgba(0, 0, 0, 0.125);
  background-image: url(/images/landing-pages/moutain-pass.jpg);
  background-size: cover;
  background-position: center;
  background-blend-mode: overlay;
}
.bg-image.garage-bright-motorcycle-riders-share-840x560 {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(/images/landing-pages/garage-bright-motorcycle-riders-share-840x560.jpg);
  background-size: cover;
  background-position: center;
  background-blend-mode: overlay;
}

.bg-image.landing-los-angeles-ca {
  background-color: rgba(0, 0, 0, 0.125);
  background-image: url(/images/landing-pages/los-angeles-skyline.jpg);
  background-size: cover;
  background-position: center;
  background-blend-mode: overlay;
}

@media (max-width: 1024px) {
  .bg-image.landing-experiences-wrapper {
    background-image: url(https://ucarecdn.com/2a733590-356e-4f7a-89c0-c72bfc5f09d9/-/scale_crop/460x460/center/);
  }
  .bg-image.moutain-valley-cruisers {
    background-image: url(https://ucarecdn.com/6bc12515-03e6-4ec1-9943-9e97d0388943/-/scale_crop/460x460/right/);
  }
  .bg-image.desert-hills-cruisers {
    background-image: url(https://ucarecdn.com/f83a794e-0693-4df4-88ca-4e62ef4643c8/-/scale_crop/460x460/right/);
  }
}

/* account menu */
.acct-menu-header {
  background-color: rgb(32, 133, 208) !important;
  color: #fff !important;
  border: solid 1px rgb(32, 133, 208) !important;
}

.acct-accord-header {
  background-color: rgb(243, 244, 245) !important;
}

.acct-bike-card-header {
  padding: 0.5em 0 !important;
}

.acct-accord-content {
  margin-top: 0em !important;
}

.acct-bike-card-list {
  font-size: 13px !important;
}

.ui.basic.table.acct-stats-table tbody tr {
  font-size: 14px;
}

.convos-card {
  border-bottom: none !important;
}

/* CircularProgressBar */
.circle-background,
.circle-progress {
  fill: none;
}

.circle-background {
  stroke: #0000001a;
}

.circle-progress {
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* user pages */

/* account-pages includes segments and accordions*/
.account-pages {
  margin-bottom: 1em !important;
  border-radius: 0 0 4px 4px !important;
}
.user-page .user-stats {
  background-color: #2184d1;
  color: rgb(255, 255, 255);
  padding: 3em 2em !important;
  margin: 1em 1em 3em 1em;
  border-radius: 12px;
}
@media (max-width: 768px) {
  .user-page .user-stats {
    border-radius: 0 !important;
    padding: 2em 0 !important;
    margin: 2em 0 !important;
  }
  .acct-bike-card-list {
    font-size: 12.5px !important;
  }
}

/* semantic ui menu "borderless" isn't actually borderless... make it so */
.ui.secondary.inverted.pointing.menu.borderless {
  border: none !important;
}
.ui.form .field.field input:-webkit-autofill {
  border-color: #e5e5e5 !important;
}

.account-profile .ui.small.header .sub.header:first-child {
  margin-top: 0.5em;
}

.account-profile .ui.blue.header {
  cursor: pointer;
}

/* account profile form sem-ui tweaks */
.account-profile-form .ui.search.dropdown {
  padding: 5px 10px;
  border-radius: 4px;
  margin-top: 5px;
}

.account-profile-form.ui.form .three.wide.field:first-child {
  /* align's labels to the right of their form-item */
  width: auto !important;
  margin-left: auto !important;
}
.account-profile-form.ui.form i.icon.help.circle:before {
  /* middle align help icons */
  position: relative;
  top: -2px;
}
.account-profile-form.ui.form .phone-country-code-dropdown {
  display: flex;
  flex-direction: row-reverse;
  border: none;
  align-items: center;
  font-weight: bold;
}
.account-profile-form.ui.form .inline.fields {
  margin-bottom: 0.5em;
}
.account-profile-form.ui.form i.flag:not(.icon) {
  margin: 2px;
}
.account-profile-form .ui.left.attached.button {
  box-shadow: none !important;
  border: 1px solid #e0e1e2;
  background: #fff;
}
@media (max-width: 768px) {
  .account-profile-form.ui.form i.icon.help.circle:before {
    /* hides help icons on mobile b/c they don't wrap well */
    display: none;
  }
  .account-profile-form.ui.form .account-profile-helper {
    display: none !important;
  }

  .account-profile-form.ui.form .inline.fields .field {
    padding-top: 5px;
  }
}

.check-in-summary .ui.segment {
  border: none !important;
}
.check-in-summary .ui.attached.segment {
  border: none !important;
}

.checkin-out-btn {
  margin-bottom: 5px !important;
}

/*checkout */
.checkout-cc-logos {
  width: 270px;
  opacity: 0.5;
  position: relative;
  z-index: 1000;
  top: 15px;
  left: 30px;
}
/* tint coverage cards on checkout page */
.coverage-card,
.coverage-card-warning {
  background: #fff !important;
  box-shadow: none !important;
  border: solid 2px #22242638;
}
@media (hover: hover) and (pointer: fine) {
  .coverage-card:hover {
    border: solid 2px #2185d0;
  }

  .coverage-card-warning:hover {
    background: #fff;
    border: solid 2px #d00000;
  }
}

.truncate-natural {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.show-hide-fadeout {
  background: -webkit-linear-gradient(#333, #eee);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* semantic ui dividerless table */
.ui.table.dividerless tr td {
  border-top: 0px !important;
}

@media (max-width: 768px) {
  #cardWrapper {
    transform: scale(0.5) translateX(-50%) translateY(-25%);
  }
}

/* get rid of ugly arrows on inputs*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Sliders */

.bike-card .rs-carousel {
  min-height: 160px;
}
/* @media (min-width: 1920px) {
  .bike-card .rs-carousel {
    min-height: 260px;
  }
} */
/* @media (min-width: 2560px) {
  .bike-card .rs-carousel {
    min-height: 325px;
  }
} */

.bike-card .rs-carousel.rs-carousel-modal {
  min-height: 160px;
}

.rs-carousel .slick-slider {
  max-height: 50vw; /*prevents ridiculous portrait listing images from being too tall*/
  overflow: hidden;
}

.featured-bikes .slick-slider {
  max-height: 100vw !important;
  overflow: inherit !important;
}

.featured-bikes .slick-slide {
  padding: 0em;
}

.featured-bikes .slick-prev {
  left: -55px;
}

.featured-bikes .slick-next {
  right: -55px;
}

/* Arrows */

.featured-bikes .slick-prev:before,
.featured-bikes .slick-next:before {
  font-family: "slick";
  font-size: 30px;
  line-height: 1;
  opacity: 0.75;
  color: #2184d1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.featured-bikes .bike-card img {
  width: 100%;
}

.featured-bikes .featured-location-img img,
.featured-bikes .featured-brand-img img {
  border-radius: 12px;
}

@media (max-width: 768px) {
  .featured-bikes .slick-list {
    overflow: inherit !important;
  }

  .featured-bikes .slick-slide {
    padding: 0.5em;
  }
}

.rs-carousel .slick-loading .slick-list {
  background: #fff url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-display: swap;
  font-family: "slick";
  font-weight: normal;
  font-style: normal;

  src: url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/fonts/slick.eot");
  src: url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/fonts/slick.eot?#iefix") format("embedded-opentype"), url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/fonts/slick.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/fonts/slick.ttf") format("truetype"),
    url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/fonts/slick.svg#slick") format("svg");
}
/* Arrows */
.rs-carousel .slick-prev,
.rs-carousel .slick-next {
  font-size: 0;
  line-height: 0;

  position: absolute;
  top: 50%;

  display: block;

  z-index: 1;
  width: 50px;
  height: 50px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.rs-carousel .slick-prev i,
.rs-carousel .slick-next i {
  color: #eee !important;
}

.rs-carousel .slick-prev:hover,
.rs-carousel .slick-prev:focus,
.rs-carousel .slick-next:hover,
.rs-carousel .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.rs-carousel .slick-prev:hover:before,
.rs-carousel .slick-prev:focus:before,
.rs-carousel .slick-next:hover:before,
.rs-carousel .slick-next:focus:before {
  opacity: 1;
}
.rs-carousel .slick-prev.slick-disabled:before,
.rs-carousel .slick-next.slick-disabled:before {
  opacity: 0.25;
}

.rs-carousel .slick-prev:before,
.rs-carousel .slick-next:before {
  font-family: "slick";
  font-size: 30px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rs-carousel .slick-prev {
  left: 10px;
}

.rs-carousel .slick-prev:before {
  content: "" !important;
}

.rs-carousel .slick-next {
  right: 10px;
}

.rs-carousel .slick-next:before {
  content: "" !important;
}

/* Dots */
.rs-carousel .slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.rs-carousel .slick-dots {
  position: absolute;
  bottom: 10px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.rs-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 1px;
  padding: 0;
  cursor: pointer;
}
@media (max-width: 768px) {
  .rs-carousel .slick-dots li {
    margin: 0 4px;
  }
}
.rs-carousel .slick-dots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.rs-carousel .slick-dots li button:hover,
.rs-carousel .slick-dots li button:focus {
  outline: none;
}
.rs-carousel .slick-dots li button:hover:before,
.rs-carousel .slick-dots li button:focus:before {
  opacity: 1;
}
.rs-carousel .slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.rs-carousel .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #fff;
  font-size: 10px;
}

/* RangeSlider (rc-slider) */
.rc-slider-track {
  background-color: #2185d0 !important;
}

.rc-slider-handle {
  border: solid 3px #2185d0 !important;
  width: 25px !important;
  height: 25px !important;
  margin-top: -11px !important;
}

.rc-slider-handle-dragging {
  border: solid 3px #2185d0 !important;
  width: 27px !important;
  height: 27px !important;
  margin-top: -12px !important;
  box-shadow: none !important;
}

/* Custom items */

.map-pin1 {
  position: absolute;
  border-radius: 50%;
  border: 12px solid #333;
}

.map-pin1::after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  bottom: -38px;
  left: -10px;
  border: 10px solid transparent;
  border-top: 21px solid #333;
}
/* .marker-pin {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #2185d0;
  position: absolute;

  left: 50%;
  top: 50%;
  margin: -15px 0 0 -15px;
}

.marker-pin::after {
  content: "";
  width: 27px;
  height: 27px;
  top: 5px;
  right: 5px;
  background: #fff;
  position: absolute;
  border-radius: 50%;
}

.rs-div-icon span {
  position: absolute;
  width: 22px;
  font-size: 14px;
  font-weight: 400;
  left: 6px;
  top: 6px;

  text-align: center;
  z-index: 5;
  color: #2185d0;
} */

/* .rs-div-icon {
  text-align: center;
  background: #fff;
  width: 5px !important;
  height: 5px !important;
  display: block !important;
  padding: 10px;
  margin: -13px 0 0 -22px !important;
  box-shadow: 0 1px 6px #fff;
  border-radius: 50px;

  border: solid 2px #2185d0;
} */
/* .rs-div-icon:after {
  content: " ";
  width: 12px;
  height: 12px;
  padding: 1px;
  margin: -20px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: white;
  position: absolute;
  z-index: -1;
  bottom: -7px;
  left: 20px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
} */

/* .rs-div-icon.single {
  text-indent: -9999px;
  background: none;
  box-shadow: none;
}

.rs-div-icon.single:before {
  content: " ";
  position: absolute;
  top: -80px;
  left: -80px;
  height: 200px;
  width: 200px;
  background: rgba(0, 58, 131, 0.25);
  border-radius: 50%;
  border: 2px solid rgba(84, 159, 252, 0.75);
}
.rs-div-icon.single:after {
  content: none;
}

.rs-div-icon.point {
  background: transparent;
  width: 4px !important;
  height: 4px !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}
.rs-div-icon.point:after {
  content: "";
}

.rs-div-icon.hidden {
  display: none !important;
}
.rs-div-icon.hidden:after {
  content: none !important;
} */

/* Semantic UI tweaks */
body .ui.star.rating .icon {
  outline: none !important;
}
body .ui.star.rating .active.icon,
body .ui.star.rating .icon.selected,
body .ui.star.rating .icon.selected.active {
  color: #2185d0 !important;
  text-shadow: none !important;
}
.app-body .ui.comments .comment {
  padding-bottom: 0.5em !important;
  /* border-bottom: 1px solid rgba(34, 36, 38, 0.15); */
}
.ui.basic.modal > .close {
  top: -1rem !important;
  right: 0 !important;
  cursor: pointer;
}
.ui.inverted.header small {
  color: #d6d6d6;
  font-weight: normal;
}
.input.ui.slider input {
  cursor: col-resize;
}
.ui.modal > .close {
  top: 0.75rem !important;
  right: 0.75rem !important;
  color: #333 !important;
  cursor: pointer;
}
.icon.close {
  cursor: pointer;
}

.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
  background: #bababc !important;
}
/* prevent "jogging" effect when dimmer appears, but don't create horizontal scrollbar */
body.dimmed.dimmable {
  overflow-y: visible !important;
  overflow-x: hidden !important;
}
.app-body .ui.dimmer {
  position: fixed !important;
  /* background-color: rgba(0, 0, 0, 0.8) !important; */
}

.app-body .ui.dimmer .ui.text.loader {
  font-size: 18px;
}

.ui.inline.dropdown .dropdown.icon {
  margin-left: 5px;
}
.ui[class*="vertically divided"].grid > .row:first-child > .column {
  margin-top: 1rem !important; /* fixes first column lack of margin in grid */
}
.ui.list > .item > i.icon {
  padding: 0;
}

.ui.disabled.input,
.ui.input:not(.disabled) input[disabled],
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  opacity: 0.85 !important;
  cursor: not-allowed;
}
.ui.search.dropdown > .text {
  line-height: 26px;
}

.blog-menu .ui.dropdown .menu {
  max-height: 200px !important;
  z-index: 999 !important;
  overflow-y: overlay !important;
}

.admin-menu-dropdown.ui.dropdown .menu {
  max-height: 1000px !important;
}

.featured-bikes {
  margin: 4em 0;
  min-height: 322px;
}

.prismic-page-featured-bikes .featured-bikes {
  padding: 4em 0 0 0;
}

.featured-content {
  padding: 0;
}
.featured-content a.column {
  transition: all 0.125s;
}
.featured-content a.column:hover {
  transform: scale(1.05);
}
.featured-content .ui.image {
  border-radius: 12px !important;
}
.featured-content .ui.header {
  margin: 0.25em 0;
}

/* making pagination menus look more like buttons */
.ui.pagination.menu {
  border: none !important;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset !important;
}

/* Semantic UI DL country flag display */
.ui.selection.dropdown.country {
  text-indent: 10px !important;
}
.ui.selection.dropdown.country > input.search {
  line-height: 2em !important;
}
.ui.active.visible.selection.dropdown.country {
  text-indent: 0px !important;
}
.ui.selection.dropdown.country > .dropdown.icon {
  top: 10px !important;
  right: 20px !important;
  font-size: 18px !important;
  z-index: -1 !important;
}

/* Semantic UI input type "range" extension */

.ui.slider.range input[type="range"] {
  -webkit-appearance: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 50rem;
  border-color: rgba(0, 0, 0, 0.1);
  padding: 3px 5px;
  margin: 0 10px;
}
.ui.slider.range input[type="range"]::-moz-range-track {
  background: none;
  border: none;
}
.ui.slider.range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #2185d0;
  border-radius: 50rem;
  height: 1em;
  width: 1em;
}
.ui.slider.range input[type="range"]::-moz-range-thumb {
  background: #2185d0;
  border-color: #2185d0;
  border-radius: 50rem;
  height: 1em;
  width: 1em;
}

/* Semantic UI input error styling fix */
.ui.error {
  box-shadow: 0 0 0px 1px #f2701d !important;
  border-radius: 12px !important;
}

/* semantic ui minimal comments tweak */
.ui.minimal.comments .comment .actions {
  opacity: 1 !important;
  margin-top: 0.75em !important;
}
.ui.comments.scrollable {
  max-height: 300px;
  overflow-y: scroll;
  /* background: rgba(153, 153, 153, 0.125); */
  padding: 1em;
  border-radius: 4px;
}

/* semantic ui inverted comments */
.ui.comments.inverted .comment {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.ui.comments.inverted .comment .text,
.ui.comments.inverted .comment a.author {
  color: #fff;
}

.ui.comments.inverted .comment .metadata {
  color: #aaa;
}

/* places autocomplete styles */
.places-autocomplete-container {
  background: transparent;
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  border-radius: 12px;
}
/* for the header search bar */
.app-search .places-autocomplete-container {
  box-shadow: inset 0 0 1px 1px #666 !important;
}

.places-autocomplete-list {
  position: absolute;
  width: 22em;
  background: #fff;
  margin: 0.71428571em 0 0;
  top: 35px;
  border: 1px solid #d4d4d5;
  border-radius: 12px;
}

.places-autocomplete-item {
  display: block;
  position: relative;
  cursor: pointer;
  color: black;
  padding: 0.5em;
  border-radius: 12px;
  font-size: 16px;
}
.places-autocomplete-item a {
  position: relative;
  display: block;
  z-index: 1;
}

.places-autocomplete-item.active,
.places-autocomplete-item:hover {
  background: #e2e2e2;
}

.places-autocomplete-item .icon {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}

.places-autocomplete-input > input {
  color: #1b1c1d !important;
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  position: relative;
  z-index: 1;
  text-indent: 5px;
  outline: none;
  width: auto !important;
  min-width: 500px;
  height: 50px;
  color: #fff;
  padding: 0.5em;
  margin-right: 1em;
}
@media (max-width: 1200px) {
  .places-autocomplete-input > input {
    min-width: 480px;
  }
}
@media (max-width: 991px) {
  .places-autocomplete-input > input {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .places-autocomplete-input > input {
    min-width: 220px;
    font-size: 12px;
  }
}
@media (max-width: 590px) {
  .places-autocomplete-input > input {
    min-width: auto;
  }
}
@media (max-width: 420px) {
  .places-autocomplete-input > input {
    max-width: 120px;
    font-size: 11px;
  }
}

.places-autocomplete-input-listings > input {
  box-shadow: 0 0 0 1px #22242626 inset !important;
  position: relative;
  z-index: 1;
  outline: none;
  color: #3b3b3b;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  padding: 11px;
  border-radius: 12px;
  font-size: 14px;
  width: 100%;
}

.places-autocomplete-input .icon:first-child {
  color: rgba(255, 255, 255, 0.85);
  position: absolute;
  top: 10px;
  left: 10px;
}

.places-autocomplete-input .icon:last-child {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.85);
  position: absolute;
  top: 10px;
  right: 10px;
}

@media (max-width: 480px) {
  .app-header .places-autocomplete-input .icon:last-child {
    display: none;
  }

  .places-autocomplete-list {
    width: 90vw;
    top: 50px;
  }
  .app-search .places-autocomplete-list {
    left: -60px;
  }
}

.home-bg-wrapper .places-autocomplete-container {
  max-width: 15vw;
  text-align: left;
  background: transparent;
  color: black;
  margin: 0;
}

@media (max-width: 1920px) {
  .home-bg-wrapper .places-autocomplete-container {
    max-width: 30vw;
  }
}

@media (max-width: 960px) {
  .home-bg-wrapper .places-autocomplete-container {
    max-width: 40vw;
  }
}

@media (max-width: 768px) {
  .home-bg-wrapper .places-autocomplete-container {
    max-width: 50vw;
  }
}

@media (max-width: 585px) {
  .home-bg-wrapper .places-autocomplete-container {
    max-width: 90vw;
  }
}

.home-bg-wrapper .places-autocomplete-input .icon:first-child {
  top: 15px;
  left: 15px;
}

.home-bg-wrapper .places-autocomplete-input .icon:last-child {
  top: 15px;
  right: 15px;
}

.home-bg-wrapper .places-autocomplete-input > input {
  font-size: 1.25em;
  text-align: center;
  text-indent: 0;
  background: transparent;
  color: rgb(255, 255, 255);
}
.home-bg-wrapper .places-autocomplete-input > input:focus {
  text-align: left;
  text-indent: 30px;
}

.home-bg-wrapper .places-autocomplete-input > input::placeholder {
  color: rgba(255, 255, 255);
}

.home-bg-wrapper .places-autocomplete-input > input:focus::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* ListingSearchHeader */
.search-header #listingSearchHeaderInput {
  position: relative;
  top: 6px;
  left: 20px;
  padding: 6px !important;
  font-size: 14px !important;
  width: 33vw !important;
  max-width: 570px;
  background: #ffffff17;
  color: #fff;
  outline: none;
}
@media (max-width: 767px) {
  .search-header #listingSearchHeaderInput {
    top: 0;
    font-size: 12px !important;
  }
}

/* ListingSearchCTA */
.search-cta {
  margin: 2em auto 0.5em auto;
  width: 500px;
  background-color: white !important;
  border-radius: 12px;
}
@media (max-width: 475px) {
  .search-cta {
    width: 300px;
  }
}

.search-cta label {
  text-align: left;
  color: black !important;
  text-shadow: none;
}

.search-cta input {
  background: transparent !important;
  color: black !important;
  border: none !important;
  padding: 0 !important;
}

.search-cta input::placeholder {
  color: #757575 !important;
  padding: 0 !important;
}
.search-cta .fields {
  margin: 0em 0.5em 0 0 !important;
}

.search-cta-dates-input {
  border-left: solid 1px #e6e6e6 !important;
  border-right: solid 1px #e6e6e6 !important;
  padding-left: 3em !important;
  width: 55%;
}

.search-cta-dates-input input {
  border: none !important;
  padding: 0 !important;
}

@media (max-width: 425px) {
  .search-places-input {
    width: 55%;
  }
}
.search-places-input {
  width: 70%;
}
.search-places-input input {
  font-size: 18px !important;
  border: none !important;
  padding: 0 !important;
  min-width: 75% !important;
  text-indent: 0 !important;
  width: 100% !important;
  border-radius: 6px !important;
}
@media (max-width: 768px) {
  .search-places-input input {
    font-size: 14px !important;
  }
}

.search-term-error input::placeholder {
  color: #d00000 !important;
}

.search-cta .button {
  position: absolute;
  right: 10px !important;
}

.search-cta .places-autocomplete-list {
  position: absolute;
  padding-top: 10px;
  top: 22px;
  left: -1.26em;
  width: 42.85em;
  background: #fff;
  margin: 0;
  text-align: left;
  border: none;
  border-radius: 0 0 12px 12px;
  left: -1.25em;
  width: 42.85em;
  box-shadow: none;
  z-index: 1;
}

.search-cta form {
  width: 100%;
  margin: -0.5em 0.5em;
}

.search-cta-segment {
  border-radius: 12px !important;
  min-height: 66px !important;
  padding: 15px 5px 15px 5px !important;
}

.search-cta-segment .listing-calendar-wrapper.visible {
  position: absolute;
  top: 56px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 0 0 12px 12px;
  left: -1.25em;
  width: 42.85em;
  background: #fff;
  margin: 0;
  padding: 0em 1em;
  text-align: left;
  z-index: 100;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.18) 0px 1px 2px !important;
}

.listing-calendar-wrapper.visible .Cal__Weekdays__root,
.ul.Cal__Weekdays__root {
  background-color: #fff !important;
  color: #595959 !important;
}

ul.Cal__Weekdays__root .search-dates .listing-calendar-wrapper.visible {
  width: 33em;
  margin: 0;
  padding: 0 1em 1em;
  border: none;
  border-radius: 12px;
}

.search-dates .listing-calendar-wrapper.visible .Cal__Weekdays__root {
  background-color: #fff !important;
  color: #595959 !important;
}
/* Inside individual listing page */
.listing-date-input {
  width: 40%;
  cursor: pointer;
}

.listing-date-input-selected {
  width: 40%;
  cursor: pointer;
  margin: -2px !important;
  border-radius: 12px 0 0 12px !important;
  border: 2px solid #2185d0 !important;
  box-shadow: #2185d0 0px 0px 5px 0px !important;
}

.listing-search-calendar {
  width: 40%;
  cursor: pointer;
  border-radius: 12px !important;
  border: 2px solid #2185d0 !important;
  box-shadow: #2185d0 0px 0px 4px 0px !important;
}

.listing-search-dates .listing-calendar-wrapper.visible {
  margin: 0;
  padding: 0 0em 1em;
  border: none;
  border-radius: 12px;
}

.listing-search-dates .listing-calendar-wrapper.visible .Cal__Weekdays__root {
  background-color: #fff !important;
  color: #595959 !important;
}

.listing-search-times .ui.scrolling.dropdown {
  padding: 1em;
}
.listing-search-times .ui.scrolling.dropdown .menu {
  border-radius: 0 0 12px 12px;
}

.search-cta input#cityChooser + .icon {
  left: 0;
}

/* @media (max-width: 767px) {
  .search-cta-segment .listing-calendar-wrapper.visible {
    width: 83vw !important;
    left: 0 !important;
    top: 48px !important;
  }
} */

@media (max-width: 1160px) and (min-width: 901px) {
  .search-cta {
    margin: 2em auto;
    width: 70%;
    background-color: white !important;
    border-radius: 12px;
  }
}

@media (max-width: 900px) and (min-width: 768px) {
  .search-cta {
    margin: 1.5em auto;
    width: 90%;
    background-color: white !important;
    border-radius: 12px;
  }
}

@media (max-width: 767px) {
  .search-cta {
    margin: 2em auto 0.5em auto;
    width: 100%;
    background-color: white !important;
    border-radius: 12px;
  }

  .search-cta-segment {
    background-color: transparent !important;
    margin: 0 auto;
  }

  .search-cta form {
    width: 100%;
    margin: -0.5em 0em;
  }

  .search-cta input {
    background: transparent !important;
    color: black !important;
    border: none !important;
    padding: 0 !important;
  }

  .search-cta label {
    text-align: left;
    color: black !important;
  }

  .search-cta input::placeholder {
    color: #757575 !important;
    padding: 0 !important;
  }

  .search-term-error input::placeholder {
    color: #d00000 !important;
  }

  .search-cta button {
    border: solid 1px rgba(255, 255, 255, 0.5) !important;
    width: 100%;
  }

  .search-cta .places-autocomplete-list {
    position: absolute;
    width: 83vw;
    margin: 0;
    text-align: left;
    z-index: 1;
    top: 33px;
    left: 0;
    border-radius: 12px;
  }
  .search-cta.appify-modal {
    animation: 0.33s 1 appMenuSlide;
  }
}

/* Leaflet fixes */
.leaflet-container {
  min-height: 300px;
}

.leaflet-container img {
  max-height: none !important;
}

.leaflet-popup-content-wrapper {
  padding: 0 !important;
  border-radius: 12px !important;
}
.app-body .leaflet-top,
.leaflet-bottom {
  z-index: 998 !important;
}

.app-body .leaflet-popup-content {
  width: 250px !important;
  border-radius: 12px !important;
  margin: 0 !important;
}

.app-body .leaflet-container a.leaflet-popup-close-button {
  font-size: 20px;
  color: #fff;
  margin: 9px;
  position: absolute;
  z-index: 10000;
  height: 25px;
  width: 25px;
  border-radius: 4px;
  text-align: right;
  font-weight: normal;
  background: #121212bd;
}

.leaflet-control-zoom.leaflet-bar.leaflet-control {
  border-radius: 12px;
  margin-top: 25px;
}

a.leaflet-control-zoom-in {
  border-radius: 12px 12px 0 0 !important;
}

a.leaflet-control-zoom-out {
  border-radius: 0 0 12px 12px !important;
}

.map-marker-label {
  transition: all 0.1s !important;
  border-radius: 50px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  padding: 0.6em 0.75em 0.5em !important;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.18) 0px 1px 2px !important;
  background-color: #fff !important;
  color: #1c1c1d !important;
  outline: none !important;
}

.map-marker-label:hover {
  transform: scale(1.1) !important;
  border-radius: 50px !important;
  font-weight: 500 !important;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.18) 0px 1px 2px !important;
  background-color: #fff !important;
}

.app-body .leaflet-container a.leaflet-popup-close-button:hover {
  color: #fff;
  font-weight: bold;
}

.app-body .leaflet-fade-anim .leaflet-popup {
  transition: none !important;
}

.app-body .leaflet-container .card:hover,
a.ui.card:hover {
  transform: translateY(0);
}

.leaflet-marker-icon.leaflet-interactive {
  border: none;
  background: none;
  z-index: 299 !important;
}

.leaflet-marker-icon.leaflet-interactive:hover {
  z-index: 300 !important;
}

.app-body .leaflet-fade-anim .leaflet-popup {
  margin-left: 20px;
}

@media (max-width: 767px) {
  .app-body .leaflet-popup-content {
    width: 200px !important;
    border-radius: 12px !important;
    margin: 0 !important;
  }
}

/* Infinite Calendar tweaks */

.Cal__Container__root {
  width: 100% !important;
}
.Cal__Header__root {
  border-radius: 0 !important;
  pointer-events: none !important;
}
.Cal__MonthList__root > div {
  width: calc(100% - 12px) !important;
  overflow: visible !important;
  margin: 0 auto !important;
}
/* separate months on account listing calendar */
.listing-schedule-editor .Cal__MonthList__root > div > div:nth-child(2) {
  margin-top: 12em;
}
.listing-schedule-editor .Cal__MonthList__root > div > div:nth-child(3) {
  margin-top: 24em;
}
.listing-schedule-editor .Cal__MonthList__root > div > div:nth-child(4) {
  margin-top: 36em;
}
.listing-schedule-editor .Cal__MonthList__root > div > div:nth-child(5) {
  margin-top: 48em;
}
.listing-schedule-editor .Cal__MonthList__root > div > div:nth-child(6) {
  margin-top: 60em;
}
.listing-schedule-editor .Cal__MonthList__root > div > div:nth-child(7) {
  margin-top: 72em;
}

.Cal__Day__root.Cal__Day__today:before {
  box-shadow: none !important;
}
.Cal__Day__root.Cal__Day__selected.Cal__Day__custom__acct__listing .Cal__Day__selection.Cal__Day__custom__acct__listing {
  width: 100% !important;
  left: 0 !important;
  margin-left: 0 !important;
  border-radius: 0px !important;
  height: 100px !important;
  margin-top: 0 !important;
  top: 0 !important;
  line-height: 100px !important;
}

.Cal__Day__range.Cal__Day__selected.Cal__Day__betweenRange.Cal__Day__custom__acct__listing .Cal__Day__selection.Cal__Day__custom__acct__listing {
  border-radius: 0 !important;
}
/* padding provides a clickable area */
.Cal__Day__root.Cal__Day__selected.Cal__Day__custom__acct__listing .Cal__Day__selection.Cal__Day__custom__acct__listing .Cal__Day__month.Cal__Day__custom__acct__listing {
  padding-bottom: 100% !important;
  margin: 0 8px !important;
}

.Cal__Day__range.Cal__Day__selected.Cal__Day__end.Cal__Day__custom__acct__listing .Cal__Day__selection.Cal__Day__custom__acct__listing {
  background-color: #2185d0 !important;
  color: #fff !important;
}
.Cal__Weekdays__day {
  color: #1b1c1d !important;
}
.Cal__Month__rows {
  background: none !important;
}
.Cal__Day__root.Cal__Day__enabled:hover {
  color: #fff;
}

/* react-infinite-calendar highlighting availablity / schedule */
li.Cal__Day__root.Cal__Day__custom__acct__listing {
  border: solid 1px #eee;
}

.Cal__Day__range.Cal__Day__selected.Cal__Day__betweenRange .Cal__Day__selection {
  background: #2185d0;
}

.Cal__Day__root.Cal__Day__selected .Cal__Day__selection {
  background: #2185d0;
}

.Cal__Day__root.Cal__Day__enabled.Cal__Day__highlighted.Cal__Day__custom__acct__listing__Disabled {
  background: #eee !important;
  color: #1c1c1d !important;
}

.Cal__Day__root.Cal__Day__enabled.Cal__Day__highlighted.Cal__Day__custom__acct__listing__RequestOnly {
  background: #fff !important;
  color: #1c1c1d !important;
}

.Cal__Day__root.Cal__Day__enabled.Cal__Day__highlighted.Cal__Day__custom__acct__listing__Partial,
.Cal__Day__root.Cal__Day__enabled.Cal__Day__highlighted.Cal__Day__custom__acct__listing__Custom {
  opacity: 0.6;
}

.Cal__Day__root.Cal__Day__enabled.Cal__Day__highlighted:before,
.Cal__Day__root.Cal__Day__enabled:active:before,
.Cal__Day__root.Cal__Day__enabled:hover:before {
  background-color: #2185d0 !important;
  color: #fff !important;
  opacity: 1 !important;
}

.Cal__Day__root.Cal__Day__disabled {
  text-decoration: line-through !important;
  cursor: not-allowed !important;
}

.ui.floating.label.calendar-x {
  position: absolute;
  z-index: 100;
  top: 3.8em;
  left: 100%;
  margin: 0 0 0 -2.3em !important;
  color: white;
  background-color: transparent;
  cursor: pointer;
}
.Cal__Today__root .Cal__Today__chevron {
  margin-left: 55px !important;
}

.ui.floating.label.listing-calendar-x {
  position: absolute;
  z-index: 100;
  top: 11em;
  left: 100%;
  margin: 0 0 0 -3.5em !important;
  color: white;
  background-color: transparent;
  cursor: pointer;
}
.Cal__Day__root.Cal__Day__enabled.Cal__Day__highlighted {
  color: #fff !important;
  background-color: #2185d0 !important;
  border-radius: 0px !important;
}
.Cal__Day__root.Cal__Day__enabled.Cal__Day__highlighted:before {
  background-color: #2185d0 !important;
  font-weight: bold;
  font-size: 10px;
  opacity: 1 !important;
  height: 0 !important;
}

.experience-shedule.Cal__Day__root.Cal__Day__enabled.Cal__Day__highlighted:before {
  background-color: #2185d0 !important;
  content: "Custom" !important;
  font-weight: bold;
  font-size: 10px;
  opacity: 1 !important;
  height: 0 !important;
}

.listing-map-wrapper {
  position: fixed !important;
  z-index: 1;
  top: 120px;
  right: 0;
  width: 50vw;
  height: 100vh;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  border: none !important;
}
.listing-map-wrapper .ui.dimmer {
  position: sticky !important;
  top: 0px !important;
}

@media (max-width: 1024px) {
  .listing-map-wrapper {
    position: fixed !important;
    z-index: 100 !important;
    top: 120px !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100vh - 120px) !important;
    margin: 0 !important;
  }

  .listing-map-wrapper-hide {
    position: absolute !important;
    left: -9999px !important;
    width: 100% !important;
    height: 300px !important;
    margin: 0 !important;
  }
}

.listing-calendar-wrapper {
  margin: 10px 0;
  overflow: hidden;
  max-height: 0 !important;
  transition: all 0.33s;
  border-radius: 12px;
}

.listing-calendar-wrapper.visible {
  max-height: 450px !important;
  border: solid 1px #e2e2e2;
}

.listings-calendar-wrapper {
  margin: 10px 0;
  overflow: hidden;
  max-height: 0 !important;
  transition: all 0.33s;
  border-radius: 0.28571429rem;
}

.listings-calendar-wrapper.visible {
  max-height: 350px !important;
}

.fixed-footer,
.fixed-footer-listing-control {
  position: fixed;
  display: flex;
  justify-content: space-between;
  left: 0;
  bottom: 0px;
  width: 100%;
  background-color: #1b1c1d;
  height: 60px;
  box-shadow: 0px 0px 2px 0px #666;
  z-index: 999;
}
@media (min-width: 767px) {
  .fixed-footer-listing-control {
    z-index: auto !important;
    position: relative !important;
    display: block !important;
    background: #fff !important;
  }
}

.fixed-footer .ui.button,
.fixed-footer .ui.button:hover {
  background: #1b1c1d !important;
  margin: 0 !important;
  padding: 1em 0 !important;
  border: none !important;
  box-shadow: none !important;
  width: 20% !important;
  color: #fff;
  font-weight: 400;
}
.fixed-footer .ui.active.button {
  color: #2185cf !important;
}

.fixed-footer .ui.button .icon {
  display: block !important;
  margin: 0 auto 6px auto !important;
  font-size: 1.25em !important;
  opacity: 1;
}

/* Toastify z-index fix */
.toastify {
  z-index: 10001 !important;
}

/* hiding uploadcare branding */
.uploadcare--panel__powered-by {
  display: none !important;
}

/* uploadcare blink loader */
.bike-card .blink-loading {
  height: 280px;
  width: 100%;
}
@media (min-width: 767px) {
  .bike-card .blink-loading {
    height: 160px;
  }
}
@media (max-width: 767px) {
  .bike-card .blink-loading {
    height: 200px;
  }
}

/* listing schedule editor */

.listing-schedule-editor {
  width: 100%;
  position: relative;
}
.listing-schedule-editor-overlay {
  position: absolute;
  z-index: 1;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  top: 0;
  padding: 25% 15px;
}

@media (max-width: 767px) {
  .listing-schedule-editor-buttons {
    margin-top: 2em !important;
  }

  .listing-schedule small {
    position: absolute;
  }
  .listing-schedule #schedule-description small {
    padding-left: 0em !important;
    position: relative;
  }
  .listing-schedule .ui.basic.table td {
    padding: 0 0 1.5em 0;
  }
  .listing-schedule .ui.basic.table td div {
    margin-top: 1em;
  }
}

.listing-schedule #schedule-description {
  text-align: left;
}

.listing-schedule #schedule-description small {
  padding-left: 4em;
  position: relative;
}
@media (min-width: 767px) {
  .listing-schedule small {
    padding-left: 4em;
    position: absolute;
  }
}
@media (max-width: 767px) {
  .listing-delivery .ui.card > .content > .description {
    padding: 0 !important;
  }
}

.listing-delivery {
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15) !important;
  text-align: left !important;
  color: #323232 !important;
}
.listing-delivery .ui.scrolling.dropdown .menu {
  padding: 5px !important;
  max-height: fit-content !important;
  border: none;
  position: relative;
  box-shadow: none;
}

.listing-delivery .ui.scrolling.dropdown .menu::-webkit-scrollbar {
  width: 0 !important;
}

.delivery-selected {
  border: 2px solid #2185d0 !important;
  /* box-shadow: #2185d0 0px 0px 5px 0px !important; */
}

/* accounts UI */
#login-buttons {
  display: block;
  z-index: 1;
  position: relative;
}

.equal-dropdown-height .text {
  line-height: unset !important;
  min-width: 80px;
}

#accountWizard {
  margin: 0 -1em;
}

#accountWizard .continue .button {
  display: inline-block;
  color: rgb(255, 255, 255);
  font-weight: 300;
  line-height: 20px;
}
#accountWizard .continue.facebook .button {
  background: rgb(59, 89, 152);
}
#accountWizard .continue.google .button {
  background: rgb(221, 75, 57);
}

#accountWizard .or {
  text-align: center;
  margin: 0.5em 0 1.5em 0;
}

#accountWizard .hline {
  text-decoration: line-through;
  color: lightgrey;
}

#accountWizard .or-text {
  font-weight: bold;
  margin: 0 0.5em;
}

#accountWizard input:-webkit-autofill {
  border-color: #e5e5e5 !important;
  box-shadow: 0 0 0 100px #fff inset !important;
  -webkit-box-shadow: 0 0 0 100px #fff inset !important;
}

/* prismic images */
p.block-img img {
  max-width: 100%;
  border-radius: 12px;
}

/* prismic pages */
.prismic-content {
  max-width: 760px;
  margin: 5% auto;
  font-size: 1.2em;
  margin-bottom: 4em;
}
.prismic-content h1.ui.header,
.prismic-content h2.ui.header,
.prismic-content h3.ui.header {
  padding-top: 1em;
}
.prismic-content .ui.header .sub.header {
  max-width: 680px;
  margin: 0 auto;
  padding-bottom: 1em;
}
.prismic-content p {
  width: 100%;
  margin: 0 auto;
  line-height: 32px;
  font-size: 18px;
  max-width: 680px;
  padding-bottom: 2em;
}
.prismic-content p:empty {
  display: none;
}
.prismic-content p a {
  color: inherit;
  text-decoration: underline;
}
.prismic-content p.block-img {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 2em 0;
  max-width: unset;
  text-align: center;
}
/* .prismic-content p.block-img img {
  width: 100%;
} */

.prismic-content ul,
.prismic-content ol {
  max-width: 680px;
  margin: 0 auto;
  padding-bottom: 2em;
}

.prismic-content li {
  padding-bottom: 1em;
}
.prismic-content li a {
  color: inherit;
  text-decoration: underline;
}

.prismic-content h1:not(.ui),
.prismic-content h2:not(.ui),
.prismic-content h3:not(.ui) {
  margin: 0 auto 1em auto;
  max-width: 680px;
}

.prismic-content h1:not(.ui):first-child,
.prismic-content h2:not(.ui):first-child,
.prismic-content h3:not(.ui):first-child {
  margin-bottom: 0;
}

.prismic-content div[data-oembed] iframe {
  width: 100%;
  height: 420px;
}

.blog-bg-wrapper {
  font-size: 1.25em;
  position: relative;
  text-align: center;
  width: 100%;
  margin: 0 !important;
}
.blog-bg-wrapper .bg-image {
  width: 100%;
  position: absolute;
  max-height: 40vh;
  overflow: hidden;
  padding: 0;
}

.blog-bg-wrapper.lower {
  height: 425px;
  text-align: left;
  color: #fff;
}

.blog-bg-wrapper.lower .row {
  padding-bottom: 3em !important;
}
@media (max-width: 340px) {
  .blog-bg-wrapper.lower {
    height: 375px;
  }
}
@media (min-width: 1024px) {
  .blog-bg-wrapper.lower > .row {
    background: transparent;
    padding: 0 30% 2em !important;
  }
}

.blog-bg-wrapper .bg-image img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  filter: brightness(0.5);
}
.blog-bg-wrapper .bg-footer-image img {
  height: 420px;
}

.blog-bg-wrapper.home {
  background: transparent;
}

.blog-bg-wrapper > span {
  padding: 0 !important;
}

.blog-content {
  padding: 1em 0 3em;
}

.blog-content p {
  font-size: 16px;
}

.row .blog-section-title-throughput .sub.header {
  padding-top: 0.6em !important;
  padding-bottom: 0.6em !important;
}

.blog-section-title-throughput h1 {
  font-weight: 100;
}

@media (max-width: 768px) {
  .prismic-content {
    padding: 1em 0;
    margin: auto 2.5em;
    font-size: 1.2em;
  }
  .prismic-content p.block-img {
    width: 100%;
    padding-left: 0;
    padding-top: 0;
  }
}

.checkin-out-step {
  position: relative;
}
.checkin-out-step h3:after {
  content: " ";
  display: block;
  position: absolute;
  top: 35px;
  left: 17px;
  height: 30px;
  border-left: 3px dashed #2185cf;
}

.vouched-trouble {
  position: absolute;
  bottom: 55px;
  z-index: 1001;
  text-align: center;
  width: 100%;
  margin: 2em 0;
}
#vouched-element {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
}

.verification-step {
  position: relative;
}
.verification-step h3:after {
  content: " ";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50px;
  left: 25px;
  height: 35px;
  border-left: 3px dashed #2185cf;
}

.barcode-scanner-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  border-top: 40vh solid rgba(0, 0, 0, 0.5);
  border-right: 10vw solid rgba(0, 0, 0, 0.5);
  border-bottom: 40vh solid rgba(0, 0, 0, 0.5);
  border-left: 10vw solid rgba(0, 0, 0, 0.5);
  text-align: center;
}
.barcode-scanner-overlay .camera-selector {
  position: fixed !important;
  bottom: 1.2em;
  left: 1em;
  font-size: 1.25em;
  border: 2px solid #fff;
  border-radius: 4px;
  color: #fff;
  height: 36px;
  width: 36px;
  padding: 5px;
  white-space: nowrap;
}
.barcode-scanner-overlay .trouble {
  position: fixed !important;
  z-index: 1002;
  bottom: 1.5em;
  right: 1.5em;
}

.barcode-scanner-overlay .scanning-instructions {
  font-size: 15px;
  color: #fff;
  position: fixed;
  left: 0;
  top: 15vh;
  width: 100vw;
}

.barcode-scanner-overlay .scanning-indicator {
  font-size: 15px;
  color: #fff;
  position: fixed;
  left: 0;
  top: 75vh;
  width: 100vw;
}

.barcode-scanner-overlay .scanning-indicator:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 1500ms infinite;
  animation: ellipsis steps(4, end) 1500ms infinite;
  content: "\2026"; /* ascii code for the ellipsis character */
  width: 0px;
}

@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}

.dbrScanner-video {
  object-fit: fill !important;
}

.dbrScanner-sel-camera {
  display: none !important;
  position: fixed !important;
  z-index: 10002 !important;
  top: 3vh !important;
  left: unset !important;
  right: 2.5vw !important;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.25);
  border: 2px solid #ffffff;
  color: #ffffff;
  outline: none;
  display: block;
  margin: 0;
  box-sizing: border-box;
  -webkit-appearance: none;
  width: 3em;
  height: 3em;
}

.dbrScanner-sel-resolution {
  display: none !important;
}

.dbrScanner-btn-close {
  display: none !important;
}

.admin-zoom:hover {
  transform: scale(2);
  z-index: 1000;
}

/* ribbon hacks */
.ui.card .image > .ui[class*="right ribbon"].label,
.ui.image > .ui[class*="right ribbon"].label {
  left: calc(100% + -0.05rem + 0.8em) !important;
}

.ui[class*="right ribbon"].label:after {
  border-width: 1.2em 0.8em 0 0 !important;
}

.listingSliderDesktop {
  padding: 0 0 0 0;
  width: 150vw;
  max-height: 75vh;
}

.listingSliderDesktop > div > div > div > div > .slick-current {
  filter: brightness(200%);
  max-width: 960px;
}

.listingSliderMobile {
  width: 132vw;
  max-height: 88vh;
  margin-top: 0 !important;
}

.listingSliderMobile > div > div > div > div > .slick-current {
  filter: brightness(200%);
}

.listingSlide {
  filter: brightness(50%);
  width: 50vw;
  object-fit: cover;
}

.menu.gearTypeFilter .menu {
  min-height: 300px;
  overflow-y: hidden !important;
}

#credential_picker_container {
  margin-top: 60px;
}

/* 404 */
.ui.container.not-found {
  background-image: url(https://ucarecdn.com/f73555a0-cf5c-4564-9041-af0b36e519d0/-/preview/700x1080/-/quality/smart/-/format/auto/);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 0 auto -60px auto !important;
  padding: 1em;
  height: 100vh;
  text-align: center;
  width: 100vw !important;
  max-width: 100vw !important;
}
.ui.container.not-found h1 {
  margin-top: 10px;
  color: #fff;
  font-size: 36px;
  text-shadow: 2px 2px black;
}
.ui.container.not-found a {
  color: #fff;
  font-size: 22px;
  text-decoration: underline;
}

.App {
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
}

#payment-form {
  width: 100%;
  min-width: 500px;
  align-self: center;
  /* box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1), 0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
  border-radius: 7px;
  padding: 40px; */
  margin-top: auto;
  margin-bottom: auto;
}

#payment-message {
  color: rgb(105, 115, 134);
  font-size: 16px;
  line-height: 20px;
  padding-top: 12px;
  text-align: center;
}

#payment-element {
  margin-bottom: 24px;
}

/* Buttons and links */
#payment-form button {
  background: #2185d0;
  font-family: Arial, sans-serif;
  color: #ffffff;
  border-radius: 12px;
  border: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: block;
  transition: all 0.2s ease;
  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
  width: 100%;
}

/* .p-Tabs-group input {
  padding: 0.75rem !important;
} */

#payment-form button:hover {
  filter: contrast(115%);
}

#payment-form button:disabled {
  opacity: 0.5;
  cursor: default;
}

/* spinner/processing state, errors */
#payment-form .spinner,
#payment-form .spinner:before,
#payment-form .spinner:after {
  border-radius: 50%;
}

#payment-form .spinner {
  color: #ffffff;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

#payment-form .spinner:before,
#payment-form .spinner:after {
  position: absolute;
  content: "";
}

#payment-form .spinner:before {
  width: 10.4px;
  height: 20.4px;
  background: #2185d0;
  border-radius: 20.4px 0 0 20.4px;
  top: -0.2px;
  left: -0.2px;
  -webkit-transform-origin: 10.4px 10.2px;
  transform-origin: 10.4px 10.2px;
  -webkit-animation: loading 2s infinite ease 1.5s;
  animation: loading 2s infinite ease 1.5s;
}

#payment-form .spinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #2185d0;
  border-radius: 0 10.2px 10.2px 0;
  top: -0.1px;
  left: 10.2px;
  -webkit-transform-origin: 0px 10.2px;
  transform-origin: 0px 10.2px;
  -webkit-animation: loading 2s infinite ease;
  animation: loading 2s infinite ease;
}

/* dynamic payment methods annotation */
#dpm-annotation {
  align-self: center;
  color: #353a44;
  width: 30vw;
  min-width: 500px;
  line-height: 20px;
  margin-bottom: 20px;
}

#dpm-integration-checker {
  display: inline;
  color: #2185d0;
}

/* Payment status page */
#payment-status {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 30px;
  width: 30vw;
  min-width: 500px;
  min-height: 380px;
  align-self: center;
  box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1), 0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
  border-radius: 7px;
  padding: 40px;
  opacity: 0;
  animation: fadeInAnimation 1s ease forwards;
  margin-top: auto;
  margin-bottom: auto;
}

#status-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

#payment-form h2 {
  margin: 0;
  color: #30313d;
  text-align: center;
}

#payment-form a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: Arial, sans-serif;
  display: block;
}
#payment-form a:hover {
  filter: contrast(120%);
}

#details-table {
  overflow-x: auto;
  width: 100%;
}

#payment-form table {
  width: 100%;
  font-size: 14px;
  border-collapse: collapse;
}
#payment-form table tbody tr:first-child td {
  border-top: 1px solid #e6e6e6; /* Top border */
  padding-top: 10px;
}
#payment-form table tbody tr:last-child td {
  border-bottom: 1px solid #e6e6e6; /* Bottom border */
}
#payment-form td {
  padding-bottom: 10px;
}

#payment-form .TableContent {
  text-align: right;
  color: #6d6e78;
}

#payment-form .TableLabel {
  font-weight: 600;
  color: #30313d;
}

#view-details {
  color: #0055de;
}

#retry-button {
  text-align: center;
  background: #0055de;
  color: #ffffff;
  border-radius: 4px;
  border: 0;
  padding: 12px 16px;
  transition: all 0.2s ease;
  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
  width: 100%;
}

@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fadeInAnimation {
  to {
    opacity: 1;
  }
}

@media only screen and (max-width: 600px) {
  #payment-form,
  #dpm-annotation,
  #payment-status {
    width: 80vw;
    min-width: initial;
  }
}