@charset "utf-8";
/* fotpin css 2017 */

html{box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit;}
html,body {font-family: 'Open+Sans', sans-serif;font-size:16px;line-height:1.25;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}

/* IMAGE styles */
/* style cursor for zoom-in when hovering over images */ 
.zoom-in {cursor: zoom-in;} 

/* rounded-corner image with zoom */
/* .btnImage : see under button styles */
img{margin-bottom:-5px}a{color:inherit;}
.fp-img-downscale{max-width:100%; height:auto;}
.fp-b0 {border:0}
.fpImg {border-radius: 5px;}

/* headings */
h1 {font-size:1.5em; font-weight: 600}
h2 {font-size:1.125em; font-weight: 600}
h3 {font-size:1em; font-weight: 600}

/* links */
a:link {color:#7C943C; text-decoration: none;} /* unvisited link */
a:visited {color:#7C943C; text-decoration: none;} /* visited link */
a:hover {color:#007700; text-decoration: none;} /* mouse over link */
a.fp-btnlink:link {color:#000;background:#e5e7dd;font-size:0.75em; box-shadow:0px 0px 0px 1px #cc9;
  padding:1px 6px 1px 6px;border-radius:10px; outline:none;}
a.fp-btnlink:visited {color:#030;text-decoration: none;font-size:0.75em;}
a.fp-btnlink:hover {color:#FFF;background:#41551C;cursor: pointer;} /* mouse over link */
a.fp-btnlinkS:link {color:#000;background:#e5e7dd;font-size:0.75em; box-shadow:0px 0px 0px 1px #cc9;
  padding: 3px;border-radius:10px; outline:none; margin:0;}
a.fp-btnlinkS:visited {color:#030;text-decoration: none;font-size:0.75em;}
a.fp-btnlinkS:hover {color:#FFF;background:#41551C;cursor: pointer;} /* mouse over link */

/* text with non href links  (eg onclick)*/
.fp-textclick {color:#7C943C;}
.fp-textclick:hover {color:#007700;cursor: pointer;}

/* input[type="button"]{-webkit-appearance: none;border-radius: 0;}    /* to stop ios giving rounded corners to input buttons in menu */

/*  text styling */
.fp-36px {font-size:2.25em;}
.fp-30px {font-size:1.875em;}
.fp-24px {font-size:1.5em;}
.fp-20px {font-size:1.25em;}
.fp-18px {font-size:1.125em;}
.fp-16px {font-size:1em;}
.fp-14px {font-size:0.875em;}
.fp-12px {font-size:0.75em;}
.fp-10px {font-size:0.625em;}
.fp-08px {font-size:0.5em;}
.fp-04px {font-size:0.25em;}
.fp-1em {font-size:1em;}
.fp-bd {font-weight:600;}
.fp-it {font-style:italic;}
.fp {font-weight:normal;}
.fp-red {color:#f00;}
.fp-black {color:#000;}

/*  paragraph styles */
p {margin: 0 0 12px 0;}    /* DEFAULT */

/* frequent margin styles */
.fp-LRauto {margin-left:auto;margin-right:auto;}
.fp-c {text-align:center;}
.fp-L {text-align:left;}
.fp-R {text-align:right;}
.fp-T {vertical-align:top;}
.fp-B {vertical-align:bottom;}
.fp-0 { margin: 0;}
.fp-0t {margin-top:0;}
.fp-0c {margin: 0; text-align:center;}
.fp-0tb {margin-top:0px;margin-bottom:0px;}
.fp-10l {margin-left:10px;}
.fp-20l {margin-left:20px;}
.fp-20lr {margin-left:20px;margin-right:20px;}
.fp-20lr8b {margin:0px 20px 8px 20px;}
.fp-12t {margin-top:12px;}
.fp-12b {margin-bottom:12px;}
.fp-18t {margin-top:18px;}
.fp-18b {margin-bottom:18px;}
.fp-20t {margin-top:20px;}
.fp-20b {margin-bottom:20px;}
.fp-20r {margin-right:20px;}
.fp-10r {margin-right:10px;}
.fp-24b {margin-bottom:24px;}
.fp-30t {margin-top:30px;}
.fp-40l {margin-left:40px;}
.fp-40t {margin-top:40px;}
.fp-60l {margin-left:60px;}
.fp-80l {margin-left:80px;}
.fp-04t {margin-top: 4px;}
.fp-04l {margin-left: 4px;}
.fp-04tlr10 {margin: 4px 10px 0px 10px;}
.fp-t-4 {margin: -4px 0px 0px 0px;}
.fp-t-04 {margin-top:-4px;}
.fp-0b {margin-bottom:0px;}
.fp-04b {margin-bottom:4px;}
.fp-08b {margin-bottom:8px;}
.fp-08t {margin-top:8px;}
.fp-m08t {margin-top:-8px;}
.fp-08tb {margin: 8px 0px 8px 0px;}
.fp-16b {margin-bottom:16px;}
.fp-16tb {margin: 16px 0px 16px 0px;}
.fp-lr10 {margin:0 10px;}
.fp-lr10b10 {margin: 0px 10px 10px 10px;}
.fp-lr10tb4 {margin: 5px 10px 5px 10px;}
.fp-10 {margin: 10px 10px 10px 10px;}
.fp-0-30-08-30 {margin: 0px 30px 8px 30px;}

/* frequent padding styles */
.fpad-12t {padding-top:12px;}
.fpad-0 {padding:0;}

/* float styles */
.fp-FR {float:right;}
.fp-FL {float:left;}
.fp-FclearR {clear:right;}
.fp-FclearB {clear:both;}


/* border styles */
.fp-B1  { border-bottom: 1px solid #cccc99; } 
.fp-B2  { border-bottom: 2px solid #cccc99; } 
.fp-T1  { border-top: 1px solid #cccc99; } 
.fp-T2  { border-top: 2px solid #cccc99; } 
.fp-A1  { border: 1px solid #cccc99; } 
.fp-A2  { border: 2px solid #cccc99; } 

/* division styles */
.fp-300-c {display:block; max-width:300px; margin:0 auto}
.fp-400-c {display:block; max-width:400px; margin:0 auto}
.fp-600-c {display:block; max-width:600px; margin:0 auto}
.fp-700-c {display:block; max-width:700px; margin:0 auto}
.fp-750-c {display:block; max-width:750px; margin:0 auto}
.fp-890-c {display:block; max-width:890px; margin:0 auto}
.fp-850-c {display:block; max-width:850px; margin:0 auto}
.fp-815-c {display:block; max-width:815px; margin:0 auto}

/* calendar styles */
.fp-cal-1 {background-color:#f3f4ef; padding: 5px 5px 5px 5px; border-bottom: 1px solid #cccc99;}
.fp-cal-2 {background-color:#ecedeb; padding: 5px 5px 5px 5px; border-bottom: 1px solid #cccc99;}
.fp-cal-pic {display: inline-block; vertical-align: top;}
.fp-cal-item {display: inline-block; max-width:700px; vertical-align: top;margin:0 0 0 10px;}

/* TABLE styles */

.fp-tableT0 {border:0; border-spacing:0;}
.fp-tableT0 td {border:0; border-spacing:0;padding: 8px 5px 0px 5px; vertical-align:top; text-align:left}

.fp-tableT1R {margin-left:auto;margin-right:auto;overflow-x:auto;border-collapse:collapse;}
.fp-tableT1R td {text-align:right;vertical-align:top;border:1px solid black;padding:3px;}
.fp-tableT1R-grey td {text-align:right;vertical-align:top;border:1px solid LightGray;padding:3px;}

.fp-tableT1L {margin-left:auto;margin-right:auto;overflow-x:auto;border-collapse:collapse;}
.fp-tableT1L td {text-align:left;vertical-align:top;border:1px solid black;padding:3px;}

.fp-tableForm td {vertical-align:top;border:0;padding:3px;}

/* horizontal rule styles */
.fp-hr-green-1 {display: block;margin-top: 5px;margin-bottom: 5px;margin-left: auto; 
   margin-right: auto;border-style: solid;border-width: 1px;border-color: #cccc99;} 
.fp-hr-green-2 {display: block;margin-top: 5px;margin-bottom: 5px;margin-left: auto; 
   margin-right: auto;border-style: solid;border-width: 2px;border-color: #cccc99;} 
.fp-hr-grey-1 {display: block;margin-top: 5px;margin-bottom: 5px;margin-left: auto;
    margin-right: auto;border-style: solid;border-width: 1px;border-color: #cccccc;}

/****** BOX STYLES ******/
.fp-box-rc {
  border: 1px solid #cc9;
  border-radius: 10px;
  padding: 5px;
}

/****** BUTTON STYLES ******/
.fp-btn {color:#000; background:#e5e7dd; font-family:'Open Sans', sans-serif; font-weight: 400;font-size: 0.875em;
    border:1px solid #cc9;border-radius:10px;outline:none;}
.fp-btn:visited {border:1px solid #030;}
.fp-btn:hover {color:#FFF;background:#41551C; cursor:pointer;}
.fp-btn:active {border:1px solid #030;}
.fp-btnS {color:#000;background: #e5e7dd; font-size:0.75em; padding: 2px 5px; margin: 1px 1px;
    border: 1px solid #cc9; border-radius:10px;outline: none;}
.fp-btnS:visited {border: 1px solid #030;}
.fp-btnS:hover {color:#FFF;background:#41551C;cursor: pointer;}
.fp-btnS:active {border:1px solid #030;}
.fp-btnSS {color:#000;background: #e5e7dd; font-size:0.625em; padding: 2px 7px; margin:0;
    border: 1px solid #cc9; border-radius:10px;outline: none;}
.fp-btnSS:visited {border: 1px solid #030;}
.fp-btnSS:hover {color:#FFF;background:#41551C;cursor: pointer;}
.fp-btnSS:active {border:1px solid #030;}

/* up to top button */
.fp-topbtnWrapper { max-width:1060px;}

.fp-topbtn {color:#000; background:#e5e7dd;  font-size: 1.25em; padding-bottom:5px;
    border:1px solid #cc9;border-radius:5px;outline:none;opacity:0.5;}
.fp-topbtn:hover {color:#e5e7dd;background:#41551C;cursor: pointer;}
	
/* info buttons */
.fp-info {color:#000;font-family:'Open Sans', sans-serif;font-weight:400;font-size:0.875em;
    background-color:#f3f4ef; border:1px solid #e5e7dd;border-radius:5px;padding:5px;
	box-shadow: 0px 0px 8px 1px #e5e7dd; outline:none;}

/* accordion buttons */
.fp-btnplusminus {
  color: #030;
  background: #f0f0f0;
  font-family: Verdana, sans-serif; font-size: 1em; font-weight:600;
  text-align: center; 
  width: 19px; height: 19px;
  padding-top: 0px; padding-right: 1px; padding-bottom: 0px; padding-left: 1px;
  vertical-align: text-bottom;
  margin-bottom: 0px;
  border: 1px solid #ddd;
  border-radius: 10px;
  outline: none;
}
.fp-btnplusminus:hover {
  color: #fff;
  background: #030;
  cursor: pointer;
}

/* image buttons */ 

.btnImgWrapper {          /* ensures wrapping of button text */
	width: 140px;
	display:inline-block;
	vertical-align: top;
} 

.btnImgLabel {
  font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.125em;
}

.btnImg {
  color: #000;
  background: #ececcd;
  border: 1px solid #cc9;
  border-radius: 10px;
  outline: none;
  padding: 10px;
  margin: 10px;
  vertical-align: top;
}
 
.btnImg:visited {
  border: 1px solid #030;
}

.btnImg:hover {
  color: #FFF;
  background: #030;
  cursor: pointer;
}

.btnImg:active {
  border: 1px solid #030;
}

.btnImage {
  border-radius: 5px;
  width: 100px; 
  height: 100px;
}

/* show/hide buttons */
.fp-arrowShowHide {
  color: #7C943C;
  background: #fff;
  font-size: 1.25em;
  text-align: right;
  border: 0px;
  outline: none;
}
.fp-arrowShowHide:hover {
  color: #007700;
  background: #fff;
  cursor: pointer;
}

/* special styles used a lot */
.fp-inline-c100 {display:inline-block; margin:0 auto; width:100%;}

.fp-c100 {margin:0 auto; width:100%;}
.fp-c90 {margin:0 auto; width:90%;}
.fp-c80 {margin:0 auto; width:80%;}

.fp-hanging-20 {padding-left:20px; text-indent:-20px;}

.fp-ws-norap {white-space: nowrap;} /* removes white space and keeps on one line  */

.fp-tbltrmc {vertical-align:middle; background-color:#ececcd} /* used for top row of table  */

/* reduce initial image size and caption width for small screens */
/* for species pages */
@media screen and (max-width: 650px) {.fp-captionwidth {width: 184px;}.fp-smallpic {width:180px; height:auto;}}
/* for pages with more emphasis on text */
@media screen and (max-width: 450px) {.fp-captionwidth4 {width: 154px;}.fp-smallpic4 {width:150px; height:auto;}}

.fp-refreshtip {position: relative;display: inline-block;}

.fp-pdf12 {font-size:0.75em; vertical-align:middle;}
.fp-pdf12-img {width:12px;height:14px; padding-bottom:3px;}
.fp-pdf14 {font-size:0.825em; vertical-align:middle;}
.fp-pdf14-img {width:14px;height:auto;padding-bottom:2px;border:0;}

.fp-extlink12-img {width:12px; height:auto; padding-top:2px;vertical-align:text-top;}

/* php form styling */
.fp-alert-red {color:#f00;font-size:0.75em;}


/* REFERENCE Floating Box and Call button*/
/* works best if text with reference is in a <div> container */

/* content */
.reference {
  background-color: #ffffff;
  font-size:0.875em;
  margin: auto;
  padding: 5px;
  border: 1px solid #4f7a28;
  border-radius:5px;
  box-shadow: 5px 5px 15px 3px #999999,-5px -5px 15px 3px #999999;
  /* first set: right : bottom : blur : shadow width */
  /* second set: left : top : blur : shadow width */
  max-width: 500px;
  /*width: 50%; % allows responsive width */
}
/* float reference over text */
.fp-float{
  z-index: 1;        /* allows reference to float over text */
  position:absolute; /* requires positioning */
  left:0; right:0;   /*  | centres the       */
  margin:auto;       /*  | reference box     */
}

/* The Ref open/close Button */
.refBtn {
  color:#000;
  background: #e5e7dd; 
  float: right;
  font-size:1.5em; 
  padding: 0px 8px 2px 8px; 
  margin: -3px -3px -5px 2px;
  border: 1px solid #cc9; 
  border-radius:10px;
  outline: none;
}
.refBtn:visited {border: 1px solid #030;}
.refBtn:hover {color:#FFF;background:#41551C;cursor: pointer;}
.refBtn:focus {color:#FFF;background:#41551C;cursor: pointer;}
.refBtn:active {border:1px solid #030;}

/* The Ref close Button Small*/
.refBtnS {
  color:#000;
  background: #e5e7dd; 
  float: right;
  font-size:1em; 
  padding: 0px 8px 2px 8px; 
  margin: -3px -3px 0 2px;
  border: 1px solid #cc9; 
  border-radius:10px;
  outline: none;
}
.refBtnS:visited {border: 1px solid #030;}
.refBtnS:hover {color:#FFF;background:#41551C;cursor: pointer;}
.refBtnS:focus {color:#FFF;background:#41551C;cursor: pointer;}
.refBtnS:active {border:1px solid #030;}

/* Outer wrapper to enable positioning relative to viewport */
.viewportWrapper {
  position: fixed;
  top: 0;
  left:0;
  width: 100%;
  z-index:1;
/*  z-index: 99; */
}
.gsearchWrapper {
  position:relative;
  overflow: hidden;
  background-color: #ffffff;
  font-size:0.875em;
  margin: 150px auto auto auto;
  padding: 5px;
  border: 1px solid #4f7a28;
  border-radius:5px;
  box-shadow: 5px 5px 15px 3px #999999,-5px -5px 15px 3px #999999;
  max-width: 300px;
  height: auto;    /* was 390px
  /*width: 50%; % allows responsive width */
}
.fp-gsearchfloat{
  z-index: 999999;        /* allows reference to float over text */
  white-space:normal; /* allows warpping of text in box */
  position:absolute; /* requires positioning */
  left:0; right:0;   /*  | centres the       */
  margin:auto;       /*  | reference box     */
}

/* NEWS HEADLINES  styling */
.outerWrapper {
  position: fixed;
  top: 50px;
  left:0;
  width: 100%;
  z-index: 2; 
}
.newsWrapper {
  position:relative;
  overflow: hidden;
  background-color: #ffffff;
  font-size:0.875em;
  margin: 30px auto auto auto;
  padding: 5px;
  border: 1px solid #4f7a28;
  border-radius:5px;
  box-shadow: 5px 5px 15px 3px #999999,-5px -5px 15px 3px #999999;
  /* first set: right : bottom : blur : shadow width */
  /* second set: left : top : blur : shadow width */
  max-width: 300px;
  height: 450px;
  /*width: 50%; % allows responsive width */
}
.fp-newsfloat{
  z-index: 1;        /* allows reference to float over text */
  white-space:normal; /* allows warpping of text in box */
  position:absolute; /* requires positioning */
  left:0; right:0;   /*  | centres the       */
  margin:auto;       /*  | reference box     */
}

/* SPECIES STATUS INFO tooltip */
/* Tooltip container */
.status {
  position: relative;
  display: inline-block;
  color: #4f7a28;
  font-size: 1.125em; 
/*  border-bottom: 1px dotted black;  If you want dots under the hoverable text */
}

/* Tooltip text */
.status .statustext {
  visibility: hidden;
  font-size: 0.625em; 
  width: auto;
  background-color: #4f7a28;
  color: #fff;
  text-align: center;
  padding: 5px 5px;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  top: -25px;
  left: -70px;  
}

/* Show the tooltip text when you mouse over the tooltip container */
.status:hover .statustext {
  visibility: visible;
}



/*__________________________________________________________________________________________________
 Generally specifically for template */

/* spacing styles */
.fp-lineheight-1-5 {line-height:1.5;}
.fp-margins-0 {margin: 0;}

/* alignment and float */
.fp-center-block {display: block; margin-left: auto; margin-right: auto;}
.fp-heading-align {text-align:right;}
.fp-top,.fp-bottom{position:fixed;width:100%;z-index:1;}  /* w3 */
.fp-top{top:0;}.fp-bottom{bottom:0;}  /* w3 ??????????????? */
.fp-left-align{text-align:left!important;}.fp-right-align{text-align:right!important;}  /* w3 */
.fp-justify{text-align:justify!important;}.fp-center{text-align:center!important;}   /* w3 */
.fp-leftfloat{float:left!important;}.fp-rightfloat{float:right!important;}  /* w3 */

/* colours and hover colours */
.fp-dkgreen{color:#41551C;}
.fp-vdkgreen{color:#003300!important;}
.fp-vdkgreen:hover{color:#fff;}
.fp-hover-white:hover{color:#000!important;}   /* w3 */
.fp-hover-opaque:hover{opacity:1;}  /* w3 */

/* show/hide/overlay styles */
.fp-hide{display:none!important;}.fp-show{display:block!important;}  /* w3 */
.fp-hide-narrow { display: inline-block;}
.fp-show-narrow { display: none;}
.fp-overlay{position:fixed;display:none;width:100%;height:100%;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2;}  /* w3 */

/*  special purpose hide, show */
.fp-hide-scrollup{display:none!important;}
.fp-show-scrollup{display:block!important;}
.fp-menuspacer {display:block; margin-top:5px; margin-bottom:0; margin-left:auto; 
   margin-right:auto; border-style:solid; border-width:5px; border-color:#7c943c;} 


/* styles for hiding header code*/
.fp-header-up {top: -51px; }
.nav-up-menu {margin-top: 0;}
.fp-main-top{margin-top:51px;}
.fp-main-top-up{margin-top:0;} 
.fp-overlay-top{top:51px;}  
.fp-overlay-top-up{top:0;}  
.fp-scroll-transition{transition: top 0.2s;}     /* smooth transition for header hide on scroll  */
/* logobar and its contents ___________________________________________________________*/ 
.fp-logobar {color:#fff !important; background-color:#7c943c !important; max-width:1060px;}
.fp-topbar-item-left{padding:0px 8px 0px 8px;margin: 12px 0 0 0;float:left;width:auto;border:none;outline:none;display:inline-block;}  /* w3 */
.fp-topbar-item-right{padding:0px 8px 0px 0px;margin: 10px 0 0 0;float:left;width:auto;border:none;outline:none;display:inline-block;}  /* w3 */

/* menu sidebar */
.fp-menu-background {color:#003300 !important; background-color:#f0f0f0 !important;}
.fp-sidebar{height:100%;width:150px;background-color:#fff;position:fixed!important;z-index:3;overflow:auto;}  
.fp-bar-sub{width:90%;display:block;padding:2px 2px 2px 4px;text-align:left;border:none;outline:none;margin:0px 0px 4px 0px;white-space:normal;float:right;}  /* w3 */
.fp-bar-sub:hover{color: #fff; background: #41551C; cursor: pointer;}  /* w3 */
.fp-bar-sub-sub{width:90%;display:block;padding:2px 2px 2px 16px;text-align:left;border:none;outline:none;margin:0;white-space:normal;float:right;}  /* w3 */
.fp-bar-sub-sub:hover{color: #fff; background: #41551C; cursor: pointer;}  /* w3 */
.fp-menu-expand-item{width:100%;display:block;text-align:left;border:none;outline:none;white-space:normal;float:none;font-weight: 600;}
.fp-submenu a {color:#000;font-size:1em;}
.fp-subsubmenu a {color:#000;font-size:1em;}
.fp-submenu-expand-item{width:90%;display:block;padding:2px 2px 2px 10px;text-align:left;border:none;outline:none;white-space:normal;float:right;}

/* Style for menu input button containing up/down arrow and associated text */
   /*-- "color" is button text color"; "background" sets background of button transparent until hover --*/
.btnChangeMenuText {color: #003300;background: rgba(0, 0, 0, 0); font-size: 13px;font-weight: 600;border: 0;border-radius: 0;
    padding:4px 6px 4px 4px;text-align: left;outline: none;text-decoration: none;width: 150px; }
.btnChangeMenuText:hover {color: #fff !important;background: #41551C;cursor: pointer;}

.btnChangeSubMenuText {color: #003300;background: rgba(0, 0, 0, 0);border: 0;border-radius: 0;
    padding:4px 6px 4px 4px;text-align: left;outline: none;text-decoration: none;width: 90%; }
.btnChangeSubMenuText:hover {color: #fff !important; background: #41551C;cursor: pointer; }

.fp-hide-narrow-index {display:block;}  /* 2/9/24 */
.fp-show-narrow-index {display:none;}         /* 2/9/24 */

@media screen and (max-width: 600px) {.fp-hide-narrow-index {display:none;}.fp-show-narrow-index { display: inline-block;}} /* 2/9/24 */

@media screen and (max-width: 600px) {.fp-hide-narrow {display:none;}.fp-show-narrow { display: inline-block;}}
@media screen and (max-width: 600px) {.fp-heading-align {text-align:left;}}
@media (min-width:993px){.fp-modal-content{width:900px;}.fp-hide-large{display:none!important;}.fp-sidebar.fp-collapse{display:block!important;}}  /* w3 */
@media (max-width:992px){.fp-sidebar.fp-collapse{display:none;}.fp-main{margin-left:0!important;margin-right:0!important;}}  /* w3 */
@media (max-width:992px){.fp-animate-left{position:relative;animation:animateleft 0.4s;}@keyframes animateleft{from{left:-300px;opacity:0;} to{left:0;opacity:1;}}}