/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/

html {
    scrollbar-color: #26b5b4 #fff;
    scrollbar-width: thin;
    scroll-behavior: smooth;
    scroll-margin-top: 195px;
}

body {
    background: #F9F9F9;
}

#second-section {
    scroll-margin-top: 130px;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
    background: #26b5b4;
    border: 6px solid rgba(0, 0, 0, 0.2);
}

::selection {
    background: var(--bs-primary);
    color: #fff;
}

.transition {
    transition: 0.3s all ease-in-out;
}

body:not(.register-page) .grecaptcha-badge {
    scale: 0;
    opacity: 0;
    pointer-events: none;
    z-index: 9999;
}

.btn-secondary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-bg: #26b5b4;
    --bs-btn-hover-border-color: #1ab1b0;
    --bs-btn-focus-shadow-rgb: 0, 143, 142;
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-bg: #33b9b9;
    --bs-btn-active-border-color: #1ab1b0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: #00A8A7;
    --bs-btn-disabled-border-color: #00A8A7;
}

.btn.btn-trietary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #00a8a7;
    --bs-btn-border-color: #00a8a7;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #18afaf;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: #00a8a7;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: #00a8a7;
    --bs-btn-disabled-border-color: #00a8a7;
}

.btn-secondary-green {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #26b5b4;
    --bs-btn-border-color: #26b5b4;
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-white);
    --bs-btn-hover-border-color: var(--bs-white);
    --bs-btn-focus-shadow-rgb: 0, 143, 142;
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-bg: #33b9b9;
    --bs-btn-active-border-color: var(--bs-white);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: #00A8A7;
    --bs-btn-disabled-border-color: #00A8A7;
}

.btn-secondary-green.hover-green {
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-white);
}

.btn-primary-outline {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 0, 143, 142;
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-bg: #33b9b9;
    --bs-btn-active-border-color: #1ab1b0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: #00A8A7;
    --bs-btn-disabled-border-color: #00A8A7;
}

.btn-secondary-outline {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #26b5b4;
    --bs-btn-hover-border-color: #1ab1b0;
    --bs-btn-focus-shadow-rgb: 0, 143, 142;
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-bg: #33b9b9;
    --bs-btn-active-border-color: #1ab1b0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: #00A8A7;
    --bs-btn-disabled-border-color: #00A8A7;
}

.btn-secondary-white-outline {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #26b5b4;
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 0, 143, 142;
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-bg: #33b9b9;
    --bs-btn-active-border-color: #1ab1b0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: #00A8A7;
    --bs-btn-disabled-border-color: #00A8A7;
}

.btn-secondary-white-gray-outline {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-color: #80909C;
    --bs-btn-hover-bg: #E5ECEC;
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 0, 143, 142;
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-bg: #33b9b9;
    --bs-btn-active-border-color: #1ab1b0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: #00A8A7;
    --bs-btn-disabled-border-color: #00A8A7;
}

#dropdownMenuButton path {
    transition: 0.3s ease-in-out;
}

.scrolled-logo {
    opacity: 0;
    visibility: hidden;
}

.burger-icon {
    width: 32px;
    height: 32px;
}

@media (width <=1249px) {
    .offcanvas-burger {
        background: #f3f3f3;

        .main-menu-wrapper ul {
            flex-wrap: nowrap !important;
            max-height: 80dvh;
            overflow-y: auto;
        }

        .dropdown-menu>li>a {
            padding-inline: 0 !important;
            margin-block: 1.4rem !important;
        }

        .menu-item-has-children {
            .dropdown-menu {
                border: none;
                background: transparent;
                box-shadow: unset;
            }
        }

        .nav-link {
            color: var(--bs-primary);


            &:hover {
                color: var(--bs-secondary);
            }
        }

        .close-icon path {
            fill: var(--bs-primary);
        }

        .menu-item-has-children .dropdown-toggle {
            justify-content: center;

            &::after {
                content: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 8L1 0.999999' stroke='%23022239' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
            }

            &.show {
                &::after {
                    content: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 8L1 0.999999' stroke='%2300A8A7' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") !important;
                }
            }
        }

        .menu-item-has-children .dropdown-toggle {
            justify-content: flex-start !important;
        }

    }
}

