/*
Theme Name: PKD
Author: Peter King Design
Author URI: http://peterkingdesign.com/
Description: A custom designed, semantic, HTML5, canvas developed by Peter King Design.

*/

/* =COLORS
-------------------------------------------------------------- 

Red	E53916




*/

/* =Global Typography
-------------------------------------------------------------- */

body {	
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	line-height: 1.7;
	color: #555;
	}

h1, h2, h3, h4, h5, h6,
#mainnav, .menu-footer-container li, #side-menu, .slideshow-title, #page-menu a, .typography .menu-solutions-container,
::-webkit-input-placeholder,
::-moz-placeholder, /* firefox 19+ */
:-ms-input-placeholder, /* ie */
input:-moz-placeholder
    {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	color:#777;
	}
	
/* Contact Form */
::-webkit-input-placeholder { font-family: 'Open Sans', sans-serif; color: #CCC;}
::-moz-placeholder { font-family: 'Open Sans', sans-serif; color: #CCC; } /* firefox 19+ */
:-ms-input-placeholder { font-family: 'Open Sans', sans-serif; color: #CCC; } /* ie */
:-moz-placeholder { font-family: 'Open Sans', sans-serif; color: #CCC; }

::-moz-selection { color: #FFF; background: #E53916; } /* Code for FF */ 
::selection { color: #FFF; background: #E53916; }

/* =Structure
-------------------------------------------------------------- */

html, body { position:relative; padding:0; margin:0; display:block;}
div {  display:block; }

html { }

body {
	margin: 0;
	background:#FFF;
}

body.home { }

.site-width {	/* SITE WIDTH */
	width: 1240px;
	margin: 0 auto;
	position:relative;
}
#branding .site-width { width: auto; margin: 0 1%; }


#page {
	display: block;
	height: 100%;
}


#main {
	display:block;
	/* min-height: 500px; */
	position:relative;
	padding: 30px 0;
	clear: both;
}

.home #main {  }

#primary {
	float: left;
	margin: 0;
	width: 70%;
	padding: 0;
	z-index: 100;
}
.home #primary, 
.post-type-archive-services  #primary  { width: 70%;} 

.page-template-full-width-page-php #primary,
.post-type-archive-portfolio #primary,
.tax-portfolio-category #primary {
	width: 70%;
}

#secondary {
	float: right;
	margin: 0;
	width: 20%;
	/* min-height: 400px; */
	padding: 82px 0 0 0;
	z-index: 100;
	
}
.home #secondary { }

.post-type-archive-portfolio #secondary,
.tax-portfolio-category #secondary {
}

#content {

}
.home #content {
}

#main .widget-area {

}
#colophon {
	clear: both;
	display: block;
	width: 100%;
	position: relative;
	bottom:0;
	z-index: 100;
	height: 180px;
	margin-top:10px;
	
}


#main, #primary, .site-width, #content, #secondary { /* height: 100%; */ }


/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1%;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1%;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.displace {
	position:absolute;
	top:-1000px;
}

a, a:link, a:visited { color: #E53916; }
a:hover, a:active  { color: #222;  }



/* =Header
-------------------------------------------------------------- */

#branding {
	display: block;
	height: 100px;
	width: 100%;
	position: fixed;
	z-index: 100;
	top: 0;
	background: rgba(255,255,255,.9);
}

hgroup {
}
#site-title {
	font-size: 2em;
	font-weight: bold;
	margin: .67em 0;
}
#site-description {
	font-size: .9375em;
	font-weight: normal;
	margin: 0 0 0 8px;
}

#logo-container {
	float:left;
}

#logo {
	display:block;
	background:url(images/logo-PKD.png) no-repeat 0 50%;
	background-size: contain; 	-ms-behavior: url(/wp-content/themes/pkdesign/js/backgroundsize.min.htc);
	height: 70px; 
	width: 420px;
	margin: 0 ;
	}
	
#phone {
	float: right;
	margin: 20px 0 0 0;
	color: #AAA;
	height: 45px;
}

#phone h2.header-title {
	margin: 0;
	padding:0;
	font-weight:normal;
	letter-spacing: 2px;
	font-size: 220%
}

.borderline { 	} 
#branding .borderline {  }


