/*
Theme Name: Retailored
Description: Custom WordPress theme designed to manage orders, stock, and company data efficiently.
Author: UX Themes
Template: flatsome
Version: 4.0.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.mt-10 {
	margin-top: 10px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-50 {
	margin-top: 50px;
}


.img-fit img {
	width: auto!important;
	object-fit: cover;
}

.header-main {
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
	border-top: solid 1px #F4AA03;
}

.header-main .hide-for-medium.flex-right {
	flex: 1;
}


.header-button-cta {
	min-width: 170px;
	text-align: center;
	background-color: var(--fs-color-secondary);
	  height: 42px;
    display: flex!important;
    justify-content: center;
    align-items: center;
}

.header-search-form-wrapper .search-field {
	height: 42px;
	border-radius: 6px 0 0 6px;
	margin-left: 20px;
}

.header-search-form-wrapper .ux-search-submit {
	height: 42px;
	border-radius: 0 6px 6px 0;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
}

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #1d242c;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
}

.hover-underline-animation.underline-animation-left::after {
  transform-origin: bottom right;
}

.hover-underline-animation.underline-animation-left:hover::after {
  transform-origin: bottom left;
}

.hover-underline-animation.underline-animation-center::after {
  transform-origin: bottom center;
}

.hover-underline-animation.underline-animation-center:hover::after {
  transform-origin: bottom center;
}

.hover-underline-animation.underline-animation-right::after {
  transform-origin: bottom left;
}

.hover-underline-animation.underline-animation-right:hover::after {
  transform-origin: bottom right;
}

span.widget-title {
	text-transform: uppercase!important;
}

.container-border {
    border: solid 1px #ecebee;
}

.woocommerce-MyAccount-content {
    border: solid 1px #ecebee;
    padding: 30px;
    background: #FFF;
    border-radius: 15px;
}

.my-account-row {
    max-width: 1920px!important;
    ppadding: 30px!important;
    min-height: 100vh;
}



.my-account-sidemenu {
    background: #1e242b;
    padding: 20px!important;
}

.my-account-content {
    padding: 20px;
}

.my-account-sidemenu .logo {
    -webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);
	margin-top: 20px;
	margin-bottom: 20px;
}

#my-account-nav li{
    -webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);
}

#my-account-nav li:hover,
#my-account-nav li.active{
    -webkit-filter: invert(0); /* Safari/Chrome */
    filter: invert(0);
}



.newsletter-cf7  {
	gap: 20px;
}

body .newsletter-cf7 input {
	border: none;
	border-bottom: solid 1px #42566E;
	border-color: #42566E!important;
	border-radius: 0!important;
	background-color: transparent!important;
}

.newsletter-cf7 input::placeholder {
  color: #42566E!important;
  opacity: 1; /* Firefox */
}




.premium-button .wpcf7-spinner {
	display: none;
}

.premium-button .wpcf7-submit {
	padding: 0;
	margin: 0;
	border: none;
	color: #1E242B!important;
	background: transparent!important;
	font-weight: 600;
}

.cf7-premium-button {
	margin: 0;
}

.cf7-premium-button i {
    margin-left: .4em;
    margin-right: -.15em;
}

.footer-newsletter .flex-row {
	flex-flow: column nowrap;
}

.footer-newsletter .flex-col {
	width: 100%;
}

.footer-newsletter .cf7-premium-button { 
	width: 100%;
}


.is-divider {
	display: none;
}

body * {
		letter-spacing: 0;
}

footer {
	background: #1E242B;
	color: #FFF;
}

.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	box-shadow: none!important;
}

.button, button, input[type=button], input[type=reset], input[type=submit] {
  padding: 4px 36px;
	font-weight: 500;
}

input[type=number] {
	height: 3.5em;
}

/* Archive CSS */


.product-small.box {
	background: #f8fafd;
	border-radius: 6px;
}

.product-small.box img {
	 mix-blend-mode: multiply;
}

h1.shop-page-title {
	margin-bottom: 0;
}

.yoast-breadcrumb {
	font-size: 12px;
	text-transform: uppercase!important;
}

.shop-page-title {
	margin-bottom: 20px;
}

.product-small .box-text {
	padding: 20px;
}

.product-small .box-text .category{
	font-weight: 600;
	font-size: 15px;
	line-height: 175%;
	color: #9FACBA;
}

.product-small .box-text .product-title  {
	font-weight: 600;
	font-size: 18px;
}

.product-small .box-text .price {
	font-weight: 600;
	font-size: 18px;
	margin-top: 25px;

}
 

/* END Archive CSS */


/* Single Product CSS */

.row-bg-gray {
	background: #f8fafd;
	border-radius: 10px;
}

.product-images {
	background: #f8fafd;
	border-radius: 10px;
}

.price-wrapper .price {
	margin-bottom: 6px;
	margin-top: 16px;
}

.single_add_to_cart_button {
	flex: 1!important;
	font-size: 1rem;
	background: #1e242b!important;
}


.quantity .button.plus,
.quantity .button.minus {
	background: none;
	box-shadow: none!important;
}

.decoration-tecniques__image img {
	height: 50px;
	width: 50px;
	object-fit: cover;
}

.decoration-tecniques__image .box-image {
	text-align: center;
}


/* END Single Product CSS */



/* Global CSS */
.premium-button {
	font-weight: 600;	
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0;
}

.premium-button:hover {
	box-shadow: inset 0 0 0 100px rgba(0,0,0,.1)!important;
	
}

.premium-button .icon-angle-right {
	margin-top: 3px;
}

.premium-button.primary:not(.is-outline):not(.white) .icon-angle-right:before {
	  filter: brightness(0) invert(1);

}

.premium-button .icon-angle-right:before {
        background-image: url(/wp-content/themes/retailored/assets/keyboard_double_arrow.svg);
        background-size: 22px 22px;
        display: inline-block;
        width: 22px;
        height: 22px;
        content: "";
    }

.premium-button:hover .icon-angle-right:before {
	-webkit-filter: invert(1); /* Safari/Chrome */
    filter: invert(1);
}

.premium-button.white {
	color: #1E242B!important;
	
}

/* END Global CSS */
/* Header CSS */
.header-nav-main .header-cart-link  i,
.header-nav-main .account-link i,
.header-nav-main .header-search-dropdown a i {
	border: solid 1px #D5DCE4;
	padding: 12px;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-right .header-nav-main .header-cart-link,
.flex-right .header-nav-main .account-link{
	display: flex;
	flex-direction: row-reverse;
	gap: 12px;
	margin-left: 20px;
}


/* END Header CSS */


/* 
 * 
 * 
 * 
 * 
 * User Registration *
 * 
 * 
 */
 
.kw-user-register-wrapper {
    border: solid 1px #ecebee;
    padding: 30px;
    background: #FFF;
    border-radius: 15px;
}


/* 
 * 
 * 
 * 
 * END User Registration *
 * 
 * 
 */
 
 
 
/* My Account */
.logged-in.woocommerce-account .page-wrapper {
     padding-top: 0!important;
}
 
/* My Account */