/*
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
*/



/* header */
li.current-menu-item a span {
    font-weight: 600 !important;
}
header#top {
    border-bottom: 1px solid #ffffffc2;
}
/* banner */
#banner h1,h2 {
    background-image: linear-gradient(45deg, #E9B73B, #CF6420 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(4px 4px #000);
}
#banner h3 {
    text-shadow: 0 2px #000;
}
a#btnn {
    border-radius: 30px !important;
    font-size: 16px;
    font-family: "Baloo Chettan 2";
    text-transform: uppercase;
    padding: 15px 30px !important;
    background-image: linear-gradient(45deg, #E9B73B, #CF6420 90%);
    box-shadow: 4px 5px #000;
    border: 1px solid #000;
}
#banner .pp:before {
    content: url(https://devue.onlinetestingserver.com/ana/wp-content/uploads/2025/11/Frame.webp);
    left: 0px;
    position: absolute;
    top: 20px;
    transform: scale(0.8);
}
#banner .pp:after {
    content: url(https://devue.onlinetestingserver.com/ana/wp-content/uploads/2025/11/Frame-1.webp);
    right: 0;
    position: absolute;
    bottom: 0;
}
/* sec1 */
#sec1 h3, #sec2 h3, #sec4 h3 {
    color: #572F84 !important;
}
#sec1 a#btnn, #sec2 a#btnn, #sec3 a#btnn, #sec4 a#btnn {
    background-color: #572F84 !important;
    background-image: unset;
}
#sec1 .pp:before, #sec4 .pp:before {
    content: url(https://devue.onlinetestingserver.com/ana/wp-content/uploads/2025/11/Frame.webp);
    right: -10%;
    position: absolute;
    top: -8%;
}
#sec1 .pp:after {
    content: url(https://devue.onlinetestingserver.com/ana/wp-content/uploads/2025/11/Frame-1.webp);
    right: -10px;
    position: absolute;
    bottom: -50px;
}
/* sec2 */
h2.woocommerce-loop-product__title {
    background-image: unset !important;
    color: #fff !important;
    font-size: 22px !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000;
    filter: unset !important;
}
span.woocommerce-Price-amount.amount {
    color: #000 !important;
    font-family: 'Baloo Chettan 2' !important;
}
#sec2 li.classic:hover {
    transform: scale(1.05);
}
#sec2 li.classic {
    background-image: url(https://devue.onlinetestingserver.com/ana/wp-content/uploads/2025/11/Group-1000006032.webp);
    background-size: cover;
    background-position: center center;
    transition: 0.9s;
}
li.classic .product-wrap {
    padding: 60px 0% 60px !important;
    margin: 0px auto;
    display: table;
    width: 54%;
    overflow: visible;
}
#sec2 h2.woocommerce-loop-product__title {
    margin-top: -60px;
}
#sec2 span.price {
    padding-bottom: 23%;
}
#sec2 .woocommerce .product-wrap:hover .product-add-to-cart a {
    transform: unset !important;
    -webkit-transform: translateY(101%) !important;
}
#sec2 .woocommerce .product-wrap .product-add-to-cart a span {
    font-size: 0;
}
#sec2 .woocommerce .product-wrap .product-add-to-cart a {
    background-color: transparent !important;
    color: #000;
    width: 60%;
    margin: 0px auto;
    display: table;
    left: 0;
    right: 0;
}
#sec2 .woocommerce .product-wrap .product-add-to-cart a i {
    font-size: 25px;
    top: 25px !important;
    position: relative;
	margin-right: 0 !important;
}
/* sec3 */
#sec3 p {
    padding-right: 21%;
    padding-top: 3%;
}
#sec3 .pp:before {
    content: url(https://devue.onlinetestingserver.com/ana/wp-content/uploads/2025/11/Vector.webp);
    left: -34%;
    position: absolute;
    top: 10%;
    transform: scale(0.8);
}
#sec3 .pp:after {
    content: url(https://devue.onlinetestingserver.com/ana/wp-content/uploads/2025/11/Group-1000002924.webp);
    left: -34%;
    position: absolute;
    top: -33%;
    transform: scale(0.8);
}

div#sec3 .ho:before {
    content: url(https://devue.onlinetestingserver.com/ana/wp-content/uploads/2025/11/Group-1261153075-1.webp);
    right: -20%;
    position: absolute;
    top: 10%;
    transform: scale(0.8);
}
div#sec3 .ho:after {
    content: url(https://devue.onlinetestingserver.com/ana/wp-content/uploads/2025/11/Frame.webp);
    left: -120%;
    position: absolute;
    bottom: 10%;
    transform: scale(0.8);
    z-index: 9999;
    visibility: visible;
}

/* sec4 */

