/* genbasic */

/* IE8 and below use EOT and allow cross-site embedding.
   IE9 uses WOFF which is base64 encoded to allow cross-site embedding.
   So unfortunately, IE9 will throw a console error, but it'll still work.
   When the font is base64 encoded, cross-site embedding works in Firefox */
@font-face {
	font-family: 'genbasic';
	font-weight: normal;
	font-style: normal;
	src: url('./genbasic.eot');
	src: url('./genbasic.eot?') format('embedded-opentype');
}

@font-face {
	font-family: 'genbasic';
	font-weight: normal;
	font-style: normal;
	src: url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAVkAAsAAAAAB9gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAADkAAABgDtER3GNtYXAAAAFEAAAAXAAAAIzPs886Z2FzcAAAAaAAAAAIAAAACAAAABBnbHlmAAABqAAAAjgAAAOcFT0n2mhlYWQAAAPgAAAAKwAAADYLt4FZaGhlYQAABAwAAAAVAAAAJAgBBBBobXR4AAAEJAAAAB4AAAA8MAAGQGxvY2EAAAREAAAAIAAAACAFoAaebWF4cAAABGQAAAAYAAAAIAAcAEZuYW1lAAAEfAAAANsAAAGSk88CKXBvc3QAAAVYAAAADAAAACAAAwAAeNpjYGZhYJzAwMrAwDST6QwDA0M/hGZ8zWDMyMmAChgF0AQYHBgYvhixgJksUDVIsgoMDADGjwbIAAAAeNpjYGBgZoBgGQZGKM0MZIFoFoYCIC3BIAAU4QCKKXxm+szymf0Lwxe2L4JfJL8Y/f/7/z8DCCh8ZkCRMQTLMP5/zMvCy8zLyMPJw8L9i/sz9x2o2VgBAOMMHnkAAQAB//8AD3jajVPNTttAEJ7ZTXEjKlqXOBFETeMYJ6oQAcWYqCrQkXqMBIgDZ1+5wRvse/SSW9W32Efordd9Cy5l6bebULW32pn9ZsbzuzMhpudHEc0/RvH/dYYabTTRWwiz7jvubOxzUhej8Rkfn1Sa6sWidk4CaFrUtl44FwG+lkkLfDfhm+s8rXpVlicVN+yMJzt03ooo8VaRiFllNoRs8GnRm+CVtrmcndTH42K0kXW6ClG9eYJdvyz7IE1PUCBVlECIgcotYgjyZogxGteodNbNOhu90EEeRBULB21e3nu6v1QSJZDcXRlzdUf0CrVY1G9QToJYr2mbetSn97RPn+gzfUHsusoma9JrzNdYgdIqRdcr5XaKJnJ0kXa6VT47KaFOQGwkPLgJ4RWYRzGBl7LvZXc83mXbL59oZYBP4RfE6BgPpkejAvdoWcI9eHiUX+PX9Z3iRfX7RGUy2eJiNFX18bmqZgOFe0nKzgD8OXRTVYy2lDbysHdzeHp7cXBwcXsacLDj58XZ9XR6fVY8o5WHncGzQcDDm73vfxsAMTEhaWGgYQ/aKmnzpM3zNrfIN7wU3/hGeBkPXmr7ryzBJmyDxSwa3YB7icmE3ehxUbdx8nySzHs8UcZ5cWz9zyP+4H+g929gjnQT1c1KfQR1EtQUloxMi/7Ml+Z1nnGe5SkQeX6tyRhspPHWGIo7PdSkDL0IFaCPnrLinXfiMADveCiOVnbYfLWMdpMEHSuLvwkP8UpkPOx+A8Wwwbh42mNgZGBgAOI5Ksd3x/PbfGXgZmEAgSs+8/SQaRYGsDgHAxOIAgAH8QfdAHjaY2BkYGBhAAE4yciACvgBAZ8AHgAAAHjaY2FABSwMDA1AfABCM8L4IOwAFWeA0gcAb6oFcgAAAAAAAAAKABQAHgA8AFYAeACcAQABQAFiAYwBpgG6Ac542mNgZGBg4GdwYeBhAAEmBjQAAAmuAGN42nWOvQrCMBSFT7X+gziJOAXci4KLo4vg4KCD4Ji2oRQkkbQOLo4+go8hPqKn9a69kPDlu+eSC2CMDwJUFaBf31W10EMu3KbfCIfkp3AHI8yEu/RH4SHmeHMqCAc0E3b+3OJfN+E2/VY4JL+EO5hiIdylvwgPscY3MzbWRZ4gg4FFDI2CWyZn44vcWbWKljiz5WvtGFFYIcKyabDJn0x2v2qPE3WGO65s+KbwztlSsWm8Lk2q4ofaJ+7gnI2wq5coucZ/plpN822Q0sV48N4jYerAU2WjH9xmQFsAeNpjYGbACwAAfQAE') format('woff'),
	url('./genbasic.ttf') format('truetype'),
	url('./genbasic.svg#genbasic') format('svg');
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'genbasic';
		src: url('./genbasic.svg#genbasic') format('svg');
	}
}

