/*
Theme Name: 	clifton Responsive - tenzer
Theme URI: 		http://clifton.com
Description: 	Based on Starkers responsive!
Version: 		1.0
Author: 		Susan Clifton
Author URI: 	http://clifton.com
Tags: 			

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Base layout
04 Media queries
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; font-weight: normal; /* Don't forget to style your body to avoid user overrides */ }
/*
::-moz-selection 	{ background:#ff0; color:#333; font-weight: 400; }
::selection 		{ background:#ff0; color:#333; font-weight: 400;}
*/

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ font: 14px/24px "HelveticaNeue", "Helvetica Neue",  Arial, sans-serif;
	color: #666666; font-weight: normal;}
	
h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

/* ---------------------------------------------------------------------------------------------------------- 
03 Base layout -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
html, body { height:100%;
  background: url(images/k_Bulding.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 768px) {
	html { height: calc(100% - 42px); }
	
}
* { -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); }
#wrapper {
	width: 100%;
	margin: 0 auto;
	background-color: transparent ;
	position: absolute; top: 100px; left: 30px;
}

#wrapper2 {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	background-color: transparent ;
	position: absolute; bottom: 0; left: 0;
}

div.page-content  {float: left;
	width: 100%;
	height: 100%;
	margin: 0px;
	background: #fff;
	padding: 20px 30px 20px 30px;
	box-sizing: border-box;
	}
	
	div.staff-content  {float: left;
	width: 100%;
	height: 100%;
	margin: 0px;
	background: transparent;
	padding: 20px 0px 20px 0px;}

article.main-content, section.main-content {
	float: left;
	width: 100%;
box-sizing: border-box;
	height: 100%;
	margin: 0px;
	background: #fff;
	padding: 20px 50px 20px 50px;
	
}

article.staff-content {
	float: left;
	width: 739px;
	/* height: 100%; */
	height: 500px;
	margin: 0px;
	/* background-color: rgba(0,0,0, 0.6); */
	padding: 10px 40px 20px 40px;
	
}

.gw-gopf-post  {

box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
border: 1px solid #777777;}

article.home-content{
	float: left;
	width: 90%;
	height: 100%;
	margin: 0px;
	background: #fff;
	padding: 10px 50px 0px 50px;
	box-sizing: border-box;
	
}
article.list-content {
	float: left;
	width: 60%;
	height: 100%;
}

article.landing-content {
	float: left;
	width: 60%;
	height: 100%;
	margin: 0 200px;
}

aside.widget-area {
	float: right;
	width: 30%;
	margin-top: 6px;
}
footer#colophon {
	clear: both;
	width: 779px;
	margin: 20px 0;
	padding: 20px 50px;
	font-size:12px;
	border: 0px solid #333;
	/* background-color: rgba(0,0,0, 0.6); */
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	
}

footer#colophon2 {
	clear: both;
	width: 1061px;
	margin: 20px 0;
	padding: 20px 50px;
	font-size:12px;
	border: 0px solid #333;
	/* background-color: rgba(0,0,0, 0.6); */
	color: #fff;
	
}
footer#colophon2 span, footer#colophon2 a, footer#colopho span, footer#colophon a  { display: block !important; }
footer#colophon span a, footer#colophon2 span a { display: inline !important; }
@media screen and (min-width: 740px) {
	footer#colophon { padding-left: 0; }
	footer#colophon2 span, footer#colophon2 a, footer#colophon span, footer#colophon a { display: inline !important; margin-left: 70px !important; }
	}

