/*
Theme Name: CTW-THEME - Twenty Seventeen Child
Theme URI: https://www.carolinatotalwellness.net/blog/twentyseventeen-child/
Author: Medical Management Associates, Inc. - Jason Medina
Author URI: https://medicalpracticewebsitedesign.com/
Template: twentyseventeen
Version: 1.0
Text Domain: swcwc
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

@charset "utf-8";
/* CSS Document */

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: https://meyerweb.com
	HTML5 Doctor				:: https://html5doctor.com
	and the HTML5 Boilerplate	:: https://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;/**/
}									
/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

article, aside, figure, footer, header, hgroup, nav, section, details, summary {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%; height:auto;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;
-webkit-text-size-adjust: none; /* Never autoresize text */}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: none; background:#eee; margin: 1em 0; padding: 0;}


article{
	padding: 20px 0;
	border-bottom: 3px solid #3e295d;
} 
input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: middle;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-family:'Lato'; font-weight:700;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  
.clear{ clear: both; }  
/* ------------------------------------------------- */
/* --------------- Begin Site Styles --------------- */
/* ------------------------------------------------- */

@font-face {
    font-family: 'cinzelregular';
    src: url('https://carolinatotalwellness.com/fonts/Cinzel-Regular-webfont.eot');
    src: url('https://carolinatotalwellness.com/fonts/Cinzel-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://carolinatotalwellness.com/fonts/Cinzel-Regular-webfont.woff') format('woff'),
         url('https://carolinatotalwellness.com/fonts/Cinzel-Regular-webfont.ttf') format('truetype'),
         url('https://carolinatotalwellness.com/fonts/Cinzel-Regular-webfont.svg#cinzelregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cinzelbold';
    src: url('https://carolinatotalwellness.com/fonts/Cinzel-Bold-webfont.eot');
    src: url('https://carolinatotalwellness.com/fonts/Cinzel-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://carolinatotalwellness.com/fonts/Cinzel-Bold-webfont.woff') format('woff'),
         url('https://carolinatotalwellness.com/fonts/Cinzel-Bold-webfont.ttf') format('truetype'),
         url('https://carolinatotalwellness.com/fonts/Cinzel-Bold-webfont.svg#cinzelbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Webfont: Lato-Bold */@font-face {
    font-family: 'LatoWebBold';
    src: url('https://carolinatotalwellness.com/fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('https://carolinatotalwellness.com/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('https://carolinatotalwellness.com/fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('https://carolinatotalwellness.com/fonts/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */@font-face {
    font-family: 'LatoWeb';
    src: url('https://carolinatotalwellness.com/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('https://carolinatotalwellness.com/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('https://carolinatotalwellness.com/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('https://carolinatotalwellness.com/fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Semibold */@font-face {
    font-family: 'LatoWebSemibold';
    src: url('https://carolinatotalwellness.com/fonts/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('https://carolinatotalwellness.com/fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('https://carolinatotalwellness.com/fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
         url('https://carolinatotalwellness.com/fonts/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* =============================== */
/* ======== CONTENT STYLES ======= */
/* =============================== */


#primary p {
	padding: 10px 0 8px 0;
	font-size: 16px;
}

#primary a {
	text-decoration:none;
	color:#ffb046;
	font-family:'LatoWeb';
	font-weight:700;
	transition:all .25s;
}
#primary a:hover {
	text-decoration:none;
	color:#3e295d;
}
body {	
	padding:0 0 120px 0;
	margin:0;
	background-color:#eeefee; /* off white */  
	font-family: 'LatoWeb';
	color: #0a2e50;/* navy blue */
	font-size: 16px; 
	position:relative;
}

#page {
	background-image:url(https://www.carolinatotalwellness.com/images/body-bg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;	
	display:block;
	width: 100%;
	height:100%;
	min-height:1300px;
}

/* ------ HEADER ------- */
header#header-main{
	width:100%;
	height:261px;
}

#header-inner{
	width:1000px;
	margin:0 auto;
	height:261px;
	position:relative;
}

header#header-main a#address {
	background-image: url(https://www.carolinatotalwellness.com/images/icon-map.png);
	background-repeat:no-repeat;
	background-position:0 -3px;
	font-size: 22px;
	color: #477d14;
	text-decoration:none;
	padding:6px 0 0 50px;
	height:40px;
	line-height:50px;
}

header#header-main a:hover#address, header#header-main a:active#address {
	color: #0679a5;
	background-position:0 -43px;
}
header#header-main a#facebook img{
padding:10px 0px 0 40px;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}


header#header-main a#twitter img,
header#header-main a#instagram  img{
padding:10px 0px 0 20px;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

header#header-main a#facebook:hover img,
header#header-main a#twitter:hover img,
header#header-main a#instagram:hover  img{
	-moz-transform:scale(.95,.95);
	-webkit-transform:scale(.95,.95);
	transform:scale(.95,.95);
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

