#topHeader {
  height: 90vh;
  background-image: url('./media/wintergreen_logo2.jpg');
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
}

#topHeader #innerText {
  background-color: rgba(32, 32, 32, 0.1);
  border-radius: 20px;
}

#topHeader h1.center {
  color: white;
  font-size: 10em;
  opacity: 0.9;
  text-shadow: 2px 2px 2px #000;
}

#topHeader h2.center {
  color: white;
  opacity: 0.9;
  text-shadow: 2px 2px 2px #000;
}

h2 {
  text-shadow: 2px 2px 2px #000;
}

h4, h5, h6, p {
  font-weight: 400;
  text-shadow: 2px 2px 2px #000;
}

#sidenav-overlay {
  z-index:inherit;
}


.side-nav a{
  height: 150px;
  font-size: 50px;
}

#about {
  height: 300px;
  background-image: url("./media/fall_colors.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
}

#trail-cam {
  height: 300px;
  background-image: url("./media/trail_cam/t7.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
}

#History {
  height: 300px;
  background-image: url("./media/history/out11.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
}

#Explore {
  height: 300px;
  background-image: url("./media/outside/23.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
}

#Camp {
  height: 300px;
  background-image: url("./media/camp.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  margin-top: 120px;
}

#Camp h1.center {
  color: rgb(39,87,33,1);
  font-size: 10em;
  text
  opacity: 0.9;
  text-shadow: 2px 2px 2px #000;
  -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}


.bulletList li {
  list-style: disc !important;
}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.github-fork-ribbon:before {
  background-color: #2196F3 !important;
}

.carousel-item img {
  width: auto !important;
  cursor: zoom-in;
}
.carousel-item img:fullscreen {
  cursor: zoom-out !important;
}

.container img:fullscreen {
  cursor: zoom-out !important;
}

@media (max-width:1279px) {
  #hikingCarousel,
  #hikingCarousel .carousel-item img {
    height: 415px;
  }
  #fishingCarousel,
  #fishingCarousel .carousel-item img {
    height:450px;
  }
  .module {
    height:200px;
  }
  .module1 {
    height:200px;
  }
  .module2 {
    height:200px;
  }
  .module3 {
    height:200px;
  }
  .module4 {
    height:200px;
  }
  .module5 {
    height:200px;
  }
  .module6 {
    height:200px;
  }
  .lr1 p {
    bottom: -200px;
  }
}

@media screen and (max-width: 1899px) and (min-width: 1280px) {
  #hikingCarousel,
  #hikingCarousel .carousel-item img {
    height: 500px;
  }
  #fishingCarousel,
  #fishingCarousel .carousel-item img {
    height: 600px;
  }
  .module {
    height:225px;
  }
  .module1 {
    height:225px;
  }
  .module2 {
    height:250px;
  }
  .module3 {
    height:250px;
  }
  .module4 {
    height:250px;
  }
  .module5 {
    height:250px;
  }
  .module6 {
    height:250px;
  }

  .lr1 p {
    bottom: -250px;
  }
  }


@media (min-width:1900px) {
  #hikingCarousel,
  #hikingCarousel .carousel-item img {
    height: 700px;
  }
  #fishingCarousel,
  #fishingCarousel .carousel-item img {
    height: 800px;
  }
  .module {
    height:325px;
  }
  .module1 {
    height:325px;
  }
  .module2 {
    height:350px;
  }
  .module3 {
    height:350px;
  }
  .module4 {
    height:350px;
  }
  .module5 {
    height:350px;
  }
  .module6 {
    height:350px;
  }
  .lr1 p {
    bottom: -350px;
  }
}

.padded {
  padding-bottom:0.75rem !important;
}

#cabinCarousel,
#cabinCarousel .carousel-item img {
  height: 600px;
  width: auto;
  margin: 0px 00px 80px 0px;
}

#galleryCarousel,
#galleryCarousel .carousel-item img {
  height: 600px;
  width: auto;
}


#trailCarousel,
#trailCarousel .carousel-item img,
#historyCarousel,
#historyCarousel .carousel-item img,
#funCarousel,
#funCarousel  .carousel-item img {
  height: 650px;
  width: auto;
}

#funCarousel,
#funCarousel  div.desc {
  color: white;
  font-size: 150%;
}

.module {
  background:
  url("./media/waterfall.jpg");
  background-size: cover;
  width: 100%;
  margin: 0px 10px 30px 0px;
  position: relative;
  }

.module1 {
  background:
  url("./media/riverman2.jpg");
  background-size: cover;
  width: 100%;
  margin: 0px 10px 10px 0px;
  position: relative;
  }

