::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}

ul {
    list-style: none;
    margin-left: 0;
}

.site {
    overflow-x: hidden;
}

.btn {
    padding: 0.55rem 1.75rem;
}

@media screen and (max-width: 450px) {
    .btn {
        font-size: 13px;
        padding: 12px;
        border-radius: 1rem;
    }
}

.subcategory {
    flex-direction: row;
}

.text-white {
    color: #ffffff;
}

.post, .page {
    margin: 0;
}

ul.sub-menu {
    margin-left: 0;
}

.sub-menu li a {
    color: #ffffff;
}

button:active {
    outline: none;
}

#page main .text-editor a {
    /** color: #ee4722; **/
}

/** Custom CSS Fix **/
.site-main section hr:last-of-type {
    display: none;
}

/** Mailchimp css **/
.mc4wp-response {
    margin-top: 10px;
    color: #fff;
}

.mc4wp-response .mc4wp-error {
    color: red;
}

.mc4wp-response .mc4wp-success {
    color: green;
}

/** Style contact links **/
.page-template-page-contact main section a {
    color: red;
}

.page-template-page-contact  main section .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

/** Contact Form CSS Fix **/
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    border: none;
    margin-left: 0;
    padding-left: 0;
}

.wpcf7-not-valid-tip {
    font-style: italic;
    font-size: 14px;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: green;
}

.wpcf7-form-control-wrap {
    position: unset;
}

.wpcf7 form.invalid .wpcf7-response-output {
    color: red;
}

input[type=text].wpcf7-form-control,
textarea.wpcf7-form-control {
    width: 100%;
}

.wpcf7 textarea {
    margin-top: 0.5rem;
}

.subscription-form-button:hover {
    background-color: rgba(255, 255, 255, 0.4);
    color: #fff;
}

/** font sizes **/
.text-editor h1,
.text-editor h2,
.text-editor h3,
.text-editor h4,
.text-editor h5,
.text-editor h6 {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-editor h1 {
    font-weight: 800 !important;
}

.text-editor p {
    line-height: 30px;
    overflow-y: hidden;
    font-size: 1.125rem;
    margin-top: .125rem;
    padding-top: 2.5rem;
}

.text-editor ul {
    padding: 0;
}


/** films styles **/
.single-films .film-overview #tabs p {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/** remove the last hr in the sub menu **/
#submenu hr:last-of-type {
    display: none;
}

main #tabs label:not(label:first-of-type) {
    border-left-width: 1px;
    padding-left: 1.25rem;
}

/* Make list look like the design */
main ul {
    list-style-type: "-";
    line-height: 30px;
    /*padding: 3.5rem 0.5rem 0 0;*/
    margin: 0 0 3.5rem 0;
    font-size: 1.125rem;
}

main .text-editor ul li {
    padding-left: 1.5rem;
}

main section .text-editor p > a {
    color: #ee4722;
}

main section div .access-button:hover {
    filter: brightness(90%);
    background-color: #ffd600;
}

.donate-page h1,
.donate-page h2,
.donate-page h3,
.donate-page h4,
.donate-page h5,
.donate-page h6 {
    padding-top: 3rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 800;
}

.tabs .tab-label:first-child {
    border-right-width: 0;
    padding-right: 0;
    border: none;
}

.tabs .tab-label:not(:last-child) {
    border-right-width: 0 !important;
    padding-right: 0 !important;
}

/** Loading svg css **/
#read-more-loader {
    display: flex;
    justify-content: center;
}

#press #filters-input input[type=radio]:checked + label {
    display: inline-block;
    color: white;
    background-color: #ee4722;
}

.book-now-button {
    max-width: max-content;
}

.book-now-button:hover {
    background-color: var(--color-yellow);
}

/** Video Popup Widget **/
.wp-video-popup-wrapper {
    background: rgba(0, 0, 0, 0.40);
}
.wp-video-popup-video.is-landscape {
    max-width: 900px;
    max-height: 80%;
}

.wp-video-popup-close {
    top: 50px;
    right: 50px;
}

/** Filters Select Drop Down max-width **/
#filters > span > select[id=festival-year] {
    max-width: 8.35rem;
}

#filters > span > select {
    max-width: 6.437rem;
}

