/*
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
*/
div#header-secondary-outer .socliy ul li i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    border-radius: 50%;
    color: #333333;
    transition: .9s;
}
div#header-secondary-outer .socliy ul li {
    display: inline-block;
    margin: 0px 3px !important;
}
div#header-secondary-outer .socliy ul li:hover i {
    background: #C4A35A;
    color: #111111;
}
/* =================================== */
header#top .icon-salient-m-user:before {
    content: "\f007";
    font-family: 'FontAwesome';
}
header#top .icon-salient-cart:before {
    content: "\f290";
    font-family: 'FontAwesome';
}


a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after {
    margin-top: 30px;
    width: 60px;
    height: 52px !important;
    line-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #c1a25e !important;
    color: #fff !important;
    position: relative;
    left: 10px;
    border-radius: 5px;
}
.tinvwl-woocommerce_after_shop_loop_item > a {
    display: none !important;
}
.custom-price-note {
    font-size: 16px;
    color: #ffffff;
    margin: 2px 0;
    line-height: 1.3;
}

.custom-before-price {
    margin-top: 20px !important;
    padding-bottom: 0px;
}

.custom-after-price {
    margin-top: -4px; 
    font-size: 13px;
    color: #ffffff9e;
	margin-top: -30px;
}

/* ======================================== */
div#necter-slider span.necter-font {
    font-size: 15px;
    line-height: 25px;
    color: #C4A35A;
    font-family: 'Nunito';
    text-transform: uppercase;
    letter-spacing: 3px;
}
div#necter-slider .buttons {
    padding-top: 10px !important;
}
div#necter-slider a.primary-color {
    color: #2A1D15;
    padding: 16px 30px !important;
    border-radius: 30px !important;
}
/* =============================== */
div#catergory {
    padding: 50px 50px !important;
    margin-bottom: 0px !important;
}
div#catergory-inner {
    margin: 0px 10px;
}
div#catergory button.owl-prev:before {
    content: "\f060";
}
div#catergory button.owl-next:before {
	    content: "\f061";
}
div#catergory button.owl-next:before, div#catergory button.owl-prev:before {
    font-family: 'FontAwesome';
    font-size: 17px;
    box-shadow: unset !important;
    border-radius: 50%;
    color: #fff;
    width: 40px;
    height: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 40px;
    background: #fff0;
    transition: .9s;
	border:1px solid #fff;
}
div#catergory button.owl-next:hover:before, div#catergory button.owl-prev:hover:before {
	background: #C4A35A;
	color:#111 !important;
	border-color:#C4A35A !important;
}
div#catergory .owl-nav.disabled {
    display: block;
}
div#catergory button.owl-next, div#catergory button.owl-prev {
    background: transparent;
    font-size: 0;
    border: 0px;
}
div#catergory-inner .wpb_text_column {
    margin: 15px 0px 0px 0px !important;
}
.owl-stage {
    padding: 10px 0px !important;
}
/* ====================================== */
div#banner {
    padding: 70px 0px !important;
	    margin-bottom: 0px !important;
}
div#banner-inner {
    background: #000000c7;
    padding: 70px 50px !important;
    outline: 2px solid #fff;
    outline-offset: -20px;
}
div#banner-inner a#btn {
    background: #fff0 !important;
    border: 1px solid #fff !important;
    border-radius: 30px !important;
    color: #fff !important;
}
/* ============================== */
div#gallery {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#gallery-inner .gallery-text {
    background-image: url(https://bbeyondthegrainllc.com/wp-content/uploads/2026/07/Rectangle-45422.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    padding: 30px 20px !important;
    width: 100%;
    height: 100%;
}
div#gallery-inner .gallery-text h5 {
    margin-top: 15px;
    margin-bottom: 20px !important;
}
div#gallery-inner .gallery-text h5 a {
    border: 1px solid #fff;
    opacity: 1;
    padding: 14px 30px !important;
    border-radius: 30px;
}
/* ===================================== */
div#banner-one {
    padding: 100px 0px !important;
    margin-bottom: 0px !important;
}
div#banner-one a#btn {
    color: #2A1D15;
    padding: 16px 30px !important;
    border-radius: 30px !important;
}
/* ============================= */
a#btn {
    border-radius: 30px !important;
    color: #2A1D15 !important;
}
/* ============================== */
div#story {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
/* ============================ */
div#new-arrival {
    padding: 30px 50px !important;
}
div#new-arrival-inner .gallery-text {
    background-image: url(https://bbeyondthegrainllc.com/wp-content/uploads/2026/07/Rectangle-45422.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    padding: 30px 20px !important;
    width: 100%;
    height: 100%;
}
div#new-arrival-inner .gallery-text h5 {
    margin-top: 15px;
    margin-bottom: 20px !important;
}
div#new-arrival-inner .gallery-text h5 a {
    border: 1px solid #fff;
    opacity: 1;
    padding: 14px 30px !important;
    border-radius: 30px;
}
/* =============================== */
div#footer-widgets .row {
    padding: 30px 0px !important;
    border-bottom: 1px solid #ffffff29;
}
div#nav_menu-3 {
    margin: 0 auto;
    display: table;
}
div#nav_menu-4 {
    float: right;
}
div#footer-widgets ul#menu-contact-info li a ruby {
    display: block;
    color: #C4A35A;
    font-family: "DM Sans";
    margin-bottom: 10px;
}
div#footer-widgets ul li a {
    font-size: 16px;
}
/* =========================== */
div#copyright {
    padding: 20px 0px !important;
}
div#copyright .col.span_5 {
    max-width: 100% !important;
}
div#media_image-2 {
    float: right;
}
div#text-2 {
    float: left;
    position: relative;
    top: 5px;
}
label.wpforms-field-label {}

