/*  Modified 3/6/13 8:26pm 
#####################################################
Wes renamed Skeleton Child Theme file from style.css 
to: style_skelchild.css
(mainly so my custom code wouldn't start at line 1000)
#######################################

Theme Name: Skeleton Child Theme
Theme URI: https://www.simplethemes.com
Description: A simple WordPress theme based on the Skeleton RWD framework
Version: 1.6
Author: Wes Rowe modifying a theme from SimpleThemes
Author URI: https://wesrowe.net
Template: skeleton
License: GPL
License URI: https://www.opensource.org/licenses/gpl-license.php
*/
@import url("style_skelchild.css");

@import url("css/owl.carousel.css");

@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i');

@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i');

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,700,700i&display=swap');

/* BODY STYLES to make up for sometimes-missing Them Options Plugin styles*/
body { /* replaced 'gradient' with shadows both sides */
	font-family: 'Roboto', sans-serif;
	background-color: #542B8F;
	/*box-shadow: inset 0px 0px 100px 0px #1F1036;*/
}

/*Hide Request Appt on Req Appt Page*/
body.page-id-508 .header_extras {
	display:none;
}

#navigation ul.sub-menu li.no-top-border a {
	border-top:0;
	padding-left:10px;
	padding-top:8px;
	font-weight: normal;
	text-decoration: none;
}

@media only screen and (max-width: 767px) {
	#navigation ul.sub-menu li.no-top-border a, #navigation ul.sub-menu li.no-top-border a {
	    border-top: none !important;
	    width: 100% !important;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: normal;
	font-weight: 700;
}

body.home h2.entry-title {display:none;}

#header #site-title.graphic a {
	float: left;
	width: 300px !important;
	background-size: 100% auto;
}

@media only screen and (max-width: 960px) {
	#header #site-title.graphic a { 
		width: 200px !important;
		background-size: 90% auto;	
	}	
}

#header #site-title.graphic a.rni-research-header {
	background-image: url('images/rni-research.jpg');
	background-size: 120px auto;
	background-repeat: no-repeat;
	background-position: left center;
}

h4 {
	color: #181818;
	font-size: 21px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}
#wrap {  /* <body> can't cast a shadow, so we do it here */
	/*-moz-box-shadow: 0px 0px 30px 0px #000000;
	-webkit-box-shadow: 0px 0px 30px 0px #000000;
	box-shadow: 0px 0px 30px 0px #000000; */
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=270, Color='#000000')";*/
}
/* Top Utility Nav -- patient portal and the like */
#header { margin-top: 0; }
div#rni-utility-nav {
	position: absolute;
	right: 0;
	top: -20px;
	/* float: right; */
	padding-right: 15px;
	background-color: #4e2683;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-left-radius: 30px;
}
	ul#menu-top-utility-nav {
		
	}
		#menu-top-utility-nav li {
			float: right;
			display: inline;
			padding-right: 10px;
		}
		#menu-top-utility-nav a {
			border: none;
			color: #fff;
			font-weight: bold;
			font-size: .8em;
			text-decoration: none; 
		}
		#menu-top-utility-nav a:hover { text-decoration: underline; }
		/* target Facebook link */
		ul#menu-top-utility-nav li:nth-child(2) { /* nth-child targets FB icon
												* only. Must increment if new menu
												* items are added */
			position: relative;
			left: 8px;
			background: url(https://www.neurokc.com/wp-content/uploads/2012/11/Facebook_25x25.png) no-repeat 0;
			
		}
		ul#menu-top-utility-nav li:nth-child(2) { background-image: url(https://www.neurokc.com/wp-content/uploads/2012/11/Facebook_25x25.png);}
		ul#menu-top-utility-nav li:nth-child(2) a {
			text-indent: -9999px;
		}
