/*
------------------------------------------------------------------------------------------------------------------------------

Theming Notes

------------------------------------------------------------------------------------------------------------------------------
-> uc.css is dependent on umass_core.css

References:

Drupal CSS Architecture and Best Practices Guide: https://www.drupal.org/coding-standards/css/architecture

Drupal CSS Formatting Guide: https://www.drupal.org/node/1887862

BEM Syntax Guide: http://cssguidelin.es/#bem-like-naming. Use this as a guide to building components, keeping in mind that we
are subject to Drupal standard classes and those provided by AdaptiveTheme.

------------------------------------------------------------------------------------------------------------------------------
	
Official UMass Amherst color palette: 

-> use named color when possible (black, white)
-> abbreviate (#fff not #ffffff)
-> lowercase color values (NOT #FFFFFF)

Primary Colors:
maroon: #881c1c  rgb( 136, 28, 28 )
black:  black | #000 | rgb( 0, 0, 0 )
white:  white | #fff | rgb( 255, 255, 255 )

Secondary Colors:

Dark Brown:   #94795d | rgb( 148, 121, 93 )
Light Brown:  #a89968 | rgb( 168, 153, 104 )
Cool Gray:    #63666a | rgb( 99, 102, 106 )
Warm Gray:    #aca39a | rgb( 172, 163, 154 )
Gold:         #c69214 | rgb( 198, 146, 20 )
Orange:       #b86125 | rgb( 184, 97, 37 )
Red:          #a8431e | rgb( 168, 67, 30 )
Sage:         #b3b995 | rgb( 179, 185, 149 )
Green:        #76881d | rgb( 118, 136, 29 )
Dark Blue:    #003b5c | rgb( 0, 59, 92 )
Medium Blue:  #5b7f95 | rgb( 91, 127, 149 )
Light Blue:   #71b2c9 | rgb( 113, 178, 201 )
Garnet:       #5d2a2c | rgb( 93, 42, 44 )
Purple        #41273b | rgb( 65, 39, 59 )

Accent Colors:

              #333 | rgb( 51, 51, 51 ) 
              #666 | rgb( 102, 102, 102 ) 
              #999 | rgb( 153, 153, 153 ) 
              #aaa | rgb( 170, 170, 170 )
              #ccc | rgb( 204, 204, 204 )
              #eee | rgb( 238, 238, 238 )
              #beb395 | rgb( 190, 179, 149 ) 
              #dbd3ba | rgb( 219, 211, 186 )
              #ece9d4 | rgb( 236, 233, 212 )

------------------------------------------------------------------------------------------------------------------------------


/*
------------------------------------------------------------------------------------------------------------------------------
	
    Base - CSS reset/normalize plus HTML element styling.

------------------------------------------------------------------------------------------------------------------------------
*/

