/*
Theme Name: Salient Hamlet Theme - NEW
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* Custom CSS */
body header#top .col.span_4 {margin-top:-2px;}
	
		
	


@media only screen and (min-width: 1300px) {
}


@media only screen and (min-width: 1000px) and (max-width: 1300px) {
	body #featured article .post-title > a {left:-10px;}
}


@media only screen and (min-width: 1000px) and (max-width: 1080px) {
}


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


/* iPad landscape fixes */
@media only screen and (min-device-width: 481px) and (max-device-width: 1025px) and (orientation:landscape) {
}


@media only screen and (min-width : 690px) and (max-width : 1000px) {
}


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


@media only screen 
and (min-width : 1px) and (max-width : 1000px) {
	
	/* We changed the header widths from span 3 / 9 to 4 / 8 */
		header#top .col.span_4 {
			position: absolute;
			left: 0px;
			top: 0px;
			z-index: 1000;
  		width: 85%!important;
  	}
  	
  	header#top .col.span_8 {
  		margin-left: 0px;
  		min-height: 48px;
  		margin-bottom: 0px;
  		width: 100%!important;
  		float: none;
  		z-index: 100;
		position: relative;
  	}	
	
	body #featured article .post-title > a {left:-10px;}
}

object, object embed {
	height: 100%;	
}

/**
 * Single production carousel.
 */
body.single-production div.video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

body.single-production div.player-hgwGNzeV div.video {
  padding-bottom: 75%;
}

body.single-production .image-carousel {
  padding:30px 20px;
  position: relative;
}

body.single-production .images div {
  display: block;
  float: left;
}

body.single-production .images span {
  display: block;
  clear: both;
  max-width: 200px;
  margin-left: 8px;
}

body.single-production .image-carousel img {
  border: 1px solid #ccc;
  background-color: white;
  padding: 9px;
  margin: 7px;
  display: block;
  float: left;
}

body.single-production a.carousel-prev, a.carousel-next {
  background: url(img/caroufredsel_sprite.png) no-repeat transparent;
  width: 45px;
  height: 50px;
  display: block;
  position: absolute;
  top: 85px;
}

body.single-production a.carousel-prev { 
  left: -22px;
  background-position: 0 0; 
}

body.single-production a.carousel-prev:hover {   
  background-position: 0 -50px; 
}

body.single-production a.carousel-prev.disabled {  background-position: 0 -100px !important;  }
body.single-production a.carousel-next {     
  right: -22px;
  background-position: -50px 0; 
}

body.single-production a.carousel-next:hover {   background-position: -50px -50px; }
body.single-production a.carousel-next.disabled {  background-position: -50px -100px !important;  }
body.single-production a.carousel-prev.disabled, a.next.disabled {
  cursor: default;
}

body.single-production a.carousel-prev span, a.carousel-next span {
  display: none;
}
body.single-production .carousel-pagination {
  text-align: center;
}

body.single-production .carousel-pagination a {
  background: url(img/caroufredsel_sprite.png) 0 -300px no-repeat transparent;
  width: 15px;
  height: 15px;
  margin: 0 5px 0 0;
  display: inline-block;
}

body.single-production .carousel-pagination a.selected {
  background-position: -25px -300px;
  cursor: default;
}

body.single-production .carousel-pagination a span {
  display: none;
}

body.single-production .image-carousel img.selected {
  border: 1px solid red;
}

body.single-production .image-carousel .clearfix {
  float: none;
  clear: both;
}

body.single-production .image-carousel .carousel-title {
  color: #777;
  font-size: 10px;
  max-width: 140px;
}

body.single-production blockquote {
  font: inherit;
  background-image: inherit;
}

/* Single production styling */
body.single-production .production-meta {
  display: block;
  float: right;
  margin-left: 15px;
  padding-bottom: 15px;
  max-width: 400px;
}

body.single-production .clip-meta {
  margin-bottom: 10px;
  overflow: hidden;
  display: none;
}

body.single-production .second-row,
body.single-production .third-row {
  height: 40px;
}

body.single-production .share-meta #embedCode, 
body.single-production .share-meta .url {
  width: inherit;
  min-width: 400px;
}

body.single-production .clip-notes-wrapper {
  padding: 5px;
}

