/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */


.node { /* Node wrapper */
}

.preview .node { /* Preview of the content before submitting new or updated content */
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

.node .node-title { /* Node title */
}

.node .user-picture { /* The picture of the node author */
}

.node .submitted { /* The "posted by" information */
}

.node .content { /* Node's content wrapper */
}

.node ul.links { /* Node links. See also the ul.links declaration in the pages.css. */
}

.node-promoted { /* A node that has been promoted to the front page */
}

.node-sticky { /* A sticky node (displayed before others in a list) */
}

.node-by-viewer { /* A node created by the current user */
}

.node-teaser { /* A node displayed as teaser */
}

/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */

.node-page { /* Page content node */
}

.node-article { /* Article content node */
}

.node-unpublished { /* Unpublished nodes */
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.node-unpublished p.unpublished,
.comment-unpublished p.unpublished { /* The word "Unpublished" displayed underneath the content. */
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.lt-ie8 .node-unpublished p.unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative; /* Otherwise these elements will appear below the "Unpublished" text. */
}

/* ALL NODE definitions*/
@media all and (min-width: 1200px){
  .content_with_linked{
    width: 75%;
    float: left;
  }
  .node_linked{
    width: 25%;
    float: left;
    position:relative;
    //right: 0;
  }
  
  .node_linked .region-linked{
    position:absolute;
    right: 0;
    width:  100%;
  }
  .page_with_linked #block-block-10 {
    display: none;
  }
}
.duration .colon{
  display: none;  
}
.field_short_content{
  margin-bottom: 20px;  
}

.alone_video{
  margin: 25px -18% 25px 0px;  
}

@media all and (min-width: 600px){

  .alone_video.half{
    width: 50%;
    margin: 5px 30px 30px 0px;
    float: left;  
  }
  
  .alone_video.third{
    width: 33.3333%;
    margin: 5px 30px 20px 0px;
    float: left;
  }
}

/* end of ALL NODE definitions*/

/* ARTICLE and PERSON definitions */
.node-article .fncustom_text_field,
.node-person .fncustom_text_field{
  margin: 0px 25px;
}
.node-article,
.node-person{
  background-color: white; 
  color: black; 
  padding: 30px 0px;
}
.node-article .category{
  font-family: "Source Sans Pro";
  font-weight: 300;
  font-size: 1.6666em;
  line-height: 1.1em;
  text-transform: uppercase;
  padding-top: 0px;
  margin-left: 25px;
}
.node-article .category a{
  color: black; 
}
.node-article .category .fncustom_text_field{
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
  margin-top: 2px; 
}
.node-article .article_title,
.node-person .person_title{
  font-family: "Source Sans Pro";
  font-weight: 200;
  font-size: 3em;
  text-transform: uppercase;
  line-height: 1em;
  margin: 15px 25px 0px 25px;
}

.node-article .fncustom_image_field img{
  width: 100%;  
  margin-top: 20px;
}

.node-article .field_article_author{
  color: #3798bf;
  font-family: "Source Sans Pro";
  font-weight: 300;
  font-size: 1.6666em;
  line-height: 1.1em;
  text-transform: uppercase;
  margin-top: 20px;
}

.node-article .field_article_author a{
  color: #3798bf;
}

.node-article .field_article_date{
  color: #ababab;
  font-size: 0.9166em;
  margin-top: 10px;
  margin-bottom: -20px;
}

.node-article .field_big_image {
  display: none;
}

@media all and (min-width: 600px){
  .node-article .field_small_image{
    display: none;
  }
  .node-article .field_big_image{
    display: block;
  }
  .node-article .article_title,
  .node-person .person_title{
    font-size: 5em;
  }
}  

.node-article .field_article_teaser,
.node-person .field_person_teaser{
  font-family: "Source Sans Pro";
  font-weight: 300;
  font-size: 1.9166em;
  line-height: 1.3043em;
  margin-top: 30px;
  margin-right: 15%;
}

.node-article .body,
.node-article .field_article_content,
.node-person .field_person_content{
  font-family: "Source Sans Pro";
  font-weight: 300;
  font-size: 1.5em;
  line-height: 1.5em;
  margin-top: 20px;
  margin-right: 15%;
}

.node-article .body a,
.node-article .field_article_content a,
.node-person .field_person_content a{
  color: #2699CE;
}

.node-article .field_tags .fncustom_field_value,
.node-article .field_tags .fncustom_field_value a,
.node-article .field_article_source .fncustom_field_value,
.node-article .field_article_source .fncustom_field_value a{
  color: #2699ce;
  margin: 0px 0px 0px 0px; 
}
.node-article .field_tags,
.node-article .field_article_source {
  display:  inline-block;
  margin-top: 25px;
}

.node-article .field_tags {
  margin-left: 0px;  
}

.node-article .fnaddthis,
.node-person .fnaddthis{
  margin: 20px 25px 0 25px;  
  padding: 15px 0;
}

.node-article .image_gallery,
.node-person .image_gallery{
  margin: 25px 0px 2px 0px;
  
}
.node-article .image_gallery{
  margin: 25px -19% 6px -25px !important;
}

.image_gallery img.gallery_image{
  width: 100%;
}

@media all and (min-width: 600px){
  .node-article .image_gallery{
    margin: 50px 60px 6px 0px;
    width: 33.333%;
    float: left;
  }
  
  .node-person .image_gallery{
    margin: 50px 60px 6px 0px;
    width: 33.3333%;
    float: left;
  }
  
  .node-person .person_photo .image_gallery{
    margin: 27px 60px 6px 0px;
  }
  
  .node-article .image_gallery{
    margin: 40px 60px 25px -25px !important;
  }
}

.image_gallery .fncustom_text_field{
  margin-left: 0px;  
}

.node-article .image_gallery .gallery_item,
.node-person .image_gallery .gallery_item,
.node-person .video_gallery .gallery_item{
  display: none;  
}

.node-article .image_gallery .gallery_item:first-child,
.node-person .image_gallery .gallery_item:first-child,
.node-person .video_gallery .gallery_item:first-child{
  display: inherit;  
}

.node-article .image_gallery .gallery_description,
.node-person .image_gallery .gallery_description,
.node-person .video_gallery .gallery_description{
  margin: 7px 25px 0px 25px;  
  font-size: 12px;
  font-family: "Arial";
}

.node-person .video_gallery{
  width: 100%;
  margin: 42px 60px 15px 0px;
  float: left;   
}

@media all and (min-width: 600px){
  .node-person .video_gallery{
    width: 33.3333%;
    min-width: 300px;
  }
}


.image_gallery .image_wrapper{
  position: relative;
  overflow: hidden;
  line-height: 0px;
}

.image_gallery .gallery_show{
  position: absolute;
  top: 0;
  right: 0;
  background-color: #30b6d4;
  opacity: 0.8;
  cursor: pointer;
}

.image_gallery .gallery_previous{
  position: absolute;
  bottom: 0px;
  left: 3px;
  background-color: #30b6d4;
  opacity: 0.8;
  cursor: pointer;
}

.image_gallery .gallery_next{
  position: absolute;
  bottom: 0px;
  left: 40px;
  background-color: #30b6d4;
  opacity: 0.8;
  cursor: pointer;
}

.video_gallery .gallery_next{
  background-color: #30b6d4;
  opacity: 0.8;
  cursor: pointer;
}

.video_gallery .gallery_previous{
  background-color: #30b6d4;
  opacity: 0.8;
  cursor: pointer;
}

.node-type-article .fnfbcomments_title
.node-type-person .fnfbcomments_title{
  text-transform: uppercase;
  font-size: 1.9166em;
  font-family: "Source Sans Pro";
  font-weight: 300;  
  line-height: 1em;
  color: black;
  margin-bottom: 25px;
}

.node-type-article .fnfbcomments_wrapper,
.node-type-person .fnfbcomments_wrapper{
  border-top: solid 1px #cbced1;  
}
@media all and (max-width: 899px) {
  .text_long .film_main_block{
    margin-right: -19%;
  }
}

@media all and (min-width: 600px) and (max-width: 899px) {
  .text_long .film_main_block .fmb_fields_wrapper{
    //float: right;
    width: 100%;
  }
}

@media all and (min-width: 900px) and (max-width: 1199px) {
 .text_long .film_main_block .node_video_wrapper{
    width: 66.6666%;
    float: left;  
  }
 .text_long .film_main_block .node_title_wrapper{
    width: 33.3333%;
    float: right;
  }
 .text_long .film_main_block .fmb_fields_wrapper{
    width: 33.3333%;
    float: right;
  }
}

@media all and (min-width: 1200px) {
 .text_long .film_main_block .node_video_wrapper{
    width: 50%;
    float: left;  
  }
 .text_long .film_main_block .node_title_wrapper{
    width: 50%;
    float: right;
  }
  .text_long .film_main_block .fmb_fields_wrapper{
    width: 50%;
    float: right;
  }
}

.author_materials .author_materials_title{
  font-size: 1.6666em;
  text-transform: uppercase;
  font-family: "Source Sans Pro";
  font-weight: 300;
  line-height: 1em;
  margin: 30px 25px 25px 25px;  
}

.author_materials{
  overflow: hidden; 
}

/* end of ARTICLE and PERSON definitions */

/* PERSON */
.node-person .person_title div{
  display: inline-block; 
  margin: 0px;
  font-size: 1em; 
  line-height: 1em;
  overflow: hidden;
}

.node-person .field_person_function{
  text-transform: uppercase;  
  font-size: 1.666em;
  font-family: "Source Sans Pro";
  font-weight: 200;
}

.node-person .filmography_title{  
  font-size: 1.75em;
  font-family: "Source Sans Pro";
  font-weight: 300; 
  margin-bottom: 10px;
  text-transform: uppercase;
}

.node-person .collection_filmography{
  margin: 50px 15% 25px 25px;  
}

.node-person .filmography_record{
  font-family: "Source Sans Pro";
  font-weight: 300;
  font-size: 1.5em;
  line-height: 1.5em;  
}

.node-person .filmography_film_title a{
  color: #2699ce; 
}

.node-person .filmography_record{
  margin: 20px 0;  
}

/* /end of PERSON */

/* node tabs */

.film_tab_wrapper:FIRST-CHILD .film_tab{
  border-top: 1px solid #262626;
}

.film_tab_wrapper{
  width: 100%;  
}

.film_tab{
  border-bottom: 1px solid #262626;
  padding: 0px 25px;
}

.film_tab.overwiev_tab{
  padding: 0px 0px;
}

.film_tab.overwiev_tab .film_tab_header,
.film_tab.overwiev_tab .film_tab_hider,
.film_tab.overwiev_tab .column_content
{
  padding-left: 25px;
  padding-right: 25px;
}

.film_tab_wrapper:FIRST-CHILD .film_tab.open_tab{
  border-top: 1px solid #d6d8db;
}

.film_tab.open_tab{
  color: #000000;
  background-color: #ffffff;
  border-bottom: 1px solid #d6d8db;
}

.film_tab.open_tab a{
  color: #50A6C9;
}

.film_tab.open_tab .film_tab_header a{
  color: black;
}

.film_tab.open_tab .film_tab_pointer{
  display: none; 
}

.film_tab .film_tab_pointer_down{
  display: none;  
}

.film_tab.open_tab .film_tab_pointer_down{
  display: inline-block;  
}

.film_tab.open_tab .film_tab_content,
.film_tab.open_tab .film_tab_hider
{
  display: block;
}

.film_tab .film_tab_content,
.film_tab .film_tab_hider
{
  display: none;
}

.film_tab_content{
  overflow: hidden;  
}


.film_tab_header {
  font-family: "Source Sans Pro";
  font-size: 1.6666em;
  font-weight: 300;
  text-transform: uppercase;
  padding: 30px 0;
  cursor: pointer;
}

.film_tab_hider{
  color: #50a6c9;
  font-size:  0.8333em; 
  text-transform: uppercase;
  cursor: pointer;
  padding: 5px 0px 30px;
  clear: both;
}

.film_tab_header img{
  vertical-align: text-top; 
  margin-right: 3px;
}

.film_tab_content .fields_subtitle{
  font-size: 1.6666em;
  margin-bottom: 15px;
  font-family: "Source Sans Pro";
  font-weight: 300;  
}

.film_tab_content .fncustom_field_value {
  line-height: 1.8333em;
}

.film_tab_content .film_main_block .fncustom_field_value {
  line-height: 1em;
}

.film_tab_content .field_content,
.film_tab_content .field_sequence{
  margin-bottom: 25px;  
}

.film_tab_content .fncustom_field{
  padding-bottom: 3px;  
}

.film_tab_content .sequence_timecode{
  color: #50a6c9;
  cursor: pointer; 
  margin-right: 3px;
}

.film_tab_content .sequence_description{
  line-height: 1.8333em;
}

.film_tab_content .collection_sequence_description td{
  vertical-align: top;
}

.film_tab_content .fn3column_wrapper{
  margin-bottom: 25px;
}

.film_tab_content .fncustom_curiosity ul{
  margin: 0px;
  padding: 0 0 0 23px;
}


.film_tab_content .fncustom_curiosity li{
  margin-bottom: 25px;
  line-height: 1.8333em;
}

.film_tab_content .fncustom_newsreel_others a{
  color: #50a6c9;  
}

@media all and (min-width: 600px){
  .film_tab_content .fn3column_wrapper .column_content{
    //margin: 0px 25px;
  }
}
@media all and (min-width: 600px) and (max-width: 899px) {
  .film_tab_content .fn3column_wrapper{
    width: 50%;
    float: left;
  }  
}

@media all and (min-width: 900px)  {
  .film_tab_content .fn3column_wrapper{
    width: 33.3333%;
    float: left;
  }
}

.film_tab_content .text_long{
  margin-right: 15%;  
}

.film_tab_content .column_content .text_long{
  margin-right: 0;  
}

/* end of node tabs */
/* node animation */
.node-type-person #page-title,
.node-type-page #page-title,
.node-type-article #page-title,
.node-type-animation #page-title,
.node-type-feature #page-title,
.node-type-doc #page-title,
.node-type-document #page-title{
  display: none;
}
/* end of node animation */

