/* Color & Images for University of Tartu museum

Museum color map:

#6E310F // Dark brown // Top-user-menu background //
#DC631E // Orange // Sidebar titles //
#999999 // Light gray // Menu hover //
#DC631E // Crisp orange // Links //

#DF6D27 // Footer background-color for mobile
#E58951 // Footer title border 

#################################################### */


/* Main */
  
  a:link, a:visited {
    color: #DC631E; 
  }

/* Head */

  #zone-user-wrapper {
    background: #6E310F 
  }
  
  #section-header {
    background: url('../images/ut-am-01.jpg') 50% 100%;  
  }
  
  @media screen and (max-width: 740px) {
    #section-header  {
      background-position: 50% 80%;
    }   
	}
  
  /* Top-menu */
  
  .menu.top-menu > li {}  
  .menu.top-menu .active-trail a { color: #E79262; }
  
  
  .menu.top-menu > li.menuparent > ul a {
    color: #DC631E; 
  }
  
  .menu.top-menu  li.menuparent > ul > li.active-trail {
    background: #999999;
  }
  
  li.active-trail.sf-depth-2 > a {
    color: #FFFFFF !important;
  }
  
  a.sf-depth-3.active {
    color: #FFFFFF !important;
  }
  
  .menu.top-menu  li.menuparent > ul > li:hover  {
    background: #999999;
  }
 
  li.sf-depth-2:hover > a  {
    color: #FFFFFF !important;
  }
  
  li.sf-depth-3:hover > a {
    color: #FFFFFF !important;
  }

  .sf-depth-2 > ul { 
    margin-top: 0px !important; 
  }  
  
  
  /* Search */
  
  #search-block-form .form-submit {
    background-image: url("../images/search-icon.png");
  }
  
  #edit-search-block-form--2 {
    border: 1px solid #E79262 !important;
  }

  /* Museum select */
	
  .open-button {	
		background-color: #DC631E;
	}
  
  .select-active {
    background-color: #AD511D;
	}  

/* Content */

  .breadcrumb-separator {
    background: url("../images/breadcrumb.png") no-repeat center;
  }
  
  .flex-control-paging li a {
    background: #DC631E;
    border: 1px solid #DC631E;
  }
  
  .flex-control-paging li a:hover,
  .flex-control-paging li a.flex-active   {
    border-color: #DC631E;
  }
  
  h2.pane-title {
    border-bottom: 1px solid #DC631E;
  }
  
  .page-frontpage .field-type-text-with-summary p,
  .page-frontpage .field-type-text-with-summary h3  {
    color: #DC631E;
  }

  
/* Sidebar */
  
  .right-sidebar h2.pane-title {
    background: #DC631E;
  }
  
  h3.sidebar-news-title a {
    color: #DC631E;
  }
  
  .view-news .field-name-post-date {
    color: #666666;
  }
  
  .view-news .more-link a {
    background: url('../images/calendar-nav-right.png') no-repeat right center;
  }

  
  /* Sidebar Menu */
  
  #region-sidebar-second  .menu > li  {
    background: url('../images/menu-pointer.png') no-repeat 10%;
  }
  
  #region-sidebar-second .menu .expanded > a {
    background: url('../images/menu-pointer-active.png') no-repeat 2%;
  }
    
  #region-sidebar-second .menu .expanded .menu li {
    background: url('../images/menu-pointer-sub.png') no-repeat 10% #FFFFFF;
  }
  
  #region-sidebar-second .menu .expanded .menu li.active-trail {
    background: url('../images/menu-pointer-sub-active.png') no-repeat 10%;
  }
  
  
  /* Sidebar Calendar */
  
  .calendar-calendar tr td.today {
    background: #DC631E; 
  }
  
  .calendar-calendar tr td.today {
    color: #FFFFFF;
  }

  .calendar-calendar tr td.has-events a {
    color: #DC631E;
  }

  .view .date-nav-wrapper .date-prev a  {
    background-image: url('../images/calendar-nav-left.png');
    background-repeat: no-repeat;
  }

  .view .date-nav-wrapper .date-next a  {
    background-image: url('../images/calendar-nav-right.png');
    background-repeat: no-repeat;
  }

  
  /* Location & Prices */
  
  
  #show-location, #ticket-prices, #tickets-close, #map-close {
    color: #DC631E;
  }
  
  #show-location {
    background: url('../images/slider-trigger-line.png') no-repeat 100% 100%;
  }
  
  #ticket-prices-bg {
    background: url('../images/slider-trigger-line.png') no-repeat 100% 100% #FFFFFF;
  }

  #tickets-close, #map-close {
    background: url('../images/slider-trigger-line-close.png') no-repeat 100% 100%;
  }
  

/* Footer */

  #zone-footer-wrapper {
    background: url('../images/footer-pattern.png') repeat-x;  
  }
  
  @media screen and (max-width: 980px) {
    #zone-footer-wrapper {
      background: #DF6D27;
    } 
	}

  #footer-col-container h2 {
    border-bottom: 1px solid #E58951; 
  }
  
  #footer-logo {
    background: url('../images/logo-white.png') no-repeat;
  }