﻿/*
**
*/

/*
** Adding an xsmall breakpoint to the grid
*/
meta.foundation-mq-xsmall {
  font-family: "/only screen and (max-width: 480px)/";
  width: 0em; }

@media only screen and (max-width: 480px) {
  .column.xsmall-centered,
  .columns.xsmall-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

  .column.xsmall-uncentered,
  .columns.xsmall-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }

  .column.xsmall-uncentered.opposite,
  .columns.xsmall-uncentered.opposite {
    float: right; }

  .xsmall-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .xsmall-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .xsmall-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .xsmall-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .xsmall-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .xsmall-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .xsmall-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .xsmall-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .xsmall-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .xsmall-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .xsmall-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .xsmall-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .xsmall-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .xsmall-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .xsmall-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .xsmall-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .xsmall-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .xsmall-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .xsmall-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .xsmall-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .xsmall-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .xsmall-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .xsmall-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .xsmall-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }

  .xsmall-1 {
    width: 8.33333%; }

  .xsmall-2 {
    width: 16.66667%; }

  .xsmall-3 {
    width: 25%; }

  .xsmall-4 {
    width: 33.33333%; }

  .xsmall-5 {
    width: 41.66667%; }

  .xsmall-6 {
    width: 50% !important; }

  .xsmall-7 {
    width: 58.33333%; }

  .xsmall-8 {
    width: 66.66667%; }

  .xsmall-9 {
    width: 75%; }

  .xsmall-10 {
    width: 83.33333%; }

  .xsmall-11 {
    width: 91.66667%; }

  .xsmall-12 {
    width: 100% !important; }

  [class*="column"] + [class*="column"]:last-child {
    float: right; }

  [class*="column"] + [class*="column"].end {
    float: left; }

  .xsmall-offset-0 {
    margin-left: 0% !important; }

  .xsmall-offset-1 {
    margin-left: 8.33333% !important; }

  .xsmall-offset-2 {
    margin-left: 16.66667% !important; }

  .xsmall-offset-3 {
    margin-left: 25% !important; }

  .xsmall-offset-4 {
    margin-left: 33.33333% !important; }

  .xsmall-offset-5 {
    margin-left: 41.66667% !important; }

  .xsmall-offset-6 {
    margin-left: 50% !important; }

  .xsmall-offset-7 {
    margin-left: 58.33333% !important; }

  .xsmall-offset-8 {
    margin-left: 66.66667% !important; }

  .xsmall-offset-9 {
    margin-left: 75% !important; }

  .xsmall-offset-10 {
    margin-left: 83.33333% !important; }

  .xsmall-offset-11 {
    margin-left: 91.66667% !important; }

  .xsmall-reset-order,
  .xsmall-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; } 
    
    .calendar-page .grey-section .choices-section .xsmall-12.choice-section {
        padding-left:0;
    }
}

/* max-width 640px, small only */
@media only screen and (max-width: 40em)  
{
    .calendar-page .post .inner .image-banner {
        position:static !important;
    }
    .mobile-hide 
    {
        display:none !important;
    }
}

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) { } 

/* min-width 641px and max-width 1024px, medium only */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } 

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) { } 

/* min-width 1025px and max-width 1440px, large only */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } 

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) { } 

/* min-width 1441px and max-width 1920px, xlarge only */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } 

/* min-width 1921px, xlarge screens */
@media only screen and (min-width: 120.063em) { } 


.title.red {
	background:#eb1e23;
	padding: 14px 0.9375rem !important;
}
.title.red h2 {
	font-size: 24px;
	line-height: 28px;
	margin: 0;
	color: white;
	text-transform: uppercase;
}

.full-width-content {
    max-width:960px;
}

.promo-section img.stretch
{
    width:100%;
}

.reveal-modal .button {
    padding:10px 20px;
    margin-bottom:0;
}

.date-input-picker img.small-calendar {
    margin: 6px 5px 0 0;
    float: right;
    height:25px;
}
.date-input-picker {
    background:#fff;
    border: 1px solid #cccccc;
}
.date-input-picker .inputDiv {
    margin-right:35px; 
}
    .date-input-picker .inputDiv input {
        margin-bottom:0;
        border:none;
    }

/** new Calendar **/
.calendar-page {
    
}

.reveal-modal.reveal-modal-calendar-page .date-input-picker {
    margin-bottom:10px;
}

