/* Global */
/* VARS */
/* BREAKPOINTS */
body {
  font-family: "Open Sans", sans-serif;
  font-size: 13px; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .visuallyhidden:focus, .visuallyhidden:active {
    outline: none;
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    width: auto;
    color: white;
    z-index: 100;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 200;
    margin-left: 10px;
    margin-top: 10px;
    padding: 5px 10px;
    font-size: 0.8em;
    border-radius: 15px;
    border: 1px solid white; }

input {
  font-family: "Open Sans", sans-serif; }

input[type=submit] {
  font-family: "Open Sans", sans-serif; }

/*For text+submit*/
input[type=submit], input[type=text] {
  font-family: "Open Sans", sans-serif; }

/*For Textarea*/
textarea {
  /*For All Text Area*/
  font-family: "Open Sans", sans-serif; }

textarea.only_one_textarea {
  /*This will apply to thextarea with class .only_one_textarea. See ref 1*/
  font-family: "Open Sans", sans-serif; }

.backToTop {
  float: right;
  font-weight: 200; }

/* Common */
.typography table caption {
  font-style: italic;
  margin-bottom: 0.75em; }

.typography {
  /* Add extra marging above anchor target to accomodate for nav bar */ }
  .typography * {
    font-family: "Open Sans", sans-serif;
    font-size: 1em; }
  .typography a.backtotop {
    float: right;
    color: #999;
    border-top: 1px solid #00788a;
    padding: 2px 8px 5px 7px;
    background-color: #f6f6f6; }
    .typography a.backtotop .arrow {
      border-right: 1px solid #00788a;
      border-bottom: 1px solid #00788a;
      width: 8px;
      height: 8px;
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg); }
  .typography :target {
    padding-top: 0px; }
  .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
    margin-top: 1em;
    font-weight: 200;
    line-height: 1em;
    font-family: "Open Sans", sans-serif;
    line-height: 1.2em; }
  .typography h1::after {
    border-bottom: 1px solid #a4bb28;
    padding-top: 20px;
    content: "";
    height: 1px;
    width: 33%;
    margin-bottom: 10px;
    display: block; }
  .typography h1:first-child {
    margin-top: 0;
    font-size: 3em;
    line-height: 1em; }
  .typography h2 {
    font-size: 2.5em; }
  .typography h3 {
    font-size: 2em; }
  .typography h4 {
    font-size: 1.25em;
    line-height: 2em; }
  .typography p {
    font-size: 1.1em;
    line-height: 1.4em; }
  .typography img.maxwidth {
    max-width: 100%; }
  .typography ul li {
    font-size: 1.1em; }
  .typography .lastmodified {
    font-size: 1.1em;
    color: #999; }
    .typography .lastmodified .updated {
      display: none; }
    .typography .lastmodified .fa {
      margin-right: 5px; }
    .typography .lastmodified:hover .updated {
      display: inline; }
  .typography a {
    color: #23527c; }
    .typography a:visited {
      color: #337ab7;
      font-style: italic;
      font-weight: normal; }
  .typography table {
    border-bottom: 1px solid #ccc;
    width: 100%; }
    .typography table tr th {
      background: none;
      padding: 10px;
      border: none;
      border-top: 1px solid #ccc;
      text-align: left;
      font-weight: normal;
      font-size: 1.2em; }
    .typography table tr td {
      font-weight: 200;
      padding: 10px;
      border: none;
      border-top: 1px solid #ccc; }
      @media (max-width: 800px) {
        .typography table tr td {
          width: 100%;
          display: block;
          float: left; } }

/* Page Types */
/* Autocomplete search spinner */
.loader--search {
  display: inline-block;
  margin-top: 2px; }

.invisible {
  visibility: hidden; }

/* Add extra padding on top of anchor link targets to accomodate for fixed navigation bar */
:target {
  padding-top: 70px !important; }

#PageNumbers, .PageNumbers {
  margin: 20px 0; }
  #PageNumbers a, #PageNumbers span.active, #PageNumbers .pagination_current, #PageNumbers .pagination_more, #PageNumbers .pagination_bookend, .PageNumbers a, .PageNumbers span.active, .PageNumbers .pagination_current, .PageNumbers .pagination_more, .PageNumbers .pagination_bookend {
    color: #fff !important;
    display: inline-block;
    background: #4ca6b5;
    padding: 5px 20px;
    margin-right: 1px;
    margin-bottom: 1px;
    text-decoration: none;
    font-weight: 200;
    width: 50px;
    overflow: hidden;
    box-sizing: border-box; }
  #PageNumbers .pagination_current, #PageNumbers .pagination_more, .PageNumbers .pagination_current, .PageNumbers .pagination_more {
    background: #00788a; }
  #PageNumbers .pagination_bookend, .PageNumbers .pagination_bookend {
    padding: 0;
    height: 28px; }
  #PageNumbers a:hover, .PageNumbers a:hover {
    background: #00788a;
    text-decoration: none; }
  #PageNumbers span.active, .PageNumbers span.active {
    background: #00788a; }

.errors {
  background-color: red;
  position: relative;
  z-index: 999;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  color: white;
  border-bottom: 1px solid white; }

/* Includes */
.nav-wrapper {
  position: fixed;
  top: 0;
  z-index: 30;
  height: 45px;
  width: 100%;
  background-color: rgba(0, 120, 138, 0.9);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.megamenu-wrapper {
  width: 100%;
  margin: 0 auto;
  z-index: 2;
  position: relative;
  opacity: 0.95; }
  @media only screen and (max-width: 800px) {
    .megamenu-wrapper {
      display: none; } }

.megamenu-wrapper--fixed {
  background: #d8dc8e;
  opacity: 0.95;
  display: none;
  position: fixed;
  z-index: 3;
  width: 100%;
  left: 0;
  top: 0; }
  @media only screen and (max-width: 800px) {
    .megamenu-wrapper--fixed {
      display: none; } }
  .megamenu-wrapper--fixed .megamenu {
    top: 44px; }
  .megamenu-wrapper--fixed #megamenu .nav {
    margin-top: 0; }
  .megamenu-wrapper--fixed #megamenu .nav > li > a {
    background: transparent; }
  .megamenu-wrapper--fixed > ul {
    padding-left: 0; }
    .megamenu-wrapper--fixed > ul > li > a {
      margin-top: 0 !important;
      background: transparent !important; }

.megamenu-section {
  display: none;
  background: #00788a;
  float: left;
  position: absolute;
  padding: 15px;
  z-index: 2;
  background: rgba(0, 120, 138, 0.95);
  float: left;
  position: absolute;
  padding: 15px;
  width: 1008px;
  z-index: 1;
  left: 0;
  position: absolute;
  display: block;
  top: 59px;
  left: 0;
  opacity: 0;
  visibility: hidden; }
  .megamenu-section .megamenu-section__viewall {
    font-style: italic;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 5px;
    display: inline-block; }
  .megamenu-section li {
    background-color: transparent;
    display: block;
    float: left;
    box-shadow: 0 0 0 transparent;
    clear: both;
    width: 100%; }
    .megamenu-section li a {
      text-align: left;
      text-transform: none !important;
      text-decoration: none;
      color: white;
      font-weight: 200;
      padding: 0;
      white-space: normal;
      text-align: left;
      text-transform: none;
      color: #ffffff;
      background-color: transparent;
      line-height: 1.2em;
      height: 1.2em;
      padding: 0;
      white-space: normal; }
      .megamenu-section li a:hover {
        text-decoration: underline; }
      .megamenu-section li a.megamenu-section__levelone__link {
        font-family: "Open Sans", sans-serif;
        padding-bottom: 0;
        font-weight: bold;
        font-size: 1.2em;
        color: #ffffff;
        border-bottom: 1px solid #a4bb28;
        text-decoration: none !important;
        line-height: 1.4em; }
        .megamenu-section li a.megamenu-section__levelone__link:hover {
          text-decoration: underline; }
        .megamenu-section li a.megamenu-section__levelone__link ul {
          padding: 0 !important; }
        .megamenu-section li a.megamenu-section__levelone__link li {
          padding: 0;
          margin: 0; }
    .megamenu-section li.megamenu-section__levelone {
      opacity: 0.95 !important;
      padding-bottom: 15px;
      width: 225px;
      float: left;
      clear: none;
      margin-right: 25px; }
      .megamenu-section li.megamenu-section__levelone:nth-child(4n+1) {
        clear: left !important; }
      .megamenu-section li.megamenu-section__levelone .fa {
        float: left;
        margin-right: 5px; }
      .megamenu-section li.megamenu-section__levelone ul {
        padding: 0;
        margin-top: 15px;
        overflow: hidden;
        padding-bottom: 20px; }

/* CSS MEGAMENU */
/* Source: http://designmodo.com/demo/css3megamenu/ */
/* This override is required to reverse relative positioning introduced in Bootstrap */
#megamenu {
  margin-right: -42px;
  /* Search bar */ }
  #megamenu .nav > li {
    position: static !important;
    box-sizing: border-box;
    overflow: hidden; }
  #megamenu .link--search-bar {
    float: left;
    border-right: none !important;
    width: 160px; }
  #megamenu .nav > li > div.search-bar {
    position: relative;
    visibility: visible;
    opacity: 1;
    top: auto;
    display: inline-block;
    overflow: visible;
    float: left;
    width: 160px; }
    #megamenu .nav > li > div.search-bar #Search input {
      background: #3F99A6;
      border-radius: 0;
      font-family: "Open Sans", sans-serif;
      color: rgba(255, 255, 255, 0.5);
      font-size: 1.1em;
      width: 160px; }
      #megamenu .nav > li > div.search-bar #Search input.active {
        color: white; }
    #megamenu .nav > li > div.search-bar input[type="submit"] {
      color: rgba(255, 255, 255, 0.5);
      background-color: transparent !important; }

