/*
Theme Name: PTS
Theme URI: https://expertise.qodeinteractive.com
Description: A child theme of Expertise
Author: Atomic Consulting S.r.l.
Author URI: https://atomicastudio.com
Version: 1.0
Text Domain: expertise
Template: expertise
*/

:root {
    --pts-color-blue: #1b1f2a;
    --pts-color-green: #EAC31F;
    --pts-color-negative: #F4F6F8;
    --pts-color-green-light: #FBFCEB;

    /* Base sizes at 375px viewport */
    --body-min: 14px;
    --button-min: 16px;
    --h1-min: 40px;  /* 2.5rem */
    --h2-min: 32px;  /* 2rem */
    --h3-min: 28px;  /* 1.75rem */
    --h4-min: 24px;  /* 1.5rem */
    --h5-min: 20px;  /* 1.25rem */
    --h6-min: 16px;  /* 1rem */

    /* Size increase up to 1920px viewport */
    --body-scale: 4;   /* 18px max (14px + 4px) */
    --button-scale: 2; /* 18px max (16px + 2px) */
    --h1-scale: 44;  /* 84px max (40px + 44px) */
    --h2-scale: 32;  /* 64px max (32px + 32px) */
    --h3-scale: 16;  /* 44px max (28px + 16px) */
    --h4-scale: 16;  /* 40px max (24px + 16px) */
    --h5-scale: 12;  /* 32px max (20px + 12px) */
    --h6-scale: 8;   /* 24px max (16px + 8px) */
}

/**
 * Override Qode grid sizes
 * Instructions:
 * - use Elementor's full-width option to set the container to 1840px max-width
 * - use Elementor's boxed option to set the container to 1400px max-width
 * In both cases, set a 40px side padding
 */
body.qodef-content-grid-1400 div[data-element_type=container].qodef-elementor-content-grid,
#qodef-page-footer .qodef-content-grid {
    width: 100%;
    max-width: 1840px;
}

#qodef-page-mobile-header-inner,
#qodef-page-footer .qodef-content-grid,
.qodef-mobile-header-navigation>ul:not(.qodef-content-grid) {
    padding-right: 40px;
    padding-left: 40px;
}
@media (max-width: 1200px) {
    #qodef-page-mobile-header-inner,
    #qodef-page-footer .qodef-content-grid,
    .qodef-mobile-header-navigation>ul:not(.qodef-content-grid) {
        padding-right: 30px;
        padding-left: 30px;
    }
}
@media (max-width: 767px) {
    #qodef-page-mobile-header-inner,
    #qodef-page-footer .qodef-content-grid,
    .qodef-mobile-header-navigation>ul:not(.qodef-content-grid) {
        padding-right: 20px;
        padding-left: 20px;
    }
}
body.qodef-content-grid-1400 div[data-element_type=container].qodef-elementor-content-grid,
#qodef-page-footer .qodef-content-grid {
    max-width: none;
}

/**
 * Override Qode typography
 */
body,
.qodef-h1,h1,
.qodef-h2,h2,
.qodef-h3,h3,
.qodef-h4,h4,
.qodef-h5,h5,
.qodef-h6,h6 {
    font-family: 'Nunito Sans', sans-serif;
    line-height: 1.2;
    color: var(--pts-color-blue);
}
body,
#qodef-page-footer #qodef-page-footer-top-area .widget,
#qodef-page-footer #qodef-page-footer-top-area .widget *,
.pts-news-list .qodef-e-excerpt {
    font-size: calc(var(--body-min) + var(--body-scale) * ((100vw - 375px) / 1545));
}
body,
p {
    line-height: 1.5;
}

