/* @override 
	https://dugdale.tv/zinc/css/2023-01.css
*/

/* @group Base */

body {
    background-size: cover;
    background: #202020 url(https://dugdale.tv/zinc/textures/zig-zag-wool-70b.png) repeat fixed;
    line-height: 1.2;
    font-size: 1.1em;
font-family: ariana-pro,sans-serif;
font-weight: 400;
font-style: normal;
}

a {
    color: #fff;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    opacity: 1;
    transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    transition: all .25s ease;
    -webkit-transition-delay: all .25s ease;
    -moz-transition-delay: all .25s ease;
    -ms-transition-delay: all .25s ease;
    -o-transition-delay: all .25s ease
}

a:visited {
    color: #fff;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    opacity: 1;
    transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    transition: all .25s ease;
    -webkit-transition-delay: all .25s ease;
    -moz-transition-delay: all .25s ease;
    -ms-transition-delay: all .25s ease;
    -o-transition-delay: all .25s ease
}

a:hover {
    color: red}

h1,h2,h3,h4,h5,h6,h7 {
	color: #4d566d;
font-family: urw-din-condensed, sans-serif;
font-weight: 400;
font-style: normal;
}




/* @end */

/* @group Navigation */

.nav-container {
	font-family: urw-din-condensed, sans-serif;
font-weight: bold;
font-style: italic;
	z-index: 999;
	text-align: center;
	width: 100%;
	position: fixed;
	padding-top: 1em;
opacity: 1;
}

.nav-container-BUDMO {
	z-index: 999;
	text-align: center;
	width: 100%;
	position: fixed;
	padding-top: 1em;
	font-style: normal;
	font-family: budmojiggler;
	opacity: 1;
}

.nav-container a {
opacity: 0.4;
font-size: 0.8em;
color: rgba(255, 255, 255, 0.8);
}

.nav-container a:hover {
	opacity: 1;
	color: red;
}

.closevideo {
    background-color: transparent;
    text-align: right;
    position: absolute;
    z-index: 1140;
    float: right;
    top: .5em;
    right: 0;
    margin: .5em;
	font-size: 2em;
}

.sharevideo {
    background-color: transparent;
    text-align: right;
    position: absolute;
    z-index: 1140;
    float: right;
    right: 0;
	font-size: .7em;
}

.covidlink a {
	color: #e52100;
	opacity: 1;
}

.covidlink a:hover {
	color: white;
	opacity: 0.48;
}



/* @end */

/* @group Film */

.main-text {
	color: white;
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}

.main-text-film-container {
	color: white;
	text-align: center;
	background-image: url(https://dugdale.tv/zinc/textures/zig-zag-wool-70b.png);
}

#film-container {
	padding-bottom: 6rem;
	padding-top: 6rem;
	background: url(https://dugdale.tv/zinc/textures/zig-zag-wool-70b.png) repeat fixed;
}

.viewmore {
	padding-top: 2em;
	padding-bottom: 2em;
	text-transform: uppercase;
}

.film-bg {
	background-color: black;
}

/* COVID Specials */

.main-text-covid {
	color: white;
	margin-top: 5em;
	margin-bottom: 5em;
	text-align: center;
}
    }
    
    
/* My Comment */



/* @end */

/* @group Posters */

#posters-container {
}

.poster-row-slide {
	margin: .2em;
}



/* @end */

/* @group INFO */

.info-container {
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(https://dugdale.tv/zinc/images/dugdale-portrait-large-crop.jpg);
	color: white;
}

#info-outer-container {
	background: url(https://dugdale.tv/zinc/textures/dark-honeycomb.png) fixed;
}

.info-container2 {
	background-size: contain;
	color: white;
	background-image: none;
}

.coverx {
	width: 100%;
}

/* My Comment */

.visible-main-text {
	color: white;
	padding-top: 4em;
	padding-bottom: 3em;
	text-shadow: #292929 0 0 5px;
	font-size: .9em;
	text-align: justify;
}

.visible-main-text h6  {
	color: white;
	font-size: 1.1em;
	text-align: justify;
}

.full-dugdale-bio {
	color: white;
	display: inline-block;
	-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
transition: all .5s ease-in;
	background-image: none;
	font-size: .9em;
	text-align: justify;
	padding-top: 6em;
	padding-bottom: 3em;
}

.full-dugdale-bio strong {
	font-weight: bold;
	font-size: 1.3em;
}

.full-dugdale-bio p {
}

h6 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.5em;
	font-style: italic;
}

