/*
Theme Name: Absolute Media
Theme URI: http://www.absolutemedia.co.nz
Description: Absolute Media bootstrap framework theme.
Version: 1.1
Author: Jon Holtslag
Author URI: http://www.absolutemedia.co.nz
*/

a, button, input[type="submit"],img{
	transition:all 0.3s ease-in-out;
}
#content a{
	color:#009eff ;
}
#content a:hover{
	color:#bf1c8b;
}
p{
	color:#222;
}
body,input,textarea{
	font-family: 'Open Sans', sans-serif;
}
body{
	background-color:#efefef;
	background-image:url('img/body-bg.jpg');
}
a:hover{
	text-decoration: none;
}

.dotted-heading{
	background:url('img/dots.gif') 0 8px repeat-x;
	display:inline-block;
	width:100%;
	font-size:20px;
	line-height: initial;
}
.dotted-heading span
{	padding-right:8px;
	background:white;
}
.site-heading{
	margin-top:-6px;
}
h1,h2,h3,h4,h5,h6, .nav{
	font-family: 'Hind', 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: initial;
}
h2{
	font-size:26px;
}
h3{
	font-size:22px;
}

/*
******************************************************************************************************************
=Header
******************************************************************************************************************
*/

#logo{
	float:left;
}
#logo img{
	  width: 310px;
  margin-top: 6px;
}
.header_text{
	float:right;
}

#header{
	background:white;
	margin-bottom:10px;
	padding:10px 20px;
	min-height:73px;
}
#header .nav{
	width:65%;
	float:right;
	margin-bottom:0px;
	margin-top:24px;
}
#header  .nav ul{
	margin:0px;
	float:right;
	margin-right:4px;
}
#header  .nav ul li{
	display:inline;
	list-style: none;
	position:relative;

}
#header .nav ul li a{
	display:inline-block;
	min-height:20px;
	padding:6px 10px 8px 10px;
	margin-right:-4px;

	text-align: center;
	color:#b2b2b6;

	font-size:14px;

}

#header  .nav ul li a:hover,
#header  .nav ul li.current_page_item > a,
#header  .nav ul li.current-page-ancestor > a{
	text-decoration: none;
	color:#222;
}

/*Drop down menu*/
#header .nav ul li ul{
	visibility:hidden;
	position:absolute;
	padding:0;
	top:5px;
	left:0;
	display:block;
	opacity:0;
	background:white;
	-webkit-transition:all 0.4s ease-in-out
	-moz-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;

	width:150px;
	border:1px solid #dfdfdf;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
	z-index:20;
}

#header .nav ul li:hover > a{
	color:#222;
}
#header .nav ul li:hover ul{
	opacity:1;
	visibility: visible;
	height:auto;
	top:27px;
}
#header .nav ul li ul a{
	width:128px;
	font-size:12px;
	text-align: left;

	padding:8px 0px;
	margin-left:12px;

	border-bottom:1px dotted #dfdfdf;

}
#header .nav ul li ul li:last-child a{
	border-bottom:none;
}
#header .nav ul li ul a:hover{
	color:#222;
}

#header .nav ul li.menu-item-has-children > a:after{
	content:" »";
}

#header .nav ul li:last-child a{
	padding-right:0px;
}

/*Nav for mobile size*/
#header .nav .phone_nav li{
	display:block;
}

.phone_nav{
	width:100%;
	min-height:40px;
	padding-top:10px;
}
.phone_nav button{
	width:100%;
	height:35px;
	padding-top:9px;
	font-family: inherit;
	display:block;
	margin:0px auto 0px auto;

	color:white;
	background:#222;
	border:none;
	outline:none;
}

.phone_nav #main_nav{
	background:#ececec;
}
.phone_nav #main_nav ul{
	margin-right:0px;
}
#header .nav .phone_nav ul li a{
	width:100%;
	text-align:left;
	border-bottom:1px dotted #dfdfdf;
	box-sizing:border-box;
	color:#3d3d3d;
}
#header .nav .phone_nav ul li a:hover,
#header .nav .phone_nav ul li.current-menu-item > a,
#header .nav .phone_nav ul li.current-menu-ancestor > a{
	color:#009eff ;
}