#megamenu {
  /* Menu Container */
  /* Menu List */
  /* Menu Links */
  /* Menu Dropdown */
  /* Menu Content Styles */ }
  @media only screen and (max-width: 800px) {
    #megamenu {
      display: none; } }
  #megamenu .nav {
    display: inline-block;
    position: relative;
    cursor: default;
    z-index: 500;
    width: 100%;
    margin-top: 15px;
    padding: 0;
    margin: 0;
    z-index: 0; }
  #megamenu .nav > li {
    display: block;
    float: right;
    width: auto; }
    #megamenu .nav > li:first-child {
      font-size: 1.2em;
      font-weight: 200;
      float: left;
      margin: 0;
      margin-left: -42px; }
  #megamenu .nav > li > a {
    color: #fff;
    /* IE */
    text-decoration: none;
    padding: 0 15px;
    line-height: 45px;
    font-family: "Open Sans", sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 200;
    float: left;
    text-shadow: 1px 1px 0 black;
    /* IE */
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); }
  #megamenu .nav > li :focus {
    background: rgba(255, 255, 255, 0.2); }
  #megamenu .nav > li:hover > a {
    background: rgba(255, 255, 255, 0.2); }
  #megamenu .nav > li:first-child > a {
    border-left: none; }
  #megamenu .nav > li > div {
    position: absolute;
    z-index: 9999;
    display: block;
    margin-left: -42px;
    width: 1062px;
    top: 45px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    box-sizing: border-box;
    background: #10454c;
    padding: 30px; }
    #megamenu .nav > li > div a {
      opacity: 0; }
  #megamenu .nav > li:hover > div, #megamenu .nav > li.hover > div {
    opacity: 1;
    visibility: visible;
    overflow: visible; }
    #megamenu .nav > li:hover > div a, #megamenu .nav > li.hover > div a {
      opacity: 1;
      -webkit-transition: opacity 0.15s ease-out;
      -moz-transition: opacity 0.15s ease-out;
      -o-transition: opacity 0.15s ease-out;
      transition: opacity 0.15s ease-out; }
  #megamenu .nav .nav-column {
    float: left;
    width: 20%;
    padding: 2.5%; }
  #megamenu .nav .nav-column h3 {
    margin: 20px 0 10px 0;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    color: #372f2b; }
  #megamenu .nav .nav-column h3.orange {
    color: #ff722b; }
  #megamenu .nav .nav-column li a {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    color: #888888; }
  #megamenu .nav .nav-column li a:hover {
    color: #666666; }

/* Layout */
/*********************************************************************
 MIXINS
 *********************************************************************/
/*********************************************************************
 STYLES
 *********************************************************************/
.header-wrapper {
  background: #00788a url("../images/bg-header.jpg") no-repeat;
  float: left;
  width: 100%; }