@font-face {
    font-family: 'roboto_slabregular';
    src: url('RobotoSlab-Regular-webfont.eot');
    src: url('RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('RobotoSlab-Regular-webfont.woff') format('woff'),
         url('RobotoSlab-Regular-webfont.ttf') format('truetype'),
         url('RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_slablight';
    src: url('RobotoSlab-Light-webfont.eot');
    src: url('RobotoSlab-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('RobotoSlab-Light-webfont.woff') format('woff'),
         url('RobotoSlab-Light-webfont.ttf') format('truetype'),
         url('RobotoSlab-Light-webfont.svg#roboto_slablight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_slabthin';
    src: url('RobotoSlab-Thin-webfont.eot');
    src: url('RobotoSlab-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('RobotoSlab-Thin-webfont.woff') format('woff'),
         url('RobotoSlab-Thin-webfont.ttf') format('truetype'),
         url('RobotoSlab-Thin-webfont.svg#roboto_slabthin') format('svg');
    font-weight: normal;
    font-style: normal;

}

.clearfix{ clear:both;}

#table  {background-color: #e1e1e1;padding: 10px;}


#lsi_widget-1 {width: 200px; float: left;}

#menu-navigation  {width: 809px;}

#nav_menu-2 {width: 320px; float: left; z-index: 110000; margin:60px 0 0 0; background-color: #eeab1e; padding: 4px 8px; font-size: 12px;}

#nav_menu-2.widget.widget_nav_menu a {font-size: 12px; text-shadow: none;}

ul#menu-top-menu.menu li a { font : 16px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700;  float: left; color: #fff; padding-right: 15px;}
ul#menu-top-menu.menu li a:hover  {color: #000;}

#comments  {margin-top: 60px; background-color: #ebebeb; padding: 8px;}

nav  {position : absolute; left : 0px; top : 136px; background-color: #a4acb4;}

article  {border: 0px solid #333; margin-bottom: 20px; margin-left: 32px; }

aside{border: 0px solid #333;margin-right: 40px;}



.tagcloud  a {text-decoration: none; font-weight: 600;}

.l-sidebar  {float: left; width: 21%;  margin: 0 18px 0 -15px;}
body.single-portfolio .l-sidebar  { float: left; width: 21%;  margin: 0 0 0 0; }
@media screen and (max-width: 770px) {
	
	body.single-portfolio .l-sidebar  { display: none; }
	body.single-team .l-sidebar  { display: none; }

}
@media screen and (max-width: 858px) {

body.single-portfolio .l-sidebar { display: none; }
}
.l-sidebar ul li a {font : 12px/0px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; padding: 0px 0px 12px 0px; text-indent: 0px; text-align: center;height: 10px; border-bottom: 1px solid #e1e1e1; color: #999;display: block; text-decoration: none;}
.l-sidebar ul li a:focus, .l-sidebar ul li a:active { outline: none; }
li.active-post a{color: #333333 !important;}

.main-c  {float: left; width: 77%; margin:-10px 0 0 0;padding:0;}
.work-showcase img { width: 100%; height: auto; display: block; margin-bottom: 40px !important; }
@media screen and (max-width: 767px) {
	.work-showcase img { width: 100%; max-width: 400px; height: auto; margin: 0 auto 40px !important; }
	
}
.wpcf7 { margin-top: 60px !important; }
.wpcf7 form { overflow: hidden; }
.wpcf7 .cleft { width: 35%; float: left; }
.wpcf7 .cright { width: 61%; float: right; }
.wpcf7 .cright p:last-child { overflow: hidden; }
.wpcf7 .cright p:last-child input { float: right; }
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea { width: 94%; }

.cextrai { overflow: hidden; }
.cextrai img { float: left; margin: 15px 0 0; }
.cextrai div p { font-size: 14px; color: #666; margin-left: 0; float: left; }
.cextrai div p:nth-child(2) { /*margin-top: 24px;*/ margin-left: 40px; }
.cextrai div p span { font-weight: bold; color: #333; display: block; }



/* ---------------------------------------------------------------------------------------------------------- 
03.1 Header ---------------------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------------------------- */
header#masthead  {background: url(images/bk.png) no-repeat; 
    background-position: left; width: 100%;}
    
    header#masthead2  {background: url(images/bk2.png) no-repeat; 
    background-position: right 0; width: 90%; border: 0px solid #cc0000; min-height: 125px;}
   header  {background: transparent; /* height: 175px; */ width: 100%;margin:0 ; border: 0px solid #cc0000;}

@media screen and (min-width: 769px) {
	
	header { height: 174px; }
}

header h1 a img { max-width: 100%; }
@media screen and (min-width:769px) {
 header h1 a {
  /*background: url(images/tenzer_logo@2x.png) no-repeat;*/
  width: 252px;
  height: 101px;
  /*text-indent: -9999px;*/
  position: absolute;
  left: 50px;
  top: 25px;
  z-index: 10;
  /*background-size: 100%;*/
	}
	
}

@media screen and (max-width: 769px) {
	header#masthead2 { background: #fff !important; }
	
}

header h2.home  { display: none; float: left;font : 14px/22px "Roboto Slab", serif; font-weight: 300;   color: #000; text-align: left; padding: 15px 25px 15px 15px; position : absolute; left : 624px; top : 120px;z-index: 1500; }

 @media screen and (min-width: 1100px) {
	    header#masthead2 { width: 100%; }
	    header h2.home { display: block; }
	    article.home-content{ width: 100%; padding-right: 590px; /* padding-right: 625px; */ }
	    article.home-content p { font-size: 12px; line-height: 1.6; }
	    
    }


header h2  { float: left;font : 14px/22px "Roboto Slab", serif; font-weight: normal;   color: #555; text-align: left; padding: 15px 25px 15px 15px; position : absolute; left : 324px; top : 70px;z-index: 1500; }



#ribbon  {background-color: rgba(239, 172, 28,0.6); display: block; width: 336px; height: 60px; position: absolute; right:30px; top:-10px;font : 18px/14px  "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; color: #fff;	text-shadow: 1px 1px #999; text-align: center; padding-top:43px;}

#ribbon a  {text-decoration: none; color: #fff;}

#ribbon a:hover  {text-decoration: none; color: #e1e1e1;}

#text-2  {margin: 20px 0;}

.bd_widget_premium_container  {margin-top: 10px;}

.bd_widget_premium_com_container  {margin: 0 0 0.5em; height: 20px;}

.bd_widget_premium_com_container  a{text-decoration: none;}

/* typography  */

 body  {
 text-align:left; color: #999; text-decoration:none;
font : 14px/23px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300;width: 100%; min-width: 320px; height: 100%;} 

article.main-content li  {list-style-type: circle; margin-left: 15px;margin-bottom:10px; color:#666;}

article.main-content ul  {margin: 5px 0 15px 0;}

.bd_inner_left_side  {z-index: 1000;}

.bd_images_list_item  {padding: 0 0 12px 0;}

li.bd_social_icons_list_item a  {list-style-type: none;}

.bd_excerpt  {margin-bottom: 20px; }

  article.home-content p {text-align: justify;}
  
  p {
	font: 14px/24px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666666;font-weight: normal;
	margin-bottom: 24px;
}



h1 {
 text-align:left; color: #464646; text-decoration:none;
font : 22px/27px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; padding: 25px 0 15px;  border-bottom: 0px solid #000;} 

h1.entry-title {
position: absolute; top: 70px; right:0; background-color: black;
 text-align:center; color: #fff; 
text-decoration:none; display: block;
font : 22px/27px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; padding: 10px 20px;  } 


h2 {
 text-align:left; color: #000; text-decoration:none;
font : 18px/26px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; padding-top: 15px;  border-bottom: 0px solid #000;} 

h3 {
 text-align:left; color: #5e5e5e; text-decoration:none;
font : 16px/16px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold ; border-bottom: 0px solid #666;margin-bottom: 5px;} 

h4 {
 text-align:left; color: #5e5e5e; text-decoration:none;
font : 14px/14px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold ; } 

h5 {
 text-align:left; color: #464646; text-decoration:none;
font : 16px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; padding-top: 6px; } 

h2 a{
font : 20px/23px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align:left; color: #464646; text-decoration:none; font-weight:normal;
}

h2.listing a{
font : 20px/23px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align:left; color: #464646; text-decoration:underline; font-weight:normal;
}  

p.disclaimer {font : 11px/14px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px 0 0;}

p.cdg {font : 11px/14px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px 0 0;}
p.cdg a {color: #fff;}

.page-template-template-news-php li a  {text-decoration: none;}

ul.bull li {list-style-type: square; margin-left: 20px;}
a.moretag  {font-weight: 700;}

  
a { color:#666; text-decoration: none;}

a:hover { color:#000; }

a.button  {background-color: #31b7d0; width: 200px; height: 25px; display: block; color: #fff; padding: 15px; text-align: center;}

#post-meta  {margin: 0 0 10px 0; border-bottom: 1px dashed #c2c2c2; padding-bottom: 4px;}

#sidebartext  {font : 20px/23px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}

/* sidebar  */

aside li  {padding: 4px 0; border-bottom: 1px dashed #c2c2c2;}

/* links & artists  */

ul.xoxo.blogroll li  {padding: 4px 0; border-bottom: 1px dashed #c2c2c2;}

ul.xoxo.blogroll li a {font-weight: 600;}




/* image alignment  */
img.alignright {float:right; margin:1em 0 1em 1em}
img.alignleft {float:left; margin:0 .5em .5em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:1em 0 1em 1em}
a img.alignleft {float:left; margin:0 .5em .5em 0; }
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

img.attachment-post-thumbnail  {width: 100%; height: auto; margin-bottom: 10px;}

/*contact forms  */

/* Contact 7 Forms
--------------------------------------------- */

form.wpcf7-form {

text-align: left;
}

input#formname, #emailform, #subject, #message {
width:76%%;
margin-top: 5px;
margin-bottom: 5px;
}

input#formname {
margin-top: 20px;
}

input.wpcf7-form-control.wpcf7-submit{
margin-bottom: 20px;
background-color: #f1b01b;
width: 61%;
border:0;
}

input.wpcf7-form-control.wpcf7-submit input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover {
background-color: #f9cf0a;
}

	/* =Pricing table
-------------------------------------------------------------- */
table  {width:590px; border: 1px solid #999; margin: 20px 0;}
tr.dark  {background-color: #eeeeee; margin: 6px; }
td.starter  {background: #68c4b5; height: 100px; text-align: center; color: #000;}
td.basic  {background: #f4726f; height: 100px; text-align: center; color: #000;}
td.prem  {background: #fbca61; height: 100px; text-align: center; color: #000;}
td  { text-align: center; color: #000; height: 30px;}

/*Custom CSS*/

ul.menu li a:hover, .menu ul li a:hover, ul.menu li.current-menu-item a {
  color: #fff;
  background: #000;
}
@media screen and (min-width: 855px) {
.team.portfolio { width: 800px;}
}
.team ul li {
  float: left;
  background: #fff;
  width: 234px;
  min-height: 246px;
  
}
.team.portfolio ul.items li {
  margin: 0 10px;
  float: left;
}
.team.tmsl.flex{
  display: inline-block;
  background-color: #fff;
}
.team.tmsl.flex ul li
{
    margin: 15px;
    border: 2px solid #ccc;
    
}
.staff li{
    border:none !important;
}
.team.tmsl.flex ul li .img_content
{
    width: 30%;
    float: left;
}
.team.tmsl.flex ul li .imglist
{
    width: 70%;
    float: left;
}
.team.tmsl.flex ul li img.team-member.tm
{
    width: 100%;
    height: auto;
    
}
.team ul li h3  {
  font-size: 17px;
  color: #333333;
  margin: 19px 0 3px 20px;
  font-family: 'Roboto Slab', serif;
  font-weight: normal;
}
@media screen and (max-width: 479px) {
	body.people .team ul li h3  { margin: 0 0 3px 20px; }
	.team.tmsl.flex ul li .imglist .team-text { padding: 10px 0 0 !important; }
	.team.tmsl.flex ul li p { margin-bottom: 0 !important; }
	
}
@media screen and (min-width: 400px) and (max-width: 479px) {
	.people .team.tmsl.flex ul li { margin: 10px 2% 45px 0 !important; }
	
}

@media screen and (min-width: 769px) {
	.team ul li h3  { font-size: 13px; }
	
}
.team ul li a  {text-decoration: none;}
.team.tmsl.flex ul li p {
  font-size: 12px;
  color: #999999;
  margin: 0 20px 30px 20px;
}
.team.portfolio ul li h3 {
  margin-left: 0;
  line-height: 1;
}
.team.portfolio ul li p {
  margin-right: 0;
    margin-left: 0;
    line-height:  18px;
}
.team .items li a{
    text-decoration:  none;
    color: #999;
    font-weight: bold;
}
.team .items li a:hover{
    color: #000;
   }
   .team.portfolio ul.items { /* height: 682px; */ width: auto; margin-bottom: 0; }
   


.staff ul h3 p  {margin: 10px 0 10px 280px;}
   
   h1.page-title  {font-family: 'roboto_slabthin', serif; font-weight:300;font-size: 24px; }
   

.team.portfolio ul li h3, .team.portfolio ul li p { margin-left: 0; }
.team.portfolio ul li p { margin-right: 0; }
.team.portfolio ul li span { padding-left: 0; }
.team.portfolio ul.items { /* height: 682px; */ width: auto; margin-bottom: 0; }
.team.portfolio ul.items li { margin: 0 8px; float: left; }	
.team.portfolio ul.items li a { font-weight: normal; color: #333; }	
.team.portfolio ul.items li a:hover { color: 000; }		
/* team page */


.team.portfolio ul li span { color: #666666; font-size: 12px; border-top: 1px solid #e3e3e3; display: block; padding: 12px 0 15px; margin-top: -15px; }
.team.portfolio ul li span a { text-decoration: none; }

.team.portfolio ul li span img.mail, 
.team.portfolio ul li span img.eye { display: inline-block; width: auto; margin-right: 5px; }

.team.portfolio ul li span img.eye { margin-left: 35px; }
.team.portfolio ul li h3 { font-size: 18px; font-family: 'Roboto Slab'; font-weight: 300; color: #333333; margin-bottom: 6px; }
.team.portfolio ul li p { font-size: 12px; color: #999999;  }

  

/* ---------------------------------------------------------------------------------------------------------- 
04 Media queries ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* -- Tablet devices (Layout, modifications, etc) -- use width: 700px is not full screen */
@media only screen and (min-width: 720px) and (max-width: 959px) {
	#wrapper {
		width: 100%;
	}
	article.main-content, section.main-content {
		float: none;
		clear: both;
		width: 100%;
		height: 100%;
		margin:0 auto;
		margin-bottom: 15px;
		box-sizing: border-box;
	}
	aside.widget-area {
		float: none;
		width: 90%;
		margin:0 auto;
		margin-bottom: 15px;
	}

	
}
/* End tablet media query */

/* -- Mobile devices (Layout, modifications, etc) -- */


@media only screen and (max-width: 769px) {
header h1 a {
  /*background: url(images/tenzer_logo@2x.png) no-repeat;*/
  width: 90%;
  max-width: 252px;
  padding: 0;
/*   margin-left: -7%; */
  /*text-indent: -9999px;*/
  z-index: 10;
  /*background-size: 100%;*/
  height: 85px;
  display: block;
  margin: 0 auto;
  left: auto;
}
h1.entry-title { position: static; top: auto; left: auto; right: auto; display: inline-block; background: #fff; color: #000; }
}



@media only screen and (max-width: 769px) {
	#wrapper {
		width: 90%; 
		 margin: 12% 5% 0 5%;
		 position: absolute; top: 0; left:0;
overflow: hidden;

	}
	
	#wrapper2 {
	width: 90%; 
		 margin: 12% 5% 0 5%;
		 	position: absolute; top: 0; left:0;
}
	
header#masthead  {background: #fff; 
    width: 100%;/*  height: 100px; */  margin: 0; text-align: center; }
    
header#masthead2  {/* background: #fff;  */
    width: 100%; /* height: 180px; */ margin: 0;}

body.people header#masthead { height: auto;
padding-bottom: 30px }
	
	
	table  {width:100%; border: 1px solid #999; margin: 20px 0;}

	
 
 header h2 {visibility: hidden;}
 
 article.home-content{
	float: left;
	width: 100%;
	height: auto;
	margin: 0 7% 0 0;
	background: #fff;
	padding: 13px 13px 81px;
	overflow:hidden;
	
	
}
 
  article.home-content p {text-align: justify; margin-bottom: 0; }
	
	
	
	ul#portfolio-wrapper  {width: 100%; margin: 0 auto;}
	
	
.l-sidebar  { width: 100%;  margin: 0 8px 0 -5px;}

.l-sidebar ul li a {padding: 0px 0px 10px 0px; text-indent: 20px; height: 0px; border-bottom: 0px solid #999; color: #999; text-decoration: none;}

li.active-post a{color: #333333 !important;}

.main-c  { width: 90%; margin:0;padding:0;}
	
	article.main-content {
		float: left;
	width: 100%;
	height: 100%;
	margin: 0 7% 0 0;
	background: #fff;
	padding: 13px;
	box-sizing:border-box;
	}
	
	div.page-content  {float: left;
	width: 100%;
	height: 100%;
	margin: 0 7% 0 0;
	background: #fff;
	padding: 13px;
	box-sizing:border-box;
	}
	
	section.main-content {
		float: none;
		clear: both;
		width: 100%;
		height: 100%;
		margin:0 auto;
		margin-bottom: 15px;
		margin-left: -15px;
	}
	article.list-content {
		float: none;
		clear: both;
		width: 90%;
		height: 100%;
		margin:0 auto;
		margin-bottom: 15px;
	}
 article.landing-content {
	float: left;
	width: 100%;
	height: 100%;
	margin: 0 20px;
	}
	
	article.portfolio { margin-left: 0; }
		
	aside.widget-area {
		float: none;
		width: 90%;
		margin:0 auto;
		margin-bottom: 15px;
	}
	footer#colophon {
	float: none;
	width: 100%;
	margin: 0 auto;
	padding:20px ;
	}
	
	footer#colophon2 {
	float: none;
	width: 100%;
	margin: 0 auto;
	padding:20px;
	box-sizing: border-box;
	text-align: center;
	}
		
	.team.portfolio { width: 100%;}
	

	
li.portfolio-item {width: 100%;}
p.fll{ width:95%; margin:0 auto;}

}
.team.portfolio img { width: 100%; }
@media only screen and (min-width: 856px) {
	#wrapper{ /* width:auto !important; */ max-width: 819px;}
}

@media only screen and (min-width: 720px) and (max-width: 855px) {
	#wrapper{ width:92%;}
	header#masthead{ width:100%;}
	div.page-content{ /* width:auto; *//*  padding:10px 0px 20px 40px; */}
	footer#colophon{ width:auto;}	
}
/* End mobile media query */

/* --------- TO DO: Change to mobile first responsive ------------------------------- */

.team.tmsl.flex ul li {
    border: 2px solid #ccc;
    margin: 10px;
/*     overflow: hidden; */
    width:32%;
}

.people div.page-content.team.tmsl.flex{ float: none !important; margin: 0 auto !important; display: block !important;}
.team.tmsl.flex ul li .img_content p a{bottom: -106px !important;}
.people .team.tmsl.flex ul li{height: 234px !important;}
.team ul li{ min-height: 234px !important;}

@media only screen and (min-width: 320px) and (max-width: 599px) {
ul#portfolio-wrapper li{ width:100%; margin:0;}
ul#portfolio-wrapper li .team-member{/*  margin:0 auto !important; */ display:block;}
}

@media only screen and (min-width: 600px) and (max-width: 856px) {
ul#portfolio-wrapper li{ width:46% !important; margin:0 2% !important;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.people .team.tmsl.flex ul.staff li {height: 330px !important;padding-top: 1px;}
.team.tmsl.flex ul li{ width:234px; margin:10px auto; float:none;}
.team.tmsl.flex ul li .img_content, .team.tmsl.flex ul li .imglist{ width:93% !important; /* max-width: 340px !important; */ float:none; margin:0 auto;}
.team.tmsl.flex ul li .img_content h3{ text-align:center !important; margin:19px 0 3px 20px !important;}
.team.tmsl.flex ul li .img_content{ text-align:center !important;}
.team.tmsl.flex ul li .img_content p a{ bottom:0px !important; display:none !important;}
.team.tmsl.flex ul li .imglist{ height:auto !important;}
.team.tmsl.flex ul li .imglist:hover{ margin-top:0 !important;}
.team.tmsl.flex ul li .imglist span{ display:block !important; opacity:1 !important; margin: 0 10px 5px;}
.team.tmsl.flex ul li .imglist span div{ display:block !important; /* margin-left:50px !important; */line-height:20px !important; text-align:left !important;}
.team.tmsl.flex ul li .imglist span .tphone{ position:relative !important;}
.team.tmsl.flex ul li .imglist span div a{ font-size:12px !important;}

.people #wrapper { margin: 12% auto 0 auto !important;
overflow: hidden !important;
top: 0 !important;
width: 100% !important; }
.people header#masthead { margin:0 auto !important; width:90% !important;}
.people div.page-content.team.tmsl.flex{ background: #fff !important; width:90% !important; margin-top:-10px !important;}
.people .team.tmsl.flex ul li{ width:100% !important;}
}

@media only screen and (min-width: 600px) and (max-width: 766px) {
.team.tmsl.flex ul li{ width:234px; margin:10px 20px;}
header h1 a{ left:31%; width:50%; max-width: 252px; }
.news-list .article-date{ border-right:0 none !important;}
.team.tmsl.flex ul li .imglist div h3{ z-index:10;}
.large-19 { width:100%; float:left; text-align:left !important;}
.large-90 { width:100% !important;}
header#masthead{/* width:95.6% !important; */}
article{ margin-left:10px;/*  margin-right:10px; */}
}

@media only screen and (min-width: 768px) and (max-width: 856px) {

article{ margin-left:5px; /* margin-right:10px; */}
.people div.page-content.team.tmsl.flex{ width:100% !important;}
.main-c{ width:100%;}
}
.contact .page-content{padding: 0;}
@media only screen and (min-width: 771px) and (max-width: 860px) {

.main-c{ width:77%;}
}


@media only screen and (min-width: 480px) and (max-width: 599px) {
/* header#masthead{width:97.2% !important;} */
header h1 a{width:70%; /* margin-left:3%; */ max-width: 252px;}
}

@media only screen and (min-width: 800px) and (max-width:1024px) {
/* .team.tmsl.flex ul li .imglist span div{ margin-left:4px !important;} */
}

@media only screen and (min-width: 800px) and (max-width:1050px) {
.people .team.tmsl.flex ul li{height: 234px !important;}
}

.single-team #scroller li {
    list-style: outside none disc;
    padding: 0px 0 20px 0;
    margin-left: 0px;
    font: 14px/24px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #666;
}

/*--- Added on 24.06.15 ---*/
.team.tmsl.flex ul li .img_content h3{ text-align:right; margin-right:20px;}
.team.tmsl.flex ul li .img_content{ text-align:right;}
.team.tmsl.flex ul li .img_content p a{ position:relative; bottom:-146px;}
.team.tmsl.flex ul li a img.team-member{ filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); }
.team.tmsl.flex ul li .imglist:hover a > img{ filter:none; filter: grayscale(0); -webkit-filter: grayscale(0); }
.team.tmsl.flex ul li .imglist{ position:relative; width:100%;}
.team.tmsl.flex ul li .imglist span div{ display:inline; margin-left:8px;}
/* .team.tmsl.flex ul li .imglist span div a{ margin-left: 5px;} */
.team.tmsl.flex ul li .imglist span div a{ margin-left:3px; font-size:10px;}

.people .team.tmsl.flex{ background:transparent;}
.people div.page-content.team.tmsl.flex{ background:transparent; width:100%; padding:0px 0 20px;}
.people .team.tmsl.flex ul li{ margin: 10px 2% 15px 0; height:285px !important; background:transparent; }
.people .team.tmsl.flex ul li:nth-child(3n) { margin-right: 0; }
.people .team.tmsl.flex ul li:nth-child(1n) { margin-left: 0; }
.tmail img{vertical-align:sub !important;}


/*--- Added on 24.06.15 ---*/
.team.tmsl.flex ul li .imglist img{ z-index:10;}
.team.tmsl.flex ul li .imglist a,
.team.tmsl.flex ul li .imglist div h3,
.team.tmsl.flex ul li .imglist div p{ color:#fff;}

@media screen and (min-width:900px) {
.team.tmsl.flex ul li .imglist .team-text{
/*
//display: none; */
background:rgba(0,0,0,0.5); padding:10px 0;

/*  visibility:hidden; */ bottom:0px !important;
 }
/*
.team.tmsl.flex ul li .imglist .team-text span{ 
//display: none;
}
*/
.team.tmsl.flex ul li .imglist div h3{ margin:0px 0px 3px 12px; visibility:visible !important; position:absolute; bottom:25px; z-index:10;
/*  text-shadow:1px 2px #000; */}
/*
.team.tmsl.flex ul li .imglist div p{ margin:0 6px; border-left:1px solid #fff; padding:0 12px;}
.team.tmsl.flex ul li .imglist div a, .team.tmsl.flex ul li .imglist div p{ display:inline-block;}
*/
.team.tmsl.flex ul li .imglist div p{ display: block; margin: 0 20px 0 12px;}

/*
.team.tmsl.flex ul li .imglist:hover .team-text{ z-index:99; bottom:-30px !important; width:120% !important; visibility:visible !important; position:relative; 
//display: block;
	-webkit-transition: all 0.8s linear; 
    -moz-transition: all 0.8s linear; 
    ms-transition: all 0.8s linear; 
    -o-transition: all 0.8s linear; 
    transition: all 0.8s linear;
	

}
*/
/*
.team.tmsl.flex ul li .imglist:hover .team-text span
{
//display: block;
}
*/
.team.tmsl.flex ul li .imglist .team-text h3{ font-size:15px !important; bottom:0 !important; position:relative !important;}

/*
.team.tmsl.flex ul li .imglist:hover a > img {
    -webkit-transform:translateX(25px) scale(1.2); 
    -moz-transform:translateX(25px) scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:translateX(25px) scale(1.2); 
     transform:translateX(25px) scale(1.2); 
	-webkit-transition: all 0.5s linear; 
    -moz-transition: all 0.5s linear; 
    -ms-transition: all 0.5s linear; 
    -o-transition: all 0.5s linear; 
    transition: all 0.5s linear;
	position:relative;
	z-index:99;
	box-shadow: 10px 10px 30px #3d3d3d;
}
*/
}

@media screen and (max-width:1024px) {
.team.tmsl.flex ul li .imglist .team-text{ background:rgba(0,0,0,0.5); padding:10px 0; bottom:0; z-index:10;}
.team.tmsl.flex ul li p{ margin-bottom:5px;}
/* .team ul li h3{ margin-top:5px;} */
.team.tmsl.flex ul li .imglist span div{ display:inline; margin-left:10px; text-align:center;}

}

@media screen and (min-width:900px) {
	
	.team.tmsl.flex ul li .imglist .team-text h3{ font-size:15px !important; }

	}
/*  News Section  */

.full-width { width:100%; float:left;}
#news-section { width:100%; float:left;}
#news-section .article-list { width:100%; float:left; margin-bottom: 25px;} 
.text-right { text-align:right;}
.article-title { background:#b1b1b2;   margin-bottom:10px;}
#news-section .article-title h2 { color: #fff; font-size:15px;  margin:0px;  padding:10px 20px; font-weight:normal;}
.article-date span { display: block;}
.large-19 {   width:100px; float: left; margin-right: 10px;  padding-right: 10px;}
.news-list { width: 100%; float: left; margin: 5px 0px 0px;}
@media screen and (max-width: 767px) {
	.news-list { padding: 0 20px; }
}

.large-80 { width:80%; float:left;}
.large-90 {    width:85%; float:left; }
.pull-left { float:left;}
.pull-right { float:right}
.article-date { border-right:1px solid #58585a; color: #000;  font-weight: bold;}
.clear-fix { clear:both;}

.article-desc a { color:#0071b0; display:block; text-decoration:none; }
.article-desc p { color:#58585a; margin-bottom: 10px;}


@media screen and (max-width:600px) {
  
  .large-19 { width:100%; float:left; text-align:left;}
  .article-date span { display:inline;}
  .large-90 { width:100%;}
  .news-list .article-date{ border-right:0 none !important;}
  .team.tmsl.flex ul li .imglist div h3{ z-index:10;}
}

@media only screen and (min-width: 480px) and (max-width: 765px) {
.people .team.tmsl.flex ul li {height:auto !important;padding-top: 1px;}
.team.tmsl.flex ul li{ width:234px; margin:10px auto; float:none;}
.team.tmsl.flex ul li .img_content, .team.tmsl.flex ul li .imglist{ width:90% !important; max-width: 400px !important; float:none; margin:0 auto;}
.team.tmsl.flex ul li .img_content h3{ text-align:center !important; margin:19px 0 3px 20px !important;}
.team.tmsl.flex ul li .img_content{ text-align:center !important;}
.team.tmsl.flex ul li .img_content p a{ bottom:0px !important; display:none !important;}
.team.tmsl.flex ul li .imglist{ height:auto !important;}
.team.tmsl.flex ul li .imglist:hover{ margin-top:0 !important;}
.team.tmsl.flex ul li .imglist span{ display:block !important; opacity:1 !important; margin:2px 10px;}
.team.tmsl.flex ul li .imglist span div{line-height:20px !important;}
.team.tmsl.flex ul li .imglist span .tphone{ position:relative !important; }

.people #wrapper { margin:0 auto !important; overflow:hidden !important; top:20px !important; width:100% !important; }
.people header#masthead { margin:0 auto !important; width:91% !important;}
.people div.page-content.team.tmsl.flex{ background:#fff !important; width:91% !important; margin-top:-30px !important;}
.people .team.tmsl.flex ul li{ width:100% !important;}

.tphone, .tmail, .tmore{ left:0px !important; text-align:center;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.people .team.tmsl.flex ul.staff li {height: 360px !important;padding-top: 1px;}
header h1 a{width:80%; /* margin-left:-2%; */ max-width: 252px; }
}


/*----- Added on 10-07-15 ------*/
.l-sidebar ul li{padding: 13px 0 13px 0px !important;}

@media (min-width: 320px) and (max-width: 359px) {
/* header h1 a {left: 35px;} */
.main-c{width:100%;}

}
@media (min-width: 360px) and (max-width: 479px) {
/* header#masthead2{width:99%;} */
/* header h1 a {left: 38px;} */
.main-c{width:100%;}
}

@media (min-width: 480px) and (max-width: 639px) {
.main-c{width:100%;}
}
@media (min-width: 640px) and (max-width: 767px) {
/*header h1 a {left:31%; background-size:100% auto !important; width:53%;}*/
header#masthead2{/* width: 550px;height: 250px; */}
/* header h1 a{height:162px;} */
.main-c{width:100%;}
/* h1.entry-title{top:175px;} */
}

@media (min-width: 768px) and (max-width:1024px) {
.team.tmsl.flex ul li .imglist div a, .team.tmsl.flex ul li .imglist div p{ /* display:inline-block; */}
/* .team ul li h3{ font-size:13px !important;} */
}

.backLink { font-size: 13px; line-height: 1; }
@media screen and (min-width: 769px) { .backLink { display: none; } }

header h1 a:focus, header h1 a:active { outline: none; }
a:focus, a:active { outline: none !important; }

body.wprmenu_menu-open { overflow: hidden;
z-index: 0;
position: fixed !important;
left: 0 !important; top: 0 !important; }
#wprmenu_menu.left { -webkit-overflow-scrolling: touch; }

.team-text > span { display: block; }

#drivingDirections label { display: none; }
#drivingDirections input[type="text"] { float:left;width: calc(100% - 70px); height: 60px; background: #d1d2d3; border: 0;
border-radius: 0;
box-shadow: 0;
padding: 10px 18px; margin: 0 0 30px; color:#808285; padding: 3px 5px; box-sizing: border-box; }
#drivingDirections input[type="text"]::-webkit-input-placeholder, #drivingDirections input[type="text"]:-moz-placeholder, #drivingDirections input[type="text"]::-moz-placeholder, #drivingDirections input[type="text"]:-ms-input-placeholder { color: #808285; }


 #drivingDirections input[type="submit"] { float:left;width: 70px;
height: 60px;
margin: 0 0 30px;
border: 1px solid #000;
background: #000 url(images/search.png) no-repeat center center;
background-size: 25px 25px;
text-indent: -9999px;
color: #fff;
padding-top: 3px; }
#drivingDirections input[type="submit"]:hover { background-color: #666; color: #fff; border: 1px solid #666; }

@media screen and (max-width:480px) {
	.contactLeft, .contactRight { width: 100% !important; text-align: left !important; }
/* 	.contactRight { margin-top: 0 !important; } */
	
}
.terms p { color: #000 !important; }
.terms h2 { font-family: 'Roboto Slab' !important; font-weight: 300 !important;
font-size: 25px !important; margin-bottom: 20px !important; }

/* Search */

body.search table { border: 0; margin: auto; }
body.search td { text-align: left; }
.gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #000 !important; text-shadow: none !important; padding: 0 !important; }
.gcsc-branding { display: none; }


#searchBtn {
	position: absolute;
right: 35px;
bottom: 10px;
z-index: 10;
padding: 0;
border: 0;	
}

body.home #searchBtn {
	right: 40px;
	bottom: 20px;
}


.gsc-result-info { display: none !important; }
#closeSearch { position: absolute; right: 40px; top: 40px; font-size: 50px; color: #fff; text-decoration: none; text-transform: lowercase; }
#searchOverlay { display: none; position: fixed; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: rgba(0,0,0,0.75); }
#searchOverlay.active { display: block; }
#searchOverlay > #___gcse_0, #searchOverlay > #___gcse_1 {
width: 700px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -350px;
margin-top: -25px;
padding: 0;
border: 0;
}
#searchOverlay .gsc-input input.gsc-input { height: 50px; font-size: 36px; font-weight: normal; border: 0; border-bottom: 2px solid #fff; background: transparent !important; color: #fff; }
input[type="button"].gsc-search-button { width: 30px; height: 50px; font-size: 20px; border-radius: 0; text-indent: -9999px; background: transparent url(images/search2-white.png) no-repeat center 20px; background-size: 30px 31px; border: 0; }
input[type="button"].gsc-search-button:hover, input[type="button"].gsc-search-button:active, input[type="button"].gsc-search-button:focus { background: transparent url(images/search2-white.png) no-repeat center 20px; cursor: hand; background-size: 30px 31px; }

.gsc-control-cse {
	background: transparent;
border: 0;
padding: 0 !important;
	}
.gsc-clear-button { display: none; }


@media screen and (max-width: 480px) {
	#searchBtn { position: static; display: block; margin: 0 auto; right: auto; bottom: auto; }
	
}


@media screen and (max-width: 768px) {
	#searchOverlay > #___gcse_0, #searchOverlay > #___gcse_1 {
		width: 600px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -300px;
		margin-top: -25px;
		padding: 0;
		border: 0;
	}
	#closeSearch { position: absolute; right: 40px; top: 80px; font-size: 50px; color: #fff; text-decoration: none; text-transform: lowercase; }
	body.people #searchBtn {
	bottom: 40px;
	}	
}

@media screen and (max-width: 640px) {
	#searchOverlay > #___gcse_0, #searchOverlay > #___gcse_1 {
		width: 400px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -200px;
		margin-top: -25px;
		padding: 0;
		border: 0;
	}
	#closeSearch { position: absolute; right: 40px; top: 80px; font-size: 50px; color: #fff; text-decoration: none; text-transform: lowercase; }	
}


@media screen and (max-width: 480px) {
	#searchOverlay > #___gcse_0, #searchOverlay > #___gcse_1 {
		width: 300px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -150px;
		margin-top: -25px;
		padding: 0;
		border: 0;
	}
	#closeSearch { position: absolute; right: 40px; top: 80px; font-size: 50px; color: #fff; text-decoration: none; text-transform: lowercase; }	
}


@media screen and (max-width: 1099px) {
	body.home #searchBtn {

right: 30px;
top: -120px;
height: 30px;

	
}

@media screen and (max-width: 768px) {
	body.home #searchBtn {
position: relative;
right: auto;
top: 30px;
margin: -50px auto 0;
/* float: left; */
}
html { background-image: none; }
html.home-html {/*
 background: transparent url(images/k_Bulding.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
*/ }
html.home-html body.page { background: transparent url(images/k_Bulding.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
body.page, body.single-team, body.single-portfolio { background:#D1D1D1 none; }
footer#colophon, footer#colophon a, .fdiv p { color: #000 !important; }
/* body.single-portfolio .fdiv p { color: #fff !important; } */
body.home footer#colophon, body.home footer#colophon a, /* body.single-portfolio footer#colophon a */ { color: #fff !important; }
}

@media screen and (max-width: 550px) {
	body.home #searchBtn {
position: relative;
right: auto;
top: 25px;
margin: 0 auto 0;
float:left;
}

	
}
}
/*body.home .chambersLogo { display: none; }*/
@media screen and (min-width: 1100px) {
	body.home .chambersLogo {
		display: block;
		position: absolute;
		right: 252px;
		bottom: 104px;
	}
}
@media screen and (max-width: 1099px) {
	body.home .chambersLogo {
        position: relative;
        bottom: 65px;
        left: 10px;
	}
    article.home-content{
	    padding: 0px 50px 80px 50px;
    }	
}

@media screen and (max-width: 600px) {
	body.home .chambersLogo {
        position: relative;
        bottom: 65px;
        left: 48px;
	}
	body.home .chambersLogo img {
		width:100px;
	}
	body.home .socialIcons {
		right: 47px;
		bottom: 13px;
		position: absolute;
	}	
	body.home .socialIcons img {
		width:26px;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
    html{
        overflow: hidden;
        height: 100%;    
    }
    body{
        overflow: auto;
        height: 100%;
    }
}


@media screen and (max-width: 768px) {
	header h1 { display: none; }
	header { padding-top: 20px; }
	body.home header { padding-top: 0; }
	body.single-team header { padding-top: 50px; }
	body.home header h1 { display: block; }
}


/* Justin Edits 8.17.2022 */
div#googlemaps > div > div.gm-style:last-child {
    position: absolute;
    width: 351px;
    height: 14px;
    right: 0;
    bottom: 0;	
}

div#googlemaps > div > div > div {
	position:initial;
}

/* BLOG ARCHIVE */
.blog_row { display: flex; }
.blog_row p { margin: 0; padding: 0; }


.blog_column1 { flex: 15%; border-right: solid 1px #000; padding-right:10px;}
.blog_column1 p { font-weight: 600; color: #000; font-size: 12px; text-align: right !important; }
.blog_column2 { flex: 85%; padding:4px 0 0 8px;}
.blog_column2 h3 { line-height:20px; margin-bottom:0px;}
.blog_column2 h3 a { font-weight: 400; color: #0071b0; text-decoration: none; font-size: 14px;}


.post_nav { display: flex; }
.post_previous { flex: 50%; text-align: right; }
.post_next { flex: 50%; text-align: left; }
.post_nav .material-symbols-outlined { position: relative; top: 7px; }

.blog-archive h2 { margin: 0 0 1em; padding: .5em 1em; color: #fff; font-size: 1.2em; font-weight: 400; background-color: #b1b1b2; }

.back_button { padding: .5em 1em; background-color: #000; color: #fff; text-transform: uppercase; }
.back_button:hover { color: #fff; }

/* NEW NEWS PAGE CUSTOMIZATIONS  */
.single-post .wp-post-image { display: none; }
@media screen and (max-width: 768px) { .single-post .entry-title {display: none;}}

@media only screen and (max-width: 769px) {
    section.main-content {
        float: none;
        clear: both;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        margin-bottom: 15px;
        margin-left: 0px;
    }
}