/*
Theme Name: Central Health
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Vivacity WordPress theme. Modified by Vertex for Central Health.
Author: Vertex
Author URI: http://www.vertex.com
Template: vivacity
*/

@import url("../vivacity/style.css");


/* Add same background color as #footer-bottom so when the page content is short there isn't white at the bottom */

html {
	background: #5f294f;
}

/* change default font */
/* style was originally *, body {} but that was discovered to be causing issues with font sizes/styles
   after a Visual Composer update, so I removed the wildcard on 05/31/2016. -EH */

body {
	font: normal 400 16px/1.25em  'Palatino Linotype', 'Palatino LT STD', Palatino, 'Book Antiqua', Georgia, serif;
}

/* less padding on content area */

body:not(.gp-homepage):not(.page-template-homepage-template) #content-wrapper.container > #content {
	padding: 40px 0;
}
#sidebar {
	padding: 40px 0;
}

/* [JJ-12/08/2015] Adding this styling in child theme. Not sure why theme author removed from parent theme. */
.logo-details {
    display: block;
    margin-top: -1px;
    width: 1px;
    height: 1px;
    text-indent: -9999px;
}

/* change default paragraph spacing */

p {
	margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
	/* Visual Composer added clearfix to .nav class which broke previous top nav layout */
	#top-header .nav {
		float: left;
	}
}

/* IE8 fix for Nav items */

.lt-ie9 .nav .menu > li {
	display: block;
	float: left;
}

/* change heading font families/sizes */

#top-header .nav .menu > li > a {
	font-family: 'Century Gothic', CenturyGothic, Helvetica, Helvetica Neue, Arial, sans-serif;
}
#top-header .social-icons a {
	font-size: 18px !important;
}
#header .nav .menu > li > a {
	font-family: 'Century Gothic', CenturyGothic, Helvetica, Helvetica Neue, Arial, sans-serif;
}
#search-button {
	font-size: 18px;
}

/* add "Search" text beside search icon */

#search-button:after {
	content: "Search";
	font-family: 'Century Gothic', CenturyGothic, Helvetica, Helvetica Neue, Arial, sans-serif;
	margin-left: 8px;
}

/* add background cross pattern & gradient */

.gradient-wrapper {
	background: url('/cccids/wp-content/uploads/2015/05/bgr_cross_pattern_w_gradient_light.jpg') repeat-x bottom center;
}
.gradient-wrapper:before, .gradient-wrapper:after { content: ""; display: table; }
.gradient-wrapper:after { clear: both; }
.gradient-wrapper { *zoom: 1; }


/* heading changes & fixes */

h1, h2, h3, h4, h5, h6 {
	color: #5f294f;
	font-family: 'Century Gothic', CenturyGothic, Helvetica, Helvetica Neue, Arial, sans-serif;
	font-weight: normal;
	word-wrap: normal;
	margin: 20px 0;
}
.wpb_row h1,
.gp-custom-vc-options .wpb_row h1 {
	font-size: 36px;
	line-height: 1.111em;
	font-weight: normal;
}
.wpb_row h2,
.gp-custom-vc-options .wpb_row h2 {
	font-size: 26px;
	line-height: 1.154em;
	font-weight: normal;
}
.wpb_row h3,
.gp-custom-vc-options .wpb_row h3 {
	font-size: 20px;
	line-height: 1.2em;
	font-weight: normal;
}
.wpb_row h4,
.gp-custom-vc-options .wpb_row h4 {
	font-size: 16px;
	line-height: 1.25em;
	font-weight: normal;
}
.wpb_row h5,
.wpb_row h6,
.gp-custom-vc-options .wpb_row h5,
.gp-custom-vc-options .wpb_row h6 {
	font-size: 14px;
	line-height: 1.286em;
	font-weight: normal;
}

.home .wpb_single_image + .wpb_text_column h3 {
	margin: 15px 0 5px 0; /* for titles under circle images on home */
}
.home .wpb_single_image + .wpb_text_column h3 + h3 {
	margin: -5px 0 5px 0; /* because sometimes, somehow, they break their titles into two h3s */
}