/** height of the default banner of those banners that has no featured image **/
.h-356 {
    height: 22.25rem;
}

/** Revert the category class styling created by tailwind csss **/
body.category {
    display: block !important;
    margin-top: unset !important;
    margin-bottom: unset !important;
    overflow-x: unset;
    overflow-y: unset;
}

/** Customize the overview tab in taxonomy **/
#overview-category h1 {
    font-weight: 800;
}
#overview-category h2 {
    font-weight: 800;
}
#overview-category h3 {
    font-weight: 700;
}
#overview-category h4  {
    font-weight: 600;
}
#overview-category h5 {
    font-weight: 500;
}
#overview-category h6 {
    font-weight: 500;
}

#overview-category p {
    line-height: 30px;
    font-weight: 400;
}

/** Add hover on the menu links **/
ul#primary-menu li a:hover {
    text-decoration: underline;
}

/** Increase the width of the sub category on what's on **/
@media (min-width: 1024px) {
    .subcategory {
        max-width: 55rem;
    }
}

/** styles for sub categories on whats-on **/
#filters-input.subcategory input[type=radio] ~ label:hover {
    background-color: var(--color-red);
    color: #ffffff;
    border-radius: 20px;
    cursor: pointer;
}

#filters-input.category input[type=radio] ~ label:hover,
#filters-input.category button[name=filter-by]:hover {
    color: #000000;
}

#clear-filter span:hover {
    color: var(--color-red);
}

#slideshow img, .img-banner-2 img, .img-banner img {
    filter: brightness(80%);
}

.press-category {
    background-color: #e0e0e0;
    font-size: 18px;
    padding: 15px;
}

/**
Partner Page Styling
**/
.get-partner-container {
    display: grid;
    margin-left: auto;
    margin-right: auto;
    padding-top: .5rem;
    padding-bottom: 9rem;
    gap: 1.75rem;
    grid-auto-rows: auto;
}

.get-partner-container img {
    width: 150px;
    margin: 39px auto;
}

@media (min-width: 640px) {
    .get-partner-container {
        grid-template-columns: repeat(2,minmax(0,1fr));
        margin-right: 0;
    }
}


@media (max-width: 1024px) {
    .get-partner-container {
        grid-template-columns: repeat(2,minmax(0,400px));
    }
}

@media (min-width: 1280px) {
    .get-partner-container {
        grid-template-columns: repeat(4,minmax(0,2500px));
    }
}

/*fixes*/
.slide-btn {

    margin-bottom: -26px;
}

.bottom-25 {
    bottom: 8rem;
}

main ul {

    padding-bottom: 0.5rem !important;
    margin: 0 0 0.5rem 0;
    font-size: 1.125rem;
}

.text-editor p {

    padding-top: 0.5rem !important;
}

/*.filter-option{*/
/*    margin-left: 0.5rem;*/
/*}*/

#filters > span > select {
    max-width: 7.437rem;
}

.category {
    display: block;
    flex-wrap: nowrap;
    align-items: flex-end;
    overflow-x: auto;
    overflow-y: hidden;
}

@media (max-width: 998px) {
    .category {
        margin-top: 1.9rem;
        margin-bottom: 1.9rem;
    }
}

@media (max-width: 744px) {
    .category {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        align-items: center;
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .subcategory {
        max-width: 38rem;
    }
}

.home #slideshow {
    overflow-y: hidden;
    min-height: 600px;
    width: 100%;
    max-width: 100vw;
}

#wpadminbar ~ #page section.slide-wrapper {
    margin-top: 0;
    position: absolute;
    top: 0;
}

.home #slideshow img {
    height: 100%;
}

.home .slide-wrapper picture {
    height: 100% !important;
}

.release {
    color: #ffffff !important;
}

.release:hover {
    filter: brightness(85%);
}



@media screen and (max-width: 746px) {
    .img-banner-2 .banner-text-container {
        top: calc(100% + 75px) !important;
    }

    .img-banner-2 .banner-text-container .flex-trapezium-banner {
        width: 100% !important;
        max-width: 100% !important;
    }

    .banner-text {
        font-size: 2rem;
        line-height: 1.3;
    }

    .home #slideshow {
        margin-top: -16px;
    }
}

