/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.7.1753085671
Updated: 2025-07-27 08:14:30

*/

/* --- Estilos de la Cabecera Minimalista y Ligera --- */
body {
    /* Valor por defecto para móviles. AJUSTA ESTE VALOR. */
    padding-top: 50px!important; 
    padding-bottom: 50px!important;
}

@media (min-width: 769px) {
    body {
        /* Valor para escritorio/tablet. AJUSTA ESTE VALOR. */
        padding-top: 20px!important; 
    }
}
/* Contenedor principal de la cabecera - Estilos base */
.custom-header-minimal {
    position: fixed; /* Usamos fixed para que flote sobre el contenido */
    
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 10px 0;
    transition: all 0.3s ease-in-out;
    /* Quitamos el fondo y borde de aquí para aplicarlo en el contenedor interno */
}

.custom-header-container {
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 20px;
    background-color: rgba(255, 255, 255, 0.95);
     -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease-in-out;
}

.custom-header-search-wrapper {
    flex-grow: 1; /* Permite que la búsqueda crezca para ocupar espacio */
    flex-shrink: 1; /* <-- CAMBIO AQUÍ (CRUCIAL): Permite que la búsqueda se encoja si no hay espacio */
    min-width: 0; /* <-- CAMBIO AQUÍ (CRUCIAL): Anula cualquier ancho mínimo que pueda tener el elemento hijo */
}

/* --- Estilos específicos para MÓVIL (ocupa todo el ancho) --- */
@media (max-width: 768px) {
    .custom-header-container {
        border-radius: 50px;
        padding: 0 15px;
        width: 90%;
        /* Asegura que el contenedor no se desborde */
        max-width: 100vw;
        box-sizing: border-box;
        overflow: hidden; /* Previene desbordamiento */
    }
    
    .custom-header-logo {
        max-height: 35px;
        /* Asegura que el logo no sea muy ancho */
        max-width: 120px;
        flex-shrink: 0; /* Evita que se comprima demasiado */
    }
    
    .dgwt-wcas-search-wrapp {  
        width: 100% !important; /* Usa todo el espacio disponible */
        max-width: none !important; /* Elimina restricciones de ancho máximo */
        min-width: 0 !important; /* Permite que se comprima */
        box-sizing: border-box !important;
        flex: 1; /* Si está en un flexbox, toma el espacio restante */
    }
    
    /* Controla elementos internos de FiboSearch */
    .dgwt-wcas-search-wrapp input[type="search"],
    .dgwt-wcas-search-wrapp .dgwt-wcas-search-input {
        width: 70% !important;
        min-width: 0 !important;
        max-width: none !important;
    }
    
    /* Si tienes botón de búsqueda */
    .dgwt-wcas-search-wrapp .dgwt-wcas-search-submit {
        min-width: auto !important;
        padding: 8px 12px !important;
        flex-shrink: 0;
    }
    
    /* Asegura que el formulario se comporte bien */
    .dgwt-wcas-search-wrapp form {
        display: flex !important;
        width: 100% !important;
        align-items: center;
    }
}

/* --- Estilos específicos para TABLET y ESCRITORIO (centrado y flotante) --- */
@media (min-width: 769px) {
    .custom-header-minimal {
        /* Añadimos un poco de espacio superior para que no esté pegado al borde */
        padding: 15px 0;
    }
    .custom-header-container {
        width: fit-content; /* ¡LA CLAVE! Se adapta al contenido */
        max-width: 90%; /* Un límite para que no se estire demasiado */
        padding: 5px 25px; /* Padding interno para que respire */
        border-radius: 50px; /* Bordes de píldora */
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* Sombra para el efecto flotante */
        border: 1px solid rgba(0, 0, 0, 0.05);
    }
    .custom-header-logo {
        max-height: 40px;
    }
}

/* --- Estilos comunes del Logo y Búsqueda --- */
.custom-header-logo-wrapper a {
    display: flex;
    align-items: center;
}

.custom-header-logo {
    width: auto;
    display: block;
}

.custom-header-search-wrapper {
    /* No necesitamos flex-grow para este diseño */
    min-width: 500px; /* Ancho mínimo para la barra de búsqueda */
}

.custom-header-search-wrapper .dgwt-wcas-search-wrapp {
    width: 100% !important;
}
/* Contenedor principal del menú - Estilos base para todas las pantallas */
.mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    display: flex;
    justify-content: space-around;
    background-color: rgba(255, 255, 255, 0.95); /* Fondo ligeramente traslúcido */
    -webkit-backdrop-filter: blur(10px); /* Efecto "glassmorphism" para iOS/Safari */
    backdrop-filter: blur(10px); /* Efecto "glassmorphism" moderno */
    box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out; /* Transición suave para los cambios de tamaño */
}

