/*
Theme Name:   Tattoopress Child
Theme URI:    https://tattoografika.com
Description:  Tattoopress Child Theme
Author:       Midkard
Template:     tattoopro
Version:      1.0.1
Tags:         light, dark
*/
.single-post .entry-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.post_rating {
    font-size: 0;
    width: auto;
    text-align: center;
}

.post_rating img {
    display: inline-block;
    width: 20px;
    margin-right: 3px;
}

@media screen and (min-width: 550px) {
    .single-post .entry-meta {
        flex-wrap: nowrap;
    }

    .post_rating {
        margin-left: 25px;
    }

}

@media (max-width:768px) {

    .wvc-preloader-bg:before,
    .wvc-il-bg-holder-loading:before,
    .wvc-vs-big-video-loading:before,
    .tattoopress-bg-filmgrain:before {
        background: #0d0d0d;
    }
}


.day-night {
    position: absolute;
    z-index: 10;
    right: 25px;
    top: -20px;
    display: flex;

    width: 104.31px;
    height: 26px;
    border-radius: 24.375px;
    background: #C4C4C4;
    cursor: pointer;

    font-size: 10px;
    line-height: 1;
}

@media screen and (min-width: 1050px) {
    .day-night {
        top: 20px;
    }
}

.day-thumbler {
    display: flex;
    width: 45%;
    border-radius: 24.375px;
    justify-content: center;
    align-items: center;
    color: #000000;
}

.light .day-thumbler {
    width: 55%;
    background: #FFFEFE;
    border: 0.8125px solid #C4C4C4;
    color: #4F4E4E;
}

.night-thumbler {
    display: flex;
    flex-grow: 1;

    border-radius: 24.375px;
    background: #000000;
    border: 0.8125px solid #FFFEFE;

    justify-content: center;
    align-items: center;
    color: #FFFEFE;
}

.light .night-thumbler {
    background: none;
    border: none;
}


.post_content_end {
    display: flex;
    margin: 25px 0;
    justify-content: space-between;
    flex-wrap: wrap;
}

.post_content_end .wolf-share-buttons-container {
    margin-top: 0;
}

.post__set_rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    font-size: 18px;
    font-weight: 500;
}

.post-ratings {
    width: auto;
    line-height: 25px;
}

.post-ratings-loading {
    height: auto;
}

.post-ratings img:first-of-type {
    margin-left: 15px;
}

.post-ratings img,
.post-ratings-loading img,
.post-ratings-image img {
    display: inline-block;
    width: 27px;
    margin-right: 4px;
}

/* Color Scheme */
/* Accent Color */
.content-inner.light {
    background-color: #E5E5E5;
    /* WVC icons */
    /********************* WVC ***********************/
    /* Main Text Color */
    color: #222222;
    /* Strong Text Color */
    /* Border Color */
    /*.link:after, .underline:after, p:not(.attachment) > a:not(.no-link-style):not(.button):not(.button-download):not(.added_to_cart):not(.button-secondary):not(.menu-link):not(.filter-link):not(.entry-link):not(.more-link):not(.wvc-image-inner):not(.wvc-button):not(.wvc-bigtext-link):not(.wvc-fittext-link):not(.ui-tabs-anchor):not(.wvc-icon-title-link):not(.wvc-icon-link):not(.wvc-social-icon-link):not(.wvc-team-member-social):not(.wolf-tweet-link):not(.author-link):after, .link:before, .underline:before, p:not(.attachment) > a:not(.no-link-style):not(.button):not(.button-download):not(.added_to_cart):not(.button-secondary):not(.menu-link):not(.filter-link):not(.entry-link):not(.more-link):not(.wvc-image-inner):not(.wvc-button):not(.wvc-bigtext-link):not(.wvc-fittext-link):not(.ui-tabs-anchor):not(.wvc-icon-title-link):not(.wvc-icon-link):not(.wvc-social-icon-link):not(.wvc-team-member-social):not(.wolf-tweet-link):not(.author-link):before{ background:  lighten($color-base, 40%)!important; }*/
    /*.wvc-breadcrumb a:hover,*/
    /*.nav-menu-desktop > li:not(.menu-button-primary):not(.menu-button-secondary) > a:first-child .menu-item-text-container:before{ color: lighten($color-base, 40%); }*/
    /* Button */
}

.content-inner.light .accent,
.content-inner.light .related-posts .entry-related-post .entry-title,
.content-inner.light .entry-single-post .wolf-share-link {
    color: #888888 !important;
}

.content-inner.light #primary .related-posts .entry-related-post .entry-title {
    color: black !important;
}

.content-inner.light .logo-text:after {
    color: #888888;
}

.content-inner.light #tattoopress-loading-point {
    color: #888888;
}

.content-inner.light #back-to-top:hover {
    background: #888888 !important;
    border-color: #888888 !important;
}

