/* Source and licensing information for the line(s) below can be found at http://qcfilmcommission.ph/themes/custom/qcfc/css/qcfc.css. */
/* 
    QCFC
    Website CSS - Desktop
    By: Glimsol Web & Digital Solutions (PH)
*/

@font-face { font-family: 'BiggerDisplay'; src: url('/themes/custom/qcfc/css/../fonts/BiggerDisplay.otf'); font-display: swap;}

:root {
    --qcfc-blue: #082159;
    --qcfc-darker-blue: #010D29;
    --qcfc-white: #FFFFFF;
    --qcfc-dirty-white: #F4F4F4;
    --qcfc-mid-blue: #1C3B95;
    /* --qcfc-red: #D92615; */
    --qcfc-red: #FF1600;
    --qcfc-black: #000000;
    --qcfc-yellow: #FEB846;
    --qcfc-gray: #676767;
    --qcfc-light-gray:#E4E4E4;
    --qcfc-gradient-blue: transparent linear-gradient(180deg, #1C3B95 0%, #001034 100%) 0% 0% no-repeat padding-box;
}
/* Global CSS  */
body { font-family: Neue Haas;}
.region-sidebar-first, .region-sidebar-second, .region-footer, .region-content{padding: 0;}
.path-user main{ margin: auto; padding: 50px 30px; max-width: 500px;}
.path-user header{background: var(--qcfc-blue);}
.banner-section video::-webkit-media-controls { display: none; }
.nav-item:has(.nav-mobile-only) { display: none;}
.owl-carousel .owl-dots button.owl-dot { width: 10px; height: 10px; background: var(--qcfc-light-gray); border-radius: 50%;}
.owl-carousel .owl-dots { display: flex; justify-content: center; gap: 5px; margin-top: 10px;}
.owl-carousel .owl-dots button.owl-dot.active { background: var(--qcfc-blue);}

.nav-program-dropdown { pointer-events: none;}
.nav-program-dropdown + ul a.dropdown-item::before { content: ''; width: 15px; height: 15px; display: block; background-size: contain; background-repeat: no-repeat;}
.nav-location::before { background: url('/themes/custom/qcfc/css/../assets/basil--location-solid.png');}
.nav-permits-regulation::before { background: url('/themes/custom/qcfc/css/../assets/healthicons--i-documents-accepted.png');}
.nav-incentives-and-grants::before { background: url('/themes/custom/qcfc/css/../assets/tdesign--money-filled.png');}
.nav-workshops::before { background: url('/themes/custom/qcfc/css/../assets/fluent--class-24-filled.png');}
.nav-qciff::before { background: url('/themes/custom/qcfc/css/../assets/tdesign--film-filled.png');}

.main-contents { padding-block: 30px; position: relative; z-index: 3; background: var(--qcfc-white);}
/* Header  */
header { text-transform: uppercase; position: absolute; top: 0; z-index: 2; width: 100%;}
header nav.navbar { background: transparent; padding-block: 20px 10px;}
.navbar-nav .dropdown-menu {border-radius: 8px; padding-block: 0; right: 0; background: var(--qcfc-white);  width: 100%; min-width: max-content; transform: translateY(2px);}
.navbar-nav .dropdown-menu a { color: var(--qcfc-black); text-transform: none; display: flex; align-items: center; gap: 5px;}
.navbar-nav .dropdown-menu a:hover,
.navbar-nav .dropdown-menu a.active.is-active { background: transparent; color: var(--qcfc-mid-blue);}
header nav.navbar.navbar-expand-lg.navbar-dark {
    padding-block: 5px;
    background: var(--qcfc-white);
}

/* .main-nav .nav-item:has(a.nav-link.dropdown-toggle:hover),
.main-nav .nav-item:has(.dropdown-menu:hover),
.main-nav .nav-item.dropdown:hover{background: rgba(254, 184, 70, 0.7);}
.navbar-nav .dropdown-menu .nav-item:hover {
    background: rgba(254, 184, 70, 0.3);
} */

div.navbar-brand img { height: 60px;}
/* header nav.navbar > div > .navbar-collapse { margin-bottom: 15px;} */
.viewsreference--view-title{display: none;}
body:not(:has(.banner-section)) header { background: var(--qcfc-blue);}
/* .ribbon-nav { background: var(--qcfc-blue);}
.ribbon-nav .nav-item a.nav-link { color: var(--qcfc-white); padding: 5px; font-size: 0.85rem;} */
.main-nav .nav-item a.nav-link.active.is-active,
.main-nav .nav-item:not(.dropdown) a.nav-link:hover { color: var(--qcfc-blue); /* border-bottom: 1px solid var(--qcfc-yellow); */}
.main-nav .nav-item a.nav-link:not(.contact-us-cta):before{ position: absolute; bottom: 0; width: 0%; display: block; height: 1px; content: ''; background: var(--qcfc-blue); transition: all 300ms;}
.main-nav .nav-item a.nav-link.active.is-active::before,
.main-nav .nav-item:not(.dropdown) a.nav-link:hover::before { width: 100%;}
.main-nav .nav-item a.nav-link { color: var(--qcfc-black); text-transform: uppercase; padding-inline: 0; font-weight: 400; margin-inline: 12px; transition: all 300ms; position: relative; font-size: 0.8em;}
.main-nav .nav-item a.nav-link.contact-us-cta::after { content: '\f061'; font-family: 'fontAwesome'; margin-left: 10px;}

.main-nav .nav-item a.nav-link.contact-us-cta { color: var(--qcfc-black); background: transparent; border-radius: 8px; font-weight: 400; padding: 5px 20px; margin-inline: 20px 0; border: 1px solid var(--qcfc-black);}
.main-nav .nav-item a.nav-link.contact-us-cta:hover,
.main-nav .nav-item a.nav-link.contact-us-cta.active.is-active { background: var(--qcfc-mid-blue); border-color: var(--qcfc-mid-blue); color: var(--qcfc-white);}

nav.navbar.navbar-expand-lg.navbar-dark.main-menu { background: var(--qcfc-blue);}
.main-menu a.nav-link { color: var(--qcfc-white); position: relative; font-size: 0.9rem;}
.main-menu .region.region-header { width: 100%;}
.main-menu  ul.navbar-nav { width: 100%; justify-content: center !important; gap: 20px;}
.main-menu .nav-item a.nav-link::before{ position: absolute; bottom: 5px; left: 10px; width: 0%; display: block; height: 1px; content: ''; background: var(--qcfc-white); transition: all 300ms;}
.main-menu .nav-item a.nav-link.active.is-active::before,
.main-menu .nav-item:not(.dropdown) a.nav-link:hover::before { width: calc(100% - 20px);}

/* Main Content  */
.banner-section{ padding: 150px 30px; min-height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 1200ms; position: relative; display: flex; align-items: center; height: 100dvh;}
.banner-section::before { position: absolute; width: 100%; height: 100%; content: ''; background: var(--qcfc-blue); top: 0; left: 0; z-index: 1; opacity: 65%;}
/* .banner-section > .container { position: fixed; z-index: 2; color: var(--qcfc-white); text-transform: uppercase; bottom: 60px; left: 50%; top: 50%; transform: translate(-50%, -25%);} */
.banner-section > .container {position: fixed; z-index: 2; color: var(--qcfc-white); text-transform: uppercase; bottom: 70px; left: 50%; transform: translateX(-50%); height: fit-content;}

/* .node-title { font-size: 1.2rem; margin-bottom: 15px; font-weight: 400;} */
.node-title {
    font-size: 1rem;
    margin-bottom: 15px;
    font-weight: 300;
    width: fit-content;
    padding: 10px 30px;
    background: var(--qcfc-red);
    text-transform: capitalize;
    border-radius: 20px;
    letter-spacing: 0.5px;
}
.banner-title { font-size: 4.5rem; text-wrap: pretty; line-height: 1; max-width: 560px; font-family: 'BiggerDisplay'; color: var(--qcfc-white);}
/* .banner-title div { display: inline-block;}
.banner-title div::first-letter { color: var(--qcfc-yellow);} */
.homepage-content .banner-section .media--type-video { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.homepage-content .banner-section .media--type-video video{ width: 100%; height: 100%; object-fit: cover; position: fixed; top: 0; left: 0; z-index: -1; object-position: bottom;}
.outer-wrapper { background: var(--qcfc-white); position: relative ; z-index: 2;}
.homepage-content .banner-title { max-width: 600px;}
.homepage-content .banner-title + div { max-width: 600px; text-transform: none;}
.layout-card-w-description .upper-description { text-align: center; line-height: 1.8; max-width: 650px; margin: 0 auto 4em; color: var(--qcfc-blue);}
.node-2 .description-paragraph .container > div{ text-align: center; line-height: 1.8; max-width: 900px; margin: 0 auto 0; color: var(--qcfc-blue);}
.node-2 .description-paragraph p {color: var(--qcfc-blue)}
.node-2 .description-paragraph p:last-child { margin-bottom: 0;}
.node-2 .description-paragraph {max-width: 100%;}
.card-item-wrapper { position: relative; overflow: hidden;}
.card-item-wrapper img { width: 100%; height: auto; object-fit: cover; aspect-ratio: 1 / 0.6; transition: all 300ms;}
.card-item-wrapper .overlay-description { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: grid; place-content: center; color: white; text-align: center; background: rgba(103, 103, 103, 0.4); transition: all 300ms; filter: drop-shadow(1px 1px 7px var(--qcfc-blue));}
.card-item-wrapper .overlay-description h5{margin-bottom: 0;}
.card-item-wrapper .overlay-description:hover { color: var(--qcfc-yellow); cursor: pointer; background: rgba(103, 103, 103, 0.1);}
.card-item-wrapper img:has(+.overlay-description:hover) { scale: 1.06;}
.card-item-wrapper .overlay-description span { font-weight: 300;}

.banner-section.banner-half { min-height: 400px; height: 400px; padding: 120px 30px 30px; align-items: flex-end;}
.banner-section.banner-half .banner-title {max-width: max-content;}

.qcfc-statistics-wrapper { padding-block: 50px; background: var(--qcfc-blue); color: var(--qcfc-white);}
.qcfc-statistics-wrapper > .container{justify-content: space-evenly; display: flex; gap: 20px;}
.statistic-item { display: grid; grid-template-areas: 'img h5' 'span-text span-text'; grid-auto-columns: auto 1fr; gap:5px 15px; align-items: center; max-width: 20%;}
.statistic-item img { grid-area: img; max-width: 45px; width: 45px;}
.statistic-item:not(:nth-child(1)):not(:nth-child(2)) img{ max-width: 29px; min-width: 29px;}
.statistic-item h5 { grid-area: h5; letter-spacing: 3px; margin-bottom: 0;}
.statistic-item span { grid-area: span-text; font-size: 0.8rem; text-wrap: balance; padding-right: 20px;}
.homepage-content .banner-section {padding-bottom: 40px; align-items: flex-end;}
.homepage-content .banner-section > .container {top: unset;}

.view-header-content { display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid var(--qcfc-light-gray); margin-bottom: 40px; padding-bottom: 10px; gap: 10px; text-transform: uppercase;}
.view-header-content h4 { margin-bottom: 0; color: var(--qcfc-blue);}
.view-header-content a svg { margin-left: 7px;}
.view-header-content a { text-decoration: none; color: var(--qcfc-blue); transition: all 300ms; position: relative;}
.view-header-content a::before { position: absolute; width: 0%; height: 1px; background: var(--qcfc-yellow); content: ''; display: block; bottom: 0; left: 0; transition: all 300ms;}
.view-header-content a:hover::before{width: 100%;}
.view-header-content a:hover { color: var(--qcfc-yellow);}
.view-content > div > ul { list-style: none; padding: 0;}
.news-card-wrapper li > div,
.news-card-wrapper li > div > span {height: 100%;}
.news-card-wrapper .row { row-gap: 20px;}
/* .news-card { padding: 10px 30px; height: 100%; display: flex; flex-direction: column;} */
.news-card { padding: 0; height: 100%; display: flex; flex-direction: column; box-shadow: 0px 2px 6px #6A6A6A29;}
.news-card-wrapper { margin-top: 15px;}
.news-card > div > div { font-weight: 300;}
.news-card > div { padding: 20px; flex-grow: 1; display: flex; flex-direction: column;}
.news-card img { aspect-ratio: 1 / 0.67; object-fit: cover; transition: all 300ms;}
.news-card a:has(img) { overflow: hidden;}
.news-card img:hover { transform: scale(1.03);}
.news-card > div a:has(svg) { text-decoration: none; margin-top: auto; font-size: 0.9rem; display: flex; align-items: center; gap: 5px; transition: all 300ms;}
.news-card > div a:has(svg):hover { color: var(--qcfc-red);}
.news-card-wrapper li:not(:last-child) .news-card { border-right: 2px solid var(--qcfc-light-gray);}
.news-card > div a:has(svg) {text-decoration: none; margin-top: auto;}
.news-card-title a { text-decoration: none; color: var(--qcfc-blue); text-transform: uppercase; transition: all 300ms;}
.news-card-title a:hover {color: var(--qcfc-red);}
.news-card-info { display: flex; padding-top: 10px;margin-top: auto; color: var(--qcfc-gray); font-size: 0.93rem; gap: 10px;}
.news-card-info span:last-child {  margin-inline: auto;}
.content-view-title.paragraph-section:has(.w-background) { background: var(--qcfc-blue); color: var(--qcfc-white); padding: 45px 20px 20px;}
.content-view-title.paragraph-section:has(.w-background) .view-header-content h4,
.content-view-title.paragraph-section:has(.w-background) .view-header-content a{color: var(--qcfc-white);}
.content-view-title.paragraph-section:has(.w-background) .view-header-content a:hover{color: var(--qcfc-yellow);}
.content-view-title.paragraph-section:has(.w-background) .news-card-title a{color: var(--qcfc-white);}
.content-view-title.paragraph-section:has(.w-background) .news-card-title{ font-weight: 400; text-transform: uppercase; font-size: 1rem;}
.content-view-title.paragraph-section:has(.w-background) .view-header-content{ margin-inline: 30px;}
.news-card-date { display: flex; flex-direction: column; font-size: 0.85rem;}
.news-card-date p > span:last-child { text-wrap: nowrap;}
.news-card-date p{ margin-bottom: 0; display: flex; flex-wrap: wrap; column-gap: 5px; font-weight: 200;}
.news-card-date > span:first-child { font-weight: 400;}
.deadlines-card-wrapper li:not(:last-child) .news-card { border-right: 1px solid var(--qcfc-white);}

/* Contact us  */


/* Footer  */
footer { /* background: url('/themes/custom/qcfc/css/../assets/Footer Background.png'); background-repeat: no-repeat; background-size: cover; */ background: var(--qcfc-blue); padding-block: 15px; color: var(--qcfc-white);}
#block-qcfc-brandlogoblock img { width: auto; max-width: 100%; height: 65px;}
#block-qcfc-footerinformation p { font-size: 0.85rem; margin-bottom: 0;}
#block-qcfc-footerinformation h6 { line-height: 1.6; font-weight: 500; margin-bottom: 5px;}
#block-qcfc-footerinformation { max-width: 450px;}
.region.region-footer { flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;}
footer > .container { display: flex; justify-content: space-between; align-items: center; gap: 20px;}
#block-qcfc-footercopyright p { margin-bottom: 0;}
.region.region-footer nav { width: 100%;}
.region-footer .nav.navbar-nav { display: flex; flex-direction: row;}

/* .footer-ribbon { border-top: 1px solid rgba(250, 250, 250, .4); padding-top: 10px; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;} */
.footer-social { display: flex; gap: 20px; font-size: 1.3rem;}
.footer-social a {color: var(--qcfc-white); transition: all 300ms;}
.footer-social a:hover { color: var(--qcfc-red);}
.region.region-footer nav ul li:not(:last-child) { border-right: 1px solid var(--qcfc-white);}
.region.region-footer nav ul li a { padding: 0 15px; font-size: 0.95rem;}
.region.region-footer nav ul li a:hover { color: var(--qcfc-red);}
.region.region-footer nav ul li:last-child a{ padding-right: 0;}

/* Error page */
body:has(.error-page) .banner-section {height: calc(100dvh - 61.17px);}
.banner-section > .container:has(.error-page){ position: relative; left: unset; transform: unset; top: 0;}
.error-wrapper h1 { color: rgba(8, 33, 89, 0.3); font-size: 10rem; font-family: 'BiggerDisplay'; letter-spacing: 8px; margin-bottom: 0;  line-height: 1; -webkit-text-stroke: 3px var(--qcfc-yellow); margin-bottom: -14px;}
.error-wrapper { max-width: 450px; padding: 30px; margin-inline: auto; text-align: center; text-transform: none; text-wrap: balance; margin-top: 60px;}
.error-wrapper h4 { font-size: 2.3rem; color: var(--qcfc-yellow);}
.error-wrapper a:hover {border-color: var(--qcfc-yellow); color: var(--qcfc-white); background: var(--qcfc-yellow);}
.error-wrapper a { color: var(--qcfc-white); text-decoration: none; text-transform: uppercase; padding: 5px 30px; border: 2px solid; border-radius: 5px; display: block; width: fit-content; margin: 20px auto 0; transition: all 300ms; font-size: 0.9rem;}
.error-wrapper a::after { content: '\f178'; font-family: 'fontAwesome';  margin-left: 10px;}

/* Confirmation  */
body:has(.thankyou-page) .banner-section {height: calc(100dvh - 61.17px);}
.thankyou-page {  max-width: 700px; margin: 60px auto 0; border: 2px solid var(--qcfc-yellow); padding: 30px; border-radius: 5px; text-align: center;}
.thankyou-page img { max-width: 75px; height: auto; margin-bottom: 15px;}
.thankyou-page h1{color: var(--qcfc-yellow); text-wrap: balance;}
.thankyou-page p { text-transform: none; text-wrap: balance; padding-inline: 30px;}
.thankyou-page a:hover { border-color: var(--qcfc-yellow); color: var(--qcfc-white); background: var(--qcfc-yellow);}
.thankyou-page a { color: var(--qcfc-white); text-decoration: none; text-transform: uppercase; padding: 5px 30px; border: 2px solid; border-radius: 5px; display: block; width: fit-content; margin: 20px auto 0; transition: all 300ms; font-size: 0.9rem;}
.thankyou-page a::after { content: '\f178'; font-family: 'fontAwesome'; margin-left: 10px;}
/* QPM Page */
.node-20 .node-title { display: none;}

/* Views: Content */
.qpm-project-wrapper { margin-top: 30px;}
.qpm-awards-wrapper { text-align: center; margin-top: 20px;}
.qpm-awards-item h5 { margin-bottom: 10px;}
.qpm-awards-item p { line-height: 1.8; color: var(--qcfc-gray);}
.qpm-awards-item p:last-child{ margin-bottom: 0;}
.qpm-awards-item {border-bottom: 2px solid var(--qcfc-light-gray); padding-block: 20px;}
.qpm-project-item h5 { margin-bottom: 0;}
.qpm-project-item { background: var(--qcfc-white); color: var(--qcfc-blue); text-align: center; padding: 25px 15px; margin-bottom: 15px; position: relative;}
.qpm-project-item a {color: var(--qcfc-blue); text-decoration: none;}
.qpm-project-item img { position: absolute; top: 0; left: 0; height: 100%; opacity: 0.5;}

/* Crew Content  */
.qpm-projects-content p{ line-height: 1.8;}
.crew-section { border-bottom: 2px solid var(--qcfc-light-gray); padding-block: 30px;}
.logline-wrapper p:last-child { margin-bottom: 0;}
.cast-crew-info img { border-radius: 50%; max-width: 200px; aspect-ratio: 1 / 1; object-fit: cover;}
.cast-crew-info .company-brand-logo img { border-radius: 0; aspect-ratio: unset; margin-bottom: 30px;}
.cast-crew-info { text-align: center;}
.cast-crew-info h5 { margin-top: 10px;}
.qpm-projects-content .banner-section > .container {transform: unset; top: unset; bottom: unset; left: 0; position: relative;}
.qpm-projects-content .banner-title{font-size: 4rem;}
.banner-section.banner-half p { margin-bottom: 0; text-transform: math-auto; line-height: 1.3;}
main:has(.cast-crew-content),
main:has(.production-company-content){ margin-top: 110px;}

/* News Content  */
main:has(.news-and-updates-content) { margin-top: 110px;}
.news-and-updates-wrapper { padding: 60px 30px;}
.news-and-updates-wrapper h1 { line-height: 1.2; font-size: 2rem;}
.news-and-updates-wrapper img { width: 100%; height: auto;}
.news-update-item-body { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.news-update-item-content > h4 { margin-bottom: 0;}
.news-update-item-content > h4 a {color: var(--qcfc-blue); text-transform: uppercase; text-decoration: none;}
.news-update-item-date { color: var(--qcfc-red); font-weight: 500;}
.news-update-item-img img { width: 100%; height: auto;}
.news-update-outer-wrapper li:not(:last-child) { margin-bottom: 50px;}
.content-view-title .news-updates-header h3 { text-align: left; margin-bottom: 30px; text-transform: uppercase;}

/* Take to QC  */
.take-to-qc-page .banner-section > .container:not(.vfl) {position: absolute; left: 50%; top: unset; bottom: 60px; transform: translateX(-50%);}
.take-to-qc-page .banner-description {max-width: 500px; width: 45%; text-transform: none;}
.take-to-qc-page .banner-section { padding: 0; display: block;}
.take-to-qc-page .banner-section::before{display: none;}
body:has(.header-with-bg) header nav.navbar{ background: linear-gradient(360deg, rgba(28, 59, 149, 0) 0%, rgba(0, 16, 52, 0.7) 80%);}

.take-to-qc-page .banner-section .owl-carousel .owl-item img{ height: 100vh; object-fit: cover; object-position: bottom;}
.film-location-wrapper{position: relative;}
.film-location-wrapper .owl-item::before { position: absolute; bottom: 0; content: ''; height: 320px; width: 100%; z-index: 2; background: linear-gradient(180deg, rgba(28, 59, 149, 0) 0%, rgba(0, 16, 52, 0.6) 100%);}
.take-to-qc-page .film-location-wrapper-gallery .owl-carousel .owl-item img { height: auto; width: 100%; aspect-ratio: 1 / 0.5;}
.film-location-wrapper-gallery { width: 50%; position: absolute; bottom: 0; right: 0; background: white; border: 3px solid white;}
.film-location-wrapper-gallery ul{margin-bottom: 0;}
.take-to-qc-page .banner-section > .container.vfl{transform: translate(-50%, -50%); position: absolute; height: max-content;}
.vfl .owl-nav button { position: absolute; top: 50%; z-index: 5; transform: translateY(-50%); background: rgba(255, 255, 255, 0.3); color: rgb(32, 32, 32); padding: 7px 15px !important; border-radius: 50%; border: none; transition: all 300ms;}
.vfl .owl-nav button:hover{ background: var(--qcfc-white);}
.vfl .owl-nav button.owl-prev { left: -40px;}
.vfl .owl-nav button.owl-next { right: -40px;}
.film-location-wrapper-gallery .owl-carousel .owl-item {cursor: pointer;}
.film-location-address { color: var(--qcfc-gray); font-size: 0.8rem; display: flex; align-items: flex-start;}
.film-location-address img { height: 10px; filter: brightness(0.4); margin-right: 8px; margin-top: 5px;}
.film-location-title { color: var(--qcfc-blue); text-wrap: pretty; transition: all 300ms;}
.film-location-item { display: flex; flex-direction: column; height: 100%; gap: 3px; cursor: pointer;}
.film-location-address svg { margin-right: 8px; margin-top: 4px;}
.film-location-image { margin-bottom: 10px; overflow: hidden;}
.film-location-image img { aspect-ratio: 360 / 200; object-fit: cover; object-position: bottom; transition: all 300ms;}
.film-location-item:hover .film-location-image img {transform: scale(1.03)}
.film-location-item:hover .film-location-title {color: var(--qcfc-red)}
.all-film-location-wrapper ul { row-gap: 20px; list-style: none; padding: 0;}
.all-film-location-wrapper { margin-top: 30px;}
.page-item .page-link { border: none; background: transparent; color: var(--qcfc-gray); border-radius: 5px; padding-inline: 0; width: 28px; text-align: center; font-weight: 500;}
.page-item.active .page-link,
.page-item:hover .page-link { background: var(--qcfc-blue); border-radius: 5px; color: var(--qcfc-white);}
.pagination { gap: 5px; margin-top: 40px;}
/* .page-item.pager__item--next span:last-child,
.page-item.pager__item--last span:last-child,
.page-item.pager__item--previous span:last-child,
.page-item.pager__item--first span:last-child{ display: none;} */
.page-item.pager__item--next { content: '\f105'; font-family: 'FontAwesome';}
.page-item.pager__item--last { content: '\f101'; font-family: 'fontAwesome';}
.page-item.pager__item--previous{ content: '\f104'; font-family: 'fontAwesome';}
.page-item.pager__item--first{ content: '\f100'; font-family: 'fontAwesome';}
.take-to-qc-page .main-contents {position: unset;}
ul.js-pager__items[data-drupal-views-infinite-scroll-pager] a:hover { background: var(--qcfc-red);}
ul.js-pager__items[data-drupal-views-infinite-scroll-pager] a { background: var(--qcfc-mid-blue); color: var(--qcfc-white); padding: 5px 20px;}
ul.js-pager__items[data-drupal-views-infinite-scroll-pager] { list-style: none; padding: 0; text-align: center; margin-block: 30px 20px;}

/* Take to QC Search  */
.search-location-page { margin-top: 100px; padding-block: 60px;}
.film-location-search .film-location-item{gap: 0;}
.film-location-search .row { row-gap: 20px;}
#views-exposed-form-view-take-to-qc-search-film-location .form-actions { display: none;}
#views-exposed-form-view-take-to-qc-search-film-location .js-form-item-keyword { display: none;}
.view-display-id-search_film_location { display: grid; grid-template-areas: 'view-filters' 'view-header' 'view-content';}
.view-display-id-search_film_location .view-header{ grid-area: view-header; margin-bottom: 30px;}
.view-display-id-search_film_location .view-filters{ grid-area: view-filters;}
.view-display-id-search_film_location .view-empty,
.view-display-id-search_film_location .view-content{ grid-area: view-content;}
.view-display-id-search_film_location .view-filters select { border: none; padding: 0; width: 100%; text-align: center; text-align: -webkit-center;  text-align-last: center; --bs-form-select-bg-img: none; pointer-events: none; font-size: 1.75rem; font-weight: 500; color: var(--qcfc-blue);}
.view-display-id-search_film_location .view-filters .form-item-category { width: 100%; padding: 0; margin: 0; text-align: center; text-align: -webkit-center; }
.view-header-small { text-align: center; color: var(--qcfc-yellow); font-weight: 500; margin-bottom: 0;}
.s-keyword-wrapper { width: 100%; border: 2px solid var(--qcfc-blue); border-radius: 5px; padding: 10px 15px; display: flex; justify-content: space-between; margin-bottom: 20px;}
.s-keyword-wrapper input::placeholder { color: var(--qcfc-blue); font-weight: 500;}
.s-keyword-wrapper input { border: none; flex-grow: 1; color: var(--qcfc-blue); font-weight: 500;}
.s-keyword-wrapper input:focus-visible { border: none; outline: none;}
.s-keyword-wrapper button { border: none; background: none; color: var(--qcfc-blue);}
.by-category-filter input { display: none;}
.by-category-header h6 { margin-bottom: 0; font-weight: 400;}
.by-category-header { color: var(--qcfc-white); background: var(--qcfc-blue); padding: 15px; display: flex; align-items: center; gap: 10px;}
.by-category-header img { width: 15px;}
.by-category-filter > div { color: var(--qcfc-blue); font-weight: 400; text-align: center; /* padding: 10px 30px; */ border-inline: 1px solid var(--qcfc-light-gray); border-bottom: 1px solid var(--qcfc-light-gray);}
.by-category-filter > div label { width: 100%; padding: 10px 30px; cursor: pointer; line-height: 1.3; height: 50px; display: flex; justify-content: center; align-items: center;}
.by-category-filter input[type="radio"]:checked+label { color: var(--qcfc-yellow);}
.by-category-filter > div label:hover { color: var(--qcfc-yellow);}
.by-category-wrapper { border-radius: 5px; overflow: hidden;}
.by-category-filter > div:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.views-field div.modal-dialog { max-width: 950px;}
.views-field div.modal-body{ padding: 25px;}
.location-site-modal .modal-iframe{display: none; aspect-ratio: 1 / 1;}
.location-site-modal .modal-iframe iframe{width: 100%; height: 100%;}
.modal-preview-gallery { margin-bottom: 5px; cursor: pointer;}
.views-field .modal-iframe + p { font-size: 0.9rem; line-height: 1.3;}
.views-field .modal-content { border-radius: 0;}
.views-field .modal-header { background: var(--qcfc-mid-blue); border-radius: 0; color: var(--qcfc-white); padding: 20px 30px}
.views-field .modal-header .modal-address { font-size: 0.9rem; font-weight: 200; display: flex; gap: 5px; align-items: flex-start; margin-bottom: 0; letter-spacing: 0.5px;}
.views-field .modal-header .modal-address svg { font-size: 0.8rem; margin-top: 4px;}
.views-field .modal-more-info h6 img { width: 17px;}
.views-field .modal-more-info h6 { color: var(--qcfc-blue); display: flex; align-items: center; gap: 5px;}
.views-field .modal-gallery { margin-bottom: 30px;}
.modal-information p { color: var(--qcfc-gray); line-height: 1.3;}
.modal-information h6 { color: var(--qcfc-blue); font-weight: 600;}
.hashtag-wrapper { padding-left: 30px;}
.views-field .modal-header .btn-close { border-radius: 50%; background: var(--qcfc-white); display: flex; justify-content: center; padding: 5px; font-size: 1.2rem; opacity: 1; color: var(--qcfc-mid-blue); cursor: pointer;}
.modal-preview-gallery img, .modal-gallery img { aspect-ratio: 360 / 200; object-fit: cover; object-position: bottom;}

/* Basic Page */
.basic-page-content .main-contents p:has(+ul) {
    margin-bottom: 0;
}

/* Node 158  */
.node-158 .banner-title { max-width: 700px;}

.node-157 .node-title {text-transform: none;}

/* Node 159  */
.node-159 .banner-title { max-width: 650px; text-wrap: balance;}
.node-159 .application-steps{background: none; margin-block: 0;}
.node-159 .application-step {box-shadow: 0px 3px 12px #A1A1A180;}
.node-159 .layout-description-w-2-3-img { margin-top: 50px;}

/* Node 15  */
.node-15 .banner-title { max-width: 400px;}

/* Node 160  */
.node-160 .description-paragraph .container > div { max-width: 580px;}
/* .node-160 .layout-description-w-2-3-img { display: none;} */

/* Node 177  */
.node-177 .banner-title { max-width: 680px;}
.node-177 .description-paragraph .container > div{max-width: 760px;}
/* Node 159  */
.node-159 .layout-description-w-2-3-img .image-grid-1-2 img:nth-child(1){ object-position: bottom;}

.film-shot-item { position: relative;}
.film-shot-item img { aspect-ratio: 458/498; object-fit: cover;}
.film-shot-item .title-overlap { position: absolute; bottom: 0; left: 0; width: 100%; color: var(--qcfc-white); text-align: center; padding: 15px 10px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 1) 100%); transition: all 500ms;}
.film-shot-item .details-overlap { position: absolute; bottom: -100%; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; justify-content: center; align-items: center; gap: 15px; color: var(--qcfc-white); flex-direction: column; background: rgba(28, 59, 149, 0.8); transition: all 300ms; padding: 20px;}
.owl-item:has(.film-shot-item):hover .title-overlap { opacity: 0;}
.owl-item:has(.film-shot-item):hover .details-overlap{ bottom: 0;}
.details-overlap h6 { text-wrap: pretty; font-size: 2rem; text-transform: uppercase; font-family: 'BiggerDisplay'; text-align: center; letter-spacing: 1px; margin-bottom: 0;}
.details-overlap ul li { margin: 0; text-transform: uppercase;}
.details-overlap ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; column-gap: 10px; justify-content: center; margin-bottom:0; font-size: 0.8rem;}
.details-overlap > div { display: flex; flex-direction: column; text-align: center;}
.details-overlap span { font-weight: 200; font-size: 0.95rem;}
.fresh-film-carousel { margin-top: 10px;}
.fresh-film-carousel .owl-nav { position: absolute; top: -60px; right: 0; display:flex; gap: 5px}
.fresh-film-carousel .owl-carousel .owl-nav button { background: var(--qcfc-mid-blue); color: var(--qcfc-white); height: 30px; width: 30px; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all 300ms;}
.fresh-film-carousel .owl-carousel .owl-nav button:hover { background: var(--qcfc-red);}
.content-fresh-film.paragraph-section { padding-top: 0;}
.layout-view-title-and-description:has( + .content-fresh-film) { margin-bottom: 0;}

/* Testimonial View  */
.testimonial-item { box-shadow: 0px 1px 6px #afafaf8e; text-align: center; background: var(--qcfc-dirty-white); padding: 30px; color: var(--qcfc-gray); height: 100%; display: flex; flex-direction: column; justify-content: center;}
.testimonial-item img { max-width: 70px; margin-inline: auto;}
.testimonial-item > div { line-height: 1.8; margin-inline: auto; max-width: 900px; margin-block: 15px 30px; text-wrap: balance;}
.testimonial-item > div :last-child { margin-bottom: 0;}
.testimonial-item h6 { text-transform: uppercase; margin-bottom: 0; color: var(--qcfc-mid-blue); font-size: 1.1rem;}
.testimonial-item h6 + p { font-size: 0.85rem;}
.testimonial-wrapper .owl-stage {display: flex; padding-block: 10px;}
.testimonial-wrapper .owl-stage li,
.testimonial-wrapper .owl-stage li > .views-field,
.testimonial-wrapper .owl-stage li > .views-field .field-content { height: 100%; }
.testimonial-wrapper .owl-carousel .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%;}
.testimonial-wrapper .owl-carousel .owl-nav button svg { color: var(--qcfc-white); background: var(--qcfc-blue); width: 25px; height: 25px; border-radius: 50%; transform: scale(0.8); padding: 10px; transition: all 300ms;}
.testimonial-wrapper .owl-carousel .owl-nav button:hover svg { background: var(--qcfc-red);}
.testimonial-wrapper .owl-carousel .owl-nav button.owl-prev { left: -23px;}
.testimonial-wrapper .owl-carousel .owl-nav button.owl-next { right: -23px;}
.view-content:has( > .testimonial-wrapper:nth-child(2)) {    display: flex ; gap: 50px;}
.view-content:has( > .testimonial-wrapper:nth-child(2)) .testimonial-wrapper { width: calc(50% - 25px); display: flex ; flex-direction: column;}
.view-content:has( > .testimonial-wrapper:nth-child(2)) .testimonial-wrapper > h3 { margin-bottom: 0; font-family: 'BiggerDisplay'; font-size: 2rem;}
.view-content:has( > .testimonial-wrapper:nth-child(2)) .testimonial-wrapper > ul {flex: 1;}
.view-content:has( > .testimonial-wrapper:nth-child(2)) .testimonial-wrapper > ul .owl-stage-outer,
.view-content:has( > .testimonial-wrapper:nth-child(2)) .testimonial-wrapper > ul .owl-stage{height: 100%;}

.layout-description-w-2-3-img:has(.quote-content) .layered-image-stack-2-3 img { object-position: top; aspect-ratio: 1 / 1;}


/* SEPTEMBER 18, 2025 UPDATE */
.modal-gallery.owl-carousel .owl-nav{
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.modal-gallery.owl-carousel .owl-nav button{
    font-size: .9rem;
    color: white;
    background-color: rgba(0, 0, 0, 0.603);
    pointer-events: auto;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-inline: 5px;
}
.modal-gallery.owl-carousel .owl-nav button span{
    max-height: 30px;
    border: 1px solid white;
}
.enlarge-preview-gallery{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    overflow: hidden;
    transition: width .5s, opacity .2s;
    width: 0px;
    background-color: white;
    padding: 25px;
    opacity: 0;
}
.enlarge-preview-gallery img{
    cursor: pointer;
}
.enlarge-preview-gallery .enlarge-image{
    position: relative;
}
.enlarge-preview-gallery .enlarge-image svg{
    color: white;
    z-index: 2;
    position: absolute;
    top: 15px;
    left: 20px;
    cursor: pointer;
}


/* September 26, 2025: UPDATE */

/* Film Location Downloadables */
.downloadable-documents .file--application-pdf a{
    font-size: 0.9rem;
    text-decoration: none;
    cursor: pointer;
}
.downloadable-documents .file--application-pdf a:hover{
    text-decoration: underline;
}
.downloadable-documents .field--name-field-downloadables .field__label{
    color: var(--qcfc-blue);
    font-weight: 600;
    text-transform: uppercase;
}
.downloadable-documents span.file--application-pdf{
    background-image: url(/sites/default/files/styles/thumbnail/public/2025-09/download.png.webp);
    padding-left: 25px;
    background-size: 22px;
    background-position: center left;
    margin-top: 5px;
}
/* Source and licensing information for the above line(s) can be found at http://qcfilmcommission.ph/themes/custom/qcfc/css/qcfc.css. */