/* Add phone number below utility nav (and possibly animate it down) */ 
#contact_dropdown {
	position: absolute;
	right: 15px;
	top: 25px;
	background-color: #fff;
	font-weight: bold;
	color: #4e2683;
	border: solid 2px #ddd;
	border-top: none;
	padding: 10px /* to continue frame behind purple menu */ 10px 5px 10px;
	text-align: left;
	z-index: 9999;
	
}
	#contact_dropdown a,
	#contact_dropdown address {
		color: #4e2683;
		text-decoration: none;
		font-style: normal;
		font-weight: normal;
		
	}
	#contact_dropdown .top_phone a { 
		font-weight: bold;
		font-size: 1em; /* bigger on small screens*/
		line-height: .7em;
	}
	#contact_dropdown .top_address { 
		font-size: .85em; /* bigger on small screens */
		line-height: 100%;
		margin-bottom: 0px;
		margin-top: 15px;
	}
/* Banner on home page -- created to announce new MRI magnet*/
#banner_homepage2 {
	background: #f1efee;
	text-align: left;
	padding: 20px !important;
	border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	margin-bottom: 15px;
}
#banner_homepage h2 {
	color: #000;
}

/*#banner_homepage2 {
	background: #dcf url(https://www.neurokc.com/wp-content/uploads/2013/04/MRI_straightened_120x88.png) 10px center no-repeat;
	text-align: left;
	padding: 5px;
	-moz-box-shadow: 1px 3px 10px 2px #555555;
	-webkit-box-shadow: 1px 3px 10px 2px #555555;
	box-shadow: 1px 3px 10px 2px #555555;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#555555')";
	margin-bottom: 15px;
	padding-left: 140px;
}*/

/* Doctor Rowe Ads*/

a.drbutton {
	background: #4e2683;
	color: #fff;
	padding: 8px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

a.drbutton:hover {
	opacity: .9;
}

.drad {
	background: #f1efee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px;

}

.drad p {
	margin: 15px 0;
}


/* Adding Information Centers buttons on home page */
	/* for LARGE SCREENS */
	@media only screen and (min-width: 960px) {
		#home_page_centers_area .hp_first_group .height_control { min-height: 225px; }
		#home_page_centers_area .hp_second_group .height_control { min-height: 260px; }
	}
	@media only screen and (min-width: 768px and max-width: 959px) {
		#home_page_centers_area .hp_first_group .height_control { min-height: 210px; }
		#home_page_centers_area .hp_second_group .height_control { min-height: 210px; }
	}	
#home_page_centers_area { margin-top: 10px; }
#home_page_centers_area h1,
#home_page_centers_area h2,
#home_page_centers_area h3 {
	text-align: center;
}
#home_page_centers_area h1 {
	margin-top: 10px;
	margin-bottom: 0px;
}
#home_page_centers_area h3 {
	font-weight: bold;
	font-size: 2em;
	font-weight: bold;
}
#home_page_centers_area .cta { 
	padding-bottom: 0px; 
	border-width: 2px;
	background-color: #ddd;
}
#home_page_centers_area ul { margin-top: 10px; margin-bottom: 0px;}
.hp_second_group { margin-top: 10px; }
/* colored borders */
#home_page_centers_area .hp_first_group .ca_headache { 
	border-color: #5c9a2d; 
	box-shadow: inset 0 0 10px #5c9a2d;
}
#home_page_centers_area .hp_first_group .ca_sleep  {
	border-color: #d1911a;
	box-shadow: inset 0 0 10px #d1911a;
}
#home_page_centers_area .hp_second_group .ca_ms  { 
	border-color: #b6ae1b;
	box-shadow: inset 0 0 10px #b6ae1b;
}
#home_page_centers_area .hp_second_group .ca_general { 
	border-color: #2380c7; 
	box-shadow: inset 0 0 10px #2380c7;
}
/* buttons */
#all_diseases {
	float: left;
	width: 100%;
}
div.disease_block {
	display: block;
	text-align: center;
	width: 90%;
	float: left; 
	margin: 0px 5px 10px 0;
	padding: 0px;
}
.disease_block a { 
	/* width: 90%; */
	
}
	.headache_block {}
	.sleep_block {}
	.ms_block {}
.center_name_span { display: block; clear: both; font-size: 1.2em; }
.learn_more_span { font-size: .8em; font-weight: normal; }	

/* Main Nav */
	/* most nav stuff is in skeleton_child.css, and modified for mobile in layout.css */