header#header-main #phone {
	background-image: url(https://www.carolinatotalwellness.com/images/icon-phone.png);
	background-repeat:no-repeat;
	background-position:right 5px;
	font-family: 'LatoWebSemibold';
	color: #0180ac;
	font-size: 28px;  
	text-decoration:none;
	position:absolute;
	top:0;
	right:0;
	line-height: 50px; 
	color: #0679a5;
	padding-right:50px;
}

header#header-main #phone a {
	font-family: 'LatoWebSemibold';
	color: #0180ac;
	font-size: 28px;  
	text-decoration:none;
	color: #0679a5;
}

header#header-main  a#logo {
	position:absolute;
	top:80px;
	left:0;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

header#header-main a#logo:hover {
	position:absolute;
	top:70px;
	left:0;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

header#header-main #header-right  ul {
	color:#888888;
	font-size: 22px;
	position:absolute;
	top:120px;
	right:0;
}

header#header-main #header-right ul li {
text-align:right;
}

header#header-main #header-right ul li a{
color:#888888;
font-size: 22px;
text-decoration:none;
line-height:40px;
height:40px;
padding: 0px 50px 0px 0;
margin:0px 0;
}

header#header-main a#portal {
	background-image: url(https://www.carolinatotalwellness.com/images/icon-portal.png);
	background-repeat:no-repeat;
	background-position:right 0;
	height:100%;
	display:block;
	vertical-align: text-bottom;
}



header#header-main a#appointment {
	background-image: url(https://www.carolinatotalwellness.com/images/icon-appointment.png);
	background-repeat:no-repeat;
	background-position:right 0;
	height:100%;
	display:block;
}


header#header-main a#newsletter{
	background-image: url(https://www.carolinatotalwellness.com/images/icon-newsletter.png);
	background-repeat:no-repeat;
	background-position:right 0;
	height:100%;
	display:block;
}


header#header-main a:hover#appointment,
header#header-main a:hover#portal,
header#header-main a:hover#newsletter {
	background-position:right -40px;
	color: #0679a5;
}

	header#header-mobile, #social-media {
		display:none!important;
	}


/* ----- OLD!!!!!! NAVIGATION ----- */
nav#topnav {
	width:100%;
	height:67px;
	display:block;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#104a7f+0,0482ac+50,104a7f+100 */
	background: #104a7f; /* Old browsers */
	background: -moz-linear-gradient(left,  #104a7f 0%, #0482ac 50%, #104a7f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #104a7f 0%,#0482ac 50%,#104a7f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #104a7f 0%,#0482ac 50%,#104a7f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104a7f', endColorstr='#104a7f',GradientType=1 ); /* IE6-9 */

}

nav#topnav ul{
	height:67px;
	width:1000px;
	margin:0 auto;
	display:table;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#104a7f+0,0482ac+50,104a7f+100 */
	background: #104a7f; /* Old browsers */
	background: -moz-linear-gradient(left,  #104a7f 0%, #0482ac 50%, #104a7f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #104a7f 0%,#0482ac 50%,#104a7f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #104a7f 0%,#0482ac 50%,#104a7f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104a7f', endColorstr='#104a7f',GradientType=1 ); /* IE6-9 */
	overflow:hidden;
}

nav#topnav ul li{
	padding:0;
	margin:0;
	display: table-cell;	
	font-family: 'cinzelregular';
}

nav#topnav ul li a{
	padding:0;
	margin:0;
	display: table-cell;	
	color: #ffffff;
	font-size:20px;
	text-decoration:none;
	line-height:67px;
	display:block;
	text-align:center;
	margin:0;
	height:67px;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	behavior: url(PIE/PIE.htc);
}

nav#topnav ul li a:hover, nav#topnav ul li a.current:hover, 
nav#topnav ul li a:active, nav#topnav ul li a.current:active{
	background: #0482ac;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	behavior: url(PIE/PIE.htc);
}

nav#topnav ul li a.current{
	background: #104a7f;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	behavior: url(/pie/PIE.htc);
}

/* NEW NAVIGATION W/ DROPDOWNS */
#nav-wrapper {
	width:100%;
	max-width:100%;
	display:block;
	height:67px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#104a7f+0,0482ac+50,104a7f+100 */
	background: #104a7f; /* Old browsers */
	background: -moz-linear-gradient(left,  #104a7f 0%, #0482ac 50%, #104a7f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #104a7f 0%,#0482ac 50%,#104a7f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #104a7f 0%,#0482ac 50%,#104a7f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104a7f', endColorstr='#104a7f',GradientType=1 ); /* IE6-9 */
}
nav#main-nav {
	height:67px;
	display:block;
	max-width:1000px;
	margin:0 auto;
	position:relative;
	z-index:1000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#104a7f+0,0482ac+50,104a7f+100 */
	background: #104a7f; /* Old browsers */
	background: -moz-linear-gradient(left,  #104a7f 0%, #0482ac 50%, #104a7f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #104a7f 0%,#0482ac 50%,#104a7f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #104a7f 0%,#0482ac 50%,#104a7f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104a7f', endColorstr='#104a7f',GradientType=1 ); /* IE6-9 */
}
nav#main-nav ul {
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	display:table;
	z-index:1000;
}
nav#main-nav ul > li {
	margin:0;
	padding:0;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
	z-index:1000;
	width:auto;
	overflow:visible;
	line-height:55px;
}
nav#main-nav ul > li a {
	position:relative;
	background:none;
	font-family: 'cinzelregular', sans-serif;
	font-weight:400;
	font-size:19px;
	line-height:67px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	z-index:1000;
	transition:background .2s;
}
nav#main-nav ul > li a:hover {
	background: #0482ac;
}