.qodef-h1, h1, .h1, .h1 > *,
h1.elementor-heading-title {
    font-size: calc(var(--h1-min) + var(--h1-scale) * ((100vw - 375px) / 1545));line-height: 1.3;
    line-height: 1;
}
.qodef-h2, h2, .h2, .h2 > *,
h2.elementor-heading-title {
    font-size: calc(var(--h2-min) + var(--h2-scale) * ((100vw - 375px) / 1545));
    line-height: 1.2;
}
.qodef-h3, h3, .h3, .h3 > *,
h3.elementor-heading-title {
    font-size: calc(var(--h3-min) + var(--h3-scale) * ((100vw - 375px) / 1545));
    line-height: 1.3;
}
.h3--small, .h3--small * {
    font-size: calc(20px + 24 * ((100vw - 1025px) / 825));
}
.qodef-h4, h4, .h4, .h4 > *,
h4.elementor-heading-title {
    font-size: calc(var(--h4-min) + var(--h4-scale) * ((100vw - 375px) / 1545));
}
.qodef-h5, h5, .h5, .h5 > *,
h5.elementor-heading-title {
    font-size: calc(var(--h5-min) + var(--h5-scale) * ((100vw - 375px) / 1545));
    line-height: 1.3;
}
.qodef-h6, h6, .h6, .h6 > *,
h6.elementor-heading-title {
    font-size: calc(var(--h6-min) + var(--h6-scale) * ((100vw - 375px) / 1545));
    line-height: 1.5;
}

@media screen and (min-width: 1920px) {
    body,
    #qodef-page-footer #qodef-page-footer-top-area .widget,
    #qodef-page-footer #qodef-page-footer-top-area .widget *,
    .pts-news-list .qodef-e-excerpt {
        font-size: 18px;  /* 18px */
    }

    .qodef-h1, h1, .h1, .h1 > * {
        font-size: 84px;  /* 84px */
    }

    .qodef-h2, h2, .h2, .h2 > * {
        font-size: 64px;  /* 64px */
    }

    .qodef-h3, h3, .h3, .h3 > *,
    .h3--small, .h3--small > * {
        font-size: 44px;  /* 44px */
    }

    .qodef-h4, h4, .h4, .h4 > * {
        font-size: 40px;  /* 40px */
    }

    .qodef-h5, h5, .h5, .h5 > * {
        font-size: 32px;  /* 32px */
    }

    .qodef-h6, h6, .h6, .h6 > * {
        font-size: 24px;  /* 24px */
    }
}

@media screen and (max-width: 1024px) {
    .h3--small, .h3--small * {
        font-size: calc(var(--h3-min) + var(--h3-scale) * ((100vw - 375px) / 1545));
    }
}

/**
 * Utilities
 */
.fw-600,
.fw-600 * {
    font-weight: 600 !important;
}
.fw-700,
.fw-700 * {
    font-weight: 700 !important;
}
.grecaptcha-badge { visibility: hidden; }

/**
 * Buttons
 */
.elementor-widget-button .elementor-button,
body input[type="submit"],
body button[type="submit"],
body .qodef-theme-button,
body .qodef-button.qodef-html--link.qodef-layout--filled,
body #qodef-woo-page .added_to_cart,
body #qodef-woo-page .button,
body .qodef-woo-shortcode .added_to_cart,
body .qodef-woo-shortcode .button,
body .widget.woocommerce .button {
    /*border-radius: 1.1em 0em 1.1em 0em;*/
    border-radius: 10px;
    padding: 1.3em 2.6em 1.3em 2.6em;
    border: 2px solid var(--pts-color-green);
    color: var(--pts-color-blue);
    background-color: var(--pts-color-green);
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: calc(var(--button-min) + var(--button-scale) * ((100vw - 375px) / 1545));
}
@media screen and (min-width: 1920px) {
    .elementor-widget-button .elementor-button,
    body input[type="submit"],
    body button[type="submit"],
    body .qodef-theme-button,
    body .qodef-button.qodef-html--link.qodef-layout--filled,
    body #qodef-woo-page .added_to_cart,
    body #qodef-woo-page .button,
    body .qodef-woo-shortcode .added_to_cart,
    body .qodef-woo-shortcode .button,
    body .widget.woocommerce .button {
        font-size: calc(var(--button-min) + var(--button-scale));  /* 18px */
    }
}

