/*change font*/
body {
    font-size: var(--font-size) !important;
    transition: background-color .3s ease, color .3s ease;
}

/*remove sequoia left actionbar*/
#mobile_bar,
#right_sidebar {
    display: none;
}

#footer,
#main_wrapper {
    padding-right: 0;
}

/*remove main Cta*/
#main_book {
    display: none;
}

#highlight_menu {
    margin: 0 1em;
}

#languages {
    display: none;
}

h1 {
    text-transform: uppercase;
    margin-top: .7em;
}

#open_menu .icon::before {
    height: 25px;
    margin-top: -12.5px;
    border-width: 2px 0;
}

#open_menu .icon::after {
    height: 2px;
    margin-top: 2px;
}

/*enlarge mega*/
@media (min-width: 1000px) {
    .mega_details_content .gallery_carousel {
        --max-widht: 780px !important;
    }
}

.filterable_section .filters ul li.active a {
    color: var(--bg-color-associated);
}

/*panel*/

.theme {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 50px 0;
    font-size: 1.2em;
}

.select {
    margin-right: 5px;
}

.theme_select {
    display: flex;
    margin: 0 5px;
    color: currentColor;
    text-decoration: none;
    position: relative;
}

.lightbox,
.size,
.color,
.font {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lightbox:before,
.size:before,
.font:before {
    content: '\2022';
    color: currentColor;
    margin: 0 1em;

}

.circle {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    color: #000;
    font-size: 18px;
    align-items: center;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 1;
}

.theme_is_dark .circle{
    background: #000;
    color: #fff;
}


.theme_is_dark .circle.bright {
    background: #fff;
    color: #000;
}


.circle.bright {
    background: #000;
    color: #fff;
}

.circle.custom {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%)
}

.circle.serif {
    font-family: serif;
    font-size: 19px;
}

.circle.sans-serif {
    font-family: sans-serif;
}

.circle.monospace {
    font-family: monospace;
}

.circle._20pt {
    font-size: 20pt;
}

.circle._15pt {
    font-size: 15pt;
}

.circle._10pt {
    font-size: 10pt;
}

.theme_select input {
    z-index: 0;
    position: absolute;
    width: 20px;
    opacity: 0;
}

body.color_transition * {
    transition: none !important;
}

/*theme dark*/

body.theme_is_dark {
    --bg: #222;
    --bg-l-3: #000;
    --bg-l-5: #333;
    --bg-color-associated: #ddd;
    --titles: #ddd;
    --header: #000;
    --header-color-associated: #ddd;
    --hover: #fff;
    --hover-color-associated: #000;
    --main: #111;
}

body.theme_is_dark #logo,
body.theme_is_dark .filterable_section .thumb {
    filter: invert(1) contrast(2.5);
    background-color: unset !important;
}

body:not(.theme_is_dark) .filterable_section .thumb {
    filter: contrast(2.5);
    background-color: unset !important;
}

body.theme_is_dark #highlight_menu ul.menu > li.menu-item-has-children:hover:after {
    border-color: transparent transparent #fff transparent;
}

/*custom color*/
body.theme_is_dark.custom,
body.custom {
    --accessible-color: calc(
            ((((var(--r) * 299) +
            (var(--g) * 587) +
            (var(--b) * 114)) / 1000) - 128) * -1000
    );
    --titles: rgb(
            var(--accessible-color),
            var(--accessible-color),
            var(--accessible-color)
    );
    --bg-color-associated: rgb(
            var(--accessible-color),
            var(--accessible-color),
            var(--accessible-color)
    );
}

body.custom h2.the_subtitle{
    color: var(--titles);
}

    /* font */
body.serif {
    --first-font: 'serif';
}

body.monospace {
    --first-font: monospace;
}

/*footer*/

#footer h3 {
    font-size: 2.2em;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    line-height: 120%;
    padding-top: 40px;
    text-align: center;
    font-family: var(--highlight-font);
    color: #333;
}


.theme_is_dark #footer h3 {
    color: #ddd;
}

.theme_is_dark #footer {
    color: #ddd;
}



#footer{
    color: #333;
    background: var(--bg-l-3) !important;
}
#footer_menu.no_image_available {
    background: var(--bg-l-3) !important;
    color: currentColor !important;
    padding: 70px;
}

#footer_menu::before {
    content: none;
}

#footer {
    padding-bottom: 0 !important;
}

#footer_bottom {
    display: none;
}

/*tooltip*/

.theme_select .tooltip {
    background-color: #000;
    color: #fff;
    display: none;
    padding: 5px;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: .9em;
    min-width: 200px;
    transition: all .3s ease;
    top: -15px;
    left: 50%;
    transform: translate(-50%, calc(-100% - 10px));
}

.theme_is_dark .theme_select .tooltip{
    background-color: #fff;
    color: #000;
}



.theme_select::before {
    background-color: #000;
    content: ' ';
    display: none;
    position: absolute;
    width: 15px;
    height: 15px;
    z-index: 999;
    top: -13px;
    left: 50%;
    transform: translate(-50%, calc(-100% - 5px)) rotate(45deg);
}


.theme_is_dark .theme_select::before{
    background-color: #fff;
}

.theme_select:hover::before {
    display: block;
}

.theme_select:hover .tooltip {
    display: block;
}

.filterable_section .thumb {
    font-size: 300px;
    color: black;
}