/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

.home, p, li, input, button, h1, h2, h3, h4, h5, h6, .post .title, .page .title, .entry, .entry p, #footer, #footer p, .widget h3, .widget, .widget p, .widget ul, #top ul.nav li a, ul.nav li a, .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction, body #wrapper #content .button, .nav-entries a, .woo-pagination {
	font-family: 'Avenir Next',sans-serif;
	font-style: normal;
}
form { text-align: center; }
form input {
	width: 90%;
	text-align: center;
	background-color: #f8f8f8;
	border: none;
	padding: 8px;
	font-size: .9em;
	margin: .3em 0;
	border: 1px solid #333;
}
form button {
	margin: 1em 0 0 0;
	background-color: #fff;
	border: 2px solid #00eae2;
	padding: .8em 3em;
	text-transform: uppercase;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	letter-spacing: 1px;
	font-size: .9em;
	font-weight: 800;
}

/* MENU */
ul.nav li a { }
ul.nav li a:hover {  text-decoration: underline; }
#nav-container, ul.nav { 
	padding-right: 0!important;
	margin-right: 0!important;
}
#menu-item-195 a { color: #ff2566; }


#text-3 img { margin-bottom: 36px; }
p.terms { 
	font-size: 10px;
	max-width: 250px;
}
p.copyright { 
	text-transform: uppercase;
	letter-spacing: 1px;
}


#intro-line { 
	padding: 2em 0;
	background-color: #f5f5f5;
}
#intro-line p {
	font-size: 1.6em;
	text-align: center;
	padding-top: .5em;
}
#text-2 {
	background-color: #ef4a98;
	padding: 1.618em;
	text-align: center;
}
#text-2 h3 { 
	color: #fff;
	font-size: 1.4em;
	border: none;
}
.widget h3 {
	text-align: center;
	color: #fff;
	font-weight: 800;
	margin-bottom: 1em;
}
#text-2 form input {
	margin: 0;
	width: 90%;
	text-align: center;
	background-color: #fff;
	border: none;
	padding: 8px;
	font-size: .9em;
}
#text-2 form button {
	margin: 0;
	background-color: #f7a4cb;
	padding: 8px 20px;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	letter-spacing: 1px;
	font-size: .7em;
	font-weight: 700;
}
#text-2 p {
	color: #fff;
	font-size: 1.3em;
	text-align: center;
}
#text-2 p a {
	font-weight: 800;
	color: #f7a4cb;
}
#signup { 
	background-color: #ef4a98;
	padding: .5em 0;
}
.blogheader { padding-bottom: 2em; }
.page-template-template-blog-php h1, .blogheader { text-align: center; }
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper .top_label textarea.textarea {
	border: 2px solid #00eae2;
	background-color: #f8f8f8;
}
.gform_wrapper .top_label textarea.textarea {
	width: 96%!important;
	padding: 1em!important;
}
body #wrapper #content input.gform_button {
	width: auto;
	font-size: 12px!important;
	letter-spacing: 2px;
	padding: 1em 2.5em!important;
	background: #fff!important;
	margin-bottom: 2em;
}
body #wrapper #content input.gform_button:hover {
	background: #ef4a98!important;
}
.gform_wrapper .gform_footer {
	margin: 0;
	padding: 0;
	text-align: center;
}
#top {
	background: rgba(0,234,226,0.3);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}
#top ul.nav li a {
	font-weight: 800;
	text-transform: uppercase;
}
body #wrapper #content .button {
	background: #a0ec6f!important;
	text-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	font-size: 15px!important;
	text-transform: uppercase;
	padding: 1em 3em;
	color: #000!important;
	margin-top: 2em;
	font-family: 'Open Sans', arial, sans-serif;
}

/* WELCOME POPUP BOX */
#wpwm_popBox {
	background-color: #ef4a98;
	text-align: center;
}
#wpwm_popBox h3 { 
	text-align: center;
	color: #fff;
	font-size: 1em;
	padding-top: .3em;
}
#wpwm_popBox p {
	color: #fff;
	padding-bottom: .4em;
}
#wpwm_popBox .bottomcontainerBox { display: none; }
#wpwm_popBox form { padding-top: 0.5em;}

/* VIDEO OVERLAY */
.ppt { display: none!important; }

/* PAGES */
.page .title {
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 2em;
}

