/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/




.mobile-show{
    display: none;
}
#top .nav-btn span {
    background-color: #7ea0a1;
    border-radius: 100px;
    padding: 10px 30px;
    border: solid 3px #fff;
}

a.components-button,
body button {
    background-color: #05192f !important;
    Color: #fff !important;
}

button.wc-block-cart-item__remove-link {
    padding: 1px 10px !important;
}

.sign-btn {
    position: relative;
    left: 19px;
}

.wc-block-components-totals-coupon a,
a.wc-block-components-product-name,
.wc-block-checkout__terms.wp-block-woocommerce-checkout-terms-block span a {
    opacity: 100%;
    color: #fff;
    text-decoration: underline 2px;
}

.mfp-wooac .wooac-popup {
    background-color: #2f696b94;
    padding: 20px 20px;
    border-radius: 8px !important;
    border: solid 1px #fff9;
}

.mfp-wooac .wooac-popup button.mfp-close:before {
    color: #fff;
}

.mfp-wooac .wooac-popup a#wooac-cart,
.mfp-wooac .wooac-popup a#wooac-continue {
    background-color: #05192f;
    color: #fff;
}


/*  */

#top .cart-notification::before {
    display: none !important;
}

.wc-block-components-button:not(.is-link) {
    border: none !important;
}

#top #logo img {
    filter: brightness(111);
}

body.home #top #logo img,
body.woocommerce-cart.woocommerce-page #top #logo img,
body.woocommerce-checkout #top #logo img {
    filter: brightness(1);
}

a.slide_out_area_close.follow-body.material-ocm-open:before {
    border-radius: 0px !important;
    transform: rotate(45deg);
}

.woocommerce ul.products li.classic.product {
    background-color: #2f696b94;
    padding: 20px 20px;
    border-radius: 8px !important;
    border: solid 1px #fff9;
}

#top ul.buttons.sf-menu {
    display: flex;
}

#top ul.buttons.sf-menu li.nectar-woo-cart {
    order: 2;
}

#top ul.buttons.sf-menu li.btnnn {
    order: 3;
}

#top ul.buttons.sf-menu li#menu-item-313 span {
    padding: 11px;
    background-color: #650598;
    border-radius: 50px;
    font-size: 16px;
}

li.nectar-woo-cart .cart-outer {
    margin-left: 40px;
}

a#mobile-cart-link:before,
#top ul>li.nectar-woo-cart .cart-outer>div:before,
li.slide-out-widget-area-toggle>div>a:before {
    background-color: #3c8788;
    padding: 10px 10px !important;
    border: solid 2px #fff;
    position: absolute;
    content: "";
    left: -12px;
    top: -11px;
    width: 100%;
    height: 100%;
    transform: rotate(45deg);
}

#header-outer #top nav ul #search-btn a span {
    color: #fff !important;
}

.widget.woocommerce.widget_shopping_cart.open:before {
    display: none;
}

a.components-button {
    background-color: #3a8788;
    color: #fff;
}

li.slide-out-widget-area-toggle>div>a {
    position: relative;
}

.gt_switcher_wrapper {
    display: none;
}

.nectar-center-text {
    max-width: 100% !important;
}

.nectar-center-text .top-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header-secondary-outer {
    padding: 7px 0px;
}

.nectar-center-text .top-nav a {
    margin: 0px;
}

.nectar-center-text .top-nav span.line {
    margin: 0px 10px;
    background-color: #266e7d;
    width: 2px;
    height: 18px;
    display: inline-block;
    position: relative;
    margin-top: -20px;
    top: 4px;
}

.nectar-center-text .top-nav .box2 a {
    margin: 0px 10px;
}

.nectar-center-text .top-nav .box2 a i {
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px !important;
}

#header-secondary-outer select {
    background-color: rgb(15 43 49);
    border-radius: 4px;
    border: 2px solid transparent;
    position: relative;
    color: #fff;
    top: 0px;
    left: -220px;
}

body.material #header-secondary-outer nav>ul>li:last-child>a {
    margin-right: 135px;
    padding-right: 0;
}

#top li#search-btn {
    position: absolute;
    top: -39px;
    left: -77px;
}

#header-secondary-outer {
    z-index: 1;
}


/* secoundary end */


/* section one ro-1 start */

#ro-1 a {
    color: #000000 !important;
}

#ro-1 a:hover {
    color: #fff !important;
}

