/*



Theme Name: Array



Theme URI: http://www.160over90.com/



Author: 160over90



Author URI: http://www.160over90.com/



Description: Custom theme developed for Array Architects.



Version: 1.0



License: GNU General Public License



License URI: license.txt



Tags:



This theme, like WordPress, is licensed under the GPL.



Use it to make something cool, have fun, and share what you've learned with others.



*/







#container {

	overflow:hidden!important;

}

/**************** SIDEBAR *****************/















	#right-sidebar .sidebar-first {

	margin-bottom: 35px;

}

#right-sidebar .sidebar-first h2 {

	border-bottom: 1px solid #c7c7c6;

	margin-bottom: 15px;

	padding-bottom: 15px;

}

#float-right-sb {

	max-width:30%;

	float:right;

}

/*********** PRODUCTION ************/

body {

	-webkit-animation-duration: 0.1s;

	-webkit-animation-name: fontfix;

	-webkit-animation-iteration-count: 1;

	-webkit-animation-timing-function: linear;

	-webkit-animation-delay: 2s;

}

 @-webkit-keyframes fontfix {

 from {

 opacity:1;

}

 50% {

 opacity:0.8;

}

to {

	opacity:1;

}

}

.pin-mobile {

	display:none

}


#footer-logo {
    max-width: 100px;
}

#trending-posts .divider-header {

	display:none

}

.resource-title {

	padding-top:10px

}

#project-list .book-block {

	float:left;

	margin:0 2% 2% 0;

	min-height:235px;

	transition:opacity .1s linear 0;

	width:230px

}

.design_books, .resource_item {

	min-height: 250px;

	float:left;

	margin:0 2% 2% 0;

	width:235px;

	-webkit-transition:opacity .1s linear 0;

	-moz-transition:opacity .1s linear 0;

	transition:opacity .1s linear 0

}


.pub_item {min-height: 250px;float:left;margin: 0 2% 2% 0;width: 32%;-webkit-transition:opacity .1s linear 0;-moz-transition:opacity .1s linear 0;transition:opacity .1s linear 0;/* border: 1px solid; */}
.pub_item a:first-of-type {display:block;overflow: hidden;height: 200px;margin-bottom: 10px;}
.pub_item a img {width:100%; }

.design_books:hover, .resource_item:hover, .pub_item:hover {

	opacity:.6

}

.design_books p, .resource-item p, .pub_item p {

	padding:0;

	margin:0;

	display:inline

}

.design_books img, .resource-item img {

	display:block;

	margin-bottom:10px

}

.single-design-book #post h4 {

	border-bottom:1px solid #5c594d;

	font:700 12px/1.2 "Open Sans", sans-serif;

	margin-bottom:10px;

	padding-bottom:5px;

	text-transform:uppercase;

	width:65%

}

.design-book-summary {

	width:65%

}

#design-books-list .related-design-books {

	background:url("../img/line-pattern-white.png") repeat-x scroll center top transparent;

	margin-top:25px;

	padding:45px 20px 25px

}

.book-block:hover {

	opacity:.6

}

.book-block a:hover {

	color:#5c594d

}

.book-block a {

	text-decoration:none

}

.book-meta {

	background:none repeat scroll 0 0 #e7e6e4;

	min-height:75px;

	padding:10px

}

.book-block h3 {

	font-size:13px;

	line-height:1.4;

	margin-bottom:8px;

	text-decoration:none

}

.book-meta .design-book-subtitle {

	font-size:10px

}

.book-block {

	float:left;

	margin:0 2% 2% 0;

	min-height:235px;

	transition:opacity .1s linear 0;

	width:235px

}

.book-head {

	padding:45px 0 0 !important;

	background:url(https://www.array-architects.com/wp-content/themes/array/img/line-pattern.png);

	background-repeat:no-repeat;

	background-position:bottom left;

	background-color:#e7e6e4 !important;

	margin-bottom:0 !important

}

.flipbk-logo {

	background-color:#d1d1d1;

	background-image:url(https://www.array-architects.com/wp-content/themes/array/img/footer-logo.png);

	background-repeat:no-repeat;

	background-position:center;

	position:absolute;

	bottom:20px;

	right:0;

	height:100px;

	width:100px;

	border-radius:5px 0 0 5px

}

.project-block {

	min-height:255px !important

}

.resource_item {

	min-height:225px

}

.resource_item.row-end, .design_books.row-end, .pub_item.row-end {

	margin:0 0 2%

}

#trending-slider, #trending-slider-2 {

	visibility:hidden;

}

#trending-posts {

	float:left;

	max-width:664px;

	overflow:hidden;

	width:65%

}