.menu-item-has-children:hover .nav-link.dropdown-toggle {
    color: var(--bs-secondary);
}

.nav-link.dropdown-toggle.show {
    color: var(--bs-secondary) !important;
}

.menu-item-has-children:hover .dropdown-toggle.nav-link::after {
    content: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 8L1 0.999999' stroke='%2300A8A7' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") !important;
}

.current-menu-item .nav-link {
    font-weight: 600;
    color: var(--bs-secondary) !important;
}

.main-menu-wrapper .nav-link {
    text-wrap: balance;
    max-width: 83ch;
}


@media (min-width: 1250px) {

    header.scrolled-hover .menu-item-has-children > .nav-link,
    body.page-template-template-register header.scrolled .menu-item-has-children > .nav-link,
    body.page-template-template-coming-soon  header.scrolled .menu-item-has-children > .nav-link {
        &::after {
            content: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 8L1 0.999999' stroke='%23022239' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
            margin-left: 1rem;
        }
    }

    .menu-item-has-children > .nav-link {
        &::after {
            content: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 8L1 0.999999' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
            margin-left: 1rem;
        }

        &:hover {
            &::after {
                content: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 8L1 0.999999' stroke='%2300A8A7' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") !important;
            }
        }
    }
    .navbar-expand-xl .main-menu-wrapper .navbar-nav .menu-item-has-children .sub-menu {
        position: fixed;
        left: 50%;
        translate: -50% 0;
        max-width: 100%;
        width: 100%;
        padding-left: 8vw;
        margin-bottom: 0;
        transition: 0.3s ease-in-out;
        opacity: 0;
        visibility: hidden;
        background: var(--bs-white);
        display: flex;
        flex-wrap: wrap;
        padding-block: 54px;

        .custom-li {
            width: 100%;
            font-size: 2.4rem;
            margin-bottom: 2.6rem;
        }
    
        .menu-plan-icon-wrapper {
            width: 75px;
            transition: 0.3s ease-in-out;
        
            aspect-ratio: 1;
            border-radius: 50%;
            background: #F3F3F3;
            display: flex;
            align-items: center;
            justify-content: center;
        
            @media (width >=768px) {
                max-width: 48px;
                width: 48px;
            }
    
            @media (width >=1136px) {
                max-width: 75px;
                width: 75px;
            }
        
            @media (width >=1550px) {
                max-width: 64px;
                width: 64px;
            }
        
            @media (width >=1750px) {
                max-width: 120px;
                width: 120px;
            }
        
            svg,img {
                width: 100%;
                max-width: 32px;
                aspect-ratio: 1;
                transition: 0.3s ease-in-out;
                @media (width >=768px) {
                    max-width: 24px;
                }
                @media (width >=1750px) {
                    max-width: 50px;
                }
            }
        }
    
        .nav-link {
            flex-direction: column-reverse;
            gap: 1.2rem;
            color: var(--bs-blue-50);
            max-width: 200px;
            min-width: 200px;
            text-align: center;
        }
    
        .current-menu-item .menu-plan-icon-wrapper {
            background: var(--bs-secondary);
    
            svg path {
                fill: var(--bs-white);
            }

            img {
                filter: brightness(0) invert(1);
            }
        }
    }
    .navbar-expand-xl .main-menu-wrapper .navbar-nav .menu-item-has-children:hover .sub-menu {
        opacity: 1;
        visibility: visible;
    }

}

body:not(.page-template-template-register):not(.page-template-template-coming-soon):not(.woocommerce-checkout) header {
    background: linear-gradient(90deg, #022239 44.39%, #00A8A7 95.15%);
}

.navbar-expand-xl .main-menu-wrapper .navbar-nav .dropdown-menu {
    --bs-dropdown-min-width: 24rem;

    @media (width >= 1250px) {
        position: fixed;
        left: 0;
        top: 93px;
        --bs-dropdown-min-width: calc(100vw - 200px);
    }

    @media (992px <=width <=1249px) {
        padding: 1rem;
    }


    .menu-plan-icon-wrapper {
        display: none;
    }

}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: unset;
}

