/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.3
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
.coupon .button.expand {
    margin-left: 10px !important;
    text-transform: none;
}

.nav-uppercase>li>a {
    font-weight: normal;
    text-transform: none;
}

.nav-dropdown.dropdown-uppercase>li>a {
    text-transform: none;
}

.nav>li.active>a {
    font-weight: bold;
    font-size: 16px;
}

.home .header-main img.header_logo,
.home .header-main img.cart-img-icon {
    filter: invert(1);
}

.product-gallery-slider img,
.product-thumbnails img {
    border-radius: 10px;
}

.home .nav>li>a>i {
    color: #ffffff;
}

.nav>li>a>i {
    color: #000000;
    font-size: 22px !important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected:not(.no-stock) .variable-item-contents:before,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item.selected:not(.no-stock) .variable-item-contents:before {
    background-image: var(--wvs-tick);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
    content: none !important;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.home .header-bg-color {
    background-color: #000000;
}

.home #logo img {
    filter: invert(0)
}

.home .sticky-add-to-cart--active,
.home #wrapper,
.home #main,
.home #main.dark {
    background-color: #000000;
}

.woocommerce-checkout .is-well {
    box-shadow: none;
    background-color: transparent;
}

body {
    font-family: "Helvetica", sans-serif;
    color: #000000;
}

.wc-block-components-totals-shipping__options span {
    font-size: 13px;
}

.wc-block-cart-items__row a.wc-block-components-product-name,
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    color: #000000;
    font-size: 16px;
}

.wc-block-cart-items__row a.wc-block-components-product-name:hover,
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover {
    color: #4965FF;
}

.product-small span.woocommerce-Price-amount.amount {
    font-size: 20px;
}

.shipping.shipping--boxed .shipping__list_item {
    border: none !important;
}

span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount {
    font-weight: bold;
}

.home .absolute-footer {
    background-color: #000 !important;
    color: #ffffff;
}

.home .absolute-footer svg {
    filter: invert(1);
}

.home {
    color: white;
}

.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6,
.home .nav-column>li>a,
.home .nav-dropdown>li>a,
.home .nav-vertical-fly-out>li>a,
.home .nav,
.nav-dropdown .home .menu-item-has-children>a,
.home .nav-dropdown .nav-dropdown-col>a,
.home .nav-dropdown .title>a {
    color: #cacaca;
}

.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6,
.home .nav-column>li>a:hover,
.home .nav-dropdown>li>a:hover,
.home .nav-vertical-fly-out>li>a:hover,
.home .nav>li>a:hover,
.home .nav-dropdown .menu-item-has-children>a:hover,
.home .nav-dropdown .nav-dropdown-col>a:hover,
.home .nav-dropdown .title>a:hover,
.home .nav-column li.active>a,
.home .nav-column li>a:hover,
.home .nav-dropdown li.active>a,
.home .nav>li.active>a,
.home .nav>li.current>a,
.home .nav>li>a.active,
.home .nav>li>a.current {
    color: white;
}

.home .nav-dropdown {
    background-color: #000000;
}

.home .footer-1 {
    background-color: #000000;
}

.home .follow-us img {
    filter: invert(0) !important;
}

.home .wpcf7 {
    color: white;
}

.woocommerce-page .row.category-page-row,
.woocommerce-page .products.row.row-small,
.woocommerce-page .page-title-inner.flex-row.medium-flex-wrap.container {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
}

.more-events .col-inner {
    display: flex;
    flex-wrap: wrap;
}

.logo img {
    filter: invert(1);
}

.follow-us img {
    filter: invert(1);
}

.more-events a.plain {
    width: 25%;
    text-align: center;
    padding: 0 5px;
}

.more-events p {
    font-size: 14px
}

.more-events .icon-box-img img {
    padding-top: 0px
}

.more-events .icon-box {
    position: relative
}

.more-events .icon-box .icon-inner {
    height: 260px;
    border-radius: 10px;
    overflow: hidden;
}