.genericon,
.sf-genericon:before {
	/* 'important' required to prevent font change when dylexic font is applied. */
	font-family: 'genbasic'!important;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1.625;
	display: inline-block;
	-webkit-transition: color 0.1s ease-in 0;
	   -moz-transition: color 0.1s ease-in 0;
	text-align: center;
	vertical-align: top;
	text-decoration: inherit;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	speak: none;
}

.main-navigation .search-form {
	position: relative;
}

.search-form .genericon {
	display: none;
}

.main-navigation .search-form .genericon,
.no-js .main-navigation .genericon-search-sf:before {
	position: absolute;
	display: inline;
	padding: 0.8125em 0.5em;
}

.main-navigation .search-field {
	position: relative;
	padding-left: 1.75em;
	background-color: transparent;
}

.main-navigation .search-field:focus {
	width: 175px;
}

.menu-link .genericon {
	display: none;
}

.toggled .menu-toggle .genericon-menu:before {
	content: '\f406';
}

.toggled-on.dropdown-toggle .genericon-expand:before {
	content: '\f432';
}

.font-toggle:before {
	font-family: georgia, serif;
	font-size: 32px;
	position: relative;
	top: -5px;
	content: '\00AB';
}

.toggled .font-toggle:before {
	content: '\00BB';
}

@media only screen and (min-width: 1024px) {
	.menu-link .genericon {
		display: inline;
	}

	.no-js .widget li {
		position: relative;
	}

	.no-js .genericon-expand-sf:before {
		content: '\f431';
	}

	:not(.social-icons-menu).nav-menu .genericon,
	.no-js .genericon-expand-sf:before {
		font-size: 18px;
		line-height: 1.4445;
		position: absolute;
		right: 10px;
	}

	.nav-menu .menu-item-has-children a {
		padding-right: 2.25em;
	}

	.main-navigation .search-form .genericon,
	.no-js .main-navigation .genericon-search-sf:before {
		padding: 1em 0.5em;
	}

	.main-navigation .search-field:focus {
		width: 200px;
	}

	.nav-menu .sub-menu .genericon,
	.no-js .sub-menu .menu-item-has-children > a:before {
		-webkit-transform: rotate(270deg);
		   -moz-transform: rotate(270deg);
		    -ms-transform: rotate(270deg);
		     -o-transform: rotate(270deg);
		        transform: rotate(270deg);
	}

	.aligned-menu .sub-menu .genericon,
	.no-js .aligned-menu .sub-menu .menu-item-has-children > a:before {
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		     -o-transform: rotate(90deg);
		        transform: rotate(90deg);
	}
}

.genericon-month:before,
.genericon-month-sf:before {
	content: '\f307';
}

.genericon-comment:before,
.genericon-comment-sf:before {
	content: '\f300';
}

.genericon-category:before,
.no-js .genericon-category-sf:before {
	content: '\f301';
}

.genericon-edit:before,
.genericon-edit-sf:before {
	content: '\f411';
}

.genericon-menu:before,
.no-js .genericon-menu-sf:before {
	content: '\f419';
}

.genericon-search:before,
.no-js .main-navigation .genericon-search-sf:before {
	content: '\f400';
}

.genericon-tag:before,
.no-js .genericon-tag-sf:before {
	content: '\f302';
}

.genericon-mail:before,
.no-js .genericon-mail-sf:before {
	content: '\f410';
}

.genericon-collapse:before,
.no-js .genericon-collapse-sf:before {
	content: '\f432';
}

.genericon-expand:before,
.no-js .genericon-expand-sf:before {
	content: '\f431';
}

.genericon-user:before,
.genericon-user-sf:before {
	content: '\f304';
}
