/* 04. Menu
   ========================================================================== */
nav .button-collapse i {
	font-size: 1.4em;
}

/* Menu bar top  ============================*/

$qt-secondarymenu-height: 38px;

ul.qt-menu-secondary {
	position: relative;
	z-index: 300;
	margin: 0;
	padding: 0 0.5rem;
	overflow: hidden;
	height: $qt-secondarymenu-height;
	transition: height 0.3s;
	li {
		display: inline;
		line-height: $qt-secondarymenu-height;
		height: $qt-secondarymenu-height;
		padding: 0;
		a {
			
			line-height: $qt-secondarymenu-height;
			font-size: 11px;
			padding: 0 0.5rem;
			vertical-align: top;
			i {
				font-size:1em;
				opacity: 1;
			}
		}
		&.qt-social-link {
			float: right;
			a {
				font-size: 25px;
				padding: 0;
				i {
					top: 3px;
				}
			}
			
		}
		&.qt-social-link {
			padding-left: 0.5rem;
		}
	}
}
.qt-scrolled {
	ul.qt-menu-secondary {
		height: 0px;
	}
}

/* Menu bar  ============================*/

.qt-menubar {
	position: relative;
	z-index: 300;
	margin: 0;
	padding: 0;
	display: table;
	nav.qt-menubar {
		margin: 0;
		padding: 0 1rem;

		.qt-logo-text {
			position: relative;
			float: left;
			line-height: (3 * $qt-font-scale)+rem;

		}
		ul.qt-desktopmenu > li.qt-logo-link > a.brand-logo {
			padding: 0;
		}
	}
	i {
	    display: inline;
	    font-size: ($qt-font-scale)+rem;
	    position: relative;
	    top: 0.25rem;
	    width: 1.4rem;
	    line-height: inherit;
	    float: left;
	    height: auto;
	}
}


.qt-logo-text img {
	max-height: 100%;
}


.qt-menu-social {
	font-size: 1.414rem * 1.414;
	line-height: 1.5em;
	li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
		i {
			position: relative;
			top: 5px;
		}
	}
}


/* Mobile menu  ============================*/

.qt-side-nav {	
	li {
		display: block;
		position: relative;
		&.menu-item-has-children  { 
			> a::after {

			    display: inline;
			    font-family: "dripicons-v2";
			    speak: none;
			    font-style: normal;
			    font-weight: normal;
			    font-variant: normal;
			    text-transform: none;
			    line-height: 1;
			    -webkit-font-smoothing: antialiased;
			    -moz-osx-font-smoothing: grayscale;
			    content: "\54";
			    position: relative;
			    right:10px;
			    top: 50%;
			    line-height: 2rem;
			    height: 2rem;
			    float: right;
			    margin-top: -0.8rem;
			}
			&.open {
				height: auto;
				> ul {
					display: block;
				}
				> a::after {
					content: "\57";
				}
			}
		}

		ul {
			display: none;
		}
	}
}
.side-nav ul.qt-side-nav-secondary {
	padding: 1rem 0;
	li {
		a {
			padding: 0.5rem 24px;
		}
	}
}