/*
 Theme Name:   Listar Child Theme
 Theme URI:    http://listar.directory/
 Author:       Web Design Trade
 Description:  Listar is a WordPress directory theme that allows to build a listing website without require code skills. It is powered with Bootstrap, ensuring responsive layout and excellent navigation approach on every device and modern browsers. It was developed to present company listings, but you can easily adapt it to receive any kind of listings that fulfill your needs.
 Version:      1.2.8
 License:      GNU General Public License v3 or later
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Author URI:   https://themeforest.net/user/webdesigntrade
 Template:     listar
 Text Domain:  listar-child
 Tags:         two-columns, one-column, right-sidebar, custom-header, featured-image-header, editor-style, custom-background, featured-images, custom-menu, footer-widgets, translation-ready
*/
 
/* ADD YOUR NEW CSS RULES HERE 
This file assumes you wish to add new CSS rules that will overwrite the default CSS of Listar theme 
Don't delete the header above: Please, remember that you still need to retain the header above, specifically the 'Template: listar' line. */
/* Hide author box */

body {
    background-color: #ffffff !important;
}
main#main {
    background-color: #ffffff;
}
body .button{
    background-color: rgb(254, 102, 1) !important;
    border-radius: 8px;
}
#content.site-content{
    background-color: #ffffff !important;
}
/* For solid/regular icons */
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "Font Awesome 5 Free", "icon" !important;
    font-weight: 900;
}


/* For brand icons */
.fab:before {
    font-family: 'Font Awesome 5 Brands' !important;
}


/* =============================
   START: Header General
============================= */

.easywoo-header{
    max-width: 1170px;
    margin: 20px auto;

}

.easywoo-header-content {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(150, 150, 150, 0.25);
    padding: 15px 20px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;    
}

.easywoo-back-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #333;
    text-decoration: none;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(150, 150, 150, 0.25);
    transition: all 0.2s ease;
}

.easywoo-back-icon:hover {
    color: #000;
}

.easywoo-page-title-wrapper {
    text-align: center;
    flex-grow: 1;
}

.easywoo-page-title {
    font-size: 20px;
    margin: 0;
    font-weight: bold;
}

@media (max-width: 776px) {
    .easywoo-header{
        padding:16px;
    }
}
@media (max-width: 480px) {
    .easywoo-header-content {
        padding: 10px 10px;
    }

    .easywoo-back-icon {
        width: 30px;
        height: 30px;
        font-size: 18px;
    }

    .easywoo-page-title {
        font-size: 12px;
    }

    .easywoo-right-placeholder {
        /*width: 30px;*/
    }
    .easywoo-single-listing .blog-share-icons {
        padding: 8px !important;
        width: 33px;
        height: 33px;
    }

}

/* EasyWoo User Login Button */
.easywoo-user-login {
    padding: 10px 20px;
    line-height: 1.78;
    font-size: 14px;
    letter-spacing: 0.025em;
    text-align: center;
    border-radius: 8px;
    background-color: rgb(255 255 255);
    color: #ff6600;
    transition: all 0.3s ease;
    margin-left: 15px;
}

/* Hover effect */
.easywoo-user-login:hover {
    color: #ff6600 !important;
}

/* Positioning in site header */
.site-header .easywoo-user-login {
    position: relative;
    float: left;
    top: 0;
}

/* Larger screens adjustments */
@media (min-width: 768px) {
    .site-header .easywoo-user-login {
        vertical-align: middle;
        float: none;
    }
}
/* Navbar active/expanded state */
.navbar-inverse .navbar-nav li > a[aria-expanded="true"],
.navbar-inverse .navbar-nav li > a[aria-expanded="true"]:hover,
.navbar-inverse .navbar-nav li > a[aria-expanded="true"]:focus {
    color: rgb(157, 157, 157) !important;
}

/* Mobile styles */
@media (max-width: 767px) {
    /* Logged-in user name color */
    .navbar-header.listar-primary-navbar-mobile-visible > .listar-logged-user-name span {
        color: rgb(157, 157, 157)!important;
    }

    /* Mobile menu toggle bar color */
    .listar-topbar-default-color #site-navigation .navbar-toggle.listar-primary-navbar-mobile-visible .icon-bar {
        background-color: rgb(157, 157, 157)!important;
    }
    .container-results{
        margin: auto;
        padding-left: 25px;
        padding-right: 25px;
    }
}

