/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:collections (INDEX:11) */
.collections {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(var(--collection-card-size), 100%), 1fr));
    gap: var(--grid-gap);
  }
  .collections--compact {
    --collection-card-size: 160px;
  }
  .collections--full {
    --collection-card-size: 280px;
  }
  .collection-card {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
/* END_SECTION:collections */

/* START_SECTION:contact-form (INDEX:12) */
.contact-page {

		.contact-page__form-wrap {
			width: 100%;
			max-width: 100%;
			margin: 50px auto 0;

			.contact-page__form-title {
				margin-bottom: 25px;
				text-align: center;
			}

			.contact-page__form-message {
				margin-bottom: 25px;
				padding: 14px 0;
				text-align: center;
				font-weight: 400;

				&.contact-page__form-message--success {
					color: var(--color-primary);
				}

				&.contact-page__form-message--error {
					color: var(--color-error);
				}

				ul {
					margin: 0;
					padding-left: 20px;
				}
			}

			.contact-page__fields {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 20px;

				@media (max-width: 767px) {
					grid-template-columns: 1fr;
					gap: 16px;
				}

				.contact-page__field {
					display: flex;
					flex-direction: column;
					gap: 8px;

					&.contact-page__field--full {
						grid-column: 1 / -1;
					}

					label {
						font-size: 14px;
					}

					input,
					select,
					textarea {
						width: 100%;
						border: 1px solid var(--border-white);
						border-radius: 3px;
						background: transparent;
						color: var(--color-white);
						font-family: var(--font-body-family);
						font-size: 16px;
					}

					input,
					select {
						height: 48px;
						padding: 0 14px;
					}

					textarea {
						min-height: 180px;
						padding: 14px;
						resize: vertical;
					}

					input:focus,
					select:focus,
					textarea:focus {
						outline: 1px solid var(--color-primary);
						outline-offset: 1px;
						border-color: var(--color-primary);
					}

					.contact-page__select-wrap {
						position: relative;

						select {
							appearance: none;
							-webkit-appearance: none;
							padding-right: 45px;

							option {
								background: var(--color-black);
								color: var(--color-white);
							}
						}

						.contact-page__select-icon {
							position: absolute;
							top: 50%;
							right: 15px;
							display: flex;
							transform: translateY(-50%);
							pointer-events: none;

							svg {
								display: block;
							}
						}
					}
				}
			}

			.contact-page__actions {
				margin-top: 25px;

				.button {
					min-width: 200px;
				}
			}
		}
	}
/* END_SECTION:contact-form */

/* START_SECTION:custom-section (INDEX:13) */
.custom-section {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .custom-section__background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
  }
  .custom-section__background img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .custom-section__content {
    display: grid;
    grid-template-columns: var(--content-grid);
  }
  .custom-section__content > * {
    grid-column: 2;
  }
/* END_SECTION:custom-section */

/* START_SECTION:park-slider (INDEX:24) */
.park-slider .product-slider__intro {
		min-width: 0;
	}

	.park-slider .product-slider__subheading {
		margin: 6px 0 0;
		opacity: 0.8;
	}

	.park-slider .product-slider__item .skatepark-card {
		height: 100%;
	}
/* END_SECTION:park-slider */

/* START_SECTION:search (INDEX:32) */
.search-results {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  .search-results .prev,
  .search-results .page,
  .search-results .next {
    grid-column: 1 / -1;
  }
/* END_SECTION:search */

/* CSS from block stylesheet tags */
/* START_BLOCK:group (INDEX:35) */
.group {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
  }

  .group--horizontal {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--padding);
  }

  .group--vertical {
    flex-direction: column;
    align-items: var(--alignment);
    padding: var(--padding) 0;
  }
/* END_BLOCK:group */

/* START_BLOCK:text (INDEX:36) */
.text {
    text-align: var(--text-align);
  }
  .text--title {
    font-size: 2rem;
    font-weight: 700;
  }
  .text--subtitle {
    font-size: 1.5rem;
  }
/* END_BLOCK:text */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:image (INDEX:40) */
.image {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
  }

  .image > img {
    width: 100%;
    height: auto;
  }
/* END_SNIPPET:image */