/*
Theme Name: Findern-PC
Theme URI: http://includecreative.com/our-work/findern-parish-council
Author: Include Creative
Author URI: http://includecreative.com
Description: Theme for Findern Parish Council website.
GitHub Theme URI: includecreative/Findern-PC
Version: 1.2.0
Text Domain: Findern-PC
Tags:

*/
.row.no-gutters {
  margin-right: 0;
  margin-left: 0; }

.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0; }

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

.hide, .screen-reader-text {
  display: none; }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  background-color: white;
  font-family: 'Montserrat', sans-serif;
  font-size: 12pt;
  color: #2e2e2e;
  position: relative;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

.wrapper {
  position: relative;
  z-index: 20;
  /* Make sure this is higher than #menu */ }

img {
  border: 0px; }

.mobile_panel {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #2d5126;
  width: 260px;
  padding: 15px 25px;
  margin: 0;
  height: 100%;
  list-style: none;
  z-index: 10;
  /* Make sure the z-index is lower than the #page */ }
  .mobile_panel .close_menu {
    color: white;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px; }
    .mobile_panel .close_menu i {
      margin-right: 10px; }
    .mobile_panel .close_menu:hover {
      cursor: pointer; }
  .mobile_panel #mobile-menu {
    list-style-type: none;
    padding: 0px;
    margin: 0px; }
    .mobile_panel #mobile-menu li {
      display: block; }
      .mobile_panel #mobile-menu li .sub-menu {
        margin: 0px;
        padding: 0px; }
        .mobile_panel #mobile-menu li .sub-menu a {
          margin: 0px;
          background-color: #cce4cc;
          color: #2e2e2e;
          -webkit-box-shadow: 3px 4px 18px -4px rgba(0, 0, 0, 0);
          -moz-box-shadow: 3px 4px 18px -4px rgba(0, 0, 0, 0);
          box-shadow: 3px 4px 18px -4px rgba(0, 0, 0, 0); }
      .mobile_panel #mobile-menu li a {
        background-color: #4f964e;
        color: white;
        padding: 10px;
        display: block;
        margin-top: 10px;
        font-weight: normal;
        -webkit-box-shadow: 3px 4px 18px -4px black;
        -moz-box-shadow: 3px 4px 18px -4px black;
        box-shadow: 3px 4px 18px -4px rgba(0, 0, 0, 0.2); }

.cta, .nhplan_wrapper .gform_button, .contact-us_wrapper .gform_button, .news-listing .news-entry .read-more {
  color: white;
  text-align: center;
  display: block;
  padding: 10px;
  margin-top: 20px;
  border-radius: 5pt;
  font-size: 14pt;
  background: #4f964e; }
  .cta:hover, .nhplan_wrapper .gform_button:hover, .contact-us_wrapper .gform_button:hover, .news-listing .news-entry .read-more:hover {
    background-color: #37622e;
    color: white;
    text-decoration: none; }
  @media screen and (max-width: 767px) {
    .cta, .nhplan_wrapper .gform_button, .contact-us_wrapper .gform_button, .news-listing .news-entry .read-more {
      font-size: 12pt; } }
.page-header {
  background-image: linear-gradient(-180deg, #26662b 0%, #529951 100%);
  padding: 20px 0px 0px 0px; }
  .page-header .top-homepage-link:hover {
    text-decoration: none; }
  @media screen and (max-width: 767px) {
    .page-header {
      text-align: center; } }
  .page-header .logo {
    float: left;
    max-width: 70px;
    margin-right: 20px; }
    @media screen and (max-width: 767px) {
      .page-header .logo {
        max-width: 50px;
        margin-right: -30px; } }
  .page-header .welcome {
    display: block;
    color: #b5cfb3;
    font-size: 11pt; }
    @media screen and (max-width: 767px) {
      .page-header .welcome {
        font-size: 9pt; } }
  .page-header .title {
    margin: 0px;
    color: white;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 31pt; }
    .page-header .title span {
      display: block;
      font-size: 16.5pt; }
      @media screen and (max-width: 767px) {
        .page-header .title span {
          display: block;
          font-size: 13pt; } }
    @media screen and (max-width: 767px) {
      .page-header .title {
        font-size: 25pt; } }
  .page-header .header-contact {
    text-align: right;
    font-size: 16pt;
    color: white;
    padding-top: 40px; }
    @media screen and (max-width: 767px) {
      .page-header .header-contact {
        display: none; } }
    .page-header .header-contact a {
      color: white;
      text-decoration: none;
      font-weight: 300; }
      .page-header .header-contact a:hover {
        text-decoration: underline; }
    .page-header .header-contact i {
      margin-right: 5px; }

.m_menu {
  text-align: center;
  color: white;
  padding: 10px 0px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
  .m_menu i {
    margin-right: 5px; }

#main-navigation {
  margin-top: 20px;
  background-color: #3a6e39;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 10; }
  #main-navigation ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    font-size: 0; }
    #main-navigation ul li {
      display: inline-block;
      position: relative; }
      #main-navigation ul li:hover {
        background-color: #4f964e; }
        #main-navigation ul li:hover ul {
          display: block;
          /* show sub menus when hovering over a parent */ }
      #main-navigation ul li:last-child a {
        border-right: 0px; }
      #main-navigation ul li a {
        display: inline-block;
        color: white;
        font-size: 14pt;
        padding: 10px 18px;
        border-right: 1px solid #37622e;
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        transition: all 0.1s; }
        #main-navigation ul li a:hover {
          background-color: #4f964e;
          text-decoration: none; }
        @media screen and (max-width: 1200px) {
          #main-navigation ul li a {
            font-size: 13pt;
            padding: 10px 15px; } }
        @media screen and (max-width: 992px) {
          #main-navigation ul li a {
            font-size: 11pt;
            padding: 15px 7px; } }
      #main-navigation ul li.last a {
        border-right: 0px; }
    #main-navigation ul .sub-menu {
      display: none;
      /* hide all sub menus from view */
      background-color: #3a6e39 !important;
      position: absolute;
      z-index: 1000;
      text-align: left;
      top: 45px;
      /* this should be the same height as the top level menu -- height + padding + borders */ }
      @media screen and (max-width: 1200px) {
        #main-navigation ul .sub-menu {
          top: 55px; } }
      @media screen and (max-width: 992px) {
        #main-navigation ul .sub-menu {
          top: 50px; } }
      #main-navigation ul .sub-menu li {
        border-top: #4f964e 1px solid;
        float: none;
        /* overwriting our float up above */
        width: 270px;
        /* set to the width you want your sub menus to be. This needs to match the value we set below */
        background-color: #3a6e39 !important; }
        #main-navigation ul .sub-menu li:hover {
          background-color: #4f964e; }
        #main-navigation ul .sub-menu li a {
          display: block;
          background-color: #3a6e39 !important;
          padding: 10px 15px;
          font-size: 12pt;
          width: 100%; }
          @media screen and (max-width: 992px) {
            #main-navigation ul .sub-menu li a {
              font-size: 11pt; } }
          #main-navigation ul .sub-menu li a:hover {
            background-color: #4f964e !important; }
          #main-navigation ul .sub-menu li a:after {
            margin-left: 0px;
            border-width: 0px; }