body.single-production .clip-notes {
  padding: 10px;
  border: 1px dotted black;
}
input[type=text], textarea, input[type=email], input[type=password], input[type=tel] {
    padding: 10px!important;
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #fff;
    font-family: 'OpenSansRegular';
    font-size: 12px;
    line-height: 22px;
    color: #555;
    background-color: #ededed;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
#footer-outer .bold, #footer-outer strong, #footer-outer b, #footer-outer a {color:#fff;}
#footer-outer a {color:#E96950;}


article.post .content-inner {padding-bottom:20px; margin-bottom:30px;}


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.clearfixleft {clear: left;}

.portfolio-items .work-info-bg {display:none !important;}
.portfolio-items .work-info-bg:hover, .portfolio-items .work-info:hover {border:3px solid #27CFC3;}
.portfolio-items .col .work-item .work-info a {background:#000;}
.portfolio-items .col .work-item .overlay {padding: 3px 5px; position: absolute; bottom: 0px; left: 0px; width: 100%; background-color: black; color: white;}

.archive .post-content {padding-left:0;}

/* overrides */
body.home { background-color: #ededed; }
.nectar-love {
  display: none!important;
}
.container-wrap p {padding-bottom:0px;}
.container-wrap i {font-style:italic!important;}
.sf-menu>li ul {padding:0px;}
.sf-menu .sf-with-ul a {padding:14px;}
.sf-menu ul li a {border-bottom: 1px solid rgba(255,255,255,0.1);}
body #header-outer #mobile-menu:before {background:#1F1F1F;}
#header-outer #mobile-menu ul li a, #header-outer #mobile-menu ul li a .item_desc, #header-outer #mobile-menu .below-menu-items-wrap p {
    color: rgba(255, 255, 255, 0.6)!important;
}
#header-outer #mobile-menu ul li a:hover {
    color: rgba(255, 255, 255, 1)!important;
}
#mobile-menu .menu-items-wrap ul:not(.nectar_widget)>li:before {
    background-color: rgba(255,255,255,.3);
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    width: 100%;
    left: 0;
    height: 1px;
}


/* Tables */
	table td, table th {
	    padding: 0 3px;
	    border-bottom: 1px solid #ddd;    
	    border-right: 1px solid #ddd;    
	}

	.zebra tbody tr:nth-child(even) {
	    background: #f9f9f9;
	    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
	    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
	    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
	}
	.zebra tbody th {
		background:#E6EEF9;
	}

	.zebra tbody tr:nth-child(even) th{
		background:#E6EEF9;
	}

	.zebra tbody tr:nth-child(odd) th{
	    background: #EFF4FC;    
	}

	.zebra thead th {
	    text-align: left;
	    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
	    border-bottom: 1px solid #ccc;
	    background-color: #eee;
	}
	.first-head thead th:first-child {background:#C5D9F1; border:1px solid #B0C0CE;}

	.zebra tbody th {

	}

	.zebra tfoot td {
	    border-bottom: 0;
	    border-top: 1px solid #fff;
	    background-color: #f1f1f1;  
	}
	
	table.zebra {table-layout:fixed;}
	td, th {display:table-cell;}
	th {background:url(img/arrows-default.png) center right no-repeat;}
	th.headerSortDown {background:url(img/arrows-down.png) center right no-repeat;}
	th.headerSortUp {background:url(img/arrows-up.png) center right no-repeat;}
	.zebra thead th.headerSortDown, .zebra thead th.headerSortUp  { background-color:#DDD;}
	.zebra thead th.headerSortDown:hover, .zebra thead th.headerSortUp:hover {background-color:#D2D2D2;}
	.zebra thead th:hover {background-color:#E2E2E2; cursor:pointer; cursor:hand;}
	th.play, td.play {white-space:nowrap;}
	th.td-thumb, td.td-thumb {width:150px;}
	.td-thumb img {display:block; float:left; margin:5px auto; width:140px !important; height:auto !important;}
	
	table td, table th {vertical-align:top;}
	table th {padding-right:24px;}

	#portfolio.portfolio-items .col.span_3 .work-item .work-info .vert-center {
    margin-top: 42.5px; 
    padding-top: 0px;
  }

  #portfolio.portfolio-items .col.span_4 .work-item .work-info .vert-center {
   margin: 0;
    padding: 0px;
    height: 100%;
    width: 100%;
  }

	blockquote {
		line-height: 20px;
		font-size: 14px;
		padding-left: 50px;
	}
	
	.toggle h3 a {
		background-color: #1EBBAF!important;
		color:#fff;
	}
	.toggle h3 a i {color:#fff;}
	
  .share-link-block .notes {text-align: center;margin-top: 10px;background-color: #888888;color: white;padding: 10px;}
  .share-link-block .notes p {padding-bottom: 5px;}
  .share-link-block .notes textarea, .share-link-block .notes input, .share-link-block .notes textarea:focus, .share-link-block .notes input:focus {width: auto;background-color: white;color: black;}
  .share-link-block .notes .mce-container {margin-bottom: 5px;}
  .share-link-block .notes input[type=text] {padding: 0px !important;}
  .share-link-block .notes textarea {width: 80%; }

  .share-link-block .first-row {height: 80px;}
  #shareLink {resize: none; height: 80px;}
  .share-link-block .first-row input {height: 40px;}
	.checkbox {position:absolute; top:12px; left:10px; width:17px; height:17px; background:url(img/checkbox.gif) 0 0; cursor:pointer; cursor:hand;}
	/** .checkbox:hover, **/ .checkbox.active {background-position:0 -19px;}
	
	.youtube .startTime, .youtube .endTime {display:none;}
	
	.single-production .tab-meta-wrapper {position:relative;}
	.single-production .tabbed {padding-right:325px; min-height:400px;}
	.single-production .meta-right {width:325px; position:absolute; top:0; right:0; border-top:37px solid #eee; padding-left:20px;}
	.single-production .meta-right .production-meta {margin-top:17px;}
	
	body.single-production .clip-notes-wrapper {padding:0;}
	
	body.single-production .clip-notes {border:1px solid #ddd; background:#fcfcfc; padding:15px; margin-bottom:10px;}
	
	body.single-production article.post .content-inner {border-bottom:none;}
	body.single-production .comments-section {padding-right:325px;}
	
/* placeholders for search page */
.placeholder-thumb {
  background-image: url('img/extra-icons.png');
}

.placeholder-full-video {
  background-position: 0px 0px;
}

.placeholder-clip {
  background-position: -132px 0px;
}

.placeholder-essay {
  background-position: -264px 0px;
}

.placeholder-blog {
  background-position: -396px 0px;
}

.placeholder-interview {
  background-position: -528px 0px;
}

.placeholder-production {
  background-position: -660px 0px;
}
	
	/* jquery map */
.jvectormap-label {
    position: absolute;
		z-index:10;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px 10px;
		margin:-20px 0 0 -20px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    width: 18px;
    height: 18px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}
#map {height:400px; position:relative; margin-bottom:20px;}


#map path, #map path:hover {fill:#fff; fill-opacity:1; stroke-width:1px; stroke:#fff;}

#map path[clickable="true"] {fill:#DBFFFC; cursor:pointer; cursor:hand; -webkit-transition:fill .1s linear; -moz-transition:fill .1s linear;  transition:fill .1s linear; stroke:#C6F7F2;}
#map path[clickable="true"]:hover {fill:#27CFC3; stroke:#27CFC3; cursor:pointer; cursor:hand;}

/* Set toggles to have a scrollable max-height */
.toggle.open > div {max-height:300px; overflow:auto;}

body {font-family:arial;}
p {font-size:14px;}

header#top nav > ul > li > a { font-size:13px; }

h1, h2, h3, h4, h5, h6 {font-family:Arial, sans-serif}
h1 { font-size: 30px!important; line-height: 42px!important; margin-bottom: 7px!important; }

h2 { font-size: 22px!important; line-height: 36px!important; margin-bottom: 10px!important;}

h3 {
    font-size: 19px!important;
    line-height: 22x!important;
    margin-bottom: 7px!important;
}
h4 { font-size: 18px!important; line-height: 32px!important; margin-bottom: 7px!important; }

h5 { font-size: 16px!important; line-height: 26px!important; margin-bottom: 7px!important; }

h6 { font-size: 14px!important; line-height: 24px!important; margin-bottom: 7px!important;  }
/** Vertical tabbed content **/
.vertical-tabbed-menu .veritcal-tab-content {display: none;}
.vertical-tabbed-menu div.vertical-tabbed-options {border-right: 1px solid gray;}
@media only screen and (max-width: 1000px) {
  .vertical-tabbed-menu div.vertical-tabbed-options {border-right: none; min-height: 0px!important;}
}

.vertical-tabbed-menu div.vertical-tab a {display: block;color: #888;position: relative;background-color: rgba(0,0,0,0.045);padding: 8px 15px;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;-moz-transition: all 0.2s linear;border-right: 1px solid rgba(0,0,0,0.06);}
.vertical-tabbed-menu div.verital-tab a:hover { background-color: rgba(0,0,0,0.035); }
.vertical-tabbed-menu div.vertical-tab:last a { border-color: transparent; }
.vertical-tabbed-menu div.active a { color: #fff; border-color: #27CFC3; background-color: #27CFC3; }

/* Media Library */
.media-library .option h3 { font-weight: bold; }
.media-library .selected-moments h3 { margin-bottom: 5px; }
.media-library .options .active h3 { color: #ba2344; }
.media-library .option h3:hover { color: #ba2344; cursor: pointer; }
.media-library .option li { list-style: none; }
.media-library .options .search-link {border-top: 1px solid black; padding-top: 5px; width: 150px;}
.media-library .search-link a {color: #444;font-weight:bold;}
.media-library a { color: #888; cursor: pointer; }
.media-library a:hover { color: #ba2344; }
.media-library .options .active .sub-options { display: block; }
.media-library .options .active .sub-options a.active { color: #ba2344; }
.media-library .videos .full-videos, .media-library .videos .selected-moments { display: none; }
.media-library .videos .active { display: block; }
.media-library .videos h4, .media-library .videos .director { font-weight: bold; font-size: 14px; line-height: normal; margin-bottom: 5px;}
.media-library .videos .full-videos .thumbnail { position: relative; }
.media-library .videos .full-videos .thumbnail img { margin-bottom: 0px; line-height: 0px; padding-bottom: 0px; }
.media-library .videos .full-videos .thumbnail a { line-height: 0px; padding-bottom: 0px; margin-bottom: 0px; }
.media-library .videos .full-videos .collection-links { line-height: 22px; font-weight: bold;}
.media-library .videos .full-videos div.production { border: 1px black solid; padding-bottom: 0px; margin-bottom: 24px; line-height: 0px; }
.media-library .videos .full-videos div.caption { padding: 5px; line-height: normal; position: absolute; bottom: -1px; left: 0px; background-color: black; color: white; width: 100%; }
.media-library .videos .full-videos div.more-details { display: none; }
.media-library .videos .selected-moments .collection { display: none; }
.media-library .videos .selected-moments .active { display: block; }
.media-library .videos .selected-moments .collection h2 { color: #ba2344; }
.media-library .videos .selected-moments .collection-description { margin-top: 10px; margin-bottom: 15px; }
.media-library .videos .selected-moments .collection-description p { font-size: 12px !important; }
.media-library .videos .director { font-weight: normal; font-size: 12px; }
.media-library .videos .collections h4 { margin-bottom: 5px; font-size: 12px; }

/** For uwpqsf **/
[class*='tax-check-'] label, [class*='cmf-check-'] label { float: none; width: 100%; display: block; }

/** Overwrite Salient Styles **/
.bold, strong, b {
  font-weight: bold !important;
}

.wp-caption .wp-caption-text {
  text-align: left;
  font-size: 14px;
}

body.home .container-wrap {
  background-color: #000;
  color: #FFF;
}

html.no-overflow-y {
  overflow-y: scroll !important;
}



/*-------------------------------------------------------------------------*/
/*	8. Sidebar Styles
/*-------------------------------------------------------------------------*/

#sidebar div ul {
	margin-left: 0px;	
}

#sidebar div ul li {
	padding: 8px 0px;
	list-style: none;
	border-bottom: 1px solid #e6e6e6;
}

#sidebar > div {
	margin-bottom: 50px;	
}

#sidebar > div:last-child {
	margin-bottom: 0px;
}

#sidebar #sidebar-inner {
	margin-bottom: 0px!important;
}

#sidebar .widget_recent_entries span, .recent_posts_extra_widget span {
	display: block;
	line-height: 13px;
	font-size: 11px;
	margin-bottom: 6px;
}

#sidebar .widget_recent_entries span {
	color: #999;
}

#sidebar h4 {
    margin-bottom: 10px;
    color: #999;
    font-family: 'OpenSansbold';
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#sidebar .widget_recent_comments h4, #sidebar .Simple_Flickr_Photos h4 {
	margin-bottom: 16px;
}

#sidebar .widget li.recentcomments {
	padding: 15px!important;
	margin-bottom: 22px;
	border: none;
	position: relative;
	display: block;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02);
}

#sidebar .widget li:first-child {
	padding-top: 0px;
}

.widget.widget_search {
	display: none;
}

#sidebar .widget .tagcloud a, .post-tags a  {
	background-color: #333333;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 3px 3px 0px 0px;
    font-size: 8pt!important;
    padding: 5px 7px;
    position: relative;
    text-transform: capitalize;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
}

#sidebar .widget_tag_cloud:after {
	display: block; 
	height: 0; 
	clear: both; 
	content: ""; 
	visibility: hidden;
}

#sidebar .widget .tagcloud a:hover, .post-tags a:hover {
	background-color: #27CFC3;
}

#sidebar .widget input[type=text], #sidebar .widget input[type=email] {
    padding: 10px;
    width: 100%;
}

#sidebar .widget form p {
	padding-bottom: 15px;
}