/* =Sliders & Background
-------------------------------------------------------------- */
#banner  {	
	position: relative;
	
}
.home #banner {
	display:block;
}

#banner img {
}
.home #banner img {
	}
	
.featured-banner {
	width: 100%;
	height: 300px;
	margin: 0;
	background: #EFEFEF;
}


/* =Home Page
-------------------------------------------------------------- */
#home-columns {
	

}


.home-column {
	display:inline-block;
	width: 29.5%;
	height:500px;
	margin: 0 5% 0 0  ;
	padding: 0 ;
	background-position: 0 0;
	vertical-align: top;
	}

#col1.home-column { }
#col2.home-column { }
#col3.home-column { margin-right: 0;}
 
.home-column .arrow { }

.home-column:hover .arrow { }


.typography .home-column h2.column-title {
}


.home-column .column-content {
	
}

#home-columns .home-widget ul { margin:0; padding: 0;}
#home-columns .home-widget li { margin:0; padding: 0; list-style:none;}




/* Upcoming Events sidebar */

.widget ol { padding: 0; margin: 0; }




/* =Slideshow 
-------------------------------------------------------------- */


.slideshow {
	width: 100%;
	position:relative;
}

.single-portfolio .slideshow {
}



/* Specify Swiper's Size: */
.slideshow .swiper-container, .slideshow .swiper-slide,  .slideshow .swiper-wrapper {
  width: 100%;
  height: 100%;
}

.slideshow  .pagination {
	position: absolute;
	z-index: 20;
	left: 0;
	right: 0;
	bottom: 10px;
	text-align: center;
}
.slideshow  .swiper-pagination-bullet {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: #FFF;
	margin-right: 6px;
	opacity: 0.7;
	border: 0 solid #fff;
	cursor: pointer;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.slideshow  .swiper-pagination-bullet {
  background: #000;
}
.slideshow .swiper-pagination-bullet {
  background: #E53916;
  opacity: .85;
}
.slideshow .swiper-pagination-bullet:hover {
  background: #E53916;
  opacity: 1;
}


.slideshow .swiper-container, .slideshow .swiper-slide, .slideshow .swiper-wrapper { position:relative; }


.single-portfolio .site-width { width: auto; } 
.single-portfolio .slideshow, .single-services .slideshow, .page-child .slideshow { height: 520px;  }
.single-portfolio #main { padding: 10px 0 0;}
.single-portfolio #main .site-width { padding: 0 3%; height: auto;}
.single-portfolio #main article .entry-content {padding: 30px 0; margin: 0; }

.single-portfolio .slideshow  .pagination, .single-services .slideshow  .pagination, .page-child .slideshow  .pagination { bottom: 40px; }


#slideshow-content {
	position:absolute; 
	display:block;
	left: 0; 
	right:0; 
	top: auto;
	bottom: 0;
	height: auto;
	width: auto; 
	background: rgba(0,0,0,.6); 
	color:#FFF;
	z-index: 110;
	}



#slideshow-content.right { right: 0; background-position: right top;}
#slideshow-content.left { left: 0; background-position: left top; }

.slideshow-title {
	color: #FFF; 
	font-size: 1.1em; 
	line-height:1.5; 
	margin: 11px 3%;
}
.slideshow-text {
	font-size: 110%;
	line-height: 1.8;
	letter-spacing: 1px;
	text-align:right;
	margin: 10px 20px 0 40px;
}

.slideshow-text blockquote {
	margin: 0;
	text-indent: -10px;
	font-style: italic;
}	


/* =Menu
-------------------------------------------------------------- */
#mainnav #main-menu {display:block; }
#mainnav #responsive-menu {display:none; }

#mainnav {display: block;
float: right;
padding: 0;
z-index: 200;
position: relative;
clear: right;
margin-top: 17px;}

#mainnav ul {
	list-style: none;
	padding:0;
	margin:0;
	display:table;
}
#mainnav li {
	position: relative;
	display:table-cell;
}



#mainnav li a {display: block;
font-size: 1em;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
color: #444;
padding: 15px;
margin: 0;
letter-spacing: 1px;
text-align: center;}


