/* 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%;
}

/* open sans declared in body and also imported using font your face under appearance */
body {
  background:#ffffff;
  font-size:16px;
  font-size: 1rem; 
  line-height:1.5;
  font-family: "Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif; 
  color:#333333;
}

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

#zone-user-wrapper {
  background: #cccccc;
  margin: 1em 0;
}
#zone-preface {  
	background-color:#ece9d4; 
}

#zone-branding-wrapper,
#zone-menu-wrapper {
	background:#eeeeee;
}
#zone-branding-wrapper a {
	border-bottom:none;
}
/* trans wordmark in branding */
.wordmark {
	padding: 1em 0;
}

/* mobile menu styles */
/* top menu margin for superfish select box set in block */
#superfish-2-select {
	float:right;
	margin:.5em 0;
}
.mean-container .mean-bar {
	background:#881c1c;
}
.mean-container a.meanmenu-reveal {
	text-indent:0;
	width:auto;
	font-size:1rem;
}

/* menu styles */
/* TOP menu  */
ul#superfish-2 {
	float:right;
}
#superfish-2 >li{    
	margin-right:.5em;
}
#superfish-2 li:last-child{    
	margin-right:0;
}
ul#superfish-2 a:link,
ul#superfish-2 a:visited,
ul#superfish-2 a:hover,
ul#superfish-2 a:active {
	border:none;
	color:#ffffff;
}
ul#superfish-2 a:hover {
	font-weight:normal;
	}
.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:#63666a;
}
/* 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: #b3b995;
    font-size: 15px;
    padding-left: .5em;
    position: absolute;
    top: 15px;
    right: 10px;
}
/* end top menu styles */

/* main menu styles */
ul#superfish-1 {
	margin-top:.5em;
}
#superfish-1 >li{
	padding:7px 12px;
	margin-right:.5em;
	border-radius:5px 5px 0 0;
	background:#aca39a;
}
.sf-menu.sf-style-none a {
	line-height:1.7;
}
#superfish-1 li a:link,
#superfish-1 li a:visited,
#superfish-1 li a:hover,
#superfish-1 li a:active{
	color:#000000;
	}
#superfish-1 li:hover,
#superfish-1 li:hover a {
	background:#71b2c9;
}
#superfish-1 li a:hover{
	font-weight:normal;
	}
#superfish-1 li a:hover,
#superfish-1 li a:active{
	border-bottom:none;
	}
#superfish-1 li li{
	background-color: #71b2c9;
	padding-bottom:7px;
    padding-left: .75em;
	margin-left: 0;
}
#superfish-1 li li a:hover {
	border-bottom:1px solid white;
	display:inline;
}
/* right arrow for 2nd level menuparent items */
/* font awesome icon if title of My Account link equals Click to */
#superfish-1 a.sf-depth-2.menuparent:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #950030;
    font-size: 18px;
	position: relative;
    top: 0px;
    right: -6px;
	padding-right:.25em;
}
/* first main menu item no left margin */
#superfish-1 > li.first {
	margin-left:0;
}

/* end menu styles */

#zone-preface h2{
	border-bottom:none;
}

body.not-front #zone-content-wrapper {
	margin-top:1em;
}

/* remove the border on h2 if it's a link like on home page news view blocks */
.region-content-inner h2 a {
	border-bottom: none;
}

/* don't show sidebar-first on mobile */
.region-sidebar-first-inner {
	display:none;
}
.region-sidebar-first-inner {
	padding-left:7px;
}
.region-sidebar-first-inner h2 {
    border-bottom: 2px solid #b3b995;
    color: #76881d;
    font-size: 24px;
	font-size:1.5rem;
}
.region-sidebar-first-inner li {
    padding: 5px;
}
.menu-block-1,
.menu-block-2 {
	margin-bottom:2em;
}
.menu-block-1 ul li,
.menu-block-2 ul li { 
	text-decoration:none;
	list-style:none;
	margin-left:0;
	padding-left:0;
}
.menu-block-1 ul li li,
.menu-block-2 ul li li { 
	text-decoration:none;
	list-style:none;
	padding-left:1em;
}

