<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>North Myrtle Beach South Carolina Beach Vacation Rental Blog for Travelers</title>
     <meta name="description" content="North Myrtle Beach South Carolina Beach Vacation Rental Blog for Travelers is the official blog of Elliott Beach Rentals."/>
    <link rel="canonical" href="https://www.elliottbeachrentals.com/blog/"/>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
<link href="/css/content.css" rel="stylesheet" type="text/css" media="all">
<link href="/css/stylesheet.css" rel="stylesheet" type="text/css" media="all">
<link href="/css/nouislider.css" rel="stylesheet" type="text/css" media="all">
<link href="/css/chosen.css" rel="stylesheet" type="text/css" media="all">
<link href="/css/slick.css" rel="stylesheet" type="text/css" media="all">
<link href="/css/font-awesome.css" rel="stylesheet" type="text/css" media="all">
<link href="/css/foundation-datepicker.css" rel="stylesheet" type="text/css" media="all">
<link href="/css/jquery-ui.css" rel="stylesheet" type="text/css" media="all">
<link href="/css/footable.standalone.css" rel="stylesheet" type="text/css" media="all">
<link href="/css/bootstrap-iso.css" rel="stylesheet" type="text/css" media="all">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
        <meta name="msvalidate.01" content="C3216717838B72C0C2404569135940D4" />
    <link rel="icon" href="images/favicon.ico" type="image/x-icon"/>
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" href="images/apple-touch-icon-precomposed.png">
	<link rel="apple-touch-icon" href="images/apple-touch-icon-120x120.png">
	<link rel="apple-touch-icon" href="images/apple-touch-icon-120x120-precomposed.png">
	<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
	<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57-precomposed.png">
	<link rel="apple-touch-icon" href="images/apple-touch-icon-76x76.png">
	<link rel="apple-touch-icon" href="images/apple-touch-icon-76x76-precomposed.png">
	<link rel="apple-touch-icon" href="images/apple-touch-icon-180x180.png">
	<link rel="apple-touch-icon" href="images/apple-touch-icon-180x180-precomposed.png">
