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

- MISC
- MAIN MENUBAR
- ACCORDION MENU
- ACCORDION SUB-MENU
*************************************************************/


/* MISC
**************************************************/
/* push down Touchy if WordPress toolbar is active */
.touchy-wp-toolbar {
	position:fixed;
	top:32px !important;
}
@media screen and (max-width: 782px) {
.touchy-wp-toolbar {
	position:fixed;
	top:46px !important;
}
}

/* content overlay (the transparent div that is shown over the entire page when menu is opened) */
.touchy-menu-close {
	/* remove the flickering effect of a tapped link when on a touch device */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	
	position:fixed;
	top:0;
	z-index:999998;
	width:100%;
	height:100%;
	cursor:pointer;
	left:-100%;
	opacity:0;

	/* content overlay background color */
	background-color:#000;
	
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	transition: opacity .5s ease;
}
.touchy-menu-close-active-position {
	left:0 !important;
}
.touchy-menu-close-active-opacity {
	opacity:0.2 !important;
}


/* MAIN MENUBAR
**************************************************/
.touchy-wrapper {
	display:table;
	table-layout:fixed;
	position:fixed;
	left:0;
	right:0;
	top:0;
	width:100%;
	height:51px;
	z-index:999999;
	vertical-align:middle;
	
	-moz-box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.12);
	box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.12);
}
/* Shared styles for back, call, email and menu buttons */
.touchy-wrapper .touchy-back-button,
.touchy-wrapper .touchy-call-button,
.touchy-wrapper .touchy-email-button,
.touchy-menu-button {
	min-width:50px;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	text-decoration:none !important;
	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-o-transition: all .1s ease;
	-ms-transition: all .1s ease;
	transition: all .1s ease;

	/* menubar button icon color + background color */
	color:#D7D7D7;
	background-color:#fff;
	
	/* remove the flickering effect of a tapped link/button when on a touch device */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	
	/* the menu bar separator color */
	border-right:1px solid #EBEBEB;
}
.touchy-back-button:hover, .touchy-call-button:hover, .touchy-email-button:hover, .touchy-menu-button-hover, .touchy-menu-button-hover-touch, .touchy-menu-button-active {
	color:#fff;
	background-color:#07B1FF;
}
/* Back button */
.touchy-back-button {
	font-size:23px;
}
/* Call button */
.touchy-call-button {
	font-size:25px;
}
/* Email button */
.touchy-email-button {
	font-size:25px;
}
/* Menu button */
.touchy-menu-button {
	padding-top:5px;
	font-size:24px;

	/* remove separator from the menu button */
	border:none;
}


/* ACCORDION MENU
**************************************************/
/* accordion menu tooltip */
.touchy-accordion-tooltip {
	width:0;
	height:0;
	margin:0 auto !important;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	padding:0;
	top:-5000px;

	/* tooltip color */
	border-bottom:6px solid #34B2CF;

	position:relative;
	z-index:999999;
}
.touchy-tooltip-active {
	top:19px;
}
/* if touchy is placed at bottom of screen */
.touchy-bottom .touchy-accordion-tooltip {
	border-bottom:0;
	border-top:6px solid #34B2CF;
}
.touchy-bottom .touchy-tooltip-active {
	top:auto !important;
	bottom:54px;
}

/* accordion menu wrapper */
.touchy-by-bonfire {
	width:30%;
	min-width:217px;
	position:fixed;
	margin:12px 10px 0 0;
	padding:0;
	z-index:999999;
	opacity:0;
	top:-1500px;
	right:0;

	overflow:hidden;

	/* accordion menu background color */
	background:#34B2CF;

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

	-webkit-transition: -webkit-transform .5s ease;
	-moz-transition: -moz-transform .5s ease;
	-o-transition: -o-transform .5s ease;
	-ms-transition: -ms-transform .5s ease;
	transition: transform .5s ease;
	
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
.touchy-menu-active {
	opacity:1 !important;
	top:53px;
	
	-webkit-transform: translateY(0px) !important;
	-moz-transform: translateY(0px) !important;
	-ms-transform: translateY(0px) !important;
	-o-transform: translateY(0px) !important;
	transform: translateY(0px) !important;
}
/* if touchy is placed at bottom of screen */
.touchy-bottom .touchy-by-bonfire {
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
}
.touchy-bottom .touchy-menu-active {
	top:auto !important;
	bottom:65px;
}

.touchy-by-bonfire .menu {
	text-align:left;
	position:relative;
	margin:0;
	padding:0;
}
.touchy-by-bonfire .menu ul {
	list-style:none;
	padding:0 8px;
}
.touchy-by-bonfire .menu li {
	list-style: none;
	z-index:-1;
	position:static;
	margin:0;
	padding:0;

	/* accordion menu item separators */
	border-top:1px solid #5DC1D9;
	
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-o-transition: all .15s ease;
	-ms-transition: all .15s ease;
	transition: all .15s ease;
}
.touchy-by-bonfire .menu li:hover {
	/* accordion menu item backgrond hover color */
	background-color:#3EBCD9;
}
.touchy-by-bonfire .menu li:first-child {
	border-top:none !important;
}

.touchy-by-bonfire #menu-right-menu.menu li:first-child{
	border-top:1px solid #fff !important;
}

