/*
Theme Name: Mojuri Child
Theme URI: http://www.wpbingosite.com/mojuri
Author: wpbingo
Description: This is a child theme for Mojuri
Version: 1.0
Author URI: http://wpbingosite.com
Template: mojuri
Text Domain: mojuri-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/
	
	
		.bwp-header.header-v4 .header-wrapper{
			    padding: 20px 0 !important;
		}
		.top-header-strip {
			background: #121212;
			padding: 10px 30px;

			.top-bar {
				display: flex;
				align-items: center;
				gap: 30px;
				justify-content: center;

				p {
					margin: 0;
					color: #ffff;
					font-weight: 600;
				}
			}
		}
		.gt_float_switcher .gt-selected .gt-current-lang{
			padding: 8px !important;
		}

		header {
			.content-header {
				justify-content: end !important;

				.header-menu {
					a {
						font-size: 10px !important;
					}
				}
			}

			.header-page-link {
				display: flex;
				align-items: center;
				gap: 25px;

				.mojuri-topcart,
				.login-header,
				.wishlist-box,
				.search-box {
					margin: 0;

					i {
						font-size: 14px !important;
					}
				}

				#gt_float_wrapper {
					position: relative;

					.gt_options {
						position: absolute;
						top: 44px;
						background: #fff;
						width: 100px;


						a {
							font-size: 14px;
							display: flex;
							gap: 3px;

							img {
								width: 20px;
							}
						}
					}

					.gt-current-lang {
						img {
							width: 20px;
						}

						.gt-lang-code {
							font-size: 14px;
						}
					}
				}

			}
		}
		
		#reset_otp_cid input[type=text],#reset_otp_cid input[type=password]{
			width: 100%;
			height: 55px;
			line-height: 55px;
		}
		
		#reset_otp_cid button{
		  background: #000;
		  border: 0;
		  font-size: 12px;
		  color: #fff;
		  cursor: pointer;
		  text-transform: uppercase;
		  font-weight: 500;
		  letter-spacing: 1px;
		  width: 100%;
		  height: 55px;
		  line-height: 55px;
		}
		#reset_otp_cid button:hover {
		  background: #cb8161;
		}
		
		/* Filter shop/category page */
		#pa_color li div,#pa_size li div{
			display: inline-flex
		}
		.bwp-filter-color ul#pa_color,.bwp-filter-color ul#pa_size, .bwp-filter-ajax #bwp_form_filter_product>div ul{
			background: #fff !important;
			padding: 0px 15px;
		}
		  
		#pa_color li input[type=checkbox],#pa_size li input[type=checkbox]{
			width: 20px;
			margin-right: 10px;
			display: block;
		}
		#pa_color li span,#pa_size li span{
			/*display: none !important;*/
			position: absolute;
			z-index: 9999;
			border: 0px !important;
		}
		.bwp-filter-color h2,.bwp-filter-size h2{
			margin: 0;
			font-size: 17px;
			border: 1px solid #c3c3c3;
			padding: 4px 10px;
			cursor: pointer;
		}
		
		.gm-style-it-with, .gm-complete-the-look {
			margin-top: 40px;
		}

		.gm-style-it-with .section-title,
		.gm-complete-the-look .section-title {
			font-size: 1.5em;
			margin-bottom: 15px;
			font-weight: 600;
			border-bottom: 2px solid #eee;
			padding-bottom: 5px;
		}

		.gm-style-it-with ul.products,
		.gm-complete-the-look ul.products {
			display: flex;
			flex-wrap: wrap;
			gap: 20px;
		}


		@media screen and (max-width:686px) {
			.top-header-strip {
				.top-bar {
					p {
						font-size: 12px;
					}
				}
			}
		}

		@media screen and (max-width:576px) {
			.top-header-strip {
				.top-bar {
					flex-direction: column;
					gap: 0px;

					p {
						font-size: 10px;
					}
				}
			}
		}
	  
.filter_sideout .sidebar-product-filter {
    display: block !important;
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    min-height: 100vh;
    width: 330px;
    z-index: 99999;
    overflow: auto;
    padding: 30px 20px 50px !important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateX(-330px);
    transform: translateX(-330px);
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 1px 12px 2px hsla(0, 0%, 56%, .3);
	left: auto;
}

.woocommerce-filter-title{
	display: none !important;
}
.bwp-main .page-title{
	padding: 20px;
}
.bwp-top-bar.top .button-filter-toggle {
    font-weight: 500;
    display: flex;
    position: relative;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    color: #000;
    line-height: 32px;
    border: 2px solid #000;
    float: left;
    background: #fff;
    padding: 0;
    margin-right: 20px;
    width: 36px;
    height: 36px;
    text-align: center;
}