/* CSS Document */

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

    Primary Colors:
    maroon: #881c1c  rgb( 136, 28, 28 )
    black:  black  rgb( 0, 0, 0 )
    white:  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 )

*/

body {
	color: #444;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	/*font-size: 100%;*/      /* 16px */
	line-height:1.5;      /* 16px * 1.5 = 24px (This is now our magic number; all subsequent margin-bottoms and line-heights want to be a multiple of this number in order to maintain vertical rhythm.) */
	-webkit-font-smoothing: subpixel-antialiased; /* fix text rendering in safari */
	font-weight: 400;
} 

.wrap {
	max-width:90%;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans",Helvetica,Arial,sans-serif;
  font-weight: normal;
  margin-bottom: 6px;
}
/*h1 {
  font-size:24px;
}
h2 {
  font-size:22px;
}
h3 {
  font-size:20px;
}
h4 {
  font-size:18px;
}
h5 {
  font-size:16px;
}
h6 {
  font-size:14px;
}*/

h1 {
    font-size:2em; /* 30px */
    line-height:1.2;    /* 36px */
}
h2 {
    font-size:1.6em;   /* 24px */
    line-height:1;      /* 24px */
	padding-bottom: 4px;
}

h3 {
    font-size:1.3em;  /* 20px */
    line-height:1.2;    /* 24px */
}
h4 {
    font-size:1.1em; /* 18px */
    line-height:1.333;  /* 24px */
}
h5 {
    font-size:16px;
    font-size:1rem;     /* 16px */
    line-height:1.5;    /* 24px */
}
h6 {
    font-size:16px;
    font-size:1rem;     /* 16px */
    line-height:1.5;    /* 24px */
}

small {
    font-size:12px;
    font-size:0.75rem;  /* 12px */
    line-height:2;      /* 24px */
}

h1, h2, h3 { 
    font-weight: 500; 
}

th, tr, td {
     vertical-align:top;
}

blockquote {
  padding-top:20px;
} 

blockquote, q {
padding: 25px 15px 10px 25px;
}

.fullwidthBanner {
	width: 100%;
    margin: 0 auto;
}

.rowwrap .col3 {
    width: 30%;
}

.copyrightwrap {
	background: #881c1c;
	color: white;
}

.copyrightwrap .copyright {
	display: none;
}

/*Main Menu*/

#block-tb-megamenu-main-menu .tb-megamenu .nav > li {
	float: left;
    margin-left: 0;
}

#block-tb-megamenu-main-menu .block-tb-megamenu .contextual-links-wrapper contextual-links-processed .contextual-links-trigger a {
		border-bottom: 2px solid #ccc;
		margin-bottom:2px;
}

.region-main-menu {
	float:left;
}

/*Left Sidebar Menu*/


#sidebar-first .block-tb-megamenu .tb-megamenu .nav > li {
    float:none;
}

#sidebar-first .block-tb-megamenu .tb-megamenu {
		width: 90%;
}

#sidebar-first .block-tb-megamenu .tb-megamenu{
  background: #FFF;
}

#sidebar-first .block-tb-megamenu .tb-megamenu .nav > li {
  border-bottom: 0.5px solid #ccc;
  text-decoration: none;
 }

#sidebar-first .block-tb-megamenu .tb-megamenu .nav > li a {
	  border: 0;
      padding: 6px;
      text-transform: capitalize;
      font-weight: 500;
      margin-left: 1px;
      margin-bottom: 2px;
}

#sidebar-first .block-tb-megamenu .tb-megamenu .nav > li:first-child {
		border-top: 6px solid #666;
		margin-top:6px;
}

#sidebar-first .block-tb-megamenu .tb-megamenu .nav > li:last-child {
	border-bottom:none;
}

#sidebar-first .tb-megamenu .dropdown-menu {
	position:absolute;
}

