/*
	Header & Desktop Navigation

*/
body.scrolled header.book { background: white; }
header.book {
	$mobile-break: 640px;
	transition: background .2s ease;

	position: fixed;
	width: 100%;
	z-index: 9;

	font-weight: 300;

	display: flex;
	align-items: center;
	justify-content: space-between;

	/*
		Logo

	 */
	 p.title {
	 	display: inline-block;
		font: 400 1rem $base-font-family;
		letter-spacing: 0;
		margin-bottom: 0;
		padding: 0 1em;

		a {
			color: $cmo-purple-light;

			strong {
				display: inline-block;
				color: $cmo-purple-dark;
				font-weight: 700;
				letter-spacing: -1px;
				margin-right: 2px;
			}
		}
	 }


	/*
		Navigation

	 */
	nav.right {
		text-align: right;

		@media only screen and ( min-width:$mobile-break ) {
		}
	}


	/*
		List Styles

	 */
	ul {

		li {
			display: none;
			margin: .5em 0 .5em .5em;

			@media only screen and ( min-width:$mobile-break ) {
				display: inline-block;
			}

			a {
				letter-spacing: 1px;
				font-weight: 400;
			}
		}

		li.button,
		li.menu {
			display: inline-block;
		}

		li.menu a {
			color: $cmo-purple-light;
			padding-right: 1em;
		}

		li.button {
			// font-size: .75em;

			a {
				display: block;
				color: white;
				background: $cmo-purple-light;
				padding: .5em 1em;
				text-transform: uppercase;
			}
		}

	}
}