/*!
Theme Name: CINEMATIC
Theme URI: https://thoughtandfound.co/
Author: Thought & Found
Author URI: https://thoughtandfound.co/
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
----------------------------------------*/


@media screen and (min-width: 0px) {

/*--------------------------------------------
# GLOBALS
--------------------------------------------*/
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
    margin-top: 37px;
    background: white;
    font-family: 'neue-haas-grotesk-text', sans-serif;
}

main {
	display: block;
    font-size: 0;
}
    
.sans {
    font-family: 'neue-haas-grotesk-text', sans-serif; 
}
    
.serif {
    font-family: 'Baskerville', serif;  
}
    
.georgian {
    font-family: 'Helvetica Neue', sans-serif; 
}
    
.mono {
    font-family: 'Roboto Mono', monospace; 
}
    
.upper {
    text-transform: uppercase;
}
    
h1 {
    font-size: 68px;
    line-height: 52px;
    font-family: 'Baskerville', serif;
    font-weight: normal;
    margin: 0;
}

h1.page-title {
    font-family: 'neue-haas-grotesk-text', sans-serif; 
    font-size: 14px;
    line-height: 18px;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 18px;
    color: white;
    background: black;
    z-index: 5;
    padding: 1px 2px;
}
    
.cur-pg {
    display: inline-block;
    width: 10.5px;
    height: 10.5px;
    border-radius: 11px;
    background: white;
    margin-right: 4px;
}
    
h2, h2.entry-title {
    font-size: 25px;
    line-height: 21px;
    font-family: 'Baskerville', serif;
    font-weight: normal;
    margin-top: 0;
}
    
h2 .sans {
    font-size: 22px;
}
    
.fc-block p, .credits p {
    font-family: 'neue-haas-grotesk-text', sans-serif; 
    font-size: 12px;
    text-transform: uppercase;
    margin: 0;
}
	
.fc-block p {
	text-align: center;	
}
    
a {
    color: black;
    text-decoration: none;
}
    
img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
}
/*--------------------------------------------
# HOVERS
--------------------------------------------*/
.full-s, .escp-s, .m-toggle, .l-toggle, .v-wrap {
    cursor: pointer;
}
    
.full-s, .escp-s, .m-toggle, .l-toggle {
    transition: opacity 500ms ease-in-out;
}
    
.full-s:hover, .escp-s:hover, .m-toggle:hover, .l-toggle:hover {
    opacity: .5;
}
    
/*--------------------------------------------
# HEADER
--------------------------------------------*/
.dk-nav, .ind-el, .cnt-el {
    display: none;
}
    
.h-col, .m-toggle, .l-toggle {
/*    font-family: 'Baskerville', serif;*/
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    padding: 1px 2px;
}
    
.l-toggle {
    position: fixed;
    top: 18px;
    right: 0;
    z-index: 6;
    color: white;
    padding: 1px 3px;
}
    
.l-menu {
    display: inline-block;
    margin-right: 0;
}
    
.l-line {
    width: 10px;
    height: 1px;
    background: white;
    margin-bottom: 3px;
}
    
.l-line:last-child {
    margin-bottom: 1px;
}   
    
.m-toggle {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 6;
}
    
.site-branding {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    filter:  brightness(10);
    mix-blend-mode: difference;
	transition: opacity 250ms ease-in-out;
}
    
.K1, .K2 {
    position: relative;
}
    
.site-branding img {
    height: 14.45vw;
    width: auto;
}
    
.OL {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
    
.sb-marque {
    position: absolute;
    right: 0;
    top: 0; 
}   
    
.mb-nav {
    display: none;
    background: white;
    position: fixed;
    top: 37px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
}
    
nav#mob-nav ul, nav#mob-nav li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 40px;
}
    
.sb-marque {
    display: none;
}
    
.t-strip {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    background: white;
}
    
/*--------------------------------------------
# FRONT PAGE
--------------------------------------------*/
body.home {
    min-height: 100vh;
    min-height: calc(100vh - 37px);    
}
    
.fs-bg, .f-fix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;   
    z-index: -1;
}
    