span.droptoggle{display:none;}
/* ---- Dropdown Subnav ---- */
nav#main-nav ul > li.sub {
	position:relative!important;
	z-index:2000!important;
}
nav#main-nav ul > li.sub > ul.dropdown {
	margin:0;
	padding:0;
	position:absolute;
	top:67px;
	left:50%;
	transform:translate(-50%, -5px);
	background: #0482ac; /* blue */
	border-bottom:4px solid #0482ac;
	border-right:6px solid #0482ac;
	border-left:6px solid #0482ac;
	width:280px;
	height:auto;
	z-index:900;
	opacity:0;
	visibility:hidden;
	box-shadow:0 5px 10px -5px rgba(0,0,0,.8);
	transition:opacity 0s;
}
nav#main-nav ul > li.sub:hover > ul.dropdown {
	transform:translate(-50%, 0%);
	opacity:1;
	transition:transform .75s, opacity .5s;
	visibility:visible;
	z-index:2000;


}
nav#main-nav ul > li.sub > ul.dropdown.wnarrow {
	width:180px;
}
nav#main-nav ul > li.sub > ul.dropdown.wmedium {
	width:300px;
}
nav#main-nav ul > li.sub > ul.dropdown.wwide {
	width:350px;
}
nav#main-nav ul > li.sub > ul.dropdown.wxwide {
	width:1100px;
}
nav#main-nav ul > li.sub > ul.dropdown.wxwide.position-left {
	left:0;
	transform:translate(0%, -5px);
}
	nav#main-nav ul > li.sub:hover > ul.dropdown.wxwide.position-left {
		transform:translate(0%, 0%);
		opacity:1;
		visibility:visible;
		z-index:2000;
	}

	nav#main-nav ul > li.sub > ul.dropdown.wxwide.position-left:before {
		display:none;
	}
	nav#main-nav ul > li.sub > ul.dropdown.wxwide > li.col_3 {
		column-count:3;
		column-gap:0;
	}
	nav#main-nav ul > li.sub > ul.dropdown.wxwide > li.col_3 ul {
		display:block;
	}
	nav#main-nav ul > li.sub > ul.dropdown.wxwide > li.col_4 {
		column-count:4;
		column-gap:0;
	}
	nav#main-nav ul > li.sub > ul.dropdown.wxwide > li.col_4 ul {
		display:block;
	}
nav#main-nav ul > li.sub:last-of-type > ul.dropdown {
	left:inherit;
	right:0;
	transform:translate(0%, -5px);
}
nav#main-nav ul > li.sub:last-of-type:hover > ul.dropdown {
		transform:translate(0%, 0%);
		opacity:1;
		visibility:visible;
		z-index:2000;
		
}
nav#main-nav ul > li.sub a {
	position:relative;
	z-index:10;
}

nav#main-nav ul > li.sub:hover ul.dropdown li a {
	background:#fff;
}
nav#main-nav ul > li > ul.dropdown > li, nav#main-nav ul > li > ul.dropdown > li > ul > li {
	height:auto;
	margin:0;
	padding:0;
	display:block;
	float:none;
	background:none;
	position:relative;
	border-bottom:solid 1px rgba(255,255,255,.1);
	z-index:2000;
}
nav#main-nav ul > li.sub > ul.dropdown > li:last-child a {
	border-bottom:none;
}
nav#main-nav ul > li.sub > ul.dropdown > li a, nav#main-nav ul > li.sub > ul.dropdown > li > ul > li a {
	font:18px/22px  'LatoWeb', sans-serif;
	text-align:left;
	text-transform:none;
	display:block;
	float:none;
	color:#0679a5!important;
	z-index:2000;
	padding:20px;
	transition:all .2s;
}
	nav#main-nav ul > li.sub > ul.dropdown > li > ul > li a {
		padding:20px  0 20px 15px;
	}
nav#main-nav ul > li.sub > ul.dropdown > li a:hover {
	color:#477d14!important;
}
nav#main-nav ul > li.sub:hover a, nav#main-nav ul > li.sub.current a {
	background: #0482ac;
}

