/* Structure */

.genesis-nav-menu { line-height: 1.5; !important }  
.genesis-nav-menu a { font-size: 1.5rem; text-transform: none; !important }

/* Media Queries */

@media only screen and (max-width: 1024px) {
nav.nav-secondary {
    display: block;
    position: relative; }
}

@media only screen and (min-width: 768px) {
.narrow-form {
    margin: auto; 
    width: 50%; }
}

/* Text */

.site-title {
	font-family: "Arvo", serif;
	text-transform: uppercase;
	letter-spacing: 0;
	font-size: 3rem;
}

.brand {
	/* font-family: "Arvo", serif; */
	text-transform: uppercase;
	/* font-weight: bold;
	font-style: normal;
	font-size: 90%; */
}

h1 {
	color: #9c1;
	text-shadow: 1px 1px 5px #eee;
}

h7 {
	font-weight: bold;
}

small {
	color: #ccc;
}

/* Containers */

.sidenote {
	margin: 0.5em 1em;
	padding: 1em;
	background: #eee;
	border-top: 0.2em solid #000;
	text-align: center;
	font-size: 90%;
	line-height: 130%;
}

.invisible-link a, .invisible-link a:hover, .invisible-link a:focus, .invisible-link a:active, .invisible-link a:visited, .sidenote a, .sidenote a:hover, .sidenote a:focus, .sidenote a:active, .sidenote a:visited {
	text-decoration: none !important;
	border: 0 none !important;
}

.sidenote img {
	margin: 0.5em 1em;
	-webkit-box-shadow: 0px 5px 5px -1px rgba(170,170,170,0.7);
	-moz-box-shadow: 0px 5px 5px -1px rgba(170,170,170,0.7);
	box-shadow: 0px 5px 5px -1px rgba(170,170,170,0.7);
}

.shadowed {
	-webkit-box-shadow: 0px 10px 20px -1px rgba(170,170,170,0.7);
	-moz-box-shadow: 0px 10px 20px -1px rgba(170,170,170,0.7);
	box-shadow: 0px 10px 20px -1px rgba(170,170,170,0.7);
}

.app-link img {
	vertical-align: middle;
	margin: 0.5em 0.5em 0.5em 0;
}

.app-link a, .app-link a:hover, .app-link a:visited, .app-link a:link, .app-link a:active {
	text-decoration: none !important;
	border: 0 none !important;
}

/* Forms */

.sendy-form input {
    margin-bottom: 0.5em;
} 

.sendy-submit {
    margin-top: 1em;
}

.ninja-forms-required-items {
    display: none;
    margin-bottom: 0.5em;
    text-align: right;
    font-size: 80%;
    color: #ccc;
}

/* Eisenhower Matrix */

.matrix {
	border-collapse: separate;
	border-spacing: 1em;
	border: none;
	color: #fff;
}

.matrix td {
	width: 50%;
	border-radius: 0.5em;
	padding: 1em;
}

.matrix-q1 {
	border: 0.1em solid #eee;
	background: #9c1;
}

.matrix-q2 {
	border: 0.1em solid #eee;
	background: #48e;
}

.matrix-q3 {
	border: 0.1em solid #eee;
	background: #fa2;
}

.matrix-q4 {
	border: 0.1em solid #eee;
	background: #c11;
}