/* General elements */
.assistive-text {
	display: none;
}

body {
	overflow-x: hidden;
}

.desktop-only {
	display: none;
}

body.home #page {
	padding: 0 10px;
}

body.home #primary {
	padding-top: 110px;
}

/* Header */

#masthead {
	
}

#masthead .site-description {
	display: none;
}

/* Mobile: Logo */
@media screen and (max-width: 767px) {
#masthead .site-title a {
	background: var(--streetsmn-bg-color-white) url('../images/logo-symbol.png') no-repeat center center;
	background-size: contain;
	border-radius: 80px;
	box-shadow: 0 0 5px #aaa;
	display: block;
	height: 80px;
	overflow: hidden;
	left: 25px;
	position: absolute;
	top: 25px;
	text-align: left;
	text-decoration: none;
	text-indent: -9999px;
	transition: .5s transform;
	z-index: 88;
	width: 80px;
}

#masthead .site-title a.open {
	transform: rotate(-45deg);
}
}

/* Mobile: Navigation */
@media screen and (max-width: 767px) {
#site-navigation {
	background: var(--streetsmn-brand-color-orange);
	display: none;
	font-family: var(--streetsmn-font-headline);
	left: 25px;
	position: absolute;
	top: 120px;
	width: calc(100% - 50px);
	z-index: 99;
}

#site-navigation ul {
	list-style: none;
	margin-bottom: 0;
	padding: 0;
}

#site-navigation ul>li>a {
	border-bottom: 1px solid var(--streetsmn-brand-color-orange-light);
	color: var(--streetsmn-text-color-white);
	display: block;
	padding: 10px;
	font-size: 18px;
}

#site-navigation ul>li>a:hover {
	background: var(--streetsmn-brand-color-orange-light);
	text-decoration: none;
}

#site-navigation ul li>ul {
	display: none;
}

#site-navigation ul li>ul li a {
	font-size: 16px;
	padding-left: 25px;
}

}

/* Footer */
#colophon {
	clear: both;
	padding-top: 50px;
}

#colophon #menu-footer-menu {
	list-style: none;
	padding: 0;
	text-align: right;
}

#colophon #menu-footer-menu li {
	display: inline;
}

#colophon #menu-footer-menu li.logout {
	display: none;
}

body.logged-in #colophon #menu-footer-menu li.login {
	display: none;
}

body.logged-in #colophon #menu-footer-menu li.logout {
	display: inline;
}

#colophon #menu-footer-menu a {
	color: var(--streetsmn-text-color-gray);
	padding: 10px 10px;
	text-decoration: none;
}

/* Content */
.article-map {
	border: 0;
	height: 350px;
	width: 100%;
}

#content {
	font: 18px var(--streetsmn-font-body);
	line-height: 1.5em;
}

.entry-content a {
	border-bottom: 1px dotted var(--streetsmn-brand-color-blue-light);
	color: var(--streetsmn-brand-color-blue-light);
	transition: 0.5s border;
}

.entry-content a:hover {
	border-bottom-style: solid;
	text-decoration: none;
}

#content .alignleft {
	clear: left;
	float: left;
	margin: 15px 15px 15px 0;
}

#content .alignright {
	clear: right;
	float: right;
	margin: 15px 0 15px 15px;
}

.entry-content .gform {
	max-width: 600px;
	margin: auto;
}

img {
	height: auto;
	max-width: 100%;
}

.entry-header {
	background: var(--streetsmn-brand-color-blue-light);
	color: var(--streetsmn-text-color-white);
	font-family: var(--streetsmn-font-headline);
	font-weight: normal;
	margin: -10px -15px 20px -15px;
	padding: 100px 15px 15px 15px;
	width: calc(100% + 30px);
}

.entry-header .entry-author {
	color: var(--streetsmn-text-color-gray-light);
	padding: 0 15px;
}

.entry-header .entry-author a {
	color: var(--streetsmn-text-color-gray-light);
}

.entry-header .entry-author img, .home-article .entry-author img {
	max-width: 30px !important;
	max-height: 30px !important;
	margin-right: 15px;
}

.entry-header .entry-categories ul {
	list-style: none;
	padding: 0 15px;
}

.entry-header .entry-categories ul li {
	display: inline;
}

.entry-header .entry-categories ul li a {
	background: var(--streetsmn-text-color-gray-light);
	color: var(--streetsmn-text-color-white); !important;
	border-bottom: 0 !important;
	margin-right: 10px;
	padding: 5px 10px;
	text-transform: uppercase;
}

.entry-header .entry-title {
	padding: 0 15px;
}

.entry-header .entry-title a {
	color: var(--streetsmn-text-color-white); !important;
	border-bottom: 0;
}

.has-post-thumbnail .entry-header {
	background: none;
	color: var(--streetsmn-brand-color-orange);
	font-weight: bolder;
	margin: -15px -15px 20px -15px;
	padding: 0;
}

.has-post-thumbnail .entry-header img {
	height: auto;
	margin-bottom: 20px;
	width: 100%;
}

