body {
  font-family: 'Montserrat', sans-serif; }

h1, h2, h3, h4 {
  margin-bottom: 1rem; }

h1 {
  font-size: 30px;
  line-height: 30px;
  color: #246a34;
  font-weight: 800; }
  h1 .grey {
    color: #464546; }
  h1 .green {
    color: #246a34; }

h2 {
  font-size: 26px;
  line-height: 22px; }

h3 {
  font-size: 21px;
  line-height: 14px; }

.lead {
  font-weight: 100; }

a {
  color: #246a34; }

a:hover {
  color: #246a34; }

.grey {
  color: #464546; }

.green {
  color: #246a34; }

.btn {
  color: white;
  background-color: #464546;
  border-radius: 0; }

.btn:hover {
  color: white; }

.btn.green {
  background-color: #246a34; }

header .heading {
  margin-top: 1rem; }
  header .heading h4 {
    margin-bottom: 1rem; }
  header .heading .btn {
    margin-top: 1rem;
    display: none;
    background-color: #246a34; }

@media (min-width: 1200px) {
  header .heading {
    text-align: right; }
    header .heading .btn {
      padding: 1rem;
      margin-top: 0;
      margin-left: 1rem;
      display: inline-block; }
    header .heading h4 {
      display: inline-block; } }

.logo {
  width: 100%;
  max-width: 150px; }

.home .logo {
  max-width: 250px; }

@media (min-width: 768px) {
  .home .logo {
    max-width: inherit; } }

.header {
  background-color: #f0eeef; }
  .header .logo {
    width: 100%;
    max-width: 140px;
    padding: 1rem; }
  @media (min-width: 768px) {
    .header .logo {
      max-width: 340px;
      padding: 2rem; } }
  .header .imageheader {
    text-transform: uppercase;
    font-size: 2rem;
    color: #fff;
    background-image: url(../../files/images/graphics/wits18-header-image.jpg);
    background-repeat: no-repeat;
    background-size: cover; }
    .header .imageheader a {
      color: #fff; }
    .header .imageheader h4 {
      line-height: 2.4rem; }
      @media (min-width: 1024px) {
        .header .imageheader h4 span {
          display: block; } }
    .header .imageheader .row {
      display: table;
      width: 100%;
      height: 100%; }
      .header .imageheader .row .middle {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        padding-left: 2rem;
        padding-right: 2rem; }
        .header .imageheader .row .middle .btn:hover {
          background-color: #246a34; }
      @media (min-width: 768px) {
        .header .imageheader .row .middle {
          padding-left: 6rem;
          padding-right: inherit; } }
  @media (max-width: 767px) {
    .header .imageheader {
      padding: 2rem 0; } }

.inner .header .logo {
  max-width: 140px;
  padding: 1rem; }

@media (max-width: 767px) {
  .carousel {
    display: none; } }

body {
  position: relative; }

.btn.large {
  margin-top: 1rem;
  padding: 1rem; }

.nopadding, .nopadding .container-fluid {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important; }

.right {
  text-align: right; }

.center {
  text-align: center; }

img.responsive {
  width: 100%; }

.table.borderless > tbody > tr > td, .table.borderless > tbody > tr > th, .table.borderless > tfoot > tr > td, .table.borderless > tfoot > tr > th, .table.borderless > thead > tr > td, .table.borderless > thead > tr > th {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0; }

.table.spacing > tbody > tr > td, .table.spacing > tbody > tr > th, .table.spacing > tfoot > tr > td, .table.spacing > tfoot > tr > th, .table.spacing > thead > tr > td, .table.spacing > thead > tr > th {
  padding-left: 1.6em;
  padding-right: 1.6em; }

@media (max-width: 768px) {
  table td {
    display: block;
    width: 100% !important; } }

.navbar {
  background-color: #246a34;
  font-size: .875rem; }
  .navbar .navbar-toggler {
    position: relative;
    margin: 0 0 auto auto; }
  .navbar .navbar-toggler-icon {
    background-image: url(/files/images/graphics/nzphc18-nav-hamburger.svg);
    background-size: 100% 100%; }
  .navbar .navbar-brand {
    display: none; }
  .navbar .navbar-nav .nav-link {
    color: #fff;
    text-align: left; }
  @media (min-width: 992px) {
    .navbar .navbar-nav .nav-link {
      text-align: center; } }
  .navbar .navbar-nav .nav-link:hover .fa {
    color: #fff;
    background: #464546; }
  .navbar .dropdown-menu {
    background-color: #246a34; }
    .navbar .dropdown-menu .dropdown-item {
      color: #f0eeef;
      border-bottom: 1px solid #464546;
      font-size: .875rem; }
    .navbar .dropdown-menu .dropdown-item:hover {
      color: #fff;
      background-color: #246a34;
      border-bottom: 1px solid #000; }

.navbar-brand {
  display: none; }

/* ========================================================================
 * Tutorial specific styling
 *
 * @see: css/default.css file for generic CSS
 * ========================================================================
 * Copyright 2015 Bootbites.com (unless otherwise stated)
 * For license information see: http://bootbites.com/license
 * ======================================================================== */
/* ==================================================
  Sticky
  ================================================== */
.sticky.navbar {
  border-radius: 0;
  /*
  padding-top: 20px;
  padding-bottom: 20px;
*/
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.sticky .show-is-sticky,
.sticky .show-not-sticky {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden; }

.sticky .show-not-sticky {
  opacity: 1;
  visibility: visible; }

.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%; }

.sticky.is-sticky.navbar {
  background-color: #246a34; }

.sticky.is-sticky .show-is-sticky {
  opacity: 1;
  visibility: visible; }

.sticky.is-sticky .show-not-sticky {
  opacity: 0;
  visibility: hidden; }

.maincont {
  margin-top: 4rem;
  background-position-x: center;
  background-position-y: bottom;
  background-repeat: no-repeat; }
  .maincont .offset {
    margin-left: 4rem; }
    .maincont .offset img.koru {
      margin-left: -5rem;
      float: left; }

.programme .maincont .nav-tabs {
  margin-top: 2rem; }

.programme .maincont .tab-content {
  padding: 2rem;
  border-left: 1px solid #f0eeef;
  border-right: 1px solid #f0eeef;
  border-bottom: 1px solid #f0eeef; }
  .programme .maincont .tab-content h2 {
    font-size: 1.4rem;
    font-weight: 700; }
  .programme .maincont .tab-content td {
    padding: .75rem;
    border-top: 1px solid #f0eeef; }
  .programme .maincont .tab-content td:first-child {
    width: 10rem; }
  .programme .maincont .tab-content .table thead th {
    border-bottom: 1px solid #f0eeef; }

.sponsors img {
  text-align: center;
  margin: 2rem;
  float: none; }

.footer {
  background-color: #464546;
  color: #fff; }
  .footer .imagefooter {
    background-image: url(../../files/images/graphics/wits18-footer-image-02.jpg);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-size: 100%; }
  .footer img.logos {
    width: 100%;
    max-width: 340px;
    padding: 2rem; }

.panel {
  margin-top: 8rem;
  margin-bottom: 4rem; }
  .panel h2 {
    display: block;
    width: 100%;
    margin-bottom: 3rem; }
  .panel p {
    text-align: center;
    margin: 0 auto; }

.news ul {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  margin: 0;
  padding: 0; }

.news li {
  list-style: none;
  margin-bottom: 2rem;
  display: inline-block;
  text-align: left; }
  .news li h2 {
    font-size: 1.2rem;
    margin-bottom: 1rem; }
  .news li p {
    text-align: left;
    font-size: .8rem; }

@media (min-width: 768px) {
  .news ul {
    width: 33%; }
  .news li {
    margin-right: 4rem; } }

#map {
  position: relative; }
  #map ul {
    list-style: none; }
  #map li {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 80px;
    background-repeat: no-repeat; }
    #map li a:hover {
      text-decoration: none; }
    #map li h3 {
      opacity: 0;
      display: block;
      vertical-align: middle;
      width: 100%;
      height: 80px;
      margin: 0;
      padding-top: 2em;
      color: #fff;
      background-color: #be2847;
      font-size: 1.1em;
      text-align: center; }
    #map li h3:hover {
      opacity: 1;
      linear: .0s;
      -webkit-transition: all .25s linear .0s;
      transition: all .25s linear .0s; }
  #map li.boi {
    top: 8px;
    left: 416px;
    background-image: url(../images/graphics/wcgalp18_map_boi.jpg); }
  #map li.coro {
    top: 62px;
    left: 113px;
    background-image: url(../images/graphics/wcgalp18_map_coro.jpg); }
  #map li.roto {
    top: 110px;
    left: 480px;
    background-image: url(../images/graphics/wcgalp18_map_roto.jpg); }
  #map li.taupo {
    top: 168px;
    left: 138px;
    background-image: url(../images/graphics/wcgalp18_map_taupo.jpg); }
  #map li.hawke {
    top: 205px;
    left: 497px;
    background-image: url(../images/graphics/wcgalp18_map_hawk.jpg); }
  #map li.marlbo {
    top: 275px;
    left: 72px;
    background-image: url(../images/graphics/wcgalp18_map_marlbo.jpg); }
  #map li.kaik {
    top: 305px;
    left: 474px;
    background-image: url(../images/graphics/wcgalp18_map_kaik.jpg); }
  #map li.mtcook {
    top: 370px;
    left: 320px;
    background-image: url(../images/graphics/wcgalp18_map_mtcook.jpg); }
  #map li.queens {
    top: 382px;
    left: 20px;
    background-image: url(../images/graphics/wcgalp18_map_queens.jpg); }
  #map li.fiord {
    top: 465px;
    left: 285px;
    background-image: url(../images/graphics/wcgalp18_map_fiord.jpg); }

img.map {
  width: 630px; }

@media (max-width: 767px) {
  #map li, #map li.boi, #map li.coro, #map li.roto, #map li.taupo, #map li.hawke, #map li.marlbo, #map li.kaik, #map li.mtcook, #map li.queens, #map li.fiord {
    position: relative;
    top: inherit;
    left: inherit;
    display: inline-block;
    margin: .1em; }
  #map ul {
    padding: 0;
    margin-bottom: 2em; }
  img.map {
    display: none; }
  iframe.nz {
    width: 100% !important;
    height: inherit; } }

.popover.right {
  text-align: left !important; }

.popover-content {
  padding: 0 1em 2em; }

.fluidMedia {
  position: relative;
  padding-bottom: 51%;
  /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

@media (min-width: 1200px) {
  .fluidMedia {
    padding-bottom: 52.25%;
    /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */ } }

.fluidMedia iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#accordion {
  margin-top: 2rem; }
  #accordion .panel {
    margin-top: 0;
    margin-bottom: 0; }
    #accordion .panel p {
      text-align: left; }
  #accordion .panel-collapse {
    padding-bottom: 1rem; }
  #accordion h4.panel-title {
    font-size: 1.1rem;
    padding-bottom: 0rem;
    border-bottom: 0; }
    #accordion h4.panel-title a {
      display: block;
      border-bottom: 1px solid #246a34;
      padding-bottom: .5rem; }
    #accordion h4.panel-title a:hover {
      text-decoration: none;
      border-bottom: 1px solid #464546; }
    #accordion h4.panel-title a::after {
      content: " + ";
      float: right; }
    #accordion h4.panel-title a:focus {
      text-decoration: none; }
/*# sourceMappingURL=wits18-mainstyle.css.map */