.header, #Header_GWRCBar {
  height: 45px; }
  .header.sceneImage1, #Header_GWRCBar.sceneImage1 {
    background: transparent url("/assets/bg-header-scene-1.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage2, #Header_GWRCBar.sceneImage2 {
    background: transparent url("/assets/bg-header-scene-2.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage3, #Header_GWRCBar.sceneImage3 {
    background: transparent url("/assets/bg-header-scene-3.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage4, #Header_GWRCBar.sceneImage4 {
    background: transparent url("/assets/bg-header-scene-4.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage5, #Header_GWRCBar.sceneImage5 {
    background: transparent url("/assets/bg-header-scene-5.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage6, #Header_GWRCBar.sceneImage6 {
    background: transparent url("/assets/bg-header-scene-6.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage7, #Header_GWRCBar.sceneImage7 {
    background: transparent url("/assets/bg-header-scene-7.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage8, #Header_GWRCBar.sceneImage8 {
    background: transparent url("/assets/bg-header-scene-8.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage9, #Header_GWRCBar.sceneImage9 {
    background: transparent url("/assets/bg-header-scene-9.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage10, #Header_GWRCBar.sceneImage10 {
    background: transparent url("/assets/bg-header-scene-10.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage11, #Header_GWRCBar.sceneImage11 {
    background: transparent url("/assets/bg-header-scene-11.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage12, #Header_GWRCBar.sceneImage12 {
    background: transparent url("/assets/bg-header-scene-12.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage13, #Header_GWRCBar.sceneImage13 {
    background: transparent url("/assets/bg-header-scene-13.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage14, #Header_GWRCBar.sceneImage14 {
    background: transparent url("/assets/bg-header-scene-14.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage15, #Header_GWRCBar.sceneImage15 {
    background: transparent url("/assets/bg-header-scene-15.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage16, #Header_GWRCBar.sceneImage16 {
    background: transparent url("/assets/bg-header-scene-16.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage17, #Header_GWRCBar.sceneImage17 {
    background: transparent url("/assets/bg-header-scene-17.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage18, #Header_GWRCBar.sceneImage18 {
    background: transparent url("/assets/bg-header-scene-18.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage19, #Header_GWRCBar.sceneImage19 {
    background: transparent url("/assets/bg-header-scene-19.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage20, #Header_GWRCBar.sceneImage20 {
    background: transparent url("/assets/bg-header-scene-20.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage21, #Header_GWRCBar.sceneImage21 {
    background: transparent url("/assets/bg-header-scene-21.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage22, #Header_GWRCBar.sceneImage22 {
    background: transparent url("/assets/bg-header-scene-22.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage23, #Header_GWRCBar.sceneImage23 {
    background: transparent url("/assets/bg-header-scene-23.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage24, #Header_GWRCBar.sceneImage24 {
    background: transparent url("/assets/bg-header-scene-24.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage25, #Header_GWRCBar.sceneImage25 {
    background: transparent url("/assets/bg-header-scene-25.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage26, #Header_GWRCBar.sceneImage26 {
    background: transparent url("/assets/bg-header-scene-26.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage27, #Header_GWRCBar.sceneImage27 {
    background: transparent url("/assets/bg-header-scene-27.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage28, #Header_GWRCBar.sceneImage28 {
    background: transparent url("/assets/bg-header-scene-28.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage29, #Header_GWRCBar.sceneImage29 {
    background: transparent url("/assets/bg-header-scene-29.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage31, #Header_GWRCBar.sceneImage31 {
    background: transparent url("/assets/bg-header-scene-31.jpg") no-repeat;
    background-size: cover; }
  .header.sceneImage31, #Header_GWRCBar.sceneImage31 {
    background: transparent url("/assets/bg-header-scene-31.jpg") no-repeat;
    background-size: cover; }

#Header_GWRCBar.header--home {
  height: 350px; }
  @media (max-width: 800px) {
    #Header_GWRCBar.header--home {
      float: left;
      height: auto;
      padding-bottom: 30px; } }
  #Header_GWRCBar.header--home .scenelocation {
    display: block; }

.header__search, #search-box {
  background: #00788a;
  padding: 0;
  margin-top: -25px;
  position: relative; }
  @media (max-width: 800px) {
    .header__search, #search-box {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      margin: 0; } }
  .header__search.hidden, #search-box.hidden {
    display: none; }
  .header__search .fa, #search-box .fa {
    min-width: 16px;
    font-size: 13px;
    display: block;
    /* Required to ensure icon overlaps with icon behind. */
    margin-left: -1px;
    /* Required to ensure icon overlaps with icon behind. */ }
  .header__search .field, #search-box .field {
    float: right; }
    @media (max-width: 800px) {
      .header__search .field, #search-box .field {
        float: none; } }
  .header__search button, #search-box button {
    float: right;
    border: none;
    color: #fff;
    /* IE */
    font-size: 1.2em;
    padding: 0 14px;
    background: #00788a;
    height: 46px;
    cursor: pointer;
    max-width: 42px; }
    .header__search button:hover, #search-box button:hover {
      color: #fff;
      /* IE */
      background: #00788a; }
  .header__search #SearchForm_SearchForm, #search-box #SearchForm_SearchForm {
    padding: 0;
    margin-right: -42px; }
    @media (max-width: 800px) {
      .header__search #SearchForm_SearchForm, #search-box #SearchForm_SearchForm {
        position: absolute;
        top: 45px;
        right: 0;
        margin: 0;
        z-index: 9999; } }
    .header__search #SearchForm_SearchForm fieldset, #search-box #SearchForm_SearchForm fieldset {
      padding: 0;
      margin: 0; }
  .header__search #SearchForm_SearchForm .middleColumn input.text, #search-box #SearchForm_SearchForm .middleColumn input.text {
    color: #fff;
    /* IE */
    font-family: "Open Sans", sans-serif !important;
    font-size: 1em;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    font-weight: 100;
    width: 510px;
    border-top-left-radius: 10px;
    border-radius: 0; }
    @media (max-width: 800px) {
      .header__search #SearchForm_SearchForm .middleColumn input.text, #search-box #SearchForm_SearchForm .middleColumn input.text {
        width: 80%; } }
    .header__search #SearchForm_SearchForm .middleColumn input.text:focus, #search-box #SearchForm_SearchForm .middleColumn input.text:focus {
      color: #fff;
      /* IE */
      font-style: normal;
      outline-color: none !important;
      outline-width: 0; }
  .header__search .middleColumn, #search-box .middleColumn {
    background: transparent;
    width: auto;
    padding: 0;
    margin: 0; }
    @media (max-width: 800px) {
      .header__search .middleColumn, #search-box .middleColumn {
        width: 80%; } }
    .header__search .middleColumn input[type="text"], #search-box .middleColumn input[type="text"] {
      color: #fff;
      /* IE */
      background: #00788a;
      /* IE */
      background: #00788a;
      padding: 15px;
      font-family: "Open Sans", sans-serif; }
      .header__search .middleColumn input[type="text"]:focus, #search-box .middleColumn input[type="text"]:focus {
        background: #00788a; }

#Navigation, .header__nav {
  float: right;
  height: auto;
  float: right;
  width: 100%; }
  #Navigation ul li .item, .header__nav ul li .item {
    padding: 0.75em 1em;
    font-family: "Open Sans", sans-serif;
    font-size: 1.2em;
    font-weight: 200;
    -webkit-transition: background-color 250ms ease-out;
    -moz-transition: background-color 250ms ease-out;
    -o-transition: background-color 250ms ease-out;
    transition: background-color 250ms ease-out; }
    #Navigation ul li .item.current, #Navigation ul li .item.section, #Navigation ul li .item:hover, .header__nav ul li .item.current, .header__nav ul li .item.section, .header__nav ul li .item:hover {
      opacity: 1;
      background: #4ca6b5; }
  #Navigation ul li.current .item, .header__nav ul li.current .item {
    background: #4ca6b5;
    /* IE */
    background: rgba(76, 166, 181, 0.25); }
    #Navigation ul li.current .item span, .header__nav ul li.current .item span {
      padding: 0 1em; }

/* Hide search button when mobile menu is opened */
html.mm-opened .searchbutton {
  display: none; }

.searchbutton, .searchbutton-mobile {
  color: white;
  font-size: 1em;
  width: 42px;
  height: 45px;
  box-sizing: border-box;
  text-align: center; }
  .searchbutton .fa, .searchbutton-mobile .fa {
    line-height: 45px; }
  .searchbutton .fa-search, .searchbutton-mobile .fa-search {
    display: block; }
  .searchbutton .fa-times, .searchbutton-mobile .fa-times {
    display: none; }
  .searchbutton:hover, .searchbutton-mobile:hover {
    background-color: rgba(255, 255, 255, 0.25); }
  .searchbutton.on, .searchbutton-mobile.on {
    background-color: rgba(255, 255, 255, 0.25);
    position: absolute;
    right: -42px;
    /* Shift button slightly to the right to ensure its visible. */ }
    .searchbutton.on .fa-search, .searchbutton-mobile.on .fa-search {
      display: none; }
    .searchbutton.on .fa-times, .searchbutton-mobile.on .fa-times {
      display: block; }

.searchbutton-mobile {
  display: none; }
  @media (max-width: 800px) {
    .searchbutton-mobile {
      display: block;
      position: fixed;
      right: 0;
      top: 0;
      z-index: 999; }
      .searchbutton-mobile.on {
        right: 0; }
        .searchbutton-mobile.on .fa-search {
          display: none; }
        .searchbutton-mobile.on .fa-times {
          display: block; } }

/* ----------------------------
 * Autocomplete Styles
 * ----------------------------- */
div.gcomplete-default-box {
  border: none;
  background: #003c45 url("../images/bg-megamenu.png");
  cursor: default;
  width: 225px;
  margin-top: 4px;
  font-size: 0.9em; }

/* Webkit hack. */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  div.gcomplete-default-box {
    margin-left: 12px;
    margin-top: 59px; } }
/**
 * List default Style
 */
div.gcomplete-default-box dl {
  display: table;
  margin: 0;
  padding: 0;
  cursor: default;
  border-spacing: 0; }

div.gcomplete-default-box dl dt {
  display: table-cell;
  margin: 0;
  padding: 10px 15px;
  line-height: 1.3em;
  border-bottom: 1px solid rgba(76, 166, 181, 0.25);
  color: #fff;
  font-size: 1.2em;
  font-family: "Open Sans", sans-serif;
  font-weight: 200;
  cursor: pointer; }
  div.gcomplete-default-box dl dt:hover {
    background: rgba(255, 255, 255, 0.1); }

/**
 * List rollover Style
 */
div.gcomplete-default-box dl.over {
  background-color: #E2EDF4; }

div.gcomplete-default-box dl.over dt {
  color: #333333; }

div.gcomplete-default-box dl.over dd {
  color: #333333; }

ul.ui-autocomplete .ui-menu-item {
  background: #10454c !important;
  padding: 5px 14px 5px 50px;
  font-family: "Open Sans", sans-serif;
  font-size: 14.34px;
  font-weight: 200;
  border: none !important;
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
  width: 582px;
  box-sizing: border-box; }
  @media (max-width: 800px) {
    ul.ui-autocomplete .ui-menu-item {
      width: 100%; } }
  ul.ui-autocomplete .ui-menu-item em {
    text-decoration: underline;
    font-style: normal; }
  ul.ui-autocomplete .ui-menu-item.ui-state-focus {
    margin: 0; }
  ul.ui-autocomplete .ui-menu-item .pagetype {
    color: #a4bb28;
    background: rgba(255, 255, 255, 0.05);
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 30px;
    min-height: 43px;
    height: 100%;
    font-size: 1.5em;
    line-height: 2em; }
    ul.ui-autocomplete .ui-menu-item .pagetype .label {
      display: block; }
  ul.ui-autocomplete .ui-menu-item a {
    display: block;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    padding-right: 40px; }
  ul.ui-autocomplete .ui-menu-item .breadcrumbs {
    color: #a4bb28;
    display: block;
    width: 100%;
    font-size: 0.7em;
    text-transform: uppercase;
    font-weight: normal; }
  ul.ui-autocomplete .ui-menu-item:hover {
    background-color: #003c45 !important; }
    ul.ui-autocomplete .ui-menu-item:hover .label {
      margin-right: 5px; }

.header--home .toptasks {
  display: block;
  float: left; }

.toptasks {
  display: none;
  margin-top: 175px; }
  @media (min-width: 800px) {
    .toptasks {
      width: 100%; } }
  @media (max-width: 800px) {
    .toptasks {
      margin-left: 30px;
      margin-top: 80px; } }
  .toptasks .title {
    font-size: 1em;
    font-weight: 200;
    color: white;
    background: #00788a;
    padding: 5px 10px;
    display: inline-block;
    float: left; }
    .toptasks .title .fa {
      margin-right: 5px; }
  .toptasks ul {
    clear: both;
    list-style: none; }
  .toptasks li a {
    background: #00788a;
    background: rgba(0, 0, 0, 0.5);
    margin: 0;
    padding: 10px;
    margin: 1px 1px 0 0;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 1.1em !important;
    font-weight: 200;
    cursor: pointer;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 1px 1px 0 black;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); }
    .toptasks li a .fa {
      font-size: 0.8em;
      margin-right: 0.75em; }
    .toptasks li a:hover {
      text-decoration: none !important;
      background: #000;
      -webkit-transition: background-color 150ms ease-out;
      -moz-transition: background-color 150ms ease-out;
      -o-transition: background-color 150ms ease-out;
      transition: background-color 150ms ease-out; }

.green_2,
.green_3,
.green_4,
.green_5,
.green_6,
.green_7,
.green_8,
.green_9,
.green_10,
.green_11,
.green_12,
.blue_2,
.blue_3,
.blue_4,
.blue_5,
.blue_6,
.blue_7,
.blue_8,
.blue_9,
.blue_10,
.blue_11,
.blue_12,
.grey_2,
.grey_3,
.grey_4,
.grey_5,
.grey_6,
.grey_7,
.grey_8,
.grey_9,
.grey_10,
.grey_11,
.grey_12 {
  background: none !important;
  background-color: #4ca6b5 !important; }

.grid_container {
  /* Remove margin from nested columns */ }
  @media (max-width: 800px) {
    .grid_container {
      width: 100% !important; } }
  @media (max-width: 800px) {
    .grid_container .grid_1, .grid_container .grid_2, .grid_container .grid_3, .grid_container .grid_4, .grid_container .grid_5, .grid_container .grid_6, .grid_container .grid_7, .grid_container .grid_8, .grid_container .grid_9, .grid_container .grid_10, .grid_container .grid_11, .grid_container .grid_12 {
      width: 86% !important;
      margin: 0 7% !important; } }
  .grid_container .grid_1.nomargin, .grid_container .grid_2.nomargin, .grid_container .grid_3.nomargin, .grid_container .grid_4.nomargin, .grid_container .grid_5.nomargin, .grid_container .grid_6.nomargin, .grid_container .grid_7.nomargin, .grid_container .grid_8.nomargin, .grid_container .grid_9.nomargin, .grid_container .grid_10.nomargin, .grid_container .grid_11.nomargin, .grid_container .grid_12.nomargin {
    margin: 0; }
  .grid_container .grid_1.rightmargin, .grid_container .grid_2.rightmargin, .grid_container .grid_3.rightmargin, .grid_container .grid_4.rightmargin, .grid_container .grid_5.rightmargin, .grid_container .grid_6.rightmargin, .grid_container .grid_7.rightmargin, .grid_container .grid_8.rightmargin, .grid_container .grid_9.rightmargin, .grid_container .grid_10.rightmargin, .grid_container .grid_11.rightmargin, .grid_container .grid_12.rightmargin {
    margin: 0 30px 0 0; }
  @media (max-width: 800px) {
    .grid_container.mob-fluid .grid_1, .grid_container.mob-fluid .grid_2, .grid_container.mob-fluid .grid_3, .grid_container.mob-fluid .grid_4, .grid_container.mob-fluid .grid_5, .grid_container.mob-fluid .grid_6, .grid_container.mob-fluid .grid_7, .grid_container.mob-fluid .grid_8, .grid_container.mob-fluid .grid_9, .grid_container.mob-fluid .grid_10, .grid_container.mob-fluid .grid_11, .grid_container.mob-fluid .grid_12 {
      margin: 0 !important; } }

/* Mobile Grid */
@media (max-width: 800px) {
  .grid_container .m_grid_1 {
    width: 8.33% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_2 {
    width: 16.66% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_3 {
    width: 25% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_4 {
    width: 33.33% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_5 {
    width: 41.66% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_6 {
    width: 39.5% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_7 {
    width: 58.33% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_8 {
    width: 66.66% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_9 {
    width: 75% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_10 {
    width: 83.33% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_11 {
    width: 91.66% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_12 {
    width: 100% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 320px) {
  .grid_container .grid_1, .grid_container .grid_2, .grid_container .grid_3, .grid_container .grid_4, .grid_container .grid_5, .grid_container .grid_6, .grid_container .grid_7, .grid_container .grid_8, .grid_container .grid_9, .grid_container .grid_10, .grid_container .grid_11, .grid_container .grid_12 {
    width: 86% !important;
    margin: 0 7% !important; } }
@media (max-width: 800px) {
  .grid_container .grid_1.mob-fluid, .grid_container .grid_2.mob-fluid, .grid_container .grid_3.mob-fluid, .grid_container .grid_4.mob-fluid, .grid_container .grid_5.mob-fluid, .grid_container .grid_6.mob-fluid, .grid_container .grid_7.mob-fluid, .grid_container .grid_8.mob-fluid, .grid_container .grid_9.mob-fluid, .grid_container .grid_10.mob-fluid, .grid_container .grid_11.mob-fluid, .grid_container .grid_12.mob-fluid {
    width: 100% !important; } }

.green_2,
.green_3,
.green_4,
.green_5,
.green_6,
.green_7,
.green_8,
.green_9,
.green_10,
.green_11,
.green_12,
.blue_2,
.blue_3,
.blue_4,
.blue_5,
.blue_6,
.blue_7,
.blue_8,
.blue_9,
.blue_10,
.blue_11,
.blue_12,
.grey_2,
.grey_3,
.grey_4,
.grey_5,
.grey_6,
.grey_7,
.grey_8,
.grey_9,
.grey_10,
.grey_11,
.grey_12 {
  background: none !important;
  background-color: #4ca6b5 !important; }

.grid_container {
  /* Remove margin from nested columns */ }
  @media (max-width: 800px) {
    .grid_container {
      width: 100% !important; } }
  @media (max-width: 800px) {
    .grid_container .grid_1, .grid_container .grid_2, .grid_container .grid_3, .grid_container .grid_4, .grid_container .grid_5, .grid_container .grid_6, .grid_container .grid_7, .grid_container .grid_8, .grid_container .grid_9, .grid_container .grid_10, .grid_container .grid_11, .grid_container .grid_12 {
      width: 86% !important;
      margin: 0 7% !important; } }
  .grid_container .grid_1.nomargin, .grid_container .grid_2.nomargin, .grid_container .grid_3.nomargin, .grid_container .grid_4.nomargin, .grid_container .grid_5.nomargin, .grid_container .grid_6.nomargin, .grid_container .grid_7.nomargin, .grid_container .grid_8.nomargin, .grid_container .grid_9.nomargin, .grid_container .grid_10.nomargin, .grid_container .grid_11.nomargin, .grid_container .grid_12.nomargin {
    margin: 0; }
  .grid_container .grid_1.rightmargin, .grid_container .grid_2.rightmargin, .grid_container .grid_3.rightmargin, .grid_container .grid_4.rightmargin, .grid_container .grid_5.rightmargin, .grid_container .grid_6.rightmargin, .grid_container .grid_7.rightmargin, .grid_container .grid_8.rightmargin, .grid_container .grid_9.rightmargin, .grid_container .grid_10.rightmargin, .grid_container .grid_11.rightmargin, .grid_container .grid_12.rightmargin {
    margin: 0 30px 0 0; }
  @media (max-width: 800px) {
    .grid_container.mob-fluid .grid_1, .grid_container.mob-fluid .grid_2, .grid_container.mob-fluid .grid_3, .grid_container.mob-fluid .grid_4, .grid_container.mob-fluid .grid_5, .grid_container.mob-fluid .grid_6, .grid_container.mob-fluid .grid_7, .grid_container.mob-fluid .grid_8, .grid_container.mob-fluid .grid_9, .grid_container.mob-fluid .grid_10, .grid_container.mob-fluid .grid_11, .grid_container.mob-fluid .grid_12 {
      margin: 0 !important; } }

/* Mobile Grid */
@media (max-width: 800px) {
  .grid_container .m_grid_1 {
    width: 8.33% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_2 {
    width: 16.66% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_3 {
    width: 25% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_4 {
    width: 33.33% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_5 {
    width: 41.66% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_6 {
    width: 39.5% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_7 {
    width: 58.33% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_8 {
    width: 66.66% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_9 {
    width: 75% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_10 {
    width: 83.33% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_11 {
    width: 91.66% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 800px) {
  .grid_container .m_grid_12 {
    width: 100% !important;
    margin: 0 0 0 7% !important; } }

@media (max-width: 320px) {
  .grid_container .grid_1, .grid_container .grid_2, .grid_container .grid_3, .grid_container .grid_4, .grid_container .grid_5, .grid_container .grid_6, .grid_container .grid_7, .grid_container .grid_8, .grid_container .grid_9, .grid_container .grid_10, .grid_container .grid_11, .grid_container .grid_12 {
    width: 86% !important;
    margin: 0 7% !important; } }
@media (max-width: 800px) {
  .grid_container .grid_1.mob-fluid, .grid_container .grid_2.mob-fluid, .grid_container .grid_3.mob-fluid, .grid_container .grid_4.mob-fluid, .grid_container .grid_5.mob-fluid, .grid_container .grid_6.mob-fluid, .grid_container .grid_7.mob-fluid, .grid_container .grid_8.mob-fluid, .grid_container .grid_9.mob-fluid, .grid_container .grid_10.mob-fluid, .grid_container .grid_11.mob-fluid, .grid_container .grid_12.mob-fluid {
    width: 100% !important; } }

.footer {
  background: #10454c url("../images/bg-footer.jpg") no-repeat;
  background-size: cover;
  float: left; }

.footer__tile ul {
  list-style: none;
  margin-bottom: 20px; }
  .footer__tile ul li a {
    text-decoration: none;
    font-weight: 200;
    font-family: "Open Sans", sans-serif;
    color: #ffffff; }
  .footer__tile ul li a:hover {
    text-decoration: underline; }
  .footer__tile ul li.azservices__letter a {
    text-decoration: none; }
  .footer__tile ul li .fa {
    color: white;
    margin-left: 5px;
    font-size: 0.7em; }

.footer__tile__name {
  color: #ffffff;
  font-weight: 200;
  color: #ffffff;
  font-weight: 200;
  font-size: 1.3em;
  margin-bottom: 1em;
  line-height: 1em;
  opacity: 1; }
  .footer__tile__name a {
    text-decoration: none;
    color: #ffffff; }
    .footer__tile__name a:hover {
      border-bottom: 1px solid #ffffff; }
  .footer__tile__name .fa {
    margin-left: 10px;
    font-size: 0.8em; }

#Footer {
  clear: both;
  width: 100%;
  margin: 0 auto; }

.footer, #Copyright {
  clear: both;
  width: 100%;
  min-height: 30px;
  margin: 0 auto;
  font-size: 1.1em; }

.footer {
  padding: 40px 0; }
  @media (max-width: 800px) {
    .footer {
      padding-bottom: 0;
      overflow: hidden; } }
  .footer div p {
    margin-bottom: 0; }
    .footer div p a {
      text-decoration: none;
      font-weight: 200;
      font-family: "Open Sans", sans-serif;
      color: #ffffff;
      opacity: 0.75; }
    .footer div p a:hover {
      text-decoration: underline; }
  .footer div p.lead, .footer div p.lead a {
    color: #ffffff;
    font-weight: 200;
    color: #ffffff;
    font-weight: 200;
    font-size: 1.1em;
    margin-bottom: 10px;
    line-height: 1em;
    opacity: 1; }

#Copyright p {
  text-align: right;
  font-size: 0.9em;
  padding: 9px 0 0 0; }

#Copyright a {
  text-decoration: none; }

#Copyright a:hover {
  text-decoration: underline; }

#Copyright img#newZealandGovt {
  margin-top: 1px; }

#googlePlusOne {
  margin-bottom: 25px; }

.gwrc-logo {
  display: block;
  float: left;
  position: relative;
  z-index: 999;
  z-index: 0; }
  @media (max-width: 800px) {
    .gwrc-logo {
      margin-top: 0;
      width: 100%;
      text-align: center; } }
  .gwrc-logo img {
    width: 170px; }

.nzgovt-logo {
  margin: 15px 0;
  width: 170px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  padding-top: 20px;
  float: left; }
  @media (max-width: 800px) {
    .nzgovt-logo {
      width: 100%;
      border-bottom: 1px solid rgba(255, 255, 255, 0.25);
      margin-bottom: 20px;
      padding-bottom: 20px;
      text-align: center; } }
  .nzgovt-logo img {
    width: 170px; }

.grid_9.sitedetails {
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  margin-left: -30px !important;
  padding-left: 20px; }
  @media (max-width: 800px) {
    .grid_9.sitedetails {
      padding: 0;
      border: 0;
      margin: 0 !important; } }

.typography {
  /*
  	.shaded	{
  		background-color: #f3f3ff;
  	}
  	.plain	{
  		border: 0;
  		padding: 0;
  	}
  	.unpadded	{
  		padding: 0;
  	}
  */ }
  .typography .sidebarHeader {
    padding: 10px 15px;
    color: white;
    font-size: 13px;
    padding: 0.5em 0;
    font-size: 1.5em;
    color: #00788a;
    background: none !important;
    border-bottom: 1px solid #a4bb28; }
    .typography .sidebarHeader a, .typography .sidebarHeader a:visited, .typography .sidebarHeader a:active {
      color: #00788a; }
  .typography .sidebarBlock {
    float: left;
    padding: 15px;
    background-color: #f6f6f6;
    margin-bottom: 15px;
    box-sizing: border-box;
    width: 100%; }
    .typography .sidebarBlock p {
      font-size: 1em; }
    .typography .sidebarBlock #navMenu li {
      margin: 7px 0 7px 15px; }
      .typography .sidebarBlock #navMenu li.current span, .typography .sidebarBlock #navMenu li a {
        font-size: 13px; }
    .typography .sidebarBlock #navMenu li.current > span {
      font-weight: normal;
      font-size: 13px; }
    .typography .sidebarBlock #navMenu ul li a.section {
      font-weight: normal; }
  .typography .sidebarHeader a {
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid transparent; }
    .typography .sidebarHeader a:hover {
      border-bottom: 1px solid #00788a; }
  .typography .sidebarBlock--aboutregion {
    padding: 0; }
    .typography .sidebarBlock--aboutregion img {
      width: 100%; }
      @media (max-width: 800px) {
        .typography .sidebarBlock--aboutregion img {
          width: auto; } }

/* MENU2 */
#navMenu ul {
  list-style: none;
  margin: 0; }

#navMenu ul#Menu2 {
  margin-left: -10px; }

#navMenu li {
  line-height: 1.4em;
  margin: 3px 0 3px 10px;
  margin: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 5px;
  margin-top: 5px;
  display: block;
  font-size: 13px;
  font-weight: 200; }

#navMenu ul li {
  display: block; }

#navMenu ul li a.section {
  font-weight: normal; }

#Content:focus {
  outline: none; }

#Layout {
  padding-bottom: 20px; }
  @media (max-width: 800px) {
    #Layout {
      width: 100%; } }

@media (max-width: 800px) {
  #BgContainer {
    width: 100%;
    overflow: hidden; } }

@media (max-width: 800px) {
  #Container {
    width: 100%; } }

#page_breadcrumbs {
  font-family: "Open Sans", sans-serif;
  font-weight: 200;
  clear: both;
  width: 1062px;
  margin: 0 auto;
  float: left;
  background: #f6f6f6;
  line-height: 25px;
  font-size: 1.1em;
  padding: 12px 0;
  color: #00788a; }
  @media (max-width: 800px) {
    #page_breadcrumbs {
      display: none; } }
  #page_breadcrumbs p {
    line-height: 20px;
    padding: 0;
    margin: 0;
    font-size: 0.9em; }
  #page_breadcrumbs a {
    display: inline-block;
    padding: 0;
    color: #00788a;
    text-decoration: none;
    font-size: 0.9em; }
    #page_breadcrumbs a:hover {
      text-decoration: underline; }

.typography hr.title {
  border: none;
  border-bottom: 1px solid #a4bb28;
  width: 33%;
  margin: 1.5em 0;
  float: left;
  clear: both;
  margin-right: 67%; }

#PageFeedbackForm {
  display: none;
  clear: both;
  margin-top: 10px; }
  @media (max-width: 800px) {
    #PageFeedbackForm .field {
      width: 100%; }
    #PageFeedbackForm .middleColumn {
      width: 100%; }
    #PageFeedbackForm input.text, #PageFeedbackForm textarea, #PageFeedbackForm select {
      width: 100%;
      box-sizing: border-box; } }

#activateFeedbackFormLink {
  /* color: #337ab7; */
  /* padding: 0 6px; */
  /* margin-bottom: 7px; */
  padding: 3px 8px 3px 8px;
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 0.9em; }
  #activateFeedbackFormLink .fa {
    margin-right: 5px; }
  @media (max-width: 800px) {
    #activateFeedbackFormLink {
      width: 100%;
      margin-top: 15px; } }

@media (max-width: 800px) {
  .subnav {
    display: none; } }

.azservices {
  width: 45%;
  margin-bottom: 20px; }
  @media (max-width: 800px) {
    .azservices {
      width: 100%; } }
  .azservices li:nth-child(12) {
    clear: right; }

.azservices__letter {
  background: rgba(255, 255, 255, 0.1);
  font-family: 'Open Sans';
  font-weight: 200;
  display: inline-block;
  margin-right: 1px;
  margin-bottom: 1px; }
  .azservices__letter a {
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    padding: 6px;
    -webkit-transition: background-color 250ms ease-out;
    -moz-transition: background-color 250ms ease-out;
    -o-transition: background-color 250ms ease-out;
    transition: background-color 250ms ease-out;
    width: 20px;
    text-align: center; }
    .azservices__letter a:hover {
      background: #003c45;
      text-decoration: none; }

.socialmedia {
  overflow: hidden;
  width: 100%;
  list-style: none; }
  .socialmedia li {
    color: #fff;
    float: right; }
    @media (max-width: 800px) {
      .socialmedia li {
        float: left; } }
    .socialmedia li a {
      padding: 10px 15px 7px 15px;
      text-decoration: none;
      display: block;
      text-align: center;
      color: #ffffff;
      font-size: 1.2em;
      font-weight: 200; }
      .socialmedia li a .id {
        display: none;
        vertical-align: top;
        padding-left: 3px;
        letter-spacing: 0.5px;
        font-size: 0.9em; }
      .socialmedia li a .fa {
        font-size: 1.5em; }
      @media (min-width: 800px) {
        .socialmedia li a:hover .id {
          display: inline-block; } }

.socialmedia__facebook {
  background: #3b5998; }

.socialmedia__flickr {
  background: #ff0084; }

.socialmedia__googleplus {
  background: #d73d32; }

.socialmedia__instagram {
  background: #517fa4; }

.socialmedia__twitter {
  background: #2290bf; }

.socialmedia__youtube {
  background: #cc181e; }

.slider .slide .caption-box .text-block {
  font-family: "Open Sans", sans-serif;
  color: white !important;
  font-weight: 200; }
.slider .slide.active .caption-box .text-block .title {
  color: #ffffff;
  font-size: 1.5em;
  font-weight: 200;
  line-height: 1.2em; }

/* Home Page Styles */
#featuredReleases .sidebarBlock, #homeWhatsOn .sidebarBlock {
  min-height: 100px; }

/*Carousel*/
#slider {
  display: block;
  width: 726px;
  margin-bottom: 20px;
  max-height: 245px;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

#slider #control {
  position: absolute;
  background: white;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  opacity: 0.6;
  top: 15px;
  left: 20px;
  z-index: 10;
  line-height: 30px;
  text-align: center;
  width: 50px; }

.ie #slider #control {
  width: auto; }

.ie #slider #control a i {
  display: none; }

#slider #control a {
  color: black;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7; }

#slider #control a span {
  display: none; }

.ie #slider #control a span {
  display: block;
  padding: 0px 10px; }

#slider #control #play {
  display: none; }

#slider .slide {
  float: left;
  position: relative;
  overflow: hidden; }

#slider .slide .image {
  width: 520px;
  float: left; }

/* active */
#slider .slide.active {
  width: 630px; }

#slider .slide.active .caption-box {
  height: 245px;
  width: 176px;
  float: left;
  z-index: 3;
  position: relative; }

#slider .slide.active .caption-box .text-block {
  position: relative;
  padding: 20px;
  z-index: 3;
  display: block; }

