/*** Nav ***/
html.modal, html.sidenav-open {
 overflow:hidden;
 position:relative;
 height:100%;
}
body.modal, body.sidenav-open {
 overflow:hidden;
 position:relative;
}
body.sidenav-open .sidenav {
 transform: translateX(0);
 z-index: 999;
 transition: transform 0.3s linear;
 -webkit-transition: transform 0.3s linear;
 -moz-transition: transform 0.3s linear;
 -ms-transition: transform 0.3s linear;
 -o-transition: transform 0.3s linear;
}
.overlay, .modal-overlay {
 height: 100%;
 width:100%;
 opacity: 0;
 display: none;
 position: fixed;
 background:rgba(17,17,17, 0.85);
 top:0;
 left:0;
 z-index:480; /* higher than the overlay-btn */
}
.overlay {
 cursor: pointer;
 z-index: 998;
}
.overlay .close-btn {
 position:fixed;
 top:30%;
 padding 1em;
 transform: rotate(270deg) translateY(-25px);
}
.overlay a.close-btn {
 color:#eee;
}
body.modal .modal-overlay,
body.sidenav-open .overlay {
 display:block;
 opacity: 1;
}

header {
 background: rgba(255,255,255, 1);
 position:fixed;
 top:0;
 width:100%;
 z-index: 998;
 -webkit-transition: background 0.5s;
 -moz-transition: background 0.5s;
 -ms-transition: background 0.5s;
 -o-transition: background 0.5s;
 transition: background 0.5s;
}
#account header {
 background: white;
}
#account header .container {
 background: linear-gradient(to right, rgba(123,138,163,1) 0%, rgba(53, 76, 100, 1.0) 100%);
}
header .container, #account footer .container {
 height: 3.4em;
 padding:0.5em 1em;
 /*width:100%;*/
 overflow:hidden;
}
#account header .container, #account footer .container {
 display: flex;
 align-items: center;
}

header.scrolled {
 background: rgba(255,255,255, 0.95);
 transition: background 0.5s;
 -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
 z-index:479; /* always on top, but below the sidenav, and below the dark overlay */
}
#account header .container, #account footer .container {
 padding: 5px 1em 1px;
}

/* Navbar - public site only */
#navbar {
 overflow: hidden;
 position:absolute;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 margin-top: 0.5em;
 height: 100%;
}

/* Navbar links */
#navbar a, #navbar-right a {
 float: left;
 display: block;
 color: #354c64;
 text-align: center;
 margin: 0.6em 1em;
 text-transform: uppercase;
 letter-spacing: 0.125em;
 font-size: 0.875em;
 font-weight: 500;
 transition: border-color .15s;
}
#navbar a:hover, #navbar-right a:hover {
 color: #99662f;
 transition: color .15s;
}
#burger a.nav-open {
 height: 1.5em;
 display: flex;
 align-items: center;
 margin-right: 0px;
 visibility: visible;
}
#account #navbar-right > a {
 color: white;
 margin-left: 1.25em;
 font-size: 1em;
 text-transform: uppercase;
}
#account #navbar-right > a {
 margin: 0 2em 0 0;
 text-transform: capitalize;
}
#account #navbar-right > a:hover {
 color: white;
 text-decoration: none;
}
#account #navbar-right > a:last-of-type {
 margin: 0;
 text-transform: uppercase;
}
#navbar a.logo {
 margin-top:3px;
 font-family: 'Amiri';
 text-transform: none;
 text-decoration: none;
}
#navbar-logo .mobile a.logo:hover {
 text-decoration: none;
}
/*
#navbar-logo .mobile a.logo {
 font-family: "Amiri";
 font-weight: 500;
 text-transform: none;
 font-size: 1.1em;
 padding: 0.285em 0 0.285em 1em;
 letter-spacing: .125em;
}
*/
#account header .container .navbar-logo .mobile, #account footer .container .navbar-logo .mobile {
 display: none;
}
#navbar-logo .mobile a.active {
 margin-top:-4px;
}
/* Right-aligned section inside the top navigation */
#navbar-right {
 float: right;
 /*margin-right:1em;*/
 margin-top:0.5em;
}
#account #navbar-right {
 margin-top: 0;
 display: flex;
 align-items: center;
 height: inherit;
}
header .container .navbar-logo a.tel-link, header .container .navbar-logo a.form-link {
 display:none;
}

