/*
Theme Name:     SDC
Description:    Child theme for the PKD Theme
Author:         Peter King Design
Author URI:     http://peterkingdesign.com
Template:       PKD
Version:        1.0
*/



/* =COLORS
-------------------------------------------------------------- 
0099a8  Teal
e6735c	pale red

7FD0DE  Teal New
DD5061	Red New
3F3936	Dark Grey

214c80	Blue
107a21 	Green

*/

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



body {	font-family: 'Lato', sans-serif; font-size: 1em; font-weight:300; }


	
	
a, a:link, a:visited,
.typography  a.button:hover, .typography  a.button-rev:hover, .button, .button-rev,
.widget li a,
#home-columns .home-title,
.typography .archive-list:hover a h3,
#searchsubmit:active i.fa.fa-search,
input, textarea,input[type=text], input[type=email], input[type=tel], select, input#s
{  color: #214c80; }

#mainnav li:active > a , #mainnav ul ul :active > a,
#side-menu li:hover a, #side-menu li.current_page_item a,
a:hover,
#searchsubmit:hover i.fa.fa-search 
{  color: #666;  }

input[type="button"], input[type="submit"], input[type="reset"] {background-color: #107a21; }
div.wpcf7-mail-sent-ok  {background-color: #214c80 !important; }

.category-title, 
#side-menu .section-title a,
#secondary .widget-title {  }

body {	
	/*font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;*/
	
	}
	
	h1, h2, h3, h4, h5, h6,
#mainnav, .menu-footer-container li, #side-menu, .slideshow-title, #page-menu a, .typography .menu-solutions-container, 
.archive-item span, .post-type-archive-staff .staff-person, 
.typography h1.entry-title, .typography h1.page-title, 
.staff-vcard, .staff-cv-pdf {
	font-weight:bold;
	font-weight: 700;
	} 

/* Contact Form */
::-webkit-input-placeholder { font-family: 'Lato', sans-serif; color: #333; text-transform: uppercase; letter-spacing: 1px;}
::-moz-placeholder { font-family: 'Lato', sans-serif; color: #333;  text-transform: uppercase; letter-spacing: 1px;} /* firefox 19+ */
:-ms-input-placeholder { font-family: 'Lato', sans-serif; color: #333;  text-transform: uppercase; letter-spacing: 1px;} /* ie */
:-moz-placeholder { font-family: 'Lato', sans-serif; color: #333;  text-transform: uppercase; letter-spacing: 1px;}

input[type="button"], input[type="submit"], input[type="reset"] { background: rgba(100,100,100,.3); }
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { background: rgba(100,100,100,.7); }


::-moz-selection { background: #214c80; } /* Code for FF */ 
::selection { background: #214c80; }




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

body.home  {  }


.site-width, .single-portfolio  #main .site-width  { width: auto; margin:0;  }

#branding .site-width, .archive .site-width { margin:0; }
.single-portfolio  #main .site-width, .single-portfolio  #colophon .site-width  { width: auto; padding:0; }


#main {padding: 0; margin:0; position: absolute; width: 100%;}

#primary, .archive #primary { width: auto; float:none; margin-left: 272px; height: 100%; position: relative; z-index: 10; 
}
.blog #primary, .page-template-news-archive-page #primary, .category #primary, .single-post  #primary, .date #primary { margin-top: 110px; }

.single-portfolio #primary { width: 100%; margin-left: 0; }


#secondary { display: none; }

.post-type-archive-portfolio #secondary,
.tax-portfolio-category #secondary,
.blog #secondary,
.page-template-news-archive-page  #secondary,
.category #secondary,
.date #secondary { 
	display: table;
	float: left;
	width: 200px;
	margin: 0 0 0 54px;
	padding: 0 9px;
	height: 100%;
	position:fixed;
}

#tertiary { 
	display: block;
	position:fixed;
	z-index:1000;
	bottom: 0;
	left: 54px;
	right: 0;
	width: auto;
	background-color: rgba(0,0,0,.8); 
	margin:0;
	padding:0;
	height: 54px;
}
#tertiary .widget, #tertiary .widget a { margin:0; padding:0; border:0; text-transform:none; }
#tertiary .menu { margin:0; padding: 0; text-align:center; }
#tertiary .menu li { display:inline-block; vertical-align:top; color: #FFF;  padding:0; margin:0;}
#tertiary .menu li a {color:#FFF; padding: 0 17px;
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height:54px;
	display:block;
 }
#tertiary .menu li a:hover {text-decoration: none; background-color:#FFF; color: #333; }

.page-id-1351 #tertiary  {display:none; }

.home #colophon, .home #main {}

#colophon { height: 60px; display:none; }

.post-type-archive-staff  #content {padding-bottom: 54px;}




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

#branding { width: auto; height: auto; position:relative; background:none; z-index:1000;}
.not-home #branding { }

.home #branding {} 

#logo { 
	background-image: url(images/logo-SDC-new.png);
	background-position: 0;
	height: 30px; 
	width: 156px;
	padding: 0;
	opacity:1;
	top: 36px;
	left: 80px;
	position: fixed;
	}
.home #logo {}
	
#site-description {
	display:none;
}	
.not-home #site-description { display:none; }



/* =Sliders & Background
-------------------------------------------------------------- */


.not-home #banner {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.single-portfolio #banner, 
.single-staff  #banner, 
.page-template-page-landing #banner,
.blog #banner,
.page-template-news-archive-page  #banner,
.category #banner,
.single #banner  { display:none; }

.home #banner { 	}
.featured-banner { height: 100%;}
#featured-image { }
 

.archive #banner {display:none; }


#featured-image:after,
.slideshow .swiper-slide:after {
	content: '';
	position:absolute;
	top:0;
	width: 100%;
	height: 200px;

background: -moz-linear-gradient(270deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,.5)), color-stop(100%, rgba(0,0,0,0))); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%); /* ie10+ */
background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%); /* w3c */
	
}

.page-id-1351 #featured-image:after,
.single-portfolio .swiper-slide:after  {background: none; }