span.sf-sub-indicator { /* this is the little arrow indicating sub menu */ 
	display: none; /* replaced with +/- indicator */
	font-size: 10px; 
	font-weight: bold;
	
}
/* new expand/collapse +/- icon for main nav */
a.sf-with-ul { margin-right: 0px; }
a.sf-with-ul, a.sf-with-ul:hover {
	background: url(images/icons/16_expand.png);
	background-position: right 8px center;
	background-repeat: no-repeat;
}
li.sfHover > a.sf-with-ul, li.sfHover:hover  > a.sf-with-ul {
	background-image: url(images/icons/16_collapse.png) !important;
	background-repeat: no-repeat;
	background-position: right 8px center;
}

li.page_item a,li.menu-item a {
	font-weight: normal; /* fixes random bolding in main nav at >960px width */
} 
#breadcrumbs {
	float: left;
	margin-left: 15px;
	margin-right: 30px;
}
#breadcrumbs a { color: #999; }
.breadcrumb_last { color: #999; }

/* MAIN PAGE LAYOUT */
.container { background-color: #fff; }

#header .inner {
	padding-top: 5px;
	padding-bottom: 5px;
}
/* a little purple emphasis on HOMEPAGE TYPOGRAPHY */
span.purple.bold  { color: #4e2683; font-weight: bold; }
h3.casual {
	
}

h2 {
	color: #4e2683;
}
p {
	margin-bottom: 18px;
}
li { margin-bottom: 8px; }
/* Responsive VIDEO embed */ 
.fancybox-title,
.fancybox-title-over {
	left: -9999px !important;
	position: absolute;
}
.yt_thumb_container { /* set width for container same as thumbnail setting in plugin, so play-button overlay is centered */
	width: 220px;
	margin: 5px auto;
	background-color: rgba(68, 186, 242, 0.62);
	border-radius: 5px;
	padding: 8px 5px;
}
.yt_no_indent { margin-left: 0; }
/* see farther below for clear_for_small_screens_only  */

.arve-embed-container  { margin-bottom: 10px;}
.arve-embed-container  { margin-bottom: 10px;}
.free_vid_txt { font-style: italic; margin: 5px auto; font-size: 16px; font-weight: bold; }
.arve-thumb-wrapper { margin-bottom: 5px;}
/* SOCIABLE layout, built-into-template version (loop-page.php) */
#rni_sociable_box {
	border: solid 3px #DDD;
	font-weight: bold;
	max-width: 250px;
	padding: 10px 15px;
	margin: 20px 0px;
}
	#rni_sociable_box ul {
		/* max-width: 250px; */
	}
/* Thumbel Slider (home page) */
.thumbel-content { letter-spacing: 0px; }

