/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
html:has(.yamm.open),
html:has(.reveal.in),
html:has(.collapsing) {
	overflow: hidden;
/*  overflow-y: scroll;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0; */
}
@media (min-width: 601px) {
	html:has(.yamm.open),
	html:has(.reveal.in),
	html:has(.collapsing) {
		scrollbar-gutter: stable;
	}
}
body:has(.yamm.open) {
	/* padding-right: 15px; */
}
header:has(.open) + .nav-backdrop, 
header:has(.collapse.in) + .nav-backdrop, 
header:has(.collapsing) + .nav-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 499;
}
li.yamm {
	margin: 0;
}
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .navigation-menu {
  left: 0;
  right: 0;
  top: 138px;
  position: fixed;
	z-index: -1;
}
header:has(.yamm.open) .yamm .navigation-menu {
	/* right: 15px; */
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .navigation-menu {
  left: 0;
  right: 0;
}
.yamm.navigation-menu {
	border: initial !important;
	border-top: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
	box-shadow: initial !important;

	@media (min-width: 1191px) {
		padding: 3em 0em 2em;
	}
	
}
.yamm .navigation-menu > li {
    display: block;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > button {
	color: currentColor;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1;
	letter-spacing: 1px;
	background: transparent;
	border: 0;
}
.yamm .btn-default {
    font-size: 1em;
    padding: 0;
    border: 1px solid transparent !important;
    width: 100%;
    padding: .5em 0;
}
.yamm .btn-default:hover {
    border-color: transparent !important;
    background-color: transparent !important;
    color: currentColor;
}
@media screen and (max-width: 1190px) {

    .yamm .navbar-collapse {
        background-color: #fff;
    }
    .yamm .yamm ul {
      line-height:1;
    }
	.navigation.reveal {
		font-size: 18px;
	}
    .navbar-nav .open .navigation-menu {
        /*float: left;*/ 
    }
    #navbar-collapse-grid {
	    overflow-y:scroll;
    }
}
@media (max-width: 677px) {
    
    .navbar-collapse .open>.navigation-menu {
        display: block;
    }

    .navbar-collapse .nav>li {
        float: none;
    }

    .navigation-menu.pull-right {
        float: none !important;
    }
    .navigation-menu .col-xs-12 {
        float: none;
    }
}
  .yamm .yamm .btn:hover, .yamm a:hover p {
    background-color:transparent;
    opacity:0.7;
  }
.yamm .nav-justified > .dropdown .navigation-menu {
    top: 34px;
    left: auto;
}

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

    .yamm ul.navigation-menu.yamm-90,.yamm .yamm ul.navigation-menu.yamm-90 {
        width: 90%;
    }

    .yamm ul.navigation-menu.yamm-80,.yamm .yamm ul.navigation-menu.yamm-80 {
        width: 80%;
    }

    .yamm ul.navigation-menu.yamm-70,.yamm .yamm ul.navigation-menu.yamm-70 {
        width: 70%;
    }

    .yamm ul.navigation-menu.yamm-60,.yamm .yamm ul.navigation-menu.yamm-60 {
        width: 60%;
    }

    .yamm ul.navigation-menu.yamm-50,.yamm .yamm ul.navigation-menu.yamm-50 {
        width: 50%;
    }
	.yamm .row:has(.btn-mega2nd) {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
		height: initial !important;
	}
	.yamm .column:has(.btn-mega1st) {
		padding-bottom: 3.75em;
		width: 260px;
		min-width: 0;
	}
	.yamm .column:has(.collections-column) {
		width: 645px;
	}
}



/* YAMM MEGA MENU CUSTOM */

@media (max-width: 1190px) {
	.grid-section [class^="col-md"] {
    margin-bottom:0;
    width: 100%;
 }
	.yamm .btn {
    padding: .25em 0;
	}

}
/* END MAX WIDTH 767PX */

@media (min-width: 1191px) {
 
	.yamm .nav.navbar-nav .dropdown .menu-toggle {
		padding-left:6px;
		padding-right:6px;
		border-bottom: 1px solid transparent;
	}
	 .open > .menu-toggle,
	.menu-toggle:hover {
		 border-color: currentColor !important;
		text-decoration: none !important;
	 }
	.yamm .nav.navbar-nav>li.dropdown {
		background-color: transparent;
	}
	
	.yamm .nav.navbar-nav>.open>a {
		background-color: transparent;
	}
	
}
/* END MIN WIDTH 768PX */
.yamm .btn {
	text-align:left;
}
.yamm h2 {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 1em 0;
	border-bottom: 1px solid #ddd;
	width: 100%;
	
}
@media (min-width: 1191px) {
	.yamm h2 {
		margin-bottom: 2em;
		padding: 0;
		border: 0;
	}
}
.yamm .btn.btn-mega1st {
	color: #767676;
	font-weight: 400;
	font-size: 1em;
	padding: .35em 0;
	background-color: transparent;
	text-transform: capitalize;
	width: 100%;
	white-space: initial;
}
.collections-featured .btn.btn-mega1st {
	color: #181818;
}
.yamm .btn.btn-mega2nd {
    font-size: 1em;
    font-weight: 400;
	white-space: nowrap;
	padding: 1em 0;
	text-transform: uppercase;
	width: 100%;
	line-height: 1;
}

.yamm .btn.btn-mega3rd {
    font-size: 11px;
	padding-left:30px;
	color: #5f5f5f;
}

.navbar-default {
    background-color: transparent;
    border-color: none;
}


.yamm .btn {
	border:none;
	font-size: 1em;
}

.yamm .row {
    display: flex;
    align-items: stretch;
    height: 100%;
    margin: 0;
    gap: .25em;
}
.yamm .row:before,
.yamm .row:after {
	display: none;
}
.yamm .column {
    display: flex;
	padding: 0;
}
.yamm .column > div {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.yamm .column {
}
.yamm .column:has(img) {
    width: 100%;
    max-width: 500px;
    margin-left: 1em;
}
@media (max-width: 1270px) {
	.yamm .column:has(img) {
		max-width: 300px;
	}
}
.yamm .inspiration-menu .column:has(img), .yamm .catalogs-menu .column:has(img), .yamm .instock-menu .column:has(img) {
	max-width:300px;
}
.collections-column {
	column-count: 3;
	display: block !important;
	width: 100%;
}
.yamm .umb-grid .column, .yamm .spc, .yamm .col-xs-12 {
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
.yamm img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.catalogs-menu img,
.inspiration-menu img,
.instock-menu img {
	aspect-ratio: initial;
}
.btn-mega2nd .fa-chevron-right {
    height: 1.5em;
    width: 1.5em;
    line-height: 0;
}

.btn-mega2nd {
    display: flex;
    align-items: center;
	gap: .5em;
}
@media (min-width: 1191px) {
	.first-image-column {
		margin-left: auto !important;
	}
}
@media (max-width: 1190px) {
	.navigation .reveal {
		display: flex !important;
		flex-flow: column;
		position: fixed;
		top: 95px;
		left: 0;
		height: calc(100% - 95px) !important;
		width: 100%;
		max-width: 400px;
		background: #fff;
		z-index: 999;
		align-items: flex-start;
		transform: translateX(-150%);
		transition: transform .3s ease-in-out;
		font-size: 18px;
		.navbar {
			flex-basis: 100%;
			flex-grow: 1;
			overflow-y: auto;
			width: 100%;
		}
		.social {
			margin: 1.5em .5em;
		}
	}
	.navbar-nav > .yamm {
		border-top: 1px solid #ddd;
		padding: 0;
		color: #181818;
		> a,
		> button {
			padding: 0em 1em;
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			height: 70px;
			i {
				height: 2em;
				width: 1em;
			}
		}
	}
	.navigation .collapsing {
		transform: translateX(-100%);
	}
	.navigation .reveal.in {
	
		transform: translateX(0);
	}
	.where-to-buy.btn-primary {
		justify-content: center;
		background-color: #181818;
		border-color: #181818;
		margin: auto 1em 1em;
		width: calc(100% - 2em);
	}
	.yamm .row {
		flex-direction: column;
		width: 100%;
	}
	.yamm .container {
		padding: 0;
		
	}
  .yamm .column .clearfix{display:none;}
   .yamm .column .collections-column .clearfix,
	.yamm .column .collections-featured .clearfix {
	   display: initial;
	}
	.yamm .column .collections-column,
	.yamm .column .collections-featured {
		padding: 1.5em 1.5em 0;
	}
	.yamm .column .collections-column {
		column-count: 2;
		padding: 0 1.5em 1.5em
	}
  .yamm .column.open-mobile-menu .clearfix, 
	.yamm .column:has(img) .clearfix,
	.yamm .inspiration-menu .column .clearfix, 
	.yamm .catalogs-menu .column .clearfix,
	.yamm .instock-menu .column .clearfix,
	.yamm .new-menu .column .clearfix{
		display:block;
		padding: 1.5em 1rem;
	}
	.yamm .column:has(.btn-mega2nd) .clearfix {
		display: block;
	}
	.yamm .column h2{
	  cursor:pointer;
	  margin: 0;
	  padding: 0rem 1rem;
	  height: 66px;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  &:after {
		  display: inline-block;
		  content: "+";
		  font-size: 1.75rem;
		  color: #282525;
		 }
  }
	.yamm .column .btn-mega2nd {
		height: 66px;
		padding: 0 1em;
		border-bottom: 1px solid #ddd;
		
		
		
		& .fa {
			display: none;
		}
	}
	.yamm .open-mobile-menu h2:after {
		content: "";
		display: block;
		width: 14px;
		height: 2px;
		margin-right: 2px;
		background: #282525;
	}
	.yamm .inspiration-menu .column h2, 
	.yamm .catalogs-menu .column h2,
	.yamm .instock-menu .column h2,
	.yamm .new-menu .column h2 {
		display: none;
	}
  .navbar-nav:has(.open) > .yamm {
	    display: none;
	}
	.navbar-nav > .yamm.open {
	    display: block;
	}
	
	.navbar-nav:has(.open) > .yamm .menu-toggle {
	    justify-content: initial;
	    gap: .5em;
	    span {
	        order: 1;
	        opacity: .7;
	    }
	    i {
	        transform: rotate(180deg);
	        margin-left: 0;
	        order: 0;
	    }
	}
	.yamm .column:has(img),
	.yamm .inspiration-menu .column:has(img),
	.yamm .catalogs-menu .column:has(img),
	.yamm .instock-menu .column:has(img) {
		max-width: initial;
		margin-left: 0;
	}
}
@media (max-width: 600px) {
	.navigation .reveal {
		height: 100% !important;
		top: 0;
		max-width: initial;
		transition: initial;
	}
}