#slider .slide.active .image {
  width: 454px;
  float: left; }

/* not active  */
#slider .slide.inactive:hover {
  cursor: pointer; }

#slider .slide .caption-box {
  height: 245px;
  width: 32px;
  float: left;
  overflow: hidden;
  position: relative; }

#slider .slide.inactive .caption-box .text-block {
  padding: 6px 10px;
  width: 225px;
  height: 21px;
  overflow: hidden;
  position: absolute;
  top: 107px;
  left: -107px;
  z-index: 3;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

.ie #slider .slide.inactive .caption-box .text-block {
  top: 0px;
  left: 0px; }

.ie #slider .slide.inactive .caption-box .text-block h3 {
  top: 0px;
  left: 0px;
  letter-spacing: 1.1px; }

.ie .triangle {
  display: none !important; }

#slider .slide.inactive .caption-box .text-block h3 {
  font-size: 1em;
  line-height: 22px;
  display: inline-block;
  height: 21px;
  overflow: hidden;
  font-weight: normal; }

#slider .slide.inactive .caption-box .text-block p {
  display: none; }

#slider .slide .caption-box .text-block h3, #slider .slide .caption-box .text-block p {
  color: white;
  margin-bottom: 4px;
  font-weight: 200; }

#slider .slide .caption-box .text-block p a {
  display: block;
  color: white;
  border-top: 1px dotted rgba(255, 255, 255, 0.5);
  margin-top: 10px;
  padding-top: 5px; }