h6 a {
	margin-right: 1em;
}

/* @group Dugdale Header Colours */

.info-header{font: 50px/1em budmojiggler;margin:0 0 20px 0;
	padding-top: 100px;
	padding-bottom: 0;
	padding-right: 0;
}

.info-header{font-size:48px;padding-top:20px}

.info-header .d1{color:#FF8421;
	text-shadow: rgba(254,255,255,0) 0 0 0;
	margin-right: .3em;
}.info-header .u{color:#00A3A9;
	text-shadow: rgba(254,255,255,0) 0 0 0;
	margin-right: .3em;
}.info-header .g{color:#00874E;
	text-shadow: rgba(254,255,255,0) 0 0 0;
	margin-right: .3em;
}.info-header .d{color:#D7DE3C;
	text-shadow: rgba(254,255,255,0) 0 0 0;
	margin-right: .3em;
}.info-header .a{color:#C53C41;
	text-shadow: rgba(254,255,255,0) 0 0 0;
	margin-right: .3em;
}.info-header .l{color: #00bfff;
	text-shadow: rgba(254,255,255,0) 0 0 0;
	margin-right: .3em;
}.info-header .e{color:#C47FB6;
	text-shadow: rgba(254,255,255,0) 0 0 0;
	margin-right: .3em;
}



/* @end */



/* @end */

/* @group Awards */

.awards-row-slide {
	padding: 6em 2em;
}

.awards-row-slide-22 {
	padding: 2em;
}

.garlands-row-slide {
	padding: 2em;
}



/* @end */

/* @group Homepage */

.main-text-home {
	color: white;
	text-align: center;
	padding: 1em;
	font: italic bold 1.6em urw-din-condensed, sans-serif;
	text-transform: uppercase;
}

.videoplayer-container-pdx{
border-right: none;
border-left: none;
position: relative;
	z-index: 200;
	background-color: black;
}

.pdx-bg-video{
width: 100%;
background-size: 100% 100%;
background-color: black; /* in case the video doesn't fit the whole page*/

background-position: center center;
background-size: contain;
height: 100%;
	object-fit: cover;
bottom: 0%;
left: 0%;
left: 0;
overflow: hidden;
position: relative;
}



/* Layer with position absolute in order to have it over the video
* --------------------------------------- */
.pdx-logo-layer{
position: absolute;
top: 40%;
transform: translateY(-40%);
text-align: center;
width: 100%;
color: white;
}

.pdx-logo-layer img{
	height: 70px;
}

.home-video-credits{
position: absolute;
top: 95%;
transform: translateY(-5%);
text-align: left;
color: white;
vertical-align: bottom;
font-size: .8em;
	padding: 1em;
	opacity: 0.4;
	width: 100%;
}

/*solves problem with overflowing video in Mac with Chrome */

#showreel-container {
}

.vjs-big-play-centered {
}

.pdx-showreel {
	width: 100%;
	background-color: red;
	  padding: 0px;
  border: 1px solid red;
  box-sizing: none;
}

.pdx-showreel img {
	width: 100%;
}

.video-js {
	box-sizing: initial;
	padding: 0;
	margin: 0;
}

/* @end */

/* @group HOVER IMG FX */

:rootx {
    --base: #000000;
    --bg-blend: luminosity;
    --blur: 1px;
    --fg-blend: exclusion;
    --foreground: #1d1d37;
    --opacity: 0.5;
    --spacing: 0em;
    background-color: #000
}

.img-fx-01 {
    flex: 1 1 100%;
    overflow: hidden;
    padding: var(--spacing);
    position: relative;
    transition: mix-blend-mode .25s ease-in-out;
    -moz-transition: mix-blend-mode .25s ease-in-out;
    -webkit-transition: mix-blend-mode .25s ease-in-out;
    opacity: 1;
    transition: mix-blend-mode 1s ease-in-out;
    -moz-transition: mix-blend-mode 1s ease-in-out;
    -webkit-transition: mix-blend-mode 1s ease-in-out;
    transition: all 1s ease;
    -webkit-transition-delay: all 1s ease;
    -moz-transition-delay: all 1s ease;
    -ms-transition-delay: all 1s ease;
    -o-transition-delay: all 1s ease
}

