/**
 * Theme Name:     Inspiro Child
 * Author:         Inspiro Child
 * Template:       inspiro
 * Text Domain:	   inspiro-child
 * Description:    Inspiro is a professional & lightweight photo and video-focused WordPress theme with a modern design. Packed with features including a fullscreen area that supports Vimeo, YouTube & self-hosted video background, Page Builder integration, Inspiro is perfect for showing off your photography and video portfolio. Moreover, the theme is compatible with WooCommerce and popular Page Builders such as Elementor, Beaver Builder. The theme is fully GDPR-compliant and doesn
 */




#custom-post-categories button {
    margin: 2px;
    cursor: pointer;
}

.howdy-post-grid {
    padding: 15px 0;
}

.howdy-search-input {
    border-radius: 25px !important;
    border: 1px solid #ccc !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    transition: border-color 0.3s ease !important;
}
input#custom-post-search-desktop, input#custom-post-search-mobile {
     padding: 8px 15px !important;
}


.howdy-search-input:focus {
    border-color: #343a40 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.howdy-categories {
    /* margin-bottom: 30px !important; */
}

.howdy-category-btn {
    border-radius: 20px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    border-width: 2px !important;
    padding: 9px 15px !important;
}

.howdy-category-btn:hover,
.howdy-category-btn.active {
    background: #343a40 !important;
    color: white !important;
    border-color: #343a40 !important;
}

.howdy-post-card {
    border: none !important;
    overflow: hidden;
    background: white;
    border-radius: 0%  !important;
}

.howdy-post-card  .card-body{
     display: flex;
    justify-items: center;
    align-items: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.howdy-post-card .card-img-top {
    height: 250px;
    object-fit: cover;
    
}


.howdy-post-card .card-title {
    font-weight: 700;
    line-height: 1.4;
    font-size: 1.5rem;
	font-family: "Italiana", Sans-serif;
    color: #000;
    margin-bottom: 10px;
    line-height: 1.3;
    text-align: center;
}
.howdy-post-card .card-title a{
    color:#000;
}
.howdy-post-card .card-text {
    color: #000;
    font-weight: 500;
    font-size: 1.25rem;
    text-align: center;
}

.howdy-post-card .btn {
    background: transparent;
    color: #000000;
    padding: 8px 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
    transition: 0.3s;
    font-family: "Lato", Sans-serif;
    font-size: 18px;
}

.howdy-post-card .btn:hover, .howdy-post-card .btn:active, .howdy-post-card .btn:focus-visible, .howdy-post-card .btn:focus{
    color: #500000;
    background-color: transparent !important ;
    outline: none !important;
    box-shadow: none !important;
}

.howdy-pagination {
    margin-top: 40px;
}

.custom-post-pagination {
    row-gap: 5px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
}

.howdy-pagination .page-numbers {
    padding: 10px 15px;
    margin: 0 3px;
    border: 1px solid #ddd;
    background: white;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    font-weight: 500;
}

.howdy-pagination .page-numbers:hover,
.howdy-pagination .current {
    background: #343a40;
    color: white;
    border-color: #343a40;
}

/* ============================================================= */

/* Recent Posts Widget Styles */

.widget_post_titles_widget .widget-title {
    color: #550000;
    font-family: "Italiana", Sans-serif;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: capitalize;
    text-align: center
}

.howdy-recent-posts-widget {
    margin: 0;
    padding: 0;
}

.howdy-recent-post-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.2s ease;
}

.howdy-recent-post-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.howdy-recent-post-item:hover {
    background-color: #fafafa;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: -5px;
    margin-right: -5px;
    border-radius: 4px;
}

.howdy-post-thumbnail {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    margin-bottom: 5px !important;
}

.howdy-post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s ease;
}

.howdy-recent-post-item:hover .howdy-post-thumbnail img {
    transform: scale(1.05);
}

.howdy-post-content {
    flex: 1;
    min-width: 0;
}

.howdy-post-content h4 {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: #2c3e50;
}

.howdy-post-content h4 a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.howdy-post-content h4 a:hover {
    color: #500000;
}

.howdy-post-date {
    display: inline-block;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
}

.post-excerpt {
    color: #5a6c7d;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-clamp: 2;
}

.howdy-view-all-posts {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
    text-align: right;
}

.howdy-view-all-posts a {
    color: #500000;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.howdy-view-all-posts a:hover {
    color: #500000;
}



/* Post Titles Widget Categories and Search */
.home-posts-listing-categories {
    margin-bottom: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}

.home-posts-listing-category {
    border-radius: 20px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    font-size: 12px;
    color: #444 !important;
    border: 2px solid rgba(68, 68, 68, .19);
    padding: 5px 15px !important;
    font-size: 12px !important;
    text-decoration: none !important;
    background: transparent;
    margin: 0 2px;
    display: inline-block;
}

.home-posts-listing-category:hover,
.home-posts-listing-category.active {
    background: #343a40 !important;
    color: white !important;
    border-color: #343a40 !important;
}

.home-posts-listing-search-bar {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-posts-listing-search-input {
    border-radius: 25px !important;
    border: 1px solid #ccc !important;
    padding: 5px 20px !important;
    font-size: 14px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    transition: border-color 0.3s ease !important;
    color: #212529!important;
}

.home-posts-listing-search-input:focus, .home-posts-listing-search-input:focus-visible {
    border: 1px solid #343a40 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    outline: 0 !important;
}

.home_signup_text, .home_signup_link{
 	color: #000 !important;
}

/* Responsive design for widget */
@media (max-width: 768px) {
.howdy-post-card .btn{
	color: #761313e8;
}
.howdy-recent-post-item {
        gap: 12px;
        padding: 12px 0;
    }

.howdy-post-thumbnail {
        width: 70px;
        height: 70px;
    }

.howdy-post-content h4 {
        font-size: 15px;
    }

.howdy-post-date {
        font-size: 12px;
    }

    .widget_post_titles_widget .widget-title{
        text-align: center;
    }
}

input#is-search-input-1611 {
    border-radius: 25px 0px 0px 25px !important;
    border: none !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
    transition: border-color 0.3s ease !important;
    font-size: 14px !important  ;
}

input#is-search-input-1611:focus-within{
    border-color: #343a40 !important;
}

.is-form-style input.is-search-submit,.is-search-icon {
    background-color: #fff !important;
    border: none !important;
    border-radius: 0px 25px 25px 0px;
}