/* FRONT PAGE */
.side h3 { color: #009cff#009cff!important; }
.bottomrow h3 { color: #8e44ad; }

/* FOOTER */
.block .widget h3 {
	color: #333333;
	padding-bottom: 3px;
	margin: 0;
	letter-spacing: 1px;
	text-align: left;
	text-transform: uppercase;
	margin-top: 87px;
}
.block .widget ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.block .widget ul li a {
	color: #333333;
	padding-bottom: 3px;
	margin: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 400;
}

/* PREMIUM PT */
body.page-id-194 { background-color: #a0ec6f; }
body.page-id-194 h1.title { display: none; }
body.page-id-194 .wp-image-232 { 
	margin-top: 3em;
	margin-bottom: 2em; 
}
body.page-id-194 .entry h2 {
	font-weight: 300;
	font-size: 2em;
	margin-bottom: 1em;
}
#pt .entry p, #pt .wp-image-235 { margin-bottom: 0; }
#ptfeatures { padding: 3em 0; }
#ptfeatures .fourcol-one {
	text-align: center;
	font-weight: bold;
	color: #4bb0e1;
	margin-bottom: 1%;
	margin-top: 1%;
}
#ptfeatures .fourcol-one img {
	width: auto;
	height: 80px;
	margin: 15px auto;
}
#ptfeatures .entry p { 
	clear: both;
	font-size: 1.2em;
	font-weight: 500;
}
#ptfeatures .entry h3 {
	margin-bottom: 2em;
	margin-top: 1em;
}
#ptfaq { padding: 3em 0; }
a.yearlink {
	color: #000!important;
	font-size: 12px;
	font-weight: 500;
	padding: 0 1em;
}

/* ABOUT */
.page-id-81 {
	background: transparent url('http://www.bodywiseapp.com/wp-content/uploads/2014/03/melbourne.jpg') no-repeat top center;
	background-size: 100% auto;
}
.page-id-81 #header-container { background-color: rgba(255,255,255,.1); }
.page-id-81 ul.nav li a { color: #fff; }
.page-id-81 #navigation ul.nav li.current-menu-item a { 
	background-color: rgba(0,0,0,0.08)!important;
	color: #fff!important;
}
#aboutintro, #team, #jobs, #mission, #quickfacts { padding: 3em 0; }
#melbourne { 
	background: none!important;
	padding: 8em 0;
}
#melbourne p {
	color: #fff;
	font-size: 25px;
	margin-bottom: 0;
}
#mission h4 {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000;
	line-height: 1em;
	margin-bottom: 2em;
	margin-top: 1em;
}
#mission h4 span {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: .5em 0;
}
#mission p {
	text-align: center;
	font-size: 1.5em;
	font-style: italic;
	font-weight: 500;
	margin-bottom: 0;
}
#aboutintro h3 {
	clear: both;
	margin-bottom: 1.5em;
}
#aboutintro h5, #quickfacts h5 { 
	margin-bottom: 2.5em;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#aboutintro h5 span, #quickfacts h5 span {
	padding-bottom: .5em;
	border-bottom: 1px solid #000;
	padding-right: 5em;
}

/* PRESS */

.page-id-97 {
	background: transparent url('http://www.bodywiseapp.com/wp-content/uploads/2014/03/press.jpg') no-repeat top center;
	background-size: 100% auto;
}
.page-id-97 #header-container { background-color: rgba(255,255,255,.1); }
.page-id-97 ul.nav li a { color: #fff; }
.page-id-97 #navigation ul.nav li.current-menu-item a { 
	background-color: rgba(0,0,0,0.08)!important;
	color: #fff!important;
}
.page-id-97 .page .title { 
	color: #fff;
	margin-bottom: 6.5em;
	margin-top: 4.5em;
}
.page-id-97 #content .entry {
	overflow: hidden;
	background: #fff;
	padding-top: 1em;
}
#gform_wrapper_3 .gfield { margin-bottom: 15px; }
#gform_wrapper_3 .top_label input.medium, #gform_wrapper_3 .top_label textarea.textarea { 
	width: 97%!important;
	border: 2px solid #00eae2;
	background: #fff;
}
#gform_wrapper_3 .top_label #input_3_5.textarea { width: 90%!important; }