#trending-posts .post {

	float:left;

	margin:0 3% 20px 0;

	min-height:275px;

	position:relative;

	width:47%

}

#trending-posts .post img {

	max-width:none

}

#trending-posts .post img {

	max-width:none;

	width:305px !important;

	height:auto !important

}

#trending-slider .rsSlide, #trending-slider-2 .rsSlide {

	min-width:100%

}

#trending-slider {

	height:580px;

	background:0;

	padding:0 0 20px

}

#trending-slider-2 {

	height:230px;

	background:0

}

#trending-slider .rsBullets, #trending-slider-2 .rsBullets {

	position:static;

	margin:10px auto 0

}

#trending-slider .rsBullet, #trending-slider-2 .rsBullet {

	background:#777

}

#trending-slider .rsNavSelected, #trending-slider-2 .rsNavSelected {

	background-color:#fbbe2b

}

.trending-vid {

	float:left;

	margin:0 2% 2% 0;

	min-height:200px;

	width:235px;

 2

}

.trending-vid.row-end {

	margin:0

}

.trending-vid img {

	display:block;

	margin-bottom:10px

}

.trending-vid h4 {

	font-size:14px;

	margin:0 0 3px 0

}

.trending-vid .vid-hover {

	width:inherit

}

.vid-hover {
	position:absolute;
	top:10px;
	left:10px;
}
.shareable-vid {
	position:absolute;
	top:10px;
	right:10px;
}
.pin-item:hover, .trending-vid:hover {

	opacity:.6

}

ul.twitterfeed>li, ul>li.linkedin-status {

	padding:0;

	margin-bottom:20px

}

ul.twitterfeed>li {

	min-height:75px

}

ul.twitterfeed>li.tweet p, ul>li.linkedin-status p {

	margin-bottom:0

}

ul.twitterfeed>li>span.timeline, ul>li.linkedin-status>span.timeline {

	font-size:.8em

}

ul.twitterfeed>li>span.intent {

	float:right

}

ul.twitterfeed>li>span.intent img {

	box-shadow:none

}

.shareholder {

	min-height: 215px!important;

}

/**************** LOCATIONS *****************/







.last {

	margin-right:0!important;

}

.page-template-locations-php .location {

	margin: 0 15px 15px 0;

	width: 19.5%;

	padding: 20px 20px 20px;

}

.page-template-locations-php .locations-2, .page-template-locations-php .locations-3, .page-template-locations-php .locations-4, .page-template-locations-php .locations-5, .page-template-locations-php .locations-6, .page-template-locations-php .locations-7 {

}

.page-template-locations-php .locations-2 {

	min-height:455px;

}

.page-template-locations-php .locations-3, .page-template-locations-php .locations-4 {

	min-height: 710px;

	float:right;

}

.location .contact:last-child {

	border-bottom: none;

	margin-bottom: 0px;

	padding-bottom: 0px;

}

.location .contact {

	border-bottom: 1px solid #c7c7c6;

	margin-bottom: 10px;

	padding-bottom: 10px;

}

/* WEBINAR STYLES */



	.page-template-webinars-php #caption-content {

	font-size: 28px;

}

.page-template-webinars-php #subheadline {

	font-size: 20px;

	text-shadow: 1px 1px 1px #000;

}

.page-template-webinars-php #webinar-posts {

	width: 100%;

	background: #e7e6e4;

	margin: 40px 0 60px;

}

.page-template-webinars-php #webinar-slider {

	border: 1px solid #e7e6e4;

	visibility: hidden;

	height: 350px;

	background: 0;

	margin: 0 0 20px;

}

.page-template-webinars-php #webinar-slider .rsBullets {

	position: static;

	margin: 10px auto 0;

}

.page-template-video-collection-php .video-slider .rsBullets {

	display:none;

}



.page-template-webinars-php #webinar-slider .rsBullet, .single-video .video-slider .rsBullet, .page-template-video-collection-php .video-slider .rsBullet {

	background: #777;

}

.page-template-webinars-php #webinar-slider .rsNavSelected, .single-video .video-slider .rsNavSelected, .page-template-video-collection-php .video-slider .rsNavSelected {

	background-color: #fbbe2b;

}

.page-template-webinars-php .webinar-img, .page-template-webinars-php .webinar-item {

	height:100%;

}

.page-template-webinars-php .webinar-img {

	float: left;

	width: 35%;

	overflow: hidden;

}

.page-template-webinars-php .webinar-img img {

	min-height: 100%;

	width: auto;

	max-width: 800px;

}

.page-template-webinars-php .webinar-desc {

	width: 23.5%;

	margin:20px 0 0 20px;

	float: left;

}

