/*
Theme Name: Mood Meter App
Theme URI: http://moodmeterapp.com/
Author: Hauck Interactive, Inc.
Author URI: http://www.hauckinteractive.com/
Description: Custom theme for Mood Meter site.
Version: 1.0
*/

.home #theApp a, .page-id-37 #theTeam a, .page-id-39 #theProcess a, .page-id-35 #theScience a, #primaryNav .current_page_item a{font-size:23px !important; color:#ecbc11 !important;}
h2{
	color:#000;
}
h3{color:#3399CC;}
#moods{
	width:100%;
	height:115px;
	margin:20px 0;
}
#moods div{
	width:110px;
	height:100px;
	float:left;
	color:#fff;
	text-align:center;
	padding:15px 10px;
	font-size:13px;
	line-height: 14px;
	margin:0 1px 0 0;
}
#moods strong{
	font-size: 20px;
	line-height: 22px;
	display:block;
	color:#fff;
}
.red{background:#c82c21;}
.green{background:#71b12f;}
.blue{background:#2189b7;}
.yellow{background:#ffb600;}

/* HOMEPAGE */
.home #logo{display:none;}
.home #iphone{
	width:300px;
    height:630px;
    top:-84px;
}
.home #column2 .buttons{display:none;}

/* THE PROCESS */
.page-id-39 #main, .page-id-239 #main{background:#fff;}
.page-id-39 #column1{
	width:90%;
}

.page-id-239 .content{
	padding:30px;
}

.page-id-39 .content li{padding-bottom:20px;}
.page-id-39 .content div:after{clear:both;}

.page-id-39 table{
	width:95%;
	margin:0 auto;
}
.page-id-39 td{
	vertical-align: top;
	border-top: 1px solid #ECECEC;
	padding:20px 0;
}
.page-id-39 h3{
	margin-top:0;
}
/* White Background Template */
.page-template-white-background-php #main{background:#fff;}

td.imgholder{padding:20px 20px 20px 0;}

td.imgholder img{
	width:100%;
	height:auto;
	width: 200px;
}

.step{
	padding:40px 0;
	border-top: 1px solid #ECECEC;
}
.step .pic{
	width:25%;
	margin-right:2%;
	float:left;
	text-align: center;
}
.step .pic img{
	width:100%;
	max-width: 200px;
	height:auto;
}
.step .desc{
	width:73%;
	float:right;
}
#footerLinks ul, #footerLinks li{
	margin:0;
	padding:0;
}
#footerLinks li{
	display:inline;
	list-style: none;
}
#footerLinks li:last-child span{display:none;}
#footerLinks span{margin:0 5px;}

.col-50{
	width:48%;
	padding:0 1%;
	float:left;
}


@media all and (max-width: 600px){
    #moods{
	    height: 115px;
	    margin: 20px auto;
	    text-align: center;
	    width: 271px;
	}
	.col-50{
		width:98%;
		padding:0 1%;
		float:left;
	}
}
@media all and (max-width: 480px){
	.step .pic{
		width:100%;
		margin-right:0;
		margin-bottom: 40px;
		float:none;
	}
	.step .desc{
		width:100%;
		float:none;
	}
	td.imgholder img{
		width: 100px;
	}
	td.imgholder img{display:none;}
	.page-id-39 ul{padding:15px;}
	.page-id-39 li{
		font-size:14px;
		line-height:16px;
	}
}