/*
** 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('/HMA/assets/images//high_logo.png') no-repeat; margin: 0 0 16px 0; background-size: 386px 48px; }
@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; } }

.top-bar {  background: rgba(0, 0, 0, 0.5); z-index: 101; }
.megamenu { width: 877px !important; background: #fff; margin-left: 15px; color:#000; border-left:1px solid #000; border-right:1px solid #000; border-top: 6px solid #e52823; }
.megamenu h4.title { color: #000; font-size: 22px; margin-top: 10px; font-weight: bold; }
.megamenu .head { width: 876px !important; background: #fff; border-top: 1px solid #000; border-right:1px solid #000; }
.promotional { width: 877px !important; background: #fff; padding: 10px 27px 0px; color: #000; border: 1px solid #000; }
.promotional p.promo.title { color:#000; }
.promotional a { background: #fff !important; color: #000 !important; padding-left:5px !important; text-decoration: underline !important; line-height: 1.6 !important; }
.megamenu ul li a { background:#fff !important; color:#000 !important; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.6; }
.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; }
@media only screen and (max-width: 1125px) { .todays.hours span { display:none; } }
.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('/HMA/assets/images//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('/HMA/assets/images//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('/HMA/assets/images//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('/HMA/assets/images//high-museum-logo-mobile.png') no-repeat; background-size: 104px 30px; }
.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('/HMA/assets/images//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:885px) { .todays.hours { display:none; } }
@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('/HMA/assets/images//home_icon_sprite.png') no-repeat -6px -55px; }
.home.rarrow.lg { height:26px; width:16px; background: url('/HMA/assets/images//home_icon_sprite.png') no-repeat -5px -79px; }
.home.cart.icon { height:19px; width:19px; background: url('/HMA/assets/images//home_icon_sprite.png') no-repeat -1px -28px; }
.home.search.icon { height:21px; width:20px; background: url('/HMA/assets/images//home_icon_sprite.png') no-repeat -1px -3px; }
.home.callout.ticket { margin-right: 20px; float: left; height:29px; width:29px; background: url('/HMA/assets/images//home_icon_sprite.png') no-repeat -31px -3px; }
.home.callout.icon { margin-right: 20px; float: left; height:29px; width:29px;  }
.home.callout.clock { margin-right: 18px; float: left; height:29px; width: 29px; background: url('/HMA/assets/images//home_icon_sprite.png') no-repeat -31px -35px; }
.home.callout.calendar { margin-right: 20px; float: left; height:27px; width:28px; background: url('/HMA/assets/images//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('/HMA/assets/images//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('/HMA/assets/images//home_icon_sprite.png') no-repeat -31px -135px; }

/* Home Content */
.orbit-container { margin-top: -45px !important; }
ul.homeslide { border-bottom: 5px solid #ef2a25; }
ul.homeslide .orbit-caption { bottom: 95px !important; width: 50% !important; background-color: rgba(0, 0, 0, 0) !important; }
ul.homeslide .orbit-caption h3 { margin: 0; padding: 2.5px 10px; float:left; font-size:32px; line-height:37px; background: rgba(0, 0, 0, 0.7); color:#fff; }
ul.homeslide .orbit-caption .slide.info { margin: 0; padding: 2.5px 10px; float:left; font-size:32px; line-height:37px; background: rgba(0, 0, 0, 0.7); color:#fff; }
ul.homeslide .orbit-caption .slide.dates { margin: 0; padding: 2.5px 10px; float:left; font-size:16px; line-height:34px; font-weight:bold; color:#1891df; background: rgba(0, 0, 0, 0.7); }
ul.homeslide .orbit-caption a.button.slide.blue { margin-left:10px; margin-right: 180px; margin-top: 20px; float:left; background:#0072bc; color:#fff; font-size:18px; line-height:34px; padding: 6px 35px; }
ul.homeslide .orbit-caption a.button.slide.blue:hover { background:#fff; color:#0072bc;}
.orbit-bullets-container { margin-top: -50px; }
.orbit-bullets-container ol.orbit-bullets {}
.orbit-bullets-container ol.orbit-bullets li { background:#fff; cursor:pointer;}
.orbit-bullets-container ol.orbit-bullets li.active { background:#ef2a25; }
.orbit-timer, a.orbit-prev, a.orbit-next, .orbit-slide-number { display: none; }

.section1 { margin-top:50px;}
.section2 { margin-top:65px; }
.section3 { margin-top:95px; }
.ticketinfo { padding-left: 55px; padding-right: 55px; }
.ticketinfo h3 { color:#000; font-size:32px; line-height:34px; text-align:center; margin-top: 18px; min-height: 70px; }
.ticketinfo p.dates { color:#ef2a25; line-height:34px; font-size:14px; text-align:center; }
.ticketinfo p.info { color:#000; line-height:18px; font-size:14px; text-align:center; min-height: 54px; }
.ticketinfo a.button.white { color:#343434; font-size:18px; padding:5px 20px; background:#fff; border: 1px solid #707070; padding: 10px 35px; }
.ticketinfo a.button.white:hover { color:#fff; background:#000; }
.home.imgblk.left { height:415px; width:600px; background: url('/HMA/assets/images//become_a_member.png') no-repeat; }
.home.imgblk.right { height:415px; width:600px; background: url('/HMA/assets/images//contribution.png') no-repeat; }
.home.imgblk .transbg { padding:25px 15px; height: 155px; margin-top: 260px; background: rgba(0, 0, 0, 0.7); float: left; }
.home.imgblk .transbg.red { background: rgba(239, 42, 37, 0.7); }
.home.imgblk .transbg h3 { color:#fff; font-size:32px; line-height:34px; font-weight: 300; margin-bottom:18px; }
.home.imgblk .transbg p { color:#fff; font-size:14px; line-height:18px; width: 70%; font-weight: 500; float: left; }
.home.imgblk .transbg .rarrow { float: right; }
ul.home-link { list-style: none; }
ul.home-link li { margin-bottom: 23px; }
ul.home-link li a { color:#333; font-size:18px; }
ul.home-link li a:hover { color:#e52823; }
.home.posts a p { color:#000; line-height:24px; font-size:21px; padding: 10px 45px 0 5px; }
.home.posts a span { font-size:16px; color:#000; float:left; margin-left: 5px; }
.home.posts .home.rarrow { margin-left: 100px; }

@media only screen and (max-width: 1024px) {
	ul.homeslide .orbit-caption { bottom: 25px !important; width: 60% !important; }
	.ticketinfo h3 { min-height: 0px; }
	.section2.left { padding-right:0px; }
	.section2.right { padding-left:0px; }
	.home.imgblk { width:auto !important; }
}
@media only screen and (max-width: 768px) {
	ul.homeslide .orbit-caption { bottom: 20px !important; width: 80% !important; }
	ul.homeslide .orbit-caption h3 { font-size: 26px; line-height: 30px; }
	ul.homeslide .orbit-caption .slide.info { font-size: 26px; line-height: 30px; }
	ul.homeslide .orbit-caption .slide.dates { font-size: 14px; line-height: 20px; }
	ul.homeslide .orbit-caption a.button.slide.blue { font-size: 14px; line-height: 22px; }	
	.section2 { margin-top: 30px; }
	.section3 { margin-top: 15px; margin-bottom:15px; }
	ul.home-link { margin-top:20px; }
	.home.posts a p { line-height: 22px; font-size: 18px; }
	.home.imgblk .transbg { height: 230px !important; margin-top: 185px !important; }
}
@media only screen and (max-width: 640px) { 
	.orbit-container { margin-top: 10px !important; padding-bottom:25px; } 
	.section2.left { padding-right: 0.9375rem; }
	.section2.right { padding-left: 0.9375rem; }
	.home.imgblk .transbg { height: 155px !important; margin-top: 260px !important; }
}
@media only screen and (max-width: 480px) { 
	.orbit-container { margin-top: 10px !important; padding-bottom:25px; } 
	ul.homeslide .orbit-caption { bottom: 10px !important; width: 85% !important; }
	ul.homeslide .orbit-caption h3 { font-size: 16px; line-height: 20px; }
	ul.homeslide .orbit-caption .slide.info { font-size: 16px; line-height: 20px; }
	ul.homeslide .orbit-caption .slide.dates { font-size: 10px; line-height: 11px; }
	ul.homeslide .orbit-caption a.button.slide.blue { font-size: 11px; line-height: 12px; padding: 6px 30px; }
}
@media only screen and (max-width: 380px) { 
	.orbit-container { margin-top: 10px !important; } 
	ul.homeslide .orbit-caption { bottom: 10px !important; width: 100% !important; }
	ul.homeslide .orbit-caption h3 { font-size: 14px; line-height: 16px; }
	ul.homeslide .orbit-caption .slide.info { font-size: 14px; line-height: 16px }
	ul.homeslide .orbit-caption .slide.dates { font-size: 10px; line-height: 11px; }
	ul.homeslide .orbit-caption a.button.slide.blue { font-size: 9px; line-height: 9px; padding: 5px 15px; margin-right: 0; margin-top: 5px; }
	.home.imgblk .transbg { height: 230px !important; margin-top: 185px !important; }
	.orbit-bullets-container { margin-top: -40px; }
	.orbit-container .orbit-slides-container { height: 220px; }
	/*.orbit-container .orbit-slides-container img { height:220px; }*/
    .orbit-container .orbit-slides-container img { height:150px; }
}

/* 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('/HMA/assets/images//home_icon_sprite.png') no-repeat -72px -3px; margin: 4px 5px 0 0; }
footer .social ul li a.facebook:hover .img{ background: url('/HMA/assets/images//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('/HMA/assets/images//home_icon_sprite.png') no-repeat -72px -29px; margin: 7px 5px 0 0; }
footer .social ul li a.twitter:hover .img{ background: url('/HMA/assets/images//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('/HMA/assets/images//home_icon_sprite.png') no-repeat -71px -52px; margin: 8px 5px 0 0; }
footer .social ul li a.youtube:hover .img{ background: url('/HMA/assets/images//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('/HMA/assets/images//home_icon_sprite.png') no-repeat -73px -71px; margin: 6px 9px 0 0; }
footer .social ul li a.pinterest:hover .img{ background: url('/HMA/assets/images//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('/HMA/assets/images//home_icon_sprite.png') no-repeat -71px -94px; margin: 5px 6px 0 0; }
footer .social ul li a.spotify:hover .img{ background: url('/HMA/assets/images//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('/HMA/assets/images//home_icon_sprite.png') no-repeat -71px -121px; margin: 5px 8px 0 0; }
footer .social ul li a.instagram:hover .img{ background: url('/HMA/assets/images//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('/HMA/assets/images//home_icon_sprite.png') no-repeat -72px -146px; margin: 11px 10px 0 0; }
footer .social ul li a.flickr:hover .img{ background: url('/HMA/assets/images//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%; }
}