.listar-logged-user-menu-wrapper li.listar-logged-user-name:hover, .listar-logged-user-menu-wrapper li.listar-logged-user-name{
    color: rgb(37 37 37) !important;
}
.listar-logged-user-menu-wrapper li a:hover{
    color: rgb(255 102 0) !important;
}

/* CSS for Sign up in recover template */

.easy-woo .password-reset-success {
    min-height:60vh;
}
.easy-woo div#response{
    padding:12px 0px;
}
.easy-woo .password-reset-success {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
    padding:20px 80px;
}
.easy-woo .password-reset-success .password-recover-img img {
    width:120px;
    height:120px;
}
.easy-woo .link-sent-img{
    width:280px !important;
    height:280px !important;
}
.easy-woo .auth-wrapper {
    display: flex;
    max-width: 1200px;
    margin: auto;
    min-height:80vh;
    align-items:center;
}
.easy-woo .auth-left {
    width: 60%;
    background-size: cover;
    background-position: center;
    border-radius:8px;
}
.easy-woo .auth-right {
    width: 40%;
    display: flex;
    align-items: center;
    padding: 5px 50px;
}
.easy-woo .auth-right > div{
    width:100%;
}
.easy-woo .auth-right h2 {
    font-size: 28px;
}

.easy-woo .auth-buttons button {
    width: 100%;
    padding: 12px;
    margin: 8px 0;
    font-size: 16px;
    cursor: pointer;
    border-radius: 8px;
    font-weight:600;
}
.easy-woo .signup-btn, 
.easy-woo .login-email-btn {
    background: #FF6600;
    color: #fff;
    border: none;
}
.easy-woo .login-email-btn[type="submit"] ,.easy-woo .signup-btn[type="submit"] {
    background: #B8B8B8;
    color: #fff;
}
.easy-woo .facebook-btn {
    background: #fff;
    color: #FF6600;
    border: 1px solid #FF6600;
}
.easy-woo .auth-form {
    margin-top: 20px;

}
.easy-woo .auth-form input {
    width: 100%;
    padding: 10px;
    margin-bottom: 12px;
    border: none;
    border-radius: 8px;
    background-color:#fafafa;
}
.easy-woo .toggle-link {
    color: #4A4A4A;
    cursor: pointer;

    font-weight: bold;
}
.easy-woo .password-rules {
    font-size: 13px;
    margin: 5px 0 15px;
}
.easy-woo .password-rules li {
    list-style: none;
    margin: 4px 0;
}
.easy-woo .password-rules li::before {
    content: '\f06a';
    margin-right: 6px;
    color: red;
    font-family: "FontAwesome";
}
.easy-woo .password-rules li.valid::before {
    content: '\f00c'; 
    color: green;
    font-family: "FontAwesome"; 
    font-weight: 900; 
    margin-right: 8px;
}

.easy-woo .auth-form label {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
}
.easy-woo .dashboard-header {
    background: #fff;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 20px rgba(150, 150, 150, 0.25);
    color: orange;
}
.easy-woo .dashboard-header span {
    font-size: 20px;
    font-weight: bold;
}
.easy-woo .dashboard-header a.logout-btn {
    padding: 8px 16px;
    background: #FF6600;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
}
.text-center{
    text-align:center;
}

.easy-woo i[class*="fa"] { 
    font-family: 'FontAwesome' !important;
    font-style: normal;
    padding: 5px;
}

.easy-woo div.auth-form input {
    margin-bottom: 12px !important;
}

.easy-woo .signup-message {
    margin-top: 15px;
    padding: 10px;
    color: #ff0000;
    font-weight: bold;
}
.easy-woo .auth-wrapper a{
    color:black !important;
}
.easy-woo .btn{
    width: 100%;
    padding: 12px;
    margin: 8px 0;
    font-size: 16px;
    cursor: pointer;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
}
.easy-woo .btn-primary{
    background: #FF6600;
    border: none;
}
.easy-woo #login_response{
    padding:12px 0px;
}