/* stills and posters */
.stills_posters .gallery_item{
  width: 100%; 
  display: none; 
}
.stills_posters .gallery_item:first-child{
  display: inherit; 
}
.stills_posters .gallery_image{
  width: 100%;  
}
.stills_posters .gallery_description{
  margin: 5px 10px 10px 0;  
}
.stills_posters .gallery_description a{
  color: black; 
}

.stills_posters .gallery_description a:link{
  color: #50A6C9; 
}

.stills_posters .more_posters{
  margin: 15px 0px 10px;
  color: #50a6c9;
  clear: both;
  //float: left;
}

.stills_posters .more_stills{
  margin: 15px 0px 10px;
  color: #50a6c9;
  //float: left;
}

.stills_posters .more_posters a{
  color: #50a6c9;
}

@media all and (min-width: 600px) and (max-width: 899px) {
  .stills_posters .gallery_item,
  .stills_posters .more_stills,
  .stills_posters .more_posters{
    width: 50%;
    float: left;  
  } 
}

@media all and (min-width: 900px)  {
  .stills_posters .gallery_item,
  .stills_posters .more_stills,
  .stills_posters .more_posters{
    width: 33.3333%;
    float: left;  
  }
}
/* /stills and posters */

/* next previous newsreel topic */
.next_previous_topic{
  font-family: "Source Sans Pro";
  font-size: 1.666em;
  font-weight: 300;
  color: #3798bf;
  text-transform: uppercase;
  padding: 35px 25px;
  background: white;
  overflow: hidden;
}

