/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/* 100% is 16px usually */
html {
	font-size:100%;
}
/* using em font-size in body for chrome bug - but rem elsewhere */
body {
  background:#ffffff;
  font-size: 16px;
  font-size: 1rem; 
  line-height:1.5;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  color:#333333;
}
#zone-user-wrapper {
	background:#cccccc;
	padding:1em 0;
}
#zone-user-wrapper div.block-2,
#zone-user-wrapper div.block-3,
#zone-user-wrapper div.block-4,
#zone-user-wrapper div.block-5,
#zone-user-wrapper div.block-6{
	margin-top:.5em;
}

#zone-banner-wrapper a {
	border:none;
}
/* um search box styles */
#zone-banner-wrapper .region-banner-second {
	text-align:right;
}
#zone-banner-wrapper form {
	margin: 0; 
	padding: 0;
}
#zone-banner-wrapper label {
	display:inline;
	color:#ffffff;
	font-weight:normal;
}
#zone-banner-wrapper input#q {
	padding-left: 2px;
}
/*end um search styles */

#zone-menu-wrapper {
	background:#cccccc;
}
/* 8-26-16 added responsive menu and this style */
.responsive-menus.responsified span.toggler {
	padding: .5em 0;
	border-radius:0;
}

/* remove left margin on first menu list item in main menu and sidebar menu blocks - set in systems css */
ul.menu >li:first-child {
	margin-left:0;
}

#superfish-1 >li{
	background-color: #cccccc;    
    padding: 1em;
}
#superfish-1 li li{
	background-color: #cccccc;
    padding: 1em 0.5em;
}
#superfish-1 a:link,
#superfish-1 a:visited {
	color:#002554;
	border-bottom:none;
}
#superfish-1 a:hover {
	color:#881c1c;
}
#superfish-1 a.active {
	color:#881c1c;
}
.sf-menu.sf-style-none li {
	margin:0;
}
.sf-menu.sf-style-none li.sf-depth-1 {
  border-right: 1px solid #ffffff;
}
.sf-menu.sf-style-none li.sf-depth-1:first-of-type {
  border-left: 1px solid #ffffff;
}
/* end main menu styles */

/* 11-4-2022 new sidebar first menu interrupts */
.menu-block-1 {
	margin-bottom:2em;
}

.menu-block-1 ul li { 
	text-decoration:none;
	list-style:none;
}
.menu-block-1 ul.menu li { 
	margin:0;
}
.menu-block-1 a:link:before,
.menu-block-1 a:visited:before { 
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	font-size:1rem;
    text-decoration: inherit;
	padding-right: .5em;
	color:#999999;
}
.menu-block-1 a:hover {
	border-bottom:none;
}
.menu-block-1 a.active {
	color:#003b5c;
}
.menu-block-1 a.active:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	font-size:1rem;
    text-decoration: inherit;
	color:#881c1c;
	padding-right:.5em;
}
.menu-block-1 li li a:link:before,
.menu-block-1 li li a:visited:before { 
    content: "\f178";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	font-size:1rem;
    text-decoration: inherit;
	padding-right: .5em;
	color:#aaaaaa;
}
.menu-block-1 li li a.active:before {
    content: "\f178";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	font-size:1rem;
    text-decoration: inherit;
	padding-right: .5em;
	color:#881c1c;
}
/* end sidebar first menu */

#zone-landing-wrapper {
    background: #eeeeee;
	text-align:center;
}

#zone-header-wrapper {
  background: rgba(204,204,204,.7);
}
/* inner pages: class defined in field_header_image.tpl; field header image is cck block in header first. */
/* resource http://www.w3schools.com/css/css_image_transparency.asp */
div.transbox {
    width: 220px;
    height: 100%;
    background-color: #3e3e3e;    
    opacity: 0.7;   
	left: 0;
    top: 0;
	position:absolute;
}
/* 8-26-16 removed position absolute */
/* 8-26-16 changed padding from top 2em to .5em */
div.transbox figcaption  {
	font-size:24px;
    color: #ffffff;
	padding:.5em;
	bottom:10px;
}

#zone-content-wrapper {
	padding-top:20px;
}
.region-preface-second-inner {
    line-height: 2em;
	background: rgba(134,200,188,.4);
  	padding: 1em;
	border-radius:5px;
}