.pts-has-inverted-button .elementor-widget-button .elementor-button,
body.archive.category .qodef-button.qodef-html--link.qodef-layout--filled,
body .pts-has-inverted-button input[type="submit"],
body .pts-has-inverted-button button[type="submit"],
body .pts-has-inverted-button .qodef-theme-button,
body .pts-has-inverted-button .qodef-button.qodef-html--link.qodef-layout--filled,
body .pts-has-inverted-button #qodef-woo-page .added_to_cart,
body .pts-has-inverted-button #qodef-woo-page .button,
body .pts-has-inverted-button .qodef-woo-shortcode .added_to_cart,
body .pts-has-inverted-button .qodef-woo-shortcode .button,
body .pts-has-inverted-button .widget.woocommerce .button {
    border-color: var(--pts-color-green);
    color: var(--pts-color-green);
    background-color: transparent;
}

/* Reset Qode button hover */
body input[type="submit"] .qodef-m-circle,
body button[type="submit"] .qodef-m-circle,
body .qodef-theme-button .qodef-m-circle,
body .qodef-button.qodef-html--link.qodef-layout--filled .qodef-m-circle,
body #qodef-woo-page .added_to_cart .qodef-m-circle,
body #qodef-woo-page .button .qodef-m-circle,
body .qodef-woo-shortcode .added_to_cart .qodef-m-circle,
body .qodef-woo-shortcode .button .qodef-m-circle,
body .widget.woocommerce .button .qodef-m-circle {
    display: none !important;
}
.qodef-button.qodef-layout--filled.qodef-html--link:hover .qodef-m-text,
.qodef-theme-button:hover .qodef-m-text,
button[type=submit]:hover .qodef-m-text,
input[type=submit]:hover .qodef-m-text {
    transform: translateX(0) !important;
}

.qodef-button.qodef-layout--filled.qodef-html--link .qodef-m-text {
    transition: none;
}

/* Custom button hover */
.elementor-widget-button .elementor-button:hover,
body.archive.category .qodef-button.qodef-html--link.qodef-layout--filled:hover,
body input[type="submit"]:hover,
body button[type="submit"]:hover,
body .qodef-theme-button:hover,
body .qodef-button.qodef-html--link.qodef-layout--filled:hover,
body #qodef-woo-page .added_to_cart:hover,
body #qodef-woo-page .button:hover,
body .qodef-woo-shortcode .added_to_cart:hover,
body .qodef-woo-shortcode .button:hover,
body .widget.woocommerce .button:hover {
    border-color: var(--pts-color-green);
    background-color: var(--pts-color-green-light);
    color: var(--pts-color-blue);
}

/* .pts-has-inverted-button .elementor-widget-button .elementor-button:hover,
body .pts-has-inverted-button input[type="submit"]:hover,
body .pts-has-inverted-button button[type="submit"]:hover,
body .pts-has-inverted-button .qodef-theme-button:hover,
body .pts-has-inverted-button .qodef-button.qodef-html--link.qodef-layout--filled:hover,
body .pts-has-inverted-button #qodef-woo-page .added_to_cart:hover,
body .pts-has-inverted-button #qodef-woo-page .button:hover,
body .pts-has-inverted-button .qodef-woo-shortcode .added_to_cart:hover,
body .pts-has-inverted-button .qodef-woo-shortcode .button:hover,
body .pts-has-inverted-button .widget.woocommerce .button:hover {
    color: var(--pts-color-blue);
} */


/**
 * Header
 */
#qodef-page-header-inner.qodef-skin--dark,
.qodef-header-sticky .qodef-header-sticky-inner,
.archive.category #qodef-page-header-inner,
.search #qodef-page-header-inner {
    border-bottom: none !important;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
}
#qodef-page-header-inner.qodef-skin--light {
    border-color: #ffffff;
}
#qodef-page-mobile-header,
.qodef-mobile-header-navigation {
    border-bottom: none !important;
    box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.05);
}
#qodef-top-area .qodef-widget-holder .widget {
    margin: 0;
}
#qodef-top-area .widget.widget_expertise_core_custom_font .qodef-custom-font.qodef--bullet {
    padding-left: 32px;
}
#qodef-top-area .widget.widget_expertise_core_custom_font .qodef-custom-font.qodef--bullet:before {
    top: calc(0.5em + 2px);
    left: 13px;
}
#qodef-top-area .widget:first-child .qodef-custom-font.qodef--bullet:before {
    display: none;
}

