/*
Theme Name: Vietcoder Theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.18.6
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');

:root {
	--color-primary: 0, 167, 89;
	--color-secondary: 255, 0, 0;
	--color-tertiary: 42, 149, 191;
	--color-text-title: 0, 0, 0;
	
	--ff-handwrite: "Dancing Script", serif;
}

/* Ux - Button ------ */
#wrapper .button.btn {
    --btn-shadown: unset;
	--btn-shadown-hover: inset 0 0 300px rgb(0, 0, 0, 22%);
    --btn-bg: rgb(var(--color-primary));
    --btn-bg-hover: rgb(var(--color-primary));
    --btn-color: rgb(var(--bg));
    --btn-color-hover: rgb(var(--bg));
    --btn-border: unset;
	--btn-border-hover: unset;
}

#wrapper .button.btn.tertiary {
    --btn-shadown: unset;
	--btn-shadown-hover: inset 0 0 300px rgb(0, 0, 0, 22%);
    --btn-bg: rgb(var(--color-tertiary));
    --btn-bg-hover: rgb(var(--color-tertiary));
    --btn-color: rgb(var(--bg));
    --btn-color-hover: rgb(var(--bg));
    --btn-border: unset;
	--btn-border-hover: unset;
}

#wrapper .button.btn:not(.is-link, .is-underline) {
    font-size: 14px;
    min-height: unset;
    line-height: 1.2;
    padding: 14px 30px;
    font-weight: 500;
    letter-spacing: 0;
}


/* Header - main -------- */
.header-main {
	--color-menu: rgb(var(--color-text-title));
    --color-menu-hover: rgb(var(--color-primary));
}

.header-main .menu-item > a {
    letter-spacing: 0;
    font-size: 15px;
	font-weight: 400;
}

.nav-icon .qodef-m-lines {
    width: 32px;
    height: 21px;
}

.nav-icon .qodef-m-line {
    height: 2px;
}



/* Custom nav dropdown ---- */
#header .nav-dropdown .header-search-form {
	padding: 0;
}

#header .sub-menu,
#header .nav-dropdown {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	padding:  0;
	min-width: 260px;
	background-color: rgb(var(--bg));
	box-shadow: 0 0 20px rgb(var(--bg-opposite),0.08);
}

header .nav .nav-dropdown li {
  width: 100%;
  margin: 0;
  border: 0;
  padding: 0;
  position: relative;
  transition: 300ms all;
}

header .nav .nav-dropdown li+li {
  border-top: 1px solid rgb(var(--color-border-1),0.1);
}

#header .sub-menu>li>a,
#header .nav-dropdown>li>a {
  padding: 11px 18px;
  margin: 0;
  border: 0px;
  text-transform: capitalize;
  color: rgb(var(--color-text-title),var(--opacity-text-sub));
  font-size: 14px;
  font-weight: 500;
  position: relative;
}

#header .sub-menu>li>a:hover,
#header .nav-dropdown>li>a:hover {
  color: rgb(var(--color-primary));
}

header .menu-item-design-default .nav-dropdown-col>a:after {
  content: '\e5e1';
  font-family: var(--ff-material-round);
  float: right;
  margin-left: 5px;
  font-size: 1em;
  line-height: 1;
  vertical-align: text-top;
  transform: translateY(2px);
  display: inline-block;
	transition: 300ms all;
}

header .menu-item-design-default .nav-dropdown-col:hover>a:after {
  transform: translatex(10px) translateY(2px);
}

header .menu-item-design-default .sub-menu .sub-menu {
  position: absolute;
  left: 80%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 300ms all;
}


header .menu-item-design-default .sub-menu li:hover>.sub-menu {
	left: 100%;
	opacity: 1;
	visibility: visible;
} 


/* Menu - Level */
.off-canvas-left .mfp-content {
    --background: rgb(var(--bg));
    --on-background: rgb(var(--color-text-title));
    --color-border: rgb(var(--color-border-1),0.1);
}

.mfp-content .nav.nav-sidebar li {
	padding: 10px 20px;
	position: relative;
}

.mfp-content .nav.nav-sidebar .menu-item:hover {
	background-color: transparent!important;
}