body:not(.woocommerce-account) header.scrolled-hover,
body.register-page header.scrolled-hover,
body.page-id-204.woocommerce-account header.scrolled-hover, 
body.woocommerce-lost-password header,
body.page-template-template-register header.scrolled,
body.page-template-template-coming-soon header.scrolled {
    background: var(--bs-white)!important;

    #dropdownMenuButton path:not(:last-child) {
        fill: var(--bs-primary);
    }

    #dropdownMenuButton path:last-child {
        stroke: var(--bs-primary);
    }

    .scrolled-logo {
        opacity: 1;
        visibility: visible;
    }

    .main-logo {
        opacity: 0;
        visibility: hidden;
    }


    .burger-icon path {
        fill: var(--bs-primary);
    }

    .main-menu-wrapper .nav-link {
        color: var(--bs-primary);

        &:hover {
            color: var(--bs-secondary);
        }
    }

    .menu-item-has-children .dropdown-toggle {
        justify-content: center;

        &::after {
            content: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 8L1 0.999999' stroke='%23022239' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        }
    }

    .user-icon {
        filter: invert(1);
    }
}

header.my-account {

    .burger-icon path {
        fill: var(--bs-primary);
    }

    .main-menu-wrapper .nav-link {

        &:hover {
            color: var(--bs-secondary);
        }
    }

    .menu-item-has-children .dropdown-toggle {
        justify-content: center;

        &::after {
            content: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 8L1 0.999999' stroke='%23022239' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        }
    }
}

.menu-item-has-children {
    .dropdown-menu {
        border: none;
    }

    .dropdown-menu .nav-link {
        color: var(--bs-primary);

        &:hover {
            color: var(--bs-secondary);
        }
    }
}

.menu-item-has-children .dropdown-toggle {
    &::after {
        all: unset;
        content: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 8L1 0.999999' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        margin-left: 10px;
        transition: 0.3s ease-in-out;
    }

    &.show::after {
        scale: -1;
    }
}

footer {
    p {
        color: #fff;
        font-size: 1.6rem;
    }

    ul li {
        color: #fff;
    }

    .nav-link:focus,
    .nav-link:hover {
        --bs-nav-link-hover-color: var(--bs-secondary);
    }

    .footer-paragraph {
        max-width: 298px;
        line-height: 23.28px;

        @media (width <=767px) {
            max-width: 100%;
        }

        p {
            margin-bottom: 0;
        }
    }

    @media (width <=800px) {
        .footer-cta-wrapper {

            a,
            button {
                width: 100%;
            }

            .btn-secondary {
                background-color: var(--bs-secondary);
                border-color: var(--bs-secondary);
                color: var(--bs-white);
            }

        }
    }
}

.follow-us-heading {
    font-weight: 300;
    line-height: 15.23px;
    letter-spacing: 0.405em;
}

.user-dropdown .username-email {
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
}

.wrapper-404 {
    height: 100vh;
    height: 100dvh;
    display: grid;
    place-items: center;
    background-color: var(--bs-primary);

    h1 {
        color: #FFFFFFD9;

        @media (width >=1024px) {
            line-height: 74px;
        }
    }

    h2 {
        color: #FFFFFFD9;
    }

    .buttons-404 {
        @media (max-width: 1135px) {
            width: max-content;

            a {
                flex: 1 1 0;
                width: 100%;

                button {
                    width: 100%;
                }
            }
        }

    }
}

.add-listing-form .add-listing-step {
    padding-top: 8.8rem;

    @media (width >=1250px) {
        padding-top: 7.2rem;
    }
}

.steps-wrapper h1 {
    font-size: 4rem;
    font-weight: 700;
    color: var(--bs-primary);
    line-height: 5rem;
}

.steps-wrapper .steps {

    display: flex;
    gap: 2.5rem;

    .step {
        width: 40px;
        height: 4px;
        border-radius: 4px;
        background: #E6E9EB;

        &.active {
            background: var(--bs-secondary);
        }
    }
}

.steps-wrapper .step-number {
    font-size: 1.6rem;
    line-height: 26px;
    font-weight: 400;
    color: var(--bs-blue-50);
}

.steps-wrapper .text-gray {
    color: #777777;
    font-size: 2rem;
    font-weight: 400;
}

.add-listing-step .section-title h2 {
    display: none;
}

.job_listing_packages .pricing-item {
    text-align: left;
    padding: 4rem 3rem;
    border-radius: 0;
    border: 2px solid #E3EFEF;
    height: 100%;
}

.job_listing_packages .pricing-item .plan-name {
    padding: 0;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 43px;
    color: var(--bs-primary);
    text-transform: capitalize;
    margin-block: 1rem;
}

.job_listing_packages .plan-features {
    padding: 0;
    margin-bottom: 0;
}

.job_listing_packages .pricing-item .plan-price {
    padding: 0;
    height: 82px;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}

.job_listing_packages .pricing-item .plan-price>span {
    color: var(--bs-primary);
    font-size: 4.8rem;
    font-weight: 700;
}

.job_listing_packages .pricing-item .plan-price span.woocommerce-Price-amount {
    font-weight: 700;
    margin-bottom: 0;
}

.pricing-item .plan-price del {
    width: 100%;
}

.job_listing_packages .select-package {
    padding: 0;
}

.cts-pricing-item .plan-features li {
    color: var(--bs-primary);
    line-height: 19px;

    p {
        margin-bottom: 0;
    }
}

.plan-features ul li::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 5px;
    background-image: url("/wp-content/themes/my-listing-child/src/icons/smile-for-li.png");
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.add-basic-package #product-description ul li::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 5px;
    background-image: url("/wp-content/themes/my-listing-child/src/icons/smile-for-li.png");
    background-repeat: no-repeat;
    filter: brightness(0) invert(1);
}

