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

Theming Notes

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

DRUPAL CSS Namespacing Model

	.component-name{}
	.component-name--variant{}
	.component-name__sub-object{}
	.component-name__sub-object--variant{}

Drupal 8 follows a SMACSS-style categorization of its CSS rules:

    Base — CSS reset/normalize plus HTML element styling.
    Layout — macro arrangement of a web page, including any grid systems.
    Component — discrete, reusable UI elements.
    State — styles that deal with client-side changes to components.
    Theme — purely visual styling (“look-and-feel”) for a component.

*/

/*
------------------------------------------------------------------------------------------------------------------------------
	
    Official UMass Amherst color palette. (Use named colors and abbreviate when possible.)

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

    Secondary Colors:

    #94795d  rgb( 148, 121, 93 )
    #a89968  rgb( 168, 153, 104 )
    #63666a  rgb( 99, 102, 106 )
    #aca39a  rgb( 172, 163, 154 )
    #c69214  rgb( 198, 146, 20 )
    #b86125  rgb( 184, 97, 37 )
    #a8431e  rgb( 168, 67, 30 )
    #b3b995  rgb( 179, 185, 149 )
    #76881d  rgb( 118, 136, 29 )
    #003b5c  rgb( 0, 59, 92 )
    #5b7f95  rgb( 91, 127, 149 )
    #71b2c9  rgb( 113, 178, 201 )
    #5d2a2c  rgb( 93, 42, 44 )
    #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.

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

color: rgb( 148, 121, 93)

/**
 * Base styles for urcore
 *
 */

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
	color: #555;
 	-webkit-font-smoothing: subpixel-antialiased; /* fixes "font too thin" problem for safari */
 	background: #eee;
} 
/* HTML elements */

/* Links */
a:hover,
a.active:hover,
a:focus,
a.active:focus,
#site-name a,
#block-menu-menu-utility-links a,
.menu-block-wrapper a,
.nav a,
.flex-caption a,
#umass-footer a,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
{
    text-decoration: none;
}

/* Links */
a:link,
a:visited,
a:active,
a.active {
  color: #881c1c;
}

a:hover,
a:focus {
  color: #000000;
}

/* Headers */
h1,h2,h3,h4,h5,h6 { 
	margin: .4em 0 0;
	color: #777;
	line-height: 1.2;
}

/* Lists */
ul, ol { margin: 0.3em; }

ol { list-style: decimal; }

li { line-height: 1.3; }

blockquote {
  background: #fdfdff;
  border-left: 5px solid #ededed;
}

hr {
  border-bottom-color: #ededed;
  border-left: 0;
  border-right: 0;
}



/* Form Element Resets */
input, select, textarea {
font-family: inherit;
font-size: 1em;
border: 0;
box-shadow: 0px 0px 0.1em #7F7F7F inset;
border-radius: 0;
margin: 0px;
padding: 0.25em;
min-height: 1em;
max-width: 100%;
line-height: normal;
}

input.form-submit, input.form-text { border-radius: 0; }

input[type="submit"] {
max-width: 100%;
font-size: 1em;
border: 0;
margin: 0;
padding: 0.25em 1em;
display: inline-block;
min-height: 1em;
background: linear-gradient(to bottom, #EEE 0%, #CCC 100%) repeat scroll 0% 0% transparent;
}

input[type="submit"]:hover {
box-shadow: 0px 0px 1em #999 inset;
background: linear-gradient(to bottom, #EEE 0%, #CCC 100%) repeat scroll 0% 0% transparent;
}

input[type="radio"],
input[type="checkbox"] {
box-shadow:none;
}

#site-name {
		font-size: 3em;
}
h1#site-name a{
	font-weight: 700;
}

#page { background: white; }


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


/* Header */

#header-wrapper {
  background: white;
}

/* Branding */

#branding a { border: none; }


/* Logo */

#logo {	padding-top: 1em; }


/* Site Name */

#site-name { padding: 0.5em 0px 0.25em; }

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

/* Site Slogan */
#site-slogan { padding: 0em 0px 1em; }

/* Page Title */

#page-title,
.node .node-title { margin-bottom: .5em; }


/* Front Page */

.view-news .views-row {	
	border-top: 1px solid silver; 
	margin-top: .5em;
	padding-top: .5em;
}

.view-news .views-row-first { 
	border: none; 
	margin-top: 0;
	padding-top: 0;
}

.view-news blockquote.image-field-caption { max-width: 100px; }


/* Articles */

