/** * @file * Subtheme specific CSS. */ body { font-family: 'Open Sans',sans-serif !important; } *:focus { outline: 2px solid #d71ef7; } /* ******************************************** ****** HEADER, LOGO, MAIN NAV ************** ******************************************** */ #header { background-color: #005EB8; border-bottom: 1px solid #DFDFDF; } #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: 400; font-size: 14px; font-size: .875rem; 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; } #block-cludosearchforheader-mobile, #block-useraccountmenu-mobile, #block-departments-2 { display: none; } /* ******************************************** ****** 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; } h3 { font-size: 35px; font-size: 2.1875rem; font-weight: 500; margin: 25px 0 16px; } #block-umass-content p { font-size: 1.0625rem; color: #353535; font-weight: 400; line-height: 2; margin: 40px 0; } #block-umass-content a { color: #DF2049; text-decoration: underline; } #block-umass-content a:hover, #block-umass-content a:focus { color: #353535; text-decoration: underline; } #block-umass-content ul { list-style: none; font-size: 1.0625rem; } #block-umass-content ul li { margin: 35px 0; } #block-umass-content ol { margin: 15px 0 40px 15px; } #block-umass-content ol li { margin: 25px 0; } #block-umass-content ul li::before { width: 8px; height: 8px; background: #025CB8; border-radius: 50%; content: ""; display: block; float: left; margin: 8px 0 0 -20px; } #block-umass-content ul li li::before { width: 8px; height: 8px; background: #FFF; border-radius: 50%; content: ""; display: block; float: left; margin: 8px 0 0 -20px; border: 1px solid #025CB8; } #block-umass-content .view ul li { margin: 16px 0; } /* remove bullets for specific list-items */ #block-umass-content ul.webform-progress-tracker li:before, #block-umass-content ul.pagination li:before { display: none; } #block-umass-content table {width: 100%; border-collapse: collapse; border: 1px solid #DFDFDF; } #block-umass-content table thead { display: table-header-group; vertical-align: middle; background-color: #025CB8; } #block-umass-content table thead th { font-weight: 700; font-size: 0.6875rem; letter-spacing: 2px; letter-spacing: 0.125rem; line-height: 32px; text-transform: uppercase; background: #025CB8; padding: 10px 20px; border: none; } #block-umass-content table tr { border: 1px solid #DFDFDF; background-color: #FFF; } #block-umass-content table tr:nth-child(even) { background-color: #EAEAEA; } #block-umass-content table tr td { padding: 10px 20px; border: none; } #block-umass-content table tr td p { margin: 0 !important; font-size: 0.875rem; } /* content-area button links */ #block-umass-content a.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; } #block-umass-content a.button:after { margin-right: 30px; } #block-umass-content a.button:last-child:after { margin-right: 0; } #block-umass-content a.button { background-color: #025CB8; border: 1px solid #025CB8; color: #FFF; } #block-umass-content a.button.umassblue { background-color: #025CB8; border: 1px solid #025CB8; color: #FFF; } #block-umass-content a.button.gray { background-color: #F3F3F4; border: 1px solid #CCC; color: #222; } #block-umass-content a.button.umassblue-reverse { background-color: #FFF; border: 1px solid #025CB8; color: #222; } #block-umass-content a.button:hover { background-color: #FFF; color: #025CB8; } #block-umass-content a.button.umassblue:hover { background-color: #FFF; color: #025CB8; } #block-umass-content a.button.gray:hover { background-color: #025CB8; border: 1px solid #025CB8; color: #FFF; } #block-umass-content a.button.umassblue-reverse:hover { background-color: #025CB8; border: 1px solid #025CB8; color: #FFF; } #block-umass-content a.button:focus { background-color: #FFF; color: #025CB8; } #block-umass-content a.button.umassblue:focus { background-color: #FFF; color: #025CB8; } #block-umass-content a.button.gray:focus { background-color: #025CB8; border: 1px solid #025CB8; color: #FFF; } #block-umass-content a.button.umassblue-reverse:focus { background-color: #025CB8; border: 1px solid #025CB8; color: #FFF; } #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; } #block-umass-content .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; } /* ************************************************ *** 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: 300px; margin-top: 40px; } .hero-image { display: inline-block; width: 100%; } .hero-image img { max-width: 100%; width: 100%; } .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: 75px; } #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; } .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; } .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.6) !important; } /* page title over no-bg */ .hero-no-bg .hero-pt h1 { color: #005EB8; } /* ************************************************ ****** 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; } /* ************************************************ ****** WEBFORMS ***************************** ************************************************ */ #block-umass-content .node--type-webform { width: 70%; margin: 0 auto 65px auto; } label.form-required:after { color: #DF2049; content: " *" } 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, visile 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; } .main-page-body { width: 70%; margin: 0 auto; margin-bottom: 25px; } .layout-one-sidebar.layout-sidebar-first .main-page-body { width: 100%; } /* 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: #DF2049 !important; border-bottom: 1px solid #DF2049 !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: #DF2049 !important; border-bottom: 1px solid #DF2049 !important; text-decoration: none; } /* ************ *** ROW *** ************ */ .row { margin: 0 !important; } /* ******************************************** ****** MISCELLANEOUS ELEMENTS ************** ******************************************** */ /* videos */ .paragraph--type--youtube-video, .paragraph--type--brightcove-video { width: 70%; max-width: 1200px; margin: 0 auto; } .video-centered .video-wrapper { width: 100%; max-width: 800px; margin: 3em auto; } .video-left .video-wrapper { width: 100%; max-width: 800px; margin: 3em 0; } .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; } /* 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 COMPONENTS **************** ******************************************** */ /* FULL WIDTH SECTION WITH BACKGROUND */ .paragraph--type--full-width-section-with-backgrou { width: 100%; padding: 18px 0; } .paragraph.paragraph--type--full-width-section-with-backgrou > .paragraph__column { width: 70%; margin: 0 auto !important; float: none; } /* 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 { width: 70%; margin: 0 auto 50px auto; } .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-family: 'Montserrat',sans-serif; font-weight: 700; font-size: 22px; font-size: 1.375rem; line-height: 1.25; } /* COLUMNS */ .paragraph--type--columns { width: 70%; margin: 0 auto 50px auto; } .columns-outer-wrapper { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; } .two-cols-equal .columns-outer-wrapper div { flex-grow: 1; } .two-col-66-33 .columns-outer-wrapper > div { width: 33%; } .two-col-66-33 .columns-outer-wrapper > div:first-child { width: 65%; } /* CONTACT LIST */ .paragraph--type--contact-list { width: 70%; margin: 0 auto; } .paragraph--type--contact-list .contact-item { display: flex; flex-flow: row nowrap; padding: 40px 0; border-bottom: 1px solid #DFDFDF; } .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; } /* 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: -5px; -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; } /* VIEW */ .paragraph--type--bp-view { width: 70%; margin: 0 auto; } .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: #DF2049 !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 */ .paragraph--type--link-list .link-list-inner { width: 70%; margin: 0 auto; padding: 30px 0 75px 0; } .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; } .links { } .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; font-size: 14px; font-size: 0.875rem; line-height: 1.85714; letter-spacing: 1px; letter-spacing: 0.0625rem; text-transform: uppercase; -webkit-transition: color 0.25s ease; transition: color 0.25s ease;} /* STATISTICS */ .paragraph--type--statistics-facts { margin-bottom: 35px; } .paragraph--type--statistics-facts .outer-wrapper { width: 70%; margin: 0 auto; } .paragraph--type--statistics-facts .inner-wrapper { display: flex; } .paragraph--type--statistics-facts .inner-wrapper > div { width: 33%; } h2.stats-heading { font-size: 3.5rem; color: #005EB8; text-align: center; margin-bottom: 20px; } .paragraph--type--statistic .text-wrapper { text-align: center; margin-top: 150px; padding: 0 30px; color: #005EB8; } .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: 800; font-size: 3rem; } .field--name-field-stat-main-text { font-family: Montserrat; font-weight: 800; font-size: 1.2rem; } .field--name-field-stat-supporting-text { font-size: .875; font-style: italic; } /* TOPIC ROWS */ .gray-bg .topic-rows-inner { padding: 75px 0; } .bg-none .topic-rows-inner { padding: 25px 0; } .topic-rows-inner { width: 70%; margin: 0 auto; } .topics { width: 100%; } .topics div div.topic-row { padding: 40px 0; 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; } /* 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 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: #025CB8; } #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; } /* CARD SECTION and THE CLICKABLE & ACCESSIBLE CARD */ .full-width-blocks .paragraph--type--card-section { padding: 20px 25px; } .full-width-blocks .paragraph--type--card-section .cards-wrapper { display: flex; flex-wrap: nowrap; justify-content: space-between; height: 100%; max-width: 1600px; 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; } .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 #d71ef7; outline-offset: 2px; } .full-width-blocks .paragraph--type--card-section.cards_three .cards-wrapper > div { width: 30%; } .full-width-blocks .paragraph--type--card-section.cards_four .cards-wrapper > div { width: 22%; } .full-width-blocks .paragraph--type--card-section .cards-wrapper .card { border: none !important; } /* .full-width-blocks .node .field--type-image */ .card-image img { width: 100% !important; height: auto !important; } .accessible-card a { display: block; } .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: #DF2049; 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: #353535 !important; } #block-umass-content .card-content { position: relative; z-index: 2; } #block-umass-content .card-content p:first-child { margin-top: 0 !important; } #block-umass-content .card-content li { margin: 0 !important; } /* BOOTSTRAP PARAGRAPHS - CARD .full-width-blocks .paragraph--type--card-section .cards-wrapper > div .card-body { padding: 0 !important; } .card-body .card-graphic { background-color: #495057; color: #FFF; font-size: 40px; padding: 12px 0; text-align: center; } #block-umass-content .card-content { padding: 25px 35px; } #block-umass-content .card-content .field--name-bp-card-title { font-size: 1.2rem; font-family: 'Montserrat',sans-serif; color: #DF2049; font-weight: 600; line-height: 1.2; margin-bottom: 20px; } #block-umass-content .card-content ul, #block-umass-content .card-content ol { margin: 0 0 0 18px; padding: 0; } #block-umass-content .card-content ul li, #block-umass-content .card-content ol li { margin: 0; padding: 0; } #block-umass-content .card-content ul { list-style-type: disc; } #block-umass-content .card-content ul li::before { display: none; } #block-umass-content .cards-wrapper a { display: block; text-decoration: none !important; color: #1d1e1f !important; height: 100%; } #block-umass-content .cards-wrapper a .field--name-bp-card-title { text-decoration: underline !important; } #block-umass-content .cards-wrapper a:focus, #block-umass-content .cards-wrapper a:active { outline: 2px solid #d71ef7; } #block-umass-content .cards-wrapper a:focus .field--name-bp-card-title, #block-umass-content .cards-wrapper a:active .field--name-bp-card-title, #block-umass-content .cards-wrapper a:hover .field--name-bp-card-title { color: #353535; } */ /* BOOTSTRAP PARAGRAPHS - SIMPLE */ .full-width-blocks .paragraph--type--bp-simple { width: 100%; margin: 0 auto; } .full-width-blocks .paragraph--type--bp-simple .paragraph__column { width: 70%; margin: 0 auto; float: none; } /* BOOTSTRAP PARAGRAPHS - ACCORDION */ .full-width-blocks .paragraph--bp-accordion-container { width: 70%; margin: 0 auto; } /* 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; } /* PARAGRAPHS INSIDE OTHER PARAGRAPHS */ .full-width-blocks .paragraph--type--columns .paragraph--bp-accordion-container, .full-width-blocks .paragraph--type--columns .paragraph--type--bp-view, .full-width-blocks .paragraph--type--columns .paragraph--type--bp-simple { width: 100%; } .full-width-blocks .paragraph--type--columns .paragraph--type--bp-simple .paragraph__column { max-width: 100%; width: 100% !important; margin: 0; } .full-width-blocks .paragraph--bp-accordion-container .paragraph--type--bp-simple .paragraph__column { max-width: 100%; margin: 0 15px 15px 15px; padding: 0 !important; } #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; } /* paragraphs inside a full width section with background */ .paragraph--type--full-width-section-with-backgrou .paragraph--type--bp-view, .paragraph--type--full-width-section-with-backgrou .paragraph--type--link-list .link-list-inner { width: 100% !important; } /* PARAGRAPHS IN PAGES WITH SIDEBARS */ .layout-one-sidebar.layout-sidebar-first .full-width-blocks .paragraph--bp-accordion-container { width: 100%; } /* 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; } /* ******************************************** ******* PAGES WITH SIDEBARS **************** ******************************************** */ /* pages with left sidebar - sidebar/content area layout */ .layout-one-sidebar.layout-sidebar-first #main > .row { padding-top: 60px; width: 70%; margin: 0 auto !important; justify-content: space-between; } .layout-one-sidebar.layout-sidebar-first #main.container { } .layout-one-sidebar.layout-sidebar-first .col-md-4 { margin-right: 30px; } /* ************************************************************************ ******* 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; } /* ******************************************** ******* ClUDO SEARCH ********************** ******************************************** */ /* in-header search form */ #block-cludosearchforheader #cludo-search-form { border: 1px solid #DFDFDF; border-radius: 5px; padding: 7px 10px; } #block-cludosearchforheader input.search-input { border: 1px solid #005eb8; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; margin: 0; font-size: 14px; font-size: .875rem; } #block-cludosearchforheader button#search-button { background: #005eb8; font-family: 'Montserrat',sans-serif; font-weight: 600; font-size: 14px; font-size: .875rem; color: #FFF; padding: 5px 8px 3px; border: none !important; } #block-cludosearchforheader ul#search_autocomplete { display: none !important; } /* in-body search form */ #search-page-form { width: 70%; margin: 40px auto; } #search-page-form form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #FFF; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #DFDFDF; border-radius: 5px; -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: 15px 0; } #search-page-form input.search-input { width: calc(100% - 203px); border: 1px solid #DFDFDF; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; margin: 0 15px; padding: 20px 25px 19px; } #search-page-form button#search-button { width: 158px; margin-right: 15px; padding: 24px 50px 22px; background: #003E7D; font-family: 'Montserrat',sans-serif; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; font-size: 1rem; color: #FFF; } #search-page-form ul#search_autocomplete { display: none !important; } /* results */ .search-result-count { font-family: 'Open Sans',sans-serif; font-weight: 700; font-size: 14px; font-size: 0.875rem; letter-spacing: 2px; letter-spacing: 0.03125rem; text-transform: uppercase; color: #000; } #cludo-search-results .cludo-r { margin-left: 0 !important; margin-right: 0 !important; } #cludo-search-results ul { border-top: 1px solid #DFDFDF; list-style: none; padding-left: 0; } #cludo-search-results ul .search-results-item { padding: 40px 0; margin: 0 !important; border-bottom: 1px solid #DFDFDF; } #cludo-search-results a { color: #000 !important; -webkit-transition: color 0.25s ease; transition: color 0.25s ease; text-decoration: none !important; } #cludo-search-results a h2 { font-size: 25px; font-size: 1.56rem !important; font-weight: 500 !important; line-height: 1.33333; margin: 0 0 20px 0; } #cludo-search-results a h2 b { font-weight: 500 !important; } #cludo-search-results a p { margin: 0 0 20px 0 !important; } #cludo-search-results a .path { color: #DF2049 !important; text-decoration: underline; } #cludo-search-results a .path:hover { color: #025CB8 !important; } /* ******************************************** *** SIDEBAR MENU/TABLE OF CONTENTS ********* ******************************************** */ .sidebar_first { padding-left: 0; padding-right: 0; } .sidebar_first aside { padding-bottom: 25px; border-bottom: 1px solid #025CB8; margin-bottom: 150px; } .sidebar_first.sidebar .block { border-color: #FFF !important ; background-color: #FFF !important; margin: 0; padding: 0; } .sidebar h2 { border-bottom: none !important; } .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: #DE2345 !important; text-decoration: underline; } .table-of-contents-nav li.menu-item--active-trail { background-color: #DE2345; } .table-of-contents-nav li a.active { color: #FFF !important; text-decoration: none; } /* 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; } /* ********************************* ****** FOOTER ******************* ********************************* */ .site-footer { font-family: 'Open Sans',sans-serif; padding: 20px 0 25px; color: #FFF; } .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 #DE2345; } #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; letter-spacing: 2px; letter-spacing: 0.125rem; text-transform: uppercase; color: #FFF; letter-spacing: 1px; 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 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; } /* ******************************************** ****** RESPONSIVE ******************* ******************************************** */ /* max-width breaks */ @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: 20px; font-size: 1.25rem; } } @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; } /* 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; } } @media (max-width: 991px) { /* 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_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; } .layout-one-sidebar.layout-sidebar-first #main .view-articles .row { width:90%; margin-top: 0; } .article-teaser:first-child { border-top: none; } } @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; } /* 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) { /* hero */ .hero-pt h1 { font-size: 2.5rem; } .hero-content-inner { width: 80%; } .hero-pt { margin-bottom: 40px } #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: #DF2049; 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: #DF2049; text-decoration: underline; } #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, .paragraph--type--statistics-facts .outer-wrapper, .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 { width: 80%; } .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%; } /* pages with left sidebar - sidebar/content area layout */ .layout-one-sidebar.layout-sidebar-first #main .row { padding-top: 40px; width: 80%; flex-direction: column; } .layout-one-sidebar.layout-sidebar-first #main.container { margin-left: 0; width: 100%; } .layout-one-sidebar.layout-sidebar-first .col-md-4 { margin-right: 0; width: 100%; } .layout-one-sidebar.layout-sidebar-first aside { margin-bottom: 0; } /* footer */ #block-umass-footerrelatedsites li.nav-item { width: 100%; } } @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; } } @media (max-width: 640px) { /* news cards */ .news-cards .news-card { width: 100%; margin-bottom: 25px; } } @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%; } .layout-one-sidebar.layout-sidebar-first #main .row { padding-top: 30px; width: 90%; } #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, .paragraph--type--statistics-facts .outer-wrapper, .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%; } .links .field__item { width: 100%; } .paragraph.paragraph--type--bp-view .paragraph__column { padding-left: 0!important; padding-right: 0!important; } /* content-area button links */ #block-umass-content a.button { display: block; } #block-umass-content a.button:after { margin-right: 0; } }