.archive.category #qodef-page-header #qodef-page-header-inner .qodef-header-logo-link img.qodef--main,
.search #qodef-page-header #qodef-page-header-inner .qodef-header-logo-link img.qodef--main {
    opacity: 0;
}
.archive.category #qodef-page-header #qodef-page-header-inner .qodef-header-logo-link img.qodef--dark,
.search #qodef-page-header #qodef-page-header-inner .qodef-header-logo-link img.qodef--dark {
    opacity: 1;
}

/**
 * Menu
 */
#qodef-page-header .current-menu-item .qodef-menu-item-text,
#qodef-page-mobile-header .current-menu-item .qodef-menu-item-text {
    color: var(--pts-color-green) !important;
}
#qodef-page-header .menu-item a::before,
#qodef-page-mobile-header .menu-item a::before {
    display: none !important;
}
#qodef-page-header .qodef-menu-item-text,
#qodef-page-mobile-header .qodef-menu-item-text {
    transform: translateX(0) !important;
}

/**
 * Footer
 */
#qodef-page-footer *,
#qodef-page-footer .widget,
#qodef-page-footer .widget a {
    color: var(--pts-color-negative) !important;
}

.pts-footer-logo {
    margin-bottom: 100px;
}

#qodef-page-footer #qodef-page-footer-top-area .widget h5 {
    margin-bottom: 1em !important;
    font-weight: 700;
    text-transform: uppercase;
}

#qodef-page-footer #qodef-page-footer-top-area .widget p {
    margin-top: 0;
}

#qodef-page-footer-bottom-area-inner {
    padding-top: 0;
    padding-bottom: 50px;
}

@media (min-width: 681px) and (max-width: 1024px) {
    #qodef-page-footer #qodef-page-footer-top-area .qodef-grid-inner {
        --qode-columns: 2;
    }
    #qodef-page-footer #qodef-page-footer-top-area .qodef-grid-item:nth-child(2) {
        grid-column-start: 1;
    }
}

@media (max-width: 681px) {
    #qodef-page-footer #qodef-page-footer-top-area .qodef-grid-item:not(:first-child) .widget {
        margin-top: 70px;
    } 
}

@media (min-width: 681px) {
    #qodef-page-footer #qodef-page-footer-top-area .qodef-grid-item:not(:first-child) {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    } 
}

@media (min-width: 881px) {
    #qodef-page-footer-bottom-area .qodef-grid-item:last-child {
        text-align: right;
    }
}

/**
 * Slider Revolution
 */
.pts-slider-title--h1 {
    font-size: calc(var(--h1-min) + var(--h1-scale) * ((100vw - 375px) / 1545)) !important;
    line-height: 1 !important;
}

@media screen and (min-width: 1920px) {
    .pts-slider-title--h1 {
        font-size: 84px !important;  /* 84px */
    }
}

/* Layer area width control - match boxed container */
sr7-mask:not(:first-child) {
    width: 100% !important;
    max-width: 1400px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    left: 0 !important;
}

