﻿/* CSS Document */

/* page css */

html,
button,
input,
select,
textarea {
  font-family:sans-serif;
  color:#222222;
}

body {
  color:#0b1f2f;
}

a {
  color:#1f5581;
}

/* header */

div.venue div.banner {
  min-height:inherit;
}

.banner {
  background-color:#1e527d;
  background-image:-moz-linear-gradient(top, #225d8d, #184264);
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#225d8d), to(#184264));
  background-image:-webkit-linear-gradient(top, #225d8d, #184264);
  background-image:-o-linear-gradient(top, #225d8d, #184264);
  background-image:linear-gradient(to bottom, #225d8d, #184264);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff225d8d', endColorstr='#ff184264', GradientType=0);
}

.wrapper.venue .forward:before, .wrapper.venue .back:before {
  color:#fff;
  content:">";
  font-family:'nml_logos__iconsregular';
  font-size:1.3rem;
  margin-right:0.25em;
}

.wrapper.venue .back:before {
  content:"<";
  margin-left:-0.5em;
  margin-top:-4px;
}

.wrapper.venue .navbar-wrapper .navbar.venue-navigation .navbar-inner ul.site-nav li {
  border-right:1px solid #00335f;
}

.site-title {
  font-size:36px;
  font-weight:normal;
  line-height:0.95em;
  padding-left:20px;
  text-rendering:optimizelegibility;
}

div.venue h1.site-title {
  padding-top:20px;
}

.wrapper.venue h1.site-title img {
  top:-50px;
}

h1.site-title strong {
  top:20px;
  position:relative;
}

h1.site-title strong a {
  background-image:url("/images/site-wide/venues/logos/maritime.png");
}

.wrapper.venue h1.site-title strong {
  font-family:'nml_logos__iconsregular';
  font-size:450%;
}

.wrapper.venue div.content-container ul li:before,
.wrapper.venue div.content-container ol li:before {
  color:#1f5581;
}

.site-sub-title {
  font-family:"Soho W01 Regular";
  font-size:1.3em;
  line-height:1.2em;
  text-rendering:optimizelegibility;
  margin-left:22%;
}

div.venue div.site-sub-title {
  margin-left:22%;
}

.wrapper.venue div.header > div.banner > div.container-fluid .site-search .btn {
  background:none repeat scroll 0 0 #0a1f2f;
  color:#fff;
}

.wrapper.venue .navbar-wrapper.venue-navigation-wrapper {
  background:none repeat scroll 0 0 #0b1f2f;
}

/* end of header */

.venue-new-carousel-container .background-mask-holder {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:390px;
  z-index:2;
  background-color:rgba(0, 0, 0, 0);
  background-image:-moz-linear-gradient(left, #06111a 0, rgba(0, 0, 0, 0) 60%);
  background-image:-webkit-gradient(linear, 0 0, 100% 0, from(#06111a), to(rgba(0, 0, 0, 0)));
  background-image:-webkit-linear-gradient(left, #06111a 0, rgba(0, 0, 0, 0) 60%);
  background-image:-o-linear-gradient(left, #06111a 0, rgba(0, 0, 0, 0) 60%);
  background-image:linear-gradient(to right, #06111a 0, rgba(0, 0, 0, 0) 60%);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff06111a 0', endColorstr='#00000000 0', GradientType=1);
}

.wrapper.venue.home .owl-theme .owl-controls .owl-page.active span,
.wrapper.venue.home .owl-theme .owl-controls.clickable .owl-page:hover span {
  background:#1f5581;
}

.owl-theme .owl-controls .owl-buttons .owl-prev,
.owl-theme .owl-controls .owl-buttons .owl-next {
    background:#0b1f2f;
}

.btn.strong a {
  background:none repeat scroll 0 0 #153a58;
}

.venue-feature.times p,
.venue-feature.alert p {
  color:#99b9d3;
}

.wrapper.venue .venue-feature.times .venue-feature-background,
.wrapper.venue .venue-feature.alert .venue-feature-background {
  background:none repeat scroll 0 0 #0b1f2f;
}

.wrapper.venue .venue-feature.directions .venue-feature-background {
  background:#1f5581;
}

.wrapper.venue .venue-feature button,
.wrapper.venue .venue-feature span.btn a {
  background:#0b1f2f;
}

.wrapper.venue .article .article-snippet .type {
  color:#2970aa;
}

.wrapper.venue div.article div.article-snippet h3 a,
.wrapper.venue div.article div.article-snippet dl {
  color:#0b1f2f;
}

.wrapper.venue div.row-fluid h2.section-title {
  color:#00001b;
}

.row-fluid .section-title a {
  background:#0a1f2f;
}

.wrapper.venue div.social div > div.panel.branded {
  background:#1f5581;
}

.panel.branded p.panel-title {
  color:#c7def2;
}

.wrapper.venue div.social div.fb div.facebook-wrapper h3 {
  color:#1f5581;
}

.wrapper.venue div.social .twitter,
.wrapper.venue div.social .twitter > div {
  background-color:#00335f;
}

.wrapper.venue div.social .twitter h3:before {
  color:#00002c;
}

.wrapper.venue div.social .twitter div.btn a {
  background-color:#0a1f2f;
}

div.footer div.title:after {
  content:"m";
  font-size:150px;
  margin-top:10px;
}

.wrapper .nav-side .venue-navigation a,
.wrapper .nav-side .venue-navigation a:hover,
.wrapper .nav-side .venue-navigation > .nav-list > li > a:hover {
  color:#153a58;
}

.wrapper .nav-side .venue-navigation li a:hover,
.wrapper .nav-side .venue-navigation > .nav-list > li.sub-nav.expanded ul > li.sub-nav.expanded > a:hover,
.wrapper .nav-side .venue-navigation > .nav-list > li.sub-nav.expanded ul > li.sub-nav.expanded > .nav-list > .current > a:hover,
.wrapper .nav-side .venue-navigation > .nav-list > li.sub-nav.expanded ul > li.sub-nav.expanded > .nav-list > li.sub-nav.expanded > a:hover {
  background:#2970aa;
  color:#fff;
}

.wrapper .nav-side .venue-navigation > .nav-list > li.sub-nav.expanded ul {
  background:#e7f2fA;
}

.wrapper .nav-side .venue-navigation > .nav-list > li.sub-nav.expanded ul > li.sub-nav.expanded > a {
  background:#e0edf7;
}

.wrapper .nav-side .venue-navigation > .nav-list > li.sub-nav.expanded ul > li.sub-nav.expanded > .nav-list,
.wrapper .nav-side .venue-navigation > .nav-list > li.sub-nav.expanded ul > li.sub-nav.expanded > .nav-list > .current > a {
  background:#dfedf8;
}

.wrapper .nav-side .venue-navigation > .nav-list > li.sub-nav.expanded ul > li.sub-nav.expanded > .nav-list > li.sub-nav.expanded > a,
.wrapper .nav-side .venue-navigation > .nav-list > li.sub-nav.expanded ul > li.sub-nav.expanded > .nav-list > li.sub-nav.expanded > .nav-list {
  background:#d8e8f5;
}

.breadcrumbs ul li.current,
.breadcrumbs ul li.current a {
  color:#1f5581;
}

div.page .content-container .page-select {
  background:#0b1f2f;
}

div.page .content-container .page-select ul li:hover {
  background:#847a26;
}

div.page .content-container .page-select ul li:hover a {
  color:white;
}

h2 {
  font-family:"Soho W01 Bold";
  font-size:26px;
}

.page-content h2,
.page-content h3,
.page-content .article-feature-image .article-id {
  color:#1f5581;
}

div.content-container h3 {
  color:#00002c;
}

.page-content blockquote {
  color:#1f5581;
}

.social-share {
  background:#1f5581;
  color:#fff;
}

.panel.branded {
  background:#1f5581;
}

div.content-container p.imageCaption,
div.content-container p.caption,
div.content-container .sessionDetails .mainImage p {
  color:#0b1f2f;
}

.content .event-data dl.event {
  background:transparent url(/images/site-wide/icons_whatson-mmm.png) 0 -3px no-repeat;
}

.event-data dd {
  color:#1f5581;
}

button {
  background:#1f5581;
}

button:hover {
  background:#0b1f2f;
}

button.strong {
  background:#153a58;
}

.btn a {
  background:#1f5581;
}

.btn a:hover {
  background:#0b1f2f;
}

.btn.strong a {
  background:#153a58;
}

input[type="submit"] {
  background:#1f5581;
}

.whats-on-filters span.whats-on-or {
  color:#0a1f2f;
}

.ui-widget.ui-datepicker {
  border:1px solid #2970aa;
  -webkit-box-shadow:inset 0 1px 1px #333333, 0 0 6px #cfc25b;
  -moz-box-shadow:inset 0 1px 1px #333333, 0 0 6px #cfc25b;
  box-shadow:inset 0 1px 1px #333333, 0 0 6px #cfc25b;
}

.ui-widget.ui-datepicker td {
  border:1px solid #2970aa;
}

.ui-widget.ui-datepicker td:hover {
  background:#1f5581;
}

.ui-widget.ui-datepicker td a:hover {
  color:#fff;
}

.page-content .thumbnail-list li h4,
.page-content .thumbnail-list li .thumb-details h4 {
  color:#0a1f2f;
}

.page-content .thumbnail-list li .thumb-details p {
  color:#1f5581;
}

@media screen and (min-width:769px) and (max-width:979px) {
  
}

@media screen and (min-width:768px) and (max-width:979px) {
  div.venue div.site-sub-title {
    margin-left:24%;
  }
}

@media screen and (max-width:768px) {
  .wrapper.venue .navbar-wrapper .navbar.venue-navigation .navbar-inner ul.site-nav li {
    border-right:0px;
  }
}

@media screen and (max-width:481px) {
  div.site-sub-title {
    background-color:#0a1f2f;
  }
  
  .banner .site-sub-title .maritime {
    padding-top:0;
  }
  
  ul.nav-mobile li a {
    color:#0a1f2f;
    font-family:"Soho W01 Medium";
  }
  
  div.breadcrumb-holder-row div.breadcrumbs {
    background-color:#0a1f2f;
  }
  
  div.breadcrumb-holder-row div.breadcrumbs li a {
    color:#fff;
  }
  
  div.breadcrumb-holder-row div.breadcrumbs li.current {
    color:#fff;
  }
  
  div.breadcrumb-holder-row div.breadcrumbs li:after {
    color:#1f5581;
  }
  
  .filter-trigger {
    background:#0a1f2f;
  }
  
  .filter-trigger.btn.cta {
    color:#fff;
  }
}