.mfp-content .nav.nav-sidebar .menu-item > a {
    color: var(--on-background)!important;
    font-size: 15px!important;
    font-weight: 500!important;
    text-transform: capitalize!important;
    transition: 300ms all!important;
	opacity: 1!important;
	padding:  0px !important;
}

.mfp-content .menu-item.active > a {
  font-weight: 500;
	color: rgb(var(--color-primary));
}

.mfp-content .children a {
  text-transform: uppercase;
}

.mfp-content .children li {
  padding-left: 0;
}

.mfp-content .toggle {
	color: var(--on-background);
    min-height: unset;
    line-height: 1;
    margin: 0;
    border: 0;
    min-width: unset;
    width: 30px;
}

.mfp-content .toggle i {
	line-height: 1;
	font-size: 18px;
}

.mfp-content .nav-sidebar li+li {
	border-top: 0px!important
}

.mfp-content .nav-sidebar li+li:before {
	content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    top: 0;
    height: 1px;
    background: var(--color-border);
}


.mfp-content .aside-logo   {
	padding-left: 0!important;
}

.mfp-content .aside-logo  img {
    width: 60%;
    margin: 30px auto 10px;
    height: 60px;
    display: block;
    object-fit: contain;
}

.mfp-content .nav-slide-header  {
    margin-bottom: 5px!important;	
}

.mfp-content .nav-slide-header  button.toggle {
    color: var(--on-background);
    opacity: 1;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0;
    width: unset;
	padding: 0;
} 


/*  Home - Hero -----*/
.home-hero .col h2  {
	margin: 0;
    font-family: var(--ff-handwrite);
    font-size: 3.8rem;
    font-weight: 300;
    line-height: 1.2;
}


/* Home - Title ------- */
.home-title h2 {
	font-size: var(--size-6);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 12px;	
}

.home-title h3 {
	font-size: var(--size-5);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 12px;	
}

.home-title p {
	font-size: var(--size-2);
    line-height: 1.4;
}


/* Home - Quality ---- */
.home-quality .icon-box {
	box-shadow: 0 0 20px rgb(var(--bg-opposite), 0.06);
    padding: 40px 30px;
    border-radius: var(--radius-2);
    border: 1px solid rgb(var(--color-border-1), 0.05);
    min-height: 100%;
    font-size: 14px;
}

.home-quality .icon-box p strong {
	font-weight: 500;
}


/* Home - Addreditation ---- */
.home-accreditation .el-logos .box-text {
	padding: 10px 5px 0;
    font-size: 14px;
    line-height: 1.4;	
}


.home-accreditation .el-logos img {
	height: 90px;
    width: 100%;
    object-fit: contain;
    object-position: center;
}

.home-accreditation .el-certis .box {
    background: rgb(var(--bg));
    padding: 10px;	
}

.home-accreditation .el-certis .box-text {
	padding: 10px 0 0;
    font-weight: 600;
    font-size: var(--size-2);
    line-height: 1.4;
}


/* Home - About ----- */
.home-about .icon-box .icon-box-img {
	width: 34px!important;
	margin-bottom: 16px;
}

.home-about .icon-box {
	font-size: var(--size-small);
    line-height: 1.4;
}

.home-about .icon-box h3 {
  font-size: var(--size-5);
	font-weight: 600; 
    line-height: 1.2;
    margin-bottom: 8px;
}

.home-about .icon-box h4 {
	font-size: var(--size-3);
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 8px;
}



/* Findding - Title ----- */
.finding-title h2 {
	background-color: rgb(var(--color-tertiary), 10%);
    color: rgb(var(--color-tertiary));
    font-size: var(--size-5);
    padding: 4px 14px;
    margin-bottom: 14px;
    font-weight: 600;
}

.gallery-partners-default .box-text {
	display: none;
}

.gallery-partners-default .box-image img {
	object-fit: contain;
    padding: 10px;
    border: 1px solid rgb(var(--color-border-1), 10%);	
}

.slider .flickity-page-dots .dot {
    height: 7px;
    width: 7px;
	margin: 0 4px 8px;
}


/* Contact - Info ------ */
.contact-info {
	font-size: 14px;
}

