/*************************************************************

[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;



    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; }