#slider .slide .image {
  width: 0px;
  float: left; }

#slider .slide .caption-box .triangle {
  display: none; }

#slider .slide .caption-box .background {
  height: 400px;
  width: 400px;
  top: -100px;
  left: -85px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute; }

#slider .slide.active .triangle {
  height: 50px;
  width: 50px;
  z-index: 1;
  position: absolute;
  top: 97.5px;
  right: 146px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  cursor: pointer;
  zoom: 1;
  display: block; }

/* orange */
#slider .slide.Orange .caption-box .background {
  background: #d35400; }

#slider .slide.active.Orange .triangle {
  background: #d35400; }

/* blue */
#slider .slide.Blue .caption-box .background {
  background: #2980b9; }

#slider .slide.active.Blue .triangle {
  background: #2980b9; }

/* red */
#slider .slide.Red .caption-box .background {
  background: #c0392b; }

#slider .slide.active.Red .triangle {
  background: #c0392b; }

/* green */
#slider .slide.Green .caption-box .background {
  background: #27ae60; }

#slider .slide.active.Green .triangle {
  background: #27ae60; }

.sharemedia {
  background: #f6f6f6;
  padding: 15px;
  border-top: 1px solid #a4bb28;
  margin-top: 15px;
  float: left;
  width: 100%;
  box-sizing: border-box; }
  .sharemedia .fb-like.fb_iframe_widget {
    margin-right: 15px;
    float: right; }
  .sharemedia .twitter-share-button {
    float: right; }

