/**
Theme Name: Bostel Communication Inc.
Author: Bostel Communication Inc.
Author URI: https://www.bostel.com/
Description: Our main product is developed for small business, its a user-friendly and intuitive enterprise Customer Relationship Management “CRM” platform. Our CRM is a SaaS “Software as a Service Application” is an advanced and innovative application that simplifies and organizes lead and customer management on both your computer’s web browser and all mobile devices. This state-of-the-art enterprise application will help improve your response times and enhance your reputation, positioning you as a leader in your industry. By utilizing our CRM system, you can deliver highly efficient and high-quality support services to clients and potential customers. With our CRM software, you can easily manage every customer interaction, satisfaction and loyalty. Experience the effectiveness of our CRM solution and unlock the full potential and productivity of your business.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bostel-communication-inc
Template: astra
*/


.settings-box{
    padding: 20px 0px;

}
.settings-box:first-child{
    padding: 0px;

}
.woocommerce-js div.product .product_title {
   
    font-size: 35px;
}

.continue-shopping-alert{
    text-align: right;
}

	body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount), body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount), body.user-registration-page #user-registration:not(.user-registration-MyAccount), body.user-registration-page .user-registration:not(.user-registration-MyAccount) {
    padding: 0px 30px !important;
}
	
	.ur-frontend-form.login {
    border: none;
    padding: 20px !important;
    border-radius: 8px;
    background: #fff;
}
form.register{
    padding:30px 0px;
}
.ast-container{
    padding-bottom:20px; 
}
.woocommerce-account .woocommerce-MyAccount-content {
    padding-top: 20px;
}



/* search page */
/* General Search Page Container */
.search-page-container {
    padding: 40px 0;
    background-color: #f9f9f9;
}

.search-page-container .container {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Breadcrumbs */
#breadcrumbs {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 20px;
}
#breadcrumbs a {
    color: #0073aa; /* WordPress default link color */
    text-decoration: none;
}
#breadcrumbs a:hover {
    text-decoration: underline;
}

/* Page Title */
.search-page-title {
    font-size: 2.5em;
    color: #333;
    margin-bottom: 30px;
    text-align: center;
}
.search-page-title span {
    color: #0073aa;
}

/* Search Form Wrapper */
.search-form-wrapper {
    margin-bottom: 40px;
    position: relative;
}