.module2 {
  background:
  url("./media/catch_and_release1.jpg");
  background-size: cover;
  width: 100%;
  margin: 0px 10px 50px 0px;
  position: relative;
}

.module3 {
  background:
  url("./media/trout_cooked.jpg");
  background-size: cover;
  width: 100%;
  margin: 0px 10px 10px 0px;
  position: relative;
}

.module4 {
  background:
  url("./media/trails1a.jpg");
  background-size: cover;
  width: 100%;
  margin: 0px 10px 10px 0px;
  position: relative;
}

.module5 {
  background:
  url("./media/trails1b.jpg");
  background-size: cover;
  width: 100%;
  margin: 0px 10px 10px 0px;
  position: relative;
}

.module6 {
  background:
  url("./media/trails1c.jpg");
  background-size: cover;
  width: 100%;
  margin: 0px 10px 10px 0px;
  position: relative;
}

.top p {
  color: white;
  margin: 0;
  padding: 20px;
  font-size: 2em
}

.lr p {
  position: absolute;
  bottom: 10px;
  left: 18%;
  color: white;
  font-size: 2.0em !important;
  margin: 0;
}

.lr1 p {
  position: relative;
  color: white;
  font-size: 1.4em !important;
  margin: 0;
  background: rgba(46, 50, 60, 0.75);
}

ul.indicators {
  background-color: rgba(20, 20, 20, 0.5);
  margin-left: 50% !important;
  transform: translateX(-50%);
  left: inherit !important;
  right: inherit !important;
  bottom: 5px !important;
}

ul.indicators li {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

#fun{
  color:white;
  font-size: 1.5em !important;
  text-shadow: 2px 2px 2px #000;
}

#rm_cal_row{
  background-color: #404040;
  padding-top: 15px;
  border: 3px solid white;
}

#videoCarousel,
#videoCarousel  .carousel-item {
  height: 700px;
}

#utv {
  margin-bottom: 100px
}

#video1 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px
}

.supaCenter {
   transform: translateX(50vw) translateX(-50%);
}

.borderless {
  border: 0;
}

.front {
  z-index: 10;
}

#video2 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px
}

#weatherTitle,
#weatherSummary {
  padding-left: 10px;
  padding-right: 10px;
  text-shadow: initial;
}

ul {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
}

.col {
  padding:20px;
  box-sizing:border-box;
}
.content-slider li{
    background-color: #ed3020;
    text-align: center;
    color: #FFF;
}
.content-slider h3 {
    margin: 0;
    padding: 70px 0;
}
.map_demo .item{
    margin-bottom: 60px;
}
.map_demo{
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
.map_demo img{
  width:100%;
}
.map_demo .container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.map_demo .container img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  height: 100%;
}
.map_demo .video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

.fish_demo .item{
    margin-bottom: 60px;
}
.fish_demo{
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}
.fish_demo img{
  width:100%;
}
.fish_demo .container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.fish_demo .container img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  height: 100%;
}
.fish_demo .video {
  position: absolute;
  top: 25%;
  left: 0;
  width: 100%;
  height: 100%;
}


.tm_demo .item{
    margin-bottom: 60px;
}
.tm_demo{
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
.tm_demo img{
  width:100%;
}
.tm_demo .container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.tm_demo .container img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  height: 100%;
}
.tm_demo .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cab_demo{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom:70px !important;
}
.cab_demo img{
  width:100%;
}
.cab_demo .container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 68%;
}
.cab_demo .container img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  height: 100%;
}
.cab_demo .video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

.out_demo .item{
    margin-bottom: 60px;
}
.out_demo{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.out_demo img{
  width:100%;
}
.out_demo .container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.out_demo .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.out_demo .container img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  height: 100%;
  }
  .hist_demo .item{
      margin-bottom: 60px;
  }
  .hist_demo{
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  .hist_demo img{
    width:100%;
  }
  .hist_demo .container {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 72%;
  }
  .hist_demo .video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .hist_demo .container img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: auto;
    max-width: 100%;
    height: 100%;
    }

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}


.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */
ul.lSPager.lSGallery {
    margin-left: auto !important;
    margin-right: auto !important;
}
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: 50px;
    width: 100%;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('./media/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.7;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */

/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-c;
  cursor: -moz-zoom-in;
  cursor: -o-zoom-in;
  cursor: -ms-zoom-in;
  cursor: zoom-in;
}
.lightSlider.lszoom-inbing > * {
  cursor: move;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: -o-zoom-in;
  cursor: -ms-zoom-in;
  cursor: zoom-in;
}