header .container .navbar-logo .desktop {
 margin-top:0.9em;
}
#account header .container .navbar-logo .desktop {
 margin-top: 0;
}
#account header .container .navbar-logo, #account footer .container .navbar-logo {
 margin-top: 0;
 flex: 1;
}
#account header .container .navbar-logo .desktop, #account footer .container .navbar-logo .desktop, #account header .container .navbar-logo .logo, #account footer .container .navbar-logo .logo {
 display: flex;
 align-items: center;
 width: fit-content;
}
#account header .container .navbar-logo .desktop a:hover, #account footer .container .navbar-logo .desktop a:hover {
 text-decoration: none;
}
#account header .container .navbar-logo .desktop .logo img {
 height: 26px !important;
}

#account header .container .navbar-logo a span, #account footer .container .navbar-logo a span {
 /*font-size: 1.05em;*/
 letter-spacing: 1px;
 text-transform: uppercase;
 color: white; 
 /*margin-top: 2px;*/
}
#account header .container .navbar-logo a.logo-account span, #account footer .container .navbar-logo a.logo-account span { 
 margin-left: 1.25em;
}

/* The main side navigation menu */
.sidenav {
 display:block;
 max-width:100%; /* can never be wider then the viewport */
 height: 100%; /* 100% Full-height */
 position: fixed; /* Stay in place */
 z-index: 1000; /* Stay on top */
 top: 0;
 right:0;
 background:white;
 z-index: 999;
 min-height: 100%;
 transform: translateX(100%);
 -webkit-transition: transform 0.3s linear;
 -moz-transition: transform 0.3s linear;
 -ms-transition: transform 0.3s linear;
 -o-transition: transform 0.3s linear;
 max-width: 450px;
 width: calc(100% - 45px);
}
.sidenav .icon-plus, .sidenav .icon-x {
 display: none;
}
body.ms-ie .sidenav {
 right: 0;
}

.sidenav-header {
 background: #354c64;
 overflow:hidden;
 height: 52px;
 display: flex;
 align-items: center;
 padding: 0 0.5em 0 0.95em;
}
#account .sidenav-header {
 margin-bottom: 1.5em;
}
.sidenav-header .logo {
 display:inline;
 padding-left:1em;
}
.sidenav .sidenav-header a.logo {
 font-family:"Amiri";
 font-weight:500;
 text-transform: none;
 font-size: 1.1em;
 padding: 0;
 width: 58%;
}
#account .sidenav .sidenav-header a.logo {
 flex: 1;
}
.sidenav .sidenav-header a {
 display:inline;
 padding-left:0.5em;
 font-weight:500;
 font-size:0.875em;
 letter-spacing: .125em;
}
.sidenav-header .logo img{
 margin-top:0.5em;
}
#account .sidenav-header .logo img {
 width: 50%;
}
.sidenav .sidenav-header .b-actions {
 width: 33%;
 padding: 0 8px;
 display: flex;
 justify-content: flex-end;
}
.sidenav .sidenav-header .b-actions .button {
 background: white;
 color: #354c64;
 text-transform: capitalize;
 margin: 0;
 padding: 2px 5px;
 height: 28px;
 display: flex;
 align-items: center;
 width: 78%;
 justify-content: center;
 font-weight: 600;
 letter-spacing: 0 !important;
}
/* Position and style the close button (top right corner) */
.sidenav .close-btn:before{content:"\2716"}
.sidenav .close-btn {
 display:inline-block;
 color: white;
 font-size: inherit;
 z-index:100;
}
.sidenav .close-btn, .sidenav .logo,
.sidenav a.close-btn:hover, .sidenav a.logo:hover {
}
/* The navigation menu links */
.sidenav a, .dropdown-btn {
 font-size: 20px;
 color: #eee;
 display: block;
 transition: 0.2s;
 border: none;
 outline: none;
 cursor: pointer;
 text-transform:uppercase;
}
.icon-angle-right:before {
 content: "\72";
}
.icon-angle-right {
 transform: rotate(90deg);
}