/* =Home Page
-------------------------------------------------------------- */


.browser-size {}

.section-padded, .section-full { position:relative; }

.section-padded {  }

.section-full { }

.section-background { position: absolute; z-index:10; left:0; right:0; bottom:0; top:0; }


.section-copy {font-size: 2em; color:#FFF; position:relative; left: 10%; top: 200px; width: 50%;}



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


.slideshow  { background-color: #000; }

.slideshow .pagination { left: initial; right: 10px; top: 39px; bottom: auto !important;  }

.slideshow .swiper-pagination-bullet{  
width: 12px;
height: 12px;
border: 1px solid rgba(255,255,255,1);
background: rgba(255,255,255,.2); }
.slideshow .swiper-pagination-bullet-active {  background: rgba(255,255,255,.8); opacity: .85;}
.slideshow .swiper-pagination-bullet:hover { background: rgba(255,255,255,1); opacity: 1; }

.swiper-slide .swiper-image {    transform: scale(1); 

	transition:  transform 6s ease-in-out .5s;
	-moz-transition:  transform 6s ease-in-out .5s;
	-webkit-transition: transform 6s ease-in-out .5s;
	}
.swiper-slide-active  .swiper-image {    transform: scale(1.1); }


.swiper-button-prev,
.swiper-button-next {
	background-image:none;
	width: 50px;
	height: 50px;
	background-color: rgba(180, 180, 180,.2);
	border: 1px solid rgba(255,255,255,.7);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	transform: translateY(-50%);
	
	transition:  background-color .3s ease-in-out, border-color .3s ease-in-out;
	-moz-transition:  background-color .3s ease-in-out, border-color .3s ease-in-out;
	-webkit-transition:  background-color .3s ease-in-out, border-color .3s ease-in-out;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
	background-color: rgba(180, 180, 180,.6);
	border-color: 1px solid rgba(230,230,230,1);
}
.swiper-button-prev { left: 84px; }
.swiper-button-next { right: 30px; }

.slide-arrow {
	width: 20px;
	height: 20px;
	background-image:none;
	padding: 0;
	
}
#Arrow-right { 
	transform:rotate(45deg);
	border-right: 3px solid #FFF;
	border-top: 3px solid #FFF;
	margin: 13px 0 0 9px;
}
#Arrow-left { 
	transform:rotate(-45deg);
	border-left: 3px solid #FFF;
	border-top: 3px solid #FFF;
	margin: 13px 0 0 18px;
}





#slideshow-content {
	position: relative; 
	top: 60%;
	left: 0;
	bottom: auto;
	right: auto;
	display: block;
	color: #FFF;
	z-index: 110;
	margin-left: 272px; 
	width: auto; 
	background: none;
	pointer-events: none;

	}



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

.slideshow-title {
	color: #FFF; 
	font-size: 2em; 
	line-height:1.0; 
	
	display:none;
}
.slideshow-text {
	font-size: 2.4em;
	line-height: 1.5;
	letter-spacing: 4px;
	font-weight: bold;
	text-align:left;
	text-transform:uppercase;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
	opacity: 0;
	position:relative;
	left:10%;
	margin:0;
	white-space:nowrap;
}

.slideshow-link {
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
}


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


#mainnav { clear:none;  float:right; display:block; opacity:1; font-weight:400; 

position: fixed;
top: 0;
bottom: 0;
left: 0; 
width: 54px;
z-index:0;
padding-top: 100px;
margin-top: 0;

}
#mainnav.js { padding-right: 16px; }
#mainnav #main-menu {  }

#mainnav ul, #mainnav li { display:block; }
#mainnav li { position: static; }
#mainnav li a { 
	background-image: url(images/sdc-icon-sprite.png); 
	background-position: 0 right;
	background-repeat:no-repeat;
	color: #FFF;
	font-size: .8em; 
	text-align: left; 
	height: 54px;
	line-height: 54px; 
	padding: 0; 
	white-space:nowrap; 
	padding-left: 74px;
	overflow:hidden;
	background-color: rgba(0,0,0,0);
	width: 198px;
	left: -218px;
	position: relative;
	z-index: 1000;
}


@media screen and (min-width: 769px) {
	
	#mainnav li a {
		
		-webkit-transition: left 500ms  ease-in-out, background-color 500ms  ease-in-out 200ms;
		-moz-transition: left 500ms  ease-in-out, background-color 500ms  ease-in-out 200ms;
		-o-transition: left 500ms  ease-in-out, background-color 500ms  ease-in-out 200ms;
		transition: left 500ms  ease-in-out, background-color 500ms  ease-in-out 200ms;
	}


	#mainnav ul#menu-main-menu > li:hover a { 
		background-color:  rgba(242,242,242,1); color: #000; left: 0;
	
		-webkit-transition: 	 left 500ms  ease-in-out, background-color 200ms  ease-in-out ;
		-moz-transition:	left 500ms  ease-in-out, background-color 200ms  ease-in-out ;
		-o-transition: 	 left 500ms  ease-in-out, background-color 200ms  ease-in-out ;
		transition:	 left 500ms  ease-in-out, background-color 200ms  ease-in-out ;
		}
}	
	
#mainnav li.menu-about a 		{ background-position: 218px	0px; }
#mainnav li.menu-services a 	{ background-position: 218px	-54px; }
#mainnav li.menu-properties a 	{ background-position: 218px	-108px ; }
#mainnav li.menu-connections a 	{ background-position: 218px	-162px; }
#mainnav li.menu-news a 		{ background-position: 218px	-216px ; }
#mainnav li.menu-contact a 		{ background-position: 218px	-270px ; }