/* thumbel little is working better than the other one I found, but still y-axis is not responsive */ 
/* note: need to put div#thumbel-little around shortcode for following to work */
#thumbel-little .thumbel_slider div:first-child {
	width: 200px !important;
	height: 150px !important;
}
#thumbel-little .thumbel_slider div div {
	width: 200px !important;
	height: 150px !important;
}
/* BOX LAYOUT HOME PAGE */
div.tile-container {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #4e2683;
	-moz-box-shadow: 1px 3px 10px 2px #555555;
	-webkit-box-shadow: 1px 3px 10px 2px #555555;
	box-shadow: 1px 3px 10px 2px #555555;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#555555')";
}
div.home-image-tile  {
	float: left;
	width: 48%;
	margin: 0;
	text-align: center;
	height: 100%;
}
p.home-tile-text {
	clear: left;
	font-size: .85em;
	color: #fff;
	line-height: 1.3em;
}
.home-image-tile img { 
	background-color: #fff; 
	margin-top: 5px;
	border: solid 2px #4e2683;
}
.home-image-tile a { 
	font-style: italic;
	color: #fff;
}
.appointment-box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #eee;
	border: solid 2px #3591bd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #eee;
	padding: 5px 5px 10px 10px;
	margin-top: 10px;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 8%, #cecece 92%, #bbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(8%,#e0e0e0), color-stop(92%,#cecece), color-stop(100%,#bbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#e0e0e0 8%,#cecece 92%,#bbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%,#e0e0e0 8%,#cecece 92%,#bbb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%,#e0e0e0 8%,#d0d0d0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f9f9f9 0%,#e0e0e0 8%,#cecece 92%,#bbb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
}
.appointment-box .button { font-weight: normal; }/* no-javascript warning for forms */.js-disabled-form-notification {	background-color: #FFFF91;	border: solid 1px #BF2633;	padding: 10px;}
/* RNI_feature_box -- built for sleep ctr landing page*/
.rni_feature_box {
	border-radius: 10px;
	margin: 20px 3% 25px 3%;
	background-color: #E0F0FF;
	padding: 10px;
	box-sizing: border-box;
	moz-box-sizing: border-box;
}
/* SLEEP QUIZ (via Watu Exam plugin) */
.quiz-form  {
	float: left;
	width: 100%;
}
.watu-question {
	float: left;
	width: 100%; 
	box-sizing: border-box;
	border-bottom: 2px solid rgb(133, 174, 213);
	margin-right: 3px;
	padding: 10px 20px;
}
.question-content { float:left; width:100%; margin-top: 0px !important}
.watu-question input { 
	float:left; 
	display:inline !important; 
	top:0px !important 
}
.watu-question label { float:left; display:inline !important; }
.quiz-form  #action-button { clear:both; margin-top: 30px; float:left; }
.radio_plus_label { 
	display: inline-block; 
	padding-bottom: 5px;
}
.single-page-quiz #action-button {
	font-size: 20px;
	background: background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1a3570), color-stop(100%, #2e4b8a));
background-image: -webkit-linear-gradient(#1a3570, #2e4b8a);
background-image: -moz-linear-gradient(#1a3570, #2e4b8a);
background-image: linear-gradient(to bottom, #1a3570, #2e4b8a);
background-image: -o-linear-gradient(#1a3570, #2e4b8a);
-pie-background: linear-gradient(#1a3570, #2e4b8a);
-moz-box-shadow: inset 0 1px 0 0 #3e61ac;
-webkit-box-shadow: inset 0 1px 0 0 #3e61ac;
-o-box-shadow: inset 0 1px 0 0 #3e61ac;
box-shadow: inset 0 1px 0 0 #3e61ac;
cursor: pointer;
color: #fff;
border: 1px solid #1d3d81;
text-shadow: 0 1px 0 #122c63;
}
/* div.watu-question div:nth-child(5) {
	clear: left;
} */
/* Help us find old URLs form */
.old_url_form .gfield_label { font-size: 20px; }
.old_url_form  .gfield_description { font-size: 16px !important; }
.cta p { margin-bottom: 10px; }
.old_url_form .gform_wrapper input[type="text"] {font-size: 14px !important;}
/* Congress Contact page IOASE "Save Medicare" */
.center_within { text-align: center; }
.flat_btn {
	display: block;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	font-size: 1.2em;
	padding: 10px;
	margin: 20px 30px;
	text-align: center;
	width: 50%;
}
.flat_btn:hover {
	text-decoration: none;
	color: #fff;
}

.ioase_link {
	background-color: #000099;
	color: #fff !important;
}
	.ioase_link:hover {
		background-color: #0000bb;
	}
/* FIXES for LARGE SCREENS */
@media only screen and (min-width: 768px) {
	a.locations-cta { /* note this code exists uncommented in layout.css */
	
						/* note Display:BLOCK necessary to make an <a> behave
						like a <div> */
						/* LEFT THIS to pursue later -- shrink this map and move to 
				header for mobile */
		/* display: block;
		background: url(https://localhost/NeuroKC-DEV/wp-content/uploads/2012/10/Map-for-homepage.png) no-repeat 0 0;
		position: relative;
		height: 200px;
		width: 100%;
		margin-top: -40px; */
	}
	.right-border-only  .one_half { /* right border on sleep center page */
		border-right: 2px solid #ddd; 
		box-sizing: border-box;
		moz-box-sizing: border-box;	
	}
	.marginy { margin: 30px 50px; }
	
}
/*** FIXES for all SMALLER SCREENS ***
 *** Place fixes for only certain sizes inside skeleton.css ***
*/
	@media only screen and (max-width: 959px) and (min-width: 768px) {
		#insurance_collage {
			width: 220px; 
		}
	}
	@media only screen and (max-width: 767px) {
        .appointment-box {
			margin-top: 10px;
		}
		
		#header .header_extras {
			margin-top:42px;
			text-align: right;
		}
		
		.header_extras a {
			clear:both;
			display:block;
			margin-top: 8px;
		}
		
	}
	@media only screen and (max-width: 479px) {
		/* include before and after video thumbnails or images that are floated with text */
		.clear_for_small_screens_only { clear: both; }
		
		.header_extras a {
			clear:both;
			display:block;
			margin-top: 24px;
			font-size: 16px;
		}
	
	}
	
/* format radio button quiz on appt request form */
	span.wpcf7-list-item { display: block; }
/* Appointment Request Form */ 


/* SIDEBAR  */
/* #sidebar { padding-right: 5px; } */
#sidebar ul {
	list-style-type: none;
	/* padding-right: 5px; */
}
#sidebar .widget-container  {clear: both; padding-top: 15px; margin-left: 0 !important; }
h3.widget-title a { color: #181818; }

.widget_text li, /*  */
.widget_recent_entries li,
#sidebar div.latest-title,
#sidebar  li.menu-item  {
	clear: both;
	border-bottom: 1px solid #EEE;
	padding-left: 10px;
	margin-bottom: 6px;
}
#sidebar  li.menu-item a { padding: 0px; } 
#sidebar li.menu-item,
#sidebar .widget_text li,
#sidebar div.latest-title { 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px; 
}
#insurance_area { text-align: center; color: #4e2683; }

/* Locations Page */
.addresses p {
	line-height: 1.2em;
	margin-bottom: 0px;
}
	.addresses p.hours { margin-top: 5px; font-style: italic; }
	.addresses p.access_tips { font-style: italic;  }
	article.single_address { padding-bottom: 15px; }
	.addresses h4 {
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.single_address h4,
	.single_address p { margin-left: 20px; }
	
/* Main Body Styles */

body {background-repeat: repeat; }

#content ul {
	list-style-type: disc;
	padding-left: 25px;
}
#content ul.tabs-content li.active { display: block !important; } 
					/* removes bullet from tabbed content */

/* Staff list widgets [note: these classes created in functions.php */
#sidebar a.staff_name {font-weight: bold;}

div.staffer_wrapper  {
	margin: 0 0 0px 0;
	clear: both;
	/* border-bottom: 1px solid #EEE; doubling the one on text-widget <li>'s */
}
	div.staffer_wrapper .sidebar_thumb {
		float: left;
		margin: 5px;
	}
	div.staffer_wrapper .sidebar_thumb a { margin-bottom: 0; }
	div.staffer_wrapper  p { margin-bottom: 0px; }
	
		div.staffer_wrapper .staff_text_wrapper {
			float: left;
			width: 75%; /* tweaked in skeleton.css */
			vertical-align: middle;
			text-indent: 0px;
			line-height: 1.5em;
			padding-top: 5px;
		}
			div.staffer_wrapper .staff_name {
				vertical-align: top;
			}
			div.staffer_wrapper .bio_excerpt {
				
			}


/* FEED link settings */
#cat_title_feed_block h1 {  /* wraps title and feed link */
	
}  

