body {
    padding-top: 100px!important;
}

@media (max-width: 1332px){
  body {
    padding-top: 140px!important;
  }
}
@media (max-width: 875px){
  body {
    padding-top: 200px!important;
  }
}
@media (max-width: 767px){
  body {
      padding-top: 50px!important;
  }
}
@media (max-width: 512px){
  body {
    padding-top: 110px!important;
  }
}

/*================================
==================================
	BRANDING
==================================
================================*/

	.brand img {
	    max-width: 330px;
	}
	.brand h1 {
	    margin: 0 auto 10px;
	}
	a.navbar-brand-img img, a.osaka-logo {
		float: left;
	}	
	img.osaka-logo {
		height: 70px;
		margin-top: 1px;
	}


/*================================
==================================
	NAVIGATION
==================================
================================*/

	.cartCount .badge {
	    background: none;
	}
	nav#navbar-top {
	    border: none;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	    background: #ec0a8b;
	}
	ul.cart-dropdown.dropdown-menu, ul.dropdown-menu {
	    background: #ec0a8b;
	    border-color: #ec0a8b;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	    color: #000;
	    background-color: #ec0a8b !important;
	}
    .nav>li>a {
        padding: 10px;
    }

/*================================
==================================
	PRODUCT LIST
==================================
================================*/

	#product-list {
		.product-price {
		    text-align: center;
		}	
	}
	.product-price .money {
	    color: black;
	}


/*================================
==================================
	HOMEPAGE INDEX
==================================
================================*/

	.template-index {
		h2#products-title {
		    display: none;
		}	
	}


/*================================
==================================
	COLLECTION PAGE
==================================
================================*/

	.template-collection {
		.collection--intro {
		    text-align: center;
		}	
		#collection-sort {
		    display: none;
		}
	}


/*================================
==================================
	FOOTER
==================================
================================*/
#footer-content {
  display:block;
  width:100%;
  text-align:center;
  .list-nav {
    li {
      margin:0 7px;
      display:inline-block;
    }
  }
}

	.footer__grid .btn-signup {
	    background-color: #39D52D !important;
	}


/*================================
==================================
	MEDIA QUERIES
==================================
================================*/
@media (min-width: 1200px) {
  .container, .site--page {
      width: 80%;
  }
}
	@media (max-width: 1200px) {
		#navbar-top .container {
			width: 100%;
			padding: 0;  
		}	
	}

	@media (min-width: 768px) {
		.navbar-brand-img {
		    padding-top: 2px;
		}
		.navbar-brand img {
		    height: 70px;
		}		
		nav#navbar-top {
		    height: 76px;
		}	
		ul.nav.navbar-nav.navbar-left, ul.nav.navbar-nav.navbar-right {
			margin-top: 15px;
		}
        a.osaka-logo.hidden-sm.hidden-xs {
            margin-left: 16px;
            margin-right: 8px;
        }  
        h4.product-title {
            min-height: 40px;
        }      
	}

	@media (max-width: 767px){
		.navbar-brand-img {
		    padding-top: 2px;
		}
		.navbar-brand img {
		    height: 44px;
		}		
		button.navbar-toggle {
		    margin-left: 6px;
		    border: none;
		}		
		body.has-top-navbar.has-fixed-top-navbar {
		    padding-top: 50px;
		}
		button.navbar-toggle {
		    float: left !important;
		}
		// .navbar-brand img {
		// 	height: 57px;
		// }			
		img.osaka-logo {
			height: 45px;
			margin-top: 0;
		}	
	}


footer .klaviyo-form .hlBEKn .dPmTqm{
    border: 1px solid #000;
}
footer .klaviyo-form .hlBEKn{
    padding: 0;
    margin: 10px 0;
}
footer .klaviyo-form .jGdRFY{
  	padding: 0;
    margin: 10px 0;
    border: 1px solid #000;
}
footer .klaviyo-form .hlBEKn input{
      border: none !important;
    border-radius: 0!important;
  background-color: #f634a3 !important;
  color: #070707 !important;
}
footer .klaviyo-form .jGdRFY button{
      border: none;
    background-color: #39D52D !important;
    border-radius: 0!important;
}
#dialog .klaviyo-form .hlBEKn .dPmTqm{
  border: 1px solid #000;
}
#dialog .klaviyo-form .hlBEKn{
    padding: 0;
    margin: 10px 0;
}
#dialog .klaviyo-form .jGdRFY{
  padding: 0;
    margin: 10px 0;
    border: 1px solid #000;
}
#dialog .klaviyo-form .hlBEKn input{
      border: none !important;
    border-radius: 0!important;
  background-color: #f634a3 !important;
  color: #070707 !important;
}
#dialog .klaviyo-form .jGdRFY button{
      border: none;
    background-color: #070707 !important;
  border-radius: 0!important;
}