.search-form {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 30px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.search-field {
    flex-grow: 1;
    border: none;
    padding: 12px 20px;
    font-size: 1.1em;
    outline: none;
    background: transparent; /* Ensures suggestions don't clash */
}
.search-field::placeholder {
    color: #999;
}

.search-submit {
    background-color: #0073aa;
    color: #fff;
    border: none;
    padding: 12px 20px;
    font-size: 1.1em;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-submit:hover {
    background-color: #005f8a;
}
.search-submit .fas {
    margin-left: 5px; /* Adjust if button contains text */
}
.screen-reader-text { /* For accessibility */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

/* Search Suggestions */
.search-suggestions {
    position: absolute;
    top: 100%; /* Position below the search bar */
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px); /* Match search bar width */
    max-width: 560px; /* Slightly less than search bar max-width */
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: 10;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none; /* Hidden by default, shown by JS */
}

.search-suggestions ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.search-suggestions li {
    padding: 10px 20px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    font-size: 0.95em;
    color: #333;
}
.search-suggestions li:last-child {
    border-bottom: none;
}
.search-suggestions li:hover,
.search-suggestions li.active { /* For keyboard navigation */
    background-color: #f0f0f0;
}
.search-suggestions li strong {
    color: #0073aa;
}


/* Search Controls (Filters & Sort) */
.search-controls {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 30px;
    padding: 15px 0;
    background-color: #eef;
    border-radius: 8px;
}

.filter-group, .sort-group {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.95em;
    color: #555;
}

.search-filter, .search-sort {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    font-size: 1em;
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s ease;
}
.search-filter:hover, .search-sort:hover {
    border-color: #0073aa;
}

/* Results Count */
.results-count {
    text-align: center;
    font-size: 1.1em;
    color: #555;
    margin-bottom: 25px;
}

/* Search Results Container */
.search-results-container {
    display: grid;
    gap: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
}

/* Individual Search Result Item */
.search-result-item {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.search-result-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.search-result-thumbnail {
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    margin-right: 20px;
    border-radius: 5px;
    overflow: hidden;
}
.search-result-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-result-content {
    flex-grow: 1;
}

.search-result-content h3 {
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: 8px;
}
.search-result-content h3 a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s ease;
}
.search-result-content h3 a:hover {
    color: #0073aa;
}

.search-result-meta {
    font-size: 0.9em;
    color: #777;
    margin-bottom: 10px;
}
.search-result-meta span {
    margin-right: 5px;
}
.search-result-excerpt {
    font-size: 1em;
    color: #444;
    line-height: 1.6;
}
.search-result-excerpt strong {
    background-color: #fffacd; /* Light yellow highlight */
    padding: 1px 0;
}

/* No Results Found */
.no-results-found {
    text-align: center;
    padding: 50px 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    
}
.no-results-found h2 {
    font-size: 2em;
    color: #d9534f; /* Red for emphasis */
    margin-bottom: 15px;
}
.no-results-found p {
    font-size: 1.1em;
    color: #555;
    margin-bottom: 10px;
}
.no-results-found p strong {
    color: #333;
}
.no-results-found .no-results-links {
    list-style: none;
    padding: 0;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap; /* For mobile */
}
.no-results-found .no-results-links li a {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    display: inline-block; /* Ensure padding works */
}
.no-results-found .no-results-links li a:hover {
    background-color: #005f8a;
}

/* Pagination */
.pagination-wrapper {
    margin: 30px;
    text-align: center;

}

.pagination-wrapper .page-numbers {
    display: inline-block;
    padding: 8px 15px;
    margin: 0 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #0073aa;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.pagination-wrapper .page-numbers:hover {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

.pagination-wrapper .page-numbers.current {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
    pointer-events: none; /* Disable click on current page */
}

.pagination-wrapper .page-numbers.dots {
    border: none;
    background: none;
    cursor: default;
}

/* Load More Button (if using JS for pagination) */
#load-more-results {
    display: block;
    margin: 30px auto;
    padding: 12px 25px;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1.1em;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
#load-more-results:hover {
    background-color: #005f8a;
}
#load-more-results.hidden {
    display: none;
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    .search-page-title {
        font-size: 2em;
    }

    .search-form {
        flex-direction: column;
        border-radius: 10px;
        max-width: 100%; /* Full width on smaller screens */
    }
    .search-field {
        padding: 10px 15px;
        font-size: 1em;
        border-bottom: 1px solid #eee; /* Separator for stacked elements */
    }
    .search-submit {
        padding: 10px 15px;
        width: 100%;
        border-radius: 0 0 10px 10px;
    }
    .search-submit .fas {
        margin-left: 0;
        margin-right: 5px; /* Icon before text */
    }

    .search-suggestions {
        width: 100%;
        max-width: none;
        left: 0;
        transform: translateX(0);
        border-radius: 0 0 10px 10px;
    }

    .search-controls {
        flex-direction: column;
        gap: 15px;
        padding: 15px;
    }
    .filter-group, .sort-group {
        width: 100%;
        justify-content: space-between;
    }
    .search-filter, .search-sort {
        flex-grow: 1;
    }

    .search-result-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .search-result-thumbnail {
        width: 100%;
        max-width: 180px; /* Limit image width */
        height: auto;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .search-result-content {
        text-align: center;
    }
    .search-result-content h3 {
        font-size: 1.3em;
    }
    .search-result-meta {
        justify-content: center; /* Center meta elements if desired */
    }

    .no-results-found .no-results-links {
        flex-direction: column;
        gap: 10px;
    }
}

/* customizing the search page header size */
.elementor-kit-6 h1 {
    color: var( --e-global-color-text );
    font-size: 32px;
}

/* Customized the scroll to top position. */
.ast-scroll-to-top-right {
    right: 30px;
    bottom: 85px;
}
/* YITH Affiliates plugin table style fix for the dashboard */
.yith-wcaf-dashboard table.yith-wcaf-table {
    border-collapse: unset;
    border-spacing: 0;
    max-width: 100%;
}
/* Affiliate mobile menu visibility */

@media (max-width: 991px) {
    .woocommerce-account .yith-wcaf-dashboard-navigation {
        display: block !important;
    }
}

/* Hide wps suscription renewal amount information from the checkout page  */
tr.wps_recurring_bifurcation_wrapper {
    display: none;
}

/* Target the payment method list */
ul.wc_payment_methods {
    display: flex !important;
    flex-direction: column !important;
}

/* Force PayPal (ppcp-gateway) to the bottom */
li.payment_method_ppcp-gateway {
    order: 2 !important;
}

/* Force Credit Card (ppcp-credit-card-gateway) to the top */
li.payment_method_ppcp-credit-card-gateway {
    order: 1 !important;
}
input{
    font-size: 16px;
}

/* Sometimes the PayPal SDK 'guesses' the font size by looking at the hidden labels */
#ppcp-credit-card-gateway-card-name,
#ppcp-credit-card-gateway-card-number, 
#ppcp-credit-card-gateway-card-expiry, 
#ppcp-credit-card-gateway-card-cvc {
    font-size: 1rem !important;
}



/* join us -Scoped styles for the Bostel Application Section */
    .bostel-form-section {
        padding: 4rem 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: transparent; 
        /* Applied default system font to entire section */
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    }

    .form-container {
        background-color: #A4BCF821; /* Form background */
        border-radius: 2rem;
        padding: 3rem;
        color: #002277; /* Default text color deep blue */
        width: 100%;
        max-width: 800px;
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(164, 188, 248, 0.3);
    }

    .form-container form {
        position: relative;
        z-index: 1;
    }

    /* Standard row for single columns */
    .form-row-single {
        display: flex;
        flex-direction: column;
        gap: 1.5rem; 
        /* margin-bottom: 1.5rem; */
    }

    /* Grid row for side-by-side fields (used for file uploads) */
    .form-row-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin-bottom: 1.5rem;
    }

    @media (min-width: 768px) {
        .form-row-grid {
            grid-template-columns: 1fr 1fr;
        }
    }

    .form-group {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .form-group label {
        font-size: 0.75rem;
        font-weight: 800;
        color: #002277; /* Label color deep blue */
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    /* Fields are white with #002277 text and default font */
    .form-group input[type="text"],
    .form-group input[type="email"],
    .form-group input[type="url"],
    .form-group select,
    .form-group textarea {
        width: 100%;
        background-color: #ffffff; 
        border: 1px solid #e2e8f0;
        border-radius: 0.75rem;
        padding: 1rem 1.25rem;
        color: #002277; 
        font-size: 1rem; /* Same size for all fields */
        font-family: inherit; /* Use default font */
        transition: all 0.2s ease;
        box-sizing: border-box;
    }

    .form-group input:focus,
    .form-group select:focus,
    .form-group textarea:focus {
        outline: none;
        border-color: #002277; 
        box-shadow: 0 0 0 4px rgba(0, 34, 119, 0.1);
    }

    /* Placeholder text set to #002277 */
    .form-group ::placeholder {
        color: #002277; 
        opacity: 0.6;
    }

    .form-group input[type="file"] {
        background-color: rgba(255, 255, 255, 0.5);
        border: 1px dashed rgba(0, 34, 119, 0.4);
        padding: 0.75rem;
        border-radius: 0.75rem;
        cursor: pointer;
        font-size: 0.875rem;
        color: #002277;
        font-family: inherit;
    }

    /* Smaller Submit Button with specific colors */
    .form-submit {
        margin-top: 2rem;
        display: flex;
        justify-content: flex-start; /* Keeps button from being full-width automatically */
    }

    .form-submit input[type="submit"] {
        width: auto; /* Makes button small (content-based) */
        min-width: 160px;
        background-color: #002277; /* Button color matches text color */
        color: #ffffff; /* Text on button is white */
        padding: 0.75rem 2rem; /* Reduced padding for smaller look */
        border-radius: 0.75rem;
        font-weight: 700;
        font-size: 1rem;
        border: none;
        cursor: pointer;
        transition: all 0.3s ease;
        font-family: inherit;
    }

    .form-submit input[type="submit"]:hover {
        background-color: #002277; /* Hover color stays the same as requested */
        opacity: 0.9;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0, 34, 119, 0.2);
    }

    .form-group select {
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23002277'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 1rem center;
        background-size: 1rem;
    }


    /* user account dashboard blue buttons */
a.button {
    padding: 10px 15px !important;
}

.wps_sfw_pagination.woocommerce-pagination.woocommerce-pagination--without-numbers.woocommerce-Pagination {
    padding-top: 10px;
}

/* show only to administrator */

.woocommerce-layout .woocommerce-layout__main {
    padding-right: 40px;
    padding-right: var(--large-gap);
    max-width: 100%;
    display: none;
    height: 50px;
}