.sidenav-links {
 padding: 0;
 /* Subtract header and extra padding */
 height: calc(100vh - 3em - 50px);
 overflow-y: scroll;
 overflow-x: hidden;
 padding-bottom: 50px;
}
#account .sidenav-links > hr {
 background-color: #ccc; 
 height: 1px; 
 border: 0;
 margin: 0.65em 1.5em;
}
#account .sidenav-links .logout-link {
 text-decoration: underline;
}
#account .sidenav-links .admin-link {
 color: #99662f;
 text-decoration: underline;
 justify-content: flex-end;
}
#account .sidenav-links .account-home-admin > div {
 width: 50%;
}
#account .sidenav-links .admin-link:hover {
 opacity: 0.75;
}
.sidenav-linka .dropdown-container a {
 letter-spacing: 0 !important;
}
.sidenav-links a:hover {
 border-bottom: none;
 text-decoration: none;
}
.sidenav-links button, .sidenav-links .button {
 letter-spacing: 0 !important;
}
.sidenav-links > .dropdown-btn {
 height: 4.25em;
}
#account .sidenav-links > .dropdown-btn {
 height: initial;
}
.sidenav-links .dropdown-btn, .sidenav-links > .dropdown-link a {
 /*letter-spacing: 0.84px !important;*/
}
.sidenav-links > .dropdown-link {
 height: 56px;
}
#account .sidenav-links > .dropdown-link {
 height: initial;
}
.sidenav-links .dropdown-btn, .sidenav-links a {
 color: #354c64;
 /*font-size: 0.875em !important;*/
 font-size: 1em !important;
 font-weight:600;
 transition: background .15s;
 padding: 1.15em 0.75em 1.15em 1.757em;
 text-align:left;
 border-radius: 0;
}
.sidenav-links .dropdown-btn, .sidenav-links .dropdown-container > div:not(.nav-curated), .sidenav-links .dropdown-link {
 border-bottom: 1px solid #e8e9e4;
}
#account .sidenav-links .dropdown-btn, #account .sidenav-links .dropdown-container > div:not(.nav-curated), #account .sidenav-links .dropdown-link {
 border-bottom: none;
}
button.dropdown-btn {
 width:100%;
 text-transform: uppercase !important;
 display: flex;
 align-items: center;
}
#account button.dropdown-btn {
 text-transform: capitalize !important;
}
button.dropdown-btn div:first-of-type {
 width: 86%;
}
button.dropdown-btn div:last-of-type {
 width: 14%;
}
button.dropdown-btn i.icon-angle-right {
 float:right;
}
button.dropdown-btn i.icon-angle-left {
 float:left;
}
button.dropdown-btn i.icon-angle-right, button.dropdown-back-btn i.icon-angle-left {
 font-size: 1.3em !important;
 margin: 0 !important;
}

.dropdown-container button.dropdown-btn i {
 color:#354c64;
 right: 1.5em;
}
div:not(.b-contact) [class*=" icon-"]:before, [class^=icon-]:before {
 font-family: "american-adoptions" !important;
 font-style: normal !important;
 font-weight: 400 !important;
 font-variant: normal !important;
 text-transform: none !important;
 speak: none;
 line-height: 1;
 vertical-align: middle;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.sidenav .sidenav-links #search {
 height: 76px;
}
.sidenav .sidenav-links #search a {
 padding-top:0;
 padding-bottom:0;
 text-align:left;
 background:white;
 text-transform:none;
 border-bottom:none;
 line-height:1;
}
.sidenav .sidenav-links #search .gs-image {
 display: none;
}
.sidenav .sidenav-links #search .gs-title {
 padding: 0 0 0.5em !important;
}
.sidenav .sidenav-links #search input[type=button] {
 background:white;
 width:5em;
}
.sidenav .sidenav-links #search,.sidenav iframe {
 display:none;
}
/* Add an active class to the active dropdown button */
/*
 .dropdown-btn.active {
 color:#354c64;
}
*/


/* Dropdown container (hidden by default by setting max-height to 0) */
/* display:none is not used because it doesn't have transition effect */
.dropdown-container {
 /*
 padding:0 1em 0 2em;
 overflow:hidden;
 max-height:0;
 -webkit-transition:max-height, 1s cubic-bezier(0, 1.05, 0, 1);
 -moz-transition: max-height, 1s cubic-bezier(0, 1.05, 0, 1);
 -ms-transition: max-height, 1s cubic-bezier(0, 1.05, 0, 1);
 -o-transition: max-height, cubic-bezier(0, 1.05, 0, 1)1s ;
 transition: max-height, 1s  cubic-bezier(0, 1.05, 0, 1); /* max-height is set to a large value, so start fast and end slow to minimize delay effect */
 position: absolute;
 z-index: 999;
 top: 107px !important;
 min-height: 100%;
 transform: translateX(100%);
 transition: transform 0.3s linear;
 -webkit-transition: transform 0.3s linear;
 -moz-transition: transform 0.3s linear;
 -ms-transition: transform 0.3s linear;
 -o-transition: transform 0.3s linear;
 width: 100%;
 overflow-y: scroll;
 overflow-x: hidden;
 /*
 *  height: 100vh
 *   max-height: 100vh;
 *    */
 height: unset;
 max-height: unset;
 background: white;
}
 
