.wp-block-posts__items.post-type--director {
	gap: 0!important;
	margin-bottom: 0;
	li {
    	transition: all .3s;
    	position: relative;

    	&:hover {
    		.directors-reel {
    			opacity: 1;
    		}

    		&::after {
    			opacity: 1;
    		}
    	}

    	&::after {
    		content: '';
    		position: absolute;
    		top: 0;
    		left: 0;
    		width: 100%;
    		height: 100%;
	    	border: 4px solid #FF5224;
	    	transition: all .3s;
	    	opacity: 0;
	    	z-index: 5;
	    	pointer-events: none;
    	}

    	@media (min-width: 768px) {
	        -webkit-flex-basis: 33.33%!important;
	        -ms-flex-preferred-size: 33.33%!important;
	        flex-basis: 33.33%!important;
	    }
	}

	figure {
		margin-bottom: 0;
	}

	.wp-block-card-basic__content {
	    padding: 2rem;
	    text-align: center;
	    position: absolute;
	    height: 100%;
	    width: 100%;
	    top: 0;
	    left: 0;
	    background: rgba(0, 0, 0, 0.4);
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	    align-items: center;
	    z-index: 2;
	}

	.wp-block-button-group {
		display: none!important;
	}

	.directors-reel {
        z-index: 1;
        opacity: 0;
    	transition: all .3s;
	}
}

.director-video-list {
    display: flex;
    flex-wrap: wrap;
    >* {
    	width: 100%;

    	&:hover::after {
    		opacity: 1;
    	}

    	&::after {
    		content: '';
    		position: absolute;
    		top: 0;
    		left: 0;
    		width: 100%;
    		height: 100%;
	    	border: 4px solid #FF5224;
	    	transition: all .3s;
	    	opacity: 0;
	    	z-index: 5;
	    	pointer-events: none;
    	}
    }

    .wp-block-card-basic {
    	position: relative;
    }

    .wp-block-card-basic__media {
    	cursor: pointer;
    	&:hover {
    		.wp-block-card-basic__video-text {
    			opacity: 1;
    		}
    	}
    }

    .wp-block-card-basic__link {
    	pointer-events: none;
    	position: absolute;
    	bottom: 0;
    	left: 0;
	    width: 100%;
	    padding: 2.4rem;
	    padding-top: 1.6rem;
	    padding-bottom: 1.8rem;
    }

    figure, p {
    	margin-bottom: 0;
    }
}

@media(min-width: 992px) {
	.director-video-list {
	    >* {
	    	width: 50%;
	    }
	}
}

@media(min-width: 1500px) {
	.director-video-list {
	    >* {
	    	width: 33.33%;
	    }
	}
}

body.single-director {
	.pp-video-popup__wrap {
		padding-bottom: 4.2rem;
	}

	.pp-video-popup .wp-block-button-group {
		display: none;
	}
}

section.directors-hero.wp-block-section {
	.inner-wrap {
		max-width: 1800px;
	}

	.wp-block-columns {
		position: relative;
		gap: 0;
		>*:first-child {
		    padding: 5rem;
		    background: rgba(0, 0, 0, 0.4);
		    margin-bottom: 5rem;
		    z-index: 1;
		    max-width: 90%;
	    	@media (min-width: 768px) {
		    	max-width: 75%;
	    	}

	    	@media (min-width: 1200px) {
		    	max-width: 65%;
	    	}
		}

		>*:last-child {
		    position: absolute;
            max-width: auto;
            width: auto;
		    right: -400px;
		    bottom: 0;
		    max-height: calc(100% + 48px);
		    max-width: none;
		    height: 1000px;
		    width: 1000px;
		    z-index: 0;
		    figure {
		    	height: 100%;
		    	width: 100%;
		    }

		    img {
		    	height: 100%;
		    	width: 100%;
		    	max-width: none;
			    object-position: center;
			    object-fit: contain;
		    }

	    	@media (min-width: 500px) {
		    	right: -300px;
		    	/*right: -300px;*/
		    	/*max-width: 60%;*/
	    	}

	    	@media (min-width: 768px) {
		    	/*right: -300px;*/
		    	/*max-width: 60%;*/
	    	}

	    	@media (min-width: 992px) {
		    	max-height: calc(100% + 72px);
		    	/*right: -300px;*/
		    	/*max-width: 60%;*/
	    	}

	    	@media (min-width: 1200px) {
		    	/*max-width: 60%;
		    	height: auto;
		    	max-height: 120%;
		    	right: -200px;

			    img {
			    	height: 100%;
			    	width: auto;
			    	max-width: 100%;
			    }*/
	    	}
		}
	}
}

@media (min-width: 576px) {
    ul#menu-primary .menu-item {
        font-size: 5rem !important;
        line-height: 4rem !important;
    }
}

@media (min-width: 768px) {
    ul#menu-primary .menu-item {
        font-size: 6rem !important;
        line-height: 6rem !important;
    }
}

@media (min-width: 992px) {
    ul#menu-primary .menu-item {
        font-size: 7rem !important;
        line-height: 7rem !important;
    }
}


header.mobile-menu[aria-expanded=true] #menu-primary .menu-item:nth-of-type(5) {
    -webkit-transition: all 0.4s ease 1.4s;
    transition: all 0.4s ease 1.4s;
}