<script async src="https://integration.flip.to/5BG4QK9"></script>
<style>
.close-quicksearch {
color: #AAAAAA;
cursor: pointer;
font-size: 2.5rem;
font-weight: bold;
line-height: 1;
position: absolute;
top: 0.625rem;
right: 1.375rem;
}
.close-affsearch {
color: #AAAAAA;
cursor: pointer;
font-size: 2.5rem;
font-weight: bold;
line-height: 1;
position: absolute;
top: 0.625rem;
right: 1.375rem;
}
.keycontent-iso a, a:active, a:visited, a:focus {
color: #ffffff;
text-decoration: none;
}
</style>
<style>
.fa.fa-twitter{
	font-family:sans-serif;
}
.fa.fa-twitter::before{
	content:"𝕏";
}
</style>
<script>
  window.markerConfig = {
    destination: '630ed3ebd02dcad44e146e01', 
    source: 'snippet'
  };
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WVXLR82');</script>
<!-- End Google Tag Manager -->

    <script>
    (function(i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function() {
            (i[r].q = i[r].q || []).push(arguments)
        },
        i[r].l = 1 * new Date();
        a = s.createElement(o),
        m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
    ga('create', 'UA-4208333-13', 'auto');
    ga('send', 'pageview');
    </script>

    
    
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-10K69309GH"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
                gtag('set', 'linker', {
  'domains': ['elliottbeachrentals.com', 'reservations.app']
});
        gtag('js', new Date());
gtag('config', 'G-10K69309GH');

    </script>
    
    
        <link rel="preload" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Lato:wght@400;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <style>
        /* Scoped styles within .blog-container */
        .blog-container {
            /* Reset inherited styles */
            all: initial;
            font-family: 'Lato', sans-serif;
            color: #4a4a4a;
            background: #f8f9fa;
            line-height: 1.6;
            /* Ensure box-sizing is consistent */
            box-sizing: border-box;
        }

        /* Define CSS custom properties locally */
        .blog-container {
            --primary-color: #004b87;
            --text-color: #4a4a4a;
            --link-hover-color: #00a1d6;
            --background-color: #f8f9fa;
            --heading-font: 'Proxima Nova', 'Montserrat', sans-serif;
            --body-font: 'Lato', sans-serif;
        }

        /* Hero Section Styles */
        .blog-container .blog-hero-section {
            max-width: 1200px;
            margin: 0 auto;
            padding: 40px 20px;
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 20px;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }

        .blog-container .blog-main-featured {
            position: relative;
            overflow: hidden;
            border-radius: 10px;
        }

        .blog-container .blog-main-featured img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .blog-container .blog-main-featured:hover img {
            transform: scale(1.05);
        }

        .blog-container .blog-main-featured .overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.6);
            padding: 20px;
            color: #fff;
        }

        .blog-container .blog-main-featured h2 {
            font-family: var(--heading-font);
            font-size: 2em;
            margin: 0 0 10px;
            line-height: 1.3;
        }

        .blog-container .blog-main-featured h2 a {
            color: #fff;
            text-decoration: none;
        }

        .blog-container .blog-main-featured h2 a:hover {
            color: var(--link-hover-color);
        }

        .blog-container .blog-main-featured .meta {
            font-size: 0.9em;
            font-style: italic;
        }

        .blog-container .blog-small-featured-posts {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: repeat(2, auto);
            gap: 15px;
        }

        .blog-container .blog-small-featured {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }

        .blog-container .blog-small-featured:hover {
            transform: translateY(-3px);
        }

        .blog-container .blog-small-featured img {
            width: 100%;
            height: 120px;
            object-fit: cover;
        }

        .blog-container .blog-small-featured .content {
            padding: 10px;
        }

        .blog-container .blog-small-featured h3 {
            font-family: var(--heading-font);
            font-size: 1.2em;
            margin: 0 0 5px;
            line-height: 1.4;
        }

        .blog-container .blog-small-featured h3 a {
            color: #000;
            text-decoration: none;
        }

        .blog-container .blog-small-featured h3 a:hover {
            color: var(--link-hover-color);
        }

        .blog-container .blog-small-featured .meta {
            font-size: 0.8em;
            color: var(--text-color);
            font-style: italic;
        }

        .blog-container .blog-postlist {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
        }

        .blog-container .blog-post {
            background: #fff;
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s ease;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        .blog-container .blog-post:hover {
            transform: translateY(-5px);
        }

        .blog-container .blog-post-image {
            position: relative;
            overflow: hidden;
        }

        .blog-container .blog-post img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            transition: transform 0.3s ease, filter 0.3s ease;
        }

        .blog-container .blog-post-image::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.3);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .blog-container .blog-post-image .read-more {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #fff;
            background: var(--primary-color);
            padding: 10px 20px;
            border-radius: 5px;
            text-decoration: none;
            font-family: var(--heading-font);
            font-size: 1em;
            font-weight: 600;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 2;
        }

        .blog-container .blog-post-image .category {
            position: absolute;
            bottom: 10px;
            left: 10px;
            background: rgba(0, 0, 0, 0.6);
            color: #ffffff;
            font-family: var(--heading-font);
            font-size: 0.9em;
            font-weight: 600;
            text-transform: uppercase;
            padding: 5px 10px;
            border-radius: 3px;
            z-index: 1;
        }

        .blog-container .blog-post-image:hover img {
            transform: scale(1.05);
            filter: brightness(90%);
        }

        .blog-container .blog-post-image:hover::after {
            opacity: 1;
        }

        .blog-container .blog-post-image:hover .read-more {
            opacity: 1;
        }

        .blog-container .blog-post-image .read-more:hover {
            background: var(--link-hover-color);
        }

        .blog-container .blog-post-content {
            padding: 20px;
        }

        .blog-container .blog-post h2.title {
            font-family: var(--heading-font);
            font-weight: 600;
            font-size: 1.6em;
            line-height: 1.4;
            color: #000000;
            margin: 0 0 8px;
            text-transform: none;
        }

        .blog-container .blog-post h2.title a {
            color: #000000;
            text-decoration: none;
        }

        .blog-container .blog-post h2.title a:hover {
            color: #000000;
            text-decoration: none;
        }

        .blog-container .blog-post .meta {
            font-size: 0.9em;
            color: var(--text-color);
            font-style: italic;
            margin: 0 0 12px;
        }

        .blog-container .blog-post p {
            font-size: 1em;
            margin: 0 0 15px;
            line-height: 1.5;
        }

        .blog-container .blog-post .learn-more {
            color: var(--primary-color);
            text-decoration: none;
            font-weight: 700;
            font-size: 0.9em;
            display: inline-block;
        }

        .blog-container .blog-post .learn-more:hover {
            color: var(--link-hover-color);
            text-decoration: underline;
        }

        .blog-container .blog-loading, .blog-container .blog-error {
            text-align: center;
            padding: 20px;
            font-size: 1.2em;
            color: var(--text-color);
        }

        .blog-container .blog-pagination {
            text-align: center;
            padding: 20px;
            margin: 20px 0;
        }

        .blog-container .blog-pagination a {
            color: var(--primary-color);
            text-decoration: none;
            padding: 8px 16px;
            margin: 0 5px;
            border: 1px solid var(--primary-color);
            border-radius: 5px;
            transition: background 0.3s ease;
        }

        .blog-container .blog-pagination a:hover {
            background: var(--primary-color);
            color: #fff;
        }

        .blog-container .blog-pagination a.disabled {
            color: #ccc;
            border-color: #ccc;
            pointer-events: none;
        }

        @media (max-width: 768px) {
            .blog-container .blog-hero-section {
                grid-template-columns: 1fr;
            }
            .blog-container .blog-main-featured img {
                height: 300px;
            }
            .blog-container .blog-postlist {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>

<!-- Google Tag Manager (noscript) -->

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WVXLR82"

height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<!-- End Google Tag Manager (noscript) -->



<!-- Begin TVSquared Page Visits Tracking Code -->
<script type="text/javascript">
    var _tvq = window._tvq = window._tvq || [];
    (function() {
      var u = (("https:" == document.location.protocol) ?
          "https://collector-51831.us.tvsquared.com/"
          :
          "http://collector-51831.us.tvsquared.com/");
      _tvq.push(['setSiteId', "TV-4581186381-1"]);
      _tvq.push(['setTrackerUrl', u + 'tv2track.php']);
      _tvq.push([function() {
          this.deleteCustomVariable(5, 'page')
      }]);
      _tvq.push(['trackPageView']);
      var d = document,
          g = d.createElement('script'),
          s = d.getElementsByTagName('script')[0];
      g.type = 'text/javascript';
      g.defer = true;
      g.async = true;
      g.src = u + 'tv2track.js';
      s.parentNode.insertBefore(g, s);
    })();
</script>
<!-- End TVSquared Tracking Code --><div class="ccm-page page-template-home">
<div id="fb-root"></div>
<!-- GuestAdVantage login popup -->
    <div class="wrapper">
        <div>
            <div class="inner-wrap">
<div class="contain-to-grid menuContainer">
	                <div class="customTopBar">
	                    <div class="row">
	                        <div class="customMenuContainer right show-for-large-up">
	                            <ul class="left">
	                                <li class="s-icon"><a href="https://www.facebook.com/elliottrealty/" target="_blank"><img src="/images/facebook.png"> <span class="show-for-small-down">&nbsp;Like Us On Facebook</span></a></li>
	                                <li class="s-icon"><a href="https://twitter.com/ElliottRealty" target="_blank"><img src="/images/twitter.png"> <span class="show-for-small-down">&nbsp;Follow Us On Twitter</span></a></li>
	                                <li class="s-icon"><a href="http://blog.northmyrtlebeachtravel.com/" target="_blank"><img src="/images/wordpress.png"> <span class="show-for-small-down">&nbsp;Follow Us On Our Blog</span></a></li>
	                                 <li class="s-icon"><a href="https://www.pinterest.com/elliottrentals/" target="_blank"><img src="/images/pinterest.png"> <span class="show-for-small-down">&nbsp;Pinterest</span></a></li>
	                                <li class="s-icon"><a href="https://instagram.com/elliottbeachrentals?igshid=YmMyMTA2M2Y=" target="_blank"><img src="/images/instagram.png"> <span class="show-for-small-down">&nbsp;Instagram</span></a></li>
	                                <li class=""><div id="googlePlusFooter"> <g:plusone></g:plusone></div></li>
									<li class="topBarPhone headbuttonspace">Call Us: 843-273-1223</li>
									<li class="topBarPhone headbuttonspace"><a href="https://www.elliottbeachrentals.com/beachbag/">My Beach Bag</a></li>
									<li class="topBarPhone"><a href="https://www.elliottbeachrentals.com/pay/">Make Payment</a></li>
	                            </ul>
	                        </div>
	                    </div>
	                </div>
                    <nav class="top-bar" data-topbar role="navigation">
                        <ul class="title-area">
                            <li class="name">
                                <a href="/"><img src="/images/logo.png" class="logo"></a>
                            </li>
                            <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
                            <li><a href="#" class="right-off-canvas-toggle toggle-topbar"><i class="fa fa-2x fa-bars"></i></a></li>
                            <li><a href="#"  onclick="quicksearchbox()" class="button book hide-for-large-up">Book</a></li>
                            <li><a href="#"  data-reveal-id="phoneModal" class="phone hide-for-large-up"><i class="fa fa-2x fa-phone"></i></a></li>
                        </ul>

                        <section class="desktop-menu top-bar-section pull-right">
                            <!-- Right Nav Section -->
                            <ul class="right mobileRightMenu">
                               	<li class="has-dropdown has-mega-dropdown"><a href="/rental/results/advance/">Vacation Rentals <i class="fa fa-chevron-down"></i></a>
									<ul class="dropdown mega" id="rental-menu">
										<div class="row collapse">
											<div class="small-12 medium-3 columns">
												<li class="megaTitle"><a href="/rental/results/advance/">Advanced Search</a></li>
												<li><a href="/vacation-rentals/alpha/">View All Properties</a></li>
												<li class="megaTitle"><a href="/specials/bargains/">Specials</a></li>
												<li class="megaTitle"><a href="https://www.myrtlebeachwinterrentals.com/longterm/winter/rentals/search">Winter Rental</a></li>
												<li class="megaTitle"><a href="/group-travel/">Group Travel/Special Events</a></li>
												<li><a href="/north-myrtle-beach-weddings/">Weddings</a></li>
												<li><a href="/family-reunions/">Family Reunions</a></li>
												<li><a href="/romantic-escapes/">Romantic Escapes</a></li>
												<li><a href="/myrtle-weekend-getaways/">Girlfriend Getaways</a></li>

											</div>
											<!-- /.columns -->
											<div class="small-12 medium-3 columns">
												<li class="megaTitle"><a href="/vacation/rentals/myrtle-beach/alpha/homes/">Homes</a></li>
												<li><a href="/vacation/rentals/myrtle-beach/alpha/homes/">View All Homes</a></li>
												<li><a href="/vacation/rentals/myrtle-beach/location/oceanfront-homes/">Oceanfront Homes</a></li>
												<li><a href="/vacation/rentals/myrtle-beach/location/2nd-row-homes/">2nd Row Homes</a></li>
												<li><a href="/vacation/rentals/myrtle-beach/location/3rd-row-and-back-homes/">3rd Row and Back Homes</a></li>
												<li><a href="/vacation/rentals/myrtle-beach/location/channel-homes/">Channel Homes</a></li>

											</div>
											<!-- /.columns -->
											<div class="small-12 medium-3 columns">
												<li class="megaTitle"><a href="/vacation/rentals/myrtle-beach/alpha/condos/">Condos</a></li>
												<li><a href="/vacation/rentals/myrtle-beach/alpha/condos/">View All Condos</a></li>
												<li><a href="/vacation/rentals/myrtle-beach/location/oceanfront-condos/">Oceanfront Condos</a></li>
												<li><a href="/vacation/rentals/myrtle-beach/location/2nd-row-condos/">2nd Row Condos</a></li>
												<li><a href="/vacation/rentals/myrtle-beach/location/3rd-row-and-back-condos/">3rd Row and Back Condos</a></li>
											</div>
											<!-- /.columns -->
											<div class="small-12 medium-3 columns">
												<li class="megaTitle"><a href="/#">Popular Searches</a></li>
												<li><a href="/pet-friendly-condo-rentals/">Pet Friendly Condos</a></li>
												<li><a href="/condos-with-pool-rentals/">Condos with Pools</a></li>
												<li><a href="/condos-with-hot-tub-rentals/">Condos with Hot Tubs</a></li>
												<li><a href="/condos-with-high-speed-internet-rentals/">Condos with High Speed Internet</a></li>
												<li><a href="/pet-friendly-house-rentals/">Pet Friendly Houses</a></li>
												<li><a href="/houses-with-pool-rentals/">Houses with Pools</a></li>
												<li><a href="/houses-with-hot-tub-rentals/">Houses with Hot Tubs</a></li>
												<li><a href="/houses-with-high-speed-internet-rentals/">Houses with High Speed Internet</a></li>
											</div>
											<!-- /.columns -->
										</div>
									</ul>
									<!-- /.dropdown -->
								</li>
                                <li>
                                    <a href="/vacation-property-management/">Rental Management</a>
                                </li>
                                <li class="has-dropdown">
                                    <a href="https://www.elliottbeachrentals.com/about-the-north-myrtle-beach-area/">Area Info <i class="fa fa-chevron-down"></i></a>
                                    <ul id="Activities" class="f-dropdown dropdown mega" data-dropdown-content="">
										<div class="row collapse">
		                                     <div class="small-12 medium-7 columns">
												<ul>
												  <li class="megaTitle"><a href="/things-to-do/">Things To Do</a></li>
												  <li><a href="/staff-recommendations/">Staff Picks</a></li>
												  <li><a href="/fun-and-festivals/">Fun and Festivals</a></li>
												  <li><a href="/amusements-attractions/">Amusements & Attractions</a></li>
												  <li><a href="/restaurants/">Restaurants</a></li>
												  <li><a href="/entertainment/">Entertainment</a></li>
												  <li><a href="/shopping/">Shopping</a></li>
												  <li><a href="/golf/">Golf</a></li>
												  <li><a href="/water-sports-fishing/">Water Sports & Fishing</a></li>
												</ul>
											  </div>
											  <div class="small-12 medium-5 columns">
												<ul>
												  <li class="megaTitle"><a href="/about-the-north-myrtle-beach-area/">About the Area</a></li>
												  <li><a href="/vacation/rentals/myrtle-beach/area/cherry-grove/">Cherry Grove</a></li>
												  <li><a href="/vacation/rentals/myrtle-beach/area/ocean-drive/">Ocean Drive</a></li>
												  <li><a href="/vacation/rentals/myrtle-beach/area/crescent-beach/">Crescent Beach</a></li>
												  <li><a href="/vacation/rentals/myrtle-beach/area/windy-hill/">Windy Hill</a></li>

												  <li><a href="/vacation/rentals/myrtle-beach/area/shore-drive/">Shore Drive</a></li>
												  <li><a href="/vacation/rentals/myrtle-beach/area/myrtle-beach/">Myrtle Beach</a></li>


												  <li class="megaTitle"><a href="https://blog.northmyrtlebeachtravel.com" target="_blank">Blog</a></li>
												</ul>
											  </div>
										</div>
                                    </ul>
                                </li>
								<li><a href="https://elliottownerportal.com" target="_blank">Owner Portal</a></li>
                                <li class="has-dropdown">
                                	<a href="/form/contact/" >Contact Us <i class="fa fa-chevron-down"></i></a>
									<ul id="contactUs" class="f-dropdown dropdown mega" data-dropdown-content="" >
										<div class="row collapse">
										  <div class="small-12 medium-6 columns">
											<ul>
											  <li><a href="/about-elliott-realty/">About Us</a></li>
											  <li><a href="/webcam/">Webcam</a></li>
											  <li><a href="/multimedia/">Multimedia</a></li>
											  <li><a href="/photos-with-buzzy/">Photos With Buzzy</a></li>
											</ul>
										  </div>
										  <div class="small-12 medium-6 columns">
										  	<ul>
											  <li><a href="/form/contact/">Contact Us</a></li>
											  <li><a href="/form/report/">Report An Issue</a></li>

											  <li><a href="/owner-testimonials/">Owner Testimonials</a></li>
											  <li><a href="/guest-testimonials/">Guest Testimonials</a></li>
											</ul>
										  </div>
										</div>
									</ul>
								  </li>
                            </ul>
                        </section>

                        <section class="mobile-menu top-bar-section pull-right">
                            <ul class="right">
                               	<li class="has-dropdown"><a href="/rental/query/">Vacation Rentals</a>
									<ul class="dropdown">
												<li class="title back"><h5><a href="/javascript:void(0)">Back</a></h5></li>
												<li class=" has-dropdown"><a href="/rental/query/">Advanced Search</a>
													<ul class="dropdown">
														<li class="title back"><h5><a href="/javascript:void(0)">Back</a></h5></li>
														<li><a href="/rental/query/">Advanced Search</a></li>
														<li><a href="/vacation-rentals/alpha/">View All Properties</a></li>
													</ul>
												</li>
												<li class=""><a href="/specials/bargains/">Specials</a></li>
												<li class=""><a href="/longterm/winter/rentals/search/">Winter Rental</a></li>
												<li class=" has-dropdown"><a href="/group-travel/">Group Travel/Special Events</a>
													<ul class="dropdown">
														<li class="title back"><h5><a href="/javascript:void(0)">Back</a></h5></li>
														<li><a href="/group-travel/">Group Travel/Special Events</a></li>
														<li><a href="/north-myrtle-beach-weddings/">Weddings</a></li>
														<li><a href="/family-reunions/">Family Reunions</a></li>
														<li><a href="/romantic-escapes/">Romantic Escapes</a></li>
														<li><a href="/myrtle-weekend-getaways/">Girlfriend Getaways</a></li>
													</ul>
												</li>
												<li class=" has-dropdown"><a href="/vacation/rentals/myrtle-beach/alpha/homes/">Homes</a>
													<ul class="dropdown">
														<li class="title back"><h5><a href="/javascript:void(0)">Back</a></h5></li>
														<li><a href="/vacation/rentals/myrtle-beach/alpha/homes/">View All Homes</a></li>
														<li><a href="/vacation/rentals/myrtle-beach/location/oceanfront-homes/">Oceanfront Homes</a></li>
														<li><a href="/vacation/rentals/myrtle-beach/location/2nd-row-homes/">2nd Row Homes</a></li>
														<li><a href="/vacation/rentals/myrtle-beach/location/3rd-row-and-back-homes/">3rd Row and Back Homes</a></li>
														<li><a href="/vacation/rentals/myrtle-beach/location/channel-homes/">Channel Homes</a></li>
													</ul>
												</li>
												<li class=" has-dropdown"><a href="/vacation/rentals/myrtle-beach/alpha/condos/">Condos</a>
													<ul class="dropdown">
														<li class="title back"><h5><a href="/javascript:void(0)">Back</a></h5></li>
														<li><a href="/vacation/rentals/myrtle-beach/alpha/condos/">View All Condos</a></li>
														<li><a href="/vacation/rentals/myrtle-beach/location/oceanfront-condos/">Oceanfront Condos</a></li>
														<li><a href="/vacation/rentals/myrtle-beach/location/2nd-row-condos/">2nd Row Condos</a></li>
														<li><a href="/vacation/rentals/myrtle-beach/location/3rd-row-and-back-condos/">3rd Row and Back Condos</a></li>
													</ul>
												</li>
												<li class=" has-dropdown"><a href="/#">Popular Searches</a>
													<ul class="dropdown">
														<li class="title back"><h5><a href="/javascript:void(0)">Back</a></h5></li>
														<li><a href="/pet-friendly-condo-rentals/">Pet Friendly Condos</a></li>
														<li><a href="/condos-with-pool-rentals/">Condos with Pools</a></li>
														<li><a href="/condos-with-hot-tub-rentals/">Condos with Hot Tubs</a></li>
														<li><a href="/condos-with-high-speed-internet-rentals/">Condos with High Speed Internet</a></li>
														<li><a href="/pet-friendly-house-rentals/">Pet Friendly Houses</a></li>
														<li><a href="/houses-with-pool-rentals/">Houses with Pools</a></li>
														<li><a href="/houses-with-hot-tub-rentals/">Houses with Hot Tubs</a></li>
														<li><a href="/houses-with-high-speed-internet-rentals/">Houses with High Speed Internet</a></li>
													</ul>
												</li>
									</ul>
									<!-- /.dropdown -->
								</li>
                                <li>
                                    <a href="/vacation-property-management/">Rental Management</a>
                                </li>
                                <li class="has-dropdown"><a href="/#">Area Info</a>
                                    	<ul class="dropdown">
												<li class="title back"><h5><a href="/javascript:void(0)">Back</a></h5></li>
												 <li class="has-dropdown"><a href="/things-to-do/">Things To Do</a>
												  	<ul class="dropdown">
														<li class="title back"><h5><a href="/javascript:void(0)">Back</a></h5></li>
															<li><a href="/things-to-do/">Things To Do</a></li>
															<li><a href="/staff-recommendations/">Staff Picks</a></li>
														  <li><a href="/fun-and-festivals/">Fun and Festivals</a></li>
														  <li><a href="/amusements-attractions/">Amusements & Attractions</a></li>
														  <li><a href="/restaurants/">Restaurants</a></li>
														  <li><a href="/entertainment/">Entertainment</a></li>
														  <li><a href="/shopping/">Shopping</a></li>
														  <li><a href="/golf/">Golf</a></li>
														  <li><a href="/water-sports-fishing/">Water Sports & Fishing</a></li>
												  	</ul>
												  </li>
												  <li class="has-dropdown"><a href="/about-the-north-myrtle-beach-area/">About the Area</a>
												  	<ul class="dropdown">
														<li class="title back"><h5><a href="/javascript:void(0)">Back</a></h5></li>
														<li><a href="/vacation/rentals/myrtle-beach/area/cherry-grove/">Cherry Grove</a></li>
															  <li><a href="/vacation/rentals/myrtle-beach/area/ocean-drive/">Ocean Drive</a></li>
															  <li><a href="/vacation/rentals/myrtle-beach/area/crescent-beach/">Crescent Beach</a></li>
															  <li><a href="/vacation/rentals/myrtle-beach/area/windy-hill/">Windy Hill</a></li>
															  <li><a href="/vacation/rentals/myrtle-beach/area/shore-drive/">Shore Drive</a></li>
															  <li><a href="/vacation/rentals/myrtle-beach/area/myrtle-beach/">Myrtle Beach</a></li>
                            						</ul>
												</li>
												<li><a href="http://blog.northmyrtlebeachtravel.com/" target="_blank">Blog</a></li>
										</ul>
                                </li>
								<li><a href="https://elliottownerportal.com" target="_blank">Owner Portal</a></li>
                                <li class="has-dropdown">
                                	<a href="/#" >Contact Us</a>
									<ul class="dropdown">
												<li class="title back"><h5><a href="/javascript:void(0)">Back</a></h5></li>
												<li><a href="/about-elliott-realty/">About Us</a></li>
												  <li><a href="/webcam/">Webcam</a></li>
												  <li><a href="/multimedia/">Multimedia</a></li>
												  <li><a href="/photos-with-buzzy/">Photos With Buzzy</a></li>
												  <li><a href="/form/contact/">Contact Us</a></li>
												  <li><a href="/form/report/">Report An Issue</a></li>
												  <li><a href="/owner-testimonials/">Owner Testimonials</a></li>
												  <li><a href="/guest-testimonials/">Guest Testimonials</a></li>
									</ul>
								  </li>
								  <li><a href="https://www.elliottbeachrentals.com/pay/">Make Payment</a></li>
                            </ul>
                        </section>
                    </nav>
                </div>                
<article class="inner-content">

<div>
<section class="page-background">
<div class="row page-content bkgd pushed bootstrap-iso keycontent-iso">
<div class="small-12 columns fr-view">
    <!-- Blog Container -->
    <div class="blog-container">
        <!-- Hero Section -->
        <section id="blog-hero-section" class="blog-hero-section">
            <div class="blog-main-featured blog-loading">Loading featured post...</div>
            <div class="blog-small-featured-posts"></div>
        </section>

        <div id="blog-postlist" class="blog-postlist"></div>
        <nav class="blog-pagination" id="blog-pagination"></nav>
    </div>

<script>
    // Global array to store IDs of featured posts displayed in hero section
    const displayedFeaturedPostIds = [];

    // Format date as "May 14th 2025"
    function formatDate(dateString) {
        const date = new Date(dateString);
        const month = date.toLocaleDateString('en-US', { month: 'long' });
        const day = date.getDate();
        const year = date.getFullYear();

        function getOrdinalDay(day) {
            if (day > 3 && day < 21) return day + 'th';
            switch (day % 10) {
                case 1: return day + 'st';
                case 2: return day + 'nd';
                case 3: return day + 'rd';
                default: return day + 'th';
            }
        }

        return `${month} ${getOrdinalDay(day)} ${year}`;
    }

    // Rewrite Ghost URL to your domain with /blog/ prefix for non-image URLs
    function rewriteUrl(ghostUrl) {
        if (!ghostUrl) {
            console.warn('rewriteUrl: Received null or undefined URL');
            return ghostUrl;
        }
        try {
            // Replace the Ghost domain with your domain
            let newUrl = ghostUrl.replace('https://test-33.ghost.io', 'https://www.elliottbeachrentals.com');
            // Only add /blog/ prefix for non-image URLs (i.e., exclude /content/images/)
            if (!newUrl.includes('/content/images/') && !newUrl.includes('/blog/')) {
                newUrl = newUrl.replace('https://www.elliottbeachrentals.com/', 'https://www.elliottbeachrentals.com/blog/');
            }
            console.log(`rewriteUrl: ${ghostUrl} -> ${newUrl}`);
            return newUrl;
        } catch (error) {
            console.error(`rewriteUrl error: ${error.message}`, { ghostUrl });
            return ghostUrl; // Fallback to original URL
        }
    }

    // Debounce function
    function debounce(func, wait) {
        let timeout;
        return function (...args) {
            clearTimeout(timeout);
            timeout = setTimeout(() => func.apply(this, args), wait);
        };
    }

    // Cache API responses in sessionStorage with expiration
    function getCachedData(key) {
        const cached = sessionStorage.getItem(key);
        if (cached) {
            const { data, timestamp } = JSON.parse(cached);
            if (Date.now() - timestamp < 5 * 60 * 1000) { // 5-minute cache
                console.log(`Cache hit for ${key}`);
                return data;
            }
        }
        console.log(`Cache miss for ${key}`);
        return null;
    }

    function setCachedData(key, data) {
        sessionStorage.setItem(key, JSON.stringify({ data, timestamp: Date.now() }));
        console.log(`Cached data for ${key}`);
    }

    // Preload pages (fetch and cache without rendering)
    async function preloadPages(startPage, count) {
        const pagesToPreload = Array.from({ length: count }, (_, i) => startPage + i);
        for (const page of pagesToPreload) {
            if (!pageCache.has(page) && !loadedPages.has(page)) {
                console.log(`Preloading page ${page}`);
                try {
                    const response = await fetch(`/blog/api.php?page=${page}&limit=9`);
                    if (!response.ok) throw new Error(`Preload failed for page ${page}: ${response.status}`);
                    const data = await response.json();
                    if (data.posts && data.posts.length) {
                        pageCache.set(page, data);
                        setCachedData(`posts_page_${page}`, data);
                        console.log(`Preloaded page ${page}`);
                    }
                } catch (err) {
                    console.error(`Preload error for page ${page}:`, err);
                }
            } else {
                console.log(`Skipping preload for page ${page}: already cached or loaded`);
            }
        }
    }

    // Function to get a random dummy image
    function getRandomDummyImage() {
        const randomIndex = Math.floor(Math.random() * 12) + 1; // Random number between 1 and 12
        return `https://www.elliottbeachrentals.com/blog/noimage/${randomIndex}.jpg`;
    }

    // Fetch and render featured posts
    async function fetchFeaturedPosts() {
        const heroSection = document.getElementById('blog-hero-section');
        const mainFeatured = heroSection.querySelector('.blog-main-featured');
        const smallFeaturedPosts = heroSection.querySelector('.blog-small-featured-posts');
        const cacheKey = 'featured_posts';

        try {
            const cachedData = getCachedData(cacheKey);
            if (cachedData) {
                renderFeaturedPosts(cachedData);
                return;
            }

            const response = await fetch('/blog/api.php?featured=true&limit=3');
            if (!response.ok) throw new Error(`Network response was not ok: ${response.status}`);
            const data = await response.json();

            if (!data.posts || data.posts.length === 0) {
                mainFeatured.innerHTML = '<div class="blog-error">No featured posts found.</div>';
                smallFeaturedPosts.innerHTML = '';
                return;
            }

            setCachedData(cacheKey, data);
            renderFeaturedPosts(data);
        } catch (error) {
            console.error('Fetch featured posts error:', error);
            mainFeatured.classList.remove('blog-loading');
            mainFeatured.innerHTML = `<div class="blog-error">Error loading featured posts: ${error.message}</div>`;
            smallFeaturedPosts.innerHTML = '';
        }
    }

    function renderFeaturedPosts(data) {
        const heroSection = document.getElementById('blog-hero-section');
        const mainFeatured = heroSection.querySelector('.blog-main-featured');
        const smallFeaturedPosts = heroSection.querySelector('.blog-small-featured-posts');

        displayedFeaturedPostIds.length = 0;

        const mainPost = data.posts[0];
        const mainUrl = rewriteUrl(mainPost.url);
        // Use random dummy image if feature_image is missing
        const mainImage = rewriteUrl(mainPost.feature_image) || getRandomDummyImage();
        displayedFeaturedPostIds.push(mainPost.id);
        mainFeatured.classList.remove('blog-loading');
        mainFeatured.innerHTML = `
            <a href="${mainUrl}">
                <img src="${mainImage}" alt="${mainPost.title}" loading="lazy">
            </a>
            <div class="overlay">
                <h2><a href="${mainUrl}">${mainPost.title}</a></h2>
                <p class="meta">By ${mainPost.authors?.[0]?.name || 'Unknown Author'} | ${formatDate(mainPost.published_at)}</p>
            </div>
        `;

        const smallPosts = data.posts.slice(1, 3);
        smallFeaturedPosts.innerHTML = '';
        smallPosts.forEach(post => {
            const postUrl = rewriteUrl(post.url);
            // Use random dummy image if feature_image is missing
            const postImage = rewriteUrl(post.feature_image) || getRandomDummyImage();
            displayedFeaturedPostIds.push(post.id);
            const postElement = document.createElement('article');
            postElement.className = 'blog-small-featured';
            postElement.innerHTML = `
                <a href="${postUrl}">
                    <img src="${postImage}" alt="${post.title}" loading="lazy">
                </a>
                <div class="content">
                    <h3><a href="${postUrl}">${post.title}</a></h3>
                    <p class="meta">By ${post.authors?.[0]?.name || 'Unknown Author'} | ${formatDate(post.published_at)}</p>
                </div>
            `;
            smallFeaturedPosts.appendChild(postElement);
        });
    }

    let currentPage = parseInt(new URLSearchParams(window.location.search).get('page')) || 1;
    let isLoading = false;
    let hasMoreNext = true;
    let hasMorePrev = currentPage > 1;
    let lastScrollY = window.scrollY;
    const loadedPages = new Set();
    const pageCache = new Map();

    async function fetchPosts(page, direction = 'next') {
        if (isLoading || loadedPages.has(page)) {
            console.log(`Fetch skipped: page ${page} already loaded or loading in progress`);
            isLoading = false;
            return;
        }

        const cacheKey = `posts_page_${page}`;
        const cachedData = getCachedData(cacheKey);
        if (cachedData) {
            console.log(`Rendering from sessionStorage cache for page ${page}`);
            renderPosts(cachedData, direction, page);
            loadedPages.add(page);
            isLoading = false;
            return;
        }

        if (pageCache.has(page)) {
            console.log(`Rendering from in-memory cache for page ${page}`);
            renderPosts(pageCache.get(page), direction, page);
            loadedPages.add(page);
            isLoading = false;
            return;
        }

        isLoading = true;
        console.log(`Fetching page ${page}, direction: ${direction}, currentPage: ${currentPage}`);

        const postList = document.getElementById('blog-postlist');
        const pagination = document.getElementById('blog-pagination');

        try {
            const response = await fetch(`/blog/api.php?page=${page}&limit=9`);
            if (!response.ok) throw new Error(`Network response was not ok: ${response.status}`);
            const data = await response.json();
            console.log(`Fetched page ${page}:`, data);

            if (!data.posts || data.posts.length === 0) {
                console.warn(`No posts found for page ${page}`);
                postList.innerHTML = '<div class="blog-error">No posts found. Please check the CMS or API configuration.</div>';
                hasMoreNext = false;
                hasMorePrev = false;
                isLoading = false;
                return;
            }

            pageCache.set(page, data);
            setCachedData(cacheKey, data);
            renderPosts(data, direction, page);
        } catch (error) {
            console.error(`Fetch error for page ${page}:`, error);
            postList.innerHTML = `<div class="blog-error">Error loading posts: ${error.message}. Please try again later.</div>`;
            hasMoreNext = false;
            hasMorePrev = false;
        } finally {
            isLoading = false;
        }
    }

    function renderPosts(data, direction, page) {
        console.time(`Render page ${page}`);
        const postList = document.getElementById('blog-postlist');
        const pagination = document.getElementById('blog-pagination');

        const scrollBefore = direction === 'prev' ? postList.getBoundingClientRect().height : 0;
        const scrollTopBefore = window.scrollY;

        let postsHtml = '';
        data.posts
            .filter(post => !displayedFeaturedPostIds.includes(post.id))
            .forEach(post => {
                const rewrittenUrl = rewriteUrl(post.url);
                // Use random dummy image if feature_image is missing
                const postImage = rewriteUrl(post.feature_image) || getRandomDummyImage();
                postsHtml += `
                    <article class="blog-post" data-page="${page}">
                        <div class="blog-post-image">
                            <img src="${postImage}" alt="${post.title}" loading="lazy">
                            <div class="category">${post.tags?.[0]?.name || 'Uncategorized'}</div>
                            <a href="${rewrittenUrl}" class="read-more">Read More</a>
                        </div>
                        <div class="blog-post-content">
                            <h2 class="title"><a href="${rewrittenUrl}">${post.title}</a></h2>
                            <p class="meta">By ${post.authors?.[0]?.name || 'Unknown Author'} | ${formatDate(post.published_at)}</p>
                            <p>${post.excerpt}</p>
                            <a href="${rewrittenUrl}" class="learn-more">Read More</a>
                        </div>
                    </article>
                `;
            });

        const tempDiv = document.createElement('div');
        tempDiv.innerHTML = postsHtml;
        const fragment = document.createDocumentFragment();
        while (tempDiv.firstChild) {
            fragment.appendChild(tempDiv.firstChild);
        }

        requestAnimationFrame(() => {
            if (direction === 'prev') {
                postList.prepend(fragment);
            } else {
                postList.appendChild(fragment);
            }

            if (direction === 'prev') {
                const scrollAfter = postList.getBoundingClientRect().height;
                const scrollAdjustment = scrollAfter - scrollBefore;
                window.scrollTo(0, scrollTopBefore + scrollAdjustment);
                console.log(`Prepended page ${page}, adjusted scroll by ${scrollAdjustment}px, new scrollY: ${window.scrollY}`);
            }

            const { page: current, pages, next, prev } = data.meta.pagination;
            currentPage = current;
            hasMoreNext = !!next;
            hasMorePrev = !!prev && current > 1;
            pagination.innerHTML = `
                <a href="?page=${prev || 1}" class="${!prev ? 'disabled' : ''}">Previous</a>
                <a href="?page=${next || pages}" class="${!next ? 'disabled' : ''}">Next</a>
            `;
            console.log(`Pagination updated: currentPage=${current}, hasMoreNext=${hasMoreNext}, hasMorePrev=${hasMorePrev}`);

            document.querySelector('meta[name="description"]').content = `Explore North Myrtle Beach with Elliott Beach Rentals - Page ${current}`;
            document.querySelector('link[rel="canonical"]').href = `https://www.elliottbeachrentals.com/blog/?page=${current}`;
            
            document.querySelectorAll('link[rel="next"], link[rel="prev"]').forEach(link => link.remove());
            if (next) {
                const nextLink = document.createElement('link');
                nextLink.rel = 'next';
                nextLink.href = `https://www.elliottbeachrentals.com/blog/?page=${next}`;
                document.head.appendChild(nextLink);
            }
            if (prev) {
                const prevLink = document.createElement('link');
                prevLink.rel = 'prev';
                prevLink.href = `https://www.elliottbeachrentals.com/blog/?page=${prev}`;
                document.head.appendChild(prevLink);
            }

            history.pushState({}, '', `?page=${current}`);
            console.log(`Loaded page ${current}, hasMoreNext: ${hasMoreNext}, hasMorePrev: ${hasMorePrev}`);
            console.timeEnd(`Render page ${page}`);
        });
    }

    // Debounced scroll handler (only for loading next pages)
    const handleScroll = debounce(() => {
        if (isLoading) {
            console.log('Scroll event skipped: loading in progress');
            return;
        }
        const currentScrollY = window.scrollY;
        const direction = currentScrollY < lastScrollY ? 'up' : 'down';
        const windowHeight = window.innerHeight;
        const pageHeight = document.documentElement.scrollHeight;
        lastScrollY = currentScrollY;

        console.log(`Scroll: direction=${direction}, scrollY=${currentScrollY}, windowHeight=${windowHeight}, pageHeight=${pageHeight}, triggerPoint=${pageHeight - windowHeight - 2000}, currentPage=${currentPage}`);

        // Only load next page when scrolling down
        if (direction === 'down' && hasMoreNext && currentScrollY + windowHeight >= pageHeight - 2000) {
            console.log(`Triggering next page load for page ${currentPage + 1}`);
            fetchPosts(currentPage + 1, 'next');
        }
        // Do not load previous pages on scroll up
    }, 100);

    // Initial load with auto-loading
    console.log('Starting initial load for page', currentPage);
    Promise.all([
        fetchFeaturedPosts(),
        fetchPosts(currentPage, 'next')
    ]).then(() => {
        // Auto-load the next page immediately
        if (hasMoreNext) {
            console.log(`Auto-loading page ${currentPage + 1}`);
            fetchPosts(currentPage + 1, 'next').then(() => {
                // Preload one additional page for future scrolling
                if (hasMoreNext) {
                    requestIdleCallback(() => preloadPages(currentPage + 1, 1), { timeout: 2000 });
                }
            });
        }
    }).catch(err => console.error('Initial load error:', err));

    // Scroll listener for subsequent pages
    window.addEventListener('scroll', handleScroll, { passive: true });

    // Handle pagination clicks
    document.addEventListener('click', (e) => {
        if (e.target.closest('.blog-pagination a:not(.disabled)')) {
            e.preventDefault();
            const url = new URL(e.target.href);
            const newPage = parseInt(url.searchParams.get('page'));
            const direction = newPage < currentPage ? 'prev' : 'next';
            console.log(`Pagination click: loading page ${newPage}, direction: ${direction}`);
            fetchPosts(newPage, direction);
            window.scrollTo({ top: 0, behavior: 'smooth' });
        }
    });
</script>
<!-- /.columns -->
</div>
<!-- /.row -->
</section></div>

<!-- /.main-section -->

</article>
                   
              <div style="clear: both;"></div>
              <div id="footsearch">
             <div class="ourDivisions guestNet show-for-large-up">
                    	<div class="row" style="width: 50%;">
<div class="guestsections">
	    	  
	    <div class="guestcol1">
<div class=" columns text-left footer-callout">
										<a href="https://Elliott-Realty.dcatalog.com/v/2026/" target="_blank">
											<img class="guestimage" src="/images/guide-bg.jpg" style="padding: 0;">
	                                	</a>
	                                	<h5><a href="https://elliott-realty.dcatalog.com/v/2026/" target="_blank">View Our 2026 Vacation Guide</a></h5>
	                                	<p>Browse exclusive homes & condominiums in our free 2026 Vacation Guide!</p>
									</div>
	    </div>
	    <div class="guestcol2">
	       <div class=" columns text-left footer-callout">
										<a href="/rewards-card/">
											<img class="guestimage" src="/images/reward-bg.jpg">
	                                	</a>
	                                	<h5><a href="/rewards-card/">Sign Up for Our Rewards Card</a></h5>
	                                	<p>Enjoy special discounts, freebies & other savings from participating area businesses!</p>
									</div>
	    </div> 
	</div>

						</div>
             </div>      
             <div class="footer">
                <div class="row">
	                <div class="small-12 small-center columns text-center">
			                	<ul class="inline-list">
				                	<li><a href="/rental-information/">Rental Information</a></li> | 
				                	<li><a href="/pet-friendly/">Pet Friendly</a></li> | 
				                	<li><a href="/form/contact/">Contact Us</a></li> | 
				                	<li><a href="/terms-of-service/">Terms of Service</a></li> | 
				                	<li><a href="/privacy/">Privacy Policy</a></li> | 
				                	<li><a href="https://www.elliottbeachrentals.com/cookie-statement/">Cookie Statement</a></li> | 
				                	<li><a href="#" onclick="showCookiePopup()">Your Privacy Choices</a></li> | 
				                	<li><a href="/sitemap/">Site Map</a></li> | 
				                	<li><a href="/form/brochure/">Register to Win</a></li> | 
				                	<li><a href="/getting-here/">Getting Here</a></li>				                
			                	</ul>
		            </div>
                    <div class="large-12 text-center medium-12 columns small-center">
		                        <h3>Elliott Beach Rentals - Since 1959</h3>
			                        <h6>Vacation Rentals, Beach Houses & Condos<br>
				                        P.O. Box 3200 - 401 Sea Mountain Highway - North Myrtle Beach, South Carolina 29582<br>
			                        Email: <a href="/cdn-cgi/l/email-protection#0d7f6863796c617e4d686161646279797f686c617974236e6260"><span class="__cf_email__" data-cfemail="eb998e859f8a8798ab8e878782849f9f998e8a879f92c5888486">[email&#160;protected]</span></a></h6>

                    </div>
                    <div class="columns large-6 medium-6">
                            <ul class="socialIcons text-right">
									<li><a href="https://twitter.com/ElliottRealty" target="_blank"><i class="fa fa-3x fa-twitter"></i></a></li>
									<li><a href="https://www.facebook.com/elliottrealty" target="_blank"><i class="fa fa-3x fa-facebook"></i></a></li>
									<li><a href="https://instagram.com/elliottbeachrentals?igshid=YmMyMTA2M2Y=" target="_blank"><i class="fa fa-3x fa-instagram"></i></a></li>
									<li><a href="https://www.pinterest.com/elliottrentals/" target="_blank"><i class="fa fa-3x fa-pinterest"></i></a></li>
                            </ul>
                    </div>
                    <div class="columns large-6 medium-6 small-text-center medium-text-left">
			                <a class="button" href="/office-hours/">View Our Office Hours and Locations</a>
                    </div>
                    
                </div>
            </div>

                    <div class="ourDivisions logos">
                   		<div class="row">
                   			<div class="large-10 large-offset-1 medium-12 medium-offset-0 columns text-center">
                   				<span>Our Divisions</span>
                   				<ul class="od_logos small-block-grid-2 medium-block-grid-5 large-block-grid-5">
                   					<li><a href="http://www.elliottgrandvillas.com/" target="_blank"><img src="/images/od-1.png" class="od-1"></a></li>
                   					<li><a href="http://www.elliottluxuryrentals.com/" target="_blank"><img src="/images/od-2.png" class="od-2"></a></li>
                   					<li><a href="http://www.myrtle-beachgolf.com/" target="_blank"><img src="/images/od-3.png" class="od-3"></a></li>
                   					<li><a href="http://www.myrtlebeachvacationrentals.com/" target="_blank"><img src="/images/od-4.png" class="od-4"></a></li>
                   					<li><a href="http://www.elliottcoastalliving.com/" target="_blank"><img src="/images/od-5.png" class="od-5"></a></li>
                   				</ul>
							</div>
						</div>
					</div>

                    <div class="row copyright text-center">
						<div class="small-12 columns">
							<p>&copy; 1959 - 2026 Elliott Beach Rentals. All Rights Reserved.<br class="hide-for-large-up"><br>
							<img class="mt10" src="/images/trusted.png"><a href="https://vacationfinder.com" target="_blank"><img src="/images/vacationfinder.png" alt="Trusted Vacation Rental Company on Vacation Finder" style="width: 120px; margin: 7px 10px 0 10px;"></a></p>
						</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div id="exitIntent" class="reveal-modal  text-center" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
    <h2 id="modalTitle" class="callout-header">Before you go...</h2>
    <hr>
    <div class="row">
        <div class="columns large-8 large-centered">
            <h5>Join our mailing list for special offers and more!</h5>
            <form action="https://elliottbeachrentals.us19.list-manage.com/subscribe/post" name="mc-embedded-subscribe-form" id="vesignformHome2" method="post">
<input type="hidden" name="u" value="f82e2a33ddbfad1be867329e4">
<input type="hidden" name="id" value="092d4a355f">
                <div class="row collapse">
                    <div class="small-7 large-8 columns">
                        <input type="text" name="EMAIL" id="mce-EMAIL" placeholder="Your Email">
                    </div>
                    <div class="small-5 large-4 columns">
                        <input class="button postfix esignup-button" id="email-radius" type="submit" value="Sign me up"/>
                    </div>
                    <div class="small-12 columns">
                        <span id='exitIntentRes' class="error" style="display: none"></span>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>
<div id="quicksearchModal" class="reveal-modal  text-center open" data-reveal="" aria-labelledby="modalTitle" aria-hidden="false" role="dialog" tabindex="0" style="display: none; opacity: 1; visibility: visible; top: 0px;"><h2 id="modalTitle" class="callout-header">Quick Search</h2><hr><div class="row"><div class="columns large-12"> <form name="search_form" id="search_form" class="" action="/rental/results/" method="post" onsubmit="">
<div class="row">
<div class="small-12 columns text-center">
<h3>Choose From The Best Selection In The North Myrtle Beach Area</h3>
</div>
</div>
<section class="quick-search">
<div class="row">
<div class="large-2 medium-4 small-6 columns dateContainer">
<span>Arrival</span>
<span data-tooltip="" aria-haspopup="true" class="has-tip" data-selector="tooltip-l6onao4e1" aria-describedby="tooltip-l6onao4e1" title=""><i class="fa fa-question-circle"></i></span>
<input name="Arrival" type="text" class="box-shadow query-datepicker" placeholder="MM/DD/YYYY" value="" id="Arrivalqs" readonly="readonly" data-date-enddate="2027-09-22">
</div>
<div class="large-2 medium-4 small-6 columns dateContainer">
<span>Departure</span>
<input name="Depart" type="text" class="box-shadow query-datepicker" placeholder="MM/DD/YYYY" value="" id="Departqs" readonly="readonly" data-date-enddate="2027-09-24">
</div>




                    <div class="columns large-2  medium-4 noOfGuest">
                        <span>Bedrooms</span>
                        <div class="input-stepper">
                            <input type="text" class="stepper-field" name="bedroom" value="" min="" max="" id="bedroomqs" pattern="[0-9]*">
                            <div class="stepper-button-wrap">
                                <button data-input-stepper-decrease="" class="step-down is-disabled" disabled="disabled">-</button>
                                <button data-input-stepper-increase="" class="step-up">+</button>
                            </div>
                        </div>
                    </div>








                    <div class="columns large-2 small-12 medium-4 ">
                        <span><small class="required">Choose House or Condo</small></span>
                        <select name="type" id="typeqs" required="">
                                <option value=""></option>
                                <option value="Condo" >Condo</option>
                                <option value="House" >House</option>
                        </select>
                    </div>






                    <div class="columns large-2 medium-4">
                        <span> Location</span>
                        <select name="location[]" id="locationqs" data-placeholder="No Preference">
                                <option value="All"></option>
                                <option value="Ocean Front">Ocean Front</option>
                                <option value="2nd Row">2nd Row</option>
                                <option value="3rd Row & Back">3rd Row & Back</option>
                                <option value="Channel">Channel</option>
                        </select>
                    </div>
<div class="large-2 medium-4 columns">
<input class="button radius secondary expand box-shadow light-text-shadow quick-search-button" type="submit" id="searchnow" name="searchnow" value="Find My Rental!">
</div>
</div>
<input type="hidden" name="MinDayOut" id="MinDayOut" value="2">
<input type="hidden" name="Limit" id="Limit" value="6">
</section>
</form>
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript">
        <!--
        $(document).ready(function () {
            $(document).foundation('abide', 'reflow');
            window.onpagehide = function () {
                $('.loaderBg').hide();
            };
            $('form#qssearch_form').on('submit', function (e) {
                $('.loaderBg').show();
            });
            VdsDatePicker("Arrivalqs", "Departqs");
            $(".chosen-select").chosen({width: "100%", no_results_text: "Oops, nothing found!"});
            $('.input-stepper').inputStepper();
        });
        -->
    </script>
</div></div><a onclick="quicksearchboxclose()" class="close-quicksearch" aria-label="Close">×</a></div>




<div id="affordablesearch" class="reveal-modal small open" data-reveal="" aria-hidden="false" style="display: none; opacity: 1; visibility: visible; top: 100px;" tabindex="0"><h2>Affordable Search</h2><div data-content=""> <form name="search_form" id="search_form" class="" action="/rental/results/" method="post" onsubmit="" data-abide="" novalidate="novalidate">
<section class="affordable-search">
<div class="row">
<div class="large-12 columns dateContainer">
<span>Arrival</span>
<input name="Arrival" type="text" class="box-shadow query-datepicker" placeholder="MM/DD/YYYY" value="" id="Arrivalqs" readonly="readonly" data-date-enddate="2027-09-22">
<small class="error">Please enter Arrival.</small>
</div>
</div>
<div class="row">
<div class="large-12 columns dateContainer">
<span>Departure</span>
<input name="Depart" type="text" class="box-shadow query-datepicker" placeholder="MM/DD/YYYY" value="" id="Departqs" readonly="readonly" data-date-enddate="2027-09-24">
<small class="error">Please enter Departure.</small>
</div>
</div>
<div class="row">
<div class="columns large-12">
<span>Type <small class="required">Choose House or Condo</small></span>
                        <select name="type" id="typeqs" required="">
                                <option value=""></option>
                                <option value="Condo" >Condo</option>
                                <option value="House" >House</option>
                        </select>
<small class="error">Please select a Type.</small>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<input class="button radius secondary expand box-shadow light-text-shadow quick-search-button" type="submit" id="searchnow" name="searchnow" value="Find My Rental!">
</div>
</div>
</section>
</form>
<script type="text/javascript">
        <!--
        $(document).ready(function () {
            $(document).foundation('abide', 'reflow');
            $(window).unload(function () {
                $('.loaderBg').hide();
            });
            $('form#search_form').on('valid.fndtn.abide', function () {
                $(document).foundation('reveal', 'close');
                $('.loaderBg').show();
            });
            VdsDatePicker("ArrivalModal","DepartModal");
            $(".chosen-select").chosen({width: "100%", no_results_text: "Oops, nothing found!"});
            $('.input-stepper').inputStepper();
        });
        -->
    </script>
</div><a onclick="affordablesearchboxclose()" class="close-affsearch" aria-label="Close">×</a></div> 








<div id="phoneModal" class="reveal-modal  text-center" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
    <h2 id="modalTitle" class="callout-header">Call Us</h2>
    <hr>
    <div class="row">
        <div class="columns large-12">
	        <h3 style="margin-bottom:1rem;">Toll Free: <a href="tel:8886697853">888-669-7853</a></h3>
	        <h3>Reservations:</h3>
	        <p>Open 7 days a Week<br>
		        8:30 a.m. til 10:00 p.m.</p>
	        <a class="button small" href="office-hours/">View Our Office Hours & Locations</a>
        </div>
    </div>
    <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>

<div id="ajaxModal" class="reveal-modal" data-reveal>
    <a class="close-reveal-modal">&#215;</a>
</div>
<div class='loaderBg' style="display: none;">
    <div class='loaderContent'>
        <img class='loadingImg' src='https://www.elliottbeachrentals.com/elliottimages/ajax-loaderBG.gif' alt='Loading...'>
    </div>
</div>
</div>
<a href="#" class="back-to-top">Back to Top</a>
<style>

.cookie-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.cookie-content {
    background-color: #ffffff;
    padding: 24px;
    border-radius: 12px;
    max-width: 640px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.cookie-content h2 {
    margin: 0 0 16px;
    font-size: 28px;
    font-weight: 600;
    color: #1a1a1a;
}

.cookie-content p {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.6;
    color: #4a4a4a;
}

.cookie-content a {
    color: #007bff;
    text-decoration: none;
}

.cookie-content a:hover {
    text-decoration: underline;
}

.cookie-options {
    margin-bottom: 20px;
}

.cookie-option {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 16px;
    color: #1a1a1a;
}

.cookie-option input[type="radio"] {
    margin-right: 12px;
    width: 20px;
    height: 20px;
    accent-color: #007bff;
}

.cookie-buttons {
    display: flex;
    justify-content: flex-end;
}

.cookie-buttons button {
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    background-color: #007bff;
    color: #ffffff;
    transition: background-color 0.2s;
}

.cookie-buttons button:hover {
    background-color: #0056b3;
}

@media (max-width: 640px) {
    .cookie-content {
        padding: 16px;
        width: 95%;
    }

    .cookie-content h2 {
        font-size: 24px;
    }

    .cookie-content p {
        font-size: 14px;
    }

    .cookie-buttons button {
        width: 100%;
        padding: 12px;
    }
}
</style>

    <!-- Cookie Pop-Up Modal -->
    <div id="cookiePopup" class="cookie-popup">
        <div class="cookie-content">
            <h2>Cookie Preferences</h2>
            <p>We use cookies and other tracking technologies to enhance your browsing experience, analyze site traffic, and generate leads to provide a more personalized experience. For more details, see our <a href="https://www.elliottbeachrentals.com/privacy/" target="_blank">Privacy Policy</a>. You can opt-out of cookies that are not required for basic site functionality.</p>
            <div class="cookie-options">
                <label class="cookie-option">
                    <input type="radio" name="cookieChoice" value="all" checked>
                    Accept all cookies
                </label>
                <label class="cookie-option">
                    <input type="radio" name="cookieChoice" value="necessary">
                    Strictly necessary cookies
                </label>
            </div>
            <div class="cookie-buttons">
                <button onclick="saveCookiePreferences()">Save</button>
            </div>
        </div>
    </div>
    <script>
// Function to set a cookie
function setCookie(name, value, days) {
    let expires = "";
    if (days) {
        const date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "") + expires + "; path=/";
}

// Function to get a cookie
function getCookie(name) {
    const nameEQ = name + "=";
    const ca = document.cookie.split(';');
    for (let i = 0; i < ca.length; i++) {
        let c = ca[i];
        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}

// Show the cookie pop-up
function showCookiePopup() {
    document.getElementById("cookiePopup").style.display = "flex";
}

// Hide the cookie pop-up
function hideCookiePopup() {
    document.getElementById("cookiePopup").style.display = "none";
}

// Save cookie preferences based on radio selection
function saveCookiePreferences() {
    const selectedOption = document.querySelector('input[name="cookieChoice"]:checked').value;
    let preferences;
    if (selectedOption === "all") {
        preferences = {
            necessary: true,
            functional: true,
            performance: true,
            marketing: true
        };
    } else {
        preferences = {
            necessary: true,
            functional: false,
            performance: false,
            marketing: false
        };
    }
    setCookie("cookiePreferences", JSON.stringify(preferences), 365);
    hideCookiePopup();
}

// Load saved preferences on page load
document.addEventListener("DOMContentLoaded", function() {
    const preferences = getCookie("cookiePreferences");
    if (preferences) {
        const parsed = JSON.parse(preferences);
        if (parsed.functional || parsed.performance || parsed.marketing) {
            document.querySelector('input[value="all"]').checked = true;
        } else {
            document.querySelector('input[value="necessary"]').checked = true;
        }
    }
});
    </script><script type="text/javascript" src="/js/modernizr.js"></script>
<script type="text/javascript" src="/js/foundation.min.js"></script>
<script type="text/javascript" src="/js/jscripts.jquery.js"></script>
<script src="https://code.jquery.com/jquery-migrate-3.4.1.min.js"></script>
<script type="text/javascript" src="/js/gga.js"></script>
<script type="text/javascript" src="/js/nouislider.js"></script>
<script type="text/javascript" src="/js/chosen.jquery.js"></script>
<script type="text/javascript" src="/js/slick.min.js"></script>
<script type="text/javascript" src="/js/jquery.hc-sticky.js"></script>
<script type="text/javascript" src="/js/vdsMultiView.jquery.js"></script>
<script type="text/javascript" src="/js/foundation-datepicker.js"></script>
<script type="text/javascript" src="/js/jquery-ui.js"></script>
<script type="text/javascript" src="/js/jquery.input-stepper.js"></script>
<script type="text/javascript" src="/js/vdsCal.jquery.js"></script>
<script type="text/javascript" src="/js/googlemaps.jquery.js"></script>
<script type="text/javascript" src="/js/jcookies.js"></script>
<script type="text/javascript" src="/js/footable.min.js"></script>
<script type="text/javascript" src="/js/ga_functions.js"></script>
<script type="text/javascript" src="/js/exitintent.jquery.js"></script>

<script type="text/javascript" src="/js/app.js"></script>

<script>
function quicksearchbox() {
 quicksearchModal.style.display = "Block";
}
</script>
<script>
function quicksearchboxclose() {
 quicksearchModal.style.display = "none";
}
</script>
<script>
function affordablesearchbox() {
 affordablesearch.style.display = "Block";
}
</script>
<script>
function affordablesearchboxclose() {
 affordablesearch.style.display = "none";
}
</script>

</body>
</html>