/* CONTACT US */
.page-id-69 { background: #00eae2 url('http://www.bodywiseapp.com/wp-content/uploads/2014/03/big-logo-bg.jpg') no-repeat top left; }
.page-id-69 .page .title { color: #fff; }

/* FAQ */
.page-id-101 h4 {
	color: #ff2566;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
#faqpt { 
	padding: 4em 0 3em 0;
	margin: 3em 0;
}
#faqpt .entry h4, #faqpt .entry, #faqpt .entry p { color: #000; }


/* SIGN UP */
.page-id-344 { background: #00eae2 url('http://www.bodywiseapp.com/wp-content/uploads/2014/03/big-logo-bg.jpg') no-repeat top left; }
#earlyaccess { margin: 1em auto 3em auto; }
#earlyaccess button { border-color: #333; }

/* JOBS */
#jobroles, #jobsfaq { padding: 3em 0; }
#jobroles h4 { color: #fff; }
#jobroles hr { 
	background-color: #fff;
	margin: 2.5em 0 2em 0;
}
#jobsfaq h2 { margin-bottom: 1em; }

/* 2.1 UPDATE PAGE */
#new-features { 
	overflow: hidden;
}
#new-features .col-full div {
	width: 25%;
	float: left;
	text-align: center;
	padding: 6em 0;
	background-size: 100% 100%;
}
#new-features .col-full div h5 {
	text-align: center;
	color: #fff;
	font-size: 18px;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
}
#new-features .col-full { max-width: 100%!important; }
#new-features #boxintro { background: #00ffa4; }
#new-features #boxintro h5 { 
	color: #555555;
	text-shadow: none;
}
#new-features #boxintro h5 a {
	text-decoration: underline;
	color: #555555;
}
#new-features #boxintro h5 a:hover { color: #000; }
#new-features #boxyoga { background: #ffffff url('http://www.bodywiseapp.com/wp-content/uploads/2014/10/box-yoga.jpg') no-repeat center center; }
#new-features #boxnutrition { background: #ffffff url('http://www.bodywiseapp.com/wp-content/uploads/2014/10/box-nutrition.jpg') no-repeat center center; }
#new-features #boxgeneralUI { background: #ffffff url('http://www.bodywiseapp.com/wp-content/uploads/2014/10/box-generalUI.jpg') no-repeat top center; }

#new-features #boxyoga h5 { 
	background: transparent url('http://www.bodywiseapp.com/wp-content/uploads/2014/10/soft-green-arrow.png') no-repeat -1px center;
	background-size: auto 100%;
}

/* BLOG */
.page-template-template-blog-php .post {
		width: 100%;
		margin: 0;
		padding: 0;
		background: #f8f8f8;
	}
