@charset "UTF-8";
/* CSS Document */

body {font-family: montserrat, sans-serif; font-size: 18px; line-height: 140%;}

b, strong {}
i, em {}
a {color: #e2211c; font-weight: 600;;}
a:hover {color: #e2211c;}
li {line-height: inherit;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; line-height: normal; color: #000;}
.clr {clear: both;}
.page-header {border: none; padding: 0; margin-top: 0;}
.px-wide {letter-spacing: 10px; margin-top: 20px;}
.caption {font-weight: 300; margin-bottom:10px;}

h1 {font-weight: bolder; font-size: 180%;}
h2 {font-weight: bold; font-size: 150%;}

/*   Menu Colors   */
.mc-red {background: #e1251b;}
.mc-lgreen {background: #8fbf0b;}
.mc-blue {background: #003b75;}
.mc-purple {background: #7c2582;}
.mc-dgreen {background: #004e06;}
.mc-orange {background: #ff8300;}
.mc-lblue {background: #0096c6;}
.mc-yellow {background: #c89601;}
.mc-teal {background: #007476;}
.mc-pink {background: #c40075;}
.mc-brown {background: #854337;}
.mc-lbrown {background: #d3a500;}

.txt-red {color: #e1251b;}
.txt-lgreen {color: #8fbf0b;}
.txt-blue {color: #003b75;}
.txt-purple {color: #7c2582;}
.txt-dgreen {color: #004e06;}
.txt-orange {color: #ff8300;}
.txt-lblue {color: #0096c6;}
.txt-yellow {color: #c89601;}
.txt-teal {color: #007476;}
.txt-pink {color: #c40075;}
.txt-brown {color: #854337;}
.txt-lbrown {color: #d3a500;}

/*   Bootstrap accordion   */
.accordion-group {border: none; background: #fafafa;}
.accordion-inner {padding: 0;}
.accordion-heading {text-align: center;}

/*   Menu   */
header {background: #000; text-align: center;}
.navbar-inner {background: transparent; border: none; border-radius: 0;}
.nav {margin-bottom: 0;}
.nav > li {display: inline-block;}
.navbar .nav > li, .navbar .nav {float: none;}
.navbar .nav > li > a {text-shadow: none; color: #fff; padding: 10px 15px; font-weight: 300; text-transform: uppercase; text-align: center;}
.nav > li > a:hover, .nav > li > a:focus {background: #333 !important; color: #fff !important;}
.dropdown-menu {border-radius: 0; background-color: #f2f2f2; margin: 0; border: 0;}
.dropdown-menu > li > a {font-size: 85%; font-weight: 300; text-align: left; line-height: 2em;}
.dropdown-menu > li > a:hover {background: #ddd; color: #000;}
.dropdown:hover .dropdown-menu {display: block;}

/*   SOTW Menu   */
.menu-sotw li {padding-left: 10px; border-left: 1px solid #000; margin-left: 10px;}
.menu-sotw li:first-child {padding-left: 0; border-left: none; margin-left: 0;}
.menu-sotw li a {text-decoration: underline; transition: .25s ease-in-out; font-size: 90%;}
.menu-sotw li a:hover {background: transparent !important; color: #e78d8b !important; text-decoration: underline;}

.navbar {margin-bottom: 0;}
.navbar .btn-navbar {background: none; border: none; box-shadow: none;}
.navbar .btn-navbar:hover {background: rgba(255,255,255,.1);}

.btn-primary {background: #e1251b;}
.btn-primary:hover {background: #750d00;}

.secondary-search {margin: 25px 0;}
.search-box {text-align: right;}
.breadcrumb {background-color: transparent; font-size: 80%; margin: 0; padding: 8px 0;}
.breadcrumb .icon-location {display: none;}
.secondary-search .tooltip {display: none !important;}


/*   Background Images   */
.windshield {height: 800px; width: 100%; background-size: cover; background-position: center; position: relative;}
.windshield_caption {background: rgba(255, 255, 255, 0.9); position: absolute; bottom: 50px; left: 0; right: 0; padding: 15px 0; color: #093266;}
.windshield_caption .span3 {text-align: right;}
.windshield_caption img {max-height: 200px;}
.windshield_caption h1 {font-weight: 300; font-size: 150%;}
.windshield_caption p {font-size: 110%;}
#secondary-bg {padding: 75px 0; width: 100%; background: #eee; background-size: cover;}
.banner-caption {font-size: .75em; color: #999; padding: .5em 1em; line-height: normal;pho}

/*   Home Page Buttons   */
.homebuttons .span3, .homebuttons .span2 {height: 340px; background: #ddd; margin-bottom: 15px; overflow: hidden; position: relative;}
.homebuttons .span2 {height: 250px;}
.homebuttons img {max-width: inherit !important; height: 340px;}
.homebuttons figure {margin: 0;}
.homebuttons .span2 img {height: 250px;}
.homebuttons .homebutton_title {position: absolute; bottom: 0; overflow: hidden; width: 100%; color: #fff; font-weight: 300; font-size: 28px; line-height: 120%; height: 110px; display: table; }
.homebuttons .homebutton_title p {display: table-cell; vertical-align: middle; text-align: center; padding: 0 3%;}
.homebuttons .red {background: rgba(226, 33, 28, 0.75);}
.homebuttons .red:hover {background: rgba(226, 33, 28, 1); text-decoration: none;}
.homebuttons .dark_blue {background: rgba(0, 59, 117, 0.75);}
.homebuttons .dark_blue:hover {background: rgba(0, 59, 117, 1); text-decoration: none;}
.homebuttons .orange {background: rgba(255, 131, 0, 0.75);}
.homebuttons .orange:hover {background: rgba(255, 131, 0, 1); text-decoration: none;}
.homebuttons .cyan {background: rgba(0, 150, 198, 0.75);}
.homebuttons .cyan:hover {background: rgba(0, 150, 198, 1); text-decoration: none;}
.homebuttons .yellow {background: rgba(200, 150, 1, 0.75);}
.homebuttons .yellow:hover {background: rgba(200, 150, 1, 1); text-decoration: none;}
.homebuttons .light_green {background: rgba(143, 191, 11, 0.75);}
.homebuttons .light_green:hover {background: rgba(143, 191, 11, 1); text-decoration: none;}
.homebuttons .purple {background: rgba(124, 37, 130, 0.75);}
.homebuttons .purple:hover {background: rgba(124, 37, 130, 1); text-decoration: none;}
.homebuttons .dark_green {background: rgba(0, 78, 6, 0.75);}
.homebuttons .dark_green:hover {background: rgba(0, 78,6, 1); text-decoration: none;}

.blog .items-row, .blog .items-leading {border-bottom: 1px solid #ddd; padding-bottom: 25px; margin-bottom: 25px;}

/* 20th Anniversary Box */
.twentieth_box {background: #f2f2f2; padding: 12px;}

/*   K2   */
div.itemListCategory {border: none; background: transparent; margin: 0;}
div.catItemView {padding: 0 2.5%;}
div.itemToolbar {display: none;}
.k2-item-extra-info {margin: 25px 0; padding-top: 25px; border-top: 1px solid #eee;}
.k2-item-extra-info .span5 {border-left: 1px solid #eee; border-right: 1px solid #eee; padding: 0 2%;}
span.itemImageCaption, span.itemImageCredits {font-style: oblique; font-size: 85%; color: #aaa; float: none; line-height: 1.4 em;}
#sbcaption {display: none !important;}
.k2Pagination {font-size: 85%;}
.k2Pagination li {margin: 0 5px !important; padding: 5px !important; vertical-align: middle;}
div.k2Pagination ul li a {margin: 0; padding: 0; border: none; vertical-align: baseline;}

#itemListPrimary {margin-top: 25px;}
.itemContainer {width: 25%; font-size: 90%; line-height: 1.3em;}
.itemContainer h3 {font-size: 120%;}
div.catItemImageBlock {margin: 0;}

.tagItemView {width: 22%; display: inline-block; vertical-align: top; padding: 0 1%; font-size: 90%; line-height: inherit; line-height: 1.3em;}
.tagItemView h3 {font-size: 120%; padding: 10px 0 4px 0; margin: 0;}

/*.dmk2maps_bubble_image {overflow: hidden; height: 150px; margin: 10px 0;}
.dmk2maps_bubble_image img {width: 100%;}
.dmk2maps_bubble_title {font-size: 120%;}*/

.K2FilterBlock .buttons {text-align: center;}

.moduletable-k2search .itemListCategoriesBlock {display: none;}
.k2filter-responsive .k2filter-cell {width: 31%;}
.reset-button {background: #003b75; margin-top: 10px; font-weight: normal;}
.reset-button:hover {background: #0f2d4b;}

/*   ShareThis   */
.sharethis-inline-share-buttons {margin-top: 25px;}

/*   Latest News   */
.latestnews {background: #f7f7f7; margin: 0; padding: 5px 25px;}
.latestnews li {list-style: none; font-size: 80%; margin: 20px 0; line-height: 1.3em;}
.latestnews li a {color: #777; font-weight: normal;}

/*   CSS Column Classes   */
.css-col4 {column-count: 4; column-gap: 2.5em;}
.css-col3 {column-count: 3; column-gap: 2.5em;}
.css-col2 {column-count: 2; column-gap: 2.5em;}
	
	
footer {border-top: 20px solid #000000; margin-top: 25px;}
footer .span7 {text-align: center;}
footer .span5 {text-align: center;}
footer .span5 img {text-align: center; max-height: 125px;}

/*   Footer Buttons   */
.donate_button, .customize_your_trip_button, .newsletter_button, .contact_us_button {
    /*border: none;*/
	font-weight: normal;
    color: white;
	width: 390px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 110%;
	margin-bottom: 8px;}

.donate_button:hover, .customize_your_trip_button:hover, .newsletter_button:hover, .contact_us_button:hover {text-decoration: none; color: white; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}

.donate_button {background-color: rgba(124, 37, 130, 1); /* Purple */
	margin:8px 0px 8px 0px;}
.donate_button:hover {
	background-color: rgba(124, 37, 130, .75); /* Purple */
}
.customize_your_trip_button {background-color: rgba(0, 78, 6, 1); /* Green */	
}
.customize_your_trip_button:hover {
	background-color: rgba(0, 78, 6, 1, .75); /* Green */
}
	
/*.donate_button.a {text-decoration: none;}*/
.newsletter_button {background-color: rgba(99, 100, 102, 1); /* Gray */
	}
.newsletter_button:hover {
	background-color: rgba(99, 100, 102, .75); /* Gray */
	}
/*.newsletter_button.a {text-decoration: none;}*/
.contact_us_button {background-color: rgba(226, 33, 28, 1); /* Gray */
    }
.contact_us_button:hover {
	background-color: rgba(226, 33, 28, .75); /* Gray */
}

/* .contact_us_button.a {text-decoration: none;} */
.partners img {margin: 0 8px;}

.copyright {font-size: 14px; color: #000; text-align: center; margin: 25px 0;}


.sw-detroit-home {font-size: 1.25em; line-height: 1.2em;}
.sw-detroit-home p {margin: 0 0 1em 0;}
.sw-detroit-home a {font-size: 1.25em;}
.sw-detroit-home a:hover {color: inherit; opacity: .75; transition: all .25s;}






/*   Making Tracks Timeline   */
.making-tracks-category {background: #fafafa; padding: 1em 1em 0; border-bottom: 1px solid #eee;}
.making-tracks-category article {display: flex;}
.making-tracks-category:nth-of-type(even) {background: none;}
.making-tracks-category:nth-of-type(even) article {flex-direction: row-reverse;}
.making-tracks-category h3 {text-align: center; font-size: 1.75em;}
.making-tracks-category .image-wrap {flex: 1 1 49.5%;}
.making-tracks-category .image-wrap .wrap {/*border: 1px solid #eee;*/ height: 10em; width: 65%; overflow: hidden; margin: 0 1rem 1rem 0; float: right;}
.making-tracks-category:nth-of-type(even) .image-wrap .wrap {margin: 0 0 1rem 1rem; float: left;}
.making-tracks-category .image-wrap .wrap img {width: 100%;}
.making-tracks-category .text-box {flex: 1 1 49.5%; align-self: center;}
.making-tracks-category:nth-of-type(even) .text-box {text-align: right;}
.making-tracks-category .text-box p {padding: 0 1rem;}
.making-tracks-category .text-box .article-title {color: #000; font-size: 1.25em; font-weight: normal;}
.making-tracks-category .text-box label {color: #777;}
.making-tracks-category .timeline {flex: 1 1 1%;}
.making-tracks-tags, .tags {display: inline-block;}
.tags .label {background: #e7e7e7; border: .5px solid #ccc; border-radius: 0; color: #777; font-weight: normal; text-shadow: none; font-size: .6em; padding: .5em .75em;}

.resources-teachers {columns: 2; column-rule: 1px solid #ddd; column-gap: 3em;}
.resources-teachers div {padding: 1em; margin: 1em 0;}
.resources-teachers div:nth-of-type(even) {background: #fafafa;}

.making-tracks-flex {display: flex; flex-wrap: wrap;}
.making-tracks-flex .photo-caption {font: normal .75em/1.25 "Helvetica Neue",Helvetica,Arial,sans-serif; color: #777; display: block; margin: .5em;}
.making-tracks-era {flex: 0 1 18%; margin: 0 1em 1em 0;}
.making-tracks-era:last-of-type {margin-right: 0;}
.making-tracks-era a {cursor: pointer; color: #fff; font-weight: 300; font-size: 24px; line-height: 120%; transition: all ease-in-out .25s; padding: .5rem .5rem .5rem .75rem; display: block; min-height: 4em;}
.making-tracks-era a:hover {opacity: .75; text-decoration: none;}
.making-tracks-era a small {font-size: 60%; display: block; margin-bottom: 0; margin-top: 5px; line-height: normal;}
.making-tracks-era .text {font-size: .8em; line-height: normal; margin: .5em 0;}

.making-tracks-grid {display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto 1fr; grid-gap: 1em;}
.making-tracks-grid a {text-align: center; padding: .5em; cursor: pointer; color: #fff; font-weight: 300; font-size: 28px; line-height: 120%; transition: all ease-in-out .25s; text-transform: uppercase;}
.making-tracks-grid a:hover {text-decoration: none; opacity: .75;}

.more-resources {list-style: none; padding: 0; margin: 0;}
.more-resources li {clear: both; margin: 0 0 1em 0; padding: 0 0 1em 0; border-bottom: 1px solid #eee; display: inline-block;}
.more-resources figure {float: left; margin: 0 1em 1em 0;}

.firms-and-sites {grid-template-columns: repeat(3, 1fr);}
.grid4 {grid-template-columns: repeat(4, 1fr);}
.firms-and-sites .making-tracks-era {margin: 0;}
.firms-and-sites .making-tracks-era img {object-fit: cover; width: 100%; height: 200px;}
.firms-and-sites a {display: flex; justify-content: center; flex-direction: column;}


/*   2024 Formstack   */
.fsSubFieldGroup input {height: 42px}
.gZiXEE {max-width: 100% !important;}






@media (max-width: 1199px) {
	.navbar .nav > li > a {font-size: 90%; padding: 8px 10px;}
	.homebuttons .span3, .homebuttons .span3 img {height: 300px;}
	.homebuttons .span3 .homebutton_title {font-size: 24px;}
    
    .making-tracks-era a {font-size: 21px; min-height: 5em;}
    .making-tracks-grid a {font-size: 21px;}
	}
	
@media (max-width: 980px) {/*   Responsive objects   */
	.embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
	.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	button.finder {display: none;}
	.nav > li {width: 100%;}
	.nav-collapse .dropdown-menu {margin: 0;}
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {border-radius: 0; margin: 0; color: #ededed; text-align: center;font-size: 120%;}
	.menu-sotw li {width: inherit;}
	.navbar-inner {padding: 0; border-radius: 0;}
	.mobile-menu {color: #ccc; display: inline-block !important; text-align: left; font-size: 75%; width: 80%; text-transform: uppercase; padding-top: 6px;}
	.homebuttons .span3, .homebuttons .span3 img {height: 250px;}
	.homebuttons .homebutton_title {font-size: 20px; height: 85px;}
	
	.k2filter-responsive .k2filter-cell {width: 100%; margin: 10px 0;}
	
	.making-tracks-era a {font-size: 18px; min-height: 6em;}
    .making-tracks-grid a {font-size: 18px;}
	}

/*   Mobile Layout   */
@media (max-width: 767px) {
	body {padding: 0;}
	.container {padding: 0 5%;}
	.home-image {margin-bottom: 25px;}
	.windshield_caption {background: none; position: inherit; padding: 15px 0; color: #093266;}
	.windshield_caption .span3 {text-align: center; padding: 15px 0; margin-top: -130px;}
	.random-image img {width: 100%;}
	#secondary-bg {text-align: left; padding: 50px 0}
	.secondary-random-image img {}
	.secondary-logo {text-align: center;}
	.secondary-logo img {height: 200px; margin-top: -100px; width: auto;}
	button.finder {display: inline-block;}
	.secondary-search, .search-box {text-align: center;}
	.homebuttons img {display: none;}
	.homebuttons .span3, .homebuttons .span2 {height: auto; overflow: inherit;}
	.homebuttons .homebutton_title {position: inherit; height: auto; padding: 20px 0 15px 0;}
	.donate_button, .customize_your_trip_button, .newsletter_button, .contact_us_button {width: 100%;}
    
    .css-col2, .css-col3, .css-col4, .resources-teachers {column-count: 1;}
    .resources-teachers img {float: none !important; margin: 0 0 1em !important; width: 100%;}
    
    .making-tracks-flex {flex-direction: column; }
    .making-tracks-era {margin: 0;}
    .making-tracks-flex img {width: 100%;}
    .making-tracks-flex a {font-size: 28px; min-height: inherit; padding: 1em .5em;}
    .making-tracks-grid {grid-template-columns: repeat(2, 1fr);}
	
	/*   K2   */
	.k2-item-extra-info .span5 {border-left: none; border-right: none; padding: 25px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
	}