.bg-nav-blue.open, .body-blue .spectator-header h1, .main-header-nav>ul>li.bg-nav-blue>ul, .bg-nav-blue>a:focus {background-color:rgba(0, 161, 222, 0.75);}
.bg-nav-green.open, .body-green .spectator-header h1, .main-header-nav>ul>li.bg-nav-green>ul, .bg-nav-green>a:focus {background-color:rgba(122, 184, 0, 0.75);}
.bg-nav-grey.open, .body-grey .spectator-header h1, .main-header-nav>ul>li.bg-nav-grey>ul, .bg-nav-grey>a:focus {background-color:rgba(153, 153, 153, 0.75);}
.bg-nav-lime.open, .body-lime .spectator-header h1, .main-header-nav>ul>li.bg-nav-lime>ul, .bg-nav-lime>a:focus {background-color:rgba(190, 214, 0, 0.75);}
.bg-nav-orange.open, .body-orange .spectator-header h1, .main-header-nav>ul>li.bg-nav-orange>ul, .bg-nav-orange>a:focus {background-color:rgba(233, 131, 0, 0.75);}
.bg-nav-pink.open, .body-pink .spectator-header h1, .main-header-nav>ul>li.bg-nav-pink>ul, .bg-nav-pink>a:focus {background-color:rgba(203, 0, 124, 0.75);}
.bg-nav-purple.open, .body-purple .spectator-header h1, .main-header-nav>ul>li.bg-nav-purple>ul, .bg-nav-purple>a:focus {background-color:rgba(82, 35, 152, 0.75);}
.bg-nav-red.open, .body-red .spectator-header h1, .main-header-nav>ul>li.bg-nav-red>ul, .bg-nav-red>a:focus {background-color:rgba(210, 73, 42, 0.75);}
.bg-nav-teal.open, .body-teal .spectator-header h1, .main-header-nav>ul>li.bg-nav-teal>ul, .bg-nav-teal>a:focus {background-color:rgba(0, 154, 166, 0.75);}
.bg-nav-yellow.open, .body-yellow .spectator-header h1, .main-header-nav>ul>li.bg-nav-yellow>ul, .bg-nav-yellow>a:focus {background-color:rgba(234, 171, 0, 0.75);}