#block-tb-megamenu-menu-prospective-grad-students
.tb-megamenu .mega > .mega-dropdown-menu {
    display: block;
}

#block-tb-megamenu-menu-prospective-grad-students .tb-megamenu .dropdown-menu {
	position:relative;
}

#block-tb-megamenu-menu-about
.tb-megamenu .mega > .mega-dropdown-menu {
    display: block;
}

#block-tb-megamenu-menu-about .tb-megamenu .dropdown-menu {
	position:relative;
}

/*Left Sidebar - Faculty & Research - Research Areas Menu*/

#block-views-research-areas-block-1 {
	width: 90%;
	border-top: 6px solid #666;
    margin-top: 2px;
}

#block-views-research-areas-block-1 h2 {
    padding-bottom: 4px;
	margin: 0px 20px 0px 0px;
    overflow: hidden;
    font-size: 1.5em;
}

#block-views-research-areas-block-1 .views-row {
    border-bottom: 0.5px solid #ccc;
	padding: 6px;
}

#block-views-research-areas-block-1 a {
	color: #666;
	text-decoration: none;
}

#block-views-research-areas-block-1 a:hover {
	color: #000;
	text-decoration: none;
}


#block-views-research-areas-block-1 .views-row-last {
	border-bottom:none;
}

#views-exposed-form-faculty-research-page .views-submit-button, #views-exposed-form-faculty-research-page .views-reset-button {
	margin-top: 2px;
}

/*Homepage Slideshow*/

#flexslider-1 .views-field-field-caption {
	position:absolute;
	left:1%;
	top:10%;
	background-color:rgba(255,255,255,0.9);
	padding:30px;
	color: #63666a;
	font-size:1em;
	width:25%;
	text-align:center;
}

#flexslider-1 .slides {
    width: 100%;
    margin: 0 auto;
}

#flexslider-1 {
	background:black;
	width:100%;
	margin: 0 auto;
	border:0;
}

#block-views-front-page-slideshow-block {
	border-image-width:0;
}


.front .region-aboutus {
	margin-top: 20px;
	padding-bottom:20px;
}

.front .region-whoweare {
	padding-bottom:0;
	
}

.front .region-whatwedo {
	padding-bottom:0;
	
}

.frontblockwrap {
	margin-top: 0px;
}

.frontblockwrap h2 {
    padding-top:5px;
	padding-bottom:5px;

}

.fullwidthBanner {
	width: 100%;
    margin: 0 auto;
}


/* Front Slideshow Arrows */

.flex-direction-nav a {
display:none;
}


/*Department Name*/

h1#site-title {
	padding-top:10px;
}

h1#site-title a{
	text-decoration: none;
}

 /*Home Page - Box Regions*/

	
.region-bottom-widget-1, .region-bottom-widget-2, .region-bottom-widget-3 {
	padding-left: 1.5em;
	padding-right: 1em;
	padding-top: 1.5em;
	padding-bottom: .25em;
	min-height: 180px;
	font-size: 1vw;
}

/*Front Page News*/


#block-views-news-block .wrap {
	width: 100%;
    margin: 0 auto;
}

.frontblockwrap {
	padding-top: 10px;
	margin-bottom: 10px;

}

#block-views-news-block .views-field-title {
	font-size:15px;
	font-weight:700;
	line-height:1.45;
}

#block-views-news-block .views-field-title a {
	font-size:15px;
	font-weight:700;
	line-height:1.45;
}

#block-views-news-block .views-field-created {
     font-size:11px;
	 font-weight:700;
	 color:#707070;
	 margin-bottom:10px;
}

#block-views-news-block .views-field-body {
     font-size:12px;
	 font-weight:400;
	 color:#1e1e1e
	 line-height:1.45;
}

#block-views-news-block .view-content {
	display: flex;
	padding-top: 15px;
}