@media screen and (max-width:1920px) and (min-width: 776px) {
    .easy-woo .auth-wrapper{
        padding:50px;
    }
}
@media screen and (max-width: 776px) {
    
    .easy-woo .auth-left{
        display: none;
     }
    .auth-right{
        width:100% !important;
    }
    .easy-woo .auth-right p {
        text-align:center;
    }
    .easywoo-login-btn{
        display:none !important;
    }
    .easywoo-user-info .easywoo-username{
        display:none !important;
    }

}

/* Blog Detail Page */

.single-post .listar-page-header-content > * {
    display: none;
}
.single-post .listar-page-header {
    height: 450px;
    background-position: unset;
}
.single-post .listar-post-content-header-background-inner {
     background: unset;
     box-shadow: unset; 
}
.single-post .listar-section{
    padding-top: 10px;
    padding-bottom: 10px;
}
.single-post .listar-single-content {
    padding-top: 65px !important;
}
.single-post .posts-navigation {
    display: none;
}
.single-post .blog-header-left h1 {
    font-size: 24px;
}
.single-post .custom-blog-header-content {
    justify-items: center;
}
/*for banner image*/
.single-post .listar-blog-banner {
    max-width: 1177px;
    border-radius:16px;
    height: 400px;
    margin:auto;
    background-size: cover;
    background-position: top;
}

.single-post .listar-blog-title-container {
    max-width:740px;
    margin: 30px auto;
}

.single-post .listar-blog-title-container .listar-blog-title {
    font-size: 36px;
    font-weight: 700;
    color: #333;
}

/* blog page */
.blog .easywoo-header, .single-post .easywoo-header {
     padding-top: 45px;
}
.blog #page, .single-post #page{
    padding-top: 45px;
}

.blog .listar-page-header.listar-no-image{
    box-shadow: 10000px 0 rgb(255 255 255) inset;
    justify-items: center;
}
.blog .listar-page-header-content, .single-post .custom-blog-header{
    padding: unset;
    max-width: 1170px;
    min-height: 60px;
    justify-content: center;
    align-content: center;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(150, 150, 150, 0.25);
    margin: 20px;
}

.blog .listar-page-header.listar-no-image:after {
    border-bottom: none;
}


