body {
	font-family:'Raleway';
	line-height:1.5;
	color:#333;
	font-size:18px;
}
h2, h3 {
	line-height:1.2
}
.text span {
	color:#5f3169;
	font-weight:700
}
.text span.teal {
	color:#1d98a4
}
a {
	color:#1d98a4;
	text-decoration:underline	
}
i,em {
	font-style:italic
}
b, strong {
	font-weight:700
}
img.alignright {
	float:right;
	margin:0 0 10px 10px;
}
img.alignleft {
	float:right;
	margin:0 0 10px 10px
}
@media only screen and (max-width:600px) {
	img.alignright {
		float:none;
		display:block;
		margin:20px auto;
	}
	img.alignleft {
		float:none;
		display:block;
		margin:20px auto;
	}
}
#nav {
	box-shadow: 0px 0px 10px #999;
}
#nav .menu {
	display:none
}
#nav-table, .quote-table, #footer-table, #paging-table {
	display:table;
	width:100%
}
#nav-table-row, .quote-row, #footer-row, #paging-row {
	display:table-row;
}
.nav-table-cell, .quote-cell, .footer-cell, .paging-cell {
	display:table-cell;
	vertical-align:middle;
}
.quote-cell {
	padding:0 10px
}
#nav-table ul {
	list-style:none
}
#nav-table li {
	float:left
}
#nav-table li a {
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	color:#1d98a4;
	padding:10px 20px;
	font-weight:500;
}
#nav-table li a.current {
	color:#5f3169
}
#nav-table a img {
	margin-right:10px;
	vertical-align:middle
}
#nav-table img.logo {
    
    width:140px;
}
.container {
	width:990px;
	margin:0 auto;
	text-align:center
}
.container-inner {
	text-align:left;
	padding:40px 0;
}
#nav .container-inner {
	padding:20px 0;
}

#header {
	background:url('images/ko-header-full.jpg') no-repeat 100% 0%;
	background-size:cover;
	padding:1px;
}
#header-text {
	margin:50px 50px 50px 10px;
	margin-left:2%;
	width:50%;
}
#header-text h2 {
	font-weight:700;
	font-size:48px;
	color:#005069;
	margin-bottom:20px;
	font-family:'Asap';
}
#header-text h3 {
	font-size:28px;
	color:#333;
	font-style:italic;
	font-weight:500;
}
#header-text h3 span {
	color:#5f3169;
}
#header .mobile {
	display:none
}

.optin {
	background:url('images/fuzzy-divider.jpg') bottom center repeat-x #1d98a4;
	color:white;
}
.optin .container-inner {
	text-align:center
}
.optin h2 {
	font-size:28px;
	font-weight:500;
}
.optin form {
	margin-top:20px
}
.mc-field-group {
	width:40%;
	float:left;
	box-sizing:border-box;
}
.optin input[type=text], .optin input[type=email] {
	box-sizing:border-box;
	width:95%;
	padding:10px;
	color:#666;
	margin-right:1%;
	font-size:16px;
	border:0;
}
.optin input[type=submit] {
	width:15%;
	background:#5f3169;
	color:white;
	padding:10px;
	text-transform:uppercase;
	border:0;
	font-weight:600;
	font-size:16px;
	box-sizing:border-box;
	float:left;
}

.clear {
	height:0;
	clear:both;
	content:''
}

.quote {
	background:url('images/ko-tan-bg.jpg');
}

.quote img {
	border-radius:50%
}
.quote h2 {
	color:#5f3169;
	font-size:28px;
	margin-bottom:10px;
	font-style:italic;
	text-align:center;
	font-weight:bold;
}
.quote h3 {
	color:#1d98a4;
	text-transform:uppercase;
	font-weight:400;
	text-align:center
}

.quote h4 {
	color:#5f3169;
	font-size:18px;
	margin-bottom:10px;
	font-style:italic
}

.blogs h2 {
	
	color:#1d98a4;
	font-size:36px;
	text-align:center;
	margin-bottom:10px;
	font-weight:700
}

