base.less

/* ==================================================================
	 Animations
================================================================== */




/* ==================================================================
	 Elements
================================================================== */

	html,
	body {
		background: #fff;
	}

	body {
		min-width: 300px;

		overflow-x: hidden;
	}

	::selection,
	::-moz-selection {
		background: #eee;
		text-shadow: none;
	}

	h1, h2, h3, h4, h5, h6 {  }

	h1 {  }

	h2 {  }

	h3 {  }

	h4 {  }

	h5 {  }

	h6 {  }

	p {  }

	a {
		.transition_link();

		text-decoration: none;

		.no-touch &:hover {}

	}

	em {
		font-style: italic;
	}

	strong {
		font-weight: bold;
	}

	blockquote {}

	blockquote p {}

	ol,
	ul {}

	li {}

	ol {}

	ol li {}

	ul {
		list-style: none;
	}

	ul li {}

	ul li:before {
		width: 5px;
		height: 5px;

		background: #eee;
		border-radius: 100%;
		content: "";
		display: block;
		float: left;
		margin: 10px 0 0 -20px;
	}

	hr {
		width: 100%;
		height: 1px;

		background: #eee;
		border: none;
		clear: both;
		margin: 0;
		padding: 0;

	}

	iframe {
		border: none;
	}

	audio,
	canvas,
	img,
	svg,
	video {
		vertical-align: middle;
	}

	fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}

	input,
	textarea {
		border: none;
		border-radius: 0;
		padding: 0;
	}

	textarea {
		resize: vertical;
	}

	menu {
		margin: 0;
		padding: 0;
	}

	button {
		background: none;
		border: none;
		padding: 0;
	}

	figure {
		margin: 0;
	}


/* ==================================================================
   Margins
================================================================== */

	.margined,
	.margined_top {
		margin-top: @margin_sm;
	}

	.margined,
	.margined_bottom {
		margin-bottom: @margin_sm;
	}

	.margined_md,
	.margined_md_top {
		margin-top: @margin_md;

		@media @min_lg {
			margin-top: @margin_lg;
		}
	}

	.margined_md,
	.margined_md_bottom {
		margin-bottom: @margin_md;

		@media @min_lg {
			margin-bottom: @margin_lg;
		}
	}

	.margined_lg,
	.margined_lg_top {
		margin-top: @margin_md;

		@media @min_lg {
			margin-top: @margin_xl;
		}
	}

	.margined_lg,
	.margined_lg_bottom {
		margin-bottom: @margin_md;

		@media @min_lg {
			margin-bottom: @margin_xl;
		}
	}


/* ==================================================================
	 Background Colors
================================================================== */




/* ==================================================================
	Border Colors
================================================================== */




/* ==================================================================
	 Helpers
================================================================== */

	.left,
	.block_left {
		float: left;
	}

	.block_left {
		margin: 0 20px 20px 0;
	}

	.right,
	.block_right {
		float: right;
	}

	.block_right {
		margin: 0 0 20px 20px;
	}

	.clear {
		clear: both;
	}

	.clearfix {

		&:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			line-height: 0;
			visibility: hidden;
		}
	}

	.contain {
		overflow: hidden;
	}

	.no_select,
	.no_select * {
		user-select: none;
	}

	.hidden {
		display: none !important;
		visibility: hidden;
	}

	.visually_hidden {
		width: 1px;
		height: 1px;

		position: absolute;

		border: 0;
		clip: rect(0 0 0 0);
		margin: -1px;
		overflow: hidden;
		padding: 0;

		&.focusable:active,
		&.focusable:focus {
			width: auto;
			height: auto;

			position: static;

			clip: auto;
			margin: 0;
			overflow: visible;
		}

	}

	.invisible {
		visibility: hidden;
	}

	.offscreen {
		width: 1px;
		height: 1px;

		position: absolute;
		left: -999px;

		overflow: hidden;
		z-index: -999;
	}

	.print {
		display: none;
	}

	.responsive_image {
		display: block;

		img {
			width: 100%;
		}
	}


/* ==================================================================
	 Media Queries
================================================================== */

	@media @min_sm {

	}

	@media @min_md {

	}

	@media @min_lg {

	}

	@media @min_xl {

	}