/*
Theme Name: Kameleon Child Theme Master
Theme URI: https://www.kameleonagency.com/
Description: Kameleon Child Theme Master is a child theme of Kameleon Parent Theme
Author: Kameleon Group Ltd
Author URI: https://kameleonagency.com
Template: kameleon-parent-theme
Version: 1.0.1
Text Domain: kameleon-child-theme-master
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: Bare Bones, Boilerplate, Empty Theme
*/

@import "./assets/css/kcss_utils.css";
/*
    Add your custom styles here
*/

:root {
    color-scheme: light dark;
}

/*
    Add your custom styles here
*/
/*#kam_filter_form{*/
/*    display: flex;*/
/*}*/

.input-field__wrapper select{
    width: 15rem;
}

.new_finance_submit {
    display: none;
    visibility: hidden;
}

.tracks-sections{
    width: 600px;
    display: flex;
    margin: 40px auto;
    position: relative;
}

.tracks-sections .tracks-section{
    display: block;
}

.tracks-sections .tracks-section>input[type="radio"] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.tracks-sections .tracks-section>label {
    display: block;
    padding: 6px 21px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    color: #FFF;
    background: #4A83FD;
}

.tracks-sections .content {
    display: none;
    overflow: hidden;
    width: 600px;
    padding: 25px;
    position: absolute;
    top: 27px;
    left: 0;
    background: #303030;
    color: #DFDFDF;
    opacity:0;
    transition: opacity 400ms ease-out;
}

.tracks-sections>.tracks-section>[id^="tracks-section"]:checked + label {
    top: 0;
    background: #303030;
    color: #F5F5F5;
}

.tracks-sections>.tracks-section>[id^="tracks-section"]:checked ~ [id^="tracks-section-content"] {
    display: block;
    opacity: 1;
    transition: opacity 400ms ease-out;
}/**********************************
***********************************
*
*
KCMS Archive Widget
*
*
***********************************
***********************************/

.kcss .kcss_results-wrapper {
    --kcss-archive-spacing: var(--kcss-clamp-smd, 1.85em);
    --kcss-archive-img-placeholder-width: var(--kcss-clamp-xl, 3em);
    display: flex;
    flex-direction: column;
    gap: var(--kcss-archive-spacing);
}

.kcss .kcss_card-wrapper {
    --kcss-post-card-border-radius: var(--kcss-global-border-radius, 0.2rem);
    --kcss-post-card-border-radius-tl: var(--kcss-post-card-border-radius);
    --kcss-post-card-border-radius-tr: var(--kcss-post-card-border-radius);
    --kcss-post-card-border-radius-br: var(--kcss-post-card-border-radius);
    --kcss-post-card-border-radius-bl: var(--kcss-post-card-border-radius);

    --kcss-post-card-border-width: calc(var(--kcss-root-size, 1)* .1rem);
    --kcss-post-card-border-style: solid;
    --kcss-post-card-border-color: rgba(0,0,0,0);
    --kcss-post-card-hover-border-color: rgba(0,0,0,0.3);
    --kcss-post-card-active-border-color: rgba(0,0,0,0.2);
    --kcss-post-card-active-hover-border-color: rgba(0,0,0,0.2);

    border: var(--kcss-post-card-border-width)
    var(--kcss-post-card-border-style)
    var(--kcss-post-card-border-color, rgba(0,0,0,0));
    padding-block-start: var(--kcss-clamp-smd, 1.85em);
    padding-block-end: var(--kcss-clamp-smd, 1.85em);
    padding-inline-start: var(--kcss-clamp-smd, 1.85em);
    padding-inline-end: var(--kcss-clamp-smd, 1.85em);
    row-gap: var(--kcss-archive-spacing);
    column-gap: var(--kcss-archive-spacing);
    background-color: var(--e-global-color-1526bd2);
    border-radius:  var(--kcss-post-card-border-radius-tl)
    var(--kcss-post-card-border-radius-tr)
    var(--kcss-post-card-border-radius-br)
    var(--kcss-post-card-border-radius-bl);
    display: grid;
    grid-template-columns: var(--kcss-archive-img-placeholder-width) auto;
    transition: all 0.25s ease-in-out
}

.kcss .kcss_card-wrapper a {
    color: inherit;
}

.kcss .kcss_card-wrapper:hover {
    cursor: pointer;
    --kcss-post-card-border-color: var(--kcss-post-card-active-border-color);
}

.kcss .kcss_card-wrapper:focus-within {
    outline: var(--kcss-focus-outline-width, 0.2rem) var(--kcss-focus-outline-style, solid) var(--kcss-focus-outline-color, var(--e-global-color-accent));
}

.kcss .kcss_card-wrapper:focus-within a {
    outline: none;
}

.kcss .kcss_card-image-wrapper svg {
    max-width: var(--kcss-archive-img-placeholder-width);
}



/**********************************
***********************************
*
*
KCMS Archive Widget Filter
*
*
***********************************
***********************************/


.kcss .input-field__wrapper input[type=submit] {
    font-family: var(--kcss-input-field-submit-font-family), Sans-serif;
    font-size: var(--kcss-input-field-submit-font-size);
    font-weight: var(--kcss-input-field-submit-font-weight);
    text-transform: var(--kcss-input-field-submit-text-transform);
    line-height: var(--kcss-input-field-submit-line-height);
    letter-spacing: var(--kcss-input-field-submit-letter-spacing);
    color: var(--kcss-input-field-submit-text-color, #fff);
    background-color: var(--kcss-input-field-submit-bg-color, #333);
    border: 0;
    z-index: 1;
    padding: var(--kcss-form-button-padding, 1.5em 1.5em);
}

.kcss .input-field__wrapper input[type=submit]:hover {
    color: var(--kcss-input-field-submit-text-color, #333);
    background-color: var(--kcss-input-field-submit-bg-color, #fff);
}