@media (max-width: 1200px) {
    sr7-mask:not(:first-child) {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

@media (max-width: 767px) {
    sr7-mask:not(:first-child) {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/**
 * Page title
 */
.qodef-page-title.qodef--has-image .qodef-m-content { /* Override Qode page title grid excluding news */
    width: 100%;
    max-width: 1400px;
    padding-left: 40px;
    padding-right: 40px;
}

.qodef-title--breadcrumbs {
    margin-top: 60px;
}

@media (min-width: 1024px) {
    .qodef-page-title .qodef-m-content.qodef-content-grid > * {
        padding-right: 25%;
    }
}

@media (max-width: 1200px) {
    .qodef-page-title.qodef--has-image .qodef-m-content {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .qodef-title--breadcrumbs {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .qodef-page-title .qodef-m-image {
        position: absolute; 
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .qodef-page-title .qodef-m-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .qodef-page-title.qodef-image--responsive .qodef-m-content.qodef-content-grid {
        position: relative;
        transform: none;
        left: auto;
        top: auto;
        min-height: 250px;
        display: flex;
        align-items: start;
        justify-content: center;
    }
    .qodef-page-title.qodef-image--responsive .qodef-m-content.qodef-content-grid > *:first-child {
        margin-top: 50px;
    }
    .qodef-page-title.qodef-image--responsive .qodef-m-content.qodef-content-grid > *:last-child {
        margin-bottom: 50px;
    }

    .qodef-page-title.qodef--has-image .qodef-m-content {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .qodef-title--breadcrumbs {
        margin-top: 0px;
    }
}

/**
 * Portfolio list widget
 */
.pts-portfolio-list {
    width: 100%;
}
.pts-portfolio-list:not(.pts-portfolio-list--image) .qodef-portfolio-list.qodef-item-layout--info-on-image article .qodef-e-inner {
    display: flex;
    height: 100%;
    min-height: 160px;
}
.qodef-portfolio-list .qodef-e-media-image img {
    aspect-ratio: 0.75;
    object-fit: cover;
}
.pts-portfolio-list:not(.pts-portfolio-list--image) .qodef-portfolio-list.qodef-item-layout--info-on-image article .qodef-e-content {
    position: relative;
    width: 100% !important;
}
.pts-portfolio-list.pts-portfolio-list--image .qodef-portfolio-list.qodef-item-layout--info-on-image article .qodef-e-content {
    width: 75%;
    min-height: 250px;
}
.pts-portfolio-list .qodef-portfolio-list.qodef-item-layout--info-on-image article .qodef-e-content {
    /*border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;*/
    background-color: var(--pts-color-green);
    aspect-ratio: auto;
}
.pts-portfolio-list .qodef-portfolio-list.qodef-item-layout--info-on-image article .qodef-e-content h6 {
    line-height: 1.3;
}

.pts-portfolio-list .qodef-portfolio-list.qodef-item-layout--info-on-image article:nth-child(odd) .qodef-e-content {
    background-color: var(--pts-color-blue);
}
.pts-portfolio-list .qodef-portfolio-list.qodef-item-layout--info-on-image article:nth-child(odd) .qodef-e-content * {
    color: var(--pts-color-negative);
}

.pts-portfolio-list:not(.pts-portfolio-list--image) .qodef-portfolio-list.qodef-item-layout--info-on-image article .qodef-e-media {
    display: none;
}

.pts-portfolio-list .qodef-e-info {
    pointer-events: none;
}

@media (min-width: 1024px) {
    .pts-portfolio-list .qodef-portfolio-list.qodef-item-layout--info-on-image article .qodef-e-inner {
        min-height: 244px;
    }
}

@media (max-width: 1024px) {
    .pts-portfolio-list.pts-portfolio-list--image .qodef-portfolio-list.qodef-item-layout--info-on-image article .qodef-e-content {
        width: 85%;
    }
}

@media (max-width: 768px) {
    .pts-portfolio-list.pts-portfolio-list--image .qodef-portfolio-list.qodef-item-layout--info-on-image article .qodef-e-content {
        width: 95%;
    }
}

/**
 * Clients list widget
 */
.pts-clients-list.qodef-swiper-container .swiper-wrapper {
    align-items: center;
}

/**
 * Testimonials list widget
 */
.pts-testimonials-negative .swiper-pagination-bullets .swiper-pagination-bullet:before {
    /*background-color: var(--pts-color-negative);*/
    background-color: var(--pts-color-green);
}
.pts-testimonials .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.pts-testimonials-negative .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    background-color: var(--pts-color-green);
}
.pts-testimonials .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after,
.pts-testimonials-negative .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    border-color: var(--pts-color-green);
}

/**
 * News list columns widget
 */
.qodef-button.qodef-layout--simple .qodef-m-icon-holder .qodef-m-icon:before {
    background-color: var(--pts-color-green);
}

.pts-box-news .qodef-e-read-more {
    display: none;
}
.pts-box-news .qodef-blog.qodef-item-layout--compact .qodef-e-content, 
.pts-team-list .qodef-team-list.qodef-item-layout--info-below .qodef-e-content {
    border-bottom: 2px solid #132142;
}

/**
 * News list widget
 */
.pts-news-list .qodef-e-top-holder {
    margin-bottom: 0.5em;
}
.pts-news-list .qodef-blog .qodef-e-title {
    margin-bottom: 0.75em;
}
.pts-news-list .qodef-e-excerpt {
    line-height: 1.5;
}
.pts-news-list .qodef-e-bottom-holder {
    margin-top: 64px;
}

.qodef-blog .qodef-e-content {
    padding-bottom: 80px;
}
.qodef-blog .qodef-e-content {
    border-bottom: 2px solid var(--pts-color-blue);
}

@media (max-width: 1200px) {
    .pts-news-list .qodef-e-bottom-holder {
        margin-top: 44px;
    }
}

@media (max-width: 767px) {
    .pts-news-list .qodef-e-bottom-holder {
        margin-top: 30px;
    }
}

/**
 * Pagination
 */
.pts-news-list .qodef-m-pagination.qodef--standard .qodef-m-pagination-item,
.search-results .qodef-m-pagination.qodef--wp .page-numbers {
    font-size: 14px;
}
.pts-news-list .qodef-m-pagination.qodef--standard .qodef-m-pagination-item:before,
.search-results .qodef-m-pagination.qodef--wp .page-numbers:before {
    border-radius: 10px;
    background-color: var(--pts-color-green);
}

/**
 * News single
 */
.single-post #qodef-page-content {
    font-family: 'Nunito Sans', sans-serif;
    line-height: 1.5;
}
.single-post #qodef-page-content blockquote {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 500;
}
.single-post #qodef-page-content blockquote::before {
    background-color: var(--pts-color-green);
}

.single-post #qodef-single-post-navigation {
    margin-top: 40px;
}
.single-post #qodef-single-post-navigation .qodef-m-nav {
    background-color: transparent;
}
.single-post #qodef-single-post-navigation .qodef-m-nav:before {
    background-color: var(--pts-color-green);
}

