div.bg1
{
background-image:url('./mimages/back1.jpg');
background-attachment:scroll; 
}

div.bg2
{
background-image:url('./mimages/back2.jpg');
}

div.bg3
{
background-image:url('./mimages/back3.jpg');
}

div.bg4
{
background-image:url('./mimages/back4.jpg');
}

div.bg5
{
background-image:url('./mimages/back5.jpg');
}

div.bg6
{
background-image:url('./mimages/back6.jpg');
}

div.bg7
{
background-image:url('./mimages/back7.jpg');
}

div.header-layout
{ 
min-width:300px;
height:100px;
background-color: #144734;
color: white;
}

@media print
{ /* make sure the above doesn't bug and print the header on every page */
  div.header-layout
  { 
    position:relative;
  }
}

img.ranchname
{
max-height:90px;
}

img.adventure
{
width:94px;
max-width:30%;
top:5px;
left:10px;
}

div.quicklinks
{
width:auto;
right:15px;
top:5px;
line-height:100%;
}

div.qlink
{
margin:5px;
width:auto;
}

div.bookbtn
{
position:absolute;
right:65px;
top:45px;
box-shadow:0px 0px 4px 1px #5b6770;
background-color: #f5e2a4;
}

a.book
{
padding:5px;
}

a.mno-grow:hover
{
font-size:1em;
}

.nomobile
{
display:none;
}

.yesmobile
{
display:inline;
}

div.mobilemenu
{
margin:0px;
padding:15px 5px;
display:block;
position:absolute;
right:15px;
top:40px;
background:#f5e2a4;
color: #144734;
font-size:0.8em;
font-weight:bold;
text-transform:uppercase;
text-align:center;
text-indent:0em;
box-shadow: -2px -2px 3px 0px rgba(0,0,0,0.75);
cursor:pointer;
}

div.headspacer
{
height:100px;
}

a.no-style:hover
{
font-size:1em;
}

/*
a.subnav
{
font-size:0.9em;
color:#f8f7f3;
font-weight:bold;
text-decoration:none;
cursor:pointer;
}

a.subnav:hover
{
font-size:0.9em;
text-decoration:none;
}

a.subnavb
{
margin-left:20px;
color:#144734;
font-weight:bold;
text-decoration:none;
position:relative;
top:4px;
cursor:pointer;
}

a.subnavb:hover
{
margin-left:20px;
color:#144734;
text-decoration:underline;
}
*/
a.applink:hover
{
font-size:1.1em;
}


div.navbar
{
display:none;
}

div.subnavbar
{
width:50%;
margin-left: 25%;
border:none;
top:100px;
left:0px;
text-align:center;
background-color:transparent; 
display:none;
z-index:6;
}

div.mobilesubnav
{
  padding: 8px;
  position: relative;
  top: -1px;
  background: #144734;
  font-weight: bold;
  border-bottom: 1px solid #000000;
}

span.mmsub
{
font-size:1.6em;
font-weight:bold;
position:relative;
top:-8px;
float:right;
right:15px;
cursor:pointer;
color: #f8f7f3;
}

span.bmmsub
{
font-size:1.6em;
font-weight:bold;
position:relative;
cursor:pointer;
color: #f8f7f3;
}

span.feather
{
max-width:640px;
max-height:350px;
}

span.feather:after
{
box-shadow: inset 0 0 30px 20px;
}

.homeh3
{
  line-height: 1em;
  padding-top: 5px;
}

img.largepic
{
max-width:640px;
}

div.home-flex
{
  width: 65%;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  gap: 5px;
}

a.home-btn
{
background-color: #144734;
color: #f8f7f3;
text-decoration: none;
}

a.home-btn:hover
{
background-color: #5b6770;
color: #f8f7f3;
}

div.menu-pic-layout
{
min-width:270px;
}

div.sub-menu
{
display:block;
}

div.sub-row
{
display:block;
}

div.sub-rowspacer
{
display:none;
}

div.sub-spacera
{
display:none;
}

div.sub-spacerb
{
display:none;
}

div.sub-item
{
display:block;
width:100%;
padding-top:10px;
padding-bottom:10px;
}

p.large
{
font-size:1.25em;
}

div.footer
{
min-width:270px;
background-color: #5b6770;
color: #f8f7f3;
}

div.footertable
{
width:100%;
display:block;
margin-bottom:0px;
}

div.footerrow
{
display:block;
}

div.footercell
{
width:100%;
display:block;
margin-bottom:15px;
}

div.content-layout
{
min-width:270px;
}

div.content-flex
{
  width: 50%;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  gap: 5px;
}

div.menu
{/* not sure where the name came from, but currently main graphics wrapped in this */
min-width:270px;
}

div.text-content
{
width:100%;
min-width:270px;
box-shadow:none;
}

/* !!! menus fully functional only edit from here below for content !!! */

div.content-title
{
margin-bottom:15px;
min-width:270px;
}

div.map-layout
{
display:none;
}

div.content
{
min-width:270px;
padding:0px 20px;
}

div.offset
{ /* adjust content to fit nicely inside the transparency box */
padding-left:10px;
padding-right:10px;
top:0px;
}

