@import 'susy';
@import 'bourbon';
@import '../../../../themes/storefront/assets/sass/utils/variables';

.sd-typography-lora {
	font-family: "Lora", serif;

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	button,
	input,
	select,
	textarea {
		font-family: "Lora", serif;
	}
}

.sd-typography-roboto-slab {
	font-family: "Roboto Slab", serif;

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	button,
	input,
	select,
	textarea {
		font-family: "Roboto Slab", serif;
	}
}

.sd-typography-courier {
	font-family: Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	button,
	input,
	select,
	textarea {
		font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
	}
}

.sd-buttons-rounded {
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.added_to_cart,
	.widget-area .widget a.button,
	.site-header-cart .widget_shopping_cart a.button {
		border-radius: .236em;
	}
}

.sd-buttons-rounded-more {
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.added_to_cart,
	.widget-area .widget a.button,
	.site-header-cart .widget_shopping_cart a.button {
		border-radius: .53em;
	}
}

.sd-buttons-rounded-full {
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.added_to_cart,
	.widget-area .widget a.button,
	.site-header-cart .widget_shopping_cart a.button {
		border-radius: 2.618em;
	}
}

.sd-buttons-flat {
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.added_to_cart,
	.widget-area .widget a.button,
	.site-header-cart .widget_shopping_cart a.button {
		box-shadow: none;
	}
}