.img-fx-01:hover {
    flex: 1 1 100%;
    filter: grayscale(100%);
-webkit-filter: grayscale(100%);
    overflow: hidden;
    padding: var(--spacing);
    position: relative;
    mix-blend-mode: luminosity;
	background-blend-mode: luminosity;
}

.img-fx-01 h3 {
	 position: absolute;
  top: 50%;
  transform: translateY(-50%);
    text-align: center;
    width: 100%;
    z-index: 20;
    font-size: 1em;
    padding-right: .6em;
    padding-left: .6em;
    opacity: 0;
    transition: all .25s ease;
    -webkit-transition-delay: all .25s ease;
    -moz-transition-delay: all .25s ease;
    -ms-transition-delay: all .25s ease;
    -o-transition-delay: all .25s ease;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: black 0 0 6px;
}

.img-fx-01:hover h3 {
    opacity: 1;
	color: white;
}

.img-fx-01 img {
    filter: grayscale(100%) contrast(1) blur(var(--blur));
    flex: 1 0 100%;
    max-width: 100%;
    mix-blend-mode: var(--bg-blend);
    object-fit: cover;
    opacity: var(--opacity);
    position: relative;
    width: 100%;
    padding: var(--spacing);
    background-blend-mode: screen;
	background-color: black;
}

.img-fx-01 img:hover {
    pauldugdale@hotmail.com
    flex: 1 0 100%;
    max-width: 100%;
    mix-blend-mode: grayscale;
    object-fit: cover;
    opacity: var(--opacity);
    position: relative;
    width: 100%;
    padding: var(--spacing);
    background-blend-mode: luminosity;
	background-color: black;
}

.img-fx-01::before {
    background-color: var(--foreground);
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    mix-blend-mode: luminnosity;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    padding: var(--spacing)
}

.article-image-container {
	
}

.article-image-container p {
	margin-bottom: 0;
}

/* @end */

/* @group ALT */

#header {
    border-bottom: 1px solid #f6f3f3;
    padding-top: 1em;
    padding-bottom: 1em
}

.content-container {}

#content {
    padding-top: 2em;
    padding-bottom: 2em
}

#main-content-container {
    padding-bottom: 2em;
    background-color: #000;
    background-image: url(https://king810.com/zinc/img/asfalt-light.png)
}

#intro-container {
    padding-top: 2em;
    padding-bottom: 1em;
    background-color: #000;
    color: silver;
    font-size: 1.6em
}

.intro-text {}

.article {
    font-size: 1.1em;
    padding-bottom: 2em;
    padding-right: 1em;
    color: silver
}

.share-icons {
    margin-top: 2em
}

.listing-container {
    margin-top: 2em;
    margin-bottom: 2em
}

.article-date {
    padding-top: .5em;
    padding-bottom: .5em;
    color: #bac6d0
}

.article-date-page {
    padding-top: .5em;
    color: silver;
    margin-top: -1em
}

.list-image-container {
    opacity: 1;
    overflow: hidden;
	background-position: center;
	background-repeat: repeat-x;
}

.list-image {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.list-image:hover {
    opacity: .71;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.article h3 {
    font-size: 2.5em;
    line-height: 1;
    color: gray;
    margin-bottom: 1em
}

.full-width-listing .article h3 {
    font-size: 2.5em;
    line-height: 1;
    color: #000;
    margin-bottom: .2em
}

.full-width-listing .article h3 a {
    color: #384a5f
}

.image-title-container {}

.image-title-container img {
    width: 100%
}

.article-image {
    margin-bottom: 1.5em
}

.about-image-container {
    text-align: center;
    float: left;
    display: inline-block;
    width: 45%;
    margin-right: 1em;
    margin-bottom: 1em
}

.article-image-container-small {
    opacity: 1;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #000
}

.article-image-container-small h3 {
    position: absolute;
    top: 33%;
    text-align: center;
    width: 100%;
    z-index: 20;
    line-height: 1.2;
    margin-bottom: 0;
    padding-right: .6em;
    padding-left: .6em;
    font-size: 1.2em;
    display: none
}

.article-image-container-small img {
    opacity: 1;
    overflow: hidden;
    width: 100%
}

.footer-container {
    background-color: #000
}

footer {
    list-style-type: none;
    color: #fff;
    text-transform: uppercase;
	padding-bottom: 1em;
	line-height: 1.6;
	font-size: .7em;
	background: url( ) fixed;
	opacity: 1;
}

footer a {
    color: silver
}

footer a:hover {
    color: #fff
}

.social-account-icons {
    margin-top: 1em
}

.social-account-icons i {
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    opacity: 1;
    transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    -webkit-transition: color 1s ease-in-out;
    transition: all 1s ease;
    -webkit-transition-delay: all 1s ease;
    -moz-transition-delay: all 1s ease;
    -ms-transition-delay: all 1s ease;
    -o-transition-delay: all 1s ease;
    text-align: center;
    margin-right: .3em;
    margin-left: .3em;
    color: #fff
}

.social-account-icons a {
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    opacity: 1;
    transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    -webkit-transition: color 1s ease-in-out;
    transition: all 1s ease;
    -webkit-transition-delay: all 1s ease;
    -moz-transition-delay: all 1s ease;
    -ms-transition-delay: all 1s ease;
    -o-transition-delay: all 1s ease;
    text-align: center;
    margin-left: .3em;
    font-size: 2em;
    color: gray
}

.social-account-icons a:hover {
    color: silver
}

#privacy-links-container {
    padding-top: 2em;
    padding-bottom: 1em
}

#legal-credits-container {
    padding-top: 1em;
    padding-bottom: 6em
}