.blog-cell {
	float:left;
	width:30%;
	margin:0 1% 20px;
}
.blog-cell img {
	border-radius:5px;
	margin-bottom:2px;
	width:100%;
}
.blog-cell h3 {
	font-size:21px;
	font-weight:700;
	
	margin-bottom:20px;
	color:#1d98a4;
	line-height:1.1
}
.blog-cell h3 a {
	text-decoration:none
}
#karen-bio {
	background:url('images/ko-tan-bg.jpg');
}
.width-50 {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:10px;
}
.width-50 img {
	width:100%;
}
.width-50 h2 {
	font-size:24px;
	color:#1d98a4;
	margin-bottom:20px;
	font-weight:700;
}

.footer-cell.right {
	text-align:right
}
.footer-cell .links a {
	color:#1d98a4;
	font-weight:400;
	margin:0 20px;
	text-decoration:none;
	text-transform:uppercase;
}
.footer-cell a img {
	margin-left:20px;
}
.footer-cell .links a:last-child {
	margin-right:0
}

.fuzzy-line {
	background:url('images/fuzzy-line.jpg') repeat-x;
	height:6px;
	margin-bottom:20px;
}
.inward-line {
	background:url('images/inward-arrow-line.jpg') top center;
	height:33px;
	margin-bottom:20px;
	
}
.feather-left {
	background:url('images/curly-image.jpg') no-repeat;
	width:43px;
	height:43px;
	float:left;
	margin-bottom: -60px;
    position: relative;
    right: 60px;
}
.feather-right {
	background:url('images/curly-image-2.jpg') no-repeat;
	width:43px;
	height:43px;
	float:right;
    position:relative;
    left:60px;
}

@media only screen and (max-width:1200px) {
    
 .feather-right {
     display:none;
 }   
}

.paging-cell.right {
	text-align:right
}
.paging-cell.pages {
	text-align:center
}
.paging-cell.pages a {
	color:#1d98a4;
	font-weight:500;
	text-decoration:none;
	font-size:24px
}
.paging-cell.pages b {
	font-weight:700;
	color:#5f3169;
	font-size:24px;
}

#blog-post-left {
	float:left;
	width:65%;
	margin-right:2%;
}
#blog-post-left img {
	max-width:100%;
}
#blog-post-left p, .page p {
	margin-bottom:20px
}

#blog-post-left ul {
	list-style:disc;
	margin-left:30px
}

#blog-post-left h1 {
	font-weight:700;
	margin-bottom:20px;
	font-size:32px
}

#blog-post-left h2 {
	font-weight:700;
	margin-bottom:20px;
	font-size:28px
}

#blog-post-left h3 {
	font-weight:700;
	margin-bottom:20px;
	font-size:24px
}

#blog-post-left h4 {
	font-weight:700;
	margin-bottom:20px;
	font-size:20px
}

#blog-post-left h5 {
	font-weight:700;
	margin-bottom:20px;
	font-size:16px
}

#blog-post-left h6 {
	font-weight:700;
	margin-bottom:20px;
	font-size:14px
}


#blog-post-right {
	float:right;
	width:33%
}
#blog-post-left h1, .page h1 {
	font-size:28px;
	text-transform:uppercase;
	margin-bottom:10px;
	font-weight:700;
	color:#1d98a4;
}

#blog-post-left h2, .page h2 {
	font-size:36px;
	margin-bottom:10px;
	font-weight:700;
	color:#000;
}
.posted-info {
	color:#aaa;
	text-transform:uppercase;
	margin-bottom:10px;
}
.blog-quote {
	margin:20px 0;
	color:#5f3169;
	font-style:italic;
	font-weight:500;
	line-height:1;
}
.blog-quote span {
	font-size:50px;
	color:#1d98a4;
	vertical-align:middle;
	margin:0 10px;
}

.rec-post {
	border-bottom:1px solid #ddd;
	padding:20px 0;
}
.rec-post img {
	border-radius:50%;
	width:100px;
	height:100px;
	float:left;
	margin-right:10px;
	object-fit:cover;
}
.rec-post a {
	text-decoration:none;
	font-weight:700;
	text-transform:uppercase;
	font-size:16px
}

.line-sides {
    padding:0;
    position:relative;
    overflow:hidden;
    text-align:center;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:2px;
	color:#5f3169;
	margin-bottom:20px;
	font-weight:500;
}
.line-sides:before,.line-sides:after {
    content:" ";
    position:absolute;
    top:50%;
    margin-left:-999em;
    height:2px;
    width:998em;
    border-top:1px solid #1d98a4;
}
.line-sides:after {
    left:auto;
    width:999em;
    margin:0 0 0 1em;
}