.article { padding: 0; }

.article h2 {	color: #881c1c; }

.article li,
.region-sidebar-second .block-block li { 
	line-height: 1.3;
	margin-bottom: .2em;
	padding-left: .5em;
}

.article ul li,
.region-sidebar-second .block-block ul li { 
	list-style: none;
	background: url(images/bullet.png) no-repeat left .5em;
}

.article img,
.view-content img,
.view-header img  {
	border: 1px solid silver;
	padding: .5em;
}

img.print-icon {
    padding: 0 4px 0 0;
}

ul.links li { background: none }

ul.links img { border: none; }

/* Sidebar content */

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

.block h3 {
    font-size: 1.2em;
    font-weight: 100;
}

/* Main Menu */ 

#nav-wrapper { 
	position: relative;
	z-index: 3;
}

.nav { margin: 0 0 1.2em; }

#menu-bar a {
	padding: 0 .75em;
/* 	border-radius: 0; */
	color: black;
	border-right: 1px solid black;
}

#menu-bar a:hover,
#menu-bar a.active-trail { color: #881c1c; }

#menu-bar li.first a { padding-left: 0; }
#menu-bar li.last a { border: none; }

#menu-bar .expanded ul { display: none; }

/* content */

#columns { padding-top: 3em; }


/* Social Media */

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

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

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

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

.fa-pinterest { color: #910101; }

.fa-youtube { color: #C4302B; } 

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


/* Footer */

#footer-wrapper { min-height: 8em; }

#footer,
#footer a {
  color: white;
}

#footer p,
#umass-footer p,
#umass-footer a { color: silver; }

footer p { text-align: left; }

#umass-footer p { 
	text-align: center; 
	font-size: .9em; 
}

#footer .block-content {
	border: none;
	background: none;
	text-align: center;
}

#umass-footer a:hover, #umass-footer a:focus {
    color: #c0c0c0;
}


.nav a:hover,
.nav a.active:hover,
.nav a:focus,
.nav a.active:focus {
	border-bottom: none;
  color: black;
}

/* Feature panel */

#featured-content-wrapper .region { padding-top: 0; }

#featured-content-wrapper,
#featured-content-wrapper .image-overlay { background: none; }

#featured-content-wrapper .container {  padding-top: 0; }

.region-featured-content .block-inner { margin: 0; }

#featured-content-wrapper .block-content { border: none; }


/* Blocks */

.sidebar .block { margin-bottom: 1.5em; }

.block-title { 
	font-size: 1.5em;
	margin-bottom: .3em; 
}


/* Menu Blocks */

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

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

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

.menu-block-wrapper ul.menu li a:hover,
.menu-block-wrapper ul.menu li.last  { border: none; }

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

/* Nested Menu Depth 3 and 4 for sidebar */

.menu-block-wrapper ul.menu > li:last-child > a {
	border-bottom: none;
}

.menu-block-wrapper ul.menu li.menu-depth-2 a {
	padding-left: .5em;
}


.menu-block-wrapper ul.menu li.menu-depth-3 a{
	padding-left: 1.5em;
}

.menu-block-wrapper ul.menu li.menu-depth-4 a {
	padding-left:  2.5em
}

li.active-trail.expanded.menu-depth-2 > a.active-trail {
	background: #881c1c;
	font-weight: 600;
}

li.active-trail.expanded.menu-depth-2 > a.active-trail {
	color: #fff;
}

li.menu-depth-3 a{
	background:#EEE none repeat scroll 0% 0%
}

#footer a.active-trail, 
#footer li.menu-depth-3 a {
	background:none;
}

/* Responsive Menus */

.responsive-menus.responsified #rm-removed { box-shadow: 0 2px 3px #666; }

.responsive-menus.responsified span.toggler {
	color: #881c1c;
	background-color: #eee;
  border: none;
  box-shadow: none;
}

.responsive-toggled.responsified span.toggler {
  box-shadow: 0 2px 3px #666;
}

.responsive-menus.responsified li { 
	margin: 0; 
}

#menu-bar .responsive-menus.responsified .responsive-menus-simple li a,
#menu-bar .responsive-menus.responsified .nolink {
	display: block;
	padding: .5em 0px .5em 5%;
	border-bottom: none;
	text-align: inherit;
	text-transform: none;
	background-color: #eee;
	color: #555;
	border: none;
}

#menu-bar .responsive-menus.responsified .responsive-menus-simple li ul li a { padding-left: 10%;}