.post-meta {
	text-transform: uppercase;
	letter-spacing: 2px;
}
.category-company-news .categories a {  }
.category-feeling-good .categories a { color: #30b4ff; }
.category-inside-bodywise .categories a { color: #04f7a4; }
.category-features .categories a { color: #8e44ad; }
.category-training-tips .categories a { color: #ff2566; }



/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */
	
	form {
		margin: 0 auto;
		max-width: 60%;
	}
	.threecol-one form { max-width: 100%; }
	#logo { 
		max-width: 40%;
		padding-top: 2em;
	}
	#nav-container {
		float: right;
		padding-top: 1.9em;
		margin-bottom: 2.2em;
	}
	ul.nav li a {
		text-transform: uppercase;
		padding: 1em 1.7em;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	#navigation ul.nav > li a:hover, #navigation ul.cart > li:hover, #navigation ul.cart > li > ul > div, #navigation ul.nav li.current_page_item a, #navigation ul.nav li.current_page_parent a, #navigation ul.nav li.current-menu-ancestor a, #navigation ul.nav li.current-cat a, #navigation ul.nav li.current-menu-item a { background-color: rgba(0,0,0,0.03)!important; }
	#navigation ul.nav > li a:hover, #navigation ul.nav li.current_page_parent a, #navigation ul.nav li.current-menu-ancestor a, #navigation ul.nav li.current-cat a, #navigation ul.nav li.current-menu-item a {
		border-radius: 20px!important;
		-moz-border-radius: 20px!important;
		-webkit-border-radius: 20px!important;
	}
	
	#top form input { width: 25em!important; }
	#box-row div { 
		width: 8.3333333%;
		font-size: 1em;
	}
	.two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main { width: 70.8%; }
	.two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #sidebar {
		width: 24.91%;
		margin-top: 7.5em;
	}
	.single .post-meta { display: none; }
	.bottomcontainerBox { margin-bottom: 1em; }
	.single #header-container { margin-bottom: 1.3em;}
	#signup h3 {
		color: #fff;
		float: left;
		font-weight: 800;
		margin: 0;
		padding: 0;
		font-size: 1.1em;
		max-width: 51%;
		margin-top: .3em;
	}
	#signup form {
		float: right;
		width: 47%;
		text-align: right;
		margin: 0;
		padding: 0;
	}
	#signup form input {
		width: 21em!important;
		text-align: left;
		padding: 6px 12px;
		line-height: 1.4em;
	}
	.article img.woo-image { 
		margin-bottom: 0;
		border: 1px solid #f8f8f8!important;
	}
	.product-row {
		border-bottom: 1px solid #E7E4E4;
	}
	.product-row p {
		font-size: 1.4em;
		margin-bottom: .7em;
	}
	.product-row h3 {
		text-align: left;
		color: #ff2566;
		padding-top: 3em;
		font-size: 2em;
	}
	.left {
		
	}
	.right {
		
	}
	.right img {
		float: right;
		padding-left: 5em;
		padding-top: 2em;
	}
	.left img {
		float: left;
		padding-right: 5em;
		padding-top: 2em;
	}
	.side img { padding-bottom: 2em; }
	.side h3 {  padding-top: 1.9em; }
	.bottomrow h3 { color: #8e44ad; }
	.video-button {
		float: left;
		padding-right: 1em;
	}
	
	#track, #devices, #social, #inbox, #bodywisept { height: 360px; }
	
	#hero .threecol-two.last { margin-bottom: 0; }
	
	/* BLOG POSTS */
	.single .entry p, .single .entry ol, .single .entry ul, .single .entry h3 { 
		margin: 0 auto 1em auto;
		max-width: 60%;
	}
	.single .entry ol, .single .entry ul { padding-left: 4em;  }
	.post .title { margin: .4em 0 1.4em 0; }
	.post .title, .bottomcontainerBox { text-align: center; }
	.bottomcontainerBox div { 
		display: inline-block;
		float: none!important;
		text-align: left;
	}
	.post-utility, .post-entries { display: none; }
	.page-template-template-blog .post .title {
		text-align: left;
		padding-top: 2em;
		margin-bottom: .3em;
	}
	.page-template-template-blog .entry { padding-right: 30px; }
	.page-template-template-blog .post-more {
		float: left;
		clear: none;
		margin-top: 2em;
	}
	.page-template-template-blog .post-more a {
		border: 2px solid #00eae2;
		border-radius: 50px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		padding: .8em 2em;
		color: #555;
		font-size: 1em;
		font-weight: 800;
		text-transform: uppercase;
	}
	.post-edit-link { display: none!important; }
	.nav-entries a, .woo-pagination {
		margin-top: 2em;
		font-size: 20px;
	}
	.woo-pagination span.current { color: #04f7a4; }
	.woo-pagination a { color: #8e44ad!important; }
	
	/* 2.1 UPDATE PAGE */
	#yoga, #nutrition { padding-bottom: 5em; }
	#yoga { background: #ffffff url('http://www.bodywiseapp.com/wp-content/uploads/2014/09/yoga-compressor.jpg') no-repeat center center; }
	#yoga .entry p { 
		color: #fff;
		text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
		font-size: 20px;
		font-weight: 500;
	}
	#yoga .entry h3 {
		text-transform: uppercase;
		color: #fff;
		font-size: 4em;
		margin-top: 4em;
		text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
	}
	#yoga img { margin: 0; }
	
	
	#nutrition { background: #ffffff url('http://www.bodywiseapp.com/wp-content/uploads/2014/09/track-food.jpg') no-repeat center center; }
	#nutrition .entry p { 
		color: #fff;
		text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
		font-size: 20px;
		font-weight: 500;
	}
	#nutrition .entry h3 {
		text-transform: uppercase;
		color: #00eae2;
		font-size: 3em;
		margin-top: 4em;
		text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
	}
	#nutrition img { margin: 0; }
	#generalUI { background: #ffffff url('http://www.bodywiseapp.com/wp-content/uploads/2014/10/running-compressor.jpg') no-repeat top center; }
	#generalUI .entry p { 
		color: #fff;
		text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
		font-size: 20px;
		font-weight: 500;
	}
	#generalUI .entry h3 {
		text-transform: uppercase;
		color: #fff;
		font-size: 3em;
		margin-top: 5em;
		text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
	}
	#introvideo {
		
	}
	#introvideo h2 { 
		margin-top: 3em;
		margin-bottom: 1em;
	}
	#introvideo iframe { 
		float: left;
		margin-right: 2em;
	}
	#introvideo .entry p { font-size: 17px; }
	
	/* VIDEO */
	div.pp_pic_holder {
		width: 100%!important;
		height: 100%!important;
		left: 0!important;
		top: 0!important;
	}
	div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right, div.ppt { display: none; }
	div.pp_default .pp_content_container .pp_left, div.pp_default .pp_content_container .pp_right {
		padding: 0;
		background: none;
		height: 100%;
	}
	.pp_content_container {
		padding: 2%;
		width: auto;
		height: 90%;
	}
	div.pp_default .pp_content {
		width: 100%!important;
		height: 100%!important;
		background: none;
	}
	div.pp_default .pp_close {
		position: fixed;
		top: 30px;
		right: 30px;
	}
	.pp_fade, #pp_full_res { height: 100%; }
	#pp_full_res iframe {
		width: 100%;
		height: 95%;
	}
	div.pp_overlay { opacity: 0.9!important; }
	
	
}






