/*!
Theme Name:   Yuki Blogger
Theme URI:    https://www.wpmoose.com/themes/yuki-blogger/
Author:       WP Moose
Author URI:   https://www.wpmoose.com
Description:  Multi-purpose and Customizable Free WordPress Blog Theme. based on the modern and highly customizable Yuki multipurpose WordPress theme. You can fully customize your site with rich customize options. It is perfect for personal bloggers and content publishers.
Template:     yuki-premium
Version:      1.0.0
Tested up to: 6.0
Requires PHP: 7.2
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  yuki-blogger
Tags: news, blog, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, block-styles, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, threaded-comments, theme-options, translation-ready, wide-blocks
*/

@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&family=Vesper+Libre&display=swap');


:root {
    --base: #051107;
    --base-100: #132015;

    --primary-active: #af1d2c;
    --primary-default: #c4403b;
}
body {
    font-family: 'Vesper Libre', serif;
}
.container {
    margin: auto;
}
.columns {
    column-gap: 30px;
}
.card {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    box-shadow: rgba(44, 62, 80, 0.45) 0px 15px 18px -15px;
    background: white;

}
.card .image-container {
    overflow: hidden;
}
.card .image-container img {
    transition: 0.3s;
}
.card .image-container .card-content {
    padding: 30px;
}
.card .image-container:hover > img {
    transform: scale(1.1);
}
.card .card-content {
    padding: 30px;
    color: var(--base);
}
.columns-3 {
    column-count: 3;
}
.columns-4 {
    column-count: 4;
}
.columns-5 {
    column-count: 5;
}
.columns-6 {
    column-count: 6;
}
.post-categories li a {
    color: #c4403b;
}

.flex {
    display: flex;
}
.flex .flex-1 {
    flex: 1;
}
.flex .flex-2 {
    flex: 2;
}
.flex .flex-3 {
    flex: 3;
}
.flex .flex-4 {
    flex: 4;
}
.flex .flex-5 {
    flex: 5;
}
.flex .flex-6 {
    flex: 6;
}

.grid {
    display: grid;
    grid-gap: 20px;
}
.grid.grid-3 {
    grid-template-columns: repeat(3,1fr);
}
.grid.grid-4 {
    grid-template-columns: repeat(4,1fr);
}
.grid.grid-5 {
    grid-template-columns: repeat(5,1fr);
}

h2 {
    font-size: 1.25rem;
    font-weight: 700;
}


.bottom-widget .yuki-page-builder-element {
    margin: auto;
    border-top: 3px solid #c4403b;
    border-bottom: 3px solid #c4403b;
    min-width: 800px;
}
.bottom-widget .yuki-page-builder-element p {
    font-size: 19px;
}
.bottom-widget .yuki-page-builder-element .yuki-widget {
    border: none;
}
.bottom-widget .yuki-page-builder-element .yuki-widget .outer-container p {
    font-family: 'Pinyon Script', cursive;
    font-size: 32px;
    color: white;
}
.bottom-widget .yuki-page-builder-element .yuki-widget .outer-container p#quotes {
    font-size: 36px;
    line-height: 1.3;
}

body.parent-pageid-1351 .article-featured-image {
    display: none;
}
body.parent-pageid-1351 .wp-block-media-text__content {
    align-self: auto;
}
body.parent-pageid-1351 .wp-block-button__link.wp-element-button {
    background: transparent;
    color: var(--primary-active);
    font-size: 70px;
    border: none;
    padding: 0 15px 5px;
}

.title-container {
    text-align: center;
}
.title-container h1 {
    font-size: 48px;
    font-weight: 700;
    padding: 60px 0 20px;
    color: #17212a;
}
.title-container p {
    font-size: 32px;
    color: #17212a;
}

.sharedaddy {
    display: none;
}

.card .entry-thumbnail {
    height: auto !important;
}