a.feed_suggest {
	/* position: absolute;
	top: 20px;
	right: 0px; */
	float: right;
	font-size: 1em;
	margin-top: 10px;
	/* margin-left: 30px;
	background: url(https://www.neurokc.com/wp-content/themes/skeleton_childtheme/images/icons/feed-icon-28x28.png) left no-repeat; */
}
.feed_suggest img {
	padding-right: 5px;
	vertical-align: bottom;
}

/* Homepage Layout Mobile 2016
---------------------------------------------- */

.rni-mobile-on {
	display:none;
}
.rni-desktop-on {
	display:block;
}

#sidebar img {max-width: 100%;}

@media only screen and (max-width: 767px) and (min-width: 480px) {
	.container {
	    width: 94%;
	    padding: 0 2% !important;
		margin: 0 auto;
	}
	
	.container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
		width: 100%;
		padding:0 !important;
		margin:0 !important;
	}
}

@media only screen and (max-width: 768px) {
	.rni-mobile-on {
		display:block;
	}
	.rni-desktop-on {
		display:none;
	}
	
	body {
		background-color:#fff;
		background-image:none;
	}
	
	.container {
		width: 100%;
		margin:0 auto;
		padding:0 !important;
	}
	
	.rni-mobile-extras a {
		background-color: #E8E7E7;
		border-radius: 5px;
		padding: 8px 12px;
		text-decoration: none;
		font-weight: bold;
	}
	
	#header #site-title.graphic a {
		width: 200px;
		background-position: 15px center;
	}
	
	.gform_wrapper.gf_browser_chrome .gform_body {
		width: 100% !important;
	}
	
	#content .gform_body ul {
		padding-left: 0;
	}
}