.dropdown-container.open {
 margin-top: 2px;
 transform: translateX(0);
 z-index: 999;
 transition: transform 0.3s linear;
 -webkit-transition: transform 0.3s linear;
 -moz-transition: transform 0.3s linear;
 -ms-transition: transform 0.3s linear;
 -o-transition: transform 0.3s linear;
}
#account .dropdown-container.open {
 padding-top: 1.5em;
 margin-top: 0;
}
.dropdown-container a, .dropdown-container .dropdown-btn, .dropdown-container .dropdown-link {
/*
 background:#5e7084;
 color: #eee;
*/
 /*background:white;*/
 color:#354c64;
 text-align:left;
 /*font-size:1.2em;*/
 font-weight:600;
}
.dropdown-container .dropdown-btn, .dropdown-container > div {
 padding: 0.65em 1.5em;
 background: white;
}
#account .dropdown-link, #account .dropdown-btn {
 background: white;
}
#account .dropdown-link {
 padding: 0.65em 2.25em;
}
#account .dropdown-btn {
 padding: 0.4em 2.25em;
}
.sidenav-links .dropdown-link {
 width: 100%;
 display: flex;
 align-items: center;
}
.sidenav-links .dropdown-btn:hover, .sidenav-links .dropdown-link:hover, .sidenav-links a:hover {
 color: #93abc6 !important;
}
.sidenav-links a.button:hover, .sidenav-links a.button:focus, .sidenav-links a.button:active {
 color: white !important;
 opacity: 0.75;
}
.sidenav-links .dropdown-link a {
 text-transform: capitalize;
 padding: 0;
 display: flex;
 align-items: center;
 margin-left: -3px;
 width: 80%;
}
#account .sidenav-links .dropdown-link a {
 width: 75%;
}
.sidenav-links > .dropdown-link {
 padding: 0 1.5em;
}
.sidenav-links > .dropdown-link a {
 margin-left: 0;
}
.sidenav-links #nav-free-info.dropdown-link {
 background: #99662f;
}
.sidenav-links #nav-free-info.dropdown-link a {
 color: white;
}
/* Add a star before and after the featured link */
.dropdown-container a.featured:before,
.dropdown-container a.featured:after {
/*
 content:url(/assets/images/stars-small.svg);
 opacity: 0.425;
 position:relative;
 top: 0.5em;
*/
/*
 -webkit-transform: translateY(-60%);
 transform: translateY(-60%);
*/
}
/*
 .dropdown-container a.featured {
 padding: 1.5em 1em 1.5em 1em;
}
*/
/*
.dropdown-container a.featured.contact,
.sidenav-links #nav_contact.dropdown-btn {
 background:#99662F;
 color:white;
}
*/
.dropdown-container a.featured span {
 display:inline-block;
 text-transform:capitalize;
 /*width: calc(100% - 86px);*/
}
.dropdown-container a.featured:nth-child(3n+0) {
/* background:#364c64; */
}
.dropdown-container a.featured:nth-child(3n+1) {
/* background:#5e7084; */
}
.dropdown-container a.featured:nth-child(3n+2) {
/* background:#72b5bd; */
}
.dropdown-container button.dropdown-btn.more {
 justify-content: flex-end;
}
.dropdown-container button.dropdown-btn.more, .dropdown-container button.dropdown-btn.more i {
 color: #bcbcbc;
}
.dropdown-container button.dropdown-btn i {
 right: 1.5em;
}
.dropdown-back-btn {
 width: 100%;
 display: flex;
 border: none;
 background: #E8E9E4;
 align-items: center;
 border-radius: 0;
 height: 57px;
 transform: translateX(100%);
 z-index: 999;
 transition: transform 0.3s linear;
 -webkit-transition: transform 0.3s linear;
 -moz-transition: transform 0.3s linear;
 -ms-transition: transform 0.3s linear;
 -o-transition: transform 0.3s linear;
 position: absolute;
 top: 52px;
}
.dropdown-back-btn.open {
 transform: translateX(0);
 z-index: 999;
 transition: transform 0.3s linear;
 -webkit-transition: transform 0.3s linear;
 -moz-transition: transform 0.3s linear;
 -ms-transition: transform 0.3s linear;
 -o-transition: transform 0.3s linear;
}
.dropdown-back-btn div:first-of-type {
 width: 14%;
}
button.dropdown-btn i.icon-angle-right, button.dropdown-back-btn i.icon-angle-left {
 font-size: 1.3em !important;
 margin: 0 !important;
}
.icon-angle-left:before {
 content: "\71";
}
.dropdown-back-btn div:last-of-type {
 width: 76%;
 font-weight: 600;
 font-size: 1.1em;
 text-transform: uppercase;
 color: #354c64;
}
#account .dropdown-back-btn {
 padding-left: 1.6em;
}
#account .dropdown-back-btn div:first-of-type {
 margin-bottom: 3px;
 padding-right: 0.25em;
}
#account .dropdown-back-btn div:first-of-type, #account .dropdown-back-btn div:last-of-type {
 width: initial;
}