.widgettitle {
	text-transform: none;
	margin-bottom: 15px;
	margin-top: 0 !important;
	font-weight: normal;
}
h3.widgettitle {
	font-size: 20px;
	line-height: 1.2em;
	font-weight: normal;
}

#comments h3 {
	font-weight: normal;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 30px 0 20px 0;
}

/* fix extra space around first items in content */

h1:empty, h2:empty,
h3:empty, h4:empty,
p:empty {
	display: none;
}

.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child,
.entry-content > p:first-child,
.entry-content h1.entry-title:first-child,
.entry-content h2.entry-title:first-child,
.entry-content h3.entry-title:first-child,
.entry-content h4.entry-title:first-child,
.entry-content .column > *:first-child,
.entry-content .wpb_wrapper > *:first-child,
.entry-content p:first-child:empty + * {
	margin-top: 0;
}

.vc_separator h4 {
	margin: 0;
}

/* If for some reason there's an empty <p> above the heading in the caption under the circle graphics, hide it so it doesn't create extra space */

.home .wpb_column .wpb_wrapper > p:first-child:empty {
	display: none;
}

/* Responsive Video embeds */

.rve { margin: 20px 0; }

/* Add space above page-numbers */

ul.page-numbers {
	clear: both;
	padding-top: 20px;
	margin: 0;
}

/* change font used in buttons, make sure icons in buttons always have margin */

.gp-button {
	font-family: 'Century Gothic', CenturyGothic, Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 14px;
	box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1);
	padding: 13.5px 13px;
	line-height: 1em;
}
input[type='button'], input[type='submit'], input[type='reset'], button, .button {
	font-family: 'Century Gothic', CenturyGothic, Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 14px;
}
.page-numbers {
	font-family: 'Century Gothic', CenturyGothic, Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 14px;
}
.button i {
	margin-right: 10px;
}

/* change color or buttons since they asked to reverse the shades of blue used on links 03-27-15 */

.button {
	background: #20558a !important;
}
.button:hover {
  	background: #5b85b4 !important;
}

/* home page mission statement bar styles */

.mission-statement h2 {
	margin: 0 !important;
	color: #ffffff;
	font-family: 'Palatino Linotype', 'Palatino LT STD', Palatino, 'Book Antiqua', Georgia, serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 1.133em;
	text-align: center;
}
.mission-statement h2 em {
	display: block;
}

/* fix weird spacing issue for home page news with button below */

.home-news {
	margin-bottom: 0 !important;
}

@media screen and (max-width: 600px) {
	.wpb_text_column.wpb_content_element { margin-left: 0 !important; }
}

/* give lists in entry content some space so they don't sit right on paragraphs below */

.entry-content ul {
	margin-bottom: 20px;
}

/* some table styles */

.entry-content table {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
.entry-content table td,
.entry-content table th {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: .5em;
}
.entry-content table,
.ml-responsive-table .ml-grid {
	margin-bottom: 20px;
	border-color: #cccccc;
}

/* homepage news styling */

.home-news h2.widgettitle {
	margin-bottom: 25px;
}
.home-news ul {
	padding-bottom: 20px;
}
.home-news ul li {
	border: none;
	padding: 0;
	margin-top: 20px;
}
.home-news ul li a {
	font-size: 20px;
	line-height: 1.2em;
}
.home-news ul li .post-date {
	margin: 0;
	display: block;
	font-size: 18px;
	line-height: 1.222em;
}

/* sidebar news styling */

#sidebar .widget.widget_recent_entries ul li {
	border: none;
	padding: 0;
	margin-top: 15px;
}
#sidebar .widget.widget_recent_entries ul li a,
#sidebar .widget.widget_recent_entries ul li .post-date {
	font-size: 18px;
	line-height: 1.222em;
}
#sidebar .widget.widget_recent_entries ul li .post-date {
	margin: 0;
	display: block;
}

