/********** Apex Productions — Redesign Theme **********/
/* Loaded after style.css. Light, bold, editorial video-production look:
   white surfaces, one confident accent color, rounded cards, organic blobs. */

:root {
    --accent: #E8562F;
    --accent-dark: #C7451F;
    --accent-tint: #FDEEE9;
    --ink: #17181A;
    --ink-soft: #5B6069;
    --paper: #FFFFFF;
    --paper-soft: #FAF9F8;
    --line: #ECECEC;
}

body {
    color: var(--ink);
    background: var(--paper);
    font-family: 'Inter', 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.navbar-brand {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
}

.text-primary,
.link-primary {
    color: var(--accent) !important;
}

.bg-primary {
    background-color: var(--accent) !important;
}

.border-primary {
    border-color: var(--accent) !important;
}

.btn-primary {
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    color: #FFFFFF !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--accent-dark) !important;
    border-color: var(--accent-dark) !important;
    color: #FFFFFF !important;
}

.btn-outline-primary {
    color: var(--accent) !important;
    border-color: var(--accent) !important;
}

.btn-outline-primary:hover {
    background-color: var(--accent) !important;
    color: #FFFFFF !important;
}

.text-secondary,
.link-secondary {
    color: var(--ink) !important;
}

.bg-secondary {
    background-color: var(--ink) !important;
}

.border-secondary {
    border-color: var(--ink) !important;
}

.btn-secondary {
    background-color: var(--paper) !important;
    border-color: var(--ink) !important;
    color: var(--ink) !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: var(--ink) !important;
    border-color: var(--ink) !important;
    color: #FFFFFF !important;
}

.btn-outline-secondary {
    color: var(--ink) !important;
    border-color: var(--ink) !important;
}

.btn-outline-secondary:hover {
    background-color: var(--ink) !important;
    color: #FFFFFF !important;
}

.bg-light {
    background-color: var(--paper-soft) !important;
}

.text-light {
    color: #F3F3F3 !important;
}

.border-light {
    border-color: var(--line) !important;
}

.btn-light {
    background-color: var(--paper-soft) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}

.bg-dark {
    background-color: var(--ink) !important;
}

.text-dark {
    color: var(--ink) !important;
}

.border-dark {
    border-color: var(--ink) !important;
}

.btn-dark {
    background-color: var(--ink) !important;
    border-color: var(--ink) !important;
}

.progress-bar {
    background-color: var(--accent) !important;
}

.page-link {
    color: var(--accent) !important;
}

.dropdown-item:active,
.dropdown-item.active {
    background-color: var(--accent) !important;
    color: #FFFFFF !important;
}

.form-check-input:checked {
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
}

.btn {
    border-radius: 999px !important;
}

.btn-cta {
    background: var(--accent-tint);
    color: var(--ink) !important;
    font-weight: 700;
    padding: 10px 26px;
    border-radius: 999px;
    border: none;
    transition: .25s;
}

.btn-cta:hover {
    background: var(--accent);
    color: #FFFFFF !important;
}

.site-navbar {
    border-bottom: 1px solid var(--line);
    box-shadow: 0 2px 20px rgba(0, 0, 0, .04);
}

.navbar-brand {
    font-size: 1.9rem;
    font-weight: 700;
    color: var(--ink) !important;
    letter-spacing: -.5px;
}

.brand-dot {
    color: var(--accent);
}

.navbar .navbar-nav .nav-link {
    color: var(--ink) !important;
    font-size: 16px;
    font-weight: 500;
    margin-right: 26px;
    padding: 10px 0;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--accent) !important;
}

.nav-phone {
    color: var(--ink);
    font-weight: 600;
}

.nav-phone i {
    color: var(--accent);
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link {
        margin-right: 0;
    }
}

.header-carousel {
    background: var(--paper) !important;
    position: relative;
    overflow: hidden;
}

.header-carousel::before {
    content: "";
    position: absolute;
    top: -20%;
    right: -10%;
    width: 60%;
    height: 140%;
    background: var(--accent-tint);
    border-radius: 42% 58% 63% 37% / 45% 39% 61% 55%;
    z-index: 0;
}

.header-carousel .container {
    position: relative;
    z-index: 1;
}

.header-carousel .carousel-text h1 {
    color: var(--ink) !important;
    font-weight: 700;
}

.header-carousel .carousel-text p {
    color: var(--ink-soft) !important;
}

.header-carousel .carousel-img img {
    border-radius: 24px;
    box-shadow: 0 25px 60px rgba(23, 24, 26, .18);
}

.header-carousel .owl-nav .owl-prev,
.header-carousel .owl-nav .owl-next {
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
}

.header-carousel .owl-nav .owl-prev:hover,
.header-carousel .owl-nav .owl-next:hover {
    background: var(--accent);
    color: #FFFFFF;
    border-color: var(--accent);
}

.page-header {
    background: var(--paper-soft) !important;
    position: relative;
    overflow: hidden;
    padding: 70px 0 !important;
}