/* 2nd level drop down */
.dropdown-container .dropdown-container {
 margin-bottom:0;
 padding:0;
 /* top: 57px !important; /* set to height of .dropdown-back-btn */
 top: 0 !important;
}
.dropdown-container .dropdown-container a, .dropdown-container .dropdown-container .dropdown-btn {
/*
 background:#718191;
 color: #eee;
*/
 background:white;
 color:#354c64;
 text-align:left;
 text-transform: none;
 font-size:0.9em;
}
.dropdown-container .dropdown-container .dropdown-link a {
 padding: 0;
}
/* 3nd level drop down */
/*
.dropdown-container .dropdown-container .dropdown-container a, .dropdown-container .dropdown-container .dropdown-container .dropdown-btn {
 background:#888;
 color: #eee;
 text-align:left;
 padding: 1.3em 1.0em 1.3em 2em;
 text-transform: none;
 font-size:0.8em;
}
*/
.dropdown-container .dropdown-container .dropdown-container {
 top: 0 !important;
}
/* curated article list in nav */
.nav-curated {
/* overflow-y: scroll;*/
/* overflow-x: hidden;*/
 height: unset !important;
 max-height: unset;
 padding: 0 !important;
}
.nav-curated .nav-curated-section {
 border-bottom: 1px solid #e8e9e4;
 padding: 1.75em 0;
 margin: 0 1.5em !important;
}
.nav-curated .nav-curated-section h3, .nav-curated .nav-curated-section p a {
 font-size: 0.875em !important;
 font-family: "Open Sans", san-serif;
 padding: 0;
 margin: 0;
}
.nav-curated .nav-curated-section h3 {
 text-transform: uppercase;
 margin-bottom: 1.075em;
 font-weight: 600;
 letter-spacing: 0.84px;
}
.nav-curated .nav-curated-section p a {
 text-transform: capitalize;
 height: unset;
 padding: 0;
 font-weight: 400;
 min-height: unset;
}
.nav-curated .nav-curated-section p {
 margin: 0 0 0.75em;
}
.nav-curated .nav-curated-section .b-actions {
 padding: 0.25em 0 0;
}

.nav-curated .nav-curated-section .b-actions .button {
 background: #99662f;
 color: white;
 text-transform: capitalize;
 margin: 0;
 padding: 2px 5px;
 height: 28px;
 display: flex;
 align-items: center;
 width: 78%;
 justify-content: center;
 font-weight: 600;
 border-radius: 27px;
 width: 109px;
 min-height: unset;
}
.nav-curated  > .dropdown-btn {
 justify-content: flex-end;
 color: #bcbcbc;
}
.nav-curated  > .dropdown-btn div:last-of-type {
 width: 9%;
}
.nav-curated  > button.dropdown-btn i {
 color: #bcbcbc;
}

/* Google search */
.gsc-search-button-v2 {
  background-color: #333;
  border-color: #333;
}
.gsc-adBlock {
 display: none !important;
}

