/*

Theme Name: Sandbox

Author: Mars Design, Inc.

Text Domain: sandbox

Template: twentysixteen

*/

h1,h2,h3,h4,h5,h6,p,html,body{

	margin:0;

	padding:0;

	background:none;

}

div{

	box-sizing:border-box;

}

body, p, label{

	position:relative;

	font-family: 'Open Sans', sans-serif;

	font-size:16px;

	font-weight:400;

	line-height:25px;

	color:#939393;

}



#content{

	position:relative;

}

ul#menu-primary > li{

	position:relative;

}

ul#menu-primary > li > ul{

	display:none;

	position:absolute;

	right:0px;

	padding:10px;

	background:#fff;

	top:27px;

}

li.filter{

	cursor:pointer;

	font-weight:400;

	color:#999;

}

li.filter:hover{

	cursor:pointer;

	color:#7964ac !important;

}

li.filter.selected{

	font-weight:400;

	color:#7964ac !important;

}

ul#menu-primary > li:hover > ul{

	display:inline-block;

	z-index:200;

}

.dropdown-toggle{

	display:none !important;

}

.sub-menu li{

	display:list-item;

	text-transform:uppercase;

}

.grid{

	width:100%;

	margin:2px auto 0 auto;

	position:relative;

}



.grid > div.grid-item{ 

	opacity: 0;



	



	width: 33.333%;

	box-sizing:border-box;

	float:left;

    height: 400px;

    max-height: none;

    overflow: hidden;

    box-sizing: border-box;

    padding: 0;

    margin: 0;

    position: absolute;

    cursor: auto;

	left:-10000px;

}

.grid > div.grid-item a{ 

	display:block;

	width:100%;

	height:100%;

}

.grid-item > div{

	width:100%;

	height:auto;

	background:#fff;

	position:relative;

}

.grid-item > div img{

	width:100%;

	height:auto;

}

.grid .fa-spin{

	position:absolute;

	top:140px;

	left:50%;

	margin-left:-20px;

	font-size:40px;

	color:#c5c5c5;

}

.grid-item > div > span{

	position:absolute;

	color:#ccc;

	top:50%;

	margin-top:-20px;

	left:50%;

	margin-left:-20px;

	font-size:40px;

	font-family:Verdana, Geneva, sans-serif;

}

#swipebox-title{

	/*text-transform:uppercase;*/

}



/*



#swipebox-title {



     margin-top: 0px !important;



}

#swipebox-bottom-bar {



    bottom: 0px !important;



}



*/



.obliterate{

	width:0;

	height:0;

	position:absolute;

	visibility:hidden;

	opacity:0;

	z-index:-1;

}

#work-menu{

	display:none;

	font-size:14px;

}

span.work-menu-header{

	font-weight:700;
	display:none;

}

.site-header{

	padding:0;

}

.site-branding {

    margin: 0 auto 0 0;

	overflow:visible;

}

#site-header-menu{

	margin:0;

	z-index:100;

}

.site-inner {

    max-width: none;

}

.sline, 

.sw,

.standard-width,

.site-info,

.site-header-main,

.filter-header,

#masthead,

.site-content {

	width:100%;

    padding: 0;

	max-width:1200px;

	margin:0 auto;

	box-sizing:border-box;

}

#masthead{

	z-index:101;

	max-width:none;	

	position:fixed;

	background:#fff;

}

#top-liner{

	top:50px;

	position:fixed;

	z-index:100;

}

.second-top-liner{

	top:51px;

	position:fixed;

	z-index:100;

	width:100%;

	height:40px;

	line-height:40px;

	display:none;

	background:#fff;

	border-bottom:1px solid #ccc;

}

.second-top-liner.activated{

	display:block;

}

.banner-container{

	height:auto;

	background:#fff;

}

#content{

	padding-top:49px;

	z-index:99;

}

.banner-container img{

	width:100%;

	height:auto;

	display:block;

}

