/*
Theme Name:         Cellbond 2015
Theme URI:          http://www.theyellowbrickroad.co.uk
Description:        Custom theme developed for Cellbond
Version:            1
Author:             Paul Ashton
Author URI:         http://www.theyellowbrickroad.co.uk
*/

body,html
{
	font-size:100%;min-height:100%;height:auto;
}
body
{
	background:url(assets/img/noise.jpg) repeat;
	min-height:100%;
}


body, p,li, li.menu-item>a
{
	font-family:GloberRegular,sans-serif!important;
	color:#222222;
}


h1,h2,h3,h4,h5,h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	font-family:GloberBold, sans-serif!important;
}


.entry-content a
{
	color:#006cb5
}

.entry-content a.button,.entry-content a.button-style{color:#ffffff!important;}



.entry-content a:hover
{
	text-decoration:underline;
}


.row{max-width:1200px;}

h1{font-size:24px;text-transform:uppercase;}
h2{font-size:21px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:15px;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}

.topbar-row
{
	background-color:#006cb5;
}

.topbar-row .language-chooser, 
.topbar-row .qtranxs_text
{
	margin-left:0;
	margin-bottom:0;
}

.top-bar-section .dropdown li a:hover{background-color:#00b8ee!important;}


.top-row-contact
{
	color: #ffffff;
	font-size: 14px;
margin:5px 10px 5px 5px;
display: inline-block;
}
.topbar-row .language-chooser li,
.login-text
{
	list-style-type:none;
	display:inline-block;
	margin:10px 10px 5px 5px;
}

.language_chooser a
{
	color:#ffffff;
}

.topbar-row .language-chooser li a,
.login-text
{
	color:#ffffff;
	font-size:14px;
}

.login-text
{
	float:right;
}

.top-bar-right{text-align:right;color:#ffffff;}
.top-bar-right i {margin-left:10px;}

.page .para-div{min-height:320px;    background: transparent;
}

.home .para-div {
    min-height: 420px;
    background: transparent;
}

.para-div:after{box-sizing:initial;}

.top-bar-section li.active:not(.has-form) a:not(.button){background:#006cb5;}

.top-bar-section .top-bar-menu > li.active:not(.has-form):after,
.top-bar-section .has-dropdown.hover > .dropdown:before, 
.top-bar-section .has-dropdown.not-click:hover > .dropdown:before
{
  width: 0;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 8px;
  border-color: #006cb5 transparent transparent transparent;
  border-top-style: solid;
  margin-top: 0px;
  /* top: 1.40625rem; */
  margin-left: 15px;
  margin-right: auto;
  z-index: 10000;
  /* display: block; */
}

.top-bar-right a{color:#ffffff;}
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section ul li:hover:not(.has-form) > a{background:#006cb5;}
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button)
{
	line-height:2.4rem;
}

.sub-menu.dropdown
{background:#333;}

.contain-to-grid .top-bar{max-width:1200px;}

.top-bar-section .has-dropdown > a{padding-right:0.9375rem!important;}

.top-bar-container{height:115px;background:#fbfcfc;background:rgba(251,252,252,0.9);}

.logo{margin-top:25px;}

.logos
{
	/* hiding for now */
	display:none;
}

.logos.row h3
{text-align:center;}

.top-bar{background:transparent;}

.top-bar-section li.active:not(.has-form) a:not(.button):hover
{
background-color: #006cb5;
}
.top-bar-section .has-dropdown > a:after{border-color:transparent;}
.content-container
{
	background:#fcfcfc;
	background:rgba(252,252,252,0.5);
	padding:1em;
	margin-top:-13px;
}

.left-nav{background:#f4f7f3;}
.left-nav {padding-top:2rem;}

.home .main-content{padding-top:2.4rem;}

.main-content,#sidebar{background:#fcfcfc;}
#sidebar{padding-top:2rem;}
.current_page_parent.has_children > a{font-weight:bold;}
.page-sidebar-menu .current_page_ancestor > a{text-transform:uppercase;font-size:21px;}
.parent-sidebar-menu{margin-left:0;}
.parent-sidebar-menu li{list-style-type:none;}

.child-sidebar-menu{margin-left:0;}
.child-sidebar-menu li{list-style-type:none;}
.child-sidebar-menu li a{color:#222;}
.child-sidebar-menu > li,
.child-sidebar-menu > li li
{border-bottom:1px solid #cccccc;width:100%;padding:0.5rem 0;}
.grandchild-sidebar-menu > li{border-bottom:0 none;border-top:1px solid #cccccc;padding: 0.5rem 0;}
.grandchild-sidebar-menu{margin-top:0.5rem;}

.main-content article:first-child{margin-top:2rem;}

.archive .main-content
{padding-top:2rem;}


.container[role=document]
{
	margin-top:0px;
}


.container[role=document],.logos
{
	margin-bottom:40px;

}


.inner-wrap{background-repeat:no-repeat;background-size: contain;}
/*00140a*/
.footer{background-color:rgba(0,184,238,0.8);padding-top:40px;padding-bottom:40px; }
.footer p, .footer li, .footer a{color:#ffffff;}
.footer h4 {color:#ffffff;}
.footer ul li{list-style-type:none;}
.footer ul{margin-left:0}

.responsive-tabs .responsive-tabs__panel
{
	background: transparent;
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
	padding-left:0;
	padding-right:0;
}

.responsive-tabs .responsive-tabs__list__item--active, 
.responsive-tabs .responsive-tabs__list__item--active:hover
{
	background:transparent;
	border-bottom: 1px solid #fcfcfc;
	
}
.responsive-tabs .responsive-tabs__list__item
{
	font-size:13px;
	color:#333333;
}

.widget img
{
	width:100%;
}

.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section ul li
{
	background:transparent;
	color:#333;
}

.footer h4
{
text-transform: uppercase;
font-size: 18px;
margin-bottom: 1.875rem;
font-weight:normal;
}

.capabilities img
{
	width:100%;	
}

.parent-sidebar-menu > .page_item > a
{
	font-size:21px;
	font-weight:bold;
}


li.divider
{
	display:none;
}

.lwa-template-modal
{
	margin-top:4px;
	margin-bottom:0;
	text-align:right;
}

.lwa-template-modal a
{
	color:#ffffff;
	font-size:14px;
}

.capa-holder
{
	background:#ede8e4;
}

.capa-holder p,
.capa-holder h4
{
	padding:0 1rem;
}

.capa-holder img
{
	margin-bottom:1rem;
}

.capa-holder
{
	padding-bottom:0.2rem;
}

.footer-latest-blogs li
{
	margin-bottom:1rem;
}

.footer-blog-date
{
	text-transform:uppercase;
	font-size:10px;
}


.grid {
	position: relative;
	clear: both;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	/*min-width: 320px;
	max-width: 480px;*/
	max-height: 360px;
	width: 100%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	/*min-height: 100%;
	max-width: 100%;*/
      min-width: 100%;
      height: auto;
      max-height: 227px;
      min-height: 227px;
}

.grid figure figcaption {
	padding: 2em;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	font-weight: 300;
	color:#ffffff;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	color: #ffffff;
	text-align: left;
	font-weight: normal;
}


figure.effect-hover {
	background: #006cb5;
}

figure.effect-hover img,
figure.effect-hover h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-hover img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-hover h2,
figure.effect-hover p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px 30px 18px 30px;
	text-align:left;
}

figure.effect-hover p {
	text-transform: none;
	font-size: 0.875rem;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,100px,0);
	transform: translate3d(0,100px,0);
}

figure.effect-hover:hover img {
	-webkit-transform: translate3d(0,-90%,0);
	transform: translate3d(0,-90%,0);
}

figure.effect-hover:hover h2 {
/* not enough space on all screen sizes so moving out of view */
	-webkit-transform: translate3d(0,-300%,0);
	transform: translate3d(0,-300%,0);
	
}

figure.effect-hover:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.entry-content p:first-child
{font-size:1.2em;}


/* button styles */ 

.button-style {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 0.6rem 2rem;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.button-style:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.button-style {
	/*background: #cb4e4e;*/
	background:#006cb5;
	color: #ffffff;
	/*box-shadow: 0 6px #ab3c3c;*/
	box-shadow:0 6px #003a83;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	border-radius: 0 0 5px 5px!important;
}

.button-style:hover {
	box-shadow: 0 4px #00266f;
	top: 2px;
	color:#ffffff;
}

.button-style:active {
	box-shadow: 0 0 #00266f;
	top: 6px;
}

.footer-newsletter .button-style{width:100%;}
.footer-newsletter{margin-bottom:1rem;}

.current_page_ancestor.has_children a
{text-transform:none;}

ul.child-sidebar-menu li.current_page_item.active,
.child-sidebar-menu .current-cat
{
	background:#ccc;
	padding-left:0.5rem;
}


.footer-impact
{
	border-bottom: 1px solid #ddd;
	margin-bottom: 50px;
	padding-bottom: 20px;
}

.footer-impact p
{
	font-size:30px;
	text-align:center;
}

.footer-content
{
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	margin-bottom:40px;
}

.tabs-content .content p:first-child
{
	font-size:1rem;
}

.hentry pre
{
	box-sizing:initial;
	-web-box-sizing:initial;
}

.size-12 { font-size: 12px; }
      
      .size-14 { font-size: 14px; }
      
      .size-16 { font-size: 16px; }
      
      .size-18 { font-size: 18px; }
      
      .size-21 { font-size: 21px; }
      
      .size-24 { font-size: 24px; }
      
      .size-36 { font-size: 36px; }
      
      .size-48 { font-size: 48px; }
      
      .size-60 { font-size: 60px; }
      
      .size-72 { font-size: 72px; }

.social-header i{color:#00b8ee}

.page-template-default aside#sidebar
{padding-top:2em;}

.latest-news-home
{
	border:1px solid #ddd;
	padding-top:2em;
	background:#f4f7f3;

	border-radius:3px;
}	
.latest-news-home ul
{margin-top:1em;}

.homepage-posts h4{margin-top:0;}
.homepage-posts img{margin-top:5px;}
.homepage-posts li{padding-top:20px;border-bottom:1px solid #ddd;margin-bottom:1em;}
.homepage-posts li:first-child{padding-top:0;}
.homepage-posts li:last-child{border:0 none;}


.alignleft{float:left;margin-right:10px; margin-bottom:10px;}
.alignright{float:right;margin-left:10px;margin-bottom:10px;}


.page-template-page-product-category #sidebar{padding-top:0;}

.contact-list h3
{margin-top:0;}

.wp-post-image{margin-bottom:1rem;}

.news-summary.row
{
	border-bottom:1px solid #f1f1f1;
	margin-bottom:20px;
}

.blog-meta{text-transform:uppercase;font-size:13px;}

.timeline-date
{
	display:none;
}

.post .byline
{
	display:none;
}

.wpcf7-select{width:150px;}

#loginform {
    max-width: 360px;
}


/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) 
{ 
	.tab-bar{background:transparent;}
	.tab-bar .menu-icon{background:#222;}
	.tab-bar-section.left{right:auto;margin:1rem 0 0 1rem;}
	.top-bar-container-mob{  
		height: 105px;
		background: #fbfcfc;
		background: rgba(251,252,252,0.9);}

	figure.effect-hover:hover img{width:100%;height:auto;}
	figure.effect-hover p{display:none;}

	


} 

.sidebar-contacts-bio
{
	margin-top:10px;
}

.lcp_catlist
{
	margin-left:0;
}

.lcp_catlist li
{
	list-style-type:none;
	float:left;
	border-bottom:1px solid #eee;
	margin-bottom:20px;}

.lcp_catlist li h4{float:left;clear:left;width:100%;}
.news-thumb{margin:0 10px 10px 0;float:left;clear:left;}




.site-header .search-form {
	position:absolute;
top:-10px;
right:0;
}

.site-header{padding-right:45px;  height: 2.95rem;}

.site-header .search-field {
	background-color: transparent;
	background-image: url(/wp-content/uploads/2015/03/06-magnify@2x.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.site-header .search-field:focus {
	background-color: #ffffff;

	cursor: text;
	outline: 0;
	width: 230px;
}
.search-form
.search-submit { 
display:none;
}


.right-small{top:30px;}


/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) 
{ 
	.post-overview
	{
		width:40%;
		float:left;
	}

	.post-overview-image
	{
		width:30%;
		margin-left:5%;
		float:left;
	}

	.top-bar-section .right li .dropdown{left:0;right:auto;}

	.top-bar-section .dropdown li{text-align:left;}
	
	.tabs dd > a, .tabs .tab-title > a
	{
		padding:0.6rem;
		font-size:14px;
	}


	.tab-title.active
	{
		border: 1px solid #ccc;
		border-right: 1px solid #ffffff;
		margin-right: -1px;
	}

	.tabs-content
	{
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background:#ffffff;
	}

	.entry-content .tabs-content{padding:1rem;}

	.tabs.vertical
	{
		border-right: 1px solid #ccc;
	}

	.vertical.tabs-content
	{
		border-left:1px solid #ccc;
	}


	.tabs.horizontal .tab-title.active
	{
		border: 1px solid #ccc;
		border-bottom: 1px solid #ffffff;
		margin-bottom: -1px!important;
	}

	.tabs-content.horizontal{
		border-left:1px solid #ccc;
	}
	
	.vertical.tabs
	{
		margin-right: 3em;
	}

	.top-bar-section
	{
		margin-top: 20px;
	}

	.top-bar-section li:not(.has-form) a:not(.button){padding:0 0.4rem;font-size:14px;}

	
    
    .top-bar-menu{margin-top:10px!important;}
} /* end medium style */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

figure.effect-hover p{display:none;}

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 64.063em) { 
	 

	.top-bar-section li:not(.has-form) a:not(.button), 
	.top-bar-section ul li
	{
		color:#222;
		font-size:16px;
	}

	.top-bar-section li:not(.has-form) a:not(.button)
	{padding:0 0.9375rem}
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */


@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */



@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */