/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.green {
    background-color: #00bb00 !important;
}

.green-text{
    color: #00bb00!important;
}

.container{
    max-width: 1200px!important;
    margin: auto!important;
}
.breadcrumb-link-holders{
    padding: 5px 0px;
    margin-top: 20px;
}

.breadcrumb-link-holders a, .breadcrumb-link-holders a::before {
    color: #757575!important;
    font-size: 14px;
}

.breadcrumb{
    line-height: 20px!important;
    font-size: 16px;
}

h2{
    font-weight: 900;
    font-family: "Bahnschrift", "Helvetica Neue", "Helvetica", "Arial";
}


.adBtn{
    background-color: transparent!important;
    border: 2px solid #00bb00;
    border-radius: 5px;
}

.container.big{
    width: 70%!important;
}

.container.medium{
    width: 80%!important;
}

body, input, p, a, button, h3, h4, h5, h6 h2, h1{
    font-family: "Bahnschrift", "Helvetica Neue", "Helvetica", "Arial";
}

.five-px-radius{
    border-radius: 5px!important;
  }

/*Header CSS*/
.dropdown-content{
    top: 64px!important;
}

[type='checkbox'].filled-in:checked + span:not(.lever):after{
    border: 2px solid #66bb6a ;
    background-color: #66bb6a ;
}

input[type=text]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]){
    border-bottom: 1px solid #66bb6a;
    box-shadow: 0 1px 0 0 #66bb6a;

}

[type='radio']:checked + span:after{
    background-color: #66bb6a !important;
    border: 2px solid #66bb6a;
}

.readmoreBtn{
    border: none!important;
    padding: 0px!important;

}
.readmoreBtn:hover{
    background-color: unset!important;

}

.listResultLogo{
    width: 100%;
    max-height: 150px;
    object-fit: contain;
}

.modal.modal-fixed-footer.small {
    height: 70%;
    padding: 0;
    max-width: 400px;
}

@media screen and (max-width: 600px){

}

input[type=text]:not(.browser-default):focus:not([readonly]) + label, input[type=url]:not(.browser-default):focus:not([readonly]) + label{
    color: #66bb6a;
}
input[type=text]:not(.browser-default).validate + label, input[type=url]:not(.browser-default).validate + label{
    padding-left: 6px;
    font-weight: 600;
    color: #302b2b!important;
}

.dropify-wrapper .dropify-preview{
    background-color: transparent!important;
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
}

.dropify-wrapper .dropify-preview .dropify-render img{
    height: 250px;
    object-fit: cover;
}

.main-nav-links li a{
    font-weight: 600;
}

.main-navigation.fixed {
    position: fixed;
    z-index: 999;
    top: 0px;
}

.error{
    color: red;
}

.sidenav-trigger{
    color: #000000!important;
}
/*End Header CSS*/

/*top bar*/
.popular-categories{
    display: inline-block;
    margin: 0px;
}
.popular-categories li{
    display: inline-block;
    margin-right: 10px;
    font-weight: 300;
    font-size: 13px;
}

.topbar-left-icons i{
    float: left;
    margin: 0px 5px;
    font-size: 20px;
    margin-top: 3px;
}

/*End top bar*/



/*Homepage CSS*/
.main-search-holder{
    background-image: url("../../images/homebanner-v2.jpg");
    background-size: cover;
    background-position: top center;
}

.main-search-holder-v3{
    min-height: 400px;
    background-image: url("../../images/homebanner-v2.jpg");
    background-size: cover;
}
.main-search-holder-wrapper-v3{
    padding-top: 50px;
    min-height: 400px;
    background-color: rgba(0, 0, 0 , 0.5);
}

.main-search-holder-v2{
    height: 100vh;
    background-image: url("../../images/homebanner-v2.jpg");
    background-size: cover;
    max-height: 700px;
}

.main-search-holder-wrapper-v2{
    height: 100vh;
    max-height: 700px;
    background-color: rgba(0, 0, 0 , 0.5);
}

.main-search-holder-wrapper{
    background-color: rgba(0, 0, 0 , 0.5);
}



.search-holder{
    margin: auto;
}

.search-form-holder{
    /*background-color: #fff;*/
    max-width: 750px;
    margin: auto;
    /*border-radius: 40px;*/
    /*padding: 15px 20px;*/
    margin-top: 20px;
    display: flow-root;
}



