/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== NAVIGATION:==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.topnav { max-width:80rem; margin:0 auto; background:var(--dkblue); position: relative; }
.topnav ul { text-align:right; padding:0; margin:0; display: flex; position: absolute; z-index: 100; right:0; }
.topnav li { display:inline-block; padding:0; }
.topnav li.search { background:var(--dkblue);  }
.topnav li.search .button { background:none; margin-bottom:0; border:none; color:var(--white); }
.topnav li.search .button:hover { color:var(--white); background:var(--secondary); }
.topnav li.search input { margin-bottom:0; border:none; }
.topnav li.social { padding:11px 9px 0; background:var(--dkblue); }
.topnav li.social > a { padding:0.7rem 0.25rem 0.9rem; display:inline; font-size:0.96rem; color:var(--white); }
.topnav li.social a:hover { color:var(--gold); background:none; }
.search-field { width:200px; width: 100%; height:40px; margin:0; padding: .5rem; border:none; background-color:var(--dkblue); -webkit-box-shadow:none; box-shadow:none; font-size:0.75rem; font-weight: 400; line-height: 1.5; color:var(--primary); }

header { background:var(--secondary) url('../images/bg-header.jpg') no-repeat 0 -70px; background-size:cover; padding:15px 0; position:relative; }
header { height:300px; }
header.home { background-position: 0 0; }
header.page-sub { height:250px; }
header .logo { max-width:115%; }
header pre { position:absolute; bottom:75px; color:var(--white); font-size:0.7rem; }

.header-title { position:absolute; bottom:25px; }
.header-title a { color:var(--white); }
.header-button { position:absolute; bottom:25px; right: 0 !important; }

header .nav { float:right; margin-top:20px; }
header .nav li { list-style:none; display:inline-block; text-transform:uppercase; padding:10px 0;}
header .nav li a { color:var(--white); text-decoration:none; font-size:0.875rem; font-weight:700; }
header .nav li a:hover { color:var(--secondary); background:var(--white); }

header .nav ul { text-align:left; padding:0; }
header .nav li li { padding:0; }
header .nav li li a { color:var(--secondary); font-size:0.8rem; font-weight:400; text-transform:none; }
header .nav li li a:hover { color:var(--secondary); background:var(--blue); }
header .nav li li a:active { color:var(--secondary); background:var(--blue); }
header .nav li li a:focus { color:var(--secondary); background:var(--blue); }
header .nav li.search .button { background:none; }
header .nav li.search .button:hover { color:var(--secondary); background:var(--white); }
header .nav li.social { padding:22px 0; margin-left:5px; }
header .nav li.social > a { padding:0.7rem 0.25rem 0.9rem; display:inline; font-size:0.96rem; }
header .nav li.social a:hover { color:var(--gold); background:none; }

.dropdown.menu > li > a { padding: 0.7rem 1rem 0.9rem; }
.dropdown.menu > li.is-active > a { background:var(--white); color:var(--secondary); }

.dropdown.menu > li.is-dropdown-submenu-parent > a { padding-right:1rem; }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after { border-width:0px; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu { top:49px; min-width:250px; }
.dropdown .is-dropdown-submenu a { padding:1rem 1.5rem; }
.is-dropdown-submenu { border:none; background:var(--white); z-index:100; margin-left:0; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after { border-width: 4px; border-color: transparent transparent transparent var(--secondary); }
.menu .is-active>a { background:var(--secondary); } 
.menu .is-active>a::after {  border-color: transparent transparent transparent var(--white)!important; } 

.resnav { text-align:right; }
.menu.vertical { padding-top:0px; }
.menu a, .menu .button { padding: 0.7rem 0.7rem; }

.drilldown a { padding:0.5rem 1rem; background:none; font-size:0.95rem; }
.drilldown .is-drilldown-submenu-parent > a::after { border-width:4px; border-color:transparent transparent transparent var(--secondary); }
.drilldown .is-drilldown-submenu { background:none; }
.drilldown .js-drilldown-back > a { font-size:0.8rem; font-weight:700; }
.drilldown .js-drilldown-back > a::before { border-width:4px; border-color:transparent var(--secondary) transparent transparent; }

.searchbar { height:60px; background:var(--secondary); /* overflow:hidden; */  }
.searchbar input {  width:95%; float:left; color:var(--white); background:var(--secondary); border:none; margin:0; padding:20px 15px 0; }
.searchbar [type='search']:focus { background:var(--secondary)!important; border:none; box-shadow:none; }
.searchbar .btn-search { float:right; background:var(--secondary); font-size:1.1rem; margin-bottom:0; padding-top:20px; position:absolute; }

.off-canvas { background: var(--secondary); }
.off-canvas a { color:var(--white); }
.off-canvas .drilldown .js-drilldown-back > a::before { border-color: transparent var(--white) transparent transparent; }
.off-canvas .menu li a { font-size:1rem; padding-left:11px; }
.off-canvas .sub-menu li a { font-size:0.8rem; padding-left:11px; padding-bottom:0; }
.off-canvas .sub-menu li { padding-bottom:0; /*border-bottom:var(--white50) 1px solid;*/ }