h1
{ /* Basic heading set to normal line height for short colomns */
line-height:normal;
font-size:0.9em;
}

h2
{ /* Basic centered heading larger and bold but no special style less space around*/
line-height:normal;
top:5px;
}

h3
{ /* Basic centered heading stackable */
font-size:1.25em;
line-height:1.25em;
}

h4
{ /* Basic centered heading much larger and bold but no special less space around */
font-size:1.50em;
}

div.answerdiv
{
margin-left:0px;
margin-right:0px;
left:0px;
}

div.forcol
{ /* divider for columns when not in mobile view */
width:100%;
max-width:none;
min-width:250px;
}

div.col1
{
border:4px solid #144734;
width:90%;
position:relative;
margin-left:auto;
margin-right:auto;
min-width:245px;
float:none;
}

div.col2
{
width:90%;
position:relative;
margin-left:auto;
margin-right:auto;
min-width:245px;
float:none;
}

div.rightcallout
{
width:72%;
min-width:196px;
right:-36px;
}

div.leftcallout
{
width:72%;
min-width:196px;
left:36px;
}

img.vidthumb
{
max-width:95%;
}

input.button
{
margin-top:10px;
margin-bottom:5px;
}

div.threecol
{ /* stackable columns */
width:100%;
min-width:250px;
position:relative;
top:-5px;
}

li.listlink
{ /* spread lists out for when linked for easier tapping */
margin:10px 0px;
}

img.mixedthumb
{
display:none;
}

div.popup
{
display:none;
}

img.popupimg
{
display:none;
}

div.popuptitle
{
display:none;
}

div.foodmenu
{
width:100%;
display:block;
}

div.menurow
{
width:100%;
display:block;
margin-bottom:15px;
}

div.meal
{
display:block;
}

div.mealdesc
{
width:80%;
margin-left:20px;
display:block;
}

img.floorplan
{
width:100%;
}

div.forformcol
{
min-width:230px;
}

div.forformrow
{
width:100%;
display:block;
margin-bottom:10px;
}

div.formcol1
{
padding-right:0px;
width:100%;
min-width:230px;
display:block;
}

div.formcol2
{
padding-left:0px;
width:100%;
min-width:230px;
display:block;
}

label.required
{
width:90%;
float:none;
text-align:left;
margin-left:10px;
}

label.optional
{
width:90%;
float:none;
text-align:left;
margin-left:10px;
}

input.textline
{
width:90%;
margin-left:25px;
margin-top:3px;
margin-bottom:13px;
}

select.selectline
{
width:90%;
margin-left:25px;
margin-top:3px;
margin-bottom:13px;
}

div.eitheror
{
width:100%;
min-width:230px;
float:none;
text-align:center;
}

textarea.fullbox
{
width:100%;
min-width:230px;
}

textarea.halfbox
{
width:100%;
min-width:230px;
}

div.centerbutton
{
text-align:center;
padding-top:5px;
padding-bottom:10px;
}

div.listinstructions
{
width:100%;
float:none;
position:relative;
top:0px;
}

div.samplelist
{
width:100%;
}

div.surveycol
{
width:100%;
padding-bottom:0px;
display:block;
}

div.surveytwocol
{
width:100%;
padding-bottom:0px;
display:block;
}

li.scaleitem
{
display:list-item;
}

li.scaleitemh
{
display:list-item;
}

div.forcalccols
{
width:100%;
display:block;
}

div.forcalcrows1
{
width:50%;
display:block;
float:left;
text-align:right;
}

div.forcalcrows2
{
width:50%;
display:block;
float:right;
}

div.forcalcrows3
{
width:50%;
display:block;
float:left;
text-align:right;
}

div.calccell
{
display:block;
line-height:30px;
}

div.calccellnull
{
display:none;
}

p.treeset
{
text-indent:-20px;
}

img.activitymap
{
display:none;
}

div.thumbpic
{
display:none;
}

div.navimg
{
padding:2px;
width:20px;
}

div.largepic
{
width:100%;
flex:1;
}

img.smallmobile
{
width:100%;
}

div.cellpcenter
{
display:block;
}

.flex-nomobile
{
display: block;
}

.leftwrap
{
margin-right:auto;
margin-left:auto;
margin-bottom:15px;
width:75%;
float:none;
}

.rightwrap
{
margin-right:auto;
margin-left:auto;
margin-bottom:15px;
width:75%;
float:none;
}

.mobilecenter
{
text-align:center;
}

img.halfsizeimg
{
width:80%;
height:auto;
}

p.front-look
{
line-height:20px;
margin-bottom:15px;
}

/* Updated color scheme */
body {
  background-color: #f8f7f3;
  color: #000000;
}

a {
  color: #5b6770;
  text-decoration: none;
}

a:hover {
  color: #144734;
}

div.header-layout {
  background-color: #144734;
  color: white;
}

div.mobilemenu {
  background-color: #f5e2a4;
  color: #144734;
}

div.bookbtn {
  box-shadow: 0px 0px 4px 1px #5b6770;
  background-color: #f5e2a4;
}

div.footer {
  background-color: #5b6770;
  color: #f8f7f3;
}