/*
Theme Name: Audhali
Description: Used to add custom styles.
*/

/***** Shared Styles ******/

.site {
	max-width:100% !important;
	margin-top:0 !important;
}

.inner {
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding:0 10px;
}

h2, h3 {
	color:#2c3b8d;
	text-transform:uppercase;
	font-weight:400;
}

h2 {
	font-size:22px !Important;
}

h3 {
	font-size:18px !Important;
	margin-bottom:5px !Important;
}

.page-feature {
	height:224px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width:100%;
}

@media (max-width: 680px) {
	.page-feature {
		height:150px;
	}
}

/***** Header Styles ******/

.site-header {
	background-color:#2c3b8d;
	color:#fff;
	padding-bottom:0px !important;
	z-index: 3;
	position: relative;
}
.main-logo {
	position:absolute;
	top:0;
	left:0;
	width:30%;
	z-index: 3;
}

.main-logo img {
	width:100%;
	max-width: 200px;
	min-width:150px;
}

.header-phone {
	text-align:right;
	padding-bottom:9px;
	font-size:21px;
	padding-top:6px;
}

.main-navigation {
	text-align: right !Important;
}

.main-navigation li {
	margin:0 !Important;
	padding-left:20px;
	padding-right:20px;
}

.main-navigation ul li a {
	color:#fff;
	line-height: 2.692308;
}

.main-navigation ul li:hover {
	background-color:#fff;
	border-bottom:3px solid #2babe3;
}

.main-navigation ul li:hover a {
	color:#2c3b8d;
}

.main-navigation ul li.current_page_item {
	background-color:#fff;
	border-bottom:3px solid #2babe3;
}

.main-navigation ul li.current_page_item a {
	color:#2c3b8d;
}

.menu-toggle {
	display: block;
	width: 50px;
	background-color:#2c3b8d !important;
	background-image:none !Important;
	color:#fff !important;
}

.menu-toggle:hover {
	background-color:#fff !important;
	background-image:none !Important;
	color:#2c3b8d !important;
}

.assistive-text {
	display:none;
}

.ls-defaultskin {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/****** Footer Styles ******/

footer {
	width:100% !Important;
	max-width:none !important;
	background-color:#2c3b8d;
}

footer .inner {
	color:#fff;
	text-transform:uppercase;
}

.copyright {
	display:inline-block;
}
.copyright a {
  color:#ffffff !important;
  text-decoration:none;
}

.social {
	float:right;
}

.testimonial-row {
	background-color:#f2f0f1;
	padding-top:40px;
	padding-bottom:20px;
	box-shadow: inset 0px 3px 15px -5px #BDBCBC;
	-moz-box-shadow: inset 0px 3px 15px -5px #BDBCBC;
	-webkit-box-shadow: inset 0px 3px 15px -5px #BDBCBC;
}

.testimonial-row p a {
	text-decoration:none;
	color:#2B3A8C;
}

.testimonials {
	max-width:940px;
}

.single-testimonial {
	max-width:425px;
	background-color:#d1cccd;
	border-radius:5px;
	padding:20px;
	font-family: 'Arimo', sans-serif;
	font-weight:400;
	line-height:20px;
	float:left;
	position: relative;
	margin-bottom: 30px;
}

.single-testimonial:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: #d1cccd transparent transparent #d1cccd;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-19px;
  left:1em;
}

.testimonials-page .single-testimonial {
	max-width:425px;
	background-color:#f0f0f1;
	border-radius:5px;
	padding:20px;
	font-family: 'Arimo', sans-serif;
	font-weight:400;
	line-height:20px;
	display:inline-block;
	position: relative;
	margin-bottom: 30px;
}

.testimonials-page .single-testimonial:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: #f0f0f1 transparent transparent #f0f0f1;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-19px;
  left:1em;
}

.entry-content img {
	box-shadow:none !important;
}

.single-testimonial:nth-child(odd) {
  margin-right:10px;
}

.speech-left {
	background-image:url('../../../uploads/2013/09/speech-left.png');
	background-repeat: no-repeat;
	width: 18px;
	height: 15px;
	float: left;
}

.test-content {
	padding-left: 22px;
	padding-right: 22px;
}

.speech-right {
	background-image:url('../../../uploads/2013/09/speech-right.png');
	background-repeat: no-repeat;
	width: 18px;
	height: 15px;
	float: right;
	margin-top:-20px;
}

.test-name {
	font-weight:700;
	padding-left:22px;
}

.bx-pager {
	display:none;
}

.bx-wrapper {
	width:85%;
}

h2.products-header {
	margin-top:20px !Important;
}

@media (max-width: 975px) {
	.single-testimonial {
		max-width:940px;
	}
	
	.single-testimonial:first-of-type {
		margin-right:0px !important;
	}
}