.photo_by {
  float: right;
  margin-top: 20px;
  color: white;
  font-size: 8pt;
  font-weight: 300;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
  @media screen and (max-width: 767px) {
    .photo_by {
      display: none; } }
.hero {
  background-color: #37622e;
  background-image: url(images/hero2019.jpg);
  background-size: cover;
  background-position: center center;
  padding: 30px 0px 20px 0px; }
  @media screen and (max-width: 767px) {
    .hero {
      padding: 20px 0px 20px 0px; } }
  .hero h1 {
    color: white;
    text-align: center;
    font-weight: normal;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    margin: 0px 0px 30px 0px; }
    @media screen and (max-width: 767px) {
      .hero h1 {
        font-size: 15pt; } }
.popular_links .something_else {
  color: white;
  text-align: center;
  display: block;
  padding: 10px;
  margin-top: 20px;
  border-radius: 5pt;
  font-size: 14pt;
  background: rgba(79, 150, 78, 0.7); }
  @media screen and (max-width: 767px) {
    .popular_links .something_else {
      font-size: 12pt; } }
.popular_links ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: center; }
  .popular_links ul .popular_link {
    width: 48%;
    display: inline-block; }
    @media screen and (max-width: 992px) {
      .popular_links ul .popular_link {
        width: 100%; } }
    .popular_links ul .popular_link a {
      background-color: white;
      display: block;
      padding: 20px;
      border-radius: 5pt;
      border: 3px solid #37622e;
      color: #2e2e2e;
      text-align: left;
      font-size: 17pt;
      margin-bottom: 20px; }
      @media screen and (max-width: 1200px) {
        .popular_links ul .popular_link a {
          font-size: 14pt; } }
      @media screen and (max-width: 767px) {
        .popular_links ul .popular_link a {
          font-size: 11pt;
          padding: 15px 10px;
          margin-bottom: 10px; } }
      .popular_links ul .popular_link a .large_title {
        font-size: 15pt; }
        @media screen and (max-width: 1200px) {
          .popular_links ul .popular_link a .large_title {
            font-size: 13pt; } }
        @media screen and (max-width: 767px) {
          .popular_links ul .popular_link a .large_title {
            font-size: 10pt; } }
      .popular_links ul .popular_link a i {
        color: #4f964e;
        font-size: 25pt;
        vertical-align: middle;
        margin-right: 15px; }
        @media screen and (max-width: 767px) {
          .popular_links ul .popular_link a i {
            font-size: 15pt;
            margin-right: 10px; } }
      .popular_links ul .popular_link a:hover {
        background-color: #cce4cc;
        text-decoration: none; }
    .popular_links ul .popular_link:nth-child(even) {
      margin-left: 20px; }
      @media screen and (max-width: 992px) {
        .popular_links ul .popular_link:nth-child(even) {
          margin-left: 0px; } }
.popular_links.small ul {
  text-align: left; }
  .popular_links.small ul li a {
    padding: 10px; }
    .popular_links.small ul li a:hover {
      background-color: #4f964e;
      color: white; }
      .popular_links.small ul li a:hover i {
        color: white; }

