/*
 Theme Name:   IFPL Astra Child
 Theme URI:    http://localhost/wordpress/astra-child/
 Description:  Astra child theme
 Author:       Idaho Falls Public Library
 Author URI:   http://localhost/wordpress
 Template:     astra
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  astra-child
*/

/* ==================================================
   IFPL Mobile Website Search
   Astra off-canvas menu
   ================================================== */

#ifpl-mobile-search {
    width: 100%;
}

.ifpl-mobile-search-form {
    display: none;
    padding: 12px 15px 16px;
    gap: 8px;
    align-items: center;
}

.ifpl-mobile-search-form.is-open {
    display: flex;
}

.ifpl-mobile-search-form input[type="search"] {
    flex: 1;
    min-width: 0;
    padding: 10px 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.ifpl-mobile-search-form button {
    padding: 10px 14px;
    cursor: pointer;
}


/* ==================================================
   Search icon next to Website in mobile menu
   ================================================== */

#ast-hf-mobile-menu #menu-item-15 > a.menu-link::before {
    font-family: "dashicons";
    content: "\f179";
    font-size: 20px;
    line-height: 1;
    margin-right: 8px;
    vertical-align: middle;
}

/* ==================================================
   Mobile Search the Catalog Button
   ================================================== */

.ifpl-mobile-catalog-link {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;

    background-color: rgb(255, 205, 87) !important;
    color: rgb(30, 41, 59) !important;

    padding: 10px 20px !important;
    margin: 12px 0 !important;

    border: 0 !important;
    border-radius: 9999px !important;

    text-align: center;
    text-decoration: none !important;
    font-weight: 600;
}
