/* Font Equip */
/* Define the font-family and paths for each font weight */
@font-face {
    font-family: 'Equip';
    src: url('equip/EquipExtended-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }

@font-face {
    font-family: 'Equip';
    src: url('equip/EquipExtended-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Equip';
    src: url('equip/EquipExtended-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Equip';
    src: url('equip/EquipExtended-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Equip';
    src: url('equip/EquipExtended-Black.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }
  
  
  /* Apply the custom font to specific elements */
  body {
    font-family: 'Equip', sans-serif;
  }

/*  */
.heroSection { color:#fff; padding-top:8rem; padding-bottom:4rem; position:relative; z-index:1;opacity: 0.65 }
.heroSection h1 { line-height:1.6 }
.heroSection::after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(6,34,52,1) 0%, rgba(6,34,52,0.5973739837731968) 100%); z-index:-1;opacity: 0.65 }
.heroSection .container { max-width:940px }
.btn-focus.md-button{background-color: #eee !important;}

.northern-trust { padding:0 !important;}
.northern-trust .container{max-width: 1400px;padding: 0 3%;margin: 0 auto;}
.northern-trust *{margin: 0; box-sizing: border-box;}
.northern-trust h2{font-size: 26px;font-weight: 600; margin-bottom: 20px;}
.northern-trust h3{font-size: 20px;font-weight: 600; margin-bottom: 20px;}
.northern-trust h4{font-size: 16px;font-weight: 600; margin-bottom: 20px;}
.northern-trust .hero {background-color: #2d5e47; position: relative; display: flex; align-items: center;}
.northern-trust .hero img{width: 100%;}
.northern-trust .hero video{position: absolute; height: 100px!important; width: 100%!important; z-index: 1; object-fit: cover; top: 0; left: 0; background: transparent; display: block; transition-property: opacity; transition-delay: 0s; transition-duration: 0.3s; transition-timing-function: ease;}
.northern-trust .hero .content{position: relative; z-index: 999; color: #fff; max-width: 800px;}
.northern-trust .hero .content h1{font-weight: 300; font-size: 40px; margin-bottom: 20px;}
.northern-trust .hero .content p{font-weight: 300; font-size: 16px; margin-bottom: 20px;}
.northern-trust .hero .content a{display: inline-flex;align-items: center; padding:10px 20px; background-color: #093B2B; color: #fff;font-size: 13px;}
.northern-trust .hero .content a svg{width: 25px; fill: #fff; margin-right: 10px; margin-top: 3px;}
.northern-trust .btn-primary{display: inline-flex;align-items: center; padding:5px 20px; background-color: #1b2e58; color: #fff;font-size: 13px;}
.northern-trust .btn-primary:hover{ background-color: #093B2B;}

.section-form{max-width: 1000px; margin: 0 auto;}
.section-form h3{padding:0 15px ;}
.section-form h4{padding:0 15px ;}
.booking-footer{padding: 20px 0;border-top: 1px solid rgba(0,0,0,0.1);text-align: center;font-size: 12px; position:relative; width:100%;}

.date-picker-row { position:relative; top: 3px;height: 50px; border: 1px solid rgb(155, 155, 155) !important; padding:14px 10px 6px 10px !important;}

.md-datepicker-input{
  font-size:15px !important;
}
.date-picker-row label {
  position: absolute;
  bottom: auto !important;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  top: -10px;
  background: #fff;
  width: auto !important;
  padding: 0 10px !important;
  font-size: 12px;
}
.date-picker-row .md-datepicker-input-container { width:100%; margin-left:0; padding-bottom:0;}
.md-datepicker-input-container{border: 0;}
md-input-container {  display: block;margin-bottom: 10px; position: relative;}
md-input-container input{  border: 1px solid rgb(155, 155, 155) !important; padding:14px 10px 6px 10px !important; height: auto !important;}
md-input-container textarea{  border: 1px solid rgb(155, 155, 155) !important; padding:14px 10px 6px 10px !important; height: auto !important;}
md-input-container md-select{  border: 1px solid rgb(155, 155, 155) !important; padding:14px 10px 6px 10px !important; height: auto !important;}
md-input-container md-select ._md-select-value{border: 0 !important;bottom: 6px;}
md-input-container ._md-container { display: none; }
md-input-container label:not(._md-container-ignore){bottom: 44px;left: 10px;}
md-input-container.md-input-focused label{color: #115740 !important; transform: translate3d(0, 15px, 0) scale(0.75) !important;}

md-input-container.md-input-has-value label{transform: translate3d(0, 15px, 0) scale(0.75) !important;}
md-input-container.md-input-has-value  md-select ._md-select-value{border: 0 !important;bottom: 2px !important;}
md-select-menu md-content md-option{color: #000 !important;}
 md-select-menu md-content md-option[selected]{color: #115740 !important;}
 ._md-checkbox-enabled[selected] ._md-icon{background-color: #115740;}


.row{margin-left: 0 !important;margin-right: 0 !important;}

 /*Chips*/
 .md-chips-container{border: 1px solid rgb(155, 155, 155) !important; padding:14px 10px 6px 10px !important; height: auto !important;position: relative;}
 .md-chips-container label{ position:absolute; top:0px; left:-3px;font-weight: 500; color:rgba(0,0,0,0.54) !important; font-size:16px;font-weight: 500;transform: scale(0.75);}
 .md-chips-container md-chips-wrap{box-shadow: none !important;border: 0 !important;}

 md-chips md-chip {
  border-radius: 0 !important;  background: #115740 !important; color: #fff;
}
md-chips md-chip md-icon { color: #fff; margin-left: 5px !important;}


@media screen and (max-width:767px) {
  .northern-trust .hero .content h1{font-size: 30px; }
}

md-radio-button.md-primary:not([disabled]) ._md-on {
  background-color: #115740;
}
md-radio-button.md-primary.md-checked:not([disabled]) ._md-off {
  border-color:  #115740;
}
md-checkbox.md-checked ._md-icon{background-color: #115740;}

a{
  color: #367880;
}

md-content{background-color: transparent;}
md-nav-ink-bar { display: none; }
md-nav-bar .md-button {  font-weight: 600; font-size: 16px; text-transform: none; border-radius: 0;}
md-nav-bar .md-button:not(.md-unselected) { font-weight: 600;background-color: #115740 !important;color: #fff !important; }

.md-button.md-primary.md-fab {
  background-color:#115740 !important;
}

.md-nav-item:first-of-type{margin-left: 0;}
.login-dialog{max-width: 500px;}
md-dialog{max-width: 400px;}
md-dialog{max-width: 400px;}
.md-primary.md-button{color: #367880;}
.md-primary.md-button.md-fab{color: #fff !important;}
.md-title{font-size: 20px !important;}
md-input-container label:not(._md-container-ignore) {
  bottom: auto !important;
  top: -20px;
  background: #fff;
  width: auto !important;
  padding: 0 10px !important;
}

.orderTable table md-input-container label:not(._md-container-ignore), .eventlistTable table md-input-container label:not(._md-container-ignore) {
  background: #f5f5f5;
}


.venue_btn { display:inline-block; padding:8px 15px; box-shadow:0 1px 2px rgba(0,0,0,.5); color:#0393ef; font:500 14px/20px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; cursor:pointer;}
.venue_btn i { margin-right:5px;}
.venue { width:100%; position:relative; display:inline-block; min-height:120px; padding:15px; padding-left:120px; margin-bottom:15px; text-align:left; box-shadow:0 1px 2px rgba(0,0,0,.5);}
.venueImg { width:85px; display:inline-block; position:absolute; left:15px; top:15px;}
.venueOff { color:#00b3ff; font:500 24px 'Roboto', Arial, Helvetica, sans-serif; margin-right:5px;}
.venueOffDetails { color:#000; font:12px 'Roboto', Arial, Helvetica, sans-serif;}
.venueDes { color:#aaa; font:14px/20px 'Roboto', Arial, Helvetica, sans-serif;}
.venueDes strong { color:#000; font-weight:500; font-size:16px;}
.venueThumb { color:#00b3ff; cursor:pointer; position:relative;}
.venueThumb.voted { color:#aaa; cursor:default;}
.venueThumb i { font-size:18px; margin-top:-5px;}
.thumbAction { background:#fff; position:absolute; top:-8px; left:100%; white-space:nowrap;}
.thumbAction a { background:#eaeaea; width:32px; height:32px; line-height:32px; display:inline-block; text-align:center; margin-left:5px; border-radius:50%; transition:all 300ms ease;}
.thumbAction a.thumbDown { color:#ff2693;}
.venueLink { color:#00baff; cursor:pointer; text-decoration:none; font:500 14px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 15px;}
.venueLink.dark { color:#0393ef;}
.venueLink:hover { color:#000;}

.whatisthis { width:22px; height:22px; display:inline-block; background:#888; color:#fff; border-radius:50%; text-align:center; font-size:16px; line-height:24px; cursor:pointer;}
.whatisthis:hover { background:#00baff; color:#fff;}

.venueBoxBlock { width:100%; position:relative; display:inline-block; min-height:132px; padding:15px; padding-left:130px; margin-bottom:15px; text-align:left; box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);}
.venueBoxHeading { color:#00b3ff; font:500 24px 'Roboto', Arial, Helvetica, sans-serif;}
.venueBoxDescribe { color:rgba(0,0,0,.8); font:16px/24px 'Roboto', Arial, Helvetica, sans-serif; margin-top:5px;}
.venueBoxImg { width:100px; height:100px; display:inline-block; position:absolute; left:15px; top:15px;}
.venueSwitchBox { margin-top:10px; text-align:left;}
.venueSwitch { display:inline-block; position:relative; height:36px; padding:3px 20px; background:#eee; color:#000; font:16px/30px 'Roboto', Arial, Helvetica, sans-serif; border-radius:30px; cursor:pointer; transition:all 300ms ease;}
.venueSwitch:hover { background:#eaeaea;}
.venueSwitch span.venueSwitchIcon { width:32px; height:32px; line-height:30px; text-align:center; background:#00b3ff; color:#fff; border-radius:50%; position:absolute; top:2px; cursor:pointer;}
.venueSwitch.addvenue { padding-left:45px;}
.venueSwitch.addVenue:hover { color:#00b3ff;}
.venueSwitch.removeVenue { padding-right:45px;}
.venueSwitch.removeVenue:hover { color:#ff2693;}
.venueSwitch.removeVenue span.venueSwitchIcon { background:#ff2693; right:2px;}
.venueSwitch.addVenue span.venueSwitchIcon { left:2px;}
.venueSwitch.Details { background:#00b3ff; color:#fff; margin-left:10px;}
.venueSwitch.Details:hover { background:#0393ef;}

.venueBanner { background-color:#0b2134 !important  ;}
.venueBanner .md-toolbar-tools { max-height:fit-content;}
.venueBanner .md-toolbar-tools h2 { line-height:normal;}
.venueInfoBox { width:100%; display:inline-block; position:relative; font-family:'Roboto', Arial, Helvetica, sans-serif; line-height:normal; text-align:left;}
.venueInfoBlock { width:100%; display:inline-block; position:relative; padding-left:30px; margin-bottom:10px; line-height:24px;}
.venueInfoBlock i { position:absolute; left:0; top:1px;}
.venueInfoBox .venueVenue { color:#000; font-weight:500; font-size:18px; line-height:normal;}
.venueInfoBox .venueAddress { color:#666; font-weight:300; font-size:14px;}
.venueInfoBox .venueDate { color:#000; font-weight:500; font-size:14px; text-transform:uppercase;}
.venueInfoBox .venuePrice { color:#ff2693; font-weight:bold; font-size:24px; line-height:24px;}
.venueInfoBox .venuePriceOld { color:#aaa; font-size:24px; line-height:24px; text-decoration:line-through;}
.venueInfoBox .venueDiscount { color:#00b3ff; font-size:16px;}
.venueInfoBox .venueType { color:#333; font-weight:300; font-size:16px;}
.venueTit { color:#000; font-weight:500; font-size:18px; margin-top:10px;}
.venueDescription { color:#666; font-size:14px;}
.venueDescription p { line-height:normal; margin-top:5px; margin-bottom:10px;}

.chip-container { display:flex; flex-wrap:wrap;}
.chip { background-color:#f0f0f0; color:#333; padding:3px 10px; margin-top:5px; margin-right:5px; border-radius:3px;}

.orderTable, .eventlistTable { width:100%; display:inline-block; overflow-x:auto;}
.orderTable table, .eventlistTable table { width:100%; border-collapse:separate; border-spacing:0 1px; text-align:left;}
.orderTable table thead, .eventlistTable table thead { text-align:left;}
.orderTable table tr td, .eventlistTable table tr td { border-right:1px solid #fff; background:#f5f5f5; text-shadow:none; font:14px 'Roboto', Arial, Helvetica, sans-serif; vertical-align:middle;    padding: 12px 0;
    border: 0;
    border-bottom: 1px #e7e2e2 solid;}
.orderTable table thead th, .eventlistTable table thead th { background:#0393ef; border-right:1px solid rgba(255,255,255,.2); color:#fff; font:500 16px 'Roboto', Arial, Helvetica, sans-serif;}
.orderTable table tfoot th, .eventlistTable table tfoot th { border-right:1px solid #fff; background:#f5f5f5; text-shadow:none; font:700 14px 'Roboto', Arial, Helvetica, sans-serif; vertical-align:top;}
.orderTable table tr:nth-child(even) td, .eventlistTable table tr:nth-child(even) td { background:#f4f4f4;}

.popOverlay {
  background: rgba(0, 0, 0, .5);
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 79;
  display: flex;
  align-items: center;
  justify-content: center;
}

.venue-service {margin-bottom: 10px;}
.venue-service-header{display: flex;  justify-content: space-between; align-items: center;}
.venue-service-header .collapse-icon{display: flex;  justify-content: center; align-items: center; padding: 1px; background-color: #eee; color: #969696; cursor: pointer; border: 1px solid currentColor; font-size: 12px;}
.venue-service-header .collapse-icon .material-icons{ font-size: 16px;}
.venue-service-body{ padding: 20px; background-color: #f5f5f5; border: 1px solid #e6e6e6;}
.venue-service-body .meal-title{font-weight: bold;margin-bottom: 0px;}
.venue-service-body .meal-desc{color: #777;font-size: 14px;margin-bottom: 0;}
.venue-service-body table td:first-child{width: 40px; vertical-align: top;}
.venue-service-body table td{vertical-align: middle;}
.venue-service-body table td:last-child{text-align: right;}
.venue-service-body table td .input label{font-size: 14px; color: #999;}
.venue-service-body table td .input select{font-size: 14px; color: #999; padding: 4px 10px;}


.venue-descr {
    margin: 0 15px 40px 15px;
}

.venue-err {
    margin-top: 0.5em;
    color: rgb(221,44,0);
    font-size: 12px;
}

.field-container:not(:has(div)):not(:has(md-input-container)) {
    width: 0px !important;
    padding: 0;
}


.VenuFloorPlanImage { width:300px; height:auto; display:inline-block; text-align:center; padding-left:2rem }
.VenuFloorPlanImage span { padding:4px; border:1px solid #D8D8D8; border-radius:2px; display:block }
.VenuFloorPlanImage span img { width:100%; height:100% }
}

.imexbar2025 { display:none !important }
.helloBarActive header { top:0!important }
#accountControllerDiv { display:none }