:root
{
    --hhwhite:   #FFFDF0;
    --hhrain:    #86B9B0;
    --hhstorm:   #54797a;
    --hhleaf:    #668c42;
    --hhgreen:   #77b240;
    --hhmint:    #99c36f;
    --hhcream:   #FFF9AF;
    --hhyellow:  #FFF687;
    --hhgold:    #d1a469;
    --hhbronze:  #ab6d4e;
    --hhcocoa:   #8b5a54;
    --hh-hr-width: 95px;
}

xxx:root
{
    --hhwhite:   #FFFDF0;
    --hhrain:    #86B9B0;
    --hhstorm:   #54797a;
    --hhleaf:    #6a994eff;
    --hhgreen:   #77b240;
    --hhmint:    #99c36f;
    --hhcream:   #FFF9AF;
    --hhyellow:  #FFF687;
    --hhgold:    #d1a469;
    --hhbronze:  #bc4749ff;
    --hhcocoa:   #8b5a54;
    --hh-hr-width: 95px;
}

.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover
{
  background-color: white !important;
}


a:focus, button:focus
{
    background: hsl(188, 33%, 66%) !important;
    border: 1px solid white !important;
}

:store
{
    --hunter-green: #386641ff;
    --asparagus: #6a994eff;
    --yellow-green: #a7c957ff;
    --parchment: #f2e8cfff;
    --bittersweet-shimmer: #bc4749ff;
}

img.inimg
{
    margin:6px;
}

html
{
    background-color: #f1f1f1 !important;
}

body
{
    margin-left: auto;
    margin-right: auto;
    max-width: 1338px;
    background: white;
}

span.hh-button
{
    xfont-size: 22px;
    display: inline-block;
    background-color: var(--hhleaf);
    color: var(--hhwhite);
    padding:10px;
    padding-left: 30px;
    padding-right: 30px;
    margin:4px;
    text-decoration:none !important;
    border-radius:10px;
}

span.tourbutton
{
    background-color: var(--hhcocoa) !important;
}
span.callbutton
{
    background-color: var(--hhstorm) !important;
}
span.callbutton::before
{
    content: "✆ Call ";
    xfont-size:23px;
}

.hh-novis
{
    opacity:0.0 !important;
    font-size:0.01px !important;
}

.hh-bg-sidebar
{
    background-color: var(--hhleaf);
}

h1,h2,h3,h4,h5
{
    color: var(--hhbronze) !important;
}

.hh-bg-green
{
    background-color: var(--hhleaf);
}

.hh-col-green
{
    color: var(--hhleaf);
}

.hh-col-white
{
    color: var(--hhwhite) !important;
}

hr
{
    width:var(--hh-hr-width);
    border:5px solid var(--hhbronze);
}

.hrhh
{
width: 95%;
border: none;
height: 12px;
background-image: linear-gradient(to right, #E41B2C 12.5%, #4F953C 12.5% 25%, #F17921 25% 37.5%, #5B1950 37.5% 50%, #00A2D8 50% 62.5%, #4F953C 62.5% 75%, #FCB61A 75% 87.5%, #E41B2C 87.5%);
}


#packages
{
    min-height: 410px;
}