/*Drop down menus*/
#header .nav .phone_nav .sub-menu{
	visibility: visible;
	position: relative;
	opacity:1;
	border:none;
	box-shadow: none;
	top:0px!important;
	background:none;
	width:100%;
	overflow:hidden;
	background:#f6f6f6;
}



#header-top{
	margin:30px 20px 10px 0;
}
#header-top p {
	background: #bf1c8b;
	color:white;
	float: right;
	margin: 0;
	padding: 3px 10px;
	font-size:11px;
}

/*
******************************************************************************************************************
=content
******************************************************************************************************************
*/

#content{
	padding:20px;
	box-sizing:border-box;

	background: white;
}

#content > .row-fluid:last-child{
	padding-bottom:20px;
	background: transparent url('img/dots.gif') 0 100% repeat-x;
}

.home_intro{
	max-height: 343px;
	overflow-y: auto;
}


/*Service blocks*/
.service_block{
	background:#f7f7f8;
	overflow-x:hidden;
	position:relative;
	border-bottom: 2px solid #ececec;
}
/*Title for service blocks*/
.service_block a.overlay{
	display:block;
	position: relative;
}
.service_block img, .colio-container img,#content img{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.service_block a:hover img{
	opacity:0.6;
}
.service_block a.overlay .service_block_overlay{
	display:block;
	position:absolute;
	background:#333;
	color:white;
	opacity:1!important;

	top: 43%;
	left: 28%;
	padding: 2px 6px;
	z-index:10;
	visibility: hidden;

	-webkit-transition:top 0.2s ease-in-out;
	-moz-transition:top 0.2s ease-in-out;
	transition:top 0.2s ease-in-out;
}
.service_block a.overlay:hover .service_block_overlay{
	visibility: visible;
}
.service_block br{
	display:none;
}
#content .service_block_title a{
	color:#222;
}
#content .service_block_title a:hover{
	color:#009eff;
}
.service_block_title,.service_description{
	text-align: center;
	font-size:14px;
	line-height: 14px;
	margin-top:15px;
}
.service_description{
	font-size: 13px;
	color:#555;
	margin:0 5px 15px 5px;
}

/*when clicked on, make service block slightly jump up*/
.service_block a:active .service_block_overlay{
	top:40%;
}

.page-header{
	margin-top:0px;
	margin-bottom:10px;
	border-bottom:none;
	padding-bottom:0px;
}
.page-header:after{
	display:block;
	width:100%;
	height:11px;
	background: transparent url('img/dots.gif') 0 0px repeat-x;
	content:"";
}
.page-header .page-title{
	font-size:29px;
	line-height: initial;
	margin-top:0px;
	margin-bottom:5px;
}
.page-header .page-title span{
	color: #dd37a7;
}

.template-page-home .slider-container{
	margin-bottom:15px;
}
/*hide first p tag in slider container*/
.slider-container p:first-child{
	display:none;
}
/*Slider container on full width pages*/
.slider-container.span12{
 margin-bottom:15px;
}

#content a.button, button{
	display:block;
	background:#222;
	color:white;
	padding:10px;
	text-align: center;

	-webkit-transition:all 0.15s  ease-in-out;
	-moz-transition:all 0.15s  ease-in-out;
	transition:all 0.15s  ease-in-out;
}
#content a.button:hover, button{
	color:white ;
	background:#009eff;
}
#content a.button:active{
}

.button.print_button{
	max-width:130px;
	float:right;
	cursor:pointer;
}

/*For layerslider*/
#content  .ls-inner a.button{
	padding:5px 10px!important;
}

/*Inputs*/
input,textarea{
	background:#f7f7f8;
	border:1px solid #f7f7f8;
	padding: 4px 6px;

	transition:all 0.2s ease-in-out;

	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */

	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;

	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}
input:focus,textarea:focus{
	background:white;
}

