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

- HEADER
- MENU BUTTON
- DROPDOWN MENU
- DROPDOWN SUB-MENU
- DROPDOWN SUB-MENU ARROW
- LOGO
- SEARCH BORDER
- SEARCH BUTTON
- SEARCH FORM
- SWIPE MENU WRAPPER
- SWIPE MENU
- MISC
- WORDPRESS TOOLBAR
*************************************************************/


/* HEADER
**************************************************/
.tactile-header-wrapper {
	position:fixed;
	z-index:9999999;
	top:0;
	left:0;
	width:100%;
	height:auto;
	display:block;

	-webkit-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.12);
	-moz-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.12);
	box-shadow:0px 0px 1px 1px rgba(0,0,0,0.12);
}
.tactile-header-menu-logo-search-wrapper {
	position:relative;
	z-index:9999998;
	top:0;
	height:60px;
	display:block;
}
.tactile-header-background-color {
	position:absolute;
	z-index:9999997;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#181E23;

	-webkit-transition:all .5s ease .0s;
	-moz-transition:all .5s ease .0s;
	transition:all .5s ease .0s;
}
.tactile-header-background-image {
	position:absolute;
	z-index:9999996;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* MENU BUTTON
**************************************************/
.tactile-menu-button {
	position:absolute;
	z-index:10;
	top:12px;
	left:10px;
	padding:7px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	text-decoration:none;
	cursor:pointer;
	
	-webkit-transition:opacity .5s ease .15s, top 0s ease .15s;
	-moz-transition:opacity .5s ease .15s, top 0s ease .15s;
	transition:opacity .5s ease .15s, top 0s ease .15s;
}
.tactile-menu-button::before,
.tactile-menu-button::after,
.tactile-menu-button div.tactile-menu-button-middle {
	background-color:#fff;
	content:'';
	display:block;
	width:23px;
	height:2px;
	margin:4px 0;

	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;

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


/* DROPDOWN MENU
**************************************************/
.tactile-by-bonfire-wrapper {
    position:fixed;
    z-index:99999999;
	top:55px;
    bottom:0;
    left:-1000%;
    margin:0;
    padding:0;
	width:100%;
	min-width:150px;
	overflow:hidden;
}
@media screen and (min-width: 350px) {
	.tactile-by-bonfire-wrapper {
		max-width:300px;
		overflow:visible;
	}
}
.tactile-menu-active {
	left:0px;
	right:0px;
}
.tactile-by-bonfire {
    position:relative;
    z-index:99999997;
	width:calc(100% - 14px);
	max-height:calc(100% - 10px);
	margin:0 auto;
    top:0;
    right:0;
    left:0;
    overflow-y:auto;
    overflow-x:hidden;
    border-radius:2px;
    background-color:#fff;
    
    -webkit-transform:translateY(-7px);
    -moz-transform:translateY(-7px);
    transform:translateY(-7px);
    
    -webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
    
    -webkit-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.25);
	-moz-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.25);
	box-shadow:0px 0px 40px 0px rgba(0,0,0,0.25);
}
.smooth-scroll {
    /* smooth scroll on touch devices */
	-webkit-overflow-scrolling:touch;
}
.tactile-menu-active .tactile-by-bonfire {
    -webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0);
}
.tactile-by-bonfire ul {
    display:block;
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
}
/* individual main menu items */
.tactile-by-bonfire ul li {
    position:relative;
	width:100%;
	min-width:150px;
	min-height:53px;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
    overflow-x:hidden;
    
    -webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}