.single-post .qodef-e-bottom-holder {
    display: none;
}

/**
 * Content bottom
 */
#qodef-page-content-bottom {
    background-color: var(--pts-color-green-light);
}
#qodef-page-content-bottom > .qodef-m-inner {
    width: 100%;
    max-width: 1400px;
    padding: 170px 40px 155px 40px;
}
#qodef-page-content-bottom h4 {
    margin-bottom: 80px;
}

@media (max-width: 1200px) {
    #qodef-page-content-bottom > .qodef-m-inner {
        padding: 150px 30px 110px 30px;
    }

    #qodef-page-content-bottom h4 {
        margin-bottom: 60px;
    }
}
@media (max-width: 767px) {
    #qodef-page-content-bottom > .qodef-m-inner {
        padding: 110px 20px 110px 20px;
    }

    #qodef-page-content-bottom h4 {
        margin-bottom: 40px;
    }
}

/**
 * CF7
 */
.wpcf7-form-control-wrap {
    margin-bottom: 40px;
}
.qodef-qi-contact-form-7 .qodef-form-row {
    display: grid;
}
@media (min-width: 1201px) {
    .qodef-qi-contact-form-7 .qodef-form-row {
        gap: 40px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

input[type="file"] {
    width: 100%;
    padding-top: 58px;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--pts-color-blue);
}

.codedropz-upload-handler {
    padding: 90px 30px 30px;
    margin-top: 20px !important;
    background-color: #ffffff;
    background-image: url(assets/img/drag-and-drop.svg);
    background-position: center top 30px;
    background-repeat: no-repeat;
}
.codedropz-upload-container {
    padding: 0;
}
.codedropz-upload-inner h6 {
    margin: 0;
}
.cd-upload-btn {
    color: var(--pts-color-green) !important;
}
.dnd-upload-counter {
    display: none;
}
.codedropz-upload-wrapper::after {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    margin-top: 44px;
    background-color: var(--pts-color-blue);
}

/**
 * Jobs
 */
.pts-job .qodef-qi-button .qodef-m-icon {
    transform: rotate(-45deg);
} 
.pts-job .qodef-qi-button:hover .qodef-m-icon svg {
    transform: none !important;
}

/**
 * Maps
 */
.pts-maps {
    position: relative;
}
.pts-maps::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(116deg, rgba(197, 209, 45, 0.00) 50%, #EAC31F 100%);
    z-index: 0;
}

/**
 * Team Popup Styles
 */
.pts-team-list .qodef-social-icons {
    display: none;
}

@media (max-width: 1024px) {
    .pts-team-list .qodef-e-role {
        font-size: 10px;
    }
}

@media (max-width: 768px) {
    .pts-team-list .qodef-e-role {
        font-size: 9px;
    }
}

.pts-team-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(19, 33, 66, 0.8); 
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.pts-team-popup-overlay.qodef--visible {
    opacity: 1;
    visibility: visible;
}

.pts-team-popup-holder {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    max-width: 1840px; 
    width: 90%;
    max-height: 85vh;
    background-color: var(--pts-color-blue); 
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

.pts-team-popup-holder.qodef--visible {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%);
}

.pts-team-popup-inner {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 60px 120px; 
    box-sizing: border-box;
    max-height: 85vh;
    overflow-y: auto;
}

.pts-team-popup-close {
    position: absolute;
    top: 64px; 
    right: 120px; 
    width: 64px; 
    height: 64px; 
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--pts-color-green); 
    border-radius: 10px; 
}

