/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
* {font-family:”Courier New”, Courier, monospace}
@font-face {
	font-family: "2bit";
	src: url('/wp-content/uploads/2022/05/PressStart2P-Regular.woff')format("woff");
}
@media screen and (max-width: 767px) {
	.additionalcreditscheckbox-wrapper {
		display: none !important;;
	}
	.col-full {
    width: 70vw !important;
	}
.top-right-menu {
		padding-left: 80% !important;
	}
.site-logo {
    padding: .3em !important;
		width: 7em !important;
}
	#menu-footer-links {
	text-align: left !important;
}
	.search-filter-results {
	justify-content: space-around !important;
}
}
/*Hide Default Elements*/
.site-info, .site-header, .woocommerce-form-coupon-toggle {
	display: none;
}
.entry-header {
	display: none;
}
.entry-content {
	margin-top: 5em;
}
.custom-header {
    z-index: 101;
    position: fixed;
    width: 100%;
    top: 0;
}
.site-logo {
    position: fixed;
		z-index: 999;
		width: 8em;
		max-width: 35vw;
    padding: 1em;
    background: white;
    border-bottom-right-radius: 50%;
}
.top-right-menu {
    right: 0;
    padding: 1em;
    position: fixed;
    background: white;
    border-bottom-left-radius: 15px;
}
.top-right-menu .button {
	display: none !important;
}
.top-right-menu .button.checkout {
	display: block !important;
}
.site-logo img {
    height: 100%;
		width: 100%;
    float: left;
    transform: rotate(-15deg);
}
.site-header-cart {
    list-style-type: none;
    margin-left: 0;
    padding: 0;
    margin-bottom: 0;
		width: 230px;
	max-height: 25px;
}
.site-logo:hover {
	transform: scale(1.1);
}
/* Submission Page */
#product-844 .woocommerce-product-gallery, #product-1489 .woocommerce-product-gallery {
	display: none;
}
#product-844 .summary, #product-1489 .summary {
	width: 100%;
}
.woocommerce-breadcrumb, .storefront-breadcrumb, .product_meta, .woocommerce-tabs {
	display: none;
}
.table.wccpf_fields_table td.wccpf_label, table.wccpf_fields_table td.wccpf_label label {
	max-width: 220px !important;
}
.film_stillposter-wrapper input {
	width: 100%;
}
/* Checkout Page */
.woocommerce-message {
	display: none !important;
}
.product-thumbnail img {
	width: 100%;
}
.woocommerce-checkout-review-order-table .wccpf-cart-data-editor {
	display: none;
}
ul.wccpf-cart-editor-ul li p {
	max-width: 500px;
}
/* Film Pages */
.film-button {
	width: 38.4vw;
	max-width: 32em;
	margin-bottom: 2em;
}
.preview-pic {
	height: 100%;
	width: 100%;
	background-size: cover;
}
.theatre-container {
	width: 100%;
	aspect-ratio: 16/9;
	height: 0;
}
iframe {
	height: 100%;
	width: 100%;
}
/* Home Page */
.col-full {
	width: 80vw;
	margin: auto !important;
}
.search-filter-results {
	display: inline-flex;
	gap: 5px;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}
.film-button:not(.theatre-mode) div:hover, .close-x {
	cursor: pointer;
}
.film-button .the-date {
	display: none;
}
.film-button:nth-child(4n-3) .the-date {
	visibility: visible;
}
.pagination {
	width: 100%;
}
.top-right-menu .cart-contents {
	padding: 0 !important;
}
.close-x {
	display: none;
}
.submit.button:hover {
	background-color: red;
	transform: scale(1.1);
}
/* theatre mode */
.theatre-mode .close-x {
	display: inline-block;
	float: right;
	color: white;
	z-index: 9999;
	padding: 0 .5em;
	margin-left: 100%;
	text-align: right;
}
.video-wrapper {
	cursor: default;
	text-align: center;
}
.theatre-mode .theatre-container {
	display: flex;
	align-items: center;
	position: fixed;
	Width: 100%;
	height: 100%;
	padding: 5vw;
	background-color: rgba(0,0,0,.8);
	left: 0;
	top: 0;
	z-index: 999;
	max-height: unset;
}
.theatre-mode .theatre-container iframe {
	visibility: visible;
}
.theatre-mode .theatre-container .preview-pic {
	display: none;
}
/* Search Field */
.sf-field-search .sf-input-text {
	background-color: white !important;
	border: none !important;
	box-shadow: none;
	color: black;
	opacity: 1;
	outline: none;
}