@media only screen and (max-width: 767px) {
	.container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
		width: 100%;
		padding:0 !important;
		margin:0 !important;
	}
}



/* New Responsive Styles 9-26-2016 */

/* CTA Phone Number A tag */

.back-pain-article-cta a {
	color:#fff !important;
}

.entry-content {padding: 5px; line-height: 170%;}

.post.hentry .entry-content h2,
.post.hentry .entry-content h3,
.post.hentry .entry-content h4,
.post.hentry .entry-content h5,
.post.hentry .entry-content h6 {
	margin-top: 30px;
}

.post.hentry .entry-content {padding: 10px 0;}

.post.hentry, .page.hentry {padding: 5px;}

body.home .page.hentry {padding:0;}

.menu-opener {
	display:none;
}

.menu-header {
	display:block;
}

.mobile-hide {
	display:block;
}

.desktop-hide {
	display:none;
}

@media only screen and (max-width: 768px) {
	
	body, html {
		width: 100%;
	    margin: 0px;
	    padding: 0px;
	    
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	.wrap {overflow-x: hidden;}
	
	.menu-opener {
		display:block;
	}
	
	.menu-header {
		/*display:none;*/
	}
	
	#banner_homepage2 {
		background:none;
		background-image: none;
		padding: 15px;
		box-shadow: none;
		border-bottom: 1px solid #ccc;
	}
	
	#header div#site-title a, #header h1#site-title, #header h1#site-title a {
		padding-top: 20px;
	}
	
	#header .header_extras {
		margin-top: 45px;
		margin-right: 15px;
	}
	
	#header .header_extras a.button.darkblue.reqapptbtn {
		font-size: 14px;
		margin-bottom: 10px;
	}
	
	.mobile-hide {
		display:none;
	}
	
	.desktop-hide {
		display:block;
	}
	
	.hrbutt {
		border-radius: 5px;
		background: #f2f2f2;
		padding: 20px;
	}
	
	ul#menu-top-utility-nav li:nth-child(2) {
		background:none;
		background-image: none;
	}
	
	ul#menu-top-utility-nav li:nth-child(2) a {
		text-indent: 0;
		background-image: none;
	}
	
	li.page_item a, li.menu-item a {
		padding-left: 10px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	
	div#rni-utility-nav {
		padding-right:0;
		width: 100%;
		border-radius: 0;
	}
	
	#sidebar {display: none;}
	
	/* Mobile Menu */
	
	#navigation {display: none;}
	
	#top-bar-mobile {
		position:absolute;
		width: 100%;
		height: 40px;
		background-color: #4e2683;
		z-index: 999;
	}
	
	.mobile-show-menu {
		z-index: 999;
		position: absolute;
		top: 40px;
		background: #2E2A33;
		display: none;
		width: 94%;
		padding: 0 3%;
	}
	
	.top-bar-mobile-menu ul {
		margin:0;
		padding:0;
	}
	
	.top-bar-mobile-menu ul li {
		display: block;
		float:left;
		margin:0;
		padding:0;
	}
	
	.top-bar-mobile-menu ul li a {
		color: #fff;
		display: block;
		text-decoration: none;
		line-height: 40px;
		padding: 0 20px;
	}
	
	.top-bar-mobile-menu ul li.tbm-menu-opener {
		float: right;
	}
	
	.top-bar-mobile-menu ul li.tbm-menu-opener a {
		background: #2E2A33;
		font-size: 20px;
		padding:0 15px;
	}
	
	.top-bar-mobile-menu ul li.tbm-appointment a {
		font-size: 16px;
		font-weight: bold;
		border-right: 1px solid #864DD3;
	}
	
	.top-bar-mobile-menu ul li.tbm-login a {
		border-right: 1px solid #864DD3;
		font-size: 13px;
	}
	
	.mobile-show-menu .menu-main-nav-container > ul > li > ul {
		display:none;
	}
	
	.mobile-show-menu .menu-main-nav-container > ul {
		width: 100%;
	}
	
	.mobile-show-menu .menu-main-nav-container > ul > li {
		width: 100%;
		border-top: 1px solid #434343;
	}
	
	.mobile-show-menu .menu-main-nav-container > ul > li.menu-item-283 {
		border-bottom:0;
	}
	
	.mobile-show-menu .menu-main-nav-container > ul > li a {
		color: #fff;
		font-size: 16px;
		text-decoration: none;
		display: block;
	}
	
	.mobile-show-menu .menu-main-nav-container > ul > li.tbm-dropdown a {
		background-image:url('images/plus.png');
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 15px;
	}
	
	.mobile-show-menu .menu-main-nav-container > ul > li.tbm-activate a {
		background-image:url('images/minus.png');
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 15px;
	}
	
	.mobile-show-menu .menu-main-nav-container > ul > li.tbm-activate ul li a {
		background-image:none;
	}
	
	.mobile-show-menu .menu-main-nav-container > ul > li a:hover {
		color: #fff;
	}
	
	.mobile-show-menu .menu-main-nav-container > ul > li > ul {
		margin:0;
		padding:0;
	}
	
	.mobile-show-menu .menu-main-nav-container > ul > li > ul > li a {
		color:#95989A;
		font-size: 14px;
		line-height: 130%;
		padding: 10px 10px;
		border-top: 1px solid #434343;
		display: block;
	}
	
	.mobile-show-menu .menu-main-nav-container > ul > li > ul > li:first-child a {
		border-top:0;
	}
	
	.mobile-show-menu .menu-main-nav-container > ul > li > ul > li:last-child {
		border-bottom:0;
	}
	
	.mobile-show-menu .menu-main-nav-container > ul > li:last-child {
		border-bottom: 1px solid #434343;
	}
	
	/* Footer Mobile */
	
	#footer {
		border-top:none !important;
	}
	
	#mobile-footer {
		clear: both;
		background-color:#4E2683;
		color: #fff;
		text-align: center;
		padding: 30px;
		margin-bottom: 30px;
	}
	
	#mobile-footer a {
		color: #fff;
		text-decoration: underline;
	}
	
	#mobile-footer h3 {color: #fff;margin-bottom: 10px;}
	
	#mobile-footer .mf-phone {
		font-size:30px;
		margin-bottom: 10px;
	}
	
	#mobile-footer .mf-appt {
		font-size: 18px;
	}
	
	#mobile-footer .mf-promos {
		margin-top: 30px;
		border-top: 1px solid #7945be;
		padding-top: 30px;
	}
	
	#mobile-footer .mf-promos ul {
		margin:0;
		padding:0;
	}
	
	#mobile-footer .mf-promos ul li {
		font-size: 18px;
		font-weight: bold;
		line-height: 24px;
	}
	
	#mobile-footer .mf-promos h3 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	
	/* Homepage Mobile */
	.mobile-homepage img {max-width: 100%; height: auto;}
	
	.mh-slider {
		/*margin-top: -20px;
		margin-left: -9%;
		margin-right: -9%;*/
		margin-bottom: 30px;
		text-align: center;
	}
	
	.mh-top {
		text-align: center;
	}
	
	.mh-top p {
		font-size: 16px;
	}
	
	.mobile-homepage h1 {
		font-size: 24px;
		color: #2D3D88;
	}
	
	a.purple-button {
		color:#fff;
		background-color:#4E2683;
		font-size: 18px;
		padding: 10px 14px;
		text-decoration: none;
		margin: 20px auto;
		border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		font-weight: bold;
		display:inline-block;
	}
	
	a.purple-button:hover {
		background-color: #331758;
	}
	
	p.subtext-button {
		text-align: center;
		line-height: 130%;
	}
	
	.mh-view-all-services a {
		display:inline-block;
		background-color: #E8E7E7;
		color: #474A4D;
		font-weight: bold;
		font-size: 14px;
		padding: 8px 12px;
		text-decoration: none; 
		border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
	}
	
	.mh-view-all-services a:hover {
		background-color: #ccc;
	}
	
	.blue-boxes {
		text-align: center;
		margin-top: 30px;
		padding-top: 10px;
		border-top: 1px solid #f1efee;
	}
	
	.blue-box {
		background: #2D3D88;
	    color: #fff;
	    padding: 25px;
	    margin: 20px 0;
	    display: block;
	    clear: both;
	    font-size: 16px;
	    font-weight: lighter;
	    border-radius: 5px;
	    	-webkit-border-radius: 5px;
	    	-moz-border-radius: 5px;
	}
	
	.blue-box p:last-child {
		margin-bottom:0;
		padding-bottom:0;
	}
	
	.blue-box h2 {
		color: #fff;
		font-weight: 500;
		margin-bottom: 20px;
	}
	
	.blue-box a {
		color: #fff;
	}
	
	.mh-about-us {
		padding-top: 30px;
	}
	
	.mh-about-us h2 {
		color:#2D3D88;
		font-weight: 500;
		margin: 20px 0;
	}
	
	.mh-about-us ul li {
		list-style: none;
	}
	
	.mh-about-us ul li:before {
		content: '\f178';
		font-family: 'FontAwesome';
		float: left;
		margin-left: -1.5em;
		color: #999;
	}
	
	.mh-services {
		margin-top: 30px;
		border-top: 1px solid #f1efee;
	}
	
	.mh-services h2 {
		color:#2D3D88;
		font-weight: 700;
		margin: 20px 0;
	}
	
	.mh-toggle {
		background-color:#E8E7E7;
		border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		padding: 20px;
		margin-bottom: 10px;
	}
	
	.mh-toggle .mh-toggle-header {
		font-weight: bold;
		font-size: 18px;
		cursor: pointer;
	}
	
	.mh-toggle .mh-toggle-header.mh-toggle-closed {
		background-image:url('images/gray-plus.png');
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 15px;
	}
	
	.mh-toggle .mh-toggle-header.mh-toggle-open {
		background-image:url('images/gray-minus.png');
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 15px;
	}
	
	.mh-toggle .mh-toggle-content {
		display:none;
		padding-top: 15px;
	}
	
	.mh-toggle .mh-toggle-content ul {
		margin-bottom: 20px;
	}
	
	.mh-toggle .mh-toggle-content a.purple-button {
		margin-bottom:0;
	}
	
	#footer .one_half {
		padding: 20px 20px 0 20px;
		width: auto !important;
	}
	
	#site-title {padding-top: 20px; border-bottom: 1px solid #ccc;}
	
	body.home #site-title {border-bottom:0;}

}