input[type="submit"]{
	background:#222;
	color:white;
	border:none;
	padding:3px 9px;
	outline:none;
}
input[type="submit"]:hover,input[type="submit"]:focus{
	color: white;
	background: #bf1c8b;
}
input[type="submit"]:active{
	margin-top:2px;
	margin-bottom:-2px;
}
#searchform input{
	width:100%;
	box-sizing:border-box;
}
/*Contact Form*/

.wpcf7 input[type='text'],.wpcf7 input[type='email'], .wpcf7 textarea{
	width:80%;
	border-radius:0px;
	color:#555;
}
.wpcf7 textarea{
	width:90%;
	height:120px;
	border-radius:0px;
	max-width: 100%;
}

.your-message{
	min-height: 140px!important;
	display:block!important;
}

.wpcf7 label{
	font-weight:bold;
}
.wpcf7 input[aria-invalid='true'],.wpcf7 textarea[aria-invalid='true']{
	border-color:red;
	-webkit-box-shadow: 0 0 6px #f8b9b7;
	-moz-box-shadow: 0 0 6px #f8b9b7;
	box-shadow: 0 0 6px #f8b9b7;
}

.wpcf7-form-control-wrap{
	width:100%;
	display:inline-block;

	/*Prevents animation during validation*/
	min-height:40px;
	overflow:visible!important;
}
.wpcf7-not-valid-tip{
	position: absolute;
	top: 5px;
	right: 19%;
}
.wpcf7 form p{
	margin-bottom:0px;
}

textarea + .wpcf7-not-valid-tip{
	right:9%;
}
.wpcf7 .wpcf7-response-output{
	border:none;
	float:left;
	margin:0 0 0 10px;
	padding:2px 0 0 0;

}
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors{
	color:red;
}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok{
	color:#398f14;
}	

/*Contact details*/
#content .contact_label{
	display:inline-block;
	font-weight: bold;
	width:60px;
}
#content .contact_detail{
	display:inline-block;
	margin-bottom:10px;
}
.nostrong{
	font-weight: normal;
}

/*Services sidebar*/
.services_sidebar, .services_content{
	margin-top:10px;
}
.services_sidebar > .widget .widget-title{
	margin-top:0px;
	background: #eeeeee;
padding: 10px;
margin-bottom: 0px;
}
.services_sidebar .menu-services-menu-container li{
	list-style:none;
}
.services_sidebar .menu-services-menu-container ul{
	margin-left:0px;
}

.services_sidebar .menu-services-menu-container ul li a,
.blog_sidebar ul li a
{
	transition:all 0.2s ease-in-out;
	font-size:13px;
}
.services_sidebar .menu-services-menu-container li a{
	display:block;
	padding:10px 0 10px 10px;
	background:#eeeeee;

}
#content .services_sidebar .menu-services-menu-container ul li a:hover{
      background: #ddd;
      color: #222;
}
.services_sidebar .widget-title,
.blog_sidebar .widget-title{
	font-size:20px;
	line-height: initial;
}


/*Adjusting sidebar to be wider*/
.template-page-sidebar-left .span2.services_sidebar,.template-page-sidebar-right .span2.services_sidebar,
.home .span2.blog_sidebar,.single .span2.blog_sidebar
{
	width:16.2588456563%;
}
/*Making content thinner to compensate for sidebar on services sidebar page*/
.template-page-sidebar-left .span10.services_content, .template-page-sidebar-right .span10.services_content,
.home .span10.blog_page_content,.single .span10.blog_page_content
{
	width:80.97872340425532%;
}

/*Blog sidebar*/
.blog_sidebar ul{
	margin-left:0px;
	margin-bottom:0px;
}
.blog_sidebar ul li{
	list-style: none;
}
/*Portfolio styles*/
/*Filter buttons*/
#content .colio-wrap .colio-filters a{
	color:#222;
}
#content .colio-wrap .colio-filters a:hover{
	color:#009eff ;
}

#content .colio-wrap .colio-link:hover{
	color:#009eff ;
	text-decoration: none;
}
#content .colio-wrap .colio-thumb .colio-button{
	text-shadow:none;
	font-weight: normal;
}
#content .colio-wrap .colio-button,#content .colio-wrap .colio-button:hover{
	color:white;
}

