/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
@import url("https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Open+Sans:400,400i,700,700i&display=swap");
.hamburger {
padding: 0.5rem 0.5rem;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 1;
}
.hamburger.is-active:hover {
opacity: 1;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #000;
}
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #fff;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
}
/*
* Collapse
*/
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.blocked-style {
border: 1px solid #fff;
padding: 12px;
border-radius: 5px;
background: #eee;
}
#umass--global--header #collegiatem {
display: none;
height: 0;
width: 0;
}
#umass--global--header #wordmark {
border: none;
display: block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: contain;
background-position: left center;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 784px) {
#umass--global--header #wordmark {
background-image: url(//www.umass.edu/static/branding/images/UMassAmherst_shortform-reversed.svg);
background-repeat: no-repeat;
height: 30px;
width: 173px;
margin-left: 1rem;
margin-top: 0;
margin-bottom: 0;
}
}
@media only screen and (min-width: 785px) {
#umass--global--header {
padding: 0 1rem;
}
#umass--global--header #wordmark {
background-image: url(//www.umass.edu/static/branding/images/UMassAmherst_longform-reversed.svg);
background-repeat: no-repeat;
height: 30px;
width: 411px;
}
}
#umass--global--footer {
font-family: "Open Sans", sans-serif;
}
#umass--global--footer #umass--logo-longform--stacked,
#umass--global--footer #umass--seal {
max-width: 100px !important;
height: auto;
margin: 1rem 0 0;
}
#umass--global--footer #umass--seal svg {
display: block;
}
@media only screen and (max-width: 599px) {
#umass--global--footer #umass--logo-longform--stacked,
#umass--global--footer #umass--seal {
margin: 1rem auto 0;
}
}
.umass-platform-framework #umass--global--header {
padding: 0;
}
.umass-platform-framework #umass--global--header #container {
max-width: 920px;
padding: 0 15px;
}
@media only screen and (max-width: 784px) {
.umass-platform-framework #umass--global--header #wordmark {
margin-left: 0.375rem;
}
}
@media only screen and (min-width: 785px) {
.umass-platform-framework #umass--global--header #wordmark {
margin-left: 0.5rem;
}
}
@media only screen and (min-width: 938px) {
.umass-platform-framework #umass--global--header #container {
max-width: 920px !important;
padding: 0 30px;
}
}
@media only screen and (min-width: 1128px) {
.umass-platform-framework #umass--global--header #container {
max-width: 1110px !important;
}
}
@media only screen and (min-width: 1428px) {
.umass-platform-framework #umass--global--header #container {
max-width: 1410px !important;
}
}
.umass-platform-framework #umass--global--header #collegiatem {
display: block;
width: 36px;
height: 36px;
}
.umass-platform-framework #umass--global--footer .container {
max-width: 920px;
padding: 0 15px 1rem;
}
.umass-platform-framework #umass--global--footer .container #umass--global--footer-wordmark {
flex-basis: 100px;
}
@media only screen and (min-width: 738px) {
.umass-platform-framework #umass--global--footer .container {
width: auto;
max-width: 920px !important;
}
}
@media only screen and (min-width: 938px) {
.umass-platform-framework #umass--global--footer .container {
max-width: 920px !important;
padding: 0 30px 1rem;
}
}
@media only screen and (min-width: 1128px) {
.umass-platform-framework #umass--global--footer .container {
max-width: 1110px !important;
}
}
@media only screen and (min-width: 1428px) {
.umass-platform-framework #umass--global--footer .container {
max-width: 1410px !important;
}
}
#umass-banner,
#umass-banner + #metanav,
.umass-legacy-header-banner {
display: none;
}
#umass-footer,
.umass-legacy-footer-banner {
display: none;
}
@media only screen and (min-width: 600px) {
#umass--global--header #umass--global--navigation--navicon {
display: none;
}
#umass--global--header #umass--global--navigation--links {
text-align: right;
list-style: none;
margin: 0;
padding: 0;
display: block;
line-height: 2;
}
#umass--global--header #umass--global--navigation--links li {
display: inline-block;
margin: 0 0.5rem;
padding: 0;
}
#umass--global--header #umass--global--navigation--links a {
display: inline-block;
color: #fff;
text-decoration: none;
border-bottom: none;
font-weight: 500;
}
#umass--global--header #umass--global--navigation--links a:hover {
text-decoration: underline;
}
#umass--global--header #umass--global--navigation--links #umass--global--search {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: contain;
background-position: left center;
background-image: url(//www.umass.edu/static/branding/images/search-reversed.svg);
background-repeat: no-repeat;
height: 1.5rem;
width: 1.5rem;
position: relative;
bottom: -0.4rem;
}
}
#umass--global--header .hamburger {
background: transparent;
}
#umass--global--header .hamburger-box {
height: 32px;
}
@media only screen and (max-width: 599px) {
#umass--global--header::after {
content: "";
position: fixed;
z-index: 502;
top: 0;
right: 0;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
opacity: 0;
transition-property: opacity;
transition-delay: 0.13s;
transition-duration: 0.26s;
}
#umass--global--header.overlay-active::after {
display: block;
background: rgba(255, 255, 255, 0.95);
opacity: 1;
clip: auto;
top: 0;
right: 0;
width: 100vw;
height: 100vh;
}
#umass--global--header #umass--global--navigation {
position: static;
}
#umass--global--header #umass--global--navigation--navicon {
position: absolute;
margin: 0;
top: 0.25rem;
right: 0.5rem;
z-index: 503;
width: auto;
}
#umass--global--header #umass--global--navigation--navicon.is-active {
position: fixed;
}
#umass--global--header #umass--global--navigation--links {
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
transition-property: opacity;
transition-delay: 0.25s;
transition-duration: 0.25s;
opacity: 0;
z-index: 504;
list-style: none;
margin: 0;
padding: 0;
display: block;
max-width: 280px;
font-size: 3rem;
text-align: center;
left: 50vw;
top: 50vh;
transform: translate(-50%, -50%);
}
#umass--global--header #umass--global--navigation--links.is-active {
border: 0;
clip: auto;
height: auto;
margin: 0;
overflow: auto;
position: fixed;
white-space: wrap;
width: auto;
opacity: 1;
}
#umass--global--header #umass--global--navigation--links li {
display: block;
margin: 2rem 1rem;
padding: 0;
}
#umass--global--header #umass--global--navigation--links a {
display: inline-block;
color: #881c1c;
text-decoration: none;
border-bottom: none;
font-weight: 500;
font-size: 1.5rem;
}
#umass--global--header .umass--global--navigation--navicon--label {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
}
#umass--global--header {
font-family: "Open Sans", sans-serif;
font-size: initial;
width: 100% !important;
background: #881c1c;
position: relative;
z-index: 5;
border-bottom: solid 1px #777;
box-sizing: border-box;
}
#umass--global--header * {
box-sizing: border-box;
}
#umass--global--header li {
font-size: initial;
}
#umass--global--header #container {
width: 100%;
max-width: 1200px !important;
height: 60px;
margin: 0 auto;
display: flex;
align-items: center;
box-shadow: none;
background: none;
}
#umass--global--header #umass--global--navigation {
position: static;
flex-grow: 1;
}
#umass--global--header #umass--global--navigation a::after {
content: none;
margin: 0;
}
#umass--global--header button {
box-shadow: none;
border-radius: 0;
padding: 0;
}
#umass--global--header button:hover {
background: none;
color: #fff;
}
#umass--global--footer {
background-color: #881c1c;
padding: 1rem;
color: #fff;
}
#umass--global--footer .container {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
@media only screen and (max-width: 599px) {
#umass--global--footer .container {
display: block;
}
}
#umass--global--footer .container img {
flex-grow: 0;
flex-shrink: 1;
}
#umass--global--footer .container #umass--global--footer--links {
flex-grow: 1;
flex-shrink: 1;
text-align: right;
margin-top: 1.5rem;
}
#umass--global--footer .container #umass--global--footer--links a:hover {
text-decoration: underline;
}
@media only screen and (max-width: 599px) {
#umass--global--footer .container #umass--global--footer--links {
text-align: center;
}
}
#umass--global--footer .container a,
#umass--global--footer .container a:link,
#umass--global--footer .container a:visited,
#umass--global--footer .container a:hover {
color: #fff;
flex-basis: 50%;
border-bottom: none;
text-decoration: none;
}
/* Add explicit print styling for the header */
@media print {
#umass--global--header {
background-color: #fff;
}
#umass--global--navigation {
display: none;
}
#umass--global--header #wordmark {
content: url(//www.umass.edu/static/branding/images/UMassAmherst_longform.svg);
height: 30px;
width: 411px;
}
}
/* Overrides to local styles intended to fix some issues with z-index etc */
.flexslider {
z-index: 0;
}
/* Fixing over broad region padding */
.region-page-top .region-inner {
padding: 0 !important;
margin: 0 !important;
}
/* Accessibility fixes */
.gsc-search-button-v2 {
vertical-align: text-top !important;
}
#___gcse_0 .gsc-search-button-v2 svg {
width: 24px !important;
height: 24px !important;
}
@media (max-width: 567px) {
#umass--global--navigation--links
#umass--global--navigation--search {
padding: .5rem !important;
}
}
/*# sourceMappingURL=styles.css.map */