.add-basic-package .basic-package-card h2 {
    display: flex;
    flex-direction: column-reverse;
    color: #F3F3F3;
    
}

.add-basic-package .basic-package-card h2 ins {
    text-decoration: none;
    font-weight: 700;
    font-size: 3.2rem;
    color: #F3F3F3;
}

.add-basic-package .basic-package-card h2 del {
    text-decoration: line-through;
    font-weight: 300;
    font-size: 2.4rem;
    color: #F3F3F3;
}

.add-basic-package .basic-package-card .features-title {
    color: #F3F3F3;
}

.add-basic-package #product-description ul {
    padding-left: 0;

    li {
        color: #F3F3F3;
        margin-bottom: 17px;

        &:last-child {
            margin-bottom: 0;
        }

        a {
            color: #f3f3f3;
            text-decoration: underline;
        }
    }
}

.basic-package-card img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.basic-package-card .bg-primary {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.add-basic-package {
    background: #E5ECEC;
    border: 1px solid #CCD3D7;
    border-radius: 12px;
}

.additional-info-wrapper {
    max-width: 90%;
    margin: 0 auto;
    padding-block: 4.5rem;
}

.additional-info-wrapper h3 {
    color: var(--bs-secondary);
    font-weight: 700;
    font-size: 2rem;
}

.benefits-wrapper ul,
.lifetime-access-wrapper ul {
    padding-left: 0;
}

.benefits-wrapper li,
.lifetime-access-wrapper li {
    border-bottom: 1px dashed #000;
    line-height: 3;
    margin-bottom: 3.4rem;

    @media (width <=1024px) {
        line-height: 1.2;
        padding-bottom: 1rem;
    }
}

@media (width <=1024px) {
    .view-more-column {
        display: none;
    }
}

.benefits-wrapper li:last-child,
.lifetime-access-wrapper li:last-child {
    margin-bottom: 0;
}

.add-basic-package #view-more {
    color: #f3f3f3;
}

.pricing-item.cts-pricing-item .plan-image {
    width: 70px;
    height: 70px;
    border-radius: 15px;
    background: #f3f3f3;
    padding: 1rem;
}

.plan-features .features-title {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--bs-primary);
}

