/*
Theme Name: Maison
Theme URI: 
Author: Jujist
Author URI: 
Description: Child theme based on Yootheme
Template: yootheme
Version: 1.00
Changelog: 
*/

.centered {text-align: center;} a.link {text-decoration: underline;} .text-right {text-align: right;}
.clickable {cursor: pointer;} .hidden {display: none;}
::selection {background-color: #d2b192!important;}
@media (min-width: 960px) { body.cs-product-gallery .uk-section {padding-top: 30px;} }

.tm-header .uk-navbar-nav>li>a {min-height: 30px;}
.tm-header .uk-navbar-nav>li>a::before {bottom: 3px;}
.tm-header-- {margin-top: 30px;}

.cs-tm-header {}
.cs-tm-header .page-title {margin: 0;}
.cs-tm-header .breadcrumbs {margin-bottom: 10px;}
.cs-tm-header .breadcrumbs a {color: inherit; text-decoration: none;}
.cs-tm-header .breadcrumbs a:hover {text-decoration: underline}
.cs-tm-header .logout-link {float: right; display: inline-block;}
.cs-tm-header .logout-link a {color: inherit; text-decoration--: underline;}
.cs-tm-header .cs-buttons {margin-bottom: 10px;}
.cs-tm-header .cs-buttons .row {margin-top: 10px;}
.cs-tm-header .design-title {margin: 10px 0;}
.cs-tm-header .design-grid {text-align: center; margin-bottom: 20px;}
.cs-tm-header .design-grid .item {position: relative; display: inline-block; min-width: 240px;}
.cs-tm-header .design-grid .item a {position: absolute; left: 0; bottom: 0; display: block; width: 100%; background-color: rgba(255,255,255,0.5); text-decoration: none; padding: 2px 0; font-size: 18px; color: black;}

.cs-button {display: inline-block; border: solid 1px #c5c5c5; background-color: white; color: #3c3c3c; text-decoration: none;}
.cs-button:hover {background-color: #C5BBA859; text-decoration: none; color: inherit; }
.cs-button span {display: flex; align-items: center; column-gap: 8px; justify-content: center; padding: 8px 12px;}
.cs-button span.i::before {content: ""; display: inline-block; background-image: url('/theme/icon/icon-plus.svg'); width: 16px; height: 18px; background-size: contain; background-position: center; opacity: 0.65}
.cs-button span.i-plus::before {background-image: url('/theme/icon/icon-plus.svg');}
.cs-button span.i-back::before {background-image: url('/theme/icon/icon-back.svg');}
.cs-button span.i-down::before {background-image: url('/theme/icon/icon-down.svg');}
.cs-button-right {float: right;}

.fa-tooltip {color: #888;}
.fa-tooltip::before {content: "\f05a";}
body .uk-tooltip {padding: 5px 10px; background-color: #1e1e1eaa; border-radius: 0; font-size: 14px; backdrop-filter: blur(2px);}

/* SIDEBAR */

.cs-aside {}
.cs-aside .cat-section {margin-bottom: 8px;}
.cs-aside .cat-section .parent-title {font-size: 19px; line-height: 1.4; margin: 0;}
.cs-aside .cat-section .parent-title {position: relative; overflow: hidden;}
.cs-aside .cat-section .parent-title span {background-color: transparent; display: inline-block;}
.cs-aside .cat-section .parent-title span::after {position: absolute; width: 100%; border-top: solid 1px black; content: ""; top: 50%; margin-left: 12px; }
.cs-aside .cat-section .parent-title .switcher {background-color: #f7f8f3; position: absolute; right: 8px; top: -2px; padding: 4px; padding-top: 0; display: none;}
.cs-aside .cat-section .parent-title .switcher {right: 0; padding-right: 8px; padding-left: 14px;}
.cs-aside .cat-section .parent-title .switcher img {width: 12px; height: 12px;}
.cs-aside .cat-section .cat-items {list-style-type: none; padding: 0; margin: 20px 0; margin-top: 12px; padding-left: 8px;}
.cs-aside .cat-section .cat-items li {}
.cs-aside .cat-section .cat-items li a {text-transform--: uppercase; letter-spacing: 1.1px; font-size: 15px; display: block; padding: 2px 0; color: black;}
.cs-aside .cat-section .cat-items li.active a {text-decoration: underline; text-decoration-color--: white;}

/* @media (max-width: 959px) */
.cs-aside .cat-section .parent-title .switcher {display: inline-block;}
.cs-aside .cat-section .cat-items {display: none; }
.cs-aside .cat-section.always-visible .cat-items {display: block; }
.cs-aside .cat-section.active .cat-items {display: block; }
.cs-aside .cat-section.active .switcher img,
.cs-aside .cat-section .switcher.turned img {transform: rotate(180deg)}

.cs-tm-main {}
.cs-tm-main .page-heading {margin-top: 0; margin-bottom: 20px;}
.cs-tm-main .main-header {display: flex; justify-content: space-between; align-items: center;}
.cs-tm-main .number-of-items {font-size: 18px; margin-bottom: 20px; border-bottom: solid 1px #e7e6e3; padding-bottom: 6px;}

.cs-tm-main .cs-product-grid {margin-bottom: 20px;}
.cs-tm-main .cs-product-item {}
.cs-tm-main .cs-product-item a {padding: 0;}
.cs-tm-main .cs-product-item a img {border-radius: 12px;}
.cs-tm-main .cs-product-item .title {font-size: 20px; margin-top: 20px;}
.cs-tm-main .cs-product-item .title span {font-family: sans-serif; font-weight: 300; font-size: 80%}
@media (max-width: 959px) { .cs-tm-main .cs-product-item h3 {font-size: 18px;} }
@media (min-width: 1200px) { .cs-tm-main .cs-product-grid {padding-left: 30px} .cs-tm-main .cs-product-grid>* {padding-left: 20px;} }

nav.pagination {}
nav.pagination ul {padding-left: 0; list-style-type: none; text-align: left;}
nav.pagination ul li {display: inline-block;}
nav.pagination ul li a {display: inline-block; padding: 4px 16px; font-size: 14px; font-family: serif; color: #1d1d1d;}
nav.pagination ul li a.dots:hover {text-decoration: none;}
nav.pagination ul li.active a {text-decoration: none; color: #7e7e7e; cursor: default;}

.cs-tm-main .cs-product-item .tags {display: block!important; margin-top: 10px; text-align: right;}
.cs-tm-main .cs-product-item .tags a {background-color: #bfa279; color: white; padding: 3px 12px; }
.cs-tm-main .cs-product-item .title {margin-top: 4px;}

body.page-template-template-no-header-menu header[class^="tm-header"] .uk-navbar-right {visibility: hidden;}
body.page-template-template-no-header-menu .tm-page>footer {display: none}
body.page-template-no-header header.tm-header, body.page-template-no-header header.tm-header-mobile {display: none;}
body.page-template-no-header-menus header .uk-navbar-left {display: none;}
body.page-template-no-header-menus header .uk-navbar-right {display: none;}
body.page-template-no-header-menus .tm-page>header {min-height: 70px;}
body.page-template-no-header-menus .uk-navbar-center:not(:only-child) {transform: translate(-50%, -20%);}

.cs-tm-main .cs-product-item {position: relative;}
.cs-tm-main .cs-product-item .cs-bookmark {position: absolute; top: 1px; right: 3px; display: inline-block; width: auto; background-color: rgba(255,255,255,0.9); border-radius: 9px;}
.cs-tm-main .cs-product-item .cs-bookmark a {display: inline-block; padding: 3px; cursor: pointer!important; box-sizing: border-box; width--: 39px; height--: 33px;}
.cs-tm-main .cs-product-item .cs-bookmark a:hover {}
.cs-tm-main .cs-product-item .cs-bookmark a img {width: 30px;}
.cs-tm-main .cs-product-item .cs-bookmark .um-user-bookmarks-ajax-loading {display: none;}

.cs-product-item .aux-actions {position: absolute; z-index: 2; top: 4px; left: 24px; text-align: left; width: auto!important; border-radius: 12px; backdrop-filter: blur(4px);}
.cs-product-item .aux-actions ul {display: inline-block; list-style-type: none; font-size: 20px; margin: 0; width: auto; max-width--: 120px; padding-left: 10px; border-radius: 16px; color: white;}
.cs-product-item .aux-actions ul {padding-left: 12px; padding-right: 8px;}
.cs-product-item .aux-actions ul strong {display: flex; align-content: center; align-items: center; gap: 4px; color: white; font-weight: 400; cursor: pointer; padding-bottom: 1px; user-select: none; line-height: 1.4;}
.cs-product-item .aux-actions ul strong::after {content: ""; display: inline-block; background-image: url('/theme/icon/icon-down-white.svg'); width: 16px; height: 18px; background-size: contain; background-position: center; }
.cs-product-item .aux-actions ul strong.selected {}
.cs-product-item .aux-actions ul strong.selected::after {display: none; width: 6px;}
.cs-product-item .aux-actions ul li {display: none; cursor: pointer;}
.cs-product-item .aux-actions ul li:hover {text-decoration: underline;}
.cs-product-item .aux-actions ul li.remove {font-style--: italic; display: none; color--: #D90A0A;}
.cs-product-item .aux-actions.default {background-color: rgb(45 45 45 / 85%);}
.cs-product-item .aux-actions.default strong.selected {display: none;}
.cs-product-item .aux-actions.default ul li.remove {display: none;}
.cs-product-item .aux-actions.expand ul {padding-bottom: 4px}
.cs-product-item .aux-actions.expand ul li {display: block;}
.cs-product-item .aux-actions.expand ul li.selected {cursor: default; opacity: 0.6;}
.cs-product-item .aux-actions.default {display: none;}
.cs-product-item:hover .aux-actions.default {display: inline-block;}
.cs-product-item .aux-actions.selected {background-color: rgb(245 45 45 / 85%); background-color: #d9d6cede;}
.cs-product-item .aux-actions.selected ul>* {color: black;}
.cs-product-item .aux-actions.selected strong.default {display: none;}
.cs-product-item .aux-actions.selected strong.selected {display: block; padding-right: 6px; color--: white; text-shadow--: 1px 1px 1px gray}
.cs-product-item .aux-actions.selected strong.selected .fa::before {font-size: 16px; position: relative; opacity: 0.6;}
.cs-product-item .aux-actions.selected.expand ul li.remove {display: block; font-style: italic; font-size: 80%;}
.cs-product-item .aux-actions.selected.expand ul li.remove:hover {text-decoration: none;}

.aux-user-folders {}
.aux-user-folders .section-header {margin-top: 10px; margin-bottom: 8px; display: flex; align-items: flex-end; justify-content: space-between; }
.aux-user-folders .section-header .title {font-size: 20px; margin-bottom: 0;}
.aux-user-folders .folder-list {display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px;}
.aux-user-folders .folder {border: solid 1px #c5c5c5; flex: 1 1; padding: 0; background-color: white; border-radius: 16px;}
.aux-user-folders .folder {display: flex; flex-wrap: nowrap; justify-content: space-between;  align-items: flex-start; flex-basis: 330px;}
.aux-user-folders .folder header {flex-basis: 148px; padding: 20px; }
.aux-user-folders .folder h3 {margin-bottom: 0px; line-height: 1.2}
.aux-user-folders .folder h3 a {color: inherit; font-size: 28px; text-decoration: none;}
.aux-user-folders .folder h3 a:hover {text-decoration: underline;}
.aux-user-folders .folder .count {display: block; color: #787878; font-size: 18px; font-style: normal;}
.aux-user-folders .folder .count strong {font-weight: 600;}
.aux-user-folders .folder a {color: #C5BBA8;}
.aux-user-folders .folder aside {display: flex; flex-wrap: wrap; max-width: 300px; justify-content: flex-end; align-self: center; padding: 20px; }
.aux-user-folders .folder aside img {max-height: 80px; border-radius: 16px;}
.aux-user-folders .folder header>a {display: none;}
.aux-user-folders .buttons {text-align: right; margin-top: 8px;}

.cs-page-user-folder {margin-top: 20px;}
.cs-aside .aux-user-folders .title {display: none;}
.cs-aside .aux-user-folders .aux-new-folder {display: none;}
.cs-aside .aux-user-folders .folder {flex-direction: column; flex-basis: unset;}
.cs-aside .aux-user-folders .folder.selected {display: none;}
.cs-aside .aux-user-folders .folder header {flex-basis: unset;}
.cs-aside .aux-user-folders .folder aside {justify-content: center; padding-bottom: 12px;}
.cs-aside .aux-user-folders .folder aside img {max-width: 60px;}

.cs-product-item .aux-actions.removeonly {background-color: rgb(255 255 255 / 85%); display: none; backdrop-filter: none;}
.cs-product-item .aux-actions.removeonly strong.selected {padding-right: 6px; color: #d90a0a; font-weight: 600; font-size: 18px;}
.cs-product-item:hover .aux-actions.removeonly {display: inline-block;}

.cs-tm-main .page-title {margin-bottom: 10px;}
.cs-tm-main .page-meta {display: flex; margin-bottom: 20px; justify-content: space-between;}
.cs-tm-main .page-meta p {margin: 0; }
.cs-tm-main .page-meta p a:hover {color: inherit}

.cs-aside {margin-bottom: 20px;} 
#comments .uk-comment~ul {padding-left: 70px; margin-top: 20px;}
.cs-comments {margin-top: 30px; save-color: #fbf8f4;}
.cs-comments a {color: #C5BBA8;}
.cs-comments .uk-comment-primary {padding: 15px 30px;}
.cs-comments .section-title {border-top: solid 1px black; font-size: 24px; padding-top: 18px;}
.cs-comments .uk-width-expand {padding-left: 0;}
.cs-comments .uk-comment-title {display: inline-block; color: #7e7e7e; font-size: 14px}
.cs-comments .uk-comment-meta {display: inline-block; float: right;}
.cs-comments .uk-comment-header {margin-bottom: 10px;}
.cs-comments .uk-comment-header .comment-reply-link {color: black; top: 20px;}
.cs-comments .uk-comment-header .comment-reply-link:hover {color: inherit; opacity: 0.8}
.cs-comments .uk-comment-body p {font-size: 18px; margin-bottom: 10px;}
.cs-comments .comment-respond .logged-in-as {display: none;}
.cs-comments .comment-respond .uk-form-label {display: none;}
.cs-comments .comment-respond .comment-reply-title {margin-bottom: 5px;}
.cs-comments .comment-respond .comment-reply-title small {padding-left: 10px;}
.cs-comments .comment-respond .comment-form-comment {margin-top: 5px;}
.cs-comments .comment-respond .uk-textarea {background-color: white; font-size: 20px; padding: 15px;}
.cs-comments .comment-respond .uk-textarea:focus {background-color: white;}
.cs-comments .comment-respond .submit {float: right; font-style: normal; background-color: #C5BBA859; text-transform: none; font-size: 16px; color: #333; letter-spacing: unset;}
.cs-comments .comment-respond .submit:hover {background-color: #333; color: white; border-color: black;}

.atelier-overlay {position: relative;}

/* lumiera */

.uk-offcanvas-container, .uk-offcanvas-bar-animation {transition-duration: 700ms!important;}
.uk-offcanvas-bar .uk-offcanvas-close {zoom: 2;}

/* comments */

.uk-comment-body {}
.dco-attachment-gallery .dco-attachment.dco-image-attachment {}
.dco-attachment-gallery .dco-attachment.dco-image-attachment img {height: 200px!important;}