#mainnav li.menu-about:hover a, #mainnav ul.menu > li.menu-about.current-menu-item > a, #mainnav ul.menu > li.menu-about.current-menu-parent > a  			{ background-position: -54px	0px; }
#mainnav li.menu-services:hover a, #mainnav ul.menu > li.menu-services.current-menu-item > a, #mainnav ul.menu > li.menu-services.current-menu-parent > a  		{ background-position: -54px	-54px; }
#mainnav li.menu-properties:hover a, #mainnav ul.menu > li.menu-properties.current-menu-item > a, #mainnav ul.menu > li.menu-properties.current-menu-parent > a  	{ background-position: -54px	-108px ; }
#mainnav li.menu-connections:hover a, #mainnav ul.menu > li.menu-connections.current-menu-item > a, #mainnav ul.menu > li.menu-connections.current-menu-parent > a  	{ background-position: -54px	-162px; }
#mainnav li.menu-news:hover a, #mainnav ul.menu > li.menu-news.current-menu-item > a, #mainnav ul.menu > li.menu-news.current-menu-parent > a 			{ background-position: -54px	-216px ; }
#mainnav li.menu-contact:hover a, #mainnav ul.menu > li.menu-contact.current-menu-item > a, #mainnav ul.menu > li.menu-contact.current-menu-parent > a  		{ background-position: -54px	-270px ; }


#mainnav li.menu-properties.menu-desktop { display:block; }
#mainnav li.menu-properties.menu-device { display:none; }

#mainnav ul li ul {
	left: 54px;
}


#mainnav ul ul li,
#mainnav ul ul li a,
#mainnav li li a,
#mainnav ul ul a:hover,
#mainnav ul ul > li:hover a { background: none; background-color: transparent !important; }

#mainnav ul li ul,
#mainnav ul ul li a { border:none; }


#mainnav ul ul li a { 
	line-height: 1.2;
	height: auto;
	padding: 14px 20px;
	width: auto !important;
}

#mainnav  li.current-menu-parent li.current-menu-item   a { font-weight:bold; }
#mainnav ul.menu > li.current_page_item >   a,
#mainnav ul.menu > li.current_parent_item >   a,
#mainnav ul.menu > li.current-menu-item >    a,
#mainnav li.current_page_item  > a,
#mainnav li.current_parent_item  > a, 
#mainnav ul.menu > li.current-menu-parent >    a  { font-weight:bold; background-color:  rgba(210,210,210,1); color: #000;}



	#hamburger-menu { display:block;}
	#hamburger { display:none; width: 22px; float: right;  position:fixed; cursor:pointer; z-index:1; right: 17px; top: 60px; }
	#hamburger .layer { width:auto; height: 2px; background: #FFF; position:relative; }
	#hamburger #layer2 {margin: 6px 0;}
	#hamburger:hover .layer { background:#FFF;  }
	.home #hamburger .layer { background:#FFF;  }
	.home #hamburger:hover .layer { background:#214c80;  }
	
	#hamburger-menu:hover #mainnav.js { display:block;  opacity:1; }
	#hamburger-menu:hover + .entry-header.js  { display:none; }


#Mainnav-Tint {
	background: rgba(0,0,0,.8);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0; 
	width: 54px;
	}	
	
#SubMenuBg { position: fixed;
left: 0 ;
top: 100px;
bottom: 0;
width: 0;
z-index: -1;
background-color: rgba(255,255,255,.85);
padding-left: 0;

		-webkit-transition: width 500ms  ease-in-out, padding-left 0ms;
		-moz-transition:	width 500ms  ease-in-out, padding-left 0ms;
		-o-transition: 		width 500ms  ease-in-out, padding-left 0ms;
		transition:			width 500ms  ease-in-out, padding-left 0ms ease-in-out 500ms;
}

#main-menu:hover + #SubMenuBg {
	padding-left: 54px;
	width: 218px;
		-webkit-transition: width 500ms  ease-in-out, padding-left 000ms ease-in-out;
		-moz-transition:	width 500ms  ease-in-out, padding-left 000ms ease-in-out;
		-o-transition: 		width 500ms  ease-in-out, padding-left 000ms ease-in-out;
		transition:			width 500ms  ease-in-out, padding-left 000ms ease-in-out;
}

#mainnav ul li ul .widget-area {
font-size: .8rem;
padding-left: 20px;
color: #000;
letter-spacing: 1px;
}

/* =Top Menu
-------------------------------------------------------------- */


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

.page-template-default #main article { position: absolute; top: 50%; right:0; width: 50%; background:rgba(255,255,255,.85);  }

.page-template-default #main article.boxleft { left: 0; right: auto; }
.page-template-default #main article.boxright { left: auto; right: 0; }


#main article .entry-content { padding: 36px 8%; }
.page-template-default .entry-content { padding: 50px 10%;  }
.page-template-default .entry-content p { font-size: 1.1em; line-height: 1.8; }

.page .edit-link {display:initial; }


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



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

header #searchform { display:none; }

#contactform { float: right; width: 60%; }


input[type=text], input[type=email], input[type=tel], textarea, select, input#s {
	width: 94%;
	padding: 8px 2%;

}

#content img.wpcf7-captchac { width: auto; height: 35px; }


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



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


.widget { border:none; }


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

#side-menu {
	display: table-cell;
vertical-align: middle;
}


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

