@import url('https://fonts.googleapis.com/css?family=Lato|Roboto+Condensed|Roboto:400,500');

/*****************************************************************************************
body-FacilityMappingBlock (XSLT)
*********************************************************************************/
h4{padding:10px 10px 5px 0px; margin-bottom:0px;}
.h4{display:block; padding:3px 15px; background:#eee; margin-top:15px; width:100%; border:1px solid #ddd}
.marBottom{margin-bottom:30px;}
#navcontainer ul
{
display: flex;
flex-flow: row wrap;
flex-wrap: wrap;
justify-content: flex-start;
list-style: none;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
#navcontainer ul li {border:1px solid #ccc;margin:3px 9px 6px 0px; background:#f1f1f1; }
#navcontainer ul li a {text-decoration: none; line-height:28px; height:28px; padding: 0.6em 1em;font-size:13px;color:#333;}
#navcontainer ul li a:hover{background:#0081a0!important; color:#fff; }

/* Style the tab */
#margintab{margin-top:0px; margin-bottom:20px;}   
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 9px 16px;
    transition: 0.3s;
    font-size: 16px;
  line-height:22px;
  border-left:1px solid #ccc;
}
.tab button:nth-of-type(1) {border-left:0px solid #ccc;}
/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #0081a0;
    color:#FFF;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #0081a0;
  color:#fff;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 25px 10px 15px 20px;
    border: 1px solid #ccc;
    border-top: none;
}

.tabcontentShow {
  
   
}

/* Style the close button */
.topright {
    float: right;
    cursor: pointer;
    font-size: 24px;
  margin-top:-20px;
}

.topright:hover {color: red;}
.flip-container {
      -webkit-perspective: 1000;
      -moz-perspective: 1000;
      -ms-perspective: 1000;
      perspective: 1000px;

      -ms-transform: perspective(1000px);
      -moz-transform: perspective(1000px);
          -moz-transform-style: preserve-3d; 
          -ms-transform-style: preserve-3d; 
 -webkit-box-shadow: 0 0 5px 2px #999;
    -moz-box-shadow: 0 0 5px 2px #999;
    box-shadow: 0 0 5px 2px #999;
  }

      /*
      .flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
        filter: FlipH;
          -ms-filter: "FlipH";
      }
      */


      /* START: Accommodating for IE */
      .flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
    
    /* END: Accommodating for IE */

    .flip-container, .front, .back {
      width: 320px;
      height: 375px;
    }

    .flipper {
      -webkit-transition: 0.6s;
      -webkit-transform-style: preserve-3d;
      -ms-transition: 0.6s;

      -moz-transition: 0.6s;
      -moz-transform: perspective(1000px);
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;

      transition: 0.6s;
      transform-style: preserve-3d;

      position: relative;
    }

    .front, .back {
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden;

        -webkit-transition: 0.6s;
        -webkit-transform-style: preserve-3d;
        -webkit-transform: rotateY(0deg);

        -moz-transition: 0.6s;
        -moz-transform-style: preserve-3d;
        -moz-transform: rotateY(0deg);

        -o-transition: 0.6s;
        -o-transform-style: preserve-3d;
        -o-transform: rotateY(0deg);

        -ms-transition: 0.6s;
        -ms-transform-style: preserve-3d;
        -ms-transform: rotateY(0deg);

        transition: 0.6s;
        transform-style: preserve-3d;
        transform: rotateY(0deg);

      position: absolute;
      top: 0;
      left: 0;
    }

    .front {
      -webkit-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      background: #ddd;
      z-index: 2;
    }

    .back {
      background: lightblue;
      -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
  font-style:normal !important;
    }
  div.back {
  font-style:normal !important;
  }

    .front .name {
      font-size: 2em;
      display: inline-block;
      background: rgba(33, 33, 33, 0.9);
      color: #f8f8f8;
      font-family: Courier;
      padding: 5px 10px;
      border-radius: 5px;
      bottom: 60px;
      left: 25%;
      position: absolute;
      text-shadow: 0.1em 0.1em 0.05em #333;
      display: none;

      -webkit-transform: rotate(-20deg);
      -moz-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg);
    }

    .back-logo {
      position: absolute;
      top: 40px;
      left: 90px;
      width: 160px;
      height: 117px;
      background: url(logo.png) 0 0 no-repeat;
    }

    .back-title {
      font-weight: bold;
      color: #00304a;
      position: absolute;
      top: 180px;
      left: 0;
      right: 0;
      text-align: center;
      text-shadow: 0.1em 0.1em 0.05em #acd7e5;
      font-family: Courier;
      font-size: 22px;
    }

    .back p {
      position: absolute;
      bottom: 40px;
      left: 0;
      right: 0;
      text-align: center;
      padding: 0 20px;
      font-size: 18px;
    }

    /* vertical */
    .vertical.flip-container {
      position: relative;
    }

      .vertical .back {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        transform: rotateX(180deg);
      }

      .vertical.flip-container .flipper {
        -webkit-transform-origin: 100% 213.5px;
        -moz-transform-origin: 100% 213.5px;
        -ms-transform-origin: 100% 213.5px;
        transform-origin: 100% 213.5px;
      }

      /*
      .vertical.flip-container:hover .flipper {
        -webkit-transform: rotateX(-180deg);
        -moz-transform: rotateX(-180deg);
        -ms-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
      }
      */

      /* START: Accommodating for IE */
      .vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
          -webkit-transform: rotateX(0deg);
          -moz-transform: rotateX(0deg);
          -o-transform: rotateX(0deg);
          -ms-transform: rotateX(0deg);
          transform: rotateX(0deg);
      }

      .vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
          -webkit-transform: rotateX(180deg);
          -moz-transform: rotateX(180deg);
          -o-transform: rotateX(180deg);
          transform: rotateX(180deg);
      } 
  .danger{padding:2px 10px;}  
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
    
  .tab button { border-left:0px solid #ccc;}
  .image-transparency{height:60px!important;} 
}

