/**
 * This file will be included in header in every page after foundation.
 * It should be used for content that relates
 * to your site as a whole, it should not be used for plugin-specific css.
 */

/*** Header Nav ***/



/*
 * Widget Primary Nav
 */
 .widget-primary-nav {text-align: right;}
 .widget-primary-nav .nav-item {
	 display: inline-block;
	 cursor: pointer;
	 border-bottom: solid 2px rgba(252,104,24,0);
	 padding-left: 12px;
	 padding-right: 12px;
	 min-height: 35px;
 }
 .widget-primary-nav.microsite .nav-item {
	 padding-left: 8px;
	 padding-right: 8px;
 }
 .widget-primary-nav .nav-item.current > a {color: #fc6818;}
 .widget-primary-nav .child-nav-item {
	 color: #fff;
	 font-size: 15px;
	 font-family: 'Noto Sans', sans-serif;
	 font-weight: 400;
	 display: block;
	 padding: 8px 10px 8px;
	 margin-right: 35px;
 }
 .widget-primary-nav .child-nav:not(:first-child) a {
	 border-bottom: solid 1px rgba(255,255,255,0.20);
 }
 .widget-primary-nav .child-nav:hover > a,
 .widget-primary-nav .child-nav .deep-nav a.child-nav-item:hover {
	 background-color: rgba(255,255,255,0.20);
 }
 .widget-primary-nav .child-nav > a i.fa {
	 color: #ee9a2f;
	 font-weight: bold;
	 line-height: 1.4;
	 font-size: 18px;
	 float: right;
 }
 .widget-primary-nav .nav-item .parent {
	 color: #ff9715;
	 font-family: "mostra-nuova", sans-serif;
	 font-weight: 400;
	 font-size: 20px;
	 text-transform: uppercase;
	 display: block;
	 padding: 5px 10px 6px;
	 margin-right: 35px;
	 border-bottom: solid 1px rgba(255,255,255,0.20);
 }
 .juneau_cares .widget-primary-nav .nav-item .parent {
	 border-bottom: solid 1px rgba(145, 155, 104, 0.2);
 }
 .widget-primary-nav .nav-item .sub-menu {
	 position: absolute;
	 top: 107px;
	 width: 100%;
	 text-align: left;
	 left: 0;
	 opacity: 0;
	 pointer-events: none;
	 z-index: 2001;
	 background-color: rgba(0,36,60,0.85);
 }
 .juneau_cares .widget-primary-nav .nav-item .sub-menu {
	 background-color: rgba(124, 132, 67, 0.85);
 }
 .widget-primary-nav .nav-item:hover {
	 border-bottom: solid 2px rgba(252,104,24,1);
	 -webkit-transition: all 225ms ease-in-out;
	 -moz-transition:    all 225ms ease-in-out;
	 -o-transition:      all 225ms ease-in-out;
	 transition:         all 225ms ease-in-out;
 }
 .widget-primary-nav .nav-item:hover .sub-menu {
	 opacity: 1;
	 pointer-events: all;
	 -webkit-transition: all 225ms ease-in-out;
	 -moz-transition:    all 225ms ease-in-out;
	 -o-transition:      all 225ms ease-in-out;
	 transition:         all 225ms ease-in-out;
 }
 .widget-primary-nav .nav-item .nav-link {
	 color: #00416d;
	 font-size: 17px;
	 text-transform: uppercase;
	 font-family: "mostra-nuova", sans-serif;
	 font-weight: 700;
 }
 .widget-primary-nav .nav-item .nav-link .columns {
	padding-right: 0;
 }
 .juneau_cares .widget-primary-nav .nav-item .nav-link {
	 color: #66732d;
 }
 .bmp_brand .widget-primary-nav .nav-item .nav-link {
	 color: var(--bmp-microsite-dark-green);
 }
 .widget-primary-nav.microsite .nav-item .nav-link {
	 font-size: 15px;
 }
 .widget-primary-nav a.child-nav-item.current,
 .widget-primary-nav a.child-nav-item.selected {color: #fc6818;}
 
 .widget-primary-nav .nav-item .sub-menu .child-links {
	 padding: 20px 0 20px 5px;
 }
 
 .widget-primary-nav .nav-image {
	 background-color: rgba(49, 112, 183, 0.25);
	 padding: 35px;
 }
 .juneau_cares .widget-primary-nav .nav-image {
	 background-color: rgba(89, 92, 56, 0.25);
 }
 .widget-primary-nav .nav-image img {
	 width: 100%;
	 border: 1px solid #e7ebef;
 }
 .widget-primary-nav .nav-image h4 {
	 color: #fff;
	 font-family: "mostra-nuova", sans-serif;
	 font-size: 20px;
	 font-weight: 400;
	 margin-top: 8px;
 }
 .widget-primary-nav .nav-image p {
	 color: #fff;
	 font-family: 'Noto Sans', sans-serif;
	 font-size: 14px;
 }
 .widget-primary-nav .nav-image p > a {
	 font-weight: bold;
	 color: #ff6800;
 }
 
 .widget-primary-nav .deep-nav {
	 opacity: 0;
	 pointer-events: none;
	 width: 100%;
	 height: 100%;
	 padding: 56px 30px 20px 50px;
	 margin: 0;
	 position: absolute;
	 top: 0;
	 right: -87%;
	 list-style: none;
 }
 
 .widget-primary-nav .child-nav:hover > .deep-nav {
	 opacity: 1;
	 pointer-events: all;
	 -webkit-transition: all 225ms ease-in-out;
	 -moz-transition:    all 225ms ease-in-out;
	 -o-transition:      all 225ms ease-in-out;
	 transition:         all 225ms ease-in-out;
 }
 
 /*
  * Widget Dtn Ad (within nav dropdown)
  */
  .widget-dtn-ad {}
  .widget-dtn-ad .image {
	 display: block;
	 border: solid 2px #fff;
	 margin-bottom: 11px;
 }
  .widget-dtn-ad .image img {width: 100%;}
 .widget-dtn-ad .title {
	 color: #fff;
	 font-size: 20px;
	 font-family: "mostra-nuova", sans-serif;
	 font-weight: 400;
	 margin-bottom: 4px;
	 text-transform: uppercase;
	 display: block;
 }
 .widget-dtn-ad .text {
	 color: #fff;
	 font-size: 14px;
	 font-family: 'Noto Sans', sans-serif;
	 font-weight: 400;
	 line-height: 20px;
 }
 .widget-dtn-ad .more {
	 color: #fc6818;
	 font-weight: 700;
 }
 
 
 /*
  * Widget Secondary Nav
  */
 .widget-secondary-nav {
	 padding-top: 8px;
	 margin: 0;
	 list-style: none;
 }
 .widget-secondary-nav > li {
	 display: inline-block;
	 position: relative;
	 margin-right: 10px;
	 z-index: 1;
 }
 .widget-secondary-nav > li:last-child {
	 margin-right: 0;
 }
 
 .widget-secondary-nav > li::before {
	 display: none;
 }
 
 .widget-secondary-nav > li:not(:last-child)::after {
	 color: #8c959b;
	 content: "|";
	 font-size: 10px;
	 margin-left: 5px;
	 position: absolute;
	 top: 5px;
 }
 .widget-secondary-nav > li > a {
	 display: block;
	 padding: 5px 10px;
	 color: #8c959b !important;
	 font-size: 12px;
	 font-family: 'Noto Sans', sans-serif;
	 font-weight: 400 !important;
 }
 .widget-secondary-nav > li:hover > a {
	 color: #fff !important;
	 background-color: rgba(0, 36, 61, 0.95);
	 -webkit-transition: all 225ms ease-in-out;
	 -moz-transition:    all 225ms ease-in-out;
	 -o-transition:      all 225ms ease-in-out;
	 transition:         all 225ms ease-in-out;
 }
 .bmp_brand .widget-secondary-nav > li:hover > a {
	 background-color: var(--bmp-microsite-dark-green);
 }
 .widget-secondary-nav > li > a i.fa {
	 color: #ff9800;
	 margin-left: 5px;
	 font-weight: bold;
	 font-size: 14px;
	 position: relative;
	 top: 1px;
 }
 .widget-secondary-nav > li:hover > a i.fa {
	 transform: rotate(180deg);
	 transform-origin: 50% 50%;
 }
 .widget-secondary-nav .dropdown {
	 width: 300px;
	 opacity: 0;
	 pointer-events: none;
	 background-color: rgba(0, 36, 61, 0.95);
	 -webkit-transition: all 225ms ease-in-out;
	 -moz-transition:    all 225ms ease-in-out;
	 -o-transition:      all 225ms ease-in-out;
	 transition:         all 225ms ease-in-out;
	 padding: 0;
	 margin: 0;
	 list-style: none;
	 position: absolute;
	 padding: 10px;
	 text-align: left;
	 z-index: 2;
 }
.bmp_brand .widget-secondary-nav .dropdown {
	 background-color: var(--bmp-microsite-dark-green);

 }
 .widget-secondary-nav > li:hover > .dropdown {
	 opacity: 1;
	 pointer-events: all;
 }
 .widget-secondary-nav .dropdown > li::before {
	 display: none;
 }
 .widget-secondary-nav .dropdown > li > a {
	 display: block;
	 padding: 7px 12px;
	 border-bottom: 1px solid #405b6e;
	 color: #fff;
	 font-size: 15px;
	 font-family: 'Noto Sans', sans-serif;
 }
 .widget-secondary-nav .dropdown > li:hover > a {
	 background-color: rgba(255, 255, 255, 0.2);
 }
 .widget-secondary-nav .dropdown > li:first-child > a {
	 color: #ff9800;
	 font-family: "mostra-nuova", sans-serif;
	 font-size: 20px;
	 text-transform: uppercase;
 }
 
 /*
  * Nav Within Mobile
  */
 
 .widget-mobile-nav nav {background-color: rgba(14,47,70,0.95);}
 .bmp_brand .widget-mobile-nav nav {background-color: rgba(50, 89, 74, .95);}
 .juneau_cares .widget-mobile-nav nav {background-color: rgba(124, 132, 67, 0.85);}
 .widget-mobile-nav nav a {
	 color: #fff;
	 display: block;
	 position: relative;
	 padding: 6px 13px 6px;
	 font-size: 20px;
	 text-transform: uppercase;
	 font-family: "mostra-nuova", sans-serif;
	 font-weight: 100;
	 border-bottom: solid 1px #506c84;
 }
 .juneau_cares .widget-mobile-nav nav a {
	border-bottom: solid 1px white;
 }
 .widget-mobile-nav nav .item.active a {
	 opacity: 0.8;
 }
 .widget-mobile-nav .widget-main-nav-mobile > .item:last-child > a {
	 padding-bottom: 10px;
 }
 .widget-mobile-nav .widget-secondary-nav-mobile > .item:first-child > a {
	 padding-top: 9px;
 }
 .widget-mobile-nav nav.footer-section::before{
	 content: " ";
	 color: #fff;
	 display: block;
	 position: relative;
	 padding: 8px 13px 6px;
	 font-size: 20px;
	 text-transform: uppercase;
	 font-family: "mostra-nuova", sans-serif;
	 font-weight: 400;
	 border-bottom: solid 1px #506c84;
	 height: 38px;
 }
 .widget-mobile-nav nav .item.active > a,
 .widget-mobile-nav nav .item.current > a {color: #fc6818; font-weight: 400;}
 .widget-mobile-nav nav .children .item.active > a,
 .widget-mobile-nav nav .children .item.current > a {color: #fc6818; font-weight: 400;}
 .widget-mobile-nav nav .item a [data-open-trigger] {
	 background-image: url("/includes/public/assets/images/sprite-plus-minus.png");
	 background-position: left 5px center;
	 background-repeat: no-repeat;
	 display: block;
	 height: 25px;
	 position: absolute;
	 right: 8px;
	 top: 5px;
	 width: 25px;
 }
 .widget-mobile-nav nav .item.active > a [data-open-trigger] {
	background-position: left -15px center;
	width: 23px;
 }
 .widget-mobile-nav .item .children {display: none;}
 .widget-mobile-nav .item.active > .children {display: block;}
 .widget-mobile-nav nav .children a {
	 font-size: 20px;
	 text-transform: none;
	 padding-left: 35px;
 }
 .widget-mobile-nav nav .children .children a { 
	 padding-left: 55px;
	 font-size: 18px;
 }
 .widget-mobile-nav nav .children .children .children a { padding-left: 80px; }
 /* backgorund colors */
 .widget-mobile-nav nav .item.active { background-color: rgba(53,113,181,0.20); }
 .juneau_cares .widget-mobile-nav nav .item.active { background-color: rgba(87, 98, 38, 0.2); }
 .widget-mobile-nav nav .children .children .item.active {background-color: rgba(53,113,181,0.20);}
 /* secondary styles */
 .widget-mobile-nav .widget-secondary-nav-mobile a {
	 font-size: 12px;
	 text-transform: none;
	 font-family: 'Noto Sans', sans-serif;
	 font-weight: 100;
	 opacity: 0.89;
 }
 .widget-mobile-nav .widget-secondary-nav-mobile .children a {font-size: 12px;}
 .widget-mobile-nav .widget-secondary-nav-mobile .children .children a {font-size: 12px;}
 
 
 /*
  * Breadcrumb nav
  */
 .breadcrumb-nav {
	 margin-bottom: 10px;
	 float: left;
 }
 
 ul.breadcrumb {
	 margin: 0;
	 padding: 10px 0;
	 list-style: none;
 }
 ul.breadcrumb li {
	 display: inline-block;
	 margin-right: 10px;
	 position: relative;
	 color: #00416d;
	 font-family: "mostra-nuova", sans-serif;
	 font-size: 18px;
	 font-weight: 700;
 }
 ul.breadcrumb li:last-of-type {
	 margin-right: 0;
 }
 ul.breadcrumb li::before {
	 display: none;
 }
 ul.breadcrumb li::after {
	 content: '\00BB';
	 display: inline-block;
	 position: absolute;
	 top: -1px;
	 right: -11px;
 }
 ul.breadcrumb li:last-of-type::after {
	 display: none;
 }
 
 ul.breadcrumb li > a {
	 padding: 5px;
	 color: #00416d;
	 font-family: "mostra-nuova", sans-serif;
	 font-size: 18px;
	 font-weight: 700;
	 text-transform: uppercase;
 }
 ul.breadcrumb li:first-of-type > a {
	 padding-left: 0;
 }
 ul.breadcrumb li:last-of-type > span {
	 padding: 5px;
	 cursor: default;
	 color: #ee9a2f;
	 text-transform: uppercase;
 }
 ul.breadcrumb li:first-of-type > span {
	 padding-left: 0;
 }
 
 /*
  * Widget Interior Nav
  */
 .widget-interior-nav {display: none;}
 .widget-interior-nav.activeSection {display: block;}
 .widget-interior-nav .interior-nav {
	 position: absolute;
	 top: -49px;
	 left: 0px;
	 background-color: #fff;
	 border-radius: 11px 11px 0 0;
	 z-index: 2000;
	 overflow: hidden;
 }
 .widget-interior-nav.active .interior-nav {
	 box-shadow: 0px 1px 16.2px 1.8px rgba(0, 36, 60, 0.2);
	 border-radius: 11px;
	 padding-bottom: 16px;
 }
 .widget-interior-nav .widget-title {
	 width: 300px;
	 height: 30px;
	 border-radius: 8px 8px 0 0;
	 cursor: pointer;
	 color: #00416d;
	 font-size: 18px;
	 line-height: 22px;
	 text-transform: uppercase;
	 font-family: "mostra-nuova", sans-serif;
	 font-weight: 700;
	 padding: 8px 0px 0 19px;
	 position: relative;
	 background-image: url("/includes/public/assets/images/pattern-arches-light.png");
 }
 .widget-interior-nav.active .widget-title {background-image: none;}
 .widget-interior-nav .widget-title::before {
	 content: "";
	 position: absolute;
	 top: 15px;
	 right: 17px;
	 background-image: url("/includes/public/assets/images/icon-dropdown-arrow-orange.png");
	 width: 19px;
	 height: 11px;
	 transform: rotate(0deg);
	 -webkit-transition: all 250ms ease-in-out;
	 -moz-transition:    all 250ms ease-in-out;
	 -o-transition:      all 250ms ease-in-out;
	 transition:         all 250ms ease-in-out;
 }
 .widget-interior-nav.active .widget-title::before {transform: rotate(-180deg);}
 .widget-interior-nav nav a {
	 font-size: 14px;
	 color: #3571b5;
	 display: block;
	 font-family: 'Noto Sans', sans-serif;
	 font-weight: 400;
	 padding: 8px 0 6px 15px;
	 min-height: 40px;
	 line-height: 24px;
 }
 .widget-interior-nav nav > .nav-item:not(:last-child) {border-bottom: solid 1px #e1eaf4;}
 .widget-interior-nav nav > .nav-item.active > .children {padding-bottom: 9px;}
 .widget-interior-nav nav.links {
	 display: none;
	 padding-left: 3px;
	 padding-right: 3px;
	 padding-bottom: 3px;
	 padding-top: 21px;
 }
 .widget-interior-nav.active nav.links {display: block;}
 .widget-interior-nav nav .nav-item a {position: relative;}
 .widget-interior-nav nav .nav-item.active,
 .widget-interior-nav nav .nav-item.current {background-color: rgba(53,113,181,0.10);}
 .widget-interior-nav nav .nav-item a [data-open-trigger] {
	 background-image: url("/includes/public/assets/images/sprite-plus-minus-blue.png");
	 background-position: left 5px center;
	 background-repeat: no-repeat;
	 display: block;
	 height: 21px;
	 position: absolute;
	 right: 13px;
	 top: 9px;
	 width: 19px;
	 background-size: 25px auto;
 }
 .widget-interior-nav nav .nav-item.active > a [data-open-trigger] {
	 background-position: left -11px center;
	 width: 17px;
 }
 .widget-interior-nav .nav-item > .children {display: none;}
 .widget-interior-nav .nav-item.active > .children {display: block;}
 .widget-interior-nav nav .children a {padding-left: 26px; padding-right: 4px;}
 .widget-interior-nav nav .children .children a {padding-left: 52px;}
 .widget-interior-nav nav .children .children .children a { padding-left: 80px; }
 @media only screen and (max-width: 64em) {
	 .widget-interior-nav {display: none !important;}
 }