.page-template-webinars-php .webinar-desc h3 {

	margin-bottom:20px;

}

.page-template-webinars-php .webinar-speaker {

	width: 150px;

	float: left;

	padding: 0 20px 0 0;

	height: 300px;

}

.page-template-webinars-php .speaker-image {

	height: 150px;

	display: inline-block;

	overflow: hidden;

	width: 150px;

	background-size: cover!important;

}

.page-template-webinars-php .webinar-speaker h4 {

	font-size: 14px;

	margin: 0 0 3px 0;

}

.page-template-webinars-php .webinar-speaker .credentials {

	display: block;

	font-size: 11px;

	line-height: 1.4;

}

/*

.page-template-webinars-php .area-image {

	float: left;

}

.page-template-webinars-php .practice-area:nth-child(even) .area-image {

	float: right;

	max-width: 660px;

	width: 60%;

}

.page-template-webinars-php .practice-area {



}



.page-template-webinars-php .area-description {

	margin: 0 0 0 68%;

}

.page-template-webinars-php .practice-area:nth-child(even) .area-description {

	margin: 0 68% 0 0;

}

*/

.page-template-webinars-php #main-image {

    background: #e7e6e4;


}

/*END WEBINAR STYLES */











/*****CAREERS MAIN STYLES*****/



.page-template-careers-php .button img {
	padding-right: 15px;
}

.page-template-careers-php #job-posts .button img {
	height:48px;
}
.page-template-careers-php .career-image {
	float: right;
	width: 150%;
	height: auto;
	max-width: none;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page-template-careers-php .description {

	margin-right: 70%;

}

.page-template-careers-php .career-desc-image {

	width: 66%;

	margin-left: 20px;

	float: right;

	overflow: hidden;

	height: 240px;
	position: relative;

}

.page-template-careers-php .career-area {

	border-bottom: 1px solid #c7c7c6;

	margin-bottom: 40px;

	overflow: hidden;

	padding-bottom: 40px;

}

.page-template-careers-php .career-description {

	margin-left: 0%;

	margin-right: 0%;

}

.page-template-careers-php #post {

	float: left;

	max-width: 664px;

	width: 65%;

}

#careers-blog img {

	max-width: 100%;

	height: auto;

	margin-bottom: 10px;

	width: inherit;

}

#careers-blog a {

	-webkit-transition: opacity .1s linear 0;

	-moz-transition: opacity .1s linear 0;

	transition: opacity .1s linear 0;

	text-decoration:none;

}

#careers-blog a:hover {

	opacity: .6;

}

.sb-sm {

	display: block;

}

.sprite {

	background-image: url(/wp-content/uploads/2014/12/icon-sprite-flat.png);

	background-repeat: no-repeat;

	width: 24px;

	height: 24px;

	display: inline-block;

	vertical-align: middle;

	margin-right: 10px;

}

#sb-googleplus {

	background-position-y: 0;

}

#sb-twitter {

	background-position-y: -25px;

}

#sb-linkedin {

	background-position-y: -50px;

}

#sb-pinterest {

	background-position-y: -73px;

}

#sb-youtube {

	background-position-y: -98px;

}

#sb-issuu {

	background-position-y: -121px;

}

.sb-sm:hover .sprite {

	background-image:url(/wp-content/uploads/2014/12/icon-sprite-flat.png);

	background-repeat:no-repeat;

	background-position-x: -24px;

}

.fancybox-inner #post-content {

	padding:20px;

}

#careers-blog h4 {

	font-size:16px;

}

/* END CAREERS CENTER PAGE STYLES*/



/*CAREERS SUB STYLES*/



	.clearfix {

	clear:both;

}

.single-careers #header-headline {

	font-size:28px;

}

.single-careers .has-media {

	float: left;

	max-width: 32%;

	display: inline-block;

}

.single-careers .career-media {

	float: right;

	max-width: 660px;

	width: 66%;

	margin-bottom:15px;

}

.single-careers .career-video {

	height:400px;

}

.single-careers .career-posts-image {

	width:235px;

	height: 155px;

	overflow: hidden;

}

.single-careers .career-posts-image img {

	min-height: 155px;

	max-width: none;

	width: auto;

	min-width: 100%;

}

.single-careers .post-block-meta {

	background: #e7e6e4;

	min-height: 75px;

	padding: 10px;

}

.single-careers .post-block-meta h3 {

	font-size: 13px;

	line-height: 1.4;

	margin-bottom: 8px;

	text-decoration: none;

}

/*END CAREERS SUB STYLES*/



