/*
	Theme Name: Fylde CNC
	Author: Unfold Studio / Ampersand Industries
	Version: 1.0
*/

@import url(http://fonts.googleapis.com/css?family=Exo+2:400,300,300italic,400italic,600,600italic,200,200italic);

*{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;  
}

body{
  background: #fff;
  color:    #585858;
  font-family: 'Exo 2', sans-serif;
  font-weight:300;
  margin:   0;
  font-size:    16px;
  line-height:	23px;
  box-sizing: border-box
}

/******
    Base elements
******/
a{
  color:    #374d8e;
  text-decoration:  none;
  transition: all 0s;
  
}
a:hover{
  text-decoration:  underline;
  transition:	all 0.3s;
  
}


img{
  border:   none;
  display:block;
}

p{
  margin:0 0 1em 0;
  padding:0;
}

img.alignright {
  float: right;
  margin-bottom: 1em;
  margin-left: 1em;
}

img.alignleft {
  float: left;
  margin-bottom: 1em;
  margin-right: 1em;
}


/******

    STRUCTURE
	
******/

.section{
	width:	100%;
	float:	left;
	max-width:100% !important;
}

.section-inner{
	width:	100%;
	margin:	0 auto;
	position:relative;
}

.section.main{ padding: 68px 0 0 0; background: transparent url(images/page-bg.jpg) no-repeat 50% 0; background-size:100%;}
.section.footer{ }
.section.gallery{overflow:hidden;}

.sidebar{
	width:25%;
	float:right;
}


/******

    HEADER

******/

.brand{
}

.navigation{
	width:100%;
	float:right;
}

a#logo{
  width:    264px;
  height:   54px;
  display:  block;
  background:transparent url(images/fylde-cnc-logo.jpg) no-repeat 0 0;
  overflow: hidden;
  text-indent:  -9999px;
  margin:	14px 50px 10px 8.3333%;
  float:left;
}

.strapline{
	color:#979797;
	text-transform:uppercase;
	display:block;
	width:100%;
	max-width:255px;
	font-size:19px;
	font-weight:200;
	position:relative;
	padding-top:17px;
	float:left;
}


/******

    NAVIGATION
	
******/

ul.menu{
  margin:   46px 0 0 0;
  padding:  0;
}

ul.menu li{
  display:	inline-block;
  list-style:   none;
}

ul.menu li a{
  text-decoration:  none;
  color:	#374d8e;
  font-size: 14px;
  border-bottom: 4px solid #fff;
  text-transform:uppercase;
  font-weight:600;
  text-align:center;
  padding: 16px 0 15px 0;
  display:block;
  width:100%;
}


.navigation ul{
  padding:  0 8.3333%;
  margin: 0;
  border-bottom:1px solid #d0d0d0;
}


.navigation li{
  list-style:   none;
  position:	relative;
  display:	inline-block;
  margin-right:0.5%;
  width:	11.5%;
}

.navigation li:last-of-type{margin-right:0;}


.navigation .menu a,
a.toggle-nav,
.widget_advanced_menu .menu a{
	display:block;
}


.navigation .menu a:hover,
.navigation li.current-menu-item > a,
.navigation li.current-page-ancestor > a,
.navigation li.menu-item-has-children:hover > a{
    color:  #374d8e;
    text-decoration: none;
	border-color:#60bef3;
}

.navigation ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 24px;
	left: 0;
	width: 115px;
	z-index: 99999;
	background-color:#fff;
}
.navigation ul ul ul {
	left: 100%;
	top: 0;
}
.navigation .menu ul ul a {
	height: auto;
	width:	100%;
	display:	block;
	background: #fff;
	font-size:14px;
	text-align:left;
}

.navigation  ul ul a:hover
{
	color:#00aeef;
}


.navigation .sub-menu li{margin:0;padding:0;background:transparent none;width:100%;}
.navigation ul li:hover > ul {
	display: block;
}


a.toggle-nav{
	display:none;
}



/******
    
	Columns

******/

