/*



Theme Name:olomo



Description: olomo is premium WordPress theme developed by WebMasterDriver, It is complete solution for any type of directory and listing theme.



Author: Team of WebMasterDriver



Theme URI:http://themes.webmasterdriver.net/olomo/



Version: 10.0.0



Author URI: https://themeforest.net/user/webmasterdriver



License:GNU General Public License v2 or later



License URI: http://www.gnu.org/licenses/gpl-2.0.html



Tags:one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-image-header, featured-images, post-formats, sticky-post, theme-options, translation-ready



Text Domain: olomo



*/



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







 =  Table of CSS



 	1. General code



	2. WordPress Default Theme Css



/* 1. General code */







.dark_mask::after {



  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;



  content: "";



  display: block !important;



  height: 100% !important;



  left: 0;



  position: absolute;



  top: 0;



  visibility: visible !important;



  width: 100%;



}







.dark_mask > * {



  position: relative;



  z-index: 1;



}







.vc_btn3-style-custom {



  background: #38ccff none repeat scroll 0 0 !important;



  border: medium none;



  border-radius: 3px;



  color: #ffffff !important;



  font-size: 16px !important;



  font-weight: 700 !important;



  line-height: 30px !important;



  margin: auto;



  padding: 8px 22px !important;



  transition: all 0.3s linear 0s !important;



  width: auto;



}







.vc_btn3-style-custom:hover, .vc_btn3-style-custom:focus {



  background: #03aee9 none repeat scroll 0 0 !important;



}















.page-template-template-login header#header, .page-template-template-login footer#footer {display:none;}







.page-template-template-dashboard #navigation ul.nav.navbar-nav, .page-template-template-dashboard footer#footer{display: none;}


.page-template-template-dashboard #header #dashboard-responsive-nav-trigger, .page-template-template-dashboard footer#footer #dashboard-responsive-nav-trigger{
    color: #ffffff;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 30px;
    margin: -60px;
}




.main-menu-container {display: inline-block;vertical-align:top;}







.confirmation {overflow: hidden;}







.entry_meta .featured_post_m span {



  color: #38ccff;



  font-weight: 700;



}







.entry_meta .featured_post_m span i{



  color: #38ccff !important;



}







.icon_div code {



  background: inherit;



  color: inherit;



}







/*-----------------------------*/







/* 2. WordPress Default Theme Css



/*----------------------------*/







.wp-caption {



	background: #fff;



	border: 1px solid #f0f0f0;



	max-width: 96%; /* Image does not overflow the content area */



	padding: 5px 3px 10px;



	text-align: center;



}







.wp-caption.alignnone {



	margin: 5px 20px 20px 0;



}







.wp-caption.alignleft {



	margin: 5px 20px 20px 0;



}







.wp-caption.alignright {



	margin: 5px 0 20px 20px;



}







.wp-caption img {



	border: 0 none;



	height: auto;



	margin: 0;



	max-width: 98.5%;



	padding: 0;



	width: auto;



}







.wp-caption p.wp-caption-text {



	font-size: 11px;



	line-height: 17px;



	margin: 0;



	padding: 0 4px 5px;



}







.alignleft {



	float: left;



	margin: 5px 20px 20px 0;



}







.alignright {



	float: right;



	margin: 5px 0 20px 20px;



}







.aligncenter, div.aligncenter {



	display: block;



	margin: 5px auto;



}







.screen-reader-text {



	display: none;



}







.fw-wrap-search-form {



	display:none;



}







.wp-caption-text {



	-webkit-box-sizing: border-box;



	-moz-box-sizing:    border-box;



	box-sizing:         border-box;



	font-size: 12px;



	font-style: italic;



	line-height: 1.5;



	margin: 9px 0;



}







.sticky .entry-date {



	display: none;



}







.gallery-caption {



	background-color: rgba(0, 0, 0, 0.7);



	-webkit-box-sizing: border-box;



	-moz-box-sizing:    border-box;



	box-sizing:         border-box;



	color: #fff;



	font-size: 12px;



	line-height: 1.5;



	margin: 0;



	max-height: 50%;



	opacity: 0;



	padding: 6px 8px;



	position: absolute;



	bottom: 0;



	left: 0;



	text-align: left;



	width: 100%;



}







.gallery-caption:before {



	content: "";



	height: 100%;



	min-height: 49px;



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



}