.content-inner.light #tattoopress-cursor-dot {
    background-color: #888888;
}

.content-inner.light blockquote:before {
    color: #888888;
}

.content-inner.light .tattoopress-heading:after {
    color: #888888;
}

.content-inner.light .wvc-single-image-overlay-title span:after,
.content-inner.light .work-meta-value a:hover {
    color: #888888;
}

.content-inner.light .nav-menu li.sale .menu-item-text-container:before,
.content-inner.light .nav-menu-mobile li.sale .menu-item-text-container:before {
    background: #888888 !important;
}

.content-inner.light .widget_price_filter .ui-slider .ui-slider-range,
.content-inner.light mark,
.content-inner.light p.demo_store,
.content-inner.light .woocommerce-store-notice {
    background-color: #888888;
}

.content-inner.light .button-secondary {
    background-color: #888888;
    border-color: #888888;
}

.content-inner.light .tattoopress-button-special-accent,
.content-inner.light .tattoopress-button-solid-accent {
    border-color: #888888;
}

.content-inner.light .tattoopress-button-solid-accent,
.content-inner.light .tattoopress-button-special-accent {
    background-color: #888888;
}

.content-inner.light .tattoopress-button-outline-accent {
    border-color: #888888;
}

.content-inner.light .tattoopress-button-outline-accent:hover {
    background-color: #888888;
}

.content-inner.light .entry-post-standard .entry-title a:hover,
.content-inner.light .entry-post-standard .entry-meta a:hover,
.content-inner.light .entry-post-grid .entry-title a:hover,
.content-inner.light .entry-post-grid .entry-meta a:hover,
.content-inner.light .entry-post-masonry .entry-title a:hover,
.content-inner.light .entry-post-masonry .entry-meta a:hover {
    color: #888888 !important;
}

.content-inner.light .wolf-twitter-widget a.wolf-tweet-link,
.content-inner.light .wolf-bigtweet-content a,
.content-inner.light .widget.widget_categories a:hover,
.content-inner.light .widget.widget_pages a:hover,
.content-inner.light .widget .tagcloud a:hover,
.content-inner.light .widget.widget_recent_comments a:hover,
.content-inner.light .widget.widget_recent_entries a:hover,
.content-inner.light .widget.widget_archive a:hover,
.content-inner.light .widget.widget_meta a:hover,
.content-inner.light .widget.widget_product_categories a:hover,
.content-inner.light .widget.widget_nav_menu a:hover,
.content-inner.light a.rsswidget:hover,
.content-inner.light .wvc-font-dark .wolf-twitter-widget a.wolf-tweet-link:hover,
.content-inner.light .wvc-font-dark .widget.widget_categories a:hover,
.content-inner.light .wvc-font-dark .widget.widget_pages a:hover,
.content-inner.light .wvc-font-dark .widget .tagcloud a:hover,
.content-inner.light .wvc-font-dark .widget.widget_recent_comments a:hover,
.content-inner.light .wvc-font-dark .widget.widget_recent_entries a:hover,
.content-inner.light .wvc-font-dark .widget.widget_archive a:hover,
.content-inner.light .wvc-font-dark .widget.widget_meta a:hover,
.content-inner.light .wvc-font-dark .widget.widget_product_categories a:hover,
.content-inner.light .wvc-font-dark .widget.widget_nav_menu a:hover,
.content-inner.light .wvc-font-dark a.rsswidget:hover {
    color: #888888 !important;
}

.content-inner.light .group_table td a:hover {
    color: #888888;
}

.content-inner.light .fancybox-thumbs>ul>li:before {
    border-color: #888888;
}

.content-inner.light .wvc-background-color-accent {
    background-color: #888888;
}

.content-inner.light .accent-color-is-black .wvc-font-color-light .wvc_bar_color_filler {
    background-color: white !important;
}

.content-inner.light .wvc-accordion-tab.ui-state-active a:after,
.content-inner.light .wvc-testimonial-avatar:after {
    color: #888888;
}

.content-inner.light .wvc-tabs-menu li.ui-tabs-active a {
    color: #888888 !important;
}

.content-inner.light .wvc-highlight-accent {
    background-color: #888888;
    color: #fff;
}

.content-inner.light .wvc-icon-background-color-accent {
    box-shadow: 0 0 0 0 #888888;
    background-color: #888888;
    color: #888888;
    border-color: #888888;
}

.content-inner.light .wvc-icon-background-color-accent .wvc-icon-background-fill {
    box-shadow: 0 0 0 0 #888888;
    background-color: #888888;
}

.content-inner.light .wvc-button-background-color-accent {
    background-color: #888888;
    color: #888888;
    border-color: #888888;
}

.content-inner.light .wvc-button-background-color-accent .wvc-button-background-fill {
    box-shadow: 0 0 0 0 #888888;
    background-color: #888888;
}