.site-header-main{

	height:50px;

}

.filter-header{

	height:100%;

	font-size:18px;

	letter-spacing:1px;

	font-family:'PT Sans';

	color:#7864ac;

}

.content-area {

    float: none;

    margin: 0;

    width: 100%;

}

.main-navigation a {

    padding: 0 0 0 .875em;

	display:inline-block;

	vertical-align:middle;

	color:#999;

	font-size:13px;

	font-family: 'PT Sans', sans-serif;

	letter-spacing:.1em;



	



	font-weight:400;

}

ul#menu-primary > li > a{

    padding: 0 0 0 1.875em !important;

}

a{

	outline:none;

}



div.site-branding {



    height: 20px;



    line-height: 20px;



}



a.custom-logo-link{



    height: 20px;



    line-height: 20px;



	display:inline-block;



}



a.custom-logo-link img{



	display:inline-block;



	height:20px;



	line-height:20px;



	width:auto;



}

/*

.current-menu-parent > a,

a:active,

a:hover,

.current-menu-item a:active,

.current-menu-item a:hover,

.current-menu-item a{

	color:#e75116 !important;

	outline:none !important;

	font-weight:400;

}

.current-menu-item a:active,

.current-menu-item a{

	color:#7964ac !important;

	font-weight:700;

}



.current_page_item > a,

.current-menu-parent > a{

	color:#e75116 !important;

	font-weight:400;

}

li li a:hover,

li li.current-menu-item

a{

	color:#7964ac !important;

}



a:hover,

.current-menu-item a:hover{

	font-weight:400;

}

*/



ul#menu-primary > li.current-menu-parent > a,

ul#menu-primary > li.current-menu-item > a,

ul#menu-primary > li > a:hover{

	color:#e75116;

}



ul#menu-primary > li li.current-menu-item > a,

ul#menu-primary > li li > a:hover{

	color:#7964ac;

}



.main-navigation {

    margin: 0;

}

.menu-primary-container{

	float:none;

	z-index:101;

}

#menu-primary{

	float:right;

}

.main-navigation li{

	border:none;

}

.filter-header,

.site-header-main {

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: nowrap !important;

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important;

}

.site-header-menu{

	display:block;

	float:right;

}

.liner{

	width:100%;

	border-bottom:1px solid #ccc;

	clear:both;

}

.liner.footer{

}

#page{

	margin:0;

}

.close-sub-menu {

    position: absolute;

    top: 10px;

    right: 10px;

    width: 10px;

    height: 10px;

    background: url(assets/images/remove.png) no-repeat top center;

    background-size: cover;

    cursor: pointer;

	display:none;

}



#work-menu {

    position: fixed;

    display: none;

    background: #fff;

    z-index: 100;

	/*padding:30px 0 10px 0;*/

	padding:10px 0 12px 0;

	z-index:101;

}

#work-menu:after {

	content:"";

	display:table;

	clear:both;

}

#work-menu > ul:first-child{

	border-right:1px solid #ccc;

}

#work-menu > ul{

	display:inline-block;

	text-align:right;

}

#work-menu > ul li{

	display:list-item;

	padding:0 25px;



}

#work-menu li{

	font-size:13px;

	font-family: 'PT Sans', sans-serif;

	font-weight:400;



	



	line-height: 28px;



}

#work-menu li.filter{

	letter-spacing:.1em

}

#menu-toggle{

	display:none !important;

}

.main-navigation .primary-menu{

	border:none;

}

.skip-link{

	display:none;

}

.archive p{

	margin-bottom:20px;

}



.archive-intro{

	padding-bottom:30px;

	border-bottom:1px solid #ccc;

	margin-top:30px;

}

.archive-intro h1{

	width:25%;

	margin-top:0 !important;

}

.archive-intro div{

	width:75%;

	float:right;

}



.popup:after,

.archive-intro:after,

