﻿
/*Navigation*/
.new-page-indicator { background-image: url(/portals/_default/skins/Activation/images/external-link.png) !important; background-repeat: no-repeat !important; background-position: 96% 9px !important;}
@media screen and (max-width: 1200px ) {.new-page-indicator { background-position: 96% 9px !important; }}
@media screen and (max-width: 990px ) {.new-page-indicator { background-position: 96% 15px  !important; }}
@media screen and (max-width: 800px ) {.new-page-indicator { background-position: 96% 15px !important; background-image: url(/portals/_default/skins/activation/images/external-link-white.png) !important; background-repeat: no-repeat !important;}}

.navbar {-webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; margin-bottom: 0}
.navbar-default { background-color: transparent; border: none}
.navbar-collapse { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none}
.navbar-nav ul.sm-nowrap > li > a { white-space: pre-wrap !important;}
.navbar .menuItem a {color: #2c3958 !important;}/*Default Colors*/
.navbar .menuItem a:hover, .navbar .menuItem a.highlighted { background-color: #59342D !important; color: #fff !important;}
#dnnMenu .dropdown-menu li.active > a, #dnnMenu .dropdown-menu li.active a:hover, #dnnMenu .dropdown-menu li.active a:focus { font-weight: 600}
.navbar .menuItem ul a:hover { background-color: #59342D !important; color: #fff !important;}/*Garnet and White Hover*/
.navbar ul ul .menuItem a:hover {background-color: #59342D !important; color: #fff !important;}
.navbar .menuItem.open.dropdown > a span {color: #fff !important;}
.menuItem .caret { display: none}
.dropdown-menu > li > a { }
.dropdown-menu { border: none;}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
.navbar-default .navbar-toggle { border-color: #fff;}
#dnnMenu .menuItem { word-wrap: break-word;}
#dnnMenu .navbar-default .topLevel > li > a { -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s}
#dnnMenu .dropdown-menu { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;  padding: 0}
#dnnMenu .dropdown-menu::after { bottom: 100%;  left: 35%;  border: solid transparent;  content: " ";  height: 0;  width: 0;  position: absolute;  pointer-events: none;  border-color: rgba(255,255,255,0);  border-bottom-color: #f1f1f1;  border-width: 10px;margin-left:23px;  }
#dnnMenu .dropdown-menu li { background: rgba(255, 255, 255, 0.9); float: none; clear: both; width: auto; padding: 5px 5px; border-bottom: 1px solid #e1e1e1; -o-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; transition: all .3s ease 0s}
#dnnMenu .dropdown-menu li:last-child { border: none}
#dnnMenu .dropdown-menu li > a {background: transparent; padding: 12px 20px;}


@media screen and (min-width: 768px) {
#dnnMenu,
.navbar,
.navbar-nav { width: 100%;  float: left}
#dnnMenu > ul.nav.topLevel > li:nth-of-type(5) > a { padding-left: 30px; margin-right: 0; padding-right: 30px;}
#dnnMenu { margin-bottom: 10px;}
#dnnMenu ul.nav li:last-child a { margin-right: 0;}
.menuItem {width: 20%;text-align: center;}
body #navbar {padding: 0}
#dnnMenu .topLevel > .menuItem > a.has-submenu {background: rgba(255, 255, 255, 0.8); text-transform: uppercase; font-weight: 900; margin-right: 5px;text-transform: uppercase;  height: 100px !important;}
}

@media screen and (min-width: 1200px) {
.dropdown-menu.subLevel { width: 230px !important; max-width: 230px !important;}
#dnnMenu .topLevel > .menuItem > a.has-submenu {height: 65px !important;}
.navbar-nav.topLevel li:last-child .dropdown-menu.subLevel { width: 230px !important; max-width: 230px !important;}
}
@media (min-width: 768px) { #dnnMenu .menuItem {  max-width: 720px; }}
@media (min-width: 768px) and (max-width: 990px) { #dnnMenu { margin-top: 10px;}}
@media (min-width: 992px) {#dnnMenu .menuItem { max-width: 940px;}}
@media (min-width: 1200px) {#dnnMenu .menuItem { max-width: 1138px;}}

@media only screen and (min-width:768px) and (max-width:995px) { #dnnMenu .nav li {  font-size: 15px }}

@media only screen and (max-width:768px) {
#breadcrumbs { display: none;}
.main-navigation { height: auto; width: 100% }
nav { display: none}
#navbar-top-wrapper {clear: both; position: relative}
#navbar { float: none !important}
.navbar .menuItem { text-align: left}
.navbar .menuItem a.has-submenu { background: #fff;  text-transform: none;  font-weight: bold;  color: #39455d !important; } /*parent text */
navbar .menuItem.open, .navbar .menuItem a:hover {background: #fff !important;  }/*parent text background default*/
 /*.dropdown-menu > li > a { color: #000}*/
 .navbar .menuItem.open.dropdown a.has-submenu span { color: #34435d !important; }/*parent text selected hover */
 #dnnMenu .topLevel li.active a { font-weight: bold; color: #34435d !important;}/*parent text selected active */
.dropdown-menu { border: none;}
 #dnnMenu .topLevel li a span { line-height: 25px; margin: 0; padding: 0 40px 0 0; font-size: 15px;}
 #dnnMenu .topLevel li a span.sub-arrow {padding: 15px;}
 /*a.has-submenu highlighted { color: #000 !important; }*/
.navbar-nav.sm-collapsible a.has-submenu {padding-right: 75px;}
.navbar .menuItem a.has-submenu { height: 62px !important;}
#dnnMenu .dropdown-menu {padding: 0}
#dnnMenu .dropdown-menu::after { border: none; pointer-events: none; border-color: none;  border-width: 0 }
#dnnMenu .dropdown-menu.subLevel {padding: 0;}
#dnnMenu .dropdown-menu.subLevel li { background: #e8e8e8; border-bottom: 3px solid #ffffff; padding: 0 }/*Dropdown background*/
#dnnMenu .topLevel li { position: relative; list-style-type: none; float: none; width: 100%; margin-bottom: 0; border-top: 1px solid rgba(0,0,0,.1)}
#dnnMenu .topLevel li a {display: block; -webkit-transition: all .2s ease 0s;-moz-transition: all .2s ease 0s;-o-transition: all .2s ease 0s; transition: all .2s ease 0s;padding-top: 5px;padding-bottom: 5px}
#dnnMenu .topLevel li a:hover span { }
#dnnMenu .topLevel li a span {line-height: 52px;margin: 0; padding: 0 15px; font-size: 15px}
#dnnMenu .topLevel .dropdown.open a span { }
#dnnMenu .topLevel .dropdown-menu.subLevel a span { color: #34435d;font-weight:bold;  }/*child text drop down*/
#dnnMenu .topLevel > li > a { }
.navbar .menuItem a:hover, .navbar .menuItem a.highlighted { background-color: #fff !important; color: #34435d !important;}
#dnnMenu .dropdown.open .subLevel > li a:hover span { color: #34435d /*child text drop down hover*/}
#dnnMenu .dropdown.open .subLevel > li a:hover { background-color: #e8e8e8 !important; }/*child background drop down hover*/
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { position: absolute; right: 0; padding: 0; width: 65px; height: 62px; line-height: 60px; text-align: center; border-width: 1px; border-style: solid; top: 0; border: none;  background-color: #e8e8e8; display: block; margin: 0; border-radius: 0; font-size: 1.3em;} /*Dropdown background open and close*/
}