.page-header::before {
    content: "";
    position: absolute;
    top: -30%;
    left: -8%;
    width: 40%;
    height: 160%;
    background: var(--accent-tint);
    border-radius: 42% 58% 63% 37% / 45% 39% 61% 55%;
    z-index: 0;
}

.page-header .container {
    position: relative;
    z-index: 1;
}

.page-header h1 {
    color: var(--ink) !important;
    font-weight: 700;
}

.page-header .breadcrumb-item,
.page-header .breadcrumb-item a {
    color: var(--ink-soft) !important;
}

.page-header .breadcrumb-item.active {
    color: var(--accent) !important;
}

.rounded.overflow-hidden .row.g-0 > div {
    background: var(--paper-soft) !important;
    border: 1px solid var(--line);
}

.rounded.overflow-hidden .row.g-0 h1,
.rounded.overflow-hidden .row.g-0 span {
    color: var(--ink) !important;
}

.rounded.overflow-hidden .row.g-0 h1 {
    color: var(--accent) !important;
    font-weight: 700;
}

.rounded.overflow-hidden .row.g-0 i {
    color: var(--accent) !important;
}

.bg-primary.p-4.text-center {
    background: var(--accent-tint) !important;
    border-radius: 18px;
}

.bg-primary p.text-dark,
.bg-primary p.fs-5 {
    color: var(--ink) !important;
}

.banner .banner-inner,
.project-inquiry .donate-text,
.project-inquiry .project-text {
    background: var(--paper-soft) !important;
    position: relative;
    overflow: hidden;
}

.banner .banner-inner::before,
.banner .banner-inner::after,
.project-inquiry .donate-text::before,
.project-inquiry .donate-text::after,
.project-inquiry .project-text::before,
.project-inquiry .project-text::after {
    display: none;
}

.banner .banner-inner h1,
.banner .banner-inner p,
.project-inquiry .project-text h1,
.project-inquiry .project-text p {
    color: var(--ink) !important;
}

.service-item,
.team-item,
.work-item,
.event-item,
.blog-item,
.portfolio-card,
.related-post-item {
    border-radius: 18px !important;
    border: 1px solid var(--line);
    box-shadow: 0 8px 30px rgba(23, 24, 26, .05) !important;
}

.service-item:hover,
.team-item:hover,
.work-item:hover,
.blog-item:hover,
.portfolio-card:hover {
    box-shadow: 0 20px 45px rgba(23, 24, 26, .10) !important;
}

.service-item .btn-square {
    background: var(--accent-tint) !important;
}

.service-item .btn-square i {
    color: var(--accent) !important;
}

.service-title {
    background: var(--paper-soft) !important;
    border-radius: 18px;
}

.service-title h1,
.service-title p {
    color: var(--ink) !important;
}

.testimonial-title {
    background: var(--paper-soft) !important;
    border-radius: 18px;
}

.testimonial-title h1,
.testimonial-title p {
    color: var(--ink) !important;
}

.testimonial-img::before {
    background: var(--accent-tint);
    border-radius: 18px;
}

.testimonial-carousel .owl-prev,
.testimonial-carousel .owl-next {
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
}

.testimonial-carousel .owl-prev:hover,
.testimonial-carousel .owl-next:hover {
    background: var(--accent);
    color: #FFFFFF;
}

.video-work-carousel .owl-dot {
    background: var(--line);
}

.video-work-carousel .owl-dot.active {
    background: var(--accent);
}

.blog-item:hover .blog-content h5,
.related-post-item:hover h5 {
    color: var(--accent) !important;
}

.footer {
    background: var(--ink) !important;
    color: #9DA0A6;
}

.footer .btn.btn-link {
    color: #9DA0A6;
}

.footer .btn.btn-link:hover {
    color: var(--accent);
}

.footer h4 {
    color: #FFFFFF;
}

.footer .btn-square.btn-dark {
    background: rgba(255, 255, 255, .08);
}

.footer .btn-square.btn-dark:hover {
    background: var(--accent);
}

.btn-play,
.btn-play:before,
.btn-play:after {
    background: var(--accent);
}

.hl {
    position: relative;
    white-space: nowrap;
}

.hl::after {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    bottom: 6%;
    height: 38%;
    background: var(--accent-tint);
    z-index: -1;
}

.about-img {
    padding: 16px 16px 16px 0;
}

.about-img img {
    border-radius: 16px;
    position: relative;
    z-index: 1;
}

.about-img::before,
.about-img::after {
    width: 60%;
    height: 60%;
    background: var(--accent-tint);
    border-radius: 16px;
    z-index: 0;
}

.about-img::before {
    top: -16px;
    left: -16px;
}

.about-img::after {
    right: -16px;
    bottom: -16px;
    left: auto;
    top: auto;
}

.section-title {
    color: var(--ink);
}

.section-title::before,
.section-title::after {
    border-color: var(--accent) !important;
}