/*
** High Homepage, BlueTube, Inc. 2014
** Changing the .row max width to 1200 pixels (75em)
*/
.row { max-width: 76.875rem; }
body { font-family: 'Lato', sans-serif; text-rendering: optimizeLegibility; }
.textleft { text-align:left; }
.textright { text-align: right; }
.pushtop { margin-top:15px; }
hr { border:solid #ebebeb; border-width: 1px 0 0; }
h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; text-rendering: optimizeLegibility; }
.leftline { border-left: 1px solid #ccc; margin-bottom:15px; }
/* Home Content */

/* Header */
.high.logo { height:56px; width:386px; background: url('../img/home/high_logo.png') no-repeat; margin: 0 0 8px 0; }
@media only screen and (max-width: 479px) { .high.logo { height:65px; width:226px; background: url('../img/high-museum-logo.png') no-repeat; margin: 0 auto 15px; } }

.add-ticket {
	padding: 42px 0;
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
}
.add-ticket input[type="number"],
.add-ticket select {
	margin: 0 0 0 15px;
	height:25px;
	width:55px;
	padding: 0px 0 0 5px;
	font-size: 16px;
	border-radius:5px;
	font-weight: bold;
	text-align: center;
}

.add-ticket p, .syos-info p {
	font-family: "Helvetica Neue", 'Lato', Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#424042;
	margin:0;
}
.add-ticket .contain {
	width: 100%;
	margin-bottom: 20px;
}
.add-ticket .dropdown {
    margin-bottom: 0.5rem;
}

.top-bar {  background: rgba(0, 0, 0, 0.5); z-index: 95; }
.top-bar-section .has-dropdown a.mem.title { background: none; }
.top-bar-section .has-dropdown > a:after { content:none; }
a.mem.title {  font-size:14px; line-height:18px; font-weight:bold; }
li.has-dropdown.not-click.mouse-over a.mem.title { background:#e52823 !important; }
.top-bar-section .has-dropdown > a { padding-right:15px !important; }
.top-bar-section ul { background: none; }
.todays.hours { background: none; height: 30px; }
.todays.hours p { font-size: 12px; line-height:18px; font-weight:bold; color:#fff; text-transform: uppercase; border: 1px solid #ccc; background: none; padding: 5px 10px; height: 30px; margin-top: 8px; margin-right: 10px; }
.top-nav ul { list-style:none; float:right; margin-top: 28px; }
.top-nav ul li { float:left; margin-right:20px; }
.top-nav ul li a { color:#000000; font-size:14px; line-height: 18px; font-weight:bold; }
.top-nav ul li a:hover { color:#e52823; }
.top-nav ul li a.cart .shop{ height:19px; width:20px; background: url('../img/home/home_icon_sprite.png') no-repeat -1px -28px; float:left; margin-top: 4px; margin-right: 10px; }
.top-nav ul li a.cart span { color:#fff; background:#e52823; padding: 2px 8px; }

#header_searchBox { font-size: 14px; line-height: 18px; height: 28px; width: 473px; float: left; z-index: 100; position: absolute; display: none; }
#header_srcbtn { height:21px; width:21px; background: url('../img/home/home_icon_sprite.png') no-repeat -1px -3px; margin-top: 3.5px; border:none; cursor: pointer; z-index: 999; position: absolute; }
#header_searchBox_small { font-size: 14px; line-height: 18px; height: 32px; width: 568px; float: left; z-index: 100; position: absolute; display: none; left: 0; margin-top: 6px; }
#header_srcbtn_small { height: 21px; width: 21px; background: url('../img/home/home_icon_sprite.png') no-repeat -1px -3px; margin-top: 12px; border: none; cursor: pointer; z-index: 999; right: 15px; position: absolute; }

.tab-bar section.left-small { margin:0; }
.tab-bar { background:#fff; }
.tab-bar .logo { margin: 7.5px auto; height:30px; width:104px; background: url('../img/home/high-museum-logo-mobile.png') no-repeat; }
.right-small { border-left:none; }
.left-small { border-right:none; }
.tab-bar .menu-icon span { -webkit-box-shadow: 1px 0px 1px 1px black, 1px 7px 1px 1px black, 1px 14px 1px 1px black; box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black; }
.tab-bar .menu-icon { background:#fff; }

.left-off-canvas-menu.home { background:#000; }
.left-off-canvas-menu.home ul.off-canvas-list { padding-top:10px; }
.left-off-canvas-menu.home ul.off-canvas-list li.small-top-nav { border-top: 1px solid #444; margin-top: 1px; }
.left-off-canvas-menu.home ul.sub-menu { display:none; list-style-image: url('../img/home/red_triangle.gif'); padding: 0 20px 5px; }
.left-off-canvas-menu.home ul.sub-menu li { margin-bottom:5px;}
.left-off-canvas-menu.home ul.off-canvas-list li label { font-weight: normal; color: rgba(255, 255, 255, 0.7); background: #000; border: none; padding: 10px 20px; }
.left-off-canvas-menu.home ul.off-canvas-list li label:hover { }
.left-off-canvas-menu.home ul.off-canvas-list li a { border: none; padding: 10px 20px; text-transform: uppercase; font-size: 0.875rem; line-height: 1.5; }
.left-off-canvas-menu.home ul.off-canvas-list li a.cart span { background: #e52823; padding: 0px 5px; color: rgba(255, 255, 255, 0.7); margin-left: 7px; }
.left-off-canvas-menu.home ul.sub-menu li a { padding: 0.125em; font-size: 11px; text-transform: uppercase; }
.left-off-canvas-menu.home ul.off-canvas-list li a:hover { background:none; }

@media only screen and (max-width: 1056px) { a.mem.title { font-size: 12px; } }
@media only screen and (max-width: 950px) { .top-nav ul { margin-top:75px; } a.mem.title { font-size: 11px; } .megamenu { width: 729px !important; } .megamenu .head { width: 728px !important; } .promotional { width: 729px !important; } }
@media only screen and (max-width: 910px) { a.mem.title { font-size: 10px; } } 
@media only screen and (max-width: 800px) { .top-nav { width:100%; } .top-nav ul { margin-top:0; } }
@media only screen and (max-width: 768px) { a.mem.title { padding: 0 8.5px !important; } }
@media only screen and (max-width: 640px) { .top-nav ul { margin-top:0; } .orbit-container { margin-top: 10px !important; } }

/* Image Sprites */
.home.rarrow.dg { height:18px; width:10px; background: url('../img/home/home_icon_sprite.png') no-repeat -6px -55px; }
.home.rarrow.lg { height:26px; width:16px; background: url('../img/home/home_icon_sprite.png') no-repeat -5px -79px; }
.home.cart.icon { height:19px; width:19px; background: url('../img/home/home_icon_sprite.png') no-repeat -1px -28px; }
.home.search.icon { height:21px; width:20px; background: url('../img/home/home_icon_sprite.png') no-repeat -1px -3px; }
.home.callout.ticket { margin-right: 20px; float: left; height:29px; width:29px; background: url('../img/home/home_icon_sprite.png') no-repeat -31px -3px; }
.home.callout.clock { margin-right: 18px; float: left; height:29px; width: 29px; background: url('../img/home/home_icon_sprite.png') no-repeat -31px -35px; }
.home.callout.calendar { margin-right: 20px; float: left; height:27px; width:28px; background: url('../img/home/home_icon_sprite.png') no-repeat -31px -69px; }
.home.callout.bag { margin-left: 3px; margin-right: 20px; float: left; height:27px; width:24px; background: url('../img/home/home_icon_sprite.png') no-repeat -35px -103px; }
.home.callout.envelope { margin-top: 5px; margin-right: 20px; float: left; height:17px; width:27px; background: url('../img/home/home_icon_sprite.png') no-repeat -31px -135px; }

/* Footer */
footer h2.red { font-size:32px; line-height:44px; color:#e52823; font-weight: 300; }
footer p { font-size:16px; line-height: 24px; color:#666; }
footer ul { list-style:none; }
footer .links ul { float: left; width: 50%; margin-left: 0; margin-top: 10px; }
footer .links ul li a { font-size:16px; line-height:28px; color:#666; }
footer .links ul li a:hover,
.subfoot a:hover { color:#e52823; }
footer .social ul { float: left; width: 50%; margin-left: 0; margin-top: 10px; }
footer .social ul li a { font-size:16px; line-height:28px; color:#666; }
footer .social ul li a.facebook:hover{ color:#3b5998; }
footer .social ul li a.facebook .img {float: left; height: 17px; width: 17px; background: url('../img/home/home_icon_sprite.png') no-repeat -72px -3px; margin: 4px 5px 0 0; }
footer .social ul li a.facebook:hover .img{ background: url('../img/home/home_icon_sprite.png') no-repeat -96px -3px; }
footer .social ul li a.twitter:hover { color:#00aced; }
footer .social ul li a.twitter .img { float: left; height: 13px; width: 16px; background: url('../img/home/home_icon_sprite.png') no-repeat -72px -29px; margin: 7px 5px 0 0; }
footer .social ul li a.twitter:hover .img{ background: url('../img/home/home_icon_sprite.png') no-repeat -97px -29px; }
footer .social ul li a.youtube:hover{ color:#bb0000; }
footer .social ul li a.youtube .img { float: left; height: 12px; width: 18px; background: url('../img/home/home_icon_sprite.png') no-repeat -71px -52px; margin: 8px 5px 0 0; }
footer .social ul li a.youtube:hover .img{ background: url('../img/home/home_icon_sprite.png') no-repeat -95px -52px; }
footer .social ul li a.pinterest:hover{ color:#cb2027; }
footer .social ul li a.pinterest .img { float: left; height: 16px; width: 13px; background: url('../img/home/home_icon_sprite.png') no-repeat -73px -71px; margin: 6px 9px 0 0; }
footer .social ul li a.pinterest:hover .img{ background: url('../img/home/home_icon_sprite.png') no-repeat -96px -71px; }
footer .social ul li a.spotify:hover{ color:#81b71a; }
footer .social ul li a.spotify .img { float: left; height: 17px; width: 17px; background: url('../img/home/home_icon_sprite.png') no-repeat -71px -94px; margin: 5px 6px 0 0; }
footer .social ul li a.spotify:hover .img{ background: url('../img/home/home_icon_sprite.png') no-repeat -95px -94px; }
footer .social ul li a.instagram:hover{ color:#517fa4; }
footer .social ul li a.instagram .img { float: left; height: 15px; width: 16px; background: url('../img/home/home_icon_sprite.png') no-repeat -71px -121px; margin: 5px 8px 0 0; }
footer .social ul li a.instagram:hover .img{ background: url('../img/home/home_icon_sprite.png') no-repeat -96px -121px; }
footer .social ul li a.flickr:hover{ color:#ff0084; }
footer .social ul li a.flickr .img { float: left; height: 6px; width: 14px; background: url('../img/home/home_icon_sprite.png') no-repeat -72px -146px; margin: 11px 10px 0 0; }
footer .social ul li a.flickr:hover .img{ background: url('../img/home/home_icon_sprite.png') no-repeat -96px -146px; }
.subfoot { margin-bottom:10px; }
.subfoot span { font-size: 12px; line-height: 28px; color:#999; margin-right:7px; }
.subfoot a { color:#999; font-size: 12px; line-height: 28px; margin-right:4px; }
.subfoot a:before { content: "|"; color:#999; height:12px; margin-right:4px; }
.subfoot a.nobefore:before { content: ""; color:#fff; height:12px; }
@media only screen and (max-width: 768px) {
	.medium-6.centsmall { text-align:center; width:100%; }
}