.page-content{width:100%; float:left; margin:0; padding: 0 8.3333%; /*width:58.3333%;*/ width:75%; padding-bottom:65px;}
.page-content.full-width{ width: 100%;}


/******

    Text formatting
	
******/

p{
	margin:	0 0 1em 0;
}

.page-content p{margin-right:57px;}


.page-content ul		{ list-style:none; padding:0; margin:0; margin-bottom:1em; }
.page-content li		{ padding-left:1.5em; position:relative; }
.page-content li:before	{ content:"\25cf"; color:#60bef3; position:absolute; left:0em; font-size:12px; }

h1,h2,h3,h4{
  font-weight:  300;
  margin: 0;
  padding:0;
  font-style:   normal;
  color:#60bef3;
  text-transform:uppercase;
}


h1{
	font-size:	50px;
	line-height:49px;
	padding-bottom:45px;
	color:#374d8e;
	font-weight:  200;
}

h1:after{
	border-bottom: 1px solid #374d8e;
	width: 106px;
	content: " ";
	display:block;
	padding-top:38px;
}

.single-post h1{font-size:45px; padding: 1em 0;}
.single-post h1:after{display:none;}

h2{
	font-size:	27px;
	line-height:30px;
}

h2.keyline{padding-bottom:21px;color:#374d8e;}
h2.keyline:before{
	border-top: 1px solid #374d8e;
	width: 106px;
	content: " ";
	display:block;
	padding-bottom: 21px;
	margin-top: 42px;
}


p.wp-caption-text{color:#fff; background-color:#58aac6; padding: 10px; margin:0;}

.column .alignnone img,
.column img.alignnone{width:100%; height:auto;}

blockquote{
	text-transform:uppercase;
	font-weight:200;
	margin:0 0 1em 0;
	padding:0;
	color:#374d8e;
	font-size:16px;
	line-height:23px;
}

blockquote:before{
	border-top: 1px solid #374d8e;
	width: 106px;
	content: " ";
	display:block;
	padding-bottom:12px;
}

blockquote:after{
	padding-top:50px;
	border-bottom: 1px solid #374d8e;
	width: 106px;
	content: " ";
	display:block;
}


a.featured-link, .newsletter input.submit{
	text-align:center;
	display:inline-block;
	padding: 1em;
	border-bottom: 2px solid #60bef3;
	color:#60bef3;
	text-transform:uppercase;
	font-weight:600;
	background: #fff;
	background-size:100% 200%;
	background-image: linear-gradient(to top, #60bef3 50%, white 50%);
    -webkit-transition: background-position 0.3s;
    -moz-transition: background-position 0.3s;
    transition: background-position 0.3s;	
}

a.featured-link{margin-top:20px;}

a.featured-link:hover, input.submit:hover{
	color:#fff;
	text-decoration:none;
	background-position: 0 100%;
	
}


/******

    Panels

******/

#grid{
	width:100%;
	float:left;
}

.homepage-text h1{font-size:40px;}

.panel{
	width: 25%;
	border-top:	4px solid #60bef3;
	text-align:center;
	display:	block;
	float:	left;
	position:relative;
}

.panel.link{width:25%;}

.panel.homepage-text{
	width:50%;
	float:left;
	padding-left:8.3333%;
	padding-right:70px;
	height:auto;
	text-align:left;
	border-top:none;
}

.panel.text, .panel.link, .panel.fixed{height: 215px; overflow:hidden;}
.panel.image.fixed{height:215px;}
.panel.image.flex{width:50%;}

.panel a{
	width:100%;
	height:100%;
	display:block;
	background: rgba(236,236,236,0.5);
}

.panel a:hover{
	text-decoration:none;
	background: rgba(236,236,236,1);
}

.panel.text a{background-color:#374d8e;}
.panel.text a:hover{background-color:#374d8e;}

.panel span{
	width:100%;
	display:block;
}

.panel .panel_title{
	color:#374d8e; 
	font-size:26px; 
	line-height:27px; 
	font-weight:200; 
	margin-bottom: 10px; 
	padding-top:90px;	
	width:100%;
	text-transform:uppercase;
}

.panel.text .panel_title{color:#60bef3; padding-top:40px;}

.panel .panel_text p{
	font-size:	13px;
	line-height:19px;
	margin-bottom:0;
	color:#4d4d4d;
}
.panel.text .panel_text p{color:#fff;}

.panel_view{
	color:#60bef3; 
	font-size:13px; 
	line-height:13px; 
	font-weight:600; 
	text-transform:uppercase;
	margin-top:6px;
}
.panel_title, .panel_text, .panel_view{padding: 0 30px;}

.panel a:hover .panel_view{color:#374d8e; text-decoration:underline;}
.panel.text a:hover .panel_view{color:#fff; text-decoration:underline;}


.panel.image{overflow:hidden; border-top:none;}
.panel.image img{width:100%;height:auto; min-height:215px;}


.panel.half{width:50%; }


/******

    Gallery slider

******/
.flexslider {
  background: none repeat scroll 0 0 #fff;
  border: none !important;
  border-radius: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  position: relative;
}

.gallery img{
	width:100%;
	height:auto;
}

.flex-direction-nav a {
	overflow:hidden !important;
	text-indent: -9999px;
	margin-top:-40px !important;
}

.flex-direction-nav a.flex-next {
		text-indent: 9999px;
}


.flex-direction-nav a::before {
  content:"";
  display:none !important;
}

.flex-direction-nav a{width: 44px !important; height: 81px !important;}
.flex-prev{background: transparent url(images/slideshow-previous-arrow.png) no-repeat 0 0; }
.flex-next{background: transparent url(images/slideshow-next-arrow.png) no-repeat 0 0; }

/******

    Page general

******/

.sidebar > div{
	width:100%;
	background: rgba(236,236,236,0.5);
	border-top:	4px solid #60bef3;
	text-align:center;
	
}

.sidebar > div > .inner{ padding:	30px;}

.side-link a{
	display:block;
	width:100%;
	height:100%;
	text-transform:uppercase;
}
.side-link a:hover{text-decoration:none;}
.side-link a span{display:block; width:100%; color:#60bef3; font-weight:600;}

.side-link span.link-title{ color:#374d8e; font-size:26px; line-height:27px; font-weight:200; margin-bottom: 0.5em; background: transparent url(images/sidebar-icon-contact.png) no-repeat 50% 0; padding-top:75px;}


/******

    News / index

******/
.index .news-post{border-bottom:1px solid #c9c9c9; margin-bottom:40px; padding-bottom:40px;}
.index .news-post h2{margin:1em 0;}
.index .news-post h2 a:hover{text-decoration:none;}
.index .news-post img{width:100%; height:auto;}
.widget_categories h2{ color:#374d8e; font-size:26px; line-height:27px; font-weight:200; margin-bottom: 0.5em; background: transparent url(images/sidebar-icon-news.png) no-repeat 50% 30px; padding:105px 30px 30px 30px;}

.widget_categories ul{margin:0; padding:0; width:100%;}
.widget_categories li{list-style:none;}
.widget_categories li a{text-transform:uppercase; color:#60bef3; font-weight:600;width:100%; text-align:center; padding:13px 0; border-top:1px solid #cacaca; display:block;}
.widget_categories li a:hover{text-decoration:none; background-color:rgba(0,0,0,0.1);}


a.more-news{
	background: transparent url(images/news-back.png) no-repeat 0 0;
	text-transform: uppercase;
	color:#60bef3;
	font-weight: 600;
	padding: 7px 0 10px 39px;
}

a.more-news:hover{
	background: transparent url(images/news-back-rollover.png) no-repeat 0 0;
	color:#374d8e;
	text-decoration:none;
}

a.more-news:after{
	border-bottom: 1px solid #374d8e;
	width: 106px;
	content: " ";
	display:block;
	padding-top:38px;
	margin-bottom:21px;
}

/******

    CONTACT

******/

.form-column{display:inline-block; vertical-align:top;}
.form-column.left{width:33.3333%; margin-right: 1%;}
.form-column.right{width:50%;}

.wpcf7-form ol{ margin:0; padding:0;}
.wpcf7-form li {list-style:none; margin: 0 0 19px 0; width:100%; padding:0;}
.wpcf7-form li:before {display:none;}
.wpcf7-form label{display:none;}

.wpcf7-form input,
.wpcf7-form textarea
{background-color:#e3e3e3; border: none; font-family:inherit; font-size:inherit; padding:14px; width:100%; text-transform:uppercase;}

.wpcf7-form input.wpcf7-submit{
	text-align:center;
	display:inline-block;
	padding: 1em;
	
	background:#fff;
	border-bottom: 2px solid #60bef3;
	color:#60bef3;
	text-transform:uppercase;
	font-weight:600;
	max-width:190px;
	cursor:pointer;
}

.wpcf7-form input.wpcf7-submit:hover{
	color:#fff;
	background-color:#60bef3;
	text-decoration:none;
}

.map iframe {
  width: 100%;
}

p.talk{
	text-transform:uppercase;
	font-size:23px;
}

p.talk:after{
	border-bottom: 1px solid #374d8e;
	width: 106px;
	content: " ";
	display:block;
	padding-top:38px;
}

p.visit:before{
	border-top: 1px solid #374d8e;
	width: 106px;
	content: " ";
	display:block;
	padding-bottom:38px;
	margin-top:38px;
}

p.visit strong, p.visit b{
	text-transform:uppercase;
	color:#374d8e;
	font-weight:600;
}

.talk .telephone{
	font-weight: 600;
	color:#60bef3;
}

/******

    Footer

******/

.newsletter{
	width:100%;
	float:left;
	border-top: 1px solid #c9c9c9;
	margin-top:56px;
}

.newsletter ul{margin:0;padding:0;}
.newsletter ul li{list-style:none; width:16.6667%; display:inline-block; padding-top:41px;}
.newsletter ul li.form-label{margin-right:10px; width:16.6667%; border-top: 4px solid #60bef3; padding-top:36px; margin-left:8.3333%;}
.newsletter li.email{width:25%;}
.newsletter li.submit{width:8.3333%;margin-right:0;}

.form-label{text-transform: uppercase;}
.form-label strong{color:#374d8e; font-weight:600; display:block;}

.newsletter label{display:none;}
.newsletter input{width:100%; border:none; background-color:#ececec; text-transform:uppercase; padding:15px;}

.newsletter input.submit{background-color:#fff;cursor: pointer;}
.newsletter input.submit:hover{background-color:#60bef3; cursor: pointer;}

.section.footer{padding: 27px 0; border-top: 1px solid #c9c9c9; margin-top:32px;}
.section.footer .section-inner > div{float:left;}

.rubric{ width:30%; padding-left:8.3333%;  padding-top:3px; text-transform: uppercase;}
.rubric strong{color:#374d8e; font-weight:600; display:block;} 

.footer-small{font-size:12px; color:#979797;}

.brochure{ float:right !important; margin-right: 6.3333%; width: 280px;}
.brochure.complex{ width: 368px;}

.brochure a{width:100%; background:transparent url(images/fylde-cnc-brochure-image.png) no-repeat left top; display:block; position: relative; height:120px;}
.brochure.complex a{background-image: url(images/fylde-cnc-brochure-image-complex.png);}

.brochure a span.title{display:block; position: absolute; top:5px; right:0;
  color: #384f8c;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 10px;
  text-transform: uppercase;
  text-align:left;
  width:124px;
}

.brochure.complex a span.title{ width: 213px; }
.brochure a span.button{
  background: #fff linear-gradient(to top, #60bef3 50%, white 50%) repeat scroll 0 0 / 100% 200%;
  border-bottom: 2px solid #60bef3;
  color: #60bef3;
  display: inline-block;
  font-weight: 600;
  padding: 0.5em 1em;
  text-align: center;
  text-transform: uppercase;
  transition: background-position 0.3s ease 0s;
  position: absolute;
  left:154px;
  bottom: 15px;
  width:118px;
}
.brochure a:hover span.button{	
	color:#fff;
	text-decoration:none;
	background-position: 0 100%;
}


.sub-footer{
	width: 100%;
	border-top: 1px solid #cecece;
	margin-top: 1em;
	padding: 2em 0;
	text-align:center;
}

.sub-footer p{font-size: 12px;}

.brochures{width: 70%;}



.page-content-footer {width:100%; margin-top: 90px;}
.page-content-footer > .panel{width:50%;}


.page-content-footer >.panel.text, .page-content-footer >.panel.link, .page-content-footer >.panel.fixed {
  height: auto;
}

@media all and (max-width: 1080px){
	
	.brochures{
		width: 50%;
		float:right !important;
		text-align:right;
	}
	
	.brochure, .brochure.complex{float:none !important; width: 368px; display: inline-block;}
	.brochure a span.title, .brochure.complex a span.title{ width: 213px;}
	
}

@media all and (max-width: 920px){
	.navigation li {margin-right:2px;}
	.navigation li:last-of-type {margin-right:0;}
	
	.newsletter ul li, .newsletter ul li.email{ width:100%; padding-top: 15px; padding-left: 8.3333%; padding-right:8.3333%;}
	.newsletter ul li.form-label { width:100%; max-width:212px; padding: 36px 0 0 0;}
	.newsletter li.submit {  width: 212px; }	
	
	.panel.link, .panel.image, .panel.text{width:50%}
}

@media all and (max-width: 850px){
	.page-content{width:100%; margin:0; padding: 0 8.3333%; padding-bottom:65px;}
	.page-content p{margin-right:0;}
	.sidebar{width:50%; float:left; margin-top:50px;}
	

}

@media all and (max-width: 810px){
	.rubric, .brochures {width: 100%; margin-bottom: 20px; float:none !important;}
	.brochures {text-align:center;}
	.brochure, .brochure.complex{margin: 0 2% 1% 2%;}
	
}
@media all and (max-width: 768px){
	
	.form-column.left, .form-column.right{width:100%}

}

@media all and (max-width: 740px){
	.strapline{display:none;}
	.navigation{
		position: absolute;
		top: 36px;
		z-index:	50;
		
	}
	a.toggle-nav{
		width:41px;
		height:41px;
		display:block;
		background: transparent url(images/mobile-menu.png) no-repeat 50% 50%;
		position: absolute;
		top:	15px;
		right: 8.3333%;
		overflow:hidden;
		text-indent:-9999px;
	}
	.section.navigation{display:none;}
	.section.navigation.open{display:block;}
	
	.navigation ul{padding:0;}
	ul.menu li{display:block; width:100%;}
	
	ul.menu li a {
	  border-bottom: 1px solid #c9c9c9;
	  background-color: rgb(236,236,236);
	  font-size: 19px;
	}
	
	.page-content-footer > .panel {width:100% !important;}

}

@media all and (max-width: 600px){	
	.panel.link, .panel.text, .panel.image{width:50%;}
	.panel.homepage-text, .panel.image.half, .panel.image.flex{width:100%}
		
	h1{font-size:40px;}
	h2{font-size:23px;}
}

@media all and (max-width: 540px){
	.sidebar{width:100%; float:left; margin-top:50px;}
	.rubric{padding-right:8.3333%;}

	.panel.link, .panel.text, .panel.image,	.panel.homepage-text, .panel.image.half{width:100%}
}

@media all and (max-width: 500px){
	.single-post h1 {
	  font-size: 32px;
	  line-height: 37px;
	  padding: 1em 0;
	}
	.navigation {
	  top: 29px;
	}
	a#logo{
		margin-right:0;
		width:167px;
		height:34px;
		background-size:cover;
	}
	
	a.toggle-nav{
		top:	6px;
	}

}
@media all and (max-width: 370px){
.rubric{float:none;}
	.brochure{width:93%; float:none; margin-left:auto; margin-right:auto;}
	.brochure a {background-size: auto 96px;}
	.brochure span.title{font-size: 16px; width: 100px; right: 5px !important;}
	.brochure span.button{font-size: 14px; width:100px; right: 5px !important;}

}