/*--------------------------------------------------------------
   Top Bar
--------------------------------------------------------------*/

.trawell-top-bar{
	font-size: 1.2rem;
	line-height: 1;
	.container{
		position: relative;
	}
	.trawell-slot-l nav li{
		margin-right: 10px;
	}
	.trawell-slot-r nav li{
		margin-left: 10px;
	}
	.trawell-slot-r,
	.trawell-slot-l,
	.trawell-slot-c{
		z-index: 2000;
	}
}
.trawell-calendar{
	i{
		margin-right: 5px;
	}
}
.trawell-top-bar .menu-item-has-children > a:after{
    content: "\1097b";
    font-family: "trawell-font";
    margin: 0 0 0 5px;
}
.trawell-top-bar ul{
	margin:0;
	padding:0;
}
.trawell-top-bar ul li{
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.trawell-top-bar .sub-menu{
	display: none;
	opacity: 0;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;	
	border-radius: 3px;	
	background-color: #FFFFFF;	
	box-shadow: 0 5px 15px 0 rgba(0,0,0,0.25);
	transform: translateY(10px);
	padding:0 15px;
    width: 200px;
}
.trawell-top-bar .sub-menu{
	padding: 5px 15px;
}
.trawell-top-bar a{
	padding:10px 0;
	display: block;
}
.trawell-top-bar li:hover > .sub-menu{
    display: block;
    animation: fadeInFromNone 0.2s ease-out;
    animation-fill-mode: forwards;	
}

.trawell-top-bar{
	.trawell-button{
		display: none;
	}
	input[type="text"]{
		height: 32px;
	}
}
.trawell-slot-r .trawell-soc-menu + ul{
	margin-left: 10px;
}

.trawell-top-bar{
	.trawell-slot-l{
		flex: 1;
	    margin-right: auto;
	    justify-content: flex-start;		
	}
	.trawell-slot-c{
    flex: 0;
    flex-wrap: nowrap;
	}
	.trawell-slot-r	{
	    flex: 1;
	    margin-left: auto;
	    justify-content: flex-end;
	}
}
.trawell-slot-c .trawell-calendar{
	width: 200px;
	text-align: center;
	display: block;
}
.trawell-top-bar .trawell-slot-l .menu-pre-footer-menu-container{
	margin-left: 0;
	margin-right: 0;
}

.trawell-top-bar .trawell-slot-c input[type=text]{
	width: 200px;
}
.trawell-top-bar .trawell-slot-r a{
	padding-right: 0;
}