/* Scss Document */
/* ------ START: Global Reset ------ */
* {
  padding: 0;
  margin: 0; }

a {
  outline: none; }

a img {
  border: none; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
form,
label,
ul,
ol,
dl,
fieldset,
address {
  margin: 0; }

img,
object,
embed,
video {
  border: 0;
  height: auto;
  max-width: 100%; }

iframe {
  border: 0;
  max-width: 100%; }

table,
pre,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol {
  margin-bottom: 1em; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

/* HTML5 tags */
header,
section,
footer,
aside,
nav,
article,
figure,
main {
  display: block; }

html {
  -webkit-text-size-adjust: none; }

/* ------ END: Global Reset ------ */
/* -- SKIP LINKS START -- */
a#skiplink {
  position: absolute;
  top: auto;
  left: -99999px;
  height: 1px;
  width: 1px;
  overflow: hidden; }

/* -- SKIP LINKS END -- */
.fancybox-inner {
  overflow: auto !important; }

/* -- GENERAL STYLES START -- */
body {
  background: #fff;
  color: #3b3639;
  font-family: "Lato", sans-serif; }

::-moz-selection {
  background: #090707;
  color: #fff; }

::selection {
  background: #090707;
  color: #fff; }

::-moz-selection {
  background: #090707;
  color: #fff; }

a,
a:link {
  color: #52895f;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }

a:visited {
  color: #2c4933; }

a:hover {
  color: #37a451; }

.btn:link,
.btn:visited {
  font-family: "Rokkitt", serif;
  font-weight: bold;
  color: #fff;
  background: #52895f;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.875em;
  /* 30/16 */
  border-radius: .125em;
  padding: .36666666666666664em .5em .3em;
  /* 11/30 | 15/30 | 9/30 */
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.25); }

.btn:hover {
  -webkit-filter: saturate(1.25);
  filter: saturate(1.25); }

.btn:nth-child(even) {
  background: #c24939; }

.clear {
  clear: both; }

hr {
  background-color: #b8b8b8;
  border: medium none;
  clear: both;
  color: #b8b8b8;
  display: block;
  height: 1px;
  margin: 1.25em 0;
  /* 20/16 */ }

img[style*="float: right"],
img[align=right] {
  display: block;
  float: right;
  margin: 0 0 1.25em 1.25em; }

img[style*="float: left"],
img[align=left] {
  display: block;
  float: left;
  margin: 0 1.25em 1.25em 0; }

p,
ol,
ul,
dl {
  line-height: 1.5em;
  margin: 0 0 1.5em; }

ol,
ul {
  margin: 0 0 1.5em 5%; }
  ol ol,
  ol ul,
  ol p,
  ul ol,
  ul ul,
  ul p {
    margin-bottom: 0;
    font-size: 1em; }

ul p:last-child,
ol p:last-child,
blockquote p:last-child {
  margin-bottom: 0; }

dt {
  font-weight: bold;
  font-style: italic; }

table {
  border-collapse: collapse;
  width: 100%; }

th {
  background: #333;
  border: 1px solid #fff;
  color: #fff;
  padding: .625em;
  /* 10/16 */ }

td {
  border: 1px solid #fff;
  padding: .625em;
  /* 10/16 */ }

table tr:nth-child(odd) {
  background: #eee; }

table tr:nth-child(even) {
  background: #dedede; }

.wrapper {
  margin: 0 auto;
  max-width: 1248px;
  width: 100%; }

/* -- GENERAL STYLES END -- */
/* -- NAV (GENERAL) START -- */
nav ul {
  list-style-type: none;
  margin: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

nav a:link,
nav a:visited {
  display: block;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  text-decoration: none; }

/* -- NAV (GENERAL) END -- */
/* -- MAIN NAV START -- */
header {
  border-bottom: 1px solid #c24939;
  padding: 0 0 .625em;
  /* 10/16 */ }
  header nav {
    background: #211e20;
    text-align: center;
    position: relative;
    z-index: 100; }
    header nav a:link,
    header nav a:visited {
      display: block;
      padding: .16666666666666666em 3.295454545454545vw;
      /* 5/30 | 58/1760 */
      position: relative; }
    header nav a:hover,
    header nav .current > a {
      background: #090707;
      color: #c24939; }
    header nav ul {
      font-size: 1.875em;
      /* 30/16 */
      font-weight: 300; }
      header nav ul li {
        position: relative;
        margin: 0; }
        header nav ul li:after {
          content: "";
          position: absolute;
          top: .5em;
          /* 15/30 */
          bottom: .5em;
          /* 15/30 */
          width: 1px;
          background: #52895f;
          right: 0; }
        header nav ul li:last-child:after {
          display: none; }
        header nav ul li:hover ul {
          display: block; }
      header nav ul ul {
        background: rgba(33, 30, 32, 0.9);
        position: absolute;
        font-weight: 400;
        font-size: .7em;
        /* 21/30 */
        display: none;
        width: 15em;
        max-width: 100%;
        z-index: 100; }
        header nav ul ul a:link,
        header nav ul ul a:visited {
          text-align: left;
          padding: .47619047619047616em .7142857142857143em;
          /* 15/21 */ }
        header nav ul ul li {
          display: block; }
          header nav ul ul li:after {
            display: none; }
    header nav .current .current a,
    header nav ul ul a:hover {
      background: #090707; }
  header .secondary-nav {
    background: transparent;
    margin: 0 0 1.5625em;
    /* 25/16 */ }
    header .secondary-nav ul {
      font-size: 1.5em;
      text-align: right;
      display: block; }
      header .secondary-nav ul li {
        display: inline-block;
        vertical-align: middle;
        width: auto; }
        header .secondary-nav ul li:after {
          background: #dddcdd;
          top: .375em;
          bottom: .375em; }
      header .secondary-nav ul a:link,
      header .secondary-nav ul a:visited {
        color: #52895f;
        padding: 0 .625em;
        /* 15/24 */
        font-weight: 400;
        text-shadow: none; }
      header .secondary-nav ul a:hover,
      header .secondary-nav ul .current a {
        color: #c24939;
        background: transparent; }
    header .secondary-nav li:last-child a {
      padding-right: 0; }

/* -- MAIN NAV END -- */
.hdr-top {
  border-bottom: 1px solid #c24939;
  margin: 0 0 .625em;
  /* 10/16 */
  padding: 1.5625em 0 .9375em;
  /* 25/16 | 15/16 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.hdr-cntrls {
  margin: 1em 5.3977272727272725vw 0 0;
  /* 95/1760 */ }

.logo {
  text-decoration: none;
  margin: 0 auto 0 5.3977272727272725vw;
  /* 95/1760 */ }
  .logo img {
    display: inline-block;
    vertical-align: middle;
    width: 6.25em;
    /* 100/16 */
    height: auto; }
  .logo .logo-text {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 .625em;
    /* 10/16 */ }
    .logo .logo-text .main {
      font-family: "Rokkitt", serif;
      font-weight: 700;
      color: #3b3639;
      font-size: 2.5em;
      /* 40/16 */
      display: block;
      text-transform: uppercase;
      line-height: .75;
      letter-spacing: -.025rem;
      /* 25/1000 */ }
    .logo .logo-text .sub {
      color: #52895f;
      font-family: "Kaushan Script", cursive;
      display: block;
      font-size: 2.75em;
      /* 44/16 */
      line-height: .75; }
  .logo:hover {
    -webkit-filter: saturate(1.25);
    filter: saturate(1.25); }

.home-hdr {
  background-position: center top;
  background-repeat: no-repeat;
  height: 0;
  padding-bottom: 622px;
  position: relative; }

.home-hdr-btns {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  left: 5.3977272727272725vw;
  /* 95/1760 */
  right: 5.3977272727272725vw;
  /* 95/1760 */
  bottom: 1.875em;
  /* 30/16 */
  width: 38.125em;
  /* 610/16 */ }
  .home-hdr-btns .btn {
    width: calc(50% - .5em); }

.home-features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.875em 5.3977272727272725vw 0;
  /* 95/1760 */
  margin: 1.875em 0;
  /* 30/16 */
  border-top: 1px solid #c24939; }
  .home-features a {
    text-decoration: none;
    width: calc(33.333333% - 2.4431818181818183vw);
    /* 43/1760 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .home-features a:hover {
      -webkit-filter: saturate(1.25);
      filter: saturate(1.25); }
      .home-features a:hover .feature-text {
        -webkit-transform: translateY(-0.90909vw);
        -ms-transform: translateY(-0.90909vw);
        transform: translateY(-0.90909vw); }
  .home-features img {
    display: block;
    margin: 0 auto;
    width: 100%; }
  .home-features .feature-text {
    background: #fff;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.25);
    margin: -4.545454545454546vw 1.7045454545454544vw 0 1.7045454545454544vw;
    /* 30/1760 */
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    z-index: 100;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out; }
  .home-features h3 {
    color: #fff;
    background: #c24939;
    font-family: "Rokkitt", serif;
    font-size: 2.25em;
    /* 36/16 */
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
    margin: 0;
    padding: .4166666666666667em .8333333333333334em;
    /* 15/36 | 30/36 */ }
  .home-features p {
    color: #3b3639;
    font-size: 1.25em;
    line-height: 1.3em;
    /* 26/20 */
    padding: 1.5em 1.5em 2.5em 1.5em;
    /* 30/20 */
    margin: 0;
    position: relative; }
    .home-features p:after {
      content: url("/img/arrow.svg");
      position: absolute;
      width: 1.35em;
      /* 27/20 */
      height: .95em;
      /* 19/20 */
      right: 1.5em;
      bottom: 1em; }
  .home-features a:nth-child(even) h3 {
    background: #52895f; }

.home-container {
  margin: 0 5.3977272727272725vw;
  /* 95/1760 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .home-container .events {
    background: #2e2a2c;
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30em;
    flex: 0 0 30em;
    /* 480/16 */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.25);
    padding: 1.875em 0 .9375em;
    /* 30/16 */
    position: relative;
    margin: -7.875em 0 0;
    /* 124/16 */ }
    .home-container .events:after {
      content: url(/img/esquimalt-nation-mask.svg);
      mix-blend-mode: multiply;
      opacity: .1;
      position: absolute;
      bottom: 2.8125em;
      /* 45/16 */
      width: 75%;
      max-width: 19.375em;
      /* 310/16 */ }
    .home-container .events h2 {
      font-family: "Rokkitt", serif;
      text-align: center;
      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
      font-size: 2em;
      background: #52895f;
      padding: .28125em .46875em;
      /* 8/32 */
      margin: 0 -.46875em;
      /* 15/32 */
      position: relative;
      z-index: 1; }
      .home-container .events h2:before {
        position: absolute;
        left: 0;
        bottom: -.3125em;
        content: "";
        width: 0;
        height: 0;
        border-top: 0.3125em solid #35593e;
        border-left: .46875em solid transparent; }
      .home-container .events h2:after {
        position: absolute;
        right: 0;
        bottom: -.3125em;
        content: "";
        width: 0;
        height: 0;
        border-top: 0.3125em solid #35593e;
        border-right: .46875em solid transparent; }
    .home-container .events .event:link,
    .home-container .events .event:visited {
      padding: .9375em;
      /* 15/16 */
      margin: .9375em 1.25em;
      /* 20/16 */
      color: #fff;
      text-decoration: none;
      position: relative;
      z-index: 1;
      display: block; }
      .home-container .events .event:link:last-child:after,
      .home-container .events .event:visited:last-child:after {
        display: none; }
      .home-container .events .event:link:after,
      .home-container .events .event:visited:after {
        content: "";
        height: 1px;
        background: #52895f;
        width: 92%;
        left: 4%;
        position: absolute;
        bottom: -.5em; }
      .home-container .events .event:link h3,
      .home-container .events .event:visited h3 {
        color: #c24939;
        font-size: 1.5em;
        font-weight: 900;
        margin: 0 0 .375em; }
      .home-container .events .event:link p,
      .home-container .events .event:visited p {
        font-size: 1.125em;
        /* 18/16 */
        margin: 0; }
    .home-container .events .event:hover {
      background: #090707;
      -webkit-filter: saturate(1.25);
      filter: saturate(1.25); }
    .home-container .events .event-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .home-container .events .event-text {
      margin-right: 1.875em;
      /* 30/16 */ }
    .home-container .events time {
      text-align: center;
      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
      background: #c24939;
      font-weight: 900;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 5.625em;
      flex: 0 0 5.625em;
      /* 90/16 */
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: .625em;
      /* 10/16 */
      margin-left: auto; }
      .home-container .events time .month {
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
        font-size: 1.5em;
        text-transform: uppercase;
        line-height: 1;
        letter-spacing: .05em;
        /* 50/1000 */ }
      .home-container .events time .day {
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
        font-size: 2.75em;
        /* 44/16 */
        line-height: 1; }

#content a[href*="//"]:not([href*="esquimaltnation.ca"]):after {
  content: url("/img/external.svg");
  display: inline-block;
  margin: 0 .25em;
  width: .75em;
  height: .75em; }

#content a[href$=".pdf"]:after {
  content: url("/img/pdf.svg");
  display: inline-block;
  margin: 0 .25em;
  width: .75em;
  height: .75em;
  /* PDF file */ }

#content .gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -.9375em;
  /* 15/16 */ }
  #content .gallery img {
    display: block;
    width: 100%; }
  #content .gallery a:link,
  #content .gallery a:visited {
    background: #211e20;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 .9375em 1.875em;
    /* 15/16 */
    width: calc(16.66666666666667% - 1.875em); }
  #content .gallery a:hover {
    opacity: .5; }

.default-container {
  margin: 0 5.3977272727272725vw;
  /* 95/1760 */
  padding: 2.556818181818182vw 0;
  /* 45/1760 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .default-container main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .default-container aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23.125em;
    flex: 0 0 23.125em;
    /* 370/16 */
    max-width: 23.125em;
    /* 370/16 */
    margin: 0 0 0 7.5em;
    /* 120/16 */ }
  .default-container .sidebar-image {
    width: 100%;
    max-width: 23.125em;
    /* 370/16 */
    display: block;
    margin: 0 auto; }
  .default-container .sidebar-image + .sidebar {
    border-radius: 0 0 .875em .875em; }
  .default-container .sidebar {
    background: #efefef;
    padding: 1.25em;
    border-radius: .25em;
    border: 1px solid #ddd; }
    .default-container .sidebar a {
      display: block; }
    .default-container .sidebar .btn:link,
    .default-container .sidebar .btn:visited {
      font-size: 1.375em;
      background: #c24939; }
      p .default-container .sidebar .btn:link, p
      .default-container .sidebar .btn:visited {
        font-size: 1em; }
    .default-container .sidebar p,
    .default-container .sidebar ul,
    .default-container .sidebar ol {
      font-size: 1.25em; }
    .default-container .sidebar p:last-child {
      margin: 0; }
    .default-container .sidebar h2 {
      border-bottom: 1px solid #52895f; }
    #content .default-container .sidebar .gallery {
      margin: 0 -.5em;
      /* 15/16 */ }
      #content .default-container .sidebar .gallery a:link,
      #content .default-container .sidebar .gallery a:visited {
        margin: 0 .5em 1em;
        /* 15/16 */
        width: calc(33.33333333% - 1em); }

.subnav {
  margin: 1.5em 0 1.875em; }
  .subnav ul {
    display: block; }
  .subnav li:not(:last-of-type) {
    border-bottom: 1px solid #efefef; }
  .subnav a:link,
  .subnav a:visited {
    color: #52895f;
    text-shadow: none;
    font-size: 1.375em;
    padding: .75em .5em;
    margin: .25em 0; }
  .subnav a:hover {
    color: #c24939; }
  .subnav .current a:link,
  .subnav .current a:visited {
    color: #c24939; }

.contact-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .contact-container .content-column,
  .contact-container .contact-form {
    width: calc(50% - 1.875em);
    /* 30/16 */ }

#body-home main {
  margin-right: 8.238636363636363vw;
  /* 145/1760 */ }

#body-home main h1 {
  font-size: 4.0625em;
  /* 65/16 */
  font-family: "Lato", sans-serif;
  margin: .46153846153846156em 0 .3076923076923077em;
  /* 30/65 | 20/65 */ }
  #body-home main h1 .divider {
    display: inline-block;
    vertical-align: middle;
    margin: -.09230769230769231em .09230769230769231em 0;
    /* 6/65 */
    width: 1px;
    height: .9230769230769231em;
    /* 60/65 */
    background: #c24939; }

main .btn:link,
main .btn:visited {
  text-transform: none;
  padding: .2em .5em .15em; }

main .btn:nth-child(even) {
  background: #52895f; }

main h1 {
  font-family: "Kaushan Script", cursive;
  line-height: 1.25;
  color: #52895f;
  font-size: 2.875em;
  margin: 0 0 .75em; }

main h2 {
  color: #c24939;
  font-family: "Rokkitt", serif;
  font-size: 2.75em;
  margin: 0 0 .375em;
  line-height: 1; }
  main h2 span {
    display: block;
    font-size: .75em;
    font-family: "Lato", sans-serif;
    color: #3b3639;
    font-weight: 300; }

main h3 {
  font-size: 2.25em;
  line-height: 1;
  margin: 0 0 .25em;
  font-family: "Rokkitt", serif;
  color: #2c4933; }
  main h3 span {
    display: block;
    font-size: .75em;
    font-family: "Lato", sans-serif;
    color: #3b3639;
    font-weight: 300; }

main .contact-form h3 {
  color: #c24939; }

main h4 {
  font-size: 2em;
  color: #732b22;
  font-weight: 300; }

main strong {
  color: #090707; }

main blockquote {
  border-top: 1px solid #c24939;
  border-bottom: 1px solid #c24939;
  background: #f6f6f6;
  font-style: italic;
  padding: 1em;
  font-size: 1.875em;
  /* 30/16 */
  margin: 0 0 1em; }
  main blockquote p {
    font-size: 1em; }

main p,
main ol,
main ul {
  font-size: 1.625em;
  /* 26/16 */
  line-height: 1.7307692307692308em;
  /* 45/26 */
  margin: 0 0 1.1538461538461537em;
  /* 30/26 */ }

main ol ol,
main ul ul,
main ol ul,
main ul ol,
main ul p,
main ol p {
  font-size: 1em; }

main ul,
main ol {
  margin-left: 1.4285714285714286em;
  /* 40/28 */ }

main ul:last-child,
main ol:last-child {
  margin-bottom: 0; }

main ul {
  list-style-type: none; }
  main ul li {
    position: relative; }
    main ul li:before {
      content: url(/img/bullet.svg);
      width: .42857142857142855em;
      /* 12/28 */
      height: .42857142857142855em;
      /* 12/28 */
      display: block;
      position: absolute;
      top: 0;
      left: -.8571428571428571em;
      /* 24/28 */ }

main ol {
  counter-reset: ol-count;
  list-style-type: none;
  margin-left: 0; }
  main ol li {
    position: relative;
    padding: 0 0 0 2.75em;
    margin: 0 0 .5em; }
  main ol li:before {
    content: counter(ol-count, decimal-leading-zero);
    counter-increment: ol-count;
    position: absolute;
    font-weight: bold;
    color: #c24939;
    left: 0;
    top: .125em;
    font-size: 1.5em; }

main h1 + p:first-of-type,
main h2:first-of-type + p:first-of-type {
  font-size: 2em;
  /* 32/16 */
  margin: 0 0 1.25em;
  /* 40/32 */
  font-weight: 300;
  line-height: 1.25em;
  /* 40/32 */ }

main > p:last-child {
  margin: 0; }

main section {
  margin: 0 0 2.5em;
  padding: 0 0 2.5em;
  position: relative; }
  main section p:last-child {
    margin: 0; }
  main section:after {
    position: absolute;
    content: "";
    left: 10%;
    right: 10%;
    bottom: 0;
    height: 1px;
    background: #c24939; }
  main section:last-child {
    margin: 0;
    padding: 0; }
    main section:last-child:after {
      display: none; }

#pageOfPage {
  font-size: 1.25em;
  margin: 1.5em 0; }

#search_results {
  margin: 0;
  font-size: 1.5em;
  line-height: 1.375em; }
  #search_results strong {
    display: inline-block;
    color: #c24939; }
  #search_results li {
    border-bottom: 1px solid #ddd;
    padding: 0 0 1.25em;
    margin: 0 0 1.25em; }
    #search_results li:last-child {
      border-bottom: none; }
    #search_results li:before {
      display: none; }

footer {
  border-top: 1px solid #c24939;
  padding: .625em 0 0 0;
  /* 10/16 */
  clear: both; }
  footer nav {
    background: #3b3639; }
    footer nav ul {
      font-size: 1.125em;
      /* 18/16 */
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      footer nav ul a:link,
      footer nav ul a:visited {
        padding: 1.1111111111111112em 1.2222222222222223em;
        /* 20/18 | 22/18 */ }
      footer nav ul a:hover {
        background: #211e20; }
      footer nav ul ul {
        display: none; }

.contact-bar {
  background: #211e20;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 1.875em;
  /* 30/16 */ }
  .contact-bar h3 {
    margin: 0;
    font-family: "Rokkitt", serif;
    font-weight: 700;
    font-size: 1.5em;
    margin: 0 .3333333333333333em;
    /* 8/24 */
    color: #c24939; }
  .contact-bar .address {
    font-size: 1.125em;
    /* 18/16 */
    margin: 0 .4444444444444444em;
    /* 8/18 */ }
  .contact-bar a:link,
  .contact-bar a:visited {
    color: #fff;
    text-decoration: none; }
  .contact-bar a:hover {
    text-decoration: underline; }

.copyright {
  background: #52895f;
  text-align: center;
  color: #fff;
  font-size: .75em;
  padding: 1.6666666666666667em 2.5em;
  /* 20/12 | 30/12 */ }
  .copyright a:link,
  .copyright a:visited {
    color: #fff;
    text-decoration: none; }
  .copyright a:hover {
    text-decoration: underline; }

@media screen and (max-width: 1760px) {
  .home-hdr {
    padding-bottom: 35.340909090909086%;
    /* 622/1760 */
    background-size: 109.09090909090908%;
    /* 1920/1760 */ } }

@media screen and (max-width: 1480px) {
  header nav ul li {
    width: 33.333333%; }
    header nav ul li:nth-child(3):after {
      display: none; }
    header nav ul li ul li {
      width: 100%; } }

@media screen and (max-width: 1380px) {
  .home-container {
    display: block; }
    .home-container .events {
      margin: 0;
      padding-bottom: 0; }
      .home-container .events:after {
        top: 0;
        bottom: auto;
        left: 0; }
      .home-container .events .events-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .home-container .events .event-text {
        margin-right: .9375em;
        /* 15/16 */ }
      .home-container .events time {
        font-size: .875em; }
      .home-container .events .event:link,
      .home-container .events .event:visited {
        width: 33.333333%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: .9375em; }
        .home-container .events .event:link:after,
        .home-container .events .event:visited:after {
          display: none; }
        .home-container .events .event:link:nth-child(2),
        .home-container .events .event:visited:nth-child(2) {
          margin-left: 0;
          margin-right: 0; }
  #body-home main {
    margin: 0 0 2.5em;
    /* 40/16 */ } }

@media screen and (max-width: 1240px) {
  .hdr-top {
    display: block; }
    .hdr-top .logo {
      margin: 0 5.3977272727272725vw;
      /* 95/1760 */
      text-align: center;
      display: block; }
    .hdr-top .logo-text {
      text-align: left; }
  .hdr-cntrls {
    margin-left: 5.3977272727272725vw;
    /* 95/1760 */
    text-align: center; }
  header .secondary-nav {
    margin: 0 0 .9375em;
    /* 15/16 */ }
    header .secondary-nav ul {
      text-align: center; } }

@media screen and (max-width: 1120px) {
  .home-features {
    display: block; }
    .home-features a {
      width: auto;
      margin: 0 0 3.75em;
      /* 60/16 */ }
    .home-features img {
      width: 65%;
      margin: 0; }
    .home-features .feature-text {
      margin-left: calc(25%);
      margin-top: -15vw; }
  .default-container {
    display: block; }
    .default-container main {
      margin: 0 0 2.875em; }
    .default-container aside {
      width: auto;
      max-width: 320px;
      margin: 0 auto; }
      .default-container aside .sidebar-image {
        max-width: 320px; }
  .contact-container {
    display: block;
    margin: 0; }
    .contact-container .content-column,
    .contact-container .contact-form {
      width: auto; } }

@media screen and (max-width: 920px) {
  .home-container .events {
    padding-bottom: 0.001em;
    /* 30/16 */ }
    .home-container .events .events-container {
      display: block; }
    .home-container .events .event:link,
    .home-container .events .event:visited {
      width: auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: .9375em;
      /* 20/16 */ }
      .home-container .events .event:link:last-child:after,
      .home-container .events .event:visited:last-child:after {
        display: none; }
      .home-container .events .event:link:after,
      .home-container .events .event:visited:after {
        content: "";
        height: 1px;
        background: #52895f;
        width: 92%;
        left: 4%;
        display: block;
        position: absolute;
        bottom: -.5em; }
      .home-container .events .event:link:nth-child(2),
      .home-container .events .event:visited:nth-child(2) {
        margin: .9375em;
        /* 20/16 */ } }

@media screen and (max-width: 820px) {
  header {
    border: none;
    padding: 0; }
    #body-home header {
      border-bottom: 1px solid #c24939;
      padding: 0 0 .625em;
      /* 10/16 */ }
    header nav {
      display: none; }
    header .secondary-nav {
      display: block; }
  #mobile-header {
    display: block;
    top: 0;
    left: 0;
    z-index: 200;
    background: #211e20;
    overflow: auto; }
  #mobile-header a:link {
    float: left;
    padding: .75em;
    color: #fff;
    background: #c24939;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none; }
  .hamburger {
    position: relative;
    height: 20px;
    width: 26px;
    margin: 0 0 0; }
  .hamburger span {
    position: absolute;
    display: block;
    height: 4px;
    border-radius: 3px;
    background: #fff;
    width: 100%; }
  .hamburger span:nth-child(1) {
    top: 0; }
  .hamburger span:nth-child(2) {
    top: 8px;
    opacity: 1; }
  .hamburger span:nth-child(3) {
    top: 16px; }
  .hamburger.open span:nth-child(1) {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg); }
  .hamburger.open span:nth-child(2) {
    top: 12px;
    opacity: 0; }
  .hamburger.open span:nth-child(3) {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg); }
  footer nav {
    display: none; } }

@media screen and (max-width: 720px) {
  .hdr-top .logo {
    font-size: 2.2222222222222223vw;
    /* 16/720 */ }
  #body-home .logo {
    font-size: initial; }
    #body-home .logo img {
      display: block;
      margin: 0 auto .5em; }
  #body-home .hdr-top .logo-text {
    display: block;
    text-align: center;
    margin: 0 0 1.5em; }
  .home-hdr-btns {
    width: auto; }
    .home-hdr-btns .btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

@media screen and (max-width: 640px) {
  footer nav ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    footer nav ul li {
      width: 50%; }
      footer nav ul li a:link,
      footer nav ul li a:visited {
        padding: .75em; } }

@media screen and (max-width: 580px) {
  body {
    font-size: 2.7586206896551726vw;
    /* 16/580 */ }
    body#body-home .logo {
      font-size: inherit; }
  .home-features img {
    width: 100%;
    margin: 0 auto; }
  .home-features .feature-text {
    margin: -4.545454545454546vw 1.7045454545454544vw 0 1.7045454545454544vw; } }

@media screen and (min-width: 1960px) {
  .home-hdr {
    background-size: cover;
    padding-bottom: 31.734693877551017%;
    /* 622/1960 */ } }

@media screen and (min-width: 1760px) {
  body {
    font-size: .9090909090909091vw;
    /* 16/1760 */ } }

@media screen and (min-width: 1024px) {
  a[href^="tel:"] {
    text-decoration: none;
    cursor: default; } }

/* -- FORMS START -- */
fieldset {
  border: none;
  padding: 0; }

legend {
  display: none; }

label {
  display: block;
  font-size: 1.5em;
  /* 24/16 */
  color: #3b3639;
  font-family: "Rokkitt", serif; }
  label .optional {
    font-size: .875em;
    font-style: italic;
    font-weight: 400;
    text-transform: none; }

.radio legend {
  display: block;
  font-size: 1.5em;
  /* 24/16 */
  color: #3b3639;
  font-family: "Rokkitt", serif; }

.radio label {
  text-transform: none;
  font-family: inherit;
  font-size: 1.25em; }

#CmsPluginIndexSearchForm label {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content; }

.radio input,
.checkbox input,
.radio label,
.checkbox label,
.checkbox {
  display: inline-block;
  vertical-align: middle; }

.radio label,
.checkbox label {
  font-weight: normal;
  margin: 0 .8571428571428571em 0 .2857142857142857em;
  /* 12/14 | 4/14 */ }

input,
textarea,
select {
  font-family: "Lato", sans-serif;
  border: 1px solid #dddcdd;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.5em;
  padding: .375em; }

input,
textarea {
  width: 100%; }

.input,
.radio {
  margin: 0 0 .75em;
  /* 12/16 */ }

option {
  padding: 0 .25em;
  /* 4/16 */ }

input:focus,
textarea:focus,
select:focus,
input:hover,
textarea:hover,
select:hover {
  border: 1px solid #c24939; }

input[type=submit],
input[type=button],
input[type=checkbox],
input[type=radio] {
  border: none;
  padding: 0;
  width: auto; }

input[type=submit],
input[type=button] {
  font-family: "Rokkitt", serif;
  font-weight: bold;
  color: #fff;
  background: #c24939;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.875em;
  /* 30/16 */
  border-radius: .5em;
  padding: .36666666666666664em .5em .3em;
  /* 11/30 | 15/30 | 9/30 */
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
  -webkit-appearance: none;
  width: auto !important; }

input[type=submit]:hover,
input[type=button]:hover {
  -webkit-filter: saturate(1.25);
  filter: saturate(1.25); }

main .form_tip {
  display: inline-block;
  margin: .5em 0;
  font-style: italic;
  font-size: 1.25em; }

.required {
  color: #cc0000; }

/* -- FORMS END -- */
/* FORM ERRORS */
form .error {
  background: #FFCECE;
  border-radius: .25em;
  padding: .25em 0; }

form .error-message {
  border-radius: none;
  border: none;
  background: none;
  margin: 0;
  padding-left: 4px;
  padding-right: 0; }

form .error,
form .error-message {
  color: #9E2424;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none; }

.sitemap_search_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .sitemap_search_form label {
    color: #c24939; }
  .sitemap_search_form input[type=text] {
    font-weight: 300;
    padding: .25em .25em .25em 1.7857142857142858em;
    /* 7/28 | 50/28 */
    background: transparent url(/img/magnifying-glass.svg) no-repeat 0.25em 50%;
    background-size: 1.0714285714285714em 1.0714285714285714em;
    min-width: 0; }
  .sitemap_search_form input[type=submit] {
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    background: transparent url(/img/arrow.svg) no-repeat;
    background-size: contain;
    text-indent: -99999px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .sitemap_search_form input[type=submit]:hover {
      -webkit-filter: saturate(1.25);
      filter: saturate(1.25); }
  .sitemap_search_form input[type=text]:focus + input[type=submit] {
    padding: .675em;
    font-size: 1.25em;
    margin: .375em .5em 0 .5em;
    /* 10/20 */ }

#UserLoginForm .input.text {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 .9375em 0 0; }

#UserLoginForm .input.password {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 .9375em; }

@media screen and (max-width: 850px) {
  #UserLoginForm .input.password, #UserLoginForm .input.text {
    display: block;
    width: 100%;
    padding: 0; } }

.notification {
  border-radius: 5px; }

.notification,
.error-message {
  position: relative;
  margin: 0 0 1.25em 0;
  border: 1px solid;
  background-position: 10px 11px !important;
  background-repeat: no-repeat !important; }

.notification.attention {
  background-color: #fffbcc;
  background-image: url("/img/icons/exclamation.png");
  border-color: #e6db55;
  color: #666452; }

.notification.information {
  background-color: #dbe3ff;
  background-image: url("/img/icons/information.png");
  border-color: #a2b4ee;
  color: #585b66; }

.notification.success {
  background-color: #d5ffce;
  background-image: url("/img/icons/tick_circle.png");
  border-color: #9adf8f;
  color: #556652; }

.notification.error,
.error-message {
  background-color: #ffcece;
  background-image: url("/img/icons/exclamation_circle.png");
  border-color: #df8f8f;
  color: #665252; }

.notification div {
  padding: 10px 60px 10px 36px; }

.notification .close {
  color: #990000;
  font-size: .8em;
  position: absolute;
  right: 5px;
  top: 5px; }

.notification .close:hover {
  background: transparent; }

.input .notification,
.input .error-message {
  background-color: transparent;
  margin: 0 0 0 5px;
  padding: 11px 0 11px 35px;
  display: inline;
  border: 0;
  font-size: .9em; }

.input .error-message {
  color: #665252;
  background: url("/img/icons/exclamation_circle.png") left center no-repeat; }

/** NOTICES AND ERRORS **/
.message {
  clear: both;
  color: #fff;
  font-size: 140%;
  font-weight: bold;
  margin: 0 0 1em 0;
  padding: 5px; }

.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
  background: #ffcc00;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 18px;
  padding: 7px 14px;
  color: #404040;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); }

.success {
  clear: both;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background: #3B8230;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }

p.error {
  font-family: Monaco, Consolas, Courier, monospace;
  font-size: 120%;
  padding: 0.8em;
  margin: 1em 0; }

p.error em {
  font-weight: normal;
  line-height: 140%; }

.notice {
  color: #000;
  display: block;
  font-size: 120%;
  padding: 0.8em;
  margin: 1em 0; }

.success {
  color: #fff; }

.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 18px;
  background: #211e20;
  color: #fff; }

.sidr .sidr-inner {
  padding: 0 0 15px; }

.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px; }

.sidr-inner > li a:link,
.sidr-inner > li a:visited {
  color: #fff;
  display: block;
  padding: 5px 15px;
  text-decoration: none; }

.sidr-inner > li a:hover {
  text-decoration: underline; }

.sidr.right {
  left: auto;
  right: -260px; }

.sidr.left {
  left: -260px;
  right: auto; }

.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));
  background-image: -moz-linear-gradient(#ffffff, #dfdfdf);
  background-image: -webkit-linear-gradient(#ffffff, #dfdfdf);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dfdfdf));
  background-image: -o-linear-gradient(#ffffff, #dfdfdf);
  background-image: linear-gradient(#ffffff, #dfdfdf);
  font-size: 11px;
  font-weight: normal;
  padding: 0 15px;
  margin: 0 0 5px;
  color: #333;
  line-height: 24px;
  -webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2); }

.sidr p {
  font-size: 13px;
  margin: 0 0 12px; }

.sidr p a {
  color: rgba(51, 51, 51, 0.9); }

.sidr > p {
  margin-left: 15px;
  margin-right: 15px; }

.sidr ul {
  display: block;
  margin: 0 0 15px;
  padding: 0;
  font-size: 1em; }

.sidr .sidr-class-main-nav {
  display: none; }

.sidr ul li {
  display: block;
  position: relative;
  margin: 0;
  line-height: 48px;
  border-bottom: 1px solid #222; }

.sidr ul li:hover > a,
.sidr ul li:hover > span, .sidr ul li.active > a,
.sidr ul li.active > span, .sidr ul li.sidr-class-active > a,
.sidr ul li.sidr-class-active > span {
  color: #c24939; }

.sidr ul li a,
.sidr ul li span {
  padding: 0 15px;
  display: block;
  text-decoration: none;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  position: relative;
  font-family: 'Lato', sans-serif; }

.sidr .sidr-class-secondary-nav li {
  border-bottom: 0; }
  .sidr .sidr-class-secondary-nav li a {
    text-transform: none;
    font-weight: 300; }

.has-sub > a:after {
  position: absolute;
  display: block;
  top: 0;
  right: 15px;
  width: 20px;
  height: 20px;
  content: url(/img/arrow-down.svg); }

.has-sub.open > a:after {
  position: absolute;
  display: block;
  top: 0;
  right: 15px;
  width: 20px;
  height: 20px;
  content: url(/img/arrow-up.svg); }

.sidr ul li ul {
  border-bottom: 0;
  margin: 0; }

.sidr ul li ul li {
  line-height: 40px;
  font-size: 16px;
  text-transform: none; }

.sidr ul li ul li:last-child {
  border-bottom: 0; }

.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
  line-height: 41px; }

.sidr ul li ul li:hover > a,
.sidr ul li ul li:hover > span, .sidr ul li ul li.active > a,
.sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a,
.sidr ul li ul li.sidr-class-active > span {
  background: #222; }

.sidr ul li ul li a,
.sidr ul li ul li span {
  color: #fff;
  text-transform: none;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  padding-left: 15px; }

.sidr ul a:hover {
  color: #fff; }

.sidr form {
  margin: 0 15px; }

.sidr label {
  font-size: 13px; }

.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
  width: 100%;
  font-size: 13px;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 10px;
  border-radius: 2px;
  border: 0;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(51, 51, 51, 0.6);
  display: block;
  clear: both; }

.sidr input[type=checkbox] {
  width: auto;
  display: inline;
  clear: none; }

.sidr input[type=button],
.sidr input[type=submit] {
  color: #f8f8f8;
  background: #333; }

.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
  background: rgba(51, 51, 51, 0.9); }