/*
Theme Name:     Michigan Natoa 
Description:    A child theme for the Customizr WordPress theme.
Author:         Motown Digital
Author URI:     https://motowndigital.com
Template:       customizr
Version:        1.0.0
*/

/* Total awesomeness starts right here !
-------------------------------------------------------------- */
h2 {
    margin: 20px 0 !important;
}
h3 {
    margin: 15px 0 !important;
}
h4 {
    margin: 10px 0 !important;
}
h5 {
    font-size: 14px;
    line-height: 18px;
}
/* home page slider
--------------------------------*/
.home-slider {
  border: solid 1px #f79523;
}

/* home page images
--------------------------------*/
.home-img-wrapper {
display: none;
position: relative;
width: 100%;
margin-bottom: 5%;
}

.home-img1 {
display: inline-block;
position: relative;
width: 18%;
margin-right: 14.25%;
}

.home-img2 {
display: inline-block;
position: relative;
width: 18%;
margin-right: 14.25%;
}

.home-img3 {
display: inline-block;
position: relative;
width: 18%;
}

.entry-utility {
display: none;
}

/* header logo
--------------------------------*/
img {
    max-width: 180%;
    height: auto;
    vertical-align: middle;
    border: 0px none;
}

/* header space
--------------------------------*/
.tc-header {
    height: 140px;
    background: none repeat scroll 0% 0% #FFF;
    border-bottom: none;
    border-top: 5px solid #F78C40;
    z-index: 200;
    overflow: visible;
}

/* navigation bar
--------------------------------*/
.navbar {
    float: right;
    width: 700px;
    margin-top: -25px;
    margin-bottom: 10px;
}

/* navigation font
--------------------------------*/

.navbar .nav>li>a:first-letter {
font-size: 16px;
}

.navbar .nav>li>a {
padding: 5px 15px;
font-size: 16px;
}

/* Front Page Buttons - Careful!
--------------------------------*/
.row-fluid [class*="span"] {
    min-height: 1px;
    margin-left: 0px;
    width: 50%;
}


/* forum container width
--------------------------------*/
.row-fluid [class*="span12"] {
    min-height: 1px;
    margin-left: 0px;
    width: 100%;
}

/* top display page navigation
--------------------------------*/
.breadcrumb-trail.breadcrumbs {
display: none;
}

/* social icons top 
--------------------------------*/
.social-block.span5 {
    display: inline-block;
    float: right;
    font-size: 2.0em;
    margin-bottom: 25px;
}

/* social icons top
--------------------------------*/
.row-fluid .span5 {
width: 35%;
}

/* social icons left sidebar title
--------------------------------*/
h3.widget_title {
    display: none;
}

/* left sidebar 
--------------------------------*/
.span3 {
    width: 220px;
    margin-top: 55px;
}

/* Twitter Feed Font Style
--------------------------------*/
ul.light li.tweets_avatar .tweet_data {
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 20px;
}

/* front page positioning 
--------------------------------*/
.row-fluid .span9 {
    width: 100%;
    margin-top: -135px;
}

/* page content positioning
--------------------------------*/
#content.span9.article-container {
    padding: 5px 0 0 0;
    /*padding: 35px 0 0 0;*/
}

/* posts page comments link
--------------------------------*/
.comments-link {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    position: static;
    bottom: 10px;
}

/* icon next to heading title
--------------------------------*/
.format-icon:Before {
    display: none;
}

/* feature pages row width
--------------------------------*/
.row-fluid .span13 {
    position: relative;
}

/* feature pages wrapper
--------------------------------*/
.row .widget-area{

}

/* feature pages sizing
--------------------------------*/
.widget-front .thumb-wrapper {
    width: 250px;
    height: 270px;
    padding: 0 0 0 10px;
    margin-left: 0px;
    float: left;
}

/* feature page one BOX
--------------------------------*/
.span13 .fp-one-box {
    display: inline-block;
}

/* feature page two BOX
--------------------------------*/
.span13 .fp-two-box {
    display: inline-block;
}


/* Orange Button 
--------------------------------*/
.btn-primary {
    width: 90%;
    margin: 10px 0 0 20px;
    padding: 20px 0 20px 0;
    font-size: 1.25em;
}

/* remove navbar box 
--------------------------------*/
.navbar .navbar-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    background:         none;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    float: right;
}

/* Reduce whitespace
--------------------------------*/
#main-wrapper {
    margin-bottom: 0px;
}

/* social icons footer
--------------------------------*/
footer#footer .colophon .social-block a {
    color: #5A5A5A;
    text-shadow: 0px 0px 0px #FFF;
    font-size: 2em;
}