.contact-info h2 {
	color: rgb(var(--color-tertiary));
    font-weight: 600;
    font-size: var(--size-2);
    margin-bottom: 14px;
    line-height: 1.3;	
}

.contact-info .icon-inner {
	color: rgb(var(--color-tertiary))!important;
}

.contact-info .icon-box {
	align-items: center;
}

.contact-info .icon-box-img {
	width: 16px!important;
}

.form-wrap .wpcf7-form-control {
	height: 45px;
    font-size: 16px;
    border-radius: var(--radius-1);
    box-shadow: none;
    padding: 5px 14px;
    transition: 200ms all;	
	border: 1px solid rgb(var(--color-border-1),0.15);
}

.form-wrap .wpcf7-form-control:hover,
.form-wrap .wpcf7-form-control:focus {
	border-color: rgb(var(--color-border-1));	
	box-shadow: unset;
    background-color: transparent;
}

.form-wrap .wpcf7-submit {
	background-color: rgb(var(--bg-opposite));
    color: rgb(var(--bg));
    font-size: 16px;
    font-weight: 500;
    text-transform: unset;
    letter-spacing: 0;
    height: unset;
    margin: 0;
    min-height: unset;
    line-height: 1.4;
    padding: 8px 30px;	
}

.form-wrap .wpcf7-submit:hover {
	background-color: rgb(var(--color-primary));
}


/* Archive Post ----- */
.archive-post-title {
    color: rgb(var(--color-text-title));
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;	
}

.archive-post-title a {
    color: currentColor;
    transition: 200ms;
}

.archive-post-title a:hover {
    color: rgb(var(--color-primary));	
}

.blog-archive.page-wrapper {
	padding-top: 0;
}

.blog-archive.page-wrapper .archive-post-title {
	margin-bottom: 40px;
}

.box-blog-post.box {
	border: 1px solid rgb(var(--color-border-1), 10%);
    background: rgb(var(--bg));
}

.box-blog-post.box .is-divider {
	display: none;
}

.box-blog-post .post-title {
    margin-bottom: 10px;
}

.box-blog-post .post-title a {
    -webkit-line-clamp: 2;
	line-height: 1.4;
    font-weight: 500;
    font-size: 1rem;
    color: rgb(var(--color-primary));
}

.box-blog-post .post-title a:hover {
    color: rgb(var(--color-secondary));
}

.box-blog-post .post-meta {
    opacity: 1;
    font-size: var(--size-small-a);
}

.box-blog-post.box .box-text {
	padding: 18px 15px;
}

.box-blog-post .from_the_blog_excerpt {
    font-size: 1rem;
    line-height: 1.5;
    -webkit-line-clamp: 2;
	margin: 12px 0px 0; 
}


/* Single Post ----- */
.blog-single.page-wrapper {
	padding-top: 5px;
    background-color: rgb(var(--bg-opposite), 3%);
}

.blog-single.page-wrapper .article-inner {
    background: rgb(var(--bg));
    padding: 24px 20px;	
}

.blog-single.page-wrapper .archive-post-title + .row {
	margin-top: 5px;
}


.entry-header .entry-title {
    font-size: var(--size-4);
    font-weight: 500;
    color: rgb(var(--color-primary));
    line-height: 1.3;
    margin-bottom: 12px;
}

.entry-header .entry-meta {
    font-size: var(--size-small-a);
    text-transform: unset;
    letter-spacing: 0;
    color: rgb(var(--color-text-title), 0.7);
}

.entry-header .entry-category {
    margin-bottom: 12px;
    font-size: var(--size-small);
    line-height: 1.4;
    color: rgb(var(--color-text-title));
    font-weight: 400;
	letter-spacing: 0; 
}

.post footer.entry-meta {
	font-size: var(--size-small);
    font-weight: normal;
    color: rgb(var(--color-text-title));
    padding: 15px 0;
    border-bottom-width: 1px;
    margin-top: 20px;
}

/* Shop ---------- */
.post-type-archive-product #wrapper{
	background: rgb(var(--bg-opposite),3%);
}

.post-type-archive-product #main {
	background: transparent;
}