#sidebar .widget.widget_categories ul ul, #sidebar .widget.widget_pages ul ul, #sidebar .widget.widget_nav_menu ul ul {
	margin: 0px 0px 0px 0px!important;
	padding: 0px 0px 0px 20px;
}

#sidebar .widget.widget_categories li, #sidebar .widget.widget_pages li, #sidebar .widget.widget_nav_menu li {
	border-bottom: 0px!important;
	padding: 0px!important;
}

#sidebar .widget.widget_categories li a, #sidebar .widget.widget_pages li a, #sidebar .widget.widget_nav_menu li a {
	padding: 8px 0px;
	display: block;
	border-bottom: 1px solid #E6E6E6;	
}

#sidebar .widget.widget_categories > ul > li:first-child > a, #sidebar .widget.widget_pages > ul > li:first-child > a, #sidebar .widget.widget_nav_menu > ul > li:first-child > a {
	padding-top: 0px;
}


#sidebar.left-sidebar {
	float: left;	
}


/***************** Portfolio ******************/

.portfolio-items .work-info-bg {
	opacity: 0;
	filter: alpha(opacity=0);
	height: 100%;
	width: 100.2%;
	top: 0px;
	left: 0px;
	background-color: #27CFC3;
	position: absolute;
}
	
.portfolio-items .work-info {
	/*opacity: 0;*/
	filter: alpha(opacity=0);
	position: absolute;
	padding: 0;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	color: #fff;
}