#main-wrapper .widget li {
    line-height: 18px !important;
    border-bottom: 1px solid #EEE !important;
    position: relative !important;
    margin-bottom: 15px !important;
}

/* ================================================================================================ */
/* Responsive - Media queries                                                                       */
/* ================================================================================================ */


/* ---------------------------------------------- */
/*                                      1159x1025 */
/* ---------------------------------------------- */
@media (max-width: 1175px) and (min-width: 1025px) {

/* navigation bar
--------------------------------*/
.navbar {
    float: right;
    width: 700px;
    margin-top: 30px;
    margin-bottom: 15px;
}

/* navigation font
--------------------------------*/

.navbar .nav>li>a:first-letter {
font-size: 15px
}

.navbar .nav>li>a {
padding: 5px 10px;
font-size: 15px;
}

/* widgets
--------------------------------*/

.widget-front .thumb-wrapper {
    height: 270px;
    width: 250px;
}

.brand.span3 {
height: 140px;
}

/* left sidebar
--------------------------------*/
.span3.left.tc-sidebar {
    width: 25%;
    float: left;
}

/* feature pages row width
--------------------------------*/
#content.span9.article-container {
    width: 70%;
}

/* social icons footer
--------------------------------*/
footer#footer .colophon .social-block a {
    color: #5A5A5A;
    text-shadow: 0px 0px 0px #FFF;
    font-size: 2em;
}
}

/* ---------------------------------------------- */
/* iPad Portrait                                  */
/*                                       768x1024 */
/* ---------------------------------------------- */
@media (max-width: 1024px) and (min-width: 979px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */


img {
    max-width: 180%;
    height: auto;
    vertical-align: middle;
    border: 0px none;
    float: left;
}

.tc-header {
    height: 140px;
    background: none repeat scroll 0% 0% #FFF;
    border-bottom: none;
    border-top: 5px solid #F78C40;
    z-index: 200;
    overflow: visible;
}

/* navigation bar
--------------------------------*/
.navbar {
    float: right;
    margin-top: -10px;
padding: 0 0 10px 0;
}

/* navigation font
--------------------------------*/

.navbar .nav>li>a:first-letter {
font-size: 14px;
}

.navbar .nav>li>a {
padding: 5px 10px;
font-size: 14px;
}

/* navigation drop down
--------------------------------*/
.nav-collapse.tc-hover-menu-wrapper {
    width: 200%;
}

.span9 {
    width: 100%
}

.widget-front .thumb-wrapper {
    height: 270px;
    width: 250px;
}

/* left sidebar
--------------------------------*/
.span3.left.tc-sidebar {
    width: 25%;
}

/* feature pages row width
--------------------------------*/
#content.span9.article-container {
    width: 65%;
}

/* social icons footer
--------------------------------*/
footer#footer .colophon .social-block a {
    color: #5A5A5A;
    text-shadow: 0px 0px 0px #FFF;
    /*font-size: 2em;*/
}
}

/* ---------------------------------------------- */
/*                                        979x768 */
/* ---------------------------------------------- */
@media (max-width: 979px) and (min-width: 768px) {

img {
float: left;
}

/* social icons top 
--------------------------------*/
.social-block a {
    /*font-size: 2em;*/
}

.navbar .navbar-inner .social-block {
margin-top: 5px;
}

/* social icons top margins 
--------------------------------*/
.navbar-inner .social-block {
    margin: 5px 0px 0px 0px;
}

/* navigation bar
--------------------------------*/
.navbar .navbar-inner {
    background: none repeat scroll 0% 0% transparent;
    box-shadow: none;
    float: right;
    margin-top: -70px;
}

/* navigation drop down
--------------------------------*/
.nav-collapse.tc-hover-menu-wrapper {
    width: 150%;
}

.tc-header .brand {
float: left;
}

/* left sidebar
--------------------------------*/
.span3.left.tc-sidebar {
    width: 25%;
}

/* feature pages row width
--------------------------------*/
#content.span9.article-container {
    width: 65%;
}

/* Home Page Button Width
--------------------------------*/
.row-fluid [class*="span"] {
    min-height: 1px;
    margin-left: 0px;
    width: 100%;
}

/* Orange Button 
--------------------------------*/
.btn-primary {
    width: 100%;
    margin: 10px 0 0 20px;
    padding: 20px 0 20px 0;
    font-size: 1.25em;
}

/* feature page one CIRCLE
--------------------------------*/
.span13.fp-one-circle {
    display: none;
}

/* feature page one BOX
--------------------------------*/
.span13.fp-one-box {
    display: block;
    width: 100%;
    margin: 0 auto;
}

