MomokoSanchez

<div class="availabilityInfo">
  <span class="availability-header">Availability:</span>
  <span id="prod_availability" class="product_availability availability-item">Out of Stock.</span>
  <--! new code for adding availability link: -->
  <span>
    <a href="https://www.hanover-products.com/-in-stock-outdoor-furniture.html" style="color: #195f2d; font-weight: bold;">
        Shop all in-stock items!
    </a>
  </span>
  <!-- end new code for availability link -->

MomokoSanchez

<!-- old version: -->
<!-- to find this in the code, search for: "design-layer-editable" -->
<div class="design-layer-editable" style="opacity:1;border-style:undefined;padding:0px;border-radius:1px;box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);border-width:0px;border-color:rgba(255,255,255,1);background-image:-moz-linear-gradient(top, rgba(84,85,82,1), rgba(55,58,54,1));background-image:linear-gradient(to top, rgba(84,85,82,1), rgba(55,58,54,1));background-image:-webkit-linear-gradient(top, rgba(84,85,82,1), rgba(55,58,54,1));background-image:-ms-linear-gradient(top, rgba(84,85,82,1), rgba(55,58,54,1));background-image:-o-linear-gradient(top, rgba(84,85,82,1), rgba(55,58,54,1));filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff545552', endColorstr='#ff373a36');background-repeat:no-repeat;background-position:center center;background-size: 100% 100%;" data-position="9" data-opacity="1" data-direction="to top" data-overlay_opacity="1" data-push="push" data-effect="none" data

MomokoSanchez

@media screen and (max-width: 767px) {
  .h-pre-assembled .container {
    height : 100%;
    background : rgba(72, 45, 29, 0.55);
    align-items : center;
  }

  .h-pre-assembled .button {
    border : 2px solid rgb(173, 128, 102);
    color : rgb(173, 128, 102);

MomokoSanchez

@media screen and (max-width: 767px) {
  .heroCarousel-slide .heroCarousel-image-wrapper {
    max-height : 70vh;
    height : 70vh;
    position : absolute;
    z-index : -2;
  }

  .heroCarousel-slide .heroCarousel-image-wrapper img {
    max-height : 70vh;

MomokoSanchez

//Performance - caches a jQuery object containing the header element
var header = $(".yourHeaderClass");
//  use prevScroll value to determine scroll direction
var prevScroll = $(window).scrollTop();

$(window).scroll(function() {
    var scroll = $(window).scrollTop();

    // Add class after scrolling 300px from top, remove class when scrolling up
    // Remove (scroll > prevScroll) to hide nav both on scroll Up and scroll down

MomokoSanchez

nav {
	// depends on nav implementation - eg "top: 0" will work if positioned absolute
	margin-top: 0;
	transition: margin-top 1s ease-in;
}

nav.hideNav {
	// adjust depending on nav height
	margin-top: -80px;
	transition: margin-top 1s ease-in;

MomokoSanchez

var header = document.getElementsByClassName("yourHeaderClass")[0];
// Use prevScroll value to determine scroll direction
var prevScroll = window.pageYOffset;

window.onscroll = function() {
	var scroll = window.pageYOffset;
	// Add class after scrolling 300px from top, remove class when scrolling up
	// Remove (scroll > prevScroll) to hide nav both on scroll Up and scroll down
  	if ((scroll > 300 ) && (scroll > prevScroll)) {
		header.classList.add("hideNav");

MomokoSanchez

.hs-form input {
	background-color: #f5f8fa;
	box-sizing: border-box;
    padding: 0 15px;
    min-height: 27px;
    width: 100%;
	display: inline-block;

    height: 40px;
    padding: 9px 10px;

MomokoSanchez

h4.text-uppercase {
  display : none;
}

div.agency-sign-up>div>div:nth-of-type(1)>h1 {
  color : #3a0ca3;
  font-size : 70px;
  margin : 30px 0px 10px;
}

MomokoSanchez

<script> 
	window.dataLayer = window.dataLayer || []; 
</script>
	
<script>
	window.onload = function () {
		var navItems = document.getElementsByClassName("elementor-item");

		for(var i = 0; i< navItems.length; i++) {
			navItems[i].addEventListener("click", navClickTracking);