.region-preface-second-inner img {
	float:right;
	margin:1em 0 1em 1em;
}
/* 11-4-2022 new sidebar first */
.region-sidebar-first-inner {
	background:rgba(134,200,188,.4);
	border-radius:5px;
	color:#666666;
	margin: 1em 0;
	padding: 1em;
}
.region-sidebar-first-inner h2 a{
	font-weight:normal;
}
#region-sidebar-first a {
	border-bottom:none;
}
#region-sidebar-first a.active {
	color:#002554;
}
/* end sidebar first */
.region-sidebar-second-inner {
	background: rgba(134,200,188,.4);
    border-radius: 5px;	
	padding:1em;
	margin-top:3em;
}
.region-sidebar-second-inner h2 {
	font-size: 18px;
	font-size: 1.125rem;
	font-weight:normal;
	margin: 0 0 .5em 0; 
	color: #444444;
	border-bottom: 1px solid #ccc;
}
.region-sidebar-second-inner h3 { 
	font-size: 14px;
	font-size: .875rem;
	font-weight:bold;
	margin: 0 0 1em 0;
	color:#881c1c;
	}

/* 11-4-2022 footer updates */
footer.section-footer {
	margin-top:1em;
}
.zone-footer-wrapper {
  background: #373a36;
  padding: 3em;
  color: #ffffff;
}
.zone-footer-wrapper a,
.zone-footer-wrapper a:link,
.zone-footer-wrapper a:hover {
	color: #ffffff;
}
.zone-footer-wrapper a,
.zone-footer-wrapper a:link,
.zone-footer-wrapper a:visited {
	color: #ffffff;
}
.zone-footer-wrapper a:hover {
	color: #cccccc;
}
/* end footer updates */

/* 11-4-2022 new dept footer flex */
section.footer-flex-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  justify-content: space-around;
}
/* end footer flex */

/* 11-4-2022 post footer */
.zone-umfooter-wrapper {
  color: #fff;
  text-align: center;
  background: #881c1c;
  padding-top:1em;
}
.zone-umfooter-wrapper a:link,
.zone-umfooter-wrapper a:visited {
	color:#ffffff;
}
/* end post footer */

h1.site-name,
.front h1#page-title {
	position: absolute; left: -9999em;
	}	
.field-name-field-tagline {
    float: right;
    font-style: italic;
    font-weight: bold;
    margin-right: 1em;
	margin-bottom:1em;
    width: 50%;
	text-align:right;
	padding-top:1em;
}

h1 {
	font-size: 24px;
	font-size: 1.5rem;
	margin-top: .5em;
	margin-bottom: .5em;
	font-weight:normal;
	color:#881c1c;
}

h2 {
  font-size: 18px;
  font-size: 1.25rem;
  font-weight: normal;
  margin: .5em 0;
  color: #615e9b;
}
form.webform-client-form h2 {
	font-size:2em;
}
	