.category-card-item {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bs-white);
    border: 1px solid #E3EFEF;
    padding: 4rem;
}

.i-section.choose-type {
    padding-top: 40px;
    padding-bottom: calc(116px + 32px);

    @media (width <=767px) {
        padding-bottom: calc(179px + 32px);
    }
}

@media (width <=767px) {
    html:lang(el) .i-section.choose-type {
        padding-bottom: calc(216px + 32px);

    }
}

.choose-type .category-card-item .cat-icon {
    width: 80px;
    height: 80px;
    background: #E5ECEC;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
}

.choose-type .category-card-item .cat-icon img {
    height: 37px;
}

.cat-card .active .category-card-item {
    border: 2px solid #00A8A7;
    box-shadow: 0px 4px 16px 0px #02223929;
}

.choose-type .cat-card .active .category-card-item .cat-icon {
    background: var(--bs-secondary);
}

.cat-card .active .cat-icon img {
    filter: brightness(0) invert(1)
}

.next-step-icon-wrapper {
    background: #fff;
    box-shadow: 0px -12px 24px 0px #0000001A;
}

@media (width <=1024px) {

    .next-step-icon button {
        width: 100%;
    }
}

.plan-checkbox {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #E6E9EB;
    position: relative;
}

.selected .plan-checkbox {
    border-color: var(--bs-secondary);
}

.selected .plan-checkbox::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 20px;
    height: 20px;
    background: var(--bs-secondary);
    border-radius: 50%;
}

.selected .pricing-item {
    border: 2px solid #00A8A7;
    box-shadow: 0px 4px 16px 0px #02223929;
}

.package-item .pricing-item.active .plan-name {
    color: unset;
}

.job_listing_packages .pricing-item .plan-price span.woocommerce-Price-currencySymbol {
    all: unset;
}

.job_listing_packages .pricing-item span.subscription-details {
    font-size: 20px;
    display: unset;
    line-height: 27px;
    margin: 0;
    color: var(--bs-primary) !important;
    margin-left: 5px;
    margin-bottom: 5px;
}

.add-listing-step .add-listing-nav>ul {
    margin-top: 0;
}

.newsletter-form-wrapper {

    ._form-content,
    p {
        color: #fff;
    }

    ._form-label {
        display: none;
    }

    ._form-branding {
        display: none;
    }

    [id^="_form_"] input[type="text"] {
        border: none;
        border-radius: 0;
        background: #fff;
        padding: 1.7rem 2.4rem;
        margin-bottom: 1.2rem;
        color: #02223966;
    }

    [id^="_form_"] input[type="text"]:focus {
        outline: 2px solid var(--bs-secondary);
    }

    [id^="_form_"] input[type="text"]::placeholder {
        color: #02223966;
    }

    [id^="_form_"] ._submit {
        background: var(--bs-secondary);
        border-radius: 0;
        border: none;
        padding: 17px 24px;
        width: 100%;
    }

    ._form-thank-you {
        color: var(--bs-white);
    }
}

.woocommerce-notices-wrapper {
    position: absolute;
    left: 0rem;
    z-index: 2;
    -webkit-animation: hide-animation 3s forwards;
    animation: hide-animation 3s forwards;

    @media (width >=1250px) {
        left: 3rem;
    }
}

.job-manager-wrapper {
    position: absolute;
    right: 0rem;
    max-width: 410px;
    width: 100%;
    -webkit-animation: hide-animation 3s forwards;
    animation: hide-animation 3s forwards;
    z-index: 2;

    @media (width >=992px) {
        right: 5rem;
    }
}

@keyframes hide-animation {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        pointer-events: none;
    }
}

@-webkit-keyframes hide-animation {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        pointer-events: none;
    }
}

.login-wrapper .woocommerce-error {
    position: absolute;
    right: 3rem;
    -webkit-animation: hide-animation 3s forwards;
    animation: hide-animation 3s forwards;
    z-index: 99999;
    max-width: 90%;
}

.sign-in-sing-up {
    text-decoration-skip-ink: none;
}