.pts-team-popup-close-icon {
    position: relative;
    width: 16px; 
    height: 16px; 
}

.pts-team-popup-close-line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--pts-color-blue); 
    transform: rotate(45deg);
}

.pts-team-popup-close-line:last-child {
    transform: rotate(-45deg);
}

.pts-team-popup-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 60px; 
}

.pts-team-popup-image {
    flex: 0 0 25%;
    max-width: 25%;
}

.pts-team-popup-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0; 
}

.pts-team-popup-text {
    flex: 1;
    max-width: 50%;
}

.pts-team-popup-title {
    margin-top: 0;
    margin-bottom: 5px; 
    color: var(--pts-color-green);
    font-weight: 700; 
}

.pts-team-popup-meta {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: var(--pts-color-negative);
    text-transform: uppercase;
}


.pts-team-popup-meta-separator {
    margin: 0 10px;
}

.pts-team-popup-office {
    font-weight: 500;
}

.pts-team-popup-description {
    margin-top: 24px;
    color: var(--pts-color-negative); 
}

.pts-team-popup-social-links {
    display: flex;
    gap: 15px;
    margin-top: 24px;
}

.pts-team-popup-social-links a i {
    font-size: 22px;
    color: var(--pts-color-negative);
    transition: color 0.3s ease;
}

.pts-team-popup-social-links a:hover i {
    color: var(--pts-color-green);
}

.pts-team-popup-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(19, 33, 66, 0.5); 
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pts-team-popup-loading-spinner {
    width: 50px;
    height: 50px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: var(--pts-color-green); 
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* Make team items appear clickable */
.qodef-team-list .qodef-e-inner,
.pts-portfolio-list .qodef-e-inner {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.qodef-team-list .qodef-e-inner:hover,
.pts-portfolio-list .qodef-e-inner:hover {
    transform: translateY(-5px);
}


@media (max-width: 1200px) {
    .pts-team-popup-inner {
        padding: 60px; 
    }

    .pts-team-popup-close {
        top: 60px;
        right: 60px;
    }
}

@media (max-width: 768px) {
    .pts-team-popup-holder { 
        width: 100%;
        height: 100vh;
        max-height: 100vh;
    }

    .pts-team-popup-content {
        padding: 0;
        flex-direction: column;
        gap: 30px;
    }
    
    .pts-team-popup-inner {
        height: 100vh;
        max-height: 100vh;
        padding: 30px;
    }

    .pts-team-popup-image {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pts-team-popup-text {
        width: 100%;
        max-width: 100%;
    }

    .pts-team-popup-close {
        top: 15px;
        right: 15px;
        width: 48px;
        height: 48px;
    }
}

/* Sticky header: hover color */
body .qodef-header-sticky .qodef-header-navigation > ul > li:hover > a,
body .qodef-header-sticky .qodef-header-navigation > ul > li:hover > a .qodef-menu-item-text,
body .qodef-header-sticky .qodef-header-navigation > ul > li > a:hover,
body .qodef-header-sticky .qodef-header-navigation > ul > li > a:hover .qodef-menu-item-text {
    color: #EAC31F !important;
}