/*
Theme Name:   WardrobeOs
Theme URI:    http://wardrobeos.theclosetvalet.com
Description:  Theme for http://wardrobeos.theclosetvalet.com
Author:  Liquid Thought
Author URI:  http://wardrobeos.theclosetvalet.com
Version:  1.0.0
Text Domain:  wardrobeos
*/
:root {
    --main-grey:rgba(91,94,94,1);
    --mid-grey:rgba(91,94,94,.5);
	--light-grey:rgba(91, 94, 94, 0.1);
    --peach-background-1:#FEF1EA;
	--purple: #414099;
	--light-peach: #fffaf8;
	--medium-peach: rgba(254,231,200,0.4);
	--salmon: #d7bdb3;
}
*,a,div,ul,li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block}
img {max-width:100%;height:auto;}

a {transition:all .3s linear;}



/* Icon Fonts ====================== */
@font-face {font-family: 'cv-icons';
src: url('/wp-content/themes/wardrobeos/fonts/icons/font/cv-icons.eot?766696723');
src: url('/wp-content/themes/wardrobeos/fonts/icons/font/cv-icons.eot?766696723#iefix') format('embedded-opentype'), url('/wp-content/themes/wardrobeos/fonts/icons/font/cv-icons.woff2?766696723') format('woff2'), url('/wp-content/themes/wardrobeos/fonts/icons/font/cv-icons.woff?766696723') format('woff'), url('/wp-content/themes/wardrobeos/fonts/icons/font/cv-icons.ttf?766696723') format('truetype'), url('/wp-content/themes/wardrobeos/fonts/icons/font/cv-icons.svg?766696723#cv-icons') format('svg');font-weight: normal;font-style: normal;}
.icon:before, .social-share a:before {font-family: "cv-icons";font-style: normal;font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* Fonts ====================== */
.Deca, body, .section-register button, .contact-form-holder button {font-family: 'Lexend Deca', sans-serif;font-weight: 400;font-style: normal;}
.Playfair, h1, h2, h3, .tag, .section-steps ul li:before, .footer .flex > div:nth-of-type(1), .section-register form .textbox, .navholder ul, .package-options ul h4, .section-contact-intro a.mail, .contact-form-holder form .textbox, .textbox  {font-family: 'Playfair Display', serif;font-weight: normal;font-style: normal;}
.Deca-light, .navholder ul li.social a, .intros p, .package-options ul h3  {font-family: 'Lexend Deca', sans-serif;font-weight: 300;}
.Deca-bold, .section-register h3 {font-family: 'Lexend Deca', sans-serif;font-weight: 700;}

html, body {color:var(--main-grey);margin:0px;padding:0px;font-size:14px;line-height:1.6em;}

html:has('.woocommerce-account') {background:white;}
body {-webkit-font-smoothing:antialiased;font-smoothing:antialiased;background:var(--peach-background-1);}
body.woocommerce-account {background:white;}

h1, h2, h3, h4, h5, h5 {margin:0;line-height:1.1em;}

h1 {font-size:30px;letter-spacing: -0.8px;margin-bottom:30px;}
h2 {font-size:24px;letter-spacing: -0.8px;margin-bottom:30px;}
h2:has(+ h1) {margin-bottom:0px;}
h3 {font-size:20px;margin-bottom:20px;}

p {margin:0;line-height:1.3em;max-width:800px}

.main-width {margin:0px auto;width:100%;max-width:1440px;padding:0px 24px;}
section {margin-bottom:30px;}

@media screen and (min-width:576px){
.main-width {padding:0px 60px;}
}
@media screen and (min-width:768px){
body {font-size:16px;}	
h1 {font-size:45px;}
h2 {font-size:35px;}
p {line-height:1.4em;}	
section {margin-bottom:60px;}	
}
@media screen and (min-width:992px){
.main-width {padding:0px 100px;}
}

.flex {display:flex;}
.grid {
display:grid;
gap:80px;
grid-auto-flow: column;    
}




/* header */


a.logo:before {content: "\e801";font-family: 'cv-icons';font-size: 75px;line-height: 1em;color:var(--purple);}



header {position:relative;width:100%;top:0;z-index:10;transition:all .2s linear;margin-bottom:60px;}
header .main-width {padding:0px 24px;padding-top:16px;padding-bottom:16px;justify-content: space-between;}
header .logo {display:inline-flex;align-items: center;}
header .logo img {max-height:20px;display:none;}
header .logo img:nth-of-type(1) {display:block;}
header .navigation {position:fixed;left:100%;background: var(--stone);height: 100vh;width:calc(100% - 80px);top: 0;padding: 80px 40px;}
header .navigation .nav {list-style:none;margin:0;display:flex;flex-direction:column;padding:0;}
header .navigation .nav a {font-variation-settings: "slnt" 0, "wdth" 100, "wght" 700, "INKT" 0;font-size:16px;text-decoration:none;color:var(--teal);transition:all .3s linear;}

header .navigation .sub-menu {display:none;}
header .navigation .nav .menu-item-has-children > a:after {content:"";}
header .hamburger {color:var(--stone);height:32px;display:flex;align-items: center;cursor:pointer;z-index:11;}


@media screen and (min-width:576px){
	header {margin-bottom:100px;}
	header .main-width {padding:0px 60px;padding-top:26px;padding-bottom:26px;}
	.mobile-open header .navigation {padding-right:60px;}
}

@media screen and (min-width:450px){
	.mobile-open header .navigation {right: 0;left: auto;width: auto;min-width: 330px;}
}


@media screen and (min-width:1020px){
	header .main-width {padding:0px 60px;display:flex;justify-content: space-between;padding-top:24px;padding-bottom:24px;}
	header .hamburger {display:none;}	
	header .navigation {position:relative;left:0;background: none;height: auto;width: auto;top: 0;padding: 0;}	
	header .navigation .nav {flex-direction:row;margin:0;}
	header .navigation .nav>li {margin-left:40px;}
	header .navigation .nav a {font-variation-settings: "slnt" 0, "wdth" 100, "wght" 700, "INKT" 0;font-size:16px;color:var(--stone);display: flex;align-items: center;white-space: nowrap;}
	header .navigation .nav>li {position:relative;padding:4px 0;}
	header .navigation .sub-menu {display: flex;opacity:0;pointer-events: none; position: absolute;list-style: none;background: white;border-radius: 12px;margin: 0;padding: 8px 16px;top: 100%;right: 0;width: fit-content;flex-direction:column;box-shadow: 0px 2px 8px 0px rgba(20, 20, 20, 0.15);transition:all .3s linear;transform: translateY(-10px);}
	header .navigation .nav>li:hover .sub-menu {opacity:1;pointer-events: all;transform: translateY(0px);}
	header .navigation .nav a:after {transition:all .3s linear;}
	header .navigation .sub-menu a {color:var(--teal);padding:3px 0;font-size:13px;}
	header .navigation .nav li:hover a:after {transform:rotate(180deg);}
}

/* buttons */
.buttons {display:flex;gap:16px;flex-wrap:wrap;margin-top:30px;}
.buttons .button:nth-of-last-of-type(n + 2), .item-footer .button:nth-of-last-of-type(n + 2) {margin-right:20px;}
.button {display: flex;height: 48px;padding: 0px 22px;justify-content: center;align-items: center;border:3px solid transparent;border-radius:12px;text-decoration:none;font-size:14px;transition:all .3s linear;white-space:nowrap;padding-bottom: 2px;cursor:pointer;}

.button {background:none;border-color:var(--purple);color:var(--purple);}
.button:hover {background:var(--purple);color:white;}

.button.square {background:var(--purple);color:white;font-size:13px;text-transform: uppercase;height:40px;border-radius:0;}
.button.square:hover {background:var(--purple);color:white;}

.button.square.outline {background:white;color:var(--purple);font-size:13px;text-transform: uppercase;height:40px;border-radius:0;border-width:1px;border-color: var(--light-grey);}
.button.square.outline:hover {background:var(--purple);color:white;}

.inline {font-variation-settings: "slnt" 0, "wdth" 100, "wght" 900, "INKT" 0;display:inline-flex;text-decoration:none;color:var(--teal);line-height:1.4em;transition:all .3s linear;}
.inline:hover {color:var(--orange);}

.button.square.white {background:white;border-color:white;color:var(--purple);}


@media screen and (min-width:992px){
	.buttons {flex-wrap:nowrap;justify-content: flex-start;}
	.button {display: flex;height: 64px;padding: 0px 30px;justify-content: center;align-items: center;font-size:16px;}
	.button.small {height:48px;}
}

/* icons */
.icon:after, .icon:before, header .navigation .nav .menu-item-has-children > a:after, .hamburger:after  {font-family: "cv-icons";font-style: normal;font-weight: normal;speak: never;}
header .navigation .nav .menu-item-has-children > a:after {content:"\e802";margin-left:8px;font-size:13px;margin-top:2px;}
.icon:before {content:"\f16d";}


/* Footer */
footer {font-size:12px;line-height:1.3em;}
footer .main-width {display:flex;flex-wrap:wrap;padding:30px 24px;}
footer ul {margin:0px;padding:0;list-style:none;display:flex;flex-wrap: wrap;}
footer ul li:nth-last-of-type(n+2) {margin-right:24px;}
footer a {color:var(--stone);text-decoration:none;}
footer a:hover {color:var(--orange);}
footer p {margin:12px 0 0 0;}

footer .main-width>div:nth-last-of-type(n + 3), footer .main-width>div:nth-last-of-type(1) {margin-bottom:40px;}
footer .main-width>div:nth-last-of-type(1) {width:100%;}
footer .main-width>div:nth-last-of-type(1) a:hover {color:var(--stone);text-decoration:underline;text-underline-offset:3px;}
footer .main-width>div:nth-of-type(2) {margin-left:auto;margin-right:auto;}
footer .main-width>div:nth-of-type(3) {width:calc(100% - 24px);margin-right:24px;max-width:303px;}
footer .main-width>div:nth-of-type(1) a {font-size:13px;}
footer .main-width>div:nth-of-type(1) a.linkedin {font-size:24px;}
footer .main-width>div:nth-of-type(2) a.back-to-top {font-size:24px;display:flex;}


footer .main-width>div:nth-of-type(1) {order:2;width:100%;}
footer .main-width>div:nth-of-type(2) {order:1;width:100%;}
footer .main-width>div:nth-of-type(3) {order:4;width:100%;}
footer .main-width>div:nth-of-type(4) {order:3;width:100%;}

@media screen and (min-width:576px){
	footer .main-width {padding:60px;}
}

@media screen and (min-width:768px){
footer .main-width>div:nth-of-type(1) {order:1;width:auto;}
footer .main-width>div:nth-of-type(2) {order:2;width:auto;}
footer .main-width>div:nth-of-type(3) {order:3;width:auto;}
footer .main-width>div:nth-of-type(4) {order:4;}
footer {font-size:13px;}
footer .main-width>div:nth-of-type(1) a {font-size:16px;}	
}

@media screen and (min-width:992px){
footer .main-width>div:nth-of-type(3) {margin-bottom:-50px;}
}

@media screen and (min-width:1100px){
footer .main-width>div:nth-of-type(2) {margin:0px 170px 0px auto;}
footer .main-width>div:nth-of-type(3) {width:auto;margin-right:0;max-width:none;}
}


.center-header h2 {text-align:center;}
.center {text-align:center;}
.center>* {margin-left:auto;margin-right:auto;}
.center .buttons {justify-content: center;}

.card {background:white;box-shadow:0 0 6px 0 rgb(224 196 177);border-radius:10px;padding:20px;}

.column-3 {display: grid;grid-template-columns: 1fr;gap:20px;}

@media screen and (min-width:768px){
.column-3 {grid-template-columns: 1fr 1fr 1fr;gap:20px;}
.card {padding:24px;}
}


.page-template-template_home {background-image:url(/wp-content/themes/wardrobeos/images/background-1.webp);background-size:cover;background-attachment: fixed;}



	.navigator {position:fixed;bottom:0;left:0;width:100%;background:var(--light-peach);border-top:1px solid var(--light-grey);height:50px;display:flex;justify-content: space-between;align-items: center;padding:10px 20px;z-index:5}
	
	.navigator a {font-size: 9px;letter-spacing: 0;line-height: 1.22em;color: #5B5E5E;text-transform: uppercase;transition: all .3s linear;text-decoration:none;display:flex;flex-direction: column;align-items: center;}
	
	
	.navigator a.navigate {opacity: 0.4;color:var(--purple);text-align: center;}
	.navigator a.navigate:hover, .navigator a.navigate.active {opacity: 1;}
	.navigator a::before {margin-bottom:3px;}
	.navigator a.profile::before {content: '\e80a';font-family: "cv-icons";font-size: 20px;line-height:normal;}
	.navigator a.closet::before {content: '\e808';font-family: "cv-icons";font-size: 20px;line-height:normal}
	.navigator a.creator::before {content: '\e805';font-family: "cv-icons";font-size: 20px;line-height:normal}
	.navigator a.lookbook::before {content: '\e80c';font-family: "cv-icons";font-size: 20px;line-height:normal}
	



	.section-profile {font-size:14px;display:none;}
	.profile-active .section-profile {display:block;}
	.section-profile a {color:var(--purple);}
	
	@media screen and (min-width:768px){
		.navigator {flex-direction:column;top:0;bottom:0;width:80px;border-right:1px solid var(--light-grey);border-top:0;height:100%;padding:30px 10px}
		.navigator a.profile::before {font-size: 30px;}
		.navigator a.closet::before {font-size: 30px;}
		
		.navigator>div {margin:10px 0;}
		.navigator>div:nth-of-type(2) {margin-top:auto;}
		.navigator>div:nth-last-of-type(2) {margin-bottom:auto;}
		
		.section-profile {padding:100px;}
	}
	
	.my-closet {padding:24px 24px 60px 24px;columns:2;gap:24px;}
	.padding-rules {padding:0px 24px 60px 24px;}

	.profile-active .my-closet {display:none;}
	
	.my-closet .item {border:1px solid var(--light-grey);width:100%;break-inside: avoid;page-break-inside: avoid;-webkit-column-break-inside: avoid;-moz-column-break-inside: avoid;margin-bottom: 24px;padding: 0;box-shadow: 0 0 20px 0 rgb(70 22 22 / 16%);cursor:pointer;position:relative;}
	.my-closet .item.hide {display:none;}
	.my-closet .item .checkbox, .outfit-holder .checkbox {-webkit-appearance:none;position: absolute;left: 10px;top: 10px;background: white;border: 1px solid var(--main-grey);width:20px;height:20px;cursor:pointer;}
	.my-closet .item .checkbox:checked:before, .outfit-holder .checkbox:checked:before {content: "";
    width: 12px;
    height: 5px;
    border: 1px solid var(--main-grey);
    border-top: none;
    border-right: none;
    display: block;
    left: 2px;
    top: 4px;
    position: absolute;
    transform: rotate(-51deg);}
	
	.my-closet .item img {display:block;}
	
	@media screen and (min-width:576px){
		.my-closet {columns:3;}
	}
	@media screen and (min-width:768px){
		.my-closet {padding:30px 40px 100px 120px;}
		.padding-rules {padding:0px 40px 100px 120px;}
	}
	@media screen and (min-width:992px){
		.my-closet {columns:4;}
	}
	@media screen and (min-width:1200px){
		.my-closet {columns:5;}
	}
	
	.outfit-selection-holder .my-closet.fullwidth {columns:1;}

	.closet-head {display:flex;padding:24px;justify-content: space-between;align-items: flex-end;flex-wrap:wrap;position:relative;z-index:5;}
	.closet-head .filter {margin-top:20px;}
	.closet-head .filter span {margin-bottom:0px;display:none;}
	.closet-head>div {width:100%;}
	.closet-head span {font-size: 10px;text-transform: uppercase;font-weight: 300;letter-spacing: 1.67px;line-height: 1.1em;margin-bottom: 4px;display:block;}
	.closet-head span strong {    font-family: 'Playfair Display', serif;
    font-weight: normal;
    font-style: normal;font-size:20px;font-weight:500;color:var(--salmon);}
	.closet-head h1 {margin:0;}
	
	.closet-add, .closet-subscribe, .button-white {height: 40px;display: inline-flex;align-items: center;border: 1px solid #5B5E5E;background: transparent;color: #5B5E5E;font-size: 12px;text-transform: uppercase;letter-spacing: 0;line-height: 13px;padding: 0px 16px;margin-left: auto;transition: all .3s linear;text-decoration:none;}
.closet-head .button-white {margin-left:20px;}

	.closet-subscribe {justify-content: center;width:100%;margin-top:20px;display:none;}
	.closet-add:hover, .closet-subscribe:hover {background:white;border-color:white;box-shadow: 0 0 20px 0 rgb(70 22 22 / 16%);}
	.closet-add:after {content: '\e812';font-family: 'cv-icons';font-size: 12px;right: 16px;margin-left: 8px;}
	.closet-head .flex {align-items: flex-end;}
	.closet-head.temp .closet-add {display:none;}
	.closet-head.subscribe .flex {flex-direction:column;align-items: flex-start;}
	.closet-head.subscribe .closet-subscribe {display:flex;}
	.closet-head.subscribe .closet-add {display:none;}
	
	@media screen and (min-width:576px){
		.closet-subscribe {width:auto;margin-top:auto;}
		.closet-head.subscribe .flex {flex-direction:row;}
	}

	@media screen and (min-width:768px){
		.closet-head {padding:30px 40px 30px 120px;}
		.closet-add, .closet-subscribe {margin-left: 64px;}
		.closet-head>div {width:auto;}
	}



	.item-modal {position:fixed;background:rgba(0,0,0,0.4);left:0;top:0;width:100%;height:100%;align-items: center;justify-content: center;display: flex;z-index: 10;padding: 15px;overflow: auto;padding-bottom: 100px;backdrop-filter: blur(5px);display:none;align-items: flex-start;}
	.item-modal h2 {margin-bottom:16px;padding-right:20px;}
	.item-modal.active {display:flex;}
	.item-modal .item-content {background:white;min-height:50px;width:100%;display:flex;flex-direction:column;position:relative;}
	.item-modal .item-detail {width:100%;padding:20px;}
.item-modal .item-image {flex:1;position:relative;background:var(--light-peach);}
	.item-modal .item-detail ul {margin:0;padding:0;}
	.item-modal .item-detail ul li {font-size: 12px;font-weight: 300;letter-spacing: 0;line-height: 1.08em;display: inline-flex;width: 100%;}
	.item-modal .item-detail ul li span:nth-of-type(1) {flex:0 0 80px;}
	.item-modal .item-detail p {font-size:12px;}
	
	.but-close {width:40px;height:40px;display:block;;position:absolute;right:10px;top:10px;color:var(--main-grey);text-decoration:none;display: flex;justify-content: center;align-items: center;z-index:10;}
	.but-close::before {cursor: pointer;content: '\e80b';font-family: 'cv-icons';font-size: 20px;}
	@media screen and (min-width:768px){
	.item-modal .item-content {flex-direction:row;max-width:700px;}
	.item-modal {padding:80px 0px;}	
	.item-modal .item-detail {flex:1;padding:20px;}	
	.item-modal .item-image img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit: contain;}	
	}
	

	.modal-holder {position:fixed;background:rgba(0,0,0,0.4);left:0;top:0;width:100%;height:100%;align-items: center;justify-content: center;display: flex;z-index: 10;padding-top: 100px;overflow: auto;padding-bottom: 100px;backdrop-filter: blur(5px);}	
	.modal-holder .modal-inner {width:calc(100vw - 40px);max-width:400px;background:white;margin:auto;padding:20px;}
	
	.modal-holder .modal-inner .woocommerce .col2-set .col-1, .woocommerce-page .modal-inner .col2-set .col-1,
	.modal-holder .modal-inner .woocommerce .col2-set .col-2, .woocommerce-page .modal-inner .col2-set .col-2 {float:none;width:100%;}
	.modal-holder .modal-inner .woocommerce form.checkout_coupon, .modal-inner .woocommerce form.login, .modal-inner .woocommerce form.register {border: none;padding: 0px;margin: 0;text-align: left;border-radius: 0;}
	.modal-holder .modal-inner .col2-set .col-2 {display:none;}
	.modal-holder .modal-inner.type-register .col2-set .col-2 {display:block;}
	.modal-holder .modal-inner.type-register .col2-set .col-1 {display:none;}
	.modal-holder .modal-inner .click-signin {display:none;}
	.modal-holder .modal-inner.type-register .click-signin {display:block;}
	.modal-holder .modal-inner.type-register .click-register {display:none;}
	.login-types {margin-top:20px;}
	
	.modal-holder .modal-inner p {font-size:14px;}
	.modal-holder .modal-inner .woocommerce-button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, .woocommerce-page .woocommerce-info .button {margin-top:20px !important;font-weight: 300;text-transform: uppercase;font-family: "Lexend Deca";max-width:370px;float:right;margin-left:0;margin-right:0;display:flex;}
.modal-holder .modal-inner .woocommerce-button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, .woocommerce-page .woocommerce-info .button:hover {border:1px solid var(--purple);background:none;color:var(--purple);}
	.modal-holder .modal-inner a {color:var(--purple);}
	.modal-holder .modal-inner .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {display:none;}
	
.woocommerce-page .woocommerce-info .button {margin-left:auto;margin-right:auto;float:none;}
.woocommerce-page .woocommerce-info  {border:none;}

	.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
	border-radius:0;	
    color: white;
    background-color: var(--purple);
    height:48px;
	width: 100%;	
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {background:white;padding:20px;text-align:center;border-width:1px;outline:none;font-weight: 300;}
.woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before {display:none;}


	.item-modal .logo {display:none;margin-bottom:20px;}
@media print {
	.navigator, .my-closet, .closet-head, .item-modal .buttons, .item-modal .but-close {display:none;}
	.item-modal {background:white;}
	.item-image img {max-height:400px;margin: auto;display:block;}
	.item-modal .item-image {max-width: 500px;margin: auto;width: 100%;border: 1px solid #efefef;text-align: center;}
	.item-modal .item-detail {max-width: 500px;margin: auto;}
	.item-modal .logo {display:block;}
}



	body:has(.item-modal-add.active) {overflow:hidden;}
	
	.loader {
    width: 40px;
    height: 40px;
    border: 5px solid var(--light-grey);
    border-bottom-color: var(--purple);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
	display:none;	
    }
    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 
	
	.item-modal-add {position:fixed;background:rgba(0,0,0,0.4);left:0;top:0;width:100%;height:100%;align-items: center;justify-content: center;display: flex;z-index: 10;padding: 0;overflow: auto;backdrop-filter: blur(5px);display:none;align-items: flex-start;}
	
	.item-modal-add.processing .item-footer .button {display:none;}
	.item-modal-add.processing .item-footer .loader {display:inline-block;}
	
	.item-modal-add.active {display:flex;}
	.item-modal-add .item-content {background:white;min-height:100%;width:100%;display:flex;flex-direction:column;position:relative;}
	.item-modal-add .item-detail {width:100%;padding:20px;}
	
	.item-modal-add .item-detail ul {margin:0;padding:0;}
	.item-modal-add .item-detail ul li {font-size: 12px;font-weight: 300;letter-spacing: 0;line-height: 1.08em;display: inline-flex;width: 100%;}
	.item-modal-add .item-detail ul li span:nth-of-type(1) {flex:0 0 80px;}
	.item-modal-add .item-detail p {font-size:12px;}
	
	.item-modal-add .image-dropper.over:before {border-color:#bfbfbf;}
	.item-modal-add .image-dropper.over {background:#fffbf5;}
	
	.item-modal-add .image-dropper img {max-width: 50px;margin-bottom:30px;}
	
	.item-modal-add .item-form {display:flex;width:100%;flex-wrap:wrap;flex-direction:column;}
	.item-modal-add .item-image {width:100%;background:var(--medium-peach);display: flex;flex-direction: column;align-items: center;justify-content: center;}
	.item-modal-add .item-image h2 {margin:15px;}
	.item-modal-add .item-image.active .image-dropper {display:none;}
	.item-modal-add .item-image .img-sample {display:none;}
	.item-modal-add .item-image .img-sample img {max-height:calc(100vh - 300px);}
	.item-modal-add .item-image.active .img-sample {display:block;}
	
	.item-modal-add .item-detail {width:100%;padding:60px 20px 100px 20px;}
	.item-modal-add .item-detail label {text-transform:uppercase;}
	.item-modal-add .item-footer {width:100%;border-top:1px solid var(--light-grey);display:flex;justify-content: flex-end;align-items: center;padding:20px;height: 80px;margin-top: auto;bottom:0;left:0;background:white;position: relative;z-index: 2;}
	.item-modal-add .item-footer > * {margin-left:20px;}

	.item-modal-add .image-dropper {width:90%;min-height:250px;border:10px solid var(--medium-peach);display:flex;justify-content: center;align-items: center;flex-direction:column;position:relative;background:white;}
	.item-modal-add .image-dropper:before {content:"";left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);border:1px dashed var(--light-grey);display:block;position:absolute;pointer-events: none;}
	#item_image_edit, #item_image_add {opacity:0;}
	
	@media screen and (min-width:768px){
	.item-modal-add .item-content {flex-direction:row;}
	.item-modal-add .item-detail {padding:60px 20px 100px 20px;max-height: calc(100vh - 80px);overflow-y: scroll;}
	.item-modal-add .item-form {flex-direction:row;}
	.item-modal-add .item-image {width:50%;}
	.item-modal-add .item-detail {width:50%;}
	.item-modal-add .image-dropper {min-height:60%;}	
	}
	
	.textfield {outline:none;height:40px;width:100%;border:1px solid var(--light-grey);display:flex;align-items: center;margin-bottom:16px;padding:5px;}
	textarea.textfield, select.textfield[multiple] {min-height:100px;}
	
	
	.bar-delete {width:100%;border-top:1px solid var(--light-grey);display:none;justify-content: space-between;align-items: center;padding:20px;height: 80px;margin-top: auto;bottom:0;left:0;background:white;position:fixed;bottom:50px;left:0;z-index:2;}
	.bar-delete.active {display:flex;}
		@media screen and (min-width:768px){
			.bar-delete {padding-left:120px;bottom:0;}
			.closet-head .filter>span {display:inline;margin-right:16px;}
	}

.tabs-wrapper {display: flex;justify-content: flex-end;align-items: flex-end;margin-top: 10px;padding-right: 0px;}
.tabs-wrapper .filter::after {content: url(/wp-content/themes/wardrobeos/images/filter.svg);font-family: 'cv-icons';font-size: 24px;margin-left: 0;height: 20px;width: 20px;}
.tabs-wrapper .filter {color: rgba(91, 94, 94, 1);font-family: "Playfair Display";font-size: 16px;letter-spacing: 0;line-height: 21px;padding: 5px 16px;border: 1px solid rgba(91, 94, 94, 0.2);cursor: pointer;height: 40px;display: flex;align-items: center;}

.filter-options-dropdown {position: fixed;right: 0;top:0;margin:0;left:0;height:100vh;list-style: none;padding: 5px 0;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);z-index: 12;display: none;background-color: #fff;}
 .filter-options-dropdown .first-filter-options label {cursor: pointer;display: block;width: 100%;padding: 5px 50px 5px 20px;font-size: 14px;font-weight: 300;letter-spacing: 0;line-height: 28px;text-align: left;}
.filter-options-dropdown .first-filter-options ul {list-style: none;position: fixed;top: 64px;right: 0;bottom:0;width: 100%;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);background-color: #fff;padding: 5px 0px;z-index: 100;display: none;min-width:200px;}

.filter-options-dropdown .first-filter-options ul li {background-color: #fff;padding: 5px 10px 5px 10px;font-size: 14px;font-weight: 300;letter-spacing: 0;line-height: 28px;text-align: left;cursor: pointer;display: inline-flex;justify-content: space-between;align-items: center;width: 100%;white-space: nowrap;flex-direction:row-reverse;}
.filter-options-dropdown.active {display: block;}
.tabs-wrapper>div {position:relative;}
.filter-options-dropdown .first-filter-options ul.active {display:flex;flex-direction:column;}
.first-filter-options {position:relative;}
.filter-options-dropdown .first-filter-options label::after {content: url("/wp-content/themes/wardrobeos/images/icon-dropdown.svg");position: absolute;right: 20px;transform: rotate(-90deg);bottom: 5px;}
.filter-options-dropdown .first-filter-options ul li::before {content: "";box-sizing: border-box;height: 20px;width: 20px;border: 1px solid #5B5E5E;display: inline-flex;align-items: center;justify-content: center;margin-right:10px;}
.filter-options-dropdown .first-filter-options ul li.active::before {content: '\e806';font-family: 'cv-icons';font-size: 13px;}

.filter-tags button {cursor: pointer;margin-right: 8px;height: 20px;display: inline-flex;align-items: center;color: #5B5E5E;font-family: "Lexend Deca";font-size: 12px;font-weight: 300;letter-spacing: 0;line-height: 13px;background-color: rgba(225, 222, 228, 0.6);border: none;padding: 0 8px;}

.clear-all-filters {background-color: transparent !important;text-decoration: underline;}

.filter-tags button::after {content: url(/wp-content/themes/wardrobeos/images/close-filter.svg);margin-left: 5.5px;margin-top: 4px;}
.filter-tags {display: none;margin-top:20px;}
.filter-tags:has(.clicktag) {display:flex;}
.clear-all-filters:after {display:none;}

.mobile-filter {display:flex;justify-content: space-between;}
.mobile-filter a {color:var(--main-grey);}
.mobile-filter.header h3  {display:flex;cursor:pointer;margin:0;align-items: center;}
.mobile-filter.header h3 img  {margin-right:10px;max-height:15px;}
.mobile-filter.header {height:60px;padding:0px 20px;align-items: center;}
.mobile-filter.header.step1 h3:nth-of-type(2) {display:none;}
.mobile-filter.header.step2 h3:nth-of-type(1) {display:none;}
.filter-options-dropdown .first-filter-options ul li.mobile-filter::before {display:none;}
.filter-options-dropdown .first-filter-options ul li.mobile-filter  {display:flex;justify-content: center;}

@media screen and (min-width:768px){
	.mobile-filter {display:none;}
	.filter-options-dropdown {position: absolute;right: 0;width: auto;top:70px;left:auto;bottom:auto;height: auto;}
	.filter-options-dropdown .first-filter-options ul {position: absolute;top: 0px;right: calc(100% + 3px);width: auto;left:auto;bottom:auto;min-width:200px;}
	.filter-options-dropdown .first-filter-options ul li {flex-direction:row;}
	 .filter-options-dropdown .first-filter-options label {cursor: pointer;display: block;width: 100%;padding: 5px 10px 5px 50px;font-size: 14px;font-weight: 300;letter-spacing: 0;line-height: 28px;text-align: right;}
	.filter-options-dropdown .first-filter-options label::after {left: 10px;right:auto;transform: rotate(90deg);}
	.filter-options-dropdown .first-filter-options ul li.mobile-filter {display:none;}
}




	.outfit-holder {border-radius:20px;border:1px dashed var(--mid-grey);padding:20px;max-width:600px;position:relative;}
	.outfit-holder .outfit-row {display:flex;justify-content: space-between;gap:20px;}
	.outfit-holder .outfit-row .holder {flex:1;display:flex;flex-direction:column;}
	.outfit-holder .outfit-row:nth-of-type(n + 2) {margin-top:20px;}
	.outfit-holder .spot {border-radius:10px;border:1px dashed var(--mid-grey);cursor:pointer;text-align: center;font-size:14px;user-select: none;flex:auto;align-items: center;justify-content: center;display:flex;transition:background .2s linear;overflow:hidden;position:relative;}
	.outfit-holder .spot img {display:none;}
	.outfit-holder .spot span {padding: 20px 10px;font-size: 10px;text-transform: uppercase;line-height: 1em;}
	.outfit-holder .spot.active img {display:block;max-height:100px;}
	.outfit-holder .fullbody .spot.active img {max-height:none;}
	.outfit-holder .topbottom .spot.active img {max-height:250px;} 
	.outfit-holder .spot.active span {display:none;}
	.outfit-holder .spot.active {border-color:var(--light-grey);}
	.outfit-holder .accessories .spot:nth-of-type(n + 2) {margin-top:20px;}
	.holder {position:relative;}
	.holder.topbottom:before {content:"OR";position: absolute;right: -8px;top: 50px;display: block;font-size: 12px;}
	.holder.topbottom > div:nth-of-type(1){width:calc(100% - 20px);}
	.holder.topbottom > div:nth-of-type(2){width:calc(100% - 20px);transform: translate(20px, -20px);margin-bottom: -20px;}
	
	.outfit-holder.topbottom .holder.fullbody {display:none;}
	.outfit-holder.fullbody .holder.topbottom {display:none;}
	
	.outfit-holder.topbottom .holder.topbottom:before, .outfit-holder.fullbody .holder.topbottom:before {display:none;}
	
	.outfit-holder .remove {background:var(--mid-grey);border-radius:40px;width:25px;height:25px;position:absolute;right:5px;top:5px;display:none;}
	.outfit-holder .spot.active .remove {display:block;}
	.outfit-holder .remove:before, .outfit-holder .remove:after {content:"";position:absolute;left:5px;top:50%;height:1px;background:white;transform-origin: center;width:15px;}
	.outfit-holder .remove:before {transform:rotate(45deg);}
	.outfit-holder .remove:after {transform:rotate(-45deg);}
	
	.outfit-holder.preview {border: 1px solid var(--light-grey);background: rgba(255, 255, 255, 0.5);}
	.outfit-holder.preview .spot.active .remove {display:none;}
	.outfit-holder.preview .spot  {border:none;pointer-events: none;}
	.outfit-holder.preview .spot span {opacity:0;}
	.outfit-holder.preview .spot.active  {min-width:25%;min-height:40px;}
	.outfit-holder.preview {background:rgba(255,255,255,0.5);}
	.outfit-holder.preview  .holder.topbottom:before, .outfit-holder.preview  .holder.topbottom:before {display:none;}
	
	#edit-creator {display:none;}
	.preview #edit-creator {display:flex;}
	.preview #preview-creator {display:none;}
	.my-outfit-creator .button-holder {margin:20px 0;display: flex;justify-content: flex-end;gap: 10px;max-width: 600px;align-items: center;}
	.my-outfit-creator .button-holder a {margin:0;}
	.my-outfit-creator .button-holder p {display:none;}

	.my-outfit-creator .button-holder.save #edit-creator, 
	.my-outfit-creator .button-holder.save #preview-creator, 
	.my-outfit-creator .button-holder.save #save-lookbook {display:none;}
	.my-outfit-creator .button-holder.save p {display:inline}
	.my-outfit-creator .button-holder.save a {color:var(--purple);}

	.outfit-selection-holder {background:white;padding:40px 20px 20px 20px;border-top-left-radius:20px;border-top-right-radius:20px;position:fixed;bottom:-60px;left:20px;right:20px;height:0;z-index:1000;box-shadow: 0 0 12px 0px rgb(67 22 22 / 20%);transition:height .3s ease-in;}
	.outfit-selection-holder:before {content:"";width:100px;height:5px;left:50%;top:17px;transform: translateX(-50%);display:block;background:var(--light-grey);position:absolute;} 
	.outfit-selection-holder:after {content:"";width:calc(100% - 40px);height:20px;left:20px;top:40px;position:absolute;    background: linear-gradient(180deg, #f5f5f5, transparent);border-top-left-radius: 10px;border-top-right-radius: 10px;} 
	.outfit-selection-holder.active {height:70vh;bottom:0;transition:height .3s ease-out;}
	.outfit-selection-holder .outfit-selection-content {overflow-y: auto;height:calc(70vh - 40px);position:relative;z-index:2;}
	.outfit-selection-holder .outfit-selection-content .my-closet {padding:20px;}
	.outfit-selection-holder .outfit-selection-content .my-closet .item {box-shadow:none;border:none;}
	
	
	@media screen and (min-width:768px){
	.outfit-holder .spot:hover {background:white;}
	}


	.my-lookbook {display: grid;gap: 30px;grid-template-columns: 1fr 1fr;}


	@media screen and (min-width:576px){
	.my-lookbook {grid-template-columns: 1fr 1fr 1fr;}
	}
	@media screen and (min-width:992px){
	.my-lookbook {grid-template-columns: 1fr 1fr 1fr 1fr;}
	}
	@media screen and (min-width:1200px){
	.my-lookbook {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
	}

.woocommerce-MyAccount-navigation {overflow-x: scroll;width: 100%;}
.woocommerce-MyAccount-navigation ul {list-style:none;padding:0;margin:0;position:relative;display:flex;}
.woocommerce-MyAccount-navigation ul a {cursor: pointer;font-family: "Lexend Deca";font-size: 14px;text-transform: uppercase;font-weight: 300;letter-spacing: 3px;line-height: 16px;margin-bottom: 24px;color:var(--main-grey);text-decoration:none;display:flex;align-items: center;white-space: nowrap;margin-right:20px;}
.woocommerce-MyAccount-navigation ul .is-active a:after {content:"";height: 1px;background: var(--main-grey);flex: 1;margin-left: 20px;}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {height:40px;border-color:var(--mid-grey);font-weight:300;}
.woocommerce-account .woocommerce {max-width:980px;margin-top: 30px;}

.woocommerce form .form-row label, .woocommerce form .form-row span {font-weight: 300;}
.woocommerce .edit-account button.woocommerce-Button {margin-top:30px;}
.woocommerce fieldset {margin-top:20px;border-color:var(--light-grey);border-style:solid;}

.woocommerce-account .woocommerce-MyAccount-navigation {position:relative;}
.woocommerce-account {font-weight:300;}
.woocommerce-account a {color:var(--purple);text-underline-offset:2px;text-decoration-thickness: 1px;}

@media screen and (min-width:992px){
nav.woocommerce-MyAccount-navigation:before {content: '';background: #fde9dd;display: block;height: 200vh;width: calc(100% + 100px);top: -300px;position: absolute;z-index: 0;right: 30px;}	
.woocommerce-MyAccount-navigation ul {display:list-item;}
.woocommerce-MyAccount-navigation {overflow-x: unset;}
}

.woocommerce-MyAccount-content h2 {font-size:20px;}
.woocommerce-MyAccount-content header.title {margin-top:20px;}

.custom-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: flex-start;justify-content: center;z-index: 9999;overflow-y: auto;padding: 20px;}
.custom-modal-content {padding: 0;border-radius: 8px;max-width: 500px;overflow: auto;position: relative;width: 100%;}
.custom-modal-close {position: absolute;top: 20px;right: 20px;font-size: 30px;cursor: pointer;z-index: 5;}
.custom-modal .checkbox {display:none;}	
.custom-modal .outfit-holder.preview {background:white;}
body.modal-open {overflow: hidden;}
.outfit-holder.preview {transition:box-shadow .2s linear;}	
.outfit-holder.preview:hover {box-shadow:0 0 20px 0 rgba(59 38 38 / 10%)}