/* sec5 */
#sec5 .col.span_12.post a img {
}
#sec5 .col.span_12.post a.small {
    display: none;
}
#sec5 span.meta-category {
    display: none;
}
#sec5 .excerpt {
    display: none;
}
#sec5 .post-header h3 {
    font-size: 14px !important;
    font-family: 'Baloo Chettan 2' !important;
    line-height: 26px !important;
    font-weight: 400 !important;
    padding-right: 27%;
    margin-bottom: 0 !important;
}
#sec5 .post-header.featured {
    margin-bottom: 0 !important;
}
#sec5 .blog-recent .col:before {
    content: url(https://devue.onlinetestingserver.com/ana/wp-content/uploads/2025/11/Group-262.png);
    position: absolute;
    left: 1%;
    transform: scale(0.8);
    top: -2px;
}
#sec5 .blog-recent .col {
    margin-bottom: 30px;
    position: relative;
    padding-left: 12%;
}
#sec5 .post-header.small h5 {
    font-size: 14px;
    font-weight: 500;
}
/* footer */
.icon i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    line-height: 37px;
    font-size: 16px;
    color: white;
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.5);
    transition: 0.3s;
    margin-right: 5px;
}
/* Hover effect */
.icon i:hover {
    background: linear-gradient(135deg, #e5a63b, #d58b2c) !important;
    color: white;
}
#footer h2 {
    background-image: unset !important;
    color: #fff !important;
    font-size: 40px !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
    filter: unset !important;
}
.widget.widget_nav_menu ul li {
    list-style: none !important;
    margin-bottom: 3%;
}
.widget.widget_nav_menu ul {
    margin: unset !important;
}
#footer img {
    padding-top: 7%;
    padding-bottom: 4%;
}
#footer .ho {
    padding-left: 5%;
}
.home #footer {
    margin-top: -140px !important;
    z-index: 99;
    position: relative;
}
#sec5 {
    z-index: 8 !important;
    position: relative;
}
#footer input.tnp-email {
    background-image: linear-gradient(45deg, #E9B73B, #CF6420 90%);
    border-radius: 30px !important;
    border-bottom: unset !important;
    color: #fff !important;
}
#footer input.tnp-submit {
    float: right;
    width: 40%;
    margin-top: -43px;
    z-index: 99999 !important;
    position: relative;
    border-radius: 30px !important;
    border: 1px solid #000;
    right: 3px;
}
#footer .ho:before {
    content: url(https://devue.onlinetestingserver.com/ana/wp-content/uploads/2025/11/Group-140996.webp);
    position: absolute;
    bottom: -10%;
    left: -70px;
}
#footer .ho:after {
    content: url(https://devue.onlinetestingserver.com/ana/wp-content/uploads/2025/11/Group-140995.webp);
    position: absolute;
    top: 60%;
    right: 20px;
    visibility: visible;
    transform: scale(0.8);
}
#footer .hoo:before {
    content: url(https://devue.onlinetestingserver.com/ana/wp-content/uploads/2025/11/Group-140997.png);
    position: absolute;
    bottom: 30%;
    left: 60%;
}
#footer .hoo:after {
    content: url(https://devue.onlinetestingserver.com/ana/wp-content/uploads/2025/11/HOME-4-BANNER-ICON-01-copy-3.webp);
    position: absolute;
    top: -10%;
    right: -140%;
    visibility: visible;
    transform: scale(0.8);
}
#footer .tnp-form:before {
    content: url(https://devue.onlinetestingserver.com/ana/wp-content/uploads/2025/11/Vector-1.webp) !important;
    position: absolute;
    visibility: visible;
    opacity: 1;
    top: 60%;
    right: -20px;
    z-index: -1 !important;
    transform: scale(0.9);
}


@media (max-width: 1440px) {
#sec3 .pp:after {
    left: -22%;
    top: -30%;
    transform: scale(0.7);
}
#sec3 .pp:before {
    left: -25%;
    top: 15%;
    transform: scale(0.6);
}	
div#sec3 .ho:before {
    right: -15%;
    top: 5%;
    transform: scale(0.7);
}
div#sec3 .ho:after {
    left: -113%;
}	
#footer .hoo:after {
    right: -120%;
}	
}
@media (max-width: 1366px) {}
@media (max-width: 1280px) {
    div#sec3 .ho:before {
        right: -19%;
        top: -1%;
        transform: scale(0.5);
    }
    #sec3 .pp:before {
        left: -27%;
        top: 15%;
        transform: scale(0.5);
    }	
}
@media (max-width: 1024px) {
#sec3 .pp:after, #sec3 .pp:before, div#sec3 .ho:before, div#sec3 .ho:after, #footer .hoo:after,#sec1 .pp:before, #sec4 .pp:before,#footer .ho:before,#footer .ho:after,#footer .hoo:before,#sec1 .pp:after,#banner .pp:before,#banner .pp:after,#footer .tnp-form:before {
     display:none !important;
}
		
}
@media (max-width: 820px) {}
@media (max-width: 768px) {}
@media (max-width: 480px) {
	header#top {
    border-bottom: 0px solid #ffffffc2;
}
#banner h1, h2 {
    font-size: 50px;
    line-height: 50px;
}	
div#banner {
    padding-top: 30px !important;
}
	
div#sec1 {
    padding-top: 50px !important;
}
div#sec5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
#footer {
    margin-top: 0 !important;
    z-index: 99;
    position: relative;
    padding-top: 40px !important;
}
#footer .row-bg.viewport-desktop.using-image {
    background-image: unset !important;
    background-color: #513b8b;
}
#footer .ho {
    padding-left: 0%;
}
#footer img {
    padding-top: 0%;
}
#sec5 .post-header h3 {
    padding-right: 0%;
}
#sec5 .post-header.small {
    width: 100%;
}
#sec5 .blog-recent .col:before {
    left: -4%;
}
    #sec2 a.button.product_type_simple {
        top: 104% !important;
    }
#sec2 li.classic {
    background-image: unset !important;
    background-color: #fff;
    padding-bottom: 60px;
	width: 100%;
	        margin-right: 0 !important;
}	
#sec2 .woocommerce .product-wrap .product-add-to-cart a i {
    top: 0px !important;
}	
li.classic .product-wrap {
    padding: 19px 10% 0px !important;
    width: 100%;
}
#sec2 h2.woocommerce-loop-product__title {
    margin-top: 0px;
}	
	#sec2 span.price {
    padding-bottom: 0;
}
	    #sec2 li.classic.product.type-product.post-152 a.button.product_type_simple {
        top: 110% !important;
    }
}
@media (max-width: 428px) {}
@media (max-width: 414px) {}
@media (max-width: 390px) {}
@media (max-width: 375px) {}
@media (max-width: 360px) {}