.portfolio-items .col {
	height: 100%;
}

#portfolio-filters, #portfolio-nav {
	height: 33px;
	z-index: 100;
	right: 0px;
	top: 0px;
	position: absolute;
	display: inline-block;
	width: 100%;	
}

.page-template-template-portfolio-php #portfolio-filters {
	position: absolute;
	margin-top: 0px;
	top: 5px;
}

#portfolio-filters {
	position: relative;
	margin-top: 30px;
}

#portfolio-filters ul {
	margin: 0px;
}

.portfolio-filter-clear {
	padding: 0!important;
}

#portfolio-nav {
	position: absolute;
}

#portfolio-filters {
	height: auto!important;
	width: 200px;
	float: right;
	display: block!important;
	margin-bottom: 33px;
	background-color: #27ccc0;
}

#portfolio-filters li, #portfolio-filters-inline li {
	list-style: none!important;
}

#portfolio-nav ul.controls {
	float: right;	
}

.no-date #portfolio-nav {
	top: 10px;
}

#portfolio-nav {
	top: 10px;	
}

#portfolio-filters > ul {
	display: none;
	width: 100%;
	position: absolute;
	z-index: 100;
}

#portfolio-filters ul li a {
	color: rgba(255, 255, 255, 0.7) !important;
}

#portfolio-filters a {
	display: block;
	padding: 9px 15px 10px 15px;
	color: #fff;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	background-color: #27CFC3;	
	border-top: 1px dotted rgba(255, 255, 255, 0.3);
}

