/* CSS Document */
body {
	background-image:url(../img/subtle_dots.png);
	font-family: 'Josefin Sans', sans-serif;
}

.top-bar {
  background:#ebebeb;
}

.contain-to-grid {
  width: 100%;
  background: #ebebeb; 
}

.top-bar .name h1 a {
font-weight: bold;
color: #ed1c24;
display: block;
padding: 0 15px;
}

h1{font-size:1.875em}
h2{font-size:1.6875em}
h3{font-size:1.143em}
h4{font-size:1.125em}

.top-bar-section li a:not(.button) {
padding: 0 15px;
line-height: 45px;
background:#ebebeb;
color: #404041;
}

.top-bar-section ul li.hover > a {
    background: #939598;
    color: white; }
  .top-bar-section ul li.active > a {
    background: #939598;
    color: white; 
}

.top-bar .toggle-topbar.menu-icon a span {
          position: absolute;
          right: 0;
          display: block;
          width: 16px;
          height: 0;
          -webkit-box-shadow: 0 10px 0 1px #404041, 0 16px 0 1px #404041, 0 22px 0 1px #404041;
          box-shadow: 0 10px 0 1px #404041, 0 16px 0 1px #404041, 0 22px 0 1px #404041; 
}

.top-bar.expanded {
    height: auto;
    background: transparent; }
    .top-bar.expanded .title-area {
      background: #ebebeb; }
    .top-bar.expanded .toggle-topbar a {
      color: #404041; 
}

.logo h1 {
	background:url('../img/cmb-logo-mobile.png') no-repeat;;
	height:189px;
	margin: 50px auto 0;
	width:300px;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.logo_underline {
	margin-top: 50px;
	border-bottom:solid 5px #ed1c24;
}

.header_underline {
	margin-top: 10px;
	border-bottom:solid 5px #ed1c24;
}

.tagline {
	margin: 100px 0 50px 0;
}


@media only screen and (min-width: 58.75em) {

.scroll_btn {
	display: block;
	margin: 0 auto 50px;
	width: 36px;
	height: 28px;
	background:url("../img/ic_sprites.png") -50px -206px;
	text-indent: -99999px;
}
.scroll_btn:hover {
	background-position: -50px -284px;
}
}


/***** COLOR BACKGROUND Styles ******/

.press_page {
	background-color:#e5e5e5;
	min-width: 100%;
    min-height: 100%;
	padding: 42px 0 44px 0;
}

.about_page {
	background-color:#252525;
	min-width: 100%;
    min-height: 100%;
	padding: 42px 0 44px 0;
}

.contact_page {
	background-color:#161616;
	padding: 42px 0 44px 0;
}

.footer_page {
	background-color:#161616;
}

/***** PRESS STYLES REGULAR ******/

.press_margin {
	margin: 7em auto;
	padding: 0;
}

.michigan_btn {
	display: block;
	padding: 0;
	margin: 0 auto;
	width:190px;
	height: 46px;
	background:url(../img/press_icons.png) -50px -1040px;
	text-indent: -99999px;
}
.michigan_btn:hover {
	background-position: -50px -1136px;
}

.details_btn {
	display: block;
	padding: 0;
	margin: 0 auto;
	width: 190px;
	height: 45px;
	background:url(../img/press_icons.png) -50px -252px;
	text-indent: -99999px;
}
.details_btn:hover {
	background-position: -50px -347px;
}

.hispanic_btn {
	display: block;
	padding: 0;
	margin: 0 auto;
	text-align:center;
	width: 190px;
	height: 51px;
	background:url(../img/press_icons.png) -50px -50px;
	text-indent: -99999px;
}
.hispanic_btn:hover {
	background-position: -50px -151px;
}

.mensbook_btn {
	display: block;
	padding: 0;
	margin: 0 auto;
	width: 190px;
	height: 44px;
	background:url(../img/press_icons.png) -50px -442px;
	text-indent: -99999px;
}
.mensbook_btn:hover {
	background-position: -50px -536px;
}

.nbc_btn {
	display: block;
	padding: 0;
	margin: 0 auto;
	width: 190px;
	height: 30px;
	background:url(../img/press_icons.png) -50px -630px;
	text-indent: -99999px;
}
.nbc_btn:hover {
	background-position: -50px -710px;
}

.suntimes_btn {
	display: block;
	padding: 0;
	margin: 0 auto;
	width: 190px;
	height: 75px;
	background:url(../img/press_icons.png) -50px -790px;
	text-indent: -99999px;
}
.suntimes_btn:hover {
	background-position: -50px -915px;
}

/*** ABOUT STYLES ***/


.rsvp_space {
	margin: 50px 0 0;
}

.email_space {
	margin: 30px 0 0;
}

@media only screen and (min-width: 640px) {
	
.logo h1 {
	background:url('../img/cmb-logo.png') no-repeat;;
	height:290px;
	margin: 50px auto 0;
	width:460px;
}
}

@media only screen and (min-width: 768px) {

.paragraph_mobile {
	margin: 0 10px 0 10px;
}

}

@media only screen and (max-width: 768px) {
	
.tagline {
	margin: 50px 0 100px;
}	
	
.press_margin {
	margin: 3em auto;
	padding: 0;
}

.about_img {
	margin: 20px 0;
}

}

@media only screen and (min-width: 1280px) {

.tagline {
	margin: 100px 0;
}		
}


/*** CONTACT STYLES ***/

.light_color {
	color: #e5e5e5;
}
 
.about_img {
	margin: 50px 0;
}

.twitter_btn {
	display: block;
	margin: 50px auto;
	width: 175px;
	height: 65px;
	background:url(../img/ic_sprites.png)-50px -362px;
	text-indent: -99999px;
}
.twitter_btn:hover {
	background-position: -50px -477px;
}

.top_btn {
	display: block;
	margin: 0 auto;
	width: 36px;
	height: 28px;
	background:url(../img/ic_sprites.png) -50px -50px;
	text-indent: -99999px;
}
.top_btn:hover {
	background-position: -50px -128px;
}

.copyrights {
	font-size:0.875em;
	font-weight:300;
	color: #e5e5e5;
}