@font-face {
  font-family: "SpaceMono-Regular";
  src: url(https://d25qpvb0plkdqc.cloudfront.net/assets/SpaceMono-Regular-b21a78a771e56873054512a9846448cc6330173fd9708093c2d507cc1fefe9f8.ttf) format("truetype");
}

@font-face {
  font-family: "SainteColombe";
  src: url(https://d25qpvb0plkdqc.cloudfront.net/assets/saintecolombeweb-light-9d3034ffea6660460c6baa78ed9c6d87fb3fd9076dc4d6af436fb90973f895e1.woff2) format("woff2"), url(https://d25qpvb0plkdqc.cloudfront.net/assets/saintecolombeweb-lightitalic-171a9d5e78391c6c05304fc7a04c9fe82dda997b586a4851dbeec432cfd41461.woff) format("woff");
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "akzidenz-grotesk-extended";
  src: url("https://use.typekit.net/af/6bb33f/00000000000000000001375e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/6bb33f/00000000000000000001375e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/6bb33f/00000000000000000001375e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

/* line 32, app/assets/stylesheets/application.bootstrap.scss */
html {
  height: 100%;
}

/* line 36, app/assets/stylesheets/application.bootstrap.scss */
body {
  height: 100%;
  font-family: "OpenSans-Regular", sans-serif;
  display: flex;
  flex-direction: column;
}

/* line 43, app/assets/stylesheets/application.bootstrap.scss */
footer {
  bottom: 0;
}

/* line 47, app/assets/stylesheets/application.bootstrap.scss */
label {
  margin-bottom: 0;
}

/* line 51, app/assets/stylesheets/application.bootstrap.scss */
.datetime-input {
  font-family: "Open Sans", sans-serif;
}

/* line 55, app/assets/stylesheets/application.bootstrap.scss */
.custom-clear-marker-control {
  display: flex;
  /* Use flexbox */
  justify-content: center;
  /* Center horizontally */
  align-items: center;
  /* Center vertically */
  min-width: 30px;
  /* Adjust as needed */
  min-height: 30px;
  /* Adjust as needed */
}

/* line 63, app/assets/stylesheets/application.bootstrap.scss */
.custom-clear-marker-control .clear-marker-btn {
  border: none;
  margin: 0;
  /* Remove any default margin */
  cursor: pointer;
  background-color: transparent;
  /* Set the background color to transparent */
  width: 30px;
  /* Width of the button */
  height: 30px;
  /* Height of the button */
  background-size: contain;
  /* Ensure the icon fits the button */
  background-repeat: no-repeat;
  /* No repeat for background */
  background-position: center;
  /* Center the background image */
}

/* line 81, app/assets/stylesheets/application.bootstrap.scss */
.container {
  margin: 20px auto;
}

/* line 92, app/assets/stylesheets/application.bootstrap.scss */
.container {
  box-sizing: content-box;
}

/* line 96, app/assets/stylesheets/application.bootstrap.scss */
img {
  max-width: 100%;
}

/* line 100, app/assets/stylesheets/application.bootstrap.scss */
.profile-picture-container .cropper-view-box,
.profile-picture-container .cropper-face {
  border-radius: 50%;
}

/* The css styles for `outline` do not follow `border-radius` on iOS/Safari (#979). */
/* line 106, app/assets/stylesheets/application.bootstrap.scss */
.cropper-view-box {
  outline: 0;
  box-shadow: 0 0 0 1px #39f;
}

/* line 113, app/assets/stylesheets/application.bootstrap.scss */
.content {
  /* footer should always be below the fold, even when content is short */
  min-height: calc(100dvh - 67px);
}

/* line 118, app/assets/stylesheets/application.bootstrap.scss */
.strava-orange {
  color: #fc4c02;
}

/* line 122, app/assets/stylesheets/application.bootstrap.scss */
.content {
  flex: 1 0 calc(100dvh - 67px);
}

/* line 127, app/assets/stylesheets/application.bootstrap.scss */
.mobile-menu-container {
  position: relative;
  margin-left: auto;
}

/* line 133, app/assets/stylesheets/application.bootstrap.scss */
.nav-logo,
.sidenav-layout-topnav-navbar .nav-logo,
.nav-left .nav-logo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* line 141, app/assets/stylesheets/application.bootstrap.scss */
.desktop-nav-items {
  display: flex;
  align-items: center;
  gap: 50px;
}

/* line 147, app/assets/stylesheets/application.bootstrap.scss */
.mobile-menu-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  color: #374151;
}

/* line 155, app/assets/stylesheets/application.bootstrap.scss */
.mobile-menu-dropdown {
  position: fixed;
  top: 62px;
  right: 0;
  left: 0;
  width: 100vw;
  background: white;
  border-radius: 0;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  z-index: 999999;
  display: none;
  padding: 20px 0;
  margin: 0;
}

/* line 170, app/assets/stylesheets/application.bootstrap.scss */
.mobile-menu-item {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  text-decoration: none;
  color: #374151;
  transition: background-color 0.2s ease;
  font-size: 16px;
  font-weight: 500;
  min-height: 48px;
}

/* line 182, app/assets/stylesheets/application.bootstrap.scss */
.mobile-menu-icon {
  margin-right: 8px;
  flex-shrink: 0;
}

/* line 187, app/assets/stylesheets/application.bootstrap.scss */
.mobile-menu-arrow {
  margin-left: auto;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

/* line 193, app/assets/stylesheets/application.bootstrap.scss */
.resources-toggle {
  cursor: pointer;
  justify-content: space-between;
}

/* line 198, app/assets/stylesheets/application.bootstrap.scss */
.resources-header {
  display: flex;
  align-items: center;
}

/* line 203, app/assets/stylesheets/application.bootstrap.scss */
.resources-submenu {
  background-color: #f9fafb;
}

/* line 207, app/assets/stylesheets/application.bootstrap.scss */
.resources-submenu .mobile-menu-item {
  padding-left: 52px;
  font-size: 16px;
  color: #374151;
  min-height: 48px;
}

/* line 214, app/assets/stylesheets/application.bootstrap.scss */
.mobile-menu-item:hover {
  background-color: #f9fafb;
  text-decoration: none;
}

/* line 219, app/assets/stylesheets/application.bootstrap.scss */
.mobile-menu-item:last-child {
  border-bottom: none;
}

@media screen and (max-width: 1024px) {
  /* line 225, app/assets/stylesheets/application.bootstrap.scss */
  .mobile-menu-container {
    display: block !important;
  }
  /* line 229, app/assets/stylesheets/application.bootstrap.scss */
  .desktop-nav-items {
    display: none !important;
  }
  /* line 233, app/assets/stylesheets/application.bootstrap.scss */
  .mobile-menu-dropdown {
    right: 40px !important;
  }
  /* line 237, app/assets/stylesheets/application.bootstrap.scss */
  .nav-left {
    display: flex !important;
    visibility: visible !important;
  }
  /* line 242, app/assets/stylesheets/application.bootstrap.scss */
  .nav-logo {
    width: 120px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  /* line 249, app/assets/stylesheets/application.bootstrap.scss */
  .sidenav-layout-topnav-navbar .nav-left {
    display: flex !important;
    visibility: visible !important;
  }
  /* line 254, app/assets/stylesheets/application.bootstrap.scss */
  .sidenav-layout-topnav-navbar .nav-logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

@media screen and (max-width: 768px) {
  /* line 263, app/assets/stylesheets/application.bootstrap.scss */
  .sidenav-layout-topnav-navbar > div:first-child {
    display: flex !important;
    visibility: visible !important;
  }
  /* line 268, app/assets/stylesheets/application.bootstrap.scss */
  .sidenav-layout-topnav-navbar .nav-left {
    display: flex !important;
    visibility: visible !important;
  }
  /* line 273, app/assets/stylesheets/application.bootstrap.scss */
  .sidenav-layout-topnav-navbar .nav-logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

@media screen and (min-width: 1025px) {
  /* line 281, app/assets/stylesheets/application.bootstrap.scss */
  .mobile-menu-container {
    display: none !important;
  }
  /* line 285, app/assets/stylesheets/application.bootstrap.scss */
  .desktop-nav-items {
    display: flex !important;
  }
}