#mainnav ul li ul {
	display: none;
	position: absolute;
	z-index: 999;
	width:auto;
	border:none;
	min-width: 200px;
	border-top: solid 1px #EEE;
		
	/* -moz-box-shadow: 0 3px 4px rgba(0,0,0,.8); */
	/* -webkit-box-shadow: 0 3px 4px  rgba(0,0,0,.8); */
	/* box-shadow: 0 3px 4px  rgba(0,0,0,.8); */
}
#mainnav ul li:hover > ul.sub-menu {
	display: table;
}

#mainnav ul ul li {
	display: block;
	background: rgba(255,255,255,.8);
}	

#mainnav ul ul li a {
	border-bottom: 1px #FFF solid;
	white-space:nowrap;
	padding: 12px 15px;
	text-align:left;
	text-transform:capitalize;
	font-size: .8em;
	}
	

#mainnav li:hover {
	}
	
#mainnav li:hover > a ,
#mainnav ul ul :hover > a {
	color:#E53916;
}
#mainnav li:active > a ,
#mainnav ul ul :active > a {
}

#mainnav ul ul a:hover {
	background: #FFF;
}

#mainnav li:active  {
}

#mainnav li:active > a,
#mainnav ul ul :active > a {
	
}


#mainnav li.current_page_item  > a,
#mainnav li.current_parent_item  > a {
	color:#E53916;

}


/* =Top Menu
-------------------------------------------------------------- */
#TopNav {
	display:none;
	float: right;
	height: 31px;
	padding-right:12px;
}
#TopNav .menu-top-menu-container {
	float:left;
}

#TopNav .menu {
    list-style: none outside none;
    padding: 0;
	margin: 0;
	display:block;
    height: 31px;
	padding-left:12px;
}
#TopNav .menu li {
	*display: inline;
	float:left;
	height:30px;
	font-size: 13px;
	line-height:14px;
	zoom: 1;
}
#TopNav .menu li a {
	display:block;
    padding: 8px 10px ;
    color: #efefef;
	text-decoration:none;
}


#TopNav .menu li a:hover,
#TopNav li.current_page_item  a {
	background:#E53916;
	}

#social {
	float:left;
	margin: 0 3px 0 0;
}
#social img:hover {
	opacity:0.80;
	filter:alpha(opacity=80);
	}
	


/* =Content
-------------------------------------------------------------- */



.page-template-blog-page-php article,
.category-press-releases  article {
	margin-bottom: 26px;
}

.sticky {
}
.home .entry-header {
}
	
.entry-meta {
	display: block;
}
.single-author .entry-meta .byline {
	display: none;
}
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page .edit-link {
	clear: both;
	display: block;
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Gallery Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}

/* Image Posts */
.format-image .entry-header {
	display: none;
}
.single .format-image .entry-header {
	display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
	padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
	padding-top: 0;
}

	



/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
	margin-bottom: 1em;
}
img.alignright {
	margin-left: 1em;
	margin-bottom: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}


#content img {
	max-width: 100%;
	height: auto;
	}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	
}
/*
#searchform input#s {
	width: 60%;
}
*/
input[type=text],
input[type=email],
input[type=tel],
textarea,
select,
input#s {
	margin:  0 0 15px 0;
	width: 98%;
	font-size: 1em;
	color: #E53916;
	padding: 8px;
	background:#EFEFEF;
	border: 1px solid #EEE;
}
textarea {
	width: 98%;
}

input[type="button"], input[type="submit"], input[type="reset"] {
	margin:  0 0 10px 0;
	font-size: 1rem;
	color: #EFEFEF;
	padding: 5px 25px;
	background:#E53916;
	border: 1px solid #EEE;
	cursor:pointer;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { background: #444; }

select {
	color:inherit;
}


#search {
	
}

header #searchform {
	float: right;
}

#searchform div {
	float: left;
	margin: 6px 0 0 0 ;
	position: relative;
	
}
#searchform input[type=text] { 
	display: inline-block;
	background:#FFF; 
	border:1px solid #DDD;
	width: auto; 
	margin:0;
	padding:  0 30px 0 12px;
	height: 29px;
	font-size:1em;
	line-height:1;
	color: #555;
	float:left;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}

