/*
Theme Name: Spacious Pro Child 01
Theme URI: 
Description: Child 01 theme for the Spacious Pro theme
Author: <a href="http://themegrill.com" title="Visit author homepage">ThemeGrill</a>
Author URI: 
Template: spacious-pro
Version: 2.0
*/

/* Generated by Orbisius Child Theme Creator (http://club.orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Fri, 09 Oct 2015 18:11:22 +0000 */ 

@import url('spacious-pro-style.css');
/*#page {
	max-width:2000px!important;
	
}*/
blockquote {
background: none;
border: none;
margin: 0 0 0 20px;
overflow: auto;
padding: 0 0 0 12px;
}
blockquote p {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 21px;
font-style: normal;
}
h2 {
font-size: 1.9em; 
margin-bottom: .5em;
margin-top: .5em;
color: #000000;
}

h3 {
font-size: 1.5em;
margin-bottom: .1em;
margin-top: .1em;
color: #000000;
}

b {
	color:#000;
	font-weight:bolder;	
}

strong {
	color:#000;
	font-weight:bolder;
	
}

#page {
	min-width:498px;
}

.entry-content strong {
	color:#000;	
}

#header-left-section {
	width:30%;
	
}

#header-right-section {
	width: 65%;
}

#tagline {
		
}

.widget_call_to_action {
	margin-bottom: 10px;	
}

#home_intro {
	margin: 15px 10% 15px 10%;
	padding: 20px;
	width:80%;	
} 

.forty_percent {
	border: 1px solid #000;
	margin: 5px 1.5% 5px 1.5%;
	/*max-height: 680px;*/
	/*overflow:scroll;*/
	/*overflow-style:marquee-block;*/
	padding: 1%;
	width: 34.5%;	
	
}

.sixty_percent {
	border: 1px solid #000;
	margin: 5px 1.5% 5px 1.5%;
	/*max-height: 680px;*/
	/*overflow:scroll;*/
	/*overflow-style:marquee-block;*/
	padding: 1%;
	width: 54.5%;
}

.fifty_percent {
	border: 1px solid #000;
	margin: 5px 1.5% 5px 1.5%;
	/*max-height: 680px;*/
	/*overflow:scroll;*/
	/*overflow-style:marquee-block;*/
	padding: 1%;
	width: 44.5%;
}

.hundred_percent {
	border:1px solid #000;
	clear:both;
	float:none;
	margin: 5px 1% 5px 1%;
	padding:10px;
	width:98%;
	
	
}

.smallBanner {
	margin: 0 auto 0 auto!important;
	width: 100%;
}	

.left {
	float:left;
	clear:left;
	
}

.right {
	float:right;
	clear:right;
}
#menu-new-main .menu-item a{
	font-size:1.5em!important;	
}

#wrapper {
padding: 0 2% 2% 2%;	
}

#container {
max-width:1200px;
padding: 0 2%;
width:100%;	
}

.page-id-120 #header #logo {
	width:233px;	
}

.page-id-120 .main-nav {
	display:none;
	width:720px;
	float:right;
	clear:right;	
}
.social-links ul li {
	padding-right: 20px;	
}
.social-links ul li a {
	height:25px;	
}


a:before {
	/*Ricky commented out this to make the vCita Active Engage pop up close  'X' and Schedule Now right-arrow show up */
	/*font: normal 24px 'Genericons' !important;*/
}

/*#home_div {
	position:relative;
	width:95%;
}*/

/*#home_intro {
	border: 1px solid #000;
	margin: 0 auto 15px auto;
	padding: 25px;	
	position:relative;
	width:90%;
}*/

.page1_abovethefold {
 /*width:289px;*/
 width:30%;
 background-color:#64A1DC;
 /*height:250px;*/
 border:1px solid #000;
 float:left;  
 text-align:center;  
}

.page1_abovethefold p {
	width:94%;
	color:#fff;
	text-align:left;
		
}

#website {
	margin: 5px 0 auto 0;
	padding: 1.25%;	
}

#SpearsTechSoftware{
	margin: 5px .75% auto .75%;	
	padding: 1.25%;
}

#sharepoint {
	margin: 5px 0 auto 0;
	padding: 1.25%;	
}

.page1_abovethefold img {
 width:100%;
 margin: 0;
 
}

.page1_abovethefold h3 {
width:200px;
font-size:1.5em;
color:#fff;
font-weight:bolder;
text-shadow:2px 2px 2px #000;
margin:0 auto 0 auto;
}

#learn_more {
	width: 40%;
	margin-left:30%;
	
}

.home_box_headers{
 font-size:1.25em!important;
 margin-top:.5em!important;
 margin-bottom:.5em;
 color:#1976ce;
}

#attachment_305 {
	margin:5px 10px 5px 5px;	
}

#post-120 .entry-title {
display:none!important;
}

.breadcrumb-list {
display:none!important;
}

#post-120 .post-meta{
display:none!important;	
}