/*MEET PEOPLE STYLES*/



	.single-careers .post-block {

	float: left;

	margin: 0 2% 2% 0;

	min-height: 235px;

	width: 235px;

	transition: opacity 0.1s linear 0s;

	-moz-transition: opacity 0.1s linear 0s;

	-webkit-transition: opacity 0.1s linear 0s;

	min-height: 255px !important;

}

.single-careers .post-block a {

	text-decoration: none;

}

.single-careers .teammember {

	position:relative;

	width: 314px;



	margin: 0 20px 20px 0;

 	/* float: left; */
	min-height: 235px!important;
	display: inline-block;

}

.single-careers .teammember a {

	z-index:5;

	text-decoration:none;

	width: 100%;

	display: block;

	margin-bottom: 10px;

	position:relative;

	overflow: hidden;

}

.single-careers .teammember:hover a {

	background-color:rgba(251, 190, 43, .6);

}

.single-careers .teammember:hover .overlay{

	height: 100%;

	width: 100%;

	background-color: rgba(0, 0, 0, .5);

	position: absolute;

}

.single-careers .teammember .fact {

	color:#fff;

	visibility:hidden;

	position:absolute;

	z-index:6;

	top:10px;

	left:10px;

	margin-right:10px;

}

.single-careers .teammember:hover .fact {

	visibility:visible;

}

.single-careers .teammember .fact h4 {

	margin: 0 10px 10px 0!important;

}

.single-careers .teammember:hover #bio {

	color:#fbbe2b;

}

.single-careers .teammember img {

	height: 208px;

	margin-bottom: 0;

	min-width: 100%;

	max-width: none;

}

.single-careers .row-end {

	margin: 0;

}

.single-careers #post {

	margin-bottom:0;

}

/*END MEET TEAM STYLES*/







/*CAREERS MAIN WISTIA BG VID */







	.page-template-careers-php .overlayVideo {

	position: absolute;

	left: -3000px;

	top: 0px;

	z-index: 10;

	visibility: hidden;

}

.page-template-careers-php .backgroundVideo {

	z-index: 4;

	visibility: hidden;

}

.page-template-careers-php #video-container #text h1 {

	text-transform: none;

	letter-spacing: 0px;

	font-size: 81px;

	line-height: 100px;

	color: #5c594d;

	opacity: .5;

}

.page-template-careers-php #video-container #text #playbutton .rectangle {

	background-color: #efaa04;

	width: 149px;

	height: 95px;

	opacity: 0.8;

	margin: 0 auto;

}

.page-template-careers-php #video-container #text #playbutton .rectangle:hover {

	background-color: #fbbe2b;

	cursor: pointer;

}

.page-template-careers-php #video-container #text #playbutton .triangle {

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 22px 0 22px 32px;

	border-color: transparent transparent transparent white;

	margin: 0 auto;

	position: relative;

	bottom: 70px;

	pointer-events: none;

}

.page-template-careers-php #video-container #text #playbutton .triangle:hover {

	cursor: pointer;

}

.page-template-careers-php #cover_all {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 5;

	height: 100%;

	width: 100%;

}



.page-template-careers-php #ex:hover {

	opacity: 1;

}

.page-template-careers-php #main-image {

	background-image: url(/wp-content/themes/array/img/careers-video-bg.jpg);

}

/* END CAREERS MAIN WISTIA BG VID */







/* DEFAULT WISTIA BG VID */



	#page-content.has-hero {

	padding: 30px 20px 20px 20px;

}

#header-video {

	background: url(/wp-content/themes/array/img/line-pattern.png) repeat-x left bottom;

	height: 595px;

	overflow: hidden;

	padding-bottom: 15px;

	position: relative;

	width: 100%;

}

.backgroundVideo {

	visibility: hidden;

	z-index: 4;

}

#main-image {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 3;

	background-repeat: no-repeat;

	background-position-y: 50%;

	background-size: cover;

	background-position-x: center;

}

#video-container #text {

	position: absolute;

	z-index: 6;

	text-align: center;

	opacity: 0;

}

#text #actions {

	height: 95px;

}

#video-container #text #playbutton {

	z-index: 3;

	margin: 0 auto;

	margin-top: 60px;

	height: 95px;

	display: block;

}

#video-container #text #actions {

	height: 95px;

}

#video-container #text #playbutton .rectangle {

	background-color: #efaa04;

	width: 149px;

	height: 95px;

	opacity: 0.8;

	margin: 0 auto;

}

#video-container #text #playbutton .triangle {

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 22px 0 22px 32px;

	border-color: transparent transparent transparent white;

	margin: 0 auto;

	position: relative;

	bottom: 70px;

	pointer-events: none;

}