.menu-block-1 a,
.menu-block-2 a{
	color:#333333;
}
.menu-block-1 a:hover,
.menu-block-2 a:hover{
	color:#881c1c;
	border-bottom:none;
}
.menu-block-1 a.active,
.menu-block-2 a.active {
	color:#000000;
	font-weight: 700;
}
.menu-block-1 a.active:after,
.menu-block-2 a.active:after {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	font-size:.8rem;
    text-decoration: inherit;
    padding-left: .3em;
	color:#71b2c9;
}
/* sidebar second styles */
.region-sidebar-second-inner .block {
	margin: 0 0 1em 0;
}
.region-sidebar-second-inner h2.block-title {
  color:#333333;
  border-bottom: 2px solid #b3b995;
}
.region-sidebar-second-inner .view-routes td a.active {
	color:#000000;
	font-weight:bold;
}

/* font awesome styles*/
/* accessible handicap menu item under parking */
#menu-811-1 a:after,
.menu-mlid-811 a:after,
.menu-mlid-811 a.active:after {
    content: "\f193";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #003b5c;
    font-size: 22px;
	position: relative;
    top: 0px;
    right: -6px;
	padding-right:.4em;
}

/* parking calendar content type pages - lot affected field cck block */
#block-cck-blocks-field-lot-affected div.field-item:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	font-size:12px;
	font-size:.75rem;
    text-decoration: inherit;
    color: #71b2c9;
	position:relative;
	top:-1px;
	left:-4px;
	padding-left:6px;
}
/* parking exposed filter form on News page */
.views-exposed-form .views-exposed-widget .form-submit {
	margin-top:2em;
	margin-bottom:1em;
	border-radius:2px;
	}
	
/* contact us cck block */
#block-cck-blocks-field-contact h2.node-title a:before,
#block-cck-blocks-field-contact-department h2.node-title a:before {
    content: "\f069";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	font-size:16px;
	font-size:1rem;
    text-decoration: inherit;
    color: #71b2c9;
    padding-right: .5em;
}
#block-cck-blocks-field-contact h2.node-title,
#block-cck-blocks-field-contact-department h2.node-title {
	font-size:16px;
	font-size:1rem;
	margin:0;
	border-bottom:none;
}
#block-cck-blocks-field-contact div.field-name-field-email,
#block-cck-blocks-field-contact div.field-name-field-phone,
#block-cck-blocks-field-contact-department div.field-name-field-department-phone,
#block-cck-blocks-field-contact-department div.field-name-field-department-email,
#block-cck-blocks-field-contact div.field-name-field-staff-phone {
	padding:0 0 0 1.5em;
}

#zone-postscript-wrapper {
	background:#aca39a;
	color:#333333;
	padding-bottom:1em;
	margin-top:1em;
}

#zone-postscript div.title,
.fb-twitter-icons div.title,
.fb-twitter-icons span.title {
	padding:.75em 0;
}
div.fb-twitter-icons .fa-facebook,
div.fb-twitter-icons .fa-twitter {
	padding-right:.5em;
}

#zone-postscript a:link,
#zone-postscript a:visited,
#zone-postscript a:hover {
	color:#5d2a2c;
}
/* postscript 2,3,4's email addresses are long; need to break them to avoid spilling into next region */
.region-postscript-second,
.region-postscript-third,
.region-postscript-fourth {
	word-break:break-all;
}
/* 1-5-16 added */
#zone-postscript span.title i.fa {
	color: #fff;
}

#zone-footer-wrapper {
	color:#000;
	text-align:center;
	padding-top:1.5em;
	font-weight:normal;
}

h1.site-name,
.front h1#page-title {
	position: absolute; left: -9999em;
	}	
.node-type-landing-page h2 {
	color:#5b7f95;
	margin-top:.5em;
}

a:link,
a:visited {
	text-decoration:none;
	color:#881c1c;
}
a:hover {
	font-weight:bold;
}
.region-content-inner a {
	border-bottom: 1px solid;
} 

h1 {
    font-size: 24px;
	font-size:1.5rem;
	margin-bottom: .5em;
	font-weight:normal;
	color:#5b7f95;
	border-bottom: 2px solid #5b7f95;
}

h2 {
	font-size: 18px;
	font-size: 1.5rem;
	margin: 0 0 .5em 0; 
	color: #76881d;
	font-weight:normal;
	border-bottom: 2px solid #76881d;
}
	
