/*
Theme Name: Beck & Caul
Theme URI: http://www.beckandcaul.co.nz
Author: Beck & Caul
Version: 1.0

*/


/* =Reset default browser CSS. 
-------------------------------------------------------------- */

/* Generated by Glyphter (http://www.glyphter.com) on  Wed Sep 07 2016*/
@font-face {
    font-family: 'Glyphter';
    src: url('fonts/Glyphter.eot');
    src: url('fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('fonts/Glyphter.woff') format('woff'),
         url('fonts/Glyphter.ttf') format('truetype'),
         url('fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-facebook:before{content:'\0041';}
.icon-twitter:before{content:'\0042';}
.icon-googleplus:before{content:'\0043';}
.icon-youtube:before{content:'\0044';}

/*SOCIAL MEDIA*/
@font-face {
    font-family: 'Socialmedia';
    src: url('fonts/socialmedia/Glyphter.eot');
    src: url('fonts/socialmedia/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('fonts/socialmedia/Glyphter.woff') format('woff'),
         url('fonts/socialmedia/Glyphter.ttf') format('truetype'),
         url('fonts/socialmedia/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'Conv_ManhattanDarling-Regular';
	src: url('fonts/ManhattanDarling-Regular.eot');
	src: local('☺'), url('fonts/ManhattanDarling-Regular.woff') format('woff'), url('fonts/ManhattanDarling-Regular.ttf') format('truetype'), url('fonts/ManhattanDarling-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 19px;
}
html { height: 100%; position:relative; overflow-x:hidden; }
body {height: 100%; }


p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
img{ max-width:100%;}
h1{
	color:#434343;
	font-size:24px;
	font-weight:bold;
}
h2{
	color:#434343;
	font-size:24px;
	line-height:30px;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold;
}

ol, ul{margin-left:20px;padding-left:5px;margin-bottom: 20px;}
ol li, ul li{ margin-top:10px;}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
	

}

a:hover, a:link, a:visited{
	color:black;
	text-decoration:none;
}
.acf-map {
	width: 100%;
	height: 300px;
	border: #ccc solid 1px;
	margin: 20px 0;
}
#sending, #sent{display:none;}
input, select, textarea{box-sizing: border-box;}

.ninesixty{ width:960px; position:relative; margin:0 auto; }
.clear{clear:both;}
.cl5{ height:5px;}
.cl10{ height:10px;}
.cl20{height:20px;}
.cl30{height:30px;}
.cl40{height:40px;}
.cl50{height:50px;}
.cl60{height:60px;}
.cl70{height:70px;}
.cl80{height:80px;}
.cl90{height:90px;}
.cl100{height:100px;}
.smartphoneonly{ display: none; }

img.alignright {float:right; margin:0 0 1em 1em; box-shadow:0 0 15px 0 rgba(0,0,0,0.3);}
img.alignleft {float:left; margin:0 1em 1em 0; box-shadow:0 0 15px 0 rgba(0,0,0,0.3);}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; box-shadow:0 0 15px 0 rgba(0,0,0,0.3);}
a img.alignright {float:right; margin:0 0 1em 1em; box-shadow:0 0 15px 0 rgba(0,0,0,0.3);}
a img.alignleft {float:left; margin:0 1em 1em 0; box-shadow:0 0 15px 0 rgba(0,0,0,0.3);}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; box-shadow:0 0 15px 0 rgba(0,0,0,0.3);}

/*MENU*/
	.menu{ position:relative; z-index:9999; }
	.menu ul{ margin-left:0; padding-left:0; }
	.menu li{ float:left; display:block;  padding-right:39px; position:relative; }
	.menu li a{ font-size:16px; text-transform:uppercase;}
	.menu li:after{ content:'|'; position:absolute; right:15px; color:#c5c5c5; }
	.menu li:last-of-type:after{ content:''; }
	.current_page_item a, .menu li a:hover{ color:#dd1d3b; }
	
/*FOOTER*/
.footertitle{ font-family: 'Conv_ManhattanDarling-Regular'; font-size:53px; color:#FFF; line-height:70px;  margin-bottom:40px;  }
.graybar{border-top: 5px solid #dd1d3b; background:#323232; color:#FFF; padding:50px 0;}
.graybar label, .newsletter .boxtitle{color:#dd1d3b;width: 244px;display:inline-block;font-weight: 900;text-transform: uppercase;font-size: 20px;line-height: 38px;}
.graybar a{ color:#FFF; font-weight: 900; font-size: 20px; line-height: 38px;}
.graybar span{color:#fff; display:inline-block; font-weight: 900; font-size: 20px; line-height: 38px;}



.enquirybutton, .nl_foot input[type="submit"]{ background:#dd1d3b; height:40px; padding:12px 50px;  transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s; border:0; color:#FFF; text-transform:uppercase; font-size:px;  }
.enquirybutton:hover, .nl_foot input[type="submit"]:hover{ background:#FFF;  color:#dd1d3b; }
.nl_foot input{ height:40px; padding:12px 20px; }

.redbar{padding:70px 0;box-sizing:border-box;background: #dd1d3b url("img/footer_pattern.jpg");border-top: 5px solid #e76075; color:#FFF; }
.redbar a{ color:#FFF; }
.templates_title{ font-size:90px; text-transform:uppercase; color:#FFF; font-weight:bold; line-height:90px; padding-bottom:0px; }
.templates_title:before{ width:70px; content:''; background:#DD1D3B; height:5px; display:block; margin-bottom:10px; }
.template{ width:100%; }
.template td, .template td a{ color:#FFF; font-size:18px; height:40px; box-sizing:border-box; padding:0 10px 0 0; }
.template td.template_short_intro, .template td.template_short_intro a{ font-weight:300; font-style:italic; }
.template td.template_filesize, .template td.template_filesize a{font-weight:300; font-style:italic;  font-size:12px; white-space:nowrap;}
.template_filesize{ text-align:right; }

.form_div, .contact_div{ width:50%; float:left; margin-top:70px; }

/*DEFAULT*/
.ltop_graphic{ width:1204px; height:800px; background:url("img/mainbg-min.png"); background-position:left bottom; background-size:cover; -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
    transform: rotate(30deg); 
	position:absolute; 
	top:-300px; right:-300px;
}

.rtop_graphic{ width:1204px; height:800px; background:url("img/mainbg-min.png"); background-size:cover; 
	-ms-transform: rotate(210deg); /* IE 9 */
    -webkit-transform: rotate(210deg); /* Chrome, Safari, Opera */
    transform: rotate(-210deg); 
	position:absolute; 
	top:-300px; left:-550px;
}

.logo{width:100%;height:100%;max-height:159px;position:relative;text-align:center; /*padding-top:50px;*/ z-index:9999;margin-left: -300px;}

.noscroll{ overflow:hidden; }
.bodyhover{position:fixed; z-index: 10000;width:100%;height:100%;background: rgba(0,0,0,0.8);  opacity:0; top:-100%; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ; }
.popupform{ position:absolute; top:-100%; z-index:10001; width:400px; left:calc(50% - 200px); height:auto; background:#FFF; padding:30px;  -moz-transition:all 0.5s   }
.showpopup{ top:0; opacity:1; }
.popupform.showpopup{ top:20% !important; }
.showpopup input[type='text'], .showpopup textarea{ width:100% !important;}
.closebox{position:absolute;left:calc(50% + 160px);  top: -20px;font-size:50px;font-weight:lighter;color: #ef8a9c;width:50px;height:50px;background:#FFF;line-heigh;text-align: center;line-height: 50px;:centerpadding:5pxcursor:pointerbox-shadow:0 -3px 10px 0pxz-index:0;box-shadow: 5px -1px 10px 1px rgba(0,0,0,0.5);cursor: pointer;}
	.closebox:hover{ color:#444; }

/*HOME*/
.footer_graphic{ 
	position:relative;
	width:100%;
	background: url("img/mid_graphic-pfl.jpg");
	background-repeat:no-repeat; 
	background-position:-220px bottom ;
	background-size: 1200px auto;
	max-width:100%;
	box-sizing:border-box; 
	display:block; 
}


.footer_graphic h1{ width:100%; text-align:center; max-width:400px; position:relative; display:block; }


.cd-intro {
    margin: 0em auto;
    margin-top: 119px !important;
    height:400px;
    display:block;
    position:relative;
    clear:both;
    left: -100px;
}
h1 .cd-words-wrapper{ max-width:400px; }
.safaripadding{top: 55px;}

h1 .cd-words-wrapper b i em{color:#dd1d3b;font-size:238px !important;font-weight: 900;white-space: initial;font-style:normal;line-height: 138px;}
h1 .cd-words-wrapper b#changefor-good i:nth-of-type(7){ display:block; clear:both; }
h1 .cd-words-wrapper b#changefor-good i:nth-of-type(11){   margin-left:50px; }


h1 .cd-words-wrapper b#socialenterprise i:nth-of-type(7){ display:block; clear:both; }


h1 .cd-words-wrapper b#not-forprofit i:nth-of-type(8){ display:block; clear:both; }
h1 .cd-words-wrapper b#not-forprofit i:nth-of-type(4){   margin-left:50px; }

.content{ position:relative;max-width:100%; padding-left:900px; clear:both;display:block;padding-top:0px;}
.content strong{color:#DD1D3B;font-size: 19px;line-height: 21px;font-weight: bold;}
.content p, content strong{ line-height:21px; font-size:16px;}
.content_inner{position:relative;max-width: 490px;left:0;clear:both;display:block;padding-bottom:50px;}

/*CONTACT*/
	#sending, #sent{display:none;}
	.fields input, .fields textarea{ width:80%; display:block; margin-bottom:10px; padding:5px 10px; font-size:16px; font-family: 'Raleway', sans-serif;}
	.fields textarea{ height:150px;}
	.fields label{ text-transform: uppercase; font-family: 'Raleway', sans-serif;}
	.fields input[type="submit"]{ width:90px; float:right; margin-right:20%; background:#DFDDDC; border:0; }
	.mobileonly{ display:none; }
	.mobilmenu{ width:90%;}
	.mobilmenuclose{ font-size:20px}
	.mobilemenu_button{ margin-top:25px; position:absolute; z-index:999999999; right:50px; cursor:pointer; }	
	.mobilemenu_button:before{ content:'MENU'; color:#FFF; display:block; position:absolute;right:48px; font-size:29px; top:0px; border-top:5px solid #FFF; line-height:40px; padding:0 10px;}
	.mobilemenu_button img{ width:50px;}
	.contact_content{ margin:70px 0; }
	.mapdiv{ width:100%; height:500px; background:black; }
	.smartphoneonly{ display:none; }

/*MENU*/
	.mobileonly{ display:block; }
	
	.mobilmenu{ left: 0%; position: fixed;width: 100%;background: rgba(0,0,0,0.9); height: 100%;top: -100%; z-index: 0;box-sizing: border-box;padding: 5px 50px 50px 0px;overflow: scroll;  transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
	.mobilmenushow{ top:0; z-index:99999999999 }
	.mobilmenu ul{ clear:both;  }
	.mobilmenu li{ list-style: none; float: none; display: block; clear:both; display:block; width:100%; padding:10px 20px; background:#DD1D3B; box-sizing:border-box; margin-bottom:5px; text-align:right;}
	.mobilmenu li ul { margin-left:30px; }
	.mobilmenu li ul li{ padding:5px;}
	.mobilmenu a{ color:#FFF; display:block; clear:both; padding:10px; text-transform: uppercase;}
	.mobilmenu li ul li a{ text-transform: none;}
	.mobilmenuclose{ float:right; background:rgba(255,255,255,0.1); color:#FFF; font-size:40px; padding:15px 10px 5px; text-align:Center; margin-bottom:5px; cursor:pointer;}
	.mobilmenuclose span{ color:inherit; display: block; font-size:10px; padding-top:5px;}

	.mobmenu{ width:100%; box-sizing: border-box; clear:both;}
	.mobmenu span{ text-transform: uppercase; background:rgba(255,255,255,0.1); width:100%; display:block; padding:20px 30px; margin-bottom: 5px; box-sizing:border-box;}


/*POSTS*/
	a.backlink{ display:block; padding-bottom:30px;  color:#DD1D3B;  line-height:40px; font-size:18px;}
	.backlink:before{ content:'<'; position:relative; top:2px; left:0; width:20px; height:40px; overflow:hidden; text-align:center; font-size:22px; font-weight:400; color:#DD1D3B;  padding-right:10px; font-style:normal; }
	.post_content{ margin-top:60px; }
	.post_content h1{margin-bottom:30px;color:#DD1D3B;line-height: 27px;}
	.post_content h1 span{  line-height:20px; padding-top:5px; }
	.writers{  font-weight:Bold; padding-bottom:20px;}
	.writers:before{ content:'[ '; padding-left:20px; }
	.writers:after{ content:']'; }
	.writers a{ color:#DD1D3B; font-style:italic; font-weight:normal; }

	.posts h1{ color:#DD1D3B; text-transform:uppercase; font-size:90px; line-height:150px; font-weight:900;  }
	.article{ margin-bottom:20px; padding:20px; box-sizing:border-box;}
	.article.latestpost, .redbar .article{ background:#DD1D3B;  box-sizing:border-box; padding:20px; }
	.latestpost, .latestpost a{ color:#FFF;  }
	.latestpost:before{ content:'Latest post'; text-transform:uppercase; font-size:14px; font-weight:300; color:#FFF; font-style:italic; padding-bottom:20px; display:block; }
	.article div, .article p, .article span, .article a{font-size:17px; line-height:24px; }
	.article a{ color:#DD1D3B; }
	.latestpost a, .redbar .article a{ color:#FFF;}
	.article a{ font-weight:300; font-style:italic; padding-left:20px; white-space:nowrap; }
	.latestpost .article_title, .redbar .article_title{ color:#FFF; }
	.article_title{ font-weight:bold; font-size:19px; line-height:24px; color:#DD1D3B;  } 
	.redbar .article_title{ margin-bottom:5px; font-style:oblique;}

	.blog{ border-bottom:2px solid #DD1D3B; padding-bottom:20px; margin-bottom:20px; }
	.blog_date{ background:#DD1D3B; width:20%;  float:left; display:block; color:#FFF; font-size:56px; line-height:55px; font-weight:900; text-transform:uppercase; box-sizing:border-box; padding:10px; text-align:right; }
	.blog_content{ width:80%; display:block; float:left; box-sizing:border-box; padding-left:30px; }
	.blog_title{ color:#DD1D3B; font-weight:bold; font-size:19px; padding-bottom:10px; }
	.blog_lesscontent a{ color:#DD1D3B; font-style:italic; font-weight:300;}

	.vlog_video{ width:35%; float:left; }
	.vlog_content{ margin-left:5%; width:60%; float:left; }
	.watchvideo{ background:#c80033; text-align:center; color:#FFF !important; display:block; cursor:pointer; font-size:12px; font-weight:bold; padding:5px 5px}

	
	.share_on_social_media{ margin-bottom:30px; }
	.share_on_social_media span{ display:block; float:left; line-height:30px; margin-right:10px; }
	.social_facebook, .social_twitter, .social_linkedin, .social_email{ width:30px; height:30px;  position:relative; display:block; background:#C82036; text-align:center; }
    .social_facebook:after{ font-family:'Socialmedia'; content:'A'; font-size:16px; color:#FFF; line-height:30px; }
    .social_twitter:after{ font-family:'Socialmedia'; content:'B'; font-size:16px; color:#FFF; line-height:30px; }
    .social_linkedin:after{ font-family:'Socialmedia'; content:'C'; font-size:16px; color:#FFF; line-height:30px; }
    .social_email:after{ font-family:'Socialmedia'; content:'D'; font-size:16px; color:#FFF; line-height:30px; }
	
	.exceptsmallscreen{ display:none; }
	.justbigscreens{ display:block; }

/*RESPONSIVE*/
	
	@media only screen and (max-width:1920px){
		.rtop_graphic{top:-350px; left:-650px;	}
		h1 .cd-words-wrapper b i em{font-size:200px !important; line-height: 138px;}
		.footer_graphic{ 	background-position:-520px bottom ;	background-size: 1200px auto; }
		.content{ position:relative;max-width:100%; padding-left:600px; clear:both;display:block;padding-top:0px;}
	}

	@media only screen and (max-width:1280px){
		.rtop_graphic{ display:none	}
		h1 .cd-words-wrapper b i em{font-size:150px !important; line-height: 108px;}
		.footer_graphic{ background-position:-450px bottom ;	background-size: 1000px auto;	max-width:100%;	box-sizing:border-box;	display:block; 	}
		.content{ position:relative;max-width:100%; padding-left:500px; clear:both;display:block;padding-top:0px;}
	}


	@media only screen and (max-width:960px){
		.exceptsmallscreen{ display:block; }
		.justbigscreens{ display:none; }
		.logo {	width: 100%;	height: 100%;	max-height: 129px;			position: relative;			text-align: left;		padding-top: 150px;		z-index: 9999;		margin-left: 0;		box-sizing-border-box;	padding-left:30px;	}
		.ltop_graphic {
				width: 1204px;
				max-width:100%;
				height: 800px;
				background: url("img/mainbg-min.png");
				background-position: left bottom;
				background-size: cover;
				-ms-transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
				position: absolute;
				top: -500px;
				right: -0;
			}

		.post_content{ padding:0 10px;}
		a.backlink{ font-size:14px; }
		.posts h1{ font-size:50px; box-sizing:border-box; padding-left:20px; }
		.post_content h1 { font-size:20px;    margin-bottom: 30px;    color: #DD1D3B;    line-height: 20px; }
		.mobilemenu_button{float:right;margin-right: 17px;margin-top:20px;background:rgba(0,0,0,0.7);padding:10px 6px 5px;border-radius:5px;right:20px;position:fixed;}	
		.mobilemenu_button:before{ display:none;}
		.mobilemenu_button img{ width:50px; opacity:0.7}


		.cd-intro {    margin: 0em auto;    margin-top: 219px !important;    height: 250px;    display: block;    position: relative;    clear: both;    left: -45px;}

		.rtop_graphic{ display:none !important; 	}
		h1 .cd-words-wrapper b i em{font-size:130px !important; line-height: 78px;}
		.footer_graphic{background:transparent; 	width:100%; padding:0 30px;}
		.content{ position:relative;max-width:100%; padding-left:0; clear:both;display:block;padding-top:0px;}
		.content_inner {    max-width: 100%; }

		body, html{max-width:100%; position:relative; }
		.desktoponly{ display:none !important;}
		
		.ninesixty{ width:100%;}

		.graybar, .redbar{ box-sizing:border-box; padding:50px 30px; }
		.template td:nth-of-type(2n+2){ display:none; }

	}

	@media only screen and (max-width:767px){
	  .mobileonly{ display:block; }
	   body, html{ width:100%;}
	  .ninesixty{ width:100%;}
	  .templates_title{ font-size:40px;line-height:70px; padding-bottom:20px; }
	  h1 .cd-words-wrapper b i em{font-size:95px !important; line-height: 50px; z-index:999; position:relative;}
	  .cd-intro {height:100px;margin-left:45px;margin-top: 169px !important;}
	  .logo{ max-width:80%; text-align:center; margin:0 auto; margin-left:-0px; top:-30px; left:-10px; }
	  .logo img{ content:url("http://innovate.parryfield.com/wp-content/themes/beckandcaul/img/Innovate-Christchurch-Lawyers-logo-black.png"); }
	  html, body, div, span, applet, object, iframe,
			h1, h2, h3, h4, h5, h6, p, blockquote, pre,
			a, abbr, acronym, address, big, cite, code,
			del, dfn, em, font, img, ins, kbd, q, s, samp,
			small, strike, strong, sub, sup, tt, var,
			b, u, i, center,
			dl, dt, dd, ol, ul, li,
			fieldset, form, label, legend,
			table, caption, tbody, tfoot, thead, tr, th, td {
				background: transparent;
				border: 0;
				margin: 0;
				padding: 0;
				vertical-align: baseline;
				font-family: 'Roboto', sans-serif;
				font-size: 14px;
				line-height: 17px;
			}
	
		.content strong{color:#DD1D3B;font-size: 16px;line-height: 21px;font-weight: bold; padding-bottom:15px; display:block;}
		.content p, content strong{ line-height:16px; font-size:14px;}
		.footer_graphic {	padding: 0 0px;	}
		.content_inner{ padding: 0 20px 20px;}
		.footertitle{  font-size:44px; line-height:40px;  margin-bottom:20px; text-align:center; }
		.graybar{border-top: 5px solid #dd1d3b; background:#323232; color:#FFF; padding:50px 20px;}
		.graybar div{  text-align:center; }
		.graybar label{ width: 100%;font-size: 18px;line-height: 20px;}
		.graybar a{ color:#FFF; font-weight: 900; font-size: 18px; line-height: 18px;}
		.graybar span{color:#fff; display:inline-block; font-weight: 900; font-size: 18px; line-height: 18px; margin-bottom:20px;}
		.template td, .template td a{font-size:15px; }
		
		.smartphoneonly{ display:block; top:-40px; position:relative; display:block; z-index:0; }

		.cd-words-wrapper{ position:relative; z-index:999; }
	}

	@media only screen and (max-width:414px){
	  .mobileonly{ display:block; }
	  .template td, .template td a{font-size:13px; }
	  .cd-intro {height:170px;margin-left: 0;margin-top: 139px !important;left: 0;max-width: 100%;/* overflow: hidden; */}
	  .template td:nth-of-type(3n+3){ white-space:nowrap }
	  .footertitle{  font-size:44px; line-height:40px;  margin-bottom:20px; text-align:center; }
	  .enquirybutton{ width:100%; display:block;}
	  h1 .cd-words-wrapper b i em{font-size:57px !important; line-height: 50px; z-index:999; position:relative;}
	}

	@media only screen and (max-width:360px){
	   h1 .cd-words-wrapper b i em{font-size:60px !important; line-height: 28px;}
	   .cd-intro {height:130px;margin-left: 14px;margin-top: 139px !important;}

	   .logo {    max-width: 100%;    text-align: center;    margin: 0 auto;    margin-left: -10px;    top:-30px; }
	}