@media only screen and (max-width: 480px) {
	#header .header_extras a.button.darkblue.reqapptbtn {
		font-size: 12px;
		margin-bottom: 10px;
	}
	
	a.purple-button {
		display: block;
		text-align: center;
	}
	
	p.subtext-button {
		text-align: center;
	}
	
	.mh-view-all-services {text-align: center;}
	
	.blue-boxes {
		text-align: left;
	}

}

@media only screen and (max-width: 390px) {
	.top-bar-mobile-menu ul li.tbm-appointment a {
		font-size: 14px;
		font-weight: bold;
		border-right: 1px solid #864DD3;
	}
	
	.top-bar-mobile-menu ul li.tbm-login a {
		border-right: 1px solid #864DD3;
		font-size: 12px;
	}
}

@media only screen and (max-width: 370px) {
	span.super-small-mobile-hide {display:none;}
}

/* CHRIS STYLES March, 2018 */
 h1 {
	 	font-size: 34px;
	 	font-family: 'Montserrat', sans-serif;
 }
 
 div.homepage-content-desktop {
	background-color: #fafafa;
	padding: 10px;
	border-radius: 8px;
 }
 
 .homepage-content-desktop h1 {
 	font-size: 34px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
 }
 .homepage-content-desktop h2 {
	font-size: 26px;
	font-style: italic;
	color: #111;
	font-weight: bold;
	line-height: 30px;
 } 
 
 .widget-container {
 }
 
 h3.widget-title {
	background-color: #ececec;
	padding: 8px;
	border-radius: 5px;
	color: #222;
	text-align: center;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 