/* reduce space between widgets in sidebar */

#sidebar .widget {
	margin-bottom: 30px;
}

/* subnav styling */

.sidebar-menu ul {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #c3b7b2;
}
.sidebar-menu:only-child ul,
.sidebar-menu ul:empty {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.sidebar-menu ul li {
	list-style: none;
	list-style-type: none;
	margin: 10px 0 0 0;
}
.sidebar-menu ul li:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}
.sidebar-menu ul li,
.widget_sb_cl_pages_widget ul li {
	padding: 0;
	border: 0;
	overflow: visible;
}
.sidebar-menu ul li a,
.widget_sb_cl_pages_widget ul li a {
	display: block;
	position: relative;
	padding-left: 20px;
	font-family: 'Century Gothic', CenturyGothic, Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.25em;
	font-weight: normal;
}
.sidebar-menu ul li a:before,
.widget_sb_cl_pages_widget ul li a:before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0px;
	border: 6px solid transparent;
	border-width: 6px 10px;
	border-left-color: #5b85b4;
	background: transparent;
}
.sidebar-menu ul li a.sb_cl_current_page,
.widget_sb_cl_pages_widget ul li a.sb_cl_current_page {
	color: #888888;
}
.sidebar-menu ul li a.sb_cl_current_page:before,
.widget_sb_cl_pages_widget ul li a.sb_cl_current_page:before {
	border-left-color: #888888;
}

/*gravity form*/
.gform_wrapper:first-child { margin-top: 0 !important }
.gform_wrapper h3.gform_title { margin-top: 0 !important; }
.gform_wrapper ul li.state #input_1_8_1_container,
.gform_wrapper ul li.state #input_1_8_3_container,
.gform_wrapper ul li.state #input_1_8_5_container,
.gform_wrapper ul li.state #input_1_8_4_label {
	display: none;
}
.gform_wrapper ul li.state .ginput_right, .gform_wrapper ul li.state .ginput_right select {
	float: left;
	font-size: 16px;
}

#gform_wrapper_1 .top_label input.medium, #gform_wrapper_1 textarea {
	font-size: 20px;
}


/* footer changes */

#footer-bottom {
	font-family: 'Century Gothic', CenturyGothic, Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 12px;
}
#footer-nav .menu > li > a {
	font-family: 'Century Gothic', CenturyGothic, Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 12px;
}
#footer-widgets {
	padding: 40px 0 0 0;
}
.footer-widget .widgettitle {
	margin-bottom: 20px;
	text-transform: none;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.25em;
}

/* make UL in first footer widget bulleted */

.footer-widget.footer-1 .widget ul {
	margin: 0;
	padding: 0;
}
.footer-widget.footer-1 .widget ul li {
	border: none;
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: square;
	overflow: visible;
}

/* email form in footer widget */

.footer-widget.footer-3 input[type='text'] {
	width: 75%;
	height: 30px;
	border: none;
	vertical-align: middle;
}
.footer-widget.footer-3 input[type='submit'] {
	width: 20%;
	padding: 8px 0;
	background: #888888;
	vertical-align: middle;
}
.footer-widget.footer-3 input[type='submit']:hover {
	background: #999999;
}

/* change font for inputs  */

input[type='text'], input[type='password'] {
	font-family: 'Century Gothic', CenturyGothic, Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 14px;
}

/* fix color of "back to top" button */

#toTop {
	background: #7499c6 !important;
	bottom: 65px;
}

/* title area styling */

.entry-header.page-header {
	padding: 30px 0;
	border: none;
	background: #7499c6 !important;
}
.entry-header.page-header h1.entry-title {
	color: #ffffff;
}
.entry-header.page-header h3.subtitle {
	margin: 0;
	color: #ffffff;
	font-family: 'Palatino Linotype', 'Palatino LT STD', Palatino, 'Book Antiqua', Georgia, serif;
	font-weight: normal;
	font-size: 22px;
	line-height: 1.182em;
}