.calendar-page .no-events-panel {
    
}
.calendar-page .grey-section {
    /*background: #848383;*/
    padding-left:0;
    padding-right:0;
}
.calendar-page .grey-section .choices-section h2 span {
    font-size:.5em;
}
.calendar-page .grey-section .choices-section .fast-filtering div {
    display:inline-block;
}
.calendar-page .grey-section .choices-section .text.filter {
    /*font-size:1.4em;*/
    padding-bottom:10px;
    display:inline-block;
}
.calendar-page .grey-section .choices-section .button.filter {
    padding: 10px;
    margin-left:2px;
    margin-right:2px;
}
.calendar-page .grey-section .daily-admission-notice 
{
    padding-top:20px;
    padding-bottom:10px;
}
.calendar-page .grey-section .daily-admission-notice h3 {
    font-size:1.2em;
}
.calendar-page .grey-section .daily-admission-notice h4 {
    font-size:1.2em;
}
.calendar-page .grey-section .daily-admission-notice .hours-display {
    padding-bottom:10px;
}
.calendar-page a {
    text-decoration:none;
}
.calendar-page .grey-section h2,
.calendar-page .grey-section p,
.calendar-page .grey-section a,
.calendar-page .grey-section span
{
    color:#000 !important;
}
.calendar-page .grey-section .choices-section 
{
    /*padding:20px 20px 20px 0;*/
    /*padding:0;*/
}
.calendar-page .grey-section .fast-filtering {
    padding-left:0;
    padding-right:0;
}
.calendar-page .grey-section .choices-section .choice-section:first-child {
    padding-left:0;
}
.calendar-page .grey-section .choices-section .choice-section {
    padding-right:0;
}
.calendar-page .grey-section .choices-section .choice-section .date-input-prefix {
    background:#fff;
    border-right:1px solid #ccc;
}
.calendar-page .grey-section .choices-section input.date-pick {
    font-size: 1em;
    padding: 0 0 0 0.3em;
    border: none;
    width: 65%;
    float: left !important;
    height: 2.3125rem;
}
.calendar-page .grey-section .choices-section img.small-calendar {
    margin: 5px 5px 0 0;
    float: right;
    height:25px;
}
.calendar-page .grey-section .button.silver {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    padding: 8px 10px;
    color: #1f99cb;
    background: -webkit-linear-gradient(#ffffff, #dbdada);
    background: -o-linear-gradient(#ffffff, #dbdada);
    background: -moz-linear-gradient(#ffffff, #dbdada);
    background: linear-gradient(#ffffff, #dbdada);
}
.calendar-page .columns.post {
    border-top:2px solid #d7d7d7;
    position:relative;
}

.calendar-page .columns.post:first-child {
    /*border-top:none;*/
}
.calendar-page .columns.post:first-child .callout {
    /*top:0px;*/
}
.calendar-page .post .callout {
    padding: 7px;
    right: 0;
    top:-1px;
    position: absolute;
    width: 115px;
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    color: white;
    background: #ed1c24;
    text-align:center;
}
.calendar-page .post .inner {
    padding: 28px 0 17px;
}
.calendar-page .post .inner h4 {
    color: #1093c8;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    margin: 0 0 .4em 0;
}

.calendar-page .post .inner p.date {
    margin-bottom: .4em;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #474747;
    
    padding-right:40px;
}
.calendar-page .post .inner p.location {
    margin-bottom: .4em;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #474747;
    
}
.calendar-page .post .inner p.body {
    font-size: 14px;
    line-height: 14px;
    color: #474747;
}
.calendar-page .img-block {
    max-width: 125px;
}
.calendar-page .content-block {
    min-height: 115px;
    float: left !important;
    padding-top:2px;
    padding-right: 0;
    padding-left: 0.2em;
}
.calendar-page .content-block .columns.event-buttons {
    padding:0;
}
.calendar-page .content-block .columns.event-buttons .button {
    margin-left:10px;
}
.calendar-page .content-block .columns.event-buttons .button:first-child {
    margin-left:0;
}
.calendar-page .image-block {
    padding-right:40px;
    padding-left: 0px;
}
.calendar-page .image-block a {
    display:block;
    position:relative;
}
.calendar-page .image-block div {
    min-height:26px;
}
.calendar-page .image-block a.see-more {
    padding-top:8px;
    font-size:.8em;
}
.calendar-page .image-block img {
    width:100%;
    position:relative;
}
.calendar-page .post .inner .image-banner {
    padding: 4px 0 4px 5px;
    line-height: 18px;
    font-size: 11px;
    color: white;
    width: 100%;
    background: #848383;
    top: 0;
    position: absolute;
    z-index:1;
}
.calendar-page .post .inner a.buy-tickets {
    padding: .7em 1em;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 15px;
}
.calendar-page .row .row.show-more-section .columns {
    margin-top:20px;
}
.calendar-page .row .row.show-more-section .button.showmore {
    color:#fff !important;
    text-transform: uppercase;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	background: -webkit-linear-gradient(#c1c1c1, #999999); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#c1c1c1, #999999); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#c1c1c1, #999999); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#c1c1c1, #999999); /* Standard syntax */	
	padding:10px 20px;
}
.calendar-page .button.buy-tickets {
    color:#fff !important;
}


/*
** High Homepage, BlueTube, Inc. 2014
** Changing the .row max width to 1200 pixels (75em)
*/
.row { max-width: 76.875rem !important; }
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/responsive/home/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('/HMA/assets/images/responsive/high-museum-logo.png') no-repeat; margin: 0 auto 15px; } }

.top-bar {  background: #fff; z-index: 95; }
.top-bar-section .has-dropdown a.mem.title {color:#000;}
.megamenu { width: 869px !important; background: #fff; margin-left: 8px; 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: 861px !important; background: #fff; /*border-top: 1px solid #000;*/ border-right:1px solid #000; }
.promotional { width: 869px !important; background: #fff; padding: 10px 27px 0px; color: #000; border: 1px solid #000; margin-left: 8px; }
.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; }
.promotional .promotional-container a {
    padding-left:0 !important;
    padding-top:0 !important;
    padding-right:0 !important;
    padding-bottom:0 !important;
    display:block;
}
.promotional .promotional-container > img, .promotional .promotional-container > a img {
    width:100%;
}
.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; }
.top-bar-section .dropdown li a:hover { color:#e52823 !important; }
a.mem.title { font-size:13px; line-height:18px; font-weight:bold; }
li.has-dropdown.not-click.mouse-over a.mem.title { background:#e52823 !important; color: white;}
.top-bar-section .has-dropdown > a { padding-right:15px !important; }
.top-bar-section ul { background: none; }
.top-bar-section ul li .submenu-icon { float: left; height:25px; width:25px; margin-top:13px; margin-right:11px; }
.todays.hours { background: none; height: 30px; }
.todays.hours p { font-size: 12px; line-height:18px;  color:#000; 
    border: 1px solid #666; 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:11px; line-height: 18px; }
.top-nav ul li a:hover { color:#e52823; }
.top-nav ul li a.cart .shop{ height:19px; width:20px; background: url('/HMA/assets/images/responsive/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; }
.menufocus { color: white !important;}
.calendarInverse .top-bar-section a.menufocus { color: white !important; z-index:200;}
.calendarInverse .top-bar{background:none; z-index: 100;}
#header_searchBox, input[type="text"].header_searchBox { font-size: 14px; line-height: 18px; height: 35px; width: 540px; float: left; z-index: 99; position: absolute; display: none; }
#header_srcbtn, input[type="submit"].header_srcbtn, .header_srcbtn { height:21px; width:21px; background: url('/HMA/assets/images/responsive/home/home_icon_sprite.png') no-repeat -1px -3px; margin-top: 3.5px; border:none; cursor: pointer; z-index: 2; position: absolute; }
#header_searchBox_small, input[type="text"].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, input[type="submit"].header_srcbtn_small, .header_srcbtn_small { height: 21px; width: 21px; background: url('/HMA/assets/images/responsive/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('/HMA/assets/images/responsive/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; }


@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: 721px !important; } 
    .promotional { width: 729px !important; }
}
@media only screen and (max-width: 749px) { 
    .megamenu { width: 650px !important; } 
    .megamenu .head { width: 642px !important; } 
    .promotional { width: 650px !important; }
}
@media only screen and (max-width: 679px) { 
    .megamenu { width: 600px !important; } 
    .megamenu .head { width: 592px !important; } 
    .promotional { width: 600px !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/responsive/home/home_icon_sprite.png') no-repeat -6px -55px; }
.home.rarrow.lg { height:26px; width:16px; background: url('/HMA/assets/images/responsive/home/home_icon_sprite.png') no-repeat -5px -79px; }
.home.cart.icon { height:19px; width:19px; background: url('/HMA/assets/images/responsive/home/home_icon_sprite.png') no-repeat -1px -28px; }
.home.search.icon { height:21px; width:20px; background: url('/HMA/assets/images/responsive/home/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/responsive/home/home_icon_sprite.png') no-repeat -31px -3px; }
.home.callout.clock { margin-right: 18px; float: left; height:29px; width: 29px; background: url('/HMA/assets/images/responsive/home/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/responsive/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('/HMA/assets/images/responsive/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('/HMA/assets/images/responsive/home/home_icon_sprite.png') no-repeat -31px -135px; }

/* Home Content */
.orbit-container { margin-top: -45px !important; overflow:visible; }
.orbit-container > ul { overflow:hidden; }
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  {
    margin-left:10px; margin-right: 0px; margin-top: 20px; margin-bottom:0px !important; float:left; 
    background:#0072bc; color:#fff !important; font-size:18px !important; 
    line-height:34px !important; padding: 6px 35px; clear:both; 
}
ul.homeslide .orbit-caption a.button.slide.blue  {
    background:#0072bc;
}
ul.homeslide .orbit-caption a.button.slide.red  {
    background:#d10202;
}
ul.homeslide .orbit-caption a.button.slide.blue:hover { background:#fff !important; color:#0072bc !important;}
ul.homeslide .orbit-caption a.button.slide.red:hover { background:#fff !important; color:#d10202 !important;}
.orbit-bullets-container { margin-top: -50px; }
/*.orbit-bullets-container ol.orbit-bullets { top: 15px;}*/
.orbit-bullets-container ol.orbit-bullets { top: 13px;}
.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; }
.section1.ticketinfo { margin-top:50px; padding-bottom:0px; }
.section2 { margin-top:65px; }
.section2.left { margin-top:65px; padding-right:0px !important; }
.section2.right { margin-top:65px; padding-left:0px !important; }
/*.section2.left .home.transbg { background: rgba(0, 0, 0, 0.7); }
.section2.right .home.transbg { background: rgba(239, 42, 37, 0.7); }*/
.section3 { margin-top:95px; }
/*.section3.columns.left { padding-left:0px; }
.section3.columns.right { padding-right:0px; }*/
.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 h3 a { color:#000; text-decoration:none; }
.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 { position:relative; }
.home.imgblk .imglink { display:block; }
.home.imgblk a.callout-link:hover .home.transbg { background:rgba(239, 42, 37, 0.7); }
/*.home.imgblk.left { height:415px; width:600px; background: url('/HMA/assets/images/responsive/home/become_a_member.png') no-repeat; }
.home.imgblk.right { height:415px; width:600px; background: url('/HMA/assets/images/responsive/home/contribution.png') no-repeat; }*/
.home.transbg { position:absolute; bottom:0px; padding:25px 15px; height: 155px; background: rgba(0, 0, 0, 0.7); float: left; }
/*.home.transbg.red { background: rgba(239, 42, 37, 0.7); }*/
.home.transbg h3 { color:#fff; font-size:32px; line-height:34px; font-weight: 300; margin-bottom:18px; }
.home.transbg h3 a { color:#fff; }
.home.transbg p { color:#fff; font-size:14px; line-height:18px; width: 70%; font-weight: 500; float: left; }
.home.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 { font-size: 14px !important; line-height: 22px !important; }	
	.section2 { margin-top: 30px; }
	.section3 { margin-top: 30px; margin-bottom:30px; }
	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 (min-width:640px) and (max-width: 768px) {
	.home.transbg { position:static; }
	.section2.left .home.transbg { background: rgba(0, 0, 0, 1); }
	.section2.right .home.transbg { background: rgba(239, 42, 37, 1); }
}

@media only screen and (max-width: 640px) { 
	.orbit-container { margin-top: 10px !important; }
	.section2.left { padding-left: 0.9375rem !important; padding-right: 0.9375rem !important; }
	.section2.right { padding-left: 0.9375rem !important; padding-right: 0.9375rem !important; }
	.home.imgblk .transbg { height: 155px !important; /*margin-top: 260px !important;*/ }
}
@media only screen and (max-width: 560px) {
    ul.homeslide .orbit-caption h3 { font-size: 20px; line-height: 22px; }
	ul.homeslide .orbit-caption .slide.info { font-size: 20px; line-height: 30px; }
	ul.homeslide .orbit-caption .slide.dates { font-size: 14px; line-height: 20px; }
    ul.homeslide .orbit-caption a.button.slide { font-size: 14px !important; line-height: 22px !important; }
}
@media only screen and (max-width: 480px) { 
	.orbit-container { margin-top: 10px !important; } 
	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 { font-size: 11px !important; line-height: 12px !important; 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 { font-size: 9px !important; line-height: 9px !important; 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;*/ }
}

/* 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/responsive/home/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/responsive/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('/HMA/assets/images/responsive/home/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/responsive/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('/HMA/assets/images/responsive/home/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/responsive/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('/HMA/assets/images/responsive/home/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/responsive/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('/HMA/assets/images/responsive/home/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/responsive/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('/HMA/assets/images/responsive/home/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/responsive/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('/HMA/assets/images/responsive/home/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/responsive/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%; }
}
.off-canvas-wrap {
    height:100%;
}
.inner-wrap {
    height:100%;
}
form {
    position:relative;
}
form .row .row .columns {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem  !important;
}
.main-navigation {
    margin-bottom:0px;
}
.page-title-header .image-banner img {
    width:100%; 
}
.loader-overlay.wrapper {
    left:-10000px;
    right:-10000px;
}

.desktop-hide 
{
    display:none !important;
}