/*
Description: The Sweet Setup
Author: Ink Blot Media Group
Author URI: http://www.inkblotmediagroup.com
Version: v1.1
Copyright: Blanc Media, LLC
*/



/*----------------------------------------------
	Reset default browser CSS.
	http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
-----------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body 				{line-height: 1;}

ol, ul 				{list-style: none;}

blockquote, q 		{quotes: none;}

blockquote:before,
blockquote:after,
q:before, q:after 	{content: ''; content: none;}

table 				{border-collapse: collapse;	border-spacing: 0;}
/* END Reset */


/*----------------------------------------------
	Newsletter Styles
-----------------------------------------------*/


.newsletter				{background-color: #fff; }
.newsletter-text		{width: 59%; float: left; margin-right: .8em;}
.newsletter-text p		{font-size: 1.3em; margin-right: 1em;}

.newsletter-form		{width: 100%; overflow: hidden; margin-top: .6em;}
.newsletter-form input.email, .newsletter-form input.name	{
	-webkit-appearance: none;
	padding: 12px 8px 14px 10px;
	float: left;
	min-width: 200px;
	max-width: 650px;
	width: 90%;
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: 600;
	border: 1px solid #C9C9C9;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;  -moz-border-radius: 3px;  -o-border-radius: 3px;  -ms-border-radius: 3px; border-radius: 3px;
}
	.newsletter-form input.name { text-transform: capitalize; }
	.newsletter-form input.email { text-transform: lowercase; }

	.newsletter-form input.email:focus, .newsletter-form input.name:focus {
		outline: none;
		border: 1px solid #a6a6a6;
		}


.newsletter-form .submit {
	-webkit-appearance: none;
	border: none;
	float: none;
	padding: 13px 15px;
	background-color: #292929;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	font-size: 1em;
	width: 175px;
	cursor: pointer;
	-webkit-border-radius: 3px;  -moz-border-radius: 3px;  -o-border-radius: 3px;  -ms-border-radius: 3px; border-radius: 3px;
	height: 42px;
	transition: all 0.25s ease;
}

.newsletter-sidebar .submit	{
	-webkit-appearance: none;
	border: none;
	float: none;
	padding: 9px 12px;
	background-color: #292929;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	font-size: 11px;
	width: 175px;
	cursor: pointer;
	-webkit-border-radius: 3px;  -moz-border-radius: 3px;  -o-border-radius: 3px;  -ms-border-radius: 3px; border-radius: 3px;
	height: 36px;
	transition: all 0.25s ease;
}


.newsletter-form .submit:hover, .newsletter-sidebar .submit:hover	{ background-color: #4A84AE; }


@media screen and (max-width: 990px) {
.newsletter-text	{ width: 52%; }
.newsletter-form 	{ width: 100%; }
.newsletter-form input.email, .newsletter-form input.name	{ width: 100%;}
	.article a.purchase {width: 98%;}
}
@media screen and (max-width: 880px) {
	.newsletter-text p		{ font-size: 1.1em; margin-right: 0em; }
	.newsletter-text	{ width: 95%;  float: none;  margin-left: 1em; }
	.newsletter-form 	{ width: 95%;  margin-left: 1em; }
	.newsletter-form input.email, .newsletter-form input.name	{ width: 85%; }
		.article a.purchase {width: 98%;}
}
@media screen and (max-width: 767px) {
	.newsletter			{ padding-bottom: 2em;  padding-top: 2em; }
	.newsletter-form .submit, .newsletter-sidebar .submit	{ width: 98%; margin-left: 0px; margin-top: .6em; -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -o-border-radius: 3px;  -ms-border-radius: 3px; border-radius: 3px; float: none; }
	.newsletter-form input.email, .newsletter-form input.name	{ width: 93%; float: none; }
	.newsletter .container		{ padding: 0; }
	.article a.purchase {width: 98%;}

	#hellobar p {	font-size: 32px; padding-top: 25px; padding-bottom: 25px;}
	#hellobar a.hello_button {
		font-size: 28px; padding: 15px 15px 15px 15px;
		border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px 8px 8px 8px;
		}

	#hellobar span.mobile {display: none;}


}


/*----------------------------------------------
	Home Page CTA
-----------------------------------------------*/



/*----------------------------------------------
	Video in header for Courses and class page
-----------------------------------------------*/


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	background-color: #fff;
}
.videoWrapper iframe {
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*----------------------------------------------
	Hello Bar
-----------------------------------------------*/


#hellobar {
	/*
	for pink and permanent top-attached, un-comment these (and remove the backgroun-color #C7E5F3 ...

		position: fixed;
		z-index: 999;
		background-image: linear-gradient( to left,	#D60052, #CA004E );
	*/


	background-color: #C7E5F3;
	text-align: center;
	top: 0px;
	left: 0px;
	width:100%;
	}

	#hellobar p {
		margin: auto;
		text-align: center;
		padding: 10px 0 10px 0;
		font-size: 14px;
		color: #1a1a1a; /* for pink, use: #fff */
		}

		#hellobar p strong {color: #1a1a1a;} /* for pink, use: #fff */


	#hellobar a.hello_button {
		font-weight: 600;
		background-color: #387BA0; /* for pink, use: #800035 */
		color: #fff;
		text-transform: uppercase;
		font-size: 11px;
		padding: 5px 8px 5px 8px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-transition:background-color .2s ease-in;
		-o-transition:background-color .2s ease-in;
		-webkit-transition:background-color .2s ease-in;
		}



			#hellobar a.hello_button:hover {
				background-color: #fff;
				color: #1a1a1a;
				-moz-transition:background-color .2s ease-in;
				-o-transition:background-color .2s ease-in;
				-webkit-transition:background-color .2s ease-in;

			}


/*----------------------------------------------
	Johnson Box Styles
-----------------------------------------------*/


.johnsonbox {
	padding: 10px 30px 10px 30px;
	margin: 70px 0 60px 0;
	background-color: #E8F3FF;
	-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;
	border: 1px solid #E0E8F1;
	}

.johnsonbox h3.jtitle {
	font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    letter-spacing: 1px;
    text-transform: uppercase;

}

.johnsonbox p.jpara {
	margin-top: 8px;
	padding-top: 0;
	}

.johnsonbox a.jbutton {
			text-align: center;
			padding: 10px 30px 10px 30px;
			background-color: #D60052;
			margin-bottom: 22px;
			color:#ffffff;
			font-size: 13px;
   			font-weight: 700;
   			line-height: 16px;
   			letter-spacing: 2px;
   			-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;
			text-transform: uppercase;
			transition: background-color 0.9s;
			-moz-transition: background-color 0.9s; /* Firefox 4 */
			-webkit-transition: background-color 0.9s; /* Safari and Chrome */
			-o-transition:background-color 0.9s; /* Opera */
			}
	.johnsonbox a.jbutton:hover {
			border-bottom: none;
			color: #ffffff;
			background-color: #A40089;
			transition: background-color 0.9s;
			-moz-transition: background-color 0.9s; /* Firefox 4 */
			-webkit-transition: background-color 0.9s; /* Safari and Chrome */
			-o-transition:background-color 0.9s; /* Opera */
			}


.johnsonbox img.jbcover {
	float: right;
	display: block;
	margin: 0 auto;
	padding-left: 20px;
	padding-bottom: 0px;
	max-height: 180px;
	}


.johnsonbox img.jimage {
	max-width:75%;
	}



#home-jb .johnsonbox {
	background-image: linear-gradient(to bottom right, #e0f6ff 0%, #90cfff 100%);
}

#home-jb .johnsonbox a.jbutton {
	margin-bottom: 18px;
	padding-left: 10px;
	padding-right: 10px;
}

/*----------------------------------------------
	Link + Button Styles
-----------------------------------------------*/

a	{
	color: #1f8dbf;
	text-decoration: none;
	-moz-transition: all 200ms ease-in-out 0s;
	-webkit-transition: all 200ms ease-in-out 0s;
	transition: all 200ms ease-in-out 0s;}