/* CSS by Vishal */
.blog .listar-blog-card .listar-posted-by, .listar-read-more-link{
    display:none;
}
.blog .listar-grid-design-1 .listar-card-content .listar-card-content-image{
    border-radius: 8px !important;
    margin-bottom:16px;
    
}
.blog .listar-grid-design-1 .listar-card-content{
    height:auto !important;
}
.blog .listar-card-content-data{
    padding:0px !important;
}
.blog .listar-card-content-data  .listar-card-content-title{
    text-shadow:none !important;
    color:#4A4A4A !important;
    text-align:left !important;
    padding:12px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog .listar-card-content-data .listar-card-content-excerpt{
    text-align:left !important;
    display: -webkit-box !important;
     -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
     overflow: hidden !important;
    min-height: auto !important;
    color:#4A4A4A !important;
}

.blog .listar-card-content-data .listar-card-category-name{
    text-align:left !important;
    padding-top:20px !important;
}

.blog .listar-card-content-data .listar-card-category-name a{
    color: #FF6600 !important;
    background: #FF66001A !important;
    padding: 6px 24px !important;
    border-radius: 8px !important;
    font-weight:500 !important;
    font-size:14px !important;
}
.blog .listar-grid-design-1 .listar-card-content-image-wrapper {
    border:none !important;
}

.blog .listar-grid-filler{
    display:none !important;
}

.single-post .custom-blog-header{
    display: flex !important;
    justify-content: space-between !important;
    align-items: center;
    width: -webkit-fill-available;
    padding:0px 14px;
}
.single-post .custom-blog-header .listar-page-title{
    font-size:18px;
}

.blog .listar-page-header-content {
	font-family: "Manrope", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    -webkit-text-stroke-color: #000;
    stroke: #000;
    color: #4A4A4A !important;
}
.blog .listar-page-header-content h1{
    color:#4a4a4a !important;
}
.blog .easywoo-blog-filter-wrapper{
    width:1170px;
    margin:auto !important;
}

.blog .site-main{
    background-color:white !important;
}

.blog .easywoo-blog-filter-wrapper{
    padding:0px 16px;
}
.blog .listar-blog-card article.listar-card-content{
    padding:16px !important;
}

.blog .listar-navigation .page-numbers{
    border-radius:8px !important;
    border:none !important;
}
.blog .listar-navigation .page-numbers:hover{
    color:#4A4A4A;
    border:none;
}
.blog .listar-navigation .page-numbers.current{
    background-color:#FF66001A !important;
    color:#FF6600 !important;
}

.blog .easywoo-blog-filter {
   padding-bottom:15px;
}
.blog .filter-btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.blog .filter-btn {
    background-color: #fff;
    color: #55576B;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 8px;
    text-decoration: none;
    transition: 0.3s;
    box-shadow:0 0 8px rgb(222,222,222);
}
.blog .filter-btn:hover,
.filter-btn.active {
    background-color: #FF66001A;
    color: #FF6600;
}
.blog .listar-page-title{
    font-size:28px;
    text-transform: capitalize;
}
.easywoo-right-placeholder  .blog-share-tooltip {
    position: absolute !important;
    top: 60px;
    right: 0;
    border-radius: 8px;
    padding: 15px;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    width: 200px;
}

.single-post .share-trigger {
    background-color: #FF66001A;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}

.single-post .bold {
    font-weight: 600;
}

.single-post .text-underline {
    text-decoration: underline;
}

.single-post .copy-link img {
    margin-left: 10px;
}
.blog .prev.page-numbers{
    position:absolute;
    left:0;
}
.blog .next.page-numbers{
    position:absolute;
    right:0;
}

.blog .posts-navigation a .icon-chevron-left, .posts-navigation a .icon-chevron-right {
    color: #000 !important;
}

@media screen and (max-width: 776px) {
    .blog .listar-page-header-content{
        font-size:20px !important;
        width:90% !important; 
    }
    .blog .easywoo-blog-filter-wrapper {
        width: auto !important;
    }
    .single-post .listar-page-header{
        width:95%;
        background-position: center center;
        height:200px;
    }
    .single-post .listar-single-content{
        margin-top:30px;
    }
    .blog .prev.page-numbers{
        position:static;
    }
    .blog .next.page-numbers{
        position:static;
    }
}

.listar-topbar-default-color .listar-header-search-button{
    display: none !important;
}


/*-------------------------------
 User Dashbaord Page CSS Start Here 
---------------------------------*/

.user-dashboard-container {
    max-width: 1170px;
    margin:auto;
}
.user-dashboard-container .dashboard-user-info { 
    display: flex; 
    align-items: center; 
    gap: 12px; 
}
.user-dashboard-container .dashboard-avatar { 
    width: 40px; 
    height: 40px; 
    border-radius: 50%; 
}
.user-dashboard-container .dashboard-journal-banner { 
    background: #FFF3E0; 
    padding: 24px; 
    text-align: center; 
    margin: 24px 0; 
    border-radius: 12px;
    color:#FF6600;
}
.dashboard-journal-div{
    display: flex;
    flex-direction: column;
}
.user-dashboard-container .dashboard-journal-banner .link-icon i{
    color: #FF6600;
    background: #FF66001A;
    padding: 5px;
    border-radius: 8px;
 }
.user-dashboard-container .dashboard-journal-btn { 
    background: #FF6600; 
    color: #fff; 
    padding: 12px 32px; 
    border-radius: 8px; 
    text-decoration: none; 
    font-weight: 500; 
}
.user-dashboard-container .dashboard-section { 
    margin: 32px 0; 
}
.user-dashboard-container .dashboard-section-header { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
}
.user-dashboard-container .dashboard-section-header h2 { 
    margin: 0; 
}
.user-dashboard-container .dashboard-view-all { 
    background: #FF6600; 
    color: #fff; 
    padding: 8px 20px; 
    border-radius: 8px; 
    text-decoration: none; 
    font-weight: 500; 
}
.user-dashboard-container .dashboard-reports-cards, .dashboard-courses-cards, .dashboard-bookmarks-cards {
    display: flex; 
    gap: 12px; 
    justify-content: start;
    padding: 16px 4px;
}
.user-dashboard-container .dashboard-course-card ,
.user-dashboard-container .dashboard-report-card,
.easywoo-report-card {
    border-radius: 16px; 
    box-shadow: 0 0 20px rgba(150, 150, 150, 0.25); 
    padding: 16px; 
    min-width: 220px; 
    position: relative; 
    width:100%;
}
.user-dashboard-container .dashboard-report-card{
    width: auto !important; 
}
.easywoo-report-card{
    margin-bottom:20px;
}
.user-dashboard-container .dashboard-bookmark-card {
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 16px; 
    box-shadow: 0 2px 8px #0001; 
    min-width: 220px; 
    position: relative; 
    padding:0;
}
.user-dashboard-container .listar-bookmark-card-button{
    top:160px !important;
}
.user-dashboard-container .listar-listing-logo-wrapper{
    bottom:-10px !important;
}
.user-dashboard-container .dashboard-report-card strong { 
    display: block; 
    font-size: 1.4em; 
    color:#FF6600;
}
.user-dashboard-container .dashboard-report-arrow { 
    color:#4A4A4A;
}
.user-dashboard-container .dashboard-course-card{
    background-image: url(https://fls-9f826fcc-b2ad-40d8-813f-9cf7dac049fa.laravel.cloud/posts/hero-images/01K2FJ83W32C3H8K5HWQRK44M5.png);
    background-size: cover;     
    background-repeat: no-repeat; 
    background-position: center; 
    min-height: 250px;
    background-color: rgba(0,0,0,0.6);
    background-blend-mode: overlay;
    display: flex;
    justify-content: start;
    align-items: end;
    color:white;
}
.user-dashboard-container .dashboard-course-card .course-title-container{
    display:flex;
    align-items: center;
    justify-content: space-between;
    width: 50%;
}
.drop-down-menu{
    display:none;
    position: absolute;
    top:45px;
    right:25px;
    box-shadow: 0 0 12px rgba(222,222,222,0.5);
    padding:12px 16px;
    background-color: white;
    color:#4a4a4a;
    border-radius: 8px;
}
.drop-down-menu ul{
    padding:0;
    margin:0;
}
.drop-down-menu li{
    list-style:none;
    border-bottom: 1px solid #eee;
    padding: 8px 0;
}
.drop-down-menu li:last-child {
    border-bottom: none;
}
.drop-down-menu li span i{
    padding-left: 10px;
    transform: scalex(-1);
    color:#ff6600;
}
.date-icon-div{
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.user-dashboard-container .dashboard-course-card .card-options{
    position: absolute;
    top:16px;
    right:24px;
    cursor: pointer;
}
.user-dashboard-container .dashboard-bookmark-card img { 
    width: 100%; 
    border-radius: 12px; 
}
.user-dashboard-container .dashboard-course-title { 
    font-weight: 700; 
}
.user-dashboard-container .dashboard-bookmark-tags { 
    margin-top: 12px; 
}
.user-dashboard-container .dashboard-bookmark-tags span { 
    background: #FAFAFA; 
    color: #4a4a4a; 
    border-radius: 8px; 
    padding: 4px 10px; 
    margin-right: 6px; 
    font-size: 0.95em; 
}
.user-dashboard-container .dashboard-bookmark-heart { 
    position: absolute; 
    bottom: 16px; 
    right: 16px; 
    font-size: 1.5em; 
    color: #FF6600; 
}
.user-dashboard-container .listar-card-image-inner{
    height:220px;
}
.user-dashboard-container .listar-card-image-inner img{
    background-size: cover;      
    background-position: center; 
    background-repeat: no-repeat; 
    width: 100%;                 
    height: 100%;               
    display: block;   
}

@media(max-width: 996px) {
    .user-dashboard-container{
        padding:16px;
    }
}
@media(max-width: 778px) {

    .user-dashboard-container .dashboard-bookmarks-cards, .dashboard-courses-cards, .dashboard-reports-cards{
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .user-dashboard-container .dashboard-bookmark-card .listar-bookmark-card-button-wrapper{
        top:40px !important;
    }
}

/*----------------------------
     Card CSS for Listing 
-----------------------------*/

.easywoo-listings .listar-circular-wrapper{
    border-radius: 16px;
    max-width:none;
    width:100%;
    margin:0;
}
.easywoo-listings .listar-card-content-image .listar-card-image-inner{
    border-radius: 16px !important;
}
.easywoo-listings .listar-circular-wrapper .listar-card-image-inner img{
    border-radius: 16px !important;
}
.easywoo-listings .listar-circular-wrapper .listar-card-content-image{
    border-radius: 16px !important;
    background-color: transparent !important;
}
.easywoo-listings .listar-card-content .listar-card-image-wrapper {
    padding:0;
}
.easywoo-listings .listar-card-content-data {
    display:flex;
    flex-direction: column;
    justify-content: end;
    padding:20px !important;
}
.easywoo-listings .listar-card-content-data .listar-card-content-title{
    color:#4A4A4A;
    text-align: left;
    text-shadow: none;
    padding:0px 0px 20px;
}
.easywoo-listings .custom-country-rating-container {
    display: flex;
    align-items: center;
}

.easywoo-listings .custom-country-rating-container > div {
    flex: 1; /* equal width */
    box-sizing: border-box;
}

.easywoo-listings .custom-country-rating-container > div:first-child {
    border-right: 2px solid #0000004D;
    text-align: left;
}

.easywoo-listings .custom-country-rating-container > div:last-child {
    text-align: right;
}

.easywoo-listings .custom-listar-listing-rating::before {
    content: '\f005';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #FFD36D;
}
.easywoo-listings .listar-card-category-name a{
    position: absolute;
    top: 30px;
    left:45%;
    color: #4a4a4a !important;
    background: white;
    padding: 6px 12px;
    border-radius: 8px;
}
.easywoo-listings .listar-circular-wrapper .listar-listing-logo-wrapper{
    right:auto;
    bottom:-25px;
    left:20px;
    border:1px solid #4a4a4a;
    box-shadow: none;
}
.easywoo-listings .listar-circular-wrapper .listar-listing-logo-wrapper .listar-listing-logo {
    width: 75px;
    height:75px;
}
.easywoo-listings .listar-bookmark-card-button{
    /*bottom:-60px;*/
    top: auto;
    bottom: 30%;
    right:-16px;
    border-radius: 8px;
}
.easywoo-listings .listar-bookmark-card-button::after{
    content:none;
}
.listar-bookmark-card-button a:before {
	color: #b1b1b1;
	font-weight: bold;
}
.easywoo-listings .listar-open-or-closed {
    top: 30px;
    left:25%;
    border-radius: 8px;
    padding:8px 12px;
}
.easywoo-listings .listar-open-or-closed::before {
    content:none;
}
.easywoo-listings main.site-main{
    background-color: white !important;
}
.easywoo-listings-filter {
    justify-content: flex-start;
}
.easywoo-listings-filter  span.selection span.select2-selection{
    border-radius: 8px !important;
    border:none !important;
    background-color: #FAFAFA !important;
    color:#4a4a4a;
}
.listar-filter-form-wrapper{
    border:none !important;
}
section.listar-section {
    padding-top: 20px;
}
.listar-load-more-section .listar-navigation .page-numbers{
    border-radius: 8px !important;
    border:none !important;
    background-color: transparent !important;

}
.listar-load-more-section .listar-navigation .page-numbers , .icon-chevron-left :hover{
    background-color:#ff66001a;
    color:#4a4a4a !important;
}
.listar-load-more-section .listar-navigation .page-numbers.current{
    background-color: #FF66001A !important;
    color:#FF6600 !important;
    
}
.easywoo-listings-filter  input::placeholder{
    color:#4a4a4a;
}
.easywoo-listings .custom-listar-listing-rating .fa.listar-no-rating{
    display: none;
}
.icon-heart:before {
    content: "\f004" !important;
    font-family: 'Font Awesome 5 Free' !important;
}
@media( max-width: 778px){
    .easywoo-listings .listar-bookmark-card-button-wrapper{
        top:10px !important;
    }
    .listar-single-listing-page .listar-related-grid .listar-bookmark-card-button-wrapper{
        top:40px !important;
    }
    .listar-user-not-logged .site-header .listar-user-buttons.listar-mobile-user-buttons .listar-user-login,
    .listar-user-not-logged .site-header .listar-primary-navbar-mobile-visible .listar-user-buttons.listar-user-buttons-responsive{
        display: none !important;
    }
    
    form.searchandfilter > ul {
        flex-direction:column;
        align-items: start;
        width:100%;
        padding:16px;
    }
    form.searchandfilter > ul li {
        width:100%;
    }
    .chosen-container.chosen-container-single {
        width: 100% !important;
    }
    .custom-myaccount{
        padding:16px;
    }
    #easywoo-message-status{
        width:auto !important;
    }
}

.custom-myaccount{
    max-width:500px; 
    margin:40px auto; 
    font-family:Arial, sans-serif;
    padding:16px;
}
.easywoo-listings-filter form.listar-grid{
    justify-content: start !important;
}
.listar-open-or-closed > span{
    color:#4A4A4A !important;
  }
.listar-open-or-closed.listar-listing-closed.icon-alarm-error > span::before{
    content: "\f111";
    font-family: 'Font Awesome 5 Free';
    color: #E30C0C;
    font-weight: 900;
    padding-right:5px;
}
.listar-open-or-closed.listar-listing-open.icon-alarm-check > span::before{
    content: "\f111";
    font-family: 'Font Awesome 5 Free';
    color: #65DC25;
    font-weight: 900;
    padding-right:5px;
}

.easywoo-listings-filter .select2-container .select2-selection::before{
    content: none ;
}

.listing-filter-menus .select2-selection__rendered::after{
    content: "\f107" !important;
    font-family: "Font Awesome 6 Free";
    padding-left:25px;
    color:rgb(3, 0, 0);
    font-weight: 900;

}

.easywoo-listings .listar-card-category-name{
    font-size:14px;
}

.easywoo-header .edit-link{
    background: #FF66001A;
    padding: 10px;
    border-radius: 8px;
    color: #ff6600;
}
.easywoo-listings-filter form.listar-grid{
    padding:16px;
}

#easywoo-message-status{
    position: fixed;
    top: 120px;
    right: 20px;
    border-radius: 8px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items:center;
    z-index:9999;
    width: 50%;
}

#easywoo-message-status.error{
    background: #ffe0e0;
    border: 1px solid #ff8a8a;
}
#easywoo-message-status.success{
    background: #e7ffe1;
    border: 1px solid #24B500;
}

button.close-message{
    background: none;
    border: none;
}
button.close-message i{
    color: #4a4a4a;
    font-size:20px;
}
#easywoo-message-status.success .message-text i{
    padding: 0px 10px;
    color: #24B500;
}
#easywoo-message-status.error .message-text i{
    padding: 0px 10px;
    color: #ff2929;
}

