/**************************
*  Fourth Of July: EXS
***************************
5,31,107    * 
37,60,126   * 
69,89,145   * 
101,118,164 * 
134,146,183 * 
166,175,202 * 
198,204,221 * 
230,233,240 * 
***************************
* SKINBASE 3.5.0          *
***************************/
.mrnav .pageheader { background-image: url('/static/holiday/fourthofjuly/mrnav/PageLogo2.png'); }
.mrnav .bar { background-color: rgb(230,233,240); border-color: rgb(5,31,107); background-image: url('/static/holiday/fourthofjuly/mrnav/BarLogo5.png'); }
.mrnav .menu > li > a:hover, /* page menu */
.mrnav .menu > li > a:focus,
.mrnav .menu .dropdown-menu { background-color: rgb(198,204,221); }
.mrnav .menu > li > a,
.mrnav .menu > li > a:hover,
.mrnav .menu > li > a:focus,
.mrnav .menu .dropdown-menu > li > a { color: rgb(5,31,107); }
.mrnav .menu .dropdown-menu > li > a:focus,
.mrnav .menu .dropdown-menu > li > a:hover { background-color: rgb(185,20,39); color: rgb(255,255,255); }
.mrnav .menu .dropdown-menu .dropdown-divider,
.mrnav .bar .btn, .mrnav .input-group input { border-color: rgb(5,31,107); }
.mrnav .bar .btn { background-color: rgb(69,89,145); color: rgb(198,204,221); }
.mrnav .bar .btn:focus, .mrnav .btn.focus,
.mrnav .bar .btn:hover, .mrnav .btn-check + .btn:hover { background-color: rgb(101,118,164); color: rgb(230,233,240)}
.mrnav .bar .btn:active, .mrnav .btn.active { background-color: rgb(134,146,183) !important; color: rgb(255,255,255) !important; border-color: rgb(37,60,126) !important; }
.mrnav .panel.sidemenu { background-color: rgb(37,60,126);color: rgb(166,175,202); }
.mrnav .panel.sidemenu .submenu a, .mrnav .panel.sidemenu .closebtn { color: rgb(166,175,202); }
.mrnav .panel.sidemenu .submenu a:hover { background-color: rgb(185,20,39); color: rgb(255,255,255); }
.ui-autocomplete-input, .ui-autocomplete .ui-menu-item { background-color: rgb(246,248,252); color: rgb(37,60,126); }
.ui-autocomplete .ui-menu-item .ui-state-focus,
.ui-autocomplete .ui-menu-item .ui-state-active,
.ui-autocomplete .ui-menu-item .ui-state-active:hover { background-color: rgb(37,60,126); }
@media (min-width: 768px) {
  .mrnav .bar {
    background-image: url('/static/holiday/fourthofjuly/mrnav/barback.PNG');
    background-size: 130px;
    background-repeat: repeat-x;
    background-position: -10px -30px;
  }
  #mrnav-menu {
    padding-top:10px;    
  }
}


/* Callouts */
.mrsf-wrapper.callout-week {
  background-image: url('/static/holiday/FourthOfJuly/themeback2.png');
  background-size: contain;
}
.mrsf-wrapper.callout-week .callout-header {
  color: rgb(0,32,112);
}
.mrsf-wrapper.callout-week .callout-color1 {
  color: rgb(226,25,48);
}
.mrsf-wrapper.callout-week .callout-color2 {
  color: rgb(226,25,48);
}
.mrsf-wrapper.callout-month {
  background-image: url('/static/holiday/FourthOfJuly/themeback3.png');
  background-size: cover;
}
.mrsf-wrapper.callout-month .callout-header {
  color: rgb(226,25,48);
}
.mrsf-wrapper.callout-month .callout-color1 {
  color: rgb(0,32,112);
}
.mrsf-wrapper.callout-month .callout-color2 {
  color: rgb(0,32,112);
}