.sf-input-text::placeholder {
	color: black;
}

.sf-field-search:before {
   font-family: "Font Awesome 5 Free";
   content: "\f002";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
}
.entry-title {
		margin-top: .2em;
	}
.storefront-handheld-footer-bar {
	display: none;
}
.site-header-cart .cart-contents {
	display: block !important;
}
.site-header-cart .cart-contents::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    content: "\f291";
    height: 1em;
    float: right;
    line-height: 1.618;
}
@media screen and (max-width: 1299px) {
	.entry-title {
		margin-top: 1.5em;
	}
}
@media screen and (max-width: 767px) {
	.site-header-cart {
		width: 170px;
	}
	.theatre-container {
		width: 100%;
	}
	.film-button {
		width: 100%;
	}
}

.ts-and-cs-button:hover {
	cursor: pointer;
	color: red;
}
.ts-and-cs-button {
    margin: 1em 0;
}
.film-button:hover .no-hover-pic {
	outline: solid .2em;
}
.theatre-mode {
	opacity: 1 !important;
}
.theatre-container iframe {
	height: 0;
}
.theatre-mode iframe {
	width: 90vw;
	height: 50.625vw;
	max-height: 70vh;
//	max-width: 124.44vh;
}
/* menu styling */
#menu-container {
	position: absolute;
	margin-top: 10em;
	font-family: "fontawesome";
}
#menu-social {
	font-size: 2em;
	list-style: none;
	margin-left: 1em;
}
#menu-social li i {
	color: black !important;
}
#menu-social li i:hover {
	transform: scale(1.1);
}
@media screen and (max-width: 767px) {
#menu-social {
	margin-left: .25em;
}
	#menu-container {
	margin-top: 8em;
}
}
.clickcapture {
	  position: absolute;
    width: 1px;
    height: 1px;
    margin: 50%;
}
#shopmagic-form-1167:before {
	content: "Sign up to our newsletter:";
	margin-bottom: 1em;
	width: 100%;
}
#shopmagic-form-1167 {
	display: inline-flex;
	flex-wrap: wrap;
}
#shopmagic-message-1167 {
	width: 100%;
}
.shopmagic-form-field-email {
	max-width: 65%;
}
.shopmagic-form-field-submit {
	max-width: 35%;
}
.film-button .clickable-area:hover {
	cursor: pointer;
}
.film-button.winner h2 {
	display: inline-flex;
}
.film-button.winner h2:before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: .1em;
	transform: rotate(-16deg);
	background-image: url("/wp-content/uploads/2022/05/FOTM-logo-round-reversed.png");
	background-size: cover;
}
#menu-footer-links {
	text-align: right;
	display: flex;
	flex-direction: column;
}
#menu-footer-links li:before {
display: none;
}
#menu-social {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	max-height: 80vh;
	flex: 1;
}
@media screen and (max-height: 499px) {
		#menu-social {
		font-size: 6vh;
	}
	#menu-container {
		margin-top: 8em;
	}
}
#menu-social {
	max-height: calc(100vh - 6.5em);
	overflow-y: scroll;
	width: 1.15em;
}