#burger {
 float:right;
 padding:0 0.2em 0em 0.75em;
 font-size:1.5em;
 height: 100%;
 display: none;
}
#account #burger {
 display: block;
 /*padding-top: 0.35em;*/
 display: none;
}
.sidenav-header #burger {
 margin-top:-0.8em;
 font-size:1.4em;
 display: flex;
 align-items: center;
 height: 100%;
 margin-top: 0;
 justify-content: flex-end;
}
.sidenav-header #burger a:first-of-type {
 width: 1em;
 /*margin-top: -5px;*/
 padding-left: 0.5em;
 position: relative;
 top: 4px;
}
#burger > a {
 color:white;
 padding:0;
 width: 1.5em;
}
#burger > a:first-of-type {
 padding: 0;
}
#account header #burger a:first-of-type, #account footer #burger a:first-of-type {
 padding: 0 0 0.5em;
}
#burger .b-actions {
 margin-right: 0.5em;
}
#burger .b-actions .button {
 background: white;
 color: #354c64;
 text-transform: capitalize;
 width: unset;
 padding: 4px 11px;
 margin-right: 0.5em;
 font-size: 13px;
}
#burger .nav-close {
 /*right: 1.125em;*/
 right: 0.5em;
 position: absolute !important;
 /*bottom: 0;*/
 /*top: 7px;*/
 /* right: 0 !important; */
 /*left: unset;*/
 overflow: visible;
 visibility: hidden;
 display: none;
}
#account #burger .nav-close {
 right: 1.125em;
}
.icon-burger {
 height: 2px;
 width: 19px;
 position: absolute;
 overflow: visible;
 background: white;
}
.icon-burger:before {
 content: "";
 display: block;
 height: 2px;
 width: 100%;
 background: white;
 position: absolute;
 top: -7px;
}
.icon-burger:after {
 content: "";
 display: block;
 height: 2px;
 width: 100%;
 background: white;
 position: absolute;
 top: 7px;
}
.icon-nav-close:before {
 content: url(/assets/images/aa-icon-nav-close.svg);
}

@media print {
 header.scrolled,
 header.scrolled .container .navbar-logo,
 header .container .navbar-logo {
   display:none;
 }
}

/*
@media screen and (min-height: 900px){
 .dropdown-container {
  overflow-y: hidden;
 }
}
*/
@media screen and (max-height: 1000px){
 .dropdown-container {
  height: calc(100% + 200px);
  min-height: calc(100% + 200px);
  max-height: calc(100% + 200px);
 }
}
@media screen and (max-height: 450px){
 /* side nav logo and close button */
 .sidenav-header {
  padding-bottom: 0;
 }
 .sidenav-header .logo {
  padding-top: 0px;
  text-align:left;
 }
 .sidenav-header .logo img {
  height:55px;
 }
 .sidenav .close-btn {
  padding:0.5em 0.5em 0 0.5em;
  font-size: 1.7em;
 }
 .dropdown-container {
  max-height: calc(100% + 500px);
  min-height: calc(100% + 500px);
  height: calc(100% + 500px);
 }
 /* top level links/dropdowns */
 .sidenav-links a, .sidenav-links .dropdown-btn {
  padding:0.8em 0 0.8em 0;
  font-size:0.906em;
  margin-top: 0;
  margin-bottom: 0;
 }

 /* 1st level links/dropdowns */
 .dropdown-container a, .dropdown-container .dropdown-btn {
  padding: 0.8em 1em 0.8em 1em;
  font-size:0.906em;
 }

 .dropdown-container a.featured {
  padding: 0 1em 0.8em 1em;
 }
 .dropdown-container a.featured span {
  height:1.3em;
  /*width: calc(100% - 86px);*/
 }

 /* 2nd level links/dropdowns */
 .dropdown-container .dropdown-container a, .dropdown-container .dropdown-container .dropdown-btn {
  padding: 0.8em 1em 0.8em 1.5em;
  font-size:0.906em;
 }
 /* 3nd level links/dropdowns */
 .dropdown-container .dropdown-container .dropdown-container a, .dropdown-container .dropdown-container .dropdown-container .dropdown-btn {
  /*padding: 0.7em 1.0em 0.7em 2em;*/
  font-size:0.906em;
 }
}
@media screen and (max-width: 1125px){
 header, header, header .container {
  background:#354C64;
  height: 3.25em;
 }
 
 header *.desktop {
  display: none;
 }
 header *.mobile {
  display: block;
 }
 #account header .container .navbar-logo .mobile, #account footer .container .navbar-logo .mobile {
  display: block;
 }
 #account header *.desktop {
  display: block;
 }
 #account header .container .navbar-logo .mobile, #account footer .container .navbar-logo .mobile {
  display: none;
 }
 header .container .navbar-logo {
  transition: background 0.9s;
 }
 header .container, header .container {
  /*padding: 0;*/
  display: flex;
  align-items: center;
 }
 /*#account header .container, #account footer .container*/
 /*
 header .container, footer .container {
  padding: 0 4px;
 }
*/
 #navbar {
  display:none;
  left:0;  /* align all the way to the left */
  -webkit-transform:translateX(0);
  transform:translateX(0);
  margin-top: 0;
 }
 #navbar .medium, #navbar-right, #navbar .no-narrow {
  display: none;
 }
 .overlay {
  top: 4em;
 }
 #account .overlay {
  top: 3.35em;
 }
 #navbar a, #navbar-right a {
  color:white;
  /*padding-bottom:0.5em;*/
 }
 #navbar-right {
  /*margin-right:0.5em;*/
 }

 header .container .navbar-logo {
  top: 2.5em;
  width:100%;
  text-align:left;
 }

 header .container .navbar-logo a.tel-link {
  display:block;
  float:right;
  text-align:right;
  color: #354c64;
  padding-right:1em;
  font-size:1.3em;
 }
 header .container .navbar-logo, footer .container .navbar-logo {
  text-align:center;
 }
 header .container .navbar-logo a.form-link,
 header .container .navbar-logo a.tel-link {
  float:none;
  display:inline-block;
  background: #354c64;
  color:#f8f8f8;
  font-size:1.1em;
  padding:0.2em 0.8em;
  margin-left:1em;
  margin-right:1em;
  margin-bottom:0.3em;
  border-radius: 5px;
  box-shadow: 3px 3px 5px grey;
 }
 header .container .navbar-logo a.form-link:hover,
 header .container .navbar-logo a.tel-link:hover {
  background: #80b0b5;
 }
 header .container .navbar-logo img {
  float:left;
  text-align:left;
 }
 #burger {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
 }
 #account #burger {
  position: initial;
  padding-right: 0;
 }
 #burger .nav-close {
  display: block;
 }

 /* side nav logo and close button */
 .sidenav {
  top: 4em;
 }
 #account .sidenav {
  top: 3.35em;
 }
 .sidenav-header {
  display: none;
 }
 /* top level links/dropdowns */
 .dropdown-back-btn {
  top: 0;
 }
 .dropdown-container {
  top: 57px !important;
 }
 .sidenav-links a, .sidenav-links .dropdown-btn {
/*  padding:0.8em 0 0.8em 0; */
  font-size:1em;
  margin-top: 0;
  margin-bottom: 0;
 }

 /* 1st level links/dropdowns */
 .dropdown-container a, .dropdown-container .dropdown-btn {
/*  padding: 0.8em 1em 0.8em 1em; */
  font-size:0.9em;
 }

 .dropdown-container a.featured {
 /* padding: 0 1em 0.8em 1em; */
 }
 .dropdown-container a.featured span {
  height:1.3em;
  /*width: calc(100% - 86px);*/
 }
 /* 2nd level links/dropdowns */
 .dropdown-container .dropdown-container a, .dropdown-container .dropdown-container .dropdown-btn {
  padding: 0.8em 1em 0.8em 1.5em;
  font-size:0.8em;
 }
 /* 3nd level links/dropdowns */
 .dropdown-container .dropdown-container .dropdown-container a, .dropdown-container .dropdown-container .dropdown-container .dropdown-btn {
  /*padding: 0.7em 1.0em 0.7em 2em;*/
  font-size:0.7em;
 }
 header {
  height: 3em;
 }