body #portfolio-filters-inline {
	margin-top: 0px;
	z-index: 100;
	height: auto!important;
	padding-top: 19px!important;
	padding-bottom: 19px!important;
	background-color: #313233;
}

body #portfolio-filters-inline.first-section {
	padding-top: 50px!Important;
}

body #portfolio-filters-inline.nder-page-header.first-section  {
	padding-top: 19px!important;
}

#portfolio-filters-inline.non-fw {
	padding-top: 33px!important;
	padding-bottom: 33px!important;
	background-color: transparent!important;
}

body #portfolio-filters-inline.nder-page-header.first-section.non-fw {
	padding-top: 33px!important;
}

body #portfolio-filters-inline.non-fw.first-section {
	padding-top: 70px!Important;
}

#portfolio-filters-inline .clear {
	padding: 0px;
}

#portfolio-filters-inline ul li, #portfolio-filters-inline ul ul {
	display: inline;
}

#portfolio-filters-inline ul {
	margin: 0px!important;
	text-align: right;
}

#portfolio-filters-inline #current-category {
	width: 25%;	
}

#portfolio-filters-inline .container > ul {
	max-width: 72%;
	margin-right: -11px!important;
}

#portfolio-filters-inline ul ul {
	margin-left: 0px!important;	
}

#portfolio-filters-inline #current-category {
	padding-left: 0px;
	float: left;
}

#portfolio-filters-inline .container > ul {
	float: right;
}

#portfolio-filters-inline .container > ul > li:last-child a {
	border: none!important;
}

#portfolio-filters-inline .container > ul a, #portfolio-filters-inline .container > ul li#sort-label  {
	padding: 0px 11px;
	margin: 7px 0px;
	line-height: 14px;
	display: inline-block;
}

#portfolio-filters-inline .container > ul li#sort-label {
 	border: none!important;
 	padding-right: 20px;
}

#portfolio-filters-inline #current-category {
	color: #eee;
    font-family: 'OpenSansLight';
    font-size: 20px;
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
    text-transform: none;
    top: 3px;
}

#portfolio-filters-inline .container > ul li#sort-label {
	color: #eee;
}

#portfolio-filters-inline ul li a {
	color: #999;
}