.archive-content:after{

	content:"";

	display:table;

	clear:both;

}

.bio{

	margin-top:15px;

	padding-right:120px;

}

.person{

	width:25%;

	float:left;

	overflow:hidden;

	margin-top:30px;

	cursor:pointer;

}

.archive-content{

	margin-left:-30px;

	margin-bottom:50px;

	position:relative;

}



.person > div.image{

	margin-left:30px;

	padding-top:118%;

	background-size:cover !important;

	background-position:top center;

	position:relative;

}

.person > div.name{

	margin-left:30px;

	text-align:center;

}

.person > div.name a{

	text-transform:uppercase;



	font-family:'PT Sans',sans-serif;



	font-weight:700;



	margin-top:15px;



	display:inline-block;



}

.popup{

	display:none;

	background:#fff;

	width:100%;

	position:absolute;

	box-sizing:border-box;

	padding-right:50px;

	padding-bottom:50px;

	z-index:100;

	/*

	-webkit-box-shadow:0px 0px 1px 1px #ccc;

	-moz-box-shadow:0px 0px 1px 1px #ccc;

	box-shadow:0px 0px 1px 1px #ccc;

	*/

}

.popup i{

	position:absolute;

	top:0px;

	right:40px;

	width:23px;

	height:23px;

	background:url(assets/images/remove.png) no-repeat top center;

	cursor:pointer;

}

.popup div.image{

	background-size:cover !important;

	background-position:top center;

}

.popup > div{

	float:left;

}



.meta-info h1,

.meta-info h2{

	text-transform:uppercase;

	display:inline-block;

	color:#9fa1a2;

	letter-spacing:2px;

}

.meta-info h1.name{

	color:#e75116;

	margin-right:10px;

	font-size:20px;

}

.meta-info h2{

	color:#9fa1a2;

	font-size:16px;

	font-weight:400;

}.contact > div{



	width:50%;



	float:left;



}



.contact img{



	width:100%;



	height:auto;



}



address{



	font-style:normal;



}



.contact div.info{



	background:none;



}



.contact div.info:before{



	content:"";



	display:table;



	height:20px;



}



.contact div.info > div {



    padding: 0px !important;



}.contact div.info .title {



	font-size:20px;



	font-weight:600;



	letter-spacing:1px;



	margin-bottom:2px;



	font-family:'PT Sans',sans-serif;



	font-weight:700;



}



/*Google Map*/



.googlemap-wrapper {



  position: relative;



}



.googlemap-wrapper img {



  max-width: none !important;



}



.map-canvas {



  width: 100%;



  height: 500px;



  padding: 6px;



  background-color: #f0f0f0;



  border: 1px solid #ddd;



  margin-left: -15px;  



}



.map-canvas:before {



  position: absolute;



  top: 50%;



  left: 50%;



  display: block;



  margin: -15px 0 0 -15px;



  width: 30px;



  height: 30px;



  color: #2f2f2f;



  content: '\f110';



  text-align: center;



  font-size:111.11%;



  font-family: 'FontAwesome';



 line-height: 30px;



  -webkit-animation: spin 2s infinite linear;



  animation: spin 2s infinite linear;



  font-style: normal;



  font-weight: normal;



  -webkit-font-smoothing: antialiased;



  -moz-osx-font-smoothing: grayscale;



}

/*Contact Page*/

body.page .footer-gap{

	margin-top:300px;

	clear:both;

}

.archive-intro h1,

h1.page-header{

	color: 	#7964ac;

	font-family:'PT Sans',sans-serif;

	font-weight:700;

	letter-spacing:2px;

	margin-top:20px;

	text-transform:uppercase;

	font-size:40px;

	line-height:40px;

}
.contact h1.page-header,
.post-type-archive-people .archive-intro h1{
	font-size:35px;
}
.archive-intro h1{

	float:left;

}



.address1,

h1.page-header,