.fs-bg {
    z-index: -2;
}
    
.f-fix {
    display: none;
}
    
.fs-bg img, .f-fix img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    
body.home .l-toggle {
    display: none;
}
    
body.home .t-strip {
    background: transparent;
} 
    
body.home .h-col, body.home .h-col a, body.home .m-toggle {
    color: white;
}
    
ul#home-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
    
ul#home-menu li {
    display: inline-block;
    font-size: 60px;
    line-height: 60px;
}
    
ul#home-menu li .serif {
    font-size: 68px;
}
    
ul#home-menu li span::after {
    content: ',\00a0';
}
    
ul#home-menu li:first-child {
    display: block;
}
    
ul#home-menu li:last-child span::after {
    display: none;
}
    
ul#home-menu li a {
    color: white;
}
    
ul#home-menu li a span:hover {
    mix-blend-mode: difference;
}
	
ul#home-menu li a sup {
    font-size: 14px;
    display: inline-block;
    line-height: 5vw;
	margin-left: 3px;
	position: absolute;
}
	
ul#home-menu li a span.georgian {
    position: relative;
}
	
body.single-post .site-branding {
	opacity: 0;	
}
/*--------------------------------------------
# PAGE
--------------------------------------------*/
body.page {
    margin-bottom: 43vw
}
	
.text-block.w-25 .mod-inner {
	max-width: 300px;
}
	
.text-block p {
	font-family: 'neue-haas-grotesk-text', sans-serif;
    font-size: 14px;
    margin-top: 0;
}
	
.text-block h3 {
	font-family: 'neue-haas-grotesk-text', sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin-top: 0;
}
	
.text-block h2 {
	font-family: 'neue-haas-grotesk-text', sans-serif;
	font-size: 60px;
    line-height: 60px;
	font-weight: normal;
	margin-top: 37px;
    margin-bottom: 40px;
}
	
.text-block h1 {
	margin-top: 40px;
    margin-bottom: 40px;
}
	
/*--------------------------------------------
# INDEX
--------------------------------------------*/
body.blog {
    margin-top: 0;
    margin-bottom: 43vw
}
    
.list-col p.entry-title {
    color: black;
    position: relative;
    display: inline-block;
    margin-top: 0;
    max-width: 250px;
	font-size: 14px;
}
    
.list-feat {
    display: none;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}
    
span.indent {
    padding-left: 10px;
    display: block;
}
    
p.cat-ttl {
    font-size: 60px;
    line-height: 60px;
    margin-top: 37px;
    margin-bottom: 40px;
}
    
p.cat-ttl.serif {
    font-size: 68px;
}
    
p.pro-no {
    display: inline-block;
    width: 20px;
    vertical-align: top;
    margin-top: 0;
    font-size: 14px;
}
    
p.pro-no, .list-col p.entry-title {
    transition: color 500ms ease-in-out;
}
    
.list-col p.entry-title.grey, .grey {
    color: #bababa;
}
/*--------------------------------------------
# ARCHIVE – FILM
--------------------------------------------*/
.film-entry {
    position: relative;
}
    
.film-entry h2.entry-title {
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    padding: 2px;
	font-size: 32px;
    line-height: 30px;
	width: 100%;
	text-align: center;
}
	
.film-entry h2.entry-title .sans {
	font-size: 30px;		
}
    
.film-entry .fc-block {
    position: absolute;
    bottom: 50px;
    left: 0;
	right: 0;
    color: white;
    display: none;
    padding: 2px;
}
    
.dark-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .15;
    mix-blend-mode: multiply;
}
    