/* ----- Content Wrapper - holds banner and home page content OR inside page content ---- */

#content-outer-wrapper{
position:relative;
background-image:url(https://www.carolinatotalwellness.com/images/raleigh-skyline.jpg);
background-repeat:repeat-x;
background-position:left bottom;
width:100%;
margin:0;
padding:0;

}

/* ----- Content Wrapper - holds banner and home page content OR inside page content ---- */

#content-wrapper{
	background-color:#ffffff;
	margin:0 auto;
	width:1000px;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(191,193,192,1);
	-moz-box-shadow: 0px 10px 10px 0px rgba(191,193,192,1);
	box-shadow: 0px 10px 10px 0px rgba(191,193,192,1);	
	padding-bottom:10px;
	min-height: 972px;
}

#content-wrapper .wrap {
	padding:0 0 0 20px;
}


/* ----- Left Column - holds the content ----- */
#left-column{
	float:left;
	width:410px;
	padding:40px 0 40px 30px;
}

#left-column.inside{
	float:left;
	width:600px;
	padding:20px 30px 30px 30px;;
}

#left-column.nosubnav{
	width:100%;
	padding:20px 30px 30px 30px;
}

h1#page-title {
	font-family: 'cinzelregular';
	font-size: 24px;
	color:#0679a5;
	margin-bottom:15px;
}

h1#page-title span{
	font-size: 20px;
}

/* ------  Content ------ */

.float-right {
float:right;
margin: 0 0 5px 5px;
}

.float-left {
float:left;
margin: 0 5px 5px 0;
}

.clear{
	clear:both;
}

td {
border:0;
vertical-align:top;
}

.newsmessage5{
	background-color: #eeefee;
	padding:18px;
	line-height:24px;
}

#content-wrapper .wrap .shaded, .newsmessage5{
	background-color: #eeefee;
	padding:18px;
	line-height:24px;
	margin:20px 0;
}

#content-wrapper .wrap p {
padding: 10px 0 8px 0;
font-size: 16px;
}

#content-wrapper .wrap blockquote {
font-size:16px;
line-height:22px;
font-style:italic;
padding:10px;
}

#content-wrapper .wrap a:link, #content-wrapper .wrap a:visited {
color: #477d14; /* green */
font-family: 'LatoWebBold';
text-decoration:none;
}

#content-wrapper .wrap a:hover, #content-wrapper .wrap a:active {
color:#0679a5; /* carolina blue */
}


#content-wrapper .wrap ul, #content-wrapper .wrap ol {
padding: 5px 0 8px 40px;
}


#content-wrapper .wrap ul li, #content-wrapper .wrap ol li {
font-size: 16px; 
padding: 3px 0;
}

#content-wrapper .wrap ul li {
list-style-type: disc;
}

#content-wrapper .wrap ul.nobullets li{
list-style-type:none;
display:inline;
padding-right:10px;
}
#content-wrapper .wrap ul.nobullets li img{
	border:none!important;
}

#content-wrapper .wrap ul li a:link, #content-wrapper .wrap ul li a:visited,
#content-wrapper .wrap ol li a:link, #content-wrapper .wrap ol li a:visited {
color: #477d14; /* green */
text-decoration:none;
font-family: 'LatoWebBold';
}


#content-wrapper .wrap ul li a:hover, #content-wrapper .wrap ul li a:active,
#content-wrapper .wrap ol li a:hover, #content-wrapper .wrap ol li a:active {	
	color:#0679a5; /* carolina blue */
	text-decoration:none;
}

#content-wrapper .wrap h1 {
    font-family: 'cinzelregular';
	font-size: 24px;
	color: #477d14; /* green */
	padding:8px 0 5px 0;
	margin:0;
}
#content-wrapper .wrap h1.entry-title, #content-wrapper .wrap h2.page-title {
    font-family: 'cinzelregular';
    font-size: 24px;
    color: #0679a5;
    margin-bottom: 15px;
}
#content-wrapper .wrap h1 a:link, #content-wrapper .wrap h1 a:visited {
	text-decoration:none;
}

#content-wrapper .wrap h1 a:hover, #content-wrapper .wrap h1 a:active {
	color:#0679a5; /* carolina blue */
}

#content-wrapper .wrap h2 {
    font-family: 'cinzelregular';
	font-size: 20px;
	color: #477d14; /* green */
	padding:8px 0 5px 0;
	margin:0;
}

#content-wrapper .wrap h2 a:link, #content-wrapper .wrap h2 a:visited {
	text-decoration:none;
}

#content-wrapper .wrap h2 a:hover, #content-wrapper .wrap h2 a:active {
	color:#0679a5; /* carolina blue */
}

#content-wrapper .wrap h3{
	color:#0679a5; /* carolina blue */
	font-family: 'LatoWeb';
	font-weight:normal;
	text-transform:uppercase;
	font-size: 18px;
	padding:8px 0 5px 0;
}

