/*
Theme Name:     Foxiz child
Template:      	foxiz
Theme URI:      https://foxiz.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/portfolio/
Description:    Make your modifications to Foxiz in this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* Your CSS code goes here
-------------------------------------- */

.home .p-wrap p.entry-summary {
	font-family: 'Barlow'!important;
	font-weight: 400!important;
}


 @media (max-width: 768px) {
                .disertante-filter-container {
                    flex-direction: column;
                    /* Cambiar la dirección a columna */
                }

                .filter-legend {
                    margin-right: 0;
                    /* Quitar el margen derecho */
                    margin-bottom: 10px;
                    /* Agregar un margen inferior */
                }
            }

            /* Estilo para el filtro alfabético */
            .disertante-filter a {
                text-decoration: none;
                color: #2e3e62;
                font-weight: 400;
                padding-right: 10px;
            }

            .disertante-filter a:hover {
                text-decoration: underline;
            }

            .disertante-filter a.selected {
                color: #333;
                text-decoration: none;
            }

            /* Separador pipe entre letras */
            .disertante-filter a:not(:last-child)::after {
                content: '|';
                padding-left: 10px;
                color: #000;
                font-weight: 400;
                /* Color del pipe */
            }

.disertante-filter-container {
                text-align: center;
                margin-bottom: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .filter-legend {
                font-size: 1em;
                font-weight: bold;
                margin-right: 10px;
                /* Espacio entre la leyenda y las letras */
            }


            #search-desktop .searchandfilter ul li:last-child {
                width: 120px
            }
.letras-home .disertante-filter a, .letras-home .disertante-filter a:after {
                color: #fff !important;
            }

#search-desktop .searchandfilter ul {
                display: flex;
                align-items: center;
                justify-content: space-between;
                list-style: none;
                padding: 0;
                margin: 0 auto;
                max-width: 100%;
                width: 100%;
                flex-wrap: nowrap;
            }

            #search-mobile .searchandfilter ul li {
                width: 100%;
                padding: 10px;
            }

            #search-desktop #search-filter-form-4537 ul li {
                margin-right: 10px;
                flex-grow: 1;
                display: flex;
                flex-direction: column;
                width: 20%;
            }

#search-desktop .searchandfilter ul li input[type="submit"] {
                color: white;
                border: none;
                cursor: pointer;
                margin-top: 40px;
                height: 47px;
                line-height: 29px;
				margin-right: 0;
				width: 100%;
            }

#search-desktop .searchandfilter ul li label {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                width: 100%;
            }

            #search-desktop .searchandfilter ul li label select {
                width: 100%;
                /* Asegura que los selects ocupen el mismo espacio */
                max-width: 100%;
                /* Limita el ancho máximo */
            }


.searchandfilter ul li input.sf-input-text {
	width: 100%!important;
}


 @media (max-width: 1025px) {
                                    #search-desktop .searchandfilter ul {
                                        flex-direction: column;
                                    }

                                    #search-desktop .searchandfilter ul li {
                                        width: 100%!important;
                                    }

                                    #search-desktop .searchandfilter ul li input[type="submit"] {
                                        width: 100%!important;
                                        margin: 0;
                                    }
                                }