/*
Theme Name: Beth Dunn
Theme URI: http://absolutemedia.co.nz
Description: Wordpress bootstrap 3 framework theme.
Version: 2.0
Author: Jon Holtslag
Author URI: http://absolutemedia.co.nz
=grey 414042
=blue 3d53a4
*/


a, button, input[type="submit"]{
	transition:all 0.3s ease;
	color:#ED0F68;
}
body{
	font-family: 'Raleway', sans-serif;
	color:#414042;
}
a:hover{
	text-decoration: none;
}
p{
	margin-bottom: 20px;
}

#main_wrapper,#header_wrapper,#content_wrapper,#footer_wrapper,
#content_inner{
	padding-left:0px;
	padding-right:0px;
}

/*When set to responsive, ensure images are responsive*/
.responsive img{
	max-width: 100%;
	height:auto;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Lato',sans-serif;
}
#content_inner ul{
	margin-bottom: 20px;
}
/*
******************************************************************************************************************
=Header
******************************************************************************************************************
*/
#header_wrapper{
	background:rgb(253, 253, 253);
}
#header_inner{
	padding:50px 0 10px 0;
	position: relative;
}


#logo{
	margin-bottom: 10px;
	float: left;
}
#logo img{
	width:250px;
}
.header_text{
	
}
#header_text_1{
	position: absolute;
	right:0;
	bottom: 20px;
}
#header_text_2{
	
}
#header_text_1 span{
	margin-right:10px;
}
#header_text_1 span.hidden-sm{
	margin:0px;
}
#header_text_1 span.last{
	margin-left:15px;
}

/*Header desktop nav container*/
#header_inner .nav.hidden-xs{
	float:right;
	margin-top: 20px;
}

.nav a{

}
#header_inner .nav.hidden-xs ul{
	margin:0px;
	padding-left:0px;
}
#header_inner .nav.hidden-xs ul li{
	display:inline-block;
	list-style: none;
	position:relative;
	padding:0 13px;
}
#header_inner .nav.hidden-xs ul li:last-child{
	padding-right: 0px;
}
#header_inner .nav.hidden-xs ul li a{
	text-decoration: none;
	display:inline-block;
	padding:10px 0px;
	text-align: center;
	color:#414042;
	position: relative;
}
#header_inner .nav.hidden-xs ul li a:after{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    background: #ED0F68;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#header_inner .nav.hidden-xs ul li a:hover:after{
	width:100%;
}
#header_inner .nav.hidden-xs ul li.current_page_item > a:after{
	width:100%;
}
#header_inner .nav.hidden-xs ul li a:hover,
#header_inner .nav.hidden-xs ul li.current_page_item > a{
	text-decoration: none;
	color:#ED0F68;
}

/*Dropdown menu*/
#header_inner .nav.hidden-xs ul li ul{
    visibility: hidden;
    position: absolute;
    padding: 0;
    top: 39px;
    left: 0;
    display: block;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 50;
    background: white;
    border: 1px solid #ddd;
}

/*Style parent 'a' of dropdown menu*/
#header_inner .nav.hidden-xs ul li:hover > a{

}
#header_inner .nav.hidden-xs ul li:hover ul,
#header_inner .hidden-xs.nav ul li.hover > ul{
	opacity:1;
	visibility: visible;
}
/*Dropdown menu buttons*/
#header_inner .nav.hidden-xs ul li ul li{
	display: block;
}
#header_inner .nav.hidden-xs ul li ul a{
	border:0;
	text-align: left;
	width:160px;
}
#header_inner .nav.hidden-xs ul li ul a:after{
	display: none;
}
/*Dropdown menu button hover*/
#header_inner .nav.hidden-xs ul li ul a:hover{
	border:0;
}

#header_inner .nav ul li.menu-item-has-children:after{
	content:'\e114';
	font-family:'Glyphicons Halflings'; 
	font-weight: normal;
	margin-left: 5px;
    vertical-align: middle;
}