.hov-img {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
    
.hov-img img {
    height: 100%;
    object-fit: cover;
}
    
.list-cont {
    position: fixed;
    width: 100%;
    right: -100%;
    top: 38px;
    bottom: 0;
    overflow-y: scroll;
    z-index: 5;
    background: white;
    transition: right 800ms ease-in-out;
}
    
.visi {
    right: 0;
}
    
.list-cont p.entry-title {
    font-size: 14px;
    color: black;
    position: relative;
    display: inline-block;
    max-width: 200px;
	margin-top: 0;
}
    
.opacity {
    opacity: .25;
}
/*--------------------------------------------
# ARCHIVE – TVC
--------------------------------------------*/
.hover-el {
    display: none;
}
    
.tvc-entry {
    position: relative;
}
    
.tvc-entry p.entry-title {
    position: absolute;
    top: 45%;
    left: 0;
    color: white; 
    margin: 0;
    font-size: 18px;
	text-align: center;
	width: 100%;
}
    
/*--------------------------------------------
# ARCHIVE – RESEARCH
--------------------------------------------*/
body.archive.category-projects, 
body.archive.category-projects .t-strip, 
body.archive.category-projects .dk-nav {
    background: #eebec8;
}
    
body.archive.category-projects header.page-header,
body.archive.category-projects .l-toggle {
    display: none;
}
    
.generic-entry h2, .generic-entry h2 .sans {
    font-size: 40px;
    line-height: 45px;
}
    
.generic-entry h2 sup {
    font-size: 14px;
    display: inline-block;
    line-height: 0;
}
    
.generic-entry h2 {
    position: relative;
    margin: 0;
}

span.trans {
    position: absolute;
    top: 0;
    left: 0;
}
    
.ge-hov, span.trans {
    display: none;
}
    
.ge-hov {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 1;
}
    
/*--------------------------------------------
# ARCHIVE – FILM V2
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – TVC V2
--------------------------------------------*/
/*--------------------------------------------
# SINGLE
--------------------------------------------*/
.slide {
    width: 90%;
    display: inline-block;
}
    
.gl-inner {
    font-size: 0;
    white-space: nowrap;
}
    
.gallery {
    overflow-x: scroll;
}
	
.gallery::-webkit-scrollbar {
  height: 8px;
}
 
.gallery::-webkit-scrollbar-track {
  background: white;
}
 
.gallery::-webkit-scrollbar-thumb {
  background-color: black;
  border-bottom: 1px solid white;
}
    
.g-strip {
    background: black;
    clear: both;
    overflow: hidden;
}
    
.g-col {
    float: left;
    width: 75%;
    font-size: 14px;
    color: white;
}
    
.g-inner {
    padding: 1px 2px;
}
    
.full-s, .escp-s {
    width: 25%;
    text-align: right;
}
	
.full-s {
	text-align: left;	
}
	
.scroll-s {
	text-align: right;
}
    
body.single-post h2.entry-title {
    font-size: 32px;
    line-height: 30px;
	margin-bottom: 100px;
}
    
body.single-post h2.entry-title .sans,
.post-navigation {
    font-size: 30px;
}
    
body.single-post h2.entry-title sup {
    font-size: 21px;
    line-height: normal;
}
    
header.entry-header {
    padding: 4px 2px 7px 2px;
}
    
.post-navigation {
	margin-top: 100px;
    margin-bottom: 60vw;
}
	
video {
	display: block;
	width: 100%;
}
    
.pb, .vb {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 60px;
    height: 30px;
}
    
.play-btn, .v-play-btn {
    width: 0; 
    height: 0; 
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 60px solid white;
}
    
.vd-inner {
    position: relative;
}
    
.if-ab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}    
    
.iframe-cont {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; 
}

iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
    
article, .post-navigation {
    transition: background 500ms ease-in-out, filter 500ms ease-in-out, margin 500ms ease-in-out;
}
    
body.archive.category-tvc article {
    transition: background 500ms ease-in-out, filter 500ms ease-in-out, margin 1000ms ease-in-out;
    position: relative;
}
    
body.archive.category-tvc {
    transition: background 500ms ease-in-out
}
    
.blur {
    background: black;
    filter: blur(50px);
    margin: -100px;
}
    
body.archive.category-tvc article.blur {
    background: black;
    filter: blur(50px);
    margin: -50px;
}
    
.black {
    background: black;
}
    
.fs-g-wrap {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 37px;
    z-index: 10;
    background: black;
    display: none;
}
    