.edit-listing-form #submit-job-form {
    max-width: 523px;
    margin: 0 auto;
}

.i-section.c27-packages {
    padding-top: 40px;
    padding-bottom: 185px;
}

.i-section.c27-packages .section-title {
    margin-bottom: 0;
}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
    width: 100%;
    margin-top: 1rem;
}

.woocommerce-ResetPassword .woocommerce-form-row button[type=submit].button {
    border-radius: 0;
}

.iti__dropdown-content {
    z-index: 3 !important;
}

.toggle-password .woocommerce-password-strength,
.toggle-password small {
    display: none !important;
}

input#reg_billing_phone {
    z-index: 2;
}

.sign-in-box .md-checkbox {
    z-index: 2;
}

.sign-in-form.register .form-group {
    z-index: 2;
}

form.sign-in-form .form-group,
form.sign-in-form .social-networks-repeater {
    z-index: 2;
}

.forgot-password {
    z-index: 2;
    position: relative;
}

body.woocommerce-account:not(.logged-in) {
    overflow-y: auto;
}

.create-a-listing-btn {
    width: 250px;
    height: 60px;
}

.info-box {
    max-width: 510px;

    @media (width <=768px) {
        max-width: 100%;
        width: 100%;
    }

    /* .info-box-span {
        max-width: 410px;
    } */
}

.next-step-icon {

    @media (width <=768px) {
        width: 100%;
    }
}

.job-manager-message {
    position: absolute;
    right: 0rem;
    width: 410px;
    max-width: 100%;
    left: unset !important;
    margin: 0 !important;
}

.cts-listing-action-preview a:before {
    font-family: Icomoon;
    content: "\e961";
}

.add-listing-page {
    position: absolute !important;
}

.lang-checkbox {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--bs-secondary);
    position: relative;
}

.lang-switcher-burger .dropdown-item.active {
    background: transparent;
    color: var(--bs-primary);
}

.lang-switcher-burger .dropdown-menu {
    padding: 24px;
    width: 243px;
    border-radius: 0;
}

.lang-switcher-burger .dropdown-item {
    padding: 0;
}

.lang-switcher-burger .dropdown-menu li:not(:last-child) {
    padding-bottom: 24px;
    border-bottom: 1px solid #E5ECEC;
}

.lang-switcher-burger .dropdown-menu li:not(:first-child) {
    padding-top: 24px;
}

.lang-switcher-burger .dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: var(--bs-primary);
    background-color: transparent;
}

.lang-selected {

    &::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: var(--bs-secondary);
    }
}

.wpcf7 .iti.iti--allow-dropdown {
    margin-bottom: 15px;
}

#finderSearch .fade:not(.show) {
    opacity: 1;
}

.fade.show {
    opacity: 1;
}

.tabs-component .nav-tabs,
.cards-component .nav-tabs {
    --bs-nav-tabs-border-color: #02223933;
    --bs-nav-tabs-link-hover-border-color: transparent;
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: transparent;
    border: 1px solid transparent;
    border-bottom: 1px solid #02223933;
}

.tabs-component .nav-tabs .nav-link,
.cards-component .nav-tabs .nav-link {
    color: #9AA7B0;
    font-weight: 400;
}

.tabs-component .nav-tabs .nav-link.active,
.cards-component .nav-tabs .nav-link.active {
    color: #022239;
    background: transparent;
    border-bottom: 3px solid #00A8A7;
    font-weight: 600;
}

.content-wrapper,
.content-wrapper p,
.content-wrapper ul,
.content-wrapper ul li,
.content-wrapper a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.content-wrapper a {
    text-decoration: underline;
    color: var(--bs-secondary);
}

.content-wrapper img {
    max-width: 100%;
    object-fit: contain;
    height: auto;
}