/*
 footer#footer {
  padding-left: 0.5em;
 }
*/
 header .container, #account footer .container {
  height: inherit;
 }
/*
 header .container {
  padding: 0;
 }
*/
 header .container .navbar-logo .logo-account span, footer .container .navbar-logo .logo-account span {
  font-size: 1em;
  margin-top: 0 !important;
 } 
 #account header #burger a, #account footer #burger a {
  padding: 0 0 0 0.5em !important;
  margin: 0;
  height: 47px;
 }
 #burger .nav-close {
  margin-top: -5px;
 }
/*
 #account #burger .nav-close {
  margin: 0;
  height: inherit;
  padding: 0px 0px 0.5em 0.5em !important;
  right: 0.6em;
 }
*/
 #account #burger .nav-close .icon-nav-close {
  height: inherit;
  display: flex;
  align-items: center;
 }
 #account header .container .navbar-logo .logo-account span, #account footer .container .navbar-logo .logo-account span {
  font-size: 1em;
 }
 #acct_bread #form-dropdown-nav {
  font-size: 1em;
 }
 .nav-search {
  margin-top: -12px;
 }
}

@media screen and (max-width: 600px) {
 #account header .container .navbar-logo img, #account footer .container .navbar-logo img {
  width: 92%;
 }
 #account header .container, #account footer .container {
  padding: 0 0.5em;
 }
 header .container .navbar-logo .desktop, footer .container .navbar-logo .desktop {
  display: none !important;
 }
 header .container .navbar-logo .mobile .logo-account, header .container .navbar-logo .mobile .logo-account:hover, header .container .navbar-logo .mobile .logo-account, footer .container .navbar-logo .mobile .logo-account:hover {
  color: white;
 }
 /*
 header .container .navbar-logo .mobile .logo img, footer .container .navbar-logo .mobile .logo img {
  min-width: 150px; 
 }
*/
 header .container .navbar-logo .mobile .logo img, footer .container .navbar-logo .mobile .logo img {
  /*height: 2.5em;*/
 }
 #account footer {
  padding-top: 3px; 
 } 
 #account header .container .navbar-logo .mobile, #account footer .container .navbar-logo .mobile {
  /*display: block;*/
  display: flex;
  align-items: center;
  width: fit-content;
 }

 header .container .navbar-logo .mobile, footer .container .navbar-logo .mobile {
  margin-top: 0;
  width: 47%;
 }
 header .container .navbar-logo .mobile img {
  height:auto;
  width: 100%;
 }
 
 header .container .navbar-logo .mobile .logo-account span:last-of-type, footer .container .navbar-logo .mobile .logo-account span:last-of-type {
  display: none;
 } 
 #navbar-logo .mobile a.logo {
  padding: 0 0 0 0.5em;
 }
 #navbar-logo .mobile a.logo {
  width: fit-content;
  display: flex;
  align-items: center;
  padding-left: 0;
 }
 #account header .container .navbar-logo .mobile .logo img, #account footer .container .navbar-logo .mobile .logo img {
  min-width: unset;
 }
 #account header .container .navbar-logo .mobile .logo span:last-of-type, #account footer .container .navbar-logo .logo span:last-of-type {
  display: none;
 }
 .sidenav-header #burger {
  margin-top:-0.3em;
 }
 /* no need for the overlay close button in mobile, sidenav covers the whole screen */
 body.sidenav-open .overlay a.close-btn {
  display:none;
 }
 header .container .navbar-logo a.tel-link {
  font-size:0.9em;
 }
 header .container .navbar-logo a.tel-link,
 header .container .navbar-logo a.form-link {
  font-size:0.9em;
  letter-spacing: 0.06em;
  margin-left:0.2em;
  margin-right:0.2em;
 }