.bypostauthor > article .fn:before {



	margin: 0 2px 0 -2px;



	position: relative;



	top: -1px;



}







.bypostauthor > article .fn:before,  .comment-edit-link:before,  .comment-reply-link:before,  .comment-reply-login:before,  .comment-reply-title small a:before,  .contributor-posts-link:before,  .menu-toggle:before,  .search-toggle:before,  .slider-direction-nav a:before,  .widget_twentyfourteen_ephemera .widget-title:before {



	-webkit-font-smoothing: antialiased;



	display: inline-block;



	font: normal 16px/1 Genericons;



	text-decoration: inherit;



	vertical-align: text-bottom;



}







.inner_pages_cities {



    margin-top: 20px;



}.download-app-li img.img-responsive {    display: inline-block;    margin-top: 20px;    margin-bottom: 10px;}



#listing_detail_banner .owl-carousel .owl-item img {

    -webkit-transform-style: inherit;

}

button#OlomoSaveChatMgs {
    background: #38ccff;
    color: #fff;
    border: 0;
    padding: 13px 15px;
    border-radius: 3px;
    box-shadow: 8px 8px 30px 0 #ccc;
    font-weight: 600;
}

.form-control option.level-0 {
    font-weight: 600;
}

.search-with-map .form-control option.level-0 {
    font-weight: 500;
}
.service-cart-section {
    background: #f4f7f6;
    padding: 15px 15px;
}
p.cart-total {
    margin: 0;
    font-weight: 700;
}
p.cart-total span {
    float: right;
}
span.service-list-price {
    float: right;
}
h4.choose-payment-title {
    background: #f4f7f6;
    padding: 15px 15px;
    font-size: 18px;
}
p.cart-itme-title {
    background: #f4f7f6;
    padding: 10px;
    font-weight: 600;
}
p.service-list {
    border-bottom: 1px dashed;
}
a.remove_service_cart_item {
    background: #38ccff;
    color: #fff;
    border-radius: 50%;
    padding: 0px 7px;
    font-size: 11px;
    padding-bottom: 4px;
    position: relative;
    bottom: 3px;
    margin-right: 4px;
}
.service-payment-radio-options .form-group {
    border: 1px solid #eceded;
    padding-left: 10px;
    border-radius: 5px;
}
ul.nav.nav-tabs.user-order-history-ul .active {
    color: #03aee9;
    -webkit-text-fill-color: #03aee9;
    border-radius: 5px 5px 0 0;
}
#listing-order-table_length select.form-control.input-sm, #inactive-order-table_length select.form-control.input-sm {
    width: 37%;
    padding: 0;
    background: #fff;
    border: 1px solid #ccc;
}
#listing-order-table_filter input.form-control.input-sm, #service-order-table_filter input.form-control.input-sm, #inactive-order-table_filter input.form-control.input-sm {
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px;
    height: auto;
}
.user-order-history-ul .active a {
    font-size: 18px;
}
.user-order-history-ul a {
    font-size: 18px;
}
#service-order-table_length select.form-control.input-sm {
    padding: 0;
    width: 36%;
    background: #fff;
    border: 1px solid #ccc;
}
.user-order-history-ul .active{
	border: 1px solid #38ccff!important;
	border-bottom: none!important;
}
.active-packages-area table thead {
    background-color: #1C2A48!important;
}
.active-packages-area table thead tr {
    color: #fff!important;
}
.active-packages-area table thead tr th {
    color: #fff!important;
    border: 0;
}
.active-packages-area table.dataTable thead .sorting:after {
    opacity: .5;
    content: "";
    top: 14px;
}
#listing-order-table td p, #service-order-table td p {
    margin-bottom: 0;
	    line-height: 20px;
}
#listing-order-table td ol, #service-order-table td ol {
    margin: 0;
	    padding: 0;
}
#listing-order-table td ol li, #service-order-table td ol li {
    margin-bottom: 0;
	    font-size: 14px;
	    line-height: 20px;
}
.active-packages-area .paginate_button.active a {
    background: #38CCFF!important;
    padding: 4px 10px;
    color: #fff;
    text-decoration: none;
}
.active-packages-area .paginate_button a {
    background: #1c2a48;
    padding: 4px 10px;
    color: #fff;
    text-decoration: none;
    margin: 0px 2px;
    border-radius: 3px;
}
.listing-service-stats .card {
    position: relative;
    display: block;
    margin-bottom: 3.75rem;
    background-color: #fff;
    border-radius: 0.25rem;
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 8px 8px 30px 0 #cccccc66;
}
.listing-service-stats .card .card-body {
	    padding: 30px;
}
.gradient-color-1 {
    background: -webkit-linear-gradient(left,#fc636b 0,#ff6d92 60%,#fd9a00 100%);
    background: linear-gradient(to right,#fc636b 0,#ff6d92 60%,#fd9a00 100%);
}
.header-line {
    height: 5px;
    width: 100%;
    content: '';
    display: block;
}
.top-header-panel {
    align-items: center;
    display: flex;
}
.top-header-panel button.btn.btn-primary {
    float: right;
    margin-right: 0;
    box-shadow: 8px 8px 30px 0 #ccc;
}
.service-success-recipet {
    padding-left: 0;
    margin: 0;
}
.tab-content.user-order-history-content {
    border: 1px solid #03aee9;
    padding: 20px;
    margin-bottom: -1px;
    background-color: #f0fafd !important;
    margin-top: -1px;
}
.tab-content.user-order-history-content>.active {
    display: block;
    background-color: #f0fafd !important;
}
.nav-tabs.user-order-history-ul>li>a {
    background: #cccccc59;
}

.listing-order-section span.badge.badge-primary {
	background: #03a9f4;
	padding: 8px;
	font-size: 13px;
	font-weight: 500;
}
.listing-order-section span.badge.badge-success {
	background: #92db3c;
	padding: 8px;
	font-size: 13px;
	font-weight: 500;
}
.listing-order-section span.badge.badge-warning {
	background: #ffc107;
	padding: 8px;
	font-size: 13px;
	font-weight: 500;
}
.row.dashboard-main-screen {
    margin-top: 40px;
}
.row.dashboard-main-screen .dashboard-info-box {
    margin-top: 40px;
}
.color-8 {
    border-color: #4caf50;
}
.color-9 {
    border-color: #9c27b0;
}
.color-10 {
    border-color: #ff5722;
}
.active-packages-area .tab-content>.active {
    background-color: #f0fafd !important;
}
.active-packages-area .tab-content.user-order-history-content {
    background-color: #f0fafd !important;
	margin-top: -1px;
}
span.side-highlight-text {
    font-size: 15px;
    position: relative;
    bottom: 9px;
}
.active-packages-area p {
    font-size: 14px;
	    line-height: 20px;
}
div#page {
    background: white;
}
#printablediv li.table-inner-service-li {
    list-style: none;
    margin-bottom: 0;
}
form.home-top-search {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: flex-start;
}
.home-top-search button.form-control.btn.btn-block {
    font-size: 16px;
}
form.home-top-search {
    padding: 20px 0px!important;
    border-radius: 6px;
}