.typography { line-height: 1.7; color: #000;  }

.typography h1 {
	font-size: 2em;
}
.typography h2 { 
 	font-size: 1.75em; 
}
.typography h3 {
	font-size: 1.5em;
}
.typography h4 {
	font-size: 1.3em;
}
.typography h5 {
	font-size: 1.1em;
}
.typography h6 {
	font-size: 1.0em;
}

.typography h1 a:hover, .typography h2 a:hover, .typography h3 a:hover, .typography h4 a:hover { text-decoration: none; }

.typography h1.entry-title, .typography h1.page-title { font-size: 2em;
padding: 0; 
margin: 18px 0 18px 0;
color: #000;
letter-spacing: 4px; }

.single-portfolio .entry-header { margin: 17px 0 12px 0; }
.single-portfolio .entry-header .entry-title { padding: 0; margin: 0; font-size: 1.5em; letter-spacing: 3px; }

.single-staff .typography h1.entry-title {
	margin: 5px 0 10px 0; }




/* =Button
-------------------------------------------------------------- */
.sdc-button {
	display: inline-block;
	margin: 10px 0 10px 0;
	border: 1px solid #000;
	padding: 9px 25px;
	font-size: 1.0rem;
	line-height: 1.0;
	text-decoration:none;
	color: #000;
	text-align:center;
	background-color:rgba(0,0,0,0);
	text-transform: uppercase;
	letter-spacing:2px;
	
	transition: background-color 300ms ease-in-out ;
	-moz-transition: background-color 300ms ease-in-out ;
	-webkit-transition: background-color 300ms ease-in-out ;
}
a.sdc-button {  color: #000 !important; }
.sdc-button.sdc-button-rev {
	color: #FFF;
	border-color: #FFF;
}
.sdc-button:hover  { background-color:rgba(0,0,0,.1); }
a.sdc-button:hover  { text-decoration: none; color: #000 !important; }

#DetailsButton {}

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




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


/* =Date Box 
-------------------------------------------------------------- */

.entry-date {
	float: none;
	border: none;
	width: auto;
	height: auto;
	margin: 0;
	font-family: inherit;
}


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


#LandingPanels { white-space:nowrap; width:100%; overflow:hidden; }

.landing-panel {
	position:relative;
	display:inline-block;
	width: 33.4%;
	margin-left: -4px;
	vertical-align:top;
	
	transition: width 300ms ease-in-out ;
	-moz-transition: width 300ms ease-in-out ;
	-webkit-transition: width 300ms ease-in-out ;
	}
.landing-panel:first-child { margin-left:0; }

.landing-panel a { 
	background-color: #ccc; 
	width: 100%;
	height: 100%;
	display:block;
}

.landing-count-3 .landing-panel { width: 33.4%; }
.landing-count-3:hover .landing-panel { width: 31%; }
.landing-count-3:hover .landing-panel:hover { width: 40%; }

.landing-count-2 .landing-panel { width: 50%; }
.landing-count-2:hover .landing-panel { width: 47%; }
.landing-count-2:hover .landing-panel:hover { width: 53%; }

#LandingPanels .content-info {
	display: table;
	width: 100%;
	position: absolute;
	
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: 110;
}

#LandingPanels .content-title {
	letter-spacing: 2px; 
	text-align: center; 
	color: #EEE; 
	line-height: 1.1; 
	display: table-cell;
	vertical-align: middle;
	
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
	white-space: initial;
	
	}

/* Contact page */

.page-id-1351 #main article {
	background: rgba(0,0,0,.7);
	color: #FFF; 
	left: 0;
	right: 272px !important;
	width: auto!important;
}
.page-id-1351 #main article  h1.entry-title { color: #FFF; }
.page-id-1351 #main article a { color: #DDD; }



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

#portfolio-archive-group { 
	width: auto; 
	}

#portfolio-archive-group.featured { width: auto; float:none;  }

.portfolio-row { 
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
  
.portfolio-archive { 
	width: 40%;
	margin: 0;
	display:block;
	
	transition: width 300ms ease-in-out ;
	-moz-transition: width 300ms ease-in-out ;
	-webkit-transition: width 300ms ease-in-out ;
	}
	
	
	
	
.portfolio-archive a:after,
.landing-panel a:after {
    content: "";
    background-color: rgba(0, 0, 0, .3); 
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
	
	transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
}

.portfolio-archive a:hover:after,
.landing-panel a:hover:after { background-color: rgba(0, 0, 0, 0);  }


#portfolio-archive-group .portfolio-row:hover .portfolio-archive { width: 30%; }
#portfolio-archive-group .portfolio-row:hover .portfolio-archive:hover { width: 40%; }



.typography .portfolio-archive a .portfolio-info {  top:0; left:0; right:0; bottom:0; height:100%; z-index:110; }

.typography .portfolio-archive a .portfolio-info h2.portfolio-title {  font-size: 1.2em; font-weight:bold; text-transform:uppercase; background: none;

	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
	 
	transition:  letter-spacing .5s ease-in-out;
	-moz-transition:  letter-spacing .5s ease-in-out;
	-webkit-transition:  letter-spacing .5s ease-in-out; } 



.client-logo { position:absolute;  margin: 0 auto; z-index:10;  opacity: 0.9;}
.archive .client-logo { width: 100%; height: 100%; }


.single-portfolio #main article .entry-content {
	position: absolute;
	top: auto;
	left: 54px;
	right: 0;
	height: auto;
	bottom:auto;
	z-index: 50;
	background: rgba(255,255,255,.8);
	padding: 0px 54px 54px 54px;
	overflow:auto;
	
	
 }


	  
.single-portfolio .slideshow { 
	width: 100%;
	position:fixed;
}


#category-sidebar { text-align: center; padding: 0 40px !important; }
#category-sidebar ul li {  float:left; display:block; width: 50%; }
#category-sidebar ul li a {
	display:block;
	width: 40px;
	line-height: 40px;
	font-size: 1em;
	font-weight: normal;
	text-align:center;
	margin: 20px auto;
	padding: 0;

}

#Toggle { 
	display:block; 
	position:absolute; 
	z-index: 0;
	left: 0;
	right: 0; 
	top: 0; 
	cursor:pointer;
	height: 54px;
}

#Toggle-open,
#Toggle-close,
.nextprev-arrow {  
	border: 1px solid #000; 
	padding:0; 
	margin: 12px;
	font-size: 2em; 
	width: 30px; 
	line-height: 26px; 
	padding-bottom: 4px;
	text-align: center; 
	font-weight:bold; 
	position: absolute;
	right: 0;
	background-color: rgba(0,0,0,0);
}
.single-staff .nextprev-arrow { 
	width: 34px;
	line-height: 30px;
	margin: 10px 0 10px 10px;
	position: relative;
	float: right;} 

#Toggle-open {display:none;}
#Toggle-close {display: block; }

#Toggle-open:hover,
#Toggle-close:hover,
.nextprev-arrow:hover { 	background-color: rgba(0,0,0,.2); }


.nextprev { z-index: 1; }


