/*************************************************************
[TABLE OF CONTENTS]

- MENU BUTTON
- MENU BUTTON LABEL
- WOOCOMMERCE CART BUTTON
- SEARCH BUTTON
- SEARCH BUTTON LABEL
- SEARCH FIELD
- SEARCH OVERLAY
- LOGO
- HEADER BACKGROUND IMAGE
- HEADER BACKGROUND COLOR
- HEADING + SUBHEADING
- HEADING IMAGE
- MENU
- SUBMENU
- ACCORDION SUBMENU ARROW
- MENU ICONS
- MENU ITEM DESCRIPTION
- ALTERNATE CLOSE BUTTON
- IMAGE MENU
- IMAGE SUBMENU
- IMAGE ACCORDION SUBMENU ARROW
- IMAGE MENU ITEM DESCRIPTION
- MAIN WRAPPER
- MENU BACKGROUND COLOR
- MENU BACKGROUND IMAGE
- BACKGROUND OVERLAY
- WIDGETS
- SMART SCROLL
- MISC
- SCROLLBAR STYLING
- CART ICON
- WORDPRESS TOOLBAR
- MEDIA QUERIES
*************************************************************/


/* MENU BUTTON
**************************************************/
/* wrapper */
.taptap-menu-button-wrapper {
	position:fixed;
	z-index:999999;
	top:10px;
	left:15px;
    right:auto;
	width:40px;
	height:45px;
	cursor:pointer;
	
	-webkit-transition:opacity .2s ease .3s, top 0s ease .3s;
	-moz-transition:opacity .2s ease .3s, top 0s ease .3s;
	transition:opacity .2s ease .3s, top 0s ease .3s;
    
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}


/* MENU BUTTON STYLE #1
**************************************************/
.taptap-main-menu-button {
	padding:6px 5px;
	
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
}
.taptap-main-menu-button:before,
.taptap-main-menu-button div.taptap-main-menu-button-middle:before,
.taptap-main-menu-button:after {
	content:'';
	display:block;
	width:30px;
	height:2px;
	margin:7px 0;
	background-color:#999;

	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}