.tactile-by-bonfire ul li a {
	font-family:'Roboto','Rubik',sans-serif;
	font-size:16px;
	font-weight:400;
    line-height:16px;
	color:#65696C;
	margin:0;
	padding:20px 10px 17px 15px;
	display:inline-block;
	text-decoration:none;
    width:100%;
	
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
    
    /* remove the flickering effect of a tapped link/button when on a touch device */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
/* invisible close element at bottom of dropdown menu */
.tactile-dropdown-close {
	width:100%;
	height:100%;
}


/* DROPDOWN SUB-MENU
**************************************************/
.tactile-by-bonfire .menu {
	list-style:none;
	margin:0;
	padding:0;
}
.tactile-by-bonfire ul.sub-menu {
	list-style:none;
	margin:0;
	padding:0;
	display:none;
    background-color:#F8F8F7;
}
/* sub-menu items */
.tactile-by-bonfire .sub-menu a {
	color:#848482;
	margin:0;
}
/* divider for top-level menu items */
.tactile-by-bonfire .menu > li { border-bottom:1px solid #E7E7E7; }
/* no border on last menu item */
.tactile-by-bonfire .menu li:last-child { border-bottom:none; }
/* show top border on first child only */
.tactile-by-bonfire ul.sub-menu > li:first-child { border-top:1px solid #E7E7E7; }
/* no border on first menu item */
.tactile-by-bonfire ul.sub-menu > li li:first-child {
	border-top:none;
}
/* divider for sub-menu items */
.tactile-by-bonfire ul li ul li:after {
    position:absolute;
    top:0;
    left:5px;
    right:5px;
    content:'';
    height:1px;
    background-color:#E6E6E6;
}
.tactile-by-bonfire ul.menu > li > ul.sub-menu > li:first-child:after {
    display:none;
}


/* DROPDOWN SUB-MENU ARROW
**************************************************/
/* sub-menu arrow */
.tactile-sub-arrow {
    position:absolute;
    cursor:pointer;
    top:0;
    right:0;
    width:50px;
    height:100%;
    
    /* remove the highlight of a tapped link when on a touch device */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.tactile-sub-arrow-inner {
    position:relative;
    display:block;
    top:10px;
    right:0;
    width:50px;
    height:35px;
    border-left:1px solid #E7E7E7;
}
.tactile-sub-arrow-inner::before,
.tactile-sub-arrow-inner::after {
    position:absolute;
    content:'';
    display:block;
    top:17px;
    width:9px;
    height:2px;
    background-color:#BBBBBA;
    
    -webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.tactile-sub-arrow-inner::before {
    left:15px;
    -webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
.tactile-sub-arrow-inner::after {
    left:20px;
    -webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
/* submenu arrow animation */
.tactile-by-bonfire span.tactile-submenu-active span::before {
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.tactile-by-bonfire span.tactile-submenu-active span::after {
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
}


/* LOGO
**************************************************/
/* wrapper */
.tactile-logo-wrapper {
	position:absolute;
	z-index:9;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:60px;
	text-align:center;
	display:table;
    overflow:auto;
	
	-webkit-transition:opacity .5s ease .15s, top 0s ease .15s;
	-moz-transition:opacity .5s ease .15s, top 0s ease .15s;
	transition:opacity .5s ease .15s, top 0s ease .15s;
}
/* if logo is an image */
.tactile-logo-image {
	vertical-align:middle;
	display:table-cell;
}
.tactile-logo-image img {
	width:auto;
	max-height:40px;
	vertical-align:middle;
	margin-top:-2px;
}
/* if logo is text */
.tactile-logo {
	vertical-align:middle;
	display:table-cell;
	margin-top:-1px;
}
.tactile-logo a {
	font-family:'Rubik',sans-serif;
	font-weight:500;
	font-size:16px;
	text-decoration:none;
	letter-spacing:0;
	color:#fff;
	margin:0;
	padding:0;
	
	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
.tactile-logo a:hover {
	text-decoration:none;
	color:#fff;
}


/* SEARCH BORDER
**************************************************/
.tactile-search-border {
	position:absolute;
	z-index:9999998;
	bottom:0;
	left:5px;
	right:5px;
	border-bottom:2px solid rgba(255,255,255,0.35);
	display:block;
	padding:0;
	opacity:0;
	
	-webkit-transition:all .4s ease-out 0s;
	-moz-transition:all .4s ease-out 0s;
	transition:all .4s ease-out 0s;
}
.tactile-search-border-active {
	bottom:5px;
	opacity:1;
	
	-webkit-transition:all .35s ease-out .1s;
	-moz-transition:all .35s ease-out .1s;
	transition:all .35s ease-out .1s;
}


/* SEARCH BUTTON
**************************************************/
/* search button wrapper */
.tactile-search-button {
	position:absolute;
	z-index:10;
	top:10px;
	right:10px;
	cursor:pointer;
	padding:7px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	
	-webkit-transition:opacity .5s ease .15s, top 0s ease .15s;
	-moz-transition:opacity .5s ease .15s, top 0s ease .15s;
	transition:opacity .5s ease .15s, top 0s ease .15s;
}
/* search icon */
@font-face {
	font-family: 'tactile-icomoon';
	src:  url('fonts/icomoon.eot?e77ov');
	src:  url('fonts/icomoon.eot?e77ov#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?e77ov') format('truetype'),
		url('fonts/icomoon.woff?e77ov') format('woff'),
		url('fonts/icomoon.svg?e77ov#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="tactile-icon-"], [class*=" tactile-icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'tactile-icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.tactile-icon-search::before {
	content: "\e900";
	color:#fff;
	font-size:23px;

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


/* SEARCH FORM
**************************************************/
/* search form */
.tactile-search-wrapper {
	position:absolute;
	z-index:9999998;
	top:-1000px;
	left:15px;
	right:15px;
	height:100%;
	margin:0;
	padding:0;
	display:block;
	opacity:0;
	
	-webkit-transition:opacity .2s ease .1s, top 0s ease .4s;
	-moz-transition:opacity .2s ease .1s, top 0s ease .4s;
	transition:opacity .2s ease-in .1s, top 0s ease .4s;
}
.tactile-search-wrapper-active {
	top:0 !important;
	opacity:1;
	
	-webkit-transition:opacity .2s ease .1s, top 0s ease .25s !important;
	-moz-transition:opacity .2s ease .1s, top 0s ease .25s !important;
	transition:opacity .2s ease .1s, top 0s ease .25s !important;
}
/* searchform input */
.tactile-search-wrapper #searchform input {
	position:absolute;
	bottom:-15px;
	width:100%;
	height:100%;
	max-height:50px;
	font-size:20px;
	font-family:'Rubik',sans-serif;
	font-weight:400;
	color:#fff;
	padding:2px 0 0 0;
	margin:0;
	border:0;
	background:none;
	
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	
	-webkit-transition:bottom .65s ease-out .1s;
	-moz-transition:bottom .65s ease-out .1s;
	transition:bottom .65s ease-out .1s;
}
.tactile-search-input-active {
	bottom:5px !important;
	
	-webkit-transition:bottom .5s ease 0s !important;
	-moz-transition:bottom .5s ease 0s !important;
	transition:bottom .5s ease 0s !important;
}
.tactile-search-wrapper #searchform input:focus {
	outline:0;
}
/* searchform placeholder */
#searchform input::-webkit-input-placeholder { color:rgba(255,255,255,0.5) !important; }
#searchform input:-moz-placeholder { color:rgba(255,255,255,0.5) !important; }
#searchform input::-moz-placeholder { color:rgba(255,255,255,0.5) !important; }
/* search form close button button */
.tactile-search-close-button {
	position:absolute;
	z-index:9;
	top:16px;
	right:0px;
	width:25px;
	height:25px;
	cursor:pointer;
	display:block;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
/* search form close button */
.tactile-search-close-button::before,
.tactile-search-close-button::after {
	content:'';
	display:block;
	width:23px;
	height:2px;
	margin:0 0 0 1px;
	background-color:#fff;

	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
	
	/* lessen animation 'pop' in Firefox */
	outline:1px solid transparent;
}
.tactile-search-close-button::before {	
	-webkit-transform:translateY(11px) rotate(45deg);
	-moz-transform:translateY(11px) rotate(45deg);
	transform:translateY(11px) rotate(45deg);
}
.tactile-search-close-button::after {	
	-webkit-transform:translateY(9px) rotate(-45deg);
	-moz-transform:translateY(9px) rotate(-45deg);
	transform:translateY(9px) rotate(-45deg);
}
.tactile-hide-search-elements { display:none; }


/* SWIPE MENU WRAPPER
**************************************************/
.tactile-swipe-menu-wrapper {
	position:relative;
	z-index:9999998;
	top:0;
	left:0;
	width:100%;
	height:45px;
	margin:0;
	padding:0;
	
	-webkit-transition:opacity .5s ease .15s, top 0s ease .15s;
	-moz-transition:opacity .5s ease .15s, top 0s ease .5s;
	transition:opacity .5s ease .15s, top 0s ease .15s;
}
/* iDangerous swiping */
.swiper-container { max-width:100% !important; }
.swiper-wrapper { width:3000px !important; }
.swiper-slide { }


/* SWIPE MENU
**************************************************/
/* swipe menu */
.tactile-by-bonfire-swipe ul {
	display:table;
	list-style-type:none;
	padding:0;
	margin:0;
	height:45px;
}
/* individual swipe menu items */
.tactile-by-bonfire-swipe ul li {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
	overflow:hidden;
}
.tactile-by-bonfire-swipe ul li:last-child {
	margin-right:1px !important;
}
/* swipe menu item */
.tactile-by-bonfire-swipe ul li a {
	font-family:'Rubik',sans-serif;
	font-size:13px;
	font-weight:500;
	color:rgba(255,255,255,0.75);
	margin:0;
	padding:2px 17px 0 16px;
	height:40px;
	text-decoration:none;
	letter-spacing:0;
	display:table-cell;
	vertical-align:middle;
	white-space:nowrap;

	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}
/* current menu item */
.tactile-by-bonfire-swipe ul li.current-menu-item a {
	color:#fff;
}
.tactile-by-bonfire-swipe ul li.current-menu-item::after {
	content:'';
	position:absolute;
	bottom:8px;
	left:12px;
	right:0px;
	width:calc(100% - 24px);
	height:2px;
	border-radius:10px;
	background-color:#fff;
}


/*
MISC
**************************************************/
.tactile-opacity-zero {
	opacity:0;
	top:-1000px;
	
	-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;
}


/* WORDPRESS TOOLBAR (IF WORDPRESS TOOLBAR ACTIVE, PUSH HEADER ELEMENTS DOWN A BIT)
**************************************************/
.wp-toolbar-active { margin-top:32px; }
/* for the thicker, mobile admin bar */
@media screen and (max-width: 782px) {
	.wp-toolbar-active { margin-top:46px; }
	#wpadminbar { position: fixed !important; }
}
/* if WordPress amin bar active, keep it above everything else */
#wpadminbar { z-index:9999999999999999999999999999; }