.sd-buttons-shadows {
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.added_to_cart,
	.widget-area .widget a.button,
	.site-header-cart .widget_shopping_cart a.button {
		box-shadow:
			inset 0 -2px 0 rgba(#000,.2),
			0 1px 2px rgba(0,0,0,0.3);
		text-shadow: 0 1px rgba(0,0,0,0.3);
	}

	&.sd-buttons-flat {
		button,
		input[type="button"],
		input[type="reset"],
		input[type="submit"],
		.button,
		.added_to_cart,
		.widget-area .widget a.button,
		.site-header-cart .widget_shopping_cart a.button {
			box-shadow:
				0 1px 2px rgba(0,0,0,0.2);
		}
	}
}

.sd-buttons-transparent {
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.added_to_cart,
	.widget-area .widget a.button,
	.site-header-cart .widget_shopping_cart a.button {
		background: none !important;
		border-width: 2px;
		border-style: solid;
	}
}

.sd-button-size-smallest {
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.added_to_cart,
	.widget-area .widget a.button,
	.site-header-cart .widget_shopping_cart a.button {
		padding: .327em .618em;
	}
}

.sd-button-size-smaller {
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.added_to_cart,
	.widget-area .widget a.button,
	.site-header-cart .widget_shopping_cart a.button {
		padding: .53em .75em;
	}
}

.sd-button-size-larger {
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.added_to_cart,
	.widget-area .widget a.button,
	.site-header-cart .widget_shopping_cart a.button {
		padding: .857em 1.387em;
	}
}

.sd-button-size-largest {
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.added_to_cart,
	.widget-area .widget a.button,
	.site-header-cart .widget_shopping_cart a.button {
		padding: 1em 1.618em;
	}
}

@media screen and (min-width: 768px) {
	.sd-fixed-width {
		.site {
			max-width: 75.998em;
			margin: 0 auto;
		}

		&.sd-header-sticky {
			.site-header {
				min-width: 75.998em;
				margin: 0 auto;
				left: auto;
				right: auto;
			}
		}

		&.sd-max-width {
			.site {
				max-width: 95%;
			}
		}
	}

	.sd-max-width {
		.col-full {
			max-width: 90%;
		}

		.site {
			overflow-x: hidden;
		}

		.sph-hero,
		.sprh-hero {
			.col-full {
				max-width: 65.141em;
			}
		}
	}

	.sd-scale-smallest {
		font-size: .8em;
	}

	.sd-scale-smaller {
		font-size: .9em;
	}

	.sd-scale-larger {
		font-size: 1.05em;
	}

	.sd-scale-largest {
		font-size: 1.1em;
	}

	.woocommerce-active.sd-header-no-search .site-header,
	.sd-header-no-search .site-header  {
		.secondary-navigation {
			float: right;
			margin-right: 0;
		}
	}

	.woocommerce-active.sd-header-expanded .site-header,
	.sd-header-expanded .site-header {
		padding-top: 1.618em;

		.site-branding,
		.site-logo-anchor,
		.site-logo-link,
		.custom-logo-link {
			display: block;
			width: 100%;
			padding: 1em 0;

			img {
				max-height: 3.236em;
				width: auto;
			}
		}

		.secondary-navigation {
			@include span(7 of 12);
			clear: both;

			.menu {
				float: left;
				margin-left: -.857em;
			}
		}

		.site-search {
			@include span(last 5 of 12);
			margin-left: 0;
			margin-bottom: 0;
		}
	}

	.woocommerce-active.sd-header-expanded.swc-header-no-search .site-header,
	.sd-header-expanded.swc-header-no-search .site-header {
		.secondary-navigation {
			width: 100%;
			float: left;
		}
	}

	.sd-header-central,
	.sd-header-central.woocommerce-active {
		.site-header {
			.secondary-navigation,
			.site-search,
			.site-branding,
			.main-navigation {
				width: 100%;
				margin: 0 auto;
				text-align: center;
				float: none;
				clear: both;
			}

			.site-search {
				margin-bottom: 1.618em;
			}

			.secondary-navigation {
				.menu {
					float: none;
				}
			}

			.site-header-cart {
				margin: 0 auto;
				float: none;
				clear: both;
			}

			.site-logo-anchor,
			.site-logo-link,
			.custom-logo-link {
				margin-left: auto;
				margin-right: auto;
				float: none;
			}
		}
	}

	.sd-header-inline,
	.sd-header-inline.woocommerce-active {
		.site-header {
			.inline-header-nav-wrap {
				clear: none;
				@include span(6 of 12);

				ul.menu > li > a,
				ul.nav-menu > li > a {
					padding-bottom: 1em;
				}
			}

			.site-header-cart .cart-contents {
				padding-bottom: 1em;
			}

			.site-branding {
				margin-top: 1.387em;
			}
		}

		&.swc-header-no-cart {
			.site-header {
				.inline-header-nav-wrap {
					clear: none;
					@include span(last 9 of 12);
					margin-right: 0;

					ul.menu {
						float: right;
					}
				}
			}
		}
	}

	.sd-header-inline {
		.site-header {
			padding-bottom: 2.618em;

			.inline-header-nav-wrap {
				@include span(last 9 of 12);

				.main-navigation,
				.secondary-navigation {
					width: 100%;
					margin-right: 0;
				}

				.main-navigation {
					z-index: 999;
				}

				.secondary-navigation {

					.menu {
						float: left;

						li {
							margin-right: 1em;
						}

						a {
							padding: 0 0 .857em 0 !important;
						}
					}
				}
			}
		}
	}

	.sd-header-no-cart,
	.sd-header-no-cart.woocommerce-active {
		.site-header {
			.main-navigation {
				width: 100%;
				margin-right: 0;
				margin-left: 0;
			}
		}
	}

	.sd-header-sticky {
		.site-header {
			position: fixed;
			left: 0;
			right: 0;
			top: 0;
			z-index: 9999;
		}

		&.admin-bar {
			.site-header {
				top: 32px;
			}
		}

		&.no-wc-breadcrumb {
			.site-content {
				padding-top: 4.236em;
			}
		}
	}

	.sd-sticky-navigation {
		@include clearfix;
		clear: both;
		top: 0;
		position: relative;
		-webkit-transform: translateZ(0);

		&:after,
		&:before {
			display: block;
			content: "";
			position: absolute;
			height: 100%;
			width: 999em;
			left: 100%;
			top: 0;
		}

		&:before {
			left: auto;
			right: 100%;
		}
	}

	.sticky-wrapper {
		clear: both;
	}
}

@media screen and (max-width: 75.998em) {
	.sd-fixed-width {
		&.sd-header-sticky {
			.site-header {
				width: 100%;
				min-width: 0;
			}
		}
	}
}