.content-inner.light .wvc-svg-icon-color-accent svg * {
    stroke: #888888 !important;
}

.content-inner.light .wvc-one-page-nav-bullet-tip {
    background-color: #888888;
}

.content-inner.light .wvc-one-page-nav-bullet-tip:before {
    border-color: transparent transparent transparent #888888;
}

.content-inner.light .accent,
.content-inner.light .comment-reply-link,
.content-inner.light .bypostauthor .avatar {
    color: #888888;
}

.content-inner.light .wvc-button-color-button-accent,
.content-inner.light .more-link,
.content-inner.light .buton-accent {
    background-color: #888888;
    border-color: #888888;
}

.content-inner.light .wvc-ils-item-title:before {
    background-color: #888888 !important;
}

.content-inner.light .wvc-io-active .wvc-io-item-title:after,
.content-inner.light .wvc-interactive-overlay-item a:hover .wvc-io-item-title:after {
    color: #888888;
}

.content-inner.light .widget .tagcloud:before {
    color: #888888;
}

.content-inner.light .group_table td a:hover {
    color: #888888;
}

.content-inner.light .added_to_cart,
.content-inner.light .button,
.content-inner.light .button-download,
.content-inner.light .more-link,
.content-inner.light .wvc-mailchimp-submit,
.content-inner.light input[type=submit] {
    background-color: #888888;
    border-color: #888888;
}

.content-inner.light .wvc-icon-color-accent {
    color: #888888;
}

.content-inner.light .wvc-icon-background-color-accent {
    box-shadow: 0 0 0 0 #888888;
    background-color: #888888;
    color: #888888;
    border-color: #888888;
}

.content-inner.light .wvc-icon-background-color-accent .wvc-icon-background-fill {
    box-shadow: 0 0 0 0 #888888;
    background-color: #888888;
}

.content-inner.light #ajax-progress-bar {
    background: #888888;
}

.content-inner.light .background-accent {
    background: #888888 !important;
}

.content-inner.light .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,
.content-inner.light .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,
.content-inner.light .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #888888 !important;
}

.content-inner.light .trigger {
    background-color: #888888 !important;
    border: solid 1px #888888;
}

.content-inner.light .bypostauthor .avatar {
    border: 3px solid #888888;
}

.content-inner.light ::selection {
    background: #888888;
}

.content-inner.light ::-moz-selection {
    background: #888888;
}

.content-inner.light .spinner {
    color: #222222;
}

.content-inner.light .wvc-it-label {
    color: #888888;
}

.content-inner.light .wvc-icon-box.wvc-icon-type-circle .wvc-icon-no-custom-style.wvc-hover-fill-in:hover,
.content-inner.light .wvc-icon-box.wvc-icon-type-square .wvc-icon-no-custom-style.wvc-hover-fill-in:hover {
    -webkit-box-shadow: inset 0 0 0 1em #888888;
    box-shadow: inset 0 0 0 1em #888888;
    border-color: #888888;
}

.content-inner.light .wvc-pricing-table-featured-text,
.content-inner.light .wvc-pricing-table-featured .wvc-pricing-table-button a {
    background: #888888;
}

.content-inner.light .wvc-pricing-table-featured .wvc-pricing-table-price,
.content-inner.light .wvc-pricing-table-featured .wvc-pricing-table-currency {
    color: #888888;
}

.content-inner.light .wvc-pricing-table-featured .wvc-pricing-table-price-strike:before {
    background-color: #888888;
}

.content-inner.light .wvc-team-member-social-container a:hover {
    color: #888888;
}

.content-inner.light .spinner-color,
.content-inner.light .sk-child:before,
.content-inner.light .sk-circle:before,
.content-inner.light .sk-cube:before {
    background-color: #222222 !important;
}

.content-inner.light a,
.content-inner.light strong,
.content-inner.light .products li .price,
.content-inner.light .products li .star-rating,
.content-inner.light .wr-print-button,
.content-inner.light table.cart thead,
.content-inner.light #content table.cart thead {
    color: black;
}

.content-inner.light .tattoopress-button-text::before,
.content-inner.light .tattoopress-button-text::after {
    background: black;
}

.content-inner.light #primary p>a {
    color: black !important;
}

.content-inner.light .bit-widget-container,
.content-inner.light .entry-link {
    color: black;
}

.content-inner.light .wr-stars>span.wr-star-voted:before,
.content-inner.light .wr-stars>span.wr-star-voted~span:before {
    color: black !important;
}

.content-inner.light .widget-title,
.content-inner.light .woocommerce-tabs ul.tabs {
    border-bottom-color: rgba(255, 255, 255, 0.03);
}

.content-inner.light .widget_layered_nav_filters ul li a {
    border-color: rgba(255, 255, 255, 0.03);
}

