.elementor-1554 .elementor-element.elementor-element-6cc1e99{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1554 .elementor-element.elementor-element-7a2962c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1554 .elementor-element.elementor-element-9aaa21d{width:var( --container-widget-width, 96% );max-width:96%;padding:34px 0px 0px 0px;--container-widget-width:96%;--container-widget-flex-grow:0;}.elementor-1554 .elementor-element.elementor-element-ca08005{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1554 .elementor-element.elementor-element-a43fae4{--display:flex;--padding-top:40px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1554 .elementor-element.elementor-element-c5da19d{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1554 .elementor-element.elementor-element-c5da19d .eael-entry-thumbnail{height:204px;}.elementor-1554 .elementor-element.elementor-element-c5da19d .eael-grid-post-holder{background-color:#fff;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(78.19999999999997, 78.19999999999997, 78.19999999999997, 0.22);}.elementor-1554 .elementor-element.elementor-element-c5da19d .eael-meta-posted-on{position:absolute;top:0px;}.elementor-1554 .elementor-element.elementor-element-c5da19d .eael-entry-title a{color:#303133;}.elementor-1554 .elementor-element.elementor-element-c5da19d .eael-entry-title:hover, .elementor-1554 .elementor-element.elementor-element-c5da19d .eael-entry-title a:hover{color:#23527c;}.elementor-1554 .elementor-element.elementor-element-c5da19d .eael-entry-title, .elementor-1554 .elementor-element.elementor-element-c5da19d .eael-entry-title a{font-size:16px;}.elementor-1554 .elementor-element.elementor-element-c5da19d .eael-grid-post .eael-entry-overlay{background-color:rgba(0,0,0, .75);}.elementor-1554 .elementor-element.elementor-element-c5da19d .eael-grid-post .eael-entry-overlay > i{color:#ffffff;font-size:18px;}.elementor-1554 .elementor-element.elementor-element-c5da19d .eael-grid-post .eael-entry-overlay > img{height:18px;width:18px;}.elementor-1554 .elementor-element.elementor-element-c5da19d .eael-post-elements-readmore-btn{font-size:14px;color:var( --e-global-color-d49ac81 );border-style:solid;border-width:0px 0px 1px 0px;padding:10px 0px 0px 0px;margin:0px 310px 0px 0px;}@media(max-width:767px){.elementor-1554 .elementor-element.elementor-element-ca08005{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1554 .elementor-element.elementor-element-a43fae4{--padding-top:0px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-1554 .elementor-element.elementor-element-c5da19d .eael-post-elements-readmore-btn{margin:0px 220px 0px 0px;}}@media(min-width:768px){.elementor-1554 .elementor-element.elementor-element-7a2962c{--width:69%;}.elementor-1554 .elementor-element.elementor-element-ca08005{--width:31%;}}/* Start custom CSS for html, class: .elementor-element-9aaa21d *//* Styling for the search form container */
#custom-search-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    
    margin: 0 auto;
    padding: 0;
    border: 1px solid #d1d1d1;
    border-radius: 5px; /* Round corners to match the image */
    background-color: #fff;
}

/* Styling for the search input */
#search-input {
    width: 85%; /* Adjusted width to match the image */
    padding: 13px 15px;
    font-size: 16px;
    border: none;
    border-radius: 5px; /* Rounded corners */
    outline: none;
    background-color: #f8f8f8;
}

/* Focus effect for search input */
#search-input:focus {
    border: 1px solid #CCCCCC;
    background-color: #fff;
}

/* Styling for the search button */
.e-search-submit {
    background-color: #007bff; /* Blue color */
    border: none;
    border-radius: 5px !important; /* Rounded corners */
    padding: 15px 20px;
    color: white;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Button hover effect */
.e-search-submit:hover {
    background-color: #0056b3;
}

/* Placeholder styling */
#search-input::placeholder {
    color: #888; /* Light gray for placeholder text */
    font-style: normal;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8afa5fb *//* Container for the sort dropdown */
.sort-container {
    
    text-align: start !important;
}

/* Style for the label */
.sort-container label {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-right: 10px;
}

/* Style for the select dropdown */
#sort-posts {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Style when the dropdown is hovered */
#sort-posts:hover {
    border-color: #888;
}

/* Style for the option text */
#sort-posts option {
    padding: 10px;
    background-color: #fff;
}

/* Add some spacing between posts */
.elementor-post {
    margin-bottom: 20px;
}

/* On small screens (mobile), center the sort dropdown */
@media (max-width: 768px) {
    .sort-container {
        text-align: center;
    }
    #sort-posts {
        width: 100%;
    }
}

/* Remove default dropdown arrow */
#sort-posts {
    -webkit-appearance: none;  /* For Safari */
    -moz-appearance: none;     /* For Firefox */
    appearance: none;          /* For modern browsers */
    background: transparent url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" id="Line" height="16" viewBox="0 0 24 24" width="16"%3E%3Cpath d="m12 18a1 1 0 0 1 -.71-.29l-10-10a1 1 0 0 1 1.42-1.42l9.29 9.3 9.29-9.3a1 1 0 1 1 1.42 1.42l-10 10a1 1 0 0 1 -.71.29z"%3E%3C/path%3E%3C/svg%3E') no-repeat right 10px center;
    background-size: 16px;
    padding-right: 30px;  /* Ensure text does not overlap the icon */
}

/* Style for the dropdown when hovered */
#sort-posts:hover {
    border-color: #888;
}

/* On mobile or smaller screens, adjust the icon size */
@media (max-width: 768px) {
    #sort-posts {
        background-size: 14px;
    }
}/* End custom CSS */