#block-views-news-block .views-row, #block-views-news-block .views-row-odd, #block-views-news-block .views-row-even {
     padding-top: 4px;
     margin-bottom: 10px;
	 padding-right:20px;	
	 max-width: 25%;  /* This is added by Samm in order to center the four blocks on the front page*/ 
	 margin: 0 auto; /* This is added by Samm in order to center the four blocks on the front page*/ 
}

#block-views-news-block .views-field-field-image {
	text-align: center;
}

.lightcolor .frontblockwrap {
    background: #fff;
}

#block-block-54 {
	border-bottom: 3px solid #888888;
    padding-bottom: 10px;
}

/*Upcoming Events*/

#block-views-upcoming-events-block .views-field-title h3 {
/*	font-size:14px;*/
	margin-bottom:2px;
}

#block-views-upcoming-events-block .views-row {
	padding-top:0;
	padding-bottom:0;
	padding-right:20px;
	margin-bottom:0;
	border-left: 1px solid #881c1c;
	padding-left:20px;
}

#block-views-upcoming-events-block .views-row:first-child {
    border-left: none;
}

#block-views-upcoming-events-block .views-row-odd, #block-views-upcoming-events-block .views-row-even {
     max-width: 20%;  /* This is to center the five on the front page*/ 
	 margin: 0 auto; /* This is to center the five blocks on the front page*/
}

#block-views-upcoming-events-block .views-label, #block-views-upcoming-events-block .views-field-field-host .field-content, #block-views-upcoming-events-block .views-field-field-location .field-content {
	display:inline-block;
}

#block-views-upcoming-events-block .view-upcoming-events {
	padding:10px;
	padding-top:20px;
	padding-bottom:0;
}

/*#block-views-upcoming-events-block .views-field-field-dissertation {
	font-weight:600;
}*/

#block-views-upcoming-events-block .view-content {
	display:flex;
	margin-bottom:0;
	margin-top:20px;
}

/*#block-views-upcoming-events-block {
	padding: 0;
	margin:0 auto;
	background: #efefef;
    background-size: cover;
}*/

#block-views-upcoming-events-block h2 {
    text-align: center;
	padding-bottom:4px;
	padding-top:10px;
	margin-bottom:0;
}

/*Events Seminar Calendar page*/

.view-seminar-events-calendar .view-header {
	position: relative;
}

.view-seminar-events-calendar .view-header p {
	position: absolute;
	right: 0;
	top: 0;
	background: none repeat scroll 0 0 #dfdfdf;
    border-radius: 5px 0 0 5px;
	padding: 6px;
}

.view-seminar-events-calendar .view-header .date-nav-wrapper {
	top: 30px;
}


/*Remove margin-bottom from Dissertation and Seminar titles*/

.view-upcoming-events .views-row .views-field-field-seminar-title p {
	margin-bottom: 0;
	font-style: italic;
}

.node-dissertation-defense .field-name-field-seminar-title p {
	margin-bottom: 0;
	font-style: italic;
}
	
/*About/Directory Contact Us Block-right sidebar*/
#block-block-27 {
    padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0;
    }

#block-block-27 .content {
     font-size: 1em;
     line-height: 1.5em;
    
}

#block-block-27 .content li {
	 display: inline-block;
	 list-style-type: none;
	 border-left: 1px solid #881c1c;
	 padding-left: 4px;
     padding-right: 4px;
}
#block-block-27 .content li:first-child {
	border-left: none;
	padding-left: 0;
}
#block-block-27 ul {
	margin-left: 0;
}
	
/*Current Undergraduates-Student Poster*/

#UndergradStudentPoster .views-fieldset {
	background-color:white;
	width:45%;
	position:absolute;
	top:147px;
	left:10px;
	padding:2px;
	text-align:center;
	
}
#UndergradStudentPoster .views-field-field-initials {
	font-size:22px;
	font-weight:700;
}

#UndergradStudentPoster .views-field-field-title {
	font-size:10px;
}
	