.page-intro{

	margin-bottom:34px;

}

.contact .directions{

	margin-top:34px !important;

}

.contact .directions .label{

	color:#7964ac;

	margin-right:10px;

}

.info span, .info label {

    font-size: 16px;

}

.map-canvas {

    width: 100%;

    height: 500px;

    padding: 0px;

    background-color: #f0f0f0;

    border: 1px solid #ddd;

    margin-left: 0px;

}

.address-info a.org{



	color:#939393;



}



.email a.org{



}



/*Footer*/



#colophon{

	position:relative;

	/*margin-bottom:30px;*/



	height:60px;

}

#colophon .site-info:after{

	content:"",

	display:table;

	clear:both;

}



#colophon,



#colophon .site-info,



#colophon .site-info > span,
#colophon .site-info > a{



	height:60px;



	line-height:60px;



}



#colophon .site-info > span,
#colophon .site-info > a{

	width:33.33%;

	display:block;

	vertical-align:middle;

	text-align:center;

	box-sizing:border-box;

	float:left;

	font-size:13px;

	font-family: 'PT Sans', sans-serif;

	font-weight:400;



}
#colophon .site-info > span a{

	display:inline-block;

	vertical-align:middle;

	text-align:right;

	box-sizing:border-box;
	font-size:13px;

	font-family: 'PT Sans', sans-serif;

	font-weight:400;
}

#colophon .site-info > a.first{

	text-align:left;

}

#colophon .site-info > span.last{

	text-align:right;

	color: #7964ac;

}
#colophon .site-info > a.last,
#colophon .site-info > span.last a{

	text-align:right;

	color: #7964ac;

}


span.last a.social-icon{
	display:inline-block;
	margin-right:15px;
	position:relative;
	height:15px;
}
span.last a.social-icon.fb{
	width:10px;
}
span.last a.social-icon.instagram{
	width:20px;
}
span.last a.social-icon img{
	height:20px;
	width:auto;
	display:inline-block;
	position:absolute;
	right:0;
	bottom:2px;
}



#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container {

    display: inline-block;

    /*max-height: 100%;

    max-width: 100%;*/

    margin: 0;

    padding: 0;

    width: auto;

    height: auto;

    vertical-align: middle;

}

ul.the-projects,

ul.the-styles{

	vertical-align:top;

}

.grid-item span.text{

	display:none;

}



.menu-toggler{



	display:none;



}



#work-menu-mobile{



	position:fixed !important;

	

	z-index:101 !important;

	

	height:85% !important;

	

	overflow:auto;

	

	width:100%;



	box-sizing:border-box;



	padding:0px 20px 20px 20px;



	line-height: 30px;



	display:none;



	position:absolute;



	z-index:101;



	background:#fff;



	opacity:0.95;



}



#work-menu-mobile li,



#work-menu-mobile ul{



	display:block;



}



#work-menu-mobile .the-about-mobile,



#work-menu-mobile .the-styles-mobile{



	border-top:1px solid #ccc;



	margin-top:10px;



	padding-top:15px;



}



.indent{



	/*padding-left:10px;*/



}


/* Home Owl Carousel*/
.owl-item,.the-slide{
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
	position:relative;
	text-align:center;
}
.the-slide img{
	opacity:0;
}

/* Home Owl Carousel*/

.home .owl-nav{

	position:absolute;

	width:100%;

	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);

	display:none;

}
#owl-carousel:hover .owl-nav,
.owl-nav:hover{
	display:block;
}


.home .owl-next{

	float:right;

}

.home .owl-next,.home .owl-prev,.home a.prevSlide,.home a.nextSlide{

	display:inline-block;

	background:rgba(255,255,255,0.3);

	width:24px;

	height:44px;

	position:relative;

}

.home .owl-next,.home .owl-prev{

	width:38px;
	height:58px;

}

.home a.prevSlide,