#content-wrapper .wrap h3 a:link, #content-wrapper .wrap h3 a:visited {
text-decoration:none;
}

#content-wrapper .wrap h3 a:hover, #content-wrapper .wrap h3 a:active {
color: #477d14; /* green */
}

#content-wrapper .wrap h4 {
	color: #477d14; /* green */
	font-family: 'LatoWeb';
	font-weight:normal;
	font-size: 18px;
	padding:8px 0 5px 0;
}

#content-wrapper .wrap h4 a:link, #content-wrapper .wrap h4 a:visited {
text-decoration:none;
}

#content-wrapper .wrap h4 a:hover, #content-wrapper .wrap h4 a:active {
	color:#0679a5; /* carolina blue */
}

#content-wrapper .wrap h5 {
	color: #477d14; /* green */
	font-family: 'LatoWebBold';
	font-weight:normal;
	font-size: 16px;
	padding:8px 0 5px 0;
}

#content-wrapper .wrap h5 a:link, #content-wrapper .wrap h5 a:visited  {
text-decoration:none;
}

#content-wrapper .wrap h5 a:hover, #content-wrapper .wrap h5 a:active {
	color:#0679a5; /* carolina blue */
}

#content-wrapper .wrap hr {
padding:10px 0 5px 0;
padding:0;
color:#0679a5;
height:1px;
text-align:left;
}
#content-wrapper .wrap #primary article {
	border-bottom:solid 1px #0679a5;
}

#content-wrapper .wrap table {
font-weight:normal!important;
width: 100%;
margin:10px 0 0 0;

}
/* -----  provider table styles ---- */

#content table.providers tr td {
font-size:18px;
font-weight:normal!important;
color:#0a2e50!important; /* navy */
text-align:center;
width:33%;
padding-bottom:20px;
}

#content table.providers tr td a{
font-size:18px;
font-weight:normal!important;
color:#0a2e50!important; /* navy */
text-align:center;
}

#content table.providers tr td a:hover, #content table.providers tr td a:hover{
	color: #477d14!important; /* green */
}


#content table.providers td a img{
	margin-bottom:10px;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	-moz-box-shadow:0 25px 30px -20px #747474;
	-webkit-box-shadow:0 25px 30px -20px #747474;
	box-shadow:0 25px 30px -20px #747474;
}

#content table.providers td a:hover img, #content table.providers td a:active img{
	margin-bottom:10px;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	-moz-box-shadow:0 0 0 0 #747474;
	-webkit-box-shadow:0 0 0 0 #747474;
	box-shadow:0 0 0 0 #747474;
}

#content img{
	margin-bottom:10px;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	-moz-box-shadow:0 25px 30px -20px #747474;
	-webkit-box-shadow:0 25px 30px -20px #747474;
	box-shadow:0 25px 30px -20px #747474;
	margin: 0 10px 10px 10px;
}
	



/*------Bread Crumbs-----*/
#breadcrumbtree {
margin:0 0 0 0;
padding:20px;
font-size:10px;
font-weight:normal;
clear:left;
color:#0a2e50!important; /* navy */
}
#breadcrumbtree a:link, #breadcrumbtree a:visited {
color: #477d14; /* green */
font-size:10px;
text-decoration:none;
}

#breadcrumbtree a:hover, #breadcrumbtree a:active {
color:#0679a5; /* carolina blue */
}


/* ------ Right Column ------ */
#right-column{
	float:right;
	background-image:url(https://www.carolinatotalwellness.com/images/divider.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	min-height:450px;	
	width:510px;
	padding:40px 0 30px 20px;
}

#right-column.inside{
	float:right;
	background-image:url(https://www.carolinatotalwellness.com/images/divider.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	min-height:520px;	
	width:300px;
	padding:40px 20px 30px 20px!important;
}

#right-column h2 {
	font-family: 'cinzelregular';
	font-size: 24px;
	color:#0a2e50; /* navy */
	margin:0 0 10px 15px;	
}

#right-column.inside h2 {
	margin-top:10px;
	margin-bottom:10px;	
}

#right-column h2 a{
	color:#0a2e50; /* navy */
	text-decoration:none;
}

#right-column h2 a span{
	font-size: 20px;
}

#right-column h2 a:hover {
color: #0679a5;
}

#right-column a#denny,
#right-column a#meredith,
#right-column a#cuneo {
	text-decoration:none;
	margin: 20px 0 0 0;
	color: #477d14; /* green */
	font-family: 'LatoWebBold';
	font-size: 13px;
	text-align:center;
	float:left;
	min-width:165px;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

#right-column a#denny:hover,
#right-column a#meredith:hover,
#right-column a#cuneo:hover {
	color:#0679a5; /* carolina blue */
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

#right-column a#denny img,
#right-column a#meredith img,
#right-column a#cuneo img{
	margin-bottom:10px;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	-moz-box-shadow:0 25px 30px -20px #747474;
	-webkit-box-shadow:0 25px 30px -20px #747474;
	box-shadow:0 25px 30px -20px #747474;
}