/* MENU BUTTON STYLE #2
**************************************************/
.taptap-main-menu-button-two {
	padding:6px 5px;
	
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
}
.taptap-main-menu-button-two:before,
.taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before,
.taptap-main-menu-button-two:after {
	content:'';
	display:block;
	width:30px;
	height:2px;
	margin:7px 0;
	background-color:#999;

	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
.taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before {
	width:25px;
    margin-left:5px;
}
.taptap-main-menu-button-two:after {
	width:20px;
    margin-left:10px;
}


/* MENU BUTTON STYLE #3
**************************************************/
.taptap-main-menu-button-three {
	padding:6px 7px;
	
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
}
.taptap-main-menu-button-three:before,
.taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before,
.taptap-main-menu-button-three:after {
	content:'';
	display:block;
	width:25px;
	height:2px;
	margin:7px 0;
	background-color:#999;

	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
.taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before {
	width:20px;
}


/* MENU BUTTON STYLE #4
**************************************************/
.taptap-main-menu-button-four {
	padding:6px 8px;
	
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
}
.taptap-main-menu-button-four:before,
.taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before,
.taptap-main-menu-button-four:after {
	content:'';
	display:block;
	width:25px;
	height:2px;
	margin:7px 0;
	background-color:#999;

	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
.taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before {
	width:20px;
}
.taptap-main-menu-button-four:after {
	width:15px;
}


/* MENU BUTTON STYLE #5
**************************************************/
.taptap-main-menu-button-five {
	padding:2px 9px;
	
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
}
.taptap-main-menu-button-five:before,
.taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before,
.taptap-main-menu-button-five:after {
	content:'';
	display:block;
	width:22px;
	height:2px;
	margin:9px 0;
	background-color:#999;

	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}


/* MENU BUTTON STYLE #6
**************************************************/
.taptap-main-menu-button-six {
	padding:12px 5px 6px 5px;
	
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
}
.taptap-main-menu-button-six:before,
.taptap-main-menu-button-six:after {
	content:'';
	display:block;
	width:30px;
	height:2px;
	margin:6px 0;
	background-color:#999;

	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}


/* MENU BUTTON LABEL
**************************************************/
.taptap-menu-button-label {
    position:absolute;
    top:6px;
    left:40px;
    font-family:'Montserrat';
    font-weight:400;
    font-size:11px;
    letter-spacing:0;
    color:#747A7D;
    padding:10px;
    white-space:nowrap;
}
.taptap-menu-button-label::before,
.taptap-menu-button-label::after {
	position:absolute;
	top:0;
	left:0;
	padding:10px;

	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
.taptap-menu-button-label-hide {
    opacity:0;
    pointer-events:none;
}


/* WOOCOMMERCE CART BUTTON
**************************************************/
.taptap-woo-button-wrapper {
	position:fixed;
	z-index:99996;
	top:12px;
	right:55px;
	padding:10px;
}
/* shopping bag icon */
.taptap-shopping-icon {
    background-color:#999;
    width:25px;
    height:25px;
    font-size:21px;
    margin-left:-20px;

    -webkit-mask-image:url(icons/taptap-shopping-cart.svg);
    mask-image:url(icons/taptap-shopping-cart.svg);

    -webkit-mask-size:25px;
    mask-size:25px;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;

    -webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
a.taptap-cart-count:hover .taptap-shopping-icon {
    background-color:#ddd;
}
a.taptap-cart-count,
a.taptap-cart-count:hover,
a.taptap-cart-count:active {
    text-decoration:none;
}
.taptap-cart-count > span {
	position:absolute;
	top:2px;
	right:2px;
	border-radius:50px;
	height:17px;
	min-width:10px;
	padding:0 3px;
	display:block;
	text-align:center;
	font-family:roboto;
	font-weight:400;
	font-size:10px;
    color:#fff;
    background-color:#A2A464;
}
.taptap-cart-count > span > span {
	margin-top:2px;
	display:block;
}


/* SEARCH BUTTON
**************************************************/
/* search button wrapper */
.taptap-search-button-wrapper { 
    position:fixed;
    z-index:99996;
	width:40px;
    height:45px;
	top:10px;
	right:10px;
    left:auto;
	cursor:pointer;
    
    /* no tap highlight */
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/* search button */
.taptap-search-button {
    position:relative;
    width:15px;
	height:15px;
    top:13px;
    left:11px;
    margin:0;
    padding:0;
    border:2px solid #999;
    border-radius:50%;

    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    
    -webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
.taptap-search-button::after {
    content:'';
    position:absolute;
    top:12px;
    left:10px;
    width:7px;
    height:2px;
    background-color:#999;
    margin:0;
    padding:0;
    
    -webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
    
    -webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}


/* SEARCH BUTTON LABEL
**************************************************/
.taptap-search-button-label {
    position:absolute;
    top:6px;
    left:-55px;
    font-family:'Montserrat';
    font-weight:400;
    font-size:11px;
    letter-spacing:0;
    color:#747A7D;
    padding:10px;
    white-space:nowrap;
    
    -webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}


/* SEARCH FIELD
**************************************************/
/* search form */
.taptap-search-wrapper,
.taptap-search-background {
	position:fixed;
	z-index:9999999;
	top:-1000px;
	left:0;
	right:0;
	width:100%;
	height:65px;
	margin:0;
	padding:0;
	overflow:hidden;
	
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	transform:translateY(-100%);
	
	-webkit-transition:-webkit-transform .25s ease 0s, top 0s ease .25s;
	-moz-transition:-moz-transform .25s ease 0s, top 0s ease .25s;
	transition:transform .25s ease 0s, top 0s ease .25s;
}
/* search form background */
.taptap-search-background {
    z-index:9999998;
    background-color:#191919;
}
.taptap-search-wrapper-active {
	top:0 !important;
	
	-webkit-transform:translateY(0) !important;
	-moz-transform:translateY(0) !important;
	transform:translateY(0) !important;
	
	-webkit-transition:-webkit-transform .25s ease 0s, top 0s ease 0s !important;
	-moz-transition:-moz-transform .25s ease 0s, top 0s ease 0s !important;
	transition:transform .25s ease 0s, top 0s ease 0s !important;
}
/* searchform input */
.taptap-search-wrapper #searchform input {
	width:100%;
	height:100%;
    position:absolute;
    z-index:10;
    top:0px;
	font-family:'Montserrat';
    font-weight:400;
    font-size:16px;
    letter-spacing:0;
	color:#eee;
	padding:0 50px;
	margin:0;
	border:0;
	background:none;
    outline:none;

    /* so padding wouldn't affect width */
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
/* hide IE's built-in clear field button */
.taptap-search-wrapper #searchform input::-ms-clear { display:none; }
/* searchform placeholder */
#searchform input::-webkit-input-placeholder { font-size:15px; color:#555 !important; }
#searchform input:-moz-placeholder { font-size:15px; color:#555 !important; }
#searchform input::-moz-placeholder { font-size:15px; color:#555 !important; }
#searchform input:-ms-input-placeholder { font-size:15px; color:#555 !important; }
/* search form close button */
.taptap-search-close-wrapper {
    display:table;
	position:absolute;
    z-index:20;
	top:0;
	left:0;
    width:40px;
	height:100%;
	cursor:pointer;
    
    /* no tap highlight */
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.taptap-search-close-inner {
    display:table-cell;
    vertical-align:middle;
}
.taptap-search-close-inner::before,
.taptap-search-close-inner::after {
    content:'';
    position:absolute;
    vertical-align:middle;
    left:15px;
    width:9px;
    height:1px;
    background-color:#999;
    
    -webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
.taptap-search-close-inner::before {
    margin-top:-3px;
    -webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.taptap-search-close-inner::after {
    margin-top:3px;
    -webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
/* search form clear field button */
.taptap-search-clear-wrapper {
    display:table;
	position:absolute;
    z-index:20;
	top:0;
	right:0;
    width:50px;
	height:100%;
	cursor:pointer;
    
    /* no tap highlight */
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.taptap-search-clear-inner {
    display:table-cell;
    vertical-align:middle;
}
.taptap-search-clear {
    position:relative;
    vertical-align:middle;
    left:15px;
    width:18px;
    height:18px;
    border-radius:50%;
    background-color:#555;
    
    -webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
.taptap-search-clear::before {
    content:'';
    position:absolute;
    top:8px;
    left:3px;
    width:12px;
    height:2px;
    background-color:#191919;
    
    -webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.taptap-search-clear::after {
    content:'';
    position:absolute;
    top:8px;
    left:3px;
    width:12px;
    height:2px;
    background-color:#191919;
    
    -webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}


/* SEARCH OVERLAY
**************************************************/
.taptap-search-overlay {
    position:fixed;
    z-index:9999997;
    top:-1000%;
    left:0;
    right:0;
    width:100%;
    height:100%;
    height:100vh;
    background-color:#000;
    cursor:pointer;
    opacity:0;
	
	-webkit-transition:opacity .25s ease 0s, top 0s ease .25s;
	-moz-transition:opacity .25s ease 0s, top 0s ease .25s;
	transition:opacity .25s ease 0s, top 0s ease .25s;
}
.taptap-search-overlay-active {
	top:0;
    opacity:.5;
	
	-webkit-transition:opacity .25s ease 0s, top 0s ease 0s;
	-moz-transition:opacity .25s ease 0s, top 0s ease 0s;
	transition:opacity .25s ease 0s, top 0s ease 0s;
}


/* LOGO
**************************************************/
/* wrapper */
.taptap-logo-wrapper {
	position:fixed;
	z-index:99996;
	top:23px;
    left:50%;
    
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
}
/* if logo is an image */
.taptap-logo-image img {
	width:auto;
	max-height:35px;
}
/* if logo is text */
.taptap-logo a {
	font-family:'Montserrat';
    font-weight:400;
	font-size:14px;
    letter-spacing:0;
	text-decoration:none;
	color:#878C91;
	margin:0;
	padding:5px;
	
	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
.taptap-logo a:hover {
	color:#D4D9DE;
	text-decoration:none;
}
/* primary/secondary logo switch */
.taptap-logo-primary {
	position:relative;
	z-index:10;

	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	transition:all .4s ease;
}
.taptap-logo-secondary {
	opacity:0;
	position:absolute;
	top:0;
	z-index:9;

	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	transition:all .4s ease;
}
.taptap-logo-image-active .taptap-logo-primary {
	opacity:0;
}
.taptap-logo-image-active .taptap-logo-secondary {
	opacity:1;
}


/* HEADER BACKGROUND IMAGE
**************************************************/
.taptap-header-bg-image {
	position:fixed;
	z-index:99995;
	top:0;
	left:0;
	width:100%;
	height:65px;
	background-size:cover;
	background-repeat:no-repeat;
}


/* HEADER BACKGROUND COLOR
**************************************************/
.taptap-header {
	position:fixed;
	z-index:99994;
	top:0;
	left:0;
	width:100%;
	height:65px;
	background-color:#1D2124;
}


/* HEADING + SUBHEADING
**************************************************/
/* heading + subheading joint styles */
.taptap-heading,
.taptap-subheading,
.taptap-heading a,
.taptap-subheading a {
	font-family:arial,tahoma,verdana,sans-serif;
	text-align:center;
	letter-spacing:0;
    line-height:16px;
	text-decoration:none;
}
/* heading */
.taptap-heading,
.taptap-heading a {
    font-family:'Montserrat';
    font-weight:400;
	font-size:14px;
	color:#D1CA66;
}
/* subheading */
.taptap-subheading { margin-top:5px; }
.taptap-subheading,
.taptap-subheading a {
    font-family:'Montserrat';
    font-weight:400;
	font-size:10px;
	color:#727B81;
}
.taptap-heading a:hover {
	color:#D1CA66;
	text-decoration:underline;
}
.taptap-subheading a:hover {
	color:#727B81;
	text-decoration:underline;
}


/* HEADING IMAGE
**************************************************/
.taptap-image {
	text-align:center;
	margin:0;
}
.taptap-image img {
	margin:0 auto;
	max-width:100%;
	height:auto;
}


/* MENU
**************************************************/
/* main menu */
.taptap-by-bonfire {
	margin:25px 25px 0 25px;
}
.taptap-by-bonfire ul {
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
}
/* individual main menu items */
.taptap-by-bonfire ul li {
	width:100%;
	min-height:30px;
	list-style-type:none;
	margin:0;
	padding:1px;
	text-align:center;

	-webkit-transition:all .2s ease .5s;
	-moz-transition:all .2s ease .5s;
	transition:all .2s ease .5s;
}
.taptap-by-bonfire ul li a {
	font-family:'Montserrat';
    font-weight:400;
	font-size:14px;
    letter-spacing:0;
	color:#878C91;
	margin:0;
	padding:11px 0;
	display:inline-block;
	text-decoration:none;
	
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}
.taptap-by-bonfire .menu {
	list-style:none;
	margin:0;
	padding:0;
}
.taptap-by-bonfire .menu li {
	position:relative;
	margin:0;
	padding:0;
	border:none;
	z-index:auto;
}
.taptap-by-bonfire .menu ul {
	list-style:none;
	margin:0;
	padding:0;
	display:none;
}
/* active menu item */
.taptap-by-bonfire ul li.current-menu-item > a,
.taptap-by-bonfire .sub-menu .current-menu-item > a { color:#E4D7D7; }


/* SUBMENU
**************************************************/
.taptap-by-bonfire .sub-menu a {
	color:#686C6F;
	font-size:13px;
    letter-spacing:0;
	margin:0;
	padding:11px 0;
}


/* ACCORDION SUBMENU ARROW
**************************************************/
/* submenu arrow */
.taptap-sub-arrow {
    position:absolute;
    cursor:pointer;
    top:0;
    width:40px;
    display:inline-block;
	margin:8px 0 0 13px;
	padding:0;
    
    /* remove the highlight of a tapped link when on a touch device */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.taptap-sub-arrow-inner {
    position:relative;
    display:block;
    top:0;
    right:0;
    width:40px;
    height:25px;
    border-left:1px solid #4A4D50;
}
.taptap-sub-arrow-inner::before,
.taptap-sub-arrow-inner::after {
    position:absolute;
    content:'';
    display:block;
    top:11px;
    width:9px;
    height:2px;
    background-color:#ADADAC;
    
    -webkit-transition:all .35s ease;
	-moz-transition:all .35s ease;
	transition:all .35s ease;
}
.taptap-sub-arrow-inner::before {
    left:14px;
    -webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
.taptap-sub-arrow-inner::after {
    left:20px;
    -webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.taptap-by-bonfire span.taptap-submenu-active span::before {
    -webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.taptap-by-bonfire span.taptap-submenu-active span::after {
    -webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}


/* MENU ICONS
**************************************************/
.taptap-by-bonfire ul li a i,
.taptap-by-bonfire .sub-menu a i {
    font-size:15px;
	margin:2px 7px 0 7px;
	
	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
.taptap-by-bonfire ul li a i {
	color:#8C9093;
}
.taptap-by-bonfire .sub-menu a i {
	color:#686C6F;
    margin-top:0;
}


/* MENU ITEM DESCRIPTION
**************************************************/
.taptap-menu-item-description {
	font-family:'Montserrat';
    font-weight:400;
	font-size:11px;
	line-height:11px;
	color:#60666B;
    letter-spacing:0;
    margin:2px 0 0 0;
}
/* hide menu descriptions for drop-down items */
li.menu-item-has-children > a .taptap-menu-item-description { display:none; }


/* ALTERNATE CLOSE BUTTON
**************************************************/
.taptap-alternate-close-button {
	position:fixed;
	z-index:1;
	top:20px;
	right:20px;
	width:45px;
	height:45px;
	cursor:pointer;
}
.taptap-alternate-close-button::before,
.taptap-alternate-close-button::after {
	content:'';
	position:absolute;
	top:21px;
	left:0;
	width:45px;
	height:2px;
	background-color:#ccc;
	
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;

	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	transition: all .15s ease;
}
.taptap-alternate-close-button::before {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
.taptap-alternate-close-button::after {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
}


/* IMAGE MENU
**************************************************/
.taptap-by-bonfire-image-wrapper {
	display:block;
	margin:0 5px;
	text-align:center;
}
.taptap-by-bonfire-image {
	margin:0 auto;
}
.taptap-by-bonfire-image ul {
	list-style-type:none;
	margin:0;
	padding:10px;
}
.taptap-by-bonfire-image ul li {
	list-style-type:none;
	text-align:center;

	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}
.taptap-by-bonfire-image ul li a {
	font-family:'Muli';
    font-weight:700;
	margin:0;
	padding:0;
	display:inline-block;
	text-decoration:none;
	text-align:left;
	
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}
.taptap-image-grid-item > a {
	font-size:18px;
    letter-spacing:0;
	color:#fff;
}
.taptap-by-bonfire-image .menu {
	list-style:none;
}
.taptap-by-bonfire-image .menu li {
	position:relative;
	border:none;
	z-index:auto;
}
.taptap-by-bonfire-image .menu ul {
	list-style:none;
	margin:0;
	padding:0;
	display:none;
}
.taptap-by-bonfire-image > ul {
    position:relative;
    max-width:960px;

	display:grid;
	grid-gap:20px;
    grid-template-columns:repeat(3, 1fr);
    color:#444;
    list-style-type:none;
    margin:0 auto;
    padding:0;
}
.taptap-by-bonfire-image > ul > li {
	width:100%;
	min-width:100px;
	height:100%;
}
/* image sub-menus wrapper (div added via jQuery) */
.taptap-image-sub-wrapper {
	position:relative;
	z-index:9;
	min-width:100px;
	height:160px;
	padding:0;
	margin:0;
}
.taptap-image-grid-item {
	position:relative;
    width:100%;
    max-height:340px;
    background-color:#333;
	overflow:auto;
	border-radius:7px;
}
.taptap-by-bonfire-image-active .taptap-image-grid-item {
	-webkit-box-shadow:0px 0px 30px 15px rgba(0,0,0,0.75);
	-moz-box-shadow:0px 0px 30px 15px rgba(0,0,0,0.75);
	box-shadow:0px 0px 30px 15px rgba(0,0,0,0.75);
}
.taptap-image-grid-item > a {
	width:100%;
	height:160px;
	padding:14px 10px 0 15px !important;
	line-height:20px;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.taptap-by-bonfire-image > ul > li > ul {
    width:100%;
}
.taptap-image-grid-item > ul {
	padding-left:15px !important;
}
.taptap-image-grid-item > ul li {
	z-index:99999 !important;
	opacity:0;

	-webkit-transform:translateY(20px);
	-moz-transform:translateY(20px);
	transform:translateY(20px);

	-webkit-transition:all .75s ease;
	-moz-transition:all .75s ease;
	transition:all .75s ease;
}
.taptap-image-grid-item > ul > li:first-child {
	margin-top:-50px;
}
.taptap-image-grid-item > ul > li:last-child {
	padding-bottom:10px;
}
/* when image menu opened, give it z-index so it would appear on top of others (also used for gradient overlay animation) */
.taptap-by-bonfire-image-active {
	z-index:1 !important;
	opacity:1;
}
/* top-level gradient overlay */
.taptap-image-grid-item > ul::before {
	opacity:0;
	content:'';
	position:absolute;
	z-index:99999;
	top:-0px;
	left:0;
	width:100%;
	height:160px;
	display:block;
	pointer-events:none;

	-webkit-transition:all .35s ease;
	-moz-transition:all .35s ease;
	transition:all .35s ease;
	
	background:#333;
	background:linear-gradient(180deg, rgba(30,30,30,0) 25%, #333 100%, #333 100%);
}
.taptap-by-bonfire-image-active .taptap-image-grid-item > ul::before {
	opacity:1;
}
.taptap-by-bonfire-image-sub-active {
	opacity:1 !important;
	-webkit-transform:translateY(0) !important;
	-moz-transform:translateY(0) !important;
	transform:translateY(0) !important;
}
.taptap-main-wrapper-active .taptap-by-bonfire-image > ul > li {
	opacity:1;
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	transform:translateX(0);
}
/* individual li animation speeds (up to 10) */
.taptap-main-wrapper-active .taptap-by-bonfire-image > ul > li:nth-child(1) {
	-webkit-transition:opacity .75s ease .1s, -webkit-transform .85s ease .1s;
	-moz-transition:opacity .75s ease .1s, -moz-transform .85s ease .1s;
	transition:opacity .75s ease .1s, transform .85s ease .1s;
}
.taptap-main-wrapper-active .taptap-by-bonfire-image > ul > li:nth-child(2) {
	-webkit-transition:opacity .75s ease .15s, -webkit-transform .85s ease .15s;
	-moz-transition:opacity .75s ease .15s, -moz-transform .85s ease .15s;
	transition:opacity .75s ease .15s, transform .85s ease .15s;
}
.taptap-main-wrapper-active .taptap-by-bonfire-image > ul > li:nth-child(3) {
	-webkit-transition:opacity .75s ease .2s, -webkit-transform .85s ease .2s;
	-moz-transition:opacity .75s ease .2s, -moz-transform .85s ease .2s;
	transition:opacity .75s ease .2s, transform .85s ease .2s;
}
.taptap-main-wrapper-active .taptap-by-bonfire-image > ul > li:nth-child(4) {
	-webkit-transition:opacity .75s ease .25s, -webkit-transform .85s ease .25s;
	-moz-transition:opacity .75s ease .25s, -moz-transform .85s ease .25s;
	transition:opacity .75s ease .25s, transform .85s ease .25s;
}
.taptap-main-wrapper-active .taptap-by-bonfire-image > ul > li:nth-child(5) {
	-webkit-transition:opacity .75s ease .3s, -webkit-transform .85s ease .3s;
	-moz-transition:opacity .75s ease .3s, -moz-transform .85s ease .3s;
	transition:opacity .75s ease .3s, transform .85s ease .3s;
}
.taptap-main-wrapper-active .taptap-by-bonfire-image > ul > li:nth-child(6) {
	-webkit-transition:opacity .75s ease .35s, -webkit-transform .85s ease .35s;
	-moz-transition:opacity .75s ease .35s, -moz-transform .85s ease .35s;
	transition:opacity .75s ease .35s, transform .85s ease .35s;
}
.taptap-main-wrapper-active .taptap-by-bonfire-image > ul > li:nth-child(7) {
	-webkit-transition:opacity .75s ease .4s, -webkit-transform .85s ease .4s;
	-moz-transition:opacity .75s ease .4s, -moz-transform .85s ease .4s;
	transition:opacity .75s ease .4s, transform .85s ease .4s;
}
.taptap-main-wrapper-active .taptap-by-bonfire-image > ul > li:nth-child(8) {
	-webkit-transition:opacity .75s ease .45s, -webkit-transform .85s ease .45s;
	-moz-transition:opacity .75s ease .45s, -moz-transform .85s ease .45s;
	transition:opacity .75s ease .45s, transform .85s ease .45s;
}
.taptap-main-wrapper-active .taptap-by-bonfire-image > ul > li:nth-child(9) {
	-webkit-transition:opacity .75s ease .5s, -webkit-transform .85s ease .5s;
	-moz-transition:opacity .75s ease .5s, -moz-transform .85s ease .5s;
	transition:opacity .75s ease .5s, transform .85s ease .5s;
}
.taptap-main-wrapper-active .taptap-by-bonfire-image > ul > li:nth-child(10) {
	-webkit-transition:opacity .75s ease .55s, -webkit-transform .85s ease .55s;
	-moz-transition:opacity .75s ease .55s, -moz-transform .85s ease .55s;
	transition:opacity .75s ease .55s, transform .85s ease .55s;
}
.taptap-image-grid-item > a {
	position:relative;
	z-index:0;
}
.taptap-image-grid-item > a:before {
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:7px;
	
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}


/* IMAGE SUBMENU
**************************************************/
.taptap-by-bonfire-image .sub-menu {
	display:none;
}
.taptap-image-submenu-active {
	display:inline !important;
}
.taptap-by-bonfire-image .sub-menu li {
	text-align:left;
}
.taptap-by-bonfire-image .sub-menu li a {
	color:#686C6F;
	font-size:16px;
    letter-spacing:0;
	margin:0;
	padding:11px 0;
	width:100%;
}
/* indent sub-menu items */
.taptap-by-bonfire-image ul.sub-menu ul li {
	padding-left:10px;
}


/* IMAGE ACCORDION SUBMENU ARROW
**************************************************/
/* top-level arrow */
.taptap-image-sub-arrow {
    position:absolute;
    top:0;
    right:8px;
    pointer-events:none;
	width:36px;
	height:36px;
    display:inline-block;
	margin:8px 0 0 13px;
	padding:0;
	border-radius:50%;
	background-color:#525BDE;
    
    /* remove the highlight of a tapped link when on a touch device */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.taptap-by-bonfire-image .taptap-image-sub-arrow-inner::before,
.taptap-by-bonfire-image .taptap-image-sub-arrow-inner::after {
	position:absolute;
    content:'';
    display:block;
    top:17px;
    width:14px;
	height:2px;
	border-radius:50px;
	background-color:#fff;
    
    -webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.taptap-by-bonfire-image .taptap-image-sub-arrow-inner::before {
	left:11px;
    -webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	transform:rotate(0deg);
}
.taptap-by-bonfire-image .taptap-image-sub-arrow-inner::after {
    left:11px;
    -webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	transform:rotate(90deg);
}
.taptap-by-bonfire-image span.taptap-submenu-active span::before {
    -webkit-transform:rotate(225deg);
	-moz-transform:rotate(225deg);
	transform:rotate(225deg);
}
.taptap-by-bonfire-image span.taptap-submenu-active span::after {
    -webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	transform:rotate(135deg);
}
/* sub-level arrow */
.taptap-by-bonfire-image .sub-menu .taptap-image-sub-arrow {
	top:-5px;
	width:32px;
	height:32px;

	border:2px solid transparent;
	background:#444;

	-webkit-transition:all .35s ease;
	-moz-transition:all .35s ease;
	transition:all .35s ease;
}
.taptap-by-bonfire-image .sub-menu span.taptap-submenu-active {
	border-color:#444;
	background:transparent;
}
.taptap-image-sub-arrow-inner {
    position:relative;
    display:block;
    top:0;
    right:0;
    width:40px;
    height:25px;
}
.sub-menu .taptap-image-sub-arrow-inner::before,
.sub-menu .taptap-image-sub-arrow-inner::after {
    position:absolute;
    content:'';
    display:block;
    top:15px;
    width:7px;
	height:2px;
	border-radius:50px;
    background-color:#ADADAC;
    
    -webkit-transition:all .35s ease;
	-moz-transition:all .35s ease;
	transition:all .35s ease;
}
.sub-menu .taptap-image-sub-arrow-inner::before {
    left:11px;
    -webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
.sub-menu .taptap-image-sub-arrow-inner::after {
    left:15px;
    -webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.taptap-by-bonfire-image .sub-menu span.taptap-submenu-active span::before {
    -webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.taptap-by-bonfire-image .sub-menu span.taptap-submenu-active span::after {
    -webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}


/* IMAGE MENU ITEM DESCRIPTION
**************************************************/
.taptap-menu-item-description {
	font-family:'Montserrat';
    font-weight:400;
	font-size:11px;
	line-height:11px;
	color:#60666B;
    letter-spacing:0;
    margin:2px 0 0 0;
}
/* hide menu descriptions for drop-down items */
li.menu-item-has-children > a .taptap-menu-item-description { display:none; }


/* MAIN WRAPPER
**************************************************/
.taptap-main-wrapper {
	position:fixed;
	z-index:99999;
	top:-1000%;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	
	/* prevent iOS scroll flicker */
	-webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
	/* smooth scroll on touch devices */
	-webkit-overflow-scrolling:touch;
	
	-webkit-transition:-webkit-transform .5s ease, top 0s ease .5s, opacity .5s ease 0s;
	-moz-transition:-moz-transform .5s ease, top 0s ease .5s, opacity .5s ease 0s;
	transition:transform .5s ease, top 0s ease .5s, opacity .5s ease 0s;
}
.taptap-main-wrapper-active {
	top:0;
	opacity:1;
	
	-webkit-transition:-webkit-transform .5s ease, top 0s ease 0s, opacity .5s ease 0s;
	-moz-transition:-moz-transform .5s ease, top 0s ease 0s, opacity .5s ease 0s;
	transition:transform .5s ease, top 0s ease 0s, opacity .5s ease 0s;
}
.taptap-main-inner {
	width:100%;
	height:100%;
	overflow-y:auto;
}
.taptap-main {
	padding:0;
	margin:0;
	display:table;
	width:100%;
	height:100%;
	
	/* prevent flicker when menu arrow is being animated */
    transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
}
.taptap-main-inner-inner {
	display:table-cell;
	vertical-align:top;
	margin:0;
	padding:75px 0;
}
/* if toolbar is showing */
.taptap-main-inner-inner-toolbar {
	padding-top:157px;
}
.taptap-contents-wrapper {
    margin:0 auto;
}


/* MENU BACKGROUND COLOR
**************************************************/
.taptap-background-color {
	position:fixed;
	z-index:99998;
	top:-1000%;
	left:0;
	width:100%;
	height:100%;
    height:100vh;
	background-color:#111112;
	
	/* prevent iOS scroll flicker */
	-webkit-transform:translate3d(0,0,0);
	
	/* smooth scroll on touch devices */
	-webkit-overflow-scrolling:touch;
	
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	transform:translateY(-100%);
	
	-webkit-transition:-webkit-transform .5s ease, top 0s ease .5s;
	-moz-transition:-moz-transform .5s ease, top 0s ease .5s;
	transition:transform .5s ease, top 0s ease .5s;
}
.taptap-background-color-active {
	top:0;

	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0);
	
	-webkit-transition:-webkit-transform .5s ease, top 0s ease 0s;
	-moz-transition:-moz-transform .5s ease, top 0s ease 0s;
	transition:transform .5s ease, top 0s ease 0s;
    
    -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.25);
}


/* MENU BACKGROUND IMAGE
**************************************************/
.taptap-background-image {
	position:fixed;
	z-index:99999;
	top:-1000%;
	left:0;
	width:100%;
	height:100%;
    height:100vh;
	opacity:.1;
	
	/* prevent iOS scroll flicker */
	-webkit-transform:translate3d(0,0,0);
	
	/* smooth scroll on touch devices */
	-webkit-overflow-scrolling:touch;
	
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	transform:translateY(-100%);
	
	background-size:cover;
	background-repeat:no-repeat;
	/* background-position set in taptap.php */
	
	-webkit-transition:-webkit-transform .5s ease, top 0s ease .5s;
	-moz-transition:-moz-transform .5s ease, top 0s ease .5s;
	transition:transform .5s ease, top 0s ease .5s;
}
.taptap-background-image-active {
	top:0;
	
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0);
	
	-webkit-transition:-webkit-transform .5s ease, top 0s ease 0s;
	-moz-transition:-moz-transform .5s ease, top 0s ease 0s;
	transition:transform .5s ease, top 0s ease 0s;
}


/* BACKGROUND OVERLAY
**************************************************/
.taptap-background-overlay {
	position:fixed;
	z-index:99997;
	top:-1000%;
	left:0;
	width:100%;
	height:100%;
    height:100vh;
	background-color:#000;
    cursor:pointer;
    opacity:0;
	
	-webkit-transition:opacity .5s ease, top 0s ease .5s;
	-moz-transition:opacity .5s ease, top 0s ease .5s;
	transition:opacity .5s ease, top 0s ease .5s;
}
.taptap-background-overlay-active {
	top:0;
    opacity:.5;
	
	-webkit-transition:opacity .5s ease, top 0s ease 0s;
	-moz-transition:opacity .5s ease, top 0s ease 0s;
	transition:opacity .5s ease, top 0s ease 0s;
}


/* WIDGETS
**************************************************/
.taptap-widgets-wrapper { margin-top:30px; }
.taptap-widgets-wrapper .widget {
    font-family:'Montserrat';
	font-weight:400;
	text-align:center;
	width:100%;
	margin:10px 0 0 0;
	padding:0;
	font-size:12px;
    line-height:16px;
	color:#8C9093;
	letter-spacing:0;
}
.taptap-widgets-wrapper .widget a {
	color:#8C9093;
	text-decoration:none;
	border:none;
}
.taptap-widgets-wrapper .widget a:hover {
	text-decoration:none;
	border:none;
}
.taptap-widgets-wrapper .widget div,
.taptap-widgets-wrapper .widget span,
.taptap-widgets-wrapper .widget iframe,
.taptap-widgets-wrapper .widget object,
.taptap-widgets-wrapper .widget embed {
	margin-left:auto;
	margin-right:auto;
}
.taptap-widgets-wrapper .widget .widgettitle {
    font-family:'Montserrat';
	font-weight:400;
    font-size:12px;
    line-height:16px;
}


/* SMART SCROLL
**************************************************/
.taptap-smart-header-hide {
    top:calc(0px - 150px) !important;
}


/* MISC
**************************************************/
/* if absolute positioning active */
.taptap-absolute { position:absolute; }
/* when search active, apply 0 opacity to header + menu/woo/search buttons + logo */
.taptap-header-bg-image,
.taptap-header,
.taptap-menu-button-wrapper,
.taptap-woo-button-wrapper,
.taptap-search-button-wrapper,
.taptap-logo-wrapper {
    -webkit-transition:opacity .25s ease, top .35s ease;
	-moz-transition:opacity .25s ease, top .35s ease;
	transition:opacity .25s ease, top .35s ease;
}
.taptap-hide-header-elements {
    opacity:0 !important;
}


/* SCROLLBAR STYLING
**************************************************/
.scroll-wrapper {
	overflow:hidden !important;
	padding:0 !important;
	position:relative;
}
.scroll-wrapper > .scroll-content {
	border:none !important;
	box-sizing:content-box !important;
	height:auto;
	left:0;	
	margin:0;
	max-height:none !important;
	max-width:none !important;
	overflow:scroll !important;
	position:relative !important;
	top:0;
	width:auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
	height:0;
	width:0;
}
.scroll-element {
	display:none;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
	display:block;
}
/* main menu background scrollbar */
.taptap-main-inner > .scroll-element,
.taptap-main-inner > .scroll-element div {
	border:none;
	margin:0;
	padding:0;
	position:absolute;
	z-index:9999999999;
}
.taptap-main-inner > .scroll-element div {
	display:block;
	height:100%;
	left:0;
	top:0;
	width:100%;
}
.taptap-main-inner > .scroll-element.scroll-x {
	bottom:0;
	height:8px;
	left:0;
	width:100%;
}
.taptap-main-inner > .scroll-element.scroll-y {
	max-height:100%;
	right:3px;
	top:3px;
    bottom:3px;
	width:5px;
}
.taptap-main-inner > .scroll-element .scroll-element_outer {
	overflow:hidden;
}
.taptap-main-inner > .scroll-element .scroll-bar { background-color:#5E6469; }
/* update scrollbar offset if both scrolls are visible */
.taptap-main-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left:-12px; }
.taptap-main-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top:-12px; }

.taptap-main-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.taptap-main-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

/* image menu scrollbar */
.taptap-image-grid-item > .scroll-element,
.taptap-image-grid-item > .scroll-element div {
	border:none;
	margin:0;
	padding:0;
	position:absolute;
	z-index:9999999999;
}
.taptap-image-grid-item > .scroll-element div {
	display:block;
	height:100%;
	left:0;
	top:0;
	width:100%;
}
.taptap-image-grid-item > .scroll-element.scroll-x {
	bottom:0;
	height:8px;
	left:0;
	width:100%;
}
.taptap-image-grid-item > .scroll-element.scroll-y {
	max-height:100%;
	right:3px;
	top:3px;
    bottom:3px;
	width:5px;
}
.taptap-image-grid-item > .scroll-element .scroll-element_outer {
	overflow:hidden;
}
.taptap-image-grid-item > .scroll-element .scroll-bar { background-color:#5E6469; }
/* update scrollbar offset if both scrolls are visible */
.taptap-image-grid-item > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left:-12px; }
.taptap-image-grid-item > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top:-12px; }

.taptap-image-grid-item > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.taptap-image-grid-item > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }


/* WORDPRESS TOOLBAR (IF WORDPRESS TOOLBAR ACTIVE, PUSH HEADER ELEMENTS DOWN A BIT)
**************************************************/
.wp-toolbar-active { margin-top:32px; }
/* if WordPress amin bar active, keep it above everything else */
#wpadminbar { z-index:9999999999999999999999999999; }


/* MEDIA QUERIES
**************************************************/
/* for the thicker, mobile admin bar */
@media screen and (max-width: 782px) {
	.wp-toolbar-active { margin-top:46px; }
	#wpadminbar { position: fixed !important; }
}
/* image-based menu responsive options */
@media screen and (max-width:800px) {
    .taptap-by-bonfire-image > ul {
		grid-template-columns:repeat(2, 1fr);
	}
}
@media screen and (max-width:600px) {
    .taptap-by-bonfire-image > ul {
		grid-template-columns:none;
    }
    .taptap-image-sub-wrapper {
		height:100%;
	}
	.taptap-image-grid-item {
		position:relative !important;
		max-height:none;
	}
	.taptap-image-grid-item > a:after {
		position:absolute;
	}
	.taptap-image-grid-item > .scroll-element,
	.taptap-image-grid-item > .scroll-element div {
		display:none;
	}
}