#UndergradStudentPoster .views-field-body {
	color:white;
	font-size:smaller;
	padding:12px;
	background-color:#003b5c;
	padding-bottom:3px;
}

/*Undergraduate - FAQs top navigation*/

#block-block-51 {
    padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0;
    }
	
#block-block-51 ul {
    /*display: flex;
	flex-direction: row;
    flex-wrap: wrap;*/
	list-style-type: none;
	justify-content: center;
}

#block-block-51 li {
	display: inline-block;
	 list-style-type: none;
	 border-left: 1px solid #881c1c;
	 padding-left: 4px;
     padding-right: 4px;
	/*flex:1;*/
}

#block-block-51 .content li:first-child {
	border-left: none;
	padding-left: 0;
}

#block-block-51 .content ul {
	margin-left: 0;
}
	
	
/*#block-block-51 li a {
    display: block;
    padding: .5em 1.5em;
    margin-right: 1em;
    transition: all .1s linear;
}
#block-block-51 li:hover {
    /*background-color: #ccc;}*/


#block-block-51 li a:hover {
    color: #881c1c;
}



/*Defense Schedule*/

#block-views-defense-schedule-block .views-field-title h3 {
	font-size:16px;
	margin-bottom:2px;
}

#block-views-defense-schedule-block .views-row, #block-views-defense-schedule-block-2 .views-row {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}

#block-views-defense-schedule-block .views-row:last-child {
	border-bottom:none;
}
	
#block-views-defense-schedule-block .views-label, #block-views-defense-schedule-block .views-field-field-research-adviser .field-content, #block-views-defense-schedule-block .views-field-field-location .field-content, .views-field-field-research-adviser .views-label, .views-field-field-research-adviser .field-content {
	display:inline-block;
}

#block-views-defense-schedule-block .view-defense-schedule {
	padding:10px;
	background-color:#eee;
}

#block-views-defense-schedule-block .views-field-field-seminar-title p, #block-views-defense-schedule-block-2 .views-field-field-seminar-title p  {
	margin-bottom:0;
}


/*Calendar*/

#block-views-seminar-events-calendar-block-3 .views-field-field-seminar-title p {
	margin-bottom:0;
}

#block-views-seminar-events-calendar-block-3 .views-row {
	margin-bottom:15px;
}

.monthview .contents {
	font-size: 1.3em;
	color: #63666a;
}


/*Graduate Student Committee Reports*/

#block-block-35, #block-block-40 {
	padding:10px;
	background-color:rgba(91, 127, 149, 0.25);
	
}

#block-block-35 h2 a , #block-block-40 h2 a {
	font-size:18px;
	line-height:1.2;
	font-weight:600;
}

/*Faculty-complete list*/

/*.view-faculty-research .views-field-field-photo {
	margin:5px 20px 0 5px;
}*/

.view-faculty-research .views-field-field-photo img {
	width:200px;
	height:auto;
	margin:5px 20px 5px 10px;
}

.view-faculty-research .views-field-title {
	font-size:18px;
	font-weight:700;
	line-height:1.45;
	color:#1e1e1e;
}

.view-faculty-research .views-field-title a {
	font-size:18px;
	font-weight:700;
	line-height:1.45;
	color:#1e1e1e;
}

.view-faculty-research .views-fieldset {
     font-size:.9em;
	 font-weight:400;
	 color:#1e1e1e;
	 line-height:1.45;
	 max-width:60%;
}

.view-faculty-research .views-row, .view-faculty-research .views-row-odd, .view-faculty-research .views-row-even {
     padding-top: 4px;
     margin-bottom: 10px;
	 display: flex;
}

.view-faculty-research .views-row-odd {
	background-color: #EEF2F4;
}


.node-faculty .field-name-field-research-areas {
    font-size: 1.4em;
    color: #003b5c;
	}



/*iCal Block*/

#block-block-46 {
    padding: 18px;
    background-color: #EEF2F4;
    font-size: 1.1em;
}