#right-column a#denny:hover img,
#right-column a#meredith:hover img,
#right-column a#hamm:cuneo img{
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	-moz-box-shadow:0 0 0 0 #747474;
	-webkit-box-shadow:0 0 0 0 #747474;
	box-shadow:0 0 0 0 #747474;
}




/* ---  SUBNAV in the right column ---*/

#subnav{

}

#content-wrapper aside#secondary section > ul {
	margin:0;
	padding:0;
	background:none;
	text-align:left;
}
#content-wrapper aside#secondary section > ul > li {
	list-style:none!important;
	margin:0;
	font-size:16px;
	font-family:'LatoWeb';
}

#content-wrapper aside#secondary section > ul > li a {
	padding:6px 0;
	display:block;
	color:#0679a5; /* carolina blue */
	font-weight:normal;
	font-size: 18px;
	text-decoration:none;
	vertical-align:middle;
	padding-left:40px;
	font-family:'LatoWeb';
}
#content-wrapper aside#secondary section > ul > li a:hover, #content-wrapper aside#secondary section > ul > li a:active {
	color: #477d14; /* green */
}
#content-wrapper aside#secondary section h2 {
	font-family:'cinzelregular';
	    font-size: 24px;
    color: #0a2e50;
    margin: 0 0 10px 15px;
}

/* ----- CALLOUTS ----- */
#callouts {
	width:100%;
	margin:0 auto;
	padding:60px 30px;
	height:auto;
}
#callouts a{
	background-color: #eeefee;
	float:left;
	text-decoration:none;
	width:240px;
	height:135px;
	padding:185px 20px 20px 20px;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	-moz-box-shadow:0 25px 30px -20px #747474;
	-webkit-box-shadow:0 25px 30px -20px #747474;
	box-shadow:0 25px 30px -20px #747474;
}

#callouts a:hover{
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	-moz-box-shadow:0 0 0 0 #747474;
	-webkit-box-shadow:0 0 0 0 #747474;
	box-shadow:0 0 0 0 #747474;
}

#callouts a h3{
	color:#0a2e50;
	font-family: 'cinzelregular';
}

#callouts a:hover h3{
color:#0679a5; /* carolina blue */
}
#callouts a p{
	color:#5a5959;
	padding-top:8px;
}

#callouts a:hover p{
	color: #477d14; /* green */
	padding-top:8px;
}

#callouts a p.learn-more{
	color: #477d14; /* green */
	font-family: 'cinzelregular';
	text-align:right;

}

#callouts a p.learn-more img{
	vertical-align: bottom;
}

#callouts a#functional-medicine{
	background-image:url(https://www.carolinatotalwellness.com/images/callout-functional-medicine.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0 48px 30px 0;
}

#callouts a#about-your-visit{
	background-image:url(https://www.carolinatotalwellness.com/images/callout-about-your-visit.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0 0 30px 0;
}


#callouts a#allergy{
	background-image:url(https://www.carolinatotalwellness.com/images/callout-allergy-drops.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0 48px 30px 0;
}


/* -- give some space before each heading on the news.php page -- */
#content h4.newslistingbodycontent {
	margin-top:20px;
	padding:0 0 5px 0;
	text-decoration:none;
	font-weight:normal;
}


/* ------ FOOTER ------ */

footer#footer-main{
	width:100%;
	background: #236231;
	color: #dcdcdc;
	font-size: 12px;
	position:absolute;
	bottom:0;
	left:0;
}

#footer-inner {
	width:1000px;
	margin:0 auto;
	padding:25px 0 20px 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#236231+0,80a33f+50,236231+100 */
	background: #236231; /* Old browsers */
	background: -moz-linear-gradient(left,  #236231 0%, #80a33f 50%, #236231 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #236231 0%,#80a33f 50%,#236231 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #236231 0%,#80a33f 50%,#236231 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#236231', endColorstr='#236231',GradientType=1 ); /* IE6-9 */
}

footer#footer-main p, footer#footer-main ul{
	text-align:center;
	padding-bottom:10px;
}

footer#footer-main p a{
	padding:0;
	margin:0;
	color: #dcdcdc;
	text-decoration:none;
}

footer#footer-main p a:hover {
	color: #ffffff;
}

footer#footer-main ul li{
	display:inline;
	text-align:center;
	margin:0;
	color: #dcdcdc;
}

footer#footer-main ul li a {
	padding:0 3px;
	margin:0;
	color: #dcdcdc;
	text-decoration:none;
}

footer#footer-main ul li a:hover {
	color: #ffffff;
}

/* Blog SVG icons in content footer */
.cat-links .icon, .tags-links .icon, .nav-title-icon-wrapper .icon {
    max-height: 30px;
    max-width: 30px;
    bottom: -10px;
    position: relative;
    padding: 0 5px;
}
.screen-reader-text {
	display:none;
}