.next_previous_topic a{
  color: #3798bf; 
}

.next_previous_topic .previous_topic{
  float: left;  
}

.next_previous_topic .previous_topic img{
  margin-right: 5px;  
}

.next_previous_topic .next_topic{
  float: right;  
}

.next_previous_topic .next_topic img{
  margin-left: 5px;  
}

.next_previous_topic .low_hide{
  display: none;  
}

@media all and (min-width: 600px){
  .next_previous_topic .low_hide{
    display: inline;  
  }    
}
/* partners logos */
.partners_logos{
  margin:  70px 25px 0px;
}
.c_partner_logo{
  display: none; 
}
.partners_logos_item:hover .c_partner_logo{
  display: inline;
}
.partners_logos_item:hover .bw_partner_logo{
  display: none;
}
.partners_logos_item{
  margin-right: 50px; 
  margin-bottom: 40px  ;
  display: inline-block;
  vertical-align: middle;
}
.partners_logos_line{
}
/* /partners logos*/

.field_part_title .fncustom_field_value{
  line-height: 1em;
  font-family: "Source Sans Pro";
  font-size: 1.6666em;
  font-weight: 300;
}
.field_part_title{
  margin-bottom: 10px;
}


.node-type-order .unpublished {
  display: none;
}

.page-node #related_materials {
  padding: 0px;
}

