﻿
/**************************
*  Valentines Day: EXS
***************************
188,14,23    * 
197,45,53    * 
205,75,82    * 
214,106,112  * 
222,136,141  * 
231,167,171  * Base 
240,199,202  * 
248,231,232  * 
253,247,247  *
***************************
* SKINBASE 3.5.0          *
***************************/
.mrnav .pageheader { background-image: url('/static/holiday/ValentinesDay/mrnav/PageLogo.png'); }
.mrnav .bar { background-color: rgb(248,231,232); border-color: rgb(188,14,23); background-image: url('/static/holiday/ValentinesDay/mrnav/BarLogo.png'); }
.mrnav .menu > li > a:hover, /* page menu */
.mrnav .menu > li > a:focus,
.mrnav .menu .dropdown-menu { background-color: rgb(248,231,232); }
.mrnav .menu > li > a,
.mrnav .menu > li > a:hover,
.mrnav .menu > li > a:focus,
.mrnav .menu .dropdown-menu > li > a { color: rgb(188,14,23); }
.mrnav .menu .dropdown-menu > li > a:focus,
.mrnav .menu .dropdown-menu > li > a:hover { background-color: rgb(205,75,82); color: rgb(255,255,255); }
.mrnav .menu .dropdown-menu .dropdown-divider,
.mrnav .bar .btn, .mrnav .input-group input { border-color: rgb(188,14,23); }
.mrnav .bar .btn { background-color: rgb(205,75,82); color: rgb(240,199,202); }
.mrnav .bar .btn:focus, .mrnav .btn.focus,
.mrnav .bar .btn:hover, .mrnav .btn-check + .btn:hover { background-color: rgb(214,106,112); color: rgb(248,231,232)}
.mrnav .bar .btn:active, .mrnav .btn.active { background-color: rgb(222,136,141) !important; color: rgb(255,255,255) !important; border-color: rgb(197,45,53) !important; }
.mrnav .panel.sidemenu { background-color: rgb(188,14,23);color: rgb(231,167,171); }
.mrnav .panel.sidemenu .submenu a, .mrnav .panel.sidemenu .closebtn { color: rgb(231,167,171); }
.mrnav .panel.sidemenu .submenu a:hover { background-color: rgb(240,199,202); color: rgb(188,14,23); }
.ui-autocomplete-input, .ui-autocomplete .ui-menu-item { background-color: rgb(253,247,247); color: rgb(197,45,53); }
.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(197,45,53); }
@media (min-width: 768px) {
  .mrnav .bar {
    background-image: url('/static/holiday/ValentinesDay/mrnav/HeartBorder.PNG');
    background-size: 160px;
    background-repeat: repeat-x;
    background-position: 2px 2px;
    padding-top: 5px;
    padding-bottom: 0px;
  }
  #mrnav-menu {
    padding-top:10px;    
  }
}


/*SideBar*/
.mrnav-cnt:not(.incontent) {
  color: rgb(170,181,207);
  background-color: rgb(171,43,48);
  border: 1px solid rgb(171,43,48);
}
.mrnav-cnt:not(.incontent) .menutop a,
.mrnav-cnt:not(.incontent) .closebtn:hover {
  color: white;
}
.mrnav-cnt:not(.incontent) .submenu a,
.mrnav-cnt:not(.incontent) .closebtn {
  color: rgb(251,237,237);
}
.mrnav-cnt:not(.incontent) .submenu a:hover {
  background-color: rgb(251,237,237);
  color: rgb(190,47,54);
}

.mrsf-wrapper.callout-week {
  background-image: url('/static/holiday/valentinesday/bg/fill-1.png');
  background-size: 225px;
  background-repeat: repeat;
  background-position: 0px 0px;
}
.mrsf-wrapper.callout-week .callout-header {
  color: rgb(145,10,19);
}
.mrsf-wrapper.callout-week .callout-color1 {
  color: rgb(185,99,105);
}
.mrsf-wrapper.callout-week .callout-color2 {
  color: rgb(165,55,62);
}

.mrsf-wrapper.callout-month {
  background-image: url('/static/holiday/valentinesday/bg/fill-3.png');
  background-size: 200px;
  background-repeat: repeat;
  background-position: 0px 0px;
}
.mrsf-wrapper.callout-month .callout-header {
  color: rgb(145,10,19);  
}
.mrsf-wrapper.callout-month .callout-color1 {
  color: rgb(185,99,105);
}
.mrsf-wrapper.callout-month .callout-color2 {
  color: rgb(165,55,62);
}