h3 {
	font-size: 17px;
	font-size: 1.2rem; 
	margin: 0 0 .5em 0; 
	font-weight:bold;
	color:#003b5c;}
	
h4, h5, h6 { 
	font-size: 14px;
	font-size: .875rem;
	font-weight:bold;
	margin: 0 0 1em 0;
	color:#881c1c;}

hr {
  height: 2px;
  margin: 50px 0;
  background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), color-stop(0.5, #71b2c9), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #71b2c9, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #71b2c9, rgba(0, 0, 0, 0));
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #71b2c9, rgba(0, 0, 0, 0));
  background: linear-gradient(left, rgba(0, 0, 0, 0), #71b2c9, rgba(0, 0, 0, 0));
  border: 0;
}


p {
	padding-bottom:10px;
}
ul, ol {
	margin-left: 1.1em;
	margin-bottom:1em;
	list-style-position:outside;
}
ul,
.item-list ul li {
  list-style: disc;
  padding-left:5px;
}

ol,
.item-list ol li {
	list-style:decimal;
	padding-left:5px;
}

/* images tyle for content type article and view of ct articles */
.view-articles-front-page img,
.node-type-article img {
	float:left;
	margin:1em 1em 1em 0;
}
img {
	max-width:100%;
	height:auto;
}
/* colorbox images */
a.colorbox img,
a.colorbox-load img {
	outline: 1px solid #ddd;
}
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
tr, td {
	vertical-align:top;
}

tr:nth-child(even) {
    background-color: #ccc;
}
tr:nth-child(odd) {
   background-color:#eee;
}
th	{
    background-color: #003b5c;
    color: #eee;
}


/* page image field */
/* featured photo field */
#region-content .field-name-field-page-photo,
#region-content .field-name-field-featured-photo {
	margin: 20px 0;
}
#region-content .field-name-field-page-photo img,
#region-content .field-name-field-featured-photo img {
	float:left;
	padding:5px;	
	margin-right:10px;
	margin-bottom:1em;
}
.field-name-field-featured-photo-caption {
	word-break:break-all;
	font-size:.75rem;
	background:#ece9d4;
	padding:.5em;
}


/* field styles */
.field-name-field-department-phone,
.field-name-field-department-email,
.field-name-field-department-fax,
.field-name-field-managed-by,
.field-name-field-date {
	padding:.5em 0;
}
/* field style staff and pvta bus content type */
.region-content-inner article.node-staff div.field p,
.region-content-inner article.node-pvta-bus div.field p {
 	padding-bottom:0;
}
.region-content-inner article.node-staff div.field,
.region-content-inner article.node-pvta-bus div.field {
 	padding-bottom:10px;
}
	

/* search form */
.search-advanced,
.search-info {
	display:none;
}
/* drupal search form */
#search-block-form input[type="text"] {
	border-radius:4px;
	width:60%;
	margin:2em 0;
	}
#search-block-form input[type="submit"] {
	border-radius: 4px;
}
/*search results pager - overriding width set 50px in omega-visuals style */
.pager li.pager-previous a {
	width:75px;
}

/* ckeditor styles removed from  global and put in ckeditor.css */

/* don't show flexslider on mobile */
#flexslider-1 {
	display:none;
}
/* flexslider on home page*/
/* background for flexslider caption block */
.flexslider .slides {
	background:#ece9d4;
}

.view-footer {
	margin-top:10px;
}

/* remove borders around flexslider on home page */
.view-flexslider-transportation .flexslider {
	border:none;
	border-radius:0;
	box-shadow:none;
	padding:0;
	margin-left:8px;
	margin-right:0px;
	margin-bottom:0;
}
/* center the logo in the slideshow */
.block-block-66 img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/* parking and transit news views on home page */
.view-news-parking img,
.view-news-home-transit img {
	float:left;
	margin-right:1em;
}
.view-news-home-transit div.views-row,
.view-news-parking div.views-row {
	clear:both;
	padding-top:1em;
}

/* calendar */
.calendar-calendar .month-view .full td.multi-day div.monthview,
.calendar-calendar .month-view .full td.multi-day .inner .monthview .continues, 
.calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff, 
.calendar-calendar .week-view .full td.multi-day .inner .weekview .continues, 
.calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {
	background:#ceffff;
	color:#000000;
}
/* don't show dates from prior and future months on current month */
.calendar-calendar td.date-box.future.empty .inner,
.calendar-calendar td.date-box.past.empty .inner {
  display: none;
  visibility: hidden;
}
.calendar-calendar div.calendar a {
	font-size:.75rem;
}

/* 3-21-16 accordion widget override style */
.ui-widget div.faqfield-answer {
  font-size:16px;
  font-size: 1rem; 
  line-height:1.5;
  font-family: "Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif; 
}

/* 3/15/19 remove read-more. appears where manage fields > teaser is used. contact in basic page */
article.node-teaser li.node-readmore {
	display:none;
}
	
div.umass-site-branding-site a:hover {
	font-weight:normal;
}