.location-search-field-holder i, .business-search-field-holder i{
    float: left;
}

.location-search-field-holder input{
    border: none;
    font-size: 16px;
    font-weight: 400;
    margin-left: 5px;
    color: #757575;
    max-width: 150px;

}

.location-search-field-holder, .business-search-field-holder{
    margin-top: 14px;
}

.business-search-field-holder input{
    border: none;
    font-size: 16px;
    font-weight: 400;
    margin-left: 5px;
    color: #757575;
}

@media screen and (min-width: 1000px){
    .location-search-field-holder{
        border-right: 1px solid #000000;
    }
}

 input::-webkit-input-placeholder { /* Edge */
    color: #bbbbbb;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bbbbbb;
}

 input::placeholder {
    color: #bbbbbb;
}

 .submit-search-field-holder button{
     border-radius: 100px;
     padding: 10px 20px;
     height: 50px;
     line-height: 20px;
     width: 150px;
 }


 #result-feed{
     height: 100px;
 }

.location-request-holder{
    margin: 25px 20px 20px 20px;
    padding-bottom: 1px;

}

 .location-request-holder div i{
     float: left;
     margin-right: 5px;
 }

 .location-request-holder div{
   font-size: 18px;
 }

 #result-list{
     max-height: 200px;
     overflow-y: auto;
 }

 .results-section{
     max-width: 749px;
 }


@media screen and (min-width: 1179px){
    #addBusinessSearchForm{

    }
}
.location-result-list-item , .business-result-list-item{
    padding: 10px 20px!important;
    border-bottom: 1px dashed #efefef;
    cursor: pointer;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

.business-result-list-item:hover, .location-result-list-item:hover{
    background-color: #dddddd;
}



.location-preloader{
    width: 19px!important;
    height: 19px!important;
}


.feature-item{
    text-align: center;
}


.feature-item img{
    width: 60px;
}

.checklist-info li{
    margin-top: 10px;
}

.checklist-info li span{
    display: inline-block;
    margin-left: 40px;
}

.checklist-info li i{
   float: left;
    position: absolute;
}

.cta-one{
    background-image: url("../../images/home-banner.jpg");
    background-size: cover;
    background-position: center left ;
}

.custom-wrapper{
    background-color: rgba(0, 0, 0, 0.7);
}

.top-rated-card-item .card-image span{
    display: inline-block;
    position: absolute;
    background-color: green;
    color: #fff;
    padding: 5px 10px;
    border-radius: 100px;
    margin: 10PX;
    font-size: 12px;
}

.top-rated-card-item .card-content .category{
    font-size: 12px;
}


/*End Homepage CSS*/


/* Add business page result*/
#business-search-result-page{
    min-height: 100vh;
}
/*End Add business page result*/

/* Categories Styles*/
#category-page{
    min-height: 100vh;
    padding-top: 50px;
}

.category-list li{
    display: block;
    margin-bottom: 15px;
    font-size: 16px;

}

.category-list li i{
    font-size: 16px;
    margin-top: 3px;
}
/* End Categories Styles*/

/* Search result page*/

.listing-item.template-1{
    border: 3px;
    padding: 10px;
    border: 1px solid #efefef;
}

.list-item-details-holder h2 a{
    border: none;
    padding: 0;

}

.list-item-details-holder h2 a:hover{
    border: none;
    padding: 0;
    background-color: unset;
    color: #4caf50;
    text-decoration: underline;
}

.category-list li a{
    color: #757575;
}

.category-list li{
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}

.category-list li:hover {
    border: 1px solid #4caf50;
    padding: 10px;
    border-radius: 5px;

}
.top100Cats p:hover {
    border: 1px solid #4caf50;
    padding: 10px;
    border-radius: 5px;

}
.category-list li:hover a{
    color: #4caf50;
}

.top100Cats p:hover a{
    color: #4caf50;
}

.top100Cats p a{
    color: #757575;
}

.top100Cats p{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
}

.list-item-details-holder a{
    /*border: 2px solid #4caf50;
    padding: 10px 25px;

    font-weight: 600;*/
    color: #4caf50;
}

/*.list-item-details-holder a:hover{
    background-color: #4caf50;
    border: 2px solid #4caf50 ;
    padding: 10px 25px;
    color: #ffffff ;
}*/

