/* J-Business CSS This file is located in /components/com_jbusinessdirectory/assets/css/custom.css */ 

main {margin-top:40px;}

.search-optionWrapper {display: flex;flex-wrap: nowrap;} 
.searchContainer {
display: flex;
justify-content: center;
flex-flow: column;
}
.search-optionWrapper {display: flex;flex-wrap: nowrap;}
.search-options {display: flex;flex-wrap: wrap;justify-content: center;}
.search-options .search-options-item {color:black;display:flex;justify-content:center;}
.search-keyword, .result-counter {width:100%;}
/* Containers */
.jbd-container{margin:0 auto;max-width:1200px;}
.jbd-container .row {justify-content:space-around;}
#plans-container,.add-listing {max-width:90%;}
.jbd-container .packages-info-container {margin:0 auto;margin-top:40px;width:90%;max-width:initial;}

.jbd-container #search-path ul.category-breadcrumbs.category-breadcrumbs {margin: 0px 0 0 0!important; }
.business-slogan {font-size: 1.0em!important;font-weight: bold;text-align: center;margin-bottom:27px!important;}
.view-counter i {font-size:24px; margin-right: 19px; color:grey;}
.eye span {position:relative;top:-6px;}


.jbd-container #search-path ul.category-breadcrumbs li {font-size: 1.2em;}

.categories-style-3 > .col-12 {max-width:260px;}


@media (max-width:400px){
 .container-component, .container-bottom-b {padding: 20px 5px;}
.jbd-container .row {justify-content:center;}
}






.listing-header,.categories-header,.jitem-card,#form-mode-container,.containerShadow,#company-info, #tab-panel, #search-results,#process-container,.search-filter-container,.jbd-search-statistics{
border:1px #000 solid;border-radius:5px!important;padding:20px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)!important;background-color:#ffffff!important;}

.jitem-card {padding:0;background-color:#fff;}
.jitem-title {margin-bottom: 0;margin: 0 auto;}
.jbd-container .jitem-card .jitem-title > * {color: #343a40;font-size: 1.2em;font-weight: 600;}
.jbd-container .jitem-card .jitem-img-wrap .card-hoverable{background-color: rgba(0, 0, 0, 0.05);}


.filter-criteria,.jbd-container .shadow-border {
	-webkit-box-shadow: 10px 8px 8px 0px rgba(0,0,0,.23);
	-moz-box-shadow: 10px 8px 8px 0px rgba(0,0,0,.23);
	box-shadow: 10px 8px 8px 0px rgba(0,0,0,.23);
}

#package-form {display:flex;justify-content:space-evenly;}
.jpackage-container {margin:20px;}
/*
.jbd-container .card,.result-item, fieldset.boxed{background-color:#d6a01a!important;}
.jbd-container .bg-gray-100 {background-color:transparent;}
.info-right{background-color:#ffffff5c!important;}
.rating-container.is-display-only .rating-input, .rating-container.is-display-only .rating-stars {margin:0 auto;}
legend {font-family: Sawarabi Mincho;}

.jbd-container .place-card-body {min-height:189px;}
.jbd-container .place-card-body > a {position:inherit;top:inherit;left:inherit;}
.jbd-container .place-card-body > img {width:97%;}
.jbd-container .jitem-img-wrap > img {width:450px!important;}
.jbd-container .card{background-color:transparent!important;padding:8px 1px 8px 8px;}
.jbd-container .featured-text {bottom:0px;right: 8px;}
.jbd-container .category-icon-image {height: 36px !important;width: 36px !important;}
.jbd-container .card, .result-item, fieldset.boxed {background-color: #d6a01a00!important;}
.jbd-container .list-style-8 .result-item {border: #80808036 1px solid;border-radius: 3px;}
.jbd-container .row {justify-content:center;} /*required for plan displays */
.jbd-container #company-info{flex: unset;max-width: 36%!important; }
.jbd-container #tab-panel{flex: unset;max-width: 60%!important; }
.eye span {position:relative;top:-6px;}
.jbd-container .d-flex{flex-flow:column;}
.jbd-container.jbd-edit-container *[class*="has-jicon"] input {height: initial!important;}



@media screen and (max-width: 512px){
.jbd-container .listing-style-8 .col-lg-4 {flex-flow:column;align-items:inherit;}
}

@media (max-width: 830px) {

.jbd-container #company-info,.jbd-container #tab-panel,#search-filter,#search-results{flex: unset;max-width: 100%!important; }


	 
}

}
#wrapper .jbd-container.jbd-edit-container [class*="has-jicon"] input{
height: auto;
}