/* --- Estilos específicos para MÓVIL (hasta 768px) --- */
@media (max-width: 768px) {
    .mobile-bottom-nav {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 5px;
        padding: 8px 0;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        border-radius: 50px;
        box-shadow: none;
    }
    .mobile-bottom-nav__item a {
        font-size: 11px;
    }
    .mobile-bottom-nav__label {
        display: block; /* Muestra el texto en móvil */
    }
}

/* --- Estilos específicos para TABLET y ESCRITORIO (769px en adelante) --- */
@media (min-width: 769px) {
    .mobile-bottom-nav {
        /* Hacemos que se ajuste al contenido */
        left: 50%;
        transform: translateX(-50%); /* Centramos horizontalmente */
        width: auto; /* Ancho automático basado en el contenido */
        bottom: 20px; /* Lo separamos un poco del borde inferior */
        border-radius: 50px; /* Bordes redondeados para el efecto "píldora" */
        padding: 10px 15px; /* Más padding para que respire */
        border: 1px solid rgba(0, 0, 0, 0.08);
    }
    
    /* Ocultamos las etiquetas de texto para un look más minimalista */
    .mobile-bottom-nav__label {
        /* En lugar de 'display: none', usamos opacidad y la posicionamos */
        position: absolute;
        top: -25px; /* La posicionamos justo debajo de la píldora del menú */
        font-size: 11px;
        font-weight: 500;
        background-color: #333; /* Fondo oscuro para la etiqueta */
        color: #fff; /* Texto blanco */
        padding: 3px 8px;
        border-radius: 4px;
        white-space: nowrap; /* Evita que el texto se parta en dos líneas */
        
        /* Ocultado por defecto con opacidad y sin eventos de puntero */
        opacity: 0;
        transform: translateY(-5px); /* Pequeño efecto de subida */
        pointer-events: none; /* Para que no interfiera con el hover */
        transition: opacity 0.2s ease, transform 0.2s ease;
    }

    /* Hacemos los iconos un poco más grandes y espaciados en escritorio */
    .mobile-bottom-nav__item a {
        padding: 5px 15px;
        position: relative; /* Necesario para que el posicionamiento absoluto de la etiqueta funcione */
    }

    .mobile-bottom-nav__item i {
        width: 26px;
        height: 26px;
        margin-bottom: 0;
    }
    
    /* MODIFICACIÓN 2: La magia del hover */
    /* Cuando pasamos el ratón sobre el enlace (a), mostramos la etiqueta (label) */
    .mobile-bottom-nav__item a:hover .mobile-bottom-nav__label {
        opacity: 1;
        transform: translateY(0); /* Vuelve a su posición original */
    }

    /* Quitamos el hover del fondo del icono para que no distraiga de la etiqueta */
    .mobile-bottom-nav__item a:hover {
        background-color: transparent; /* Opcional: si prefieres sin fondo al pasar el ratón */
    }
}


    /* Hacemos los iconos un poco más grandes y espaciados en escritorio */
    .mobile-bottom-nav__item a {
        padding: 5px 15px; /* Espacio entre iconos */
    }

    .mobile-bottom-nav__item i {
        width: 26px;
        height: 26px;
        margin-bottom: 0; /* Quitamos el margen inferior ya que no hay texto */
    }
    
    /* Efecto hover más pronunciado para el ratón */
    .mobile-bottom-nav__item a:hover {
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 50px;
    }


/* --- Estilos comunes para los elementos internos (válidos en todas las pantallas) --- */
.mobile-bottom-nav__item {
    text-align: center;
}

.mobile-bottom-nav__item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #4b5563; /* Un gris un poco más moderno */
    text-decoration: none;
    transition: all 0.2s ease;
    position: relative;
}

.mobile-bottom-nav__item i {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
}

/* Estilo para el botón ACTIVO (la página actual) */
.mobile-bottom-nav__item--active a {
    color: #007aff; /* Un azul vibrante, típico de apps */
}

/* Pequeño indicador visual para el item activo en escritorio */
@media (min-width: 769px) {
    .mobile-bottom-nav__item--active a::after {
        content: '';
        position: absolute;
        bottom: -8px; /* Posiciona el punto debajo del icono */
        width: 5px;
        height: 5px;
        background-color: #007aff; /* Mismo color que el icono activo */
        border-radius: 50%;
    }
}


/* --- Estilos para la Plantilla de Página de Inicio --- */

.section-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.section-title {
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    margin-top: .7rem;
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 40px;
}

/* 1. Hero Section */
.swiper {
    
    border-radius: 50px !important;
}

@media (max-width: 769px) {
    .swiper{
    
        border-radius: 25px !important;
        }
    }
    
/* 2. Categories Section slider */
 
/* CSS MÍNIMO PARA CATEGORY SLIDER - Agregar a tu style.css */

.category-slider-wrapper {
    position: relative;
    margin: 2rem 0;
    overflow: hidden;
}