.logo-holder img{
    border: 1px solid #f0f0f0;
}

#searchpage div div#search-form{
    border: 1px solid #efefef;
    max-width: unset!important;
}

#searchpage .search-form-holder{
    max-width: unset!important;
}



.listing-item div div .logo-holder p{
    margin: auto;
    margin-top: 0px;
    color: #eeeeee;
}

.serachResultpage-left-panel{
    margin-top: 10px;
}

.map-view{
    border: 1px solid #efefef;
    background-image: url("../../images/mapview.png");
    background-size: cover;
    border-radius: 5px;
}

/* End Search result page*/


/* Register styles */

.register-form-main-holder{
    border-radius: 5px;
    padding: 0px;
}

.custom-input input[type=url]:not(.browser-default, .select-dropdown),
.custom-input input[type=text]:not(.browser-default, .select-dropdown),
.custom-input input[type=email]:not(.browser-default , .select-dropdown),
.custom-input input[type=password]:not(.browser-default , .select-dropdown){
    padding: 1% 6%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    height: 33px;
}

.custom-input input[type=url]:not(.browser-default, .select-dropdown):focus:not([readonly]),
.custom-input input[type=text]:not(.browser-default, .select-dropdown):focus:not([readonly]),
.custom-input input[type=email]:not(.browser-default,  .select-dropdown):focus:not([readonly]),
.custom-input input[type=password]:not(.browser-default , .select-dropdown):focus:not([readonly]){
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: none;

    border: 1px solid #999999;
}

.custom-input input:not(.select-dropdown){
    border: 2px solid #ccc!important;
    border-radius: 5px!important;
    padding: 25px 40px!important;
}

.datepicker-date-display {
    background-color: #00bb00;
}

.datepicker-table td.is-today {
    color: #00bb00;
}

.datepicker-day-button:focus {
    background-color: rgb(10 249 6 / 25%);
}

.datepicker-table td.is-selected {
    background-color: #00bb00;
}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
    padding: 0 1rem;
    color: #00bb00;
}
.dropdown-content li > span {
    color: #00bb00;
}

.custom-input.no-icon input{
    padding-left: 10px!important;
}



.custom-input i{
    position: absolute;
    margin-top: 15px;
    margin-left: 10px;
}

/* End Register styles */

/* Profile style*/

.profile-nav-link li{
    display: block;
    padding: 15px;
    padding-left: 0px;
    border-bottom: 1px solid #efefef;

}

.profile-nav-link li.active{

    border-right: none;

}

.profile-nav-link li.active a{
    color: #00bb00;
}

.profile-nav-link li a{
    color: #020202;
}

.profile-nav-link li i{
    position: absolute;

}

.avatar-holder{
    max-width: 117px;
    text-align: center;
    max-height: 117px;
}

.avatar-holder i{
    margin-top: 80px;
    background-color: #00bb00;
    color: #ffffff;
    font-size: 16px;
    padding: 5px;
    border-radius: 100px;
    z-index: 9999;
    position: absolute;
    margin-left: -25px;
    cursor: pointer;
}

.switch label input[type=checkbox]:checked + .lever {
    background-color: #afcdaf;
}

.switch label input[type=checkbox]:checked + .lever:after {
    background-color: #00bb00;
}

.bordered-image{
    border: 1px solid #efefef;
}

.bordered-image.rounded{
    border-radius: 5px;
}

.select2-container--default .select2-selection--single{
    border: none;
}

.custom-input.no-icon.select{
    border: 2px solid #ccc;
    padding: 2px 10px;
    border-radius: 5px;
}





/* End Profile style*/





.search-holder-v3{
    max-width: 750px;
    margin: auto;
}



/* Listing Page Styles*/
.banner-holder{
    min-height: 400px;
    background-color: #999999;
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-image img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
    z-index: 3;
}

.banner-wrapper{
    position: absolute;
    width: 100%;
}

.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color: #00bb00;
}



.page-listing-items{
    background-color: rgb(0 0 0 / 55%);
    min-height: 400px;
    z-index: 4;
}

.listing-call-btn{
    border: 2px solid #ffffff;
    color: #ffffff;
    margin: 10px;
}

.listing-call-btn:hover{
    border: 2px solid #00bb00;
    color: #ffffff;
    background-color: #00bb00;
}
/* End Listing Page Styles*/