/* accordion menu optinal icon (FontAwesome) */
.touchy-by-bonfire .menu li i {
	font-size:16px;
	padding:5px 11px 1px 2px;
}

.touchy-by-bonfire .menu a {
	padding:12px 13px 11px 13px;
	margin:0;
	display:block;
	cursor:pointer;
	outline:none;
	
	/* top-level menu font */
	font-family:'Open Sans',arial,tahoma,verdana;
	font-weight:400;
	font-size:13px;
	color:#fff;
	text-decoration:none;

	/* remove the flickering effect of a tapped link/button when on a touch device */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.touchy-by-bonfire .menu a:hover, .touchy-by-bonfire .menu a:active {
	color:#fff;
	text-decoration:none;
}


/* ACCORDION SUB-MENU
**************************************************/
.touchy-by-bonfire .sub-menu {
	position:static;
	width:100%;
	margin:0;
	padding:0;
}
.touchy-by-bonfire .sub-menu ul {
	list-style:none;
	position:static;
	margin:0;
	padding:0;
}
.touchy-by-bonfire .sub-menu li {
	list-style:none;
	margin:0;
	padding:0;
	float:none;
	border-top:none !important;
	
	/* sub-menu item separator color */
	border-bottom:1px solid #DEE4E8;
}
/* hide sub-menu item separator on last item */
.touchy-by-bonfire .sub-menu li:last-child {
	border:none !important;
	padding-bottom:5px;
}
/* no background hover color on sub-menu items */
.touchy-by-bonfire .sub-menu li:hover {
	background-color:transparent !important;
}
/* sub-menu item */
.touchy-by-bonfire .sub-menu a {
	padding:5px 0 7px 6px;
	display:block;
	border-bottom: none;
	line-height:22px;
	outline:none;

	/* sub-menu item color */
	color:#5B919D;
}
/* sub-menu item hover */
.touchy-by-bonfire .sub-menu a:hover, .touchy-by-bonfire .sub-menu a:active {
	text-decoration:none;

	/* sub-menu item color */
	color:#34B2CF;
}
/* give menu absolute positioning */
.touchy-absolute { position:absolute !important; }
/* icon support */
.touchy-by-bonfire .menu a i,
.touchy-by-bonfire .sub-menu a i {
	margin-left:-5px;
	margin-right:-5px;
	display:inline-block;
	width:20px;
	font-size:13px;
	text-align:center;
}
/* give menu bottom positioning */
.touchy-bottom {
	top:auto !important;
	bottom:0;
	margin:0 !important;
	padding:0 !important;
}

/*
Expand arrow
**************************************************/
/* menu closed (arrow down) */
.touchy-by-bonfire .menu-item-has-children:before {
	font-family:FontAwesome;
	font-size:13px;
	content:'\f078';
	float:right;
	margin:13px 18px 0 0;
	cursor:pointer;
	
	position:relative;
	z-index:999999;
	
	/* expand arrow down color */
	color:#fff;
}
/* menu opened (arrow up) */
.touchy-by-bonfire .menu-item-has-children .menu-expanded:after {
	font-family:FontAwesome;
	font-size:13px;
	content:'\f077';
	float:right;
	margin:2px -12px 0 0;
	
	/* expand arrow up color */
	color:#C2C8CC;
}

/*
The 'text' sub-menu item
**************************************************/
.touchy-by-bonfire .sub-menu li.text a {
	line-height:18px;
	padding:10px 10px 10px 7px;
	display:block;
	cursor:default;
	outline:none;
	
	/* text menu item font */
	font-family:'Open Sans',arial,tahoma,verdana;
	font-weight:400;
	font-size:12px;
	line-height:15px;
	color:#989EA2;
}
/* hide separator on 'text' sub-menu item */
.touchy-by-bonfire .sub-menu li.text {
	border:none !important;
	margin-right:15px;
}


/*
Expanded sub-menu's background color
**************************************************/
.touchy-by-bonfire .menu ul,
.touchy-by-bonfire .menu-item-has-children .menu-expanded {
	background-color:#F2F8FC !important;
	position:relative;
	z-index:999999;
}

/*
Expanded sub-menu's text color
**************************************************/
.touchy-by-bonfire .menu-item-has-children .menu-expanded,
.touchy-by-bonfire .menu-item-has-children .menu-expanded:hover {
	color:#839098;
}

/*
Expanded sub-menu's icon color
**************************************************/
.touchy-by-bonfire .menu-item-has-children .menu-expanded i,
.touchy-by-bonfire .menu-item-has-children .menu-expanded:hover i {
	color:#839098;
}