.page-node #related_materials .film_tab_content {
  background: #111111;
}

@media all and (min-width: 1200px) {
  .page-node #related_materials .fntile {
    width:33.3333333%;  
  }
}

.page-node #related_materials .fntile_text_line,
.page-node #related_materials .fntile_title{
  color: white !important; 
}

.page-node #related_materials .film_tab_header{
  padding: 30px 25px;  
}

.node-collection .close_button{
  display: none;
}

.node-collection .created_by{
  font-size: 0.3em;
}

.node-collection .fntile a{
  color: white !important;  
}

@media all and (min-width: 1200px) {
  .node-collection .collections_wrapper .film_tile_wrapper{
    width: 25%;
  }

}

.text_collection_wrapper {
    margin: 15px -18.1% 15px -25px;
    min-width: 500px;
}

@media all and (min-width: 900px) {
  .text_collection_wrapper .fnplayer_wrapper{
    width: 75%;
  }
}

fncollection {
    background: red none repeat scroll 0 0;
    display: block;
    height: 40px;
    width: 100%;
    text-transform: uppercase;
}
fncollection::after {
    content: "Kolekcja o id " attr(nid);
}

.node-order{
  background-color: white;
  color: black;  
  padding: 25px;
}

.node-type-order .breadcrumb,
.node-type-order #page-title{
  display: none;  
}