.category-slider-wrapper .section-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #333;
}

.category-slider-component {
    position: relative;
    overflow: visible;
    padding: 0.5rem 0;
}

.category-slider-component .swiper-wrapper {
    padding: 20px;
    align-items: center;
}

.category-slider-component .swiper-slide {
    width: auto;
    flex-shrink: 0;
}

/* ESTILOS PRINCIPALES PARA CATEGORY ITEMS */
.category-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.25rem;
    margin: 0;
    background: transparent;
    border: 2px solid #e5e7eb;
    border-radius: 0.75rem;
    text-decoration: none;
    color: #475569;
    font-weight: 500;
    font-size: 0.875rem;
    white-space: nowrap;
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* CRÍTICO PARA MÓVIL */
    min-height: 44px;
    min-width: 44px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

.category-item:hover,
.category-item:focus {
    background: #f1f6ff;
    border-color: #d3ddeb;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.category-item:active,
.category-item.touch-active {
    background: #dce9ff;
    border-color: #cfe0fa;
    color: #475569;
    transform: scale(0.95);
}

/* NAVEGACIÓN */
.category-slider-component .swiper-button-prev,
.category-slider-component .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(0%);
    width: 40px;
    height: 40px;
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
    color: #64748b;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.category-slider-component .swiper-button-prev {
    left: 10px;
}

.category-slider-component .swiper-button-next {
    right: 10px;
}

.category-slider-component .swiper-button-prev:after,
.category-slider-component .swiper-button-next:after {
    display: none;
}

.category-slider-component .swiper-button-prev:hover,
.category-slider-component .swiper-button-next:hover {
    background: #ffffff;
    border-color: #cfe0fa;
    color: #64748b;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .category-item {
        padding: 1rem 1.25rem;
        font-size: 1rem;
        min-height: 48px;
    }
    
    .category-slider-component .swiper-button-prev,
    .category-slider-component .swiper-button-next {
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 480px) {
    .category-slider-component .swiper-button-prev,
    .category-slider-component .swiper-button-next {
        display: none;
    }
    
    .category-slider-component {
        margin: 0 -1rem;
        padding: 0.5rem 1rem;
    }
}

/*-------------------------------------maps ----------------------------------------------------*/
.map-container
{
    margin-top: .7rem;
    margin-bottom: .7rem;
    border-radius: 15px;
    overflow: hidden
}

/* ------------------------------------ Homepage-slider.php ------------------------------------ */
.homepage-slider-component {
    width: 100%;
    aspect-ratio: 1920 / 600;
    background-color: #f0f0f0; /* Color de fondo mientras carga la imagen */
}

.homepage-slider-component .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.homepage-slider-component .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* ¡LA CLAVE! Asegura que la imagen cubra todo el espacio sin deformarse */
}

/* Estilos para las flechas de navegación */
.homepage-slider-component .swiper-button-next,
.homepage-slider-component .swiper-button-prev {
    color: #ffffff; /* Color de la flecha */
    background-color: rgba(151, 151, 151, 0.2);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}
.homepage-slider-component .swiper-button-next:hover,
.homepage-slider-component .swiper-button-prev:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
.homepage-slider-component .swiper-button-next::after,
.homepage-slider-component .swiper-button-prev::after {
    font-size: 20px; /* Tamaño del icono de la flecha */
}

/* Estilos para la paginación (los puntitos) */
.homepage-slider-component .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.7);
    width: 10px;
    height: 10px;
    opacity: 1;
}

.homepage-slider-component .swiper-pagination-bullet-active {
    background: #ffffff;
}

/* ===================================
   SISTEMA DE TARJETAS DE PRODUCTO PERSONALIZADAS
   CSS ultra-optimizado y reutilizable
   =================================== */

/* Contenedor base de la tarjeta */
.sale-slider-component {
border-radius: 0!important;
    overflow: hidden;
}
.bundle-slider-component {
border-radius: 0!important;
    overflow: hidden;
}
.product-slider-component{
    border-radius: 0!important;
    overflow: hidden;
}

.featured-slider-component{
    border-radius: 0!important;
    overflow: hidden;
}


.custom-product-card {
    position: relative;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.custom-product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

/* Badges de producto */
.product-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    padding: 4px 8px;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 4px;
    text-transform: uppercase;
}

.sale-badge {
    background: #e74c3c;
    color: white;
}

.out-of-stock-badge {
    background: #95a5a6;
    color: white;
}