/* menu links */
#menu-social a:hover:after {
	vertical-align: center;
	position: absolute;
	width: max-content;
	font-size: .5em;
	color: white;
	padding: .2em .5em;
	background: black;
	border-radius: .3em;
	margin-left: .5em;
	transform: translatey(.5em);
}
.ts-and-cs-menu a:hover:after {
	content: "t's & c's";
}
.submit-film a:hover:after {
	content: "Submit a Film";
}
.shop-menu a:hover:after {
	content: "Shop";
}
.sponsorship-menu a:hover:after {
	content: "Sponsorship";
}
.script-submit a:hover:after {
	content: "Submit a Script";
}
.home-menu a:hover:after{
	content: "Home";
}
.home #menu-social .home-menu {
	display: none;
}
.woocommerce-billing-fields h3:after {
	display: block;
font-size: .5em;
	content: "* We will use this information for all correspondence including any relating to festival Entries so please ensure it is correct.";
	margin-bottom: 1em;
}
.hover-pic {
	display: none;
}
.film-button:not(.theatre-mode) .clickable-area:hover .hover-pic {
	display: block;
}
.film-button:not(.theatre-mode) .clickable-area:hover .preview-pic {
	display: none;
}
.film-button .clickable-area:hover:before {
	content: "PLAY 	▶";
	font-family: "2bit";
	position: absolute;
	padding: .2em .5em;
	color: white;
	font-weight: 900;
}
.pagination {
	display: none;
}
.director, .film-title {
	margin: 0;
}
.additional_info {
	font-size: .8em;
	margin: 0;
	text-transform: capitalize;
}
.additional_info span:after {
	content: " |";
}
.additional_info span:last-child::after {
	content: none;
}
.mature {
	color: white;
	font-weight: bold;
	background: darkred;
	padding: .2em .5em;
	border-radius: 5px;
}
.theatre-mode .background {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	  z-index : -1;
}
.theatre-mode .background {
	cursor: default;
}
.search-filter-results:empty::after {
	content: "We can't seem to find any films that match that search. Sorry about that! \A \A Could you try again with a different search term?";
	white-space: pre-wrap;
	text-align: center;
	width: 100%;
}
.search-filter-scroll-loading {
	margin: auto;
}
.control-bar {
	display: none;
	color: white;
}
.control-bar .next-button:hover,.control-bar .previous-button:hover {
	cursor: pointer;
}
.next-button {
	float: right;
}
.theatre-mode .control-bar {
	display: inline-flex;
	justify-content: space-between;
	width: 100%;
}
.theatre-mode .next-button {
	padding-right: 2em;
}
.theatre-mode .previous-button {
	padding-left: 2em;
}
.search-filter-results .film-button:first-child .previous-button,.search-filter-results .film-button:nth-last-child(2) .next-button {
	visibility: hidden;
	pointer-events: none;
}
.modal-open {
	overflow: hidden;
}
.month {
	text-transform: uppercase;
}
.storefront-sorting {
	display: none;
}
.insert-page .jp-relatedposts {
	display: none !important;
}
.wccpf_label label {
	width: 170px !important;
}
/* Date Picker*/
td.undefined, .ui-datepicker-calendar thead, .undefined a, .ui-state-disabled {
	display: none !important;
}
.ui-datepicker-calendar > tbody > tr:first-child > td:last-child {
	display: inline-flex !important;
	justify-content: center;
	position: absolute;
	width: 100%;
	left: 0;
}
.ui-datepicker-calendar tbody {
	display: inline !important;
}
.ui-datepicker-calendar > tbody > tr:first-child > td:last-child:hover {
	cursor: pointer;
}
.ui-datepicker-calendar > tbody > tr:first-child > td:last-child:before {
	content: "confirm";
	width: 80%;
	z-index: 9;
	padding:.2em 0;
	text-align: center;
	background: black;
	color: white;
}
#ui-datepicker-div {
	height: 7.2em;
}
.month span {
	padding: .2em .5em;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	background: darkgrey;
	word-spacing: -.2em;
}
.month span:before {
	content: "OS "
}
.month span:hover:before {
	content: "official selection "
}
.winner .month span {
	background: goldenrod;
}
.winner .month span:before {
	content: "FOTM "
}
.winner .month span:hover:before {
	content: "Film of the Month ";
}
.additional_info span a {
	text-decoration: none !important;
}
.searchandfilter ul li {
	display: inline-block;
}
.ts-and-cs h4 {
	display: none;
}
.wcff-fields-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.additional_credits-wrapper {
	width: 33% !important;
}
.additional_credits-wrapper .wccpf_label {
	display: none !important;
}
.main-label {
	width: 33%;
	text-align: center;
	background: none !important;
	color: black !important;
	border: none !important;
	padding: .5em !important;
	margin-bottom: 0 !important;
}
.additionalcreditscheckbox-wrapper .wccpf_label {
	display: none;
}
.additionalcreditscheckbox-wrapper {
	visibility: hidden;
}
.additionalcreditscheckbox-wrapper {
	font-weight: 900;
	display: flex;
	align-items: center;
}
.additionalcreditscheckbox-wrapper input[type=checkbox].wccpf-field.additionalcreditscheckbox {
	width: 350px !important;
}
.additionalcreditscheckbox:hover {
	cursor: pointer;
	color: red;
}
.additionalcreditscheckbox-wrapper input:after {
	font-family: "courier";
	text-transform: capitalize;
	font-weight: 900;
	content: "add additional credits (optional)";
	visibility: visible;
}
.additionalcreditscheckbox-wrapper input:checked:after {
	content: "remove additional credits (optional)";
}
.wccpf_label label {
	max-width: 40vw;
}
@media screen and (max-width: 767px) {
	.wccpf-fields-container table tr {
		display: grid;
	}
	.wccpf-fields-container label {
		min-width: 80vw ;
	}
}
.theatre-mode .more-info {
	align-items: baseline;
	text-align: center;
}
.theatre-mode .more-info * {
	color: white;
	font-size: 1em;
}
.next-button.mobile {
	display: none;
}
.theatre-mode .more-info .addition_info {
	width: 100%;
}
	.theatre-mode .more-info .additional_info span {
		white-space: nowrap;
	}