.question {
display:block;
padding:15px 0;
font-size:22px;
font-weight:bold;
}
.question img {
float:right;
}
.answer {
display:none;
font-weight:normal !important;
}
.qa {
cursor:pointer;
}
#faq-page p {
	margin:0;
}
	
@media only screen and (max-width:1000px) {
	.container {
		width:100%;
	}
	.container-inner {
		padding:20px 10px
	}
}

@media only screen and (max-width:1000px) {
	#header-text h2 {
		font-size:36px;
	}
	#header-text h3 {
		font-size:20px
	}

}

@media only screen and (max-width:970px) {
	.logo {
		width:150px;
		margin-left:5px
	}
	#nav-table li a {
		font-size:16px;
		padding:10px 15px
	}
	
}


@media only screen and (max-width:800px) {
	.mc-field-group, .optin input[type=submit] {
		width:100%;
		margin-bottom:10px;
	}
	.mc-field-group input {
		width:100% !important
	}
	.footer-cell .links a {
		font-size:16px;
	}
	.width-50 {
		width:100%;
		float:none
	}
}

@media only screen and (max-width:800px) {
	#header .mobile {
		display:block;
		width:100%
	}
	#header {
		background:url('images/ko-tan-bg.jpg');
		padding:0;
	}
	#header-text {
		width:100%;
		margin:0;
		padding:10px;
		box-sizing:border-box;
	}
	
}


@media only screen and (max-width:700px) {
	#blog-post-left, #blog-post-right {
		width:100%;
		float:none;
	}
	.footer-cell:first-child img {
		width:150px
	}
	.footer-cell {
		display:block;
		width:100%;
		text-align:center
	}
	.footer-cell.right {
		text-align:center
	}
	.blog-cell h3 {
		font-size:16px;
		line-height:1.2
	}
}

@media only screen and (max-width:600px) {
	.blog-cell {
		width:100%;
		float:none;
		box-sizing:border-box;
		margin:0 0 20px 0
	}
	.quote-cell {
		display:block;
		width:100%;
		text-align:center;
		box-sizing:border-box
	}
}




/* mobile nav styling */
#resp-nav {
	display:none;
}
@media only screen and (min-width:771px) {
	
	
}
@media only screen and (max-width:770px) {

	#nav .menu {
		display:table-cell;
		padding:10px
	}
	#nav .menu a {
		display:inline-block;
		width:30px;
		height:30px;
		background:url(images/nav-menu-icon.jpg) no-repeat 50% 50%;
		text-decoration:none
	}
	.show-menu #nav .menu a {
		background:url(images/nav-menu-X.jpg) no-repeat 50% 50%;
	}
	#nav .links {
		display:none
	}
	#nav .social {
		text-align:right;
		width:100px
	}
	#nav .logo {
		margin:0 auto;
		display:block
	}
	.show-menu #resp-nav {
		display:block;
	}
	#resp-nav ul {
		list-style:none
	}
	#resp-nav li a{
		display:block;
		text-transform:uppercase;
		text-decoration:none;
		color:#1d98a4;
		padding:10px 20px;
		font-weight:500;
		border-top:1px solid #aaa;
	}
	#nav .container-inner {
		padding:0
	}
	.nav-table-cell {
		padding:10px 0
	}
	
}


.socialsharing .commentc {
    color: #134450;
    font-size: 11px;
    background: url(https://www.thetappingsolution.com/blog/wp-content/themes/tapping_blog/images/commentbg.png) no-repeat 6px center #ecf4f8;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	display:inline-block;
    padding: 4px 8px 4px 20px;
    border: solid 1px #294E63;
}
.socialsharing .commentc a {
    color: #134450;
    text-decoration: none;
}		
#commentform textarea {
    box-sizing: border-box;
    width: 100%;
    height: 200px;
}
	#submit, .purple-submit {
    border-radius:5px;
    background: #5f3169;
    color: white;
    padding: 10px;
    text-transform: uppercase;
    border: 0;
    font-weight: 600;
    font-size: 16px;
    box-sizing: border-box;
    text-decoration:none;
  
}