.category-page-title {
	font-size: 14px;
    color: rgb(var(--color-text-title));	
}

.woocommerce-page .orderby {
	border: 1px solid rgb(var(--color-border-1), 0.1);
    background-color: rgb(var(--bg));
    box-shadow: none;
    padding: 8px 12px;
    height: unset;	
}

body .breadcrumbs {
    font-size: 14px;
    color: rgb(var(--color-text-title));	
    font-weight: 400;	
}

body .breadcrumbs a {
    color: currentColor;
    opacity: 1;
    font-weight: 400;	
	transition: 200ms all;
}

body .breadcrumbs a:hover {
	color: rgb(var(--color-primary));
}

.category-page-title .shop-page-title  {
	font-size: var(--size-4);
    font-weight: 500;
    letter-spacing: 0;
    color: rgb(var(--color-primary));
    line-height: 1.3;
    margin-bottom: 10px;	
}

body .header-cart-icon:after {
	background-color: rgb(var(--color-alert))!important;
}

.product-small.box  {
	background: rgb(var(--bg));
    box-shadow: 0 0 5px rgb(var(--bg-opposite), 9%);
    padding: 5px;
    border-radius: var(--radius-sm);	
}

.product-small.box  img {
	background-color: #fbfbfb;
}

.product-small.box  .box-text {
	text-align: center;
    padding: 14px 5px 5px;
}

.product-small.box .name a {
    font-size: 14px;
    -webkit-line-clamp: 2;
    font-weight: 400;
    color: rgb(var(--color-text-title));
    line-height: 1.3;
}

.product-small.box span.woocommerce-Price-amount.amount bdi {
    font-size: 14px;
    font-weight: 600;
}

.product-small.box .name {
    margin: 0 0 5px;
}

.product-small.box .add-to-cart-button {
    position: relative;
    bottom: unset;
	margin-top: 12px;
}

.product-small.box .add_to_cart_button, 
.product-small.box .added_to_cart {
    color: rgb(var(--color-text-title));
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
	width: fit-content;
    margin: auto;
    border: 1px solid transparent;
    padding-left: 12px;
    transition: 200ms all;
    border-radius: 200px;
	display: flex;
    align-items: center;
}

.product-small.box .add_to_cart_button:hover, 
.product-small.box .added_to_cart:hover {
    border-color: rgb(var(--color-primary));
}

.product-small.box .add_to_cart_button:before , 
.product-small.box .added_to_cart:before {
	content: '\e54c';
    font-family: var(--ff-material-outline);
    font-size: 20px;
    font-weight: 300;
    display: inline-flex;
    background-color: rgb(var(--color-primary));
    color: rgb(var(--bg));
    line-height: 1;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	width: 30px;
    height: 30px;
    margin-left: 10px;
	order: 10;
}

.product-small.box .add_to_cart_button:after , 
.product-small.box .added_to_cart:after {
	border-color: rgb(var(--bg-opposite));
}

.product-small.box .added_to_cart:before {
	content: '\e86c';
}

.product-small.box .product_type_variable:before {
	content: '\e5d3';
}

.product-small.box .added_to_cart:after {
	display: none;
}

body .badge .badge-inner {
    font-size: 13px;
    padding: 4px 8px;
}

body .product-small .badge-container {
    margin: 0;
    top: 5px;
    left: 5px;
}


/* Single Product ----- */
.single-product-top {
	--cta-h: 40px;
    --label-min-w: 120px;
	
}

.single-product-top .el-wrap {
	background-color: rgb(var(--bg));
    padding: 15px;
    box-shadow: 0 0 12px rgb(var(--bg-opposite), 1%);	
}

.single-product-top .row .product-thumbnails {
	margin: 0;
}

.single-product-top .entry-title {
	font-weight: 500;
    line-height: 1.3;
    font-size: var(--size-4);
    margin: 7px 0 14px;
    color: rgb(var(--color-primary));	
}

.single-product-top .price-wrapper {
	background: rgb(var(--bg-opposite), 3%);
    padding: 15px 14px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: rgb(var(--color-text-title), var(--opacity-text-sub));
    border-radius: var(--radius-1);
    margin-bottom: 16px;
}

