﻿/**************************
*  XmasInJuly Day: EXS
***************************
0,60,180    * 
33,85,190   * 
66,111,199  * 
99,136,209  * 
133,161,219 * 
166,186,229 * 
199,212,238 * 
232,237,248 * 
***************************
* SKINBASE 3.5.0          *
***************************/
.mrnav .pageheader { background-image: url('/static/holiday/xmasinjuly/mrnav/PageLogo.png'); }
.mrnav .bar { background-color: rgb(240,248,255); border-color: rgb(0,60,180); background-image: url('/static/holiday/xmasinjuly/mrnav/BarLogo.png'); }
.mrnav .menu > li > a:hover, /* page menu */
.mrnav .menu > li > a:focus,
.mrnav .menu .dropdown-menu { background-color: rgb(199,212,238); }
.mrnav .menu > li > a,
.mrnav .menu > li > a:hover,
.mrnav .menu > li > a:focus,
.mrnav .menu .dropdown-menu > li > a { color: rgb(0,60,180); }
.mrnav .menu .dropdown-menu > li > a:focus,
.mrnav .menu .dropdown-menu > li > a:hover { background-color: rgb(66,111,199); color: rgb(255,255,255); }
.mrnav .menu .dropdown-menu .dropdown-divider,
.mrnav .bar .btn, .mrnav .input-group input { border-color: rgb(0,60,180); }
.mrnav .bar .btn { background-color: rgb(66,111,199); color: rgb(199,212,238); }
.mrnav .bar .btn:focus, .mrnav .btn.focus,
.mrnav .bar .btn:hover, .mrnav .btn-check + .btn:hover { background-color: rgb(99,136,209); color: rgb(232,237,248)}
.mrnav .bar .btn:active, .mrnav .btn.active { background-color: rgb(133,161,219) !important; color: rgb(255,255,255) !important; border-color: rgb(33,85,190) !important; }
.mrnav .panel.sidemenu { background-color: rgb(33,85,190);color: rgb(166,186,229); }
.mrnav .panel.sidemenu .submenu a, .mrnav .panel.sidemenu .closebtn { color: rgb(166,186,229); }
.mrnav .panel.sidemenu .submenu a:hover { background-color: rgb(199,212,238); color: rgb(0,60,180); }
.ui-autocomplete-input, .ui-autocomplete .ui-menu-item { background-color: rgb(246,248,252); color: rgb(33,85,190); }
.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(33,85,190); }
@media (min-width: 768px) {
  .mrnav .bar {
    background-image: url('/static/holiday/Xmas/mrnav/ice.PNG');
    background-size: 60px;
    background-repeat: repeat-x;
    background-position: -10px -10px;
  }
  #mrnav-menu {
    padding-top:10px;    
  }
}


/* Callouts */
.mrsf-wrapper.callout-week {
  background-image: url('/static/holiday/xmas/bg/holiday2.png');
  background-size: 225px;
  background-repeat: repeat;
  background-position: 0px 0px;
}
.mrsf-wrapper.callout-week .callout-header {
  color: rgb(23,94,30);
}
.mrsf-wrapper.callout-week .callout-color1 {
  color: rgb(166,57,64);
}
.mrsf-wrapper.callout-week .callout-color2 {
  color: rgb(141,0,9);
}

.mrsf-wrapper.callout-month {
  background-image: url('/static/holiday/xmas/bg/holiday1.png');
  background-size: 300px;
  background-repeat: repeat;
  background-position: 0px 0px;
}
.mrsf-wrapper.callout-month .callout-header {
  color: rgb(141,0,9);
}
.mrsf-wrapper.callout-month .callout-color1 {
  color: rgb(26,106,34);
}
.mrsf-wrapper.callout-month .callout-color2 {
  color: rgb(77,139,83);
}

.christmas-green { color: rgb(0,135,62); }
.christmas-green-lt { color: rgb(85,175,126); }
.christmas-red { color: rgb(179,0,12); }
.christmas-red-lt { color: rgb(204,85,93); }
.mrsf-wrapper.callout-theme1 {
  color: rgb(160,160,160);
  background-image: url('/static/holiday/xmas/bg/fill-4.png');
  background-size: 300px;
  background-repeat: repeat;
  background-position: 0px 0px;
}
.mrsf-wrapper.callout-theme1 .callout-header {
  color: rgb(148,180,186);
}
.mrsf-wrapper.callout-theme1 .callout-color2 {
  color: rgb(92,113,184);
}