.home #slideshow .slide-wrapper {
    min-height: 600px;
    height: 100vh;
}

.img-banner-2 {
    height: 32.375rem;
}

.img-banner-2 .banner-text-container {
    position: absolute;
    top: calc(100% - 75px);
    z-index: 2;
    width: 100%;
}

.img-banner-2 .banner-text-container .flex-trapezium-banner {
    max-width: 40%;
}


.slide-wrapper picture {
    height: 34.375rem;
    width: 100%;
    object-fit: cover;
}

@keyframes slider_animated {
    1% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    33.33% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*.slide-wrapper > *:nth-child(1) {*/
/*    animation-delay: 20s;*/
/*}*/

/*.slide-wrapper > *:nth-child(2) {*/
/*    animation-delay: 25s;*/
/*}*/

/*.slide-wrapper > *:nth-child(3) {*/
/*    animation-delay: 30s;*/
/*}*/


.past-festival-bg-img {
    background-size: cover;
    background-position: center;
}

.year-category-filters#filters-input {
    max-width: 100% !important;
    overflow-x: auto;
}

.year-category-filters#filters-input label {
    margin: 5px 0;
    display: inline-block;
}

.tags-container span {
    font-size: 13px;
}

.film-overview {
    border-right-width: 2px;
    border-color: #cccccc;
}

#tabs.submenu-container .active {
    color: #ee4722;
}

.whatson-container {
    overflow-x: scroll;
    max-width: 90%;
}

@media screen and (max-width: 746px) {
    .partners-container {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 3rem;
    }

    .partners-logo-container {
        flex-direction: column;
    }

    .partners-container .filter {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .partners-container .subcategory {
        flex-direction: row;
        overflow-x: scroll;
        align-items: flex-start;
        display: flex;
        max-width: 100%
    }

    .get-partner-container {
        grid-template-columns: auto auto;
        padding-bottom: 2.5rem;
    }

    .category {
        margin-top: 1.9rem;
        margin-bottom: 1.9rem;
    }

    .partners-logo-container {
        padding-top: 1rem;
    }
}

.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: #828282;
}

.team-content {
    width: 100%;
    min-height: 600px;
    height: 80vh;
}

.team-content .team-details {
    height: calc(100% - 7.5rem);
    overflow-y: scroll;
}

.press-img {
    height: 23.937rem;
}

.press-date {
    position: absolute;
    bottom: 39px;
}

.release-container {
    padding-bottom: 0;
}

#v-cal .vcal-date--selected {
    color: #ee4722;
}

.text-13 {
    font-size: 13px;
}

.img-banner-2 button.wp-video-popup img {
    filter: none !important;
}

.snippet-btn-container {
    margin-bottom: 10px;
}

#content_area ul {
    list-style: disc !important;
    margin: 0 0 1.5em 3em !important;
}

#content_area blockquote,
#content_area dd,
#content_area dl,
#content_area figure,
#content_area h1,
#content_area h2,
#content_area h3,
#content_area h4,
#content_area h5,
#content_area h6,
#content_area hr,
#content_area p,
#content_area pre {
    margin-bottom: 1.5px !important;
}

.film-post-image img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.book-now-button:visited,
.book-now-button:focus {
    color: #ffffff !important;
}

/** Swiper Styles **/
.swiper-pagination {
    text-align: left !important;
    left: unset !important;
    width: max-content !important;
    bottom: 20% !important;
}

.swiper-pagination .swiper-pagination-bullet-active +.slide-btn {
    transform: scale(1.15);
}

.hidden-slide-btn {
    display: none !important;
}

.home-banner {
    z-index: 2;
}

#filters-input {
    display: none;
}

@media screen and (max-width: 796px) {
    #v-cal {
        top: -7rem !important;
    }
}

.bg-red {
    background-color: #ee4722;
}

.fa-select-dropdown {
    position: relative;
    padding-right: 0;
    max-width: 180px;
    width: 100%;
}

.fa-select-dropdown select {
    width: 100%;
    z-index: 2;
    background-color: transparent;
    padding-right: 1rem;
    cursor: pointer;
}

.fa-select-dropdown select ~ img {
    position: absolute;
    right: 1rem;
}

.contact-us-iframe > div {
    height: 100%;
}