.single-product-top .price-wrapper .price {
	margin-bottom: 0;
}

.single-product-top .price-wrapper:before {
	content: 'Giá:';
	display: block;
    min-width: calc(var(--label-min-w) - 14px);
    padding-right: 14px;
}

.single-product-top span.woocommerce-Price-amount.amount bdi {
    font-size: var(--size-3);
	font-weight: 500;
}

.single-product-top .price del {
    font-size: var(--size-3);
}

.single-product-top .product-short-description {
    font-size: var(--size-small);
    margin-top: 20px;	
}

table.variations .label {
	padding-right: 20px;
    min-width: var(--label-min-w);
}

table.variations label {
    white-space: nowrap;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 600;
    color: rgb(var(--color-text-title), var(--opacity-text-sub));
}

.variations .reset_variations {
    bottom: unset;
    color: rgb(var(--color-alert));
    font-size: 12px;
    opacity: 1;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: -12px;
}

body .ux-swatches {
    --color-border: rgb(var(--color-border-1), 30%);
	--color-text: rgb(var(--color-text-title));
    --color-border-hover: rgb(var(--color-primary));
    --color-text-hover: rgb(var(--color-primary));
    --color-border-selected: rgb(var(--color-primary));
    --color-text-selected: rgb(var(--color-primary));
}

body .ux-swatches .ux-swatch {
    min-height: 30px;
    min-width: 60px;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.1;
    border-radius: var(--radius-sm);
}


.single-product-top .entry-content {
	padding-top: 0;
}

.single-product-top :is(.variations_button, .cart:not(.variations_form)){
	display: flex;
}

.single-product-top .ux-quantity {
    display: inline-flex;
    align-items: center;	
}

.single-product-top .ux-quantity:before {
	content: 'Số lượng:';
    font-size: 14px;
    font-weight: 600;
    color: rgb(var(--color-text-title), var(--opacity-text-sub));
    padding-right: 20px;
    min-width: var(--label-min-w);
}

.quantity input {
    height: var(--cta-h);
}

.quantity input:focus {
    box-shadow: unset;
}

body .single-product-top .single_add_to_cart_button {
	margin: 0;
    min-height: var(--cta-h);
    line-height: 1.2;
    border-radius: var(--radius-sm);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    padding: 5px 24px;
    background-color: rgb(var(--color-secondary)) !important;
}

.product_meta>span {
    padding: 12px 0;
    font-size: var(--size-small);
    font-weight: 500;
}

.single-product-top .el-section-title {
    font-size: var(--size-2);
    font-weight: 600;
    color: rgb(var(--color-primary));
    border-bottom: 2px solid rgb(var(--color-border-1), 5%);
    margin-bottom: 27px;
	
}

.single-product-top .el-section-title strong {
	font-weight: 600;
	display: block;
	position: relative;
    padding-bottom: 7px;
	width: fit-content;
}

.single-product-top .el-section-title strong:before {
	content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    background: rgb(var(--color-primary));
    bottom: -2px;
    left: 0;
}

.content-box-loadmore {
	position: relative;
	overflow: hidden;
}

.pt_content_btn_loadmore {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: 500;
    color: rgb(var(--color-primary));
    height: 100px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: linear-gradient(0deg, rgb(var(--bg)) 50%, transparent);
    padding-bottom: 7px;	
}

.pt_content_btn_loadmore .btn-loadmore {
	cursor: pointer;
}

.product-section .product-section-title, 
.product-section .col>h5 {
    font-size: var(--size-3);
    letter-spacing: 0px;
    margin-top: 0;
    position: relative;
    padding: 0;
    margin-bottom: 20px;
    text-transform: unset;
    font-weight: 600;
    color: rgb(var(--color-primary));
}













/* Footer - Info -------- */
footer .absolute-footer {
	display: none;
}

.footer-info {
	font-size: 14px;
}

.footer-info p {
	margin-bottom: 14px;
}

.footer-info h3 {
	font-size: 18px;
    line-height: 1.4;
    margin-bottom: 12px;	
}

.footer-info .icon-box {
	flex-wrap: nowrap;
}

