/* Main menu dropdown ("Grayling Group"): the theme has no submenu styling and its menu swallows clicks, so gx-nav.js drives this */
#site-navbar .navbar-nav > li.dropdown{position:relative; flex-wrap:wrap}
/* desktop: leave the theme's two-half hover underline (::before/::after) alone, just drop Bootstrap's caret borders from ::after */
#site-navbar .navbar-nav > li.dropdown > .dropdown-toggle::after{border:0; margin-left:0; vertical-align:baseline}
#site-navbar .dropdown-menu{list-style:none; float:none; margin:0; min-width:0; box-shadow:none}
#site-navbar .dropdown-menu .dropdown-item{display:block; background:none!important; white-space:nowrap; text-decoration:none; text-transform:uppercase; font-family:"Inter",sans-serif}
@media (min-width:992px){
  #site-navbar .dropdown-menu{display:block; position:absolute; top:100%; left:.6rem; margin-top:18px; padding:10px 0; min-width:210px; background:#fff6e7; border:1.5px solid #0e294b; border-radius:14px;
    box-shadow:0 16px 34px rgba(14,41,75,.14); visibility:hidden; opacity:0; transform:translateY(6px); transition:opacity .25s ease, transform .25s ease, visibility 0s linear .25s; z-index:1000}
  #site-navbar .dropdown-menu::before{content:""; position:absolute; left:0; right:0; top:-20px; height:20px}
  #site-navbar li.dropdown:hover > .dropdown-menu, #site-navbar li.dropdown.show > .dropdown-menu{visibility:visible; opacity:1; transform:none; transition-delay:0s}
  #site-navbar .dropdown-menu .dropdown-item{padding:10px 22px; font-size:.8125rem; font-weight:600; line-height:1.2; color:#0e294b; transition:color .3s}
  #site-navbar .dropdown-menu .dropdown-item:hover{color:#d41b5b}
}
@media (max-width:991.98px){
  /* phone menu: chevron after "Grayling Group" that flips when open */
  #site-navbar .navbar-nav > li.dropdown > .dropdown-toggle::after{content:""; display:inline-block; position:static; width:.4em; height:.4em; margin:0 0 0 .5em; opacity:1; background:none;
    border-right:2px solid currentColor; border-bottom:2px solid currentColor; vertical-align:middle; transform:translateY(-.25em) rotate(45deg); transition:transform .3s ease}
  #site-navbar .navbar-nav > li.dropdown.show > .dropdown-toggle::after{transform:translateY(.05em) rotate(-135deg)}
  #site-navbar .dropdown-menu{display:none; position:static; width:100%; padding:0 0 1.5625rem 1.25rem; background:none; border:0}
  #site-navbar li.dropdown.show > .dropdown-menu{display:block}
  #site-navbar .dropdown-menu .dropdown-item{padding:.45rem 0; font-size:1.25rem; font-weight:600; line-height:1.3; color:#fff6e7}
}

/* Who we are (page 269): hide the team "i" bio buttons (client request 30 Oct) */
body.page-id-269 .teambio-anchor{display:none!important}

/* "Get in touch" section at the bottom of every page: Grayling green instead of pink (client request 30 Oct) */
#page-footer.page-footer{background-color:#009A89!important}
#page-footer .line-right{background-color:#009A89!important}
#page-footer .form-wrapper__submit p input:focus, #page-footer .form-wrapper__submit p input:hover{color:#009A89!important}