#menu-bar .responsive-menus.responsified .responsive-menus-simple li a.active {
	background-color: #881c1c;
	color:#fff;
}

/* Should this be removed? Hover context doesn't apply to touch devices If it stays we should maybe  boost contrast*/
/* #menu-bar .responsive-menus.responsified li a:hover,
#menu-bar .responsive-menus.responsified .responsive-menus-simple li ul li a:hover { 
	background-color: #f6f6f6;
	color: #881c1c;
	border-color: #881c1c;
} */



/* flexslider */

.block-content .flex-control-nav li {
    margin: 0px .33em;
    display: inline-block;
}

.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;
/* 	border-radius: 6px; */
}

.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;
	border-bottom: 1px solid;
}

.flexslider .flex-caption a {	color: white; }

/* full calendar */

.fullcalendar.fc { font-size: .8em; }

.fullcalendar.fc table,
.fullcalendar.fc tbody tr { 
  border-color: transparent;
}

.fc-header-title h2 {
	margin: 0;
	font-size: 1.4em;
}

.fc-event-default, 
.fc-event-default .fc-event-inner, 
.fc-event-skin, 
.fc-event-default .fc-event-time, 
.fc-event-default a { 
	background: whitesmoke;
	color: black; 
	border: none !important; 
}

.fc-content a:link, .fc-content a:visited { color: black; }

.fc-event { 
	padding: 3px;
/* 	border-radius: 6px; */
	box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);
	border: 1px solid #dcc !important;
}

.fc-event-vert .fc-event-bg { opacity: 0.2; }

.fc-event-time { 
	display: block;
	color: #881c1c !important;
	font-size: 1.1em !important;
}

.fullcalendar .ui-state-highlight { 
 	background: whitesmoke; 
	border: 1px dotted #881c1c;
}

.fullcalendar .ui-state-highlight .fc-day-number {
	color: #881c1c;
	font-weight: bold;
	font-size: 1.3em;
}