.btn.btn-warning {
  background-color: #ff6600;
  border-color: #ff6600;
  transition: 0.5s !important;
}
.btn.btn-warning:hover,
.btn.btn-warning:focus {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
  outline: none;
}
.theme-btn {
  background-color: #ff6600;
  border-color: #ff6600;
  padding: 5px 8px;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  line-height: normal;
  display: block;
  max-width: fit-content;
  margin: 0 auto 10px;
}

/*thankyou */

.thankyou-btn-part {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 30px;
}
.thankyou-btn-part a {
  background-color: rgb(254, 102, 1);
  padding: 10px 40px;
  color: #fff;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.78;
}
.thankyou-btn-part a:hover {
  opacity: 0.7;
}
.container-results a{
    color: rgb(255 102 0) !important; 
}
.listar-single-listing-page .listar-banner-overlay {
    background: linear-gradient(45deg, #ff6600, #f3a2a2f0);
    border-radius: 8px;
}
.listar-bookmark-card-button  .icon-heart::before {
    font-family: 'Font Awesome 5 Free' !important;
}

/* -----------------------------
     Filter form Styles 
------------------------------*/

form.searchandfilter{
    max-width: 1177px;
    margin: auto;
}
form.searchandfilter > ul{
    display: flex;
    align-items: center;
    gap:12px;
}
form.searchandfilter ul .chosen-container{
    margin:0;
}

form.searchandfilter ul .chosen-container .chosen-single {
    border: none;
    border-radius: 8px;
    padding:0px;
}
a.chosen-single{
    background:#fafafa !important;
}
.chosen-container .chosen-search input{
    border-radius:8px !important;
}
.chosen-container .chosen-results li{
    padding:12px;
    border-radius:8px;
}
.chosen-container .chosen-results li.highlighted {
    background:#ff6600;
}
form.searchandfilter ul .chosen-container .chosen-single span{
    padding:12px;
    margin:0px;
    position: relative;
    display:flex;
    justify-content:space-between;
}

form.searchandfilter ul .chosen-container .chosen-single span::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 10px;
}