#PropertyDetails { 
	display:block; 
	margin-top: -8px;  
	opacity: 0; 
	font-size: .9em;
	height:0;
	
	transition:  opacity .5s ease-in-out, height .5s ease-in-out, margin-top .5s ease-in-out;
	-moz-transition:  opacity .5s ease-in-out, height .5s ease-in-out, margin-top .5s ease-in-out;
	-webkit-transition:  opacity .5s ease-in-out, height .5s ease-in-out, margin-top .5s ease-in-out;
	}
#DetailsButton {
	margin-top: 0; 
	transition:  margin-top .5s ease-in-out;
	-moz-transition:  margin-top .5s ease-in-out;
	-webkit-transition:  margin-top .5s ease-in-out;
	}

@media screen and (min-width: 1025px) { 

	.portfolio-archive:hover #PropertyDetails { opacity: 1; height: 60px; margin-top: 0;}
	.portfolio-archive:hover #DetailsButton { margin-top: 30px; font-weight: normal;}
	.typography .portfolio-archive a .portfolio-info h2.portfolio-title:hover  { letter-spacing: 3px; }
}

#PropertyLocation { margin-top: 10px; font-weight: normal; }

a#ViewAll { display:table-cell; margin: 0 20px; text-align: center; position: relative; font-size: 1.1em; line-height: 1.1; font-weight: normal; text-transform:uppercase; letter-spacing: 1px; text-decoration: none; color: #000; vertical-align:middle; }


.project-columns {
	display: inline-block;
	vertical-align:top;
	width: 16%; 
	margin: 0 1% 0 0;
}
#Column1.project-columns { width: 55%; margin-right: 10%; font-weight: 400; }

.project-details { margin-top: 8px;  }
.project-details strong { text-transform: uppercase; }

#Project-Map span { text-decoration:none; color: #214c80; cursor:pointer;}
#Project-Map:hover span { text-decoration:underline;  }

#Property-map {
	margin: 0 10%;
	width: 80%;
	padding-bottom: 35%;
}


#Tax-Featured-Image {
	position:absolute; top:0; left:0; right:0; bottom:0; z-index:0;
	opacity: .2; 
	
	
}
	

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


.typography .staff-archive a .staff-info h2.staff-title { vertical-align: bottom; padding-bottom: 20px; font-size: 1.1em; letter-spacing: 2px; font-weight: normal;}

.single-staff #main article  { padding-top: 100px; }

.single-staff #main article .entry-content {
	float:none;
	padding: 0;
	width: auto;
	margin: 0 12% 0 40%;
	}

.staff-photo { width: 27%; width: calc((100% - 250px) * .35); position:fixed; }
.staff-photo img { width: 100%; height: auto; }


.single-staff .entry-header { margin-bottom: 20px; }


.staff-title { font-size: 1.5em; }
.staff-archive .staff-info .staff-title { font-size: .8em; text-transform:capitalize; margin-top: 8px; font-weight:300; letter-spacing: 1px;} 



.post-type-archive-staff #row1,	
.post-type-archive-staff #row2 { width: 50%; }
	
.post-type-archive-staff #row1 .portfolio-archive,
.post-type-archive-staff #row2 .portfolio-archive { width: 50%; }

.post-type-archive-staff #row1.portfolio-row:hover .portfolio-archive,
.post-type-archive-staff #row2.portfolio-row:hover .portfolio-archive  { width: 38%; }

.post-type-archive-staff #row1.portfolio-row:hover .portfolio-archive:hover,
.post-type-archive-staff #row2.portfolio-row:hover .portfolio-archive:hover  { width: 62%; }

#TeamContent  {float:right; width: 50%; background: #FFF; }
#TeamContent .entry-content { padding: 50px 10%;  }
#TeamContent .entry-content p { font-size: 1.1em; line-height: 1.8; }





/* =Locations Section
-------------------------------------------------------------- */

/* =Services Section
-------------------------------------------------------------- */





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

