/*
Theme Name: Oral Health Clinical Solutions
Theme URI: http://neonrain.com
Description: OHCS theme by neonrain.com
Version: 1.0.1
Author: Zach Nicodemous
Author URI: neonrain.com
*/

/* Fonts */

body {
	font-size:14px;
	color:#000;
	margin:0;
	padding:0;
	font-family:'Open Sans';
}
h1, h2, h3, h4, h5, h6 {
	font-size:16px;
	text-decoration:none;
	margin:0;
	padding:0;
}
br {
	display:block;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	opacity:0.6;
}
a img {
	border:0;
}
p {
	padding:0;
	margin:0;
}
form, input, textarea {
	font-size:12px;
}
.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.alignright {
	display:inline;
	float:right;
	margin:0 0 20px 30px;
}
.alignleft {
	display:inline;
	float:left;
	margin:0 20px 30px 0;
}
.wp-caption img{
	width:100%;
	height:auto;
}
.wp-caption-text{
	position:relative;
	color:#ffffff !important;
	font-size:16px;	
	text-align:center;
	padding:9px 0;
	z-index:9999;
	margin:-41px 0 0 0;
}
.wp-caption-text:before{
	position:absolute;
	width:100%;
	height:100%;
	content:"";
	top:0px;
	left:0px;
	background:#000;
	opacity:0.5;	
	z-index:-1;
}
.hidden{
    opacity:0;
}
.visible{
	opacity:1;
}
.container{
	position:relative;
	width:100%;
	height:auto;
	float:left;	
}
.wrapper{
	position:relative;
	width:960px;
	height:auto;
	margin:0 auto;
}

/* Gravity Forms */

.gform_wrapper label{
	display:none !important;
}
.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea{
	position:relative;
	width:98% !important;
	height:auto;
	float:left;
	padding:1% !important;
	border:0;
	color:#333 !important;
	font-size:16px !important;
	margin-bottom:15px;
	background:#f4f4f3;
}
.gform_wrapper select{
	width:100% !important;
	border:0;
	line-height:25px !important;
	-webkit-appearance:none;
	-moz-appearance: none;
	background:#f4f4f3 url(images/select-arrow.png) right no-repeat;
}
.gform_wrapper .gform_button{
	width:auto !important;
	padding:1% 2% !important;
	color:#FFF !important;
	border:0;
	font-size:16px !important;
	font-weight:300;
	text-transform:uppercase;
	background:#7fa8cf;
	cursor:pointer;
}
.gform_wrapper .gform_button:hover{
	opacity:0.6;
}

/* Header */

.header{
	padding:25px 0 0 0;
}
.header:after{
	position:absolute;
	width:100%;
	height:53px;
	content:"";
	bottom:-53px;
	left:0px;
	z-index:99;
	background:url(images/bg-header-bubbles.png) center top no-repeat;
}
.header .logo{
	position:relative;
	width:33%;
	height:auto;
	float:left;
	z-index:100;
	margin:10px 0 -10px 0;
}
.header .logo img{
	width:100%;
	height:auto;
}
.header .top-menu{
	position:relative;
	width:66%;
	height:auto;
	float:right;
	margin-bottom:45px;	
}
.header .top-menu ul{
	width:auto;
	margin:0;
	padding:0;
	float:right;
	list-style:none;
}
.header .top-menu ul li{
	width:auto;
	height:auto;
	float:left;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	float:left;
}
.header .top-menu ul li a{
	color:#666666;
}
.header .top-menu ul li:first-child{
	padding-right:12px;
	margin-right:12px;
	border-right:1px solid #cccccc;
}
.header .menu{
	position:relative;
	width:66%;
	height:auto;
	float:right;
}
.header .menu ul{
	width:auto;
	margin:0;
	padding:0;
	float:right;
	list-style:none;
}
.header .menu ul li{
	width:auto;
	height:auto;
	float:left;
	font-weight:bold;
	margin-left:40px;
	text-transform:uppercase;
	font-size:14px;
	float:left;
}
.header .menu ul li.menu-item-has-children:after{
	content:"";
	font-size:14px;
	color:#000000;
	font-family:'FontAwesome';
}
.header .menu ul li:first-child{
	margin-left:0px;
}
.header .menu ul li a{
	color:#000;
}
.header .menu li ul{
	position:absolute;
	width:200px;
	padding:15px 17px;
	background:#FFF;
	display:none;
	top:15px;
	margin-left:-16px;
	z-index:9999;
	border-radius:0 0 15px 15px;
}
.header .menu li ul li,
.header .menu li ul li:first-child{
	width:100%;
	margin:0 0 7px 0;
}
.header .menu li ul li:last-child{
	margin:0;
}
.header .menu li:hover ul{
	display:block;
}

/* Featured */

.featured{
	background-color:#7fa8cf !important;
	background-size:cover !important;
	background-position:center !important;
	background-repeat:no-repeat !important;
	border-bottom:6px solid #dbdf39;
}
.featured .text{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	font-size:32px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	padding:155px 0 120px 0;	
}
.featured:after{
	position:absolute;
	width:100%;
	height:169px;
	bottom:-6px;
	left:0px;
	content:"";
	background:url(images/img-overlay-bubbles.png) right no-repeat;
}

/* About */

.about{
	padding:65px 0;
}
.about h1{
	color:#666666;
	font-weight:bold;
	font-size:32px;
	margin-bottom:30px;
	text-align:center;
	text-transform:uppercase;
}
.about p{
	color:#666666;
	font-size:16px;
	margin-bottom:20px;
}
.about p:last-child{
	margin-bottom:0px;
}