/*Blog and archive pages */
#content .post{
	margin-bottom:10px;
	border-bottom:1px dotted #b2b2b2;
	padding-bottom:15px;
}
.blog_page_content .post-details p{
	margin-bottom:0px;
}
.post-details img{
	margin-bottom:10px;
}
.blog_page_content h5{
	font-weight: bold;
	margin-bottom: 0px;
}
.post .post-meta{
	font-size:13px;
}

.post-details a.post-thumbnail:hover{
	opacity:0.7;
}

#content .post a.button.readmore{
	font-size:13px;
	display:inline-block;
	padding:2px 4px;
}
#content .post a.button.readmore:hover{
	margin:0;
}
#content .post h2{
	font-size:22px;
	line-height: 22px;
	font-weight: 800;
	
}
#content .post h2 a{
	color:#222;
}
#content .post h2 a:hover{
	color:#009eff ;
}
#content .post .post-thumbnail{
	display:inline-block;
	margin-top:10px;
}

.services_content p:first-child,.services_content h1:first-child,.services_content h2:first-child,.services_content h3:first-child,
.services_content h4:first-child,.services_content h5:first-child,.services_content h6:first-child{
	margin-top:0px;
}

#content .pricing-table a{
	color:white;
}
.post-thumbnail{
	max-width: 100%;
}



/*Accordion*/
.panel-title{
	margin:0px;
}
.panel p{
	display:none;
}
.panel .panel-body p{
	display: table;
}
#content .panel-title a{
	display: block;
	background: #ececec;
	text-align: center;
	padding: 10px;
	text-decoration: none;
	color:#333;
	border-bottom: 1px solid #d3d3d3;
}
#content .panel-title br{
	display:none;
}
#content .panel-title a:hover{
	color:#bf1c8b;
}

.panel-title a:before{
	display:inline-block;
	float:left;
	margin-left:10px;

	content: "-";
	color:#bf1c8b!important;
	width:10px;
}
.panel-title a.collapsed:before{
	content: "+";
}
.panel-body{
	padding: 10px;
	background: #fafafa;
}
.close_panel{
	display: inline-block;
	padding: 5px;
	background: #ececec;
	cursor: pointer;
}


.dotted_underline{
	border-bottom: 1px dotted #aaa;
	
}
h2.dotted_underline{
	padding-bottom: 5px;
}

/*Tables*/
#content table td{
	border: 1px solid #aaa;
	padding: 3px 6px;
}

/*
******************************************************************************************************************
=footer
******************************************************************************************************************
*/
#footer{
	padding:20px;
	box-sizing:border-box;
	margin-top:10px;
	background:#222;
	color:#aaa;
	font-size:12px;
}
#footer p{
	color:#aaa;
}
#footer a{
	color:white;
	border-bottom:1px dotted #222;;
}

#footer .dotted-heading {
	font-size:13px;
	color:white;
	background-position:0px 3px;
}
#footer .dotted-heading span{
	background:#222;
}
#footer ul.recent_posts{
	margin:0px;
}

#footer ul.recent_posts li{
	width:86%;
	float:left;
	list-style:none;
	margin-left:0%;
}
#footer ul.recent_posts .post_icon{
	width:14%;
	height:45px;
	float:left;
	display:inline-block;

}
#footer .about ul{
	margin:0px;
}
#footer .about li{
	list-style:none;
}

.footerexcerpt{
	margin-bottom:0px;
}
#footer a:hover{
	border-bottom:1px dotted #009eff ;;
}

#footer .post_icon a{
	display:block;
	background:url('img/icons.png') #009eff ;
	width:45px;
	height:45px;
	border-bottom:none;
}
#footer .post_icon a:hover{
	background-color: initial;
}
#footer .post_icon a:hover{
	border-bottom:none;
}

#footer .facebook{
	display:block;
	float:right;
	border:none;
	margin-top:5px;
}
#footer .facebook img{
	width:30px;
}
#footer a.facebook:hover{
	border:none;
	background:#3b579d;
}


#below-footer{
	margin:10px 0px;
	font-size:12px;
	padding:0 20px;
}
/*
******************************************************************************************************************
=misc
******************************************************************************************************************
*/
img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.left,.alignleft{
	float:left;
}
.right,.alignright{
	float:right;
}
.clear{
	clear:both;
}