.home-top-search select#s_loc:focus, .home-top-search #s_cat:focus, .home-top-search input#autocomplete:focus, input#inputAddress:focus {
    background: #fff;
}

.search_btn .btn.btn-block i {
    margin-right: 4px;
}

.error-column h3 {
    color: #ff3232ed;
    font-weight: 600;
    font-family: 'Open Sans';
}

#intro_map .intro_search .search_form .form-control, #intro_map .intro_search .search_form form textarea, #intro_map .intro_search .search_form form select, #intro_map .intro_search .search_form .form-group input {
    font-size: 14px;
    height: 45px;
}

#intro_map .intro_search .search_form .form-group input, #intro_map .intro_search .search_form .form-group select {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 0;
    color: #fff;
}

#intro_map .intro_search .search_form .form-group input::placeholder {
	color: #fff;
}

#intro_map .intro_search .search_form span.multi-select-button {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 0;
    color: #fff;
}

#intro_map .intro_search .listing_by_street i.fa.fa-crosshairs {
    top: 34%;
}

#intro_map .intro_search input#amount {
    color: #fff!important;
	font-weight: 600!important;
}

#olomo_with_map .search_form form select {
    font-size: 11px!important;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.4em;
    margin-left: -0.6em;
    border-radius: 50%;
}

.ui-slider-horizontal {
    height: 0.6em;
}