.fs-gallery {
    width: 100%;
    height: 100%;
    position: relative;
}
    
.fs-gl-inner {
    position: relative;
    width: 100%;
    height: 100%;
}
    
.fs-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;   
    opacity: 0;
}
    
.aktiv {
    opacity: 1;
}
    
.fs-slide img{
    width: 100%;
    height: 100%;  
    object-fit: contain;
}
    
.fs-g-strip {
    position: fixed;
    top: 20px;
    right: 0;
    left: 0;
    background: black;
    z-index: 10;
}
    
.fs-prev, .fs-next {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    font-size: 14px;
    color: white;
    text-align: left;
    z-index: 5;
    padding-top: 50vh;
    margin-top: -18px;
}
    
.fs-next {
    left: auto;
    right: 0;
    text-align: right;
}
    
.fs-prev span {
    transform: rotate(180deg);
    display: inline-block;
}
    
.post-navigation img {
    display: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
    

}

@media screen and (min-width: 568px) {

/*--------------------------------------------
# GLOBALS
--------------------------------------------*/
/*--------------------------------------------
# HEADER
--------------------------------------------*/
/*--------------------------------------------
# FRONT PAGE
--------------------------------------------*/
/*--------------------------------------------
# PAGE
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – FILM
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – TVC
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – RESEARCH
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – FILM V2
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – TVC V2
--------------------------------------------*/
/*--------------------------------------------
# SINGLE
--------------------------------------------*/

}

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

/*--------------------------------------------
# GLOBALS
--------------------------------------------*/
/*--------------------------------------------
# HEADER
--------------------------------------------*/
.sb-full {
    clear: both;
    overflow: hidden;
}
    
.K1 {
    float: left;
}
    
.K2 {
    float: right;
}
    
.site-branding img {
    height: 8.25vw;
}
/*--------------------------------------------
# FRONT PAGE
--------------------------------------------*/
ul#home-menu li .serif {
    font-size: 78px;
}
    
ul#home-menu li {
    font-size: 70px;
    line-height: 70px;
}
/*--------------------------------------------
# PAGE
--------------------------------------------*/
.text-block h1, .text-block h2 {
	margin-top: 0;
}
	
.flex.mod {
	margin-bottom: 40px;	
}
	
.text-block h3 {
	font-size: 32px;	
}
	
.flex.mod {
	display: inline-block;
	vertical-align: top;
}	
	
.flex.mod.w-50 {
	width: 50%;	
}
	
.flex.mod.w-25 {
	width: 25%;	
}
/*--------------------------------------------
# INDEX
--------------------------------------------*/ 
body.blog, body.page {
    margin-bottom: 15vw
}
    
.list-col {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
/*--------------------------------------------
# ARCHIVE – FILM
--------------------------------------------*/
.list-cont {
    width: 24%;
    right: -24%;
    bottom: 8.5vw;
    padding-top: 1px;
    background: #ffffff2b;
}
    
.visi {
    right: 0;
}
    
.list-cont p.entry-title, 
.list-cont .pro-no {
    color: white;
}
    
.film-entry h2.entry-title {
/*     width: 50%; */
	top: 50%;
	top: calc(50% - 50px);
}
/*--------------------------------------------
# ARCHIVE – TVC
--------------------------------------------*/
main {
    font-size: 0;
}
    
body.category-tvc article {
    display: inline-block;
    width: 50%;
}
    
.film-entry .fc-block {
    display: block;
}
/*--------------------------------------------
# ARCHIVE – RESEARCH
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – FILM V2
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – TVC V2
--------------------------------------------*/
/*--------------------------------------------
# SINGLE
--------------------------------------------*/

}

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

/*--------------------------------------------
# GLOBALS
--------------------------------------------*/
body {
    margin-top: 54px;
} 
/*--------------------------------------------
# HOVERS
--------------------------------------------*/ 
.dk-nav a, .hm-el a, .ind-el a, .cnt-el a {
    transition: opacity 500ms ease-in-out;
}
    
