/* ------- Main Nav Styles -------------*/

#logo {
margin-left: 10px;
/* margin-top: 13px; */
}
.menu-main-nav-container {
display:grid;
grid-template-columns: 100%;
justify-content: end;
}
ul#menu-main-nav {
/* line-height: 116px; */
list-style: none;
background-color: var(--color-white);
justify-self: end;
width: auto;
height: 116px;
gap: 0;
padding-left:0px;
margin-right: 0;
margin-bottom: 0;
display: grid;
grid-template-columns: auto;
grid-auto-flow: column;
-webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
ul#menu-main-nav li {
text-transform:uppercase;
background: #fff;
transition: background var(--base-speed);
}
ul#menu-main-nav li a {
color:var(--color-blue);
font-size:16px;
text-decoration:none;
display:block;
}
ul#menu-main-nav > li > a {
    line-height: 1.2;
    height: 100%;
    display: grid;
    align-content: center;
    padding: 0 8px;
}
ul#menu-main-nav li a:has(span.caret) {
    display: grid;
    grid-template-columns: 1fr 8px;
    gap: 3px;
    align-items: center;
}
ul#menu-main-nav span.caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid var(--color-blue);
    width: 0;
    height: 0;
}
ul#menu-main-nav ul.sub-menu span.caret {
    transform: rotate(-90deg);
}
ul#menu-main-nav li a:hover {
color:var(--color-blue);
}
ul#menu-main-nav li.current_page_ancestor > a,
ul#menu-main-nav li.current-menu-parent > a,
.post-type-archive-people ul#menu-main-nav li.menu-item-22 > a,
.single-people ul#menu-main-nav li.menu-item-22 > a {
color:var(--color-gray-dark);
}
ul#menu-main-nav li:hover {
/* background: #d3d9dc; */
background-color: var(--color-light-gray);
}
ul#menu-main-nav li ul.sub-menu {
display:none;
position:absolute;
z-index:100;
background-color: var(--color-white);
padding-left:0;
border: 1px solid #ededed;
/* border-top:9px solid #25434f; */
border-top: 9px solid var(--color-navy-blue);
min-width:261px;

}
ul#menu-main-nav li ul.sub-menu ul.sub-menu  {
position:absolute;
left:100%;
top:-9px;
border-left:1px solid #b7b7b7;
}
ul#menu-main-nav li ul.sub-menu li {
display:block;
float:none;
border-bottom: 1px solid #b7b7b7;
font-size:18px;
line-height:24px;
padding-left:20px;
position:relative;
text-transform:none;
}
ul#menu-main-nav li ul.sub-menu li a {
padding: 17px 20px 17px 0;
}
ul#menu-main-nav li ul.sub-menu li:hover, ul#menu-main-nav li ul.sub-menu li ul.sub-menu li:hover {
/* background:#d3d9dc; */
background:var(--color-light-gray);
}
/* ul#menu-main-nav li ul.sub-menu li.menu-item-has-children {
background-image: url(../images/green-arrow.png);
background-repeat:no-repeat;
background-position:95% center;
} */
ul#menu-main-nav li.searchnav {
    height: 100%;
    background-color: var(--color-gray);
    width: 43px;
}
ul#menu-main-nav li.searchnav button {
    appearance: none;
    padding: 0;
    border: 0 none;
    /* padding: 0 0 0 10px; */
    /* background: #9fa1a2 url(../images/magnifying-glass-icon.png) center no-repeat; */
    background-color: var(--color-gray);
    display: grid;
    height: 100%;
    grid-template-rows: 100%;
    grid-template-columns: 100%;
    justify-content: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
}
ul#menu-main-nav li.searchnav button:hover,
ul#menu-main-nav li.searchnav button:focus,
ul#menu-main-nav li.searchnav button:focus-visible {
    background-color: var(--color-gray-light);
    outline: transparent;
}
ul#menu-main-nav li.searchnav button svg {
    height: auto;
    width: 18px;
    justify-self: center;
}
ul#menu-main-nav li.searchnav button svg path {
    fill: var(--color-white);
    transition: fill .25s ease-in-out;
}
ul#menu-main-nav li.searchnav button:hover svg path,
ul#menu-main-nav li.searchnav button:focus svg path,
ul#menu-main-nav li.searchnav button:focus-visible svg path {
    fill: var(--color-blue);
}
/*  --------------------- General Styles  ------------------------*/
/* .goldbutton:hover {
box-shadow: inset 870px 0 0 0 #dba40f;
} */
#heromessage p.h1:after {
margin: 20px auto;
}
.maincontent ul {
margin:0 0 1em 0;
}
.maincontent li {
padding-left: 1.6em;
}
/* #content {
top: 464px;
} */

/* --------------------- Home Page Styles -------------------------- */
/* #heroholder, #homepagehero {
    max-height: 500px;
    height:400px;
} */
#heromessage {
width:700px;
/* top:20%; */
transform:none;
}
/* body.home #heromessage {
top:13%
} */
#heromessage p.h1 {
font-size:24px;
padding-top:0px;
display:block;
}
#heromessage h1 {
font-size:50px;
margin-top: 0;
}
body.home #heromessage h1 {
margin-top: 0;
}
#downcarot {
display:block;
width: 20px;
height:14px;
background:url(../images/down-carot.png);
position:absolute;
z-index:30;
bottom: 25px;
left:49%;
}
#homeintro {
    padding: 50px 40px;
}
#homeintro p {
padding: 0;
font-size:18px;
}

/* #whyaugusta .reasons {
min-height: 415px;
} */
#whyaugusta h2 {
margin: -6px 0 80px 0;
font-size:65px;
}
#sites-buildings {
padding: 65px 0 35px 0;
}
#sites-buildings p {
padding: 10px 80px;
line-height: 170%;
}
#home-news h2, #home-resources h2 {
margin-bottom: 40px;
}
#home-resources, #home-news {
padding: 65px 0;
}
.goldbutton, #gform_submit_button_1 {
font-size:18px;
}

/* --------------------- Interior Page Styles ---------------------- */

#reportitems {
list-style: none;
column-count: 2;
column-gap: 50px;
column-rule-width: 0px;
column-rule-style: outset;
-moz-column-count: 2;
-moz-column-gap: 50px;
-moz-column-rule-width: 0px;
-moz-column-rule-style: outset;
-webkit-column-count: 2;
-webkit-column-gap: 50px;
-webkit-column-rule-width: 0px;
-webkit-column-rule-style: outset;
column-width: 100px;
-webkit-column-break-inside: avoid;
}
body.page-template-page-resources-php .resourceholder {
min-height: 510px;
}
#contentfooterpushers > div {
min-height: 440px;
}
#contentfooterpushers {
display:flex;
}
#contentfooterpushers > div {
flex:1;
}
/* --------------------- Footer Styles ---------------------- */

#credits {
font-size:20px;
}
#credits img {
height:25px;
margin-right:10px;
}