ul.sidebar-nav.blue a {color:#007fdb;}
ul.sidebar-nav.green a {color:#558300;}
ul.sidebar-nav.grey a {color:#6c6c6c;}
ul.sidebar-nav.lime a {color:#BED600;}
ul.sidebar-nav.orange a{color:#b26200;}
ul.sidebar-nav.pink a {color:#cb007c;}
ul.sidebar-nav.purple a {color:#522398;}
ul.sidebar-nav.red a {color:#d04829;}
ul.sidebar-nav.teal a {color:#00838e;}
ul.sidebar-nav.yellow a {color:#EAAB00;}

ul.sidebar-nav.blue a:hover, ul.sidebar-nav.blue a:focus {color:#4EC3E8;}
ul.sidebar-nav.green a:hover, ul.sidebar-nav.green a:focus {color:#B7D664;}
ul.sidebar-nav.grey a:hover, ul.sidebar-nav.grey a:focus {color:#B8BABC;}
ul.sidebar-nav.lime a:hover, ul.sidebar-nav.lime a:focus {color:#E8E857;}
ul.sidebar-nav.orange a:hover, ul.sidebar-nav.orange a:focus{color:#FCB53B;}
ul.sidebar-nav.pink a:hover, ul.sidebar-nav.pink a:focus {color:#EA6DA9;}
ul.sidebar-nav.purple a:hover, ul.sidebar-nav.purple a:focus {color:#8869AE;}
ul.sidebar-nav.red a:hover, ul.sidebar-nav.red a:focus {color:#F68C4C;}
ul.sidebar-nav.teal a:hover, ul.sidebar-nav.teal a:focus {color:#5BB8B3;}
ul.sidebar-nav.yellow a:hover, ul.sidebar-nav.yellow a:focus {color:#FFDD4F;}


.main-header-nav>ul>li>ul>li.selected>ul.bg-blue li a:hover, .main-header-nav>ul>li>ul>li.selected>ul.bg-blue li a:focus{background-color:#4EC3E8;}
.main-header-nav>ul>li>ul>li.selected>ul.bg-green li a:hover, .main-header-nav>ul>li>ul>li.selected>ul.bg-green li a:focus{background-color:#B7D664;}
.main-header-nav>ul>li>ul>li.selected>ul.bg-grey li a:hover, .main-header-nav>ul>li>ul>li.selected>ul.bg-grey li a:focus{background-color:#B8BABC;}
.main-header-nav>ul>li>ul>li.selected>ul.bg-lime li a:hover, .main-header-nav>ul>li>ul>li.selected>ul.bg-lime li a:focus{background-color:#E8E857;}
.main-header-nav>ul>li>ul>li.selected>ul.bg-orange li a:hover, .main-header-nav>ul>li>ul>li.selected>ul.bg-orange li a:focus{background-color:#FCB53B;}
.main-header-nav>ul>li>ul>li.selected>ul.bg-pink li a:hover, .main-header-nav>ul>li>ul>li.selected>ul.bg-pink li a:focus{background-color:#EA6DA9;}
.main-header-nav>ul>li>ul>li.selected>ul.bg-purple li:not(.section) a:hover, .main-header-nav>ul>li>ul>li.selected>ul.bg-purple li:not(.section) a:focus{background-color:#8869AE;}
.main-header-nav>ul>li>ul>li.selected>ul.bg-red li a:hover, .main-header-nav>ul>li>ul>li.selected>ul.bg-red li a:focus{background-color:#F68C4C;}
.main-header-nav>ul>li>ul>li.selected>ul.bg-teal li a:hover, .main-header-nav>ul>li>ul>li.selected>ul.bg-teal li a:focus{background-color:#5BB8B3;}
.main-header-nav>ul>li>ul>li.selected>ul.bg-yellow li a:hover, .main-header-nav>ul>li>ul>li.selected>ul.bg-yellow li a:focus{background-color:#FFDD4F;}

ul.sidebar-nav.blue>li {background-color: rgba(0, 161, 222, 0.11);}
ul.sidebar-nav.purple>li{background-color: rgba(78, 53, 148, 0.11);}
ul.sidebar-nav.pink>li{background-color: rgba(203, 0, 124, 0.1);}
ul.sidebar-nav.teal>li{background-color: rgba(0, 154, 166, 0.14);}
ul.sidebar-nav.red>li{background-color: rgba(210, 73, 42, 0.16);}

/*ul.sidebar-nav.blue>li>ul>li {background-color: rgba(0, 161, 222, 0.11);}*/
/*ul.sidebar-nav.purple>li>ul>li {background-color: rgba(78, 53, 148, 0.11);}*/
/*ul.sidebar-nav.pink>li>ul>li {background-color: rgba(203, 0, 124, 0.1);}*/
/*ul.sidebar-nav.teal>li>ul>li {background-color: rgba(0, 154, 166, 0.14);}*/
/*ul.sidebar-nav.red>li>ul>li {background-color: rgba(210, 73, 42, 0.16);}*/

ul.sidebar-nav>li>ul>li:hover, ul.sidebar-nav>li>span:hover, ul.sidebar-nav>li>ul>li:focus, ul.sidebar-nav>li>span:focus{background-color: white;}



.main-header-nav{
    display:block;
    width:100%;
    height:53px;
    position:relative;
    color: white;
}

.main-header-nav ul, .main-header-nav li{
    list-style: none;
    margin:0;
    padding:0;
}

.main-header-nav>ul>li:first-child {
    margin-left:175px;
}

.main-header-nav>ul>li, .main-header-nav>ul>li>a{
    float: left;
    text-decoration: none;
    font-family: 'Varela Round', sans-serif;
    font-weight:600;
    font-size: 1rem;
    line-height:53px;
}

.main-header-nav a, .main-header-nav li {
    color: white;
    text-decoration:none;
}

.main-header-nav>ul>li>a{
    padding: 0px 7px;
}

.main-header-nav>ul>li>ul {
    position:absolute;
    top:53px;
    left:0;
    width:100%;
    z-index:1001;
    border-radius:10px 10px 0 0;
    height:64px;
    visibility:hidden;
}

.main-header-nav>ul>li>ul>li.tabs {
    border-color:#FFF;
    line-height: 20px;
    font-size: 1.125rem;
}

.main-header-nav>ul>li>ul>li {
    font-size: 1.875rem;
    line-height:64px;
}

.main-header-nav>ul>li>ul>li:first-child {
    margin-left:23px;
}
.main-header-nav>ul>li>ul>li.tabs.selected>a {
    height:42px;
}
.main-header-nav>ul>li>ul>li.tabs>a {
    height:41px;
}

.main-header-nav>ul>li>ul>li>ul {
    visibility:hidden;
}

.main-header-nav ul.tab-group li .tab-content {
    display:block;
}

.main-header-nav>ul>li>ul>li>ul {
    top: 64px;
    border-radius: 0 0 10px 10px;
    border-color:#FFF;
    font-family:Arial, sans-serif;
    padding-left:30px;
    padding-right:20px;
}

.main-header-nav>ul>li>ul>li>ul> li, .main-header-nav>ul>li>ul>li>ul>div  {
    float:left;
    width:20%;
    cursor:default;
}

.main-header-nav>ul>li>ul>li>ul>div.masonry-wrap {
    width:100%;
}

.main-header-nav>ul>li>ul>li>ul .col-1 { width:100%; }
.main-header-nav>ul>li>ul>li>ul .col-2 { width:50%; }
.main-header-nav>ul>li>ul>li>ul .col-3 { width:33%; }
.main-header-nav>ul>li>ul>li>ul .col-4 { width:25%; }
.main-header-nav>ul>li>ul>li>ul .col-5 { width:20%; }
.main-header-nav>ul>li>ul>li>ul .col-6 { width:16%; }
.main-header-nav>ul>li>ul>li>ul div[class^="col"] { 
    padding-right:10px; 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    
}

.main-header-nav>ul>li>ul>li>ul li:not(.section) a {
    width:100%;
    display:block;
    margin:0 -5px;
    padding:7px 5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    line-height:normal;
    border-radius:5px;
}

.main-header-nav>ul>li>ul>li>ul li a:hover, .main-header-nav>ul>li>ul>li>ul li a:focus {
    text-decoration:underline;
}

.main-header-nav>ul>li>ul>li>ul li:not(.section), .main-header-nav>ul>li>ul>li>ul>li>ul>li {
    font-size: 0.875rem;
    font-weight:normal;
    text-transform:none;
    line-height:30px;
}

.main-header-nav>ul>li>ul>li>ul li.section {
    font-size: 1.125rem;
    font-weight:bold;
    font-family: 'Varela Round', sans-serif;
    line-height:normal;
    padding-right:10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    margin-right:-7px;
}

.main-header-nav>ul>li>ul>li>ul.is-fourth-level {
    padding-top:0px;
}

.main-header-nav>ul>li>ul>li>ul.is-fourth-level li.section {
    padding-top:30px;
}

.main-header-nav>ul>li>ul>li>ul.is-fourth-level li.section.extrapadding {
    padding-top:43px;
}

.main-header-nav>ul>li>ul>li>ul li.section>ul {
    padding-top:10px;
    font-family:"Arial", sans-serif;
}

.main-header-nav .open ul.tab-group li.selected .tab-content {
    visibility:visible;
}

/*SIDEBAR NAV*/
h3.sidebar-nav-title {
    margin:0;   
}

ul.sidebar-nav {
    border-style:solid;
    border-width:0 0 4px;
    margin:0 5px 5px;
    padding:0;
}

ul.sidebar-nav li {
    list-style-type:none;
}

ul.sidebar-nav>li:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

ul.sidebar-nav>li>a, ul.sidebar-nav>li>span {
    padding:10px;
    display:block;
    font-size: 1rem;
    text-decoration:none;
    cursor:pointer;
}

ul.sidebar-nav>li>ul a {
    padding:5px 0 5px 40px;
    display:block;
}

ul.sidebar-nav>li a:hover, ul.sidebar-nav>li a:focus{
    text-decoration:underline;
}

ul.sidebar-nav>li ul {
  padding-bottom: 5px;
  -webkit-padding-start: 0px;
}

ul.sidebar-nav>li:not(.selected) ul {
    display:none;
}

ul.sidebar-nav .expand-collapse {
    float:right;
    font-size: 1.375rem;
    margin-top:-30px;
    margin-right:10px;
    cursor:pointer;
}