/* Home Page Scene
----------------------------------------- */
#HomePageScene {
  width: 75%;
  margin: 0 auto;
  margin-top: 4px;
  float: right; }

#HomePageScene p {
  color: #ffffff;
  font-size: 0.9em; }

#HomePageScene ul {
  list-style: none;
  margin-left: 0px; }

#HomePageScene ul li a {
  color: #ffffff;
  text-decoration: none; }

#HomePageScene ul li a:hover {
  text-decoration: underline; }

.typography .sidebarBlock--homefeature {
  background: none;
  padding: 0; }
  .typography .sidebarBlock--homefeature img {
    display: block;
    max-width: 100%;
    /* stretch images for 320 display */ }
    @media (max-width: 800px) {
      .typography .sidebarBlock--homefeature img {
        width: 100%; } }
  .typography .sidebarBlock--homefeature a:hover img {
    opacity: 0.95; }
  .typography .sidebarBlock--homefeature a .fa {
    font-size: 0.8em; }
  .typography .sidebarBlock--homefeature ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .typography .sidebarBlock--homefeature ul li {
      padding: 0;
      margin: 0;
      list-style: none; }
.typography .sidebarBlock--getinvolved {
  min-height: 300px; }
.typography .sidebarBlock--getinvolved, .typography .sidebarBlock--mediareleases {
  box-sizing: border-box;
  min-height: 168px; }
  .typography .sidebarBlock--getinvolved ul, .typography .sidebarBlock--mediareleases ul {
    margin: 0; }
    .typography .sidebarBlock--getinvolved ul li, .typography .sidebarBlock--mediareleases ul li {
      list-style: none;
      display: block;
      margin: 0 0 1px 0;
      line-height: 1.3em; }
      .typography .sidebarBlock--getinvolved ul li a, .typography .sidebarBlock--getinvolved ul li a:visited, .typography .sidebarBlock--mediareleases ul li a, .typography .sidebarBlock--mediareleases ul li a:visited {
        display: inline-block;
        background: #4ca6b5;
        padding: 5px 10px;
        color: #fff;
        font-weight: 200; }
        .typography .sidebarBlock--getinvolved ul li a:hover, .typography .sidebarBlock--getinvolved ul li a:visited:hover, .typography .sidebarBlock--mediareleases ul li a:hover, .typography .sidebarBlock--mediareleases ul li a:visited:hover {
          text-decoration: none;
          background: #00788a; }
.typography #featuredReleases .tab {
  margin-right: 10px; }

.sidebarHeader--gwrcnews, .sidebarHeader--gwrcvideos {
  display: none; }

.btn-wremo {
  text-align: center;
  width: 100%;
  float: left; }

.ui-widget-header {
  background: none;
  border: none; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: none;
  opacity: 0.75; }

.ui-state-focus:focus {
  outline: none !important; }

.ui-tabs .ui-tabs-nav {
  padding: 0; }
  .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-weight: 200;
    font-size: 1.2em; }
    @media (max-width: 800px) {
      .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        font-size: 1em; } }
  .ui-tabs .ui-tabs-nav li {
    color: #333;
    border: none;
    margin: 0; }
    .ui-tabs .ui-tabs-nav li a:visited {
      color: #333; }
    .ui-tabs .ui-tabs-nav li.ui-state-active {
      background: #F6F6F6 !important;
      opacity: 1; }
    .ui-tabs .ui-tabs-nav li:hover {
      border: none !important; }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
      padding: 0;
      margin: 0;
      border-radius: 0;
      color: #00788a; }
      .ui-tabs .ui-tabs-nav li.ui-tabs-active a:visited {
        color: #00788a; }
.ui-tabs .ui-tabs-panel {
  padding: 0; }

.ui-widget-content {
  border: none;
  margin: 0;
  padding: 0;
  background: transparent; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #00788a; }

.typography .calendar__event {
  padding-bottom: 20px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px;
  width: 100%; }
  .typography .calendar__event h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0; }
.typography .calendar__event__alert {
  font-size: 1.1em;
  font-style: italic;
  text-align: center;
  color: #00788a; }
.typography .calendar__event__title a {
  display: inline-block;
  text-decoration: none;
  padding-bottom: 2px;
  margin-bottom: 3px;
  border-bottom: 1px solid transparent; }
  .typography .calendar__event__title a:hover {
    border-bottom: 1px solid #00788a; }
.typography .calendar__event__date {
  text-transform: uppercase;
  color: #00788a; }
  .typography .calendar__event__date .fa {
    width: 20px;
    text-align: center; }
.typography .calendar__event__location {
  text-transform: uppercase;
  color: #00788a; }
  .typography .calendar__event__location .fa {
    width: 20px;
    text-align: center; }

div.homePageEvent p.date {
  background: #00788a;
  color: white;
  font-weight: 200;
  line-height: 1em;
  border: none;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px 5px;
  border-bottom: 3px solid #4ca6b5; }
  div.homePageEvent p.date .day {
    font-size: 1.5em;
    display: block;
    padding-bottom: 5px;
    font-weight: bold; }
  div.homePageEvent p.date .month {
    text-transform: uppercase;
    font-size: 0.8em; }
div.homePageEvent p.description {
  width: 50%;
  font-size: 1em;
  font-weight: 200;
  line-height: 1.2em; }

.hr--event {
  border: none;
  border-bottom: 1px dashed #ccc; }

.eventskey ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  .eventskey ul li {
    width: 100%;
    float: left;
    font-size: 1em;
    font-weight: 200;
    padding: 0;
    margin: 0; }

#calendar_navigation {
  font-size: 1em;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  overflow: hidden; }

.calendar_link_left, .calendar_link_right {
  float: left; }

.calendar_link_right {
  float: right; }

.calendarMonthTitle {
  display: inline-block;
  font-size: 1em;
  margin: 0 auto;
  float: left; }

.calendarTable {
  width: 100%; }

.calendarTable th {
  font-weight: bold; }

.calendarTable tbody tr.even td {
  background-color: #f3f3ff; }

#rates_list {
  margin-top: 15px; }

.largeMap {
  width: 100%;
  height: 500px;
  border: 1px solid #999;
  margin-bottom: 10px; }

.typography .calendar_link_left, .typography .calendar_link_right {
  font-size: 1em;
  font-weight: 200;
  text-transform: normal; }
.typography .sidebarHeader--center {
  text-align: center; }
.typography .sidebarHeader--uppercase {
  text-transform: uppercase; }

div#accordion p.description {
  padding-left: 20px;
  height: auto !important;
  background: transparent;
  padding: 5px 22px 15px 22px;
  margin-bottom: 10px; }

.ui-accordion .ui-accordion-header:first-child {
  border-top: none; }

.ui-accordion .ui-accordion-header {
  color: #00788a;
  text-decoration: none;
  font-size: 1.3em;
  font-weight: normal;
  padding: 0;
  border: none;
  padding-top: 10px;
  border-top: 1px dotted #ccc;
  margin-top: 10px;
  margin-bottom: 10px; }
  .ui-accordion .ui-accordion-header .fa {
    margin-right: 5px;
    font-size: 0.9em; }

.typography a .caption__desc, .typography a:visited .caption__desc, .typography a:active .caption__desc {
  color: #fff !important; }

.owl-carousel {
  margin-top: 10px; }
  .owl-carousel .owl-item {
    background: transparent; }
    .owl-carousel .owl-item.active.center .item-video {
      opacity: 1; }
    .owl-carousel .owl-item .item-video.promote {
      opacity: 1; }
    .owl-carousel .owl-item img {
      min-height: 245px; }
      @media (max-width: 800px) {
        .owl-carousel .owl-item img {
          width: auto; } }
    .owl-carousel .owl-item .caption {
      background: rgba(0, 120, 138, 0.75);
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 10px 20px;
      box-sizing: border-box;
      min-height: 95px; }
    .owl-carousel .owl-item .caption__title {
      text-decoration: none;
      color: #fff;
      font-weight: bold;
      font-size: 1.2em;
      text-align: left; }
      .owl-carousel .owl-item .caption__title a {
        color: #fff !important;
        text-decoration: none !important;
        border-bottom: 1px solid transparent; }
        .owl-carousel .owl-item .caption__title a:hover {
          border-bottom: 1px solid #fff; }
    .owl-carousel .owl-item .caption__desc {
      text-decoration: none;
      color: #fff !important;
      font-weight: 200;
      font-size: 1;
      text-align: left;
      margin: 0; }
    .owl-carousel .owl-item .item-video {
      height: 235px;
      opacity: 0.5; }
      @media (max-width: 800px) {
        .owl-carousel .owl-item .item-video {
          opacity: 1; } }
      @media (min-width: 800px) {
        .owl-carousel .owl-item .item-video:hover {
          opacity: 1; } }
      .owl-carousel .owl-item .item-video .owl-video-play-icon {
        -webkit-transition: opacity 150ms ease-out;
        -moz-transition: opacity 150ms ease-out;
        -o-transition: opacity 150ms ease-out;
        transition: opacity 150ms ease-out;
        margin-top: -55px; }
        @media (min-width: 800px) {
          .owl-carousel .owl-item .item-video .owl-video-play-icon {
            opacity: 0; } }
      .owl-carousel .owl-item .item-video .owl-video {
        color: #fff !important;
        font-size: 13px;
        text-decoration: none !important;
        background: transparent;
        font-weight: 200;
        padding: 0 10px 0 5px;
        text-align: center;
        border: none;
        width: 100%;
        margin-right: 1px;
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        min-height: 48px;
        display: block !important;
        line-height: 1.1em;
        background-color: rgba(0, 0, 0, 0.8);
        padding: 10px; }
        .owl-carousel .owl-item .item-video .owl-video:hover {
          border: none;
          text-decoration: none; }
        .owl-carousel .owl-item .item-video .owl-video .fa {
          margin-right: 7px; }
      .owl-carousel .owl-item .item-video .owl-video-tn {
        background-position: center center;
        background-size: auto; }
      .owl-carousel .owl-item .item-video .owl-video-wrapper {
        background: #000;
        margin-right: -1px; }
      @media (min-width: 800px) {
        .owl-carousel .owl-item .item-video:hover .owl-video-play-icon {
          opacity: 1; } }
    .owl-carousel .owl-item.active.owl-video-playing .item-video {
      opacity: 1; }

.owl-dots {
  text-align: center;
  margin-top: 22px;
  position: absolute;
  width: 90%;
  margin-left: 5%; }
  .owl-dots .owl-dot {
    display: inline-block; }
    .owl-dots .owl-dot.active span {
      background-color: #00788a; }
    .owl-dots .owl-dot span {
      cursor: pointer;
      height: 10px;
      width: 15px;
      background-color: #d6d6d6;
      padding: 0;
      margin: 0;
      display: inline-block;
      margin-right: 1px; }

.owl-nav [class*=owl-] {
  color: #4ca6b5;
  margin: 0;
  padding: 0;
  width: 35px;
  line-height: 20px;
  border-radius: 0;
  background: transparent; }
  .owl-nav [class*=owl-] .fa {
    font-size: 1.5em;
    line-height: 20px; }
  .owl-nav [class*=owl-]:hover {
    color: #00788a;
    background: transparent; }

.owl-nav {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #f6f6f6;
  width: 100%;
  float: left; }
  .owl-nav .owl-prev {
    float: left;
    margin-left: 10px; }
  .owl-nav .owl-next {
    text-align: center;
    position: absolute;
    right: 0; }

.gwrc-videos .owl-stage {
  background: #000; }

/*Author: Dylan Sweetensen, Stripe the Web*/
/*-----------General---------------------*/
/*Banner*/
.masthead {
  width: 100%;
  margin: 0;
  background: #00788a url("../images/bg-our-region-masthead.jpg");
  height: 186px; }
  .masthead img {
    width: 190px;
    margin-top: 40px; }

/*Tags List*/
#geo-tags, #topic-tags {
  margin-top: 20px; }
  #geo-tags .title, #topic-tags .title {
    font-size: 1.2em;
    font-weight: 200;
    color: white;
    background: #4ca6b5;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 1px; }
    #geo-tags .title .fa, #topic-tags .title .fa {
      margin-right: 0.5em; }
  #geo-tags ul, #topic-tags ul {
    list-style-type: none;
    display: inline-block;
    float: left;
    margin: 0; }
    #geo-tags ul li, #topic-tags ul li {
      float: left;
      margin: 0px;
      padding: 0;
      margin-right: 1px;
      margin-bottom: 1px;
      padding: 0; }
      #geo-tags ul li.last, #topic-tags ul li.last {
        float: left;
        border-right: none; }
      #geo-tags ul li a, #topic-tags ul li a {
        font-size: 1em;
        text-decoration: none;
        color: white;
        border: none;
        background: #00788a;
        padding: 5px 12px;
        font-weight: 200;
        float: left;
        display: block; }
        #geo-tags ul li a:hover, #topic-tags ul li a:hover {
          opacity: 0.9; }
        #geo-tags ul li a .fa, #topic-tags ul li a .fa {
          margin-right: 0.5em; }
  #geo-tags form, #topic-tags form {
    display: inline-block;
    float: left; }
    #geo-tags form fieldset, #topic-tags form fieldset {
      background: none; }
    #geo-tags form fieldset .field label, #topic-tags form fieldset .field label {
      display: inline-block;
      font-size: 1em;
      color: #01647e;
      font-weight: 700;
      padding: 5px 10px;
      float: left;
      margin: 0px;
      width: 68px; }
    #geo-tags form fieldset .field .middleColumn, #topic-tags form fieldset .field .middleColumn {
      display: inline-block;
      width: auto;
      margin: 0px;
      padding: 2.5px 0px 0px 0px;
      background: none; }
    #geo-tags form fieldset .field .middleColumn select, #topic-tags form fieldset .field .middleColumn select {
      display: inline-block; }
    #geo-tags form .Actions, #topic-tags form .Actions {
      display: none; }