.fancybox-close {

	background:url(/wp-content/themes/array/img/ex.svg) no-repeat!important;

	top: 15px!important;

	right: -5px!important;

}



#ex {

	position: absolute;

	right: -3000px;

	top: 25px;

	z-index: 99999;

	cursor: pointer;

	opacity: 0.8;

	height: 25px;

	width: 25px;

	background:url(/wp-content/themes/array/img/ex.svg) no-repeat;

	background-size:cover;

}



#lightsout {

	height: 100%;

	width: 100%;

	position: fixed;

	background-color: #000;

	top: 0;

	left: 0;

	opacity: .7;

	z-index: 9999;

	display:none;

}







/* END DEFAULT WISTIA BG VID */



/* START VID COLLECTION */



.page-template-video-collection-php #page-content.has-header {

	padding: 30px 20px 0px 20px;

}

.page-template-video-collection-php #page-content, .single-video #page-content {

	max-width: 1204px;

	padding: 30px 70px 20px 70px;

}

.page-template-video-collection-php .content-center {

	max-width: 1204px;

}

.page-template-video-collection-php #main-image, .single-video #main-image, .page-template-podcasts-php #main-image {

	background: #e7e6e4;

}

.page-template-video-collection-php #page-content .video-slider {

	margin-bottom: 20px;

}

.page-template-video-collection-php .video-slider, .single-video .video-slider  {

	position:relative;

	height: 295px;

	visibility:hidden;

	margin-bottom:60px;

}

/*.page-template-video-collection-php .video-slider .rsOverflow, .single-video .video-slider .rsOverflow {

	overflow-x: scroll;

}*/

.page-template-video-collection-php #project-list .video-slider .rsOverflow, .single-video #project-list .video-slider .rsOverflow {

	overflow: hidden;

}



.page-template-video-collection-php .video-slider .rsSlide, .single-video .video-slider .rsSlide {

	min-width:100%

}

.page-template-video-collection-php .vid-wrapper, .single-video .vid-wrapper {

	max-width: 1004px;

	margin: 0 auto;

}

.page-template-video-collection-php .divider-header, .single-video .divider-header {

	max-width: 1004px;

	margin: 20px auto;

	padding: 0 15px;

}

.page-template-video-collection-php .divider-header .category {

	float:right;

}

.page-template-video-collection-php .trending-vid, .single-video .trending-vid  {

	background-color:#000;

	opacity:1;

	transition: .3s ease-in-out;

	-webkit-transition: .3s ease-in-out;

	-moz-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	height:200px;

	margin: 4% 2% 2% 0;

	position:relative;

	width:320px;

}

.page-template-video-collection-php .trending-vid:hover, .single-video .trending-vid:hover {

	transform: scale(1.25);

	-moz-transform: scale(1.25);

	-webkit-transform: scale(1.25);

	-o-transform: scale(1.25);

	-ms-transform: scale(1.25);

	border:1px solid #fbbe2b;

	-moz-box-shadow: 1px 1px 20px #333;

	-webkit-box-shadow: 1px 1px 20px #333;

	box-shadow: 1px 1px 20px #333;

	z-index: 99;

	cursor:pointer;

}

.page-template-video-collection-php .trending-vid.row-end, .single-video .trending-vid.row-end {
	margin:4% 0 0;
}

.page-template-video-collection-php .trending-vid a, .single-video .trending-vid a {
	background-size: cover!important;
	height: 100%;
	width: 100%;
	opacity: .8;
}

.page-template-video-collection-php .trending-vid:hover a, .single-video .trending-vid:hover a {

	opacity:.5;

}

.page-template-video-collection-php .trending-vid #vid-info, .single-video .trending-vid #vid-info {

	position:absolute;

	bottom:0;

	left:0;

	overflow: hidden;

	text-shadow: 1px 1px #000;

	padding-bottom:10px;

	width: 100%;

	pointer-events: none;

}



.page-template-video-collection-php .trending-vid:hover #vid-info:before, .single-video .trending-vid:hover #vid-info:before {

	content: "";

	width: 100%;

	height: 25%;

	position: absolute;

	bottom: 0;

	right: 0;

/*	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 100%);*/

}

.page-template-video-collection-php .trending-vid h4, .single-video .trending-vid h4 {

	color:#fff;

	margin: 0 3% 3% 3%;

}

