/**************************
*  Halloween Day: EXS
***************************
75,31,12    * 75,31,12  
207,86,33   * 207,86,33
223,112,45  * 223,112,45
239,137,58  * 239,137,58
255,163,70  * 255,163,70
255,191,126 * 255,191,126
255,219,182 * 255,219,182
255,247,238 * 255,247,238
***************************
* SKINBASE 3.5.0          *
***************************/

.mrnav .pageheader { background-image: url('/static/holiday/halloween/mrnav/PageLogo.png'); }
.mrnav .bar { background-color: rgb(255,176,97); border-color: rgb(75,31,12); background-image: url('/static/holiday/halloween/mrnav/BarLogo2.png'); }
.mrnav .menu > li > a:hover, /* page menu */
.mrnav .menu > li > a:focus,
.mrnav .menu .dropdown-menu { background-color: rgb(255,219,182); }
.mrnav .menu > li > a,
.mrnav .menu > li > a:hover,
.mrnav .menu > li > a:focus,
.mrnav .menu .dropdown-menu > li > a { color: rgb(75,31,12); }
.mrnav .menu .dropdown-menu > li > a:focus,
.mrnav .menu .dropdown-menu > li > a:hover { background-color: rgb(223,112,45); color: rgb(255,255,255); }
.mrnav .menu .dropdown-menu .dropdown-divider,
.mrnav .bar .btn, .mrnav .input-group input { border-color: rgb(75,31,12); }
.mrnav .bar .btn { background-color: rgb(223,112,45); color: rgb(255,219,182); }
.mrnav .bar .btn:focus, .mrnav .btn.focus,
.mrnav .bar .btn:hover, .mrnav .btn-check + .btn:hover { background-color: rgb(239,137,58); color: rgb(255,247,238)}
.mrnav .bar .btn:active, .mrnav .btn.active { background-color: rgb(255,163,70) !important; color: rgb(255,255,255) !important; border-color: rgb(207,86,33) !important; }
.mrnav .panel.sidemenu { background-color: rgb(75,31,12);color: rgb(255,191,126); }
.mrnav .panel.sidemenu .submenu a, .mrnav .panel.sidemenu .closebtn { color: rgb(255,191,126); }
.mrnav .panel.sidemenu .submenu a:hover { background-color: rgb(255,219,182); color: rgb(75,31,12); }
.ui-autocomplete-input, .ui-autocomplete .ui-menu-item { background-color: rgb(255,247,238); color: rgb(207,86,33); }
.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(207,86,33); }
@media (min-width: 768px) {
  .mrnav .bar {    
    background-image: url('/static/holiday/halloween/pumpkin2.PNG');
    background-size: 125px;
    background-repeat: repeat-x;
    background-position: -0px -0px;    
  }
  #mrnav-menu {
    padding-top:14px;        
  }
}


.mrsf-wrapper.callout-week {
      background-image: url('/static/holiday/halloween/bg/pumpkins.png');
      background-size: 300px;
      background-repeat: repeat;
      background-position: 0px 0px;
    }
.mrsf-wrapper.callout-week .callout-header {
    color: rgb(122,0,163);
  }
.mrsf-wrapper.callout-week .callout-color1 {
    color: rgb(159,71,189);
  }
.mrsf-wrapper.callout-week .callout-color2 {
    color: rgb(196,142,214);
  }

.mrsf-wrapper.callout-month {
  background-image: url('/static/holiday/halloween/bg/pumpkins2.png');
  background-size: 200px;
  background-repeat: repeat;
  background-position: 0px 0px;
}
.mrsf-wrapper.callout-month .callout-header {
    color: rgb(142,57,0);
  }
.mrsf-wrapper.callout-month .callout-color1 {
    color: rgb(142,57,0);
  }
.mrsf-wrapper.callout-month .callout-color2 {
    color: rgb(192,145,113);
  }