/*Photo Gallery*/
.node-photo-gallery .field-items {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.node-photo-gallery .field-name-field-bulk-images .field-items img {
	max-height:150px;
	margin: 1em;
}

/*.node-gallery .field-items {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.node-gallery .field-name-field-bulk-images .field-items img {
	max-height:200px;
	margin:5px 20px 0 0;
}*/


/*Gazettes*/
/*.view-gazette .view-content {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	text-align:center;
}

.view-gazette .views-row {
	min-width:24%;
	border:1px solid #eee;
	padding; 2px;
}

.view-gazette .views-field-field-image .field-content img {
	margin:5px 20px 5px 0;
}*/

.view-gazette .view-content {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	text-align:center;
}

.view-gazette .views-row {
   border: 1px solid #EEE;
   flex: 0 1 25%;
   display: flex;
   flex-flow: column nowrap;
   justify-content: flex-end;
}

.view-gazette .views-field-field-image .field-content img {
   margin: 5px;
}



/*Alumni Reunion & Senior Dinner*/
.view-alumni-reunion .view-content, .view-senior-awards-dinner .view-content {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	/*text-align:center;*/
}

.view-alumni-reunion .views-row, .view-senior-awards-dinner .views-row {
	max-width:32%;
	border:1px solid #eee;
	padding:10px;
}


/*Graduate Student Directory*/
.view-graduate-student-directory .view-content {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	text-align:center;
}

.view-graduate-student-directory .views-row {
   border: 1px solid #EEE;
   flex: 0 1 25%;
   display: flex;
   flex-flow: column nowrap;
/* justify-content: flex-end; (disabled this for the top align to work)*/ 
   vertical-align: top;
}

.view-graduate-student-directory .view-header {
	text-align:center;
}

.view-graduate-student-directory .views-field-field-photo .field-content img {
   margin: 5px;
}

.view-graduate-student-entering-year .views-row {
	display:inline-block;
	border-left: 1px solid #881c1c;
	padding-left: 4px;
	padding-right: 2px;
}

.view-graduate-student-entering-year .views-row:first-child {
	border-left:none;
}

/*Flexbox to Display List in Columns*/
.flex-container {
	display: flex;
    flex-flow: row wrap;
	margin-bottom: 15px;
}

.flex-content {
    display: flex;
    flex-flow: column nowrap;
    flex: 0 0 30%;
    margin-right: 3%;
	margin-bottom: 10px;
}

@media (max-width: 1000px) {
.flex-content {
        flex: 0 1 47%;
        margin-right: 3%;
    }


/**  About Page Sidebar Menus **/

#block-tb-megamenu-menu-about
.tb-megamenu .mega > .mega-dropdown-menu{
	border: none;
	box-shadow: none;
}

#block-tb-megamenu-menu-about .tb-megamenu .mega-nav > li, .tb-megamenu .dropdown-menu .mega-nav > li {
	border-bottom: 0.5px solid #ccc;
}

#block-tb-megamenu-menu-about .tb-megamenu .dropdown-menu .mega-nav > li:last-child{
	border-bottom: none;
}

#sidebar-first #block-tb-megamenu-menu-about .tb-megamenu .dropdown-menu {
	position: relative;
}

#block-tb-megamenu-menu-about .tb-megamenu .nav li.dropdown.open > .dropdown-toggle .caret, #block-tb-megamenu-menu-about .tb-megamenu .nav > .dropdown > .dropdown-toggle .caret {
	display: none;
}

/*this removes the space created by Clearfix*/
#block-tb-megamenu-menu-about .tb-megamenu-subnav {
	margin-top:-10px;
}



/*Social Media Footer*/

#socialFooter {
	width: 20%;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 30px;
}

#socialFooter a img{
	max-height: 30px;
}

.social {
	width: 20%;
	font-size: 14px;
	position: absolute;
	right: 13%;
}