/*
Theme Name: Salient Child Theme
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) {
    .container {max-width: 90%!important;}
    .tabbed >ul li a {padding: 8px 8px;}
}


@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;
}

#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;}

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




/* 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: 0px; 
    padding-top: 0px;
  }

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

	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;}
	
	
	.checkbox {position:absolute; top:10px; 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;}
	
  .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 textarea,
  .share-link-block .notes input,
  .share-link-block .notes textarea:focus,
  .share-link-block .notes input:focus,
  .share-link-block .first-row,
  .share-link-block .first-row div,
  .share-link-block .first-row div div,
  .share-link-block .first-row div div textarea,
  .startTime div, .endTime div, #startTime, #endTime {
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      -o-box-shadow: none;
  }
  .share-link-block .first-row div div textarea {
      border-right: 1px solid white;
  }
  
  .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: 90px; background-color: #efefef;}
  #shareLink {resize: none; height: 90px;}
  .share-link-block .first-row input {height: 40px;}
	.youtube #shareLink {padding:6px 6px 5px 6px !important;}
	
	.single-production .tab-meta-wrapper {position:relative;}
	.single-production .tabbed {padding-right:325px; line-height:21px;}
	.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:16px;}


h1, h2, h3, h4, h5, h6 {font-family: Arial, sans-serif}
.production .post-header h2.title {font-size: 22px;
    line-height: 27px;
    margin-bottom: 7px;
}
body.search .meta-block span {display: block; line-height: 18px;}
body.search .author-date, .meta-languages, .meta-regions {font-size: 14px;}

.icon-salient-search {background-color: #993333;}

.portfolio-items .work-meta > span {font-size: 13px;}

.archive .post-header {font-size: 13px;}

.page-template-default .result > span {font-size: 13px;}

.wp-caption-text {font-size: 13px;}

.gs_capitalize {text-transform: capitalize !important;}

#search-results .result, .masonry-blog-item {
    width: 31%;
    display: inline-block;
    margin-bottom: 2.5%;
    position: relative;
    color: #676767;
}
#search-results .result {
    font-size: 11px;
}

#sidebar .widget .tagcloud a, .post-area .content-inner>.post-tags a, .widget .tagcloud a {
   
    font-size: 12px!important;
    
}


.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;}

.single #single-below-header {
    margin-top: 8px;
    margin-bottom: 0px;
}
.single #single-below-header span, .single #single-meta span {
    font-size: 12px;
}
.single #single-meta ul {margin-left: 0px;}
.single .blog-title #single-meta ul li >a, .single .blog-title #single-meta ul .n-shortcode a, .single-product #single-meta ul li >a, #project-meta ul li >a, #project-meta ul .n-shortcode a, #project-meta ul li.project-date, .ascend #sidebar #project-meta ul li.project-date {
    border: 2px solid rgba(0,0,0,0.1)!important;
}
.single #single-meta ul li >a, .single #single-meta ul .n-shortcode a, #project-meta ul li >a, #project-meta ul .n-shortcode a, #project-meta ul li.project-date {
    display: block;
    border-radius: 100px;
    padding: 8px 16px!important;
    -webkit-transition: border-color .45s cubic-bezier(0.25,1,0.33,1);
    transition: border-color .45s cubic-bezier(0.25,1,0.33,1);
    height: auto;
    line-height: 20px;
}

@font-face {
    font-family: steadysets;
    src: url(../salient/css/fonts/steadysets.eot);
    src: url(../salient/css/fonts/steadysets.eot?#iefix) format('embedded-opentype'),url(../salient/css/fonts/steadysets.ttf) format('truetype'),url(../salient/css/fonts/steadysets.woff) format('woff'),url(../salient/css/fonts/steadysets.svg#icomoon) format('svg');
    font-weight: 400;
    font-style: normal
}
i.icon-default-style.steadysets-icon-chat
{font-family: steadysets!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
    
    }.steadysets-icon-chat-3:before {
    content: "\e64e"
}

.steadysets-icon-chat-2:before {
    content: "\e64f"
}

.steadysets-icon-chat-1:before {
    content: "\e650"
}

.steadysets-icon-chat:before {
    content: "\e651"
}
#mit_logo_container {order: 3;
    display: flex;margin: 0 0 0 20px;}
    #mit_logo_container a {display:flex;}
#mit_logo_container a img {width: 80px;
    height: auto;
    display: flex;
    margin-bottom: 0;}
@media (max-width:480px) {
	#mit_logo_container a img {width: 50px;}
	#mit_logo_container {
   
    margin: 0 0 0 10px;
}
}