/ Used to override the tag in the themes CSS files /
body {
background-color: #FFF !important;
}
a.skip-main {
left:-999px;
position:absolute;
top:auto;
width:1px;
height:1px;
overflow:hidden;
z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
color: #fff;
background-color:#5a5a5a;
left: auto;
top: auto;
width: 25%;
height: auto;
overflow:auto;
margin: 10px 35%;
padding:4px;
text-align:center;
font-size:1.2em;
z-index:999;
}
.desktopMenu {
background-color: transparent;
}
#www-TopNavBar .navbar {
border: none!important;
}
#www-TopNavBar .navbar-inverse {
background-color: transparent !important;
border-color: transparent !important;
padding:4px 0;
}
#www-TopNavBar .navbar-inverse .navbar-toggle {
border:none!important;
}
#www-TopNavBar.navbar-inverse .pull-right {
background-color: #FFF !important;
}
.col-sm-12, .col-xs-3, .col-xs-6 {
padding-left: 0px !important;
padding-right: 0px !important;
}
/*** Hamburger Menu ***/
#www-TopNavBar .navbar-toggle {
display: none!important;
background-color: transparent !important;
background-image: none !important;
float: none !important;
border-radius: 0 0 !important;
margin: 0 0 0 5px !important;
}
.navbar-toggle .ham-icon[name="menu-outline"],
.navbar-toggle .ham-icon[name="close-outline"] {
width: 2.2em;
height: 2.6em;
display: block;
}
.www-navWrapper .navbar-collapse.collapse,
.www-navWrapper .navbar-collapse.collapse.in {
display: block !important;
}
#www-TopNavBar {
width: fit-content !important;
border-top: none !important;
border-bottom: none !important;
}
.www-navWrapper {
background-color: #CECECE;
position: relative;
}
.www-navWrapper nav {
max-width: 1000px;
display: flex;
gap: 5px;
height: auto;
width: auto;
margin-inline: auto;
}
.www-NavButtonBox {
width: auto;
right: -2.4%;
}
#www-TopNavBar.navbar {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin-bottom: 0;
margin: 0 auto;
}
.navbar-default {
background-color: transparent;
border: none;
}
.navbar-collapse {
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/* Disclosure Menu **/
.www-navWrapper .disclosure-nav {
background-color:transparent;
display: flex;
list-style-type: none;
padding: 0;
margin: 0;
border-left:none;
flex-wrap: wrap;
}
/* Top menu items */
.www-navWrapper .disclosure-nav .main-link,
.www-navWrapper .disclosure-nav .selected {
padding: 0.28em 0.78em;
text-decoration: none;
color:#000;
font-size: 1.1rem;
font-weight: bold;
border-left:1px solid #000;
}
.www-navWrapper .disclosure-nav > li .selected {
background-color:#AFAFAF;
}
.www-navWrapper .disclosure-nav button{
padding:0.28em 0.4em 0.28em 0.4em;
}
.www-navWrapper .disclosure-nav button:after{
margin-left:0;
}
.www-navWrapper .disclosure-nav ul {
border:1px solid #444;
border-top:5px solid #444;
border-bottom:3px solid #444;
min-width: 300px;
padding: 1em;
z-index: 100;
overflow: hidden;
border-radius: 0;
}
.www-navWrapper .disclosure-nav ul {
right:0;
left:0;
padding:0;
}
.www-navWrapper .disclosure-nav li {
border:none;
}
.www-navWrapper .disclosure-nav > li:hover {
display: flex;
position: relative;
background-color: #E0DFDF;
}
/**** This displays the title of the menu in the dropdown ****/
.www-navWrapper li.levelhighlightTop {
display:none; /*override*/
margin:0.18em 0 0 0.10em;
font-weight: bold;
text-transform: uppercase;
width: 100%;
font-size: 1.1em;
}
.www-navWrapper ul .menuItemsTopBox {
display: block;
position:inherit;
border: none;
border-top: none!important;
padding: 0;
width: min-content;
}
.www-navWrapper .menuItemsTopBox li {
border-bottom:1px solid #A4A4A4;
}
.www-navWrapper .menuItemsTopBox li:last-child {
border-bottom:none;
}
.www-navWrapper .disclosure-nav ul .menuItemsTopBox a:link,
.www-navWrapper .disclosure-nav ul .menuItemsTopBox a:visited,
.www-navWrapper .disclosure-nav ul .menuItemsTopBox a:active,
.www-navWrapper .disclosure-nav ul .menuItemsTopBox a.selected,
.www-navWrapper .disclosure-nav ul .menuItemsTopBox a:hover {
left:0;
border: 0;
color: #000;
padding: 0.28rem 0 0.28rem 0.58rem;
text-decoration: none;
font-size: 1.040rem;
}
.www-navWrapper .disclosure-nav ul .menuItemsTopBox a:hover {
background-color: #CECECE;
}
.www-navWrapper .disclosure-nav button:focus,
.www-navWrapper .disclosure-nav .main-link:focus {
border-color: transparent;
outline: 2px dotted rgb(6 55 50 / 100%);
}
/**** Controls the Top Menu dropdown arrow **/
.www-navWrapper .disclosure-nav button:hover,
.www-navWrapper .disclosure-nav button[aria-expanded="true"] {
background-color: #E0DFDF;
}
.www-navWrapper .disclosure-nav button:after {
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
.www-navWrapper .disclosure-nav button:hover::after,
.www-navWrapper .disclosure-nav button[aria-expanded="true"]::after {
border-color: #FFF;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
.www-navWrapper .disclosure-nav ul a:hover,
.www-navWrapper .disclosure-nav ul a:focus {
background-color: transparent;
}
.www-navWrapper .disclosure-nav ul a:focus {
outline: 2px dotted #000;
margin:2px 0;
}
/* 971 Fix **/
@media only screen and (max-width:991px) {
#www-TopNavBar {
padding-top: 0px;
margin-left: 0px;
}
/*** Hamburger Menu ***/
#www-TopNavBar .navbar-toggle {
display: block!important;
margin-left:6px!important
}
#www-TopNavBar .navbar-inverse {
background-color: white;
}
.www-navWrapper nav {
display: block;
}
.desktopMenu {
display: block;
}
.menuIcon-hidden{
display: none;
}
.www-headContainer {
padding:1em 0 2em 0;
margin-top:2em;
}
.navbar-toggle .ham-icon[name="menu-outline"],
.navbar-toggle .ham-icon[name="close-outline"] {
display: block;
cursor: pointer;
padding: 0 0.28rem;
margin: 0;
border: 1px solid grey;
border-radius: 4px;
color:#FFF;
}
.www-NavButtonBox {
margin-right:0;
}
#www-TopNavBar .navbar-inverse .navbar-toggle:focus {
padding:0;
outline: 1px dotted #42f103;
border:none;
margin-left:11px!important;
margin-top:1px!important;
}
.www-NavButtonBox .navbar.navbar-inverse {
margin-right: 0;
padding:0;
}
.www-navWrapper {
display: block;
}
.www-navWrapper .disclosure-nav ul {
border-top: 1px solid #ccc;
display: block;
}
/ Mobile Menu Styles **/
.www-navWrapper .disclosure-nav {
flex-direction: column;
margin-top:-2px;
}
/*** Level 1 Items /
.www-navWrapper, .www-navWrapper .disclosure-nav,
.www-navWrapper .disclosure-nav button {
border:none;
background-color: #3F3F3F;
}
.www-navWrapper .disclosure-nav button::after {
margin-left:0.48em;
}
.www-navWrapper .disclosure-nav .main-link {
background-color: #3F3F3F!important;
border-left: 1px solid #3F3F3F!important;
color:#FFF!important;
border-bottom: 1px solid #5C5C5C;
}
/*** Used for removing the hover when viewing hamburger menu from destop view ***/
.www-navWrapper .disclosure-nav li:hover {
margin: 0;
}
/*focus for the 1st level menus */
.www-navWrapper .disclosure-nav .main-link {
margin:1px 0;
}
#www-TopNavBar .navbar-inverse .navbar-toggle:focus {
border:none;
padding:0;
}
.www-navWrapper .disclosure-nav .main-link:focus,
/*focus for the 2nd level arrow */
.www-navWrapper .disclosure-nav button:focus {
outline:1px dotted #42f103;
}
.www-navWrapper .navbar-collapse.collapse {
display: none!important;
}
.www-navWrapper .navbar-collapse.collapse.show {
display: block!important;
}
/****/
/*** Arrow Items /
.www-navWrapper .disclosure-nav button[aria-expanded="false"],
.www-navWrapper .disclosure-nav button[aria-expanded="true"] {
position: absolute;
right: 0.28em;
top: 6px;
width: 2em;
}
.www-navWrapper .disclosure-nav button:hover::after,
.www-navWrapper .disclosure-nav button[aria-expanded="true"]::after {
border-color: #FFF!important;
}
.www-navWrapper .disclosure-nav button::after {
border-bottom: 1px solid #FFF!important;
border-right: 1px solid #FFF!important;
}
.www-navWrapper .disclosure-nav li,
.www-navWrapper .disclosure-nav li a.selected {
display:block;
}
.www-navWrapper .disclosure-nav li:last-child {
display:block;
}
.www-navWrapper .disclosure-nav ul a:hover,
.www-navWrapper .disclosure-nav ul a:focus {
background: #eaf9fc;
}
/****/
/*** 2nd Level Dropdown Menu Items /
.www-navWrapper .d2-level2-one {
width:100%!important;
border-radius: 0 0 0 0!important;
padding:0!important;
min-width:100%!important;
left:0!important;
border:none!important;
background-color:#000!important;
position: relative;
}
.www-navWrapper .disclosure-nav ul {
left:0;
}
.www-navWrapper ul .menuItemsTopBox {
display: block;
position:relative!important;
border-radius: 0 0 0 0!important;
width:100%!important;
}
.www-navWrapper .disclosure-nav ul .menuItemsTopBox a {
padding-left:1.8em;
color:#FFF;
}
.www-navWrapper .levelhighlightTop {
display:none!important;
}
.www-navWrapper .disclosure-nav > li:hover {
display: block;
background-color: #3f3f3f;
}
.www-navWrapper .disclosure-nav ul .menuItemsTopBox a:link,
.www-navWrapper .disclosure-nav ul .menuItemsTopBox a.selected {
padding-left:2rem;
}
.www-navWrapper .disclosure-nav ul .menuItemsTopBox a:hover {
transition-duration: 0s;
}
.www-navWrapper .disclosure-nav button:hover,
.www-navWrapper .disclosure-nav button[aria-expanded="true"] {
background-color: #3F3F3F;
}
}
@media only screen and (max-width:640px) {
.www-NavButtonBox {
top: 3.5em;
right:-0.48em;
}
}
@media only screen and (max-width:510px) {
#www-NavBarBkg #navBar.navbar-collapse.collapse.in {
margin-bottom:-2.5em;
background-color: #e2cd62;
}
}
@media only screen and (max-width:420px) {
.www-NavButtonBox {
top: 4em;
}
}