@charset "utf-8";
/* CSS Document */
body {
  margin: 0;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: visible;
}
html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.tinyhomes {
  height: 500px;
  background-image: url("../images/tinyhomes.avif");
  background-size: cover;
	background-color: yellow;

}

.pagetitle{
	margin-top: 22vh; font-size: 8em;
	filter: drop-shadow(2px 2px 6px #000);
}

.gallery img{
	
	width: 30%;
	height: auto;
	padding: 50px 0 2.25% 0;
	transition-duration: 2s;
}

.gallery img:active{
	width: 50%;
	padding: 4%;
	z-index: 3;
}

.textwhite {
  color: #fff
}
.row1200 {
  width: 100%;
  max-width: 1200px;
  min-height: 50px;
  margin-left: auto;
  margin-right: auto;
}
.row100 {
  width: 100%;
  min-height: 50px;
  padding: 0;
  margin: 0;
}
.row50, .row33, .row25 {
  width: 100%;
  min-height: 50px;
  overflow: auto;
	float: left;
}

.rowcontent{
	
	width: 80%;
	margin-left: 10%;
	vertical-align: middle;
}
h2 {
  font-size: 2em;
  font-family: "Pattaya", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}

.pattaya{
	  font-family: "Pattaya", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";

	
	
}
#homehero {
  height: 850px;
  background-image: url("../images/hero-hero.jpg");
  background-size: cover;
  background-position: center top;
}
#homehero2 {
  height: 850px;
  background-image: url("../images/hero-curve.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#secondhero {
  min-height: 10vh;
  width: 100%;
  text-align: center;
  background-color: #BF9D0D;
  padding: 3vh 0;
  background-image: url("../images/home_fountain.jpg");
  background-size: cover;
  background-position: center;
}
#thirdhero {
  text-align: center;
  color: #72090B;
}
.pillow1 {
  background-image: url("../images/pillow.jpg");
  background-position: left;
  background-size: cover;
  min-height: 200px;
}
.pillow2 {
  background-image: url("../images/pillow2.jpg");
  background-position: left;
  background-size: cover;
  min-height: 200px;
}
.amen {
  margin: 120px 0;
}
.floatmiddle {
  margin-left: auto;
  margin-right: auto;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.basicbutton {
  font-size: 14px;
  line-height: 26px;
  padding: 10px 14px;
  border-radius: 5px;
  text-decoration: none;
}
.copcopy {
  padding: 5%;
}
.topbar {}
.row50mobile {
  width: 46%;
  padding: 0 2%;
}

.textwrap {
  width: 80%;
  padding: 10%;
  overflow: auto;
}
.imagereset {
  width: 97%;
  height: auto;
  margin: 1%;
}

.imagereset:hover {
  transform: none;
  transition: none;
}
.imagediv {
  overflow: hidden;
  padding: 5vh 0;
}
/* FOOTER */
.footer a {
  color: #fff;
}
.footer {
  min-height: 280px;
  overflow: auto;
  width: 99.9%;
  padding: 20px 0 50px 0;
	background-color: #267ec2;
background-image: linear-gradient(#267ec2, #001540);

}
ul {
  list-style: none
}
li {
  display: block
}
.textcenter {
  text-align: center;
}
@media(min-width:781px) {

  html {
    font-size: 1em;
  }
  .herologo {
    width: 581px;
  }
  .row50 {
    width: 50%;
  }
  .row33 {
	  float: left;
    width: 33.333%;
  }
  .row25 {
    width: 25%;
  }
  .imagereset {
    width: 30%;
    height: auto;
    margin: 1%;
  }
  .imagereset:hover {
    transform: scale(1.5, 1.5);
    transition: .3s transform;
  }
  h3 {
    font-size: 2em;
  }
}


.bounce {
	animation: bounce 2s ease infinite;
}
@keyframes bounce {
	70% {
		transform: translateY(0%);
	}
	80% {
		transform: translateY(-15%);
	}
	90% {
		transform: translateY(0%);
	}
	95% {
		transform: translateY(-7%);
	}
	97% {
		transform: translateY(0%);
	}
	99% {
		transform: translateY(-3%);
	}
	100% {
		transform: translateY(0);
	}
}


/*Amenities images */

.amen-laundry{
	background-image: url("../images/marquee-avif/LAUNDRY 1.avif");
	background-position: center;
	background-size: cover;
}

.amen-bathhouse{
	background-image: url("../images/marquee-avif/SHOWER.avif");
	background-position: center;
	background-size: cover;
}

.amen-shade{
	background-image: url("../images/marquee-avif/PAVILION SEATING.avif");
	background-position: center;
	background-size: cover;
}

.amen-hookup{
	background-image: url("../images/marquee-avif/CAMPERS.avif");
	background-position: center;
	background-size: cover;
}

.amen-tinyhome{
	background-image: url("../images/amenities/Tiny_Homes_DudleyCreek.avif");
background-position: center;
	background-size: cover;

}

.amen-pool{
	background-image: url("../images/marquee-avif/POOL ENTRANCE SIGN BEAR.avif");
	background-position: center;
	background-size: cover;
}

.amen-fireside{
	
	background-image: url("../images/marquee-avif/FIRE PIT NIGHT.avif");
	background-position: center;
	background-size: cover;
}

.amen-playtime{
	background-image: url("../images/marquee-avif/PLAY GROUND.avif");
	background-position: center;
	background-size: cover;
}

.amen-pavilion{
	
	background-image: url("../images/marquee-avif/PAVILION AREA.avif");
	background-position: center;
	background-size: cover;
}

.amen-wifi{
	background-image: url("../images/amenities/Wifi_Dudley_Creek.avif");
	background-position: center;
	background-size: cover;
}

.amen-pet{
	
	background-image: url("../images/marquee-avif/DOG PARK 2.avif");
	background-position: center;
	background-size: cover;
}

.amen-trolly{
	background-image: url("../images/marquee-avif/DUDLEY CREEK RV TROLLY STOP.avif");
	background-position: center;
	background-size: cover;
}

.amen-fishing{
	background-image: url("../images/marquee-avif/CREEK VIEW SEATS.avif");
	background-position: center;
	background-size: cover;
}

/* attractions pics */

.att-park{
	background-image: url("../images/attractions/SmokyMountains_NationalPark.avif");
	background-position: center;
	background-size: cover;
}

.att-skypark{
	background-image: url("../images/attractions/Gatlinburg_SkyPark.avif");
	background-position: center;
	background-size: cover;
}

.att-dollywood{
	background-image: url("../images/attractions/Dollywood_Park.avif");
	background-position: center;
	background-size: cover;
}

.att-aquarium{
	background-image: url("../images/attractions/Ripleys_Aquarium.avif");
	background-position: center;
	background-size: cover;
}

.att-island{
	background-image: url("../images/attractions/TheIsland_PigeonFort.avif");
	background-position: center;
	background-size: cover;
}

.att-rockytops{
	background-image: url("../images/attractions/Rocky_Top_Sports_World.avif");
	background-position: center;
	background-size: cover;
}

.att-olesmoky{
	background-image: url("../images/attractions/Ole_Smoky_Distillery.avif");
	background-position: center;
	background-size: cover;
}

.att-paula{
	background-image: url("../images/attractions/Paul_Dean_Kitchen.avif");
	background-position: center;
	background-size: cover;
}

.att-golf{
	background-image: url("../images/attractions/Gatlinburg_Golfcourse.avif");
	background-position: center;
	background-size: cover;
}

.att-olered{
	background-image: url("../images/attractions/Ole_Red_Bar&Restaurant.avif");
	background-position: center;
	background-size: cover;
}





/* GALLERY STUFF */ 


.dudley-gallery {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 10px;
        }

        .dudley-thumbnail {
            width: 100%;
            height: auto;
            cursor: pointer;
            border: 1px solid #ddd;
            border-radius: 4px;
            transition: transform 0.2s;
        }

        .dudley-thumbnail:hover {
            transform: scale(1.05);
        }

        /* Dudley Modal Styling */
        .dudley-modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 5; /* Sit on top */
            padding-top: 50px; /* Location of the box */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
        }

        .dudley-modal-content {
            margin: auto;
            display: block;
			/*width: 80%;*/
			height: auto;
            max-width: 90%;
            max-height: 84vh; /* Limit height to viewport height */
        }

        .dudley-close-button {
            position: absolute;
            top: 15px;
            right: 35px;
            color: #f1f1f1;
            font-size: 40px;
            font-weight: bold;
            transition: 0.3s;
            cursor: pointer;
        }

        .dudley-close-button:hover,
        .dudley-close-button:focus {
            color: #bbb;
            text-decoration: none;
            cursor: pointer;
        }

        /* Dudley Navigation arrows */
        .dudley-prev, .dudley-next {
            cursor: pointer;
            position: absolute;
            top: 50%;
            width: auto;
            padding: 16px;
            margin-top: -50px;
            color: white;
            font-weight: bold;
            font-size: 20px;
            transition: 0.6s ease;
            border-radius: 0 3px 3px 0;
            user-select: none;
            -webkit-user-select: none;
        }

        .dudley-next {
            right: 0;
            border-radius: 3px 0 0 3px;
        }

        .dudley-prev {
            left: 0;
        }

        .dudley-prev:hover, .dudley-next:hover {
            background-color: rgba(0,0,0,0.8);
        }


@media(max-width:781px) {
.pagetitle{
	margin-top: 22vh; font-size: 2.5em;
	
}
	
	
	  .dudley-modal-content img {
            margin: 20vh 0;
        }
	
}