/*Nav for phones*/
#header_inner  .nav.visible-xs ul{
	padding:0px;
	margin:0px;

}
#header_inner  .nav.visible-xs{
	background:#fff;
	border:1px solid #ddd;
}
#header_inner  .nav.visible-xs li{
	display:block;
}
#header_inner  .nav.visible-xs a{
	display:block;
}
#header_inner .nav .nav_menu_button{
	display:block;
	background:#414042;
	color:white;
	padding:10px;
	text-align:center;
}

#header_inner  .nav.visible-xs ul li a{
	display:block;
	width:100%;
	padding:10px 20px;
}
#header_inner .nav.visible-xs ul li ul{
	visibility: visible;
	opacity:1;
	position: relative;
	top:0;
	padding-left:20px;

}
#header_inner .nav.visible-xs ul li ul a{
	width:100%;
}

#header_inner .nav.visible-xs ul li.menu-item-has-children:after{
	display: none;
}


/*Menu button icon*/
#header_inner .nav .nav_menu_button .glyphicon{
	margin:0 -14px 0 0;
}
#header_inner .nav .nav_menu_button.collapsed .glyphicon-menu-up{
	display:none;
}
#header_inner .nav .nav_menu_button.collapsed .glyphicon-menu-down{
	display:inline;
}
#header_inner .nav .nav_menu_button .glyphicon-menu-down{
	display:none;
}
#after_header{
	width:100%;
	height:200px;
	background: url(img/beth-dunn-banner-christchurch-celebrant.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0.6;
}
body.page-id-4209 #after_header,
body.parent-pageid-4209 #after_header{
	background-image: url(img/beth-dunn-banner-christchurch-funeral-celebrant.jpg);
}
.home.page #after_header{
	display: none;
}
/*
******************************************************************************************************************
=content
******************************************************************************************************************
*/
#content_wrapper{
	padding-top:35px;
	padding-bottom:35px;
}
#content_inner{
	overflow: hidden;
}


input[type='text'],
input[type='email'],
input[type='tel'],
textarea{
	padding:5px 10px;
	width:100%;
}
input[type='submit']{
	border:0;
	padding:5px 10px;
	background:#414042;
	background: #333;
	color: white;
}
input[type='submit']:hover{
	background:#3d53a4;
}
textarea{
	height: 143px;
}
blockquote{
	font-size: 14px;
	border:0;
	padding:25px 25px 0 25px;
	position: relative;
}
blockquote:before,blockquote:after{
	content:"";
	display: block;
	position: absolute;
	width:60px;
	height:60px;
	background-image:url(img/quote-icons/smooth-2-quote-open.png);
	background-size: 100%;
	opacity: 0.12;
}
blockquote:before{
	left:0;
	top:0px;	
}
blockquote:after{
	background-image: url(img/quote-icons/smooth-2-quote-closed.png);
	bottom:0px;
	right:0px;
}
blockquote i:before{
	content:"- ";
}
.home-box h3{
    text-align: center;
    margin-top: -56px;
    display: block;
}
.home-box h3 a{
	background:rgba(255,255,255,0.5);
	color:#414042;
	width:100%;
	display: block;
	position: relative;
	padding:5px 0;
}
.home-box{

	overflow: hidden;
}
.home-box img{
	transition:0.3s ease all;
}
.home-box:hover img{
	transform:scale(1.055) rotate(1deg);
}


.vc_btn3-container{
	font-weight: bold;
}
.page-title{
	border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}