/* Custom text-selection colors */
::-moz-selection	{background: #4a8fae; color: #fff; text-shadow: none;}
::selection 		{background: #4a8fae; color: #fff; text-shadow: none;}

.loved,
.button				{display: block;
				width: 120px;
				text-transform: uppercase;
				letter-spacing: 3px;
				font-size: 12px;
				font-weight: 600;
				padding: 16px 39px 16px 10px;
				text-align: center;
				background: url(img/button_sprite.png) no-repeat 125px 1px #4a8fae;
				color: #ffffff;
				margin: 8px 0;
				-webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px;
				-moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s;}

.loved,
.like				{background-color: #e6b64f; background-position: 168px -52px;}

.loved 				{font-size: 10px;
      				letter-spacing: 2px;
   				padding: 17px 0px;
   				width: 209px;
				background-image:none;
				background-color:#B89340;}

.pagination .previously		{float: left;
				background-position: 10px -154px;
				background-color: #e6b64f;
				padding: 17px 9px 17px 40px;
				width: 150px;}

.pagination .recently		{float: right;
				background: url("img/button_sprite.png") no-repeat scroll 157px 1px #e6b64f;
				width: 150px;}

.post-title a		{-moz-transition: all 200ms ease-in-out 0s; -webkit-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s;}

.subtitle a,
.category-app-name a,
.app-name a			{color:#3B3B3B;}

.framed a 			{color: #e6b64f;}

.advertise-here			{border: 2px solid #E3E3E3;
    				bottom: 0;
    				color: #C1C1C1;
    				font-size: 10px;
    				font-weight: 600;
    				padding: 4px 5px;
    				position: absolute;
    				right: 0;
    				bottom: -10px;}

.main-nav-toggle		{display: block;
				height: 0;
				overflow: hidden;
				padding-top: 48px;
				position: absolute;
				right: 0;
				top: 0;
				width: 251px;}

/*----------------------------------------------
             Hover styles
---------------------------------------------- */

.article a:hover	{color: #23A3DE; border-bottom:1px dotted;  background-color: rgba(32, 152, 206, 0.2); -moz-transition: all 200ms ease-in-out 0s; -webkit-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; }

.article a:hover img	{border:none; background-color:none;}

#about a:hover		{ border-bottom: 1px dotted;}

.post-title a:hover			{color: #E9A71F; background-color: rgba(230, 182, 79, 0.2);}

.tips-tricks .post-title a:hover,
.tips-tricks .post-excerpt a:hover,
.author-bio a:hover,
.app-wrap .subtitle a:hover,
.app-wrap .category-app-name a:hover		{color: #2098CE; background-color: rgba(32, 152, 206, 0.2);}

.framed a:hover 			{color: #B88E32;}

.category-buttons .framed:hover		{color:#FFFFFF; background-color: #E6B64F;}

.categories a:hover		{color:#4A8FAE;}

#footer-nav a			{border-bottom: 0;}
#footer-nav a:hover		{border-bottom: 1px solid; }

#props a 			{-moz-transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s;}
#props a:hover 			{color: #ffffff;}

.button:hover    		{background-color: #53A6CA; background-position: 127px 1px;}
.category-buttons .button:hover {background-color: #53A6CA; background-position: 157px 0px;}

.like:hover         		{background-color: #F8C457; background-position: 127px -51px;}

.pagination .previously:hover      {background-color: #F8C457; background-position: 9px -154px;}
.pagination .recently:hover        {background-color: #F8C457; background-position: 158px 1px;}

#hero-thumbnails .active,
.thumbnail:hover		{border-color:#4A8FAE;}

.subtitle a:hover,
.category-app-name a:hover,
.app-name a:hover		{color:#1F8DBF;}

#article-hero .app-name a:hover	{color: #2098CE;}


.ad-text:hover			{color: #E9A71F;}
.advertise-here:hover		{color: #E6B64F; border-color: #F3D084;}

.ad-img:hover,
.ad-full:hover			{opacity: 0.9;}




/*----------------------------------------------
	General Layout & Structure + Header
-----------------------------------------------*/

body 			{
	font-size: 16px;
	font-size: 62.5%;
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	color: #3b3b3b;}

#header-wrap	{
	background-color: #000000;
	height: 122px;
	border-bottom: 9px solid #4A8FAE;}

#header			{
	width: 1200px;
	position: relative;
	margin: 0 auto;
	width: 95%;
	max-width: 1200px;
	height: 122px;
	z-index: 100;}

#logo			{
	height: 106px;
	width: 91px;
	position: absolute;
	top: 42px;
	left: 53px;}

#about			{
	width: 375px;
	color: #939393;
	position: absolute;
	top: 89px;
	left: 212px;
	font-size: 12px;
	line-height: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	}

#about span		{color: #ffffff; padding-top: 30px; margin-top: 30px;}

#about a		{color: #ffffff;} /* Original blue for links: #4a8fae */

#about a:hover {color: #4a8fae;}

#search			{position: absolute;
	top:55px;
	right: 0;
	width: 171px;}

#search-input	{width: 135px;
				font-size: 12px;
				letter-spacing: 2px;
				text-transform: uppercase;
				-webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px;
				padding: 0 15px;
				background-color: #000000;
				border: 3px solid #8b8b8b;
				color: #DCDCDC;
				height: 42px;
				line-height: 42px;
				font-family: 'Whitney SSm A','Whitney SSm B';
			    font-weight: 600;
			    -moz-transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; }

#search-input:focus	{border-color: #ffffff; color: #ffffff; box-shadow: none; outline: none;}



/*----------------------------------------------
	  Content Area + Typography
-----------------------------------------------*/

ol, ul		{font-size: 15px;
    		line-height: 24px;
    		margin: 30px 30px 30px 35px;}

ol			{list-style: decimal outside none;}

ul			{list-style: square outside none;}

li			{margin: 11px 0;}

h1			{font-size: 32px;
			line-height: 35px;
			font-weight: 600;
			letter-spacing: -1px;
			color:rgb(59, 59, 59);}

h2			{font-size: 22px;
			font-weight: 600;
			line-height: 24px;
			}

			.article h2 {padding-top: 48px;}

h3			{font-size: 18px;
    			font-weight: 600;
    			line-height: 22px;}

    		.article h3 {padding-top: 32px;}

h4			{font-size: 14px;
    			font-weight: 700;
    			line-height: 16px;
    			letter-spacing: 1px;
    			text-transform: uppercase;}

				.article h4 { padding-top: 32px; margin-bottom: 0; padding-bottom: 0;}

strong				{font-weight: 600;}

em				{font-style: italic;}

blockquote			{font-size: 16px;
    				line-height: 25px;
    				margin: 26px 40px 26px 20px;
    				padding-left: 15px;
    				border-left: 3px solid #F3D084;}

blockquote p			{font-size: 16px;}

sub 			{vertical-align: sub;}
sup 			{vertical-align: super;}
sub, sup 		{font-size: 0.8em;
			line-height: 100%;}

table 			{border-collapse: collapse;
			font-size: 12px;
			margin-top: 25px;
			line-height: 20px;}

th, td 			{padding: 0.25rem;
			text-align: left;
			border: 1px solid #E4E4E4;}


tbody tr:nth-child(odd) {background: #FAFAFA;}

table.sponsorships	{border-collapse: collapse; font-size: 14px; margin-top: 25px;}

table.sponsorships th, table.sponsorships td	{ padding: 0.4rem; border: none;}

table.sponsorships tr:nth-child(odd) {background: #ffffff;}

#content-wrap			{width: 100%;
				max-width: 1200px;
				margin: 0 auto;}

#main-content			{float: left;
				margin-top: 65px;
				max-width: 840px;
				width: 70%;}

.article-header			{margin: 30px 70px 30px 54px; position: relative;}

.article			{margin: 38px 140px 30px 54px;}

.review-title			{color: #787878;
				font-size: 25px;
				line-height: 29px;
				width: 70%;}

.app-name 			{font-size: 52px;
				font-weight: 600;
				line-height: 57px;
				letter-spacing: -2px;
				margin-bottom: 20px;
				width: 70%;}

.article-buttons		{float: right;
				position: absolute;
				right: 0;
				top: 39px;}

.tldr,
#review-page .article > p:first-of-type		{font-size: 21px;
						line-height: 29px;
						margin-bottom: 28px;}

p				{font-size: 15px;
				line-height: 25px;
				margin: 24px 0;}

.article * 	{max-width:100%;}

.framed				{display: inline-block;
				font-size: 9px;
				text-transform: uppercase;
				letter-spacing: 3px;
				padding: 7px 9px 6px 12px;
				border: 2px solid #f3d084;
				color: #e6b64f;
				font-weight: 700;}

.post-date		{color: #8A8A8A;
			font-size: 12px;
			letter-spacing: 3px;
			font-weight: 700;
			text-transform: uppercase;
			margin-bottom: 10px;}

.categories		{margin-bottom: 25px;}
.categories a		{font-size: 13px;
			color: #333333;
			margin-right: 16px;
			font-weight: 600;}


.category-buttons .button	{font-size: 10px;
				width: 150px;
				background-position: 155px 0px;}

.clear				{clear: both;}

[class^="ss-"]:before 	{padding-right: 4px;} /* Symbolset icon spacing adjustment */


code,
pre  			{font-family: consolas, courier, monospace;
			font-size: 14px;
			background-color: #F1F1F1;
			margin: 0 2px;}

pre			{padding: 9px 14px;
			margin: 25px 0;
			border-bottom: 2px solid #CACACA;
			word-break: break-all; /* webkit */
			word-wrap: break-word;
			white-space: pre;
			white-space: -moz-pre-wrap; /* fennec */
			white-space: pre-wrap;
			line-height: 18px;
			}


hr			{border:0; height:0; border-bottom:1px solid #E3E3E3;}


#search-input-404	{border: 3px solid #8B8B8B;
   			border-radius: 3px;
    			color: #3B3B3B;
    			font-family: 'Whitney SSm A','Whitney SSm B';
    			font-size: 16px;
    			font-weight: 400;
    			height: 42px;
    			line-height: 42px;
    			padding: 0 15px;
			width: 250px;}



body.page .article-header	{margin-top: 35px; margin-bottom:25px;}
body.page .article		{margin-top: 25px;}

p.email input.newsletter {
	width: 95%;
	font-size: 16px;
	font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif;
	padding: 16px 0px 12px 12px;
	border: 1px solid #ccc;
	border-radius: 5px;
	outline: none;
	}

	p.email input.newsletter_button {
		font-size: 13px;
		text-transform: uppercase;
		font-weight: bold;
		font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif;
		color: #ffffff;
		padding: 15px 7px 11px 7px;
		border: 1px solid #cfcfcf;
		background-color: #4D8FAD;
		border-radius: 5px;
		outline: none;
		transition: background-color 0.35s;
		-moz-transition: background-color 0.35s; /* Firefox 4 */
		-webkit-transition: background-color 0.35s; /* Safari and Chrome */
		-o-transition:background-color 0.35s; /* Opera */
		}

		p.email input.newsletter_button:hover {
			background-color: #fafafa;
			color: #4D8FAD;
			border: 1px solid #cfcfcf;
			transition: background-color 0.35s;
			-moz-transition: background-color 0.35s; /* Firefox 4 */
			-webkit-transition: background-color 0.35s; /* Safari and Chrome */
			-o-transition:background-color 0.35s; /* Opera */
			cursor: pointer;
			}


.highlight { background-color: #F7EFA7; }

/*----------------------------------------------
	  Review Specific Styles
-----------------------------------------------*/

#review-page #header-wrap		{border-bottom: none;}

#review-page #side-bar			{margin-top: 0px;}
#review-page #main-content		{margin: 0;}

#article-hero 		{position: relative;}

#article-hero img	{border-bottom: 8px solid #4a8fae; max-width: 100%; height: auto;}

#hero-thumbnails	{bottom: 20px;
			left: 54px;
			position: absolute;}

#hero-thumbnails img	{border:none;}

.thumbnail		{border: 2px solid #787878;
			height: 40px;
			width: 60px;
			display: block;
			float: left;
			margin-right: 6px;}

.article img		{max-width: 100%;}

.article img.colophon_avatar {
	float:left;
	margin: 10px 20px 20px 0px;
	display:block;
	border-radius: 60px;
	text-align:left;
	max-width: 60px;
	}


.article img.app_icon {
	float:left;
	margin: 10px 20px 20px 0px;
	display:block;
	text-align:left;
	max-width: 80px;
	}


/*
	.article img.emoji, .emoji {text-align: left; margin: 20px 20px 20px 20px; padding: 0;}
*/

.article a.purchase {
			text-align: center;
			padding: 10px 30px 10px 30px;
			background-color: #D60052;
			border: 3px solid #DBE1E1;
			color:#ffffff;
			font-size: 14px;
   			font-weight: 700;
   			line-height: 16px;
   			letter-spacing: 1px;
			border-radius: 5px;
			text-transform: uppercase;
			transition: background-color 0.9s;
			-moz-transition: background-color 0.9s; /* Firefox 4 */
			-webkit-transition: background-color 0.9s; /* Safari and Chrome */
			-o-transition:background-color 0.9s; /* Opera */
			}
	.article a.purchase:hover {
			border-bottom: none;
			background-color: #A40089;
			border: 3px solid #D4D9D9;
			transition: background-color 0.9s;
			-moz-transition: background-color 0.9s; /* Firefox 4 */
			-webkit-transition: background-color 0.9s; /* Safari and Chrome */
			-o-transition:background-color 0.9s; /* Opera */
			}




.article img.center		{margin: 0 25%;
    				max-width: 50%;
				min-width: 0;}

.buy-box		{margin: 70px 140px 60px 54px;
			background: url(img/bg_pattern.png) repeat #F1F1F1;
			padding: 30px 30px 42px 30px;
			-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;}

.buy-box .button	{display: inline-block; float: none; width: 210px; background-position: 217px 1px;  }
.buy-box .button .multi .price		{border-left: 1px dotted #6EADC9; font-size: 12px; letter-spacing: 1px; margin-left: 0; padding-left: 10px;}


.buy-box img		{width: 100%; border-radius: 8px;}

.buy-box .app-name 	{font-size: 41px;
			line-height: 41px;
			width: 100%;
			margin-bottom: 10px;}

.price			{font-size: 14px;
			margin-bottom: 15px;
			font-weight: 600;}

.description		{font-size: 13px;
			line-height: 17px;
			margin: 15px 0 15px 0;}

.app-icon		{width: 100px;
			height: 240px;
			float: left;
			margin-right: 25px;}

.footnotes,
.footnotes p,
.footnotes ol,
.footnotes ul		{font-size: 12px;
    			line-height: 18px;}

.article-buttons .price 	{border-left: 1px dotted #6EADC9;
    				font-size: 12px;
    				letter-spacing: 0;
    				margin-left: 0;
    				padding-left: 10px;}

.article-buttons .button	{background-position: 168px 1px;
				width:160px;
				font-size:10px;
				letter-spacing:2px;}

.article-buttons .button:hover	{background-position: 169px 1px;}

.article-buttons .like		{background-position: 168px -51px; padding: 17px 39px 17px 10px;}
.article-buttons .like:hover	{background-position: 169px -51px;}




/*----------------------------------------------
	  Post Specific Styles
-----------------------------------------------*/
#post-page .article-header h1	{margin-bottom: 10px;}

#post-page .categories		{margin-bottom: 17px;}


/*----------------------------------------------
	  Category  Styles
-----------------------------------------------*/
.category-title			{font-size: 13px;
				text-transform: uppercase;
				letter-spacing: 3px;
				font-weight: 700;
				clear: both;}

.category-title span		{display: block;
				font-size: 45px;
				letter-spacing: -1px;
				text-transform: none;
				font-weight: 600;}

.category-wrap				{margin: 30px 80px 30px 54px;
					background: url(img/bg_pattern.png) repeat #F1F1F1;
					padding: 30px 30px 22px 30px;
					-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;}

.category-wrap img			{width: 100%; max-height: 79px; border-radius: 7px;}

.category-wrap .app-icon		{height: 65px;
					margin-right: 22px;
					width: 60px;}

.subtitle				{font-size: 22px;
					line-height: 24px;
					letter-spacing: -1px;
					margin-top: 1px;
					margin-bottom: 2px;}

.category-app-name			{font-size: 26px;
					font-weight: 400;
					letter-spacing: 0;
					line-height: 30px;
					letter-spacing: -1px;
					width: 68%;}

.category-wrap .description		{clear: both;
					float: left;
					margin: 16px 0 20px;
					width: 360px;}

.category-buttons			{float: right; margin-top: -28px;}

.category-buttons .framed		{font-size: 10px;
					padding: 12px 9px 12px 12px;
					border: 2px solid #E6B64F;
					color: #CA9219;
					width: 174px;
					text-align: center;
					-webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px;}

.category-buttons .framed .price	{border-left: 1px dotted;
					font-size: 12px;
					letter-spacing: 0;
					margin-left: 2px;
					padding-left: 10px;}


/*----------------------------------------------
	 Blog Styles
-----------------------------------------------*/

.blog-post				{margin: 38px 140px 50px 54px;
					padding-bottom: 20px;
					border-bottom: 1px dotted #F3D084;}

h2.post-title,
h2.post-title a				{font-size: 24px;
					letter-spacing: -1px;
					line-height: 28px;
					margin-bottom: 7px;
					width: 100%;
					color: #3B3B3B;}

.post-title a			{letter-spacing: normal;
				text-transform: none;}


.blog-post .framed			{float: right; margin-top: -53px;}

.post-excerpt				{font-size: 14px; line-height: 23px;}

.post-excerpt a				{color: #E6B64F; font-weight: 700;}

.pagination					{margin: 0 250px 0 auto; width: 430px;}



/*----------------------------------------------
	 Home Page Styles
-----------------------------------------------*/

#home #header-wrap		{border-bottom: none;}

#home #side-bar			{margin-top: 0px;}
#home #main-content		{margin: 0;}


#home #article-hero		{border-bottom: 8px solid #4A8FAE;}


#home #article-hero img 		{border: none; min-height: 350px; min-width: 450px;}

#article-hero .hero-text-wrap		{position:absolute;
					left:54px;
					top: 180px;
					z-index:10;}

#article-hero .app-name			{color: #FFFFFF;
					font-size: 47px;
					line-height: 49px;
					margin-bottom: 10px;
					width: 100%;}

#article-hero .app-name a		{color:#ffffff;}

.featured-app				{display: inline-block;
					font-size: 9px;
					text-transform: uppercase;
					letter-spacing: 2px;
					color: #ffffff;
					font-weight: 700;
					line-height:11px}

#article-hero .non-app			{visibility:hidden;}

#article-hero .description		{width: 490px;
					color: #ffffff;
					font-size: 15px;
					margin: 5px 0;
					line-height: 20px;}

#article-hero .button			{position: absolute;
					bottom: 27px;
					right: 29px;
					background-color: transparent;
					border: 3px solid;
					z-index: 15;
					background-position: 137px 1px;
					padding: 10px 39px 10px 10px;
					width: 130px;}

#article-hero .button:hover		{background-position: 137px 1px; background-color:#4A8FAE; border-color: #4A8FAE;}

.hero-overlay 					{background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	height: 75%;
	left: 0;
	position: absolute;
	bottom: 0;
	transition: opacity 0.7s ease 0s;
	width: 100%;
	z-index: 1;}

.category-grid					{margin: 25px 0px 30px 54px;}

.category-grid .category		{width: 158px;
					float: left;
					margin-right: 32px;
					margin-top: 25px;
					min-height: 140px;}

.category-grid h3		{font-size: 16px;
				font-weight: 600;
				margin-bottom: 15px;}

.category-grid h3 a 		{color:#3B3B3B;}
.category-grid h3 a:hover	{color:#2098CE;}

.app-wrap						{margin: 12px 0;}

.app-wrap .subtitle,
.app-wrap .subtitle a			{font-size: 13px;
	line-height: 15px;
	letter-spacing: 0;
	color: #707070;
	font-weight: 400;
	width: 100%;
	margin-bottom: 0;}

.app-wrap .subtitle a span 			{font-weight:700; color: #1F8DBF;}

.app-wrap .category-app-name,
.app-wrap .category-app-name a			{font-size:12px;
						line-height: 18px;
						text-transform: uppercase;
						color: #1f8dbf;
						letter-spacing: 0;
						font-weight: 600;}


[class^="category-grid"] [class^="ss-"]:before 	{padding-right: 6px;
						font-size: 15px;
						position: relative;
   						top: 2px;}  /* Symbolset icon spacing adjustment */

.grid-5, .grid-9, .grid-13, .grid-17, .grid-21	{clear:both;}


.platforms				{clear:both; padding-top: 40px;}

.platforms .iphone,
.platforms .ipad,
.platforms .mac				{color: #FFFFFF;
					display: block;
					font-size: 18px;
					font-weight: 600;
					height: 110px;
					line-height: 110px;
					padding-left: 60px;
					position: relative;
					text-align: center;
					width: 176px;
					border-radius: 3px;
					float:left;}

.platforms .iphone			{background-image: url(img/platform_iphone.jpg); margin-right:15px;}
.platforms .ipad			{background-image: url(img/platform_ipad.jpg);  margin-right:15px;}
.platforms .mac				{background-image: url(img/platform_mac.jpg);}

[class^="platforms"] [class^="ss-"]:before {position: absolute; color: #FFFFFF; font-size: 25px; left: 20px;}

.platforms a:hover			{text-shadow: 0 0 40px #ffffff, 0 0 90px #ffffff;}


/*----------------------------------------------
	  Side Bar
-----------------------------------------------*/

#side-bar			{max-width: 360px;
					width: 30%;
					margin-top: 60px;
					float: right;
					background-color: #F1F1F1;
					/* background-color: url(img/bg_pattern.png) repeat #F1F1F1;} // ORIGINAL PATTERN BG */
					}

.side-title,
.widgettitle{
	background: #e6b64f;
	height: 35px;
	color: #583d02;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
	letter-spacing: 3px;
	line-height: 35px;
	font-weight: 700;
	clear: both;
}


.homepagesidebar .side-title
{
	background: #222;
	color: #ededed;
}


.side-title a 			{color: #583D02;}

.ad-space			{margin: 29px 20px 29px 29px; position: relative;}

.ad-img				{float: left;
				margin-right: 25px;
				max-height: 100px;
    				max-width: 130px;}

.ad-text			{font-size: 11px;
				line-height: 14px;
				font-family: Verdana;
				color: #707070;
				margin-top: 0px;}

.ad-full		{margin-bottom: -3px;}

.author-name		{font-size: 16px;
			font-weight: 600;
			margin: 25px 30px 5px 30px;
			text-transform:capitalize;
			letter-spacing:0;}

.author-bio		{font-size: 13px;
			line-height: 20px;
			margin: 5px 30px 25px 30px;}

.avatar			{float: left;
			height: 70px;
			margin: 25px 13px 5px 30px;
			width: 70px;}

.post-wrap		{margin: 25px 20px 25px 30px;}

.post-title a				{font-size: 14px;
					line-height: 16px;
					font-weight: 600;
					color: #ca9219;}

.post-wrap .post-excerpt		{margin: 0;
					font-size: 12px;
					line-height: 17px; }

.post-wrap .post-excerpt a		{color: #ca9219; font-weight: 700;}

.widget .post-wrap,
.tips-tricks .post-wrap			{margin: 0;
					padding: 17px 20px 17px 27px;
					border-bottom: 1px solid #e3e3e3;}

.widget .post-title a,
.widget .post-excerpt a,
.tips-tricks .post-title a,
.tips-tricks .post-excerpt a		{color: #3f7d99;}


.recently,
.sponsor,
.related,
.tips-tricks,
.author,
.sponsor-full,
.newsletter-sidebar,
.widget{background: url(img/point.png) no-repeat center 35px;}

.widget{list-style-type:none;}



.article-icon			{padding: 37px 27px 45px 0;
				color: #7C7C7C;
				float: left;
				font-size: 22px;}

.class-icon		{ padding: 15px 27px 20px 0;
				color: #69747C;
				float: left;
				font-size: 20px;}

				.class-icon:hover { color: #2170A0;}


.sponsor-full				{text-align: center;}
.sponsor-full img			{max-height: 250px;
    					max-width: 300px;
					margin: 25px 0;}


.follow-us .side-title	{background-color: #323232;
    			color: #B4B4B4;
			font-size: 9px;}

.follow-us a		{color:#B4B4B4;}
.follow-us a:hover	{color:#ffffff;}

[class^="follow-us"] [class^="ss-"]:before 	{font-size: 18px;
						line-height: 15px;
    						padding-right: 6px;
    						position: relative;
    						top: 6px;}


#side-bar p.email							{margin: 10px 0;}

#side-bar p.email input.newsletter 			{font-size: 13px; padding: 9px 0 9px 8px;}
#side-bar p.email input.newsletter_button 	{padding: 9px 14px; font-size: 11px; font-weight: 600; letter-spacing: 2px; -webkit-appearance: none;}

.newsletter-sidebar .post-wrap				{margin-bottom: 0; padding-bottom: 20px;}


/*----------------------------------------------
	  Footer
-----------------------------------------------*/
#footer{
	background: url(img/blue_pattern.png) repeat #4a8fae;
	height: 115px;
	width: 100%;
	clear: both;
	position: relative;
	margin-top: 60px;
	color: #ffffff;
}

#footer-nav			{background: #4a8fae;
	height: 35px;}

#footer-nav ul{
	list-style:none;
	margin: 0 auto;
	max-width: 770px;
	display:block;
	clear:both;
	overflow:hidden;
}

#footer-nav li		{float: left; margin: 0 15px;}

#footer-nav a		{font-size: 11px;
	font-weight: 600;
	line-height: 35px;
	text-transform: uppercase;
	color: #ffffff;
	padding: 10px 5px; }

#tagline			{font-size: 16px;
	line-height: 19px;
	margin-top: 72px;
	text-align: center;}


[id^="tagline"] [class^="ss-"]:before 	{font-size: 30px;
    					padding: 0 3px;
    					position: relative;
    					top: 9px;
					cursor: pointer;}
#tagline a		{color:#ffffff;}
#tagline a:hover	{color:#FFCB59; position: relative; top: -1px;}


#copyright			{position: absolute;
	bottom: 0px;
	height: 56px;
	width: 100%;
	text-align: center;
	background: #000000;
	padding-top: 25px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 10px;
	line-height: 15px;
	color: #eaeaea;}

#copyright span		{margin-right: 8px;
	text-transform: none;
	letter-spacing: normal;
	font-weight: 400;
	font-size: 11px;}

#copyright a		{color: #ffffff;}

#props,
#props a			{color: #3b3b3b; letter-spacing: 1px;}


/*----------------------------------------------
      Main Navigation: App Categoires
-----------------------------------------------*/
#main-nav{
	position: absolute;
	right: 188px;
	top: 55px;
	list-style:none;
}

.main-nav > a{
	display:block;
	width: 220px;
	height: 42px;
	padding-right: 25px;
	border: 3px solid #4a8fae;
	-webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px;
	background-color: #000000;
	background: url(img/button_sprite.png) no-repeat 204px -104px #000000;
	line-height: 42px;
	font-size: 12px;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-align: center;
}

#main-nav li{position:relative;}
#main-nav a{
	display:block;
	color:#fff;
	text-decoration:none;
	-webkit-transition:none;
	-moz-transition:none;
	transition:none;
}
#main-nav a:hover				{color:#fff; background-color:#6b0c36;}
.main-nav .sub-menu{
	list-style:none;
	position:absolute;
	/*display:none;*/
	visibility:hidden;
	left:-9999px;
	/* Hide off-screen when not needed (this is more accessible than display:none;) */
}

#main-nav .menu-item-has-children:hover .sub-menu{
	visibility: visible;
	left:0;
}

#main-nav ul.loaded { visibility:visible; left:0; }

#main-nav ul li				{float:none;}
#main-nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	font-size: 13px;
	font-weight: 400;
	padding: 10px 10px 10px 22px;
	width: 219px;
	background-color: #282828;
}

#main-nav ul li:first-child a		{padding-top: 16px;}
#main-nav ul li:last-child a{
	padding-bottom: 16px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.main-nav .sub-menu{
	left:0;
	overflow:hidden; /* Display the dropdown on hover */
}
#main-nav li:hover a{background-color: #4a8fae;  /* Top-level persistent hover state */}

#main-nav li:hover ul a			{background-color: #282828; /* Undo above hover state on sub-menu. */}
#main-nav li:hover ul li a:hover	{background-color: #444444; color:#ffffff; /* Hover state for sub-menu links */}

[id^="main-nav"] [class^="ss-"]:before{padding-right: 10px; color: #a9a9a9; position:relative; top:2px;}  /* Symbolset icon spacing adjustment */

#main-nav .separator{
	background-color: #282828;
	border-bottom: 8px solid #323232;
}

#main-nav .separator a{display:none;}

#main-nav,
#main-nav ul,
#main-nav li {margin: 0; line-height: 14px;}


#search-icon	{display: none; /* only shows on mobile-view */
text-align: right; width: 30px; position: absolute; right: 16px; top: 29px;}
#search-icon a	{font-size: 21px; color: #fff; padding: 10px;}


/*----------------------------------------------
     Multiple Buy Link Dropdown
-----------------------------------------------*/

.buy-options						{list-style: none outside none; margin: 0;}

.buy-app-button						{background-position: 168px -103px !important;}

.buy-options li						{position:relative; margin: 0;}
.buy-options a						{display:block;
									padding: 10px 39px 10px 10px;
									background-position: 168px -103px;
									text-decoration:none;
									-webkit-transition:none; -moz-transition:none; transition:none;}

.buy-options a:hover				{color:#fff; background-color:#6b0c36;}
.buy-options ul						{list-style:none;
									position:absolute;
									left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
									margin-top: -8px;}

.buy-options ul li					{float:none;}
.buy-options ul a					{white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
									color: #ffffff;
									font-size: 13px;
									font-weight: 400;
									padding: 10px 10px 10px 22px;
									width: 177px;
									background-color: #4A8FAE;
									z-index: 1000;
									position: relative;}

.buy-options ul li:first-child a	{padding-top: 12px;}
.buy-options ul li:last-child a		{padding-bottom: 12px;
									-webkit-border-bottom-right-radius: 4px;
									-webkit-border-bottom-left-radius: 4px;
									-moz-border-radius-bottomright: 4px;
									-moz-border-radius-bottomleft: 4px;
									border-bottom-right-radius: 4px;
									border-bottom-left-radius: 4px;}



.buy-options li:hover ul			{left:0; overflow:hidden; /* Display the dropdown on hover */  }
.buy-options li:hover a				{background-color: #53A6CA; background-position: 168px -103px;
									/* Top-level persistent hover state */}

.buy-options li:hover a.multi       {border-bottom-left-radius:0; border-bottom-right-radius:0;}

.buy-options li:hover ul a			{background-color: #517180; /* Undo above hover state on sub-menu. */}
.buy-options li:hover ul li a:hover	{background-color: #4A8FAE; color:#ffffff; /* Hover state for sub-menu links */}

[class^="buy-options"] [class^="ss-"]:before 	{padding-right: 10px; color: #a9a9a9; position:relative; top:2px; color: #B3C8CF;}  /* Symbolset icon spacing adjustment */

.app-store-dropdown					{margin: 0;}
.app-store-dropdown .price			{margin-left: 5px; border-left: 1px dotted #6EADC9; font-size: 12px; letter-spacing: 0; padding-left: 10px;}




.buy-box .buy-options				{display: inline-block;}
.buy-box .buy-app-button			{width: 160px;}

/* Dashboard link!
------------------------------- */
.tss-dashboard-link{
	float:right; color:white;
	text-transform:uppercase;
	margin-top:20px;
	margin-right:4px;
	font-size:12px;
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	font-weight: 600;
	border: none;
	letter-spacing: 2px;
	transition: all 0.25s ease;

}

#footer-nav .tss-dashboard-link{
	margin:0;
	padding:0px 5px;
	letter-spacing:0;
}

/* WooCommerce!
------------------------------- */
body.woocommerce-checkout #main-content,
body.woocommerce-cart #main-content{width:100%; max-width:100%;}

body #add_payment_method .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
	background-color:#292929;
	width:100%;
	padding:1em 0;
}
body #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover{
	background-color:#4A84AE;
}

body #add_payment_method table.cart td.actions .coupon .input-text,
body.woocommerce-cart table.cart td.actions .coupon .input-text,
body.woocommerce-checkout table.cart td.actions .coupon .input-text{
	width:150px;
	border-radius:5px;
}

body #add_payment_method table.cart input,
body.woocommerce-cart table.cart input,
body.woocommerce-checkout table.cart input{
	width:160px;
	border-radius:3px;
}

body .woocommerce .quantity .qty{border:1px solid #CCC; border-radius:3px;}

body .woocommerce form .form-row input.input-text,
body .woocommerce form .form-row textarea{
	font-size:13px;
	padding:9px 0 9px 8px;
	border-radius:5px;
	border:1px solid #CCC;
}

body .woocommerce #payment #place_order,
body.woocommerce-page #payment #place_order{
	background-color:#292929;
	width:100%;
	padding:1em 0;
	font-size:16px;
}

body .woocommerce #payment #place_order:hover,
body.woocommerce-page #payment #place_order:hover{
	background-color:#4A84AE;
}

body .woocommerce,
body .woocommerce table.my_account_orders{font-size:16px;}

body.woocommerce-account.page .article{margin-right:0;}

body.woocommerce-account.page input[type="submit"],
body.woocommerce-account.page a.button{width:auto;}

body.woocommerce-checkout ul.payment_methods li label img{display:none;}

ul.wc_payment_methods.payment_methods.methods {background-color: #fff; border-bottom: none !important; padding-left: 0px; padding-right: 0px;}

i.stripe-pf.stripe-pf-diners.stripe-pf-right, i.stripe-pf.stripe-pf-jcb.stripe-pf-right  {display: none;}

div.form-row.place-order {background-color: #fff; border-bottom: none;}

/* Responsive!
------------------------------- */
@media only screen and (max-width: 1180px) {

.grid-5, .grid-9, .grid-13, .grid-17, .grid-21	{clear:none;}
.grid-4, .grid-7, .grid-10, .grid-13, .grid-16, .grid-19, .grid-22	{clear:both;}

.platforms .iphone,
.platforms .ipad,
.platforms .mac		{width:156px;}


	/* WooCommerce checkout Form Break Points
	------------------------------- */
	div.form-row.form-row-last {float: left;}
	div.payment_box.payment_method_stripe {padding-left: 2px;}

}


@media only screen and (max-width: 1080px) {

#main-content 		{width: 67%;}
#side-bar 		{width: 33%;}

#header			{width: 97%;}
#logo			{left: 20px;}

#about			{left: 178px;}

.article 		{margin: 38px 60px 30px 54px;}

.category-wrap			{margin: 30px 40px 30px 34px;}
.category-wrap .description 	{width: 340px;}
.buy-box 			{margin:50px 0 30px 54px;}

#article-hero .hero-text-wrap 	{left: 44px; top:167px;}

#article-hero .description 	{width:410px;}

.review-title,
.app-name		{width:64%;}


.platforms .iphone,
.platforms .ipad,
.platforms .mac		{width:126px;}

.ad-text	{line-height: 12px;}
.advertise-here	{bottom: -16px;}

}



@media screen and (min-width:1024px) and (max-width:1024px) {
#main-content 		{width: 685px;}
#side-bar 		{width: 339px;}
}




@media only screen and (max-width: 1020px) {

#about			{width: 295px;
			top: 44px;}

.article-header 	{margin: 30px 40px 30px 34px;}
.article 		{margin: 38px 60px 30px 34px;}
.buy-box 		{margin:50px 0 30px 34px;}

.category-wrap .description 	{width: 290px;}
.sponsor-full img 		{margin: 15px 0;}

#article-hero .description 	{width:380px;}

#article-hero .button 		{background-position: 111px -4px; padding: 5px 43px 5px 8px; font-size: 10px; width: 100px;}
#article-hero .button:hover	{background-position: 113px -4px;}

.sponsor-full img 	{height: auto; max-width: 90%;}

.platforms .iphone,
.platforms .ipad,
.platforms .mac		{width:115px;}

}



/* iPad-ish size
------------------------------- */
@media only screen and (max-width: 940px) {

#header			{width: 97%;}
#logo			{left: 20px;}

#main-content 		{margin-top: 25px;}

#header-wrap,
#header		 	{height: 108px;}

#header-wrap,
#review-page #header-wrap,
#home #header-wrap 	{border-bottom: 50px solid #4A8FAE;}


#about			{color: #E1EDF3;
				top: 117px;
			    width: 560px;}
#about span		{color: #E1EDF3; padding-top: 10px;}

#about a 		{color: #E1EDF3;
    			font-weight: 700;}

#main-nav 		{top: 45px;}
.main-nav		{font-weight: 700;}

#search 		{top: 45px;}

.grid-4, .grid-7, .grid-10, .grid-13, .grid-16, .grid-19, .grid-22	{clear:none;}
.grid-3, .grid-5, .grid-7, .grid-9, .grid-11, .grid-13, .grid-15, .grid-17, .grid-19, .grid-21	{clear:both;}

.category-wrap 			{margin: 20px 30px 20px 20px;}
.category-wrap .description 	{width:100%; float: none;}
.category-buttons 		{float: none; margin-top:0;}

.category-wrap .category-buttons .button 	{margin-top: 0;}

.category-title 		{font-size: 12px; line-height: 30px;}
.category-title span 		{font-size: 38px;}

.subtitle 			{font-size: 19px; line-height: 20px;}

.review-title			{width: 100%; font-size: 24px; line-height: 26px; margin-bottom: 5px;}

.app-name 			{font-size: 46px; line-height: 46px; width: 100%;}

.article-buttons 		{position: static; float: none; height: 70px;}

.loved, .button 		{float: left; margin-right:10px; margin-top: 0;}

.buy-options ul 		{margin-top: 44px;}

.article-header 	{margin: 30px 30px 30px 30px;}
.article 		{margin: 30px 30px 30px 30px;}
.buy-box 		{margin:50px 0 30px 30px;}

#main-nav ul a 			{font-size: 14px;
   				font-weight: 600;
   				padding: 12px 10px 12px 22px;}

p				{line-height: 24px;}

#article-hero .app-name 	{font-size: 38px;
				line-height: 37px;
				width: 100%;}

#article-hero .hero-text-wrap 	{left: 38px; top:157px;}

.category-grid 			{margin: 17px 0 30px 30px;}

.category-grid .category 	{width:200px; margin-bottom:10px; min-height: 100px;}

.category-wrap img 		{max-height: 74px;}

.category-app-name 		{width:100%;}


#home #article-hero img 	{margin-left: -60px;
				min-width: 130%;}

#article-hero .description 	{font-size:14px;
				width: 245px;}

.ad-space 			{margin: 29px 14px 29px 22px;}
.ad-img				{margin-right: 15px;}

.sponsor-full img 		{height: auto; max-width: 90%;}

.app-icon 			{float: left;
				height: auto;}

.buy-box 			{margin: 60px 0 40px 30px;}

.buy-box .buy-options ul 	{margin-top: -8px;}

.article-icon 			{padding: 51px 21px 60px 0;}
.tips-tricks .post-wrap 	{padding: 17px 20px 17px 21px;}

h1 		{font-size: 30px;
		line-height: 33px;}

h2		{font-size: 20px;
    		line-height: 22px;}

h2.post-title,
h2.post-title a 	{font-size:22px; line-height:24px;}

.post-date 	{font-size:10px;}

.blog-post 	{margin: 38px 50px 50px 30px;}

.hero-overlay {height: 85%;}

#article-hero .flex-control-nav 		{bottom: -42px;}
#article-hero .flex-control-nav li 		{margin: 0 8px;}

.follow-us .side-title 		{height: 40px; line-height: 40px;}

[class^="follow-us"] [class^="ss-"]:before {font-size: 23px; top: 9px;}

.platforms 		{padding-top: 20px;}

.platforms .iphone,
.platforms .ipad,
.platforms .mac		{width:176px; margin-bottom: 15px;}

.article img.emoji, .emoji {text-align: left; margin: 20px 20px 20px 20px; padding: 0;}

}





@media only screen and (max-width: 870px) {

#main-content 		{width: 65%;}
#side-bar 		{width: 35%;}


}


@media screen and (min-width:768px) and (max-width:768px) {
#main-content 		{width: 500px;}
#side-bar 		{width: 268px;}
}





/* Smaller than iPad
------------------------------- */
@media only screen and (max-width: 767px) {


	/* WooCommerce checkout Form Break Points
	------------------------------- */

	div.form-row.form-row-last {float: left;}
	div.payment_box.payment_method_stripe {padding-left: 2px;}
	div.woocommerce {width: 95%; margin: 0 auto;}
	div.form-row.form-row-last, div.form-row.form-row-first {max-width: 75%;}

	/* WC */


.article img.emoji, .emoji {text-align: left; margin: 20px 20px 20px 20px; padding: 0;}

#about			{font-size: 11px;
    			height: 27px;
    			left: 136px;
    			line-height: 13px;
    			overflow: hidden;
			top: 115px;
    			width: 173px;}

#logo			{height: 117px;
  			left: 20px;
    			top: 70px;
    			width: 100px;}

#header-wrap,
#review-page #header-wrap,
#home #header-wrap 		{border-bottom: 58px solid #4A8FAE;}

#header-wrap			{height: 100px; width:100%; }


#content-wrap 		{min-width:320px;}

#main-content 		{width: 100%; float: none;}
#side-bar 		{width: 100%;
			max-width: 100%;
			float: none;
			margin-top: 30px;}

.article-buttons 		{top: auto;
				position: relative;
				float: none;
				margin-bottom: 20px;
				height:50px;}
.pagination{margin:0 auto; display:block; clear:both; overflow:hidden;}

.article-icon 			{padding: 35px 21px 50px 0;}

.review-title 			{font-size: 20px;
				line-height: 21px;}

.app-name 			{font-size: 33px; line-height: 33px; margin-top: 4px; width: 100%;}


#article-hero .flex-control-nav 		{bottom: -42px;}
#article-hero .flex-control-nav li 		{margin: 0 10px;}
#article-hero .flex-control-paging li a 	{height: 13px; width:13px;}

.category-grid 			{margin: 30px 0 30px 25px;}

.category-grid .category 	{margin-right: 20px;
				margin-bottom: 8px;
    				margin-top: 16px;
    				width: 90%;
				border-bottom: 1px dotted #E3E3E3;
				padding-bottom: 10px;
				min-height:65px;}

.category-grid h3 		{margin-bottom: 12px;}

.categories 			{margin-bottom: 18px;}

.categories a			{font-size: 10px;
				line-height:16px;}

[class^="category-grid"] [class^="ss-"]:before  {font-size: 16px; top: 3px;}


#article-hero .app-name 	{font-size: 30px;
    				line-height: 32px;
				width: 90%;}

#article-hero .description 	{width: 350px;}


#article-hero .button 		{bottom: 20px; left: 25px;}

#article-hero .hero-text-wrap 	{left: 25px; top:121px;}

.category-wrap 			{margin: 15px 10px;
				padding: 17px 16px;}

.category-wrap .description 	{float: none;
				width: 100%;
				font-size: 12px;}
#article-hero .non-app		{display:none;}

.category-wrap .app-icon 	{margin-right: 15px;
    				width: 45px;
				height: 60px;}

.category-wrap img 		{max-height: 60px;}

.category-wrap .category-buttons .button {background-position: 225px 0; width: 220px;}
.category-wrap .category-buttons .button:hover {background-position: 227px 0;}
.category-wrap .category-buttons .framed {width: 244px;}

.category-app-name 		{clear: both;}

.category-buttons 		{float: none;
				margin-top: 0;}

.category-title 		{font-size: 11px;}
.category-title span 		{font-size: 34px;}

.subtitle 			{font-size: 18px;
				line-height: 20px;}

.article-header 		{margin: 20px 15px;}
.article 			{margin: 20px 15px;}

.article img 			{margin-left: -15px;
    				margin-right: -15px;
    				max-width: 100%;
    				min-width: 414px;}

.article img.colophon_avatar {
	max-width: 60px;
	min-width: 60px;
	float: left;
	margin-bottom: 10px;
	}


.johnsonbox img.jbcover {min-width: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	max-height: 150px;
	margin: 10px auto;
}

.johnsonbbox a.jbutton {
	letter-spacing: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0px;
	margin-right: 0px;
}


.johnsonbox {
	padding: 20px 20px 30px 20px;
	}


.johnsonbox img.jimage, .johnsonbox img {
	max-width: 300px;
	min-width: 280px;
	margin-right: 0px;
	margin-left: 0px;
	}



.article-header .category a 	{font-size: 11px; line-height: 16px;}

.button 			{width:245px; background-position:250px 1px;}
.loved				{width: 209px;}

.button:hover 			{background-position:252px 1px;}

.like				{background-position: 168px -52px; font-size:10px;}
.like:hover			{background-position: 170px -52px;}

.buy-options ul 		{margin-top: 42px;}


.tldr,
#review-page .article > p:first-of-type 	{font-size: 18px;
    						line-height: 24px;
    						margin-bottom: 24px;}

.buy-box 			{margin: 70px 0 0; padding: 89px 15px;}

.buy-box .app-name 		{font-size: 31px;
    				line-height: 31px;
    				margin-bottom: 10px;
    				margin-top: 0;}

.app-icon			{margin-right: 17px;
    				width: 60px;}

#footer 			{margin:0;}
#footer-nav li 			{float: none;}
#footer-nav ul 			{width: 100%;}

.sponsor-full img 		{margin: 15px 0;}

#article-hero img 	{border-bottom: 6px solid #4A8FAE;}
#hero-thumbnails img 	{border: none;}
#hero-thumbnails 	{bottom: 17px; left: 10px;}
.thumbnail 		{height: 33px; width: 50px;}

h1 			{font-size: 25px;
			line-height: 28px;}

h2 			{font-size: 18px;
			line-height: 20px;}

h3 			{font-size: 16px;
    			line-height: 19px;}

h4 			{font-size: 13px;}

p,
ol,
ul 			{font-size: 14px;
    			line-height: 22px;}
ol,
ul			{margin: 25px 15px 25px 27px;}

li 			{margin: 10px 0;}

blockquote 		{font-size: 15px;
    			line-height: 23px;
    			margin: 24px 20px 24px 12px;}
blockquote p 		{font-size: 15px;
    			line-height: 22px;}

.post-date 		{font-size: 10px;}
.framed			{font-size: 8px;}

h2.post-title,
h2.post-title a 	{font-size:19px; line-height:21px;}

#post-page .article-header {margin-top:40px}
body.page .article-header {margin-top: 45px;}

pre			{white-space: pre-wrap;}

.blog-post 		{margin: 30px 15px; padding-bottom:0;}

#footer 		{height: 490px;}

#footer-nav 		{height: auto; background-color:transparent; border-top: 8px solid #4A8FAE;}
#footer-nav li 		{float: none; text-align: center;}

#tagline		{margin-top: 30px;}

#copyright 		{height: 87px; padding-top: 17px;}
#copyright span 	{display: block;}

#props			{margin-top: 10px;}

.platforms .iphone,
.platforms .ipad,
.platforms .mac		{width:105px; }

[class^="platforms"] [class^="ss-"]:before {position: absolute; color: #FFFFFF; font-size: 25px; left: 20px;}

	body .woocommerce .woocommerce-message{font-size:16px;}
	body .woocommerce .woocommerce-message a.button{
		display:block; clear:both;
		width:90%;
		margin-bottom:15px;
	}

	.tss-dashboard-link{
		position:absolute;
		bottom:80px; right:1px;
		margin:0;
	}

	#footer-nav .footer-dashboard{
		display:block;
		clear:both;
		overflow:hidden;
	}

	#footer-nav .tss-dashboard-link{
		position:inherit;
		text-align:center;
		display:block;
		width:100%;
		padding:0;
	}

} /* 767 */



#mobileshow {
display:none;
}

@media screen and (max-width: 750px) {
	#mobileshow { display: block;}
}





/* Mobile-ish size
------------------------------- */
@media only screen and (max-width: 565px) {

	.tss-dashboard-link{
		position:absolute;
		bottom:10px; right:13px;
		margin:0;
	}

#header-wrap,
#header 			{height: 100px; width:100%; }

#search-icon		{display: block;}

#search			{display: none;
top: 12px; left: 10px;  width: 96%; background-color: #000;}
#search-input	{width: 308px; font-size: 16px; text-transform: none; letter-spacing: 0; font-weight: 500;}

#search input[type="submit"]	{visibility: visible !important;  -webkit-appearance: none; border: none; padding: 13px 8px; background-color: #8b8b8b; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;  font-size: 10px; width: 50px; cursor: pointer; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px;  -moz-border-radius-bottomright: 3px;  margin-left: -9px;  height: 48px; transition: all 0.25s ease; font-weight: 800; position: relative;  top: -3px;}


.article img.emoji, .emoji {text-align: left; margin: 20px 20px 20px 20px; padding: 0;}

#main-nav 				{left: 10px; top: 12px; width: 355px;}
#main-nav ul a 			{width: 321px;}
.main-nav				{width: 322px; background-position: 300px -104px;}
.main-nav-toggle 		{width: 353px; left: 0;}


.featured-app			{width: 90%;}

#review-page .framed		{margin-top: 15px;}

.article-buttons 		{height: 85px;}

.article a.purchase {width: 98%;}

.article-buttons .button 	{width:332px; background-position: 338px 1px;}
.article-buttons .button:hover 	{background-position: 339px 1px;}

.article-buttons .like 		{background-position: 338px -51px;}
.article-buttons .like:hover	{background-position: 339px -51px;}

.buy-options a 				{background-position: 338px -103px;}
.buy-options li:hover a		{background-position: 338px -103px;}
.buy-options ul a 			{width: 349px;}

.buy-box .button,
.buy-box .buy-app-button 	{width:332px; background-position: 338px 1px;}

.buy-app-button 			{background-position: 338px -103px !important;}

.loved				{width: 381px;}

#home #article-hero img 	{margin-left: -140px;
				min-height: 350px;
				min-width: 200%;}

#tagline 			{font-size: 12px;}

.hero-overlay {-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); height: 100%;}

.follow-us .side-title 		{height: 45px; line-height: 45px;}

[class^="follow-us"] [class^="ss-"]:before {font-size: 26px; top: 10px;}

.platforms 		{padding-left: 65px;}

.platforms .iphone,
.platforms .ipad,
.platforms .mac		{width:176px; margin-bottom: 15px;}

.article img.center 	{margin: 0 10%;
    			max-width: 80%;
    			min-width: 0;}

table 		{font-size: 13px; line-height: 18px; max-width: 90%; margin-right: 5px; }

#footer{height:510px;}
#copyright{height:105px;}

.johnsonbbox a.jbutton {
	letter-spacing: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0px;
	margin-right: 0px;
}


.johnsonbox {
	padding: 20px 20px 30px 20px;
	}


.johnsonbox img.jimage, .johnsonbox img {
	max-width: 300px;
	min-width: 280px;
	margin-right: 0px;
	margin-left: 0px;
	}



} /* 565 */




/* iPhone 6-ish size
------------------------------- */
@media only screen and (max-width: 413px) {
#main-nav 				{width: 350px;}
#main-nav ul a 			{width: 281px;}
.main-nav a			    {width: 282px; background-position: 260px -104px;}
.main-nav-toggle 		{width: 313px}

#search-input	{width: 269px;}

.article img 			{min-width: 375px;}

.platforms 				{padding-left: 45px;}

.article-buttons .button 	{width:297px; background-position: 303px 1px;}
.article-buttons .button:hover 	{background-position: 304px 1px;}

.article-buttons .like 		{background-position: 303px -51px;}
.article-buttons .like:hover	{background-position: 304px -51px;}

.buy-options a 				{background-position: 303px -103px;}
.buy-options li:hover a		{background-position: 303px -103px;}
.buy-options ul a 			{width: 314px;}

.buy-box .button,
.buy-box .buy-app-button 	{width:297px; background-position: 303px 1px;}

.buy-app-button 			{background-position: 304px -103px !important;}

.loved				{width: 346px;}

#article-hero .description 	{width: 330px;}

.article img.emoji, .emoji {text-align: left; margin: 20px 20px 20px 20px; padding: 0;}

.johnsonbbox a.jbutton {
	letter-spacing: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0px;
	margin-right: 0px;
}


.johnsonbox {
	padding: 20px 20px 30px 20px;
	}


.johnsonbox img.jimage, .johnsonbox img {
	max-width: 300px;
	min-width: 280px;
	margin-right: 0px;
	margin-left: 0px;
	}


}


/* Mobile size
------------------------------- */
@media only screen and (max-width: 374px) {
#main-nav 				{left: 10px; top: 12px;	width: 300px;}
#main-nav ul a 			{width: 227px;}
.main-nav				{width: 228px; background-position: 210px -104px;}
.main-nav-toggle 		{width: 259px}

#search-input			{width: 214px;}

.article img 			{min-width: 320px;}

.platforms 				{padding-left: 17px;}

.article-buttons .button 	{width:242px; background-position: 248px 1px;}
.article-buttons .button:hover 	{background-position: 249px 1px;}

.article-buttons .like 		{background-position: 248px -51px;}
.article-buttons .like:hover	{background-position: 249px -51px;}

.buy-options a 				{background-position: 248px -103px;}
.buy-options li:hover a		{background-position: 248px -103px;}
.buy-options ul a 			{width: 259px;}

.buy-box .button,
.buy-box .buy-app-button 	{width:242px; background-position: 248px 1px;}

.buy-app-button 			{background-position: 248px -103px !important;}

.loved				{width: 291px;}

#article-hero .description 	{width: 280px;}

.article img.emoji, .emoji {text-align: left; margin: 20px 20px 20px 20px; padding: 0;}

.article a.purchase {width: 98%;}

}




/* Retinafy!
------------------------------- */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {


.button{
	background-image: url(img/button_sprite@2x.png);
	background-size: 33px 214px;
	background-repeat:no-repeat;
}

.recently,
.sponsor,
.related,
.tips-tricks,
.author,
.sponsor-full 	{background-image: url(img/point@2x.png);
		background-size:19px 9px;}


#side-bar 	{background-image: url(img/bg_pattern@2x.png); background-size: 102px 78px;}

.platforms .iphone			{background-image: url(img/platform_iphone@2x.jpg); background-size: 236px 110px;}
.platforms .ipad			{background-image: url(img/platform_ipad@2x.jpg); background-size: 236px 110px;}
.platforms .mac				{background-image: url(img/platform_mac@2x.jpg); background-size: 236px 110px;}


}

/* Home Newsletter
 -------------*/
.home-newsletter {
	background-image: linear-gradient(to bottom right, #E8F2FE, #E8F2FE);
	background-position: center center;
    background-size: cover;
	padding-top: .5em;
	/* Original BG color:  #E6B64F

	background-image: url(/wp-content/themes/thesweetsetup/img/tss-cta-bg-hero.jpg);
	*/
	margin-top: 50px;
	padding-bottom: 2em;
	min-height: 300px;
	}
.home-newsletter .newsletter-text		{width: 50%; margin-right: 1em; }
.home-newsletter .newsletter-text h2	{font-size: 2.5em; line-height: 1.5em; margin-right: 1em; font-weight: 800; margin-bottom: 0; color: black;}
.home-newsletter .newsletter-text p		{font-size: 1.5em; margin-right: 1.5em; font-weight: 400; margin-top: 12px; color: black;}
.home-newsletter .newsletter-text p.tip {font-size: 1.25em; color: #3a3a3a; line-height: 1.5em;}

.home-newsletter .newsletter-text img	{width: 105px; float: left; margin-right: 15px; margin-top: -50px; margin-bottom: 10px; margin-left: 17px;}

.home-newsletter .newsletter-form		{width: 39%; overflow: hidden; margin-top: 1em; float: right; text-transform: none; }


	.home-newsletter .newsletter-form input.email	{
		border: 1px solid #ebeaea;
		-webkit-appearance: none;
		padding: 14px 8px 13px 12px;
		min-width: 200px;
		text-transform: none;
		color: #222;
		float: none;
		width: 90%;
		font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
		font-size: 1.5em;
		-webkit-border-radius: 4px;  -moz-border-radius: 4px;  -o-border-radius: 4px;  -ms-border-radius: 4px; border-radius: 4px;
	}

		.home-newsletter .newsletter-form input.email:focus	{outline: none;}


	.home-newsletter .newsletter-form .submit		{
		-webkit-appearance: none;
		border: none;
		margin-top: 2px;
		padding: 15px 2px 30px 2px;
		background-color: #D60051; /* #d3a542; */
		color: #ffffff;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
		font-size: 1.25em;
		font-weight: 700;
		width: 95%;
		cursor: pointer;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border-radius: 4px;
		transition: all 0.25s ease;
	}

.home-newsletter .newsletter-form .submit:hover	 { background-color: #222; color: #eeeeee; }


@media screen and (max-width: 990px) {
	.home-newsletter { min-height: 400px; padding-top: 2em;}
	.home-newsletter .newsletter-text	{width: 52%;}
	.home-newsletter .newsletter-form 	{width: 45%;}
	.home-newsletter .newsletter-form input.email	{ width: 66%;}
 	.home-newsletter .newsletter-form .submit		{ width: 73%;}
}
@media screen and (max-width: 880px) {
	.home-newsletter { min-height: 500px; padding-top: 2em;}
	.home-newsletter .newsletter-text p		{font-size: 1.5em; margin-right: 0em;}
	.home-newsletter .newsletter-text	{width: 100%;  float: none;  margin-left: 1em;}
	.home-newsletter .newsletter-form 	{width: 100%;  margin-left: 1em; padding-bottom: 2em;}
	.home-newsletter .newsletter-form input.email	{width: 75%;}
 	.home-newsletter .newsletter-form .submit		{ width: 78%; margin-bottom: 2em;}
}

@media screen and (max-width: 767px) {

	.home-newsletter .newsletter-text h2	 { text-align: left; margin-left: 12px; line-height: 1.25em;}
	.home-newsletter .newsletter-text p { font-size: 1.5em; text-align: left; margin-left: 12px; }
	.home-newsletter 		{padding-bottom: 2em;  padding-top: 5.5em;}
	.home-newsletter	.newsletter-form .submit	{width: 100%; margin-left: 0px; margin-top: .6em; margin-bottom: 2em; -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -o-border-radius: 3px;  -ms-border-radius: 3px; border-radius: 3px;}
	.home-newsletter .newsletter-form input.email	{width: 95%; float: none; text-align: center;}
	.home-newsletter .newsletter-text,
		.home-newsletter.newsletter-form,
		#content .newsletter-form input.email
		{ width: 95%;  margin: 0;}
	.home-newsletter .container		{padding: 0 2em;}

}

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

	.home-newsletter .container, .container {
			max-width: 65rem;
			width: 90%;
			margin: 0 auto;
			padding: 4rem 0;
			position: relative;
			}
	}

.logo_wall {
	background-color: #F8F8F8;
	margin: 0 auto;

	/* Original BG color: #E6B64F 	*/
	}

	.logo_wall_container {
		margin: 0 auto;
		max-width: 100%;
		}

.logo_wall p
{ margin: 10px;
color: #F8F8F8;}

.logo_wall img, img.home_hero {
	max-width: 95%;
	margin: 30px 10px 30px 10px;}


a.blue_button {
	border: 1px solid #1C79B1;
	padding: 10px 20px 10px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius:  4px;
	-o-border-radius:  4px;
	-ms-border-radius:  4px;
	border-radius:  4px;
	margin-bottom: 40px;
}

	a.blue_button:hover {
		border: 1px solid #D60052;
		color: #D60052;
		background-color: #fff;
		transition: all 0.25s ease;
	}


/*  ---------------------------

	FOOTER NEWSLETTER STYLE

--------------------------------- */

.footer-newsletter				{
	background-image: linear-gradient(to bottom right, #E6B64F, #FEC956);
	margin-top: 5em;
	/* Original BG color: #E6B64F */
	padding-bottom: 2em;
	}
.footer-newsletter .newsletter-text		{width: 50%; float: left; margin-right: 1em; }
.footer-newsletter .newsletter-text h2		{font-size: 2.5em; margin-right: 1em; font-weight: 800; margin-bottom: 0; color: black;}
.footer-newsletter .newsletter-text p		{font-size: 1.5em; margin-right: 1.5em; font-weight: 400; margin-top: 12px; color: black;}

.footer-newsletter .newsletter-text img	{width: 105px; float: left; margin-right: 15px; margin-top: -50px; margin-bottom: 10px; margin-left: 17px;}

.footer-newsletter .newsletter-form		{width: 39%; overflow: hidden; margin-top: .6em;}

	.footer-newsletter .newsletter-form input.email	{
		border: none;
		-webkit-appearance: none;
		padding: 14px 8px 13px 12px;
		min-width: 200px;
		float: left;
		width: 70%;
		font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
		font-size: 1.5em;
		-webkit-border-radius: 4px;  -moz-border-radius: 4px;  -o-border-radius: 4px;  -ms-border-radius: 4px; border-radius: 4px;
	}

		.footer-newsletter .newsletter-form input.email:focus	{outline: none;}


	.footer-newsletter .newsletter-form .submit		{
		-webkit-appearance: none;
		border: none;
		margin-top: 2px;
		padding: 15px 2px 30px 2px;
		background-color: #222;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
		font-size: 1.1em;
		width: 25%;
		cursor: pointer;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		-webkit-border-top-left-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-bottomleft: 0px;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;

		margin-left: -4px;

		transition: all 0.25s ease;
	}

.footer-newsletter .newsletter-form .submit:hover	 { background-color: #4A84AE; }



@media screen and (max-width: 990px) {
.footer-newsletter .newsletter-text	{width: 52%;}
.footer-newsletter .newsletter-form 	{width: 45%;}
 .footer-newsletter .newsletter-form input.email	{ width: 66%;}
}
@media screen and (max-width: 880px) {
.footer-newsletter .newsletter-text p		{font-size: 1.1em; margin-right: 0em;}
.footer-newsletter .newsletter-text	{width: 95%;  float: none;  margin-left: 1em;}
.footer-newsletter .newsletter-form 	{width: 95%;  margin-left: 1em;}
.footer-newsletter .newsletter-form input.email	{width: 85%;}
}

@media screen and (max-width: 767px) {
	.footer-newsletter .newsletter-text h2	 { text-align: center; }
	.footer-newsletter .newsletter-text p { font-size: 1.5em; text-align: center; }
 .footer-newsletter 		{padding-bottom: 2em;  padding-top: 2em;}
.footer-newsletter	.newsletter-form .submit	{width: 100%; margin-left: 0px; margin-top: .6em; -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -o-border-radius: 3px;  -ms-border-radius: 3px; border-radius: 3px;}
.footer-newsletter .newsletter-form input.email	{width: 100%; float: none; text-align: center;}
.footer-newsletter .newsletter-text,
.footer-newsletter.newsletter-form,
		#content .newsletter-form input.email	{width: 100%;  margin: 0;}
	.footer-newsletter .container		{padding: 0 2em;}

}

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

	.footer-newsletter .container, .container {
			max-width: 65rem;
			width: 90%;
			margin: 0 auto;
			padding: 2rem 0;
			position: relative;
			}
	}


/* #home #about, #home #main-nav {visibility: hidden;} */