.has-post-thumbnail .entry-header .entry-title a {
	color: var(--streetsmn-brand-color-orange) !important;
}

body.page .has-post-thumbnail .entry-header .entry-title {
	border-bottom: 5px solid #2c75e2;
}

.entry-header .archive-meta a {
	color: var(--streetsmn-text-color-white);
	text-decoration: underline;
}
.entry-header .archive-meta a:hover {
	color: var(--streetsmn-text-color-white);
	text-decoration: underline;
}

#page .full-width {
	width: 100vw;
	position: relative;
	margin-left: -50vw;
	left: 50%;
}

nav.navigation {
	clear: both;
	display: block;
	margin-bottom: 40px;
}

nav.navigation a {
	border: 1px solid var(--streetsmn-text-color-gray-light) !important;
	color: var(--streetsmn-text-color-gray-light) !important;
	font-family: var(--streetsmn-font-headline);
	padding: 3px 8px;
}

nav.navigation a:hover {
	border: 1px solid var(--streetsmn-brand-color-orange) !important;
	color: var(--streetsmn-brand-color-orange) !important;
	text-decoration: none;
}

nav.navigation .nav-next {
	float: right;
}

nav.navigation .nav-previous {
	float: left;
}

/* Content: Authors List */
.authors-list-items img.photo {
	max-width: 150px !important;
}

.authors-list-items .authors-list-item {
	margin-bottom: 30px;
}

.authors-list-items .authors-list-item .authors-list-item-title a {
	border-bottom: 0 !important;
}

.authors-list-items .authors-list-item  a {
	display: block;
	text-align: right;
	border-bottom: 0;
	font: 14px var(--streetsmn-font-headline);
}

/* DESKTOP */
@media screen and (min-width: 768px) {
	
/* DESKTOP: GENERAL */
.desktop-only {
	display: block;
}

span.desktop-only {
	display: none;
}

.mobile-only {
	display: none !important;
}

body.home #primary {
	padding-top: 0;
}

/* DESKTOP: Content */
.article-map {
	height: 600px;
}

/* DESKTOP: MASTHEAD */
#masthead .site-title a {
	background: url('../images/logo-text.png') no-repeat center center;
	background-size: contain;
	display: block;
	height: 100px;
	margin-bottom: 50px;
	overflow: hidden;
	text-align: left;
	text-decoration: none;
	text-indent: -9999px;
	width: 100%;
}

/* DESKTOP: Navigation */

#masthead ul.nav-menu {
	font: 14px var(--streetsmn-font-headline);
	font-weight: bolder;
	margin-top: 0 auto;
	padding: 0;
	position: relative;
	padding-top: 30px;
	padding-bottom: 0;
	text-align: center;
	list-style: none;
	position: relative;
	padding-left: 0;
}

#masthead ul.nav-menu a {
	color: var(--streetsmn-brand-color-blue);
	transition: color .15s;
}

#masthead ul.nav-menu a:hover {
	color: var(--streetsmn-brand-color-blue-light);
}

#masthead .col-4:last-child ul.nav-menu a {
	color: #55ac3a;
}

#masthead ul.nav-menu li.current_page_item>a, #masthead ul.nav-menu li.current_page_ancestor>a {
	text-decoration: none;
	color: #565388;
}

#masthead ul.nav-menu ul {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.1s linear;
}

#masthead ul.nav-menu li:hover > ul, #masthead ul.nav-menu li.active > ul {
	visibility: visible;
	opacity: 1;
}

#masthead .menu-main-menu-container>ul {
	text-align: right;
}

#masthead ul.nav-menu:after {
	content: "";
	clear: both;
	display: block;
}

#masthead ul.nav-menu li {
	display: inline-block;
}

#masthead ul.nav-menu li a {
	display: inline-block;
	line-height: 28px;
	padding: 4px 8px;
	transition: color .15s;
	text-decoration: none;
}

#masthead ul.nav-menu li.current_page_item a {
	text-decoration: underline;
}

#masthead ul.nav-menu ul {
	background-color: var(--streetsmn-text-color-white);
	border-top: 2px solid var(--streetsmn-brand-color-orange);
	border-radius: 0px;
	letter-spacing: 0;
	margin: 0 0 0 0;
	padding: 0;
	position: absolute;
	text-align: left;
	width: 150px;
	top: 88%;
	z-index: 999;
}

#masthead ul.nav-menu ul li {
	display: block;
	float: none; 
	margin-right: 0;
	position: relative;
	transition: background .15s;
	text-align: left;
}

#masthead ul.nav-menu ul li:hover {
	background-color: #eedacf;
}

#masthead ul.nav-menu ul li a {
	color: var(--streetsmn-brand-color-orange);
	display: block;
	font-size: 12px;
	line-height: 16px;
	padding: 10px;
}

#masthead ul.nav-menu ul ul {
	background: rgba(255, 255, 255, .85);
	position: absolute;
	left: 100%;
	top: 0;
}


}