#searchsubmit {
	width: 38px;
	border:none;
	padding:0;
	background: none;

	position: absolute;
	right: 0;
	z-index: 99;
	top:0;
	bottom: 0;
	margin:0;
	padding: 0;
}
#searchsubmit:hover { cursor:pointer;	}
#searchsubmit:active {	 }


/* Font Awesome Search Icon */
i.fa.fa-search { font-size: 1.5em; color: #BBB; }
#searchsubmit:hover i.fa.fa-search { color: #666; }
#searchsubmit:active i.fa.fa-search { color: red; }


/* Class for labelling required form items */
.required {
	color: #cc0033;
}


/* Contact Form 7 */
div.wpcf7-mail-sent-ok {
background: #444 !important;
margin: 0 !important;
color: #FFF !important;
border: 0 !important; }



/* =Comments
-------------------------------------------------------------- */

article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


/* =Widgets
-------------------------------------------------------------- */


.widget {
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #DFDFDF;
	
}
.widget.widget_search {
	overflow: hidden;
	background:none;


}
.widget-area .widget_search input {
	float: left;
}
.widget-title,
#secondary .widget-title {
	font-size: 1.3rem;
	line-height:1;
	letter-spacing: 1px;
	font-weight:normal;
}

.widget ul,
#secondary .widget ul {
	margin:0;
	padding: 0;
}

.widget li {
	list-style:none;
	display:block;
	padding: 0 ;
	margin:0;
	/*border-bottom: 1px dotted #DFDFDF;*/
}

.widget li a {
	display:block;
	font-size: 1rem;
	line-height: 1.1;
	color:#E53916;
	letter-spacing: 1px;
	padding: 7px  0;
	text-transform: none;
}


.widget a {
	text-decoration: none;
}
.widget a:hover {
	text-decoration: none;
}

.widget li a {}


.widget select { margin: 0 16px; }


	

/* = Side Menu
-------------------------------------------------------------- */

#side-menu li.section-title  {
	padding: 0 0 10px 0;
	letter-spacing: 3px;
	text-transform: uppercase;
	border:none;
}
#side-menu .section-title a {
	font-size: 1.3rem;
}

#side-menu ul {
	margin:0;
	padding: 0;
}
#side-menu li {
	margin:0;
	padding:  0;

}
#side-menu li a {
	font-size: 1.0rem;
	text-decoration: none;

}
#side-menu li:hover a,
#side-menu li.current_page_item a {
	color:#333;
}
#side-menu li:hover {
}




/* = PKD Content
-------------------------------------------------------------- */

/* PARAGRAPHS */
.typography {
	color:#555;
	font-size: .9375em;
	line-height: 1.7;
}

.typography p {
	margin: 2px 0 14px 0;
}

.home .typography , .home .typography p {

}
.typography blockquote {
	margin: 0 0 0 40px;
	font-size: 1.2em;
	color: #777;
	font-style: italic;
}	
.typography strong, .typography p strong {
	font-weight:bold;
}


/* LINKS */

.typography a {
 	text-decoration: none;
}
.typography a:hover { 
 	text-decoration: underline;
}


/* LIST STYLES */
.typography ul, 
.typography ol {
	padding: 5px 20px;
	margin: 0; 
}

.typography li {
	list-style:outside square;
	line-height: 1.5;
	padding: 2px 0 6px 0;
}

.typography ul#times { list-style:none; }

.typography ul.twocolumns li {
	width: 48%;
	float:left;
	padding-right: 2%;
}
	


/* HEADER STYLES */

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
	font-weight:normal;
	padding: 10px 0 4px ;
	clear:none;
	margin:0;
	line-height:1.2;
	letter-spacing: 1px;
}

.typography h1.entry-title,
.typography h1.page-title  {	
	padding: 13px 0;
	margin-bottom: 25px;
	color: #999;
	clear: both;
	font-weight:normal;
	letter-spacing:2px;
	text-transform:uppercase;
	font-size: 280%;
	line-height: 1;
	clear: none;
}
.typography h1 {
	font-size: 3em;
}
.typography h2 { 
 	font-size: 1.7em; 
}
.typography h3 {
	font-size: 1.2em;
}
.typography h4 {
	font-size: 1.2em;
}
.typography h5 {
	font-size: 1em;
}
.typography h6 {
	font-size: .9em;
}