#ro-1 .row-bg.viewport-desktop.using-image {
    background-size: 140%;
    background-position: -200%;
    animation: infinite alternate 94.5s cubic-bezier(0, 0, 0.7, 0.71) blll;
    background-repeat: repeat !important;
}

@keyframes blll {
    to {
        background-position: 600%;
    }
}

#ro-1 .row-bg.viewport-desktop.using-image:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(http://stagingserver3.com/jeanniesakidlitauthor/wp-content/uploads/2023/11/HomePage-final-11-11.jpg);
    opacity: 70%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: bottom center;
}

#ro-1 .person {
    transform: scale(180%);
    position: relative;
    top: 40px;
}


/*  */

#ro-1 .box {
    position: relative;
    z-index: 99999;
}

#ro-1 .box h3 {
    position: relative;
}

#ro-1 .box h3 a {
    color: #ffffff !important;
    transition: 0.5s;
}

#ro-1 .box h3 a {
    position: relative;
    margin: auto;
    height: 120px;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    z-index: 999;
    animation: boxx 3s infinite alternate linear;
}

#ro-1 .box h3 a:before {
    position: absolute;
    content: "";
    background-color: #3e8789;
    width: inherit;
    height: inherit;
    z-index: -1;
    transform: rotate(45deg);
    transition: 0.5s;
    border: solid 5px #ffffff;
}

#ro-1 .b1 h3 a {
    left: 120px;
    top: 80px;
}

#ro-1 .b3 h3 a {
    left: 120px;
    bottom: 80px;
}

#ro-1 .b4 h3 a {
    right: 120px;
    top: 80px;
}

#ro-1 .b6 h3 a {
    right: 120px;
    bottom: 80px;
}

#ro-1 .b7 h3 a {
    position: absolute;
    bottom: -16px;
    right: -95px;
}

#ro-1 .b8 h3 a {
    position: absolute;
    left: -98px;
    top: -35px;
}

#ro-1 .box:hover h3 a {
    color: #fff;
}

#ro-1 .box h3 a:hover::before {
    background-color: #3e8789;
    background: linear-gradient(to right, #97b2a4, #bfbba5, #f5eab1);
    transform: rotate(225deg);
    border: solid 5px #ffffff;
}


/*  */


/* section one ro-1 end */


/*---------------------------------------------------------------------------*/

@media (max-width: 1600px) {
    
    #ro-1>.row_col_wrap_12.col.span_12 {
        transform: scale(80%);
    }
}


/*---------------------------------------------------------------------------*/

@media (max-width: 1440px) {}


/*---------------------------------------------------------------------------*/

@media (max-width: 1366px) {
    #ro-1 .b7 h3 a {
        bottom: -12px;
        right: -103px;
    }
    #ro-1 .b8 h3 a {
        position: absolute;
        left: -107px;
        top: -35px;
    }
}


/*---------------------------------------------------------------------------*/

@media (max-width: 1280px) {
    #ro-1 .b8 h3 a {
        position: absolute;
        left: -122px;
        top: -35px;
    }
    #ro-1 .b7 h3 a {
        position: absolute;
        bottom: -12px;
        right: -113px;
    }
}


/*---------------------------------------------------------------------------*/

@media (max-width: 1024px) {
    #ro-1 {
        padding-bottom: 0px !important;
    }
    #ro-1 .person {
        transform: scale(160%) !important;
        position: relative;
        top: 40px;
    }
    #ro-1 .box h3 a {
        height: 100px;
        width: 100px;
    }
    #ro-1 .b1 h3 a {
        left: 108px;
        top: 80px;
    }
    #ro-1 .b2 h3 a {
        position: relative;
        left: 20px;
        top: 10px;
    }
    #ro-1 .b3 h3 a {
        left: 108px;
        bottom: 63px;
    }
    #ro-1 .b4 h3 a {
        right: 108px;
        bottom: 63px;
    }
    #ro-1 .b5 h3 a {
        right: 18px;
        top: 0px;
    }
    #ro-1 .b6 h3 a {
        position: relative;
        top: -83px;
        left: -108px;
    }
    #ro-1 .b8 h3 a {
        position: absolute;
        left: -113px;
        top: -15px;
    }
}


/*---------------------------------------------------------------------------*/