/****** Page styles ******/
.ls-defaultskin {
  padding:0 !important;
}
.hp-slider {
	margin-bottom:20px;
}


.other-content h2, .contact-form h2 {
	margin-top:30px;
	margin-bottom:10px;
}

article {
	width:100%;
	border-bottom:none !important;
	display:inline-block;
}

img.wp-post-image {
	box-shadow:none !important;
	width:100%;
}

.template-front-page.has-post-thumbnail article, article {
	width:100%;
}

.entry-page-image {
	width:100%;
	text-align:center;
}

.entry-content {
	padding-right:10px;
}

.entry-header {
	display:none;
}

.big-button-blue {
	text-decoration:none;
	color:#fff !important;
	background-color:#2c3b8d;
	padding:10px 15px;
	text-transform:uppercase;
	display: block;
	text-align: center;
	max-width:65%;
}

.big-button-blue i {
	margin-left:10px;
}

.about-middle img {
	width:100%;
}

.service_row {
	display:block;
	clear:both;
	margin-bottom:20px;
}

.service_row img {
	padding-bottom:20px;
}

.service_row .left {
	float:left;
	width:49%;
  margin-right:2%;
}

.service_row .right {
	float:right;
	width:49%;
}

.service_row .left img, .service_row .right img {
	width:100%;
}

.service_row p, .address p {
	margin-top:10px;
	margin-bottom:10px;
	line-height:20px;
}

.service_row .big-button-blue {
  max-width:100%;
}
.service_row .service-link {
	text-align:right;
}

.contact-form {
	width:67%;
	float:left;
}

.contact-form article {
	width:100%;
}

.contact-content .contact-info {
	width:33%;
	padding-top:30px;
	float:right;
}

.contact-content .contact-info h2 {
	text-align:center;
}

#map-canvas {
  height:294px;
}
p.blue-text {
	color:#2c3b8d;
	font-weight:700;
}

.map img {
	width:100%;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"] {
	width:80%;
	margin-bottom: 5px;
}

.wpcf7 textarea {
	width:90%;
}

.wpcf7 input[type="submit"] {
	background:#2c3b8d;
	color:#fff;
	font-size:20px;
	font-weight:400;
}

.wpcf7 input[type="submit"]:hover {
	background:#fff;
	color:#2c3b8d;
}

.range-menu {
	float:left;
	display:block;
	width:19%;
	border:1px solid #D1CCCD;
}

.range-menu h3 {
	color:#fff !Important;
	background:#2c3b8d;
	display:block;
	padding:15px;
	margin-bottom:0px !important;
}

.range-menu p {
	border-bottom:1px solid #D1CCCD;
}

.range-menu p:last-of-type {
	border-bottom:0px solid #D1CCCD;
}

.range-menu p a {
	text-decoration:none;
	text-transform:uppercase;
	color:#7f8083;
	display:block;
	padding:18px;
}

.range-menu p a:hover {
	text-decoration:none;
	text-transform:uppercase;
	color:#333;
	background:#c5c5c5;
}

.range-menu p a.active {
	color:#333;
	background:#c5c5c5;
}

.range-grid {
	float:right;
	display:block;
	width:80%;
}

.range-grid .grid-item {
	display:inline-block;
	width:31%;
	border:1px solid #D1CCCD;
	margin:0 5px 10px 5px;
	text-align:center;
	vertical-align:top;
}

.range-grid .grid-item:hover {
	border:1px solid #999;
}

.range-grid .grid-item h3 {
	color:#7f8083;
}

.range-grid .grid-item a {
	text-decoration:none;
	color:#333;
	padding:15px 10px;
	display:block;
  position:relative;
}

.range-grid .grid-item a img {
	width:100%;
	padding-top:17px;
	padding-bottom:17px;
}

.range-grid .grid-item a img.wp-post-image {
	padding:17px 0;
}

article.error404 {
	padding-top:300px;
}

/*-- Float Clearing --*/
.clear:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

@media (max-width: 680px) {
	.range-grid .grid-item {
		width:46% !Important;
	}
}

@media (max-width: 480px) {
	.contact-form {
		width:100%;
		float:left;
	}
	
	.contact-content .contact-info {
		width:100%;
		padding-top:20px;
		float:none;
	}
	
	.service_row .service-link {
		text-align:center;
	}
	
	.service_row {
		padding-top:10px;
	}
}

@media (max-width: 410px) {
	.range-menu {
		width:25%;
	}
	
	.range-grid {
		width:74%;
	}
	
	.range-grid .grid-item {
		width:90% !Important;
	}
	
	.about-services img {
		width:100%;
	}
}