.page-template-video-collection-php .vid-hover, .single-video .vid-hover, .shareable-vid {
	transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	opacity:0;
	width: 31px;
    height: 31px;
}
.shareable-vid {
	height:27px!important;
	width:27px!important;
	opacity: 0!important;
}
.page-template-careers-php .vid-hover {
	height:31px;
	width:31px;
	-webkit-transition: all .16s ease-out;
	-o-transition: all .16s ease-out;
	-moz-transition: all .16s ease-out;
	transition: all .16s ease-out;
}
.page-template-careers-php .career-desc-image {
	border: 1px solid transparent;
	-webkit-transition: all .16s ease-out;
	-o-transition: all .16s ease-out;
	-moz-transition: all .16s ease-out;
	transition: all .16s ease-out;
}
.page-template-careers-php .career-desc-image:hover {
	border: 1px solid #fbbe2b;
}
.page-template-careers-php .career-desc-image:hover a {
	opacity:.8;
}
.page-template-video-collection-php .trending-vid:hover .vid-hover, .single-video .trending-vid:hover .vid-hover, .page-template-careers-php .vid-hover {
	opacity:1;
}

.trending-vid:hover .shareable-vid {
	opacity:1!important;
}

.page-template-video-collection-php .trending-vid .credentials, .single-video .trending-vid .credentials {

	display: block;

	transition: max-height 10ms ease-out;

	-webkit-transition: max-height 10ms ease-out;

	-moz-transition: max-height 10ms ease-out;

	-o-transition: max-height 10ms ease-out;

	max-height: 0;

	font-size: 9px;

	margin: 0 3% 0 3%;

	color: #e5e5e5;

	overflow: hidden;

}

.page-template-video-collection-php .trending-vid:hover .credentials, .single-video .trending-vid:hover .credentials {

	max-height: 100px;

	transition: max-height 0.25s ease-in;

	-webkit-transition:max-height 0.25s ease-in;

	-moz-transition:max-height 0.25s ease-in;

	-o-transition:max-height 0.25s ease-in;

}



 	/*Video Slider Scrollbar*/



.page-template-video-collection-php .video-slider .rsOverflow::-webkit-scrollbar, .single-video .video-slider .rsOverflow::-webkit-scrollbar {

width: 90%;

height: 10px;

margin: 500px;

padding: 500px;

}

 .page-template-video-collection-php .video-slider .rsOverflow::-webkit-scrollbar:horizontal, .single-video .video-slider .rsOverflow::-webkit-scrollbar:horizontal {

background: #fff;

}

 .page-template-video-collection-php .video-slider .rsOverflow::-webkit-scrollbar-track:horizontal, .single-video .video-slider .rsOverflow::-webkit-scrollbar-track:horizontal {

background: #e7e6e4;

border-radius: 15px;

padding: 0 0 0 20px;

}

 .page-template-video-collection-php .video-slider .rsOverflow::-webkit-scrollbar-thumb:horizontal, .single-video .video-slider .rsOverflow::-webkit-scrollbar-thumb:horizontal {

background: #5c594d;

border-radius: 15px;

}

 .page-template-video-collection-php .video-slider .rsOverflow::-webkit-scrollbar-thumb:hover, .single-video .video-slider .rsOverflow::-webkit-scrollbar-thumb:hover {

background: #fbbe2b;

}

 .page-template-video-collection-php .video-slider .rsOverflow::-webkit-scrollbar-button:horizontal, .single-video .video-slider .rsOverflow::-webkit-scrollbar-button:horizontal {

background: #fff;

width: 8%;

}

	/*End Video Slider Scrollbar*/



	/* jQuery Scrollbar*/

	#scrollbar {

		max-width: 1004px;

		margin: 0 auto;

	}

	.ui-slider-horizontal .ui-slider-handle {

  margin-left: -2.5em;



	}



	.ui-slider .ui-slider-handle {

		position: absolute;

		z-index: 2;

		width: 5em;

		height: .9em;

		cursor: default;

	}



	.ui-state-default,

	.ui-widget-content .ui-state-default,

	.ui-widget-header .ui-state-default {

		background: #5c594d;

		font-weight: bold;

	}



	.ui-state-hover,

	.ui-widget-content .ui-state-hover,

	.ui-widget-header .ui-state-hover,

	.ui-state-focus,

	.ui-widget-content .ui-state-focus,

	.ui-widget-header .ui-state-focus {

		background: #fbbe2b;

	}



	.ui-state-active,

	.ui-widget-content .ui-state-active,

	.ui-widget-header .ui-state-active {

		background: #fbbe2b;

	}



	.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {

		border-bottom-right-radius: 5px;

	}



	.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {

		border-bottom-left-radius: 5px;

	}



	.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {

		border-top-right-radius: 5px;

	}

	.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {

		border-top-left-radius: 5px;

	}

	.ui-widget-content {

		border: none;

		background: #e7e6e4;

	}

	.ui-widget {

		font-size: 1.1em;

	}

	.ui-slider-horizontal {

		height: .8em;

	}

	.ui-slider {

		position: relative;

		text-align: left;

	}

	/* End jQuery Scrollbar*/



	/* END VID COLLECTION */



	/*** MEDIA QUERIES ***/

	/*Desktop*/



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