/* testimonial styling */

.testimonial-quote {
	font-size: 26px;
	line-height: 1.154em;
}
.testimonial-name {
	font-size: 18px;
	line-height: 1.222em;
}

/* portfolio styling */

.portfolio-loop .entry-header h2 {
	font-size: 20px;
	line-height: 1.2em;
	font-weight: normal;
}
.related-portfolios h3 {
	font-weight: normal;
}
.portfolio-filters {
	padding: 15px 0;
	font-family: 'Century Gothic', CenturyGothic, Helvetica, Helvetica Neue, Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.25em;
}
.portfolio-filters li a {
	color: #20558a !important;
}
.portfolio-filters li a:hover {
	color: #5b85b4 !important;
}
.portfolio-filters li a.gp-active {
	color: #7e696d !important;
}
.lt-ie9 .portfolio-loop .post-thumbnail img { width: 100%; }

/* toggle styling */

.gp-theme .wpb_toggle,
.gp-theme #content h4.wpb_toggle {
	font-weight: normal;
	font-size: 16px;
	line-height: 1.25em;
}
.gp-theme .wpb_toggle:before,
.gp-theme #content h4.wpb_toggle:before {
	font-weight: normal;
}

/* large search styling */

.search-outer {
	padding: 15px;
}
.search-outer #s {
	height: 50px;
	font-weight: normal;
	font-size: 30px;
	line-height: 50px;
}

/* change color of search button in mobile nav & change input font size */

.gp-responsive #mobile-nav #searchsubmit {
	background: #888888;
}
.gp-responsive #mobile-nav #searchsubmit:hover {
	background: #999999;
}
.gp-responsive #mobile-nav #s {
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	color: #ffffff;
}

/* Search results related styles */

.search-results #content {
	width: 100% !important;
}