/* feature page two CIRCLE
--------------------------------*/
.span13.fp-two-circle {
    display: none;
}

/* feature page two BOX
--------------------------------*/
.span13.fp-two-box {
    display: block;
    width: 100%;
}

/* feature page three CIRCLE
--------------------------------*/
.span13.fp-three-circle {
    display: none;
}

/* feature page three BOX
--------------------------------*/
.span13.fp-three-box {
    display: block;
    width: 100%;
}

/* feature page four CIRCLE
--------------------------------*/
.span13.fp-four-circle {
    display: none;
}

/* feature page four BOX
--------------------------------*/
.span13.fp-four-box {
    display: block;
    width: 100%;
}

/* feature page five CIRCLE
--------------------------------*/
.span13.fp-five-circle {
    display: none;
}

/* feature page five BOX
--------------------------------*/
.span13.fp-five-box {
    display: block;
    width: 100%;
}

/* social icons footer
--------------------------------*/
footer#footer .colophon .social-block a {
    color: #5A5A5A;
    text-shadow: 0px 0px 0px #FFF;
    /*font-size: 2em;*/
}
}

/* ---------------------------------------------- */
/*                                            767 */
/* ---------------------------------------------- */
@media (max-width: 767px) {

#main-wrapper {
    margin-top: 35px !important;
}

/* home page slider
--------------------------------*/
.home-slider {
  border: none;
}

img {
float: left;
}

/* social icons top 
--------------------------------*/
.social-block a {
    font-size: 2em;
}

/* social icons top margins 
--------------------------------*/
.navbar-inner .social-block {
    margin: 5px 0px;
}

/* navigation bar
--------------------------------*/
.navbar .navbar-inner {
    background: none repeat scroll 0% 0% transparent;
    box-shadow: none;
    float: right;
    margin-top: -62px;
}

/* navigation drop down
--------------------------------*/
.nav-collapse.tc-hover-menu-wrapper {
    width: 200%;
}

/* left sidebar
--------------------------------*/
.span3.left.tc-sidebar {
    width: 25%;
}

/* feature pages row width
--------------------------------*/
#content.span9.article-container {
    width: 65%;
}

/* Orange Button 
--------------------------------*/
.btn-primary {
    width: 100%;
    margin: 10px 0 0 20px;
    padding: 20px 0 20px 0;
    font-size: 1.25em;
}

/* feature page one CIRCLE
--------------------------------*/
.span13.fp-one-circle {
    display: none;
}

/* feature page one BOX
--------------------------------*/
.span13.fp-one-box {
    display: block;
    width: 100%;
    margin: 0 auto;
}

/* feature page two CIRCLE
--------------------------------*/
.span13.fp-two-circle {
    display: none;
}

/* feature page two BOX
--------------------------------*/
.span13.fp-two-box {
    display: block;
    width: 100%;
}

/* feature page three CIRCLE
--------------------------------*/
.span13.fp-three-circle {
    display: none;
}

/* feature page three BOX
--------------------------------*/
.span13.fp-three-box {
    display: block;
    width: 100%;
}

/* feature page four CIRCLE
--------------------------------*/
.span13.fp-four-circle {
    display: none;
}

/* feature page four BOX
--------------------------------*/
.span13.fp-four-box {
    display: block;
    width: 100%;
}

/* feature page five CIRCLE
--------------------------------*/
.span13.fp-five-circle {
    display: none;
}

/* feature page five BOX
--------------------------------*/
.span13.fp-five-box {
    display: block;
    width: 100%;
}

/* social icons footer
--------------------------------*/
footer#footer .colophon .social-block a {
    color: #5A5A5A;
    text-shadow: 0px 0px 0px #FFF;
    font-size: 2em;
}
}

/* ---------------------------------------------- */
/*                                        767x600 */
/* ---------------------------------------------- */
@media (max-width: 767px) and (min-width: 600px) {

img {
float: left;
}

/* social icons top 
--------------------------------*/
.social-block a {
    display: none;
}

/* social icons top margins 
--------------------------------*/
.navbar-inner .social-block {
    margin: 5px 0px;
}

/* navigation bar
--------------------------------*/
.navbar .navbar-inner {
    background: none repeat scroll 0% 0% transparent;
    box-shadow: none;
    float: right;
    margin-top: -62px;
}

/* navigation drop down
--------------------------------*/
.nav-collapse.tc-hover-menu-wrapper {
    width: 300%;
}

/* left sidebar
--------------------------------*/
.span3.left.tc-sidebar {
    width: 100%;
}

/* 
--------------------------------*/
#content.span9.article-container {
    width: 100%;
}