@media screen and (min-width: 769px) { 
	.post-photo  { 
		background-color: #eee;
		float:left;
		width: 50%; 
		clear:both;
		-webkit-transition: width 500ms  ease-in-out;
		-moz-transition: width 500ms  ease-in-out;
		-o-transition: width 500ms  ease-in-out;
		transition: width 500ms  ease-in-out;
		}
	.single-post .post-photo { width: 36%; width: calc((100% - 250px)*.46); position:fixed; }
	.single-post .entry-content { margin-left: 46% ; }

		
	article.post:nth-child(even) .post-photo {float:right;}
		
	.blog article.post:hover .post-photo,
	.page-template-news-archive-page  article.post:hover .post-photo,
	.category article.post:hover .post-photo,
	.date article.post:hover .post-photo { clear:both; width: 56%;  }

	.blog .entry-content,
	.page-template-news-archive-page  .entry-content,
	.category .entry-content , 
	.date .entry-content {
		margin-left: 50%; 
		-webkit-transition: margin 500ms  ease-in-out, padding 500ms ease-in-out;
		-moz-transition: margin 500ms  ease-in-out, padding 500ms ease-in-out;
		-o-transition: margin 500ms  ease-in-out, padding 500ms ease-in-out;
		transition: margin 500ms  ease-in-out, padding 500ms ease-in-out;
	}
	.blog article.post:hover .entry-content,
	.page-template-news-archive-page  article.post:hover .entry-content, 
	.category article.post:hover .entry-content,
	.date article.post:hover .entry-content {
		margin-left: 56%; 
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
	.blog article.post:nth-child(even) .entry-content, 
	.page-template-news-archive-page article.post:nth-child(even) .entry-content,
	.category article.post:nth-child(even) .entry-content, 
	.date article.post:nth-child(even) .entry-content {
		margin-left: 0%;
		margin-right: 50%; 
	}
	.blog article.post:nth-child(even):hover .entry-content,
	.page-template-news-archive-page  article.post:nth-child(even):hover .entry-content, 
	.category article.post:nth-child(even):hover .entry-content, 
	.date article.post:nth-child(even):hover .entry-content {
		margin-left: 0%;
		margin-right: 56%; 
		}
	
	
	.blog .entry-title, 
	.page-template-news-archive-page .entry-title,
	.category  .entry-title, 
	.date .entry-title { font-size: 2.25em; }
	
	.blog .entry-summary,
	.page-template-news-archive-page .entry-summary, 
	.category .entry-summary, 
	.date .entry-summary {
			opacity:0;
		-webkit-transition: opacity 500ms  ease-in-out;
		-moz-transition: opacity 500ms  ease-in-out;
		-o-transition: opacity 500ms  ease-in-out;
		transition: opacity 500ms  ease-in-out; }
	
	.blog article.post:hover .entry-summary,
	.page-template-news-archive-page article.post:hover  .entry-summary, 
	.category article.post:hover .entry-summary,
	.date article.post:hover .entry-summary { opacity: 1; }
	
	
	
}
.post-photo img { width: 100%; height: auto; }
.post-photo a { width: 100%; height: 400px; display:block;}

.post-photo:hover { }


article.post { overflow:auto; 	}

.category .page-header { font-weight: bold; margin-top: -25px; color: #555; }



/* =HISOTRY SWIPER PAGE 
-------------------------------------------------------------- */

#HistorySwiper {background-color: #FFF; }
#HistorySwiper article { background-color: #DDD; opacity: .4;
		-webkit-transition: background-color 700ms  ease-in-out, opacity 700ms  ease-in-out;
		-moz-transition: 	background-color 700ms  ease-in-out, opacity 700ms  ease-in-out;
		-o-transition: 		background-color 700ms  ease-in-out, opacity 700ms  ease-in-out;
		transition: 		background-color 700ms  ease-in-out, opacity 700ms  ease-in-out; 
		}

#HistorySwiper .swiper-slide-next article  { background-color: rgba(255,255,255,1); opacity: 1;  }
#HistorySwiper article.intro-slide { opacity: 1;  background-color: rgba(221,221,221,.4)}

#HistorySwiper .swiper-slide .history-post-photo { position:absolute; z-index:10; bottom: 0; width: 100%; height: 35%; 
		-webkit-transition: height 700ms  ease-in-out;
		-moz-transition: 	height 700ms  ease-in-out;
		-o-transition: 		height 700ms  ease-in-out;
		transition: 		height 700ms  ease-in-out;
		}

#HistorySwiper .swiper-slide .entry-content {  position:absolute; padding-top: 16px; padding-bottom: 16px; z-index:11; top: auto; bottom: 55%;   
		-webkit-transition: bottom 700ms  ease-in-out ;
		-moz-transition: 	bottom 700ms  ease-in-out ;
		-o-transition: 		bottom 700ms  ease-in-out ;
		transition: 		bottom 700ms  ease-in-out ;
				 }

#HistorySwiper .swiper-slide .intro-slide .entry-content { top: 50%; bottom: auto;  transform:translateY(-50%); font-size: 1.1em; line-height:1.8; }
#HistorySwiper .history-item .entry-content p { font-size: 1.2em; }

#HistorySwiper .swiper-slide-next .history-post-photo { height: 45%; 
		-webkit-transition: height 700ms  ease-in-out 300ms;
		-moz-transition: 	height 700ms  ease-in-out 300ms;
		-o-transition: 		height 700ms  ease-in-out 300ms;
		transition: 		height 700ms  ease-in-out 300ms;}

#HistorySwiper .swiper-slide-next .entry-content {  bottom: 45%; 
		-webkit-transition: bottom 700ms  ease-in-out 300ms;
		-moz-transition: 	bottom 700ms  ease-in-out 300ms;
		-o-transition: 		bottom 700ms  ease-in-out 300ms;
		transition: 		bottom 700ms  ease-in-out 300ms;
				}


@media screen and (min-width: 737px) { 
		 
	#HistorySwiper .swiper-slide:nth-child(even) .history-post-photo { top:0; bottom: auto; }
	#HistorySwiper .swiper-slide:nth-child(even) .entry-content {top: 55%; bottom: auto; 
			-webkit-transition: top 700ms  ease-in-out ;
			-moz-transition: 	top 700ms  ease-in-out ;
			-o-transition: 		top 700ms  ease-in-out ;
			transition: 		top 700ms  ease-in-out ;					
			}
	#HistorySwiper .swiper-slide-next:nth-child(even) .entry-content { top: 45%; 
			-webkit-transition: top 700ms  ease-in-out 300ms;
			-moz-transition: 	top 700ms  ease-in-out 300ms;
			-o-transition: 		top 700ms  ease-in-out 300ms;
			transition: 		top 700ms  ease-in-out 300ms;
			 }
}
		
			
#HistorySwiper .swiper-button-prev, #HistorySwiper .swiper-button-next {  background-color: rgba(255,255,255,.3); border-color: rgba(0,0,0,.7); }
#HistorySwiper .swiper-button-prev:hover, #HistorySwiper .swiper-button-next:hover { background-color: rgba(255,255,255,.7); }
#HistorySwiper .swiper-button-prev { left: 20px; }
#HistorySwiper .swiper-button-next { right: 20px; }
#HistorySwiper #Arrow-left, #HistorySwiper #Arrow-right { border-color: rgba(0,0,0,.7); }

#HistorySwiper .swiper-button-prev.swiper-button-disabled, #HistorySwiper .swiper-button-next.swiper-button-disabled { opacity: 0; }

#HistorySwiper .pagination { left: initial; right: 10px; top: 39px; bottom: auto !important; position:absolute; width: auto; z-index:100; }

#HistorySwiper .swiper-pagination-bullet{  
width: 12px;
height: 12px;
border: 1px solid rgba(0,0,0,.8);
background: rgba(255,255,255,.2); }

#HistorySwiper .swiper-pagination-bullet-active {  background: rgba(255,255,255,.8); opacity: .85;}

#HistorySwiper .swiper-pagination-bullet:hover { background: rgba(255,255,255,1); opacity: 1; }

#HistorySwiper .swiper-pagination-bullet:after { border-top: 1px solid #000; content=''; } 