/*******************************************************************
Park Home Page
*****************************************************************/
.ptop{padding-top:15px; padding-bottom:0px; margin-bottom:-5px; font-size:14px; padding-left:25px;}
.rdkCheck{background:#FFF; width:85%;text-align:center;}
.footer-trip{border:1px solid #ccc;background:#ddd; margin-top:6px;margin-left:-15px;}
.footer-trip img{background:#38b580; margin:5px; width:235px; height:110px;}
.footer-trip img:hover{opacity:0.8;}
.footer-trip h3{margin-top:0px;padding-top:0px; margin-bottom:0px;text-align:center;}
.footer-flicker{background:#ecf0f1; padding:30px 10px; margin-top:50px; }
.flickr_badge_image {display:inline-block;}
.flickr_badge_image img {border: 0px solid #ddd !important;  margin:5px; width:auto; height:135px;max-width:250px;}
.flickr_badge_image_com {display:inline-block;}
.flickr_badge_image_com img {border: 0px solid #ddd !important;  margin:5px; width:auto; height:135px;max-width:250px;}
.flickr_badge_image_incl {display:inline-block;}
.flickr_badge_image_incl img {border: 0px solid #ddd !important;  margin:5px; width:auto; height:165px;}

.flickr_badge_image_trip {display:inline-block;}
.flickr_badge_image_trip img {border: 0px solid #ddd !important;  margin:5px; width:225px; height:165px;}

#flickr_badge_wrapper {width:250px;text-align:left}
.flickr_badge_image img:hover {opacity:0.8;}

.flickr_badge_image_bc {display:inline-block;}
.flickr_badge_image_bc img {border: 0px solid #ddd !important;  margin:5px; width:auto; height:135px;max-width:230px;}

.trip  ul li{list-style-type: none !important;list-style-image:none;margin-left:-50px; padding:0px;}
#navcon ul
{
display: block;
list-style: none;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
#navcon h2{color:#545f1d !important; text-align:center; clear:both; width:100%; display:block;  padding:0px 0px 25px;}
.smallScreen{display:none;}
.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid #f0f0f0; line-height: 88px; border-radius: 50%; background: #37424a; 
vertical-align: middle;}


.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info { margin-top: -24px; background:#f0f0f0; border: 1px solid #e2e3e4; padding: 15px 0 15px 0; }

.box > .icon > .info > h3.title { font-size: 28px; color: #546f00; font-weight: 500; }
.box > .icon > .info > p { font-size: .81em; color: #666; line-height: 1.5em; margin: 20px;font-weight:normal;}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > ul li, .box > .icon:hover > .info > .visitor  h2, .box > .icon:hover > .info > .more > a { color: #222; }
.box > .icon > .info > .more a {  font-size: 12px; color: #fff; line-height: 12px; text-transform: uppercase; text-decoration: none; background-color: #36424a;padding: 8px 16px;}
.box > .icon:hover > .info > .more > a { color: #fff; padding: 8px 16px; background: #025e7c; }
.box > .icon:hover > .info > h2{color:#222 !important; text-align:center;}
.visitor  h2{font-size: 28px; color: #546f00 !important; font-weight: 500; text-align:center !important; margin-bottom: 25px !important;clear:both!important; display:block; width:100%; margin-left:-10px;}
.information h4{font-size: 24px; color: #546f00 !important;}
.box > .icon > .image > span { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > span { color: white !important; }

.boxActivities > .icon { text-align: center; position: relative; }
.boxActivities > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid #f0f0f0; line-height: 88px; border-radius: 50%; background: #37424a; 
vertical-align: middle;}
.boxActivities > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.boxActivities > .icon:hover > .image > i { color: white !important; }
.boxActivities > .icon > .info { margin-top: -24px; background:#f0f0f0; border: 1px solid #e2e3e4; padding: 15px 0 15px 0; }
.boxActivities > .icon > .info > h3.title { font-size: 28px; color: #546f00; font-weight: 500; }
.boxActivities > .icon > .info > p { font-size: .81em; color: #666; line-height: 1.5em; margin: 20px;font-weight:normal;}
.boxActivities > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > ul li, .box > .icon:hover > .info > .visitor  h2, .box > .icon:hover > .info > .more > a { color: #222; }
.boxActivities > .icon > .info > .more a {  font-size: 12px; color: #fff; line-height: 12px; text-transform: uppercase; text-decoration: none; background-color: #36424a;padding: 8px 16px;}
.boxActivities > .icon:hover > .info > .more > a { color: #fff; padding: 8px 16px; background: #025e7c; }
.boxActivities > .icon:hover > .info > h2{color:#222 !important; text-align:center;}
.boxActivities > .icon > .image > span { font-size: 36px !important; color: #fff !important; }
.boxActivities > .icon:hover > .image > span { color: white !important; }


.box .space { height: 30px; }

/******************************************************************************************************/
/****************************************************************************/  
 .accessibleCamp table{
    width:100%;
    border-collapse:collapse;
}
.accessibleCamp tr:nth-of-type(odd){
    background:#fff
}
.accessibleCamp th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;

}
.accessibleCamp td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.accessibleCamp input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .accessibleCamp input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .accessibleCamp table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .accessibleCamp thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .accessibleCamp tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .accessibleCamp td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .accessibleCamp td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .accessibleCamp td:nth-of-type(1):before{
        content:"Park: "
    }
    .accessibleCamp td:nth-of-type(2):before{
        content:"Campground: "
    }
    .accessibleCamp td:nth-of-type(3):before{
        content:"# of Sites: "
    }
   .accessibleCamp td:nth-of-type(4):before{
        content:"Sites: "
    }


  } 

/****************************************************************************/  

table.visitor  {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.visitor  caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table.visitor  tr {
   padding: .35em;
}

table.visitor  th,
table.visitor  td {
  padding: .625em;
  text-align: left;
  border:1px solid #ddd;
}
table.visitor  td {font-size: .88em;}
table.visitor th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
  background:#e2f3ad;
}
table.visitor tr:nth-child(even) {background: #ecf0f1}
table.visitor tr:nth-child(odd) {background: #FFF}
table.visitor h4{font-size:18px;text-align:left; color:#333;}
table.visitor h6{text-align:left;}

.information .large-4{margin-bottom:10px;}
.information ul {
  list-style: none;
  padding: 0;
  font-size: .95em;
 
}
.information li {
  padding: 0.1em 0.2em;
  text-align:left;

}
.information li:before {
  content:"\f05a";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.information ul li li:before {
  content:"\f054"!important;
   color:#333!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.1em; /* same as padding-left set on li */
  width: 1.1em; /* same as padding-left set on li */
}

.information h4{padding:2px 4px; margin-top:10px;}
.information p{font-size: .95em; padding:5px 10px; margin:15px 0px 15px;}

.advisories ul {
  list-style: none;
  padding: 0;
  font-size: .95em;
}
.advisories li a{
  padding-left: 1.3em;
  line-height:1.6em;
  padding-bottom:0px;
  margin-top:-7px;
}
.advisories li a:before {
  content:"\f138";
   color:#fff!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
h4.advisories {color:#bed600;padding-left:15px;font-size:24px; padding-top:-5px;padding-bottom:0px;}


.events ul {
  list-style: none;
  padding: 0;
  font-size: .95em;
}
.events li a{
  padding-left: 1.5em;
  line-height:1.3em;
   padding-bottom:0px;
}
.events li a:before {
  content:"\f138";
   color:#fff!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.events h4{color:#bed600;font-size:24px;padding-top:5px;padding-bottom:0px; }

.public-safety ul {
  list-style: none;
  padding: 0;
  font-size: .95em;
}
.public-safety li a{
 padding-left: 1.1em;
  line-height:1.4;
  margin-bottom:-5px;
   padding-bottom:0px;
}
.public-safety li a:hover{color:#5fceea;}
.public-safety li a:before {
  content:"\f138";
   color:#fff!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
h4.public-safety {color:#bed600;font-size:24px;padding-left:15px;padding-top:5px;padding-bottom:0px;margin-bottom:5px;}

.resources ul {
  list-style: none;
  padding: 0;
  font-size: .95em;
}
.resources li a{
 padding-left: 1.1em;
  line-height:1.4;
  margin-bottom:-5px;
   padding-bottom:0px;
}
.resources li a:hover{color:#5fceea;}
.resources li a:before {
  content:"\f138";
   color:#fff!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
h4.resources {color:#bed600;font-size:24px;padding-left:15px;padding-top:5px;padding-bottom:0px;margin-bottom:5px;}

.pdf ul {
  list-style: none;
  padding: 0;
  font-size: .99em;
list-style-type:none!important;
}
.pdf li {
  margin-left: .5em;
  padding-right: .5em;
  line-height:1.9em;
  list-style-type:none!important;
}
.pdf li:before {
  content:"\f1c1";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.height7{height:7px;}
.height10{height:10px;}
.height15{height:15px;}
.height40{height:40px;}
.height20{height:20px;}
.height30{height:30px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.menuPad{padding-right:4px}

@media only screen and (max-width: 600px){
.flickr_badge_image_incl img{ width:100%!important;height:auto; margin:2px;}
.flickr_badge_image_com img{ max-width:100%!important;height:auto; margin:2px;}
.flickr_badge_image_bc img{max-width:100%!important;height:auto; margin:2px;}
}

@media only screen and (max-width: 600px){
  .col-xs-10 h1{margin-right:10px;}
.text-align{text-align:left!important; margin-top:10px;}  
.information li { padding: 0.1em 0em; text-align:left;}
.footer-trip{height:180px; margin-top:5px!important; width:91%; margin-left:16px !important; margin:0 auto;}

.flickr_badge_image{margin:2px;}
.flickr_badge_image img{ max-width:100%!important;height:auto; margin:2px;}
.footer-trip h3{padding-top:10px; }
h1{font-size:24px!important;} 
h1 a{font-size:28px!important;} 
.backColor{text-align:center;}
.col-xs-2 .openNav{font-size:20px!important;font-weight:500; padding:1px 6px;margin-right:2px; margin-left:15px; } 
.pdf li {
    margin-left: .0em !important;
  padding-left:0em !important;    
    padding-right: .7em;
    line-height:1.7em!important;
  }
}

@media only screen and (max-width: 490px)and (min-device-width: 300px) {
.flickr_badge_image img{
 position: relative;
 width:500px;
  height:auto;
 margin:0 auto;
}
.footer-trip h3{padding-top:10px; }

}

@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
.footer-trip{border:0px solid #ddd; margin-top:0px;}
.smallScreen{display:block; width:100%; height:auto;}
.largeScreen{display:none;}
h1{text-align:left!important;}
.marBottom{margin-bottom:20px;}
    table.visitor  {
    border: 0;
    padding:0px;
    margin:0px;
    border-collapse:separate !important;
  }

  table.visitor  caption {
    font-size: 1.3em;
  }
  
  table.visitor  thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.visitor  tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0em;
    padding:0px;

  }
  
  table.visitor  td {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom:0px;
    display: block;
    font-size: .85em!important;
    text-align: right;
  }
  table.visitor  td:nth-last-child(1) {
    border-bottom: 0px!important;
  }

  table.visitor  td::before {
   
    content: attr(data-label);
    float: left;
    font-weight: 600;
 }
  table.visitor .green{color:#545f1d}
}
 .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 0px!important;
    margin-top:0px!important;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 15px;
    color: #f1f1f1;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f00;
}
.sidenav .closebtn {
    position: absolute;
    top: -5px;
    right: 3px;
    font-size: 30px;
    margin-left: 50px;
}
.sidenav::-webkit-scrollbar-track {
  background-color: #ccc;
}
.sidenav::-webkit-scrollbar {
  background-color: #0081a0;
}
.sidenav::-webkit-scrollbar-thumb{
  background-color: #0081a0;
}
.sidenav::-webkit-scrollbar-thumb:hover {
  background-color: #333;
}

alert {border-radius:0px!important;}
.advisories h4{font-size:24px!important;list-style-type:none!important; color:#FFF!important;}
.openNav{font-size:30px;cursor:pointer; float:right; color:#ffffff; padding-top:0px; background:#0081a0;  
  padding:0px 10px;margin:-1px 15px 0px 5px;}
.openNav:hover{background:#005072; }
@media only screen and (min-width:600px) and (max-width:1224px){
  .col-xs-2 .openNav{font-size:20px!important;font-weight:500; padding:1px 9px;margin-top:-2px; } 
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px; }
  .sidenav a {font-size: 18px;}
}
.marginTop{margin-top:15px;}

/************************************************************
ALBERTA.CA MAIN PAGE
**************************************************************/
  .govLogo{height: 2.3em;margin-top:5px;}
  .parklogo{margin-top:-3px;margin-right:25px;}
  .footer{background-color:#37424a!important;} 
      .goa-wrapper{ background:#37424a!important;
      /*border-bottom: 2px solid #ff7900;*/
      border-bottom: 0px solid #37424a;
     /* border-bottom: 0px transparent;*/
     /*border-bottom: 2px solid #777;*/
     }
         .goa-header{ background:#37424a!important;padding:15px 0px 0px 0px;         }
         .main-font,.mainfont {color: #fff;
             text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
         }
         a.mainfont {}a.main-font {
            background-color:transparent;
          transition: background-color 250ms ease-out;
        }
        a.main-font:hover {
        color: #00aad2;
         background-color:transparent;
        }
        
        .header-bg {
        padding-top:0px;
      background: #fff!important;
      }
      .tright{text-align:right;}
      .social-media{margin-top:0px;padding-top:3px;}
      .social-media a:hover{ opacity:0.5!important;}
      #searchForm input[type=text] {
        outline: none;
        width: 100% !important; /* Full width */
        border-radius: 0px!important;
        box-sizing: border-box; /* Make sure that padding and width stays in place */
        resize: vertical;
      box-shadow:none !important;
}
        #searchForm input[type=text]:focus {
          box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
          border: 1px solid rgba(81, 203, 238, 1);
          border-radius:0px;
          -moz-transition: padding .25s; 
            -webkit-transition: padding .25s; 
            -o-transition: padding .25s;
            transition: padding .25s;
}
        #searchForm input[type=text]{
          outline: none;
          width: 100% !important; /* Full width */
          border-radius: 0px; /* Rounded borders */
          box-sizing: border-box; /* Make sure that padding and width stays in place */
          resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
          border: 1px solid transparent;
          border-top: none;
          border-bottom: 1px solid #DDD;
          box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;
            
        }
        .icon-search{background-image:url("/media/6495740/icon-search-parks.png");background-repeat:no-repeat;
      background-position:center center;height:2.4375rem;width:100%;}
        .logoMargin{padding-left:3px;}

     .scrollup {
          width: 42px;
          height: 40px;
          position: fixed;
          bottom: 65px;
          right: 20px;
          display: none;
          text-indent: -9999px;
          background: url('/media/6495741/scroll.png');
          opacity:0.8;
        }
     .scrollup:hover{opacity:0.7}

        @media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
    
     .scrollup { position: fixed; bottom: 25px!important; right: 20px;}
      .large-1 .button{padding:0px 5px!important;margin:0px!important;}
         .mtop{margin-top:7px;}
         .logoMargin{padding-left:5px;}
         .paddB{padding:0px 0px 0px 0px; margin-right:-1px;}
         .tright{text-align:center!important;}
         .tleft{text-align:center!important;}
         .govLogo{margin-right:-95px;}
        .parklogo{margin-top:-6px;}
        }
    @media only screen and (max-width: 400px) and (min-width: 320px)  {
    .icon-search{background-image:url("/media/6495740/icon-search-parks.png");background-repeat:no-repeat;
      background-position:center center;height:2.4999rem;}
      .large-1 .button{padding:0px 5px !important;margin:0px!important;}
      
    }
    @media only screen and (max-width: 1024px) and (min-width: 768px)  {
      
      .large-1 .button{padding:0px 5px !important;margin:0px!important;}
    }

@media only screen and (max-width: 1024px) {
  .text-align{text-align:left!important; margin-top:5px;}
  
}

       
.button {padding:10px 25px;}


table.reservations  {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.reservations  tr {
   padding: .35em;
}

table.reservations  th,
table.reservations  td {
  padding: .625em;
  text-align: left;
  border:1px solid #ddd;
}
table.reservations  td {font-size: .88em;}
table.reservations th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
  background:#e2f3ad;
}
table.reservations tr:nth-child(even) {background: #ecf0f1}
table.reservations tr:nth-child(odd) {background: #FFF}
table.reservations h4{font-size:18px;text-align:left; color:#333;}
table.reservations h6{text-align:left;}
table.table{
    width:100%;
    border-collapse:collapse;
    border:0px !important;
    padding:0px;
}
.letter-space{text-transform:capitalize !important; letter-spacing:normal!important;}
.table-dates{display:block; width:100%; background-color:transparent;height:40px;vertical-align:middle !important; line-height:30px;
font-size: .95em; letter-spacing: .1em;  text-transform: uppercase; font-weight:500; color:#333;
text-align:center;}
text {line-height:1.7em;}


.online ul {
  list-style: none;
  padding: 0;
  font-size: .95em;
  list-style-type:none !important;

}
.online li a{
  padding-left: 3em;
  line-height:1.3em;
   padding-bottom:0px;
  list-style-type:none !important;
}
.online li a:before {
  content:"\f138";
   color:#333!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.topBox{display:block;border:1px solid #ddd; padding:20px 25px 15px 25px; background:#fafafa;color:#333}
.topBox h2{padding-left:10px;margin-top:0px;}
.notes{display:block; width:100%; padding:20px 20px;border:1px solid #ddd; background:#fff;}
.notes h2{padding-left:10px;}
.notes.bg{background:#f1f1f1;}
.resBox{display:block; width:95%; padding:5px 2px 0px 2px; margin-top:2px; font-size:15px;
}
.footer-update{background:#ecf0f1;}
.marTopNeg{margin-top:-25px;}
hr{height:1px !important;}

.box-reservation{border:1px solid #ddd; height:50px; line-height:46px; text-align:left;background:#fff;}
h2.margin{margin-top:0px;}

.rulesTop{text-align:left; font-size:15px; padding:20px 25px;}
.rules ul{
  list-style: none;
  padding: 0;
  font-size: 0.95em;
  list-style-type:none !important;

}
.rules li{
  padding-left: 0em;
  line-height:1.7em;
   padding-bottom:0px;
  list-style-type:none !important;
}
.rules li:before {
  content:"\f138"!important;
   color:#333!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
@media only screen and (max-width: 1200px) and (min-width: 320px){
    .smallH{margin-top:15px;} 
 }

.padLeft{padding-left:20px;}


#select {
    color: #fff;
    float: left;
    height: 50px;
    width: 100%;
  background:#fff;
}
#select p.options {
    color: #FFFFFF;background:#fff;
    float: left;
    font-size: 20px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    width: 50%;  
}
p.options.left {
    align-items: center;background:#fff;
    background: none repeat scroll 0 0 #0081a0;
    display: flex;
    justify-content: center;
    padding-left: 5px;
    padding-right: 5px;
  border-right:1px solid #ddd;
}
p.options.right {
    align-items: center;
    background: none repeat scroll 0 0 #EBEBEB;
    
    display: flex;
    justify-content: center;
    padding-left: 5px;
    padding-right: 5px;
}
#select p.options a {
    color: #333;
    padding: 80px 0;
    text-decoration: none;
    display:block;
    width:100%;
}
#select p.options a:hover {
    color: #FFFFFF;
}
p.options.right:hover, p.options.left:hover {
    background-color: #00AEEF !important;
}

.rightq {
    width: 100%;
}

/*****************************************************************
flex boxes
*************************************************************/
.flex-fireban {
                display: flex;
                flex-flow: row wrap;
  justify-content: space-between;
  
}
.flex-fireban>div {
                background:#FF0000 !important;
                width: 100%;
                margin: 1px;
                text-align: left;
                line-height: 40px;
                font-size: 16px !important;
                color: #fff !important;
}
.fireban a:link{color:#fff!important; background:#FF0000;padding-left:5px;}
.fireban a:active{color:#fff!important; background:#FF0000;}
.fireban a:visited{color:#fff!important; background:#FF0000;}
.fireban a:hover{color:#fff!important; background: #bd0404;}

span.firebadge{background:#fff;font-weight:700;padding:3px 7px; line-height:20px;border-radius:50%;color:#333;font-size:14px!important;font-family: Arial, Helvetica, sans-serif;}
.b { float:right;margin:5px 5px;padding:5px; }
a.flex-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}
.flex-container {
                display: flex;
                flex-flow: row wrap;
}
.flex-container>div {
                background: #0081a0;
                width: 260px;
                margin: 1px;
                text-align: left;
                line-height: 40px;
                font-size: 16px !important;
                color: #fff !important;
}
.flex-rates {
                display: flex;
                flex-flow: row wrap;
}
.flex-rates>div {
                background: #0081a0;
                width: 160px;
                margin: 1px;
                text-align: left;
                line-height: 40px;
                font-size: 16px !important;
                color: #fff !important;
}

.flex-reservation {
                display: flex;
                flex-flow: row wrap;
}
.flex-reservation>div {
                background: #0081a0;
                width: 210px;
                margin: 1px;
                text-align: left;
                line-height: 40px;
                font-size: 16px !important;
                color: #fff !important;
}

.click a:link{color:#fff; background:#0081a0;padding-left:15px;}
.click a:active{color:#fff; background:#0081a0;}
.click a:visited{color:#fff; background:#0081a0;}
.click a:hover{color:#fff; background: #005072;}

@media (max-width: 600px) {
.flex-container>div { width:100% !important;  }
.flex-rates>div { width:100% !important;  }
.reservationBox{padding:15px 10px 23px 10px!important;  }
.topBox{ padding:20px 10px !important; }
.flex-reservation>div{width:100% !important; margin-right:20px; }
h2{font-size:24px;} 
.img-banner h1 a{font-size:20px!important;} 
.image-transparency{height:40px!important;}   
}
@media only screen and (max-width: 1200px) and (min-width: 990px)  {
.flex-container>div { width:92% !important;  }
.flex-rates>div { width:92% !important;  }
.flex-reservation >div { width:92% !important;  }
}
.reservationBox{text-align:left; padding:17px 0px 13px 22px; margin-top:-20px; }
.reservationBox2{text-align:left; padding:40px 0px 5px 22px; margin-top:-20px;}

.infoFacility .large-4{margin-bottom:10px; padding-bottom:0px;}

.infoFacility ul {
  list-style: none;
  padding: 0;
  font-size: .95em;
 
}
.infoFacility li {
  padding: 0.5em 3.2em;
  text-align:left;

}
.infoFacility li:before {
  content:"\f05a";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.infoFacility h4{padding:2px 4px; margin-top:10px;}
.infoFacility p{font-size: .95em; padding:0px 20px 5px 28px; margin:15px 0px 15px;}

.reservationBox .label{font-weight:normal;  color:#333; font-size:14px; }
.reservationBox .label-success{background:#fff}

.callout{padding:20px 25px; border-radius:0px;}
.callout2{display:block; width:100%; padding:20px 25px 10px 25px;border:1px solid #ddd; background:#fff; margin-top:20px;
border-radius:0px;}
.callout ul{
  list-style: none;
  padding: 0;
  font-size: 0.95em;
  list-style-type:none !important;

}
.callout li{
  padding-left: 0.2em;
  line-height:1.7em;
   padding-bottom:0px;
  list-style-type:none !important;
}
.callout ul li li:before {
  content:"\f138"!important;
   color:#333!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.callout2 ul{
  list-style: none;
  padding: 0;
  font-size: 0.95em;
  list-style-type:none !important;

}
.callout2 li{
  padding-left: 0.2em;
  line-height:1.7em;
   padding-bottom:0px;
  list-style-type:none !important;
}
.callout2 ul li:before {
  content:"\f138"!important;
   color:#333!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
h1.main{padding:0px; margin:0px;}
h1{
  font-family:"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    text-rendering:optimizeLegibility;
  font-weight:500!important;
}
.topBackground{background:#eee; margin-top:-25px; padding-top:1px; margin-bottom:15px;}
.publications{text-align:left; font-size:15px; padding:0px 20px;}
.label.alert{padding:4px!important;}
.img-banner h1 a{margin-top:5px;}
.image-transparency{background: rgba(0, 0, 0, 0.5); display:block; width:100%; height:75px;position:absolute;bottom:0; z-index:1}
.navText{background:#FFF; width:85%;text-align:center;}
h4.adversaries{color:#bed600;padding-left:15px;font-size:24px;}

.survey-box {
    position:absolute; top:130px; right:14.5%; height:185px;max-width:330px; background: rgba(0, 0, 0, 0.5);
  padding: 1rem 1.5rem;
  border: 0px solid #333;
  color: #0a0a0a;

}

.survey-box>:first-child {
  margin-top: 0;
}
.survey-box>:last-child {
  margin-bottom: 0;
}
.survey-box.primary {
  background-color: #def0fc;
}
.survey-box.secondary {
  background-color: #ebebeb;
}
.survey-box.success {
  background-color: #e1faea;
}
.survey-box.alert {
  background-color: #fce6e2;
}
.survey-box.warning {
  background-color: #000;
}

.survey-box.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}

.survey-box.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.survey-box.hover:hover {
  background-color: #f9f9f9;
}

.survey-box h4{color:#bed600;}
.survey-box p{color:#fff}

@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
.survey-box {
        position:absolute; top:5px; right:0.5%; height:160px;width:330px; background: rgba(0, 0, 0, 0.5);
      padding: 0.3rem 0.7rem;
      border: 1px solid #000;
      color: #0a0a0a;
   }
.img-banner h1 a{ font-size:20px!important;}
.image-transparency{height:40px !important;position:absolute;bottom:0;}
.survey-box h4{font-size:18px;}
.survey-box p{font-size:15px;}
}
@media only screen and (max-width: 1200px) and (min-width: 768px)  {
.survey-box {
        position:absolute; top:107px; right:0.9%; height:175px;width:330px; background: rgba(0, 0, 0, 0.5);
      padding: 1rem 1.5rem;
      border: 1px solid #000;
      color: #0a0a0a;
    }
    .image-transparency{height:50px !important;position:absolute;bottom:0;}
.survey-box h4{font-size:24px;}
.img-banner h1 a{ font-size:24px!important;}
}    
  
@media only screen and (max-width: 1400px) and (min-width: 1250px)  {
.survey-box {
       position:absolute; top:130px; right:6%; height:185px;max-width:330px; background: rgba(0, 0, 0, 0.5);
  padding: 1rem 1.5rem;
  border: 1px solid #000;
  color: #0a0a0a;
  }  
}
.vcImg{margin:5px; width:auto; height:135px;max-width:250px;}
@media only screen and (max-width: 767px) {
  .font18{font-size:16px;}
  .padd2{padding-left:25px !important;} 
  .vcImg{width:100%;height:auto; max-width:450px; background-size:cover;}
  table td{font-weight:500!important}
  .frameWork img{width:15px; height:15px;}
  .unOrderListSprog ul{margin-left:3px!important;padding:0px; font-size:14px!important;}
  .unOrderListSprog ul li{margin:0px!important;padding:0px; font-size:14px!important;}
  .unOrderListSprog ul ul{margin-left:5px!important;}
  .unOrderListSprog ul ul ul{margin-left:5px!important;}
  
  .smPad{padding-right:10px;}
  .imgCtrl{width:100%!important; height:auto!important;}
  .flickr_badge_image_trip{width:100%; background-size:cover; margin:2px;}
  .heightSmallScreen{height:15px;}
  .mTopLarge{margin-top:22px!important;}
  .tLeft{text-align:left!important;}
  .forest-img{width:100%!important; height:200px!important;}
  .smMargin{margin-bottom:10px!important;}
  .smScreen{margin-bottom:3px!important;}
  .survey-box h4{color:#333 !important;}
  .survey-box p{color:#333!important;}
  .survey-box {
        position:relative; margin:-5px auto 30px auto; height:auto;width:95%; 
    max-width:1920px;
    background: #fff;
      padding: 1rem 1rem;
      border: 1px solid #ddd;
      color: #333;
   }
  .mbot{margin-bottom:15px;}
}

.flex-advisories {
                display: flex;
                flex-flow: row wrap;
}
.flex-advisories>div {
                background: #0081a0;
                width: 100%;
                margin: 1px;
                text-align: left;
                line-height: 40px;
                font-size: 16px !important;
                color: #fff !important;
}


.searchBox input[type=text]{
 outline: none;
    width: 100%; /* Full width */
     padding: 5px 5px 5px 10px !important; /*Some padding */ 
    border: 1px solid #ccc; /* Gray border */
    border-radius: 0px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
  margin: 5px 1px 3px 0px;
  box-shadow:none !important;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.searchBox input[type=text]:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}

.padLR{padding:0px 6px;}
 .labels.button{
   color: #fff;
    padding: 0px 8px;
    border-radius:0px;
    font-size:12px;
    font-family: Arial;
   font-weight:200; line-height:32px;margin:3px;
 }

.text-align{text-align:right;}

.element {
    position: relative;
}
.element:before {
    content: "\f138";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 0px;
    left: 0px;
  padding-left:7px;
}
.element span{padding-left:13px;}
.m2{margin:2px;}

.survey-box-img{
    position:absolute; top:110px; right:14.5%; height:325px;max-width:330px; background: rgba(0, 0, 0, 0.5);
  padding: 0.75rem 1.5rem;
  border: 0px solid #333;
  color: #0a0a0a;

}
.survey-box-img img{height:150px;}

.survey-box-img>:first-child {
  margin-top: 0;
}
.survey-box-img>:last-child {
  margin-bottom: 0;
}
.survey-box-img.primary {
  background-color: #def0fc;
}
.survey-box-img.secondary {
  background-color: #ebebeb;
}
.survey-box-img.success {
  background-color: #e1faea;
}
.survey-box-img.alert {
  background-color: #fce6e2;
}
.survey-box-img.warning {
  background-color: #000;
}

.survey-box-img.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}

.survey-box-img.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.survey-box-img.hover:hover {
  background-color: #f9f9f9;
}

.survey-box-img h4{color:#bed600;}
.survey-box-img p{color:#fff}


@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
.survey-box-img {
        position:absolute; top:5px; right:0.5%; height:160px;width:330px; background: rgba(0, 0, 0, 0.5);
      padding: 0.3rem 0.7rem;
      border: 1px solid #000;
      color: #0a0a0a;
   }
.survey-box-img h4{font-size:18px;}
.survey-box-img p{font-size:15px;}
}
@media only screen and (max-width: 1200px) and (min-width: 768px)  {
.survey-box-img {
        position:absolute; top:125px; right:0.9%; height:175px;width:330px; background: rgba(0, 0, 0, 0.5);
      padding: 1rem 1.5rem;
      border: 1px solid #000;
      color: #0a0a0a;
    }
    .image-transparency{height:50px !important;position:absolute;bottom:0;}
.survey-box-img h4{font-size:24px;}
.img-banner h1 a{ font-size:24px!important;}
}    
  
@media only screen and (max-width: 1400px) and (min-width: 1250px)  {
.survey-box-img {
       position:absolute; top:130px; right:6%; height:185px;max-width:330px; background: rgba(0, 0, 0, 0.5);
  padding: 1rem 1.5rem;
  border: 1px solid #000;
  color: #0a0a0a;
}  
}

@media only screen and (max-width: 767px) {
  
  .rules li:before {
    margin-left: -2.5em!important;
}
  .hauto{height:85px !important;}
  .survey-box-img h4{color:#333 !important;}
  .survey-box-img p{color:#333!important;}
  .survey-box-img {
        position:relative; margin:-5px auto 50px auto; height:auto;width:95%; 
    max-width:1920px;
    background: #fff;
      padding: 1rem 1rem;
      border: 1px solid #ddd;
      color: #333;
   }
  .img img{width:100%!important;height:auto!important; margin:10px 0px 10px;}
}

.back2:nth-of-type(odd) {
    background: #fff;
}
.back2:nth-of-type(even) {
    background: #f7f7f7;
}

.callout{border:1px solid #ddd;}
.callout h5{font-size:16px; margin:5px 5px;}
.thinline{border-top:1px solid #e7e7e7; padding-bottom:5px;}

/*****************************************************************************
**************************************************************/

.nintyDays-box {
    position:absolute; top:140px; right:14.5%; height:165px;max-width:330px; background: rgba(0, 0, 0, 0.5);
  padding: 1rem 1.8rem;
  border: 0px solid #333;
  color: #0a0a0a;
}
.nintyDays-box.hover:hover {
  background-color: #f9f9f9;
}

.nintyDays-box .spText{display:block; background:#0081a0; padding:0px 10px; height:40px;margin-top:0px;}
.nintyDays-box h2.spText {color:#fff; text-align:center; font-size:28px !important;line-height:40px;}
.nintyDays-box h4{color:#bed600}
.nintyDays-box p{color:#fff; font-size:16px;}

.btn{border-radius:0px;}
.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
  border:1px solid #ccc;
}

.btn-primary.btn-outline {
    color: #fff;
}
.btn-primary.btn-outline:hover {
    color: #fff;
  background:#0081a0;
}
.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
.nintyDays-box {
        position:absolute; top:5px; right:0.5%; height:145px;width:330px; background: rgba(0, 0, 0, 0.5);
      padding: 0.3rem 0.7rem;
      border: 1px solid #000;
      color: #0a0a0a;

   }
.nintyDays-box h4{font-size:18px;}
.nintyDays-box p{font-size:15px;}
}
@media only screen and (max-width: 1200px) and (min-width: 768px)  {
.nintyDays-box {
        position:absolute; top:125px; right:0.9%; height:155px;width:330px; background: rgba(0, 0, 0, 0.5);
      padding: 1rem 1.5rem;
      border: 1px solid #000;
      color: #0a0a0a;
    }
.nintyDays-box h4{font-size:24px;}
}    
  
@media only screen and (max-width: 1400px) and (min-width: 1250px)  {
.nintyDays-box {
       position:absolute; top:130px; right:6%; height:165px;max-width:330px; background: rgba(0, 0, 0, 0.5);
  padding: 1rem 1.5rem;
  border: 1px solid #000;
  color: #0a0a0a;
}  
}

@media only screen and (max-width: 767px) {
  .btn-primary.btn-outline {
    color: #333;
}
  .nintyDays-box h4{color:#719500 !important; text-align:center;}
  .nintyDays-box p{color:#333!important;}
  .nintyDays-box {
        position:relative; margin:-5px auto 50px auto; height:auto;width:95%; 
    max-width:1920px;
    background: #fff;
      padding: 1rem 1rem;
      border: 1px solid #ddd;
      color: #333;
      background:#f6f6f6;
   }
}

/*****************************************************************************
**************************************************************/


.sml{margin-left:20px}

@media screen and (max-width:39.9375em) {
  .full-width {
    width:100% !important;
  }
}

/********************************************************************************************/
table.visitorCentre  {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.visitorCentre  tr {
   padding: .35em;
}

table.visitorCentre  th,
table.visitorCentre  td {
  padding: .625em;
  text-align: left;
  border:1px solid #ddd;
}
table.visitorCentre  td {font-size: 0.9888888em;}
table.visitorCentre th {
  font-size: 1.1em;
  letter-spacing: .1em;
  text-transform: uppercase;
  background:#e2f3ad;
}
table.visitorCentre tr:nth-child(even) {background: #ecf0f1}
table.visitorCentre tr:nth-child(odd) {background: #FFF}
table.visitorCentre h4{font-size:18px;text-align:left; color:#333;}
table.visitorCentre h6{text-align:left;}
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
    table.visitorCentre  {
    border: 0;
    padding:0px;
    margin:0px;
    border-collapse:separate !important;
  }
  
  table.visitorCentre  thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.visitorCentre  tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0em;
    padding:0px;

  }
  
  table.visitorCentre  td {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom:0px;
    display: block;
    font-size: .85em!important;
    text-align: left;
  }
  table.visitorCentre  td:nth-last-child(1) {
    border-bottom: 0px!important;
  }

  table.visitorCentre  td::before {
    
    content: attr(data-label);
    float: left;
    font-weight: 600;
  }
  table.visitorCentre .green{color:#545f1d}
}

.img-border{border:2px solid #ccc; padding:5px;}


.jobs tr:nth-of-type(odd){
    background:#fff
}
.jobs tr:nth-of-type(even){
    background:#eee
}
.jobs td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
table.jobs  th,
table.jobs  td {
  padding: .625em;
  text-align: left;
  border:1px solid #ddd;
}
.jobs th{background:#e2f3ad;}

.lastmodified{border-top:#d2d2d2 1px solid; padding:15px 0px; background:#eee;}
.lastmodified h5 small{color:#999!important;}

/********************************************************************************************/
table.general  {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.general  tr {
   padding: .35em;
}

table.general  th,
table.general  td {
  padding: .625em;
  text-align: left;
  border:1px solid #ddd;
}
table.general  td {font-size: 0.9888888em;}
table.general th {
  font-size: 1em;
  text-transform: Capitalize;
  background:#e2f3ad !important;
}
table.general tr:nth-child(even) {background: #ecf0f1}
table.general tr:nth-child(odd) {background: #FFF}
table.general h4{font-size:18px;text-align:left; color:#333;}
table.general h6{text-align:left;}

@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
    table.general  {
    border: 0;
    padding:0px;
    margin:0px;
    border-collapse:separate !important;
  }
  
  table.general  thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.general  tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0em;
    padding:0px;

  }
  
  table.general  td {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom:0px;
    display: block;
    font-size: .85em!important;
    text-align: right;
  }
  table.general  .left {text-align:left;}
  table.general2  td {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom:0px;
    display: block;
    font-size: .85em!important;
    text-align: left;
  }
  
  table.general  td:nth-last-child(1) {
    border-bottom: 0px!important;
  }

  table.general  td::before {
    
    content: attr(data-label);
    float: left;
    font-weight: 600;
 }
  table.general .green{color:#545f1d}
}


/***********************************************************************/

 .consultation table{
    width:100%;
    border-collapse:collapse;
   font-family: 'Roboto', sans-serif;

}
.consultation tr:nth-of-type(odd){
    background:#fff
}
.consultation th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.consultation th:last-child{
    border-right:0px!important
}
.consultation td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;

}
.consultation input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .consultation input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .consultation table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important;
     
    }
    .consultation thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .consultation tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .consultation td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important;
    font-family: 'Roboto', sans-serif;
    font-weight:500;
    }
    .consultation td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .consultation td:nth-of-type(1):before{
        content:"Site Name: "
    }
    .consultation td:nth-of-type(2):before{
        content:"Description: "
    }
    .consultation td:nth-of-type(3):before{
        content:"Comment Period : "
    }
  }

/**************************************************************************************/

 .landuse table{
    width:100%;
    border-collapse:collapse
}
.landuse tr:nth-of-type(odd){
    background:#fff
}
.landuse th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px;
  border-bottom:1px solid #e2f3ad;
}


.landuse td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.landuse input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .landuse input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .landuse table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .landuse thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .landuse tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .landuse td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:70%!important;
        text-align:left!important
    }
    .landuse td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:30%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .landuse td:nth-of-type(1):before{
        content:"IUCN Category:"
    }
    .landuse td:nth-of-type(2):before{
        content:"IUCN Protected Area:"
    }
    .landuse td:nth-of-type(3):before{
        content:"Protected Areas Global: "
    }
  .landuse td:nth-of-type(4):before{
        content:"Protected Areas Canada: "
    }
  .landuse td:nth-of-type(5):before{
        content:"Protected Areas AB Fed: "
    }
  .landuse td:nth-of-type(6):before{
        content:"Protected Areas AB Prov: "
    }
  .landuse td:nth-of-type(7):before{
        content:"Total Area(km2) Global: "
    }
  .landuse td:nth-of-type(8):before{
        content:"Total Area(km2) Canada: "
    }
  .landuse td:nth-of-type(9):before{
        content:"Total Area(km2) AB Fed: "
    }
  .landuse td:nth-of-type(10):before{
        content:"Total Area(km2) AB Prov: "
    }
  
  }
/********************************************************************************************/

 .LRM table{
    width:100%;
    border-collapse:collapse
}
.LRM tr:nth-of-type(odd){
    background:#fff
}
.LRM th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}
.LRM td{
    padding:10px!important;
    border:1px solid #ddd!important;
    text-align:left;
    /* font-weight:100 */
}
.LRM input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .LRM input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .LRM table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .LRM thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .LRM tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .LRM td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .LRM td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .LRM td:nth-of-type(1):before{
        content:"Park Class: "
    }
    .LRM td:nth-of-type(2):before{
        content:"Key Objectives: "
    }
    .LRM td:nth-of-type(3):before{
        content:"visitor Experience: "
    }
   .LRM td:nth-of-type(4):before{
        content:"#: "
    }
  
   .LRM td:nth-of-type(5):before{
        content:"Area (ha): "
    }
  }

/********************************************************/
.instaimg{padding:5px;width:195px;}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
  .instaimg{width:100%!important;}
}

.footer-head{background:#eee; padding:35px 0px 25px; margin-top:30px;}
#block-div {
    background-color: #0081a0;
    width: 100%;
    height:100%;
    display:block; width:100%; 
}
#block-div a{
 color:#FFF;   
}
#block-div a:hover{
 background-color:#00607f;   
}

h4#block-div {color:#fff}

a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    padding:4px 6px;
}
a:hover.fill-div {
   background-color: #0081a0;
   color:#FFF;
}

#link-div {
    width: 100%;
    height:100%;
    display:block; 
}
a.filled-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    padding:2px 0px 2px 0px;
}
a:hover.filled-div {
   background-color: #0081a0;
   color:#FFF;
}
a.size a{color:#545f1d !important;}
.size{margin-left:5px;font-size:15px;}
h4 .size{font-size:17px; margin-left:5px; }
.footer-head h4{color:#fff;}

#block-divNoLink {
    background-color: #0081a0;
    width: 100%;
    height:100%;
    display:block; width:100%; font-size:20px; 
  padding:5px 0px 5px 10px;
}

.unOrderList ul{
  list-style: none;
  padding: 0;
  font-size: 0.95em;
  list-style-type:none !important;
}
.unOrderList li{
  font-size:0.999em;
  padding-left: 1em;
  line-height:1.7em;
   padding-bottom:0px;
  list-style-type:none !important;
}
.unOrderList li:before {
  content:"\f138"!important;
   color:#333!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.unOrderList ul li:before {
  content:"\f054"!important;
   color:#333!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.1em; /* same as padding-left set on li */
  width: 1.1em; /* same as padding-left set on li */
}

.unOrderList ul li li:before {
  content:"\f061"!important;
   color:#333!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.1em; /* same as padding-left set on li */
  width: 1.1em; /* same as padding-left set on li */
}

.unOrderList ul li li li:before {
  content:"\f0a9"!important;
   color:#333!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.1em; /* same as padding-left set on li */
  width: 1.1em; /* same as padding-left set on li */
}

.flex-container-video {
  display: flex;
  flex-wrap: nowrap;
  background-color: #fff;
}

.flex-container-video>iframe {
  width: 282px;
  margin: 5px;
  text-align: center;
  line-height: 175px;
  font-size: 30px;
}

@media only screen and (max-width: 767px) {
  .flex-container-video{
    display: block;

  }
  .flex-container-video iframe {
      width: 100%;
      height: 100%;
  }
}

/********************************************************************************************/

 .ParkList-KC table{
    width:100%;
    border-collapse:collapse
}
.ParkList-KC tr:nth-of-type(odd){
    background:#fff
}
.ParkList-KC th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}
.ParkList-KC td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.ParkList-KC input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .ParkList-KC input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .ParkList-KC table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .ParkList-KC thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .ParkList-KC tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .ParkList-KC td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .ParkList-KC td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .ParkList-KC td:nth-of-type(1):before{
        content:"Park : "
    }
    .ParkList-KC td:nth-of-type(2):before{
        content:"Facilities : "
    }
    .ParkList-KC td:nth-of-type(3):before{
        content:"Region : "
    }
   
  }

/********************************************************************************************/

 .trailList table{
    width:100%;
    border-collapse:collapse
}
.trailList tr:nth-of-type(odd){
    background:#fff
}
.trailList th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;

}

.trailList th:last-child{
    border-right:0px!important
}
.trailList td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.trailList input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .trailList input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .trailList table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .trailList thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .trailList tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .trailList td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .trailList td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .trailList td:nth-of-type(1):before{
        content:"Trail : "
    }
    .trailList td:nth-of-type(2):before{
        content:"Length : "
    }
    .trailList td:nth-of-type(3):before{
        content:"Season : "
    }
  .trailList td:nth-of-type(4):before{
        content:"Permitted Activities : "
    }
   
  }


/********************************************************************************************/

 .trails table{
    width:100%;
    border-collapse:collapse
}
.trails tr:nth-of-type(odd){
    background:#fff
}
.trails th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  
}

.trails th:last-child{
    border-right:0px!important
}
.trails td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.trails input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .trails input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .trails table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .trails thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .trails tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .trails td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .trails td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .trails td:nth-of-type(1):before{
        content:"Park : "
    }
    .trails td:nth-of-type(2):before{
        content:"Region : "
    }
    .trails td:nth-of-type(3):before{
        content:"Permitted Activities : "
    }
  .trails td:nth-of-type(4):before{
        content:"Trails : "
    }
   
  }

.bookNow{position:absolute;left:25px; top:80px;}
@media only screen and (max-width: 480px) {
  .bookNow {margin-left:-15px;margin-top:-7px;}
}

.bookNowRFOA{position:absolute;right:20px; top:80px;}
@media only screen and (max-width: 480px) {
  .bookNowRFOA {margin-right:-10px; margin-top:-7px;}
}


.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-15deg);
     -moz-transform: rotate(-15deg);
       -o-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
}

.label-accessability {
    color: #fff;
    padding: 4px 10px;
    border-radius:0px;
    font-size:14px;
  text-transform:uppercase;
  letter-spacing:1px;
}

.labels {
    color: #fff;
    padding: 3px 8px;
    border-radius:0px;
    font-size:14px;
    font-family: Arial;
}

.labels-sm {
    color: #fff;
    padding: 3px 8px;
    border-radius:0px;
    font-size:12px;
    font-family: Arial;
}
.success {background-color: #4CAF50;} /* Green */
.info {background-color: #0081a0;} /* Blue */
.warning {background-color: #ff9800;} /* Orange */
.danger {background-color: #f44336;} /* Red */ 
.red{background-color: #f00;}
.brown {background-color: #964B00;} /* Red */ 
.equestrian {background-color: #a47700;} /* Red */ 
.sewage {background-color: #333;} /* Red */ 
.reservationsDs {background-color: #719500;} /* Red */ 
.water {background-color: #3feee4; color: #333;  } /* Gray */ 
.other {background-color: #fff; color: #333;  } /* Gray */ 

.ft{ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;}

.imgHover:hover{opacity:0.7}
.marginZero{margin:0px;}
.paddingZero{padding:0px;}
.margintopZero{margin-top:0px;}
.paddingtopZero{padding-top:0px;}

#eventsSkii {
    width: 100%;
   display: block;
}
a.skiiDiv {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
  color:#333!important;
}
a:hover.skiiDiv {
  background-color: #0081a0;
  color:#FFFFFF !important;
}

/*****************************************************************************
RD - Advisories - ABP
*********************************************************************/
#boxAdv {
  width: 100%;
    height: auto;
  height:150px;
    color: #000;
  border:1px solid #ddd;  
  margin:5px 0px; 
  padding:0px;
  display:block;
}
#boxAdv:nth-of-type(odd){
    background: #fff!important;
}
#boxAdv:nth-of-type(even){
    background: #fff!important;
}
#boxAdv:hover a{
    cursor: pointer;
  background:#0081a0!important;
  color:#ffffff !important;
  border:0px;
}
#boxAdv:hover h4{
     cursor: pointer;
  background:#0081a0!important;
  color:#ffffff !important;
  border:0px;
}
#boxAdv:hover h6{
    cursor: pointer;
  background:#0081a0!important;
  color:#ffffff !important;
  border:0px;
}
.boxAdv {
  width: 100%;
    height: auto;
  height:150px;
    color: #000;
  border:1px solid #ddd;  
  margin:5px 0px; 
  padding:0px;
  display:block;
}
.boxAdv:nth-of-type(odd){
    background: #fff!important;
}
.boxAdv:nth-of-type(even){
    background: #fff!important;
}
.boxAdv:hover a{
    cursor: hand;
    cursor: pointer;
  background:#0081a0!important;
  color:#ffffff !important;
  border:0px;
}
.boxAdv:hover h4{
    cursor: hand;
    cursor: pointer;
  background:#0081a0!important;
  color:#ffffff !important;
  border:0px;
}
.boxAdv:hover h6{
    cursor: hand;
    cursor: pointer;
  background:#0081a0!important;
  color:#ffffff !important;
  border:0px;
}
 
a.divLink {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}
.padLR{padding:0px 6px;}
a.divLink:hover{color:#fff !important;}
h4.nameAdv {padding: 10px 5px 0px 10px;margin:0px 0px 10px !important;font-size:20px;display:block; height:60px;}
h6.parkAdv {padding: 0px 20px 10px 15px;margin:0px;font-size:15px;color:#0081a0;}
@media only screen and (max-width: 600px) {
  h4.nameAdv { height:auto!important;padding: 10px 10px 0px 15px; }
  .padLR{padding:0px 0px !important;}
}

/***********************************************************************/

 .spFacilities table{
    width:100%;
    border-collapse:collapse
}
.spFacilities tr:nth-of-type(odd){
    background:#fff
}
.spFacilities th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.spFacilities th:last-child{
    border-right:0px!important
}
.spFacilities td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.spFacilities input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .spFacilities input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .spFacilities table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .spFacilities thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .spFacilities tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .spFacilities td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .spFacilities td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .spFacilities td:nth-of-type(1):before{
        content:"Facilities: "
    }
    .spFacilities td:nth-of-type(2):before{
        content:"Park: "
    }
    .spFacilities td:nth-of-type(3):before{
        content:"Contact: "
    }
  }

.textCase{text-transform:capitalize !important;}
.redtext{color:#8E1021;}
.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}
.cross-skii-img{font-size:18px; display:block; height:45px; background:#0081a0; margin-bottom:0px;}
a.cross-skii-img h5 {color:#fff; font-size:18px;display:block;padding:10px;}
a.cross-skii-img h5:hover {background:#005072; font-size:18px;}
@media only screen and (max-width: 767px) {
.cross-skii-img{ height:auto;}  
}
/***********************************************************************/

.hunting table{
    width:100%;
    border-collapse:collapse
}
.hunting tr:nth-of-type(odd){
    background:#fff
}
.hunting th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
}

.hunting th:last-child{
    border-right:0px!important
}
.hunting td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.hunting input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .hunting input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .hunting table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .hunting thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .hunting tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .hunting td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .hunting td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .hunting td:nth-of-type(1):before{
        content:"Classification: "
    }
    .hunting td:nth-of-type(2):before{
        content:"No. Sites: "
    }
    .hunting td:nth-of-type(3):before{
        content:"Hunting: "
    }
   .hunting td:nth-of-type(4):before{
        content:"Exceptions: "
    }
    .hunting td:nth-of-type(5):before{
        content:"OHVs permitted: "
    }
  }

/**************************************************************************/

 .huntingContact table{
    width:100%;
    border-collapse:collapse
}
.huntingContact tr:nth-of-type(odd){
    background:#fff
}
.huntingContact th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.huntingContact th:last-child{
    border-right:0px!important
}
.huntingContact td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.huntingContact input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .huntingContact input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .huntingContact table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .huntingContact thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .huntingContact tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .huntingContact td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .huntingContact td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .huntingContact td:nth-of-type(1):before{
        content:"Office: "
    }
    .huntingContact td:nth-of-type(2):before{
        content:"Phone: "
  
  }
}
/**************************************************************************/

 .huntingWildland table{
    width:100%;
    border-collapse:collapse
}
.huntingWildland tr:nth-of-type(odd){
    background:#fff
}
.huntingWildland th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.huntingWildland th:last-child{
    border-right:0px!important
}
.huntingWildland td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.huntingWildland input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .huntingWildland input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .huntingWildland table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .huntingWildland thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .huntingWildland tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .huntingWildland td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .huntingWildland td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .huntingWildland td:nth-of-type(1):before{
        content:"Park Name: "
    }
    .huntingWildland td:nth-of-type(2):before{
        content:"Hunting Permitted: "
    }
  .huntingWildland td:nth-of-type(3):before{
        content:"OHV Permitted: "
    }
    .huntingWildland td:nth-of-type(4):before{
        content:"Comments: "
    }
}

/********************************************************************/

/********************************************************************************************/
table.general2  {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.general2  tr {
   padding: .35em;
}

table.general2  th,
table.general2  td {
  padding: .625em;
  text-align: left;
  border:1px solid #ddd;
}
table.general2  td {font-size: 0.9888888em;}
table.general2 th {
  font-size: 0.9em;
  letter-spacing: .1em;
  text-transform: uppercase;
  background:#e2f3ad !important;
}
table.general2 tr:nth-child(even) {background: #ecf0f1}
table.general2 tr:nth-child(odd) {background: #FFF}
table.general2 h4{font-size:18px;text-align:left; color:#333;}
table.general2 h6{text-align:left;}
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
    table.general2  {
    border: 0;
    padding:0px;
    margin:0px;
    border-collapse:separate !important;
  }
  
  table.general2  thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.general2  tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0em;
    padding:0px;

  }
  
  table.general2  td {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom:0px;
    display: block;
    font-size: .85em!important;
    text-align: right;
  }
  table.general2  td:nth-last-child(1) {
    border-bottom: 0px!important;
  }

  table.general2  td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: 600;
  }
 
}
ol.custom-counter { counter-reset: li-counter; list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/}
ol.custom-counter > li {
  position:relative; 
  margin:5px 0px 5px 20px;
}
ol.custom-counter > li:before {
content: counter(li-counter);
    counter-increment: li-counter;
  position:absolute;
  top:0;
  left:-30px;
  width:25px;
  height:25px;
  line-height:25px;
  border-radius:50%;
  color:#fff;
  background:#0081a0;
  text-align:center;
}


.responsive {
    width: 100%;
    height: auto;
}


.sideAdvInside{display:block; margin:5px; border:1px solid #ddd;}

.sideAdv ul{
  list-style: none;
  padding: 0;
  font-size: 0.95em;
  list-style-type:none !important;

}
.sideAdv li{
  padding: 0.5em 0.7em 0.5em 2em;
  line-height:1.5em;
  list-style-type:none !important;
}
.sideAdv li:before {
  content:"\f071"!important;
   color:#f00!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}


/********************************************************************************************/
table.general3  {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.general3  tr {
   padding: .35em;
}

table.general3  th,
table.general3  td {
  padding: .625em;
  text-align: left;
  border:1px solid #ddd;
}
table.general3  td {font-size: 0.9888888em;}
table.general3 th {
  font-size: 0.9em;
  letter-spacing: .1em;
  text-transform: uppercase;
  background:#e2f3ad !important;
}
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
    table.general3  {
    border: 0;
    padding:0px;
    margin:0px;
    border-collapse:separate !important;
  }
  
  table.general3  thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.general3  tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0em;
    padding:0px;

  }
  
  table.general3  td {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom:0px;
    display: block;
    font-size: .85em!important;
    text-align: left;
  }
  table.general3  td:nth-last-child(1) {
    border-bottom: 0px!important;
  }

  table.general3  td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: 600;
  }
 
}

/**************************************************************************/

 .sharedSites table{
    width:100%;
    border-collapse:collapse
}
.sharedSites tr:nth-of-type(odd){
    background:#fff
}
.sharedSites th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.sharedSites th:last-child{
    border-right:0px!important
}
.sharedSites td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.sharedSites input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .sharedSites input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .sharedSites table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .sharedSites thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .sharedSites tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .sharedSites td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .sharedSites td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .sharedSites td:nth-of-type(1):before{
        content:"Park: "
    }
    .sharedSites td:nth-of-type(2):before{
        content:"Campground: "
    }
  .sharedSites td:nth-of-type(3):before{
        content:"Sites: "
    }
}

/**************************************************************************/

 .fcfs table{
    width:100%;
    border-collapse:collapse
}
.fcfs tr:nth-of-type(odd){
    background:#fff
}
.fcfs th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  
}

.fcfs th:last-child{
    border-right:0px!important
}
.fcfs td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.fcfs input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .fcfs input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .fcfs table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .fcfs thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .fcfs tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .fcfs td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .fcfs td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .fcfs td:nth-of-type(1):before{
        content:"Park Name: "
    }
    .fcfs td:nth-of-type(2):before{
        content:"Campground: "
    }
   .fcfs td:nth-of-type(3):before{
        content:"P/W/S: "
    }
  .fcfs td:nth-of-type(4):before{
        content:"FCFS Campsites: "
    }
}
/****************************************************************************/
 .groupCampSite table{
    width:100%;
    border-collapse:collapse
}
.groupCampSite tr:nth-of-type(odd){
    background:#fff
}
.groupCampSite th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}

.groupCampSite th:last-child{
    border-right:0px!important
}
.groupCampSite td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.groupCampSite input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .groupCampSite input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .groupCampSite table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .groupCampSite thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .groupCampSite tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .groupCampSite td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .groupCampSite td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .groupCampSite td:nth-of-type(1):before{
        content:"Park Name: "
    }
    .groupCampSite td:nth-of-type(2):before{
        content:"Site Name: "
    }
  .groupCampSite td:nth-of-type(3):before{
        content:"Reservations: "
    }
  .groupCampSite td:nth-of-type(4):before{
        content:"Campsites: "
    }
  
}
h2.bans{font-size:24px;}
.bans{display:block;border:1px solid #ddd; width:100%;padding:2px 7px; background:#eee}
.bansImg{height:30px; margin-top:-5px;}
.bansContent{display:block;border:1px solid #ddd;padding:10px;margin-top:-11px;}
.bansContent .unOrderList{font-size:15px;}
.bansContent h4{font-size:20px; margin-top:5px;}
.red{color:#fc1921;}
.marTop{margin-top:20px;}
/***********************************************************************************
CONTACT  - RAP
****************************************************************************/
.first-box {
  padding: 10px;
  background: #005072;
  height:280px;
}
.second-box {
  padding: 10px;
  background: #0081a0;
  height:280px;
}
.third-box {
  padding: 10px;
  background: #545f1d;
  height:280px;
}
.fourth-box {
  padding: 10px;
  background: #719500;
  height:280px;
}
.height {
  background: #d1d4d3;

}

.contactCenterBox{background:#eee; padding:30px 0px 15px;}
.contactCenterBox h4{font-size:20px;}
.contactCentre a:link{color:#fff;text-decoration:none;}
.contactCentre a:active{color:#fff;text-decoration:none;}
.contactCentre a:visited{color:#fff;text-decoration:none;}
.contactCentre a:hover{color:#fff;text-decoration:none;}

.first-box h3{color:#fff;}
.second-box h3{color:#fff;}
.third-box h3{color:#fff;}
.fourth-box h3{color:#fff;}
.contactCentre ul{
  list-style: none;
  padding: 0;
  font-size: 0.95em;
  list-style-type:none !important;
}
.contactCentre li{
  font-size:0.88888em;
    padding-left: 2em;
    text-align:left;
  line-height:1.7em;
   padding-bottom:0px;
  list-style-type:none !important;
}
.contactCentre li a{
color:#005072;
}
.contactCentre li a:hover{
color:#000;
}
.contactCentre li:before {
  content:"\f138"!important;
   color:#fff!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.contactCentre ul li:before {
  content:"\f054"!important;
   color:#333!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.1em; /* same as padding-left set on li */
  width: 1.1em; /* same as padding-left set on li */
}
.first-box h1{border-radius:50px; background:#eee;height:50px; width:50px; margin:0 auto; margin-top:10px; font-size:30px; line-height:50px;}
.second-box h1{border-radius:50px; background:#eee;height:50px; width:50px; margin:0 auto; margin-top:10px;font-size:30px; line-height:50px;}
.third-box h1{border-radius:50px; background:#eee; height:50px;width:50px; margin:0 auto; margin-top:10px;font-size:30px; line-height:50px;}
.fourth-box h1{border-radius:50px; background:#eee;height:50px; width:50px; margin:0 auto; margin-top:10px;font-size:30px; line-height:50px;}

.first-box, .second-box, .third-box, .fourth-box, h3{color:#333;}
@media only screen and (max-width: 767px) {
  .activityThumbs img{width:100%; height:auto;} 
.first-box h1{text-align:center !important;}
.second-box h1{text-align:center !important;}
.third-box h1{text-align:center !important;}
.fourth-box h1{text-align:center !important;}

.first-box {height:300px;}
.second-box {height:300px;}
.third-box {height:300px;}
.fourth-box{height:300px;}
.contactCentre li{
  font-size:0.79999em;
    padding-left: 0.2em;
    text-align:left;
  line-height:1.7em;
   padding-bottom:0px;
  list-style-type:none !important;
}
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
  .contactCenterBox{ padding:10px 0px 5px;}

}


/********************************************************************************************/
table.frameWork  {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
}

table.frameWork  tr {
   padding: .35em;
}

table.frameWork  th,
table.frameWork  td {
  padding: .625em;
  text-align: left;
  border:1px solid #ddd;
}
table.frameWork  td {font-size: 0.9888888em;}
table.frameWork th {
  font-size: 1.1em;
  letter-spacing: .1em;
  text-transform: capitalize;
  background:#e2f3ad;
}
table.frameWork tr:nth-child(even) {background: #ecf0f1}
table.frameWork tr:nth-child(odd) {background: #FFF}
table.frameWork h4{font-size:18px;text-align:left; color:#333;}
table.frameWork h6{text-align:left;}
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
    table.frameWork  {
    border: 0;
    padding:0px;
    margin:0px;
    border-collapse:collapse !important;
  }
  
  table.frameWork  thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.frameWork  tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0em;
    padding:0px;

  }
  
  table.frameWork  td {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom:0px;
    display: block;
    font-size: .95em!important;
    text-align: left;
    text-indent:5px;
   
  }
  table.frameWork  td:nth-last-child(1) {
    border-bottom: 0px!important;
  }

  table.frameWork  td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: 600;
  }

}

.black{color:#333;}
table.frameWork  td.checkmark ul{
  list-style: none;
  padding: 0;
  font-size: 1.5em;
  list-style-type:none !important;

}
table.frameWork  td.checkmark li{
  padding-top: 10px;
  line-height:0em;
   font-size: 1.5em;
  font-weight:200;
  text-align:center;
  list-style-type:none !important;
}
table.frameWork  td.checkmark li:before {
  content:"\f00c"!important;
   color:#333!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

/****************************************************************************/
 .archives table{
    width:100%;
    border-collapse:collapse
}
.archives tr:nth-of-type(odd){
    background:#fff
}
.archives th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.archives th:last-child{
    border-right:0px!important
}
.archives td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.archives input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .archives input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .archives table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .archives thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .archives tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .archives td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .archives td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .archives td:nth-of-type(1):before{
        content:"Site Name: "
    }
  .archives td:nth-of-type(2):before{
        content:"Descrition: "
    }
  
}

.img-border{border:1px solid #ddd; padding:10px;}
.background{background:#eee;font-weight:bold;}
.greenBack{background:#e2f3ad;font-weight:bold;text-align:left}

/******************************************************************************************************/
/****************************************************************************/
 .parksDayEvents table{
    width:100%;
    border-collapse:collapse
}
.parksDayEvents tr:nth-of-type(odd){
    background:#fff
}
.parksDayEvents th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.parksDayEvents th:last-child{
    border-right:0px!important
}
.parksDayEvents td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.parksDayEvents input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .parksDayEvents input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .parksDayEvents table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .parksDayEvents thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .parksDayEvents tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .parksDayEvents td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .parksDayEvents td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .parksDayEvents td:nth-of-type(1):before{
        content:"Date: "
    }
    .parksDayEvents td:nth-of-type(2):before{
        content:"Park: "
    }
  .parksDayEvents td:nth-of-type(3):before{
        content:"Event: "
    }
  
}

/******************************************************************************************************/
/****************************************************************************/
 .kidsDontFloat table{
    width:100%;
    border-collapse:collapse
}
.kidsDontFloat tr:nth-of-type(odd){
    background:#fff
}
.kidsDontFloat th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.kidsDontFloat th:last-child{
    border-right:0px!important
}
.kidsDontFloat td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.kidsDontFloat input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .kidsDontFloat input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .kidsDontFloat table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .kidsDontFloat thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .kidsDontFloat tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .kidsDontFloat td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .kidsDontFloat td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .kidsDontFloat td:nth-of-type(1):before{
        content:"Park: "
    }
    .kidsDontFloat td:nth-of-type(2):before{
        content:"Site: "
    }
  .kidsDontFloat td:nth-of-type(3):before{
        content:"Amenities: "
    }
  
}


/******************************************************************************************************/
/****************************************************************************/
 .spEvents table{
    width:100%;
    border-collapse:collapse
}
.spEvents tr:nth-of-type(odd){
    background:#fff
}
.spEvents th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.spEvents th:last-child{
    border-right:0px!important
}
.spEvents td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.spEvents input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .spEvents input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .spEvents table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .spEvents thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .spEvents tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .spEvents td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .spEvents td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .spEvents td:nth-of-type(2):before{
        content:"Fee Type: "
    }
    .spEvents td:nth-of-type(3):before{
        content:"Non-profit Gp/Events: "
    }
  .spEvents td:nth-of-type(4):before{
        content:"Other Gp/Events:"
    }
  
}
/******************************************************************************************************/
/****************************************************************************/

.kcVechileAccessCampsites table{
    width:100%;
    border-collapse:collapse
}
.kcVechileAccessCampsites tr:nth-of-type(odd){
    background:#fff
}
.kcVechileAccessCampsites th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.kcVechileAccessCampsites th:last-child{
    border-right:0px!important
}
.kcVechileAccessCampsites td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.kcVechileAccessCampsites input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .kcVechileAccessCampsites input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .kcVechileAccessCampsites table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .kcVechileAccessCampsites thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .kcVechileAccessCampsites tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .kcVechileAccessCampsites td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .kcVechileAccessCampsites td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .kcVechileAccessCampsites td:nth-of-type(1):before{
        content:"Park: "
    }
    .kcVechileAccessCampsites td:nth-of-type(2):before{
        content:"Campground: "
    }
  .kcVechileAccessCampsites td:nth-of-type(3):before{
        content:"Season:"
    }
  
  .kcVechileAccessCampsites td:nth-of-type(4):before{
        content:"Reservations/Permits:"
    }
  
  .kcVechileAccessCampsites td:nth-of-type(5):before{
        content:"Campsites:"
    }
  
}

/******************************************************************************************************/
/****************************************************************************/

.kcGroupCamping table{
    width:100%;
    border-collapse:collapse
}
.kcGroupCamping tr:nth-of-type(odd){
    background:#fff
}
.kcGroupCamping th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  
}

.kcGroupCamping th:last-child{
    border-right:0px!important
}
.kcGroupCamping td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.kcGroupCamping input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .kcGroupCamping input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .kcGroupCamping table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .kcGroupCamping thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .kcGroupCamping tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .kcGroupCamping td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .kcGroupCamping td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .kcGroupCamping td:nth-of-type(1):before{
        content:"Park: "
    }
    .kcGroupCamping td:nth-of-type(2):before{
        content:"Group Use: "
    }
  .kcGroupCamping td:nth-of-type(3):before{
        content:"Season:"
    }
  
  .kcGroupCamping td:nth-of-type(4):before{
        content:"Reservations/Permits:"
    }
  
  .kcGroupCamping td:nth-of-type(5):before{
        content:"Campsites:"
    }
  
}


/******************************************************************************************************/
/****************************************************************************/

.equestrianCamping table{
    width:100%;
    border-collapse:collapse
}
.equestrianCamping tr:nth-of-type(odd){
    background:#fff
}
.equestrianCamping th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;

}

.equestrianCamping th:last-child{
    border-right:0px!important
}
.equestrianCamping td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.equestrianCamping input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .equestrianCamping input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .equestrianCamping table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .equestrianCamping thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .equestrianCamping tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .equestrianCamping td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .equestrianCamping td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .equestrianCamping td:nth-of-type(1):before{
        content:"Park Name: "
    }
    .equestrianCamping td:nth-of-type(2):before{
        content:"Campground: "
    }
  .equestrianCamping td:nth-of-type(3):before{
        content:"Reservations:"
    }
  .equestrianCamping td:nth-of-type(4):before{
        content:"Campsites:"
    }
  
}

/******************************************************************************************************/
/****************************************************************************/

.dumpStation table{
    width:100%;
    border-collapse:collapse
}
.dumpStation tr:nth-of-type(odd){
    background:#fff
}
.dumpStation th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  
}

.dumpStation th:last-child{
    border-right:0px!important
}
.dumpStation td{
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.dumpStation input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .dumpStation input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
.dumpStation .sNotes{margin-bottom:10px!important; }
   .dumpStation table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .dumpStation thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .dumpStation tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .dumpStation td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .dumpStation td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .dumpStation td:nth-of-type(1):before{
        content:"Station: "
    }
    .dumpStation td:nth-of-type(2):before{
        content:"Status: "
    }
  
}

table.modify  th{font-size: 0.9888888em;}
table.modify  td {font-size: 0.8888888em;}



/******************************************************************************************************/
/****************************************************************************/

.dayUseKC table{
    width:100%;
    border-collapse:collapse
}
.dayUseKC tr:nth-of-type(odd){
    background:#fff
}
.dayUseKC th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border: 1px solid #ddd;
    padding:10px 0 10px 10px!important;
}

.dayUseKC td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.dayUseKC input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .dayUseKC input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .dayUseKC table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .dayUseKC thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .dayUseKC tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .dayUseKC td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .dayUseKC td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .dayUseKC td:nth-of-type(1):before{
        content:"Day Use: "
    }
    .dayUseKC td:nth-of-type(2):before{
        content:"Park: "
    }
  .dayUseKC td:nth-of-type(3):before{
        content:"Season: "
    }
  
}


/******************************************************************************************************/
/****************************************************************************/

.trailsKC table{
    width:100%;
    border-collapse:collapse
}
.trailsKC tr:nth-of-type(odd){
    background:#fff
}
.trailsKC th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;

}


.trailsKC td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.trailsKC input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .trailsKC input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .trailsKC table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .trailsKC thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .trailsKC tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .trailsKC td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .trailsKC td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .trailsKC td:nth-of-type(1):before{
        content:"Trail: "
    }
    .trailsKC td:nth-of-type(2):before{
        content:"Length: "
    }
  .trailsKC td:nth-of-type(3):before{
        content:"Season: "
    }
  .trailsKC td:nth-of-type(4):before{
        content:"Permitted Activities: "
    }
  
}



/******************************************************************************************************/
/****************************************************************************/

.pActivities table{
    width:100%;
    border-collapse:collapse
}
.pActivities tr:nth-of-type(odd){
    background:#fff
}
.pActivities th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}
.pActivities td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.pActivities input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .pActivities input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .pActivities table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .pActivities thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .pActivities tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .pActivities td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .pActivities td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .pActivities td:nth-of-type(1):before{
        content:"Activity: "
    }
    .pActivities td:nth-of-type(2):before{
        content:"Pro. Recreation Areas: "
    }
  .pActivities td:nth-of-type(3):before{
        content:"Provincial Parks: "
    }
  .pActivities td:nth-of-type(4):before{
        content:"Wildland Parks: "
    }
  .pActivities td:nth-of-type(5):before{
        content:"Public Land Use Zones: "
    }
  
}

/******************************************************************************************************/
/****************************************************************************/

.advClosure table{
    width:100%;
    border-collapse:collapse
}
.advClosure tr:nth-of-type(odd){
    background:#fff
}
.advClosure th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;

}


.advClosure td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.advClosure input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .advClosure input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
  .mb{margin-bottom:15px;}
   .advClosure table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .advClosure thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .advClosure tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .advClosure td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .advClosure td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .advClosure td:nth-of-type(1):before{
        content:"Road: "
    }
    .advClosure td:nth-of-type(2):before{
        content:"Sections: "
    }
  .advClosure td:nth-of-type(3):before{
        content:"Closure Dates: "
    }
  
}



/******************************************************************************************************/
/****************************************************************************/

.groupSizeLimitKC table{
    width:100%;
    border-collapse:collapse
}
.groupSizeLimitKC tr:nth-of-type(odd){
    background:#fff
}
.groupSizeLimitKC th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;

}


.groupSizeLimitKC td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.groupSizeLimitKC input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .groupSizeLimitKC input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .groupSizeLimitKC table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .groupSizeLimitKC thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .groupSizeLimitKC tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .groupSizeLimitKC td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .groupSizeLimitKC td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .groupSizeLimitKC td:nth-of-type(1):before{
        content:"Area: "
    }
    .groupSizeLimitKC td:nth-of-type(2):before{
        content:"Trail: "
    }
  .groupSizeLimitKC td:nth-of-type(3):before{
        content:"Group Size Limit: "
    }
  
}
.badge{background:#0281ac;font-weight:normal;}
.badge .font-normal{font-weight:normal!important; font-size:14px!important; text-shadow:none;}
.img-hover:hover img{opacity:0.8;}



/***********************************************************************/

 .travel-routes-box {
    position:absolute; top:320px; right:14.5%; width:330px; background: rgba(0,0,0, 0.5);height:105px;
  padding: 0.2rem 0rem 0rem;
  text-align:right;
  border: 0px solid #999;
  display:block;

}
.travel-routes-box:hover {background:rgba(0, 0, 0, 0.7);}
.travel-routes-box h4{color:#bed600; padding:0px;text-align:left; margin:0px;font-size:22px; padding-top:20px;}
.travel-routes-box h4:hover{color:#00aad2;}
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
.travel-routes-box {
        position:absolute; top:5px; left:0.5%; height:auto;width:330px; background: rgba(0, 0, 0, 0.5);
      padding: 0.3rem 0.7rem;
      border: 1px solid #000;
      color: #0a0a0a;
   }
h1{font-size:26px;}   
.img-banner h1 a{ font-size:20px!important;}
.image-transparency{height:40px !important;position:absolute;bottom:0;}
.travel-routes-box h4{font-size:18px;}
.travel-routes-box p{font-size:15px;}
}
@media only screen and (max-width: 1200px) and (min-width: 768px)  {
.travel-routes-box {
        position:absolute; top:125px; left:0.9%; height:auto;width:330px; background: rgba(0, 0, 0, 0.5);
      padding: 0rem 0rem;
      border: 1px solid #000;
      color: #0a0a0a;text-align:center;
    }
    .image-transparency{height:50px !important;position:absolute;bottom:0;}
.travel-routes-box h4{font-size:24px;text-align:center;}
.img-banner h1 a{ font-size:24px!important;}
  h1{font-size:26px;} 
}    
  
@media only screen and (max-width: 1400px) and (min-width: 1250px)  {
.travel-routes-box {
    position:absolute; top:130px; left:6%; height:auto;max-width:330px; background: rgba(0, 0, 0, 0.5);
  padding: 0rem 0rem;
  border: 1px solid #000;
  color: #0a0a0a;
}  
}

@media only screen and (max-width: 767px) {
  .smMargin{margin-bottom:10px!important;}
  .smScreen{margin-bottom:3px!important;}
  .travel-routes-box h4{color:#333 !important;margin:0px;padding:0px; text-align:center;}
  .travel-routes-box h4:hover{color:#fff !important;}
  .travel-routes-box{text-align:center;}
  .travel-routes-box:hover{background:#999;}
  .travel-routes-box p{color:#333!important;}
  .travel-routes-box {
        position:relative; margin:-5px auto 40px auto; height:auto;width:95%; 
    max-width:1920px;
    background: #ddd;
      padding: 0.5rem 0rem;
      border: 1px solid #ddd;
      color: #333;
   }
  .mobileDevices{height:auto;}

}

.travelBox{display:block; width:100%; padding:10px 15px;border:1px solid #ddd; background:#fff; height:350px;
  color:#333;font-size:22px;margin-bottom:20px;}
.travelBox .font{font-size:22px;display:block; width:100%;padding-bottom:10px; }
.travelBox .activities{margin:0px 2px 2px;}

.travelBox:hover{color:#fff!important;}
.travelBox h4{font-size:22px;color:#333; margin-bottom:-5px;}
.travelBox h4:hover{font-size:22px;color:#fff;display:block; width:100%;}
.travelBox:nth-child(odd) {background:#fff;}
.travelBox:nth-child(even) {background:#fff;}
li .travelBox:hover{background:#2682aa; color:#fff !important;display:block; width:100%;;}

.travelBox .img{position:absolute; bottom:20px;left:15px;text-align:center; right:20px; width:95%; height:auto;padding:1px;}
@media only screen and (max-width: 767px) {
  .travelBox{display:block; width:100%; height:auto;padding:10px;}
  .travelBox .font{font-size:18px;margin-bottom:10px;margin-top:0px; padding-top:0px; line-height:2em;}
  .travelBox .img{position:relative; width:100%; bottom:5px; left:0px;top:1px;}
   }

.hover:hover{background-color:#ddd!important;}

/*******************************************************************************************************
Parks Managment
***************************************************************************************************************/
/********************************************************************************************/
table.parksMgmt  {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
table.parksMgmt  tr {
   padding: .35em;
}
table.parksMgmt  th,
table.parksMgmt  td {
  padding: .625em;
  text-align: left;
  border:1px solid #ddd;
}
table.parksMgmt  td {font-size: 0.9888888em;}
table.parksMgmt th {
  font-size: 1.1em;
  letter-spacing: .1em;
  text-transform: Capitalize;
  background:#e2f3ad !important;
}
table.parksMgmt tr:nth-child(even) {background: #ecf0f1}
table.parksMgmt tr:nth-child(odd) {background: #FFF}
table.parksMgmt h4{font-size:18px;text-align:left; color:#333;}
table.parksMgmt h6{text-align:left;}
.percent25{width:25%;}
.percent20{width:20%;}
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
    table.parksMgmt  {
    border: 0;
    padding:0px;
    margin:0px;
    border-collapse:separate !important;
  }
.percent25{width:100%;}
.percent20{width:100%;}
  table.parksMgmt  thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.parksMgmt  tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0em;
    padding:0px;

  }
  
  table.parksMgmt  td {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom:0px;
    display: block;
    font-size: .85em!important;
    text-align: left;
  }
  table.parksMgmt  td:nth-last-child(1) {
    border-bottom: 0px!important;
  }

  table.parksMgmt  td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: 600;
   }
}

.ptop{padding-bottom:10px;}
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
.smDevices{text-align:left; font-size:12px; line-height:1.3em;padding-left:0px; float:left;}
}

/*************************************************************************************************
             SIDE MENU NAVIGATION
*************************************************************************************************/


.navList  ul{
  list-style: none;
  padding: 0;
  font-size: 0.95em;
  list-style-type:none !important;
}
.navList li a{
  font-size:0.999em;
  padding-left: 0.899em;
  line-height:1.3em;
   padding-bottom:0px;
  list-style-type:none !important;
  color:#e9fdaa;

}
.navList li a:hover{
    color:#fff;
}



.navList li a:before {
  content:"\f138"!important;
   color:#e9fdaa!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.2em; /* same as padding-left set on li */
  width: 1.2em; /* same as padding-left set on li */
}

.navList li h4 a {
margin-top:-10px!important;
  margin-left:0px;
color:#fff;
padding:10px 0px 10px 10px;
display:block;
width:300px;
background:#0081a0;
font-size:22px; 
}
.navList li h4 a:hover {
background:#005072;
  color:#fff;
}

.navListNo li h4 {
color:#fff;
padding:10px 0px 10px 10px;
display:block;
width:100%;
background:#0081a0;
font-size:22px; 
  
}

h4.paddNav{color:#fff;
padding:10px 0px 10px 10px;
display:block;
width:100%;
background:#0081a0;
font-size:22px; 
  display:block;
}
@media only screen and (max-width: 767px) {
  .navList li h4 a {font-size:20px; 
}
}
.navList li h4 a:before {
  display: none;
}
.navList ul ul li a{color:#fcd4f8!important;}
.navList ul ul li a:hover{color:#fff!important;}
.navList ul ul li a:before {
  content:"\f054"!important;
   color:#fcd4f8!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1em; /* same as padding-left set on li */
  width: 1em; /* same as padding-left set on li */
}
.navList ul ul li li a{color:#a0e8ff!important;}
.navList ul ul li li a:hover{color:#fff!important;}
.navList ul ul li li a:before {
  content:"\f061"!important;
   color:#a0e8ff!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.navList ul ul ul li li a{color:#fff!important;}
.navList ul ul ul li li a:hover{color:#ffefb1!important;}
.navList ul ul ul li li a:before {
  content:"\f192"!important;
   color:#fff!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.2em; /* same as padding-left set on li */
  width: 1.2em; /* same as padding-left set on li */
}

/******************************************************************************************************/
/****************************************************************************/

.comfortCamping table{
    width:100%;
    border-collapse:collapse;
  font-family: 'Roboto', sans-serif;
}
.comfortCamping tr:nth-of-type(odd){
    background:#fff
}
.comfortCamping th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;

}


.comfortCamping td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    font-weight:300
}
.comfortCamping input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .comfortCamping input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .comfortCamping table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .comfortCamping thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .comfortCamping tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .comfortCamping td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important;
    font-family: 'Roboto', sans-serif;
    font-weight:500;
    }
    .comfortCamping td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .comfortCamping td:nth-of-type(1):before{
        content:"Park: "
    }
    .comfortCamping td:nth-of-type(2):before{
        content:"Accomodation: "
    }
  .comfortCamping td:nth-of-type(3):before{
        content:"Sleeps: "
    }
  .comfortCamping td:nth-of-type(4):before{
        content:"Rate/Night: "
    }
  .comfortCamping td:nth-of-type(5):before{
        content:"Reservations: "
    }
}

.marginBottomZero{margin-bottom:0px;}
.comfortCamping .button{margin-bottom:0px;}


/******************************************************************************************************/
/****************************************************************************/

.backcountryCamping table{
    width:100%;
    border-collapse:collapse
}
.backcountryCamping tr:nth-of-type(odd){
    background:#fff
}
.backcountryCamping th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;

}


.backcountryCamping td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.backcountryCamping input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .backcountryCamping input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .backcountryCamping table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .backcountryCamping thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .backcountryCamping tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .backcountryCamping td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .backcountryCamping td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:55%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .backcountryCamping td:nth-of-type(1):before{
        content:"Campground: "
    }
    .backcountryCamping td:nth-of-type(2):before{
        content:"Reservations: "
    }
  .backcountryCamping td:nth-of-type(3):before{
        content:"Campsites: "
    }
  .backcountryCamping .marginB{margin-bottom:10px;}
}
/******************************************************************************************************/
/****************************************************************************/

.extendedSeasonCamping table{
    width:100%;
    border-collapse:collapse
}
.extendedSeasonCamping tr:nth-of-type(odd){
    background:#fff
}
.extendedSeasonCamping th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;

}
.extendedSeasonCamping td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.extendedSeasonCamping input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .extendedSeasonCamping input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .extendedSeasonCamping table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .extendedSeasonCamping thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .extendedSeasonCamping tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .extendedSeasonCamping td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .extendedSeasonCamping td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:55%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .extendedSeasonCamping td:nth-of-type(1):before{
        content:"Campground/Park: "
    }
    .extendedSeasonCamping td:nth-of-type(2):before{
        content:"Season: "
    }
  .extendedSeasonCamping td:nth-of-type(3):before{
        content:"Max. RV Length: "
    }
  .extendedSeasonCamping td:nth-of-type(4):before{
        content:"Reservations: "
    }
  .extendedSeasonCamping .button{margin-bottom:0px;}
}

/******************************************************************************************************/
/****************************************************************************/

.lowCostCamping table{
    width:100%;
    border-collapse:collapse
}
.lowCostCamping tr:nth-of-type(odd){
    background:#fff
}
.lowCostCamping th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border: 1px solid #ddd;
    padding:10px 0 10px 10px!important;

}
.lowCostCamping td{
    padding:10px!important;
    border:0px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.lowCostCamping input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .lowCostCamping input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .lowCostCamping table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .lowCostCamping thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .lowCostCamping tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .lowCostCamping td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .lowCostCamping td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .lowCostCamping td:nth-of-type(1):before{
        content:"Campground: "
    }
  .lowCostCamping td:nth-of-type(2):before{
        content:"Nearby City/town: "
    }
    .lowCostCamping td:nth-of-type(3):before{
        content:"Amenities: "
    }
  .lowCostCamping td:nth-of-type(4):before{
        content:"US: "
    }
  .lowCostCamping td:nth-of-type(5):before{
        content:"P: "
    }
  .lowCostCamping td:nth-of-type(6):before{
        content:"PW: "
    }
  .lowCostCamping td:nth-of-type(7):before{
        content:"PWS: "
    }
  .lowCostCamping .button{margin-bottom:0px;}
}


.accessabilityBlock{padding:5px 7px 5px 0px;font-size:15px;}
.accessabilityBlock2{padding:5px 0px 5px 7px;font-size:15px;}
.text-in{padding-left:5px;}
@media only screen and (max-width: 767px) {
  .smTrMargin{margin-bottom:15px;}
  .accessabilityBlock{padding:inherit; margin-top:10px;}
  .accessabilityBlock2{padding:inherit; margin-top:10px;}
  .notesAccessabilityBlock h4{font-size:24px;}
  .notes{padding:10px; margin:0px;}
}

.bBottom{border-bottom:1px solid #ddd; }
.bBottom:first-child{border:0px;}

.notesAccessabilityBlock {display:block; width:100%; padding:15px 20px; background:#fff; color:#333; font-weight:normal; 
  font-size:15px; border:1px solid #e3e3e3;clear:both;}
.notesAccessabilityBlock li{ }
.notesAccessability p{font-size:15px;}
.notesAccessabilityBlock h4{font-size:28px;padding-bottom:5px; border-bottom:1px dashed #ddd;margin-bottom:15px;}
.accessabilityHead{background:#0081a0;color:#fff; padding:10px 20px;letter-spacing:1.2px;border:0px;display:block; width:100%;}
.notesAccessability{display:block; width:100%; padding:15px 20px;background:#ddd;}
.notesAccessability h2{padding-left:10px;}
.heightminus5{margin-top:-5px;}
.height5{height:2px;}

.accessabilty ul{
  list-style: none;
  padding: 0;
  font-size: 0.95em;
  list-style-type:none !important;
}
.accessabilty li{
  padding-left: 0em;
  line-height:1.7em;
   padding-bottom:0px;
  list-style-type:none !important;
  margin-bottom:5px;
}
.accessabilty li:before {
  content:"\f138"!important;
   color:#fff!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.notesAccessability ul{
  list-style: none;
  padding: 0;
  font-size: 0.95em;
  list-style-type:none !important;
}
.notesAccessability li{
  padding-left: 0em;
  line-height:1.7em;
   padding-bottom:0px;
  list-style-type:none !important;
  margin-bottom:5px;
}
.notesAccessability li:before {
  content:"\f138"!important;
   color:#333!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.blockNotes{display:block;width:170px; margin-bottom:3px;}
.barFree{display:block; width:auto;background:#fff; padding:10px 15px; margin-bottom:5px;}

/******************************************************************************************************/
/****************************************************************************/

.annualTrailClosure table{
    width:100%;
    border-collapse:collapse
}
.annualTrailClosure tr:nth-of-type(odd){
    background:#fff
}
.annualTrailClosure th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}

.annualTrailClosure td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.annualTrailClosure input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .annualTrailClosure input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .annualTrailClosure table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .annualTrailClosure thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .annualTrailClosure tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .annualTrailClosure td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .annualTrailClosure td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .annualTrailClosure td:nth-of-type(1):before{
        content:"Trail: "
    }
    .annualTrailClosure td:nth-of-type(2):before{
        content:"Closure Dates: "
    }
  .annualTrailClosure td:nth-of-type(3):before{
        content:"Reason/Additional Info: "
    }
  .annualTrailClosure td:nth-of-type(4):before{
        content:"Map: "
    }
  
}


.unOrderListSprog ul{
  list-style: none;
  padding: 0;
  font-size: 0.999em;
  list-style-type:none !important;
}
.unOrderListSprog ul li{
  font-size:0.999em;
  padding-left: 1em;
  line-height:1.7em;
   padding-bottom:0px;
  list-style-type:none !important;
}

.unOrderListSprog ul ul li{
  font-size:0.999em;
  padding-left: 0.5em;
  line-height:1.7em;
   padding-bottom:0px;
  list-style-type:none !important;
}
.unOrderListSprog ul li:before {
  content:"\f138"!important;
   color:#333!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.unOrderListSprog ul ul li:before {
  content:"\f054"!important;
   color:#333!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.1em; /* same as padding-left set on li */
  width: 1.1em; /* same as padding-left set on li */
}

.unOrderListSprog ul ul li li:before {
  content:"\f061"!important;
   color:#333!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.1em; /* same as padding-left set on li */
  width: 1.1em; /* same as padding-left set on li */
}

.unOrderListSprog.school ul{margin-left:0px!important;}
.bookingButton {
    background: #4CAF50;
    background: -moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
    background: -webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background: -o-linear-gradient(to top,#25A6E1 0%,#188BC0 100%);
    background: -ms-linear-gradient(to top,#25A6E1 0%,#188BC0 100%);
    background: linear-gradient(to top,#25A6E1 0%,#188BC0 100%);
    padding:10px 45px;
    color:#fff;
    font-size:17px;
    border:1px solid #1A87B9;
    max-width: 250px;
      cursor: pointer;
  margin-left:0px;
  margin-top:15px;
    }

.bookingButton:hover {    
    background: #3EB1E6;
    }

.spyTab  tr:nth-of-type(odd) {
      background-color:#eee;
}
.spyTab  tr:nth-of-type(even) {
      background-color:#fff;
}

.spyTab td{
    border:1px solid #ddd;
    text-align:left;
    font-weight:300
}

/******************************************************************************************************/
/****************************************************************************/

.cncTrailReport table{
    width:100%;
    border-collapse:collapse
}
.cncTrailReport tr:nth-of-type(odd){
    background:#fff
}
.cncTrailReport th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.cncTrailReport th:last-child{
    border-right:0px!important
}
.cncTrailReport td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.cncTrailReport input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .cncTrailReport input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .cncTrailReport table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .cncTrailReport thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .cncTrailReport tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .cncTrailReport td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .cncTrailReport td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .cncTrailReport td:nth-of-type(1):before{
        content:"Facility: "
    }
    .cncTrailReport td:nth-of-type(2):before{
        content:"Comments: "
    }
  .cncTrailReport td:nth-of-type(3):before{
        content:"Status: "
    }
  
}

/******************************************************************************************************/
/****************************************************************************/

.cncTrailReport2 table{
    width:100%;
    border-collapse:collapse
}
.cncTrailReport2 tr:nth-of-type(odd){
    background:#fff
}
.cncTrailReport2 th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.cncTrailReport2 th:last-child{
    border-right:0px!important
}
.cncTrailReport2 td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.cncTrailReport2 input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .cncTrailReport2 input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
  .trailStatus{width:100%;}
   .cncTrailReport2 table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .cncTrailReport2 thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .cncTrailReport2 tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .cncTrailReport2 td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .cncTrailReport2 td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .cncTrailReport2 td:nth-of-type(1):before{
        content:"Loop: "
    }
    .cncTrailReport2 td:nth-of-type(2):before{
        content:"Trail: "
    }
  .cncTrailReport2 td:nth-of-type(3):before{
        content:"Comments: "
    }
  .cncTrailReport2 td:nth-of-type(4):before{
        content:"Status: "
    }
  
}


/******************************************************************************************************/
/****************************************************************************/
 .sCR table{
    width:100%;
    border-collapse:collapse
}
.sCR tr:nth-of-type(odd){
    background:#fff
}
.sCR th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}

.sCR th:last-child{
    border-right:0px!important
}
.sCR td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.sCR input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .sCR input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .sCR table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .sCR thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .sCR tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .sCR td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:25%!important;
        text-align:left!important
    }
    .sCR td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:75%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .sCR td:nth-of-type(1):before{
        content:"Rank: "
    }
    .sCR td:nth-of-type(2):before{
        content:"Definition: "
    }

}

/******************************************************************************************************/
/****************************************************************************/
 .sCR2 table{
    width:100%;
    border-collapse:collapse
}
.sCR2 tr:nth-of-type(odd){
    background:#fff
}
.sCR2 th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}

.sCR2 th:last-child{
    border-right:0px!important
}
.sCR2 td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.sCR2 input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .sCR2 input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .sCR2 table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .sCR2 thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .sCR2 tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .sCR2 td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:25%!important;
        text-align:left!important
    }
    .sCR2 td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:75%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .sCR2 td:nth-of-type(1):before{
        content:"Qualifier: "
    }
    .sCR2 td:nth-of-type(2):before{
        content:"Definition: "
    }

}
/******************************************************************************************************/
/****************************************************************************/
 .species table{
    width:100%;
    border-collapse:collapse
}
.species tr:nth-of-type(odd){
    background:#fff
}
.species th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}

.species th:last-child{
    border-right:0px!important
}
.species td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.species input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .species input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .species table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .species thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .species tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .species td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .species td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .species td:nth-of-type(1):before{
        content:"Major Group: "
    }
    .species td:nth-of-type(2):before{
        content:"Group: "
    }
  .species td:nth-of-type(3):before{
        content:"Sub-group: "
    }
    .species td:nth-of-type(4):before{
        content:"Element Code: "
    }

}
.forest-img{width:200px; height:120px}

.agentBox:nth-of-type(odd) {
background-color:#eee;
}
    
.agentBox:nth-of-type(even) {
background-color:#fff;
}


/******************************************************************************************************/
/****************************************************************************/
 .gDayUse table{
    width:100%;
    border-collapse:collapse
}
.gDayUse tr:nth-of-type(odd){
    background:#fff
}
.gDayUse th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}

.gDayUse th:last-child{
    border-right:0px!important
}
.gDayUse td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.gDayUse input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .gDayUse input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .gDayUse table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .gDayUse thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .gDayUse tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .gDayUse td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .gDayUse td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .gDayUse td:nth-of-type(1):before{
        content:"Facility: "
    }
    .gDayUse td:nth-of-type(2):before{
        content:"Park: "
    }
  .gDayUse td:nth-of-type(3):before{
        content:"Reservations: "
    }

}

/******************************************************************************************************/
/****************************************************************************/
 .pFacility table{
    width:100%;
    border-collapse:collapse
}
.pFacility tr:nth-of-type(odd){
    background:#fff
}
.pFacility th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}

.pFacility th:last-child{
    border-right:0px!important
}
.pFacility td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.pFacility input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .pFacility input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .pFacility table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .pFacility thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .pFacility tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .pFacility td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:25%!important;
        text-align:left!important
    }
    .pFacility td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:75%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .pFacility td:nth-of-type(1):before{
        content:"Park: "
    }
    .pFacility td:nth-of-type(2):before{
        content:"Facility: "
  }

}

  
/******************************************************************************************************/
/****************************************************************************/
 .pAmenities table{
    width:100%;
    border-collapse:collapse
}
.pAmenities tr:nth-of-type(odd){
    background:#fff
}
.pAmenities th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border: 1px solid #ddd!important;
    padding:10px 0 10px 10px!important;
}

.pAmenities td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.pAmenities input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .pAmenities input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .pAmenities table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .pAmenities thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .pAmenities tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
  
  .pAmenities td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .pAmenities td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
  
    .pAmenities td:nth-of-type(1):before{
        content:"Park: "
    }
    .pAmenities td:nth-of-type(2):before{
        content:"Facility: "
  }
  .pAmenities td:nth-of-type(3):before{
        content:"Nearby City/Town: "
  }
   .pAmenities td:nth-of-type(4):before{
        content:"Amenities: "
  }

}

/******************************************************************************************************/
/****************************************************************************/
 .fireHazard table{
    width:100%;
    border-collapse:collapse
}
.fireHazard tr:nth-of-type(odd){
    background:#fff
}
.fireHazard th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}

.fireHazard th:last-child{
    border-right:0px!important
}
.fireHazard td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.fireHazard input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .fireHazard input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .fireHazard table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .fireHazard thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .fireHazard tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .fireHazard td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:25%!important;
        text-align:left!important
    }
    .fireHazard td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:75%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .fireHazard td:nth-of-type(1):before{
        content:"Level: "
    }
    .fireHazard td:nth-of-type(2):before{
        content:"Permitted: "
  }
  .fireHazard td:nth-of-type(3):before{
        content:"Prohibited: "
  }
}
/******************************************************************************************************/
/****************************************************************************/
 .sFieldPrograms table{
    width:100%;
    border-collapse:collapse
}
.sFieldPrograms tr:nth-of-type(odd){
    background:#fff
}
.sFieldPrograms th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}

.sFieldPrograms th:last-child{
    border-right:0px!important
}
.sFieldPrograms td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.sFieldPrograms input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .sFieldPrograms input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .sFieldPrograms table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .sFieldPrograms thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .sFieldPrograms tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .sFieldPrograms td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .sFieldPrograms td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .sFieldPrograms td:nth-of-type(1):before{
        content:"Park: "
    }
    .sFieldPrograms td:nth-of-type(2):before{
        content:"Region: "
  }
  .sFieldPrograms td:nth-of-type(3):before{
        content:"Programs: "
  }
}

/******************************************************************************************************/
/****************************************************************************/
 .videoConfProg table{
    width:100%;
    border-collapse:collapse
}
.videoConfProg tr:nth-of-type(odd){
    background:#fff
}
.videoConfProg th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}

.videoConfProg th:last-child{
    border-right:0px!important
}
.videoConfProg td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.videoConfProg input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .videoConfProg input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .videoConfProg table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .videoConfProg thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .videoConfProg tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .videoConfProg td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .videoConfProg td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .videoConfProg td:nth-of-type(1):before{
        content:"Program: "
    }
    .videoConfProg td:nth-of-type(2):before{
        content:"Grade: "
  }
  .videoConfProg td:nth-of-type(3):before{
        content:"Curriculm: "
  }
  .videoConfProg td:nth-of-type(4):before{
        content:"Park: "
  }
}

/******************************************************************************************************/
/****************************************************************************/
 .parksClassRoom table{
    width:100%;
    border-collapse:collapse
}
.parksClassRoom tr:nth-of-type(odd){
    background:#fff
}
.parksClassRoom th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}

.parksClassRoom th:last-child{
    border-right:0px!important
}
.parksClassRoom td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.parksClassRoom input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .parksClassRoom input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .parksClassRoom table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .parksClassRoom thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .parksClassRoom tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .parksClassRoom td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .parksClassRoom td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .parksClassRoom td:nth-of-type(1):before{
        content:"Area: "
    }
    .parksClassRoom td:nth-of-type(2):before{
        content:"Program: "
  }
  .parksClassRoom td:nth-of-type(3):before{
        content:"Program Type: "
  }
  .parksClassRoom td:nth-of-type(4):before{
        content:"Grade: "
  }
}

/******************************************************************************************************/
/****************************************************************************/
 .capitalProjects table{
    width:100%;
    border-collapse:collapse
}
.capitalProjects tr:nth-of-type(odd){
    background:#fff
}
.capitalProjects th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}

.capitalProjects th:last-child{
    border-right:0px!important
}
.capitalProjects td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.capitalProjects input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .capitalProjects input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .capitalProjects table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .capitalProjects thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .capitalProjects tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .capitalProjects td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .capitalProjects td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .capitalProjects td:nth-of-type(1):before{
        content:"Project Title: "
    }
    .capitalProjects td:nth-of-type(2):before{
        content:"Park Refurbishment: "
  }
}

.tent{}
.tent:after{content:'⛺'}


.rdkcCheck{background:#FFF; width:85%;text-align:center;}
.advCt{color:#bed600;padding-left:15px;font-size:24px; margin-bottom:0px;}


/**************************************************************
COOKING LAKE
**************************************************************/

.cooking-lake table{
    width:100%;
    border-collapse:collapse
}
.cooking-lake tr:nth-of-type(odd){
    background:#fff
}
.cooking-lake th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  
}
.cooking-lake th a:link{color:#2f81ab;}
.cooking-lake th a:active{color:#2f81ab;}
.cooking-lake th a:visited{color:#2f81ab;}
.cooking-lake th a:hover{color:#005072;}
.cooking-lake th:last-child{
    border-right:0px!important
}
.cooking-lake td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.cooking-lake input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .cooking-lake input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .cooking-lake table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .cooking-lake thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .cooking-lake tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .cooking-lake td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .cooking-lake td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .cooking-lake td:nth-of-type(1):before{
        content:"Trail: "
    }
    .cooking-lake td:nth-of-type(2):before{
        content:"Length: "
    }
    .cooking-lake td:nth-of-type(3):before{
        content:"Summer Activities : "
    }
    .cooking-lake td:nth-of-type(4):before{
        content:"Winter Activities : "
    }
    .cooking-lake td:nth-of-type(5):before{
        content:"Staging Area: "
    }
  .cooking-lake td:nth-of-type(6):before{
        content:"Conditions Trail Report: "
    }
}

   .status {       
       text-align: center;
       margin:0;
        
    }
    .Good, .Open, .Very-Good {
        background-color: #439B3D;
        color: #fff;
    }
    .Fair, .Warning, .Partially-Closed {
        background-color: #F8EF22;
        color: #000;
    }
    .Poor, .Not-Advised {
        background-color: #F7941E;
        color: #fff;
    }
    .Closed {
        background-color: #AC0105;
        color: #fff;
    }
  
  .no-report{
    background-color: #ddd;
        color: #666;
  }
    .noShow {
        display: none;
    }
.trailMap{ right:0;left:auto; position:absolute;}
.button.sm{padding:6px 15px;margin:0px;}


/******************************************************************************************************/
/****************************************************************************/

.campingListwithPhoneNumbers table{
    width:100%;
    border-collapse:collapse
}
.campingListwithPhoneNumbers tr:nth-of-type(odd){
    background:#fff
}
.campingListwithPhoneNumbers th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;

}


.campingListwithPhoneNumbers td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.campingListwithPhoneNumbers input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .campingListwithPhoneNumbers input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
  .mb{margin-bottom:15px;}
   .campingListwithPhoneNumbers table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .campingListwithPhoneNumbers thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .campingListwithPhoneNumbers tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .campingListwithPhoneNumbers td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .campingListwithPhoneNumbers td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .campingListwithPhoneNumbers td:nth-of-type(1):before{
        content:"Campground: "
    }
    .campingListwithPhoneNumbers td:nth-of-type(2):before{
        content:"Region: "
    }
  .campingListwithPhoneNumbers td:nth-of-type(3):before{
        content:"Season: "
    }
  .campingListwithPhoneNumbers td:nth-of-type(4):before{
        content:"Phone: "
    }
  
  
}


/***********************************************************************/

 .listSeasonalCamping table{
    width:100%;
    border-collapse:collapse
}
.listSeasonalCamping tr:nth-of-type(odd){
    background:#fff
}
.listSeasonalCamping th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}

.listSeasonalCamping th:last-child{
    border-right:0px!important
}
.listSeasonalCamping td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
  color:#333;
}
.listSeasonalCamping input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .listSeasonalCamping input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .listSeasonalCamping table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .listSeasonalCamping thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .listSeasonalCamping tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .listSeasonalCamping td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:40%!important;
        text-align:left!important
    }
    .listSeasonalCamping td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:60%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .listSeasonalCamping td:nth-of-type(1):before{
        content:"Campground: "
    }
    .listSeasonalCamping td:nth-of-type(2):before{
        content:"Notes: "
    }
    .listSeasonalCamping td:nth-of-type(3):before{
        content:"Phone: "
    }
  }

/******************************************************************
*****************************************************************/


  .huntingPermit table{
    width:100%;
    border-collapse:collapse
}
.huntingPermit tr:nth-of-type(odd){
    background:#fff
}
.huntingPermit th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.huntingPermit th:last-child{
    border-right:0px!important
}
.huntingPermit td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.huntingPermit input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .huntingPermit input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .huntingPermit table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .huntingPermit thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .huntingPermit tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .huntingPermit td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .huntingPermit td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .huntingPermit td:nth-of-type(1):before{
        content:"Park: "
    }
    .huntingPermit td:nth-of-type(2):before{
        content:"Hunting: "
    }
    .huntingPermit td:nth-of-type(3):before{
        content:"OHV : "
    }
  .huntingPermit td:nth-of-type(4):before{
        content:"Discharge Permit : "
    }
  }

/******************************************************************
*****************************************************************/


.huntingWildParks table{
    width:100%;
    border-collapse:collapse
}
.huntingWildParks tr:nth-of-type(odd){
    background:#fff
}
.huntingWildParks th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.huntingWildParks th:last-child{
    border-right:0px!important
}
.huntingWildParks td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.huntingWildParks input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .huntingWildParks input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .huntingWildParks table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .huntingWildParks thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .huntingWildParks tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .huntingWildParks td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .huntingWildParks td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .huntingWildParks td:nth-of-type(1):before{
        content:"Park: "
    }
    .huntingWildParks td:nth-of-type(2):before{
        content:"Nearby City/Town: "
    }
    .huntingWildParks td:nth-of-type(3):before{
        content:"Hunting: "
    }
  .huntingWildParks td:nth-of-type(4):before{
        content:"OHV: "
    }
  }


/******************************************************************
*****************************************************************/

.huntingNAs table{
    width:100%;
    border-collapse:collapse
}
.huntingNAs tr:nth-of-type(odd){
    background:#fff
}
.huntingNAs th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.huntingNAs th:last-child{
    border-right:0px!important
}
.huntingNAs td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.huntingNAs input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .huntingNAs input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .huntingNAs table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .huntingNAs thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .huntingNAs tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .huntingNAs td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .huntingNAs td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .huntingNAs td:nth-of-type(1):before{
        content:"Park: "
    }
    .huntingNAs td:nth-of-type(2):before{
        content:"Nearby City/Town: "
    }
    .huntingNAs td:nth-of-type(3):before{
        content:"Hunting: "
    }
  }

.mTopLarge{margin-top:-22px;}


/******************************************************************************
https://www.albertaparks.ca/albertaparksca/visit-our-parks/camping/online-reservations/
*****************************************************************************/
.online-reservations table{
    width:100%;
    border-collapse:collapse
}
.online-reservations tr:nth-of-type(odd){
    background:#fff
}
.online-reservations th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:5px 10px !important;
}
.online-reservations th:last-child{
    border-right:0px!important
}
.online-reservations td{
    padding:5px 10px!important;
    border:1px solid #ddd;
    /* font-weight:100 */
}

.online-reservations input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
.online-reservations input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
.online-reservations .button{padding:10px 25px;}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
  .online-reservations .button{margin-bottom:0px !important; padding:8px 25px;}
    #loadMore{margin-bottom:15px;}
   .online-reservations table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
  .online-reservations thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .online-reservations tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .online-reservations td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important;
    }
    .online-reservations td:before{
        position:absolute;
        top:4px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap;
    color:#3b4e02;
    }
    .online-reservations td:nth-of-type(1):before{
        content:"Facility"
    }
   .online-reservations td:nth-of-type(2):before{
        content:"Type"
    }
    .online-reservations td:nth-of-type(3):before{
        content:"Res Begin"
    }
    .online-reservations td:nth-of-type(4):before{
        content:"Res Dates"
    }
    .online-reservations td:nth-of-type(5):before{
        content:"FCFS"
    }
    .online-reservations td:nth-of-type(6):before{
        content:"Units"
    }
    .online-reservations td:nth-of-type(7):before{
        content:"Res: 1-877-537-2757";
    white-space: pre;
    }
 }
 
  #loadMore {
    padding: 10px;
    background-color: #0081a0;
    color: #fff;
    width:100% !important;
    border-style: solid;
    border-color: #fff;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    display: flex;
    text-align: center !important;
    flex-flow: row wrap;
    /* Then we define how is distributed the remaining space */
  justify-content: space-around;
}

#loadMore:hover {
    background-color: #036483;
    color: #fff;
}


/********************************************************************************************/

 .KcMaps table{
    width:100%;
    border-collapse:collapse
}
.KcMaps tr:nth-of-type(odd){
    background:#fff
}
.KcMaps th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}
.KcMaps td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.KcMaps input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .KcMaps input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .KcMaps table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .KcMaps thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .LRM tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .KcMaps td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .KcMaps td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .KcMaps td:nth-of-type(1):before{
        content:"Media: "
    }
    .KcMaps td:nth-of-type(2):before{
        content:"Size: "
    }
  }


/*****************************************************************************************
Kananaskis Valley Trail Report
*********************************************************************************/

.kc-trailReport table{
    width:100%;
    border-collapse:collapse
}
.kc-trailReport tr:nth-of-type(odd){
    background:#fff
}
.kc-trailReport th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}

.kc-trailReport td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    font-weight:400!important;
}
.kc-trail
.kc-trailReport input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .kc-trailReport input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .kc-trailReport table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .kc-trailReport thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .kc-trailReport tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .kc-trailReport td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .kc-trailReport td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .kc-trailReport td:nth-of-type(1):before{
        content:"Trail Name: "
    }
    .kc-trailReport td:nth-of-type(2):before{
        content:"Activities: "
    }
    .kc-trailReport td:nth-of-type(3):before{
        content:"Status : "
    }
  }

/*******************************************************************************/
h4.trailReportCNCSummer{display:block;background:#0081a0;height:50px;color:#fff}
h4.trailReportCNCWinter{display:block; padding:5px 5px 10px 15px;background:#0081a0;height:45px; color:#fff;}
h4.biathlonRange{display:block; padding:5px 5px 10px 15px;background:#0081a0;height:45px; color:#fff}
@media only screen and (max-width: 767px) {
  .smMarginBottom{margin-bottom:12px;}
  .smFonts{font-size:13px;}
  h4.trailReportCNCSummer{line-height:30px!important;height:40px!important;}
  h4.trailReportCNCWinter{line-height:30px!important;height:40px!important;}
  h4.biathlonRange{line-height:30px!important;height:40px!important;}
  .navList{font-size:14px;}
  td.smallDisppear{display:none!important;}
  ul.pdf{ font-size: 14px!important;}
  .flickr_badge_image_flickrV2 img { width:100%!important; height:auto!important;}
}
.show-for-print table{padding:1px!important;}
.show-for-print td{padding:1px!important;}
.show-for-print th{padding:1px!important;}
.show-for-print p{font-size:13px!important;}

@media print {
.zoom::before{display:none!important;}	
.marginB{margin-bottom:25px;}
.mb-30{margin-bottom:0px;}
  p {
    font-size: 12px!important;;
  }
  td {
    font-size: 12px!important;padding:3px!important;color:#333!important;
  }
  th {
    font-size: 12px!important;padding:3px!important;background:#eee!important;
  }
  .large-9 {
    font-size: 12px!important;
  }
  .col-lg-9 {
    font-size: 12px!important;
  }
  .col-xs-6.inline{
    width:25%!important;display:inline!important;
  }
  .kc-trailReport td{color:#333!important;}
  .label{color:#333!important;}
  .printLeft{float:left!important;}
  .printMarginBottom{font-size:13px;margin-bottom:10px;}
  .font18{font-size:13px;}
  h3{font-size:16px;font-weight:bold;}
  .inline{font-size:14px;}
  .printfont18{font-size:13px!important;}
  .FRight{float:right!important;position:absolute; top:60px; right:20px;font-size:14px;}
  .FLeft{font-size:14px;}
	img { max-width: 500px!important;}
 [title~=Hunt] {  max-width:100% !important;}
	img { page-break-inside:avoid; 
     page-break-after:avoid; }
figcaption{text-align:left!important;}
	figure{border:0px!important;}
}


.flickr_badge_image_flickrV2 {margin:2px;display:inline-block;}
.flickr_badge_image_flickrV2 img {border: 0px solid #ddd !important;  margin:5px; width:285px; height:185px;
  background-size:100% 100%;
}
.flickr_badge_image_flickrV2 img:hover {opacity:0.8;}
a.required{font-weight:normal!important;color: #0081a0!important;}
a.required:hover{font-weight:normal!important;color: #005072!important;}

.activitiesfont{font-size:20px!important; line-height:1em;}
.sbTitle{font-size:15px!important}  


.eq-height-box{display: flex; flex-wrap: wrap;}
.row-flex {
  display: flex;
  flex-wrap: wrap;
  margin-bottom:15px; 
}
.content {
  height: 100%;width:100%;padding:15px 20px 5px 0px;
}
.content.border{border:1px solid #ddd; padding:10px 15px;}
.padding{padding:0px 10px 0px 0px;}
.imgCtrl{width:100%; height:auto;}
.spBoxGrey{border:1px solid #eee; padding:20px 5px 10px 5px;background:#eee;margin:5px 0px 15px;}
.spBoxWhite{border:1px solid #eee; padding:20px 5px 10px 5px;background:#fff;margin:5px 0px 15px;}
.warning{border-radius:0px;color:#333; margin-top:1px;}
.marginT{margin-top:5px;}

.campSideBox{display:block; width:100%; padding:15px 20px;border:1px solid #ddd; background:#f1f1f1;margin-bottom:5px;}
.campSideBox h5{padding-top:5px;}
.campSideBox h6{color:#333;}
.campSideBox.marginB{margin-bottom:5px;}
.campSideBox:hover h5, .campSideBox:hover h6, .campSideBox:hover{background-color: #0081a0;opacity:1;color:#fff!important;
border-color:#01789e;}
.font400{font-weight:400;}
.font500{font-weight:500;}
.font600{font-weight:600;}
.trailBoxGrey{border:1px solid #eee; padding:15px 20px;background:#eee;}
.trailBoxWhite{border:1px solid #eee; padding:15px 20px;background:#fff;}
.row-flex .col-md-6{margin-bottom:10px;}

  ul.mapBox {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: transparent!important;
}

.mapBox li a {
    display: block;
    padding: 8px 10px 8px 15px;
    text-decoration: none;
   background: #0081a0;
                width: 100%;
                margin: 1px;
                text-align: left;
                line-height: 1.5em;
                font-size: 15px !important;
                color: #fff !important;
}

/* Change the link color on hover */
.mapBox li a:hover {
    background-color: #005072;
    color: white;
}
  
.element2 {
    position: relative;
}
.element2:before {
    content: "\f138";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 7px;
    left: 0px;
  padding-left:7px;
}
.element2 span{padding-left:13px;}
@supports (-ms-ime-align:auto) {
   .sidenav {
    position: fixed;
    height: auto;
    width: 0; 
    z-index: 99;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 0px!important;
    margin-top:0px!important;
  }
  @media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){  
  .sidenav {
    height: 100%;
  }
 }

@supports (-webkit-appearance:none) {
.sidenav {
    position: fixed;
    height: auto;
    width: 0; 
    z-index: 99;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 0px!important;
    margin-top:0px!important;
  }
  @media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){  
  .sidenav {
    height: 100%;
  }
}
/* Drop down arrow in select boxes For [IE, Edge] */  
select::-ms-expand { display: block; }  
/*************************************************/
.sideMenuHr{  border-top: 1px solid #8c8b8b;}
.sewage1{background-color: #AC0105 !important;color: #fff;padding:10px;text-align:center}
.sewage2{background-color: #439B3D!important;color: #fff;padding:10px;text-align:center}
.sewagetd{display:block; padding:0px;height:100%;}
  
a.button{border-radius:0px!important;}  
  
a.buttonVha {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
  a.buttonVha:hover {    
    background: #3EB1E6;
    }

/********************************************************************************************/

 .volGp table{
    width:100%;
    border-collapse:collapse
}
.volGp tr:nth-of-type(odd){
    background:#fff
}
.volGp th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.volGp th:last-child{
    border-right:0px!important
}
.volGp td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.volGp input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .volGp input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .volGp table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .volGp thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .volGp tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .volGp td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .volGp td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .volGp td:nth-of-type(1):before{
        content:"Park: "
    }
    .volGp td:nth-of-type(2):before{
        content:"Group: "
    }
    .volGp td:nth-of-type(3):before{
        content:"Contact Info: "
    }
   .volGp td:nth-of-type(4):before{
        content:"Website: "
    }

  }


/******************************************************************************************************/
/****************************************************************************/

.hrsOfOp table{
    width:100%;
    border-collapse:collapse
}
.hrsOfOp tr:nth-of-type(odd){
    background:#fff
}
.hrsOfOp th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;

}
.hrsOfOp td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.hrsOfOp input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .hrsOfOp input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
  .mb{margin-bottom:15px;}
   .hrsOfOp table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .hrsOfOp thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .hrsOfOp tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .hrsOfOp td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .hrsOfOp td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .hrsOfOp td:nth-of-type(1):before{
        content:": June 29 - September 2, 2019"
    }
    .hrsOfOp td:nth-of-type(2):before{
        content:"Hours: "
    }
}

  /******************************************************************************************************/
/****************************************************************************/

.pRates table{
    width:100%;
    border-collapse:collapse
}
.pRates tr:nth-of-type(odd){
    background:#fff
}
.pRates th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;

}
.pRates td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.pRates input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .pRates input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
  .mb{margin-bottom:15px;}
   .pRates table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .pRates thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .pRates tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .pRates td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .pRates td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .pRates td:nth-of-type(1):before{
        content:"Admission Category: "
    }
    .pRates td:nth-of-type(2):before{
        content:"Day Pass: "
    }
  
   .pRates td:nth-of-type(3):before{
        content:"Season Pass: "
    }
}
span.label{border-radius:0px!important;}
.text-top > * {
  vertical-align: top;
}
  
/********************************************************************************************/

 .bowValley table{
    width:100%;
    border-collapse:collapse;
}
.bowValley tr:nth-of-type(odd){
    background:#fff
}
.bowValley th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.bowValley th:last-child{
    border-right:0px!important
}
.bowValley td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.bowValley input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .bowValley input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .bowValley table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .bowValley thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .bowValley tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .bowValley td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .bowValley td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .bowValley td:nth-of-type(1):before{
        content:"Campground: "
    }
    .bowValley td:nth-of-type(2):before{
        content:"US: "
    }
    .bowValley td:nth-of-type(3):before{
        content:"WI: "
    }
   .bowValley td:nth-of-type(4):before{
        content:"PW: "
    }
  .bowValley td:nth-of-type(5):before{
        content:"P: "
    }

  } 

/********************************************************************************************/
  .alert{border-radius:0px !important;}
  span.alert{border-radius:0px !important;}
  .warning{border-radius:0px !important;}
  .label {border-radius:0px !important;}
  .large {border-radius:0px !important;}
  .expanded{border-radius:0px !important;}
  .button .alert{border-radius:0px !important;}
/***********************************************************************/

/********************************************************************************************/

 .partnership table{
    width:100%;
    border-collapse:collapse;
}
.partnership tr:nth-of-type(odd){
    background:#fff
}
.partnership th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}

.partnership th:last-child{
    border-right:0px!important
}
.partnership td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.partnership input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .partnership input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .partnership table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .partnership thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .partnership tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .partnership td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .partnership td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .partnership td:nth-of-type(1):before{
        content:"Site Name: "
    }
    .partnership td:nth-of-type(2):before{
        content:"Size(ha): "
    }
    .partnership td:nth-of-type(3):before{
        content:"Type Of Use: "
    }

} 
  
/********************************************************************************************/

  .callout .secondary{padding:0px!important;}
/****************************************************************************/
/****************************************************************************/
.eBikeTrails table{
    width:100%;
    border-collapse:collapse
}
.eBikeTrails tr:nth-of-type(odd){
    background:#fff
}
.eBikeTrails th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}
.eBikeTrails td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.eBikeTrails input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .eBikeTrails input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .eBikeTrails table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .eBikeTrails thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .eBikeTrails tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .eBikeTrails td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .eBikeTrails td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .eBikeTrails td:nth-of-type(1):before{
        content:"Trail: "
    }
    .eBikeTrails td:nth-of-type(2):before{
        content:"Park: "
    }
  .eBikeTrails td:nth-of-type(3):before{
        content:"Permitted Activities: "
    }
  .eBikeTrails td:nth-of-type(4):before{
        content:"Permitted Activities: "
    }
    
} 
    
  
  /******************************************************************************************************/
/****************************************************************************/

.byActivity table{
    width:100%;
    border-collapse:collapse
}
.byActivity tr:nth-of-type(odd){
    background:#fff
}
.byActivity th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
}
.byActivity td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.byActivity input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .byActivity input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .byActivity table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .byActivity thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .byActivity tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .byActivity td{
        border:none;
        border-bottom:1px solid #ddd;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .byActivity td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .byActivity td:nth-of-type(1):before{
        content:"Park: "
    }
    .byActivity td:nth-of-type(2):before{
        content:"Nearby City/Town: "
    }
  .byActivity td:nth-of-type(3):before{
        content:"Permitted Activities: "
    }
    
}

/******************************************************************************************************/
/****************************************************************************/

.borderLinks{
    border:1px solid #ccc;;
    color:#333;
}
.col-half-offset{
    margin-left:1.166666667%
}
@media only screen and (max-width: 600px) {
.col-half-offset{
    margin-top: 2px;
   margin-right:1.166666667%
  }
}
    
	
.banner-msg {
    position:absolute; top:220px; height:55px;width:100%; background: rgba(0, 0, 0, 0.5);
  padding: 1rem 1.8rem;
  border: 0px solid #333;
  color: #0a0a0a;
}
.banner-msg.hover:hover {
  background-color: #f9f9f9;
}	
	
	
    .redBox{
       display:block; width:100%; padding:15px 10px; text-align:center; font-size:17px; background:#eb5744!important; 
       border:1px solid :#eb5744; margin-bottom:15px;font-weight:normal; color:#FFF!important;
    }
    .redBox:hover{	cursor: hand;
	    cursor: pointer;
	    background: #d92f1f!important;
    }
    
   @media only screen and (max-width: 767px) {
        .redBox{ height:auto!important; line-height:auto!important;padding:10px 5px;font-size:16px;}
    }	
	
	
	
	/********************************************************************************************/

 .allTrails table{
    width:100%;
    border-collapse:collapse;
}
.allTrails tr:nth-of-type(odd){
    background:#fff
}
.allTrails th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.allTrails th:last-child{
    border-right:0px!important
}
.allTrails td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.allTrails input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .allTrails input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .allTrails table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .allTrails thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .allTrails tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .allTrails td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .allTrails td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .allTrails td:nth-of-type(1):before{
        content:"Trail: "
    }
    .allTrails td:nth-of-type(2):before{
        content:"Season: "
    }
    .allTrails td:nth-of-type(3):before{
        content:"Permitted Activities: "
    }
   .allTrails td:nth-of-type(4):before{
        content:"Length: "
    }
  .allTrails td:nth-of-type(5):before{
        content:"Status: "
    }

  } 
/*********************************************************************/
    .unOrderListWhite ul{
  list-style: none;
  padding: 0;
  font-size: 0.95em;
  list-style-type:none !important;
}
.unOrderListWhite li{
  font-size:0.999em;
  padding-left: 1em;
  line-height:1.7em;
   padding-bottom:0px;
  list-style-type:none !important;
}
.unOrderListWhite li:before {
  content:"\f138"!important;
   color:#FFF!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.unOrderListWhite ul li:before {
  content:"\f054"!important;
   color:#FFF!important;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.1em; /* same as padding-left set on li */
  width: 1.1em; /* same as padding-left set on li */
}
/********************************************************************************************/	
	 .biathlonPass table{
    width:100%;
    border-collapse:collapse;
}
.biathlonPass tr:nth-of-type(odd){
    background:#fff
}
.biathlonPass th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.biathlonPass th:last-child{
    border-right:0px!important
}
.biathlonPass td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.biathlonPass input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .biathlonPass input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .biathlonPass table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .biathlonPass thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .biathlonPass tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .biathlonPass td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .biathlonPass td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .biathlonPass td:nth-of-type(1):before{
        content:" "
    }
    .biathlonPass td:nth-of-type(2):before{
        content:"Day Pass: "
    }
    .biathlonPass td:nth-of-type(3):before{
        content:"Monthly Pass: "
    }
   .biathlonPass td:nth-of-type(4):before{
        content:"Annual Pass**: "
    }

  } 
	
	/******************************************************************************************************/
/****************************************************************************/
	 .treeCutting table{
    width:100%;
    border-collapse:collapse;
}
.treeCutting tr:nth-of-type(odd){
    background:#fff
}
.treeCutting th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.treeCutting th:last-child{
    border-right:0px!important
}
.treeCutting td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.treeCutting input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .treeCutting input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .treeCutting table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .treeCutting thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .treeCutting tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .biathlonPass td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .treeCutting td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .treeCutting td:nth-of-type(1):before{
        content:" "
    }
    .treeCutting td:nth-of-type(2):before{
        content:"Day Pass: "
    }
    .treeCutting td:nth-of-type(3):before{
        content:"Monthly Pass: "
    }
   .treeCutting td:nth-of-type(4):before{
        content:"Annual Pass**: "
    }

  } 

	/******************************************************************************************************/
/****************************************************************************/	
	
.cncDaylodge table{
    width:100%;
    border-collapse:collapse;
}
.cncDaylodge tr:nth-of-type(odd){
    background:#fff
}
.cncDaylodge th{
 background:#e2f3ad;
    color:#333;
    font-weight:600;
    border-right:#ddd 1px solid;
    padding:10px 0 10px 10px!important;
  border-bottom:1px solid #e2f3ad;
}

.cncDaylodge th:last-child{
    border-right:0px!important
}
.cncDaylodge td{
    padding:10px!important;
    border:1px solid #ddd;
    text-align:left;
    /* font-weight:100 */
}
.cncDaylodge input[type=text] {
   outline: none;
    width: 100% !important; /* Full width */
    border: 1px solid #ddd; /* Gray border */
    border-radius: 0px!important;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical;
  box-shadow:none !important;
}
 .cncDaylodge input[type=text]:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1) !important;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius:0px;
  -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
   .cncDaylodge table,tbody,td,th,thead,tr{
        display:block;
        font-size:15px!important
    }
    .cncDaylodge thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .cncDaylodge tr{
        border:1px solid #ccc;
        margin-bottom:6px
    }
    .cncDaylodge td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%!important;
        text-align:left!important
    }
    .cncDaylodge td:before{
        position:absolute;
        top:10px;
        left:6px;
        width:50%!important;
        padding-right:10px;
        white-space:nowrap
    }
    .cncDaylodge td:nth-of-type(1):before{
        content:" "
    }
    .cncDaylodge td:nth-of-type(2):before{
        content:"Day Pass: "
    }
    .cncDaylodge td:nth-of-type(3):before{
        content:"Monthly Pass: "
    }
   .cncDaylodge td:nth-of-type(4):before{
        content:"Annual Pass**: "
    }

  }