.home a.nextSlide{

	position:absolute;


	left:7px;

	background:url(img/left-arrow.png) no-repeat center center;

}

.home a.nextSlide{

	background:url(img/right-arrow.png) no-repeat center center;

}

@media screen and (orientation:landscape){
}
@media screen and (orientation:portrait){
	.the-slide,.owl-item{
		height:auto !important;
		background-image:none !important;
	}
	.the-slide img{
		opacity:1;
		width:100%;
		height:auto;
		display:block;
	}	
	.owl-carousel .owl-stage-outer {
		/*
		top: 50% !important;
		-webkit-transform: translate3d(0px, 0px, 0px) translateY(-50%) !important;
		-moz-transform: translateY(-50%) !important;
		transform: translateY(-50%) !important;
		*/
	}
}
@media screen and (max-width:767px){

	.the-slide{
		height:auto;
		background:none;
	}
	.the-slide img{
		opacity:1;
		width:100%;
		height:auto;
		display:block;
	}	
}

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

	.second-top-liner,

	.contact,

	#masthead{

		padding-left:20px;

		padding-right:20px;

	}

	#colophon .site-info > a.first{

		text-align:left;

		padding-left:20px;

	}

	#colophon .site-info > span.last,
	#colophon .site-info > a.last{

		text-align:right;

		color: #7964ac;

		padding-right:20px;

	}

	.archive-intro {

		padding: 0px 20px 30px 20px;

	}

	

}

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

	.name a{

		font-size:11px !important;

	}

	.archive-intro h1, h1.page-header {

		font-size: 30px;

		line-height:35px;

	}

}



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



	#colophon .site-info > span,
	#colophon .site-info > a {

		height: 20px;

		line-height: 20px;

	}

	#colophon .site-info > span.last a,
	#colophon .site-info > a.last {

		font-size:15px;

	}

	#colophon .site-info > a.first {

		margin-top:20px !important;

	}



	.second-top-liner *{

		font-size:14px;

	}

	.contact .directions .label {



		color: #7964ac;



		margin-right: 10px;



		display:block;



		margin-bottom:5px;



	}



	.popup i.btn-remove{



		top:20px;



	}



	.popup{



		margin-top:0 !important;



		margin-bottom: 0 !important;



		position:fixed;



		top:0px;



		left:0px;



		overflow:scroll;



		height:100%;



		width:100%;



		box-sizing:border-box;



		padding:20px;



	}



	.menu-toggler{



		display:block;



	}



	.btn-remove{

		right:50px;

	}

	.popup > div.image,

	.person > div.image {

		margin-left: 15px !important;

	}

	.popup > div.image{

		float:none;

	}

	h1.name{

		font-size:16px !important;

	}

	h2.position-title{

		font-size:14px !important;

		display:block;

	}

	.archive-content{

		margin-left:-15px;

		padding-left:20px;

		padding-right:20px;

	}

	.name{

		font-size:14px;

	}

	div.meta-info{

		width:100% !important;

		float:none !important;

		margin-left:15px !important;

	}

	.bio{

		padding:0 20px 0 0;

	}

		

	.person{

		width:50%;

	}



	.archive-intro {

		padding: 0px 20px 0px 20px;

	}



	.archive-intro > *{

		float:none !important;

		width:100% !important;

	}



	.archive-intro h1 {

		margin-bottom:20px;

	}

	

	.contact > div {

		width: 100%;

		float: none;

	}

	#colophon .site-info > span.last,
	#colophon .site-info > a{

		width:100%;

		float:none;

		margin-top:10px !important;

		margin:10px 0 0 0 !important;

		padding:0 !important;

		text-align:center !important;

	}



	#site-header-menu{



		display:none;



	}



}

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

	.grid > div.grid-item a{ 



		cursor:auto;	



	}

	.name a{

		font-size:9px !important;

	}

	.custom-logo {

		max-width: 170px;

	}

}