.homepage-welcome {
  padding: 20px 0px; }
  .homepage-welcome h2 {
    color: #4f964e;
    font-size: 20pt;
    font-weight: normal; }
    @media screen and (max-width: 1200px) {
      .homepage-welcome h2 {
        font-size: 18pt; } }
    @media screen and (max-width: 992px) {
      .homepage-welcome h2 {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      .homepage-welcome h2 {
        font-size: 14pt;
        line-height: 24pt; } }
  .homepage-welcome p {
    font-size: 14pt;
    margin: 0px 0px 20px 0px;
    line-height: 24pt;
    color: #2e2e2e; }
    @media screen and (max-width: 767px) {
      .homepage-welcome p {
        font-size: 12pt;
        line-height: 22pt; } }
    .homepage-welcome p a {
      color: #37622e;
      text-decoration: underline; }
      .homepage-welcome p a:hover {
        color: #4f964e;
        text-decoration: none; }
  .homepage-welcome .homepage-events {
    margin-top: 30px;
    background-color: #fffaeb;
    padding: 20px;
    border: 2px solid #dcd7c8;
    border-radius: 5pt; }
    .homepage-welcome .homepage-events h3 {
      margin: 0px 0px 30px 0px;
      text-align: center;
      color: #554e36;
      font-weight: normal; }
      @media screen and (max-width: 1200px) {
        .homepage-welcome .homepage-events h3 {
          font-size: 12pt; } }
      @media screen and (max-width: 992px) {
        .homepage-welcome .homepage-events h3 {
          font-size: 16pt; } }
      @media screen and (max-width: 767px) {
        .homepage-welcome .homepage-events h3 {
          font-size: 14pt; } }
    .homepage-welcome .homepage-events a {
      color: #2e2e2e;
      text-decoration: underline; }
      .homepage-welcome .homepage-events a:hover {
        color: #37622e;
        text-decoration: none; }
    .homepage-welcome .homepage-events ul {
      margin: 0px;
      padding: 0px;
      list-style-type: none; }
      .homepage-welcome .homepage-events ul li {
        display: block;
        clear: both;
        margin-bottom: 30px; }
        .homepage-welcome .homepage-events ul li .date-box {
          float: left;
          margin-right: 10px;
          background-color: white;
          border: 1px solid #ea4444;
          border-radius: 5px;
          padding: 5px 10px;
          min-width: 55px;
          text-align: center; }
          @media screen and (max-width: 1200px) {
            .homepage-welcome .homepage-events ul li .date-box {
              padding: 3px 6px;
              min-width: 45px; } }
          @media screen and (max-width: 992px) {
            .homepage-welcome .homepage-events ul li .date-box {
              padding: 5px 10px;
              min-width: 55px; } }
          @media screen and (max-width: 767px) {
            .homepage-welcome .homepage-events ul li .date-box {
              padding: 3px 6px;
              min-width: 45px; } }
          .homepage-welcome .homepage-events ul li .date-box .date {
            display: block;
            font-size: 18pt;
            color: #ea4444; }
            @media screen and (max-width: 1200px) {
              .homepage-welcome .homepage-events ul li .date-box .date {
                font-size: 15pt; } }
            @media screen and (max-width: 992px) {
              .homepage-welcome .homepage-events ul li .date-box .date {
                font-size: 18pt; } }
            @media screen and (max-width: 767px) {
              .homepage-welcome .homepage-events ul li .date-box .date {
                font-size: 15pt; } }
          .homepage-welcome .homepage-events ul li .date-box .month {
            display: block;
            color: #ea4444;
            font-size: 10pt;
            text-transform: uppercase; }
        .homepage-welcome .homepage-events ul li .event_info {
          overflow: hidden; }
          .homepage-welcome .homepage-events ul li .event_info .event_title {
            font-weight: bold;
            display: block; }
            @media screen and (max-width: 1200px) {
              .homepage-welcome .homepage-events ul li .event_info .event_title {
                font-size: 11pt; } }
            @media screen and (max-width: 992px) {
              .homepage-welcome .homepage-events ul li .event_info .event_title {
                font-size: 15pt; } }
            @media screen and (max-width: 767px) {
              .homepage-welcome .homepage-events ul li .event_info .event_title {
                font-size: 12pt; } }
          .homepage-welcome .homepage-events ul li .event_info .where_when {
            display: block;
            font-size: 9pt;
            margin-top: 5px;
            margin-bottom: 5px; }
            @media screen and (max-width: 992px) {
              .homepage-welcome .homepage-events ul li .event_info .where_when {
                font-size: 12pt; } }
          .homepage-welcome .homepage-events ul li .event_info .full_date {
            display: block;
            font-size: 10pt; }
            @media screen and (max-width: 1200px) {
              .homepage-welcome .homepage-events ul li .event_info .full_date {
                font-size: 9pt; } }
            @media screen and (max-width: 992px) {
              .homepage-welcome .homepage-events ul li .event_info .full_date {
                font-size: 12pt; } }
            @media screen and (max-width: 767px) {
              .homepage-welcome .homepage-events ul li .event_info .full_date {
                font-size: 10pt; } }
    .homepage-welcome .homepage-events .btn {
      background-color: #dcd7c8;
      display: block;
      width: 100%;
      padding: 10px;
      text-align: center;
      color: #554e36;
      border-radius: 5pt;
      text-decoration: none !important; }
      .homepage-welcome .homepage-events .btn:hover {
        background-color: #37622e;
        color: white;
        text-decoration: none; }

.latest-updates {
  padding: 30px 0px;
  background-color: #F7F7F7;
  background-image: url(images/bg-lower.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .latest-updates .padding-left-please {
    padding-left: 40px; }
    @media screen and (max-width: 992px) {
      .latest-updates .padding-left-please {
        padding-left: 20px; } }
  .latest-updates .right-border {
    border-right: 3px solid #d1d1d1; }
    @media screen and (max-width: 767px) {
      .latest-updates .right-border {
        border-right: 0px; } }
  .latest-updates h2 {
    color: #37622e;
    text-align: center;
    margin: 0px 0px 30px 0px; }
    @media screen and (max-width: 767px) {
      .latest-updates h2 {
        font-size: 18pt;
        line-height: 28pt; } }
  .latest-updates h3 {
    margin: 0px 0px 30px 0px; }
    @media screen and (max-width: 992px) {
      .latest-updates h3 {
        font-size: 16pt; } }
  .latest-updates .latest-news {
    margin: 0px;
    padding: 0px;
    list-style-type: none; }
    .latest-updates .latest-news li {
      display: block;
      margin-bottom: 40px; }
      .latest-updates .latest-news li .size-thumbnail-retina {
        background-color: white;
        padding: 4px;
        float: left;
        margin-right: 20px;
        max-width: 200px;
        height: auto;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
        @media screen and (max-width: 767px) {
          .latest-updates .latest-news li .size-thumbnail-retina {
            float: none;
            margin-bottom: 20px;
            max-width: 100%;
            height: auto;
            margin-right: 0px; } }
      .latest-updates .latest-news li .news-content {
        overflow: hidden; }
      .latest-updates .latest-news li a h3 {
        margin: 0px 0px 20px 0px;
        font-weight: normal;
        color: #37622e;
        text-decoration: underline; }
        .latest-updates .latest-news li a h3:hover {
          text-decoration: none;
          color: #4f964e; }
      .latest-updates .latest-news li .excerpt p {
        font-size: 11pt;
        line-height: 18pt; }
      .latest-updates .latest-news li .read_more {
        font-size: 12pt;
        color: #37622e;
        text-decoration: underline; }
        .latest-updates .latest-news li .read_more:hover {
          color: #4f964e;
          text-decoration: none; }
      .latest-updates .latest-news li .post-meta {
        font-size: 10pt;
        display: block;
        margin-top: 10px;
        color: #858585; }
      .latest-updates .latest-news li:last-child {
        margin-bottom: 0px; }
  @media screen and (max-width: 992px) {
    .latest-updates .working-on-header {
      margin-top: 30px; } }
  .latest-updates .working-on {
    margin: 0px;
    padding: 0px;
    list-style-type: none; }
    .latest-updates .working-on li {
      display: block;
      margin-bottom: 34px; }
      .latest-updates .working-on li .agenda_icon {
        color: #4f964e;
        font-size: 25pt;
        float: left;
        margin-right: 20px; }
      .latest-updates .working-on li .working_on_details {
        overflow: hidden; }
        .latest-updates .working-on li .working_on_details a {
          display: block;
          margin-top: 5px;
          font-size: 14pt;
          color: #37622e;
          text-decoration: underline;
          margin-bottom: 10px; }
        .latest-updates .working-on li .working_on_details .working_on_progress {
          font-size: 12pt; }
  .latest-updates .see_more {
    display: block;
    margin-top: 30px;
    color: #2e2e2e;
    font-size: 14pt;
    line-height: 24pt;
    text-decoration: none;
    font-weight: bold;
    border-left: 4px solid #37622e;
    padding-left: 10px; }
    .latest-updates .see_more:hover {
      border-color: #4f964e;
      text-decoration: underline; }
    @media screen and (max-width: 992px) {
      .latest-updates .see_more {
        border-left: 0px;
        border-bottom: 4px solid #37622e;
        padding: 0px 0px 10px 0px;
        text-align: center; } }
.sub-footer {
  height: 300px;
  background-image: url(images/footer-graphic.jpg);
  background-size: cover;
  background-position: center bottom; }
  @media screen and (max-width: 992px) {
    .sub-footer {
      height: 200px; } }
  @media screen and (max-width: 767px) {
    .sub-footer {
      height: 100px; } }
.child-page-links ul {
  margin: 20px 0px;
  padding: 0px !important;
  list-style-type: none; }
  .child-page-links ul .children {
    display: none; }
  .child-page-links ul li {
    display: inline-block;
    width: 29%;
    margin-right: 20px;
    margin-left: 20px; }
    @media screen and (max-width: 1200px) {
      .child-page-links ul li {
        width: 45%; } }
    @media screen and (max-width: 992px) {
      .child-page-links ul li {
        width: 44%; }
        .child-page-links ul li a {
          font-size: 12pt !important; } }
    @media screen and (max-width: 767px) {
      .child-page-links ul li {
        width: 100%;
        margin: 0px !important; } }
    .child-page-links ul li a {
      display: inline-block;
      background-color: #eeeeee;
      margin-bottom: 20px;
      padding: 25px;
      width: 100%;
      text-align: center;
      color: #2e2e2e !important;
      text-decoration: none !important;
      font-size: 14pt;
      line-height: 26pt;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px; }
      .child-page-links ul li a:hover {
        background-color: #4f964e;
        color: white !important; }

.news-listing .news-entry {
  background-color: #F7F7F7;
  padding: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  min-height: 710px;
  margin-bottom: 20px;
  position: relative; }
  @media screen and (max-width: 992px) {
    .news-listing .news-entry {
      min-height: 0px; } }
  .news-listing .news-entry .news_title_link h3 {
    color: #37622e;
    font-size: 14pt;
    line-height: 24pt;
    text-align: center;
    margin: 0px 0px 20px 0px; }
    @media screen and (max-width: 992px) {
      .news-listing .news-entry .news_title_link h3 {
        font-size: 16pt; } }
  .news-listing .news-entry .post-meta {
    font-size: 11pt;
    display: block;
    color: #858585;
    font-weight: bold; }
  .news-listing .news-entry .excerpt p {
    font-size: 12pt;
    line-height: 20pt; }
  .news-listing .news-entry .blog_list_thumbnail img {
    max-width: 100%;
    border: 1px solid #d1d1d1; }
    @media screen and (max-width: 992px) {
      .news-listing .news-entry .blog_list_thumbnail img {
        max-width: 100%;
        width: 100%;
        height: auto; } }
  .news-listing .news-entry .read-more {
    position: absolute;
    bottom: 20px;
    width: 89%; }
    @media screen and (max-width: 992px) {
      .news-listing .news-entry .read-more {
        position: relative;
        margin-top: 20px;
        bottom: auto;
        width: 100%; } }
.news_content p:first-child {
  font-size: 18pt;
  margin-top: 0px;
  line-height: 28pt;
  color: #37622e; }
  @media screen and (max-width: 767px) {
    .news_content p:first-child {
      font-size: 14pt;
      line-height: 24pt; } }
.news_content .post-meta {
  background-color: #F7F7F7;
  border-radius: 5pt;
  display: block;
  padding: 10px;
  color: #858585; }
  .news_content .post-meta span, .news_content .post-meta h4 {
    display: inline-block;
    font-size: 16pt; }
    @media screen and (max-width: 767px) {
      .news_content .post-meta span, .news_content .post-meta h4 {
        font-size: 11pt; } }
  .news_content .post-meta h4 {
    margin: 0px;
    font-size: 12pt;
    margin-right: 10px; }
  .news_content .post-meta .share {
    float: right; }
    @media screen and (max-width: 767px) {
      .news_content .post-meta .share {
        float: none;
        margin-top: 10px; }
        .news_content .post-meta .share h4 {
          display: block;
          margin-bottom: 5px; } }
  .news_content .post-meta .a2a_kit {
    vertical-align: middle;
    display: inline-block;
    margin-top: 0px; }
    .news_content .post-meta .a2a_kit .a2a_dd {
      display: none; }

.event-overlay {
  text-align: center;
  margin: 10px 0px 0px 0px; }
  @media screen and (max-width: 992px) {
    .event-overlay {
      text-align: left; } }
  .event-overlay h1 {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #37622e; }
    @media screen and (max-width: 992px) {
      .event-overlay h1 {
        margin-top: 30px; } }
    @media screen and (max-width: 767px) {
      .event-overlay h1 {
        margin: 0px 0px 10px 0px;
        font-size: 16pt;
        line-height: 26pt; } }
.event_content {
  margin-bottom: 30px; }
  .event_content .event-dates {
    text-align: center; }
    @media screen and (max-width: 992px) {
      .event_content .event-dates {
        text-align: left; } }
    .event_content .event-dates h2 {
      margin: 0px; }
      @media screen and (max-width: 767px) {
        .event_content .event-dates h2 {
          font-size: 14pt;
          line-height: 24pt; } }
  .event_content .event-times {
    display: block;
    font-size: 16pt;
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .event_content .event-times {
        font-size: 14pt;
        line-height: 24pt; } }
  .event_content .event-location {
    margin-bottom: 30px; }
    .event_content .event-location .held_at_header {
      font-size: 16pt;
      color: #37622e;
      margin: 0px 0px 5px 0px; }
      @media screen and (max-width: 767px) {
        .event_content .event-location .held_at_header {
          font-size: 14pt;
          line-height: 24pt; } }
    .event_content .event-location .the_location {
      margin: 0px 0px 0px 0px;
      font-weight: bold;
      font-size: 16pt; }
      @media screen and (max-width: 767px) {
        .event_content .event-location .the_location {
          font-size: 14pt;
          line-height: 24pt; } }
  .event_content .event-map {
    background-color: #F7F7F7;
    padding: 20px; }
    @media screen and (max-width: 992px) {
      .event_content .event-map {
        margin-top: 30px; } }
    .event_content .event-map h2 {
      margin: 0px 0px 20px 0px;
      font-size: 12pt;
      text-align: center;
      color: #2e2e2e; }
  .event_content .event-details p {
    font-size: 14pt;
    line-height: 24pt;
    margin: 0px 0px 10px 0px; }
    @media screen and (max-width: 767px) {
      .event_content .event-details p {
        font-size: 12pt;
        line-height: 22pt; } }
    .event_content .event-details p a {
      color: #4f964e;
      text-decoration: underline; }
      .event_content .event-details p a:hover {
        text-decoration: none;
        color: #37622e; }

.event-meta {
  background-color: #F7F7F7;
  border-radius: 5pt;
  display: block;
  padding: 10px;
  color: #858585; }
  .event-meta span, .event-meta h4 {
    display: inline-block;
    font-size: 16pt; }
    @media screen and (max-width: 767px) {
      .event-meta span, .event-meta h4 {
        font-size: 11pt; } }
  .event-meta h4 {
    margin: 0px;
    font-size: 12pt;
    margin-right: 10px; }
  .event-meta .share {
    float: right; }
    @media screen and (max-width: 767px) {
      .event-meta .share {
        float: none;
        margin-top: 10px; }
        .event-meta .share h4 {
          display: block;
          margin-bottom: 5px; } }
  .event-meta .a2a_kit {
    vertical-align: middle;
    display: inline-block;
    margin-top: 0px; }
    .event-meta .a2a_kit .a2a_dd {
      display: none; }

.wp-pagenavi {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 30px;
  padding-top: 30px;
  border-top: #d1d1d1 3px solid; }
  @media screen and (max-width: 767px) {
    .wp-pagenavi {
      margin-top: 20px;
      padding-top: 10px; } }
  .wp-pagenavi .pages {
    background-color: white;
    color: #37622e;
    display: block;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .wp-pagenavi .pages {
        margin-bottom: 10px; } }
.wp-pagenavi a, .wp-pagenavi span {
  padding: 10px 15px;
  margin-right: 10px;
  background-color: #d1d1d1;
  font-size: 15px;
  color: #2e2e2e;
  text-decoration: none;
  border: 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.wp-pagenavi span.current {
  background: #37622e;
  color: #fff;
  padding: 10px 15px;
  border: 0px; }

.wp-pagenavi a:hover {
  background: #4f964e;
  color: #fff;
  padding: 10px 15px;
  border: 0px; }

.wp-pagenavi span.current {
  font-weight: bold; }

#page-body {
  background-color: white; }

.page-hero, .section-hero {
  background-image: url(images/bg-page-about.jpg);
  background-position: center;
  background-size: cover;
  position: relative; }
  .page-hero .colour-overlay, .section-hero .colour-overlay {
    background: rgba(100, 150, 83, 0.4);
    height: 100%;
    width: 100%;
    position: absolute; }
  .page-hero .overlay, .section-hero .overlay {
    opacity: 0.9;
    background: #FEFEFE;
    padding: 20px;
    margin: 30px 0px; }
    @media screen and (max-width: 767px) {
      .page-hero .overlay, .section-hero .overlay {
        margin: 15px 0px; } }
    .page-hero .overlay h1, .section-hero .overlay h1 {
      margin: 0px 0px 20px 0px;
      color: #37622e; }
      @media screen and (max-width: 767px) {
        .page-hero .overlay h1, .section-hero .overlay h1 {
          margin: 0px 0px 10px 0px;
          font-size: 16pt;
          line-height: 26pt; } }
    .page-hero .overlay p, .section-hero .overlay p {
      font-size: 14pt;
      line-height: 24pt;
      margin: 0px 0px 10px 0px; }
      .page-hero .overlay p a, .section-hero .overlay p a {
        color: #4f964e;
        text-decoration: underline; }
        .page-hero .overlay p a:hover, .section-hero .overlay p a:hover {
          text-decoration: none;
          color: #37622e; }
      @media screen and (max-width: 767px) {
        .page-hero .overlay p, .section-hero .overlay p {
          font-size: 12pt;
          line-height: 20pt;
          margin-bottom: 0px; } }
    .page-hero .overlay.section-overlay, .section-hero .overlay.section-overlay {
      padding: 0px; }
      .page-hero .overlay.section-overlay h1, .section-hero .overlay.section-overlay h1 {
        text-align: center; }
      .page-hero .overlay.section-overlay a, .section-hero .overlay.section-overlay a {
        color: #4f964e;
        text-decoration: underline; }
        .page-hero .overlay.section-overlay a:hover, .section-hero .overlay.section-overlay a:hover {
          text-decoration: none;
          color: #37622e; }
    .page-hero .overlay.center-me, .section-hero .overlay.center-me {
      text-align: center; }

.section-hero {
  background-image: none; }
  .section-hero .colour-overlay {
    display: none; }

.page-hero.history {
  background-image: url(images/bg-page-history.jpg) !important; }

.page-hero.policies-and-procedures, .page-hero.contact-us {
  background-image: url(images/bg-page-policies.jpg) !important; }

.page-hero.neighbourhood-plan {
  background-image: url(images/bg-page-neighbourhoodplan.jpg) !important; }

.the-page-content h2 {
  color: #37622e; }

.the-page-content p {
  font-size: 14pt;
  line-height: 24pt; }
  @media screen and (max-width: 767px) {
    .the-page-content p {
      font-size: 12pt;
      line-height: 22pt; } }
  .the-page-content p a {
    color: #4f964e;
    text-decoration: underline; }
    .the-page-content p a:hover {
      text-decoration: none;
      color: #37622e; }

.the-page-content ul, .the-page-content ol {
  margin: 20px 0px; }
  .the-page-content ul li, .the-page-content ol li {
    font-size: 14pt;
    line-height: 24pt;
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .the-page-content ul li, .the-page-content ol li {
        font-size: 12pt;
        line-height: 22pt; } }
    .the-page-content ul li a, .the-page-content ol li a {
      color: #4f964e;
      text-decoration: underline; }
      .the-page-content ul li a:hover, .the-page-content ol li a:hover {
        text-decoration: none;
        color: #37622e; }

.the-page-content img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding: 10px;
  background-color: #F7F7F7;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 767px) {
    .the-page-content img.aligncenter {
      float: none;
      max-width: 100% !important;
      margin: 10px 0px; } }
.the-page-content img.alignright {
  height: auto;
  float: right;
  max-width: 50%;
  margin-left: 30px;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #F7F7F7;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 767px) {
    .the-page-content img.alignright {
      float: none;
      max-width: 100% !important;
      margin: 10px 0px; } }
.the-page-content img.alignleft {
  height: auto;
  float: left;
  max-width: 50%;
  margin-right: 30px;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #F7F7F7;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }

.the-page-content .wp-caption {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  .the-page-content .wp-caption.aligncenter img, .the-page-content .wp-caption.alignnone img {
    width: 100%;
    height: auto;
    max-width: 100%;
    padding: 10px;
    background-color: #F7F7F7; }
  .the-page-content .wp-caption.alignright {
    float: right;
    max-width: 50% !important;
    margin-left: 30px;
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .the-page-content .wp-caption.alignright {
        float: none;
        max-width: 100% !important;
        margin: 10px 0px; } }
    .the-page-content .wp-caption.alignright img {
      height: auto;
      max-width: 100%;
      padding: 10px;
      background-color: #F7F7F7; }
  .the-page-content .wp-caption.alignleft {
    float: left;
    max-width: 50%  !important;
    margin-right: 30px;
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .the-page-content .wp-caption.alignleft {
        float: none;
        max-width: 100% !important;
        margin: 10px 0px; } }
    .the-page-content .wp-caption.alignleft img {
      height: auto;
      max-width: 100%;
      padding: 10px;
      background-color: #F7F7F7; }
  .the-page-content .wp-caption .wp-caption-text {
    padding: 10px;
    padding-top: 0px;
    text-align: center;
    background-color: #F7F7F7;
    margin: 0px; }

@media screen and (max-width: 992px) {
  .page-links {
    display: none; } }

.page-links ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none; }
  .page-links ul li a {
    display: block;
    color: white;
    padding: 20px 25px;
    font-size: 14pt;
    text-transform: uppercase;
    background-color: #4f964e;
    border-radius: 10px;
    margin-bottom: 10px; }
    .page-links ul li a:hover {
      background-color: #37622e;
      text-decoration: none; }
    .page-links ul li a.list-parent {
      background-color: #37622e; }
  .page-links ul li .children {
    display: none; }
  .page-links ul li.current_page_item a {
    background-color: #37622e; }

.contact-us_wrapper {
  background-color: #F7F7F7;
  padding: 20px;
  padding-top: 10px;
  text-align: left;
  color: white;
  font-size: 12pt;
  line-height: 22pt; }
  @media screen and (max-width: 992px) {
    .contact-us_wrapper {
      margin-top: 60px; } }
  @media screen and (max-width: 767px) {
    .contact-us_wrapper {
      margin-top: 15px; } }
  .contact-us_wrapper .gform_confirmation_wrapper_1 {
    margin-top: 20px; }
  .contact-us_wrapper .validation_error, .contact-us_wrapper .validation_message {
    background-color: #f6ddde; }
  .contact-us_wrapper .validation_message {
    padding: 10px !important;
    margin-top: -12px !important; }
  .contact-us_wrapper h2 {
    font-size: 16pt;
    text-align: center; }
    @media screen and (max-width: 1200px) {
      .contact-us_wrapper h2 {
        font-size: 14pt; } }
    @media screen and (max-width: 992px) {
      .contact-us_wrapper h2 {
        font-size: 18pt; } }
    @media screen and (max-width: 767px) {
      .contact-us_wrapper h2 {
        font-size: 14pt;
        line-height: 24pt; } }
  @media screen and (max-width: 1200px) {
    .contact-us_wrapper {
      font-size: 11pt;
      line-height: 20pt; } }
  .contact-us_wrapper .gform_fields, .contact-us_wrapper .gfield_error {
    margin: 0px;
    padding: 0px;
    list-style-type: none; }
    .contact-us_wrapper .gform_fields li, .contact-us_wrapper .gfield_error li {
      margin: 0px;
      padding: 0px !important; }
      .contact-us_wrapper .gform_fields li.gfield_error, .contact-us_wrapper .gfield_error li.gfield_error {
        max-width: 100% !important; }
  .contact-us_wrapper .gfield_label {
    color: #2e2e2e;
    font-size: 15pt !important;
    display: block !important;
    margin-bottom: 10px !important; }
  .contact-us_wrapper .ginput_container_text, .contact-us_wrapper .ginput_container_email, .contact-us_wrapper .ginput_container_textarea {
    margin: 0px !important;
    margin-bottom: 10px !important; }
    .contact-us_wrapper .ginput_container_text .large, .contact-us_wrapper .ginput_container_text .medium, .contact-us_wrapper .ginput_container_email .large, .contact-us_wrapper .ginput_container_email .medium, .contact-us_wrapper .ginput_container_textarea .large, .contact-us_wrapper .ginput_container_textarea .medium {
      border: 2px solid #979797;
      color: #2e2e2e;
      padding: 15px !important;
      width: 100% !important; }
  .contact-us_wrapper .gform_confirmation_wrapper {
    text-align: center;
    font-size: 14pt;
    background-color: white !important;
    color: #ea4444;
    padding: 10px;
    border: 5px solid #ea4444; }
    .contact-us_wrapper .gform_confirmation_wrapper h2 {
      color: #ea4444 !important;
      margin-bottom: 0px;
      text-shadow: none; }
    .contact-us_wrapper .gform_confirmation_wrapper p {
      margin: 0px !important; }
  .contact-us_wrapper .gform_footer {
    margin: 0px !important;
    padding: 0px !important;
    text-align: center; }
  .contact-us_wrapper .gform_button {
    margin-top: 0px !important;
    padding: 20px;
    background-position: 5% center;
    font-size: 16pt !important;
    display: inline-block !important;
    border-radius: 10px !important;
    background-color: #4f964e; }
    .contact-us_wrapper .gform_button:hover {
      background-color: #37622e !important; }
    @media screen and (max-width: 767px) {
      .contact-us_wrapper .gform_button {
        margin-top: 10px !important;
        font-size: 14pt !important;
        background-position: 12% center;
        padding-left: 50px; } }
  .contact-us_wrapper .gform_fields_1 {
    text-align: center; }
  .contact-us_wrapper #field_1_1, .contact-us_wrapper #field_1_2 {
    width: 49%;
    display: inline-block; }
    @media screen and (max-width: 767px) {
      .contact-us_wrapper #field_1_1, .contact-us_wrapper #field_1_2 {
        display: block;
        width: 100%; } }
  .contact-us_wrapper #field_1_2, .contact-us_wrapper #field_1_4 {
    margin-left: 2% !important; }
    @media screen and (max-width: 767px) {
      .contact-us_wrapper #field_1_2, .contact-us_wrapper #field_1_4 {
        display: block;
        width: 100%;
        margin-left: 0px !important; } }
#contact-sidebar {
  background-color: #37622e;
  color: white;
  padding: 20px;
  margin-top: 20px;
  margin-left: 30px;
  margin-bottom: 30px;
  font-size: 13pt;
  line-height: 23pt; }
  #contact-sidebar i {
    color: #89c189; }
  #contact-sidebar h3 {
    font-size: 14pt;
    line-height: 24pt;
    margin: 0px 0px 20px 0px; }
  @media screen and (max-width: 992px) {
    #contact-sidebar {
      width: 100%;
      margin: 20px 0px;
      margin-left: 0px; } }
  #contact-sidebar .newline {
    display: block; }
  #contact-sidebar .contact-detail-icon {
    margin-right: 5px;
    display: inline-block; }
  #contact-sidebar .name {
    margin-bottom: 20px;
    display: block;
    font-size: 14pt; }
  #contact-sidebar .streetAddress {
    display: inline-block;
    margin-bottom: 5px; }
  #contact-sidebar .addressLocality {
    display: block;
    margin-left: 20px;
    margin-bottom: 5px; }
  #contact-sidebar .addressRegion {
    display: block;
    margin-left: 20px;
    margin-bottom: 5px; }
  #contact-sidebar .postalCode {
    display: block;
    margin-left: 20px;
    margin-bottom: 20px; }
  #contact-sidebar .spacer {
    display: block; }
  #contact-sidebar .telephone {
    display: inline-block;
    margin-bottom: 10px; }
  #contact-sidebar .email {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 10pt; }
  #contact-sidebar .url {
    display: inline-block;
    color: white;
    font-size: 10pt;
    text-decoration: none; }
    #contact-sidebar .url:hover {
      text-decoration: underline; }
  #contact-sidebar a {
    color: white; }

.page-hero.events {
  background-image: url(images/bg-page-events.jpg) !important; }

.date-box {
  float: left;
  margin-right: 10px;
  background-color: white;
  border: 1px solid #ea4444;
  border-radius: 5px;
  padding: 5px 10px;
  min-width: 55px;
  text-align: center; }
  @media screen and (max-width: 1200px) {
    .date-box {
      padding: 3px 6px;
      min-width: 45px; } }
  @media screen and (max-width: 992px) {
    .date-box {
      padding: 5px 10px;
      min-width: 55px; } }
  @media screen and (max-width: 767px) {
    .date-box {
      padding: 3px 6px;
      min-width: 45px; } }
  .date-box .date {
    display: block;
    font-size: 18pt;
    color: #ea4444; }
    @media screen and (max-width: 1200px) {
      .date-box .date {
        font-size: 15pt; } }
    @media screen and (max-width: 992px) {
      .date-box .date {
        font-size: 18pt; } }
    @media screen and (max-width: 767px) {
      .date-box .date {
        font-size: 15pt; } }
  .date-box .month {
    display: block;
    color: #ea4444;
    font-size: 10pt;
    text-transform: uppercase; }

.event_info {
  overflow: hidden;
  margin-bottom: 20px; }
  .event_info .event_title {
    display: block;
    font-size: 16pt; }
    @media screen and (max-width: 1200px) {
      .event_info .event_title {
        font-size: 14pt; } }
    @media screen and (max-width: 992px) {
      .event_info .event_title {
        font-size: 15pt; } }
    @media screen and (max-width: 767px) {
      .event_info .event_title {
        font-size: 12pt; } }
    .event_info .event_title a {
      color: #2e2e2e;
      text-decoration: none;
      font-weight: normal; }
      .event_info .event_title a:hover {
        text-decoration: underline;
        color: #37622e; }
  .event_info .where_when {
    display: block;
    font-size: 12pt;
    margin-top: 5px;
    margin-bottom: 5px; }
    @media screen and (max-width: 992px) {
      .event_info .where_when {
        font-size: 12pt; } }
  .event_info .view_event {
    display: block;
    color: #4f964e;
    text-decoration: underline; }
    .event_info .view_event:hover {
      text-decoration: none;
      color: #37622e; }
  .event_info .full_date {
    display: block;
    font-size: 12pt; }
    @media screen and (max-width: 1200px) {
      .event_info .full_date {
        font-size: 12pt; } }
    @media screen and (max-width: 992px) {
      .event_info .full_date {
        font-size: 12pt; } }
    @media screen and (max-width: 767px) {
      .event_info .full_date {
        font-size: 10pt; } }
.working-items .working-on {
  margin: 0px 0px;
  padding: 0px;
  list-style-type: none; }
  .working-items .working-on li {
    vertical-align: top;
    border: 3px solid #37622e;
    background-color: #F7F7F7;
    border-radius: 5pt;
    padding: 10px;
    padding-left: 20px;
    margin-bottom: 20px;
    width: 48%;
    min-height: 150px;
    display: inline-block; }
    @media screen and (max-width: 992px) {
      .working-items .working-on li {
        width: 100%;
        min-height: 0px; } }
    .working-items .working-on li:nth-child(even) {
      margin-left: 20px; }
      @media screen and (max-width: 992px) {
        .working-items .working-on li:nth-child(even) {
          margin-left: 0px; } }
    .working-items .working-on li .agenda_icon {
      float: left;
      font-size: 25pt;
      color: #37622e;
      margin-right: 20px;
      vertical-align: top; }
      @media screen and (max-width: 767px) {
        .working-items .working-on li .agenda_icon {
          font-size: 20pt; } }
    .working-items .working-on li .working_on_details {
      overflow: hidden; }
      .working-items .working-on li .working_on_details a {
        font-size: 18pt;
        line-height: 26pt;
        display: block;
        color: #37622e;
        margin-bottom: 10px; }
        .working-items .working-on li .working_on_details a:hover {
          text-decoration: underline; }
        @media screen and (max-width: 767px) {
          .working-items .working-on li .working_on_details a {
            font-size: 14pt;
            line-height: 24pt;
            margin-bottom: 5px; } }
        .working-items .working-on li .working_on_details a.readmore {
          font-size: 12pt; }
      .working-items .working-on li .working_on_details .working_on_progress {
        font-size: 14pt;
        display: block; }
        @media screen and (max-width: 767px) {
          .working-items .working-on li .working_on_details .working_on_progress {
            font-size: 11pt;
            line-height: 20pt; } }
      .working-items .working-on li .working_on_details .status {
        font-weight: bold;
        margin-top: 10px;
        display: block; }

.agenda_back {
  display: block;
  float: left;
  background-color: #F7F7F7;
  color: #2e2e2e;
  font-size: 12pt;
  margin-top: 20px;
  margin-right: 20px;
  padding: 10px;
  border-radius: 5pt;
  max-width: 350px; }
  @media screen and (max-width: 992px) {
    .agenda_back {
      max-width: 100%;
      width: 100%; } }
  .agenda_back:hover {
    background-color: #37622e;
    color: white;
    text-decoration: none; }
  .agenda_back i {
    margin-right: 5px;
    font-size: 20pt;
    vertical-align: bottom; }

.agenda-details {
  padding: 0px 0px 20px 0px; }
  .agenda-details .agenda_description {
    margin-bottom: 20px;
    padding-bottom: 0px;
    border-bottom: solid 4px #d1d1d1; }
    .agenda-details .agenda_description p {
      font-size: 16pt;
      line-height: 26pt; }
      @media screen and (max-width: 767px) {
        .agenda-details .agenda_description p {
          font-size: 12pt;
          line-height: 22pt; } }
  .agenda-details .the_title h1 {
    margin: 20px 0px 20px 0px;
    color: #37622e;
    text-align: center;
    font-size: 28pt; }
    @media screen and (max-width: 767px) {
      .agenda-details .the_title h1 {
        margin: 20px 0px 10px 0px;
        font-size: 16pt;
        line-height: 26pt; } }
  .agenda-details h3 {
    font-size: 16pt;
    color: #37622e; }
    @media screen and (max-width: 767px) {
      .agenda-details h3 {
        font-size: 14pt; } }
  .agenda-details .a_related_documents, .agenda-details .a_current_status, .agenda-details .a_progress, .agenda-details .a_more_info, .agenda-details .a_meeting_minutes {
    margin-bottom: 30px; }
  .agenda-details .status, .agenda-details .progress {
    font-size: 14pt;
    line-height: 24pt; }
    @media screen and (max-width: 767px) {
      .agenda-details .status, .agenda-details .progress {
        font-size: 12pt; } }
  .agenda-details .progress_colour i {
    margin-right: 10px; }
  .agenda-details .progress_colour.green {
    color: #4f964e; }
  .agenda-details .progress_colour.orange {
    color: #fcb823; }
  .agenda-details .progress_colour.red {
    color: #ea4444; }
  .agenda-details .meeting_minute_number {
    font-size: 20pt;
    display: inline-block;
    padding: 10px;
    border-radius: 5pt;
    border: 2px solid #2e2e2e; }
    @media screen and (max-width: 767px) {
      .agenda-details .meeting_minute_number {
        font-size: 16pt; } }
  .agenda-details .download_minutes_link {
    font-size: 14pt;
    color: #4f964e; }
    @media screen and (max-width: 767px) {
      .agenda-details .download_minutes_link {
        font-size: 12pt;
        line-height: 22pt; } }
    .agenda-details .download_minutes_link i {
      margin-right: 5px; }
    .agenda-details .download_minutes_link:hover {
      text-decoration: underline;
      color: #37622e; }
  .agenda-details .related_document {
    margin-bottom: 10px;
    font-size: 15pt;
    line-height: 30pt; }
    .agenda-details .related_document i {
      color: #4f964e;
      margin-right: 5px;
      vertical-align: middle;
      font-size: 20pt; }
    @media screen and (max-width: 767px) {
      .agenda-details .related_document {
        font-size: 13pt;
        line-height: 22pt; } }
    .agenda-details .related_document a {
      color: #4f964e; }
      .agenda-details .related_document a:hover {
        text-decoration: underline;
        color: #37622e; }
  .agenda-details .agenda_updates {
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .agenda-details .agenda_updates h2 {
        font-size: 16pt; } }
    .agenda-details .agenda_updates .an_update {
      padding: 20px;
      position: relative;
      color: #2e2e2e;
      border-left: 4px solid #37622e; }
      .agenda-details .agenda_updates .an_update p {
        font-size: 12pt;
        margin-top: 40px;
        margin-bottom: 0px; }
      .agenda-details .agenda_updates .an_update:before {
        content: attr(date-is);
        position: absolute;
        left: 20px;
        font-weight: bold;
        top: 10px;
        display: block;
        color: #4f964e;
        font-weight: 700;
        font-size: 16pt; }
      .agenda-details .agenda_updates .an_update:after {
        width: 20px;
        height: 20px;
        display: block;
        top: 1em;
        position: absolute;
        left: -12px;
        border-radius: 10px;
        content: '';
        border: 4px solid #4f964e;
        background: white; }
      .agenda-details .agenda_updates .an_update:last-child {
        border-image: linear-gradient(to bottom, #37622e 60%, rgba(55, 98, 46, 0)) 1 100%; }

@media screen and (max-width: 767px) {
  .meet-the-councillors {
    text-align: center; } }

.meet-the-councillors .profile-picture {
  max-width: 100%;
  height: auto;
  border-radius: 10pt 10pt 0pt 0pt; }

.meet-the-councillors .caption {
  margin-bottom: 30px;
  min-height: 110px;
  padding: 15px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #F7F7F7;
  border-radius: 0pt 0pt 10pt 10pt;
  text-align: center; }
  @media screen and (max-width: 992px) {
    .meet-the-councillors .caption {
      min-height: 80px; } }
  .meet-the-councillors .caption .title {
    font-size: 15pt;
    font-weight: bold;
    display: block; }
  .meet-the-councillors .caption .role {
    font-size: 12pt;
    margin-top: 5px;
    display: block; }
  .meet-the-councillors .caption .download_register_of_interests {
    font-size: 10pt;
    display: block;
    color: #9e9e9e;
    margin-top: 5px; }
    .meet-the-councillors .caption .download_register_of_interests:hover {
      text-decoration: underline; }

.policy-list {
  margin: 30px 0px; }
  .policy-list .download_policy {
    font-size: 14pt;
    display: block;
    margin-bottom: 15px;
    line-height: 24pt;
    color: #4f964e; }
    .policy-list .download_policy i {
      margin-right: 5px; }
    .policy-list .download_policy:hover {
      text-decoration: underline;
      color: #37622e; }

.q_and_a .question p {
  font-size: 18pt;
  line-height: 28pt;
  color: #37622e; }
  @media screen and (max-width: 767px) {
    .q_and_a .question p {
      font-size: 15pt;
      line-height: 25pt; } }
.q_and_a .answer {
  margin-top: 20px;
  padding-top: 0px;
  border-top: 3px solid #d1d1d1; }
  .q_and_a .answer a {
    color: #4f964e;
    text-decoration: underline; }
    .q_and_a .answer a:hover {
      text-decoration: none;
      color: #37622e; }

.q_and_a .report_it_link .cta, .q_and_a .report_it_link .nhplan_wrapper .gform_button, .nhplan_wrapper .q_and_a .report_it_link .gform_button, .q_and_a .report_it_link .news-listing .news-entry .read-more, .news-listing .news-entry .q_and_a .report_it_link .read-more, .q_and_a .report_it_link .contact-us_wrapper .gform_button, .contact-us_wrapper .q_and_a .report_it_link .gform_button {
  color: white;
  text-align: center;
  display: block;
  padding: 10px;
  margin-top: 40px;
  border-radius: 5pt;
  font-size: 14pt;
  background: #4f964e; }
  .q_and_a .report_it_link .cta:hover, .q_and_a .report_it_link .nhplan_wrapper .gform_button:hover, .nhplan_wrapper .q_and_a .report_it_link .gform_button:hover, .q_and_a .report_it_link .news-listing .news-entry .read-more:hover, .news-listing .news-entry .q_and_a .report_it_link .read-more:hover, .q_and_a .report_it_link .contact-us_wrapper .gform_button:hover, .contact-us_wrapper .q_and_a .report_it_link .gform_button:hover {
    background-color: #37622e;
    color: white;
    text-decoration: none; }
  @media screen and (max-width: 767px) {
    .q_and_a .report_it_link .cta, .q_and_a .report_it_link .nhplan_wrapper .gform_button, .nhplan_wrapper .q_and_a .report_it_link .gform_button, .q_and_a .report_it_link .news-listing .news-entry .read-more, .news-listing .news-entry .q_and_a .report_it_link .read-more, .q_and_a .report_it_link .contact-us_wrapper .gform_button, .contact-us_wrapper .q_and_a .report_it_link .gform_button {
      font-size: 12pt; } }
.q_and_a .la_link {
  margin-top: 40px; }
  .q_and_a .la_link a {
    display: block; }
    .q_and_a .la_link a img {
      max-width: 250px; }
      @media screen and (max-width: 767px) {
        .q_and_a .la_link a img {
          max-width: 50%;
          display: block;
          margin: 10px 0px; } }
.cant_find {
  text-align: center;
  display: block;
  color: #2e2e2e;
  margin-top: 30px; }
  .cant_find:hover {
    text-decoration: underline;
    color: #4f964e; }

.financial_data .finance_tab {
  background-color: white;
  border: 2px solid #dcd7c8;
  padding: 10px; }
  .financial_data .finance_tab h2 {
    color: #2e2e2e;
    display: none; }
    @media screen and (max-width: 767px) {
      .financial_data .finance_tab h2 {
        display: block;
        margin: 0px 0px 10px 0px;
        font-size: 16pt; } }
  .financial_data .finance_tab .download_document {
    display: block;
    padding: 10px;
    font-size: 14pt;
    color: #2e2e2e; }
    .financial_data .finance_tab .download_document i {
      color: #4f964e;
      margin-right: 5px; }
    .financial_data .finance_tab .download_document:hover {
      text-decoration: underline;
      color: #4f964e; }

.tab-container {
  margin: 0px 0px; }
  .tab-container ul.tabs {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    border-bottom: 2px solid #dcd7c8;
    display: block; }
    @media screen and (max-width: 767px) {
      .tab-container ul.tabs {
        display: none; } }
  .tab-container ul.tabs li {
    background-color: #dcd7c8;
    color: #2e2e2e;
    display: inline-block;
    padding: 10px 15px;
    border: 2px solid #dcd7c8;
    font-size: 16pt;
    text-transform: uppercase;
    line-height: 28pt;
    cursor: pointer;
    margin-left: 4px;
    margin-bottom: -2px;
    border-bottom-color: #dcd7c8;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .tab-container ul.tabs li a {
      color: #2e2e2e; }
    @media screen and (max-width: 1200px) {
      .tab-container ul.tabs li {
        font-size: 12pt; } }
    @media screen and (max-width: 992px) {
      .tab-container ul.tabs li {
        font-size: 9pt;
        padding: 10px 10px; } }
    .tab-container ul.tabs li:hover {
      background-color: #fffaeb;
      color: #2e2e2e; }
    .tab-container ul.tabs li:first-child {
      margin-left: 0px; }
    .tab-container ul.tabs li.tab-link-smaller {
      font-size: 10pt; }
    .tab-container ul.tabs li:first-child {
      margin-left: 10px; }
  .tab-container ul.tabs li.current {
    background-color: #fffaeb;
    text-transform: uppercase;
    color: #2e2e2e;
    font-size: 16pt;
    border-color: #dcd7c8;
    border-bottom-color: #fffaeb; }
    .tab-container ul.tabs li.current:hover {
      color: #2e2e2e; }
    @media screen and (max-width: 992px) {
      .tab-container ul.tabs li.current {
        font-size: 14pt; } }
  .tab-container .tab-content {
    display: none;
    margin: 0px;
    border: 2px solid #dcd7c8;
    border-top: 0px;
    padding: 5px;
    background-color: #fffaeb; }
    @media screen and (max-width: 767px) {
      .tab-container .tab-content {
        display: block;
        margin: 20px 0px;
        padding: 0px;
        border: 5px solid #dcd7c8; } }
  .tab-container .tab-content.current {
    display: inherit; }

.next_meeting_date {
  color: #4f964e;
  font-weight: bold;
  font-size: 15pt;
  line-height: 25pt;
  text-align: center;
  margin: 0px 0px 30px 0px; }
  @media screen and (max-width: 767px) {
    .next_meeting_date {
      font-size: 13pt;
      line-height: 23pt; } }
.current_date_range {
  margin-bottom: 30px;
  color: #37622e;
  text-align: center;
  font-size: 20pt;
  font-weight: bold; }
  .current_date_range span {
    display: block;
    font-size: 15pt;
    margin-bottom: 10px; }
  @media screen and (max-width: 992px) {
    .current_date_range {
      font-size: 15pt;
      line-height: 25pt; }
      .current_date_range span {
        display: block;
        font-size: 10pt; } }
.meeting-dates {
  background-color: #fffaeb;
  border: 2px solid #dcd7c8;
  padding: 20px;
  padding-bottom: 0px;
  border-radius: 5pt; }
  @media screen and (max-width: 767px) {
    .meeting-dates {
      padding: 10px;
      padding-bottom: 0px; } }
  .meeting-dates .meeting-date {
    background-color: white;
    border: 2px solid #dcd7c8;
    border-radius: 5pt;
    margin-bottom: 20px;
    padding: 20px;
    color: #515151;
    text-align: center;
    min-height: 270px; }
    @media screen and (max-width: 1200px) {
      .meeting-dates .meeting-date {
        min-height: 290px;
        padding: 10px; } }
    @media screen and (max-width: 767px) {
      .meeting-dates .meeting-date {
        min-height: 0px;
        margin-bottom: 10px; } }
    .meeting-dates .meeting-date h3 {
      margin: 0px 0px 20px 0px;
      text-align: center; }
    .meeting-dates .meeting-date .type {
      font-weight: bold;
      display: block; }
    .meeting-dates .meeting-date .time {
      font-size: 10pt;
      display: inline-block; }
    .meeting-dates .meeting-date .location {
      display: inline-block;
      font-size: 10pt; }
    .meeting-dates .meeting-date .files {
      margin-top: 20px; }
      .meeting-dates .meeting-date .files .agenda_link, .meeting-dates .meeting-date .files .minutes_link {
        display: block;
        margin-bottom: 10px; }
        .meeting-dates .meeting-date .files .agenda_link a, .meeting-dates .meeting-date .files .minutes_link a {
          color: #2e2e2e; }
          .meeting-dates .meeting-date .files .agenda_link a i, .meeting-dates .meeting-date .files .minutes_link a i {
            color: #4f964e;
            font-size: 16pt;
            vertical-align: top; }
          .meeting-dates .meeting-date .files .agenda_link a:hover, .meeting-dates .meeting-date .files .minutes_link a:hover {
            text-decoration: underline;
            color: #4f964e; }
      .meeting-dates .meeting-date .files .no_minutes {
        opacity: 0.7; }
    .meeting-dates .meeting-date.skip, .meeting-dates .meeting-date.empty {
      background-color: #fffdf5; }

.archived-meetings {
  margin-top: 50px;
  margin-bottom: 50px; }
  .archived-meetings h2 {
    text-align: center;
    margin: 0px 0px 30px 0px; }
    @media screen and (max-width: 767px) {
      .archived-meetings h2 {
        font-size: 13pt; } }
  .archived-meetings .archive_title {
    display: block;
    background-color: #eeeeee;
    text-align: center;
    padding: 15px;
    color: #2e2e2e;
    border-radius: 5pt;
    margin-bottom: 20px; }
    .archived-meetings .archive_title:hover {
      background-color: #4f964e;
      color: white;
      text-decoration: none; }
    @media screen and (max-width: 992px) {
      .archived-meetings .archive_title {
        margin-bottom: 20px; } }
.page-footer {
  background-color: #37622e;
  padding: 30px 0px;
  color: white; }
  @media screen and (max-width: 767px) {
    .page-footer {
      text-align: center; } }
  .page-footer .footer_title {
    font-size: 14pt; }
    @media screen and (max-width: 1200px) {
      .page-footer .footer_title {
        font-size: 12pt; } }
    @media screen and (max-width: 992px) {
      .page-footer .footer_title {
        font-size: 10pt; } }
  .page-footer .footer_details {
    font-size: 10pt;
    color: white;
    display: block;
    margin-top: 10px;
    line-height: 20pt; }
    @media screen and (max-width: 1200px) {
      .page-footer .footer_details {
        font-size: 9pt; } }
    @media screen and (max-width: 767px) {
      .page-footer .footer_details {
        margin-top: 20px; } }
  .page-footer .footer_right {
    text-align: right; }
    @media screen and (max-width: 767px) {
      .page-footer .footer_right {
        text-align: center; } }
  .page-footer #footer-primary {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    list-style-type: none; }
    @media screen and (max-width: 767px) {
      .page-footer #footer-primary {
        margin-left: 0px; } }
    .page-footer #footer-primary li {
      display: inline-block; }
      @media screen and (max-width: 992px) {
        .page-footer #footer-primary li {
          display: block; } }
      .page-footer #footer-primary li .sub-menu {
        display: none; }
      .page-footer #footer-primary li:last-child a {
        border-right: 0px;
        margin-right: 0px;
        padding-right: 0px; }
      .page-footer #footer-primary li a {
        color: white;
        margin-right: 6px;
        border-right: 1px solid white;
        padding-right: 10px;
        font-size: 10pt;
        text-decoration: underline;
        display: block; }
        @media screen and (max-width: 1200px) {
          .page-footer #footer-primary li a {
            font-size: 8pt; } }
        @media screen and (max-width: 992px) {
          .page-footer #footer-primary li a {
            border-right: 0px;
            margin-right: 0px;
            padding-right: 0px;
            margin-bottom: 5px; } }
        .page-footer #footer-primary li a:hover {
          color: #849f7f; }
    @media screen and (max-width: 992px) {
      .page-footer #footer-primary {
        text-align: right; } }
    @media screen and (max-width: 767px) {
      .page-footer #footer-primary {
        text-align: center; }
        .page-footer #footer-primary li a {
          text-decoration: underline; }
          .page-footer #footer-primary li a:hover {
            color: white; } }
  .page-footer #footer-other {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    list-style-type: none; }
    @media screen and (max-width: 767px) {
      .page-footer #footer-other {
        margin-left: 0px; } }
    .page-footer #footer-other li {
      display: inline-block; }
      .page-footer #footer-other li .sub-menu {
        display: none; }
      .page-footer #footer-other li:last-child a {
        border-right: 0px;
        margin-right: 0px;
        padding-right: 0px; }
      .page-footer #footer-other li a {
        color: white;
        margin-right: 6px;
        border-right: 1px solid #849f7f;
        padding-right: 10px;
        font-size: 10pt;
        display: block;
        text-decoration: underline; }
        .page-footer #footer-other li a:hover {
          color: #849f7f; }
        @media screen and (max-width: 1200px) {
          .page-footer #footer-other li a {
            font-size: 8pt; } }
    @media screen and (max-width: 992px) {
      .page-footer #footer-other {
        text-align: right; } }
    @media screen and (max-width: 767px) {
      .page-footer #footer-other {
        text-align: center; }
        .page-footer #footer-other li a {
          text-decoration: underline; }
          .page-footer #footer-other li a:hover {
            color: white; } }
  .page-footer .designed_by a {
    color: white;
    font-size: 10pt; }
    @media screen and (max-width: 1200px) {
      .page-footer .designed_by a {
        font-size: 8pt; } }
    .page-footer .designed_by a:hover {
      text-decoration: underline;
      color: white; }

.nbhplan-note {
  background-color: #fffaea;
  padding: 10px;
  border: 2px solid #dcd7c7;
  border-radius: 5pt;
  font-size: 12pt;
  line-height: 22pt;
  color: black; }

.nbhplan-resources {
  margin-top: 40px; }
  .nbhplan-resources .nbhplan-resource {
    opacity: 1; }
    .nbhplan-resources .nbhplan-resource img {
      max-width: 100%;
      height: auto; }
    .nbhplan-resources .nbhplan-resource:hover {
      opacity: 0.8; }

.nhplan_wrapper {
  padding: 20px;
  background-color: #F7F7F7;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 5pt; }
  .nhplan_wrapper .gfield .gform-field-label {
    font-size: 15pt !important;
    line-height: 25pt;
    font-weight: bold !important;
    color: #37622e; }
  .nhplan_wrapper .gfield .gfield_description {
    font-size: 12pt;
    line-height: 22pt !important;
    color: white; }
  .nhplan_wrapper .gfield .gfield_required_text {
    color: white !important;
    opacity: 0.5; }
  .nhplan_wrapper .gfield .ginput_container input[type=text] {
    padding: 20px;
    font-size: 14pt;
    color: #2e2e2e;
    font-family: 'Montserrat', sans-serif;
    border: 2px solid #2e2e2e; }
  .nhplan_wrapper .gfield .ginput_container textarea {
    padding: 20px;
    font-size: 14pt;
    color: #2e2e2e;
    font-family: 'Montserrat', sans-serif;
    border: 2px solid #2e2e2e; }
  .nhplan_wrapper .gform_button {
    margin-top: 0px !important;
    padding: 20px;
    width: 100%;
    font-size: 14pt !important;
    font-weight: bold;
    display: inline-block !important;
    border-radius: 10px !important;
    background-color: #4f964e;
    font-family: 'Montserrat', sans-serif; }
    .nhplan_wrapper .gform_button:hover {
      background-color: #37622e !important; }
    @media screen and (max-width: 767px) {
      .nhplan_wrapper .gform_button {
        margin-top: 10px !important;
        font-size: 14pt !important;
        background-position: 12% center;
        padding-left: 50px; } }
.contact-form_wrapper {
  margin-top: 40px; }

/* Show the menu when animating or visible */
.animating .mobile_panel, .menu-visible .mobile_panel {
  display: block; }

/***
 * If the animating class is present then apply
 * the CSS transition to #page over 250ms.
 */
.animating .wrapper {
  transition: transform .25s ease-in-out;
  -webkit-transition: -webkit-transform .25s ease-in-out; }

/***
 * If the left class is present then transform
 * the #page element 240px to the left.
 */
.animating.left .wrapper {
  transform: translate3d(-260px, 0, 0);
  -webkit-transform: translate3d(-260px, 0, 0); }

/***
 * If the right class is present then transform
 * the #page element 240px to the right.
 */
.animating.right .wrapper {
  transform: translate3d(260px, 0, 0);
  -webkit-transform: translate3d(260px, 0, 0); }

/***
 * If the menu-visible class is present then
 * shift the #page 240px from the right edge
 * via position: absolute to keep it in the 
 * open position. When .animating, .left and
 * .right classes are not present the CSS
 * transform does not apply to #page.
 */
.menu-visible .wrapper {
  right: 260px; }

.wrapper, .mobile_panel {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }