@charset "UTF-8";
#Content {
  margin-top: 100px;
  padding: 100px;
  max-width: 1000px;
  margin: 0 auto; }

@media only screen and (max-width: 600px) {
  #Content {
    padding-right: 20px;
    padding-left: 20px; } }

@media only screen and (min-width: 600px) and (max-width: 1200px) {
  #Content {
    padding-right: 50px;
    padding-left: 50px; } }

@media only screen and (min-width: 1200px) {
  #Content {
    padding-right: 100px;
    padding-left: 100px; } }

#ContentHeader {
  display: block;
  height: 300px;
  background-position: center center;
  background-image: url(/media/homepage/bg15.jpg);
  /* clip-path: polygon(0 0, 100% 0, 100% 94%, 75% 100%, 48% 94%, 0 100%); */
  clip-path: polygon(0 0, 100% 0, 100% 76%, 0% 100%); }

@media only screen and (min-width: 1900px) {
  #ContentHeader {
    background-size: cover; } }

#Content .Breadcrumbs {
  font-family: 'Alliance1Light';
  font-size: 14px;
  text-transform: uppercase;
  color: #555;
  text-align: center; }

#Content .Breadcrumbs a {
  text-decoration: none;
  color: #555; }

#Content .Breadcrumbs a:visited, #Content .Breadcrumbs a:active {
  text-decoration: none;
  color: #555; }

#Content .Breadcrumbs a:hover {
  text-decoration: underline;
  color: #555; }

#Content h1 {
  color: #333;
  font-family: 'Alliance2SemiBold';
  font-size: 60px;
  font-weight: 100;
  padding-bottom: 8px;
  margin-top: 10px;
  text-align: center; }

#Content h2 {
  color: #555;
  font-family: 'Alliance2SemiBold';
  font-size: 26px;
  font-weight: 100;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px; }

#Content p {
  color: #333333;
  font-family: 'Alliance1Light';
  font-size: 18px;
  font-weight: 100;
  /*Formatting updates below*/
  line-height: 1.6;
  margin-top: 30px;
  margin-bottom: 30px; }

#Content p a {
  font-family: 'Alliance1Regular'; }

#Content p sup {
  font-size: 11px; }

#Content a, #Content a:visited, #Content a:active {
  color: #333333;
  text-decoration-color: #dfdf00;
  text-decoration-thickness: 2px;
  transition: background-color ease .25s;
  margin-left: -3px;
  padding-left: 3px;
  margin-right: -3px;
  padding-right: 3px; }

#Content a:hover {
  text-decoration-color: #dfdf00;
  background-color: #dfdf00;
  transition: background-color ease .25s; }

#Content p a.NoMarkup, #Content p a.NoMarkup:hover {
  box-shadow: none; }

#Content p a.NoMarkup::before, #Content p a.NoMarkup::after {
  content: none !important; }

#Content p a[href$=".pdf"]::after {
  content: url(/media/ui/generic-document.svg);
  padding-left: 8px;
  width: 11px;
  display: inline-block; }

#Content p a[href*="//"]:not([href*="naturefoundation.org.au"])::after {
  content: url(/media/ui/external-link.svg);
  padding-left: 8px;
  width: 13px;
  display: inline-block; }

#Content p a, #Content p a:visited, #Content p a:active, #Content ul a, #Content ul a:visited, #Content ul a:active {
  box-shadow: inset 0px -0.1em 0 #dfdf00;
  color: #222222;
  padding-left: 0.2em;
  padding-right: 0.2em;
  padding-bottom: 2px;
  transition: box-shadow 180ms ease-out;
  text-decoration: none; }

#Content p a:hover, #Content ul a:hover {
  box-shadow: inset 0px -1.875em 0 #dfdf00;
  transition: box-shadow 180ms ease-out;
  text-decoration: none;
  background-color: unset; }

@media only screen and (max-width: 450px) {
  #Content h1 {
    font-size: 11vw; }
  #Content h2 {
    font-size: 8vw; } }

#Content ul li {
  color: #444;
  font-family: 'Alliance1Light';
  font-size: 18px;
  font-weight: 100;
  padding-left: 5px;
  margin-bottom: 20px;
  margin-left: 12px; }

#Content ul li a {
  font-family: 'Alliance1Regular'; }

#Content ol li {
  color: #444;
  font-family: 'Alliance1Light';
  font-size: 18px;
  font-weight: 100;
  padding-left: 10px;
  margin-bottom: 8px; }

#Content ol li a {
  font-family: 'Alliance1Regular'; }

#Content ul ul {
  margin-top: 20px; }

#Content ul ul ul {
  margin-top: 20px; }

#Content .Annotation {
  color: #000000;
  background-color: deeppink; }

#Content .NatureReserveInfo {
  width: 100%;
  background-color: #444444;
  padding: 25px;
  box-sizing: border-box;
  text-align: center;
  margin-top: -40px;
  /*    background-image: url(/media/nature-reserve-info-bg.png);
    background-size: cover;*/
  margin-bottom: 100px; }

#Content .NatureReserveInfo .Graphic {
  width: 300px;
  height: 300px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 40px;
  background-size: contain;
  background-repeat: no-repeat; }

#Content .NatureReserveInfo .Graphic.Geegeela {
  background-image: url(/media/maps/geegeela.png); }

#Content .NatureReserveInfo .Graphic.Witchelina {
  background-image: url(/media/maps/witchelina.png); }

#Content .NatureReserveInfo .Graphic.Hiltaba {
  background-image: url(/media/maps/hiltaba.png); }

#Content .NatureReserveInfo .Graphic.ParaWoodlands {
  background-image: url(/media/maps/para-woodlands.png); }

#Content .NatureReserveInfo .Graphic.CygnetPark {
  background-image: url(/media/maps/cygnet-park.png); }

#Content .NatureReserveInfo .Graphic.Murbpook {
  background-image: url(/media/maps/murbpook.png); }

#Content .NatureReserveInfo .Graphic.Watchalunga {
  background-image: url(/media/maps/watchalunga.png); }

#Content .NatureReserveInfo .Graphic.Tiliqua {
  background-image: url(/media/maps/tiliqua.png); }

#Content .NatureReserveInfo .Graphic.BullockBridge {
  background-image: url(/media/maps/bullock-bridge.png); }

#Content .NatureReserveInfo .Graphic.Mongolurring {
  background-image: url(/media/maps/mongolurring.png); }

#Content .NatureReserveInfo .Data {
  vertical-align: middle;
  display: inline-block;
  text-align: left; }

#Content .NatureReserveInfo .Data .Row {
  display: block;
  font-size: 16px;
  padding: 8px;
  border-bottom: 1px solid #666666; }

#Content .NatureReserveInfo .Data .Row:last-child {
  border-bottom: none; }

#Content .NatureReserveInfo .Col1 {
  display: inline-block;
  width: 200px;
  font-family: 'Alliance1Regular';
  color: #ffffff;
  vertical-align: top;
  padding-right: 30px;
  box-sizing: border-box; }

#Content .NatureReserveInfo .Col2 {
  display: inline-block;
  max-width: 300px;
  font-family: 'Alliance1Light';
  color: #dddddd;
  vertical-align: top; }

#Content .NatureReserveInfo sup {
  font-size: 11px; }

#Content .SectionTiles {
  font-size: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-right: -20px; }

#Content .SectionTiles .Tile {
  width: 300px;
  height: 300px;
  background-color: #1b2e46;
  padding: 20px;
  box-sizing: border-box;
  margin-right: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  transition: background-color linear 1s;
  overflow: hidden;
  position: relative; }

#Content .SectionTiles .Tile .Image {
  opacity: 0.25;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  margin-left: -20px;
  background-size: cover;
  margin-top: -20px;
  transition: transform linear .2s;
  transform: scale(1);
  background-position: center center; }

#Content .SectionTiles .Tile .Image:hover {
  transform: scale(1.1);
  transition: transform linear .2s; }

#Content .SectionTiles .Tile .Title {
  font-size: 30px;
  vertical-align: middle;
  font-family: 'Alliance2SemiBold';
  padding-top: 40px;
  transition: all linear 0.2s;
  position: relative;
  color: #ffffff;
  pointer-events: none; }

#Content .SectionTiles .Tile:hover .Title {
  padding-top: 20px;
  transition: all ease-out 0.2s; }

#Content .SectionTiles .Tile .Description {
  margin-top: 10px;
  font-size: 15px;
  font-family: 'Alliance1Regular';
  opacity: 0;
  transition: all ease-out 0.5s;
  position: relative;
  color: #ffffff;
  pointer-events: none; }

#Content .SectionTiles .Tile:hover .Description {
  opacity: 1;
  transition: all ease-out 0.5s; }

@media only screen and (max-width: 450px) {
  #Content .SectionTiles .Tile {
    width: unset; } }

#Content .MultiColumnList {
  display: block; }

#Content .MultiColumnList .TwoColumn {
  width: 40%;
  min-width: 350px;
  display: inline-block;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  vertical-align: top; }

#Content .MultiColumnList .TwoColumn:first-child {
  margin-top: unset;
  padding-top: unset; }

#Content .MultiColumnList .TwoColumn:last-child {
  margin-bottom: unset;
  padding-bottom: unset; }

#Content .MultiColumnList .ThreeColumn {
  width: 26.66%;
  min-width: 233px;
  display: inline-block;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  vertical-align: top; }

#Content .MultiColumnList .ThreeColumn:first-child {
  margin-top: unset;
  padding-top: unset; }

#Content .MultiColumnList .ThreeColumn:last-child {
  margin-bottom: unset;
  padding-bottom: unset; }

#Content .GenericTable .Header {
  background-color: #84a4a4;
  color: #ffffff;
  font-family: 'Alliance1Regular'; }

#Content .GenericTable td {
  padding: 15px;
  border-bottom: 1px solid rgba(132, 164, 164, 0.6);
  color: rgba(0, 0, 0, 0.8);
  font-family: 'Alliance1Light'; }

#Content .MembershipTable {
  font-size: 20px;
  margin: 0 auto;
  text-align: center; }

#Content a.TextButton {
  background-color: lightgreen;
  border-radius: 50px;
  display: inline-block;
  padding: 15px 40px 15px 40px;
  margin-top: 30px;
  font-family: 'Alliance2SemiBold';
  color: #333333;
  transition: all ease-in 0.1s;
  text-decoration: none; }

#Content a.TextButton:hover {
  background-color: lightgreen;
  padding-right: 50px;
  padding-left: 50px;
  transition: all ease-in 0.1s;
  cursor: pointer;
  text-decoration: none; }

#Content .Notification {
  border-radius: 23px;
  text-align: left;
  padding: 30px 60px 30px 110px;
  font-family: 'Alliance2SemiBold';
  color: #333333;
  background-repeat: no-repeat;
  background-size: 38px;
  background-position: 30px center;
  max-width: 600px;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 60px;
  line-height: 25px; }

#Content .Notification a {
  font-family: 'Alliance2SemiBold'; }

#Content .Notification.Normal {
  background-color: lightcyan;
  background-image: url("/media/ui/information.svg"); }

#Content .Notification.Important {
  background-color: lightsalmon;
  background-image: url("/media/ui/warning.svg"); }

#Content .Notification.Critical {
  background-color: lightcoral;
  background-image: url("/media/ui/error.svg"); }

#Content .StaffCard {
  border-radius: 23px;
  padding: 20px;
  max-width: 600px;
  background-color: #dbd7d2;
  margin: 0 auto; }

#Content .StaffCard a {
  font-family: 'Alliance1Regular'; }

#Content .StaffCard .Photo {
  width: 150px;
  height: 150px;
  border-radius: 100px;
  background-color: blue;
  display: inline-block;
  vertical-align: middle;
  background-position: center center;
  background-size: cover;
  /*    box-shadow: rgba(0,0,0,1) 0px 0px 10px;*/ }

#Content .StaffCard:hover .Photo {
  transform: scale(1.2); }

#Content .StaffCard .Details {
  display: inline-block;
  vertical-align: middle;
  margin-left: 30px;
  font-family: 'Alliance1Light';
  max-width: 360px; }

#Content .StaffCard .Details .Name {
  font-size: 20px; }

#Content .StaffCard .Details .Position {
  font-family: 'Alliance2SemiBold'; }

@media only screen and (max-width: 800px) {
  #Content .StaffCard .Details {
    margin-left: 0px;
    display: block;
    margin-top: 20px;
    text-align: center;
    max-width: unset; }
  #Content .StaffCard .Photo {
    display: block;
    margin: 0 auto; } }

#Content .TeamMember {
  padding: 30px;
  max-width: 800px; }

#Content .TeamMember a {
  font-family: 'Alliance1Regular'; }

#Content .TeamMember .Photo {
  width: 250px;
  height: 250px;
  display: inline-block;
  vertical-align: middle; }

#Content .TeamMember .Photo img {
  border-radius: 250px;
  width: 100%;
  height: 100%; }

#Content .TeamMember .Details {
  display: inline-block;
  vertical-align: middle;
  margin-left: 60px;
  font-family: 'Alliance1Light'; }

#Content .TeamMember .Details .Name {
  font-size: 30px; }

#Content .TeamMember .Details .Position {
  font-family: 'Alliance2SemiBold'; }

#Content .TeamMember .Bio {
  margin-top: -50px;
  padding-left: 315px; }

@media only screen and (max-width: 950px) {
  #Content .TeamMember .Photo {
    display: block;
    margin: 0 auto; }
  #Content .TeamMember .Details {
    margin-left: unset;
    text-align: center;
    margin-top: 40px;
    display: block; }
  #Content .TeamMember .Bio {
    display: block;
    margin-left: unset;
    padding-left: unset;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 100px; } }

#Content .Testimonial {
  display: block;
  max-width: 700px;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  margin: 0 auto; }

#Content .Testimonial .Content {
  font-size: 32px;
  color: #d9620d;
  margin-bottom: 25px;
  line-height: 50px;
  margin-top: 50px; }

#Content .Testimonial .Content::before {
  content: "“";
  font-size: 100px;
  color: #d9620d;
  opacity: .5;
  position: absolute;
  margin-left: -40px;
  margin-top: 10px;
  font-family: 'Arial'; }

#Content .Testimonial .Content::after {
  content: "”";
  font-size: 100px;
  color: #d9620d;
  opacity: .5;
  position: absolute;
  margin-left: 10px;
  margin-top: 15px;
  font-family: 'Arial'; }

#Content .Testimonial .Attribution {
  font-size: 18px;
  color: #333333;
  line-height: 30px; }

#Content .Testimonial .Image {
  display: block;
  margin: 0 auto;
  margin-bottom: 25px; }

#Content .Testimonial .Image img {
  width: 200px;
  height: 200px;
  border-radius: 200px; }

#Content .OurImpact {
  text-align: center; }

#Content .OurImpact .Item {
  display: inline-block;
  background-color: #e3e3e3;
  margin-bottom: 20px;
  padding: 20px;
  transition: all ease 500ms; }

#Content .OurImpact .Item:hover {
  background-color: #dfdf00;
  cursor: pointer;
  transition: all ease 500ms; }

#Content .OurImpact .Item .Title {
  font-size: 60px;
  font-family: 'Alliance2SemiBold'; }

#Content .OurImpact .Item .Description {
  font-size: 16px;
  font-family: 'Alliance1Light'; }

#Content .PageImage {
  /*    margin-left: 70px;*/
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 40px;
  box-sizing: border-box;
  clear: both;
  position: relative;
  /* Style refresh updates below */
  /*    margin-bottom: 60px;
    clip-path: polygon(26% 0, 68% 2%, 100% 0, 100% 98%, 70% 100%, 31% 97%, 0 100%, 0 2%);
    width: 120%;
    margin-left: -10%;*/ }

#Content .PageImage .Image {
  width: 100%;
  height: 450px;
  background-size: cover;
  background-position: center center; }

#Content .PageImage .Caption {
  font-size: 10px;
  text-align: right;
  position: absolute;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding: 4px;
  /* Style refresh updates below */
  right: 20px;
  bottom: 20px;
  margin-left: 20px; }

#Content .RectangleFloatRight {
  float: right;
  width: 500px;
  height: auto;
  margin: 30px;
  margin-left: 60px;
  margin-top: 0px; }

#Content .RectangleFloatRight .Caption {
  text-align: right;
  font-size: 13px; }

#Content .RectangleFloatLeft {
  float: left;
  width: 500px;
  height: auto;
  margin: 30px;
  margin-right: 60px;
  margin-top: 0px; }

#Content .RectangleFloatLeft .Caption {
  text-align: left;
  font-size: 13px; }

#Content .PolygonFloatRight {
  float: right;
  width: 500px;
  height: auto;
  clip-path: polygon(4% 5%, 100% 0, 100% 100%, 0 96%);
  margin: 30px;
  margin-left: 60px; }

#Content .PolygonFloatLeft {
  float: left;
  width: 500px;
  height: auto;
  clip-path: polygon(4% 5%, 100% 0, 100% 100%, 0 96%);
  margin: 30px;
  margin-right: 60px; }

#Content .ParallelogramImage {
  clip-path: polygon(25% 0%, 100% 0%, 93% 100%, 0% 100%);
  float: right; }

#Content .CircleImage {
  clip-path: circle(79.4% at 80% 50%);
  float: right; }

#Content .InlineImage.FullWidth {
  display: block;
  float: right; }

#Content .InlineImage.HalfWidth {
  display: block;
  float: right; }

#Content .InlineImage.SemiCircle {
  display: block;
  float: right; }

#Content .InlineImage.SemiCircle img {
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px; }

#Content .ContactItem {
  font-size: 20px;
  text-align: center; }

#Content #ContactUsForm {
  margin: 0 auto; }

#Content .Newsletter {
  display: block;
  margin-bottom: 40px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 40px; }

#Content .Newsletter .Details {
  display: inline-block;
  max-width: 500px;
  vertical-align: top;
  text-align: left; }

#Content .Newsletter .CoverImage {
  display: inline-block;
  max-width: 250px;
  margin-right: 50px; }

#Content .Newsletter .Details .Title {
  padding-left: 20px;
  color: #555;
  font-family: 'Alliance1Regular';
  font-size: 26px;
  font-weight: 100;
  margin-bottom: 20px; }

#Content .Newsletter .Details .PdfLink {
  padding-left: 20px; }

@media only screen and (max-width: 900px) {
  #Content .Newsletter .CoverImage {
    display: block;
    margin: 0 auto; }
  #Content .Newsletter .Details {
    display: block;
    margin: 0 auto;
    text-align: center; } }

#Content .PagingControls {
  padding: 0px;
  margin: 0px;
  margin-top: 40px;
  text-align: center; }

#Content .PagingControls ul {
  list-style: none;
  font-size: 0px; }

#Content .PagingControls li {
  position: relative;
  display: inline-block;
  padding-left: 0px;
  margin-right: 6px;
  margin-left: 0px;
  text-align: center; }

#Content .PagingControls a {
  display: block;
  display: inline-block;
  border: 1px solid #e1e1e1;
  font-family: 'Alliance2SemiBold';
  font-size: 16px;
  text-decoration: none;
  color: #333333;
  transition: background-color ease .5s;
  box-shadow: unset;
  width: 25px;
  padding: 8px;
  margin: 0px;
  border-radius: 5px; }

#Content .PagingControls a:hover, #Content .PagingControls a:active, #Content .PagingControls a:visited {
  background-color: #e1e1e1;
  text-decoration: none;
  color: #333333;
  transition: background-color ease .5s;
  box-shadow: unset;
  padding: 8px;
  border-radius: 5px; }

#Content .PagingControls .CurrentPage {
  display: block;
  display: inline-block;
  border: 1px solid #e1e1e1;
  font-family: 'Alliance2SemiBold';
  font-size: 16px;
  text-decoration: none;
  color: #333333;
  transition: background-color ease .5s;
  box-shadow: unset;
  width: 25px;
  padding: 8px;
  border-radius: 5px;
  background-color: #e1e1e1; }

#Content .PartnerLogos {
  display: block;
  text-align: center;
  position: relative; }

#Content .PartnerLogos .Partner {
  display: inline-block;
  width: 300px;
  height: 200px;
  vertical-align: top;
  border-bottom: 2px solid #cccccc;
  margin: 10px;
  padding: 35px;
  box-sizing: border-box;
  cursor: pointer;
  /* UI Updates below */
  /*        transition: transform 2s;
    transform-style: preserve-3d;*/ }

#Content .PartnerLogos .Partner .Name {
  text-align: center;
  display: none; }

#Content .PartnerLogos .Partner .Logo {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  /* UI Updates below */
  /*    transition: transform 2s;
    transform: rotateY(0deg);
    backface-visibility: hidden;*/ }

#Content .PartnerLogos .Partner .Logo:hover {
  /* UI Updates below */
  /*    transform: rotateY(180deg);
    transition: transform 2s;*/ }

/*#Content .PartnerLogos .Partner .Logo img {
    width: 100%;
}*/
#Content .ResearchLibrary .SearchDialog {
  margin-top: 50px;
  margin-bottom: 20px; }

#Content .ResearchLibrary .SearchDialog .btn {
  border: 1px solid #a4a4a4;
  border-radius: 0px;
  padding-right: 20px;
  padding-left: 20px; }

#Content .ResearchLibrary .SearchDialog .btn:hover {
  background-color: #a4a4a4; }

#Content .ResearchLibrary .SearchDialog .form-control {
  border: 1px solid #a4a4a4;
  border-radius: 0px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: 10px; }

#Content .ResearchLibrary .SearchDialog .editing-form-label-cell {
  display: none; }

#Content .ResearchLibrary .SearchDialog .form-group {
  display: inline-block; }

#Content .ResearchLibrary .SearchResults .Item {
  display: block;
  white-space: nowrap;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
  padding-top: 30px; }

#Content .ResearchLibrary .SearchResults .Item .Matched {
  font-family: 'Alliance2SemiBold'; }

#Content .ResearchLibrary .SearchResults .Item .Image {
  width: 75px;
  margin-right: 40px;
  float: left;
  margin-bottom: 20px; }

#Content .ResearchLibrary .SearchResults .Item .Image img {
  width: 100%;
  height: auto; }

#Content .ResearchLibrary .SearchResults .Item .Details {
  width: 100%;
  height: auto;
  display: block;
  font-family: 'Alliance1Light'; }

#Content .ResearchLibrary .SearchResults .Item .Details .Title {
  font-family: 'Alliance2SemiBold';
  white-space: normal;
  padding-bottom: 15px; }

#Content .ResearchLibrary .SearchResults .Item .Details .Authors {
  white-space: normal;
  padding-bottom: 15px; }

#Content .ResearchLibrary .SearchResults .Item .Details .Abstract {
  white-space: normal; }

#Content .VimeoWrapper {
  display: block;
  text-align: center; }

#Content .VimeoWrapper iframe {
  width: 75%;
  height: 450px; }

/* New version of the news page, with separate URLs for each news item  */
#Content .NewsItemsNew .Item {
  display: flex;
  position: relative;
  border-bottom: 1px solid #a4a4a4;
  padding-bottom: 40px;
  padding-top: 50px;
  min-height: 315px; }

#Content .NewsItemsNew .Item .Image {
  width: 300px;
  height: 300px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 50px;
  margin-bottom: 40px; }

#Content .NewsItemsNew .Item .TextWrapper {
  flex-grow: 1; }

#Content .NewsItemsNew .Item .Title {
  font-family: 'Alliance2SemiBold';
  font-size: 26px; }

#Content .NewsItemsNew .Item .PublishDate {
  margin-top: 10px; }

#Content .NewsItemsNew .Item .Content {
  font-family: 'Alliance1Light'; }

@media only screen and (max-width: 800px) {
  #Content .NewsItemsNew .Item {
    display: block; }
  #Content .NewsItemsNew .Item .Image {
    width: 100%;
    height: 300px;
    display: block; }
  #Content .NewsItemsNew .Item .TextWrapper {
    display: block; } }

#Content .NewsItemsNew .ItemDetail .PublishDate {
  margin-top: 10px; }

#Content .NewsItemsNew .ItemDetail .Image {
  width: 300px;
  height: 300px;
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 50px;
  margin-bottom: 40px; }

#Content .NewsItemsNew:after {
  content: "";
  display: table;
  clear: both; }

@media only screen and (max-width: 800px) {
  #Content .NewsItemsNew .ItemDetail .Image {
    width: 100%;
    height: 300px;
    display: block;
    float: unset; } }

/* New version of the events page, with separate URLs for each news item  */
#Content .EventsItemsNew .Item {
  display: flex;
  position: relative;
  border-bottom: 1px solid #a4a4a4;
  padding-bottom: 40px;
  padding-top: 50px;
  min-height: 315px; }

#Content .EventsItemsNew .Item .Label {
  display: inline;
  font-family: 'Alliance2SemiBold'; }

#Content .EventsItemsNew .Item .Image {
  width: 300px;
  height: 300px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 50px;
  margin-bottom: 40px; }

#Content .EventsItemsNew .Item .TextWrapper {
  flex-grow: 1; }

#Content .EventsItemsNew .Item .Title {
  font-family: 'Alliance2SemiBold';
  font-size: 26px; }

#Content .EventsItemsNew .Item .Location {
  font-family: 'Alliance1Light';
  margin-top: 18px; }

#Content .EventsItemsNew .Item .Time {
  font-family: 'Alliance1Light'; }

#Content .EventsItemsNew .Item .Price {
  font-family: 'Alliance1Light'; }

#Content .EventsItemsNew .Item .BookingLink a {
  background-color: #84a4a4;
  padding: 15px 50px;
  margin-top: 10px;
  display: inline-block;
  border-radius: 24px;
  text-decoration: none;
  color: #ffffff;
  font-family: 'Alliance2SemiBold'; }

#Content .EventsItemsNew .Item .BookingLink a:hover {
  background-color: #8fafaf; }

#Content .EventsItemsNew .Item .Description {
  font-family: 'Alliance1Light'; }

#Content .EventsItemsNew:after {
  content: "";
  display: table;
  clear: both; }

@media only screen and (max-width: 750px) {
  #Content .EventsItemsNew .Item {
    display: block; }
  #Content .EventsItemsNew .Item .Image {
    width: 100%;
    height: 300px;
    display: block; }
  #Content .EventsItemsNew .Item .TextWrapper {
    display: block; } }

#Content .EventsItemsNew .ItemDetail .Label {
  display: inline;
  font-family: 'Alliance2SemiBold'; }

#Content .EventsItemsNew .ItemDetail .Location {
  font-family: 'Alliance1Light';
  margin-top: 18px; }

#Content .EventsItemsNew .ItemDetail .Time {
  font-family: 'Alliance1Light'; }

#Content .EventsItemsNew .ItemDetail .Price {
  font-family: 'Alliance1Light'; }

#Content .EventsItemsNew .ItemDetail .Image {
  width: 300px;
  height: 300px;
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 50px;
  margin-bottom: 40px; }

#Content .EventsItemsNew .ItemDetail .BookingLink a {
  background-color: #84a4a4;
  padding: 15px 50px;
  margin-top: 10px;
  display: inline-block;
  border-radius: 24px;
  text-decoration: none;
  color: #ffffff;
  font-family: 'Alliance2SemiBold'; }

#Content .EventsItemsNew .ItemDetail .BookingLink a:hover {
  background-color: #8fafaf; }

@media only screen and (max-width: 800px) {
  #Content .EventsItemsNew .ItemDetail .Image {
    width: 100%;
    height: 300px;
    display: block;
    float: unset; } }

/* Old version of the news page (depreciated) */
#Content .NewsItems .Item {
  display: block;
  position: relative;
  border-bottom: 1px solid #a4a4a4;
  padding-bottom: 40px;
  padding-top: 50px; }

#Content .NewsItems .Item .Image {
  width: 250px;
  height: 250px;
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  margin-right: 50px;
  margin-bottom: 30px; }

#Content .NewsItems .Item .Title {
  font-family: 'Alliance2SemiBold';
  font-size: 26px; }

#Content .NewsItems .Item .Content {
  font-family: 'Alliance1Light'; }

@media only screen and (max-width: 750px) {
  #Content .NewsItems .Item .Image {
    width: 100%;
    height: 300px;
    display: block;
    float: unset; } }

/* Old version of the events page (depreciated) */
#Content .EventsItems .Item {
  display: block;
  position: relative;
  border-bottom: 1px solid #a4a4a4;
  padding-bottom: 40px;
  padding-top: 50px; }

#Content .EventsItems .Item .Label {
  display: inline;
  font-family: 'Alliance2SemiBold'; }

#Content .EventsItems .Item .Image {
  width: 250px;
  height: 250px;
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  margin-right: 50px;
  margin-bottom: 30px; }

#Content .EventsItems .Item .Title {
  font-family: 'Alliance2SemiBold';
  font-size: 26px; }

#Content .EventsItems .Item .Location {
  font-family: 'Alliance1Light';
  margin-top: 18px; }

#Content .EventsItems .Item .Time {
  font-family: 'Alliance1Light'; }

#Content .EventsItems .Item .Price {
  font-family: 'Alliance1Light'; }

#Content .EventsItems .Item .BookingLink a {
  background-color: #84a4a4;
  padding: 15px 50px;
  margin-top: 10px;
  display: inline-block;
  border-radius: 24px;
  text-decoration: none;
  color: #ffffff;
  font-family: 'Alliance2SemiBold'; }

#Content .EventsItems .Item .BookingLink a:hover {
  background-color: #8fafaf; }

#Content .EventsItems .Item .Description {
  font-family: 'Alliance1Light'; }

@media only screen and (max-width: 750px) {
  #Content .EventsItems .Item .Image {
    width: 100%;
    height: 300px;
    display: block;
    float: unset; } }

#Content .ArtistProfile {
  display: block;
  background-color: #f9f9f9;
  padding: 30px; }

#Content .ArtistProfile .Image {
  display: inline-block;
  width: 40%;
  vertical-align: top;
  padding-top: 23px; }

#Content .ArtistProfile .Image .Caption {
  font-size: 11px;
  text-align: center; }

#Content .ArtistProfile .Image img {
  width: 100%;
  object-fit: contain;
  object-position: center;
  max-height: 400px; }

#Content .ArtistProfile .Description {
  display: inline-block;
  width: 58%;
  vertical-align: top;
  padding-left: 50px;
  box-sizing: border-box; }

#Content .ArtistProfile .ArtistName {
  font-size: 26px;
  font-family: 'Alliance2SemiBold';
  text-align: center;
  padding-bottom: 10px; }

@media only screen and (max-width: 900px) {
  #Content .ArtistProfile .Description {
    display: block;
    padding-left: 0px;
    width: unset; }
  #Content .ArtistProfile .Description .ArtistName {
    display: block;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 10px; }
  #Content .ArtistProfile .Image {
    display: block;
    width: 100%;
    vertical-align: top; } }

@font-face {
  font-family: 'Alliance1Regular';
  src: url("/fonts/Alliance1Reg.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Alliance1Light';
  src: url("/fonts/Alliance1Light.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Alliance2Black';
  src: url("/fonts/Alliance2Black.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Alliance2SemiBold';
  src: url("/fonts/Alliance2SemiBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

input, select, button, textarea {
  border: none;
  border-image-width: 1;
  padding: 10px;
  font-family: 'Alliance1Light';
  resize: none;
  box-sizing: border-box;
  border-image-width: 0;
  border-radius: 23px;
  background-color: #ffffff;
  padding-left: 20px;
  font-size: 20px; }

input.Solid {
  background-color: #8ee8ad;
  cursor: pointer;
  border-width: 2px;
  border-color: #8ee8ad;
  border-style: solid;
  padding-left: 20px;
  padding-right: 20px; }

input.Border {
  background-color: transparent;
  cursor: pointer;
  border-width: 1px;
  border-color: #999999;
  border-style: solid;
  padding-left: 20px;
  padding-right: 20px; }

input:disabled, textarea:disabled, select:disabled, button:disabled {
  opacity: 0.5;
  transition: opacity linear 0.5s; }

textarea:focus, input:focus, select:focus, button:focus {
  outline: none; }

input[type="button"] {
  transition: all ease 0.1s;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 6px; }

input[type="button"]:hover {
  /*    padding-right: 30px;
    padding-left: 30px;*/
  transition: all ease-in 0.1s;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; }

.SalesforceForm {
  max-width: 600px;
  margin: 0 auto; }

.SalesforceForm input, .SalesforceForm select, .SalesforceForm button, .SalesforceForm textarea {
  background-color: #ececec;
  border-radius: 23px;
  /*this should be in the main form element stylesheet*/
  display: inline-block;
  vertical-align: bottom;
  margin-right: 5px;
  margin-bottom: 10px; }

.SalesforceForm .Section {
  margin-top: 40px;
  margin-bottom: 20px; }

.SalesforceForm .Section .Heading {
  font-family: 'Alliance1Regular';
  font-size: 22px;
  border-bottom: 2px solid #dfdf00;
  padding-bottom: 5px;
  margin-bottom: 20px; }

.SalesforceForm .Section .InputGroup {
  display: block; }

.SalesforceForm input.ValidationError, .SalesforceForm textarea.ValidationError {
  animation-name: Shake;
  animation-duration: .15s;
  animation-iteration-count: 2;
  animation-fill-mode: forwards;
  background-color: #ffaaaa; }

@keyframes ValidationErrorAnimation {
  from {
    background-color: #ececec; }
  to {
    background-color: #ffaaaa; } }

@keyframes Shake {
  0% {
    margin-left: 0px;
    margin-right: 0px; }
  25% {
    margin-left: 5px;
    margin-right: -5px; }
  50% {
    margin-left: 0px;
    margin-right: 0px; }
  75% {
    margin-left: -5px;
    margin-right: 5px; }
  100% {
    margin-left: 0px;
    margin-right: 0px; } }

.SalesforceForm .FullWidth {
  width: calc(96% - 10px); }

.SalesforceForm .HalfWidth {
  width: calc(48% - 5px); }

.SalesforceForm .TopMargin {
  margin-top: 25px; }

@media only screen and (max-width: 600px) {
  .SalesforceForm .Input {
    width: calc(96% - 5px); } }

@media only screen and (min-width: 600px) {
  .SalesforceForm .Input {
    width: calc(48% - 5px); } }

.CustomCheckBox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  user-select: none; }

.CustomCheckBox .Legend {
  padding-left: 10px;
  padding-top: 5px; }

/* Hide the browser's default checkbox */
.CustomCheckBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.CustomCheckBox .CheckBox {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #eee;
  border-radius: 23px; }

/* On mouse-over, add a grey background color */
.CustomCheckBox:hover input ~ .CheckBox {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.CustomCheckBox input:checked ~ .CheckBox {
  background-color: #8ee8ad; }

/* Create the checkmark/indicator (hidden when not checked) */
.CustomCheckBox .CheckBox:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.CustomCheckBox input:checked ~ .CheckBox:after {
  display: block; }

/* Style the checkmark/indicator */
.CustomCheckBox .CheckBox:after {
  left: 11px;
  top: 5px;
  width: 6px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg); }

.CustomRadioButton {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  user-select: none; }

/* Hide the browser's default radio button */
.CustomRadioButton input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

/* Create a custom radio button */
.RadioButton {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%; }

/* On mouse-over, add a grey background color */
.CustomRadioButton:hover input ~ .RadioButton {
  background-color: #ccc; }

/* When the radio button is checked, add a blue background */
.CustomRadioButton input:checked ~ .RadioButton {
  background-color: #2196F3; }

/* Create the indicator (the dot/circle - hidden when not checked) */
.RadioButton:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the indicator (dot/circle) when checked */
.CustomRadioButton input:checked ~ .RadioButton:after {
  display: block; }

/* Style the indicator (dot/circle) */
.CustomRadioButton .RadioButton:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white; }

#HomepageHeader {
  display: block;
  height: 80vh;
  min-height: 600px;
  background-size: cover;
  background-position: center center;
  background-image: url("/media/homepage/change-campaign.jpg");
  clip-path: polygon(0 0, 100% 0, 100% 94%, 75% 100%, 48% 94%, 0 100%); }

#HomepageHeader .HeroContainer {
  position: absolute;
  left: 15vw;
  top: 300px;
  width: 600px;
  text-align: left; }

#HomepageHeader .HeroContainer .Text {
  text-transform: uppercase;
  color: white;
  font-size: 60px;
  letter-spacing: normal;
  line-height: normal; }

#HomepageHeader .HeroContainer .Text .Char {
  margin-right: -3px; }

#HomepageHeader .HeroContainer .Button {
  background-color: lightgreen;
  border-radius: 50px;
  display: inline-block;
  padding: 15px 40px 15px 40px;
  margin-top: 30px;
  opacity: 0;
  font-family: 'Alliance2SemiBold';
  color: #333333;
  transition: all ease-in 0.1s; }

#HomepageHeader .HeroContainer .Button:hover {
  padding-right: 50px;
  padding-left: 50px;
  transition: all ease-in 0.1s;
  cursor: pointer; }

@media only screen and (max-width: 600px) {
  #HomepageHeader .HeroContainer .Text {
    font-size: 30px; }
  #HomepageHeader .HeroContainer {
    width: 250px; } }

@media only screen and (min-width: 600px) and (max-width: 900px) {
  #HomepageHeader .HeroContainer .Text {
    font-size: 40px; }
  #HomepageHeader .HeroContainer {
    width: 400px; } }

@media only screen and (min-width: 900px) and (max-width: 1100px) {
  #HomepageHeader .HeroContainer .Text {
    font-size: 45px; }
  #HomepageHeader .HeroContainer {
    width: 450px; } }

@media only screen and (min-width: 1100px) and (max-width: 1400px) {
  #HomepageHeader .HeroContainer .Text {
    font-size: 50px; }
  #HomepageHeader .HeroContainer {
    width: 500px; } }

@media only screen and (min-width: 1400px) {
  #HomepageHeader .HeroContainer .Text {
    font-size: 60px; }
  #HomepageHeader .HeroContainer {
    width: 600px; } }

body {
  color: #555;
  font-family: 'Alliance1Regular';
  font-size: 16px;
  letter-spacing: 0;
  font-stretch: extra-condensed;
  font-weight: 100;
  /*    line-height: 20px;*/
  /*    text-align: center;*/
  padding: 0px;
  margin: 0px; }

.NoScroll {
  overflow: hidden;
  position: fixed; }

.grecaptcha-badge {
  display: none; }

#AnnouncementBar {
  background-color: #DA487E;
  text-align: center;
  padding: 8px;
  line-height: 28px;
  color: #ffffff; }

#AnnouncementBar a, #AnnouncementBar a:visited, #AnnouncementBar a:active {
  color: #ffffff;
  text-decoration-color: #ffffff;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: background-color ease .25s;
  margin-left: -3px;
  padding-left: 3px;
  margin-right: -3px;
  padding-right: 3px; }

#Header {
  height: 90px;
  max-width: 1400px;
  position: relative;
  z-index: 50;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center; }

#Header.Docked {
  position: fixed;
  width: 100%; }

#Header .Toolbar {
  text-align: right;
  white-space: nowrap;
  position: absolute;
  right: 25px;
  top: 85px;
  font-size: 0px; }

#Header.Docked .Toolbar {
  top: 20px; }

@media only screen and (max-width: 600px) {
  #Header .Toolbar {
    top: 25px; } }

#Header .Logo {
  background-image: url("/media/nf-logo-mono-white.svg");
  background-size: contain;
  width: 250px;
  height: 100px;
  position: absolute;
  top: 50px;
  left: 50px;
  background-repeat: no-repeat; }

#Header .Logo:hover {
  background-image: url("/media/nf-logo-colour-white.svg");
  cursor: pointer; }

@media only screen and (max-width: 600px) {
  #Header .Logo {
    top: 100px;
    left: 50px;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    left: 0px;
    right: 0px; } }

#Header.Docked .Logo {
  height: 70px;
  top: 10px;
  left: 10px; }

#Header .SearchButton {
  width: 42px;
  height: 42px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  background-image: url("/media/ui/search-white.svg");
  background-repeat: no-repeat;
  background-size: 26px;
  background-position: center center; }

#MobileMenuButton {
  display: inline-block;
  z-index: 100;
  vertical-align: middle;
  height: 42px;
  position: relative;
  width: 42px;
  padding-left: 4px;
  padding-top: 10px;
  box-sizing: border-box;
  cursor: pointer; }

#MobileMenuButton span {
  display: block;
  width: 32px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background-color: #ffffff;
  border-radius: 1px;
  z-index: 1;
  transform-origin: 4px 0;
  transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.2s ease; }

#MobileMenuButton span:first-child {
  transform-origin: 0% 0%; }

#MobileMenuButton span:nth-last-child(2) {
  transform-origin: 0% 100%; }

#MobileMenuButton.Active span {
  opacity: 1;
  transform: rotate(45deg) translate(5px, -6px);
  background-color: #ffffff; }

#MobileMenuButton.Active span:nth-last-child(2) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2); }

#MobileMenuButton.Active span:nth-last-child(1) {
  opacity: 1;
  transform: rotate(-45deg) translate(2px, 3px);
  background-color: #ffffff; }

@media only screen and (min-width: 1100px) {
  #MobileMenuButton {
    display: none; } }

#Header .DonateButton {
  height: 42px;
  display: inline-block;
  background-color: #4f604f;
  cursor: pointer;
  vertical-align: top;
  font-size: 18px;
  font-family: 'Alliance2SemiBold';
  padding: 10px 20px 10px 45px;
  box-sizing: border-box;
  color: #fff;
  margin-right: 10px;
  transition: all .25s ease;
  position: relative;
  /*    border-radius: 0px 10px 10px 0px;*/ }

#Header .DonateButton .HeartIcon {
  height: 42px;
  width: 55px;
  position: absolute;
  background-image: url("/media/ui/heart.svg");
  background-size: 23px;
  background-repeat: no-repeat;
  background-position: 15px center;
  animation-name: Pulse;
  animation-duration: 5000ms;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  top: 0px;
  left: 0px; }

#Header .DonateButton:hover {
  color: #000000;
  transition: all .25s ease; }

@keyframes Pulse {
  0% {
    transform: scale(0.9); }
  5% {
    transform: scale(1.1); }
  10% {
    transform: scale(0.9); }
  15% {
    transform: scale(1); }
  50% {
    transform: rotate(0deg); }
  88% {
    transform: rotate(0deg); }
  90% {
    transform: rotate(-10deg); }
  92% {
    transform: rotate(10deg); }
  94% {
    transform: rotate(-10deg); }
  96% {
    transform: rotate(10deg); }
  98% {
    transform: rotate(-10deg); }
  100% {
    transform: rotate(10deg); } }

@keyframes Anim-SlideInRight {
  from {
    transform: translate3d(50px, 0px, 0px); }
  to {
    transform: translate3d(0px, 0px, 0px); } }

.SlideInRight {
  animation: Anim-SlideInRight 0.3s cubic-bezier(0.1, 0.9, 0.2, 1) both, Anim-FadeIn 0.2s cubic-bezier(0, 0, 1, 1) both;
  display: block; }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../../Website/sass/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px; }

.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none; }

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline; }

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791; }

#MainMenu {
  list-style: none;
  font-family: 'Alliance1Regular';
  padding: 0px;
  margin: 0px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.25);
  display: inline-block;
  vertical-align: top; }

@media only screen and (max-width: 1099px) {
  #MainMenu {
    display: none; } }

#MainMenu li {
  float: left;
  margin-right: 0;
  position: relative;
  float: unset;
  display: inline-block; }

#MainMenu a {
  display: block;
  padding: 10px;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  padding-left: 15px;
  padding-right: 15px; }

#MainMenu a:hover {
  color: #fff;
  text-decoration: underline;
  background: #efd31d;
  background: rgba(0, 0, 0, 0.25); }

#MainMenu ul {
  background: transparent;
  list-style: none;
  position: absolute;
  left: -9999px;
  padding-left: 0;
  margin-left: 0; }

#MainMenu ul li {
  padding-top: 0;
  float: none;
  z-index: 50;
  min-width: 200px;
  display: block; }

#MainMenu ul a {
  white-space: nowrap;
  font-size: 16px;
  font-family: 'Alliance1Regular';
  z-index: 50; }

#MainMenu li ul {
  margin-top: -10px;
  transition: margin-top .25s ease-out; }

#MainMenu li:hover ul {
  left: 0;
  display: block;
  margin-top: 0px;
  transition: margin-top .15s ease-out; }

#MainMenu li:hover a {
  background: rgba(0, 0, 0, 0.75);
  /*    background: #efd31d;*/
  text-decoration: none;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease; }

#MainMenu li ul a {
  padding-top: 7px;
  opacity: 0; }

#MainMenu li:hover ul a {
  text-decoration: none;
  background: #575757;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: left;
  /*    padding-top: 10px;*/
  /*    transition: padding-top .15s ease-out, opacity .3s ease-out;*/
  opacity: 1; }

#MainMenu li:hover ul li a:hover {
  background: rgba(0, 0, 0, 0.75);
  /*    background: #efd31d;*/
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  text-align: left; }

#MobileMenu {
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  background-color: cadetblue;
  position: fixed;
  clip-path: circle(0% at 100% 0%);
  transition: clip-path .25s ease-out;
  z-index: 99;
  overflow: hidden;
  display: block; }

#MobileMenu.Active {
  width: unset;
  height: unset;
  bottom: 0px;
  right: 0px;
  clip-path: circle(100% at 50% 50%);
  transition: clip-path .25s ease-out; }

#MobileMenu .Wrapper {
  opacity: 0;
  transition: all 1s ease-out;
  margin-top: 15vh; }

#MobileMenu.Active .Wrapper {
  opacity: 1;
  transition: all 1s ease-out; }

#MobileMenu .Wrapper .NatureFoundationLogo {
  width: 210px;
  height: 120px;
  background-image: url("/media/nf-logo-mono-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: background-image linear 1s;
  display: block;
  background-position: center center;
  margin: 0 auto; }

#MobileMenu .Wrapper ul {
  list-style: none;
  padding: 0px; }

#MobileMenu .Wrapper ul li {
  font-family: 'Alliance2SemiBold';
  font-size: 26px;
  color: #ffffff;
  display: block;
  text-align: center;
  margin-bottom: 40px;
  margin-left: -50px;
  transition: all ease-out .3s; }

#MobileMenu.Active .Wrapper ul li {
  margin-left: 0px; }

#MobileMenu .Wrapper ul li:nth-child(1) {
  transition-delay: 0ms; }

#MobileMenu .Wrapper ul li:nth-child(2) {
  transition-delay: 75ms; }

#MobileMenu .Wrapper ul li:nth-child(3) {
  transition-delay: 150ms; }

#MobileMenu .Wrapper ul li:nth-child(4) {
  transition-delay: 225ms; }

#MobileMenu .Wrapper ul li:nth-child(5) {
  transition-delay: 300ms; }

#MobileMenu .Wrapper ul li a {
  color: #ffffff;
  text-decoration: none;
  padding: 5px 15px;
  transition: all ease-out 250ms; }

#MobileMenu .Wrapper ul li a:hover {
  color: #333333;
  background-color: #ffffff;
  text-decoration: none;
  transition: all ease-out 250ms; }

#SearchPopup {
  width: 0px;
  height: 0px;
  background-color: cadetblue;
  position: fixed;
  clip-path: circle(0% at 50% 50%);
  transition: clip-path .25s ease-out;
  z-index: 101;
  top: 0px;
  left: 0px;
  overflow: hidden;
  display: block; }

#SearchPopup.Active {
  width: unset;
  height: unset;
  bottom: 0px;
  right: 0px;
  clip-path: circle(100% at 50% 50%);
  transition: clip-path .25s ease-out; }

#SearchPopup .Wrapper {
  margin: 0 auto;
  margin-top: 0px;
  display: block;
  margin-top: 35vh;
  width: 300px;
  opacity: 0;
  transition: all 1s ease-out; }

#SearchPopup.Active .Wrapper {
  opacity: 1;
  transition: all 1s ease-out; }

#SearchPopup .Wrapper input {
  padding: 10px 40px;
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px; }

#SearchPopup .Wrapper .form-control {
  width: 100%;
  font-size: 30px; }

#SearchPopup .Wrapper .Label {
  font-size: 26px;
  color: white;
  text-align: center;
  display: block; }

#SearchPopup .Wrapper .CancelText {
  text-decoration: underline;
  color: #ffffff;
  margin-top: 15px; }

/* BookEasy Style Overrides */
/* ==== Region Gadget ========================================================== */
/* ============================================================================= */
div.region-gadget.BE {
  font-family: 'Alliance1Light' !important; }

div.region-gadget.BE a:hover {
  background-color: transparent !important;
  text-decoration: none !important; }

/* Property list table */
div.region-gadget.BE div.prices-grid table tbody tr td {
  /*    border-right: 1px solid #cccccc !important;
    background-color: white !important;*/ }

/* Property list image wrapper */
div.region-gadget.BE div.prices-grid td.property div.thumb {
  padding: 0px !important;
  border: none !important;
  width: 100px !important;
  height: 100px !important; }

/* Property name */
div.region-gadget.BE div.prices-grid td.property a.name {
  font-size: 17px !important;
  font-weight: normal !important;
  font-family: 'Alliance1Regular' !important; }

/* Property list image */
div.region-gadget.BE div.prices-grid td.property div.thumb img {
  width: 100% !important; }

/* 'book now' price button  */
div.region-gadget.BE .im-pricebutton {
  background-color: #73e283 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 23px !important;
  height: 36px !important;
  color: black !important; }

@media only screen and (max-width: 800px) {
  div.region-gadget.BE div.prices-grid td.price {
    display: none !important; }
  div.region-gadget.BE div.prices-grid td.date {
    display: none !important; } }

div.region-gadget.BE div.tabs-group {
  display: none !important;
  /* Hide the price/details/map tabs */ }

div.region-gadget.BE div.prices-grid div.type-group table thead td, div.region-gadget.BE div.prices-grid div.type-group table tr.inline-header td {
  background-color: lightgray !important;
  color: #333333 !important;
  font-weight: bold !important; }

/* ==== Embedded Search ======================================================== */
/* ============================================================================= */
/* BE search bar header */
div.embedded-search div.search-gadget {
  border-radius: 0px !important;
  background: none !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
  text-align: center !important;
  padding-bottom: 20px !important;
  padding-top: 10px !important; }

/* Embedded search bar fields */
div.embedded-search div.search-gadget.BE div.product, div.embedded-search div.search-gadget.BE div.date, div.embedded-search div.search-gadget.BE div.period, div.embedded-search div.search-gadget.BE div.adults, div.embedded-search div.search-gadget.BE div.children, div.embedded-search div.search-gadget.BE div.infants, div.embedded-search div.search-gadget.BE div.concessions, div.embedded-search div.search-gadget.BE div.students, div.embedded-search div.search-gadget.BE div.observers, div.embedded-search div.search-gadget.BE div.family, div.embedded-search div.search-gadget.BE div.currencyId {
  float: none !important;
  display: inline-block !important; }

div.embedded-search div.search-gadget.BE {
  font-size: 16px !important; }

div.embedded-search div.search-gadget.BE input, div.embedded-search div.search-gadget.BE select {
  font-size: 16pt !important;
  text-align: center !important;
  padding-left: 20px !important;
  width: 70px !important; }

div.search-gadget.BE span.label {
  font-weight: normal !important;
  color: white !important;
  font-family: 'Alliance1Light' !important; }

div.embedded-search div.search-gadget.BE div.product {
  display: none !important;
  /* Hide the accom/tour dropdown menu */ }

/* ==== Shopping Cart ========================================================== */
/* ============================================================================= */
#BookeasyCart {
  display: inline-block !important;
  vertical-align: top !important; }

#BookeasyCart .noItems {
  display: none !important; }

div.shopping-cart.BE a:hover {
  background-color: transparent !important; }

div.shopping-cart.BE {
  font-family: 'Alliance1Light' !important; }

#BookeasyCart div.shopping-cart.BE div.cartItems, #BookeasyCart div.cartInOverlay div.cartItems {
  position: relative !important;
  border: none !important;
  padding: 0px !important;
  padding-bottom: 0px !important;
  border-radius: unset !important;
  margin-top: -6px; }

/* Cart total button */
#BookeasyCart div.shopping-cart.BE.auto-collapse div.cartItems div.totalDisplay {
  background-color: #4f604f !important;
  border-radius: 23px !important;
  /*    height: 40px !important;*/
  border: none !important;
  width: 50px !important;
  background-image: none !important; }

/* Cart checkout link */
#BookeasyCart div.shopping-cart.BE.auto-collapse div.cartItems div.totalDisplay a {
  display: inline-block !important;
  height: 40px !important;
  background-position-y: 2px !important; }

/* Cart items count text */
#BookeasyCart div.shopping-cart.BE.auto-collapse div.cartItems div.totalDisplay a span {
  font-size: 16px !important;
  color: white !important;
  top: 5px !important; }

#BookeasyCart div.shopping-cart.BE.auto-collapse div.cartItems {
  padding: 0px !important; }

/* Cart items modal dialogue */
div.shopping-cart.BE, div.cartInOverlay {
  font-family: 'Alliance1Regular' !important; }

div.cartInOverlay div.cartItems div.checkout a {
  background-image: none !important;
  background-color: #73e283 !important;
  border: none !important;
  border-radius: 23px !important;
  padding: 5px 20px 5px 20px !important; }

div.cartInOverlay div.cartItems div.checkout a span {
  color: white !important;
  font-family: 'Alliance1Light' !important; }

/* ==== Shopping Cart Modal Popup=============================================== */
/* ============================================================================= */
/*Nav arrows top of screen

div#wdOverlayContent div.add-to-cart-form div.name span.operator-name
div#wdOverlayContent div.add-to-cart-form div.name span.item-name

Add to cart buttons*/
body div#wdOverlayContent {
  max-height: 85vh;
  overflow-x: hidden !important;
  overflow-y: auto !important; }

div#wdOverlayContent div.add-to-cart-form div.addButton a.addToCart {
  background-color: #73e283 !important; }

div#wdOverlayContent div.add-to-cart-form div.addButton a.checkOutNow {
  background-color: #73e283 !important; }

div#wdOverlayContent div.add-to-cart-form div.addButton a {
  background-image: none !important;
  background-color: grey;
  border: none !important;
  border-radius: 23px !important;
  padding: 5px 20px 5px 20px !important; }

div#wdOverlayContent div.add-to-cart-form .bookingQuestion-answer-field {
  width: 100% !important; }

div#wdOverlayContent div.add-to-cart-form input[type=checkbox].bookingQuestion-answer-field {
  width: unset !important; }

/* ==== Details Gadget ========================================================= */
/* ============================================================================= */
div.details-gadget.BE {
  font-family: 'Alliance1Light' !important; }

/* Property list table */
div.details-gadget.BE div.priceGrid table tbody tr td {
  border-right: 1px solid #cccccc !important;
  background-color: white !important; }

/* Property list image wrapper */
div.details-gadget.BE div.priceGrid table tbody tr td.name .thumb {
  padding: 0px !important;
  border: none !important;
  width: 200px !important;
  height: 200px !important; }

/* Property list image */
div.details-gadget.BE div.priceGrid table tbody tr td.name .thumb img {
  width: 100% !important; }

/* Property name */
div.details-gadget.BE div.priceGrid table tbody tr td.name a {
  font-size: 18px !important;
  font-family: 'Alliance1Light' !important; }

/* Book button (accom) */
div.details-gadget.BE .im-pricebutton {
  background: none !important;
  background-color: #73e283 !important;
  border: none !important;
  border-radius: 23px !important;
  height: 36px !important; }

/* Book button (tours) */
div.details-gadget.BE .instant-confirmation {
  background: none !important;
  background-color: #73e283 !important;
  border: none !important;
  border-radius: 23px !important;
  height: 36px !important; }

/* Book button (tours) */
div.details-gadget.BE .instant-confirmation .cost {
  margin-bottom: 0px !important; }

/* Booking number selector dropdown*/
div.details-gadget.BE div.priceGrid table tbody tr td.quantity select {
  width: unset !important;
  background-color: #eaeaea !important; }

/* Property list table columns header */
div.details-gadget.BE div.priceGrid table thead td {
  background-color: transparent !important;
  border-right: 1px solid #cccccc !important;
  color: black !important;
  font-family: 'Alliance1Regular' !important;
  font-weight: normal !important; }

div.details-gadget.BE .OperatorInfo {
  display: inline !important; }

div.details-gadget.BE .OperatorInfoHidden .Description {
  display: none !important; }

div.details-gadget.BE .OperatorInfoMore {
  display: none !important; }

@media only screen and (max-width: 800px) {
  div.details-gadget.BE div.priceGrid table tbody tr td.price {
    display: none !important; }
  div.details-gadget.BE div.priceGrid table thead tr td.date {
    display: none !important; } }

@media only screen and (max-width: 650px) {
  div.details-gadget.BE .OperatorInfo {
    display: block !important; }
  div.details-gadget.BE div.priceGrid table tbody tr td.name .thumb {
    width: 150px !important;
    height: 150px !important; } }

/* ==== Checkout page (booking gadget) ========================================= */
/* ============================================================================= */
div.booking-gadget.BE {
  font-family: 'Alliance1Light' !important; }

div.booking-gadget.BE .is-booking {
  margin: 0px 0px 20px 0px !important; }

/* Bookings details box */
div.booking-gadget.BE div.shopping-cart {
  float: unset !important;
  width: unset !important;
  background-color: #f1f1f1 !important;
  -webkit-border-radius: 0px !important;
  border: none !important; }

/* Personal details box */
div.booking-gadget.BE .personalDetails {
  background-color: #f1f1f1 !important;
  width: unset !important;
  -webkit-border-radius: 0px !important;
  border: none !important;
  float: unset !important;
  margin: 0px 0px 20px 0px !important; }

div.booking-gadget.BE .personalDetails div {
  margin-bottom: 5px !important; }

/* Credit card details box */
div.booking-gadget.BE .ccDetails {
  background-color: #f1f1f1 !important;
  width: unset !important;
  -webkit-border-radius: 0px !important;
  border: none !important;
  float: unset !important;
  margin: 0px 0px 20px 0px !important; }

div.booking-gadget.BE div.button a {
  background: none !important;
  background-color: #73e283 !important;
  border: none !important;
  border-radius: 23px !important;
  height: 36px !important;
  text-decoration: none; }

div.booking-gadget.BE div.button a span {
  color: white !important;
  font-family: 'Alliance1Light' !important;
  font-size: 20px !important;
  font-weight: normal; }

div.booking-gadget.BE .cartItems {
  border: none !important; }

/* ==== Region Accom / Activities Tabs ========================================= */
/* ============================================================================= */
#OperatorTabs {
  width: 75%;
  font-size: 0px;
  margin: 0 auto;
  background-color: black; }

#OperatorTabs .Tab {
  display: inline-block;
  width: 50%;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  color: white;
  font-size: 20px;
  background-color: lightgreen;
  opacity: .75; }

#OperatorTabs .Tab.Active {
  opacity: 1; }

#OperatorTabs .Tab:hover {
  cursor: pointer; }

@media only screen and (max-width: 800px) {
  #OperatorTabs .Tab {
    font-size: 16px;
    padding: 10px; } }

/* ==== Accom / Tour details page ============================================== */
/* ============================================================================= */
#Content .PropertyDetails a, #Content .PropertyDetails a:active, #Content .PropertyDetails a:hover, #Content .PropertyDetails a:visited {
  color: unset;
  background-color: unset; }

#Content .PropertyDetails .Facilities {
  background-color: #3c3c3b;
  padding: 30px;
  color: white;
  margin-top: 80px; }

#Content .PropertyDetails .Facilities h2 {
  color: white;
  font-size: 20px;
  margin: 0px;
  margin-bottom: 10px; }

#Content .PropertyDetails .Facilities .Items {
  text-align: center; }

#Content .PropertyDetails .Facilities .Items .Name {
  display: inline-block;
  color: white;
  font-size: 16px;
  padding: 5px; }

#Content .PropertyDetails .Images {
  font-size: 0px; }

#Content .PropertyDetails .NavButtons {
  text-align: center;
  margin-bottom: 40px; }

#Content .PropertyDetails .NavButtons .Button {
  background-color: #4f604f;
  border-radius: 50px;
  display: inline-block;
  padding: 10px 30px 10px 30px;
  margin-bottom: 10px;
  font-family: 'Alliance1Regular';
  color: #ffffff;
  transition: all ease-in 0.1s;
  text-decoration: none;
  vertical-align: top; }

#Content .PropertyDetails .NavButtons .Button:hover {
  cursor: pointer;
  transition: all ease-in 0.1s; }

#Content .PropertyDetails .TermsConditions {
  margin-top: 80px; }

#Content .PropertyDetails .TermsConditions p {
  font-size: 16px; }

#Content .PropertyDetails .OperatingHours {
  margin-top: 80px;
  text-align: center; }

#Content .PropertyDetails .OperatingHours .CheckInOut {
  display: block; }

#Content .PropertyDetails .OperatingHours .Office {
  display: block; }

#BookeasyMap {
  height: 400px;
  width: 100%; }

#BELoadDetailsButton {
  display: none; }

#DonationForm {
  padding: 35px;
  margin-bottom: 10px;
  text-align: center;
  transition: all 1s ease-out;
  background-color: #84a4a4;
  /*    clip-path: polygon(0 2%, 100% 0, 100% 98%, 0% 100%);*/
  max-width: 450px;
  margin: 0 auto;
  max-height: 1000px;
  border-radius: 23px;
  display: block; }

#DonationForm .Heading {
  color: #333333;
  font-size: 24px;
  padding: 15px;
  margin: 0px;
  margin-bottom: 8px;
  font-family: 'Alliance2SemiBold'; }

#DonationForm .SelectorButton {
  display: inline-block;
  padding: 10px;
  border-radius: 50px;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 15px;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  margin-bottom: 15px; }

#DonationForm .SelectorButton.Selected {
  background-color: #8ee8ad; }

#DonationForm .SelectorButton:hover {
  cursor: pointer; }

#DonationForm .FormNavigation {
  margin-top: 30px;
  margin-bottom: 0px; }

#DonationForm .FinePrint {
  font-size: 13px;
  opacity: 0.8;
  margin-top: 12px; }

#DonationForm .CheckboxWrapper {
  padding-top: 10px; }

#DonationForm button {
  color: #ffffff;
  padding: 7px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: 'MontSeratSemiBold';
  font-size: 22px; }

#DonationForm .Small {
  background-color: #da5914;
  color: #ffffff;
  padding: 3px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: 'MontSeratSemiBold';
  font-size: 16px; }

#DonationForm input.Border {
  border-color: #dcdcdc; }

#DonationForm .ValidationError {
  background-color: #ffb5b5; }

#DonationForm .Hint {
  color: #999999; }

#DonationForm .Normal {
  color: #000000; }

#DonationForm .Disabled {
  opacity: 0.5; }

#DonationForm .InputGroup {
  padding-top: 5px;
  padding-bottom: 5px; }

#DonationForm .InputGroup .Input {
  display: inline-block; }

#DonationForm .InputGroup .Label {
  display: inline-block;
  width: 180px; }

#DonationForm .InputGroup.DonationTarget .Label {
  display: inline-block;
  padding-top: 0px;
  padding-bottom: 15px; }

#DonationForm .InputGroup.DonationTarget .Description {
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px; }

#DonationForm .TextboxIcon {
  display: block;
  position: absolute;
  font-family: 'Alliance1Light';
  font-size: 20px;
  margin-top: 10px;
  margin-left: 15px; }

#DonationForm .TextboxWithIcon {
  padding-left: 30px; }

#Featured {
  margin-top: 75px;
  max-width: 1200px;
  margin: 0 auto; }

#Featured .Item {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  font-size: 0px;
  height: 350px;
  overflow: hidden; }

#Featured .Item:hover {
  cursor: pointer; }

#Featured .Item .TextWrapper {
  display: inline-block;
  width: 50%;
  height: 350px;
  padding: 50px;
  padding-top: 60px;
  box-sizing: border-box;
  vertical-align: middle; }

#Featured .Item .Heading {
  padding: 10px;
  font-size: 30px;
  display: block;
  box-sizing: border-box;
  font-family: 'Alliance2SemiBold'; }

#Featured .Item .Text {
  padding: 10px;
  font-size: 17px;
  display: block;
  box-sizing: border-box;
  font-family: 'Alliance1Light'; }

#Featured .Item .Image {
  height: 350px;
  background-size: cover;
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  vertical-align: top;
  background-position: center center;
  transition: transform ease 1s; }

#Featured .Item:hover .Image {
  transform: scale(1.1);
  transition: transform ease 1s; }

#Featured .Item.Zero {
  background-color: #dfdae8; }

#Featured .Item.Zero .Image {
  background-image: url("/media/temp/vital-work-appeal.jpg"); }

#Featured .Item.One {
  background-color: #b2c6c7; }

#Featured .Item.One .Image {
  background-image: url("/media/temp/water-for-nature.jpg"); }

#Featured .Item.Two {
  background-color: #dad6d1; }

#Featured .Item.Two .Image {
  background-image: url("/media/temp/bird-box.jpg"); }

#Featured .Item.Three {
  background-color: #dfdae8; }

#Featured .Item.Three .Image {
  background-image: url("/media/temp/offset-solutions.jpg"); }

@media only screen and (max-width: 700px) {
  #Featured .Item {
    height: unset; }
  #Featured .Item .Image {
    display: block;
    width: 100%;
    height: 200px;
    display: none; }
  #Featured .Item .TextWrapper {
    display: block;
    width: 100%;
    height: unset; } }

@media only screen and (min-width: 700px) and (max-width: 950px) {
  #Featured .Item .Image {
    width: 33%; }
  #Featured .Item .TextWrapper {
    width: 66%; } }

@media only screen and (min-width: 950px) {
  #Featured .Item {
    /*        width: 75%;*/ } }

#Footer {
  display: block;
  color: #ddd; }

#Footer .OuterWrapper {
  background-color: #3c3c3b;
  clip-path: polygon(26% 0, 100% 12%, 100% 100%, 0 100%, 0 9%);
  transition: all 1s ease-out;
  padding: 80px;
  padding-top: 110px;
  position: relative; }

#Footer:hover .OuterWrapper {
  clip-path: polygon(71% 0, 100% 12%, 100% 100%, 0 100%, 0 9%);
  transition: all 1s ease-out; }

#Footer .InnerWrapper {
  max-width: 1200px;
  margin: 0 auto; }

#Footer a, #Footer a:visited, #Footer a:active {
  color: #ddd;
  text-decoration: none;
  border-bottom: solid 2px #dfdf00; }

#Footer a:hover {
  background-color: #dfdf00;
  color: #333333; }

#Footer .NatureFoundationLogo {
  width: 210px;
  height: 120px;
  background-image: url("/media/nf-logo-mono-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: background-image linear 1s; }

/*#Footer:hover .NatureFoundationLogo {
    background-image: url("/media/nf-logo-colour-white.svg");
    transition: background-image linear 1s;
}*/
#Footer .ContactDetails {
  font-family: 'Alliance1Light';
  font-size: 18px;
  color: #ffffff; }

#Footer .CharityWrapper {
  padding-bottom: 30px; }

#Footer .Acknowledgement {
  display: inline-block;
  max-width: 370px;
  font-family: 'Alliance1Light';
  font-size: 15px;
  color: #ffffff;
  vertical-align: top; }

#Footer .CharityLogo {
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url("/media/registered-charity-logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: top;
  margin-left: 30px; }

#Footer .SocialMedia {
  padding-bottom: 20px;
  padding-top: 55px; }

#Footer .SocialMedia a {
  text-decoration: none;
  border: none;
  background-color: transparent; }

#Footer .SocialMedia a:hover {
  text-decoration: none;
  border: none;
  background-color: transparent; }

#Footer .SocialMedia .Icon {
  width: 35px;
  height: 35px;
  display: inline-block;
  opacity: .8;
  border-radius: 200px;
  background-size: 30px;
  background-repeat: no-repeat;
  /* margin-right: 15px; */
  background-color: transparent;
  transition: background-color ease .25s;
  padding: 5px;
  background-position: center center; }

#Footer .SocialMedia .Icon:hover {
  opacity: 1; }

#Footer .SocialMedia .Facebook {
  background-image: url("/media/social/facebook-white.svg"); }

#Footer .SocialMedia .Facebook:hover {
  background-color: #1877f2;
  transition: background-color ease .25s; }

#Footer .SocialMedia .Twitter {
  background-image: url("/media/social/twitter-white.svg"); }

#Footer .SocialMedia .Twitter:hover {
  background-color: #1da1f2;
  transition: background-color ease .25s; }

#Footer .SocialMedia .Instagram {
  background-image: url("/media/social/instagram-white.svg"); }

#Footer .SocialMedia .Instagram:hover {
  background-color: #ff583e;
  /*    background-color: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);*/
  transition: background-color ease .25s; }

#Footer .SocialMedia .LinkedIn {
  background-image: url("/media/social/linkedin-white.svg");
  background-size: 60%; }

#Footer .SocialMedia .LinkedIn:hover {
  background-color: #0a66c2;
  transition: background-color ease .25s; }

#Footer .Legal {
  font-family: 'Alliance1Light';
  font-size: 15px;
  color: #ffffff; }

#Footer .Col1 {
  display: inline-block;
  vertical-align: top;
  padding-right: 120px; }

#Footer .Col2 {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  /*    background-color: lightcyan;*/ }

#Footer .ContactDetails .Item {
  padding-bottom: 12px;
  white-space: nowrap; }

#Footer .ContactDetails .Icon {
  height: 18px;
  width: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; }

#Footer .ContactDetails .Text {
  display: inline-block;
  vertical-align: middle; }

#Footer .ContactDetails .Icon.Phone {
  background-image: url("/media/ui/phone-white.svg"); }

#Footer .ContactDetails .Icon.House {
  background-image: url("/media/ui/house-white.svg"); }

#Footer .ContactDetails .Icon.Email {
  background-image: url("/media/ui/email-white.svg"); }

@media only screen and (max-width: 600px) {
  #Footer .Col1 {
    display: block;
    width: 100%;
    padding-right: 0px; }
  #Footer .Col2 {
    display: block;
    width: 100%; }
  #Footer .OuterWrapper {
    padding: 20px; }
  #Footer .InnerWrapper {
    text-align: center;
    margin-top: 100px; }
  #Footer .CharityLogo {
    display: block;
    margin: 0 auto;
    margin-top: 40px; }
  #Footer .NatureFoundationLogo {
    display: block;
    margin: 0 auto; }
  #Footer .ContactDetails .Icon {
    display: block;
    margin-right: 0px;
    margin: 0 auto;
    margin-top: 15px;
    height: 25px;
    width: 25px;
    margin-bottom: 4px; }
  #Footer .ContactDetails .Text {
    display: block; } }

@media only screen and (min-width: 600px) and (max-width: 1200px) {
  #Footer .OuterWrapper {
    padding: 50px; }
  #Footer .Col1 {
    padding-right: 0px; }
  #Footer .Col1, #Footer .Col2 {
    display: block;
    width: 100%;
    text-align: center; }
  #Footer .NatureFoundationLogo {
    display: block;
    margin: 0 auto; }
  #Footer .InnerWrapper {
    margin-top: 50px; }
  #Footer .ContactDetails .Icon {
    display: block;
    margin-right: 0px;
    margin: 0 auto;
    margin-top: 15px;
    height: 25px;
    width: 25px;
    margin-bottom: 4px; }
  #Footer .ContactDetails .Text {
    display: block; } }