.node-order .order_title{
  font-size: 5em;
  font-family: "Source Sans Pro";
  font-weight: 200; 
  line-height: 1em; 
  max-width: 45%;
}

.node-order .order_wrapper{
  margin-left: -25px;  
}

.node-order .cart_item{
  margin-top: 15px;  
}

.node-order .fntile_text_line{
  font-size: 0.83333em;  
}

.node-order.fn .fntile_text  a:link,
.node-order.fn .fntile_text  a:visited
{
  color: white;
}

.node-order .fn.collumn{
  width: 100%;  
}

@media all and (min-width: 1200px) {
  .node-order .fn.column{
    width: 30%;
  }
.node-order .client_fields .client{
  width: 33.333%;  
  display: inline-block;
}
  
  .node-order .client_fields .mail,
  .node-order .client_fields .field_u_telephone{
    width: 33%;  
    display: inline-block;
  }
  
}

.node-order .field_of_use_wrapper{
  margin: 7px 0;  
}

.node-order .field_fou_from,
.node-order .field_fou_to{
  display: inline-block;  
}

.node-order .part_whole{
  margin-top: 15px;
}

.node-order .cart_wrapper .timecodes_wrapper .empty_value{
  margin-bottom: 5px;  
}

.node-order .cart_wrapper .fn .timecode_entry{
  margin-top: 3px;  
}

.node-order .client_link div{
  display: inline-block;
}

.node-order .order_node_header .order_creation_date,
.node-order .order_node_header .order_modification_date,
.node-order .order_node_header .order_title{
  display: inline-block;  
  margin-right: 25px;
}

.node-order .order_edit{
   float: right; 
   vertical-align: bottom; 
   margin: 40px 25px 5px 20px;
}

.node-order .order_edit  .fnbutton{
  margin-top: 0px;  
}