@media screen and (max-width: 800px) and (orientation:portrait) {
	.next-button.mobile {
		display: block;
	}
	.next-button.desktop {
		display: none;
	}
	.theatre-mode .more-info {
		width: 100%;
		justify-content: space-around;
		text-align: center;
		margin-top: 1em;
	}
	.theatre-mode .control-bar {
		flex-wrap: wrap;
		font-size: 3vw;
		padding: 0;
	}
}
.previous-button, .next-button {
	min-width: 120px
}
.next-button {
	text-align: right;
}
/*make sure when you clck on background it works*/
.video-wrapper, .video-wrapper .control-bar {
	pointer-events: none;
}
.video-wrapper iframe, .video-wrapper div {
	pointer-events: all;
}
/*end*/
.footer-widgets {
	padding-top: 0;
}
.content-area, .site-main {
	margin-bottom: 0;
}
.woocommerce-shop .quantity,.woocommerce-shop .single_variation_wrap a {
	display: none;
}
.single-product {
	margin-top: 3em;
}
.site-header-cart .widget_shopping_cart a.button:hover {
	background-color: red;
}
#menu-social li i:hover {
	color: red !important;
}
.sponsor-list {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: 50px;
	align-items: center;
}
.sponsor-list .sponsor {
	width: 20%;
	min-width: 200px;
}
.sponsor-list h2 {
font-size: 2em;
	width: 100%;
	text-align: center;
	font-weight: 600;
}
.woocommerce-cart-form__cart-item.cart_item img {
	max-width: 200px;
	max-height: 200px;
}
.woocommerce-account-fields {
	display: none;
}
.woocommerce-info {
	display: none;
}
.dnd-progress-bar span.in-progress {
	width: unset !important;
	color: black !important;
	text-align: left !important;
	background: none !important;
	font-size: inherit !important;
	font-weight: 900;
}
.dnd-progress-bar span.complete {
	width: unset !important;
	color: green !important;
	text-align: left !important;
	background: none !important;
	font-size: inherit !important;
	font-weight: 900;
}
.dnd-progress-bar {
	background: none !important;
}
.dnd-progress-bar span.complete:after {
	content: "Done";
}
.wc-dnd-file-upload:before {
	content: "ⓘ Upload an hd version of your film below. You can submit without doing so but please ensure you do send an hd version to our wetransfer if not. We will require one in the event that your film is selected!";
	font-weight: 600;
	padding: .1em;
}