/* Link principal de la tarjeta */
.product-card-link {
    text-decoration: none;
    color: inherit;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Contenedor de imagen */
.product-image {
    
    position: relative;
    overflow: hidden;
    background: #f5f7f7;
    aspect-ratio: 1; /* Mantiene proporción cuadrada */
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.custom-product-card:hover .product-image img {
    transform: scale(1.05);
}

/* Información del producto */
.product-info {
    padding: 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.product-category {
    font-size: 0.7rem;
    color: #6c757d;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    /* Altura fija para exactamente 2 líneas */
    height: calc(1rem * 1.3 * 2); /* font-size × line-height × líneas */
    min-height: calc(1rem * 1.3 * 2);
    
    /* Mostrar máximo 2 líneas con ellipsis */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    
}

.product-category a {
    color: inherit;
    text-decoration: none;
}

.product-category a:hover {
    color: #ff9800;
}

.product-title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 8px 0;
    line-height: 1.3;
    color: #2c3e50;
    
    /* Altura fija para exactamente 3 líneas */
    height: calc(1rem * 1.3 * 3); /* font-size × line-height × líneas */
    min-height: calc(1rem * 1.3 * 3);
    
    /* Mostrar máximo 3 líneas con ellipsis */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    
    /* Alineación vertical para textos cortos */
    display: flex;
    align-items: flex-start;
}

.product-rating {
    margin-bottom: 8px;
}

.product-rating .star-rating {
    font-size: 0.9rem;
}

.product-price {
    font-weight: 700;
    font-size: 1.2rem;
    color: #007cba;
    margin-top: auto;
}

.product-price del {
    color: #999;
    font-weight: 400;
    font-size: 0.9rem;
    margin-right: 5px;
}

/* Acciones del producto */


.custom-add-to-cart-btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    background: #ff9800;
    color: white;
    border: none;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.9rem;
}

.custom-add-to-cart-btn:hover:not(:disabled) {
    background: #f09206;
    transform: translateY(-1px);
}

.custom-add-to-cart-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ===================================
   CONTENEDORES REUTILIZABLES
   =================================== */

/* Grid de productos */
.products-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

/* Para sliders Swiper */
.swiper-slide .custom-product-card {
    height: 100%;
}

/* Lista de productos */
.products-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.products-list .custom-product-card {
    flex-direction: row;
    max-height: 150px;
}

.products-list .product-image {
    width: 150px;
    flex-shrink: 0;
    aspect-ratio: 1;
}

.products-list .product-info {
    padding: 15px;
}

.products-list .product-actions {
    padding: 15px;
    display: flex;
    align-items: center;
}

/* ===================================
   RESPONSIVE DESIGN
   =================================== */

@media (max-width: 768px) {
    .products-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 15px;
    }
    
    .product-info {
        padding: 12px;
    }
    
    .product-actions {
        padding: 0 12px 12px;
    }
    
    .custom-add-to-cart-btn {
        padding: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 0.85rem;
    }
    
    /* En móvil, lista se convierte en grid */
    .products-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    
    .products-list .custom-product-card {
        flex-direction: column;
        max-height: none;
    }
    
    .products-list .product-image {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .products-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    
    .products-list {
        grid-template-columns: 1fr;
    }
    
    .product-title {
        font-size: 0.9rem;
    }
    
    .product-badge {
        top: 5px;
        right: 5px;
        font-size: 0.7rem;
        padding: 3px 6px;
    }
}

/* ===================================
   VARIACIONES DE ESTILO
   =================================== */

/* Tarjeta compacta */
.custom-product-card.compact {
    border-radius: 4px;
}

.custom-product-card.compact .product-info {
    padding: 10px;
}

.custom-product-card.compact .product-title {
    font-size: 0.9rem;
    -webkit-line-clamp: 1;
    line-clamp: 1;
}

.custom-product-card.compact .product-actions {
    padding: 0 10px 10px;
}

/* Tarjeta sin sombra */
.custom-product-card.flat {
    box-shadow: none;
    border: 1px solid #e9ecef;
}

.custom-product-card.flat:hover {
    transform: none;
    border-color: #ff9800;
}

/* Tarjeta con bordes redondeados */
.custom-product-card.rounded {
    border-radius: 15px;
}

/* ===================================
   UTILIDADES
   =================================== */

/* Ocultar elementos opcionales */
.hide-category .product-category {
    display: none;
}

.hide-rating .product-rating {
    display: none;
}

.hide-actions .product-actions {
    display: none;
}

/* Loading state */
.custom-product-card.loading {
    opacity: 0.6;
    pointer-events: none;
}

.custom-product-card.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #007cba;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ==================================search*/

.search-results-header {
    margin-bottom: 25px;
    padding: 20px;
    background-color: #e9f5ff;
    border: 1px solid #b3d7f5;
    border-radius: 8px;
    text-align: center;
}
.search-results-title {
    margin: 0 0 10px 0;
    font-size: 1.4rem;
    color: #005a9c;
}
.clear-search-link {
    font-size: 0.9rem;
    color: #007cba;
    text-decoration: none;
    border-bottom: 1px dashed #007cba;
}
.clear-search-link:hover {
    color: #005a9c;
}