#portfolio-filters-inline ul li a:hover {
	color: #eee;
}

#portfolio-filters-inline.non-fw #current-category, #portfolio-filters-inline.non-fw .container > ul li#sort-label {
	color: #888!important;
}

#portfolio-filters-inline.non-fw ul li a:hover {
	color: #333;
}

#sort-portfolio {
	position: relative;
	border-top: 0px!Important;
}

#sort-portfolio span {
	font-family: 'OpenSansRegular';
	display: block;
    font-size: 12px;
    line-height: 21px;
    padding-left: 0px!important;
	color: #fff!important;
}

#sort-portfolio i {
	font-size: 12px!Important;
	position: absolute;
	right: 5px;
	top: 13px;
	height: 14px;
	line-height: 14px;
	background-color: transparent!important;
}

#portfolio-filters #sort-portfolio {
	background-color: #27CFC3;	
	padding-right: 40px;
	min-width: 160px;
	border-radius: 2px;
}

#portfolio-filters a:hover {
	color: rgba(255, 255, 255, 1) !important;
}

#portfolio-filters:hover #sort-portfolio {
	color: rgba(255, 255, 255, 1) !important;
	border-radius: 2px 2px 0px 0px;
}

.page-template-template-portfolio-php .page-header-no-bg .section-title {
	border-bottom: 0px;
	padding-bottom: 1em!important;
}

#portfolio {
	margin: 3px -1.2% 0px -1%;	
}

.portfolio-items .col {
	background-color: #f5f5f5;	
}

.portfolio-items.carousel .col {
	background-color: transparent;
}

html:not(.js) .portfolio-items .col.span_3 img, html:not(.js) .portfolio-items .col img {
	opacity: 1!important;
}

.portfolio-items .col img, .portfolio-items .col .work-meta, .portfolio-items .col .nectar-love-wrap {
	opacity: 1;
}

.carousel.portfolio-items .col img, .carousel.portfolio-items .col .work-meta, .carousel.portfolio-items .col .nectar-love-wrap {
	opacity: 1;
}

body .portfolio-items .col {
	height: auto;	
	margin-bottom: 25px!important;
}

.portfolio-items .col.span_4 {
	width: 31.00%;
	margin: 0px 1.13%;
}

.portfolio-items .col.span_3 .work-item .work-info a {
	padding: 6px 11px;
	font-size: 11px!important;
	margin: 3px;
}

.portfolio-items .col.span_3 .work-meta h4 {
	font-size: 16px;
	line-height: 16px!important;
	letter-spacing: -1px;
}

.portfolio-items .work-meta h4 {
	line-height: 22px!important; 
	position: relative;
	top: -2px; 
}

.portfolio-items .col.span_3 {
	width: 22.7%;
	margin: 0px 1.1%;
	padding: 0px;
}

.page-template-template-portfolio-php .portfolio-items .col.span_3, .page-template-template-portfolio-php .portfolio-items .col.span_4 {
	background-color: #F5F5F5; /* safari text fix */
}

#portfolio-nav #all-items a {
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 0px 10px 0 0;
    position: relative;
    background-position: 11px center;
    background-repeat: no-repeat;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

#portfolio-nav #all-items a i {
	line-height: 30px;
	font-size: 30px!important;
	background-color: transparent!important;
}

#portfolio-nav li {
	float: left;
	list-style: none;	
}

#portfolio-nav #prev-link a, #portfolio-nav #next-link a {
    color: #888 !important;
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 0px 10px 0 0;
    position: relative;
    text-transform: capitalize;
    background-repeat: no-repeat;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    text-align: center;
}

#portfolio-nav #prev-link a {
	background-position: 13px center;
	padding: 1px 0px;
}

#portfolio-nav #next-link a {
	padding: 1px 0px;
	margin-right: 0px;
	background-position: -20px center;
}

#portfolio-nav a i, #portfolio-nav a i {
	background-color: transparent!important;
	font-size: 30px;
	line-height: 28px;
	color: #888;
	transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
}

#portfolio-nav #next-link a i, #portfolio-nav #prev-link a i {
	font-size: 32px!Important;
} 

#full_width_portfolio #portfolio-nav #prev-link a i, #full_width_portfolio #portfolio-nav #next-link a i {
	
}

.parallax-effect #portfolio-nav #next-link a i, .parallax-effect #portfolio-nav #prev-link a i {
	-webkit-transform: translateZ(0px);
}

body #portfolio-nav a:hover {
	background-color: transparent!important;
}


.portfolio-items .col .work-item .work-info a {
	    background-color: #333;
    padding: 9px 15px;
    color: #fff!important;
    text-transform: uppercase;
    font-size: 13px!important;
    margin: auto;
    text-align: center;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    display: block;
    height: 100%;
    line-height: 100px;

}