.fc-agenda-slots td { background: url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") repeat-x scroll 50% top #EEEEEE; /* fixes display error */ }

.view-calendar .views-exposed-form {
	float: right;
	font-size: 0.7em;
	margin-top: -50px;
	width: 50%;
}

.view-calendar .views-exposed-widget {
  float: right;
  padding: .5em 0 0 1em;
}


/* Colorbox */

.page-views #cboxOverlay { opacity: .5 !important; }


/* Gallery */

.gallery figure { 
  float: left; }

.gallery img { 
  float: left;
  margin-right: 1em; 
}


/* Admin menu overrides */

#admin-menu { box-shadow: none; }

/* Contextual menu overrides */

ul.contextual-links li { background: none; }

/* jQuery overrides */

.ui-state-default a,
.ui-state-active a { border: none; }



/* Footer */

#footer-wrapper {
  min-height: 3em;
  padding-top: 1em;
  background: linear-gradient(to bottom, #303030 50%, #444 100%) repeat scroll 0% 0% transparent;
}


/* Pager */

.item-list ul.pager li {
	font-size: .9em;
  padding: 0;
}

ul.pager li a { 
  padding: .5em; 
  border: 1px solid transparent;
}

ul.pager li a:hover,
ul.pager li a:focus {
  border: 1px solid #881c1c;
  color: #881c1c;
}

ul.pager li.pager-current {
  background: #881c1c;
  border: 1px solid #881c1c;
  color: white;
  padding: .5em; 
}


/* HELPER CLASSES */

/**
* Image replacement
* Kellum Method: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement
* Additional helpers from http://html5boilerplate.com/docs/css/
*/
.ir {
  /* Kellum Method */
  display: block !important;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  /* Additional helpers */
  border: 0; /* Remove the default border from elements like button */
  font: 0/0 a; /* Crush the text down to take up no space */
  text-shadow: none; /* Remove any text shadows */
  color: transparent; /* Hide any residual text in Safari 4 and any mobile devices that may need it */
  background-color: transparent; /* Hide the default background color on elements like button */
}

/* Image link */

a.imagelink,
.imagelink a { border: none; }

/* Control FOUT */

/* shouldn't be necessary since we're just using Google Fonts but leaving this here just in case
.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6 { visibility: hidden; }
.wf-active  { visibility: visible; }
*/

select.date-clear {
background-color:#fff;
}

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

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


/* Gutter Overrides*/
#main-content, 
.block-inner, 
.pane-inner, 
.menu-wrapper, 
.branding-elements, 
.breadcrumb-wrapper, 
.attribution, 
.at-panel 
.rounded-corner, 
.block-panels-mini > .block-title, 
.rendered-by-ds .at-panel 
.region-inner, div.messages, 
.at-gutter {
    margin-left: 15px;
    margin-right: 15px;
}


/*
*
*	UMass University Relations Layout Grid Revised - Based on Don't overthink it grids
*	http://css-tricks.com/dont-overthink-it-grids/
*	and attempting to incorporate d8 css structure for selector construction
*
*/

.umur-layout-grid {
  margin: 0 0 1em 0;
}

.umur-layout-grid:after {
  /* Or @extend clearfix */
  content: "";
  display: table;
  clear: both;
}

[class*='umur-col--'] {
  float: left;
  padding-right: 1em;
}

/*simple column flip-flop may not work with more than 2 columns.*/
[class*='umur-col--'].flip {
  float: right;
}

.umur-layout-grid [class*='umur-col--']:last-of-type {
  padding-right: 0;
}

.umur-layout-grid [class*='umur-col--'].flip:first-of-type {
	padding-right: 0;
}

.umur-layout-grid [class*='umur-col--'].flip:last-of-type {
  padding-right: 1em;
}

.umur-col--75 {
  width: 75%;
}

.umur-col--70 {
  width: 70%;
}

.umur-col--66 {
  width: 66.66%;
}

.umur-col--60 {
	width: 60%;
}

.umur-col--50 {
  width: 50%;
}

.umur-col--40 {
  width: 40%;
}

.umur-col--33 {
  width: 33.33%;
}

.umur-col--30 {
  width: 30%;
}

.umur-col--25 {
  width: 25%;
}

.umur-col--12 {
  width: 12.5%;
}

.umur-col__section {
  padding: 1em;
}

.form__section{
	padding: 1em;
	border-radius: .5em;
	margin-bottom: 1em;
	background: #F9F9F9;
	border: 1px solid #EDEDED;
}

/* Two attribute selectors necessary since it seems you can just put a class after one of them*/
[class*='umur-col--'][class~='omega']:after {
/* Or @extend clearfix */
  content: "";
  display: table;
  clear: both;
}

/*trying a smart sibling selector here to clear rows. Selects first Div that's a sibling of .omega class element. May need to be refined*/
.omega + div {
	clear:left;
}
 
/*necessary for views_reposnive_grid because of extra markup around grid elements*/
.views-responsive-grid-horizontal .views-row {
	clear:left;
	display:inline-block;
	margin-bottom: 2em;
	width:100%;
}

.views-responsive-grid-horizontal .views-row:last-child {
	margin-bottom: 0;
}
.views-responsive-grid .view-mode-teaser {
/* 	margin-bottom: 1em; */
}

/* Opt-in outside padding */
.umur-grid-pad {
  padding: 1em 0 1em 1em;
}

.umur-grid-pad [class*='col-']:last-of-type,
.umur-grid-fix [class*='umur-col--']:last-of-type {
  padding-right: 1em;
}



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

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

/* University Relations Namespace Reusable Components */


/* UMUR Block Highlight */


.umur-block-highlight .block-inner,
.umur-block-highlight-inline{
	background-color: #F9F9F9;
	box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.01);
	border-radius: .5em;
	border: solid 1px #EDEDED;
	overflow: hidden;
	margin-bottom:1.5em;
}

.umur-block-highlight .block-title,
.umur-block-highlight-inline h3{
	padding: 0.3em 1em 0.2em;
	background-color: #FCFCFC;
	border-color: #EDEDED;
	font-size: 1.5em;
	margin: 0px;
	border-width: 1px;
	border-bottom: 1px solid #EDEDED;
	padding: 0.3em 0.7em 0.2em;
	}

.umur-block-highlight .block-content-inner,
.umur-block-highlight-inline p{
	padding: 1em;
}
.umur-block-highlight .caption {
	color:#000;
	font-size: .8em;
	font-style:italic;
}

.umur-block-highlight p:last-of-type {
	margin-bottom: 0;
}

#footer .umur-block-highlight p,
#footer .umur-block-highlight a {
	color:#555;
}

/* Font Size Modifiers */

.umur-1_5x {
	font-size: 1.5em;
}

.umur-1_75x {
	font-size: 1.75em;
}

.umur-2x {
	font-size: 2em;
}


/* 	For hand coded unordered list menus  */

ul.umur-menu,
ul.umur-menu li {
	list-style: none;
	margin:0;
	padding: 0;
	position: relative;
}