.line-clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-description {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.expand-collapse.line-clamp-2:not(.read-less),
.expand-collapse.line-clamp-description:not(.read-less) {
    -webkit-line-clamp: 500;
}

.read-less~div .more {
    display: none;
}

.line-clamp-2:not(.read-less)~div .less,
.line-clamp-description:not(.read-less)~div .less{
    display: none;
}

.listing-type-icon {
    background-color: var(--bs-secondary);
    border-radius: 50%;
    width: 25px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.preview-listing-img {

    max-width: 100% !important;
    height: 100%;
    aspect-ratio: 255 / 220;
    object-fit: cover;

    @media (width >=992px) {
        max-width: 13vw !important;
    }

    @media (width >=1920px) {
        max-width: 11vw !important;
    }
}

.mapboxgl-popup-content .preview-listing-img {
    max-width: 105px!important;
}

.cts-map-popup.cts-listing-popup .mapboxgl-popup-content {
    height: auto;
}

.mapboxgl-popup-content .lf-item-container {
    margin-bottom: 0;
}

.listing-type-icon-img {
    aspect-ratio: 1;
    object-fit: contain;
    width: 15px;
    filter: brightness(0) invert(1);
}

.tabs-carousel-wrapper .listing-type-icon-img {
    filter: unset;
}

.explore-type-4>.container {
    padding: 0;
}

.explore-classic-sidebar #search-form.fade.in,
.explore-classic-sidebar #explore-taxonomy-tab.fade.in {
    opacity: 1;
}

.form-group.explore-filter.md-group label {
    line-height: 1;
}

#search-form .buttons.button-2.c27-explore-search-button {
    border-radius: 0;
}

#c27-site-wrapper {
    background-color: unset !important;
}

.info-box-tooltip {
    --bs-tooltip-bg: var(--bs-primary);
    --bs-tooltip-color: var(--bs-white);
}

.plan-features svg:focus {
    outline: none;
}

.file-upload-field .review-gallery-add .content {
    padding-bottom: unset !important;
}

.traveler-box {
    border-radius: 4.2rem 0px 0px 4.2rem;
}

.traveler-box .logo {
    max-height: 50px;
}

.traveler-box p {
    color: var(--bs-white);
}

.mw-451 {
    max-width: 451px;
}

.border-top-left-radius {
    border-top-left-radius: 12rem;
}

.border-bottom-right-radius {
    border-bottom-right-radius: 12rem;
}

.fs-xl-20 p {
    font-size: 1.4rem;
    @media (min-width: 1250px) { 
        font-size: 2rem;
    }
}

.insta-carousel-wrapper .tns-nav {
    display: flex;
    justify-content: center;
    gap: 1.6rem;
    margin-top: 3.2rem;

    @media (width >=992px) {
        margin-top: 6rem;
    }

    button {
        all: unset;
        width: 15px;
        height: 15px;
        -webkit-appearance: none;
        border-radius: 50%;
        border: 1px solid #d9d9d9;
        background: transparent;
        transition: 0.3s ease-in-out;

        &.tns-nav-active {
            background: var(--bs-secondary);
        }
    }
}

.explore-head .explore-types .type-info img {
    filter: unset !important;
}

.listing-carousel-full-width img {
    height: calc(100dvh - 93px);
    width: 100%;
    object-fit: cover;
}

@media (width >=1620px) {
    .finder-one-columns #finderListings.finder-listings {
        width: 582px;
    }

    .finder-one-columns #finderMap.finder-map {
        width: calc(100% - 980px);
    }
}

.mw-650 {
    max-width: 650px;
}

.text-blue-50 p {
    color: var(--bs-blue-50-rgb);
}

.explore-mobile-nav {
    left: 50%;
    translate: -50% 0;
}

@media (width <=768px) {
    .border-bottom-right-radius .line-clamp-2 {
        max-width: 90%;
    }
}

.travelers-guide {
    min-height: 334px;

    @media (min-width: 450px) {
        height: 1px;
    }

    @media (min-width: 768px) {
        min-height: 520px;
    }

    @media (min-width: 1550px) {
        min-height: 688px;
    }
}

.hero-text-content {
    max-width: 865px;
}

[id^="component-carousel-blog-items"] label[for="newsletter-comingsoon-tos"] {
    color: var(--bs-primary)!important;
    
    a {
        color: var(--bs-primary)!important;
    }

}