.ie #geo-tags ul li aform fieldset .field .middleColumn {
  float: right; }

.ie #geo-tags ul li aform fieldset .field .middleColumn select {
  margin-top: 3px;
  margin-right: 40px; }

/* Main Section */
#end {
  margin-bottom: 30px; }

/*------------News Landing Page---------------*/
/* Featured News Bits */
#NewsLandingPage {
  /* Non Featured News Bits */
  /* Big News Box */ }
  #NewsLandingPage #featured-wrap .news-tile {
    margin-bottom: 15px;
    float: left;
    border-top: 1px dotted #ccc;
    padding-top: 20px; }
    #NewsLandingPage #featured-wrap .news-tile:first-child {
      border: none; }
  #NewsLandingPage #featured-wrap .news-tile .image {
    float: left;
    max-width: 30%;
    vertical-align: top;
    padding-right: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px; }
  #NewsLandingPage #featured-wrap .news-tile .image img {
    width: 100%;
    height: auto; }
  #NewsLandingPage #featured-wrap .news-tile .content {
    float: left;
    width: 64%; }
  #NewsLandingPage #featured-wrap .news-tile .content.no-image {
    width: 100%; }
  #NewsLandingPage #featured-wrap .news-tile .content h5 {
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: bold; }
  #NewsLandingPage #featured-wrap .news-tile .content p {
    margin-top: 0px;
    line-height: 1.2em; }
  #NewsLandingPage #featured-wrap .news-tile .content p.byline {
    line-height: 1em; }
  #NewsLandingPage #list-wrap {
    margin-bottom: 15px; }
  #NewsLandingPage #list-wrap ul {
    list-style-type: none;
    margin: 0px; }
  #NewsLandingPage #list-wrap ul li {
    margin-left: 0px; }
  #NewsLandingPage #list-wrap p a {
    text-decoration: underline;
    font-weight: bold; }
  #NewsLandingPage #promoted-wrap #big-news {
    position: relative;
    width: 100%;
    margin-bottom: 10px; }
  #NewsLandingPage #promoted-wrap #big-news .title {
    position: absolute;
    max-width: 100%;
    width: 276px;
    padding: 10px 15px;
    top: 0px;
    left: 0px;
    background: rgba(50, 50, 50, 0.6); }
  #NewsLandingPage #promoted-wrap #big-news .title h3 {
    color: white;
    font-size: 1.6em;
    font-weight: bold;
    margin: 0px; }
  #NewsLandingPage #promoted-wrap #big-news .summary {
    position: absolute;
    max-width: 100%;
    width: 286px;
    padding: 10px;
    bottom: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.6); }

.ie #NewsLandingPage #featured-wrap .news-tile {
  width: 100%; }

.ie #NewsLandingPage #featured-wrap .news-tile .image {
  max-width: 40%; }

.ie #NewsLandingPage #featured-wrap .news-tile .content {
  width: 57%; }

.ie #NewsLandingPage #promoted-wrap #big-news .title {
  background: #323232; }

.ie #NewsLandingPage #promoted-wrap #big-news .summary {
  background: #c8c8c8; }

#NewsLandingPage #promoted-wrap #big-news .summary p {
  margin: 5px 0; }

#NewsLandingPage #promoted-wrap #big-news .summary p a {
  float: right; }

/* Fun Facts */
#NewsLandingPage #facts {
  padding: 10px;
  background: #c8c8c8;
  margin-bottom: 12px; }

/*Ads*/
#NewsLandingPage .ad-section img {
  width: 100%;
  height: auto; }

/*Widgets*/
/*-----------News Tag Controller ------------*/
#NewsTagController .news-tile {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #c8c8c8;
  float: left; }
#NewsTagController .news-tile .image {
  float: left;
  max-width: 43%;
  vertical-align: top;
  padding-right: 10px; }
#NewsTagController .news-tile .content {
  float: left;
  width: 64%; }
#NewsTagController .news-tile .content.no-image {
  width: 100%; }
#NewsTagController .news-tile .content h5 {
  margin-bottom: 5px; }
#NewsTagController .news-tile .content p {
  margin-top: 0px;
  line-height: 1.2em; }
#NewsTagController .news-tile .content p.byline {
  line-height: 1em; }