h1,.alpha, 
h2,.beta,
h3,.gamma,
h4,.delta { color: #666; }

h1,.alpha, 
h2,.beta { font-weight: 700; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img[style*="left"]  {margin-right:1em;} /* gives default margins to inline images */
img[style*="right"] {margin-left:1em;}



/*
------------------------------------------------------------------------------------------------------------------------------
	
    Layout - macro arrangement of a web page, including any grid systems.

------------------------------------------------------------------------------------------------------------------------------
*/

#nav-wrapper { border-bottom: 1px solid #eee; }

#columns { margin-top: 1.5em; }

.article,
.block { margin-bottom: .75em; }

.sidebar img { /* make images fill the sidebar if large enough */
	height: auto !important;
	max-width: 100% !important;
}

#content-wrapper-alpha,
#content-wrapper-beta,
#content-wrapper-gamma { background: #eee; }

#footer { padding: 1em 0; }


/*
------------------------------------------------------------------------------------------------------------------------------
	
    Component - discrete, reusable UI elements.

------------------------------------------------------------------------------------------------------------------------------
*/



/* 
 * Main Navigation 
 *
 * Usage: On system-generated Main menu block, classed with "navigation" via Block Class module
 *
 */ 

.navigation { margin-bottom: 0; }

.navigation .menu { 
  padding: 0; 
  margin: 0;
}

.navigation .menu li {
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation .menu a {
  display: block;
  white-space: nowrap;
  padding: 1em 1.5em .5em;
  border-bottom: 2px solid transparent;
	color: black;
}

.navigation .menu a:hover,
.navigation .menu a.active { 
  color: #881c1c; 
  text-decoration: none; 
  border-bottom: 2px solid #881c1c;
}

.navigation .expanded ul { display: none; }


/* .navigation variant example: */

.navigation--darkblue .menu a:hover,
.navigation--darkblue .menu a.active { 
  color: #003b5c; 
  border-bottom-color: #003b5c;
}


/* 
 * Print Links 
 *
 * Usage: On links generated by Print module
 *
 */ 

.print_html,
.print_mail { 
  float: right; 
  margin-left: 0;
}

.fa-print,
.fa-envelope-o { 
  color: #999; 
  font-size: 1.3em;
}

/* 
 * Responsive Calendar
 *
 * Usage: on month view of Calendar module, with markup from custom calendar-month-col.tpl.php
 *
 */

.calendar-calendar div.day { padding: 0; }

@media all and (max-width: 768px) {

  /* Force table to not be like tables anymore */
  .calendar-calendar table,
  .calendar-calendar tbody,
  .calendar-calendar th,
  .calendar-calendar td,
  .calendar-calendar tr { 
	  display: block; 
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  .calendar-calendar thead,
  .calendar-calendar thead tr,
  .calendar-calendar tr.date-box { 
	  position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .calendar-calendar tr td.no-entry { 
	  border-bottom: 1px solid #ccc; 
  }
  .calendar-calendar td:before {   /* Format & Label the day headings */
	/* Now like a table header */
	  width: 100%;  
    white-space: nowrap;
    clear: both;
    text-align: center;
    display: block;
    box-sizing: border-box;
    color: #ffffff;
    background-color: #881c1c;
    padding: 10px;
    content: attr(data-label); 
    height: 44px;
  }
  .calendar-calendar td.today,
  .calendar-calendar .month-view .full tr td.single-day.today {
    border-top: 2px solid #0074ab;
    -webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.25);
  }
  .calendar-calendar .month-view .full td {
    padding: 0;
  }
  .calendar-calendar td,
  .calendar-calendar td.calendar-agenda-items { 
	/* Behave  like a "row" */
	  border: none;
    position: relative;
    width: 100%;
  }
  .calendar-calendar td.no-entry,
  .calendar-calendar td.empty {
    display: none;
  }
  .calendar-calendar td.calendar-agenda-items div.calendar {
    padding: 0;
  }
  .calendar-calendar div.calendar,
  .calendar-calendar .date-display-single,
  .calendar-calendar td span.date-display-single {
    font-size: medium;
    font-weight: normal;
  }
  .calendar-calendar .inner .item {
    padding: 10px;
  }
  .calendar-calendar .month-view .full tr.single-day .no-entry {
    height: 44px !important;
    line-height: 24px;
  }
  .calendar-calendar .month-view .full tr.single-day .no-entry .inner,
  .calendar-calendar .no-entry .inner {
    height: auto !important;
    line-height: 1px;
  }
  .calendar-calendar .inner .views-field-title-field {
    display: inline-block;
  }

}

/*
------------------------------------------------------------------------------------------------------------------------------
	
    State - styles that deal with client-side changes to components.

------------------------------------------------------------------------------------------------------------------------------
*/



/*
------------------------------------------------------------------------------------------------------------------------------
	
    Theme - purely visual styling ("look-and-feel") for a component.

------------------------------------------------------------------------------------------------------------------------------
*/

/* Site Name */

#site-name {
  font-size: 3em;
  padding: 0.5em 0 .25em; 
  margin: 0;
	font-weight: 700;
}

h1#site-name span {
    display: block;
    font-size: 2rem;
    font-style: italic;
}

#site-name a:hover { text-decoration: none; }

#footer-wrapper { background: #333; }

#footer h2, #footer p { color: #ccc; }

/* Responsive Menus */

.responsive-menus.responsified .responsive-menus-simple li a { text-transform: capitalize; }


/* Flexslider */

.flexslider {
	border: none;
	box-shadow: none;
	margin: 0;
}

.flexslider ul.slides { padding: 0; }

.flexslider .slides li { margin: 0; }

.flexslider .slides img { 
  border: none; 
  padding: 0;
}

.flex-direction-nav a:link,
.flex-direction-nav a:visited {
  color: white;
  opacity: .1;
  border: none;
  text-shadow: none;
}

.flexslider .flex-caption { 
	background-color: rgba(135, 28, 28, 0.7);	
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	padding: 1%;
	position: absolute;
	bottom: 5%;
	right: 5%;
	width: 35%;
	color: white;
	font-size: .9em;
}

.flexslider .flex-caption.Left { 
	right: inherit;
	left: 5%;
}

.flexslider .flex-caption h2 {
	color: white; 
	margin-bottom: 0; 
	font-size: 1.4em; 
	text-decoration: none;
}

.flexslider .flex-caption p { margin: .5em 0; }

.flexslider .flex-caption a:link,
.flexslider .flex-caption a:visited { 
	font-weight: bold; 
	color: white;
}

/* Height Fix for nav element getting cut off. */
.flex-direction-nav a {
	height: 48px;
}

/* Menu Blocks */

.block-menu-block ul { 
  padding: 0; 
  margin: 0;
}

.block-menu-block ul li { 
  list-style: none; 
  border-bottom: 1px solid #ccc;
  padding: .5em 0;
}

.block-menu-block li a { display: block; }

.block-menu-block li.last  { border: none; }

.block-menu-block a.active-trail.active { font-weight: bold; } 
.block-menu-block a.active-trail:hover {text-decoration: none;}


/* Social Media */

.socialmedia ul { 
  padding: 1em 0;
}
 
.socialmedia ul li {
 list-style-type: none;
 float: left;
 padding-right: .5em;
}
 
.socialmedia li a {
  border-radius: 5px; 
	font-size: 2em;
  line-height: 1;
}

.fa-facebook-square,
.fa-facebook { color: #3B5998; } 

.fa-twitter-square,
.fa-twitter { color: #00A0D1; }

.fa-linkedin-square,
.fa-linkedin { color: #4875B4; } 

.fa-pinterest-square,
.fa-pinterest { color: #910101; }

.fa-youtube-play { color: #C4302B; } 

.fa-instagram { color: #4B85B7; }

/*custom for Registrar DH 8-18-17*/
#header{
height:184px;
background-image: url("/registrar/sites/default/files/registrar-header-bg.png");
}
/* #site-name a{
text-shadow: -1px 0 #888888, 0 1px #888888, 1px 0 #888888, 0 -1px #888888;
} */
#site-name a {
  color: white;
  text-shadow: 0 1px 1px black;
}

.ui-widget { 
  font-family: "Open Sans",Helvetica,Arial,sans-serif; 
  font-size: .95em;
}

table {
    border: 0 none;