/* NEW NEW NEW NEW NEW */

#content { padding: 0!important; }
.entry img, img.thumbnail, #portfolio .group.portfolio-img img {
	border: none;
	padding: 0;
	background: none;
}
img.thumbnail { 
	margin-top: 0;
	margin-bottom: 0;
}
img.thumbnail.alignleft { margin-right: 30px; }
#logo img { max-width: 140px; }

/* FOOTER */
#footer-widgets.col-4 .block.footer-widget-1 { width: 39%; }
#footer-widgets.col-4 .block { 
	width: 15%;
	margin-top: 2em;
}

/* HOME */
body.home {
	background: url('http://www.bodywiseapp.com/wp-content/uploads/2015/07/v3-hero-running-bg-lighter-short.jpg') no-repeat center top;
	background-size: 100% auto;
}
.home #header-container {
	background: transparent;
	border-bottom: 1px solid #fff;
}
.home ul.nav li a { color: #fff; }
#hero .col-full { text-align: center; }
img.video_lightbox_anchor_image { 
	max-width: 120px;
	width: 8%;
	padding-top: 7%;
	padding-bottom: 5.5%;
	opacity: .6;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
img.video_lightbox_anchor_image:hover { opacity: 1; }
#hero h1 {
	color: #fff;
	font-size: 32px;
	margin: -60px 0 15px 0;
	-webkit-transition: all 3s ease-in-out;
	-moz-transition: all 3s ease-in-out;
	-o-transition: all 3s ease-in-out;
	transition: all 3s ease-in-out;
}
#hero #settrack.moveddown { margin-top: 0; }
#hero p.intro {
	color: #fff;
	font-size: 21px;
	text-align: center;
	margin: 0 auto 2em auto;
	max-width: 620px;
}
#appfeatures { padding-top: 2%; }
#appfeatures .entry h3 {
	font-size: 17px;
	color: #323a45;
}
#appfeatures .entry p {
	font-size: 14px;
}
#appfeatures .threecol-one:nth-of-type(1), #appfeatures .threecol-one:nth-of-type(3) { 
	margin-top: 13em;
	width: 27.66%;
}
#appfeatures .threecol-one:nth-of-type(2) { width: 36.66%; }
#appfeatures .threecol-one h3 { margin-top: 1.7em; }




#premium .col-full {
	background: transparent url('http://www.bodywiseapp.com/wp-content/uploads/2014/02/personal-traning-app.jpg') no-repeat left center;
	padding: 4em 0;
	background-size: auto 82%;
}
#premium h3, #premium p {
	color: #000;
	font-weight: 300;
	text-align: right;
}
#premium h3 {
	font-size: 28px;
	line-height: 1.2em;
	max-width: 370px;
	float: right;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #000;
}
#premium p { font-size: 17px; }
#premium p a img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#premium p a:hover img { opacity: 0.8; }
#screenshots .col-full { 
	background: transparent url('http://www.bodywiseapp.com/wp-content/uploads/2014/03/graph.jpg') no-repeat center -60px;
	padding: 5.5em 0;
}
#screenshots h2 {
	text-align: center;
	color: #03e0da;
	font-size: 36px;
}
#download { padding: 1.5em 0; }
#download img, #download p { margin-bottom: 0!important; }
.appoftheweek { margin-top: 3.3em; }
#wereloving .entry h2 {
	text-align: center;
	margin-bottom: 3em;
	color: #03e0da;
}
#wereloving .fivecol-one img {
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	box-shadow: 0 0 0 2px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 0 0 2px rgba(0,0,0,.05);
}
#wereloving .fivecol-one {
	font-weight: bold;
	text-align: center;
}
#wereloving .col-full { padding: 0 0 2em 0; }

