/*!
Theme Name: ACAPPS
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

.pregutes-relacionades-wrapper p,
.search-filter-results p
{
    margin: 0 !important;
}

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

.pregunta-item .video-container iframe
{
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
    border-radius: 20px;
}

@media (max-width: 990px)
{
    .preguntes-grid
    {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px)
{
    .preguntes-grid
    {
        grid-template-columns: 1fr;
    }
}

/* search and filter */
.searchandfilter ul
{
    background-color: var(--global-palette8);
    border-radius: 20px;
    padding: 10px 50px 10px 60px;

    color: var(--global-palette3);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.searchandfilter ul>li
{
    position: relative;
    width: 25%;
    padding: 6px 50px 6px 50px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 28px;
}

.searchandfilter ul>li:last-child
{
    padding-right: 0;
}

.searchandfilter ul>li.sf-field-taxonomy-alianca
{
    background-image: url("img/apreton-de-manos.svg");
}

.searchandfilter ul>li.sf-field-taxonomy-categoria
{
    background-image: url("img/carpeta.svg");
}

.searchandfilter ul>li.sf-field-taxonomy-etiqueta
{
    background-image: url("img/compras.svg");
}

.searchandfilter ul>li.sf-field-search
{
    background-image: url("img/search.png");
}

.searchandfilter label
{
    width: 100%;
    max-width: 100%;
}

.searchandfilter input.sf-input-text,
.searchandfilter select.sf-input-select
{
    color: var(--global-palette3);
    opacity: 1;

    border: 0;
    border-bottom: 1px solid var(--global-palette3);
    border-radius: 0;
    background: transparent;

    width: 100%;
    max-width: 100%;
    padding: 4px 0;
}

.searchandfilter input.sf-input-text:focus
{
    outline: none;
    border-bottom: 1px solid var(--global-palette1);
}

.searchandfilter input::placeholder
{
    color: var(--global-palette3);
    opacity: 1;
}

@media (min-width: 1201px)
{
    .searchandfilter ul>li:not(:last-child)::after
    {
        content: '';
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
        height: 70%;
        width: 1px;
        background-color: var(--global-palette3);
    }
}

@media (max-width: 1200px)
{
    .searchandfilter ul>li
    {
        width: 50%;
    }
}

@media (max-width: 1200px) and (min-width: 768px)
{
    .searchandfilter ul>li:nth-child(2)
    {
        padding-right: 0;
    }
}

@media (max-width: 767px)
{
    .searchandfilter ul>li
    {
        width: 100%;
        padding-right: 0;
    }
}

/* Preguntes */
.aliances-list,
.categories-list,
.etiqueta-list
{
    padding-left: 34px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 24px;
    margin-bottom: 4px;
}

.categories-list
{
    background-image: url("img/carpeta-blanc.svg");
}

.etiqueta-list
{
    background-image: url("img/etiqueta-blanc.svg");
}

.aliances-list
{
    background-image: url("img/apreton-de-manos-blanc.svg");
}

.aliances-list a,
.categories-list a,
.etiqueta-list a
{
    text-decoration: none;
}

.categories-list a:hover,
.etiqueta-list a:hover,
.aliances-list a:hover
{
    text-decoration: underline;
    color: var(--global-palette9);
}

.lazy-video
{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    /* 16:9 Aspect Ratio */

    background-size: cover;
    background-position: center;
    border-radius: 10px;
}

.lazy-video iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.lazy-video .play-button
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: var(--global-palette9);
    color: var(--global-palette1);
    border-radius: 50%;
    font-size: 30px;
    line-height: 66px;
    text-align: center;
    padding-left: 4px;
    cursor: pointer;
}

/* pagination */
.pagination .wp-pagenavi
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin: 20px 0;
}

.pagination .wp-pagenavi .pages
{
    display: none;
}

.pagination .wp-pagenavi a,
.pagination .wp-pagenavi span
{
    background-color: var(--global-palette1);
    color: var(--global-palette9);
    border-radius: 4px;
    padding: 10px;
    text-decoration: none;
}

.pagination .wp-pagenavi a:hover,
.pagination .wp-pagenavi .current
{
    background-color: var(--global-palette9);
    color: var(--global-palette1);
}

/* galleries */
.logos-gallery img {
    background-color: var(--global-palette9);
}