/* ------ Form Styles ------ */
.inpsec {visibility:hidden;}	

fieldset {
	border:solid 1px #888888;
	margin-bottom:20px;
	margin-top:0px;		
	padding:0 20px 20px 20px;
}

legend {
    font-family: 'cinzelregular';
	font-size: 20px;
	color: #477d14; /* green */
	margin:0 0 10px 0;
	padding:0 5px;
}	

table.formrequest {
    color:#0a2e50; /* navy */
    font-size: 16px;
    line-height: 28px;
    padding: 0 0 10px;
}

table.formrequest td {
    padding: 0 0 10px 0;
}

input, textarea, select {
    border: 1px solid #ccc;
    border-radius: 4px;
    color:#0679a5; /* carolina blue */
    margin: 0 5px 0 0;
    outline: medium none;
    padding: 3px;
}



table input[type="button"], table input[type="submit"], input[type="button"], input[type="submit"] {
	font-family: 'LatoWeb'!important;
	text-align:center;
	text-decoration:none;
	background-color:#0679a5; /* carolina blue */
	border:none;
	color: #ffffff!important;
	font-size: 16px; 
	font-weight:normal!important;
	padding:4px 8px!important;
	border-radius:4px;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	behavior: url(PIE/PIE.htc);
}
table input[type="button"]:hover, table input[type="submit"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
	background-color: #236231;
	color: #ffffff!important;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	behavior: url(PIE/PIE.htc);
}

a.button {
	font-family: 'LatoWeb'!important;
	text-align:center;
	text-decoration:none;
	background-color:#0679a5; /* carolina blue */
	color: #ffffff!important;
	font-size: 16px; 
	font-weight:normal!important;
	padding:4px 8px!important;
	border-radius:4px;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	behavior: url(PIE/PIE.htc);
}

a.button:hover {
	background-color: #236231;
	color: #ffffff!important;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	behavior: url(PIE/PIE.htc);
}



/* ------ misc styles ------ */

a[href $='.pdf'] { 
   padding-right: 30px;
   background: transparent url(https://www.carolinatotalwellness.com/images/icon-pdf.gif) no-repeat center right;
}


.screenonly {
	display:block;
	visibility:visible;
}
.printonly {
	display:none;
	visibility:collapse;
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------ Page Structure (columns) ----------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
#secondary {
	float:right;
	/*width:32.1666667%;*/
	background-image:url(https://www.carolinatotalwellness.com/images/divider.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	min-height:520px;	
	width:300px;
	padding:0 20px 30px 20px!important;
	position:relative;
	box-sizing:border-box;
	margin-top:-30px;
}
#primary {
	/*width:67.833333%;*/
	width:calc(100% - 320px);
	height:auto;
	float:left;
	margin:0;
	padding:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
	position:relative;
}
aside#secondary section {
	margin:30px 0;
}
#primary.fullwidth {
	width:100%;
	border:none;
	min-height:300px;
}

.blog-author {float:right;width:200px;height:auto;text-align:center;padding-left:10px; font-size:20px; line-height:auto; font-weight:bold;}

/* Style to make telephone link non-clickable in browser */
a[href^="tel"] { text-decoration: none; pointer-events: none; cursor: default; }﻿