@media (max-width: 900px) {
    a#mobile-cart-link {
        position: relative;
        margin-left: 33px;
        margin-right: 12px;
    }
    a#mobile-cart-link:before {
        height: 20px;
        width: 20px;
        top: 28px;
        left: -3px;
    }
    #ro-1>.row_col_wrap_12.col.span_12 {
        transform: scale(100%);
    }
    .slide-out-widget-area-toggle.mobile-icon>div {
        position: relative;
        margin-left: 30px;
    }
    a.mobile-search:before {
        background-color: #3c8788;
        padding: 10px 10px !important;
        border: solid 2px #fff;
        position: absolute;
        content: "";
        left: -3px;
        top: 28px;
        width: 20px;
        height: 20px;
        transform: rotate(45deg);
    }
    .slide-out-widget-area-toggle.mobile-icon>div:before {
        background-color: #3c8788;
        padding: 10px 10px !important;
        border: solid 2px #fff;
        position: absolute;
        content: "";
        left: -12px;
        top: -11px;
        width: 100%;
        height: 100%;
        transform: rotate(45deg);
    }
    .slide-out-widget-area-toggle.mobile-icon>div {
        position: relative;
        margin-left: 20px;
    }
    #ro-1 {
        padding: 90px 0px !important;
    }
    #header-secondary-outer {
        z-index: 9999;
    }
    #ro-1 .row_col_wrap_12.col.span_12 {
        padding-top: 0px !important;
    }
    #ro-1 .box h3 a {
        position: unset;
    }
    #ro-1 .box h3 a {
        height: 120px;
        width: 120px;
    }
    #ro-1 .box {
        width: 50%;
        margin: auto !important;
        position: unset;
    }
    #ro-1 .vc_col-sm-4 {
        margin-bottom: 0px;
    }
    #ro-1 .vc_col-sm-4>.vc_column-inner>.wpb_wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    #ro-1 .vc_col-sm-4>.vc_column-inner>.wpb_wrapper #inn {
        width: 100%;
    }
    #ro-1 .row-bg.viewport-desktop.using-image:before {
        width: 100%;
        height: 100%;
        background-size: 380% !important;
    }
    #header-secondary-outer {
        display: none;
    }
    .nectar-center-text .top-nav {
        flex-wrap: wrap;
    }
    .nectar-center-text .top-nav .box1 {
        width: 100%;
        padding-left: 52px;
    }
    .nectar-center-text .top-nav .box2 {
        width: 100%;
        margin-top: 20px;
    }
    #header-secondary-outer ul.sf-menu.sf-js-enabled.sf-arrows {
        padding-left: 280px;
    }
    #header-secondary-outer ul.sf-menu.sf-js-enabled.sf-arrows {
        padding-left: 50px;
    }
    #header-secondary-outer select {
        left: 0px;
    }
	


.mobile-show{
    display: block;
}
}


/*---------------------------------------------------------------------------*/

@media (max-width: 768px) {}


/*---------------------------------------------------------------------------*/

@media (max-width: 480px) {
    #ro-1 .box h3 a {
        height: 100px;
        width: 100px;
    }
    .nectar-center-text .top-nav .box1 span {
        margin-top: 11px;
    }
    .nectar-center-text .top-nav .box1 {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-left: 2px;
    }
    .nectar-center-text .top-nav .box1 span {
        display: none;
    }
    .nectar-center-text .top-nav .box1 a {
        margin-bottom: 10px;
    }
    #header-secondary-outer ul.sf-menu.sf-js-enabled.sf-arrows {
        padding-left: 0px;
    }
    #top select {
        left: -0px;
    }
    #ro-1 .box a {
        height: 80px;
        width: 80px;
    }
    #ro-1 .box h3 a {
        font-size: 14px;
        line-height: 1.2;
    }
    #ro-1 {
        padding-top: 80px !important;
        padding-bottom: 20px !important;
    }
    .woocommerce ul.products li {
        width: 90% !important;
        margin: auto !important;
        margin-bottom: 40px !important;
        text-align: center;
    }
}


/*---------------------------------------------------------------------------*/

@media (max-width: 444px) {
    #ro-1 .box h3 a {
        height: 80px;
        width: 80px;
    }
}


/*---------------------------------------------------------------------------*/

@media (max-width: 360px) {}

h2.wc-block-components-title.wc-block-components-checkout-step__title,
th.wc-block-cart-items__header-image {
    font-size: 35px;
}

p.wc-block-components-checkout-step__description,
th.wc-block-cart-items__header-total,
a.wc-block-components-product-name {
    font-size: 17px;
}

span.wc-block-components-checkbox__label {
    opacity: 100%;
    color: #fff;
}