/*
Theme Name: Elementra Child Theme
Template: elementra
Theme URI: https://elementra.themerex.net/
Description: Elementra Child Theme
Author: ThemeREX
Author URI: https://themerex.net/
Version: 1.0
Tested up to: 6.7
Requires at least: 5.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: elementra
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

:root {
    --theme-var-main_content_padding: 2rem;
}

.page_content_wrap {
    padding-bottom: 6rem;
}

/* Catalog */
.tax-catalog_category,
.post-type-archive-catalog {
    background-color: var(--theme-color-alt_bg_color, #fff);
}

.catalog-template table:not(:where([class*="tribe-events"])) > tbody > tr:nth-child(2n+1) > td,
.catalog-template-default table:not(:where([class*="tribe-events"])) > tbody > tr:nth-child(2n+1) > td {
    background-color: var(--theme-color-alt_bd_color);
    color: var(--theme-color-alt_title);
}

.catalog-template table:not(:where([class*="tribe-events"])) > tbody > tr:nth-child(2n) > td,
.catalog-template-default table:not(:where([class*="tribe-events"])) > tbody > tr:nth-child(2n) > td{
    background-color: var(--theme-color-alt_bg_color_2);
    color: var(--theme-color-alt_title);
}

.post-type-archive-catalog .post_layout_classic_2 .post_title a {
    color: var( --e-global-color-theme_color_alt_title );
}

/* Catalog category grid + Load more */
.catalog_category_title {
    color: var( --e-global-color-theme_color_alt_title );
    margin-bottom: 64px;
}

.catalog_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

@media (min-width: 1024px) {
    .catalog_grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 24px;
    }
}

.catalog_item {
    height: 100%;
    margin-bottom: 30px;
}

.catalog_item_thumb {
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.catalog_item_thumb-wrap {
        padding-bottom: 100%;
        position: relative;
}

.catalog_item_thumb a {
    display: block;
    width: 100%;
    height: auto;
}

.catalog_item_thumb img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}

.catalog_item_title {
    font-size: var(--theme-font-h6_font-size);
    line-height: var(--e-global-typography-theme_font_h6-line-height);
    letter-spacing: var(--e-global-typography-theme_font_h6-letter-spacing);
}

.catalog_item_title a {
    font-size: var(--theme-font-h6_font-size);
    line-height: var(--e-global-typography-theme_font_h6-line-height);
    letter-spacing: var(--e-global-typography-theme_font_h6-letter-spacing);
    color: var(--e-global-color-theme_color_alt_title);
}

.catalog-empty-state {
    grid-column: 1 / -1;
    padding: 32px 24px;
    border: 1px solid var(--theme-color-bd_color, #DEE5E7);
    border-radius: 16px;
    background: #fff;
    text-align: center;
}

.catalog-empty-state__title {
    margin: 0;
    color: var(--e-global-color-theme_color_alt_title);
}

.catalog-empty-state__actions {
    margin: 16px 0 0;
}

.catalog_load_more_wrap {
    margin-top: 24px;
    text-align: center;
}

.catalog_load_more_btn {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 18px;
    border-radius: 999px;
    border: 1px solid var(--theme-color-bd_color, #DEE5E7);
    background: var(--theme-color-bg_color_2, #F1F6F7);
    color: var(--theme-color-title, #1F2C2E);
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.catalog_load_more_btn:hover {
    background: var(--theme-color-link, #5aa1e3);
    border-color: var(--theme-color-link, #5aa1e3);
    color: #fff;
}

/* WPFORMS */
.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium, .wp-core-ui div.wpforms-container input.wpforms-field-medium, .wp-core-ui div.wpforms-container select.wpforms-field-medium, .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium {
    max-width: 100%;
}