/* feature pages row width
--------------------------------*/
.row-fluid .span13 {
    width: 100%;
}

/* Orange Button 
--------------------------------*/
.btn-primary {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 20px 0 20px 0;
    font-size: 1.25em;
}

/* Home Page Button Width
--------------------------------*/
.row-fluid [class*="span"] {
    min-height: 1px;
    margin-left: 0px;
    width: 100%;
}

/* feature page one CIRCLE
--------------------------------*/
.span13.fp-one-circle {
    display: none;
}

/* feature page one BOX
--------------------------------*/
.span13.fp-one-box {
    display: block;
    width: 100%;
}

/* feature page two CIRCLE
--------------------------------*/
.span13.fp-two-circle {
    display: none;
}

/* feature page two BOX
--------------------------------*/
.span13.fp-two-box {
    display: block;
    width: 100%;
}

/* feature page three CIRCLE
--------------------------------*/
.span13.fp-three-circle {
    display: none;
}

/* feature page three BOX
--------------------------------*/
.span13.fp-three-box {
    display: block;
    width: 100%;
}

/* feature page four CIRCLE
--------------------------------*/
.span13.fp-four-circle {
    display: none;
}

/* feature page four BOX
--------------------------------*/
.span13.fp-four-box {
    display: block;
    width: 100%;
}

/* feature page five CIRCLE
--------------------------------*/
.span13.fp-five-circle {
    display: none;
}

/* feature page five BOX
--------------------------------*/
.span13.fp-five-box {
    display: block;
    width: 100%;
}

/* social icons footer
--------------------------------*/
footer#footer .colophon .social-block a {
    color: #5A5A5A;
    text-shadow: 0px 0px 0px #FFF;
    font-size: 2em;
}
}

/* ---------------------------------------------- */
/*                                        599x50  */
/* ---------------------------------------------- */
@media screen and (min-width: 50px) and (max-width:599px) {

/* header logo
--------------------------------*/
img {
    /*width: 200px;*/
    /*float: left;*/
    margin-top: 0px;
}

.tc-header .brand a {
width: 200px;
float: left;
}

.site-logo {
max-width: 150px;
}

.nav-collapse.tc-hover-menu-wrapper {
    width: 475%;
}
.tc-header {
height: 80px;
/*height: 63px;*/
}

/* social icons top 
--------------------------------*/
.social-block a {
    display:none;
}

/* navigation bar
--------------------------------*/
.navbar .navbar-inner {
    background: none repeat scroll 0% 0% transparent;
    box-shadow: none;
    float: right;
    margin-top: -50px;
}

/* left sidebar
--------------------------------*/
.span3.left.tc-sidebar {
    position: relative;
    margin: 0 auto;
    width: 100%;
}

/* Orange Button 
--------------------------------*/
.btn-primary {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 20px 0 20px 0;
    font-size: 1.25em;
}

/* Home Page Button Width
--------------------------------*/
.row-fluid [class*="span"] {
    min-height: 1px;
    margin-left: 0px;
    width: 100%;
}

/* 
--------------------------------*/
#content.span9.article-container {
    width: 100%;
}

/* feature pages row width
--------------------------------*/
.row-fluid .span4 {
    max-width: 100%;
}

/* feature page one CIRCLE
--------------------------------*/
.span13.fp-one-circle {
    display: none;
}

/* feature page one BOX
--------------------------------*/
.span13.fp-one-box {
    display: block;
    width: 100%;
}

/* feature page two CIRCLE
--------------------------------*/
.span13.fp-two-circle {
    display: none;
}

/* feature page two BOX
--------------------------------*/
.span13.fp-two-box {
    display: block;
    width: 100%;
}

/* feature page three CIRCLE
--------------------------------*/
.span13.fp-three-circle {
    display: none;
}

/* feature page three BOX
--------------------------------*/
.span13.fp-three-box {
    display: block;
    width: 100%;
}

/* feature page four CIRCLE
--------------------------------*/
.span13.fp-four-circle {
    display: none;
}

/* feature page four BOX
--------------------------------*/
.span13.fp-four-box {
    display: block;
    width: 100%;
}

/* feature page five CIRCLE
--------------------------------*/
.span13.fp-five-circle {
    display: none;
}

/* feature page five BOX
--------------------------------*/
.span13.fp-five-box {
    display: block;
    width: 100%;
}

/* social icons footer
--------------------------------*/
footer#footer .colophon .social-block a {
    color: #5A5A5A;
    text-shadow: 0px 0px 0px #FFF;
    font-size: 2em;
}
}