@media (min-width : 800px) { /* This ensure that the mobile toggles don't display and that the main nav and locations list display */
	header#header-mobile, #social-media {
		display:none!important;
	}
	header#header-main, nav#main-nav {
		display:block!important;
	}
}
@media (max-width : 799px) {
	body {
		padding:0;
		background:#eeefee;
	}
	header#header-main, nav#main-nav, section#callouts {
		display:none;
	}
	header#header-mobile, #social-media {
		display:block!important;
	}
	header#header-mobile {
		background-color:#ffffff;
		border-bottom:solid 1px #c4c2c2;
		margin:0;
		padding:0;
		width:auto;
		height:130px;
		display: block;
		position:relative;
	}
	
	header#header-mobile a{
		text-decoration:none;
	}
	
	
	#header-mobile a#phone-mobile {
		font-family: 'LatoWebSemibold';
		color: #0180ac;
		font-size:24px;
		position:absolute;
		top:88px;
		right:80px;
	}
	
	
	a.mtoggle {
		width:34px;
		height:26px;
		padding:3px;
		background:#104a7f url(https://www.carolinatotalwellness.com/images/mobile-icon-menu.png) no-repeat 10px center;
		color:#104a7f;
		font-size:12px;
		text-decoration:none;
		line-height:43px;
		position:absolute;
		top:80px;
		right:20px;
		cursor:pointer;
	}
	a.mtoggle.toggle-active {
		background-color:#477d14;
		background-image:url(https://www.carolinatotalwellness.com/images/mobile-icon-menu.png);
		background-repeat:no-repeat;
		background-position: -169px center;
	}
	a.mtoggle span {
		position:absolute;
		top:-30px;
		left:0;
		display:block;
		text-align:center;
		width:100%;
		color:#104a7f; /* navy */
	}
	#social-media{
		width:95%;
		margin:10px auto 0 auto;
		text-align:center;
	}
	
	#social-media a{
		padding: 0 3%;
	}
	#content-outer-wrapper {
		background:#eeefee;
	}
	#content-wrapper, #primary, #secondary, #footer-inner {width:100%; max-width:100%; height:auto; min-height:inherit; padding:0; box-sizing:border-box;float:none;}
	#content-wrapper {
		padding:0 0 40px 0;
		background:none;
	}
	#content-wrapper .wrap {
		padding:2% 4%;
		box-sizing:border-box;
	}
	#secondary {background:none; padding:30px 0 0 0!important;}
	#page {height:inherit; min-height:inherit; background:none;}
	footer#footer-main {
		position:relative;
		bottom:inherit;
		left:inherit;
	}
	#footer-inner {
		padding: 25px 0 20px 0;
	}
	#breadcrumbtree-wrapper {
		display:none;
		background: #104a7f; /* Old browsers */
		background: -moz-linear-gradient(left,  #104a7f 0%, #0482ac 50%, #104a7f 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #104a7f 0%,#0482ac 50%,#104a7f 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #104a7f 0%,#0482ac 50%,#104a7f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104a7f', endColorstr='#104a7f',GradientType=1 ); /* IE6-9 */
	}
	#breadcrumbtree {
		color:#fff!important;
		font-size:.75rem;
	}
	#breadcrumbtree a {
		color:#fff!important;
		text-decoration:none;
	}
	#breadcrumbtree a:hover {
		color: #fff!important;
	}
	#content-wrapper aside#secondary section h2 {
		margin:0;
	}
	
	
	/* ---- Mobile menu styles  ---- */
	#menu{
		position:absolute;
		top:112px;
		right:20px;
		z-index:10000;
		width:200px;
	}
	
	/* drop down */
	.menu{
		overflow-x:none;
		overflow-y:auto;
		font-size:15px;
		background:#104a7f;
		color:#ffffff;
		border-bottom:solid 1px #ffffff;
	}
	
	.menu .menu-inner{
		padding:0 0 15px
	}
	.menu .menu-inner>p{
		margin-left:15px;
		margin-right:15px;
	}
	.menu.right{
		left:auto;
	
	}
	.menu.left{
		left:-260px;
		right:auto;
	}
	.menu h1,.menu h2,.menu h3,.menu h4,.menu h5,.menu h6{
		font-size:20px;
		color:#fff;
		font-weight:normal;
		padding:5px;
		margin:0;
		line-height:20px;
		background:#040707;
		text-shadow:0 0 4px #455994;
	}
	.menu p{
		font-size:13px;
		margin:0 0 12px;
	}
	.menu p a{
		color:rgba(255,255,255,0.9);
	}
	.menu>p{
		margin-left:15px;
		margin-right:15px;
	}
	.menu ul{
		display:block;
		margin:0;
		padding:0;
	}
	.menu ul li{
		display:block;
		margin:0;
		line-height:48px;
		border-top:1px solid #ffffff;
	}
	.menu ul li:hover,.menu ul li.active,.menu ul li.menu-class-active{
		line-height:48px;
	}
	.menu ul li:hover>a,.menu ul li:hover>span,.menu ul li.active>a,.menu ul li.active>span,.menu ul li.menu-class-active>a,.menu ul li.menu-class-active>span{
		background:#477d14;
	}
	.menu ul li > a.selectedon {
		background:#477d14;
	}
	.menu ul li a,.menu ul li span{
		padding:0 15px;
		display:block;
		text-decoration:none;
		color:#fff!important;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.menu ul li ul{
		border-bottom:none;
		margin:0;
	}
	.menu ul li ul li{
		line-height:40px;
		font-size:13px;
	}
	.menu ul li ul li:last-child{
		border-bottom:none;
	}
	.menu ul li ul li:hover,.menu ul li ul li.active,.menu ul li ul li.menu-class-active{
		border-top:none;
		line-height:41px;
	}
	.menu ul li ul li:hover>a,.menu ul li ul li:hover>span,.menu ul li ul li.active>a,.menu ul li ul li.active>span,.menu ul li ul li.menu-class-active>a,.menu ul li ul li.menu-class-active>span{
		-webkit-box-shadow:inset 0 0 15px 3px #222;
		-moz-box-shadow:inset 0 0 15px 3px #222;
		box-shadow:inset 0 0 15px 3px #222;
	}
	.menu ul li ul li a,.menu ul li ul li span{
		color:rgba(255,255,255,0.8);
		padding-left:30px;
	}

}
@media (max-width : 639px) {
	/* Style to make telephone link clickable in phone browser */
	a[href^="tel"] { text-decoration: none; pointer-events: inherit; cursor: default; }﻿
}