/* UMUR Action Button - the padding and baseline stuff seems slightly counterintuitive, but necessary to play nice with the a.umur-action-button i alignment. */
a.umur-action-button {
	font-weight: 300;
	text-decoration: none;
	padding:1em;
	background:#881c1c;
	color:#fff;
	margin:0 0 .5em 0;
	position: relative;
/* 	line-height: 1em; */
	display: inline-block;
	vertical-align: baseline;
	cursor: pointer;
	-moz-user-select: none;
}

a.umur-action-button:focus {
	border-bottom: none;
}

a.umur-action-button i {
	display: inline;
	padding:.25em .5em .25em 0;
}

a.umur-action-button:hover {
		background:#5f1414;
		border-bottom: none;
}
/* UMUR Info and Warning Boxes */

.umur-bg-info {
	padding:1em;
	background: #D9EDF7;
	border:solid 1px #00463E;
}
.umur-bg-warning {
	padding: 1em;
	background:#FCF8E3;
	border:solid 1px #C69200;
	
}

/* UMUR Callout Box */
	
.umur-callout {	
	padding:1em;
	background-color: rgb(228, 227, 219);
}

.umur-callout .block-title {
	background: none;
	border: none;
	color:#000;
	padding: 0 0 .25em 0;
	border-radius: 0;
}

.umur-callout .block-content {
	border-radius: 0;
	background: none;
	border: none;
	padding:0;
}

.block-region-tertiary-content.umur-layout-grid a {
	display: block;
	margin-bottom: 1em;
}
.block-region-tertiary-content.umur-layout-grid a:hover {
	border-bottom: none;
	text-decoration: none;
}

/* More Links */

.more-link a{
/* 	background-color:rgba(50,50,50,.3); */
	background-color: #999;
	color:#000;
	font-weight: 700;
	padding:.25em 1em;
	margin:0 0 .75em 0;
	display:inline-block;
	border:none;
	border-radius:.25em;
	text-transform:uppercase;
	font-weight:400;
}

.more-link a:hover {
/* 	background-color:rgba(0,0,0,.4); */
	background-color: #555;
	color:#fff;
	border:none;
}

/* Pinterest */
.icon-pinterest, .icon-pinterest-sign{
    color: #910101;
}

/* Facebook */
.icon-facebook, .icon-facebook-sign{
    color: #3b5998;
}

/* Twitter */
.icon-twitter, .icon-twitter-sign{
    color: #00a0d1;
}

/* Vimeo (blue) */
.icon-vimeo, .icon-vimeo-sign{
    color: #44bbff;
}

/* Vimeo (green) */
.icon-vimeo.alt-color, .icon-vimeo-sign.alt-color{
    color: #aad450;
}

/* Tumblr */
.icon-tumblr, .icon-tumblr-sign{
    color: #34526f;
}

/* Youtube */
.icon-youtube, .icon-youtube-sign{
    color: #c4302b;
}

/* LinkedIn */
.icon-linkedin, .icon-linkedin-sign{
    color: #4875B4;
}

/* Google + */
.icon-google-plus, .icon-google-plus-sign{
    color: #C63D2D;
}

/* Foursquare */
.icon-foursquare, .icon-foursquare-sign{
    color: #8FD400;
}

/* Instagram */
.icon-instagram, .icon-instagram-sign{
    color: #4E433C;
}

/* Pager */

.item-list ul.pager li.pager-current {
	padding: .75em 1.25em;
	margin-right: .25em;
	border: 1px solid #881C1C;
  background: #881c1c;
  color: #ffffff;
}

.item-list ul.pager li.pager-ellipsis {
		padding: .75em 1em;
}

.item-list ul.pager li {
  border: 1px solid #ededed;
	font-size: .9em;	
	padding: 0;
	margin: 0 .25em .5em 0;
	display: inline-block;
}

.item-list ul.pager li a {
	padding: .75em 1.25em;
	display: block;
}

.umur-brightcove {
	position: relative;
	padding-bottom:56.25%;
}

.BrightcoveExperience {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

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

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



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

------------------------------------------------------------------------------------------------------------------------------
*/
 
/**
 *  BACKGROUND COLORS
 */

#umass-banner { 
	background-color: #881c1c;
	border-color: gray; 
}

#content-wrapper,
.sidebar  {
  background-color: #feffff;
}

#secondary-content-wrapper,
#tertiary-content-wrapper {
  background-color: #f3f3f3;
}