ul.category-selector {
    margin: 0;
    padding: 30px 24px 0;
}
ul.category-selector li {
    display: inline-block;
    border-radius: 4px;
    padding: 6px 11px 7px 18px;
    margin-right: 6px;
    background: var(--primary-default);
    color: #fff;
    transition: 0.4s;
}
ul.category-selector li span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    margin-left: 11px;
    background: var(--base-100);
    color: #aaa;
    font-size: 12px;
    position: relative;
    top: -1px;
}
ul.category-selector li.all {
    padding: 6px 18px 7px;
    font-weight: 700;
}
ul.category-selector li:hover {
    background: var(--primary-active);
}

.cat-taxonomies[data-tax-type=badge] .entry-tax-item {
    display: none;
}

footer {
    background: white;
    box-shadow: rgba(44, 62, 80, 0.1) 0px 2px 10px 0px;
}
footer * {
    color: #212a33;
}
footer a:hover {
    color: #c4403b;
}
footer .top-row {
    padding: 30px 0;
    text-align: center;
    font-size: 19px;
}
footer .bottom-row {
    border-top: 3px solid #c4403b;
    padding: 16px 0;
}
footer .bottom-row div:last-child {
    text-align: right;
}
footer .top-row .social-block {
    display: block;
    margin: 0 auto;
}
footer .top-row .social-block li {
    display: inline-block;
    padding: 6px;
}
footer .top-row .social-block li .fab {
    font-size: 40px;
}

.woocommerce-Price-amount.amount {
    font-size: 23px;
}
.woocommerce .quantity input.qty {
    font-size: 20px;
    height: 36px;
    border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    border-color: rgba(180,180,180,0.4);
}
.woocommerce-product-attributes-item__label {
    padding-left: 15px;
}

.woocommerce .yuki-products li.product .button {
    display: none;
}

@media only screen and (max-width: 998px) {
    footer .top-row {
        padding: 50px 0 20px;
    }
    footer .bottom-row {
        padding: 5px 0;
    }
    footer .bottom-row div:first-of-type,
    footer .bottom-row div:last-of-type {
        text-align: center;
        padding: 8px 0;
    }
    .flex {
        /*display: block;*/
    }
    .bottom-widget .yuki-page-builder-element {
        min-width: 0;
    }
}

@media only screen and (max-width: 680px) {
    .columns-3,
    .columns-4,
    .columns-5,
    .columns-6 {
        column-count: 2;
    }
}

@media only screen and (max-width: 500px) {
    .columns-3,
    .columns-4,
    .columns-5,
    .columns-6 {
        column-count: 1;
    }
}

/*DARK MODE*/
html[data-yuki-theme="dark"] .card {
    background: var(--base);
}
html[data-yuki-theme="dark"] .card .card-content {
    color: #aaa;
}
html[data-yuki-theme="dark"] footer {
    background: var(--base);
}
html[data-yuki-theme="dark"] footer * {
    color: #a3a9a3;
}
html[data-yuki-theme="dark"] footer .columns .card .card-content {
    background: #17212a;
}
html[data-yuki-theme="dark"] footer .columns .card .card-content * {
    color: #aaa;
}
html[data-yuki-theme="dark"] .title-container h1 {
    color: #aaa;
}
html[data-yuki-theme="dark"] .title-container p {
    color: #aaa;
}

button.yuki-trigger.yuki_header_el_trigger {
    position: relative;
    z-index: 99999999;
}

.ppc-button-wrapper {
    margin: 40px 0 20px;
}

button.single_add_to_cart_button {
    margin-left: 8px;
}

.woocommerce form [type=checkbox],
.yuki-article-content [type=checkbox],
.yuki-form [type=checkbox],
.yuki-raw-html [type=checkbox],
.yuki-widget [type=checkbox] {
    background-color: #eee;
}

@media only screen and (max-width: 1024px) {
    .yuki-post-item-thumb {
        min-height: 450px;
    }
}

.select2-results__option {
    color: #e5e5e5;
}