/* =SOCIAL MEDIA 
-------------------------------------------------------------- */

#socialmedia {margin-top: 12px;} 
.socicon  {
	font-size: 11px;
	color: #214c80;
	background: #eee;
	padding: 5px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-left: 0px;
	} 
.socicon:hover { background: #107a21; color:#FFF;}



/* =Override
-------------------------------------------------------------- */





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


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	#logo { 
		background-image: url(images/logo-SDC-new@2x.png);
	}
}


@media (min-aspect-ratio: 16/9) {
 
}

@media (max-aspect-ratio: 16/9) {

}
@media (max-aspect-ratio: 1/1) {
	#portfolio-archive-group.featured .portfolio-row .portfolio-archive, 
	.landing-count-3 .landing-panel,
	.landing-count-2 .landing-panel { display:block;  width: 100%; height: 33.33333334%; margin:0; background-color: rgba(0, 0, 0, .2); }
	.landing-count-2 .landing-panel { height: 50%; }
	#portfolio-archive-group.featured .portfolio-row .portfolio-archive { height: 25%; }
	.landing-count-3:hover .landing-panel,
	.landing-count-3:hover .landing-panel:hover,
	.landing-count-2:hover .landing-panel,
	.landing-count-2:hover .landing-panel:hover,
	#portfolio-archive-group.featured .portfolio-row:hover .portfolio-archive,
	#portfolio-archive-group.featured .portfolio-row:hover .portfolio-archive:hover { width: 100%; }
}



@media screen and (min-width: 1448px) { 


}

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

}

@media screen and (max-width: 1240px) { 
	#TeamContent .entry-content, 
	.page .entry-content, #TeamContent .entry-content  { padding: 40px 10%;  }
	.page .entry-content p, #TeamContent .entry-content p {font-size: 1.0em; line-height: 1.7; }
	#HistorySwiper .history-item .entry-content p { font-size: 1em; }
}


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

	#TeamContent .entry-content, 
	.page .entry-content, #TeamContent .entry-content  { padding: 30px 10%; }
	.page .entry-content p, #TeamContent .entry-content p {font-size: .9em; line-height: 1.7; }
	
	
	
	#primary, .archive #primary, #slideshow-content {margin-left: 250px;}
	.post-type-archive-portfolio #secondary, .tax-portfolio-category #secondary { width: 178px; }
	#mainnav:hover + #SubMenuBg {  width: 196px; }
	
	#mainnav li a { width: 176px; left: -196px; }
	#mainnav li.menu-about a 		{ background-position: 196px	0px; }
	#mainnav li.menu-services a 	{ background-position: 196px	-54px; }
	#mainnav li.menu-properties a 	{ background-position: 196px	-108px ; }
	#mainnav li.menu-connections a 	{ background-position: 196px	-162px; }
	#mainnav li.menu-news a 		{ background-position: 196px	-216px ; }
	#mainnav li.menu-contact a 		{ background-position: 196px	-270px ; }
	
	
	#mainnav li.menu-about:hover a, #mainnav ul.menu > li.menu-about.current-menu-item > a, #mainnav ul.menu > li.menu-about.current-menu-parent > a  			{ background-position: -76px	0px; }
	#mainnav li.menu-services:hover a, #mainnav ul.menu > li.menu-services.current-menu-item > a, #mainnav ul.menu > li.menu-services.current-menu-parent > a  		{ background-position: -76px	-54px; }
	#mainnav li.menu-properties:hover a, #mainnav ul.menu > li.menu-properties.current-menu-item > a, #mainnav ul.menu > li.menu-properties.current-menu-parent > a  	{ background-position: -76px	-108px ; }
	#mainnav li.menu-connections:hover a, #mainnav ul.menu > li.menu-connections.current-menu-item > a, #mainnav ul.menu > li.menu-connections.current-menu-parent > a  	{ background-position: -76px	-162px; }
	#mainnav li.menu-news:hover a, #mainnav ul.menu > li.menu-news.current-menu-item > a, #mainnav ul.menu > li.menu-news.current-menu-parent > a 			{ background-position: -76px	-216px ; }
	#mainnav li.menu-contact:hover a, #mainnav ul.menu > li.menu-contact.current-menu-item > a, #mainnav ul.menu > li.menu-contact.current-menu-parent > a  		{ background-position: -76px	-270px ; }


	.slideshow-text { font-size: 1.8em; }

	
	#LandingPanels .content-title { font-size: 1.3em; }

	.post-photo a { height: 360px; }
	
	.page-id-1351 #main article  { top: 110px !important; bottom: auto !important; left: 0 !important; right: 100px !important; }
	
	#main article .entry-content {padding: 20px 4%; font-size: .92em;}
	
	.staff-archive .staff-info .staff-title { display:none; }
	.typography .staff-archive a .staff-info h2.staff-title {padding-bottom: 10px; font-size: .9em; letter-spacing: 2px; }
	
		#HistorySwiper .swiper-pagination-bullet { margin: 0 3px; }
}

@media screen and (max-height: 768px) {  
input[type=text], input[type=email], input[type=tel], textarea, select, input#s { margin-bottom: 10px; padding: 6px 2%; font-size: .9em; }
.page-id-1351 #main article  { top: 12% !important; }

	#HistorySwiper .history-item .entry-content p { font-size: .85em; }
	#HistorySwiper .swiper-slide .entry-content  {  bottom: 50%;  }
	#HistorySwiper .swiper-slide-next .entry-content  {  bottom: 45%;  }
}

@media screen and (max-height: 745px) { 

}