.chosen-container-single .chosen-single > div{
    position: static;
}


form.searchandfilter ul li.sf-field-search{
    margin-left:auto;
}
form.searchandfilter ul li.sf-field-searc::before{
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #ff0000;
}

form.searchandfilter ul li.sf-field-search input[type="text"] {
    padding-left: 35px;
    border-radius: 8px;
    border: none;
    background: #FAFAFA;
    padding-left:35px;
}
@media (min-width: 1200px) {
    .blog .listar-main-block {
         max-width: 1177px !important; 
    }
}
        

.listar-fallback-menu-background{
    background-color:#ff6600;
}
        
.listar-logged-user-menu-wrapper li a i.icon-heart{
   color: #ff6600;
}
    
        
.sf-input-text::before {
  content: "\f002"; /* Font Awesome search icon */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
}
a.job_application_email {
    color: #ff6600;
}      

a.job_application_email:hover {
    color: #f06000 !important;
}

.chosen-container.chosen-with-drop .chosen-drop {
    padding: 12px;
    border-radius: 8px;
    border: none;
}

.listar-panel-form>.panel-heading a.active, .listar-reset-pass-button:hover {
    color: rgb(0 0 0) !important;
}

button.btn.btn-theme.btn-lg{
    background:#ff6600 !important;
    border-radius:8px !important;
}

