/*------------------------------------*\
Responsive Navigation
\*------------------------------------*/

/* Navigation styling */
.nav {position:relative;  float:left; display:inline-block; background:#edf1fc; font-size:14px; }
.nav,
.nav-item a { }
.nav-list { }
.nav-item {float:left; display:inline; zoom:1;}
.nav-item a {display:block; padding:15px 14px; color:#461f6d; border-left:#fff solid 1px; border-right:#dddddd solid 1px; line-height:14px;}
.nav-item:first-child a { border-left:none!important;}
.nav-item:last-child a { }
.nav-item a:hover,
.nav-item a.active {background:#461c72; color:#FFFFFF; text-decoration:none;}
/* Mobile Navigation */
.nav-mobile { display:none; /* Hide from browsers that don't support media queries */
cursor:pointer; position:absolute; top:8px; right:0; background:#512981; height:31px; text-align:center; line-height:31px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;  width:56px;}
.nav-mobile::before { content: "Menu"; }

.mobile-arrow-down { display:none;}


/*------------------------------------*\
Media Queries
\*------------------------------------*/


/*@media only screen and (min-width: 320px) and (max-width: 767px) {*/
@media only screen and (max-width: 767px) {
    .nav { position:absolute; top:0px; right:0px; z-index:999;}
    .mobile-arrow-down { display: block;}


    .nav,
    .nav-item a { }
    .nav-item a {border-bottom:#f0f0f1 solid 1px; border-left:none; border-right:none; color:#46206e; padding:20px 23px }
    .nav-item a:hover,
    .nav-item a.active {background:#f0e8fa; color:#46206e; text-decoration:none;}
    .mobile-arrow-down { position:absolute; top:-14px; right:20px;}
    .login-section .mobile-arrow-down { top:-16px;}
    ul.nav-list { margin-top:6px; position:relative;
        background:#FFFFFF;
        -o-box-shadow: 0px 3px 5px 0px rgba(51, 51, 55, 0.25);
        -webkit-box-shadow: 0px 3px 5px 0px rgba(51, 51, 55, 0.25);
        -moz-box-shadow:    0px 3px 5px 0px rgba(51, 51, 55, 0.25);
        box-shadow:         0px 3px 5px 0px rgba(51, 51, 55, 0.25);
    }


    .nav-mobile { display:block; }
    .nav { width:95%; background:none; padding:40px 0 0;   margin-right:2.5%;  }
    .nav-list { display:none; }
    .nav-item { width:100%; float:none;}
    .nav-item a {background:#fff; padding:20px 23px;}
    .nav-item:first-child a {}
    .nav-item:last-child a { }
    .nav-active {display:block;}
    .nav-mobile-open { }
}