@media only screen and (min-width: 1200px) {
  #Footer .NatureFoundationLogo {
    margin-left: -10px; } }

#MembershipForm {
  padding: 35px;
  margin-bottom: 10px;
  text-align: center;
  transition: height 1s ease-out;
  background-color: #84a4a4;
  /*    clip-path: polygon(0 2%, 100% 0, 100% 98%, 0% 100%);*/
  max-width: 450px;
  margin: 0 auto;
  border-radius: 23px;
  display: block; }

#MembershipForm .Heading {
  color: #333333;
  font-size: 24px;
  padding: 15px;
  margin: 0px;
  margin-bottom: 8px;
  font-family: 'Alliance2SemiBold'; }

#MembershipForm .SelectorButton {
  display: inline-block;
  padding: 10px;
  border-radius: 50px;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 15px;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  margin-bottom: 15px; }

#MembershipForm .SelectorButton.Selected {
  background-color: #8ee8ad; }

#MembershipForm .SelectorButton:hover {
  cursor: pointer; }

#MembershipForm .FormNavigation {
  margin-top: 30px;
  margin-bottom: 0px; }

#MembershipForm .FinePrint {
  font-size: 13px;
  opacity: 0.8;
  margin-top: 12px; }

#MembershipForm .CheckboxWrapper {
  padding-top: 10px; }

#MembershipForm button {
  color: #ffffff;
  padding: 7px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 22px; }

#MembershipForm .Small {
  background-color: #da5914;
  color: #ffffff;
  padding: 3px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 16px; }

#MembershipForm input.Border {
  border-color: #dcdcdc; }

#MembershipForm .ValidationError {
  background-color: #ffb5b5; }

#MembershipForm .Hint {
  color: #999999; }

#MembershipForm .Normal {
  color: #000000; }

#MembershipForm .Disabled {
  opacity: 0.5; }

#MembershipForm .InputGroup {
  padding-top: 5px;
  padding-bottom: 5px; }

#MembershipForm .InputGroup .Input {
  display: inline-block; }

#MembershipForm .InputGroup .Label {
  display: block;
  /* width: 180px; */
  padding-bottom: 5px; }

#MembershipForm .InputGroup.MembershipLevel .Description {
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px; }

#MembershipForm .InputGroup.DonationTarget .Label {
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px; }

#MembershipForm .InputGroup.DonationTarget .Description {
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px; }

#MembershipForm .TextboxIcon {
  display: block;
  position: absolute;
  font-family: 'Alliance1Light';
  font-size: 20px;
  margin-top: 10px;
  margin-left: 15px; }

#MembershipForm .TextboxWithIcon {
  padding-left: 30px; }

#NewsEvents {
  margin-top: 120px;
  margin-bottom: 120px; }

#NewsEvents h1 {
  text-align: center; }

#NewsEvents .Items {
  font-size: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 50px; }

#NewsEvents .Items .Item {
  width: 23%;
  height: 400px;
  background-color: #1b2e46;
  padding: 20px;
  box-sizing: border-box;
  margin-right: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  transition: background-color linear 1s;
  overflow: hidden;
  position: relative;
  max-width: 400px; }

/*#NewsEvents .Items .Item:hover {
    background-color: aqua;
    transition: background-color ease-out 0.5s;
}*/
/*#NewsEvents .Items .Item:last-child {
    margin-right: 0px;
}*/
#NewsEvents .Items .Item .Image {
  opacity: 0.75;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  margin-left: -20px;
  background-size: cover;
  margin-top: -20px;
  transition: transform linear .2s;
  transform: scale(1);
  background-position: center center; }

#NewsEvents .Items .Item .Image:hover {
  transform: scale(1.1);
  transition: all linear .2s;
  opacity: 0.25; }

#NewsEvents .Items .Item .Title {
  font-size: 26px;
  vertical-align: middle;
  font-family: 'Alliance2SemiBold';
  padding-top: 270px;
  transition: all linear 0.2s;
  position: relative;
  color: #ffffff;
  pointer-events: none; }

#NewsEvents .Items .Item:hover .Title {
  padding-top: 200px;
  transition: all ease-out 0.2s; }

#NewsEvents .Items .Item .Description {
  margin-top: 10px;
  font-size: 15px;
  font-family: 'Alliance1Regular';
  opacity: 0;
  transition: all ease-out 0.5s;
  position: relative;
  color: #ffffff;
  pointer-events: none; }

#NewsEvents .Items .Item:hover .Description {
  opacity: 1;
  transition: all ease-out 0.5s; }

@media only screen and (max-width: 600px) {
  #NewsEvents .Items .Item {
    width: 90%;
    margin-right: 0px; } }

@media only screen and (min-width: 600px) and (max-width: 9999px) {
  #NewsEvents .Items .Item {
    width: 40%; }
  #NewsEvents .Items .Item:nth-child(2n+0) {
    margin-right: 0px; } }

/*@media only screen and (min-width: 1200px) {
    #NewsEvents .Items .Item:nth-child(4n+0) {
        margin-right: 0px;
    }
}*/

.NewsletterSignup {
  background-color: #dfdf00;
  background-color: #aaaaaa;
  color: white;
  transition: height 1s ease-out;
  background-image: url(/media/subscribe-bg-5.jpg);
  background-size: cover;
  clip-path: polygon(25% 2%, 68% 0, 100% 3%, 100% 100%, 0 100%, 0 0); }

.NewsletterSignup .Wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 75px;
  padding-right: 75px;
  padding-bottom: 200px;
  margin-bottom: -120px;
  text-align: center; }

.NewsletterSignup h1 {
  font-size: 45px;
  font-family: 'Alliance2SemiBold';
  color: #333333;
  text-align: center; }

.NewsletterSignup p {
  font-size: 18px;
  font-family: 'Alliance1Light';
  color: #333333;
  text-align: center; }

.NewsletterSignup p.FinePrint {
  font-size: 11px;
  font-family: 'Alliance1Light';
  color: #333333;
  margin-bottom: 30px; }

.NewsletterSignup .StatusMessage {
  font-size: 18px;
  font-family: 'Alliance1Light';
  color: #333333;
  text-align: center;
  font-weight: bold; }

.NewsletterSignup .Col {
  display: block;
  vertical-align: middle; }

.NewsletterSignup .Col1 {
  text-align: left; }

.NewsletterSignup input[type="button"] {
  background-color: #404040;
  border-color: #404040;
  color: #ffffff;
  transition: linear .25s; }

.NewsletterSignup input[type="button"]:hover {
  background-color: #404040;
  border-color: #404040;
  color: #ffffff;
  transition: linear .25s; }

.NewsletterSignup input {
  margin-bottom: 15px;
  margin-right: 10px; }

.NewsletterSignup input.ValidationError, .NewsletterSignup textarea.ValidationError {
  animation-name: Shake;
  animation-duration: .15s;
  animation-iteration-count: 2;
  animation-fill-mode: forwards;
  background-color: #ffaaaa; }

@keyframes ValidationErrorAnimation {
  from {
    background-color: #ececec; }
  to {
    background-color: #ffaaaa; } }

@keyframes Shake {
  0% {
    margin-left: 0px;
    margin-right: 0px; }
  25% {
    margin-left: 5px;
    margin-right: -5px; }
  50% {
    margin-left: 0px;
    margin-right: 0px; }
  75% {
    margin-left: -5px;
    margin-right: 5px; }
  100% {
    margin-left: 0px;
    margin-right: 0px; } }

@media only screen and (max-width: 600px) {
  .NewsletterSignup input {
    width: 100%;
    margin-right: 0px; } }

#WhatWeDo {
  margin-top: 80px; }

#WhatWeDo h1 {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
  padding-right: 100px;
  padding-left: 100px; }

#WhatWeDo .Items {
  text-align: center;
  max-width: 1500px;
  margin: 0 auto;
  padding: 50px;
  padding-top: 20px; }

#WhatWeDo .Items .Item {
  display: inline-block;
  vertical-align: top;
  padding: 25px;
  box-sizing: border-box;
  transition: background-color ease 500ms; }

#WhatWeDo .Items .Item:hover {
  /*    border: 1px solid lightblue;*/
  cursor: pointer;
  background-color: #cad8d6;
  transition: background-color ease 500ms; }

#WhatWeDo .Items .Item .Icon {
  height: 150px;
  width: 70%;
  margin: 0 auto;
  margin-top: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
  opacity: 0.8;
  transform: scale(1);
  transition: all 2s ease; }

#WhatWeDo .Items .Item:hover .Icon {
  transform: scale(1.1);
  transition: all 2s ease; }

#WhatWeDo .Items .Item.Impact .Icon {
  background-image: url("/media/what-we-do/our-impact.png"); }

#WhatWeDo .Items .Item.Science .Icon {
  background-image: url("/media/what-we-do/science-research.png"); }

#WhatWeDo .Items .Item.Offsets .Icon {
  background-image: url("/media/what-we-do/products-services.png"); }

#WhatWeDo .Items .Item.Community .Icon {
  background-image: url("/media/what-we-do/community-engagement.png"); }

#WhatWeDo .Items .Item .Heading {
  font-family: 'Alliance2SemiBold';
  font-weight: 100;
  font-size: 22px;
  margin-top: 20px; }

#WhatWeDo .Items .Item .Description {
  font-size: 17px;
  max-width: 300px;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-bottom: 40px;
  margin-top: 20px;
  /*    display: none;*/
  font-family: 'Alliance1Light'; }

#WhatWeDo .Items .Item .Button a {
  background-color: hotpink;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 50px;
  color: #333333;
  text-decoration: none; }

@media only screen and (max-width: 600px) {
  #WhatWeDo .Items .Item {
    width: 90%; }
  #WhatWeDo h1 {
    padding-left: 25px;
    padding-right: 25px; } }

@media only screen and (min-width: 600px) and (max-width: 1200px) {
  #WhatWeDo .Items .Item {
    width: 45%; }
  #WhatWeDo h1 {
    padding-left: 50px;
    padding-right: 50px; } }

@media only screen and (min-width: 1200px) {
  #WhatWeDo .Items .Item {
    width: 23%; } }