.portfolio-items .col .work-item .work-info a:hover {
	opacity: 0.8;
}

.portfolio-items .col h3 {
	position: relative;
	top: 0px;
	color: #fff;
	margin-bottom: 10px;
}

.portfolio-items .col img {
	display: block;
	margin-bottom: 0px;
	width: auto;
}

.portfolio-items[data-col-num="elastic"] .col img {
	width: 100.5%!important;
	max-width: 100.5%!important;
}

.portfolio-items[data-col-num="elastic"] .work-info-bg {
    width: 100.5%!important;
}

.portfolio-items .col .work-info .magnify span { background-image: url(img/stock/icons/magnify.png); }

.portfolio-items .col .work-info .view, .portfolio-items .col .work-info .image, .portfolio-items .col .work-info .video {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	text-indent: -9999px;
	color: #fff;
	display: block;
}

.portfolio-items .col .work-info .view span { 
	 background-image: url(img/stock/icons/link.png);
}

.portfolio-items .col .work-info .image span { 
	 background-image: url(img/stock/icons/image.png);
}


.portfolio-items .col .work-info .video span { 
	 background-image: url(img/stock/icons/video.png);
}

.portfolio-items .col .work-info span {
	top: 0px;
	left: 0px;
	position: absolute;
	display: block;
	height: 42px;
	width: 42px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.8;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

.portfolio-items .col .work-info .vert-center {
	text-align: center;
	margin-top: 76.5px;
}

.portfolio-items .col .work-info .vert-center p {
	padding-bottom: 0px;	
}

.portfolio-items .col .work-info a:hover span { opacity: 0.8; }

.portfolio-items .col .work-info .vert-center *, .portfolio-items .col .work-info i {
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
}

.portfolio-items .col .work-item {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
}

.portfolio-items .col.elastic-portfolio-item .work-item {
	overflow: visible;
}

.portfolio-items .nectar-love {
	text-align: left;
}

.portfolio-items .nectar-love i, .post-meta .nectar-love i, #project-meta .nectar-love i {
	width: 20px!important;
	font-size: 14px!important;
	top: -1px!important;
}

.portfolio-items .nectar-love {
	-moz-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	height: 13px;
	width: auto;
	line-height: 11px;
	font-size: 12px!important;
	display: inline-block;
	text-align: left;
	color: #888;
}


.portfolio-items .work-meta {
	text-align: left;
	float: left;
	width: 70%;
	font-size: 11px;
	color: #999;
}

.light .portfolio-items .work-meta {
	color: #e8e8e8;
}

.portfolio-items .work-meta h4 {
	margin-bottom: -2px;
}

.portfolio-items .nectar-love span {
	line-height: 12px;
}

.portfolio-items .nectar-love-wrap {
	width: 70px;
	top: -1px;
	position: relative;
	float: right;
	text-align: right;
}

.portfolio-items .nectar-love:hover, .portfolio-items .nectar-love.loved {
	color: #888!important;
}

.portfolio-items .flex-gallery {
	margin-bottom: 0px;
}

.project-attrs {
	margin-bottom: 0px!important;
	margin-left: 0px!important;
}

.project-attrs li {
	list-style: none!important;
}
.project-attrs li span {
	display: inline-block;
	margin-right: 10px;
	height: 14px;
	width: 14px;
	background-color: #27CFC3;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	-o-border-radius: 40px;
	background-repeat: no-repeat;
	background-position: center center;
}

.project-attrs li i {
	font-size: 14px;
	line-height: 14px;
	width: 23px;
	text-align: left;
	height: auto;
	background-color: transparent!important;
}

.portfolio-items .work-item .work-info [id^="video-popup-"] {
	display: none;
}

#project-meta .nectar-love {
	color: #888!important;
	padding-left: 0px!important;
}

#project-meta .nectar-love:hover {
	color: #888!important;
}

#project-meta ul, #project-meta .nectar-social {
	height: 23px;
	margin-bottom: 30px!important;
}

#project-meta ul li {
	float: left;
	padding: 0px!important;
	border-bottom: 0px!important;
}

#project-meta ul li .nectar-love-wrap {
	border-right: 1px solid #ddd;	
	margin-right: 16px;
	padding-right: 16px;
	width: auto!important;
}

#project-meta ul li .nectar-love-wrap.no-border {
	border: none;
}

#project-meta ul li .nectar-love-wrap.fadein .nectar-love-count, #single-meta ul li .nectar-love-wrap.fadein .nectar-love-count {
	opacity: 0;
	display: block;
	width: 0px;
}

#project-meta ul li .nectar-love-wrap.fadein span, #single-meta ul li .nectar-love-wrap.fadein span {
	line-height: 12px!important;
}