.content-inner.light hr {
    background: rgba(255, 255, 255, 0.03);
}

.content-inner.light .category-filter ul li a:before {
    background: #888888 !important;
}

.content-inner.light .wvc-list a:hover {
    color: #888888 !important;
}

.content-inner.light .nav-menu li.menu-button-primary>a:first-child>.menu-item-inner:not(:hover) {
    background: #888888 !important;
}

.content-inner.light .nav-menu li.menu-button-primary>a:first-child>.menu-item-inner,
.content-inner.light .nav-menu li.menu-button-secondary>a:first-child>.menu-item-inner {
    border-color: #888888;
}

.content-inner.light .nav-menu li.menu-button-secondary>a:first-child>.menu-item-inner:hover {
    background: #888888;
}

.content-inner.light .tattoopress-heading:after {
    color: #888888;
}

.content-inner.light input[type=text]:focus,
.content-inner.light input[type=search]:focus,
.content-inner.light input[type=tel]:focus,
.content-inner.light input[type=time]:focus,
.content-inner.light input[type=url]:focus,
.content-inner.light input[type=week]:focus,
.content-inner.light input[type=password]:focus,
.content-inner.light input[type=checkbox]:focus,
.content-inner.light input[type=color]:focus,
.content-inner.light input[type=date]:focus,
.content-inner.light input[type=datetime]:focus,
.content-inner.light input[type=datetime-local]:focus,
.content-inner.light input[type=email]:focus,
.content-inner.light input[type=month]:focus,
.content-inner.light input[type=number]:focus,
.content-inner.light select:focus,
.content-inner.light textarea:focus {
    border-color: #888888 !important;
}

.content-inner.light .entry-mp-event .entry-container,
.content-inner.light .wvc-recipe-instructions o li:before,
.content-inner.light .wvc-recipe .wvc-recipe-counter-circle {
    background: #888888;
}

.content-inner.light .coupon .button:hover {
    background: #888888 !important;
    border-color: #888888 !important;
}

.content-inner.light .menu-item-fill {
    background: #888888 !important;
}

.content-inner.light .audio-shortcode-container .mejs-container .mejs-controls>.mejs-playpause-button {
    background: #888888;
}

.content-inner.light .menu-hover-style-h-underline .nav-menu-desktop li a span.menu-item-text-container:after {
    background-color: #888888 !important;
}

.content-inner.light ul.wc-tabs li:hover:after,
.content-inner.light ul.wc-tabs li.ui-tabs-active:after,
.content-inner.light ul.wc-tabs li.active:after,
.content-inner.light ul.wvc-tabs-menu li:hover:after,
.content-inner.light ul.wvc-tabs-menu li.ui-tabs-active:after,
.content-inner.light ul.wvc-tabs-menu li.active:after {
    color: #888888 !important;
}

.content-inner.light .wvc-font-dark ul.wvc-tabs-menu li.ui-tabs-active,
.content-inner.light .wvc-font-light ul.wvc-tabs-menu li.ui-tabs-active {
    box-shadow: inset 0 -3px 0 0 #888888 !important;
}

.content-inner.light .wvc-accordion-tab.ui-state-active .wvc-at-title-text,
.content-inner.light .wvc-accordion-tab.ui-state-active:hover .wvc-at-title-text {
    color: #888888 !important;
}

.content-inner.light .wvc-background-color-default.wvc-font-light {
    background-color: #E5E5E5;
}

.wpcf7-acceptance input {
    height: auto;
}


#coockie-offcanvas {
    --accent: #c74735;
    height: auto;
    background: #000;
    color: #FFF;
    border: none;
    border-radius: 20px 20px 0 0;
}

#coockie-offcanvas .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    gap: 1rem;
    align-items: center;
}

#coockie-offcanvas .btn {
    padding: 1rem 3.5rem;
    width: auto;
    font-weight: normal;
    justify-content: center;
    font-size: 12px;
    border-radius: 50px;
}

#coockie-offcanvas .btn-red {
    padding: 1rem 7rem;
    background-color: #c74735;
    border-color: #c74735;
}
#coockie-offcanvas .btn-red:hover {
    background-color: #000;
}

#coockie-modal {
    --bg: #000;
    --color: #FFF;
}
#coockie-modal .modal-dialog {
    max-width: 1200px;
}
#coockie-modal .modal-content {
    border: none;
}
#coockie-modal dnt-icon {
    width: 2rem;
    height: 2rem;
}

@media screen and (min-width: 1050px) {
    #coockie-offcanvas .container {
        flex-wrap: nowrap;
        gap: 2rem;
        justify-content: center;
    }

    #coockie-offcanvas .btn {
        font-size: 14px;
    }

    #coockie-modal .modal-body {
        padding-inline: 3rem;
    }
}