/* PTC Ensure there is no visibility of top menu on loading until all the JS elements are loaded */
.no-js .top-bar .top-bar-left .title-bar .vertical .medium-horizontal .menu .expanded .float-center {  display: none;}
/* Color Scheme for Hammock Oaks Reserve - Primary Green: #046A38, Secondary Brown and Hyperlink: #7D622E, Hyperlink Hover Green: #046A38, Visited: #7D622E, Current: #D3A54E */
/* Primary font for Headlines: H1:acumin-variable, H2:gabriola, P:gadugi */
/* RESET paramaters */

td { margin:0 20px;padding: 0; font-size: 15px;font-weight:lighter;text-align:left;line-height:normal;}
th { margin: 0; padding: 0; }
blockquote { margin: 0; padding: 0; }
textarea { margin: 0; padding: 0; }
input { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
pre { margin: 0; padding: 0; }
h6 { margin: 0; padding: 0; }
h5 { margin: 0; padding: 0; }
dd { margin: 0; padding: 0; }
dt { margin: 0; padding: 0; }
dl { margin: 0; padding: 0; }
div { margin: 0; padding: 0; }
body { margin: 0; padding: 0;}
html { margin: 0; padding: 0; }
acronym { border: 0; }
abbr { border: 0; }
img { border: 0; }
fieldset { border: 0; }
table { border-collapse: collapse; border-spacing: 0;font-size: 15px;font-weight:lighter;text-align:left;margin:0 20px;line-height:normal;}
html {	font-size: 100%; }
/* END RESET! */

#secondpagecopy {color:#046A38;text-align:center;padding:0;margin:0;width:100%;}
	#secondpagecopy a {  color:#7D622E; text-decoration:none; font-weight:bold;font-size:1.1em;}
	#secondpagecopy a:link {  color:#7D622E; text-decoration:none; font-weight:bold;font-size:1.1em;}
	#secondpagecopy a:visited { color:#7D622E;} /* visited can only alter color */
	#secondpagecopy a:hover { color:#046A38; text-decoration:none; font-weight:bold;font-size:1.1em;}
	#secondpagecopy a:active { color:#046A38; text-decoration:none; font-weight:bold;font-size:1.1em;}	
.secondpagecopy {color:#046A38;text-align:center;padding:0;margin:0;width:100%;}
    h7 {color:#046A38;font-size: 1.75em;font-weight:bold;text-align:left;font-family: serif;;padding:0;margin:0;}
    .secondpagecopy a {  color:#7D622E; text-decoration:none; font-weight:bold;font-size:1.1em;}
	.secondpagecopy a:link {  color:#7D622E; text-decoration:none; font-weight:bold;font-size:1.1em;}
	.secondpagecopy a:visited { color:#7D622E;} /* visited can only alter color */
	.secondpagecopy a:hover { color:#046A38; text-decoration:none; font-weight:bold;font-size:1.1em;}
	.secondpagecopy a:active { color:#046A38; text-decoration:none; font-weight:bold;font-size:1.1em;}	
	
.footersection {position:relative;width:100%;line-height:1em;text-align:center;font-size:1rem;}
	.footersection p { font-size:1rem;color:#046A38;text-align:center;}
	.footersection a { font-size:1rem;color:#7D622E;text-decoration:none;font-weight:bold;}
	.footersection a:link { font-size:1rem;color:#7D622E;text-decoration:none;font-weight:bold;}
	.footersection a:visited { font-size:1rem;color:#7D622E;text-decoration:none;font-weight:bold;}
	.footersection a:hover { font-size:1rem;color:#046A38;text-decoration:none;font-weight:bold;}
	.footersection a:active { font-size:1rem;color:#046A38;text-decoration:none;font-weight:bold;}
	
    .footersection1 {position:relative;width:100%;line-height:1em;text-align:center;font-size:.5rem;}
	.footersection1 p { font-size:.5rem;color:#046A38;text-align:center;}
	.footersection1 a { font-size:.5rem;color:#7D622E;text-decoration:none;font-weight:bold;}
	.footersection1 a:link { font-size:.5rem;color:#7D622E;text-decoration:none;font-weight:bold;}
	.footersection1 a:visited { font-size:1rem;color:#7D622E;text-decoration:none;font-weight:bold;}
	.footersection1 a:hover { font-size:1rem;color:#046A38;text-decoration:none;font-weight:bold;}
	.footersection1 a:active { font-size:1rem;color:#046A38;text-decoration:none;font-weight:bold;}

#footer-wrapper { height:auto; margin:0 auto; padding:5px 0; position:relative;text-align:center;font-size:2rem;font-weight:bold;}

.menufirstlevel {color:#046A38; text-decoration:none; font-weight:bold;font-size:1.1em;}
	.menufirstlevel p { font-size:1rem;color:#046A38;text-align:center;}
	.menufirstlevel a { font-size:1rem;color:#7D622E;text-decoration:none;font-weight:bold;}
	.menufirstlevel a:link { font-size:1rem;color:#7D622E;text-decoration:none;font-weight:bold;}
	.menufirstlevel a:visited { font-size:1rem;color:#7D622E;text-decoration:none;font-weight:bold;}
	.menufirstlevel a:hover { font-size:1rem;color:#7D622E;text-decoration:none;font-weight:bold;}
	.menufirstlevel a:active { font-size:1rem;color:#046A38;text-decoration:none;font-weight:bold;}
	.menufirstlevel li {color:#046A38;font-size: 1rem;font-weight:bold;line-height:normal;text-align:left;margin:0;padding:0;}

.footermenufirstlevel {color:#046A38; text-decoration:none; font-weight:bold;font-size:1rem;}
	.footermenufirstlevel p { font-size:1rem;color:#046A38;text-align:center;line-height:1rem;}
	.footermenufirstlevel a { font-size:1rem;color:#046A38;text-decoration:none;font-weight:bold;}
	.footermenufirstlevel a:link { font-size:1rem;color:#046A38;text-decoration:none;font-weight:bold;}
	.footermenufirstlevel a:visited { font-size:1rem;color:#046A38;text-decoration:none;font-weight:bold;}
	.footermenufirstlevel a:hover { font-size:1rem;color:#7D622E;text-decoration:none;font-weight:bold;}
	.footermenufirstlevel a:active { font-size:1rem;color:#7D622E;text-decoration:none;font-weight:bold;}
	
/* Added for handling the YouTube Video and how it sits and plays */
.yt-container {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}
.yt-container iframe, .yt-container object, .yt-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/* Hiding the dropdown menus until the page is loaded using the hide-on-load hack script - look in Footer page for rest of code */
.hide-on-load{
  display:none;
}
.hideme{
  display:none;
  visibility: hidden;
}
/* Dropdown Button Top */
.dropbtnTop {
  background-color: white;
  padding: 16px 0;
  border: none;
  cursor: pointer;
  font-size:1rem;color:#046A38;text-decoration:none;font-weight:bold;
}

/* Dropdown button Top on hover & focus */
.dropbtnTop:hover, .dropbtnTop:focus {
    color:#046A38;
}
/* Dropdown Button Top */
.dropbtnTop2 {
  background-color: white;
  padding: 16px 0;
  border: none;
  cursor: pointer;
  font-size:1rem;color:#046A38;text-decoration:none;font-weight:bold;
}

/* Dropdown button Top on hover & focus */
.dropbtnTop2:hover, .dropbtnTop:focus {
  color:#046A38;
}

/* Dropdown Button Top */
.dropbtnAmenities {
  background-color: white;
  padding: 16px 0;
  border: none;
  cursor: pointer;
  font-size:1rem;color:#046A38;text-decoration:none;font-weight:bold;
}

/* Dropdown button Top on hover & focus */
.dropbtnAmenities:hover, .dropbtnAmenities:focus {
  color:#046A38;
}
/* Dropdown Button Top */
.dropbtnAmenities2 {
  background-color: white;
  padding: 16px 0;
  border: none;
  cursor: pointer;
  font-size:1rem;color:#046A38;text-decoration:none;font-weight:bold;
}

/* Dropdown button Top on hover & focus */
.dropbtnAmenities2:hover, .dropbtnAmenities:focus {
  color:#046A38;
}

/* Dropdown Button */
.dropbtn {
  background-color: white;
  padding: 16px 0;
  font-size: 16px;
  border: none;
  cursor: pointer;
  font-size:1rem;color:#046A38;text-decoration:none;font-weight:bold;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  color:#046A38;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-contentTop {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000;
}

/* Links inside the dropdown */
.dropdown-contentTop a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-contentTop2 {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000;
}

/* Links inside the dropdown */
.dropdown-contentTop2 a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-contentAmenities {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000;
}

/* Links inside the dropdown */
.dropdown-contentAmenities a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}


/* Dropdown Content (Hidden by Default) */
.dropdown-contentAmenities2 {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000;
}

/* Links inside the dropdown */
.dropdown-contentAmenities2 a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-contentAmenitiesFooter {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000;
}

/* Links inside the dropdown */
.dropdown-contentAmenitiesFooter a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-contentTop a:hover {background-color: #ddd}
/* Change color of dropdown links on hover */
.dropdown-contentTop2 a:hover {background-color: #ddd}

/* Change color of dropdown links on hover */
.dropdown-contentAmenities a:hover {background-color: #ddd}
/* Change color of dropdown links on hover */
.dropdown-contentAmenities2 a:hover {background-color: #ddd}

/* Change color of dropdown links on hover */
.dropdown-contentAmenitiesFooter a:hover {background-color: #ddd}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


/* Style for Available Homes */
.abutton {font-weight:600;font-size:1.15rem;}
    /* unvisited link */
.abutton:link {
  color: #FF0000;
}

/* visited link */
.abutton:visited {
  color: #00FF00;
}

/* mouse over link */
.abutton:hover {
  color: #A7784B;
}

/* selected link */
.abutton:active {
  color: #0000FF;
}


/* BUTTONS AND OTHER STUFF FOR THE WEBSITE */

/* CSS */
.button-68 {
  appearance: none;
  backface-visibility: hidden;
  background-color: #046A38;
  border-radius: 8px;
  border-style: none;
  box-shadow: rgba(39, 174, 96, .15) 0 4px 9px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: Inter,-apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.5;
  outline: none;
  overflow: hidden;
  padding: 13px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transform: translate3d(0, 0, 0);
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: top;
  white-space: nowrap;
}

.button-68:hover {
  background-color: #7D622E;
  opacity: 1;
  transform: translateY(0);
  transition-duration: .35s;
}

.button-68:active {
  transform: translateY(2px);
  transition-duration: .35s;
}

.button-68:hover {
  box-shadow: rgba(39, 174, 96, .2) 0 6px 12px;
}