h3 {
	font-size: 16px;
	font-size: 1rem; 
	margin: .5em 0; 
	font-weight:bold;
	color:#00214d;}
	
h4, h5, h6 { 
	font-size: 16px;
	font-size: 1rem;
	font-weight:bold;
	margin: 0 0 1em 0;
	color:#881c1c;}

hr{
	display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
	border-color: #881c1c;
}

p.clear {
clear:both;
}
p { padding: 1em 0 1em 0;}
ol, ul {margin: 0 .5em 1em 1.75em;}
ol {list-style: decimal;}
ul {list-style: disc;}
img {
	max-width:100%;
	height:auto;
}
table {
	border:none;
}
tr, td {
	vertical-align:top;
}
td {
	min-width:100px;
}
/* no min-width for pop-up calendar tables in permit-form eg */
table.ui-datepicker-calendar td {
	min-width:inherit;
}

/* style for flex caption on node 21 slideshow page */
.flex-caption {
	background: #E6EDD6;
	padding:1em;
	font-size:2em;
}
.slideshow-view-curve {
	position:absolute;
	right:0;
	top:83%;
}


/* our divisions view on home page */
.block-views-divisions-block h2 {
	text-align:center;
	margin-top:1em;
	font-size:2em;
}
.view-divisions .views-row {
	float:left;
	width:180px;
	padding-right:10px;
}
.view-divisions .views-row-last{
	padding-right:0;
}
.view-divisions .views-field-field-division-photo .field-content:after {
	content: url(red-line.png);
}
.view-divisions .views-field-field-division-website {
	margin-left:12px;
	margin-top:-5px;
}
/* styles for view on divisions page */
.view-divisions-summary .views-field-field-division-photo .field-content {
	float:left;
	margin: 0 1em .25em 0;
}
.view-divisions-summary .views-field-field-division-website {
	font-size:1.25em;
}
.view-divisions-summary .views-field-body {
	padding-bottom:1em;
}

/* add space for main menu select box that appears on resize */
.front select {
	margin:1em 0;
}

/* 8-26-16 removed float right */
/* 9-30-15 style for new field sidebar-left */
div.block-field-sidebar-left {
	margin-top: 1em;
	margin-right:1em;
}

/* ckeditor styles registered in ckeditor.styles.js */
a.redButton:link,
a.redButton:visited,
a.redButton:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	background:#881c1c;
	padding:1em;
	border-radius:5px;
	display:inline-block;
}
.Highlight {
	background-color:#FFFD4E;
}
.MaroonBold {
	font-weight:bold;
	color:#881c1c;
}
.MaroonBoldRight { 
	color: #881c1c;
	font-weight:bold;
	text-align:right;
	}
 
.WhiteOnMaroonHeading {
	color:#ffffff;
	background:#881c1c;
	display:block;
	padding:1em;
}	

/* 12/2/14 added  */
.clearFix:after {
  content: " ";
  display: table;
  clear: both;
}
.clearBoth {
	clear:both;
}
.imgCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.imgFloatRight {
	float:right;
	margin:0 0 1em .5em;
}
.imgFloatLeft {
	float:left;
	margin:0 1em .5em 0;
}
.column-50percent {
  width: 47%;
  float:left;
  padding: 10px;
}
.column-25percent {
  width: 24%;
  float:left;
  padding: 10px;
}
.column-75percent {
  width: 70%;
  float:left;
  padding: 10px;
}
.column-50percent-border {
  width: 46.5%;
  float:left;
  padding: 10px;
  border:1px solid #999;
}
.column-25percent-border {
  width: 21%;
  float:left;
  padding: 10px;
  border:1px solid #999;
}
.column-75percent-border {
  width: 72%;
  float:left;
  padding: 10px;
  border:1px solid #999;
}

/* 3/6/15 added */
blockquote {
    display: block;
    margin-top: .75em;
    margin-bottom: .75em;
    margin-left: 40px;
    margin-right: 40px;
	font-style:italic;
}

/* 1-4/16 added font-awesome icon - home page wheelchair */
span.title i {
	font-size:1.75rem;
	font-weight:bold;
	padding-left:.5em;
}
span.title a {
	color:#ffffff;
}

/* 8-2-16 permit views */
/* this unsets the min-width set elsewhere in this css */
div.view-permit-requests-manager td {
	min-width:inherit;
}

/* 4-3-17 tririga calendar page heading view */
div.view-page-headings-tririga div.field-content {
	padding:.5em 0;
}

/* 4-5-19 key request webform */
form.webform-client-form legend{
	background:#cccccc;
	width:100%;
}
form.webform-client-form a.fieldset-title,
form.webform-client-form legend span{
	font-size:1.5rem;
	border-bottom:none;
	padding-left:.5em;
}
form.webform-client-form div.webform-layout-box{
	margin-top:1em;
}
form.webform-client-form input[type="submit"] {
    font-size: 1.5rem;
    background: #881c1c;
    border-radius: 3px;
    padding: .5em;
    color: white;
    font-weight: normal;
}
form.webform-client-form div.webform-component-email,
form.webform-client-form-161047  div.webform-component--key-request-1--numbers-box--police-case-number,
form.webform-client-form div.webform-component--card-access-request-1--numbers-box--room-numbers{
	margin-bottom:2em;
}

div.umass-site-branding-site a{
	border:none
}
.block-umass-site-branding {
  padding: 1rem 0;
}
/* kudos form */
form.webform-client-form-306148 {
	background:#eeeeee;
	border:1px solid #cccccc;
	padding:1em;
}
form.webform-client-form-306148 div.webform-component--kudos-user input,
form.webform-client-form-306148 div.webform-component--kudos-useremail input {
	background:#eeeeee;
}
body.page-node-161047 div.messages.warning {
	display:none;
}

/* 11-3-2022 new top menu */
ul#superfish-7 {
	float:right;
}
#superfish-7 >li{    
	margin-right:.5em;
}

ul#superfish-7 a:link,
ul#superfish-7 a:visited,
ul#superfish-7 a:hover,
ul#superfish-7 a:active {
	border:none;
	color:#ffffff;
}
ul#superfish-7 a:hover {
	font-weight:normal;
	}
ul.menu.sf-style-white li {
    margin: 0;
}
	
.sf-menu.sf-style-white {
    margin-bottom: 0em;
}
.sf-menu.sf-style-white li,
.sf-menu.sf-style-white li li,
.sf-menu.sf-style-white.sf-navbar {
 	background: #881c1c;
}
.sf-menu.sf-style-white li,
.sf-menu.sf-style-white li:hover,
.sf-menu.sf-style-white li.sfHover {
	border-radius:0 0 5px 5px;
}
.sf-menu.sf-style-white li.menuparent:hover {
	border-radius:0;
}

