/*
Theme Name: rs-wireworks
Text Domain: wireworks
Author: REDSTONE
Author URI: https://redstone.media/
Version: 1
*/


.wpcf7-response-output {
    display: none !important;
}

.wpcf7-not-valid-tip {
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: 400;
    color: var(--clr-red);
    margin-top: 0.25rem;
}

.wpcf7-spinner {
    position: absolute;
    top: 17px;
    right: -56px;
}

.wpcf7 .screen-reader-response,
.wpcf7 .wpcf7-response-output,
.wpcf7 .wpcf7-not-valid-tip {
    display: none;
}

.contact-form>.wpcf7 {
    margin-top: 0;
}

.contact-form form {
    margin-top: var(--sp-sm);
}

.hidden-fields-container {
    display: none;
}

#countdown {
    color: var(--clr-error);
    text-align: center;
    display: block;
    padding-inline: var(--int-pd-inline);
    padding-block: var(--int-pd-block);
    margin-top: 10px;
}

@keyframes l21 {
    50% {
        box-shadow: 19px 0 0 3px, 38px 0 0 7px, 57px 0 0 3px
    }

    100% {
        box-shadow: 19px 0 0 0, 38px 0 0 3px, 57px 0 0 7px
    }
}

.loader {
    color: #0B6752;
    width: 4px;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;
    transform: translateX(-38px);
    animation: l21 .5s infinite alternate linear;
    left: 50%;
    position: absolute;
}


button.btn.is-loading {
    pointer-events: none;
}

button.btn.is-loading:before {
    opacity: 0.5;
    background: #fff;
    display: block;
    z-index: 2;
    width: 100%;
}

button:has(+ .wpcf7-response-output) {
    margin-bottom: 0;
}

.flex-text {
    margin-top: calc(var(--text-space) * 2);
}

.doc-navigation a.is-active {
    color: var(--clr-primary);
}

.h-search-item b {
    font-weight: 700;
}

.ch-box-wrap .wpcf7-list-item>label {
    --ch-size: 1rem;
    --lh-size: calc(var(--ch-size) * 1.625);
    cursor: pointer;
    font-size: var(--ch-size);
    line-height: var(--lh-size);
    text-align: left;
    gap: var(--ch-size);
    display: inline-flex;
    align-items: center;
    color: var(--clr-black-75);
}

.ch-box-wrap.invalid input {
    border: 1px solid var(--clr-red);
}

/*.current_page_parent > a,*/
.current-menu-item>a,
.h-drop-category.is-active {
    color: var(--clr-primary);
}

.room-det-item .text *+ :where(*) {
    margin-top: calc(var(--text-space));
}

div.wpcf7.js {
    margin: 0;
}

.input-field.invalid:where(.focus)::after {
    display: none;
}

.h-links .is-active>a,
.h-links .is-active>.h-drop>.h-drop-link {
    color: var(--clr-primary);
}

.input-field.value.invalid input[type="tel"] {
    border-color: var(--clr-red);
}

@media (max-width: 1199px) {
    .tech-card.touched::before {
        opacity: 1;
    }
}

@media (min-width: 1200px) {
    .prd-block .mg-top-1875 {
        margin-top: 1.875rem;
    }
}

.prd-maker-img{
    aspect-ratio: 1 / 0.63;
}

.tech-card .prd-maker{
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    padding: 0 5px;
}
.btn-play:hover{
    background-color: var(--clr-secondary);
}
.btn-play:hover svg{
    color:var(--clr-white);
}

@media (min-width: 1200px) {
    [class*=swiper-button]:hover {
        background-color: var(--clr-secondary) !important;
    }

    [class*=swiper-button]:hover::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 54%;
        transform: translate(-50%, -50%) rotate(135deg);
        width: 0.375rem;
        height: 0.375rem;
        border-right: 1px solid var(--clr-white);
        border-bottom: 1px solid var(--clr-white);
    }
}

@media (min-width: 1200px) {
    .h-links a:hover g{
        fill: var(--clr-primary);
        transition: var(--transition-1);
    }
}

li.is-active a g{
    fill: var(--clr-primary);
    transition: var(--transition-1);
}

@media (max-width: 575px) {
    .btn-filter-form {
        width: initial;
        display: flex;
        text-align: center;
        padding: 0.625rem 1rem;
    }
}

.prd-detail-info svg path,
.lr-content svg path{
    fill: var(--clr-white);
    transition: var(--transition-1);
}
.prd-detail-info .btn:hover svg path,
.lr-content .btn:hover svg path{
    fill: var(--clr-title);
    transition: var(--transition-1);
}


#filter-form .btn-block {
    width: 100%;
    align-items: center;
    display: block;
}

.btn-filter-form{
    padding: 0.625rem 1.675rem 0.625rem 1.275rem;
}

@media (max-width: 575px) {
    .btn-clear-form {
        line-height: 1.2em;
        height: 3.5rem;
    }

    #filter-form .btn-block{
        max-width: calc(100vw - 48px);
        padding: 0 1rem 0 0;
    }
}

.btn-clear-form{
    margin-top:1rem;
    border-width: 1px;
}

.btn-clear-form:hover {
    border-color: var(--clr-primary);
    color:var(--clr-primary);
    background-color: var(--clr-white);
}
/* .tech-cards {
    grid-template-rows: repeat(5, auto);
} */

.tech-card {
    grid-row: span 1 !important;
    grid-template-rows: unset !important;
    display: flex !important;
    flex-direction: column !important;
}
  .tech-card .text {
    flex: 1 !important;
  }


  .tech-block {
    align-items: start !important;
  }
  .tech-cards {
    align-content: start !important;
  }

  #filter-form .accordion-item{
    margin-top: 1rem;
  }

  .accordion-title.h4{
    font-family: var(--ff-2);
    font-weight: 600;
    color: var(--clr-title);
}

@media (max-width: 575px) {
    .accordion.reverse{padding: 0 1rem 0 0;}
}

.section.not-animated{
    opacity: 1 !important;
    transform: none !important;
}