li.sf-field-search label::before {
    content: '\f002';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    transform: translateY(-50%);
    color: #888;
    margin-left: 14px;
    margin-top: 24px;
}


/*#content.site-content footer{*/
/*    position: absolute;*/
/*    bottom: 0px;*/
/*    margin: auto;*/
/*    width: 100%;*/
/*}*/

/*#content.site-content{*/
/*    min-height:90vh;*/
/*}*/

@media (min-width: 778px) {
    html, body {
      height: 100%;
      margin: 0;
    }
    
    #content.site-content {
      min-height: 100%;
      position: relative;  
      padding-bottom: 90px !important; 
      box-sizing: border-box; 
    }
    
    #content.site-content footer {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 90px; 
    }
}
@media (max-width: 360px){
    .easywoo-listings .listar-bookmark-card-button {
        top: auto;
        /*bottom: -30px;*/
        bottom: 30%;
        right: 0px;
    }
    .easywoo-listings .listar-card-category-name a {
        left: 48%;
    }
    .user-dashboard-container .listar-card-image-inner {
    height: 180px;
}
}

.search-results form.searchandfilter{
    display:none;
}


.search-results .listar-section-title {
    margin-bottom: 50px;
    text-align: left;
}
.search-results .listar-title-with-stripe::after{
    display:none;
}

/*@media (min-width: 778px) {*/
/*    .navbar-right {*/
/*        float:left !important;*/
/*    }*/

/*}*/

#listar-primary-menu{
    display: flex;
    /*justify-content: center;*/
    padding:0px 24px;
}


.col-xs-12.col-sm-6.col-md-4.listar-grid-design-2.listar-listing-card.listing-21284.listar-default-post.listar-height-changed{
    height:auto !important;
}
.listar-card-content .listar-card-content-image, .listar-card-content .listar-card-content-image .listar-card-image-inner img, .listar-card-content .listar-card-content-image .listar-card-content-title-centralizer~img
{
    padding-bottom:60%;
}