#navigation {
    font-family: urw-din-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-right: 2em;
    margin-bottom: 0;
    margin-top: 1em
}

#navigation li {
    display: inline-block;
    color: #242424;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em
}

#navigation a {
    color: #fff;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    opacity: 1;
    transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    -webkit-transition: color 1s ease-in-out;
    transition: all 1s ease;
    -webkit-transition-delay: all 1s ease;
    -moz-transition-delay: all 1s ease;
    -ms-transition-delay: all 1s ease;
    -o-transition-delay: all 1s ease;
    padding-bottom: .2em
}

#navigation a:hover {
    line-height: 1.3em;
    color: gray;
    margin-bottom: .4em;
    opacity: 1;
    padding-bottom: .4em
}

.title-bar {
    color: #fff
}

.menu-icon {
    color: red}

button .menu-icon {
    color: red}

#mobile-navigation {
    opacity: 1;
    background-image: none;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
	padding-top: 1em;
	padding-bottom: 1em;
}

#mobile-navigation ul {
    opacity: 1
}

#mobile-navigation li {
    opacity: 1;}

#mobile-navigation a {
    color: #feffff;
    text-transform: uppercase;
    opacity: 1;
    font-size: 1em;}

#mobile-navigation a:hover {
    color: red;
    text-transform: uppercase;
    opacity: 1
}

.button {
    background: #384a5f;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    opacity: 1;
    transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    transition: all .25s ease;
    -webkit-transition-delay: all .25s ease;
    -moz-transition-delay: all .25s ease;
    -ms-transition-delay: all .25s ease;
    -o-transition-delay: all .25s ease;
    color: #fff
}

.button:hover {
    background: gray;
    color: silver
}

.homepage {
    margin-top: 2em
}

.page-container {
    background-color: #fefeff
}

.imageband {
    background-color: #191919
}

.alignleft {
    float: left;
    margin: 1em;
    display: inline-block
}

.alignright {
    float: right;
    display: inline-block;
    margin: 1em
}

.consent-request-block {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border: 1px solid silver;
    padding: 1em
}

.consent-response-date {
    padding-bottom: 1em;
    padding: 1em;
    background-color: #e8e8e8;
    font-size: .9em
}

.img-parallax {
    width: 100vmax;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    pointer-events: none
}

.block {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    font-size: 16px
}

.block h2 {
    position: relative;
    display: block;
    text-align: center;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10vw;
    color: #fff;
    font-weight: 400
}

#nav-logo-container {
    background-size: cover;
    background-image: none;
    background-color: #000
}



/* @end */

@media screen and (max-width:39.9375em) {

.visible-main-text {
	color: white;
	padding-top: 4em;
	padding-bottom: 3em;
	text-shadow: #292929 0 0 5px;
	font-size: .9em;
	text-align: left;
}

.home-video-credits{
	display: none;
}

.pdx-logo-layer img{
	height: 50px;
}
}

@media screen and (min-width:40em) {}

@media screen and (min-width:40em) and (max-width:63.9375em) {}

@media screen and (min-width:64em) {
}

@media screen and (min-width:64em) and (max-width:74.9375em) {}