#project-list .book-block, #project-list .design_books, #project-list .resource_item {

	width:23.5%;

	min-height:230px

}




.page-template-publications-php #project-list .design_books {	min-height:250px}


.single-design-book #post h4 {

	width:100% !important

}

.design-book-summary {

	width:100% !important

}

.trending-vid {

	width:23.5%

}

#video-container #text #playbutton .rectangle {

	width: 90px!important;

	height: 60px!important;

	display: block;

}

}

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



	 	.page-template-video-collection-php #page-content, .single-video #page-content {

			max-width: 100%;

			padding: 30px 20px 20px 20px;

		}

		#scrollbar {

			max-width: 80%;

			margin: 40px auto 0;

		}

		.page-template-video-collection-php .trending-vid, .single-video .trending-vid {

			width: 32%;

			height: 200px;

			min-height: auto;

		}



		.page-template-video-collection-php .trending-vid:hover, .single-video .trending-vid:hover {

			transform: none;

			-moz-transform: none;

			-webkit-transform: none;

			-o-transform: none;

			-ms-transform: none;

			border: none;

			-moz-box-shadow: none;

			-webkit-box-shadow: none;

			box-shadow: none;

			z-index: inherit;

			cursor: pointer;

		}









		.page-template-video-collection-php .trending-vid h4, .single-video .trending-vid h4 {

			bottom: 10px;

			position: absolute;

		}



		.page-template-video-collection-php .video-slider, .single-video .video-slider {

			height: 240px;

		}



		.page-template-video-collection-php .royalSlider, .page-template-video-collection-php .rsOverflow, .single-video .royalSlider, .single-video .rsOverflow {

			height: inherit!important;

		}



		.page-template-video-collection-php .vid-hover, .single-video .vid-hover, .shareable-vid {

			opacity: 1!important;

		}

		.page-template-video-collection-php .trending-vid #vid-info, .single-video .trending-vid #vid-info {

			position: static;

		}







}







	/*Tablet*/



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

.page-template-webinars-php #webinar-slider {

	height: 550px;

}

.page-template-webinars-php .webinar-img {

	float: none;

	width: 715px;

	height: 300px;

}

.page-template-webinars-php .webinar-desc {

	width: 40%;

	margin: 20px 0 0 20px;

	float: none;

	height: 200px;

}

.page-template-webinars-php .speaker-image {

	height: 100px;

	width: 100px;

}

.page-template-webinars-php .webinar-speaker {

	width: 100px;

	height: 200px;

}

.page-template-webinars-php .webinar-img img {

	width: 100%;

}

		.page-template-video-collection-php .trending-vid, .single-video .trending-vid {

			width: 32%;

			height: 160px;

			min-height: auto;

		}
		.pub_item a:first-of-type {
		    height: 150px;
		}


}

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

.single-design-book .book-block, .single-publication .book-block{

	float:left;

	margin:0 0 10px 0;

	width:auto

}

.single-design-book .book-block img, .single-publication .book-block img  {

	width:100%;
	height: auto;

}

#project-list .book-block {

	margin:0;

	width:49%

}

.single-design-book #post h4 {

	width:100% !important

}

.design-book-summary {

	width:100% !important

}

#project-list .book-block:nth-child(odd) {

	margin:0 0 2% 2%

}

.page-template-design-books-php .design_books:nth-child(even), .pub_item:nth-child(even) {
	margin:0 0 2% 2%
}

.page-template-design-books-php .design_books img, .single-design-book .book-block img, .single-publication .book-block img  {
	width:100%
}

#project-list .design_books, #project-list .resource_item, #project-list .pub_item {

	min-height:280px;

	width:48%

}

#project-list .design_books:nth-child(even), #project-list .resource_item:nth-child(even) {

	margin:0 2% 2% 0

}

#project-list .design_books img, #project-list .resource_item img {

	width:100%

}

#trending-posts .post {

	float:none;

	margin:0 0 20px 0;

	min-height:0;

	padding:20px;

	width:auto

}

.trending-vid {

	margin:0 0 10px 0;

	min-height:260px;

	width:49%

}

.trending-vid img {

	width:100%

}

.trending-vid:nth-child(even) {

	margin:0 0 2% 2%

}

}

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

#video-container #text #actions {

	height: 50px!important;

}

#video-container #text #playbutton {

	margin-top: 10px!important;

}

#video-container #text #playbutton .rectangle {

	width: 90px!important;

	height: 50px!important;

}