#new-search {
	margin-bottom: 30px;
	padding-bottom: 30px;
}
#new-search h2,
#new-search h3,
#new-search h4 {
	margin-top: 0;
}
.post-loop {
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.post-loop .entry-header h2 {
	margin: 0 0 5px 0;
	font-weight: normal;
}
.post-loop .entry-content {
	margin-bottom: 20px !important;
}
.entry-meta {
	font-size: 16px;
	line-height: 1.25em;
}
.entry-meta,
.entry-meta a {
	color: #999999 !important;
}

/* stop hyphenating */

.site-content article,
.widget-area .widget,
.entry-content {
	word-wrap: normal;
	hyphens: none;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
}

/* fix blockquote */

blockquote {
	font-size: 18px;
	line-height: 1.222em;
	background: transparent !important;
	border: 1px solid #cccccc;
}

/* fix <ol> numbers being cut off */

ol li {
	margin-left: 40px;
}

/* fix the rounded circles that were broken by the Vivacity theme update of 12-2015  */

.wpb_wrapper .vc_box_border_circle {
	border-radius: 100%;
	border: 5px solid #ebebeb;
}

/* tweak WP image align styles */

.align-right, .alignright {
	margin: 0 0 20px 20px;
}
.align-left, .alignleft {
	margin: 0 20px 20px 0;
}

@media screen and (max-width: 600px) {
	.align-right, .alignright,
	.align-left, .alignleft {
		float: none;
		display: block;
		margin: 0 0 20px 0;
	}
}

/* Gravity Forms */

.gform_wrapper h3.gform_title {
	font-weight: normal !important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
	font-size: 14px !important;
}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {
	font-size: 13px !important;
	letter-spacing: normal !important;
}


/* LayerSlider styling */
html * .ls-container .ls-shadow,
html * .ls-container .ls-slide > *,
html * .ls-container .ls-fullscreen,
html * .ls-container .ls-3d-container,
html * .ls-container .ls-lt-container,
html * .ls-container .ls-lt-container *,
html * .ls-container .ls-thumbnail-wrapper,
html * .ls-container .ls-bottom-nav-wrapper,
body * .ls-container .ls-shadow,
body * .ls-container .ls-slide > *,
body * .ls-container .ls-fullscreen,
body * .ls-container .ls-3d-container,
body * .ls-container .ls-lt-container,
body * .ls-container .ls-lt-container *,
body * .ls-container .ls-thumbnail-wrapper,
body * .ls-container .ls-bottom-nav-wrapper,
#ls-global * .ls-container .ls-shadow,
#ls-global * .ls-container .ls-slide > *,
#ls-global * .ls-container .ls-fullscreen,
#ls-global * .ls-container .ls-3d-container,
#ls-global * .ls-container .ls-lt-container,
#ls-global * .ls-container .ls-lt-container *,
#ls-global * .ls-container .ls-thumbnail-wrapper,
#ls-global * .ls-container .ls-bottom-nav-wrapper,
.ls-gpuhack {
	-webkit-transform: translate3d(0, 0, 0) !important;
	-moz-transform: translate3d(0, 0, 0) !important;
	-ms-transform: translate3d(0, 0, 0) !important;
	-o-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
	-webkit-backface-visibility: hidden !important;
	-moz-backface-visibility: hidden !important;
	backface-visibility: hidden !important;
	-webkit-transition: all 0s !important;
	-moz-transition: all 0s !important;
	transition: all 0s !important;
}
.ls-container,
.ls-container *,
.ls-slide,
.ls-slide * {
	-webkit-transform: translateZ(0) !important;
	-moz-transform: translateZ(0) !important;
	-ms-transform: translateZ(0) !important;
	-o-transform: translateZ(0) !important;
	transform: translateZ(0) !important;
	-webkit-backface-visibility: hidden !important;
	-moz-backface-visibility: hidden !important;
	backface-visibility: hidden !important;
	-webkit-transition: all 0s !important;
	-moz-transition: all 0s !important;
	transition: all 0s !important;
}

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

	.ls-container,
	.ls-inner,
	.ls-slide,
	.ls-active,
	.ls-animating,
	.ls-l {
		height: auto !important;
		position: static !important;
		clear: both !important;
		width: 100% !important;
		float: none !important;
		max-width: none !important;
		margin: 0 !important;
		-moz-box-sizing: border-box !important;
		-webkit-box-sizing: border-box !important;
		box-sizing: border-box !important;
		white-space: normal !important;
	}
	.ls-container,
	.ls-inner,
	.ls-l {
		display: block !important;
	}
	.ls-container { position: relative !important; }
	.ls-inner { padding-bottom: 30px !important; }
	.ls-slide { display: none !important; -webkit-backface-visibility: hidden !important; -moz-backface-visibility: hidden !important; backface-visibility: hidden !important; }
	.ls-active { display: block !important; z-index: 2 !important; position: relative !important; }
	.ls-animating { display: block !important; position: absolute !important; z-index: 1 !important; }

	h1.ls-l {
		font-size: 26px !important;
		line-height: 30px !important;
		padding: 15px 5% 0 5% !important;
	}
	p.ls-l {
		font-size: 20px !important;
		line-height: 24px !important;
		padding: 5px 5% 15px 5% !important;
	}
	.ls-l .button { margin: 0 !important; }
	.ls-bottom-slidebuttons { top: -25px !important; }

}

/* responsive video embed */

.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* reduce space between main nav items so search icon doesn't drop below */

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

	#header #logo {
		margin-right: 15px;
	}
	#header .nav .menu > li > a {
		padding: 0 3px;
	}

}

/* when screen shrinks below 1040px, remove white space between slideshow and header on home page */

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

	.home #content .wpb_row:first-child {
		margin-top: 0 !important;
	}

}

/* larger menu button */

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

	#header .mobile-button { font-size: 30px; }

}

/* resize the horizontal logo, shrink top header items */

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

	#top-header .nav .menu > li > a {
		font-size: 13px !important;
	}
	#top-nav .menu > li:before {
		margin: 0 5px 0 0 !important;
	}
	#top-header .container {
		padding: 0;
	}

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



}