#project-meta ul li .nectar-love-wrap.fadein, #single-meta ul li .nectar-love-wrap.fadein {
	padding-top: 4px;	
	padding-bottom: 4px;	
}

.single #single-meta ul li .nectar-love-wrap.fadein {
	margin-right: 16px;
	padding-right: 16px;
}

#project-meta ul li .nectar-love-wrap.fadein .nectar-love, #single-meta ul li .nectar-love-wrap.fadein .nectar-love {
	display: block;	
}

.portfolio-loading {
	display: block;
	height: 31px;
	width: 31px;
	z-index: 80;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -15px;
	background-image: url(img/icons/loading-white-bg.gif);
}

div[data-col-num="cols-4"] .portfolio-loading {
	top: 85px;
}

div[data-col-num="cols-3"] .portfolio-loading {
	top: 111px;
}

div.portfolio-items[data-col-num="elastic"] {
	margin-right: 0px!important;
	margin-top: 0px!important;
}

.single-portfolio .comments-section #respond {
	margin-top: 30px;
}

.single-portfolio #sidebar h3, .single-portfolio #sidebar h4 {
	margin-bottom: 0px;
	padding-bottom: 4px;
}

.single-portfolio #sidebar {
	margin-bottom: 30px;	
	transition: none 0s!important;
}

.single-portfolio .gallery-slider .gallery, .single-portfolio .gallery-slider .jetpack-slideshow {
	display: none;	
}

#portfolio-extra img {
	display: block;
}

#portfolio-extra .clear {
	padding-bottom: 0px;
}

#full_width_portfolio #portfolio-extra .clear {
	padding-bottom: 24px;
}

.fixed-sidebar {
	width: 280px!important;
	float: right;
	transition: 0!important;
	margin-bottom: 55px!important;
}

.single-portfolio #post-area {
	padding-right: 40px;	
	margin-right: 0px!important;
	margin-top: 4px;
}

.single-portfolio #sidebar {
	width: 280px!important;
}

.single-portfolio #post-area .video {
	margin-bottom: 15px;
}

.portfolio-wrap  {
	position: relative;	
}

body .portfolio-wrap.default-style {
	padding: 2%;
}


body .default-style .portfolio-items .col.elastic-portfolio-item {
	margin: 1.2%!important;
	width: 17.02%!important;
}



body .portfolio-items .col.elastic-portfolio-item {
	width: 19.98%;
	margin: 0!important;
}

body .portfolio-items .col.elastic-portfolio-item.tall, body .portfolio-items .col.elastic-portfolio-item.regular {
	width: 19.96%;
}

body .portfolio-items .col.elastic-portfolio-item.wide {
	width: 39.92%;
}

body .portfolio-items .col.elastic-portfolio-item.wide_tall {
	width: 39.92%;
}

.collection  .tabbed ul {margin-left:0px;}
.collection  .tabbed ul li {
    list-style-type: none;
display: inline-block;}
.collection  .tabbed ul li a{padding: 9px 19px;

    background: rgba(0,0,0,0.045);
    color: #888;}
.collection  .tabbed ul li a:hover, .collection  .tabbed ul li a.active-tab {background:#ba2344; color:#ffffff;}
.tab-meta-wrapper  .tabbed ul {margin-left:0px;}
.tab-meta-wrapper  .tabbed ul li {
    list-style-type: none;
display: inline-block;}

.tab-meta-wrapper .tabbed ul li a {
    padding: 9px 19px;
    background: rgba(0,0,0,0.045);
    color: #888;
    display: inline-block;
}

.tab-meta-wrapper  .tabbed ul li a:hover, .tab-meta-wrapper  .tabbed ul li a.active-tab {background:#ba2344; color:#ffffff;}
#tab-context-interpretation {font-size:14px!important;}
#tab-context-interpretation p {margin-bottom: 15px!important;}
#tab-context-interpretation .shortcode-video {clear: both; margin: 20px;}
#tab-context-interpretation .video-js .vjs-big-play-button {top:10px!important; left:10px!important;}
#tab-context-interpretation img {margin-top:20px;}
.anchor { scroll-margin-top: 95px; }
/* Print */
@media print {
    /* styles here */
    #header-outer {position:relative!important;margin: 0 0 20px 0!important;}
    #header-space {display:none!important;}
    #header-outer nav {display:none!important;}
}
/* MIT logo */
@media only screen and (max-width: 999px) {
.nectar-mobile-only.mobile-header {
    order: 1;
}
li.mit_logo > a .nectar-menu-icon-img {
    width: 50px!important;
}
body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 30px!important;
}
}
#header-outer ul.sf-menu>li>a>.nectar-menu-icon-img {
    max-height: 46px!important;
}