.typography .entry-content *:first-child {  }


/* TABLE STYLING */
.typography table {
	margin: 10px 0;
	color: #444;
	border-collapse:collapse;
}
	.typography td {
		border:1px solid #CCC;
		padding:2px 2px 2px 4px;
	}

/*  ALIGNMENT CLASSES */
.typography .left {
	text-align:left;
}
.typography .center {
	text-align:center;
}
.typography .right {
	text-align:right;
}
.typography img.right {
	float:right;
	margin-left:20px;
}
.typography img.left {
	float:left;
}
.typography img.leftAlone {
	float: left;
	margin-right: 100%;
}
.typography img.center {
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}


/* ICONS */
/*.typography a[href$=".pdf"],
.typography a[href$=".PDF"],
.typography a.pdf {
	padding: 2px;
	background: url(images/icon-PDF-48.png) no-repeat left center;
	display:block;
	height: 30px;
	font-size: 1.2;
	line-height: 1;
	padding: 14px 0 0 65px;
}*/

/* NO PDF ICONS */
/*.typography a[href$=".pdf"].noicon,
.typography a[href$=".PDF"].noicon,
.typography a.noicon,
.typography a[href$=".vcf"].noicon,
.typography a[href$=".VCF"].noicon,
.typography a.vcf.noicon
 {
	background: none;
	padding: 5px 0 0 0;
}

.typography a[href$=".vcf"],
.typography a[href$=".VCF"],
.typography a.vcf {
	padding: 2px;
	background: url(images/icon-PDF-48.png) no-repeat left center;
	display:block;
	height: 30px;
	font-size: 1.2;
	line-height: 1;
	padding: 14px 0 0 65px;
}

.typography a[href$=".doc"],
.typography a[href$=".DOC"],
.typography a.doc {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_word.png) no-repeat left center;
}
.typography a[href$=".xls"],
.typography a[href$=".XLS"],
.typography a.xls {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_excel.png) no-repeat left center;
}
.typography a[href$=".gz"],
.typography a[href$=".GZ"],
.typography a[href$=".gzip"],
.typography a[href$=".GZIP"],
.typography a[href$=".zip"],
.typography a[href$=".ZIP"],
.typography a.archive {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_white_zip.png) no-repeat left center;
}
.typography a[href$=".exe"],
.typography a[href$=".EXE"],
.typography a.application {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/application.png) no-repeat left center;
}
*/

/* Button */

.typography a.button, .typography a.button-rev,
.button, .button-rev {
	display:inline-block;
	background:#CCC;
	text-align:center;
	font-size: 15px;
	letter-spacing: 1px;
	text-transform:uppercase;
	line-height:1;
	padding: 12px 24px;
	text-decoration: none;
	cursor:pointer;
	border:none;
}
.typography a.button-rev,
.button-rev {
	background:#444;
	color:#FFF;
}
.typography a.button-rev:hover,
.button-rev:hover {
	color: #FFF;
	background:#CCC;
}

.typography  a.button:hover,
.typography  a.button-rev:hover,
.button:hover,
.button-rev:hover {
	text-decoration: none;
	color:#FFF;
	background: #000;
}
.typography  a.button-rev:hover,
.button-rev:hover {
	color: #FFF;
}

/* =Video
-------------------------------------------------------------- */


.pkd-video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	width: 100%;
	overflow: hidden;
}

.pkd-video-container iframe, .pkd-video-container object, .pkd-video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* =Footer
-------------------------------------------------------------- */

#colophon {
}

#colophon a, .footer-column a { }
#colophon a:hover, .footer-column a:hover { }

.footer-column {   	
	padding:  0 3%;
	margin: 6px 0 3px ;
	float:left;
	vertical-align:top;
	border-left: 1px dotted #BBB;
	position:relative;
}
.typography .footer-column h2 {
	font-size: 130%;
	color: #555;
	letter-spacing: 3px;
	text-transform: uppercase;
	padding: 5px 0 9px 0;
}
.typography .footer-column p {
	font-size: 96%;
}
.portfolio-featured-thumb img { margin-bottom: 0; }