/*
 header .container .navbar-logo img {
  height:40px;
 }
*/
/*
 .supplement-top-nav a.button {
  font-size:0.8em;
 }
*/
 #navbar-logo .mobile a.logo {
  /*padding: 0.4em 0 0.285em 0.5em;*/
  font-size: 1em;
 }
 #account #navbar-logo .mobile a.logo * {
  /*flex: 1;*/
 }
 #account #navbar-logo .mobile a.logo span:last-of-type, #account footer #navbar-logo .desktop a.logo span:last-of-type {
  display: none;
 }
 #account #navbar-right > a {
  display: none;
 }
 #burger {
  right: -10px;
 }
 #account #burger .nav-close {
  right: 0.75em;
 }
 #navbar-right {
  display:none;
 }
  /* side nav */
 .sidenav, .overlay {
  top: 4em;
 }
 #account .sidenav, #account .overlay {
  top: 3em;
 }

 /* side nav logo and close button */
 .sidenav-header {
  display: none;
 }
 .sidenav .close-btn {
  padding:0.1em 0.5em 0.1em 0.5em;
 }

 /* top level links/dropdowns */
 .sidenav-links a, .sidenav-links .dropdown-btn {
 /* padding:0.8em 0 0.8em 0; */
  font-size:1em;
 }

 /* 1st level links/dropdowns */
 .dropdown-container a, .dropdown-container .dropdown-btn {
/*  padding: 0.8em 1em 0.8em 1em; */
  font-size:0.9em;
 }

 .dropdown-container a.featured {
/*  padding: 0 1em 0.8em 1em; */
 }
 .dropdown-container a.featured span {
  height:1.3em;
  /*width: calc(100% - 86px);*/
 }

 /* 2nd level links/dropdowns */
 .dropdown-container .dropdown-container a, .dropdown-container .dropdown-container .dropdown-btn {
  padding: 0.8em 1em 0.8em 1.5em;
  font-size:0.8em;
 }
 /* 3nd level links/dropdowns */
 .dropdown-container .dropdown-container .dropdown-container a, .dropdown-container .dropdown-container .dropdown-container .dropdown-btn {
  /*padding: 0.7em 1.0em 0.7em 2em;*/
  font-size:0.7em;
 }

}

