/*
Theme Name: Lama by SalesGen
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.876111
*/
/* Light (Mỏng) */
@font-face {
    font-family: "SVN-Gotham";
    src: url("./fonts/SVN-Gotham-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

/* Regular (Bình thường) */
@font-face {
    font-family: "SVN-Gotham";
    src: url("./fonts/SVN-Gotham-Book.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

/* Book (Có thể đậm hoặc nhạt hơn Regular một chút tùy bộ font) */
@font-face {
    font-family: "SVN-Gotham";
    src: url("./fonts/SVN-Gotham-Book.ttf") format("truetype");
    font-weight: 500; 
    font-style: normal;
}

/* Bold (In đậm) */
@font-face {
    font-family: "SVN-Gotham";
    src: url("./fonts/SVN-Gotham-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

/* Black (Cực đậm) */
@font-face {
    font-family: "SVN-Gotham";
    src: url("./fonts/SVN-Gotham-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}
/*************** ADD CUSTOM CSS HERE.   ***************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 100%;
}
html {
  font-size: 14px;
}
body {
    font-size: 14px;
    color: white;
    line-height: 1.7;
    font-family: "SVN-Gotham";
}
.box-text {
    font-size: 1em;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    font-weight: bold;
    line-height: 24px;
}
.dark .price, .dark .price del, .dark span.amount {
	color: var(--fs-color-secondary);
}
h1, .h1 {
    font-size: 2.57143em;
}

h2, .h2 {
    font-size: 2em;
}

h3, .h3 {
    font-size: 1.71429em;
}

h4, .h4 {
    font-size: 1.28571em;
}

h5, .h5 {
    font-size: 1.14286em;
}

h6, .h6 {
    font-size: 1.14286em;
}

body {
    margin: 0;
    background-color: #fff;
    font-size: 14px;
    text-rendering: optimizeLegibility;
    line-height: 1.6rem;
    scroll-behavior: smooth;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.mfp-bg.mfp-ready {
    opacity: .9;
}
a, button, input {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
section h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
}
.small-spacing .col {
    padding: 0 1px;
}

.header-bottom-nav > li > a {
    font-size: 13px;
    letter-spacing: normal ;
    font-weight: 400;
}
.nav-line-bottom>li>a:before{
    width: 0;

}
a.plain {
    color: var(--fs-experimental-link-color);
}
.header-main .nav > li > a {
    line-height: 16px;
    font-weight: 400;
    font-size: 12px;
}
svg.meme-icon {
    transition: .35s cubic-bezier(.25, .1, .25, 1);
    width: 22px;
    height: 22px;
    color: var(--fs-experimental-link-color);
    line-height: 1;
    vertical-align: middle;
}
svg.meme-icon--account {
    width: 24px;
    height: 24px;
}
.woocommerce-ordering, .woocommerce-ordering select {    
    border-radius: 25px;
    padding: 0 20px;
    color: #000;
}
.collections .box-text{
	padding: 0;
}
.collections .box-text h4{
	font-size: 14px;
	font-weight: 600;
	line-height: 44px;
	display: block;
	transition: .35s cubic-bezier(.25, .1, .25, 1);
	margin: 0;
}
.collections .box-text h4:hover{
	color: #000!important;
	background: #FFFFFF;
}
.tab-panels {
    padding-top: 30px;
}
.products-tabs .nav .tab a{
	font-size: 14px;
    padding: 3px 25px;
    line-height: 24px;
    font-weight: 500;
    color: var(--fs-experimental-link-color);
    border: 1px solid var(--fs-experimental-link-color);
    transition: .35s cubic-bezier(.25, .1, .25, 1);
    margin: 0 10px;
}
.products-tabs .nav .tab a:hover, .products-tabs .nav .tab.active a{
	border-color: transparent;
}
video {
    width: 100%;
}

.product-title.woocommerce-loop-product__title a{
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 600;
	vertical-align: baseline;
	font-weight: 500;
	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.6em;
    line-height: 1.5;
}
.related-products-wrapper .product-title.woocommerce-loop-product__title a{
	color: #000;
}
.box .price span.amount {
    color: var(--fs-color-secondary);
    font-weight: 400;
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
}
.marquee {
  overflow: hidden;
  white-space: nowrap; /* Keeps content on a single line */
  box-sizing: border-box;
  /* Adjust size, padding, background as needed */
  padding: 10px 0;
}

.marquee .text{
	display: flex;
	animation-name: marquee-loop;
	animation-duration: 35s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	vertical-align: middle;
	width: max-content;
	white-space: nowrap;
	flex-wrap: nowrap;
	align-items: center;
}
.marquee img{
	height: auto;
	width: 170px;
}

/* Pause the animation on hover */
.marquee:hover .text {
  animation-play-state: paused;
}

/* Define the animation movement */
@keyframes marquee-loop {
  0% {
    transform: translateX(100%);
  }
  100% {
    /* Moves the content its full width to the left */
    transform: translateX(-100%);
  }
}

.products .col{
	padding: 0 15px 15px;
}
.benefits-container{
	margin: 20px 0;
}
.benefits-container ul,.benefits-container li{
	list-style: none;
}
.benefits-container li{
	padding-left: 24px;
	background-image: url('./images/pointing-right.png');
	background-repeat: no-repeat;
	background-position: center left;
	font-size: 14px;
	font-weight: 500;
	background-size: 18px;
}

.benefits-container li:first-child{
	background-image: url('./images/express-delivery.png');
	color: #bc0202;
}
.add-to-cart-container .quantity .minus, .add-to-cart-container .quantity .plus {
    padding-left: 14px;
    padding-right: 14px;
    background: transparent;
	color: #fff !important;
}
.quantity input[type=number] {
    border-left: none;
    border-right: none;
    background: transparent;
    height: 50px;
}
button.single_add_to_cart_button {
    font-size: 16px;
    color: #5c5c5c;
    line-height: 3rem;
    padding: 0px 25px;
	width: calc(100% - 130px);
    border-radius: 30px;
}
h1.product-title.product_title.entry-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 30px;
	color: var(--fs-color-secondary);
}
.price-wrapper span.amount {
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 20px;
}
.price-wrapper{
	margin-bottom: 20px;
	line-height:21px;
	font-size: 21px;
}
.accordion-title {
    font-size: 15px;
    font-weight: 700;
    padding-left: 0;
    border-bottom: 1px solid #ccc!important;
    border-top: none;
}
.accordion .accordion-title .toggle {
	left: auto;
	right: 0;
}
.accordion .accordion-title .toggle i {
	display: none;
}
.accordion .accordion-title .toggle:after{
	content: "+";
	font-size: 20px;
    font-weight: 400;
    color: #000;
}
.accordion .accordion-title.active{
	background: transparent;
	border-bottom: 1px solid #ccc!important;
	border-top: none!important;
}
.accordion .accordion-title.active .toggle:after{
	content: "-";
}
.accordion-inner{
	font-size: 14px;
	color: #333;
	padding: 1em 0;
}
.product-page-acc p{
	font-size: 14px;
	color: #333;
}

.ks-table td.ks-table-col-hover:not(.ks-hidden-cell):not(.kiwi-cross-table-header) {
    background-color: #fff5ec!important
}

.ks-table tr td.ks-table-header-cell:first-child {
    font-weight: 700!important;
    font-style: normal;
    text-transform: uppercase
}

.ks-table tr:first-child td.ks-table-header-cell {
    font-weight: 700!important;
    background-color: #f7d9c4!important;
    color: #000;
    font-style: normal;
    text-transform: uppercase
}

.ks-table .ks-table-cell.ks-table-header-cell {
    white-space: normal;
    font-family: inherit!important
}

.ks-table .ks-table-cell {
    text-align: center;
    white-space: nowrap;
    font-family: inherit!important
}

@media (max-width: 768px) {
    .ks-table .ks-table-cell {
        font-size:12px;
        padding-top: 2px!important;
        padding-bottom: 2px!important;
        padding-left: 6px!important;
        padding-right: 6px!important
    }
}

.t4s-pr-mess_trust {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.t4s-pr_trust_seal img.t4s-img-tr__svg {
    padding: 2.5px;
    height: 30px;
}
#t4s-trust{
	margin: 20px 0;
}

.m-payment-icons--list {
	column-gap: 6px;
    row-gap: 10px;
    margin-bottom: -6px !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	    margin: 20px 0!important;
}
.m-payment-icons--list li {
    list-style: none;
    margin: 0px !important;
}
.nav.product-tabs a{
	border-width: 1px;
	padding: 0 25px;
	font-size: 14px!important;
	text-transform: capitalize;
	font-weight: 600;
	line-height: 38px;
    color: #000;

}

.woocommerce-tabs .entry-content {
    font-size: 15px;
}
.woocommerce-tabs .entry-content p{
	font-size: 15px;
	margin-bottom: 20px;
}
.widget .is-divider{
	display: none;
}
.widget ul.menu>li+li {
    border-top: none!important;
    margin-top:10px;
}
.widget ul.menu>li a {
	font-size: 12px;
	font-weight: 300;
	line-height: 1.8em;
    display: block;
    padding: 0;
}
.widget ul.menu>li a:hover {
	color: #f5f5f5;
}
span.widget-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 25px;
    display: block;
	letter-spacing: 0.5px;
}
body .footer {
    padding: 70px 0 0;
}
.box-text-products {
    padding-top: 13px;
    padding-left: 10px;
    padding-right: 10px;
}
.product-small.box .hover-zoom {
    transform: scale(1) translateZ(0)!important;
    -webkit-transition: opacity .5s, -webkit-transform 2s cubic-bezier(0, 0, .44, 1.18);
    transition: opacity .5s, transform 2s cubic-bezier(0, 0, .44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, .44, 1.18);
}
.product-small.col.has-hover:hover .hover-zoom {	
    transform: scale(1.1) translateZ(0)!important;
}
.box-image>div>a {
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 0;
}
.shop-page-title-top{
    background: #000;
    padding: 18px 0;
    text-align: center;
}
.shop-page-title-top *{
    color: #fff;
}

.shop-page-title-top h1{
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.shop-page-title-top p{
    font-weight: 200;
    font-size: 13px;
    line-height: 20px;
}

.gray-box{
    background: #282828;
    padding: 13px 15px 16px;
    border-radius: 6px;
    margin-bottom: 15px;
}

.list-items ul{
    margin-bottom: 0!important;
    margin-top: 8px;
}
.list-items li{
    font-size: 13px;
    color: #f5f5f5;
    padding-left: 29px;
    margin-left: 0 !important;
    background: url(./images/icon-tick.png) no-repeat left;
    list-style: none;
    background-size: 20px;
}
.list-items li+li{
    margin-top: 12px;
}

.marquee {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  --marquee-translateto: 0%;
  --marquee-translatefrom: -100%;
  --marquee-delay: 15s;
    align-items: center;
}

.marquee p{
    animation: marquee var(--marquee-delay, 15s) infinite linear;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 12px;
    padding-right: 30px;
    margin-right: 20px;
}
.marquee:hover p{
    animation-play-state: paused;

}
.marquee:not(.no-dots) p:after{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ffffff;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-3px);
}

@-webkit-keyframes marquee {
  0% {
    transform: translateX(var(--marquee-translateto));
  }
  100% {
    transform: translateX(var(--marquee-translatefrom));
  }
}
@keyframes marquee {
  0% {
    transform: translateX(var(--marquee-translateto));
  }
  100% {
    transform: translateX(var(--marquee-translatefrom));
  }
}
.header-top {
    background-color: #000000 !important;
    color: #fff;
}

.header.sticky-jump.transparent svg.meme-icon{
    color: #fff;
}
.header-top {
    background-color: #000000 !important;
    color: #fff;
}

.header.sticky-jump.transparent svg.meme-icon{
    color: #fff;
}

.header.sticky-jump.transparent .social-icons.follow-icons a i{
    color: #fff;
}

.footer-secondary {
    padding: 0;
}
#footer .row, body #footer .container {
    max-width: 1400px;
}
body .sg-sc-fbt-section.layout-2 .rec-img-placeholder {
    width: 100px;
    height: auto;
	line-height: 0;
}
.product-thumbnails a{
	line-height:0
}

#top-bar .flex-row{
	overflow: hidden;
	display: block;
}

.price.product-page-price.price-on-sale ins:after {
    content: var(--percent-price-saved);
    display: inline-block;
    position: absolute;
    top: 0;
    margin: 0 0 0 10px;
    padding: 7px 10px;
    white-space: nowrap;
    top: 50%;
    transform: translateY(-10px);
    font-size: 12px;
    border-radius: 4px;
    background: #353535;
    color: #fff;
    text-transform: uppercase;
	letter-spacing: 1px;
}
ins{
position: relative;
}
.footer-text img {
    width: 40px;
}
.flickity-slider a {
    line-height: 0;
    display: inline-block;
}
.woocommerce-product-gallery__image.slide{
	line-height:0;
}

.shadow-text{
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.button.secondary{
    color: #5c5c5c;
}
.button, button, input[type=button], input[type=reset], input[type=submit]{
    font-weight: 400;
}
.related-products-wrapper .flickity-prev-next-button{
	width: 1px!important;
}

.related-products-wrapper .flickity-prev-next-button{
	opacity: 0;
}
.related-products-wrapper:hover .flickity-prev-next-button{
	opacity: 1!important
}
.related-products-wrapper .flickity-prev-next-button, .related-products-wrapper .flickity-prev-next-button:hover {
    background-color: #ffffff00;
    box-shadow: 0 0px 15px 20px rgba(0,0,0,.5);
    height: 100%;
    top: 0;
    bottom: 0;
}

.related-products-wrapper.light .flickity-prev-next-button, .related-products-wrapper.light .flickity-prev-next-button:hover {
	box-shadow: 0 0px 15px 20px rgba(242, 223, 223, .7);
}

.related-products-wrapper .product-small.box {
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}
.related-products-wrapper>.row, .related-products-wrapper>.col-inner>.row{
	max-width: none!important;
}
.product-section {
    border-top: none!important;
}

.products-box-list{
	padding: 30px;
}

.tnp-field label {
    display: none;
}
.tnp-field.tnp-field-email {
    width: calc(100% - 90px);
    display: inline-block;
    border: none
}
.tnp-field.tnp-field-button {
    display: inline-block;
}
.tnp-field input[type="submit"] {
    position: inherit;
    font-size: 11px;
    height: 32px;
    margin: 0;
    line-height: 1;
}
.tnp-email {
    line-height: 32px !important;
    height: 32px !important;
    padding: 0 .7em !important;
    display: inline-block !important;
    box-shadow: none !important;
        font-size: 12px!important;
}
.textwidget p {
    font-size: 11px;
}
.textwidget p a{
	text-decoration: underline;
}
.payment-icons-checkout img {
    height: 30px !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	h1.product-title.product_title.entry-title {
	    font-size: 22px;
	}
	.price-wrapper span.amount {
    	font-size: 23px;
	}
	.sg-floating-cart {
    bottom: 36px;
	}
	.products-box-list{
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (min-width: 850px) {

    .vertical-thumbnails .col {
        padding: 0 0 10px !important;
	}
	.vertical-thumbnails{
	  overflow: auto; /* Ensures content can still scroll if it overflows */

	  /* For Internet Explorer and Edge */
	  -ms-overflow-style: none;

	  /* For Firefox */
	  scrollbar-width: none;
		        padding-right: 0 !important;
	}

	/* For Chrome, Safari, and Opera */
	.vertical-thumbnails::-webkit-scrollbar {
	  display: none;
	}
}