#video-container #text #playbutton .triangle {

	border-width: 12px 0 12px 20px!important;

	bottom: 40px!important;

}

.page-template-webinars-php #webinar-slider {

	height: 420px;

}

.page-template-webinars-php .royalSlider, .page-template-webinars-php .rsOverflow {

	height:100%!important;

}

.page-template-webinars-php .webinar-img {

	display: none;

}

.page-template-webinars-php .webinar-desc {

	width: 17%;

	padding: 20px 20px 0 20px;

	height: auto;

	margin: 0;

}

.page-template-webinars-php .webinar-speaker {

	width: 100%;

	height: auto;

	float:left;

	margin-bottom: 20px;

}

.page-template-webinars-php .speaker-image {

	float:left;

	margin-right: 20px;

}

.page-template-webinars-php .webinar-speaker h4 {

	margin-top: 20px;

}

.page-template-webinars-php .webinar-speaker h4, .page-template-webinars-php .webinar-speaker .credentials {

	display:inline-block;

}

.page-template-webinars-php .practice-area:nth-child(even) .area-image {

	float: none;

	width: 100%;

}

}

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

.pin-mobile {

	display:block;

}

#float-right-sb {

	max-width:100%;

}/*.single-resources #post{float:none;max-width:none;width:auto}*/

.single-design-book #post {

	float:none;

	max-width:none;

	width:auto;

}

.single-design-book #project-list {

	margin-left:0;

}

.page-template-design-books-php .design_books, .single-design-book .book-block, .page-template-resources-php .resource-item,.single-publication .book-block, .pub_item {

	margin:0 0 10px 0 !important;

	width:100% !important;

}

.book-meta {

	min-height:0;

}

.single-single-book #post {

	float:none;

	max-width:none;

	width:auto;

}

#project-list .design_books, #project-list .resource_item, #project-list .pub_item  {
	float:none;
	margin:0 0 10px !important;
	min-height:0;
	width:auto;
}
.pub_item a:first-of-type {
    display: inline;
}
.pub_item a img {
    margin-bottom: 10px;
}

#trending-posts {

	float:none;

	max-width:none;

	width:100%;

}

.pin-item:hover, .trending-vid:hover {

	opacity:1;

}

#trending-slider .rsBullet, #trending-slider-2 .rsBullet {

	border-radius:15px;

	width:10px;

	height:10px;

}

#trending-posts .post {

	padding:0;

}

.fancybox-desktop {

	top:160px !important;

	left:0 !important;

}

.fancybox-inner {
	height:200px !important;
}

#trending-slider .rsOverflow {

	height:580px !important;

}

#trending-slider-2 .rsOverflow {

	height:580px !important

}

#trending-posts .post img {

	width:320px !important

}

.trending-vid {

	float:none;

	margin:0 0 10px 0 !important;

	width:100%;

}

#wistia_10_socialbar_wistia_container {

	display:none!important

}

#trending-posts .divider-header {

	display:block

}

#trending-slider-2 {

	height:580px

}

}



	/*Smartphone*/



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

		.page-template-video-collection-php #page-content, .single-video #page-content {

			max-width: 100%;

			padding: 30px 20px 20px 20px;

		}

		#scrollbar {

			max-width: 80%;

			margin: 0 auto;

		}

		.page-template-video-collection-php .trending-vid, .single-video .trending-vid {

			width: 100%;

			min-height: 160px;

			height: 200px;

		}



		.page-template-video-collection-php .trending-vid:hover, .single-video .trending-vid:hover {
			transform: none;
			-moz-transform: none;
			-webkit-transform: none;
			-o-transform: none;
			-ms-transform: none;
			border: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			z-index: inherit;
			cursor: pointer;
		}
		.page-template-video-collection-php .content-center .video-slider {
			height: 620px;
		}
		.page-template-video-collection-php .trending-vid h4, .single-video .trending-vid h4 {
			bottom: 10px;
			position: absolute;
		}
		.page-template-video-collection-php .video-slider, .single-video .video-slider {
			height: 240px;
		}
		.page-template-video-collection-php .royalSlider, .page-template-video-collection-php .rsOverflow, .single-video .royalSlider, .single-video .rsOverflow {
			height: inherit!important;
		}
		.page-template-video-collection-php .vid-hover, .single-video .vid-hover {
			opacity: 1;
		}
		.page-template-video-collection-php .trending-vid #vid-info, .single-video .trending-vid #vid-info {
			position: static;
		}
	}
	/*2x*/



	@media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5) {
}

 @media all and (-webkit-min-device-pixel-ratio: 1.5) {
}



	/*** end media queries ***/