.icon-text{
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

.editor-class{
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
}

.listing-mobile-actions{
    position: fixed;
    z-index: 9999;
    bottom: 0;
    background-color: #00bb00;
    width: 100%;
}


#searchpage div div div div.items.business div.row{
    max-width: 759px;
}

#searchpage div div.results-section{
  max-width: 100%;
}

.top100Cats p i{
    font-size: 20px;
}

.vmction{
    cursor: pointer;
    padding-left: 5px;
    color: #000;
}

.vmction:hover{
    text-decoration: underline;
}


@media screen and (min-width: 993px){




    .category-list{
        column-count: 4;
    }

    #homeSection2{
        height: 100vh;
        max-height: 700px;
    }
}

@media screen and (max-width: 600px){

    .listing-category-item{
        max-width: 137px;
        margin: 20px auto;
    }


    .grecaptcha-badge{
        display: none!important;
    }

    .banner-holder{
        background-color: #999999;
        background-size: cover;
        background-position: center;
    }

    .banner-image img{
        width: 100%;
        object-fit: cover;
        object-position: center;
        z-index: 3;
    }

    .left-align-sm{
        text-align: left!important;
    }


    .add-sm-margin{
        margin: 30px;
    }

    #searchpage .search-form-holder{
        margin-top: 0px;
    }

    #searchpage div div div.col{
        padding: 0px 10px;
        background-color: transparent!important;
    }

    .category-list{
        column-count: 1;
        padding: 0px 15px!important;
    }

    nav{
        height: 64px;
    }

    .center-align-sm{
        text-align: center;
    }

    .row.add-business-card-link-holder{
        background-color: transparent!important;
    }

    img.brand-logo{
        margin-top: 15px;
        width: 100px;
        padding: 0px;
        margin-left: 10px;
    }

    .sidenav{
        width: 70%;
    }

    h2{
        font-size: 30px;
        text-align: center;
    }

    .submit-search-field-holder button{
        width: 100%;
    }

    .location-request-holder{
        margin-bottom: 0px;
    }

    .location-field-col{
        border-bottom: 1px solid #eeeeee;
    }

    .location-field-col ,.business-field-col{
        padding-bottom: 15px!important;
        margin-top: 5px;
    }

    .search-form-holder{
        border-radius: 3px;
        padding-top: 20px;
        padding-bottom: 20px;
    }



}

@media screen and (min-width: 601px)and (max-width: 992px){

    .search-holder-v3{
        max-width: 600px;
        margin: auto;
    }

    .location-search-field-holder, .business-search-field-holder {
        margin-top: 10px;
    }


    .location-search-field-holder i, .business-search-field-holder i {
        float: left;
        font-size: 14px;
        margin-top: 3px;
    }

    .location-preloader {
        width: 14px!important;
        height: 14px!important;
    }

    .category-list{
        column-count: 3;
    }

    nav{
        height: 64px;
    }

    img.brand-logo{
        margin-top: 15px;
        width: 100px;
        padding: 0px;
        margin-left: 10px;
    }

    .sidenav{
        width: 70%;
        max-width: 300px;
    }

    h2{
        font-size: 30px;
        text-align: center;
    }



    .location-field-col ,.business-field-col{
        padding-bottom: 10px!important;
        margin-top: 5px;
    }

    .search-form-holder{
        max-width: 800px!important;
    }

    #locationField{
        max-width: 100px;
    }

    #locationField, #businessNameField{
        font-size: 14px;
    }

    .business-field-col{
        padding-top: 2px;
    }

    #homeSection2{
        height: auto!important;
        max-height: unset!important;
    }

    .submit-search-field-holder button{
        width: 100%;
    }


}


.social-icon-footer-list li{
    display: inline-block;
}

.social-icon-footer-list li a{
    width: 30px!important;
    height: 30px!important;
    margin-right: 5px;
}


#logoutLoadingScreen{
    background-color: rgba(0, 0, 0, 0.5);
    height: 100vh;
    position: fixed;
    z-index: 999999;
    width: 100%;
}

#savingLoadingScreen{
    background-color: rgba(0, 0, 0, 0.5);
    height: 100vh;
    position: fixed;
    z-index: 999999;
    width: 100%;
}

.listingShortDescItem{
    max-height: 100px!important;
    overflow: hidden!important;
}