input#amount {
    color: #888888!important;
    font-weight: 500!important;
}

  .avatar-upload {
  position: relative;
  max-width: 205px;
  margin: 50px auto;
}
.avatar-upload .avatar-edit {
	position: absolute;
    right: 17px;
    z-index: 1;
    top: 26px;
}
.avatar-upload .avatar-edit input {
  display: none;
}

.padding_top_0 {
	padding-top: 0!important;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid transparent;
  box-shadow: 8px 8px 30px 0 #8b8b8ba8;
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
  content: "\f040";
  font-family: 'FontAwesome';
  color: #757575;
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
.avatar-upload .avatar-preview {
  width: 192px;
  height: 192px;
  position: relative;
  border-radius: 100%;
  border: 6px solid #F8F8F8;
  box-shadow: 8px 18px 30px 0px rgb(0 0 0 / 10%);
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.intro_search .search_form .form-control option.level-0 {
    font-weight: 500;
}

.intro_search .search_form #input-dropdown {
	top: 44px;
}
.search_form #input-dropdown > ul li {
    font-size: 13px;
    line-height: 20px;
    padding: 3px 9px;
}

.search-with-map label.multi-select-menuitem input {
    margin-top: -6px;
}

#NonRegistorLoginModal .modal-content {
	padding: 0 32px 0px;
}

#NonRegistorLoginModal .modal-headers {
	padding-top: 16px;
}

#NonRegistorLoginModal .popup_close__mJx2A {
	font-size: 21px;position: relative;top: 0;    top: -10px;
}

#NonRegistorLoginModal .white_box {
    padding-top: 10px;
    margin-top: 20px;
}

.siginincontainer, .siginupcontainer, .forgetpasswordcontainer {
    text-align: center;
}

.dataTable td {
    border: none!important;
    border-bottom: 1px solid #ccc!important;
}

.woocommerce ol.breadcrumb {
    background: transparent;
}

.woocommerce ol.breadcrumb a {
    color: #fff;
}

.woocommerce .quantity .qty {
    padding: 0;
}

.woocommerce div.product form.cart .button {
    padding: 16px 20px;
}

.product_meta a {
    color: #000000b5;
}

.wp-block-group__inner-container h2 {
    font-size: 20px!important;
    background: #eeeeee;
    padding: 15px;
    border-radius: 6px;
}

.wp-block-group__inner-container ol.wp-block-latest-comments {
    padding-left: 5px!important;
    margin-left: 15px;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts {
    padding: 0!important;
    border: none;
    padding-left: 5px !important;
    margin-left: 15px;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
    clear: both;
    margin-bottom: 0px;
    list-style: disc;
}

.wp-block-latest-comments__comment {
    margin-bottom: 10px;
    list-style: disc;
}

.panel.panel-default.layout-three-sidebar div#headingThree {
    padding: 30px 25px;
    border-radius: 6px 6px 0 0;
    border-bottom: none;
    overflow: hidden;
    background: #e9e9e9;
    border: 1px solid #e9e9e9;
}

.panel.panel-default.layout-three-sidebar {
    border-bottom: none;
    border-color: transparent;
}

.panel.panel-default.layout-three-sidebar h4 a {
    font-size: 22px;
}

.panel.panel-default.layout-three-sidebar .panel-title .timezone {
    float: none;
    font-size: 11px;
    margin-left: 5px;
}

.panel.panel-default.layout-three-sidebar div#opening_hours {
    border: 1px solid #e5e5e5;
    border-top: none;
}

#listing_img_slider .owl-carousel .owl-nav.disabled {
    display: block;
}

.blog-categories {
    display: none;
}
.post_tag {
    display: none;
}