@media screen and (max-width: 960px) { 
.site-width, .single-portfolio  #main .site-width  {   }

.portfolio-archive { float:left; }
	.portfolio-archive, .staff-archive { width: 33.333333%; }



	html { margin-top: 0px !important; }
	
	#primary, .archive #primary { margin-left: 0;  margin-top: 54px; height: auto; position:static; }
	.blog #primary, .page-template-news-archive-page y #primary, .category #primary, .single-post #primary { margin-top: 54px; }
	#slideshow-content {margin-left: 54px;}
	
	#tertiary { left: 0; }

	.post-type-archive-portfolio #secondary, .tax-portfolio-category #secondary,
	.blog #secondary, .page-template-news-archive-page #secondary, .category #secondary, .date #secondary { display: none; }
	
	#main { }
	#logo-container { position: fixed; height: 54px; width: 100%; z-index: 800; background-color: #FFF; }
	#logo { top: 13px; left: 69px; z-index:900;  }
	
	.slideshow .pagination { top: 55px; }
	
	.not-home #banner {  }
	.featured-banner {  }

	#hamburger {  display:block; background: rgba(0,0,0,.75); top: 0; right: auto; left: 0; padding: 18px 16px; z-index:1000;}
	#mainnav { position: absolute;
			width: 100%;
			padding-top: 54px;
			right: 101%;
			left: auto;
	}
	#mainnav #main-menu { display:block; }
	#mainnav li a { background-color: #000; left: 0; width: auto;  }
	#mainnav ul#menu-main-menu > li:hover a { background-color:  rgba(242,242,242,1); color: #000; }
	#mainnav ul li ul { background: #efefef; right: 0; z-index: 1001;}
	#mainnav ul li:hover ul { display:none; }
	#mainnav ul li:hover > ul, #mainnav ul li:hover > ul.sub-menu { display:none; }
	#SubMenuBg { display:none; }
	
	
	#mainnav li.menu-about a 		{ background-position: 0px	0px; }
	#mainnav li.menu-services a 	{ background-position: 0px	-54px; }
	#mainnav li.menu-properties a 	{ background-position: 0px	-108px ; }
	#mainnav li.menu-connections a 	{ background-position: 0px	-162px; }
	#mainnav li.menu-news a 		{ background-position: 0px	-216px ; }
	#mainnav li.menu-contact a 		{ background-position: 0px	-270px ; }
	
	
	#mainnav li.menu-about:hover a 			{ background-position: -272px	0px; }
	#mainnav li.menu-services:hover a 		{ background-position: -272px	-54px; }
	#mainnav li.menu-properties:hover a 	{ background-position: -272px	-108px ; }
	#mainnav li.menu-connections:hover a 	{ background-position: -272px	-162px; }
	#mainnav li.menu-news:hover a 			{ background-position: -272px	-216px ; }
	#mainnav li.menu-contact:hover a 		{ background-position: -272px	-270px ; }
	
	
	#mainnav li.menu-properties.menu-desktop { display:none; }
	#mainnav li.menu-properties.menu-device { display:block; }
	
	.page #main article {  bottom: auto !important; width: auto; top: 67% !important; left: 0 !important; min-height: 400px; }
	.page-id-1351 #main article  { top: 25% !important; bottom: auto !important; left: 0 !important; right: 0 !important; }

	.single-staff #main article { padding: 10px 1%; }
	.single-staff .staff-photo { width: 33%;}

	.single-post .post-photo { width: 46%;}

	.single-portfolio #main article .entry-content { left: 0; overflow:visible;}
	.swiper-button-prev,
	.swiper-button-next { display:none; }


}
	
@media screen and (max-width: 768px) { 
	#TeamContent {  width: 66.6666667%; }
	
		
	.post-type-archive-staff #row1 .portfolio-archive,
	.post-type-archive-staff #row2 .portfolio-archive { width: 33.33%; }
	
	.single-portfolio #main article .entry-content { padding: 0 2% 54px 2%; }
	.single-portfolio .entry-header .entry-title {font-size: 1.2em; letter-spacing: 0px; padding: 3px 0;}
	
	#Property-map { margin: 0 ;width: auto;padding-bottom: 40%;}


	.staff-info {  }
	.single-staff #main article { padding: 0; }
	.single-staff .staff-photo { width: auto; height:auto; margin-right: 0 ; position:static;}
	.single-staff #main article .entry-content { margin:20px 5%; }

	.single-post .post-photo { width: auto;}
	
	.nextprev-arrow {  display:none; }
	
	#HistorySwiper .pagination { width: 100%; text-align:center; }
}



@media screen and (max-width: 736px) { 
.slideshow-text { font-size: 1.6em;  white-space:normal; letter-spacing: 1px; }
	.slideshow-text br { display:none; }
	
	#HistorySwiper article { background-color: #FFF; opacity: 1;}


	#HistorySwiper .swiper-slide-next .history-post-photo { height: 35%; }
	#HistorySwiper .swiper-slide-next .entry-content {  bottom: 55%; 	}
	
	#HistorySwiper .swiper-slide-active .history-post-photo { height: 45%; }
	#HistorySwiper .swiper-slide-active .entry-content {  bottom: 45%; 	}
	
	#HistorySwiper .swiper-pagination-bullet:last-child {display:none; }

}

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

	.portfolio-archive, .staff-archive { width: 50% !important; }
	#TeamContent { float: none; width: auto; }
	
	#tertiary { display:none; }
		
	.post-photo a { height: 250px; }

	#Column1.project-columns,
	#Column2.project-columns,
	#Column3.project-columns { width: auto; margin:0; display:block;}
	
	.typography .portfolio-archive a .portfolio-info h2.portfolio-title {  font-size: .9em; }
	
	
	
}




@media screen and (max-width: 414px) {  
.slideshow-text { font-size: 1.0em; }

	

}
@media screen and (max-width: 400px) {  
#TeamContent .entry-content, 
.page .entry-content, #TeamContent .entry-content  { padding: 16px 10%;  }
.page .entry-content p, #TeamContent .entry-content p {font-size: .8em; line-height: 1.7; }

input[type=text], input[type=email], input[type=tel], textarea, select, input#s { margin-bottom: 10px; padding: 6px 2%; font-size: .9em; }
.page-id-1351 #main article  { top: 15% !important; }
}



@media screen and (max-width: 320px) {  
	
	#HistorySwiper .swiper-slide-next .history-post-photo { height: 40%; }
	#HistorySwiper .swiper-slide-next .entry-content {  bottom: 40%; }
}