#footer1 { width: 44%; border: none; }
#footer2 { width: 42%;  }
#footer3 { display:none; }
#footer4 { display:none; }

.footer-widget {
	
}
.footer-title {
	font-size: 150%;
	font-weight:normal;
	letter-spacing: 1px;
	color:#FFC;
}

.footer-widget ul {
	margin: 0; padding: 0;
}
.footer-widget li {
	list-style:none;
}
.footer-widget li a {
	color:#FFC;
	font-size: 120%;
	text-decoration: none;
}

.footer-widget li a:hover {
	color: #FCB813;
}

#site-generator { display:none; }

#copyright { 								
	font-size: 70%;
	color: #777;
	text-align:center; 
	clear: both;
	letter-spacing: 1px;
		}
#copyright a { 
	text-decoration:none;
}




/* =Date Box 
-------------------------------------------------------------- */
.entry-date { 
		font-family: 'PT Sans Narrow', sans-serif;
	float: left;
	margin: 0 20px 20px 0 ;
	border: 1px solid #E53916;
	width: 60px;
	height: 80px;
}
.entry-month {
	background: #E53916;
	color: #FFF;
	text-transform: uppercase;
	padding: 2px 2px 2px 6px;
	text-align: center;
	letter-spacing: 2px;
	font-size: 24px;
	line-height: 1;
	
}
.entry-day {
	font-size: 46px;
	line-height: 1;
	padding-top: 5px;
	color: #777;
	text-align: center;
	background: #FFF;
}
.entry-year {
	font-size: 23px;
	line-height: 1;
	padding-top: 5px;
	color: #777;
	text-align: center;
	background: #FFF;
	}


/* =PAGE 
-------------------------------------------------------------- */	

.page #main article {
}
.page #main article .entry-content {
	
}
.page-thumb {
	width: 300px;
	height: 300px;
	margin: 0;
	background: #EFEFEF;
}
.page-thumb img {
	width: 100%;
	height:	100%;
}


/* =Portfolio Section
-------------------------------------------------------------- */


.port-column { display:inline-block; vertical-align: top;}
#column1  {width: 65%;} 
#column2 {width: 30%; margin-left: 4%;}


.single-portfolio .site-width { width: 100%; } 
.single-portfolio #main article .entry-content { 
	/*display: inline-block;
	vertical-align: top;
	margin-top: 77px;
	width: 100%;
	padding: 20px 0; */
	
	}

.single-portfolio #main, 
.single-portfolio #main .site-width {  padding-top: 0;}
.single-portfolio .entry-header {}
.single-portfolio .entry-header .entry-title {
	font-size: 170%;
	padding: 5px 0;
	letter-spacing: 5px;
}


#portfolio-archive-group {
	/* text-align: justify; */
	   /* -ms-text-justify: distribute-all-lines; */
	   /* text-justify: distribute-all-lines; */
}

.stretch {
    /* width: 100%; */
    /* display: inline-block; */
    /* font-size: 0; */
    /* line-height: 0; */
}
.typography  .portfolio-archive a .portfolio-info {
	display: table;
	width: 100%;
	height: 46px;
	position: absolute;
	bottom: 0;
}
.typography  .portfolio-archive a .portfolio-info h2.portfolio-title { 
	font-size: 110%; 
	letter-spacing: 2px; 
	padding:  0; 
	text-align: center; 
	color: #EEE; 
	background: rgba(77,77,77,.7); 
	line-height: 1.1; 
	display: table-cell;
	vertical-align: middle;
	
	}
.typography  .portfolio-archive a:hover h2.portfolio-title { background: rgba(230,57,22,.7);   }
.typography  .portfolio-archive a { text-decoration:none;   }

.portfolio-archive {
	position: relative;
	width: 230px;
	height: 230px;
	margin: 0 16px 20px 0;
	vertical-align: top;
	display: inline-block;
}
.portfolio-archive:nth-child(4n+1) {
}
.portfolio-archive:nth-child(4n+4) {
}
.portfolio-archive a {
	width: 100%;
	height: 100%;
	display: block; 
	}
/*.portfolio-archive:nth-child(9),
.portfolio-archive:nth-child(10),
.portfolio-archive:nth-child(11),
.portfolio-archive:nth-child(12)
 { margin-bottom: -16px;}*/