#content_inner .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading{
	background-color:rgb(253, 253, 253);
}
#content_inner .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    background-color: rgb(254, 254, 254);
}
#content_inner .contact-details strong{
	display: inline-block;
	width:75px;
}
/*
******************************************************************************************************************
=footer
******************************************************************************************************************
*/
#footer_wrapper{
	padding:0;
	background:rgb(253, 253, 253);
		border-top: 1px solid #ddd;
}
#footer_inner{
	padding:10px 0;
}
#after_footer_wrapper{
	background:#f7f7f7;
	font-size:11px;

}
#after_footer_inner{
	padding:10px 0;
	
}
#footer_inner a{
	display: inline-block;
}
#footer_text_1{
	float:right;
}
#footer_inner p{
	margin-bottom: 10px;
}
.footer-widget-1{
	padding-left: 0px;
}
#footer_inner strong{
	width:70px;
	display: inline-block;
}
#footer_inner h3{
	font-size: 20px;
	margin:10px 0;
}
#footer_inner ul{
	padding-left:20px;
}
#members{
	background:#f7f7f7;
	padding:30px 0;
	text-align: center;
	border-top: 1px solid #e8e8e8;
}
#members img{
	margin:0 20px;
}
#members h3{
	margin-bottom: 40px;
}
#members img.canz_member{
	width: 279px;
}
#members img.canz_validated{
	width: 93px;
}


/*
******************************************************************************************************************
=misc
******************************************************************************************************************
*/
img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.left,.alignleft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.right,.alignright{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.clear{
	clear:both;
}

/*Wordpress captions*/
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #d4d4d4;
padding-top: 4px;
margin: 10px;
}
.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;
}
.button{
	display:inline-block;
	background:#eee;
	color:#222;
	padding:8px 13px;
}
.button:hover{
	color:white;
	background:#222;
}

/*Pagination*/
.pagination a{
	display:inline-block;
	padding:2px 10px;
	margin-left:4px;
	text-align: center;

	background:#222;
	color:white;
}
.pagination a:hover{
	background:#444;
}


/*Phones*/
@media (max-width: 767px) {
	#logo{
		text-align: center;
		float:none;
		margin-bottom: 20px;
	}
	#header_inner{
		padding:20px 0;
	}
	#header_inner, #content_inner, #footer_inner, #content_inner{
		padding-left:10px;
		padding-right: 10px;
	}
	#header_text_1{
	    width: 100%;
	    text-align: center;
	    bottom: initial;
    	position: relative;
	}
	#header_text_1 .glyphicon{
		display: none;
	}
	#header_text_1 a{
	    display: block;
	    width: 250px;
	    max-width: 100%;
	    margin: 0 auto 15px auto;
	    border: 1px solid;
	}
	#content_wrapper{
		padding-top:10px;
		padding-bottom: 10px;
	}
	.home-box{
		margin-bottom: 20px!important;
	}
	#footer_inner{
		text-align: center;
	}
	#footer_inner ul{
		padding:0;
	}
	#footer_inner li{
		list-style: none;
	}
	#footer_text_1{
		margin-bottom: 10px;
		float: none;
	}
	.footer_text{
		display: block;
		float: none;
		text-align: center;
	}
	.footer-widget-1{
		padding-left:15px;
	}
	.footer-widget-1,.footer-widget-2{
		margin-bottom: 20px;
	}
	#members{
		padding-bottom: 20px;
	}
	#members img{
		margin-bottom: 15px;
	}


}
/*Tablet*/
@media (min-width: 768px) and (max-width: 991px){
	#logo img{
		width:180px;
	}
	#header_inner .nav.hidden-xs ul li{
		padding:0 3px;
	}
	#header_inner .nav.hidden-xs ul li a{
		font-size: 11px;
	}
	#header_inner .nav.hidden-xs{
		margin-top: 0px;
	}
	#header_text_1{
		font-size: 11px;
		bottom:25px;
	}
	#header_text_1 span.visible-sm{
		display: inline-block!important;

		margin-right: 0px;
	}


}
/*medium devices - desktops*/
@media (min-width: 992px) and (max-width: 1199px) {

	#header_inner .nav.hidden-xs ul li{
		padding:0 3px;
	}

}
/*Large devices*/
@media (min-width: 1200px) {

}