[id^="component-carousel-blog-items"] #newsletter-comingsoon-tos {
    border-color: var(--bs-secondary)!important;
}

[id^="component-carousel-blog-items"] #newsletter-comingsoon-tos:checked {
    background: radial-gradient(circle at center, var(--bs-secondary) 50%, transparent 50%)!important;
}

#map-widget .explore-head {
    display: none;
}

#map-widget .i-section.explore-type-4 {
    padding: 0;
}

#map-widget .element {
    background: unset;
    box-shadow: unset;
}

#map-widget .finder-container {
    box-shadow: unset;
}

#map-widget .finder-search {
    background: unset;
}

#map-widget .finder-listings {
    box-shadow: unset;
}

#map-widget .explore-head:not(:empty)~.finder-map {
    top: unset;
}

#map-widget .finder-search {
    padding: 0;
    max-width: 333px;
}

.page-section-wrapper {
    position: sticky;
    top: 75px;
    z-index: 999;
    
    @media (width >= 1250px) {
        top: 93px;
    }
}

.card-info-wrapper {
    height: 36vh;
    max-height: 312px;
}

.woocommerce-cart-form__cart-item td.product-quantity {
    display: none;
}

p.return-to-shop a.button.wc-backward {
    border-radius: 0;
}

.woocommerce-order-received td.subscription-actions.order-actions.woocommerce-orders-table__cell.woocommerce-orders-table__cell-subscription-actions.woocommerce-orders-table__cell-order-actions {
    display: none;
}

.woocommerce-order-received td.subscription-id.order-number.woocommerce-orders-table__cell.woocommerce-orders-table__cell-subscription-id.woocommerce-orders-table__cell-order-number a {
    pointer-events: none;
}

.woocommerce-cart td.product-remove {
    display: none!important;
}

@media (min-width: 1250px) {
    #map-widget .explore-head:not(:empty)~.finder-map {
        height: calc(100vh - 245px)!important;
    }

    #map-widget .explore-head:not(:empty)~.fc-default .finder-listings, .explore-head:not(:empty)~.fc-default .finder-search, .explore-head:not(:empty)~.finder-map {
        height: calc(100vh - 245px);
    }

    #map-widget .explore-head:not(:empty)~.fc-default .finder-listings, .explore-head:not(:empty)~.fc-default .finder-search, .explore-head:not(:empty)~.finder-map {
        height: calc(100vh - 245px);
    }
}

@media (max-width: 480px) {
    #map-widget .explore-head:not(:empty)~.finder-map {
        height: calc(100vh - 315px)!important;
    }
}

#section-faq .accordion-body {
    a {
        color: var(--bs-secondary);
        text-decoration: underline;
    }

    ul {
        list-style-type: disc;
    }

    ol {
        list-style-type: auto;
    }
}

#page-blog-post {
    .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .nav:after, .nav:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
        content: unset;
    }
}

.featured-label {
    background: var(--bs-secondary);
    border-top-left-radius: 2.4rem;
    border-top-right-radius: 2.4rem;
    padding-block: 0.5rem;
    padding-left: 2.4rem;

    @media (width >= 1250px) {
        padding-block: 1rem;
        padding-left: 4.2rem;
    }
}

.search-filters .tags-nav {
    max-height: 500px;
    overflow: auto;
}

/* Fix for isotope grid from theme */
#finderListings .col-md-12.grid-item {
    position: relative!important;
    top: unset!important;
    left: unset!important;
}

#finderMap .marker-icon i {
    background: #00a8a7!important;
}

@media (min-width: 1194px) and (pointer:fine) {
    #finderListings .lf-item-container {
        height: 20.5vh;
    }
}

#finderListings .lf-item-container a {
    height: 100%;
}

header.bg-transparent {
    background: transparent!important;
}

@media (max-width: 1370px) and (pointer: coarse) {
    .mapboxgl-popup-content .lf-container-item-wrapper {
        flex-wrap: nowrap!important;
        gap: 0!important;
    }
}

.expand-collapse a {
    color: #00A8A7;
    text-decoration: underline;
}

body:has(.header-hide) header {
    display: none;
}