.sf-menu.sf-style-white li li {
 	border-radius:0;
}
.sf-menu.sf-style-white li:hover,
.sf-menu.sf-style-white li.sfHover,
.sf-menu.sf-style-white li.active a,
.sf-menu.sf-style-white a:focus,
.sf-menu.sf-style-white a:hover,
.sf-menu.sf-style-white a:active,
.sf-menu.sf-style-white.sf-navbar li li {
  background:#666666;
}
.sf-menu.sf-style-white li.active-trail {
    background: rgba(0,59,92,.8);
}
/* font awesome for 2nd level list items on hover in top menu */
.sf-menu.sf-style-white a.sf-depth-2:hover::after {
    content: "\f053";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #71b2c9;
    font-size: 15px;
    padding-left: .5em;
    position: absolute;
    top: 15px;
    right: 10px;
}
/* end top menu */


/* 11-3-2022 new search styles */
.search-advanced,
.search-info {
	display:none;
}
#block-search-form {    
    float:right;
	padding-top:2em;
	padding-bottom:2em;
}
#block-search-form input[type="text"] {    
    border-radius: 4px;	
	padding:1em;
}
button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active {
	box-shadow:none;
}
input[type="submit"]{
	border: none;
    text-shadow: none;
    font-family: 'open sans';
    font-size: 1rem;
    font-weight: normal;
    margin: 0;
    background: rgba(0,59,92,.3);
    color: black;
}
/* end new search */

/* 11-3-2022 new slideshow */
/* made margin -bottom -80px or whatever the title bottom px is */
.view-id-slideshow_flexslider div.views-field-title {
	position: relative;
	background-color: rgba(238,238,238,0.8);
	padding: 0 1em;
}
.view-id-slideshow_flexslider div.views-field-title a:link,
.view-id-slideshow_flexslider div.views-field-title a:visited {
	font-size: 26px;
	font-size: 1.625rem;
	color: #881c1c;	
	border-bottom:none;
}
.view-id-slideshow_flexslider div.views-field-title a:hover {
	color:#000000;
}
.view-slideshow-flexslider .flexslider {
	margin-top: 1em;
}
/* end slideshow */

/* new global link colors */
a,
a:link {
	text-decoration:none;
	color:#881c1c;
}
a:hover {
	color:#615e9b;
}
/* end link colors */

/* 1-24-2023 new staff directory view */
div.view-staff-directory {
	margin-top:1em;
}
div.view-staff-directory div.views-field-field-s2-photo{
	float:left; 
	padding-right:1em;
	margin-bottom:1em;
}
div.view-staff-directory div.views-row {
	clear:both;	
}
div.view-staff-directory div.views-row {
	border-top: 1px solid #ccc;
    padding: .5em;
}
/* end new staff view */

/* staff pages */
article.node-staff2 div.content {
	margin:1em;
}
article.node-staff2 div.field {
	padding-bottom:.5em;
}

/* 1-24-2023 new staff page styles and new staff dir page */
body.node-type-staff article div.field-name-field-s2-photo {
	float:left;
	padding-right: 1em;
}
body.node-type-staff article div.field-name-field-s2-first-name {
	float:left;
	padding-right:5px;
}
/* 1-27-2023 CSRs */
div.view-staff-directory-csrs .view-content {
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 2rem;
	word-wrap:break-word;
}
div.view-staff-directory-csrs .view-content .views-row {
  background: #ccc;
  padding: 1em;
}
div.view-staff-directory-csrs div.views-field-field-s2-photo {
  padding-right: 1em;
  margin-bottom: 1em;
}

/* general service request button */
button.servicerequest {
	background: #881c1c;
	font-size: 1.5rem;
	text-align: left;
	padding: .5em 1em;
}
button.servicerequest a:link,
button.servicerequest a:visited,
button.servicerequest a:hover{
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	letter-spacing: .10em;
}

/* dept card styles */
div.view-department-cards .view-header h2 {
	font-size: 2rem;
	text-align: center;
	margin-bottom: 0;
}

div.view-department-cards div.view-content {
display: flex;
flex-wrap: wrap;
max-width: 1200px;
justify-content: space-around;
}


.view-department-cards .views-row {
  list-style: none;
  overflow: hidden;
  box-shadow: 0px 2px 8px 0px #b0bec5;
  background-color: #fff;
  border-radius: 1em;
  width: 275px;
  margin: 1em;
  flex: 1 1 auto;
}

.card-container header {
  background: #666666;
  text-align: center;
  color: white;
  padding: .5em;
}

.card-detail-container {
padding: 1em;
min-height:350px;
}

.card-detail-container img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.card-container footer {
  background-color: #333;
  color: #fff;
  padding: 1em;
  text-align: center;
}

footer i, .card-container footer a:link, .card-container footer a:visited {
  color: #71b2c9;
}
/* end card */

@media only screen and (max-width: 1000px) {
  #block-search-form {    
    float:left;
	}	
  .view-id-slideshow_flexslider div.views-field-title a:link,
  .view-id-slideshow_flexslider div.views-field-title a:visited {
	font-size: 16px;
	font-size: 1rem;
	color: #000000;	
	border-bottom:none;
	}
}