/* Popular Services */

.popular-services{
	background:url(images/scales_pattern_tile.png);
}
.popular-services .title{
	color:#ffffff;
	font-size:32px;
	font-weight:bold;
	padding:40px 0;
	text-align:center;
	text-transform:uppercase;
	background-position:center !important;
	background-repeat:no-repeat !important;
	background-color:#7fa8cf !important;	
}
.popular-services .services{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	padding:90px 0 130px 0;
}
.popular-services .services ul{
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
.popular-services .services ul li{
	position:relative;
	width:46%;
	height:auto;
	float:left;
	color:#666666;
	font-size:24px;
	padding-left:4%;
	margin-bottom:30px;
}
.popular-services .services ul li a{
	color:#666666;
}
.popular-services .services ul li:before{
	position:absolute;
	content:"";
	font-size:32px;
	color:#96b503;
	left:0px;
	font-family:'FontAwesome';
}

/* Inner Content */

.inner-content-top{
	padding:95px 0;
	border-bottom:6px solid #dbdf39;
	background:url(images/img-featured.png) center no-repeat #7fa8cf;	
}
.inner-content-top:after{
	position:absolute;
	width:100%;
	height:169px;
	bottom:0px;
	left:0px;
	content:"";
	background:url(images/img-overlay-bubbles.png) right no-repeat;
}

.inner-content{
	padding:60px 0 120px 0;
}
.inner-content h1{
	font-size:32px;
	font-weight:bold;
	color:#666666;
	text-transform:uppercase;
	margin-bottom:35px;
}
.inner-content p{
	font-size:16px;
	color:#666666;
	margin-bottom:20px;
}
.inner-content ul{
	margin:0;
	padding:15px 25px;
}
.inner-content ul li{
	font-size:16px;
	color:#666666;
	margin-bottom:8px;
}

/* Footer */

.footer{
	padding:30px 0;
	background:#7fa8cf;
}
.footer ul{
	margin:0;
	padding:0;
	list-style:none;
}
.footer li ul{
	display:none;
}
.footer ul li, .footer p{
	margin-bottom:3px;
}
.footer:before{
	position:absolute;
	width:100%;
	height:54px;
	top:-54px;
	z-index:99;
	content:"";
	background:url(images/bg-footer-bubbles.png) center no-repeat;	
}
.footer .left{
	position:relative;
	width:30%;
	height:auto;
	float:left;
}
.footer .left img{
	width:auto;
	height:auto;
	max-width:100%;
}
.footer .right{
	position:relative;
	width:70%;
	height:auto;
	float:right;	
}
.footer .right .widget{
	position:relative;
	width:33%;
	height:auto;
	float:left;
}
.footer .right .widget-title{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
	text-transform:uppercase;
}
.footer .right .widget-content{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	font-size:15px;
	color:#FFF;
	text-transform:uppercase;
}
.footer .right .widget-content a{
	color:#FFF;
}
.footer .right .widget.contact{
	width:52%;
}
.footer .right .widget.categories{
	width:33%;
}
.footer .right .widget.connect{
	width:15%;
}
.footer .right .widget.connect .widget-content{
	font-family:'FontAwesome';
	font-size:24px;
}
.footer .copyright{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	font-size:12px;
	color:#FFF;
}

/* Standard Blog by Beardo */

.blog .blog{
	padding:60px 0;	
}
.blog .posts{
	position:relative;
	width:67%;
	height:auto;
	float:left;
	margin:0 5% 0 0;
}
.blog .posts .post{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	padding:60px 0;
	border-bottom:1px solid #e6e6e6;	
}
.blog .posts .post:nth-child(1){
	padding-top:0px;
}
.blog .posts .post .title{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	font-size:26px;
	color:#333333;
	font-weight:bold;
	margin-bottom:10px;
}
.blog .posts .post .meta{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	color:#333333;
	font-size:14px;
	margin-bottom:15px;
}
.blog .posts .post .meta .comments a{
	padding-left:20px;
	margin-left:20px;
	background:url(images/comments.png) left no-repeat;
}
.blog .posts .post .image{
	position:relative;
	width:27%;
	height:auto;
	float:left;
	margin-right:5%;	
}
.blog .posts .post .image img{
	width:100%;
	height:auto;
}
.blog .posts .post .excerpt{
	position:relative;
	width:68%;
	height:auto;
	float:left;
}
.blog .posts .post .excerpt a{
	display:inline-block;
	color:#34669b;
	margin:15px 0;
	padding-right:20px;
	background:url(images/arrow.png) right 5px no-repeat;
}
.blog .sidebar{
	position:relative;
	width:28%;
	height:auto;
	float:left;
	margin:0;
}
.blog .sidebar .widget{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	margin-bottom:30px;
}
.blog .sidebar .widget-title{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	color:#333;
	margin-bottom:10px;
	font-weight:bold;
	text-transform:uppercase;	
}
.blog .sidebar .widget-content{
	
}
.blog .sidebar .widget-content ul{
	margin:0;
	padding:0;
	list-style:none;
}
.blog .sidebar .widget-content ul li{
	position:relative;
	width:90%;
	height:auto;
	float:left;
	padding:15px 5%;
	background:url(images/img-arrow.png) left 21px no-repeat;
	border-bottom:1px solid #e6e6e6;
}
.blog .sidebar .widget-content ul li a{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	font-weight:bold;
	font-size:14px;
	display:inline-block;
	color:#666666;
}
.blog .sidebar .widget-content ul li .post-date{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	font-size:11px;
	color:#808c8c;
}