.typography #project-table {
	float: left; 
	margin:  20px 0 30px 0 ;
}

.typography #project-table td {
	vertical-align:top;
	font-size: 90%;
	line-height: 1.5;
}


#single-slider { margin: 0 0 30px 0; }

.category-title {
	color:#E53916 ;
	font-size: 50%;
}


.typography .archive-list a { text-decoration:none; }


/* =Staff Section
-------------------------------------------------------------- */


.single-staff .entry-content {  }
.single-staff .staff-meta {  }
h1 .staff-title { font-size:1.1rem; color: #666; margin-top: 8px; }

.staff-archive { 

}

.post-type-archive-staff .staff-photo { float:left; padding-right: 3%; }
.post-type-archive-staff .staff-person {font-size: 1.6em; padding-top: 20px; }
.post-type-archive-staff .staff-title { font-size: 1.2em; } 

ul#staff-list  {margin:0; padding: 0;}
#staff-list li {margin:0; padding: 0; list-style-type:none; display:inline-block; width: 30%; margin: 10px 2% 10px 0;}


/* =Locations Section
-------------------------------------------------------------- */
.post-type-archive-locations #featured-image,
.single-locations #featured-image {
	background-image: url('http://toxstrategies.peterkingdesign.com/wp-content/uploads/2015/03/Austin-TownLake-Skyline-1400x300.jpg') !important;
	background-size: cover !important;
	background-position: 50% !important;
	width: 100% !important;
	height: 100% !important;
	}

.locations-archive { 
	display: inline-block;
	width: 32%;
	margin: 0 1% 30px 0;
	vertical-align:top;
}
.locations-archive img { width: 100%; height:auto; 
}

.archive-item span { display:inline-block; width: 100px; text-transform:uppercase;}

.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}



/* =Services Section
-------------------------------------------------------------- */
.services-archive { 
	display: inline-block;
	width: 19%;
	margin: 0 .5% 30px 0;
	vertical-align:top;
}
.services-archive img { width: 100%; height:auto; }


/* =Blog Section
-------------------------------------------------------------- */




/* =SOCIAL MEDIA 
-------------------------------------------------------------- */
	
	 /* http://www.socicon.com/how/ */
@font-face {
    font-family: 'socicon';
    src: url('font/socicon-webfont.eot');
    src: url('font/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/socicon-webfont.woff') format('woff'),
         url('font/socicon-webfont.woff2') format('woff2'),
         url('font/socicon-webfont.ttf') format('truetype'),
         url('font/socicon-webfont.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}
.socicon {
    font-family: 'socicon' !important;
}
.socicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'socicon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.socicon:empty{
    width: 1em;
}
.socicon-twitter:before { content: "a"; }
.socicon-facebook:before { content: "b"; }
.socicon-google:before { content: "c"; }
.socicon-pinterest:before { content: "d"; }
.socicon-linkedin:before { content: "j"; }
.socicon-instagram:before { content: "x"; }

	/* begin custom social */

#socialmedia {float: right;
margin-top:	5px;}

.socicon {	
	font-size: 1.0em;
	background: #DDD;
	padding: 7px;
	color: #FFF;
	margin: 0 0 0 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.socicon:hover { background: #f9b233; }



/* =Override
-------------------------------------------------------------- */
.tribe-events-list-widget ol li {
	margin-bottom: 0 !Important ;
}
li.tribe-events-list-widget-events { padding: 20px 0; }
li.tribe-events-list-widget-events:first-child { padding-top: 0; }

ul.tribe-events-sub-nav { display:none; }



/* =Responsive Actions
-------------------------------------------------------------- */



@media screen and (max-width: 1240px) {  
body {	 }
body.home { }

#main {margin-left: 2%;
margin-right: 2%;
}
.home #main, .single-portfolio #main { margin:0; }


#page {	 }
#primary {  }
#secondary {width: 180px;
background-size: contain;}

.site-width { width: auto; margin: 0 2%; }

#logo { }


#portfolio-archive-group {  }
.portfolio-archive {  }

.services-archive { width: 24%; }

.locations-archive { width: 31%; }


}

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

}