.dk-nav a:hover, .hm-el a:hover, .ind-el a:hover , .cnt-el a:hover {
    opacity: .25;
}
/*--------------------------------------------
# HEADER
--------------------------------------------*/
.m-toggle {
    display: none;
}
    
.dk-nav {
    display: block;
}
	
.t-strip {
	font-size: 0;
	line-height: 32px;
}
	
.hm-el, .ind-el, .cnt-el {
    display: inline-block;
	padding: 0;
	width: 5%;
}
	
.hm-el {
	width: 88%;	
}
	
.cnt-el {
	text-align: right;
	width: 12%;
}

.hm-el a, .ind-el a, .cnt-el a {
	padding: 1px 2px;
}
    
ul#primary-menu {
    list-style: none;
    padding: 0;;
    margin: 0;
    font-size: 0;
}
    
ul#primary-menu li {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    width: 15%;
}
	
ul#primary-menu li:nth-child(1) {
    width: 11%;
	width: 169px;
}
	
ul#primary-menu li:nth-child(2) {
	width: 39%;	
	width: calc(50% - 169px);
}
    
ul#primary-menu li:nth-child(3) {
    width: 11%;
}
    
ul#primary-menu li:nth-child(5) {
    width: 24%;
    text-align: right;
}

ul#primary-menu li a {
    padding: 1px 2px;
}
    
.dk-nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 19px;
    background: white;
    z-index: 5;
}
    
h1.page-title, .l-toggle {
    top: 35px;
}
    
li.menu-item-object-category a::before {
    content: '';
    width: 10.5px;
    height: 10.5px;
    border-radius: 11px;
    border: 1px dotted;
    display: block;
    position: absolute;
    top: -14.5px;
    left: 1px;
}
    
li.menu-item-object-category.current-menu-item a::before {
    background: black;
}
/*--------------------------------------------
# FRONT PAGE
--------------------------------------------*/
body.home .dk-nav {
    background: transparent;
}
    
body.home .dk-nav a, body.home .h-col a {
    color: white;
}
    
ul#home-menu li {
    font-size: 8vw;
    line-height: 8vw;
}
    
ul#home-menu li .serif {
    font-size: 9vw;
}
	
body.home ul#primary-menu li:nth-child(1) {
	opacity: 0;
	pointer-events: none;
}
/*--------------------------------------------
# PAGE
--------------------------------------------*/
.flex.mod {
	display: inline-block;
	vertical-align: top;
}
	
.flex.mod.w-25 {
	width: 25%;	
}
	
.text-block h3 {
    font-size: 3.25vw;
}
	
.text-block h2 {
    margin-bottom: 25px;
    font-size: 8vw;
    line-height: 8vw;
}
	
.text-block h1 {
	margin-top: 54px;
    margin-bottom: 25px;
    font-size: 9vw;
	line-height: 8vw;
}
/*--------------------------------------------
# INDEX
--------------------------------------------*/    
/* .list-col {
    display: inline-block;
    width: 30%;
    vertical-align: top;
}
    
.list-col:first-child {
    width: 40%;
}
    
.list-col:last-child {
    float: right;
} */
    
p.cat-ttl {
    margin-top: 54px;
    margin-bottom: 25px;
    font-size: 8vw;
    line-height: 8vw;
}
    
p.cat-ttl.serif {
    font-size: 9vw;
} 
    
.list-feat, .ge-hov {
    opacity: 1;
    width: 25vw;
    height: auto;
    overflow: visible;
    position: absolute;
    margin: 50px 0px 0px 50px;
    top: 50vw;
	left: 50vh;
}
/*--------------------------------------------
# ARCHIVE – FILM
--------------------------------------------*/
.list-cont {
  top: 55px;
}
    
body.archive.category-film-tv main {
  width: 100%;
  height: 100vh;
  height: calc(100vh - 54px);
  overflow-y: scroll;
/*   scroll-snap-type: y mandatory; */
}
    
body.archive.category-film-tv main::-webkit-scrollbar{
    display: none;
}

body.archive.category-film-tv article {
/*   scroll-snap-align: start;
  scroll-snap-stop: always; */
  height: 100vh;
  height: calc(100vh - 54px);
}
    