/* 2.1 UPDATE */
#twopointoneguidance {
	padding-top: 4em;
	margin-bottom: 4em;
}
.page-id-422 .twocol-one h4 { 
	color: #000;
	text-align: center;
	margin-bottom: 1em;
}
.page-id-422 #download { padding-bottom: 4em;}


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

	#hero .col-full { max-width: 100%!important; }

}

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

	#box-row div { 
		width: 25%;
		padding-top: 7.2em;
	}
	#logo a img { max-width: 80%; }
	.logo-right { padding-left: 0.5em; }
	.site-desc p { 
		font-size: 0.6em;
	}
	#header-container { min-height: 76px; }
	.home ul.nav li a { color: #000; }
	
	#header {
		float: left;
		clear: none;
	}
	#logo a img { 
		padding-top: 1.5em;
		padding-bottom: 1.5em;
		max-width: 10em;
	}
	.nav-toggle:before {
		border-right: none;
		font-size: 1.6em;
		padding: 1.6em 1.618em 0.8em 0.5em;
		color: #03e0da;
		text-shadow: none;
	}
	.nav-toggle {
		display: inline-block;
		background: none;
		border: none;
		float: right;
	}
	.nav-toggle a { display: none; }
	.page-id-97 .page .title { 
		margin-bottom: 2.5em;
		margin-top: 0.5em;
	}
	.widesection .col-full {
		padding-right: 1em;
		padding-left: 1em;
	}
	.appoftheweek {
		margin: 0;
	}
	
	#hero .threecol-one { 
		padding-left: 0;
		width: 30%!important;
		display: none;
	}
	#hero .threecol-two { 
		width: 100%!important;
		float: none;
	}
	#hero h1 {
		font-size: 2em;
		margin-top: 2em;
		margin-bottom: 1em;
	}
	#hero p.intro { font-size: 1.3em; }
	.home #track, .home #bodywisept { padding-top: 3em; }
	.home #track .threecol-one, .home #bodywisept .threecol-one {
		text-align: center;
		padding-top: 3em;
	}
	.home #inbox .threecol-one { text-align: center; }
	#inbox .threecol-two { padding: 3em 0; }
	#devices { padding-bottom: 3em; }
	#inbox h4, #bodywisept h4, #bodywisept, #bodywisept p, #devices, #devices p, #track h4, #track p { text-align: center; }
	#social .entry { visibility: hidden; }
	
	
	#footer-widgets.col-4 .block.footer-widget-1 { width: 100%; }
	#footer-widgets.col-4 .block { 
		float: left;
		margin-right: 2em;
	}
	.block .widget h3 { margin-top: 0; }
	
	#new-features .col-full { padding: 0; }
	#new-features .col-full div { width: 50%; }
	#new-features .col-full div h5 { font-size: 16px; }
	
	/* 2.1 UPDATE PAGE */
	#nutrition, #yoga, #generalUI { background-size: 100%; }
	#yoga { 
		background: #ffffff url('http://www.bodywiseapp.com/wp-content/uploads/2014/09/yoga-compressor.jpg') no-repeat center center;
		padding-bottom: 2em;
	}
	#yoga .entry p {
		color: #000;
		text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
		font-size: 18px;
		font-weight: 500;
		text-align: center;
	}
	#yoga .entry h3 {
		text-transform: uppercase;
		color: #ee2768;
		font-size: 2.5em;
		text-align: center;
		margin-top: 1em;
		text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		text-align: center;
	}
	#yoga img, #generalUI img, #nutrition img {
		max-width: 66.67%;
		margin: 0 auto;
		float: none;
		display: block;
	}
	
	#nutrition { 
		background: #ffffff url('http://www.bodywiseapp.com/wp-content/uploads/2014/09/track-food.jpg') no-repeat center center;
		padding-bottom: 2em;
	}
	#nutrition .entry p { 
		color: #fff;
		text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
		font-size: 16px;
		font-weight: 500;
		text-align: center;
	}
	#nutrition .entry h3 {
		text-transform: uppercase;
		color: #fff;
		text-align: center;
		line-height: 1.1em;
		font-size: 3em;
		text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	}
	
	#generalUI { background: #ffffff url('http://www.bodywiseapp.com/wp-content/uploads/2014/10/running-compressor.jpg') no-repeat top center; }
	#generalUI .entry p { 
		color: #fff;
		font-size: 16px;
		font-weight: 500;
		text-align: center;
		text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
	}
	#generalUI .entry h3 {
		text-transform: uppercase;
		color: #fff;
		font-size: 3em;
		text-align: center;
		text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
	}
	#introvideo { padding-bottom: 2.5em; }
	#introvideo .col-full {
		padding: 0!important;
	}
	#introvideo h2 { 
		margin-top: 0;
		margin-bottom: 1em;
		text-align: center;
	}
	#introvideo iframe { 
		float: none;
		margin-right: 0;
		margin-bottom: 2em;
		max-width: 100%;
	}
	#introvideo .entry p { 
		font-size: 17px;
		text-align: center;
	}
	
	#fourthings div div { 
		width: 100%!important;
		height: auto!important;
	}
	
	/* BLOG */
	.page-template-template-blog-php .post { padding-bottom: 1.5em; }
	.page-template-template-blog-php .post img.thumbnail.alignleft {
		width: 100%;
		margin-right: 0!important;
	}
	.page-template-template-blog-php .post header { clear: both; }
	.page-template-template-blog-php.page .title {
		margin: 0;
		padding: 1em 0;
	}
	.post-meta, .post-more { text-align: center; }
	
	
	/* HOME */
	body.home {
		background-size: 150% auto;
		background-position: left top;
	}
	
	
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#box-row div { 
		width: 16.6666667%;
		padding-top: 7.2em;
	}
	.page-id-97 .page .title { 
		margin-bottom: 3.8em;
		margin-top: 1.5em;
	}
	ul.nav li a {
		padding: .2em 1.3em;
		font-size: 13px;
	}
	#menu-item-363 { display: none; }
	
	#fourthings div div {
		width: 50%!important;
		height: 590px!important;
	}
	
	/* HOME */
	#appfeatures .col-full { padding: 0 1em; }
	#appfeatures .threecol-one:nth-of-type(1), #appfeatures .threecol-one:nth-of-type(3) { margin-top: 5%; }
	
}
@media only screen and (min-width: 480px) and (max-width: 1024px) {
	#header { text-align: center; }
	#logo { }
	#logo a img { 
		float: left; 
	}
	.logo-right { 
		padding-left: 1.5em;
		padding-top: 1em;
		float: left;
	}
	.logo-inside { display: inline-block; }
	.comingsoon { text-align: left; }
	.site-desc { 
		text-align: center;
		padding-top: 0.5em;
		clear: both;
		float: none;
	}
	.site-desc p { 
		font-size: 0.6em;
		text-align: center;
	}
	#header-container { background-image: none; }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 568px) {

	#logo { text-align: center; }
	#logo a img { 
		padding-top: 1.5em;
		padding-bottom: 1.5em;
		max-width: 7em;
	}
	.nav-toggle:before { padding: 1.4em 1.2em 0.8em 0.5em; }
	#nav-container { margin: 0; }
	#signup h3 { margin-top: .3em; }
	#signup form input { margin-bottom: .6em; }
	#wpwm_popBoxOut, #wpwm_popBox { display: none!important; }
	
	img.android { display: none; }
	.home .widesection .col-full {
		padding-left: 1em;
		padding-right: 1em;
	}
	#hero .threecol-one { padding-top: 1em; }
	
	.home .widesection .threecol-one { text-align: center; }
	.home .widesection .threecol-two, .home .widesection .threecol-two h1, .home .widesection .threecol-two h2, .home .widesection .threecol-two h3.home .widesection .threecol-two h4, .home .widesection .threecol-two p, .home .widesection h4 { text-align: center!important; }
	.home .widesection { font-size: 1.4em!important; }
	#social {
		background-size: 100%;
		background-position: top center;
	}
	#social .col-full { padding-top: 12.5em; }
	#track .threecol-two { padding: 3em 0; }
	#devices, #social { padding-bottom: 2em; }
	#inbox .threecol-two { padding: 3em 0; }
	#bodywisept .threecol-two {
		padding-top: 3em;
		padding-bottom: 1.5em;
	}
	
	.appoftheweek { margin: 4em 0; }
	.appoftheweek img {
		margin-left: 0;
		margin-top: 0;
		padding: 2em 0;
	}
	#wereloving {
		background-color: #f8f8f8!important;
		padding: 3em 0;
	}
	#wereloving .entry h2 { margin-bottom: 2em; }
	#wereloving .fivecol-one img { max-width: 60%; }
	#wereloving .fivecol-one { margin-bottom: 2.5em; }
	#wereloving .fivecol-one.last { margin-bottom: 0; }
	#premium .col-full {
		background-position: center 1em;
		background-size: 100% auto;
		padding: 18em 1em 4em 1em;
	}
	#premium .entry img { float: none; }
	#premium h3, #premium p { text-align: center; }
	#premium h3 {
		float: none;
		max-width: 100%;
	}
	.page-id-97, .page-id-81 { background-size: 170% auto; }
	.page-id-97 #header-container, .page-id-81 #header-container { background: none; }
	.page-id-97 .page .title {
		margin-bottom: 1.6em;
		margin-top: 0.2em;
	}
	.page-id-97 ul.nav li a, .page-id-81 ul.nav li a { color: #666; }
	.nav-toggle:before { padding: 0.6em 1.618em 0.8em 0.5em; }
	#melbourne {
		padding-top: 0;
		padding-bottom: 1em;
		margin-top: -1em;
	}
	#melbourne p { font-size: 17px; }
	#footer-widgets.col-4 .block, #footer-widgets.col-4 .block.footer-widget-1 { width: 100%; }
	.block .widget h3 { 
		margin-top: 0;
		color: #03e0da;
	}
	.block .widget h3, .block .widget ul li { text-align: center; }
	#screenshots h2 { 
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 1em;
	}
	#screenshots .col-full { padding: 3.5em 1em; }
	.page #main section.entry { 
		padding-right: 20px;
		padding-left: 20px;
	}
	.downloadcoming a { font-size: .7em; }
	
	/* HOME */
	body.home {
		background-size: 207% auto;
		background-position: left top;
	}
	#hero h1 {
		font-size: 1.75em;
		line-height: 1.1em;
	}
	img.video_lightbox_anchor_image { 
		width: 14%;
		padding-top: 10%;
		padding-bottom: 9.5%;
	}
	#appfeatures .threecol-one:nth-of-type(1), #appfeatures .threecol-one:nth-of-type(3) { margin-top: 0; }
	#appfeatures .threecol-one:nth-of-type(1) { display: none; }

	
}
@media only screen and (min-device-width : 320px) and (max-width: 768px) {
	#top {
		background: #00eae2;
		position: static;
		top: 0;
		width: auto;
		z-index: 999;
		display: block!important;
	}
	#top h3 { display: none; }
	#top ul.nav li { text-align: center; }
	#header {
		display: inline-block;
		clear: none;
	}
	.nav-toggle:before {
		border-right: none;
		font-size: 1.6em;
		padding: 1.6em 1.618em 0.8em 0.5em;
		color: #03e0da;
		text-shadow: none;
	}
	.nav-toggle {
		display: inline-block;
		background: none;
		border: none;
		float: right;
	}
	.nav-toggle a { display: none; }
	
}
@media only screen and (min-device-width : 320px) and (max-width: 1024px) {

	#track, #devices, #social, #inbox, #bodywisept { height: auto; }
	
}

#fourthings .col-full { max-width: 100%!important; }
#fourthings div div {
	width: 25%;
	float: left;
	height: 600px;
}
#fourthings div img {
	height: 200px;
	width: auto;
	margin-bottom: 30px;
}
#fourthings div h3 {
	text-align: center;
	color: #fff;
	min-height: 60px;
	margin: 2.5em 0 1em 0;
}
#fourthings div p {
	padding-left: 1.5em;
	padding-right: 1.5em;
	color: #fff;
	font-size: 17px;
	text-align: center;
}
#fourthings #foodtracking { background-color: #30b4ff; }
#fourthings #devices { background-color: #04f7a4; }
#fourthings #trackmore { background-color: #8e44ad; }
#fourthings #workouts { background-color: #ff2566; }


body.page-id-493 #wrapper #content input.gform_button {  background: #a0ec6f!important; }