@media only screen and (min-width: 1200px) {
	.listing-service-stats .card {
   	 	min-height: 200px;
	}
	.home-top-search #s_cat {
    	width: 220px;
	}
	.home-top-search select#s_loc {
    	width: 170px;
	}
	.home-top-search input#autocomplete {
   	 	border-radius: 6px 0 0 6px;
	}
	.home-top-search button.form-control.btn.btn-block {
    	border-radius: 0 6px 6px 0;
	}
	.search_btn .btn.btn-block {
		width: 100%;
		margin-right: 12px;
		padding: 7px;
	}
	.search-with-map div#slider-range, .listing_withmap div#slider-range {
		width: 94%;
		margin-left: 8px;
	}
	.search-with-map .multi-select-container--open .multi-select-menu, .listing_withmap .multi-select-container--open .multi-select-menu {
		height: 500px;
		overflow: overlay;
	}
	#olomo_with_map .search_wrap .form-group {
		width: 20%;
	}
	.intro_search .intro_search_content {
    	top: 57%!important;
	}
	#intro_map .intro_search div#slider-range {
		width: 97%;
		position: relative;
		left: 7px;
	}
	#olomo_with_map .search_wrap .search_btn.map_search_btn {
		width: auto;
	}
	.multi-select-container--open .multi-select-menu {
		height: 300px;
		overflow: auto;
		z-index: 9;
	}
	.ui-autocomplete.ui-widget.ui-widget-content {
		height: 250px;
	}
	.search_btn.map_search_btn .btn.btn-block {
		padding: 1px 2px;
		font-size: 17px;
		padding-right: 2px;
		margin-top: 2px;
		margin-left: -3px;
	}
	#olomo_with_map .search_wrap .form-group.price_range {
		width: 40%;
	}
	#popular_listing_slider .owl-theme.owl-carousel .owl-item img {
		max-height: 223px;
	}
    .layout-one #listing_img_slider .owl-item.active .item {
        /*margin-right: 1px;*/
    }
    .layout-one #listing_img_slider .owl-theme.owl-carousel .owl-item img {
        height: 400px;
    }
    .layout-two .owl-theme.owl-carousel .owl-item img {
        height: 376px;
    }
    .layout-two .owl-carousel .owl-nav.disabled {
        display: block;
    }
    .js-grid-item-body.event_body {
        min-height: 130px;
    }
    .event_listing .listing-thumb img {
        height: 254px;
        object-fit: cover;width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
	#navigation .nav.navbar-nav li > a {
		padding: 25px 9px!important;
	}
	.dropdown #dLabel {
		height: 40px!important;
		width: 40px!important;
	}
	.submit_listing .btn {
		padding: 3px 6px!important;
		font-weight: 400;
		font-size: 13px;
	}
	#intro_map .intro_search .search_form .form-group {
		margin-bottom: 10px!important;
	}
	#intro_map .intro_search .search_form .form-control, #intro_map .intro_search .search_form form textarea, #intro_map .intro_search .search_form form select, #intro_map .intro_search .search_form .form-group input {
		font-size: 14px;
		height: 38px;
	}
	#intro_map .intro_search h2 {
		font-size: 26px!important;
	}
	#intro_map .intro_search .search_form{
		padding-top:0!important;
	}
	.intro_search .intro_search_content {
		top: 59%!important;
	}
	#intro_map .intro_search .search_form .form-group .btn {
		width: 100%;
		padding: 4px;
		margin-top: 10px;
	}
	#olomo_with_map .search_wrap .search_btn.map_search_btn {
		width: auto;
	}
}

@media only screen and (max-width: 768px) {
	.form-group.col-md-12.col-sm-12.mobile-view-full-btn, .form-group.col-md-12.col-sm-12.mobile-view-full-btn button {
		width: 100%;
	}
	#olomo_with_map .search_form form input, #olomo_with_map .search_form form select {
		height: 46px!important;
		font-size: 14px!important;
		margin-bottom: 10px!important;
	}
	#olomo_with_map .search_wrap .form-group {
		margin-bottom: 0;
	}
	.search-with-map span.multi-select-button, .listing_withmap span.multi-select-button {
		height: 45px!important;
		font-size: 14px!important;
		margin-bottom: 10px!important;
	}
	.search_btn button.btn.btn-block {
		width: 100%!important;
	}
	#intro_map .intro_search .search_form .form-group {
		width: 100%;
		margin-bottom: 8px!important;
	}
	#intro_map .intro_search .search_form .form-group select, #intro_map .intro_search .search_form .form-group input {
		font-size: 13px;
    	height: 40px;
	}
	#intro_map .intro_search .search_form .search_btn button.btn.btn-block {
		height: 46px;
		font-size: 15px;
	}
	#banner1 .search_form input#inputAddress {
		padding-left: 50px;
	}
    .event_body {
        min-height: 180px!important;
    }
    .event_listing .listing-thumb img {
        height: 160px;
        object-fit: cover;
    }
}