@media screen and (max-width: 960px) {  
#logo { width: 370px;}

.services-archive { width: 32%; }


}


@media screen and (max-width: 768px)  {  
body {	font-size: .9375em; }
#page {	width: 100%; }
#main, .home #main { padding-top: 0; margin-top: 64px;}
#primary { width: initial; float:none; padding: 0; margin: 0 ;}
#secondary { width: initial; float:none; background:none; min-height: initial; padding: 0;}
#colophon {  margin-top: 0;}

.site-width { }

.alignleft, .alignright, .aligncenter   { display: block; float: none; margin:0;}
img.alignleft, img.alignright { margin:0 0 10px 0; padding:0; }

#branding {position: relative;
height: 55px;}
#branding .borderline { top: 55px; }
#banner {}
#logo {height: 57px; width: 300px;}


#phone { margin: 2px 0 0 0; height:20px; }

#phone h2.header-title { letter-spacing: 1px; font-size: 110%; }

.home #banner { }
#slideshow-content { width: 45%; height: 168px;}
.slideshow-title {font-size: 160%; margin: 10px 10px 0 10px; letter-spacing:1px;}
.slideshow-text { font-size: 80%; line-height: 1.1; margin: 8px 10px 0 10px; }
.slideshow-text blockquote { text-indent: -5px; }
.button, .button-rev { min-width: initial; font-size: 90%; padding: 5px 8px; background-size: 100% 60%;}

#col1.home-column, #col2.home-column, #col3.home-column { width: 100%; display: block;}



#mainnav #main-menu {display:none; }
#mainnav #responsive-menu {display:block; }

#mainnav a { }

#mainnav, #mainnav li { position:static; }

#mainnav li { cursor:pointer;}
#mainnav ul li ul ul { position: static; }

#mainnav ul div > ul { left: 101%; right: 0; display:block; }
#mainnav ul ul li a { padding: 12px 20px; }

#mainnav ul li:hover > ul,
#mainnav ul li:hover > ul.sub-menu { display:block;  }

#mainnav ul div > ul > li > ul { left:101%; top: 0; right: 0; position:absolute; display:block; overflow: scroll;}
#mainnav ul ul ul li { background: rgba(0, 0, 0, .4); }
#mainnav ul ul li:hover > ul.sub-menu {display:block;}

#mainnav li:hover > a, #mainnav ul ul :hover > a { }


#mainnav #responsive-menu ul ul,
#mainnav #responsive-menu:hover ul ul,
#mainnav #responsive-menu ul li:hover ul{ }



#side-menu ul { margin:0; }
#side-menu li { background-size: 100% 1px; }
#side-menu li  a { padding: 4px 10px 4px 25px; font-size: 110%; }


.typography .home-columns h2.column-title { padding: 6px 0; font-size: 220% }
.home-columns { width: 100%; padding: 0; margin: 0; min-height:initial; }
.home-columns .column-content {height: initial; }

.typography h1.entry-title {  font-size: 180%; letter-spacing: 1px; padding-bottom: 10px; }
	
	
	
.footer-column {float: none;}
#footer1, #footer2, #footer3 { width: 100%; }
#footer4 {}

#portfolio-archive-group { width:auto; }
.portfolio-archive {width: 44%;
margin-bottom: 4px;}
.single-portfolio .entry-header { top:0; }
.single-portfolio .entry-header .entry-title { font-size: 18px; }

.services-archive  { width: 32%; }
#content .services-archive h3, #content .locations-archive h3 { font-size: .9375rem; }

.single-staff .staff-meta, .single-staff .entry-content { float:none; width: auto; }

.page #main article { }
.page-thumb { width: 20%; height: auto; clear:both;}
.page #main article .entry-content { margin-right: 0; }

input[type=text], input[type=email], input[type=tel], textarea, select, input#s { width: 95%;}
} 

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

.portfolio-archive { width: 49.5%; margin-bottom: 3px; }
#logo { width: 200px; background-size:contain; }
.typography .portfolio-archive a h2.portfolio-title { font-size: 120%; letter-spacing: 4px; }

.services-archive { width: 48%; }
#content .services-archive h3 { font-size: .7rem; }


}