.ie #NewsTagController .news-tile {
  width: 100%; }

/*-----------News Page ------------*/
#NewsPage #content h1 {
  margin-bottom: 10px; }

#NewsPage #content img {
  float: right; }

/*--------Home Page Feed-------*/
#featuredReleases .tab {
  float: left;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  margin-right: 5px;
  opacity: 0.6; }

#featuredReleases .tab.active {
  opacity: 1; }

#featuredReleases .tab:hover {
  opacity: 1;
  cursor: pointer; }

#featuredReleases #HomeNewsReleases_screen {
  display: none; }

.typography .viewmore {
  font-style: italic;
  margin-top: 5px;
  display: inline-block; }
  .typography .viewmore .fa {
    margin-left: 5px; }
.typography .sidebarBlock--topstories a.title {
  font-weight: bold;
  font-size: 1.3em;
  display: inline-block;
  padding-bottom: 0 !important;
  margin-bottom: 5px; }
.typography .sidebarBlock--topstories p {
  font-size: 1.1em; }
.typography .sidebarBlock--morenews, .typography .sidebarBlock--funfacts, .typography .sidebarBlock--topstories {
  font-size: 1em; }
  .typography .sidebarBlock--morenews a, .typography .sidebarBlock--funfacts a, .typography .sidebarBlock--topstories a {
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid transparent; }
    .typography .sidebarBlock--morenews a:hover, .typography .sidebarBlock--funfacts a:hover, .typography .sidebarBlock--topstories a:hover {
      text-decoration: none;
      border-bottom: 1px solid #00788a; }
    .typography .sidebarBlock--morenews a .fa, .typography .sidebarBlock--funfacts a .fa, .typography .sidebarBlock--topstories a .fa {
      margin-left: 5px; }
.typography .sidebarBlock--morenews ul li {
  white-space: nowrap; }
.typography .news-tile .title {
  font-weight: bold !important;
  font-size: 1.3em !important;
  display: inline-block !important;
  padding-bottom: 5px !important; }

.storyhighlight {
  margin-top: 20px; }

.storyhighlight__image {
  max-height: 250px;
  overflow: hidden;
  width: 100%; }

/* ------- Constituency Page ------ */
.councillors .councillor-tile:first-child h2 {
  margin-top: 0; }

.councillor-tile {
  padding-top: 20px;
  margin-top: 15px;
  border-top: 1px dotted #ccc;
  float: left;
  width: 100%; }
  .councillor-tile:first-child {
    border-top: none; }
  .councillor-tile h2 {
    font-size: 2em;
    margin: 15px 0; }
  .councillor-tile .image {
    float: left;
    vertical-align: top;
    padding-right: 10px;
    border-radius: 100px;
    overflow: hidden;
    max-height: 200px;
    min-width: 200px;
    width: 200px;
    box-sizing: border-box;
    margin-right: 25px;
    margin-bottom: 20px; }
  .councillor-tile .image img {
    width: 200px;
    height: auto; }
  .councillor-tile .content {
    float: left;
    width: 55%; }
  .councillor-tile .content.no-image {
    width: 100%; }
  .councillor-tile .content h5 {
    margin-bottom: 5px; }
  .councillor-tile .content p {
    margin-top: 0px;
    line-height: 1.5em;
    margin-bottom: 0; }
  .councillor-tile .label {
    font-weight: bold; }

/* ------- Constituency Widget ------ */
div.constituent-list {
  margin-bottom: 20px; }
  div.constituent-list .ui-icon {
    display: none; }
  div.constituent-list:first-child .title {
    border-top: none; }
  div.constituent-list .title {
    font-size: 1.3em;
    color: #00788a;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    width: 100%;
    float: left;
    margin: 0;
    padding: 10px 0; }
  div.constituent-list .ui-accordion-content {
    height: auto !important;
    padding: 0;
    padding-top: 5px;
    clear: both;
    background: transparent;
    border-bottom: 1px dotted #ccc; }

div.constituent-tile {
  margin-bottom: 10px;
  position: relative;
  clear: both; }
  div.constituent-tile div.constituent-image {
    margin: 10px 15px 10px 0;
    max-width: 35px;
    float: left;
    min-height: 35px; }
    div.constituent-tile div.constituent-image img {
      border-radius: 35px; }
  div.constituent-tile div.constituent-name {
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.1em;
    font-weight: 200;
    min-height: 35px;
    float: left;
    width: 140px;
    padding-bottom: 15px; }
    div.constituent-tile div.constituent-name .firstname {
      font-weight: bold; }
    div.constituent-tile div.constituent-name a {
      line-height: 1.1em;
      padding-top: 15px;
      display: inline-block;
      font-size: 1em;
      color: #00788a; }
      div.constituent-tile div.constituent-name a:visited {
        text-decoration: underline;
        color: #00788a; }

.typography div.constituent-name a {
  color: #00788a; }
  .typography div.constituent-name a:visited {
    color: #00788a; }

.ui-accordion .ui-accordion-header.ui-state-focus {
  color: #10454c; }
.ui-accordion .ui-accordion-header .fa.fa-plus-circle {
  display: inline-block; }
.ui-accordion .ui-accordion-header .fa.fa-minus-circle {
  display: none; }
.ui-accordion .ui-accordion-header.ui-state-active .fa.fa-plus-circle {
  display: none; }
.ui-accordion .ui-accordion-header.ui-state-active .fa.fa-minus-circle {
  display: inline-block; }

form {
  padding: 0;
  margin: 0; }
  form .middleColumn {
    background: none; }
  form .middleColumn {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%; }
  form .field {
    float: left; }
  form input.required, form textarea.required, form select.required {
    background: none;
    border: 1px solid #B20000; }
  form label.required {
    margin: 4px 0 0 3px;
    padding: 0;
    width: 92%;
    color: #DC1313;
    border: 1px solid #FF7373;
    color: white !important;
    border: none;
    border-radius: 4px;
    border: 1px solid #DC1313;
    width: auto;
    clear: both;
    display: block;
    padding: 5px 10px;
    background: none; }
  form fieldset {
    padding: 0;
    margin: 0;
    margin-bottom: 15px; }
    form fieldset .field label {
      font-family: "Open Sans", sans-serif;
      display: inline-block;
      line-height: 1.4em;
      font-size: 13px;
      margin-bottom: 5px; }
  form input.text, form textarea, form select {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    padding: 5px 8px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-weight: normal; }
  form .requiredField > label:after {
    content: ' *';
    color: red; }
  form .g-recaptcha {
    float: left; }

/* Mmenu responsive menu plugin styles */
.mm-menu {
  background: #10454c;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: 200; }
  .mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-panel {
    background: rgba(0, 0, 0, 0.25); }
  .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel {
    background: rgba(0, 0, 0, 0.25); }
  .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-menu .mm-listview > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.15); }
  .mm-menu .mm-listview > li .mm-prev:before,
  .mm-menu .mm-listview > li .mm-next:after,
  .mm-menu .mm-listview > li .mm-arrow:after {
    border-color: white;
    border-width: 1px; }
  .mm-menu .mm-vertical .mm-listview .mm-panel, .mm-menu .mm-vertical .mm-vertical .mm-panel {
    padding: 0; }

#menu-trigger {
  display: none;
  position: fixed;
  z-index: 30;
  font-size: 1.5em;
  color: white;
  line-height: 45px;
  padding: 0 15px; }
  @media (max-width: 800px) {
    #menu-trigger {
      display: block; } }

.mobilelogo {
  display: none;
  color: white;
  text-decoration: none;
  font-weight: 200;
  font-size: 1em;
  text-transform: uppercase;
  line-height: 45px;
  padding-left: 15px;
  white-space: nowrap; }
  @media (max-width: 800px) {
    .mobilelogo {
      display: block; } }
  @media (max-width: 320px) {
    .mobilelogo {
      font-size: 0.9em; } }

.pageresults.typography h1 {
  margin-top: 70px; }

.resultset__count {
  color: #999;
  font-size: 1.5em;
  font-style: italic; }

.resultset__item h2 {
  font-size: 1.5em;
  font-weight: bold; }
.resultset__item a {
  display: inline-block;
  border-bottom: 1px solid transparent; }
  .resultset__item a:hover {
    text-decoration: none;
    border-bottom: 1px solid #00788a; }

span.pagination_page {
  padding: 0;
  margin: 0;
  display: inline-block; }

#RefineSearchForm_RefineSearchForm {
  background-color: #f6f6f6;
  display: block;
  width: 100%;
  padding: 15px 40px;
  margin: 10px 0;
  position: absolute;
  box-sizing: border-box;
  top: -30px;
  left: 0; }
  @media (max-width: 800px) {
    #RefineSearchForm_RefineSearchForm {
      padding: 15px 30px; } }
  #RefineSearchForm_RefineSearchForm #Search {
    width: 80%; }
  #RefineSearchForm_RefineSearchForm fieldset {
    margin-bottom: 0; }
  #RefineSearchForm_RefineSearchForm .middleColumn {
    width: 100%;
    padding: 0; }
    #RefineSearchForm_RefineSearchForm .middleColumn input.text {
      width: 100%;
      box-sizing: border-box;
      border: 1px solid #ddd;
      border-radius: 0;
      border-right: none; }
  #RefineSearchForm_RefineSearchForm input.action {
    width: 20%;
    background-color: #00788a;
    border: none;
    padding: 10px;
    box-sizing: border-box;
    font-size: 0.8em;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0;
    max-height: 30px; }
    #RefineSearchForm_RefineSearchForm input.action:hover, #RefineSearchForm_RefineSearchForm input.action:focus {
      background-color: #4ca6b5; }