/*Wordpress captions*/
.wp-caption {
border: 0px;
text-align: center;
padding-top: 4px;
margin: 10px;
max-width:100%;
border: 1px solid #ececec;
}
.wp-caption.alignnone{
	margin-left:0px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 0.85em;
line-height: 1.214em;
padding: 0 4px 5px;
margin: 0;
margin-top:5px;
text-align:left;
font-style:italic;
}


/*Pagination*/
.pagination{
	margin:0px;
}
.pagination a{
	display:inline-block;
	text-align: center;
}
.pagination .nav-previous, .pagination .nav-next,.pagination .nav-divider{
	float:left;
}
.pagination .nav-divider{
	margin-right:4px;
	
}
.pagination h5{
	margin-top:0px;
	margin-bottom:5px;
}
.first{
	margin-left:0!important;
}
.last{
	margin-right:0!important;
}

.mt15{
	margin-top:15px;
}
.nopadding{
	padding:0!important;
}
.contact_submit{
	float:left;
}
/*Tablet view*/
@media (max-width: 979px) and (min-width: 768px){

	/*Fixes margin on sidebar content*/
	.template-page-sidebar-left .span10.services_content,.template-page-sidebar-left .span10.services_content{
		margin-left:2.127659574468085%;
	}

	.services_sidebar .menu-services-menu-container ul li a:hover{
		padding-left:0px;
	}

	.site-heading{
		font-size: 30px;
	}
	.home_intro{
		margin-bottom:10px;
		height:254px;
	}

	#footer ul.recent_posts li{
		margin-left:3%;
		width:83%;
	}

	#footer .widget{
		position: relative;
	}
	#footer .facebook{
		position:absolute;
		right:0px;
		top:60px;	
	}
	#below-footer .footer_text .right,#below-footer .footer_text .left{
		width:100%;
		text-align: center;
	}
	.pricing-table{
		margin-left:0px!important;
		margin-right:20px!important;
	}
}

/*Phone view*/
@media (max-width: 767px) {

	#logo{
		width:100%;
	}
	#logo img{
		display:block;
		margin:auto;
	}

	.home_intro{
		max-height:initial;
	}

	.template-page-home #content a.button{
		margin-top:10px;
	}


	/*Navigation*/
	#header .nav{
		width:100%;
		float:left;
		margin-top:0px;
	}
	#header .nav ul{
		float:none;
	}
	#content a.button:hover{
		margin-bottom:0px;
	}

	.service_block{
		margin-bottom:10px;
	}
	.service_block img{
		width:100%;
	}

	#footer ul.recent_posts li{
		margin-left:3%;
		width:83%;
	}
	#footer .post_icon a{
		width:34px;
		height:34px;
		background-position: -5px -5px;
	}
	#below-footer .footer_text .right,#below-footer .footer_text .left{
		width:100%;
		text-align: center;
	}
	.contact_form{
		margin-bottom:10px;
	}
	.contact_submit{
		float:none;
	}
	.wpcf7 .wpcf7-response-output{
		float:none;
		margin-left:0px;
		margin-top:10px;
	}
	.template-page-sidebar-left .span10.services_content,
	.single .span10.blog_page_content,
	.home .span10.blog_page_content,
	.template-page-sidebar-left .span2.services_sidebar, 
	.template-page-sidebar-right .span2.services_sidebar, 
	.home .span2.blog_sidebar, 
	.single .span2.blog_sidebar
	{
		width:100%;
	}
	#content .wpcf7 input[type='text'],#content .wpcf7 input[type='email'],#content .wpcf7 textarea{
		width:95%;
	}
	#content .wpcf7 .wpcf7-not-valid-tip{
		right:5%;
	}


}

/*Tablet*/
@media(max-width: 979px) and (min-width: 768px){
	#logo img{
		  width: 220px;
  margin-top: 15px;
	}
	#header .nav{
	width:67%;
}

}



.menu-item-193, .menu-item-194,
.menu-item-191,.menu-item-190{
	display:none!important;
}