/**
* @file
* Subtheme specific CSS.
*/
html, body { scroll-behavior: smooth; }
body { font-family: 'Open Sans',sans-serif !important; }
*:focus {
outline: 2px solid #148071;
}
a.skip-link:focus { outline: 2px solid #D72FE1; }
/* ***************************************************************
************* RESETS ******************************************
*************************************************************** */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,
.col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1,
.col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7,
.col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2,
.col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1,
.col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8,
.col-xl-9, .col-xl-auto {
padding: 0 !important; max-width: 100%; min-width: 0;
}
/* Bootstrap Paragraphs Paragraph__Column Padding Fix */
.paragraph.paragraph--width--full>.paragraph__column,
.paragraph.paragraph--width--medium>.paragraph__column,
.paragraph.paragraph--width--narrow>.paragraph__column,
.paragraph.paragraph--width--tiny>.paragraph__column,
.paragraph.paragraph--width--wide>.paragraph__column,
.paragraph>.paragraph__column
{ padding-left: 0 !important; padding-right: 0 !important; }
.node--unpublished { padding: 0 !important; }
.row { margin: 0 !important; }
/* fix for whacky ckeditor style code displaying at bottom of page */
#ckeditor-off-canvas-reset { display: none;}
/* move page down below the admin toolbars if body has toolbar attributes
#toolbar-bar { width: 100%; background-color: #000; position: fixed; top: 0; }
#toolbar-bar .toolbar-tray { width: 100%; position: fixed; top: 45px; }
body.toolbar-tray-open .page-wrapper { padding-top: 90px; } */
/* body padding when toolbar tray is open */
body.toolbar-tray-open.toolbar-horizontal.toolbar-fixed { padding-top: 79px !important; }
/* ********************************************
****** HEADER, LOGO, MAIN NAV **************
******************************************** */
#header { background-color: #005EB8; border-bottom: 1px solid #DFDFDF; }
#header a:focus { outline: 2px solid #D72FE1; }
#navbar-top { width: 88.88888%; height: 105px; margin: 0 auto; padding: 0; }
#block-logohomelink {
width: 600px; height:60px; }
#block-logohomelink a.logo-link {
display: block; width: 100%; height: 60px;
background: url(/themes/custom/umass/images/umassp_logo_white.svg);
background-repeat: no-repeat; background-size: 100% auto; }
#block-logohomelink a.logo-link .link-text { clip-path: inset(100%); clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
#block-logohomelink a.logo-link.link-img { width: 100%; height: 100%; }
.form-inline { position: absolute; top: 0; right: 0; max-width: 450px; }
.form-inline section.row { display: block; right: 0; }
nav#block-useraccountmenu { margin-bottom: 12px; margin-top: 12px; float: right; }
nav#block-useraccountmenu h2 { display: none; }
nav#block-useraccountmenu a.nav-link {
color: #FFF; text-decoration: none; font-family: 'Montserrat',sans-serif; font-weight: 600; font-size: 15px; font-size: .975rem; text-shadow: 1px 1px 2px #222;
border-right: 1px solid rgba(255,255,255,0.3); padding: 0 15px; line-height: 1; }
nav#block-useraccountmenu a.nav-link:last-child { border: none; }
nav#block-useraccountmenu a.nav-link:hover { text-decoration: underline; }
#block-departments { display: flex; justify-content: flex-end; z-index: 400; }
#block-departments ul.sf-menu { z-index: 510 !important; }
#block-departments ul.sf-menu li { z-index: 511 !important; }
#block-departments ul.sf-menu li:hover { z-index: 512 !important; }
#block-departments h2 { clip-path: inset(100%); clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.sf-accordion-toggle.sf-style-none { position: relative; right: 0; }
.sf-accordion-toggle.sf-style-none a {
display: block; width: 180px; background: #025CB8 url(/themes/custom/umass/images/caret_down_white.svg) no-repeat 94% 50%; border: 1px solid rgba(255,255,255,0.3); border-radius: 4px;
text-decoration: none; padding: 9px 14px;
font-family: 'Montserrat',sans-serif; font-weight: 600;
color: #FFF; font-size: 16px; font-size: 1rem; }
.sf-accordion-toggle.sf-style-none a:hover { color: #025CB8; background: #FFF url(/themes/custom/umass/images/caret_down_blue.svg) no-repeat 94% 50%; }
.sf-accordion-toggle.sf-style-none a.sf-expanded {
color: #025CB8; background: #DDD url(/themes/custom/umass/images/caret_down_blue.svg) no-repeat 94% 50%;
border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid #DDD; }
#superfish-departments-accordion.sf-hidden { display: none; }
ul#superfish-departments.sf-horizontal { display: none !important; }
#superfish-departments-accordion {
position: absolute; width: 340px; right: 0; background-color: #FFF; border: 1px solid #DFDFDF; border-top-right-radius: 0; }
#superfish-departments-accordion li {
font-family: 'Montserrat',sans-serif; font-weight: 600; border-bottom: 1px solid #DFDFDF;
font-size: 12px; font-size: 0.75rem; }
#superfish-departments-accordion li:last-child { border-bottom: none; }
#superfish-departments-accordion a { color: #025CB8; text-decoration: none; line-height: 1.2; }
#superfish-departments-accordion a:hover { color: #025CB8; text-decoration: underline; }
#navbar-main.navbar { padding: 0 !important; }
#block-umass-main-menu li.nav-item { border-right: 1px solid #DFDFDF; }
#block-umass-main-menu h2 { display: none; }
#block-umass-main-menu a.nav-link {
height: 70px; background: #FFF; color: #000; padding: 26px 30px;
display: -webkit-box; display: -ms-flexbox; display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center;
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px;
font-size: 0.875rem; line-height: 1.5; text-transform: uppercase; }
#block-umass-main-menu a.nav-link:hover { background: #F4F4F4; color: #005EB8; text-decoration: underline; }
/* MAIN NAV FOCUS INDICATOR */
#block-umass-main-menu a.nav-link:focus { border: 2px solid #d71ef7; }
/* collapsing nav bar */
.navbar-collapse { padding-right: 5.4%; justify-content: space-between; background-color: #F4F4F4; }
#block-cludosearchforheader-mobile, #block-useraccountmenu-mobile, #block-departments-2 { display: none; }
/* ********************************************
******* PAGES WITH SIDEBARS ****************
******************************************** */
/* one sidebar, sidebar first only */
.layout-one-sidebar.layout-sidebar-first #main > .row { display: flex; justify-content: flex-start; align-items: stretch; }
.layout-one-sidebar.layout-sidebar-first .sidebar_first { width: 25%; max-width: 25%; }
.layout-one-sidebar.layout-sidebar-first #content { width: 75%; border-left: 1px solid #CCC; }
.sidebar.sidebar_first .block { border: none; background: none; }
/* I think this is unnecessary
.layout-one-sidebar.layout-sidebar-first #content .page-content { margin: 60px 7.403273809% 0 5.580357%; }
.layout-one-sidebar.layout-sidebar-first #content .page-content h1 { font-size: 48px; font-size: 3rem; font-weight: 500; }
*/
/* two sidebars */
.layout-two-sidebars #main > .row { display: flex; justify-content: flex-start; align-items: stretch; }
.layout-two-sidebars #sidebar_first { width: 25%; max-width: 25%; }
.layout-two-sidebars #content { width: 55%; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
.layout-two-sidebars #sidebar_second { width: 20%; max-width: 20%; }
/* I think this is unnecessary
.layout-two-sidebars #content .page-content { margin: 60px 7.403273809% 0 5.580357%; }
/* overriding contributed theme sidebar borders */
.sidebar .block { border-width: 0; border: 0; }
/* ********************************************
*** SIDEBAR MENU/TABLE OF CONTENTS *********
******************************************** */
.sidebar_first { padding-left: 0; padding-right: 0; }
.sidebar_first aside { padding: 30px 0 25px 6.696%; margin-bottom: 150px; }
.sidebar_first.sidebar .block { border-color: #FFF !important ; background-color: #FFF !important; margin: 0; padding: 0; }
.sidebar button.sidebar-toggle { display: none; }
.sidebar nav .nav { margin: 0!important; }
/* table of contents nav */
.table-of-contents-nav h2 {
font-family: 'Open Sans',sans-serif; font-weight: 700; font-size: 14px; font-size: 0.875rem;
font-style: italic; color: #025CB8; margin-bottom: 18px;
}
.table-of-contents-nav h2:after { content: "\00a0\2513"; padding-top: -2px; color: #025CB8; }
.table-of-contents-nav li { width: 100%; }
.table-of-contents-nav li a { color: #000 !important; text-decoration: none; }
.table-of-contents-nav li a:hover { color: #148071 !important; text-decoration: underline; }
.table-of-contents-nav li.menu-item--active-trail { background-color: #148071; }
.table-of-contents-nav li a.active { color: #FFF !important; text-decoration: none; }
/* ********************************************
****** SIDEBAR SECTION NAV ****************
******************************************** */
#submenu-toggle { display: none; }
/* menu heading */
#sidebar_first .sidebar-navigation h2 {
background: url(/themes/custom/umass/icons/sub_menu.svg) no-repeat center left; padding-left: 18px;
font-family: 'Open Sans',sans-serif; font-size: 0.875rem; font-weight: 700; font-style: italic; margin-bottom: 8px; border: none; }
/* hide in-this-section heading for desktop */
#sidebar_first .sidebar-navigation div:first-child { display: none; }
/* menu unordered list */
#sidebar_first .sidebar-navigation ul { list-style: none; margin: 0; padding: 0; }
#sidebar_first .sidebar-navigation li { width: 100%; border-bottom: 1px solid #CCC; }
/* commenting out the top border for first sidebar list item as I'm adding border to the whole row
#sidebar_first .sidebar-navigation li:first-child { border-top: 1px solid #CCC; } */
#sidebar_first .sidebar-navigation li.menu__item--active-trail { border-left: 5px solid #013E7D; }
#sidebar_first .sidebar-navigation li a { color: #013E7D; display: block; padding: .5rem 1rem; font-weight: 600; }
#sidebar_first .sidebar-navigation li a.is-active { color: #013E7D; }
#sidebar_first .sidebar-navigation li a:hover,
#sidebar_first .sidebar-navigation li a.is-active:hover { color: #148071; text-decoration: underline; }
/* visibility for submenu under button menu items */
#sidebar_first .sidebar-navigation li.menu__item--has-children ul { display: none; }
#sidebar_first .sidebar-navigation li.menu__item--link.menu__item--has-children.menu__item--active-trail ul { display: block; }
#sidebar_first .sidebar-navigation li.menu__item--nolink.menu__item--has-children ul { display: block; }
#sidebar_first .sidebar-navigation li.menu__item--button.menu__item--has-children [aria-expanded="true"] + ul { display: block; }
#sidebar_first .sidebar-navigation .menu-level-two { display: inline-block; list-style: none; padding-bottom: 18px; }
/* styles for regular link type */
#sidebar_first .sidebar-navigation li.menu__item--link.menu__item--has-children a {
background: url(/themes/custom/umass/images/sidebar_plus_blue.svg) no-repeat right 12px center; }
#sidebar_first .sidebar-navigation li.menu__item--link.menu__item--has-children a:hover {
background: url(/themes/custom/umass/images/sidebar_plus_green.svg) no-repeat right 12px center; }
#sidebar_first .sidebar-navigation li.menu__item--link.menu__item--has-children.menu__item--active-trail a,
#sidebar_first .sidebar-navigation li.menu__item--link.menu__item--has-children.menu__item--active-trail a:hover { background: none; }
#sidebar_first .sidebar-navigation li.menu__item--link.menu__item--has-children ul li.menu__item--level-2 a { background: none; }
#sidebar_first .sidebar-navigation li.menu__item--link.menu__item--has-children ul li.menu__item--level-2 a:hover { background: none; }
/* styles for no-link type */
#sidebar_first .sidebar-navigation li.menu__item--nolink.menu__item--has-children span {
display: inline-block; width: 100%;
padding: .5rem 1rem; color: #353535; }
/* styles for button type */
#sidebar_first .sidebar-navigation li.menu__item--button.menu__item--has-children button,
#sidebar_first .sidebar-navigation li.menu__item--button.menu__item--has-children [type="button"] {
font-family: inherit; /* For all browsers */
font-size: inherit; /* For all browsers */
line-height: inherit; /* For all browsers */
margin: 0; /* Firefox and Safari have margin */
overflow: visible; /* Edge hides overflow */
border: 0; border-style: none; padding: 0; outline: none;
background-color: #FFF;
text-transform: none; /* Firefox inherits text-transform */
-webkit-appearance: button; /* Safari otherwise prevents some styles */
}
#sidebar_first .sidebar-navigation li.menu__item--button.menu__item--has-children button::-moz-focus-inner {
border-style: none;
padding: 0;
}
#sidebar_first .sidebar-navigation li.menu__item--button.menu__item--has-children button:-moz-focusring {
outline: 1px dotted ButtonText;
}
#sidebar_first .sidebar-navigation li.menu__item--button.menu__item--has-children button,
#sidebar_first .sidebar-navigation li.menu__item--button.menu__item--has-children [type="button"] {
width: 100%; text-align: left; border: none;
background: #FFF url(/themes/custom/umass/images/sidebar_plus_blue.svg) no-repeat right 12px center;
padding: .5rem 1rem !important; color: #005EB8; }
#sidebar_first .sidebar-navigation li.menu__item--button.menu__item--has-children button:hover,
#sidebar_first .sidebar-navigation li.menu__item--button.menu__item--has-children [type="button"]:hover { color: #148071; text-decoration: underline; }
#sidebar_first .sidebar-navigation li.menu__item--button.menu__item--has-children button:focus,
#sidebar_first .sidebar-navigation li.menu__item--button.menu__item--has-children [type="button"]:focus { outline: 2px solid #d71ef7; }
/* level two styling for different link types */
#sidebar_first .sidebar-navigation li.menu__item--has-children.menu__item--active-trail ul li { width: auto; padding-left: 12px; border: none; }
#sidebar_first .sidebar-navigation li.menu__item--has-children.menu__item--active-trail ul li:last-child { border-bottom: none; }
#sidebar_first .sidebar-navigation li.menu__item--nolink.menu__item--has-children ul li { width: auto; padding-left: 12px; border: none; }
#sidebar_first .sidebar-navigation li.menu__item--nolink.menu__item--has-children ul li:last-child { border-bottom: none; }
#sidebar_first .sidebar-navigation li.menu__item--button.menu__item--has-children [aria-expanded="true"] + ul li { width: auto; padding-left: 12px; border: none; }
#sidebar_first .sidebar-navigation li.menu__item--button.menu__item--has-children [aria-expanded="true"] + ul li:last-child { border-bottom: none; }
/* anonymous-only menu items */
#sidebar_first .sidebar-navigation li.menu__item--link a.anonymous-only { background: #FFF url(/themes/custom/umass/images/sidebar_lock_blue.svg) no-repeat right 12px center; }
#sidebar_first .sidebar-navigation li.menu__item--link a.anonymous-only:hover { background: #FFF url(/themes/custom/umass/images/sidebar_lock_green.svg) no-repeat right 12px center; }
body.user-logged-in #sidebar_first .sidebar-navigation li:has(> a.anonymous-only) { display: none; border-bottom: none; } /* only supported in Safari */
body.user-logged-in #sidebar_first .sidebar-navigation li a.anonymous-only { display: none; }
body.user-logged-in #sidebar_first .sidebar-navigation li.anonymous-link { display: none; border-bottom: none; }
/* ***************************************************
*** PAGE CONTENT LAYOUTS - Paragraphs **************
**************************************************** */
/* no sidebars */
.layout-no-sidebars .main-page-body { width: 70%; margin: 0 auto; margin-bottom: 25px; }
.layout-no-sidebars .paragraph--type--columns { width: 70%; margin: 0 auto 50px auto; }
.layout-no-sidebars .paragraph--type--link-list .link-list-inner { width: 70%; margin: 0 auto; padding: 30px 0 75px 0; }
.layout-no-sidebars .paragraph--bp-accordion-container,
.layout-no-sidebars .paragraph--type--contact-list,
.layout-no-sidebars .definition-list,
.layout-no-sidebars .paragraph--type--feature-set,
.layout-no-sidebars .paragraph--type--related-products,
.layout-no-sidebars .paragraph--type--youtube-video,
.layout-no-sidebars .paragraph--type--brightcove-video,
.layout-no-sidebars .paragraph-youtube,
.layout-no-sidebars .paragraph--type--statistics-facts > .paragraph__column,
.layout-no-sidebars .topic-rows-inner,
.layout-no-sidebars .paragraph--type--buttons { width: 70%; margin: 0 auto; }
.layout-no-sidebars .paragraph--type--biographies { width: 70%; margin: 0 auto 50px auto; }
.layout-no-sidebars .paragraph--type--bp-view > .paragraph__column,
.layout-no-sidebars .paragraph--type--bp-simple > .paragraph__column { width: 70%; margin: 0 auto; float: none; }
.layout-no-sidebars .node--type-webform { width: 70%; margin: 0 auto 65px auto; }
.layout-no-sidebars .paragraph--type--card-section .paragraph__column { width: 87%; margin: 0 7.403273809% 0 5.580357%; }
/* left sidebar only */
.layout-one-sidebar.layout-sidebar-first .main-page-body,
.layout-one-sidebar.layout-sidebar-first .paragraph--bp-accordion-container,
.layout-one-sidebar.layout-sidebar-first .paragraph--type--contact-list,
.layout-one-sidebar.layout-sidebar-first .definition-list,
.layout-one-sidebar.layout-sidebar-first .paragraph--type--feature-set,
.layout-one-sidebar.layout-sidebar-first .paragraph--type--related-products,
.layout-one-sidebar.layout-sidebar-first .paragraph--type--youtube-video,
.layout-one-sidebar.layout-sidebar-first .paragraph--type--brightcove-video,
.layout-one-sidebar.layout-sidebar-first .paragraph-youtube,
.layout-one-sidebar.layout-sidebar-first .paragraph--type--statistics-facts > .paragraph__column,
.layout-one-sidebar.layout-sidebar-first .topic-rows-inner,
.layout-one-sidebar.layout-sidebar-first .paragraph--type--buttons,
.layout-one-sidebar.layout-sidebar-first .paragraph--type--columns { width: 87%; margin: 0 7.403273809% 0 5.580357%; }
.layout-one-sidebar.layout-sidebar-first .paragraph--type--link-list .link-list-inner { width: 87%; margin: 0 7.403273809% 0 5.580357%; padding: 30px 0 75px 0; }
.layout-one-sidebar.layout-sidebar-first .paragraph--type--biographies { width: 87%; margin: 50px auto; }
.layout-one-sidebar.layout-sidebar-first .paragraph--type--bp-view > .paragraph__column { width: 87%; margin: 0 7.403273809% 0 5.580357%; float: none; }
.layout-one-sidebar.layout-sidebar-first .node--type-webform { width: 87%; margin: 0 auto 65px auto; }
.layout-one-sidebar.layout-sidebar-first .paragraph--type--card-section .paragraph__column { width: 87%; margin: 0 7.403273809% 0 5.580357%; }
.layout-one-sidebar.layout-sidebar-first .paragraph--type--full-width-section-with-backgrou > .paragraph__column { width: 87%; margin: 0 7.403273809% 0 5.580357%; float: none; }
/* layout two sidebars */
.layout-two-sidebars .main-page-body,
.layout-two-sidebars .paragraph--bp-accordion-container,
.layout-two-sidebars .paragraph--type--columns,
.layout-two-sidebars .paragraph--type--contact-list,
.layout-two-sidebars .definition-list,
.layout-two-sidebars .paragraph--type--feature-set,
.layout-two-sidebars .paragraph--type--related-products,
.layout-two-sidebars .paragraph--type--youtube-video,
.layout-two-sidebars .paragraph--type--brightcove-video,
.layout-two-sidebars .paragraph--type--statistics-facts > .paragraph__column,
.layout-two-sidebars .topic-rows-inner,
.layout-two-sidebars .paragraph--type--buttons,
.layout-two-sidebars .paragraph--type--card-section .paragraph__column { width: 87%; margin: 0 7.403273809% 0 5.580357%; }
.layout-two-sidebars .paragraph--type--link-list .link-list-inner { width: 87%; margin: 0 7.403273809% 0 5.580357%; padding: 30px 0 75px 0; }
.layout-two-sidebars .paragraph--type--biographies { width: 87%; margin: 50px auto; }
.layout-two-sidebars .paragraph--type--bp-view > .paragraph__column,
.layout-two-sidebars .paragraph--type--bp-simple > .paragraph__column { width: 87%; margin: 0 7.403273809% 0 5.580357%; float: none; }
.layout-two-sidebars .node--type-webform { width: 87%; margin: 0 auto 65px auto; }
/* paragraphs inside other paragraphs - all sidebars */
.layout-no-sidebars .paragraph--bp-accordion-container .paragraph--type--bp-view,
.layout-one-sidebar.layout-sidebar-first .paragraph--bp-accordion-container .paragraph--type--bp-view,
.layout-two-sidebars .paragraph--bp-accordion-container .paragraph--type--bp-view { width: 90% !important; margin: 0 auto !important; }
/*
.layout-no-sidebars .paragraph--type--full-width-section-with-backgrou .paragraph--type--youtube-video,
.layout-no-sidebars .paragraph--type--full-width-section-with-backgrou .paragraph--type--bp-simple > .paragraph__column,
.layout-no-sidebars .paragraph--type--full-width-section-with-backgrou .paragraph--type--bp-view > .paragraph__column { width: 70%; margin: 0 auto; float: none; } */
.layout-no-sidebars .paragraph--type--full-width-section-with-backgrou > .paragraph__column { width: 70%; margin: 0 auto; float: none; }
.layout-one-sidebar.layout-sidebar-first .paragraph--type--full-width-section-with-backgrou .paragraph--type--columns { width: 100%; margin: 0; }
.layout-no-sidebars .paragraph--type--columns .paragraph--type--bp-simple > .paragraph__column { width: 100%; }
/*
.layout-one-sidebar.layout-sidebar-first .paragraph--type--full-width-section-with-backgrou .paragraph--type--youtube-video,
.layout-one-sidebar.layout-sidebar-first .paragraph--type--full-width-section-with-backgrou .paragraph--type--bp-simple > .paragraph__column,
.layout-one-sidebar.layout-sidebar-first .paragraph--type--full-width-section-with-backgrou .paragraph--type--bp-view > .paragraph__column {
width: 87%; margin: 0 7.403273809% 0 5.580357%; float: none; } */
/* simple inside columns */
.layout-one-sidebar.layout-sidebar-first .paragraph--type--full-width-section-with-backgrou .paragraph--type--columns .paragraph--type--bp-simple > .paragraph__column
{ width: 100%; margin: 0; }
/* content moderation form */
#content-moderation-entity-moderation-form { max-width: 1200px; margin: 0 auto; }
/* ********************************************
****** MAIN CONTAINER ROW ******************
******************************************** */
main.container > .row { border-top: 1px solid #CCC; }
/* ********************************************
****** BASE TYPOGRAPHY *******************
******************************************** */
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat',sans-serif; }
h1 { font-size: 55px; font-size: 3.4375rem; font-weight: 900; }
h2 { font-size: 42px; font-size: 2.625rem; font-weight: 700; color: #353535; line-height: 1.2; margin: 40px 0 20px; }
p + h2 { margin-top: 75px; }
h2.login-heading { font-size: 35px; font-size: 2.1875rem; font-weight: 500; }
h2.field--name-field-title { margin: 0 0 10px 0; }
h2.topic-row-heading { margin: 0; }
#sidebar_second h2 { font-size: 24px; font-size: 1.5rem; font-weight: 500; color: #353535; line-height: 1.2; margin: 27px 0 25px; border-bottom: none; }
h3 { font-size: 35px; font-size: 2.1875rem; font-weight: 500; margin: 25px 0 16px; }
#sidebar_second h3 { font-size: 18px; font-size: 1.125rem; font-weight: normal; margin: 25px 0 8px; }
h4 { margin: 25px 0 8px; color: #013E7D; }
h4.pagination-heading { display: none; }
h4 + p { margin: 0 0 40px !important; }
h5 { font-weight: 700; margin: 30px 0 8px 0; }
.node__content { margin-top: 0 !important; }
#block-umass-content p { font-size: 1.0625rem; color: #353535; font-weight: 400; line-height: 2; margin: 40px 0; }
#block-umass-content h5 + p { margin: 0 0 40px 0 !important; }
#custom-block p { font-size: 1.0625rem; color: #353535; font-weight: 400; line-height: 2; margin: 40px 0; }
#block-umass-content a, #sidebar_second a, .featured-bottom a, .view-content a { color: #013E7D; text-decoration: underline; }
#block-umass-content a:hover, #block-umass-content a:focus,
#sidebar_second a:hover, #sidebar_second a:focus,
.featured-bottom a:hover, .featured-bottom a:focus,
.view-content a:hover, .view-content a:focus { color: #148071; text-decoration: underline; text-decoration-thickness: 3px; }
#custom-block a, .view-header a, .view-footer a { color: #013E7D; text-decoration: underline; }
#custom-block a:hover, #custom-block a:focus,
.view-header a:hover, .view-header a:focus,
.view-footer a:hover, .view-footer a:focus { color: #148071; text-decoration: underline; text-decoration-thickness: 3px; }
.pagination .page-item a.page-link { color: #013E7D; }
.pagination .page-item span.page-link:hover { background-color: #FFF; }
.pagination .page-item.active .page-link { background-color: #013E7D; border-color: #013E7D; }
#block-umass-content ul { margin: 15px 0 40px 15px; }
#block-umass-content ul li { margin: 25px 0; font-size: 1.0625rem; line-height: 2; }
#block-umass-content ol { margin: 15px 0 40px 15px; }
#block-umass-content ol li { margin: 25px 0; font-size: 1.0625rem; line-height: 2; }
#custom-block ul { margin: 15px 0 40px 15px; }
#custom-block ul li { margin: 25px 0; font-size: 1.0625rem; line-height: 2; }
#custom-block ol { margin: 15px 0 40px 15px; }
#custom-block ol li { margin: 25px 0; font-size: 1.0625rem; line-height: 2; }
#block-umass-content .view ul li { margin: 16px 0; font-size: 1.0625rem; line-height: 2; }
#sidebar_second ul, #sidebar_second ol { margin: 18px 0 0 18px; padding: 0; }
#sidebar_second li, #sidebar_second li { padding: 0 0 16px 0; }
#sidebar_second .block .content { font-size: 1rem; font-weight: 400; line-height: 1; color: #222; text-align: left; }
#block-umass-content table, table.views-table { width: 100%; border-collapse: collapse; border: 1px solid #DFDFDF; }
#block-umass-content table caption { color: #222; }
#block-umass-content table thead, table.views-table thead { display: table-header-group; vertical-align: middle; background-color: #025CB8; }
#block-umass-content table thead th, table.views-table thead th {
font-weight: 700; font-size: 0.775rem; letter-spacing: 2px; letter-spacing: 0.125rem;
line-height: 32px; text-transform: uppercase; background: #025CB8; padding: 10px 20px; border: none;
text-shadow: 1px 1px 2px #222; }
#block-umass-content table tr, table.views-table tr { border: 1px solid #DFDFDF; background-color: #FFF; }
.views-table.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(255,255,255,1); }
#block-umass-content table tr:nth-child(even), table.views-table tr:nth-child(even) { background-color: #EAEAEA; }
#block-umass-content table tr td, table.views-table tr td { padding: 10px 20px; border: none; font-size: 0.975rem; color: #000; }
#block-umass-content table tr td ul, #block-umass-content table tr td ol,
table.views-table tr td ul, table.views-table tr td ol
{ font-size: 0.875rem; margin: 15px 0 15px 10px; }
#block-umass-content table tr td ul li, #block-umass-content table tr td ol li,
table.views-table tr td ul li, table.views-table tr td ol li
{ margin: 0 0 12px 0; color: #000; }
#block-umass-content table tr td p, table.views-table tr td p { margin: 0 !important; font-size: 0.875rem; color: #000; }
#block-umass-content table tr td p + p, table.views-table tr td p + p { margin-bottom: 15px; }
/* views-table links */
table.views-table td a { color: #013E7D; text-decoration: underline; }
table.views-table td a:hover, table.views-table td a:focus { color: #148071; text-decoration: underline; text-decoration-thickness: 3px; }
/* views exposed filters */
#block-umass-content .text-muted { color: #000 !important; }
#block-umass-content .views-exposed-form .small, #block-umass-content .views-exposed-form small { font-size: 100%; }
/* content-area button links */
#block-umass-content a.button,
#block-umass-content a.button-secondary,
.form-actions .btn-primary {
display: inline-block; border-radius: 4px; text-decoration: none !important; height: auto; margin: 0 12px 18px 0;
padding: 9px 12px; font-family: 'Montserrat',sans-serif; font-weight: 500; font-size: 16px; font-size: 1rem; text-align: center; }
#block-umass-content a.button-secondary:last-child { margin-right: 0; }
#block-umass-content a.button, .form-actions .btn-primary { background-color: #148071; border: 1px solid #148071; color: #FFF; }
#block-umass-content a.button-secondary { background-color: #FFF; border: 1px solid #025CB8; color: #353535; }
#block-umass-content a.button:hover, #block-umass-content a.button:focus,
.form-actions .btn-primary:hover, .form-actions .btn-primary:focus { outline: 2px solid #148071; outline-offset: 5px; }
#block-umass-content a.button-secondary:hover, #block-umass-content a.button-secondary:focus,
.form-actions .btn-primary:hover, .form-actions .btn-primary:focus { outline: 2px solid #025CB8; outline-offset: 5px; }
/* buttons in p-type buttons */
.paragraph--type--buttons .buttons-wrapper { display: flex; justify-content: flex-start; margin: 20px 0; }
.paragraph--type--buttons .buttons-wrapper > div { margin-right: 12px; }
.paragraph--type--buttons button {
border-radius: 4px; padding: 9px 12px;
font-family: 'Montserrat',sans-serif; font-weight: 500; font-size: 16px; font-size: 1rem; }
.paragraph--type--buttons button.primary { background-color: #148071; border: 1px solid #148071; color: #FFF; }
.paragraph--type--buttons button.secondary { background-color: #FFF; border: 1px solid #025CB8; color: #353535; }
.paragraph--type--buttons button.primary:hover, .paragraph--type--buttons button.primary:focus { outline: 2px solid #148071; outline-offset: 5px; }
.paragraph--type--buttons button.secondary:hover, .paragraph--type--buttons button.secondary:focus { outline: 2px solid #025CB8; outline-offset: 5px; }
/* footnotes */
#block-umass-content .footnote__citation { top: -0.4em; font-size: 1.0625rem; }
#block-umass-content .footnotes__item-text p { margin: 0; }
#block-umass-content ul.footnotes li.footnotes__item-wrapper { margin: 0 0 12px 0; }
#block-umass-content ul.footnotes li.footnotes__item-wrapper:first-child { margin-top: 15px;}
#block-umass-content img { max-width: 100%; height: auto; }
img.align-left { margin: 15px 25px 25px 0; }
img.align-right { margin: 15px 0 25px 25px; }
img.bordered { border: 1px solid #666666; }
#block-umass-content .field--name-field-introduction,
.main-page-body .field--name-field-introduction {
font-family: 'Montserrat',sans-serif; font-weight: 300; font-size: 25px; font-size: 1.5625rem; line-height: 1.75; margin: 40px 0; }
/* WEBFORM */
#block-umass-content label { font-family: 'Montserrat',sans-serif; }
#block-umass-content label.form-required::after { background-image: url(/themes/contrib/bootstrap_barrio/images/required.svg) !important; }
.CoveoSearchInterface input[type='text'] { color: #222; }
/* checkbox appearance - override left position and height/width */
#block-umass-content .form-check-input {
margin-left: -1.6rem;
width: 1.125rem;
height: 1.125rem;
}
#block-umass-content .form-check-input.form-radio {
margin-left: -1.6rem;
width: 1.225rem;
height: 1.225rem;
}
#block-umass-content .form-check-input.form-radio:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); outline:0; }
#block-umass-content input[type=checkbox] { outline: 1px solid #999; outline-offset: -1px; }
#block-umass-content input[type=checkbox]:hover { outline: 1px solid #333; box-shadow: 1px 2px 2px #CCC; }
#block-umass-content input[type=checkbox]:focus { /* outline: 2px solid #148071; outline-offset: -1px; */ box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); outline: 1px solid #000; }
/* text box, textarea, email */
#block-umass-content input[type=text],
#block-umass-content textarea,
#block-umass-content input[type=email] { border: 1px solid #222; color: #222; }
/*
.webform-submission-form input[type=checkbox] { outline: 1px solid #222; }
.webform-submission-form input[type=checkbox]:hover, .webform-submission-form input[type=checkbox]:focus { outline: 2px solid #148071; }
*/
/* progress indicator */
#block-umass-content .progress-step.is-active .progress-marker::before { background-color: #148071; }
#block-umass-content fieldset { border: 1px solid #333; border-radius: 4px; padding: 0 40px 20px 40px; }
#block-umass-content fieldset legend { width: auto; padding: 0 12px; }
/* radios fieldset & legend override */
#block-umass-content fieldset.radios--wrapper { border: none; border-radius: 0; padding: 0; }
#block-umass-content fieldset.radios--wrapper legend {
font-family: 'Montserrat',sans-serif;
width: auto; padding: 10px 0 0 0; margin-top: 0.25rem; margin-bottom: 0.25rem;
font-size: 0.889rem; font-weight: bold; line-height: 1.125rem; }
/* buttons */
#block-umass-content .btn {
border-radius: 4px; text-decoration: none !important; height: auto; margin-right: 12px;
padding: 9px 12px; font-family: 'Montserrat',sans-serif; font-weight: 500; font-size: 16px; font-size: 1rem;
text-align: center; background-color: #148071; border: 1px solid #148071; color: #FFF; }
#block-umass-content .btn:hover { outline: 2px solid #148071; outline-offset: 5px; }
/* body field blockquote */
#block-umass-content .field--name-body blockquote {
border-left: 5px solid #005CB8; margin-left: 0; margin-right: 0;
overflow: hidden; padding-left: 1.5em; padding-right: 1.5em; }
/* ************************************************
*** LANDING HERO/BASIC PAGE HERO ***************
************************************************ */
#main.container { width: 100%; max-width: 100%; padding-left: 0 !important; padding-right: 0 !important; }
.hero-bg { position: relative; background-color: #1D1E1F; }
.hero-no-bg { position: relative; min-height: 250px; }
.hero-image { display: inline-block; width: 100%; }
.hero-image img { max-width: 100%; width: 100%; height: auto; }
.hero-content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5;
background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.468225)),color-stop(7%,rgba(0,0,0,0.499037)),to(rgba(0,0,0,0)));
background: linear-gradient(0deg,rgba(0,0,0,0.468225) 0%,rgba(0,0,0,0.499037) 7%,rgba(0,0,0,0) 100%); }
.hero-no-bg-content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; }
#block-article-hero.hero-no-bg { min-height: 0; margin-top: 60px; }
#block-article-hero .hero-no-bg-content { position: relative; }
.hero-gray-bg { background-color: #1D1E1F; height: 300px; }
.hero-content-inner {
display: flex; flex-flow: column nowrap; justify-content: flex-end; height: 100%;
width: 70%; margin: 0 auto; }
.layout-one-sidebar.layout-sidebar-first .hero-content-inner,
.layout-two-sidebars .hero-content-inner { width: 88.88888%; margin: 0 auto; }
.block-system-breadcrumb-block {
margin: 0 0 3px 0; font-family: 'Open Sans',sans-serif; font-weight: 700; font-size: 11px; font-size: 0.6875rem;
letter-spacing: 2px; letter-spacing: 0.125rem; text-transform: uppercase; color: #FFF; }
.block-system-breadcrumb-block a { color: #FFF !important; }
.breadcrumb { background-color: transparent !important; padding: 0; margin: 0; font-size: 0.6875rem !important; }
.breadcrumb-item + .breadcrumb-item:before { color: #FFF; }
.breadcrumb-item:last-child { position: relative; }
.breadcrumb-item:last-child a:before {
width: 6px; height: 1px; display: block; position: absolute; right: -12px; top: 5px;
background: rgba(255,255,255,0.6); content: ""; opacity: 1; visibility: visible; }
.breadcrumb-item:last-child a:after { /* content: "\00a0\2513"; padding-top: -2px; */
width: 1px; height: 6px; display: block; position: absolute; right: -12px; top: 5px;
background: rgba(255,255,255,0.6); content: ""; opacity: 1; visibility: visible; margin-left: 0; margin-right: 0; }
.hero-pt { margin-bottom: 60px; }
#block-article-hero .hero-pt { margin-bottom: 35px; }
.hero-pt h1 { font-weight: 700; line-height: 1.16667; color: #FFF; }
/* breadcrumbs over no-bg */
.hero-no-bg .block-system-breadcrumb-block a { padding-bottom: 4px; }
.hero-no-bg .block-system-breadcrumb-block,
.hero-no-bg .block-system-breadcrumb-block a,
.hero-no-bg .block-system-breadcrumb-block a:visited,
.hero-no-bg .breadcrumb-item + .breadcrumb-item:before { color: rgba(0,0,0,0.8) !important; }
/* page title over no-bg */
.hero-no-bg .hero-pt h1 { color: #005EB8; }
/* ************************************************ *** REVIEW THIS ****
****** VIEWS PAGES *****************************
************************************************ */
#block-umass-content .views-page { width: 70%; margin: 0 auto 65px auto; }
#block-umass-content .views-page .col { padding-left: 0; padding-right: 0; }
#block-umass-content .bef-exposed-form legend { font-size: 1.071rem; }
#block-umass-content .bef-exposed-form fieldset { width: 100%; }
.views-exposed-form .js-form-item { margin-right: 25px; }
.views-exposed-form .js-form-item select { font-size: 1rem; padding: .375rem .75rem; }
/* ************************************************
*** BOOKS/BOOK NAV/PRINT LINK ***************
************************************************ */
/* book specific in-page navs */
.node--type-book .inline__links,
.node--type-book .book-navigation,
.node--type-book .book-pager { width: 87%; margin: 0 7.403273809% 0 5.580357%; }
.node--type-book .inline__links { padding-bottom: 55px; }
.book-add-child a {
display: block; padding-left: 1.7rem;
background-image: url(/themes/custom/umass/icons/journal-plus.svg);
background-repeat: no-repeat; background-size: 1.3rem 1.3rem;
background-position-y: 50%; }
.book-printer a {
display: block; padding-left: 1.6rem;
background-image: url(/themes/custom/umass/icons/printer.svg);
background-repeat: no-repeat; background-size: 1.3rem 1.3rem;
background-position-y: 50%; }
/* ************************************************ ** REVIEW THIS ****
****** WEBFORMS *****************************
************************************************ */
form .form-actions { margin-top: 25px; }
form .form-type-select label { width: 100%; }
#block-umass-content fieldset.mb-3 { margin-bottom: 30px !important; }
/* ********************************************
****** CONTEXTUAL MENU TABS ***************
******************************************** */
/* tabs removed through block-administration for anon & auth users, visible for auth editors and above */
nav.tabs { width: 70%; margin: 0 auto; }
.layout-one-sidebar.layout-sidebar-first nav.tabs { width: 100%; }
/* ********************************************************
****** BASIC PAGE/LANDING PAGE SUB NAVIGATION **********
******************************************************** */
.main-content.col { padding-left: 0 !important; padding-right: 0 !important; }
/* superfish sub-nav */
#block-inthissection-2, #block-inthissectiontaxportal,
#block-inthissectioncashmanagementportal,
#block-inthissectioninsuranceportal,
#block-inthissectionpolicydevelopmentportal-2,
#block-inthissectiondeicollaborative-2,
#block-inthissectioninclusivebydesign {
width: 70%; margin: 42px auto 60px auto; }
#block-inthissection-2 h2, #block-inthissectiontaxportal h2, #block-inthissectioncashmanagementportal h2, #block-inthissectioninsuranceportal h2,
#block-inthissectionpolicydevelopmentportal-2 h2, #block-inthissectiondeicollaborative-2 h2, #block-inthissectioninclusivebydesign h2 {
background: url(/themes/custom/umass/icons/sub_menu.svg) no-repeat center left; padding-left: 18px;
font-family: 'Open Sans',sans-serif; font-size: 0.875rem; font-weight: 700; font-style: italic; margin-bottom: 8px; }
ul#superfish-in-this-section, ul#superfish-in-this-section-tax-portal, ul#superfish-in-this-section-cash-managemen, ul#superfish-in-this-section-insurance-port,
ul#superfish-in-this-section-policy-develop, ul#superfish-in-this-section-dei-collaborat, ul#superfish-in-this-section-inclusive-by-d {
list-style: none; display: flex; flex-wrap: wrap; margin: 0 !important; padding: 0 !important; }
ul#superfish-in-this-section li,
ul#superfish-in-this-section-tax-portal li,
ul#superfish-in-this-section-cash-managemen li,
ul#superfish-in-this-section-insurance-port li,
ul#superfish-in-this-section-policy-develop li,
ul#superfish-in-this-section-dei-collaborat li,
ul#superfish-in-this-section-inclusive-by-d li {
width: calc(33.33% - 24px); margin-right: 24px; padding: 0; }
ul#superfish-in-this-section li a, ul#superfish-in-this-section-tax-portal li a,
ul#superfish-in-this-section-cash-managemen li a, ul#superfish-in-this-section-insurance-port li a,
ul#superfish-in-this-section-policy-develop li a, ul#superfish-in-this-section-dei-collaborat li a,
ul#superfish-in-this-section-inclusive-by-d li a {
display: block; font-family: 'Montserrat',sans-serif; font-size: 0.875rem; font-weight: 700;
color: #025CB8 !important; padding: 11px 0; border-bottom: 1px solid #DFDFDF;}
ul#superfish-in-this-section li a:hover,
ul#superfish-in-this-section li a.is-active,
ul#superfish-in-this-section-tax-portal li a:hover,
ul#superfish-in-this-section-tax-portal li a.is-active,
ul#superfish-in-this-section-cash-managemen li a:hover,
ul#superfish-in-this-section-cash-managemen li a.is-active,
ul#superfish-in-this-section-insurance-port li a:hover,
ul#superfish-in-this-section-insurance-port li a.is-active,
ul#superfish-in-this-section-policy-develop li a:hover,
ul#superfish-in-this-section-policy-develop li a.is-active,
ul#superfish-in-this-section-dei-collaborat li a:hover,
ul#superfish-in-this-section-dei-collaborat li a.is-active,
ul#superfish-in-this-section-inclusive-by-d li a:hover,
ul#superfish-in-this-section-inclusive-by-d li a.is-active {
color: #148071 !important; border-bottom: 1px solid #148071 !important; text-decoration: none; }
#block-inthissection-2 ul.sf-menu,
#block-inthissectiontaxportal ul.sf-menu,
#block-inthissectioncashmanagementportal ul.sf-menu,
#block-inthissectioninsuranceportal ul.sf-menu,
#block-inthissectionpolicydevelopmentportal-2 ul.sf-menu,
#block-inthissectiondeicollaborative-2 ul.sf-menu,
#block-inthissectioninclusivebydesign ul.sf-menu { z-index: 310 !important; }
#block-inthissection-2 ul.sf-menu li,
#block-inthissectiontaxportal ul.sf-menu li,
#block-inthissectioncashmanagementportal ul.sf-menu li,
#block-inthissectioninsuranceportal ul.sf-menu li,
#block-inthissectionpolicydevelopmentportal-2 ul.sf-menu li,
#block-inthissectiondeicollaborative-2 ul.sf-menu li,
#block-inthissectioninclusivebydesign ul.sf-menu li { z-index: 311 !important; }
#block-inthissection-2 ul.sf-menu li:hover,
#block-inthissectiontaxportal ul.sf-menu li:hover,
#block-inthissectioncashmanagementportal ul.sf-menu li:hover,
#block-inthissectioninsuranceportal ul.sf-menu li:hover,
#block-inthissectionpolicydevelopmentportal-2 ul.sf-menu li:hover,
#block-inthissectiondeicollaborative-2 ul.sf-menu li:hover,
#block-inthissectioninclusivebydesign ul.sf-menu li:hover { z-index: 312 !important; }
/* superfish sub-nav */
/* this will replace the section nav css from above */
/* any menu block that starts with "block-sectionmenu" */
[id^="block-sectionmenu"] { width: 70%; margin: 42px auto 60px auto; }
[id^="block-sectionmenu"] h2 {
background: url(/themes/custom/umass/icons/sub_menu.svg) no-repeat center left; padding-left: 18px;
font-family: 'Open Sans',sans-serif; font-size: 0.875rem; font-weight: 700; font-style: italic; margin-bottom: 8px; }
[id^="block-sectionmenu"] ul.sf-menu { z-index: 310 !important; }
[id^="block-sectionmenu"] ul.sf-menu li { z-index: 311 !important; }
[id^="block-sectionmenu"] ul.sf-menu li:hover { z-index: 312 !important; }
/* any superfish section menu */
ul[id^="superfish-section-menu"] { list-style: none; display: flex; flex-wrap: wrap; margin: 0 !important; padding: 0 !important; }
ul[id^="superfish-section-menu"] li { width: calc(33.33% - 24px); margin-right: 24px !important; padding: 0; }
ul[id^="superfish-section-menu"] li a {
display: block; font-family: 'Montserrat',sans-serif; font-size: 0.875rem; font-weight: 700;
color: #025CB8 !important; padding: 11px 0; border-bottom: 1px solid #DFDFDF; }
ul[id^="superfish-section-menu"] li a:hover, ul[id^="superfish-section-menu"] li a.is-active {
color: #148071 !important; border-bottom: 1px solid #148071 !important; text-decoration: none; }
/* ********************************************
********** SIDEBAR SECOND ******************
******************************************** */
#sidebar_second aside { padding: 0 18px; }
/* ********************************************
****** MISCELLANEOUS ELEMENTS **************
******************************************** */
/* duo device manager iframe */
#duo_iframe { width: 100%; min-width: 304px; max-width: 620px; min-height: 330px; height: 370px; }
/* payment status form */
#payment-status-form { margin-bottom: 75px; }
/* product logins */
#content .view-product-logins .view-content { display: flex; justify-content: flex-start; align-items: stretch; }
#content .view-product-logins .view-content .product-login-teaser { width: calc(33% - 30px); margin: 25px 45px 25px 0; border: 1px solid #000; background-color: #FFF; }
#content .view-product-logins .view-content .product-login-teaser:nth-child(3n+0) { margin-right: 0 !important; }
/* interior of product logins */
.product-teaser-content { padding: 1em; }
.product-teaser-content a { color: #005EB8 !important; text-decoration: underline !important; }
.product-teaser-content a:hover { color: #148071 !important; text-decoration: underline; }
.product-login-teaser h2, .product-login-teaser h3 { margin: 0 !important; font-size: 1.2rem; line-height: 1.2; color: #005EB8; font-weight: 500 !important; }
.product-login-teaser h2 a, .product-login-teaser h3 a { color: #005EB8 !important; text-decoration: underline !important; }
.product-login-teaser h2 a:hover, .product-login-teaser h3 a:hover { color: #148071 !important; text-decoration: underline; }
.product-teaser-content .product-body p { margin: 8px 0 13px 0 !important; line-height: 1.2 !important; font-size: 1rem !important; }
/* interior of NEW product logins */
.new-login-teaser .heading { padding: 1em; }
.new-login-teaser .description { padding: 0 1em 1em; }
.new-login-teaser h2 { margin: 0 !important; font-size: 1.2rem; line-height: 1.2; color: #013E7D; font-weight: 600 !important; }
.new-login-teaser .buttons a.button {
display: inline-block; border-radius: 4px; text-decoration: none !important; height: auto;
background-color: #148071; border: 1px solid #148071;
margin: 0 12px 18px 0; padding: 9px 12px; font-family: 'Montserrat',sans-serif; font-weight: 500; font-size: 16px; font-size: 1rem;
color: #FFF; text-align: left; text-shadow: 1px 1px 2px #222; }
.new-login-teaser .buttons a.button:hover, .new-login-teaser .buttons a.button:focus { text-decoration: underline; outline: 2px solid #148071; outline-offset: 5px; }
/* call-to-action */
.call-to-action { margin: 1em; }
.view-content .call-to-action a {
display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 8px;
background-color: #ECF6FC;
border: 1px solid #013E7D; color: #013E7D; text-decoration: underline;
font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 16px; font-size: 1rem; }
.view-content .call-to-action a:hover,
.view-content .call-to-action a:focus { color: #FFF; background-color: #013E7D; text-decoration: underline; }
.view-content .call-to-action a:focus { outline-offset: 3px; }
.cta-link { display: inline-block; width: calc(100% - 30px); }
.cta-icon {
display: inline-block; width: 22px; height: 22px;
background-image: url(/themes/custom/umass/icons/arrow-right-circle-umass-navy.svg);
background-size: cover; background-repeat: no-repeat; }
.view-content .call-to-action a:hover .cta-icon,
.view-content .call-to-action a:focus .cta-icon{ background-image: url(/themes/custom/umass/icons/arrow-right-circle-white.svg); }
/* product login and support block for product pages (view-based) */
.product-login-support-block { display: flex; justify-content: space-between; }
.product-intro { display: flex; flex-direction: column; width: 60%; }
.product-intro .intro-text { order: 1; }
.product-intro .intro-button { order: 2; }
.product-intro-support { width: calc(40% - 60px); margin-top: 40px; padding: 0 20px 30px; border: 1px solid #148071; border-radius: 10px; }
.product-intro-support h2 { font-size: 32px; font-size: 2rem; color: #148071; margin: 30px 0 20px 0; }
.product-intro-support p { margin: 0 0 40px 0; }
/* exposed form for product catalog/product logins */
.view-product-logins form.views-exposed-form { background-color: #FFF; border: 1px solid #333; padding: 15px 15px 0; }
.view-product-logins .js-form-item.form-item-keyword { display: flex; justify-content: flex-start; align-items: center; width: 75%; margin-right: 25px; }
.view-product-logins .form-item-keyword label { font-size: 1.2rem; font-weight: 500; white-space: nowrap; text-align: right; padding-right: 15px; padding-top: 7px; }
.view-product-logins .form-item-keyword .form-control { border: 1px solid #333; }
.view-product-logins form .form-actions { margin-top: 15px; }
/* videos */
.paragraph-brightcove { width: 87%; margin: 0 7.403273809% 0 5.580357%; }
.paragraph--type--full-width-section-with-backgrou .paragraph-brightcove { width: 100%; margin: 0; }
.video-wrapper { width: 100%; max-width: 800px; margin: 3em 0; }
.video-wrapper.centered { margin: 3em auto; }
.video-container {
width: 100%; max-width: 100%; height: 0;
padding-bottom: 56.25%;
position: relative; }
.video-wrapper iframe, .video-wrapper video {
width: 100%; height: 100%;
position: absolute; top: 0; left: 0; }
/* in-page hero */
.in-page-hero.full-width { width: 100%; }
.in-page-hero.inset { width: 87%; margin: 30px 7.403273809% 0 5.580357%; }
.in-page-hero img { width: 100%; height: auto; }
/* intro text paragraph */
.paragraph--type--intro-text .field--name-field-introduction-text {
width: 87%; margin: 0 7.403273809% 0 5.580357%;
font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 25px; font-size: 1.5625rem; line-height: 1.75; padding: 40px 0;}
/* UITS Strategies */
.strategies-wrapper { width: 100%; max-width: 1100px; height: auto; margin: 40px auto; border: 3px solid #FCB316; }
#uits-strategies {
width: 100%; height: 100%; position: relative; }
#uits-strategies h2 { width: 100%; position: absolute; top: 0; left: 0; text-align: center; }
#uits-strategies h2 .smaller { font-size: 36px; font-size: 2.25rem; font-weight: 300; }
#uits-strategies ul li { width: 18.97%; height: auto; position: absolute; list-style: none; text-align: center; font-size: 1.2rem; }
#block-umass-content #uits-strategies li { margin: 0; }
#block-umass-content #uits-strategies ul li:before { display: none; }
#uits-strategies li.secure { top: 68.865%; left: 5.555555%; }
#uits-strategies li.cloud { top: 84.435%; left: 40.514%; }
#uits-strategies li.growth { top: 68.865%; left: 73.9385%; }
/* ICX COURSES & VIEWS */
.icx-course-teaser { padding: 25px 60px 28px; border-bottom: 1px solid #DFDFDF; }
.icx-subject-row { padding-bottom: 14px; }
/* .icx-course-teaser:first-child { border-top: 1px solid #DFDFDF; } */
.icx-course-teaser h2 { font-size: 1.675rem; margin-bottom: 10px; }
.icx-campus { font-family: 'Montserrat',sans-serif; font-weight: 700; font-size: 14px; font-size: 0.875rem; }
#block-umass-content .icx-description p { margin: 16px 0 10px 0; }
#block-umass-content .icx-description p:last-child { margin: 0; border-top: 1px solid #EAEAEB; border-bottom: 1px solid #EAEAEB; }
#block-umass-content p.icx-availability { margin: 10px 0 0 0; }
.icx-course-host { display: flex; }
.field--name-field-host-campus { font-size: 1.3rem; font-weight: 600; }
.field--name-field-host-campus.field--type-entity-reference { margin: 0; }
.field--name-field-class-career { font-weight: 400; color: #000; margin: 0 0 50px 0; }
.field--name-field-course-description { margin: 0 0 60px 0;}
.icx-course-subject-codes { margin: 30px 0; }
.field--name-field-subject-text { background-color: #EAEAEB; padding: 8px 12px; color: #000; }
.field--name-field-subject .field__label:after,
.field--name-field-catalog- .field__label:after,
.field--name-field-section .field__label:after,
.field--name-field-instructor-name .field__label:after,
.field--name-field-instructor-email .field__label:after { content: ": "; }
.icx-course-schedule h2,
.icx-enrollment h2,
.icx-course-availability h2,
.icx-course-prereq h2 { font-size: 1.7rem; }
/* ICX search filters */
.view-filters { margin: 60px 0 35px 0; }
/* UMass Credentials - login button */
#block-umass-content a.login-button {
display: inline-block; background-color: #025CB8; border: 1px solid #025CB8; border-radius: 4px; text-decoration: none; height: auto;
padding: 9px 12px; font-family: 'Montserrat',sans-serif; font-weight: 500; color: #FFF; font-size: 16px; font-size: 1rem; text-align: center; }
#block-umass-content a.login-button:hover { background-color: #DFDFDF; color: #353535; text-decoration: underline; }
/* hide Drupal login form on user/login page */
.page-user-login .user-login-form { display: none; }
.page-user-login nav.tabs { display: none; }
/* style Drupal login block on admin-login page */
#block-userlogin .user-login-form { width: 70%; margin: 0 auto 60px auto; background-color: #F3F3F4; border: 1px solid #025CB8; border-radius: 5px; padding: 30px; }
#block-userlogin .item-list { display: none !important; }
/* hide member profile content from user page */
.path-user article.profile { display: none; }
.path-user .user-welcome { width: 70%; margin: 60px auto; }
/* policy development portal - policy displays */
.policy-id-block { text-align: right; white-space: nowrap; font-style: italic; margin-bottom: 35px; }
.field--name-field-policy-revision-date .field__item:before { content: "Revised on "; }
.policy-meta-data, .policy-maintenance { white-space: nowrap; border-top: 1px solid #1D1E1F; padding-bottom: 30px; }
#content .policy-meta-data h2, #content .policy-maintenance h2 { font-size: 1.9rem; color: #005EB8; }
.field--name-field-policy-subject-area .field__label:after,
.field--name-field-policy-campus .field__label:after,
.field--name-field-policy-audience .field__label:after { content: ": "; }
.field--name-field-policy-status .field__label:after { content: ": "; }
.field--name-field-policy-department .field__label:after { content: "(s):"; }
.field--name-field-policy-subject-area .field__label,
.field--name-field-policy-campus .field__label,
.field--name-field-policy-audience .field__label,
.field--name-field-policy-status .field__label,
.field--name-field-policy-department .field__label { font-weight: bold; }
/* ********************************************
****** FULL WIDTH BLOCKS *******************
******************************************** */
#content { margin: 0 !important; padding: 0 !important; }
#content .full-width-blocks { margin: 0 !important; padding: 0 !important; }
#content .full-width-blocks .paragraph .paragraph-column { padding-right: 0; padding-left: 0; }
/* CLASSY PARAGRAPH BACKGROUNDS */
.white-bg-borders { background-color: #FFF; border-top: 2px solid #F5F6F7; border-bottom: 2px solid #F5F6F7; }
.gray-bg { background-color: #D8DADC; }
.pale-gray-bg { background-color: #ECEDEE; }
.umass-blue-bg { background-color: #035CB8; }
.navy-blue-bg { background-color: #013E7D; }
.pale-blue-bg { background-color: #ECF6FC; }
/* ********************************************
****** PARAGRAPH SECTION STYLES ************
******************************************** */
/* SECTION BACKGROUNDS (field_section_background) */
.bg-white { background-color: #FFF; }
.bg-pale-gray { background-color: #ECEDEE; }
.bg-umass-blue { background-color: #FCFAF9; /* changed title to Pale Taupe but can't remove the class name; */ }
.bg-dark-gray { background-color: #D8DADC; }
.bg-navy { background-color: #013E7D; }
.bg-pale-blue { background-color: #ECF6FC; }
/* SECTION BORDERS (field_section_borders) */
.borders-none { border: none; }
.borders-both { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.borders-top { border-top: 1px solid #CCC; }
.borders-bottom { border-bottom: 1px solid #CCC; }
/* ********************************************
****** PARAGRAPH COMPONENTS ****************
******************************************** */
/* WYWIWYG EDITOR */
.layout-no-sidebars .paragraph--type--wysiwyg-editor .paragraph-inner { width: 70%; margin: 0 auto; padding: 1px 0; }
.paragraph--type--wysiwyg-editor .paragraph-inner { width: 87%; margin: 0 7.403273809% 0 5.580357%; padding: 1px 0; }
/* STATS/FACTS */
.layout-no-sidebars .paragraph--type--statistics-facts .paragraph-inner { width: 70%; margin: 0 auto; padding: 1px 0; }
.paragraph--type--statistics-facts .paragraph-inner { width: 87%; margin: 0 7.403273809% 0 5.580357%; padding: 1px 0; }
/* FULL WIDTH SECTION WITH BACKGROUND */
.paragraph--type--full-width-section-with-backgrou { width: 100%; padding: 18px 0; }
/* Feature Set */
.paragraph--type--feature-set .features-wrapper { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: nowrap; }
.paragraph--type--feature-set .features-wrapper > div { min-width: 25%; max-width: 40%; }
.paragraph--type--feature-set .paragraph--type--feature { padding: 0 30px; }
.field--name-field-feature-icon { width: 100%; text-align: center; }
.field--name-field-feature-icon img { width: 80px; height: auto; }
.field--name-field-feature-text { text-align: center; }
/* BLOCKQUOTE */
.paragraph--type--blockquote {
width: 84%; margin: 50px auto; padding: 40px 0;
border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; }
.paragraph--type--blockquote .quote-wrapper { position: relative; }
.quote-wrapper .quote-bg { position: absolute; top: 0; left: 0; z-index: 0; }
.paragraph--type--blockquote .field--name-field-blurb {
display: block; position: relative; padding: 10px 27px; z-index: 9;
font-family: 'Montserrat',sans-serif; font-size: 30px; font-size: 1.875rem; line-height: 1.5;
font-weight: 700; color: #025CB8;
}
.blockquote-attribution { padding-left: 27px; margin: 20px 0 0 0; }
.blockquote-attribution .field--name-field-attribution {
font-family: 'Montserrat',sans-serif; font-size: 18px; font-size: 1.125rem; font-weight: 700;
line-height: 1.5; display: block; margin-top: 12px; }
.blockquote-attribution .field--name-field-attribution-title {
font-size: 14px; font-size: 0.875rem; font-family: 'Montserrat',sans-serif; font-weight: 300; }
/* BIO BLOCK */
.paragraph--type--biographies .bios-wrapper {
display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; }
.bios-wrapper > div { width: 48%; }
.bio-block .outer-wrapper { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; margin-bottom: 30px; }
.bio-block .outer-wrapper .bio-image { width: 32.6%; }
.bio-block .outer-wrapper .bio-image img { box-shadow: 5px 5px 10px #444; margin-bottom: 30px; }
.bio-block .outer-wrapper .bio-content { width: 67%; }
.bio-block .field--name-field-name { font-size: 22px; font-size: 1.375rem; font-weight: 500; margin: 0 0 8px 0; color: #013E7D;
/* font-family: 'Montserrat',sans-serif; font-weight: 700; font-size: 22px; font-size: 1.375rem; line-height: 1.25; */ }
/* COLUMNS */
.columns-outer-wrapper { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; }
.two-col-equal .columns-outer-wrapper > div { width: calc(50% - 40px); }
.two-col-66-33 .columns-outer-wrapper > div { width: calc(35% - 40px); }
.two-col-66-33 .columns-outer-wrapper > div:first-child { width: calc(65% - 40px); }
/* CONTACT LIST */
.paragraph--type--contact-list .contact-item { display: flex; flex-flow: row nowrap; padding: 40px 0; border-bottom: 1px solid #DFDFDF; }
.paragraph--type--contact-list .contacts-wrapper > div:last-child .contact-item { border-bottom: none; }
.paragraph--type--contact-list .contact-item .section { flex-grow: 1; }
.paragraph--type--contact-list .contact-item .section.contact-person { width: 55%; max-width: 55%; }
.contact-item .field--name-field-name { font-family: 'Montserrat',sans-serif; font-weight: 700; font-size: 30px; font-size: 1.875rem; line-height: 1.33; }
.contact-item .title { margin-top: 12px; font-size: 14px; font-size: 0.875rem; font-weight: 400; }
.contact-item .contact-methods { margin-top: 9px; }
/* phone/email icon */
.paragraph--type--contact-list .icon {
font-family: 'Open Sans',sans-serif; font-weight: 700; width: 25px; height: 25px;
display: -webkit-box; display: -ms-flexbox; display: inline-flex; position: relative; top: 0;
-webkit-box-align: center; -ms-flex-align: center; align-items: center;
border: 1px solid #EAEAEA; border-radius: 50%;
color: #000; font-size: 11px; font-size: 0.6875rem;
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
margin-right:10px; }
/* fixing wrapping for contact list inside 33% column */
.two-col-66-33 .columns-outer-wrapper > div:last-child .paragraph--type--contact-list .contact-item { flex-direction: column; padding: 0 0 20px 0; }
.two-col-66-33 .columns-outer-wrapper > div:last-child .paragraph--type--contact-list .contact-list-intro { margin-bottom: 25px; }
.two-col-66-33 .columns-outer-wrapper > div:last-child .paragraph--type--contact-list .contact-item .section.contact-person { width: 100%; max-width: 100%; padding-bottom: 20px; font-size: 20px; font-size: 1.25rem; }
.two-col-66-33 .columns-outer-wrapper div:last-child .paragraph--type--contact-list .contact-item .field--name-field-name { font-size: 24px; font-size: 1.5rem; font-weight: 600; }
.two-col-66-33 .columns-outer-wrapper > div:last-child h2 { font-size: 36px; font-size: 2.25rem; color: #005CB8; }
.two-col-66-33 .columns-outer-wrapper > div:last-child h3 { font-size: 26px; font-size: 1.625rem; margin: 0; }
.two-col-66-33 .columns-outer-wrapper > div:last-child p { margin: 25px 0; }
/* fix notifications heading inside second column */
.full-width-blocks .columns-outer-wrapper .view-notifications { margin-top: 35px !important; }
.two-col-66-33 .columns-outer-wrapper > div:last-child .view-notifications h2 { font-size: 16px; font-size: 1rem; }
/* VIEW */
.paragraph--type--bp-view ul { margin-left: 60px; }
/* specific views */
.view-news .feed-item { border-top: 1px solid #DFDFDF; padding: 18px 20px; width: 100%; }
.view-news .feed-item:last-child { border-bottom: 1px solid #DFDFDF; }
.view-news .view-footer { margin-top: 30px; margin-bottom: 40px; }
.view-news .more-link {
background-color: #F9F9F9; padding: 11px 20px; border: 1px solid #CCC; border-radius: 4px;
text-transform: uppercase; cursor: pointer; font-size: 0.875rem; font-weight: 700; }
.view-news a.more-link { color: #000!important; text-decoration: none !important; }
.view-news a.more-link:hover { color: #148071 !important; }
.view-news .more-link .visually-hidden {
clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden;
position: absolute; white-space: nowrap; width: 1px; }
/* LINK LIST */
.link-list-header h2 { /*
display: inline-block; font-family: 'Open Sans',sans-serif; font-weight: 700; color: #353535;
font-size: 0.875rem; font-style: italic; margin: 0 0 20px 0; */ }
#block-umass-content ul.links { margin: 0 !important; padding: 0 !important; list-style: none; }
#block-umass-content ul.links li { margin: 0 !important; }
#block-umass-content ul.links li:before { display: none; }
.field--name-field-link-item { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.links .field__item { width:calc(50% - 50px); border-bottom: 1px solid #DFDFDF; padding: 14px 0; }
.links .field__item a {
font-weight: 400; line-height: 1.85714; letter-spacing: 1px;
-webkit-transition: color 0.25s ease; transition: color 0.25s ease;}
/* DEFINITION LIST */
#block-umass-content .definition-list ul { margin: 0; padding: 0; }
#block-umass-content .definition-list li { border: 1px solid #DFDFDF; border-collapse: collapse; }
#block-umass-content .definition-list li:before { display: none; }
.definition-list li.definition .term { background-color: #F4F4F4; border-bottom: 1px solid #DFDFDF; padding: 4px 25px; color: #000; }
.definition-list li.definition .definition { margin: 0; padding: 7px 25px; }
#block-umass-content li.definition p { margin: 0; }
/* STATISTICS */
.paragraph--type--statistics-facts .inner-wrapper { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; }
.paragraph--type--statistics-facts .inner-wrapper > div { width: calc(33.3% - 50px); margin: 25px; border: 1px solid #005EB8; }
h2.stats-heading { text-align: center; margin: 40px 0 30px 0 !important; }
.paragraph--type--statistic .text-wrapper { text-align: center; padding: 20px 30px; }
.icon-location { background: url(/themes/custom/umass/icons/icon-location.svg) center top no-repeat;
background-size: 125px 125px; }
.icon-employees { background: url(/themes/custom/umass/icons/icon-people.svg) center top no-repeat;
background-size: 125px 125px; }
.icon-campus { background: url(/themes/custom/umass/icons/icon-building.svg) center top no-repeat;
background-size: 125px 125px; }
.field--name-field-stat-figure { font-family: Montserrat; font-weight: 700; font-size: 3rem; color: #005EB8; }
.field--name-field-stat-main-text { color: #000; font-weight: 600; font-size: 1.3rem; }
.field--name-field-stat-supporting-text { font-size: .875; font-style: italic; color: #000; padding-top: 17px; }
/* TOPIC ROWS */
.gray-bg .topic-rows-inner { padding: 75px 0; }
.bg-none .topic-rows-inner { padding: 25px 0; }
.paragraph--type--topic-row .paragraph__column { padding-bottom: 0 !important; }
.topics { width: 100%; }
.topics div div.topic-row { padding: 40px 0 25px; border-top: 1px solid #DFDFDF; }
.topics div:first-child div.topic-row { border-top: none; }
.topic-row { display: flex; flex-direction: row; flex-wrap: nowrap; }
.topic-row .image-container { width: 250px; height: 250px; }
.topic-row .image-container img { width: 100% !important; height: 100% !important; }
.topic-row .topic-row-content { width: calc(100% - 250px); padding-left: 70px; }
#block-umass-content .topic-row .topic-row-content ul li { margin: 14px 0; }
#block-umass-content .topic-row .topic-row-content h3 { font-size: 1.875rem !important; font-weight: 700 !important; margin: 0 !important; }
h2.topic-rows-title {
display: inline-block; font-family: 'Open Sans',sans-serif; font-weight: 700; color: #353535;
font-size: 0.875rem; font-style: italic; margin: 0 0 20px 0; }
.topic-row .field--name-field-title { font-family: Montserrat; font-size: 1.875rem; color: #000; font-weight: 700; line-height: 1.3333; margin-bottom: 10px; }
/* CHART PARAGRAPH TYPE */
.paragraph--type--chart { width: 90%; margin: 50px auto; border: 1px solid #EAEAEB; padding: 20px; }
/* data labels */
.highcharts-data-label-color-undefined .highcharts-data-label text { color: rgb(0,0,0) !important; }
.highcharts-text-outline { stroke: 0px !important; }
/* highcharts org chart inside blank page */
#block-umass-mainpagecontent .highcharts-tooltip-container {
display: none !important;
top: 0 !important; left: 0 !important; height: 0 !important;
width: 0 !important; /*
clip: rect(0px,0x,0px,0px) !important; */ }
#block-umass-mainpagecontent .highcharts-data-labels a.white,
#block-umass-mainpagecontent .highcharts-data-labels a.white:visited { color: #FFF; }
#block-umass-mainpagecontent .highcharts-data-labels a.black,
#block-umass-mainpagecontent .highcharts-data-labels a.black:visited { color: #000; }
#block-umass-mainpagecontent p.highcharts-description { text-align: center; }
#block-umass-mainpagecontent p.highcharts-description a { color: #148071; text-decoration: underline; }
#block-umass-mainpagecontent p.highcharts-description a:hover { color: #148071; }
/* NOTIFICATIONS */
.full-width-blocks .view-notifications { width: 90%; margin: 0 auto 20px auto; background-color: #F3F3F4; border: 1px solid #025CB8; border-radius: 5px; padding: 0; }
.view-notifications .view-header { background-color: #025CB8; padding: 8px 20px; }
.view-notifications h2 { margin: 0 !important; color: #FFF !important; font-size: 16px; font-size: 1rem; }
#block-umass-content .notifications-wrapper ul { list-style-type: none; margin: 0 !important; padding: 0 !important; }
#block-umass-content .notifications-wrapper ul li { list-style: none; margin: 0 !important; padding: 0 !important; }
#block-umass-content .notifications-wrapper ul li:before { display: none; }
#block-umass-content .notifications-wrapper li { width: 100% !important; border-bottom: 1px solid #025CB8; }
#block-umass-content .notifications-wrapper li:last-child { border-bottom: none; }
#block-umass-content .notifications a { color: #1D1E1F; display: inline-flex; padding: 8px 17px; width: 100%; }
#block-umass-content .notifications .non-linking { color: #1D1E1F; display: inline-flex; padding: 8px 17px; width: 100%; }
#block-umass-content .notifications a:hover { color: #025CB8; }
.notifications a .notification-icon { padding-right: 12px; color: #025CB8; }
/* ARTICLES */
.news-article { padding: 18px 0; border-bottom: 1px solid #979797; }
#block-umass-content .notifications-wrapper ul { list-style-type: none; margin: 0 !important; padding: 0 !important; }
#block-umass-content .news-article h3.article-heading { font-size: 18px; font-size: 1.125rem !important; margin: 8px 0 5px !important; }
#block-umass-content .news-article .views-field-field-article-publish-date { font-size: 14px; font-size: .875rem; font-style: italic; }
/* full display news article meta data */
.meta-data-wrapper { width: 100%; margin-bottom: 26px; padding-bottom: 32px; border-bottom: 1px solid #DFDFDF; font-weight: 400; }
.meta-data-wrapper .field--name-field-article-publish-date { font-size: 17px; font-size: 1.0625rem; margin-bottom: 20px; }
.meta-data-wrapper .field--name-field-ibd-news-topics { font-size: 14px; font-size: 0.875rem; line-height: 1.85714; color: #025CB8; text-transform: uppercase;}
/* ARTICLES - NEWS PAGES */
/* page of teasers created with fields/rewrites */
.article-teaser { display: flex; justify-content: space-between; width: 100%; border-bottom: 1px solid #DFDFDF; padding: 50px 0; }
.article-teaser:first-child { border-top: 1px solid #DFDFDF; }
.article-teaser-content { }
#block-umass-content .article-teaser-content h2 { font-size: 20px; font-size: 1.25rem; font-weight: 400 !important; margin: 18px 0 25px; line-height: 1.5; }
#block-umass-content .article-teaser-content h2 a { }
#block-umass-content .article-teaser-content h2 a:hover { text-decoration: underline !important; color: #000; }
.article-teaser-content .topic {
font-weight: 700; font-size: 14px; font-size: 0.875rem; letter-spacing: 2px; letter-spacing: 0.125rem;
text-transform: uppercase; color: #025CB8; }
.article-teaser-content .article-date { font-size: 14px; font-size: 0.875rem; color: #353535; }
.article-teaser-image-wrapper { max-width: 300px; min-height: 200px; width: 100%; height: auto; margin-left: 50px; }
#block-umass-content .article-teaser-image-wrapper img { width: 100%; height: auto; }
/* news cards */
.news-cards .view-content { display: flex; justify-content: space-between; align-items: stretch; width: 100%; }
.news-cards .news-card { width: 30%; border: 1px solid #CCC; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.news-card .news-card-content { padding: 18px 12px; }
.news-card .pubdate { font-size: 14px; font-size: 0.875rem; color: #353535; }
#block-umass-content .news-card h3 { font-size: 20px; font-size: 1.25rem; margin: 18px 0 25px; line-height: 1.5; }
#block-umass-content .news-card-image img { width: 100% !important; height: auto; }
.news-card .topic { font-weight: 700; font-size: 14px; font-size: 0.875rem; letter-spacing: 2px; letter-spacing: 0.125rem;
text-transform: uppercase; color: #025CB8; }
/* news rows */
/* text-only, no images, full width rows */
.news-rows .view-content { display: flex; flex-direction: column; margin-bottom: 30px !important; }
.news-rows .news-row { border-bottom: 1px solid #DFDFDF; padding: 18px 12px; }
.news-rows .news-row:first-child { border-top: 1px solid #DFDFDF; }
.news-row .topic {
font-weight: 700; font-size: 14px; font-size: 0.875rem; letter-spacing: 2px; letter-spacing: 0.125rem;
text-transform: uppercase; color: #000; display: inline-block; border: 1px solid #999; border-radius: 5px;
padding: 8px; margin-bottom: 8px; margin-right: 12px; }
#block-umass-content .news-row h3, #block-umass-content .news-row h2 { font-size: 20px; font-size: 1.25rem; margin: 18px 0 25px; line-height: 1.5; font-weight: 400; }
.news-row .pubdate { font-size: 14px; font-size: 0.875rem; color: #353535; }
.news-row .image-wrapper { float: right; max-width: 300px; min-height: 200px; width: 100%; height: auto; margin-left: 50px; }
#block-umass-content .news-row .image-wrapper img { width: 100%; height: auto; }
/* HR Presidents Office Connection views */
/* featured story */
.featured-story { padding: 40px 0 0 0; }
.featured-story-image { max-width: 45%; float: right; margin-left: 30px; }
.featured-story-image img { border-radius: 25px; }
.featured-story h2 { margin-top: 0 !important; }
/* organizational news */
#block-umass-content .organizational-news-row h2 {
font-size: 20px; font-size: 1.25rem; margin: 18px 0 5px; line-height: 1.5; font-weight: 400; }
.hr-category { display: inline-block; padding: 8px 12px; margin: 0 0 22px 0; color: #FFF; }
.hr-category-1 { background-color: #0097F5; }
.hr-category-4 { background-color: #148071; }
/* employee spotlight */
.employee-spotlight { background-color: #E5F7FF; padding: 30px; margin-top: 40px; }
.employee-spotlight-image { }
.employee-spotlight-image img { border-radius: 25px; }
/* CARD SECTION and THE CLICKABLE & ACCESSIBLE CARD */
.full-width-blocks .paragraph--type--card-section .paragraph__column { padding: 30px 0; }
.full-width-blocks .paragraph--type--card-section .cards-wrapper { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; margin: 0 auto; }
.full-width-blocks .paragraph--type--card-section .cards-wrapper > div {
position: relative;
outline: 2px solid transparent;
outline-offset: 0px;
transition: outline-offset .2s ease-in-out, outline .2s ease-in-out;
border: 1px solid #CCC;
box-shadow:
0 1px 5px 0 rgba(99,115,138,.2),
0 2px 2px 0 rgba(99,115,138,.14),
0 3px 1px -2px rgba(99,115,138,.12);
padding: 1em; background-color: #FFF; }
.full-width-blocks .paragraph--type--card-section.cards_two .cards-wrapper > div { width: calc(50% - 40px); margin-right: 40px; }
.full-width-blocks .paragraph--type--card-section.cards_three .cards-wrapper > div { width: calc(33% - 35px); margin-right: 35px; }
.full-width-blocks .paragraph--type--card-section.cards_four .cards-wrapper > div { width: calc(25% - 25px); margin-right: 25px; }
.full-width-blocks .paragraph--type--card-section .cards-wrapper > div:hover,
.full-width-blocks .paragraph--type--card-section .cards-wrapper > div:focus-within { outline: 2px solid #148071; outline-offset: 2px; }
.full-width-blocks .paragraph--type--card-section .cards-wrapper .card { border: none !important; }
/* .full-width-blocks .node .field--type-image */
.field--name-field-card-image img { width: 100% !important; height: auto !important; }
#block-umass-content .field--type-image { float: none; margin: 0; }
#block-umass-content .field--type-image img { margin: 0; }
#block-umass-content .accessible-card a { display: block; color: #013E7D; }
#block-umass-content .accessible-card a:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ""; }
#block-umass-content .accessible-card h2, #block-umass-content .accessible-card h3 {
font-size: 19px; font-size: 1.2rem; font-family: 'Montserrat',sans-serif; color: #013E7D; font-weight: 600; line-height: 1.2; margin: 20px 0 !important; }
#block-umass-content .accessible-card a:hover,
#block-umass-content .accessible-card a:hover h3,
#block-umass-content .accessible-card a:hover h2 { color: #148071 !important; }
#block-umass-content .accessible-card a:focus,
#block-umass-content .accessible-card a:focus { outline: none !important;}
#block-umass-content .card-content { position: relative; z-index: 2; }
#block-umass-content .card-content p { margin: 0 !important; }
#block-umass-content .card-content li { margin: 0 !important; }
/* BOOTSTRAP PARAGRAPHS - SIMPLE */
.paragraph--type--bp-simple { width: 100%; margin: 0 auto; }
/* BOOTSTRAP PARAGRAPHS - ACCORDION */
/* modifying styles to match m.edu */
.paragraph--bp-accordion-container .card { border: none; }
.accordion-body {
border: 1px solid #DFDFDF; border-radius: 5px; -webkit-box-shadow: 1px 1px 12px 2px rgba(0, 0, 0, 0.08); box-shadow: 1px 1px 12px 2px rgba(0, 0, 0, 0.08);
margin-bottom: 10px; -webkit-transition: background .25s; transition: background .25s; }
.accordion-body button {
display: block; width: 100%; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;
font-size: 1.17em; font-weight: bold; border: none !important; background-color: #FFF; padding: 0 30px; }
.accordion-body button { background: url(/themes/custom/umass/images/plus_black.svg) no-repeat center right 30px; }
.accordion-body button:hover { background: url(/themes/custom/umass/images/plus_red.svg) no-repeat center right 30px; }
.accordion-body button[aria-expanded="true"] { background: url(/themes/custom/umass/images/minus_black.svg) no-repeat center right 30px; }
.accordion-body button[aria-expanded="true"]:hover { background: url(/themes/custom/umass/images/minus_red.svg) no-repeat center right 30px; }
.accordion-body button div:first-child { text-align: left; padding-right: 50px; }
/* RELATED PRODUCTS */
.field--name-field-related-products { display: flex; flex-direction: row; justify-content: space-between; align-content: flex-start; flex-wrap: wrap; }
.field--name-field-related-products > div { margin: 30px 0; width: 30%; }
.field--name-field-related-products h2.node__title { display: none; }
.field--name-field-related-products h3 { margin: 0 !important; font-size: 1.071rem; line-height: 1.2; font-weight: 700 !important; color: #353535; }
/* SIMPLE PROCESS FLOW AND FLOW ITEMS */
.paragraph--type--simple-process-flow { margin: 25px 0; }
.paragraph--type--simple-process-flow .flow-inner { width: 87%; margin: 0 7.403273809% 0 5.580357%; border: 1px solid #148071; }
.paragraph--type--simple-process-flow .flow-header { background-color: #148071; padding: 12px 20px; text-align: center; }
.paragraph--type--simple-process-flow .flow-header h2 { font-size: 30px; font-size: 1.875rem; font-weight: 400; color: #FFF; margin: 0; }
/* vertical flow container */
#block-umass-content .flow-container.top_to_bottom { padding: 20px; }
#block-umass-content .flow-container.top_to_bottom ul { list-style-type: none; margin: 0; padding: 0; }
#block-umass-content .flow-container.top_to_bottom ul li.flow-step { display: block; margin: 0 0 15px 0; padding: 0; }
#block-umass-content .flow-container.top_to_bottom ul li.step-1 { margin-left: 25px; }
#block-umass-content .flow-container.top_to_bottom ul li.step-2 { margin-left: 40px; }
#block-umass-content .flow-container.top_to_bottom ul li.step-3 { margin-left: 55px; }
#block-umass-content .flow-container.top_to_bottom ul li.step-4 { margin-left: 70px; }
#block-umass-content .flow-container.top_to_bottom ul li.step-5 { margin-left: 85px; }
#block-umass-content .flow-container.top_to_bottom ul li.step-6 { margin-left: 100px; }
#block-umass-content .flow-container.top_to_bottom ul li.step-7 { margin-left: 115px; }
#block-umass-content .flow-container.top_to_bottom ul li.step-8 { margin-left: 130px; }
/* vertical flow-step-inner */
.flow-container.top_to_bottom .flow-step-inner { display: flex; flex-wrap: nowrap; background-color: #c9e1db; }
.flow-container.top_to_bottom .flow-step-marker { margin-left: -30px; }
.flow-container.top_to_bottom .flow-step-marker .horizontal-step-text { display: none; }
.flow-container.top_to_bottom .flow-step-marker .field--name-field-step-marker {
height: 75px; width: 75px; border: 15px solid #148071; border-radius: 50%; background-color: #FFF;
text-align: center; padding-top: 10px; color: #000; }
/* vertical - no arrows */
.flow-container.top_to_bottom .arrow { display: none; }
/* little padding for the step paragraph to make it align to text in step marker */
#block-umass-content .flow-container.top_to_bottom .flow-step p { display: block; padding: 6px; margin: 0; }
/* horizontal flow container */
.scrollable:focus, .scrollable:active { outline: 2px solid #D72FE1; outline-offset: 8px; }
.flow-container.left_to_right { height: auto; overflow: -moz-scrollbars-horizontal; overflow-x: scroll; overflow-y: hidden; }
#block-umass-content .flow-container.left_to_right ul { list-style-type: none; margin: 0; padding: 0; width: auto; display: flex; justify-content: flex-start; border:none; margin-right: 25px; }
.flow-container.left_to_right ul > div { display: flex; justify-content: flex-start; }
.flow-container.left_to_right ul li.flow-step { display: block; margin: 0; padding: 0; display: flex; }
.flow-container.left_to_right ul li.flow-step:last-child { margin-right: 0; }
.flow-container.left_to_right ul .arrow { margin-left: 15px; margin-top: 25px; width: 80px; }
.flow-container.left_to_right ul .arrow img { margin-top: 40px; }
.flow-container.left_to_right li.flow-step:last-child .arrow { display: none; }
.flow-container.left_to_right .flow-step-inner { width: 250px; height: auto; min-height:100px; margin: 0 25px; background-color: #c9e1db; }
/* horizontal flow step marker */
.flow-container.left_to_right .flow-step-marker { padding: 20px 12px 8px; font-family: Montserrat; font-size: 1.25rem; font-weight: 600; }
.flow-container.left_to_right .flow-step-marker .horizontal-step-text { float: left; padding-right: 6px; }
#block-umass-content .flow-container.left_to_right .flow-step p { padding: 0 12px 20px; margin: 0; color: #000; }
/* scrollable scroll bars
.scrollable::-webkit-scrollbar { height: 4px; background: #333333; }
.scrollable::-webkit-scrollbar-thumb:horizontal { background: #333333; border-radius: 10px; }
*/
/* for Firefox -- colors are thumb/track respective */
.scrollable {
scrollbar-color: #555 #F3F3F4;
}
.scrollable::-webkit-scrollbar {
height: 4px;
width: 4px;
background: #555;
}
/* Track */
.scrollable::-webkit-scrollbar-track {
background: #F3F3F4;
}
/* Handle */
.scrollable::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
.scrollable::-webkit-scrollbar-thumb:hover {
background: #555;
}
.scrollable::-webkit-scrollbar-thumb:horizontal{
background: #000;
border-radius: 10px;
}
/* PARAGRAPHS INSIDE OTHER PARAGRAPHS */
#block-umass-content .paragraph--bp-accordion-container .paragraph--type--bp-simple p:first-child { margin-top: none !important; }
/* .full-width-blocks .paragraph--type--columns .paragraph--type--bp-simple h2 { margin-top: 0!important; } */
.full-width-blocks .paragraph--type--columns .paragraph--type--image-with-link .field--type-image { float: none !important; }
.full-width-blocks .paragraph--type--columns .paragraph--type--image-with-link img { margin: 0!important; max-width: 100%; height: auto; border: 3px solid #FFF; }
.paragraph__column .paragraph--type--webform { width: 87%; margin: 0 auto; }
.paragraph__column .paragraph--type--columns .paragraph--type--webform { width:100%; margin: 0; }
/* ************************************************************************
******* COVEO SEARCH - IN PAGE SEARCH BOX **********************
************************************************************************ */
#block-umass-content .coveo-search-section { box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.08); padding: 15px; }
#block-umass-content .coveo-list-layout.CoveoResult { padding-top: 30px; padding-bottom: 30px; }
#block-umass-content .coveo-result-frame .coveo-result-cell:nth-child(2) .coveo-result-row:first-child a {
font-family: 'Montserrat',sans-serif; font-size: 20px; font-size: 1.25rem !important; font-weight: 500 !important; line-height: 1.33333; margin: 0 0 20px 0;
color: #353535; text-decoration: none; }
#block-umass-content .coveo-result-frame .coveo-result-cell:nth-child(2) .coveo-result-row:first-child .coveo-result-cell:first-child { width: 100%; }
#block-umass-content .coveo-result-frame .coveo-result-cell:nth-child(2) .coveo-result-row:first-child .coveo-result-cell:nth-child(2) { display: none; }
#block-umass-content .CoveoQuickview { display: none; }
/* pager */
#block-umass-content .CoveoPager ul li::before, #block-umass-content .coveo-facet-column ul li:before { display: none; }
#block-umass-content .coveo-facet-column ul li { margin: 0!important; }
.CoveoSearchbox .magic-box .magic-box-input > input { color: #222 !important; }
.CoveoSearchButton .coveo-search-button-svg { fill: #005EB8; color: #005EB8; }
.CoveoSearchButton:hover .coveo-search-button-svg { fill: #222; color: #222; }
.CoveoSearchButton:hover .coveo-magnifier-circle-svg { fill: #222; }
/* ***************************************************************************
******* COVEO SEARCH - IN PAGE CONTENT - FILTERED LISTS *******************
*************************************************************************** */
/* hide results per page feature */
#umass-coveo-inpage-filtered .CoveoResultsPerPage { display: none; }
/* modify display to decrease the results to a simple list */
#block-umass-content #umass-coveo-inpage-filtered .coveo-list-layout.CoveoResult { padding: 0; border: none; }
/* ***********************************************
******* PAYMENT STATUS FORM *******************
*********************************************** */
form#payment-status-form { margin-top: -60px; border-top: 1px solid #EAEAEB; }
form#payment-status-form label { font-weight: 700; margin-top: 20px; }
form#payment-status-form .btn { display: inline-block; border-radius: 4px; text-decoration: none !important; height: auto; margin-right: 12px;
padding: 9px 12px; font-family: 'Montserrat',sans-serif; font-weight: 500; font-size: 16px; font-size: 1rem; text-align: center;
background-color: #148071; border: 1px solid #148071; color: #FFF; }
form#payment-status-form .btn:hover, form#payment-status-form .btn:focus, form#payment-status-form .btn:active { outline: 2px solid #148071; outline-offset: 5px; color: #FFF; text-decoration: underline; }
/* ==========================================================================
EU COOKIE BANNER
============================================================================= */
#sliding-popup { padding: 22px 0 0 0; font-family: 'Open Sans',sans-serif !important; }
#sliding-popup.eu-cookie-withdraw-wrapper { background: #013E7D !important; }
button.eu-cookie-withdraw-tab { padding: 15px; }
button.eu-cookie-withdraw-tab:hover { text-decoration: underline; }
.eu-cookie-compliance-message h2 { font-size: 1.2rem; font-weight: 400; }
.eu-cookie-compliance-message p { font-size: .85rem; font-weight: 500; }
#popup-buttons button,
#popup-buttons .eu-cookie-compliance-secondary-button,
#popup-buttons .eu-cookie-compliance-default-button {
margin-right: 10px; margin-top: 0; margin-bottom: 18px; vertical-align: middle;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
background-color: none;
background-image: none;
border-radius: 4px;
border: 1px solid #FFF;
color: #FFF;
font-family: 'Montserrat', sans-serif; font-size: 18px; font-size: 1.125rem;
font-weight: normal;
padding: 10px 12px;
text-decoration: none;
text-shadow: none;
cursor: pointer; }
#popup-buttons .eu-cookie-compliance-secondary-button { background: #FFF !important; color: #000; font-weight: 600; }
/*
VIEWS IN BLOCK ADMINISTRATION
*/
#content > .section > .views-exposed-form { width: 70%; margin: 0 auto 75px auto; }
form.views-exposed-form { background-color: #F4F4F4; border: 1px solid #DFDFDF; border-radius: 5px; padding: 20px; margin-bottom: 20px; }
/*
Sortable Tables in Views
*/
#block-umass-content th a { color: #FFF; text-decoration: underline; }
#block-umass-content th a:hover { color: #FFF; text-decoration: none; border-bottom: 1px dotted #FFF; padding-bottom: 3px; }
#block-umass-content .tablesort { vertical-align: middle !important; }
/* ********************************************
****** FEATURED BOTTOM *********************
******************************************** */
.featured-bottom { width: 100%; border-top: 1px solid #DFDFDF; padding: 30px 0; }
.featured-bottom .container { max-width: 1800px !important; padding: 0 !important; }
.row.region-featured-bottom-first { width: 70%; margin: 0 auto !important; }
#uits-support-footer h2 { text-align: center; }
.support-footer-wrapper { display: flex; flex-flow: row wrap; gap: 60px; justify-content: flex-start; align-items: stretch; margin-top: 60px; }
.support-footer-section { width: calc(33.3% - 40px); border: 1px solid #DEDEDF; padding: 20px; }
/* uits footer links */
#uits-support-footer h2 a,
#uits-support-footer h3 a { text-decoration: underline; color: #013E7D; text-decoration-thickness: 1px; }
#uits-support-footer h2 a:hover,
#uits-support-footer h3 a:hover { text-decoration: underline; color: #158475; text-decoration-thickness: 3px; }
#uits-support-footer h2 a:active,
#uits-support-footer h3 a:active { text-decoration: underline; color: #158475; text-decoration-thickness: 3px; }
/* *********************************
****** FOOTER *******************
********************************* */
.site-footer { font-family: 'Open Sans',sans-serif; padding: 20px 0 25px; color: #FFF; background-color: #000; }
.site-footer .container { width: 88.88888%; max-width: 88.88888%; }
.site-footer a { color: #FFF !important; }
.site-footer .block { border: none !important; margin: 0; }
.site-footer .site-footer__top { display: flex; flex-direction: column; flex-wrap: wrap; }
.site-footer__top .content li a { border: none !important; padding: 0 !important; }
.site-footer__top .region { width: 100%; float: none; }
.site-footer__top .row.region-footer-first { align-items: center; justify-content: space-between; padding-bottom: 20px }
.site-footer__top .row.region-footer-second { align-items: center; justify-content: space-between; flex-wrap: nowrap; border-top: 1px solid rgba(255,255,255,0.25); padding-top: 20px; margin-top: 3px; }
.site-footer__top .row.region-footer-third { padding-top: 60px; }
/* Footer First */
/* footer logo/link */
#block-footerlogo { display: block; width: calc(100% - 740px); }
.footer-logo-link {
display: block; width: 100%; padding-top: 60px; background: url(/themes/custom/umass/images/umassp_logo_white.svg) no-repeat center left;
background-size: contain; }
.footer-logo-link .link-text {
clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; clip-path: inset(100%); }
/* social media nav */
#block-socialmedianav { width: 220px; margin: 0 50px; padding: 0 !important; }
#block-socialmedianav ul.social_nav_list { display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0; padding: 0; }
#block-socialmedianav li.social_nav_item { display: inline-block; }
#block-socialmedianav a.social_nav_link { display: block; text-decoration: none; background-color: transparent; }
.social_nav_icon .icon {
display: block; width: 24px; height: 24px; border-radius: 3px; fill: #FFF;
-webkit-transition: fill 0.25s ease; transition: fill 0.25s ease; stroke: inherit; }
.social_nav_label { width: 1px; height: 1px; position: absolute; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; }
/* user account menu */
#block-umass-account-menu { width: auto; }
#block-umass-account-menu a { margin-right: 32px; font-family: 'Montserrat',sans-serif; font-size: 15px; font-size: 0.9375rem; font-weight: 700; }
#block-umass-account-menu a:last-child { margin-right: 0; }
#block-umass-account-menu a:hover { text-decoration: underline; }
/* Footer Second */
/* umassp/m.edu bidirectional nav */
#block-youarehere { width: 32%; font-family: 'Open Sans',sans-serif; font-weight: 400; line-height: 2; margin: 0; }
#block-youarehere a { text-decoration: none; border-bottom: 1px solid #148071; }
#block-youarehere a:hover { border-bottom: 1px solid #FFF; }
/* copyright */
#block-copyrightstatement { width: auto; font-family: 'Open Sans',sans-serif; font-weight: 500; line-height: 2; }
/* accessibility/privacy */
#block-privacyaccessibility { width: auto; }
#block-privacyaccessibility ul { align-items: flex-end; margin: 0; padding: 0; }
#block-privacyaccessibility a {
font-family: 'Open Sans',sans-serif; font-weight: 700; font-size: 11px; font-size: 0.6875rem;
text-transform: uppercase; color: #FFF; letter-spacing: 0.0625rem; }
#block-privacyaccessibility a:hover { text-decoration: underline; }
/* Footer Third */
/* related sites */
#block-umass-footerrelatedsites { width: 100%; }
#block-umass-footerrelatedsites ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#block-umass-footerrelatedsites.clearfix::after { display: none; }
#block-umass-footerrelatedsites li.nav-item { width: auto; position: relative; margin-bottom: 12px; }
#block-umass-footerrelatedsites a.nav-link {
font-family: 'Open Sans',sans-serif; font-weight: 700; font-size: 11px; font-size: 0.6875rem;
letter-spacing: 2px; letter-spacing: 0.125rem; text-transform: uppercase; position: relative; }
#block-umass-footerrelatedsites a.nav-link:hover { text-decoration: underline; }
/* Footer Focus Indicators */
#block-footerlogo a:focus,
#block-socialmedianav a:focus,
#block-umass-account-menu a:focus,
#block-youarehere a:focus,
#block-copyrightstatement a:focus,
#block-privacyaccessibility a:focus,
#block-umass-footerrelatedsites a:focus { outline: 2px solid #D72FE1; }
/* ***************************************************
********* Group Module and Plugins ****************
*************************************************** */
/* Modify the core group page */
.path-group .field--name-field-group-name { font-family: 'Montserrat',sans-serif; font-size: 55px; font-size: 3.4375rem; font-weight: 900; margin: 30px 0; }
form.group-content-group-content-type-79cce0cd0c40a-group-request-membership-form { width: 40%; margin: 60px auto; }
form.group-content-group-content-type-79cce0cd0c40a-group-request-membership-form button {
display: inline-block; border-radius: 4px;
text-decoration: none !important; height: auto;
padding: 9px 12px; font-family: 'Montserrat',sans-serif;
font-weight: 500; font-size: 16px; font-size: 1rem; text-align: center; }
form.group-content-group-content-type-79cce0cd0c40a-group-request-membership-form button:after { margin-right: 30px; }
form.group-content-group-content-type-79cce0cd0c40a-group-request-membership-form button { background-color: #025CB8; border: 1px solid #025CB8; color: #FFF; }
form.group-content-group-content-type-79cce0cd0c40a-group-request-membership-form button:hover { background-color: #FFF; color: #025CB8; }
form.group-content-group-content-type-79cce0cd0c40a-group-request-membership-form button:focus { background-color: #FFF; color: #025CB8; }
/* ********************************************
*** SITE ALERTS AND MESSAGES ***************
******************************************** */
#alerts .alert-wrapper { margin: 0 !important; padding: 0 !important; max-height: 120px !important; color: #000 !important; }
#alerts .alert-wrapper .alert div { }
#alerts .alert-wrapper .alert svg { margin: 0 25px; }
.alert-wrapper h2 { margin: 0; font-size: 1.2rem; color: #000; }
.alert-wrapper a { color: #000 !important; text-decoration: underline; }
.alert-wrapper button { display: none; }
/* ********************************************
****** RESPONSIVE *******************
******************************************** */
@media (max-width: 1400px) {
#content .view-product-logins .view-content .product-login-teaser { width: calc(50% - 25px); margin: 25px 50px 25px 0; }
#content .view-product-logins .view-content .product-login-teaser:nth-child(3n+0) { margin-right: 50px !important; }
#content .view-product-logins .view-content .product-login-teaser:nth-child(2n+0) { margin-right: 0 !important; }
}
@media (max-width: 1280px) {
/* hero */
.hero-pt h1 { font-size: 2.8125rem; }
.hero-pt { margin-bottom: 50px }
/* footer */
#block-umass-account-menu a { margin-right: 25px; }
#block-footerlogo { width: 350px; }
/* bio blocks */
.bio-block .outer-wrapper .bio-image { width: 25%; }
.bio-block .outer-wrapper .bio-image img { width: 100%; height: auto; }
.bio-block .outer-wrapper .bio-content { width: 75%; }
.bio-block .field--name-field-name { font-size: 22px; font-size: 1.375rem; font-weight: 500; margin: 0 0 8px 0; color: #013E7D; }
/* statistics */
.field--name-field-stat-figure { font-size: 2.5rem; }
/* Feature Set */
.paragraph--type--feature-set .features-wrapper { flex-wrap: wrap; }
.paragraph--type--feature-set .features-wrapper > div { min-width: 33.3%; }
}
@media (max-width: 1200px) {
}
@media (max-width: 1100px) {
/* featured bottom */
.row.region-featured-bottom-first { width: 85%; }
/* uits support footer */
.support-footer-wrapper { gap: 50px; }
.support-footer-section { width: calc(50% - 25px); }
}
@media (max-width: 1024px) {
/* header/mobile */
#block-logohomelink { width: 500px; }
/* footer */
#block-footerlogo { width: 100%; padding-bottom: 25px; }
.site-footer__top .row.region-footer-second { flex-wrap: wrap; align-items: center; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.25); }
#block-youarehere { width: 100%; padding-bottom: 25px; text-align: center; }
/* product login and support block for product pages (view-based) */
.product-intro .intro-text { order: 2; }
.product-intro .intro-button { order: 1; margin-top: 40px; }
/* bio blocks */
.bios-wrapper > div { width: 100%; }
.bio-block .outer-wrapper { margin-bottom: 60px; }
.bio-block .outer-wrapper .bio-image { width: 25%; }
.bio-block .outer-wrapper .bio-image img { width: 100%; height: auto; }
.bio-block .outer-wrapper .bio-content { width: 72%; }
.bio-block .field--name-field-name { font-size: 20px; font-size: 1.25rem; }
/* statistics */
.layout-one-sidebar.layout-sidebar-first .paragraph--type--statistics-facts .inner-wrapper > div { width: calc(50% - 50px); }
/* link list */
.links .field__item { width:100%; }
}
@media (max-width: 991px) {
/* layouts with sidebars */
.layout-one-sidebar.layout-sidebar-first #main > .row { flex-direction: column; align-items: flex-start; }
.layout-one-sidebar.layout-sidebar-first #sidebar_first { width: 87%; max-width: 87%; margin: 0 7.403273809% 0 5.580357%; }
.layout-one-sidebar.layout-sidebar .sidebar_first.col-md-4 { max-width: 100% !important; flex: 0 !important; }
.sidebar_first aside { padding: 0; margin-bottom: 0; }
.layout-one-sidebar.layout-sidebar-first #content { width: 100%; border-left: none; }
.layout-one-sidebar.layout-sidebar-first #content .page-content { margin: 30px auto 0 auto; }
.layout-one-sidebar.layout-sidebar-first #content .page-content h1 { font-size: 48px; font-size: 3rem; font-weight: 500; }
.layout-two-sidebars #main > .row { flex-wrap: wrap; align-items: flex-start; }
.layout-two-sidebars #sidebar_first, .layout-two-sidebars .sidebar_first { width: 87%; max-width: 87%; margin: 0 7.403273809% 0 5.580357%; flex-grow: 2; }
.layout-two-sidebars #content { width: 65%; max-width: 65%; border-left: none; }
.layout-two-sidebars #content.col { flex: 0 0 auto; flex-basis: 65%; }
.layout-two-sidebars #sidebar_second { width: 35%; max-width: 35%; }
.layout-two-sidebars #sidebar_second.col-md-4 { flex: 0 0 auto; flex-basis: 35%; }
.layout-two-sidebars #sidebar_second.col-md-3 { flex: 0 0 auto; flex-basis: 100%; }
#submenu-toggle {
display: block; background-color: #FFF; border: 1px solid #025CB8; border-radius: 4px; text-decoration: none; height: auto; padding: 9px 12px;
font-family: 'Montserrat',sans-serif; font-weight: 500; color: #025CB8; font-size: 16px; font-size: 1rem; text-align: center; margin: 20px 0 18px 0; }
#submenu-toggle:not(.on) .open-text { display: inline; }
#submenu-toggle:not(.on) .close-text { display: none; }
#submenu-toggle.on .open-text { display: none; }
#submenu-toggle.on .close-text { display: inline; }
#submenu-toggle:hover { background-color: #025CB8; color: #FFF; }
#submenu-toggle:focus { outline: 2px solid #d71ef7; }
#sidebar_first .sidebar-navigation h2 { display: none; }
#submenu { display: none;}
#submenu-toggle.on + #submenu { display: block; }
/* header/mobile - collapsible nav & toggle button */
#header { border-bottom: 1px solid #005EB8 !important; }
#navbar-main { min-height: 30px; background-color: #005EB8 !important; }
button.navbar-toggler { padding: 7px; margin: 0; position: absolute; right: 5.55556%; top: -15px; background-color: #005eb8; z-index: 9; }
button.navbar-toggler:focus { outline: none !important; }
button.navbar-toggler:focus span { outline: 2px solid #d71ef7; }
.navbar-toggler-icon {
padding: 0; margin: 0;
background-color: #005eb8 !important;
background-image: url(/themes/custom/umass/images/menu.svg) !important;
background-repeat: no-repeat; background-position: top right;
fill: #FFF; }
button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { background-image: url(/themes/custom/umass/images/close.svg) !important; }
.navbar-collapse { background-color: #FFF; }
.navbar-collapse.show { padding-bottom: 20px; }
.navbar-collapse { padding-right:0% !important; justify-content: stretch; }
/* in-mobile search form */
#block-coveostandalonesearchboxforheader { margin: 12px 60px 0 60px !important; }
#block-cludosearchforheader { background-color: #FFF; padding: 16px 60px; }
#block-cludosearchforheader #cludo-search-form {
display: flex; justify-content: space-between;
border: 1px solid #DFDFDF; border-radius: 10px; -webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.08);
box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.08); padding: 6px 4px 6px 18px; }
#block-cludosearchforheader input.search-input {
font-family: 'Open Sans',sans-serif; font-weight: 400; color: #000;
margin: 0; padding: 10px 30px; width: calc(100% - 90px); border: none !important; }
#block-cludosearchforheader-mobile input.search-input:focus { outline: 1px solid #005EB8; }
#block-cludosearchforheader button#search-button { width: 80px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
#block-cludosearchforheader ul#search_autocomplete { display: none !important; }
/* header/mobile - navigation items */
.navbar-collapse.show #block-umass-main-menu { background-color: #FFF; }
.navbar-collapse.show #block-umass-main-menu ul { border-top: 1px solid #DFDFDF; border-bottom: none !important; }
.navbar-collapse.show #block-umass-main-menu li { border-bottom: 1px solid #DFDFDF; text-align: left !important; }
.navbar-collapse.show #block-umass-main-menu a.nav-link {
justify-content: flex-start; font-size: 20px !important; font-size: 1.1rem !important; font-weight: 500; padding: 20px 60px; }
#block-useraccountmenu-mobile { background-color: #FFF; padding: 16px 0 0 0; }
#block-useraccountmenu-mobile .nav { width: 100%; flex-flow: column; }
#block-useraccountmenu-mobile .nav a.nav-link {
display: block; width: auto; padding: 0 20px 16px 60px !important; color: #000 !important; text-decoration: underline; }
#block-useraccountmenu-mobile .nav a.nav-link:hover { color: #005EB8 !important; }
#block-departments-2 { width: 100%; background-color: #FFF; padding: 12px 60px; }
#superfish-departments--2-select { width: auto; padding: 6px 18px !important; margin: 0 !important;
border: 1px solid #DFDFDF; border-radius: 10px; -webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.08);
box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.08); }
/* low-priority table cells */
.priority-low { display: none; }
/* card sections */
.full-width-blocks .paragraph--type--card-section .cards-wrapper { flex-wrap: wrap; }
.full-width-blocks .paragraph--type--card-section.cards_two .cards-wrapper > div { width: calc(50% - 10px); }
.full-width-blocks .paragraph--type--card-section.cards_three .cards-wrapper > div { width: 100%; margin-bottom: 40px; }
.full-width-blocks .paragraph--type--card-section.cards_four .cards-wrapper > div { width: 100%; }
/* news cards */
.news-cards .news-card { width: 47%; margin-bottom: 25px; }
}
@media (min-width: 990px) {
/* hide mobile data cell content in larger viewports */
td .mobile-data-cell { display: none; }
}
@media (max-width: 960px) {
/* header/mobile */
#block-logohomelink { width: 450px; }
/* hero */
.hero-pt h1 { font-size: 2.6rem; }
.hero-pt { margin-bottom: 45px }
.topic-row .image-container { width: 200px; height: 200px; }
.topic-row .topic-row-content { width: calc(100% - 200px); padding-left: 60px; }
.article-teaser-image-wrapper { display: none; }
/* commenting out for layout troubleshooting
.layout-one-sidebar.layout-sidebar-first #main .view-articles .row { width:90%; margin-top: 0; } */
.article-teaser:first-child { border-top: none; }
/* featured bottom */
.row.region-featured-bottom-first { width: 90%; }
/* statistics */
.layout-no-sidebars .paragraph--type--statistics-facts .inner-wrapper > div { width: calc(50% - 50px); }
/* uits support footer */
.support-footer-wrapper { gap: 0; margin-top: 40px; }
.support-footer-section { width: 100%; margin-bottom: 30px; }
}
@media (max-width: 900px) {
/* Feature Set */
.paragraph--type--feature-set .features-wrapper > div { min-width: 45%; max-width: 45%; }
/* product login search form */
.view-product-logins .js-form-item.form-item-keyword { flex-direction: column; }
.view-product-logins .form-item-keyword label { text-align: left; width: 100%; }
.view-product-logins form .form-actions { margin-top: 40px; }
}
@media (max-width: 860px) {
/* header/mobile */
#navbar-top { width: 80% }
#navbar-top section { width: 100%; height: 100px !important; }
#block-logohomelink { width: 100%; }
#block-logohomelink a.logo-link { height: 100px !important; margin-top: 20px; }
/* header/mobile - remove utility nav & departments from header */
.form-inline.navbar-form.float-right { display: none !important; }
/* header/mobile - add utility nav & departments to collapsible nav */
#block-useraccountmenu-mobile, #block-departments-2 { display: block; }
/* contact paragraph type */
.paragraph--type--contact-list .contact-item { flex-wrap: wrap !important; }
.paragraph--type--contact-list .contact-item .section.contact-person { width: 100%; max-width: 100%; }
.paragraph--type--contact-list .contact-methods { width: auto; margin-top: 25px; }
/* product login and support block for product pages (view-based) */
.product-login-support-block { flex-wrap: wrap; }
.product-intro { width: 100%; }
.product-intro-support { width: 100%; }
/* footer */
.site-footer__top .row.region-footer-first { justify-content: center; }
#block-socialmedianav {
border-top: 1px solid rgba(255,255,255,0.25) !important; border-bottom: 1px solid rgba(255,255,255,0.25) !important;
padding: 15px !important; }
#block-umass-account-menu { width: 100%; padding: 15px 0; }
#block-umass-account-menu .nav { justify-content: center; }
.site-footer__top .row.region-footer-second { justify-content: flex-start; }
#block-youarehere { text-align: left; padding-bottom: 0; }
#block-copyrightstatement { width: 100%; text-align: left; padding-bottom: 20px; }
#block-privacyaccessibility { width: 100%; text-align: left; }
@media (max-width: 768px) {
/* two-sidebars layout */
.layout-two-sidebars #content { width: 100%; max-width: 100%; border-left: none; border-right: none; }
.layout-two-sidebars #content.col { flex-basis: 100%; }
.layout-two-sidebars #sidebar_second { width: 100%; max-width: 100%; }
.layout-two-sidebars #sidebar_second.col-md-3 { flex: 0 0 auto; flex-basis: 100%; }
/* hero */
.hero-pt h1 { font-size: 2.5rem; }
.hero-content-inner { width: 80%; }
.hero-pt { margin-bottom: 40px }
/* columns */
.two-col-equal .columns-outer-wrapper > div { width: 100%; }
.two-col-66-33 .columns-outer-wrapper > div { width: 100%; }
.two-col-66-33 .columns-outer-wrapper > div:first-child { width: 100%; }
#block-inthissection-2, #block-inthissectiontaxportal, #block-inthissectioncashmanagementportal, #block-inthissectioninsuranceportal,
#block-inthissectiondeicollaborative-2, #block-inthissectioninclusivebydesign { width: 80%; margin: 30px auto; }
#block-inthissection-2 h2, #block-inthissectiontaxportal h2, #block-inthissectioncashmanagementportal h2, #block-inthissectioninsuranceportal h2,
#block-inthissectiondeicollaborative-2 h2, #block-inthissectioninclusivebydesign h2 { display: none; }
#block-inthissection-2 ul.sf-menu.sf-accordion.sf-expanded,
#block-inthissectiontaxportal ul.sf-menu.sf-accordion.sf-expanded,
#block-inthissectioncashmanagementportal ul.sf-menu.sf-accordion.sf-expanded,
#block-inthissectioninsuranceportal ul.sf-menu.sf-accordion.sf-expanded,
#block-inthissectiondeicollaborative-2 ul.sf-menu.sf-accordion.sf-expanded,
#block-inthissectioninclusivebydesign ul.sf-menu.sf-accordion.sf-expanded { position: absolute; }
ul#superfish-in-this-section-accordion,
ul#superfish-in-this-section-tax-portal-accordion,
ul#superfish-in-this-section-cash-managemen-accordion,
ul#superfish-in-this-section-insurance-port-accordion,
ul#superfish-in-this-section-dei-collaborat-accordion,
ul#superfish-in-this-section-inclusive-by-d-accordion {
display: -webkit-box; display: -ms-flexbox; display: flex; background: #F9F9F9; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
border: 1px solid #EAEAEA; -webkit-box-shadow: 0px 7px 12px 2px rgba(0,0,0,0.05); box-shadow: 0px 7px 12px 2px rgba(0,0,0,0.05); -ms-flex-wrap: wrap;
flex-wrap: wrap; list-style: none; margin: 0; padding-left: 0; width: 80%; }
ul#superfish-in-this-section-accordion.sf-hidden,
ul#superfish-in-this-section-tax-portal-accordion.sf-hidden,
ul#superfish-in-this-section-cash-managemen-accordion.sf-hidden,
ul#superfish-in-this-section-insurance-port-accordion.sf-hidden,
ul#superfish-in-this-section-dei-collaborat.sf-hidden,
ul#superfish-in-this-section-inclusive-by-d.sf-hidden { display: none !important; }
ul#superfish-in-this-section-accordion li,
ul#superfish-in-this-section-tax-portal-accordion li,
ul#superfish-in-this-section-cash-managemen-accordion li,
ul#superfish-in-this-section-insurance-port-accordion li,
ul#superfish-in-this-section-dei-collaborat-accordion li,
ul#superfish-in-this-section-inclusive-by-d-accordion li { border-bottom: 1px solid #DFDFDF; padding: 0 10px; }
ul#superfish-in-this-section-accordion.sf-menu a,
ul#superfish-in-this-section-tax-portal-accordion.sf-menu a,
ul#superfish-in-this-section-cash-managemen-accordion.sf-menu a,
ul#superfish-in-this-section-insurance-port-accordion.sf-menu a,
ul#superfish-in-this-section-dei-collaborat-accordion.sf-menu a,
ul#superfish-in-this-section-inclusive-by-d-accordion.sf-menu a
{ font-family: 'Montserrat',sans-serif; font-weight: 700; display: block; color: #025CB8; font-size: 14px; font-size: 0.875rem; padding: 11px 0; }
ul#superfish-in-this-section-accordion.sf-menu a:hover,
ul#superfish-in-this-section-tax-portal-accordion.sf-menu a:hover,
ul#superfish-in-this-section-cash-managemen-accordion.sf-menu a:hover,
ul#superfish-in-this-section-insurance-port-accordion.sf-menu a:hover,
ul#superfish-in-this-section-dei-collaborat-accordion.sf-menu a:hover,
ul#superfish-in-this-section-inclusive-by-d-accordion.sf-menu a:hover { color: #148071; text-decoration: underline; }
/* new in-this-section and superfish section menu css */
[id^="block-sectionmenu"] { width: 80%; margin: 30px auto; }
[id^="block-sectionmenu"] h2 { display: none; }
[id^="block-sectionmenu"] ul.sf-menu.sf-accordion.sf-expanded { position: absolute; }
ul[id^="superfish-section-menu"] {
display: -webkit-box; display: -ms-flexbox; display: flex; background: #F9F9F9; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
border: 1px solid #EAEAEA; -webkit-box-shadow: 0px 7px 12px 2px rgba(0,0,0,0.05); box-shadow: 0px 7px 12px 2px rgba(0,0,0,0.05); -ms-flex-wrap: wrap;
flex-wrap: wrap; list-style: none; margin: 0; padding-left: 0; width: 80%; }
[id^="block-sectionmenu"] ul[id$="-accordion"] {
display: -webkit-box; display: -ms-flexbox; display: flex; background: #F9F9F9; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
border: 1px solid #EAEAEA; -webkit-box-shadow: 0px 7px 12px 2px rgba(0,0,0,0.05); box-shadow: 0px 7px 12px 2px rgba(0,0,0,0.05); -ms-flex-wrap: wrap;
flex-wrap: wrap; list-style: none; margin: 0; padding-left: 0; width: 80%; }
[id^="block-sectionmenu"] ul[id$="-accordion"].sf-hidden { display: none !important; }
[id^="block-sectionmenu"] ul[id$="-accordion"] li { border-bottom: 1px solid #DFDFDF; padding: 0 10px; }
[id^="block-sectionmenu"] ul[id$="-accordion"].sf-menu a {
font-family: 'Montserrat',sans-serif; font-weight: 700; display: block; color: #025CB8; font-size: 14px; font-size: 0.875rem; padding: 11px 0; }
[id^="block-sectionmenu"] ul[id$="-accordion"].sf-menu a:hover { color: #148071; text-decoration: underline; }
.topic-row .image-container { display: none; }
.topic-row .topic-row-content { width: calc(100% - 150px); padding-left: 40px; }
.topic-row .field--name-field-title { display: inline; font-size: 18px; font-size: 1.125rem; background-color: #025CB8; color: #FFF; padding: 3px 10px; margin-bottom: 0; }
#block-umass-content p { font-size: 1.0625rem; color: #353535; font-weight: 400; line-height: 2; margin: 40px 0; }
.links .field__item { width: calc(50% - 30px); }
.columns-outer-wrapper { flex-flow: row wrap; }
.two-cols-equal .columns-outer-wrapper > div { width: 100%; }
.two-col-66-33 .columns-outer-wrapper > div { width: 100%; }
.two-col-66-33 .columns-outer-wrapper > div:first-child { width: 100%; }
/* process flow */
#block-umass-content .flow-container.top_to_bottom ul li.step-1,
#block-umass-content .flow-container.top_to_bottom ul li.step-2,
#block-umass-content .flow-container.top_to_bottom ul li.step-3,
#block-umass-content .flow-container.top_to_bottom ul li.step-4,
#block-umass-content .flow-container.top_to_bottom ul li.step-5,
#block-umass-content .flow-container.top_to_bottom ul li.step-6,
#block-umass-content .flow-container.top_to_bottom ul li.step-7,
#block-umass-content .flow-container.top_to_bottom ul li.step-8 { margin-left: 25px; }
/* footer */
#block-umass-footerrelatedsites li.nav-item { width: 100%; }
/* featured story */
.featured-story { padding: 20px 0 0 0; }
.featured-story-image { max-width: 100%; float: none; margin: 0 0 25px 0; }
}
@media (max-width: 700px) {
.topic-row { flex-wrap: wrap; }
.topic-row .topic-row-content { width: 100%; padding: 0; }
/* mobile nav */
.navbar-collapse.show #block-umass-main-menu a.nav-link { padding-left: 20px; }
.navbar-collapse.show #block-useraccountmenu-mobile .nav a.nav-link { padding-left: 20px !important; }
#block-departments-2 { padding: 12px 20px; }
#block-coveostandalonesearchboxforheader { margin: 12px 20px 0 20px !important; }
#block-cludosearchforheader { padding: 16px 20px; }
/* statistics */
.layout-one-sidebar.layout-sidebar-first .paragraph--type--statistics-facts .inner-wrapper > div { width: 100%; }
.layout-no-sidebars .paragraph--type--statistics-facts .inner-wrapper > div { width: 100%; }
}
@media (max-width: 640px) {
/* news cards */
.news-cards .news-card { width: 100%; margin-bottom: 25px; }
/* accessible cards */
.full-width-blocks .paragraph--type--card-section.cards_two .cards-wrapper > div { width: 100%; }
}
@media (max-width: 576px) {
/* hero */
.hero-pt h1 { font-size: 1.875rem; }
.hero-content-inner { width: 90%; }
.hero-pt { margin-bottom: 30px }
.hero-gray-bg { height: 225px; }
#block-inthissection-2, #block-inthissectiontaxportal, #block-inthissectioncashmanagemen, #block-inthissectioninsuranceportal, #block-inthissectiondeicollaborative-2,
#block-inthissectioninclusivebydesign {
width: 90%; margin: 25px auto; }
ul#superfish-in-this-section-accordion,
ul#superfish-in-this-section-tax-portal-accordion,
ul#superfish-in-this-section-cash-managemen-accordion,
ul#superfish-in-this-section-insurance-port-accordion,
ul#superfish-in-this-section-dei-collaborat-accordion,
ul#superfish-in-this-section-inclusive-by-d-accordion { width: 90%; }
/* new in-this-section and superfish section menu css */
[id^="block-sectionmenu"] { width: 90%; margin: 25px auto; }
[id^="block-sectionmenu"] ul[id$="-accordion"] { width: 90%; }
/* review this!!!! */
#block-umass-content .views-page, #block-umass-content .node--type-webform,
.main-page-body, .paragraph--type--biographies, .paragraph--type--columns, .paragraph--type--contact-list,
.paragraph--type--bp-view, .paragraph--type--link-list .link-list-inner,
.topic-rows-inner, .full-width-blocks .paragraph--type--bp-simple .paragraph__column,
.full-width-blocks .paragraph--bp-accordion-container, #content > .section > .views-exposed-form, #block-userlogin .user-login-form,
.paragraph--type--bp-simple .paragraph__column { width: 90%; }
.paragraph--type--statistics-facts .outer-wrapper { width: 100%; }
.links .field__item { width: 100%; }
/* product login teasers */
#content .view-product-logins .view-content .product-login-teaser { width: 100%; margin: 18px 0; }
#content .view-product-logins .view-content .product-login-teaser:nth-child(3n+0) { margin-right: 0 !important; }
/* content-area button links */
#block-umass-content a.button { display: block; }
#block-umass-content a.button:after { margin-right: 0; }
}
@media (max-width: 525px) {
.hero-content { position: relative !important; padding-top: 25px; }
}
@media (max-width: 400px) {
/* Feature Set */
.paragraph--type--feature-set .features-wrapper > div { min-width: 100%; max-width: 100%; }
/* statistics */
.layout-one-sidebar.layout-sidebar-first .paragraph--type--statistics-facts .inner-wrapper > div { width: 100%; margin: 25px 0; }
}