.more-events .icon-box .icon-box-img {
    margin-top: 15px;
    margin-bottom: 5px
}

.more-events a.plain:hover {
    color: #fab200
}

.more-events .col-inner:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.follow-us>a {
    padding: 0 10px;
}

#wpcf7-f5679-o1 .subscription-button {
    background-color: red;
    border-radius: 16px;
}

.product-thumbnails a {
    background-color: transparent;
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    border-radius: 5px !important;
    font-size: .97em !important;
    box-shadow: none !important;
    border: 1px solid #e0e0e0 !important;
    height: 2.507em;
    max-width: 100%;
    padding: 0 .75em;
    transition: color .3s, border .3s, background .3s, opacity .3s;
    vertical-align: middle;
    width: 100%
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px
}

.button#place_order,
.single_add_to_cart_button.button {
    background-color: #1fab00 !important;
}

.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    border-radius: 10px;
}

.ux-buy-now-button {
    background-color: #ff2d2d !important;
}

.has-border {
    border-radius: 10px;
    padding: 30px
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    box-sizing: border-box;
}

form.checkout h3 {
    text-transform: none;
}

th {
    text-transform: none;
}

.section-join-now .join-now {
    position: absolute;
    bottom: 10%;
    left: 20vw;
    margin: 0px !important;
}