.footer-info .icon-box-img {
	width: 15px !important;
}

.footer-info .icon-box .icon-box-text {
	padding-left: 8px;
}

.footer-info .row .col {
	padding-bottom: 24px;
}

.footer-info .col-inner > *:last-child {
	margin-bottom: 0px;
}

.single-blog_release h3 {
    font-size: var(--size-4);
    line-height: 1.3;
    margin-bottom: 18px;
    font-weight: 500;
    letter-spacing: 0;
    margin-top: 16px;
}


/* Ux - Tab nav to -------- */
.tab-link-to {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.tab-link-to .ux-menu-link {
	flex: 1;
}

.tab-link-to .ux-menu-link__link {
	justify-content: center;
    background-color: rgb(var(--color-tertiary), 12%);
    align-items: center;
    padding: 12px;
    font-size: 1rem;
	line-height: 1.3;
    font-weight: 500;
    color: rgb(var(--color-text-title));	
	min-height: 100%;
    text-align: center;
}

.tab-link-to .ux-menu-link__link:hover{
    background-color: rgb(var(--color-tertiary), 30%);	
}

.tab-link-to .active .ux-menu-link__link {
    color: rgb(var(--bg));
    background-color: rgb(var(--color-tertiary));	
}




















/* Responsive ---------------- */
@media only screen and (min-width: 1025px) and (max-width: 1600px) {}

@media only screen and (max-width: 1024px) {
	.single-product-top {
		--label-min-w: 96px;
	}
	body .single-product-top .single_add_to_cart_button {
		padding: 5px 12px;
	}
}

@media only screen and (max-width: 849px) {
	:root {
		font-size: 14px;
		
		--size-ratio: 1.15;
	}
	
	#wrapper .button.btn:not(.is-link, .is-underline) {
		padding: 14px 24px; 
	}
	
	.home-hero .col h2 {
		font-size: 2.5rem; 
	}
	
	.md-text-center {
		text-align: center;
	}
	
	.slider.slider-nav-simple .flickity-prev-next-button {
        display: block;
    }
	
	.home-quality .icon-box {
		padding: 30px 30px; 
	}

	.home-about .icon-box h4 {
		font-size: 14px;
	}
	.home-about .md-icon-center {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.home-about .md-icon-center .icon-box-text {
		padding: 0;
		text-align: center;
	}
	.home-about .icon-box h3 {
		font-size: var(--size-7); 
	}
	
	.box-blog-post.box .box-text {
		padding: 12px 8px;
	}
	.box-blog-post .from_the_blog_excerpt {
		font-size: var(--size-small); 
		margin: 6px 0 0;
	}
	.box-blog-post .post-meta {
		font-size: 11px;
	}
	
	.blog-single.page-wrapper .article-inner {
		padding: 18px 14px;
	}

	.category-page-title .medium-text-center {
		text-align: left!important;
	}
	.category-page-title .medium-text-center:has(.woocommerce-result-count) {
		display: flex;
		align-items: center;
	}
	.category-page-title .woocommerce-result-count {
		display: block!important;
		flex: 1;
		font-size: var(--size-small-a);
	}
	.woocommerce-page .orderby {
		width: 170px;
		margin: 0;
	}
	.post-type-archive-product .category-page-row {
		padding-top: 20px; 
	}
	
	.product-small.box .box-text {
		text-align: left;
	}
	.product-small.box .add-to-cart-button {
        margin-top: 0;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        padding: 0 6px;
        transform: translateY(calc(-100% - 10px));
    }
	.product-small.box .add_to_cart_button, 
	.product-small.box .added_to_cart {
		margin-right: 0;
		padding: 0;
		border: 0;
		font-size: 0;
	}
	.product-small.box .add_to_cart_button:before, 
	.product-small.box .added_to_cart:before {
		margin: 0;
		box-shadow: 0 0 10px rgb(var(--bg-opposite),10%);
		background-color: rgb(var(--bg));
        color: rgb(var(--color-primary));
	}
	

	
}


@media only screen and (max-width: 549px) {
	.single-product-top .el-wrap {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.tab-link-to .ux-menu-link__link {
		padding: 8px;
		font-size: 13px;
	}
}