#page {
margin-top: 5px;

}
.iframe_container{
position:relative;
width:90%;
margin: 5px 5% 5px 5%;
border:1px solid #000;
padding:20px;
background-color:#E3E3E3;
}
iframe {
/*Ricky commented this out on 2015-11-07 for the vCita forms*/
/*border:5px groove #000;	*/
}

/* ---------------- About Us -----------------*/

#about{
	border:1px solid #000;
	padding: 2%;
	position:relative!important;	
	
	
}

#headshot {
	position:relative;
		
}

/* --------------Widgets------------------*/

.tribe-event-title {
	font-size: 1.5em;	
	line-height: 1em;
}

.main-navigation ul li ul {
	width: 250px;
	min-width: 250px;
}

.footer-socket-wrapper .copyright {
	max-width: 100%;
	float: none; 
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background-color: #0c73d1;
	border: 2px solid #0c73d1;
	color: #fff;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
	background-color: #FFF !important;
	border: 2px solid #0c73d1;
	color: #0c73d1;
}

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

		.menunav-menu .menu-item {
			font-size:.85em;
		}

		.call-to-action-content h3{
			font-size:18px;
			line-height:20px;

		}

		.call-to-action-button {
			font-size:20px;
			line-height:32px;
		}

		#chamberImg {
			width: 150px !important;

		}

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

		#container{
		padding:0;	
		}
		#wrapper{
		padding:0;	
		}


		#header-left-section {
			clear:both;
			float:none;
			width:100%;
		}

		#header-right-section {
			clear:both;
			float:none;
			width:100%;

		}

		.menunav-menu .menu-item {
			font-size:.78em;
		}

		#tagline img{
			width:100%;	
		}

		.page1_abovethefold {
		 position:relative;
		 width:100%;
		 background-color:#64A1DC;
		 /*height:200px;*/
		 border:1px solid #000;
		 padding: 10px;
		 float:none;  
		 text-align:center; 
		 margin: 10px auto 10px auto; 
		}

		.page1_abovethefold p {
			clear:both;	
		}

		/*.page1_abovethefold img {
		 width:170px;
		 margin: 5% 20px 5% auto;
		 border-radius:15px;
		 float:left;
		 clear:left;
		}*/

		.page1_abovethefold img {
			margin: auto;
			width: 80%;	
		}

		#SpearsTechSoftware{
			margin: 10px 10px 10px auto;	
		}

		.page1_abovethefold h3 {
		width:100%;
		margin-top: 10%;	
		font-size:2em;
		color:#fff;
		font-weight:bolder;
		text-shadow:2px 2px 2px #000;
		}

		.fifty_percent {
			/*max-height: 500px;*/
			/*overflow:scroll;
			overflow-style:marquee-block;*/

		}



}

/*@media only screen and (max-width:400px) {*/
@media only screen and (max-width:500px) {
		/*.page1_abovethefold {
		height:95px!important;
		padding:0;	
		}*/

		p {
			font-size:.9em !important;
			line-height:1.4em !important;	
		}

		h1 {
			font-size: 	1.5em !important;
			line-height:1.25em !important;
		}

		h3 {
			font-size:1em !important;
			line-height:1.25em !important;
			margin: .5em !important;
		}

		/*#home_intro {
			margin:0;
			width:100%;
		}*/

		#header-left-section {
			clear:both;
			float:none;
			width:100%;
		}

		#header-right-section {
			clear:both;
			float:none;
			width:100%;

		}

		#tagline img{
			width:100%;	
		}

		.fifty_percent {
			border: 1px solid #000;
			margin: 5px 0 5px 0;
			padding: 1%;
			width: 100%;
		}

		.hundred_percent {
			border:1px solid #000;
			clear:both;
			float:none;
			margin: 5px 0 5px 0;
			padding:2%;
			width:96%;	
		}

		.hundred_percent img {
			width:100%;	
		}

		.left {
			float:none;
			clear:both;

		}

		.right {
			float:none;
			clear:both;
		}

		.page1_abovethefold h3 {
		margin-top:5%;
		font-size:.75em;	
		}

		.social-links ul li {
			padding-right: 20px;	
		}
		.social-links ul li a {
			height:25px;	
		}

		#attachment_28, #attachment_367, #attachment_105, #attachment_379 {
			float:none;
			margin: inherit 5% inherit 5%;
			width:90%;
		}

		img {
			clear:both;
			float:none;
			margin-left:auto;
			margin-right:auto;
							width:100%;

		}

		postImg{
			clear:both;
			float:none;
			margin-left: 10%;
			margin-right: 10%;
			width:80%;	
		}
		.wp-image-693 {
			width:100px;	
		}
		/*a:before {
			font: normal 24px 'Genericons' !important;
		}*/
		/*
		.page1_abovethefold img {
			margin: auto;
			width: 300px;	
		}
		.page1_abovethefold img {
		 width:75px;
		 margin: 5% 20px auto auto;
		 border-radius:15px;
		 float:left;
		 clear:left;
		}*/


}