.custom-form form label {
    font-family: Fraunces;
    color: #fff !important;
    font-weight: 200 !important;
}
.custom-form form input {
    background: transparent !important;
    border: solid 1px #ffffff54 !important;
    color: #fff !important;
}
.custom-form form input {
    background: transparent !important;
    border: solid 1px #ffffff54 !important;
    color: #fff !important;
}
.custom-form form select {
    background: transparent !important;
    border: solid 1px #ffffff54 !important;
    color: #fff !important;
}
.custom-form form textarea {
    background: transparent !important;
    border: solid 1px #ffffff54 !important;
    color: #fff !important;
}

.custom-form form .wpforms-uploader {
    background: transparent !important;
    border: solid 1px #ffffff54 !important;
    color: #fff !important;
}
.custom-form form .wpforms-uploader span {
color: #fff !important;
}
.custom-form form .wpforms-uploader svg {
color: #fff !important;
    opacity: 1 !important;
}

.custom-form form button {
        background: #fff0 !important;
    border: 1px solid #ffffff54 !important;
    color: #fff !important;
	padding: 14px 30px;
}
.custom-form form button:hover {

    border: 1px solid #c1a25e !important;

}
.custom-form form input::placeholder {
    color: #ffffff !important;
}
.custom-form form select::placeholder {
    color: #ffffff5c !important;
}
.custom-form form textarea::placeholder {
 color: #ffffff !important;
}
#nectar-slider-instance-1 > div > div.swiper-wrapper.no-transform > div > div.container > div > div > div.button.transparent > a {
    color: #fff;
}
.custom-form form legend {
    font-family: Fraunces;
    color: #fff !important;
    font-weight: 200 !important;
}
.custom-form form .wpforms-submit-container {justify-self: anchor-center;display: grid;}

@media (max-width: 1600px){}
@media (max-width: 1440px){}
@media (max-width: 1366px){}
@media (max-width: 1326px){}
@media (max-width: 1280px){}
@media (max-width: 1080px){
	#slide-out-widget-area  ul:nth-child(2) > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-71 {
    display: none !important;
}
	div#banner-one p br {
    display: none;
}
}
@media (max-width: 912px){
	#slide-out-widget-area  ul:nth-child(2) > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-71 {
    display: inherit !important;
}
	
#top .container {
    padding-block: 10px;
}
	

div#catergory .owl-dots {
    display: none;
}
	
div#gallery .vc_col-sm-6 {
    width: 50%;
    margin-bottom: -10px;
}
div#story-inner .row_col_wrap_12_inner {
    flex-direction: column-reverse;
}

#footer-widgets .container .col {
    width: 32%;
}
}
@media (max-width: 800px){}
@media (max-width: 768px){}
@media (max-width: 480px){
	.products li.classic.product {
    width: 100% !important;
    margin: 10px auto !important;
}
body #slide-out-widget-area .secondary-header-text {
    display: none !important;
}
	div#necter-slider span.necter-font {
    font-size: 11px;
}


.nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 {
    font-size: 22px !important;
}

div#gallery .vc_col-sm-6 {
    width: 100%;
    margin-bottom: 0px;
}

#footer-widgets .container .col {
    width: 50%;
}

#footer-widgets .container .col div {
    float: left !important;
}

div#new-arrival {
    padding: 30px !important;
}
div#media_image-2 {
    float: none;
}

div#text-2 {
    float: none;
    top: -5px;
    margin-bottom: 10px !important;
}
	li#tab-title-description {
    width: 48% !important;
}

li#tab-title-reviews {
    width: 48% !important;
}
}
@media (max-width: 428px){}
@media (max-width: 414px){}
@media (max-width: 390px){
	div#necter-slider span.necter-font {
    font-size: 8px;
}

.nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 {
    font-size: 16px !important;
}

div#necter-slider a.primary-color {
    padding: 15px 17px !important;
}

div#catergory {
    padding: 20px !important;
}


div#banner-inner {
    padding: 60px 30px !important;
}

body .widget h4, body #footer-outer .widget h4 {
    font-size: 20px !important;
}
}
@media (max-width: 375px){
	body #top #logo img {
    height: 11px !important;
}

#header-outer #top .mobile-user-account, #top #mobile-cart-link, #top .mobile-search, #top .span_9>.slide-out-widget-area-toggle {
    padding: 0 5px;
}

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