main.no-snap {
    height: auto!important;
}
    
.no-snap {
  scroll-snap-type: none!important;   
  scroll-snap-align: none!important;
  scroll-snap-stop: normal!important;
}

.film-entry, .film-entry img {
    height: 100%;
}
    
.film-entry img {
    object-fit: cover;
}
    
.focus-right img {
    object-position: right;
}
    
.focus-left img {
    object-position: left;
}
	
.film-entry h2.entry-title {
	font-size: 4vw;
    line-height: 4vw;
	top: calc(50% - 7vw);
}
	
.film-entry h2.entry-title:hover {
	mix-blend-mode: difference;	
}

.film-entry h2.entry-title .sans {
	font-size: 3.5vw;
}
	
.film-entry .fc-block {
    bottom: 16.5vw;
}
	

/*--------------------------------------------
# ARCHIVE – TVC
--------------------------------------------*/
.tvc-entry p.entry-title:hover {
	mix-blend-mode: difference;	
}
	
body.archive.category-tvc article {
	width: 33%;
	width: calc(100% / 3);
}
/*--------------------------------------------
# ARCHIVE – RESEARCH
--------------------------------------------*/
.generic-entry  {
    width: 50%;
}
    
.generic-entry h2, .generic-entry h2 .sans {
    font-size: 3.5vw;
    line-height: 3.5vw;
}
/*--------------------------------------------
# ARCHIVE – FILM V2
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – TVC V2
--------------------------------------------*/
/*--------------------------------------------
# SINGLE
--------------------------------------------*/
/* body.single-post h2.entry-title {
    font-size: 4vw;
    line-height: 4vw;
} */
	
body.single-post header.entry-header,
body.single-post .entry-content {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
	
body.single-post header.entry-header {
    padding: 4px 0px 7px 0px;
}
	
body.single-post header.entry-header h2,
body.single-post .credits {
	padding: 0px 2px 0px 2px;	
}
	
body.single-post .credits {
	position: absolute;
	left: 0;
	bottom: 0;
}
    
/* .post-navigation {
    font-size: 3.5vw;
    line-height: 4vw;
} */
	
.single-cont-wrap {
	position: relative;	
}
    
.supp-visuals {
    width: 100%;
    margin-right: 0;
    margin-left: auto;
}
    
.post-navigation {
    margin-bottom: 0;
	margin-top: 200px;
    height: 100vh;
    height: calc(100vh - 54px);
    position: relative;
}
    
.post-navigation img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    display: none;
}
    
.post-navigation span {
    transition: color 500ms ease-in-out;
}
    
.white {
    color: white;
}
    
.difference {
    mix-blend-mode: difference;
}
	
.fs-g-strip {
    position: fixed;
}

}

@media screen and (min-width: 1200px) {

/*--------------------------------------------
# GLOBALS
--------------------------------------------*/
/*--------------------------------------------
# HEADER
--------------------------------------------*/
/*--------------------------------------------
# FRONT PAGE
--------------------------------------------*/
/*--------------------------------------------
# PAGE
--------------------------------------------*/
/*--------------------------------------------
# INDEX
--------------------------------------------*/    
/*--------------------------------------------
# ARCHIVE – FILM
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – TVC
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – RESEARCH
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – FILM V2
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – TVC V2
--------------------------------------------*/
/*--------------------------------------------
# SINGLE
--------------------------------------------*/

}

@media screen and (min-width: 1400px) {

/*--------------------------------------------
# GLOBALS
--------------------------------------------*/
/*--------------------------------------------
# HEADER
--------------------------------------------*/
/*--------------------------------------------
# FRONT PAGE
--------------------------------------------*/
/*--------------------------------------------
# PAGE
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – FILM
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – TVC
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – RESEARCH
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – FILM V2
--------------------------------------------*/
/*--------------------------------------------
# ARCHIVE – TVC V2
--------------------------------------------*/
/*--------------------------------------------
# SINGLE
--------------------------------------------*/

}