.section-join-now .discover-hobbies,
.section-join-now .connect-plan {
    position: absolute;
    top: 10%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.section-join-now .connect-plan {
    right: 10%;
    font-size: 1.7vw;
}

.section-join-now .discover-hobbies {
    right: 20%;
    font-size: 1.7vw;
}


.section-join-now .chat-with-friend {
    position: absolute;
    top: 20vw;
    right: 5%;
    margin: 0px !important;
}

.section-join-now .download-app {
    position: absolute;
    top: 30vw;
    right: 5%;
    max-width: 40vw !important;
}

.section-join-now {
    padding: 10px 20px;
}

.home-header {
    font-size: 6.5vw;
    line-height: 1;
    margin-bottom: 10px;
    font-family: BlinkMacSystemFont;
}

.home-description {
    font-size: 1.5vw;
    line-height: 1;
    margin-bottom: 10px;
    padding: 0 10vw;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.chat-with-friend,
.join-now {
    border: 1px solid gray !important;
}


.home .button {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.home-hosts .col-inner {
    display: flex;
    flex-wrap: wrap;
}

.home-hosts a.plain {
    width: 16.6%;
    text-align: center;
    padding: 0 5px;
}

.home-hosts p {
    font-size: 14px
}

.home-hosts .icon-box-img img {
    padding-top: 0px
}

.home-hosts .icon-box {
    position: relative
}

.home-hosts .icon-box .icon-inner {
    height: 20%;
    border-radius: 10px;
    overflow: hidden;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.home-hosts .icon-box:hover {
    animation: pulse 1s infinite;
}

.home-hosts .icon-box .icon-box-img {
    margin-top: 15px;
    margin-bottom: 5px
}

.home-hosts .icon-box .icon-box-text {
    position: absolute;
    top: 10px;
    width: 95px;
    left: 12px;
    color: #fff;
    text-align: left;
    font-weight: 700;
}

.home-hosts a.plain:hover {
    color: #fab200
}

.home-hosts .col-inner:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}


.home-hosts a:nth-child(1) .icon-box .icon-inner {
    background: #FCA5A5
}

.home-hosts a:nth-child(2) .icon-box .icon-inner {
    background: #FDA4AF
}

.home-hosts a:nth-child(3) .icon-box .icon-inner {
    background: #F9A8D4
}

.home-hosts a:nth-child(4) .icon-box .icon-inner {
    background: #C4B5FD
}

.home-hosts a:nth-child(5) .icon-box .icon-inner {
    background: #A5B4FC
}

.home-hosts a:nth-child(6) .icon-box .icon-inner {
    background: #93C5FD
}

.home-hosts a:nth-child(7) .icon-box .icon-inner {
    background: #6EE7B7
}

.home-hosts a:nth-child(8) .icon-box .icon-inner {
    background: #FCD34D
}

.home-hosts a:nth-child(9) .icon-box .icon-inner {
    background: #FDBA74
}

.home-hosts a:nth-child(10) .icon-box .icon-inner {
    background: #D1D5DB
}

.home-hosts a:nth-child(11) .icon-box .icon-inner {
    background: #D1D5DB
}

.home-hosts a:nth-child(12) .icon-box .icon-inner {
    background: #FDBA74
}

.home-hosts a:nth-child(13) .icon-box .icon-inner {
    background: #FCD34D
}

.home-hosts a:nth-child(14) .icon-box .icon-inner {
    background: #6EE7B7
}

.home-hosts a:nth-child(15) .icon-box .icon-inner {
    background: #93C5FD
}

.home-hosts a:nth-child(16) .icon-box .icon-inner {
    background: #A5B4FC
}

.home-hosts a:nth-child(17) .icon-box .icon-inner {
    background: #C4B5FD
}

.home-hosts a:nth-child(18) .icon-box .icon-inner {
    background: #F9A8D4
}

.home-hosts a:nth-child(19) .icon-box .icon-inner {
    background: #FDA4AF
}

.home-hosts a:nth-child(20) .icon-box .icon-inner {
    background: #FCA5A5
}



@media only screen and (max-width: 48em) {
    .off-canvas .nav-vertical>li>a {
        justify-content: flex-start;
        color: #000000;
    }

    .off-canvas .nav-vertical>li.active>a {
        font-weight: bold;
        color: #000000;
        font-size: 1.5em;

    }

    .off-canvas .nav-vertical>li.current_page_item>a {
        font-weight: bold;
    }

    .off-canvas-center .nav-vertical>li>ul>li a {
        justify-content: flex-start;
        padding-left: 50px;
        color: #000000;
    }


    .off-canvas .nav-vertical>li i {
        color: #000000;
    }

    .off-canvas .mfp-close {
        color: #000000 !important;
    }

    .off-canvas .nav-sidebar.nav-vertical>li.menu-item.active {
        background-color: #ffffff;
    }

    .mfp-bg.off-canvas-center:not(.dark) {
        opacity: 1 !important;
    }

    .home-header {
        font-size: 30px;
    }

    .home-description {
        font-size: 14px;
    }

    .home .button {
        font-size: 14px;
    }

    .section-join-now .download-app {
        position: initial;
    }

    .section-join-now .discover-hobbies,
    .section-join-now .connect-plan {
        font-size: 14px;
    }

    .section-join-now .discover-hobbies {
        right: 10%;
    }

    .section-join-now .connect-plan {
        left: 10%;
    }

    .section-join-now .chat-with-friend {
        top: 50%;
    }

    .section-join-now .join-now {
        bottom: 50%;
        left: 10%;
    }

    .home-hosts .icon-box .icon-inner {
        height: 20vw;
    }

    .home-hosts a.plain {
        width: 25%;
        text-align: center;
        padding: 0 5px;
    }

    .home-hosts .icon-box .icon-box-text {
        position: absolute;
        bottom: 0px;
        right: 0;
        left: 0;
        width: 100%;
        top: auto;
        color: #fff;
        text-align: center;
        font-weight: 700;
    }

}

@media only screen and (max-width: 1000px) and (min-width: 48em) {
    .home-hosts .icon-box .icon-inner {
        height: 220px;
    }

    .home-hosts a.plain {
        width: 25%;
        text-align: center;
        padding: 0 5px;
    }

    .home-hosts .icon-box .icon-box-text {
        position: absolute;
        bottom: 0px;
        right: 0;
        left: 0;
        width: 100%;
        top: auto;
        color: #fff;
        text-align: center;
        font-weight: 700;
    }

}