/*Cached 2/4/21 6:57:15pm*/a,abbr,acronym,address,applet,article,aside,audio,b,big,body,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figure,figcaption,form,footer,header,hgroup,i,iframe,img,ins,label,legend,mark,menu,nav,output,ruby,section,span,summary,object,p,pre,kbd,q,s,samp,small,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}h1,h2,h3,h4,h5,h6,li,ol,ul{border:0;font-size:100%;font:inherit;vertical-align:baseline}h1,h2,h3,h4,h5,h6{margin-top:0;padding-top:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}ul{margin-top:0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */:root{-webkit-text-size-adjust:100%}hr{box-sizing:content-box;height:0;overflow:visible}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}strong{font-weight:bolder}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}template{display:none}[hidden]{display:none}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@viewport{width:device-width}@media screen{a[href$=".doc"]:after{font-variant:all-small-caps;content:" (DOC)"}a[href$=".docx"]:after{font-variant:all-small-caps;content:" (DOC)"}a[href$=".pdf"]:after{font-variant:all-small-caps;content:" (PDF)"}a[href$=".xlsx"]:after{font-variant:all-small-caps;content:" (XLSX)"}table{width:100%}table th{background:#f0eeeb;border:none;border-bottom:2px solid #bfb9b0;font-weight:600;text-align:left}table tr:nth-child(odd){background:#f8f7f6}.table-notstriped tr:nth-child(odd){background-color:transparent}.table-notstriped td,.table-notstriped th{border-bottom:.0875rem solid #f8f7f6}.u-lMain hr{border:0.14em solid #fefefe;display:block;height:unset;margin:2.4em auto;width:30%}:root{overflow-x:hidden}.ac-hiddenVisually,.ac-hiddenVisuallyAlways{border:0 !important;clip:rect(1px, 1px, 1px, 1px);height:1px !important;padding:0 !important;overflow:hidden;position:absolute !important;width:1px !important}.ac-hiddenVisually:not(.ac-NavAnchor--menu):active,.ac-hiddenVisually:not(.ac-NavAnchor--menu):focus{clip:auto;height:auto !important;overflow:visible;position:static !important;width:auto !important}.kint{position:relative}.preload *{transition:none !important}}*,*:before,*:after{box-sizing:border-box}abbr[title]{cursor:help}details>*:not(ul){padding-left:2.5%;padding-right:2.5%}input,select,textarea{font-size:1em;line-height:1}form ul{list-style:none;list-style-image:none;padding:0;margin:0}h1,h2,h3{line-height:1}h1,h2,h3,h4,h5,h6{margin-bottom:.25em}:not(li):not(details)>ul{padding-left:1.2em}:not(li)>ol{padding-left:1.2em}:not(li)>ol li{padding-left:.5em}.noBullets{list-style:none !important;padding-left:0}small{font-size:75%}td,th{padding:.25em .4em;vertical-align:top}th{font-weight:bold}@media screen{embed,img,object,video{height:auto;max-width:100%}fieldset{border-width:1px;border-style:solid;margin:0 .25em;padding:.35em .625em .75em}figure{line-height:0;margin-bottom:1em}figcaption{line-height:1.4}hr{border:solid 0 transparent;margin:0;padding:0}input[type="text"],select,textarea{width:100%}input[type="search"]{-webkit-appearance:none;-moz-appearance:none;border-radius:0}img{margin:0 auto}ol,ul,p{margin-bottom:1em}svg{width:100%;height:auto}table{margin:1em 0}}fieldset{border-color:#c0c0c0}svg{fill:currentColor}.Module__date{font-family:"Source Sans Variable",Arial,Helvetica;font-weight:600}.Module__desc{display:block;padding:0 0 .5em 0}@media screen{.ac-skipLink:not([href="#navigation"]){border:0 !important;clip:rect(1px, 1px, 1px, 1px);height:1px !important;padding:0 !important;overflow:hidden;position:absolute !important;width:1px !important;z-index:110}.ac-skipLink:target:active,.ac-skipLink:target:focus{z-index:110}.ac-skipLinkLabel{border:0 !important;clip:rect(1px, 1px, 1px, 1px);height:1px !important;padding:0 !important;overflow:hidden;position:absolute !important;width:1px !important}}.ac-skipLink:not([href="#navigation"]):focus{background-color:#ffda24 !important;border:solid .33em #333 !important;color:#000 !important;transition:none}.ac-skipLink:not([href="#navigation"]):focus:hover{background-color:#ff944d !important}.ac-skipLink[href="#content"]:active,.ac-skipLink[href="#content"]:focus{padding:1em !important}@media screen and (max-width: 0){.ac-skipLink[href="#g-navigation"]:active,.ac-skipLink[href="#g-navigation"]:focus{padding:1em !important}}@media screen and (max-width: 0){.ac-skipLink[href="#g-navigation"]:active,.ac-skipLink[href="#g-navigation"]:focus{padding:1em !important}}.ac-skipLink:not([href="#navigation"]):active,.ac-skipLink:not([href="#navigation"]):focus{color:#000;clip:auto;height:auto !important;overflow:visible;position:static !important;width:auto !important;position:absolute !important;line-height:1;left:0;top:0;width:50% !important}.ac-skipLink:not([href="#navigation"]):active .ac-skipLinkLabel,.ac-skipLink:not([href="#navigation"]):focus .ac-skipLinkLabel{clip:auto;height:auto !important;overflow:visible;position:static !important;width:auto !important;margin:0;font-weight:350 !important}@media screen and (min-width: 37.5em){.ac-skipLink[href="#navigation"]{background-color:#ffda24 !important;border:solid .33em #333 !important;color:#000 !important;transition:none}.ac-skipLink[href="#navigation"]:hover{background-color:#ff944d !important}.ac-skipLink[href="#navigation"]:active,.ac-skipLink[href="#navigation"]:focus{color:#000;clip:auto;height:auto !important;overflow:visible;position:static !important;width:auto !important;padding:1em !important;position:absolute !important;line-height:1;left:0;top:0;width:50% !important}.ac-skipLink[href="#navigation"]:active .ac-skipLinkLabel,.ac-skipLink[href="#navigation"]:focus .ac-skipLinkLabel{clip:auto;height:auto !important;overflow:visible;position:static !important;width:auto !important;margin:0;font-weight:350 !important}.ac-NavAnchor--menu[href="#navigation"]{text-align:left}}@media screen and (max-width: 37.5em){.ac-NavAnchor--menu[href="#g-navigation"]:focus{text-align:left}}.ac-skipLinkLabel{color:#000;background-color:transparent !important}a:link{text-decoration:none}abbr[title],.u-lMain a:link,.u-ExtendedFooter__listItemLink--socialMedia,.u-lMain a:visited{border-bottom:solid .0875rem;text-decoration:none}@supports ((-webkit-text-decoration-skip: ink) or (text-decoration-skip-ink: auto)) or ((-webkit-text-decoration-skip: auto) or (text-decoration-skip: auto)) or (-webkit-text-decoration-skip: auto){abbr[title]{border-bottom:0;-webkit-text-decoration:underline dotted rgba(128,128,128,0.75);text-decoration:underline dotted rgba(128,128,128,0.75)}.u-lMain a:link,.u-ExtendedFooter__listItemLink--socialMedia,.u-lMain a:visited{border-bottom:0;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-color:#cd98aa;text-decoration-color:#cd98aa;-webkit-text-decoration-skip:auto;text-decoration-skip:auto}.u-ExtendedFooter__listItemLink--socialMedia{-webkit-text-decoration:solid underline #fefefe !important;text-decoration:solid underline #fefefe !important}.u-ExtendedFooter__listItemLink--socialMedia:focus,.u-ExtendedFooter__listItemLink--socialMedia:hover{-webkit-text-decoration-color:inherit;text-decoration-color:inherit}.u-lMain a:visited{-webkit-text-decoration-color:#756761;text-decoration-color:#756761}}a{color:#8a2446;transition:all .17s ease-in}a:visited{color:#756761}a:focus{color:#fefefe #fefefe}a:hover{color:#756761}a:focus,a:hover{background-color:#f0dbe2;color:#000;-webkit-text-decoration-color:transparent !important;text-decoration-color:transparent !important}a:visited{border-color:#bfb9b0}a:visited:focus,a:visited:hover{background-color:#d3cdca}.BannerCOVID19{background-color:#0b75cb;color:#fff;font-size:100% !important;font-weight:400;padding:1em;position:relative;text-align:center;z-index:0}.BannerCOVID19 a{border-bottom:.0875rem solid #fff !important;border-bottom:0 !important;text-decoration:underline !important;color:#fff;font-weight:700}.BannerCOVID19 a:focus,.BannerCOVID19 a:hover .BannerCOVID19 a:visited:focus,.BannerCOVID19 a:visited:hover{color:#000 !important}.BannerCOVID19 a:visited{color:#fff}.u-Bio__colon{display:none}.u-Bio__contactData{font:0.9em "Source Sans Variable",Arial,Helvetica}.u-Bio__contactItemLabel{font:600 0.85em "Source Sans Variable",Arial,Helvetica;text-transform:uppercase;letter-spacing:.03em}.u-Bio__title{font:600 100% "Source Sans Variable",Arial,Helvetica}.u-BioList__name{font:1.2em "Source Sans Variable",Arial,Helvetica}.u-BioList__title{font:100% "Source Sans Variable",Arial,Helvetica}.u-VCard--Person ul{list-style:disc;margin:0 0 1em;padding-left:1.5em}.u-Bio__contactInfo{list-style:none;margin-top:1em;margin-left:0;padding-left:0}@media screen{.u-BioList__comma{display:none !important;visibility:hidden !important}.u-BioList__item{margin-bottom:.75em}.u-BioList__list{margin:0;padding:0}.u-BioList__list li{list-style:none}.u-BioList__name,.u-BioList__title{display:block}.u-Bio__contactInfo{margin-bottom:1.5em;padding:0}.u-Bio__contactItem{list-style:none;margin-bottom:.1em}.u-Bio__title{margin:.4em 0 .5em}}@media screen and (min-width: 37.5em){.u-BioList__name{display:inline-block}}.u-Bio__title,.u-Bio__contactItemLabel,.u-Bio__contactData{color:inherit}.u-BreadCrumbs__item{font:0.9em "Source Sans Variable",Arial,Helvetica}@media screen{.u-BreadCrumbs{clear:both;display:inline-block;margin-bottom:1.25em;padding-bottom:.25em}.u-BreadCrumbs__item{padding:0 .75em 0 1.25em;position:relative}.u-BreadCrumbs__item:before{background:transparent;border:5px solid transparent;border-width:5px 8px;border-left-color:#ccc;content:"";left:0;margin-top:-6px;position:absolute;top:50%}.u-BreadCrumbs__item:first-child:before{content:none}.u-BreadCrumbs__item:first-child{margin:0;padding-left:0}}.u-BreadCrumbs__item{border:none;color:#8a2446}.u-BreadCrumbs__item:visited{color:#756761}.u-BreadCrumbs__item:focus{color:#c0b4af #c0b4af}.u-BreadCrumbs__item:hover{color:#756761}.ButtonContainer{display:flex;flex-flow:column;float:right;margin-bottom:1em;margin-left:5%}.Button{border-radius:1.5em;background-color:#8f192b;border-radius:1.5em;color:#fefefe;display:inline-block;font-weight:400;margin-bottom:1em;padding:.5em 1em;text-align:center;text-decoration:none !important}.Button:visited{color:#fefefe}.Button:hover,.Button:focus{background-color:#c6aa76;color:#222}.Button__note{font-size:.75em;margin-top:.25em;text-align:center}.Contact{list-style:none;margin-bottom:1em}.Contact *{display:block;line-height:1.4}.Contact__name{font-weight:400 !important;margin-bottom:.125em}.Contact__title{font-style:italic}.ContactGroup{margin-bottom:2em;padding-left:0}.ContactGroup+.ContactGroup{margin-bottom:1em}.ContactGroup__heading{font-size:2em}@media screen{details{border:.0875rem solid #bfb9b0;border-radius:.3em;margin-bottom:1em}details[open]{padding-bottom:.6em}details[open] summary{background-color:#8f192b;color:#fefefe;margin-bottom:.6em}summary{background-color:#fff8f0;border-top-left-radius:.3em;border-top-right-radius:.3em;padding:.2em .6em}summary:hover{background-color:#c0b4af !important;color:#222 !important;cursor:pointer}}@media screen{.Error404 img{display:block}.Error404>*:not(:first-child){max-width:48rem;padding-left:5%;padding-right:5%}}@media screen and (min-width: 56.25em){.Error404>*:not(:first-child){margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}}.Facts dl{margin-bottom:1em}.Facts dl>*{padding:0 2%;text-align:center}.Facts dl :nth-child(1){padding-left:0}.Facts dl :nth-last-child(1){padding-right:0}.Facts dt,.Facts dd{padding-bottom:.5em}.Facts .Module__desc{font-size:1.75rem}.Facts .Row>.Module__desc{font-size:.85em;text-align:center}.Facts .Row__title{text-align:center}.Facts .Module__title{white-space:nowrap}@media screen{.Facts dl{display:flex;flex-wrap:wrap}.Facts dl>*{flex-grow:1}.Facts .Module__title{margin-bottom:.4em}.Facts .Row{max-width:none;width:100%}}.Facts dt{border-bottom:0.2em solid #e3dfde;color:#9d9390}.Facts dd{color:#8a2446}.GridContainer{padding-left:0;padding-right:0}.GridContainer .Row{max-width:none}.hideGTM{border:0 !important;display:none !important;visibility:hidden !important}.ImageGrid .Module__desc{background-color:#000;color:#fff;font-size:.8em;height:100%;padding:.6em;width:100%}.ImageGrid .Module__image{display:block;line-height:0}.ImageGrid .Module__link{align-items:center;display:flex;flex-flow:column;height:100%;justify-content:center;text-decoration:none !important}.ImageGrid .Module__listItem{background-position:center;background-size:cover;transition:.2s transform ease}.ImageGrid .Module__listItem:focus,.ImageGrid .Module__listItem:hover{position:relative;transform:scale(1.025);z-index:1}.ImageGrid .Module__list{display:flex;flex-wrap:wrap;list-style:none;padding-left:0 !important}@media screen and (min-width: 56.25em){.ImageGrid .Module__list{flex-wrap:nowrap}}.ImageGrid--feature .Module__desc,.ImageGrid--feature .Module__title{color:#fefefe;padding:.25em 2.5%;z-index:2}.ImageGrid--feature .Module__desc{background-color:transparent;height:auto}.ImageGrid--feature .Module__desc p{margin-bottom:0}.ImageGrid--feature .Module__link{padding:12.5%}.ImageGrid--feature .Module__link:after{background-color:#000;background-color:rgba(0,0,0,0.8);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background-color .2s}.ImageGrid--feature .Module__link:focus,.ImageGrid--feature .Module__link:hover{background-color:transparent}.ImageGrid--feature .Module__link *{transition:background-color .2s}.ImageGrid--feature .Module__list{display:grid}@media screen and (min-width: 37.5em){.ImageGrid--feature .Module__list{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}}.ImageGrid--feature .Module__listItem{position:relative}.ImageGrid--feature .Module__listItem:hover .Module__desc,.ImageGrid--feature .Module__listItem:hover .Module__title{background-color:#000;background-color:rgba(0,0,0,0.8)}.ImageGrid--feature .Module__listItem:hover .Module__link:after{background-color:#000;background-color:rgba(0,0,0,0)}.u-Figure__caption{font:350 0.9em "Source Sans Variable",Arial,Helvetica}@media screen{.figure--image img{margin:0 0 .5em}.u-Figure__caption{margin-top:.5em}.u-Figure__enlarge{background:#333;padding:.75% 1.5% .25%}.u-Figure--full,.u-Figure--half,.u-Figure__image,.u-Figure--left,.u-Figure--right,.u-Figure--quarter,.u-Figure--third{float:none;width:100%}}@media screen and (min-width: 37.5em){.u-Figure--center{margin:0 auto 1.25em}.u-Figure--full{margin:0 0 1.25em;width:100%}.u-Figure--half{width:47.25%}.u-Figure--left{float:left;margin:0 2.25% 5% 0}.u-Figure--quarter{width:22.5%}.u-Figure--right{float:right;margin:0 0 5% 2.25%}.u-Figure--third{width:30.83%}}.caption{margin-top:0.8em;max-width:40em}.caption,.captiontext,.photocredit{font-size:1em;line-height:1.3}.captiontext,.photocredit{color:#888;display:block;font-size:.8em}.u-VCard__room{white-space:nowrap}.u-VCard--site{font:200 1em/1.6 "Source Sans Variable","acumin-pro",Arial,Helvetica;text-align:center}.u-VCard--site .u-VCard__info,.u-VCard--site .u-VCard__item,.u-VCard--site .adr b{font:200 1em/1.6 "Source Sans Variable","acumin-pro",Arial,Helvetica}.u-VCard--site .org{color:#e0e0e0;display:inline-block;font:300 2em/1.1 "acumin-pro-extra-condensed","Arial Narrow","Helvetica Condensed";text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5em}.u-VCard--site .postal-code{white-space:nowrap}@media screen{.u-lFooter{padding:2em 4%}.u-VCard__info{list-style:none;margin:0 auto 1em;max-width:28em;padding-left:0}.u-VCard__info li{display:inline-block;margin-right:1em}.u-VCard--site{margin-bottom:1em;padding:1em 2em}.u-VCard--site a:link{border-bottom:solid .075rem}.u-VCardContainer{text-align:center}}.u-lFooter{background-color:#222;background-image:url(/assets/images//global-footer-bg.jpg);background-position:center;background-size:cover;border-top:0.3em solid #fefefe;color:#fefefe}.u-lFooter a{color:#f2f2f2;border-color:#f2f2f2}.u-lFooter a:visited{color:#f2f2f2}.u-lFooter a:focus{color:#333}.u-lFooter a:hover{color:#333}.u-lFooter a:active{color:#756761}.u-lFooter a:hover,.u-lFooter a:focus{background-color:#f2f2f2}.u-lFooter a:hover,.u-lFooter a:focus,.u-lFooter a:visited{border-color:#f2f2f2}.u-lFooter a:active{border-color:#756761}.u-VCard--site{background-color:#000;background-color:rgba(0,0,0,0.85);display:inline-block}.u-VCard--site .url{border-bottom:none}:root:not(.secondLevelNavSplit):not(.secondLevelNavSplitHide) .u-NavSite__item--isOpen{text-align:center;width:100%}.u-NavSite__item[class^="icon-"],.u-NavSite__item[class*=" icon-"]{font-size:1em}.u-pageHome .u-NavSite__itemContainer:first-child .u-NavSite__item--isCurrent{display:none !important;visibility:hidden !important}.u-NavSite__level--1 .u-NavSite__item{font:350 1.1em/1.1 "Source Sans Variable","acumin-pro",Arial,Helvetica;text-transform:uppercase;letter-spacing:.03em}@media screen{.u-NavSite{outline:none}.u-NavSite a:link{border-bottom:0}.u-NavSite__item{display:block;padding:.75em}.u-NavSite__item--isCurrent:not([href]){pointer-events:none;cursor:default}.u-NavSite__level{display:flex;flex-flow:row wrap;justify-content:center;list-style:none;margin-bottom:0;text-align:center}.u-NavSite__level [class^=icon-] img,.u-NavSite__level [class*=icon-] svg [class^=icon-] img,.u-NavSite__level [class*=icon-] svg{float:left;margin-right:.33em;width:1em}}.u-NavSite__item,.u-NavSite__item:visited{color:#fefefe}@media screen and (min-width: 37.5em){.u-NavSite__main .u-NavSite__item,.u-NavSite__main .u-NavSite__item:visited{color:#8f192b}}.u-NavSite__level--1>.u-NavSite__item:focus,.u-NavSite__level--1>.u-NavSite__item:hover,.u-NavSite__level--1>.u-NavSite__item--isCurrent,.u-NavSite__level--1>.u-NavSite__item--isCurrent:visited,.u-NavSite__level--1>.u-NavSite__item--isOpen>.u-NavSite__item,.u-NavSite__level--1>.u-NavSite__item--isOpen .u-NavSite__item.u-NavSite__item--isCurrent.u-NavSite__item--isCurrent{background-color:#8f192b;color:#fefefe !important}.u-NavSite__main .u-NavSite__item--isCurrent,.u-NavSite__main .u-NavSite__item--isCurrent:visited{background-color:#d7cfcc;color:#444}@media screen{.is-alert{padding-top:0 !important}}@media screen and (max-width: 25em){.is-alert .u-Masthead__siteName{margin-top:0}}@media screen and (min-width: 37.5em){.is-alert .NavGlobal{position:relative}}@media screen{.g-Masthead{position:relative}.g-Masthead__vassar{display:block;height:3.75rem;position:relative;z-index:1}.g-Masthead__vassar--link{border-bottom:0;display:inline-block;left:.75rem;line-height:0;padding:.5em .25em;position:relative;top:.8rem;width:6.25rem}.g-Masthead__vassar--link:focus,.g-Masthead__vassar--link:hover{background:none}.g-Masthead__vassar--link:hover path,.g-Masthead__vassar--link:focus path{fill:#fefefe !important}}@media screen and (max-width: 0){.g-Masthead__vassar{height:6.35em}.g-Masthead__vassar--link{top:1.25rem;width:10.25rem}}.g-Masthead__ID{color:#fefefe}.g-Masthead__vassar--link{transition:all .17s ease-in-out}.g-Masthead__vassar--link:active path{fill:#756761}.g-Masthead__vassar--link:hover path,.g-Masthead__vassar--link:focus path{fill:#000}.g-Masthead__vassar{background:#8f192b;background:linear-gradient(90deg, #651a2c 0%, #951829 100%)}@media screen and (min-width: 56.25em){.g-NavSite{background-color:#641A2B;border-bottom:.25em solid #63666A;border-top:1px solid #C6AA76}.g-NavSite__item:focus,.g-NavSite__item:hover,.g-NavSite__item:visited:focus,.g-NavSite__item:visited:hover,.g-NavSite__item--isCurrent,.g-NavSite__item--isCurrent:visited{background-color:#951829}}.ac-NavAnchor--menu{line-height:4em}@media screen{.ac-NavAnchor--menu{border-bottom:0;font-weight:normal;height:3.75rem;position:absolute;right:12.6vw;text-align:center;width:12.6vw;z-index:2;z-index:10}.u-folderSearch .g-ac-NavAnchor--menu{right:0}}@media screen and (max-width: 0){.ac-NavAnchor--menu{border:0 !important;clip:rect(1px, 1px, 1px, 1px);height:1px !important;padding:0 !important;overflow:hidden;position:absolute !important;width:1px !important;right:3.75rem}}@media screen and (min-width: 37.5em){.ac-NavAnchor--menu{right:3.75rem}}.ac-NavAnchor--menu,.ac-NavAnchor--menu:visited{color:#fefefe !important}.ac-NavAnchor--menu:focus,.ac-NavAnchor--menu:hover,.ac-NavAnchor--menu:visited:focus,.ac-NavAnchor--menu:visited:hover{color:#000 !important;background-color:#dcd6da}.ac-NavAnchor--menu:focus:hover,.ac-NavAnchor--menu:focus:hover *{background-color:#ff944d !important}.u-NavSite__sec--roles .u-NavSite__item{text-transform:none}.u-NavSite__sec--action .u-NavSite__itemContainer{border-radius:.1em;margin-bottom:1em;position:relative}.u-NavSite__sec--action .u-NavSite__itemContainer:not(:last-child){margin-right:1em}@media screen{.iconClose{border-bottom:0;height:3.75rem;padding:1em 1.1em 0;position:absolute;right:12.6vw;top:0;width:3.75rem;display:none !important;visibility:hidden !important}.u-NavSite--global{z-index:20}}@media screen and (min-width: 37.5em){.iconClose{right:3.75rem}}.iconClose{background:#fbf4f4;color:#000}.iconClose:focus,.iconClose:hover,.u-NavSite__level--navLink .u-NavSite__item:focus,.u-NavSite__level--navLink .u-NavSite__item:hover{background:#000;color:#fefefe}.g-NavSite__item--isCurrent,.g-NavSite__item--isCurrent:visited{background-color:#d7cfcc;color:#000}.u-NavSite__sec--action .u-NavSite__item{background-color:#641A2B}.u-NavSite__sec--action .u-NavSite__item:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;border:0.05em solid #e6e6e6;border-radius:.1em}.u-NavSite__item:focus,.u-NavSite__item:hover{background-color:#d7cfcc;color:#000}@media screen and (max-width: 37.5em){#g-navigation .u-NavSite{grid-template-areas:"site-menu"}#g-navigation .u-NavSite__level--navLink{grid-area:site-menu}#navigation .u-NavSite{padding-top:3.75rem;transform:translateY(-100%);transition:transform 1s;grid-template-areas:"global-menu"}#navigation .u-NavSite__level--1{padding-bottom:1em}#navigation .u-NavSite__level--navLink{grid-area:global-menu}#navigation:target{bottom:0;left:0;position:absolute;right:0;top:0;bottom:auto}#navigation:target>nav:after{border-bottom:solid 0.125em #fefefe;content:'';display:block}#navigation:target .u-NavSite{border:0;display:grid;position:absolute;transform:translateY(0%);transition:transform 1s;width:100%}#navigation:target .u-NavSite__level--navLink{display:block !important;visibility:visible !important;background-color:#ededed;display:flex !important;justify-content:flex-start;position:relative}#navigation:target .u-NavSite__level--navLink .u-NavSite__item{padding:.25em .75em .25em 2.5em;position:relative}#navigation:target .u-NavSite__level--navLink:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;border-top:solid .075em #8a2446}#navigation:target .iconClose{display:block !important;visibility:visible !important;z-index:110}.u-NavSite--global{z-index:101}#navigation .u-NavSite,#navigation .u-NavSite>*,#g-navigation .u-NavSite,#g-navigation .u-NavSite>*{border:0 !important;clip:rect(1px, 1px, 1px, 1px);height:1px !important;padding:0 !important;overflow:hidden;width:1px !important}#navigation:target .u-NavSite,#navigation:target .u-NavSite>*,#g-navigation:target .u-NavSite,#g-navigation:target .u-NavSite>*{clip:auto;height:auto !important;overflow:visible;width:100% !important}#g-navigation:target .u-NavSite,#navigation:target .u-NavSite{padding-top:3.75rem !important}#g-navigation .u-NavSite__sec--landing{padding-bottom:1em !important}}@media screen{#g-navigation:target .u-NavSite{border:0;display:grid;position:absolute;top:0;transform:translateY(0%);width:100%}#g-navigation:target{bottom:0;left:0;position:absolute;right:0;top:0;bottom:auto}#g-navigation:target>nav:after{border-bottom:solid 0.125em #fefefe;content:'';display:block}#g-navigation:target .u-NavSite__level--navLink{display:block !important;visibility:visible !important;background-color:#ededed;display:flex !important;justify-content:flex-start;position:relative}#g-navigation:target .u-NavSite__level--navLink .u-NavSite__item{padding:.25em .75em .25em 2.5em;position:relative}#g-navigation:target .u-NavSite__level--navLink:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;border-top:solid .075em #8a2446}#g-navigation:target .iconClose{display:block !important;visibility:visible !important;z-index:110}#g-navigation .u-NavSite,#navigation .u-NavSite{background-color:#63666A;border-top:solid 0.1em #fefefe}#g-navigation .u-NavSite__level--1:first-of-type,#navigation .u-NavSite__level--1:first-of-type{border-top:solid .075em #fff;padding-top:1em !important;margin-top:0}#g-navigation .u-NavSite--global,#g-navigation .u-NavSite__main,#navigation .u-NavSite--global,#navigation .u-NavSite__main{z-index:0}#g-navigation .u-NavSite__sec--action .u-NavSite__item:after,#navigation .u-NavSite__sec--action .u-NavSite__item:after{border-color:#fefefe}#g-navigation .u-NavSite__sec--landing,#navigation .u-NavSite__sec--landing{padding-bottom:1em}#g-navigation .u-NavSite__sec--roles,#navigation .u-NavSite__sec--roles{border-bottom:solid .075em #C6AA76 !important;margin-bottom:1em}.u-NavSite__level{padding-left:0}.u-NavSite__level--navLink{display:none !important;visibility:hidden !important}.u-NavSite__level--navLink .u-NavSite__item{color:#333}.u-NavSite__level--navLink .u-NavSite__item:after{background:url(/assets/images/page-menu-icon.png) 50% 50% no-repeat;background:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox=%220 0 24 18%22>") 50% 50% no-repeat;bottom:0;content:'';left:1em;position:absolute;top:0;width:1em}.u-NavSite__level--navLink .u-NavSite__item:focus:after,.u-NavSite__level--navLink .u-NavSite__item:hover:after{background:url(/assets/images/page-menu-icon-hover-focus.png) 50% 50% no-repeat;background:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox=%220 0 24 18%22>") 50% 50% no-repeat}#g-navigation .u-NavSite{padding-top:3.75rem;transform:translateY(-100%);transition:transform 1s}}@media screen and (min-width: 37.5em){.u-NavSite--global,.u-NavSite__main,.BannerCOVID19{z-index:0}.u-NavSite__level--navLink{display:none !important;visibility:hidden !important}}@media screen and (min-width: 37.5em){.u-NavSite__sec--action,.u-NavSite__sec--roles{z-index:1}.u-NavSite__sec--action .u-NavSite__item,.u-NavSite__sec--roles .u-NavSite__item{font-size:.9em}.u-NavSite__sec--action{margin-top:-5.375rem}.u-NavSite__sec--action .u-NavSite__item{padding:.4em .5em .33em}.u-NavSite__sec--landing .u-NavSite__item{padding:.5em .625em}.u-NavSite__sec--landing .u-NavSite__itemContainer{margin-right:0}}@media screen and (max-width: 0){.u-NavSite__sec--roles{margin-right:-.5em;margin-top:-2rem}.u-NavSite__sec--roles .u-NavSite__item{padding:.25em .5em}.u-NavSite__sec--action,.u-NavSite__sec--roles{position:absolute;right:5.5em}}@media screen and (min-width: 37.5em){.u-NavSite__main{padding-bottom:1em}.u-NavSite__sec--landing .u-NavSite__item:focus,.u-NavSite__sec--landing .u-NavSite__item:hover,.u-NavSite__sec--roles .u-NavSite__item:focus,.u-NavSite__sec--roles .u-NavSite__item:hover{background-color:#fefefe;color:#000}.u-NavSite__sec--landing{background-color:#641A2B;border-bottom:.25em solid #63666A;border-top:.075em solid #C6AA76}.u-NavSite__sec--landing .u-NavSite__item--isCurrent,.u-NavSite__sec--landing .u-NavSite__item--isCurrent:visited{background-color:#951829}.u-NavSite__sec--landing .u-NavSite__item--isCurrent:focus,.u-NavSite__sec--landing .u-NavSite__item--isCurrent:hover,.u-NavSite__sec--landing .u-NavSite__item--isCurrent:visited:focus,.u-NavSite__sec--landing .u-NavSite__item--isCurrent:visited:hover{background-color:#fefefe}}label[for="g-Search"]{left:-1px}@media screen and (max-width: 37.5em){.g-Search{height:3.75rem;width:12.6vw}.g-Search .icon:not(.g-Search__open){height:3.75rem;width:12.6vw}.g-Search__close{border:0;left:0;z-index:9}.g-Search__field{width:74.8vw;width:86%}.g-Search__form{height:100%;margin-left:12.6vw;position:relative;z-index:10}.g-Search__open{max-width:12.6vw;min-height:3.75rem;min-width:12.6vw;z-index:10}.g-Search__open:focus,.g-Search__open:hover{color:#000}.g-Search__open svg{min-width:1rem;width:50%}.g-Search__submit{right:0;z-index:12}.g-Search__submit svg{width:50%}}@media screen{#g-Search .g-Search__close{display:flex;justify-content:center}#g-Search:target{width:100%}#g-Search:target .g-Search__open{display:none !important;visibility:hidden !important}.g-Search{position:absolute;top:0;right:0;transition:width .75s ease-in-out}.g-Search .icon{position:absolute;top:0}.g-Search .icon:focus,.g-Search .icon:hover{cursor:pointer}.g-Search__close:focus,.g-Search__close:hover{color:#000}.g-Search__close svg{width:50%}.g-Search__field{border:0;height:100%;height:3.75rem;padding:2%}.g-Search__open{border:0;display:flex;justify-content:center;right:0}.g-Search__submit{border:0;padding:0}.g-Search__submit svg{padding:0}}@media screen and (min-width: 37.5em){#g-Search{border-left:solid .033em #999;height:3.75rem;max-width:27.5em;width:0;z-index:2}.g-Search{display:flex}.g-Search__close{display:none !important;visibility:hidden !important;border-left:solid .033em #ccc;height:3.75rem;right:0;width:3.75rem}.g-Search__close:after{background-size:40%;border-right:0;width:3.75rem}#g-Search:target .g-Search__close{display:block !important;visibility:visible !important;display:flex !important}.g-Search__field{border-bottom-left-radius:.5em !important;border-top-left-radius:.5em !important;height:2.125em;max-width:23em;width:100%}.g-Search__form{align-items:center;border-radius:.5em;display:flex;margin-left:5%;width:76%}.g-Search__open{display:block !important;visibility:visible !important;display:flex !important;height:3.75rem;width:3.75rem}.g-Search__open:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;border-left:solid .033em #999}.g-Search__open svg{width:50%}.g-Search__submit:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;left:-.033em;border-left:solid .033em}.g-Search__submit.icon{border-bottom-right-radius:.5em;border-top-right-radius:.5em;height:2.125em;position:relative;width:10%}.g-Search__submit.icon svg{width:45%}}::-webkit-input-placeholder{color:#746661;font:200 1em Helvetica,Arial}::-moz-placeholder{color:#746661;font:200 1em Helvetica,Arial}:-ms-input-placeholder{color:#746661;font:200 1em Helvetica,Arial}[placeholder]:focus::-webkit-input-placeholder{color:transparent}:hover::-webkit-input-placeholder{color:#000}:hover::-moz-placeholder{color:#000}:hover:-ms-input-placeholder{color:#000}:hover::-ms-input-placeholder{color:#000}:hover::placeholder{color:#000}[for="g-Search__field"]{background-color:#fff}.g-Search__field{background-color:#fff}.g-Search__field:hover,.g-Search__field:focus{background-color:#fffee5}.g-Search .icon{background-color:#8f192b;color:#fefefe;line-height:0}.g-Search .icon:focus,.g-Search .icon:hover{background-color:#d7cfcc;color:#000}@media screen and (min-width: 37.5em){.g-Search{background-color:#8f192b}.g-Search .g-Search__submit{background-color:#fff;color:#8a2446}}.ac-NavAnchor--top{padding:.75rem 0 .5rem;text-align:center;text-decoration:none}.ac-NavAnchor--top svg{height:.75em;margin-bottom:.15em}@media screen{.ac-NavAnchor--top{border-bottom:0;bottom:2rem;position:fixed;margin-right:-.25em;right:0;width:4em}.ac-NavAnchor--top,.ac-NavAnchor--top svg{display:block !important;visibility:visible !important;z-index:100}.ac-NavAnchor--top,.button-bar,.js .ac-NavAnchor--top.is-visible,.js .button-bar.is-visible{opacity:1;pointer-events:auto;transition:all .25s ease-out}.js .ac-NavAnchor--top,.js .ac-NavAnchor--top.is-hidden,.js .button-bar,.js .button-bar.is-hidden{opacity:0;pointer-events:none;transform:translateY(-50%)}}.ac-NavAnchor--top{background-color:#8f192b;color:#e6e6e6}.ac-NavAnchor--top path{fill:#e6e6e6}.ac-NavAnchor--top:visited{color:#e6e6e6}.ac-NavAnchor--top:hover,.ac-NavAnchor--top:focus,.ac-NavAnchor--top:active{background-color:#d7cfcc;color:#333;opacity:1 !important}.ac-NavAnchor--top:hover path,.ac-NavAnchor--top:focus path,.ac-NavAnchor--top:active path{fill:#333}.ac-NavAnchor--top:hover:after,.ac-NavAnchor--top:focus:after,.ac-NavAnchor--top:active:after{border-color:#333}.ac-NavAnchor--top:active{background-color:#ee6911;color:#000}.ac-NavAnchor--top:active path{fill:#000}.u_Article__postedBy{font-size:.9em;font-style:italic;padding-top:1em}.NewsContact,.u-ArticleNavGroup{margin-bottom:1em;text-align:center}.NewsContact .NewsContact__heading,.u-ArticleNavGroup__navButton{font:normal 350 1.75em/1 "acumin-pro-extra-condensed","Arial Narrow","Helvetica Condensed";letter-spacing:.03em;text-transform:uppercase}.u-ArticleGroup--news .u-ArticleListItem{border-top:0.05em dashed rgba(116,102,97,0.5);margin-bottom:.75em;padding-top:.75em}.u-ArticleListItem__label--dateline{color:#666;display:inline-block;font-size:.9em;font-style:italic;margin-bottom:.33em}.u-ArticleListItem__link{border-bottom:0 !important;display:block;overflow:hidden;padding:1em 5%;text-decoration:none !important}.u-ArticleListItem__summary{margin-bottom:0;overflow:hidden}.u-ArticleListItem__title{line-height:1.25;margin-bottom:0}.u-ArticleListItem__title{font-size:1.2em}.u-ArticleListItem__title+.u-ArticleListItem__label--dateline{margin-top:.25em}.u-ArticleNavGroup{border-top:0.05em dashed rgba(116,102,97,0.5);padding-top:2em}.u-newsInner .u-Article__title{font-size:1.5em;line-height:1.3}.u-newsInner .u-Article__title+.u_Article__content{padding-top:1.25em}@media screen and (min-width: 37.5em){.u-ArticleListItem__thumbnail{float:left;margin:.33em 4% 2.5% 0;width:40%}}.u-ArticleListItem__link{position:relative}.u-ArticleListItem__link .u-ArticleListItem__summary{color:#444}.u-ArticleListItem__link:hover,.u-ArticleListItem__link:focus{background-color:#ece9eb}.u-ArticleListItem__link:hover:after,.u-ArticleListItem__link:focus:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;border:solid .05rem #756761;border-color:rgba(117,103,97,0.3)}.NewsGrid .Row{border-top:solid 1px #dfdcda;display:flex;flex-direction:column;padding:3% 0}.NewsGrid--features{width:100%}.NewsGrid--features .u-ArticleListItem__link{margin-top:-.225em}.NewsGrid--features .u-ArticleListItem__thumbnail{float:none;margin:0 0 .5em;width:100%}.NewsGrid--standard{width:100%}.NewsGrid--standard .u-ArticleListItem__title{margin-bottom:0}@media screen and (min-width: 35em){.NewsGrid .Row{flex-direction:row}.NewsGrid--features{flex:0 1 60%}.NewsGrid--features:first-child:last-child{flex:0 1 auto}.NewsGrid--features+.NewsGrid--standard{border-left:1px solid #dfdcda;margin-left:2.5%;padding-left:2.5%;flex:0 1 40%}.NewsGrid--standard{font-size:80%}}@media screen and (min-width: 56.25em){.Row--col2{align-items:stretch;display:grid;grid-column-gap:5%;grid-row-gap:0;grid-template-areas:"colHeader colHeader" "col1 col2";grid-template-columns:1fr 1fr;grid-template-rows:auto;justify-items:stretch}.Row--col2>:first-child:not(.Module--halfWidth){grid-area:colHeader}.Row--col2 .Module--halfWidth:first-child{grid-area:col1}.Row--col2 .Module--halfWidth:last-child{grid-area:col2}}@media screen{.Row{margin-left:auto;margin-right:auto;max-width:48rem;width:100%}.Row .Module__desc p:last-child:not(:first-child){margin-bottom:0}.Row [id]{scroll-margin-top:2em}}@media screen{.RowContainer{padding:0.5em 5%}.RowContainer:not(.PageNavContainer){align-items:center;display:flex;flex-flow:column}.bg{background-repeat:no-repeat;background-position:center;background-size:cover;padding:4em 5%}.RowContainer.bg+.RowContainer:not(.bg){padding-top:4em}.RowContainer:not(.bg)+.RowContainer.bg{margin-top:3.5em}.RowContainer:first-of-type{padding-top:0}.RowContainer:last-of-type:not(.bg){padding-bottom:4em}}.Share{margin:5% 0;text-align:center}.Share path{transition:fill 100ms ease-in}.Share__item:hover,.Share__item:focus{background-color:inherit}.Share__item:hover path[fill],.Share__item:hover rect[fill^="#fff"],.Share__item:focus path[fill],.Share__item:focus rect[fill^="#fff"]{fill:#ccc}.Share__item:hover path[fill^="#fff"],.Share__item:hover circle[fill],.Share__item:hover path[fill^="#666"],.Share__item:focus path[fill^="#fff"],.Share__item:focus circle[fill],.Share__item:focus path[fill^="#666"]{fill:#333}.Share__itemContainer{display:inline-block;padding:.5%}@media screen and (min-width: 32em){.Share__itemContainer{width:9%}}.ShareGroup{padding-left:0}.SocialAccount__iconList{text-align:center}.u-ExtendedFooter__list{list-style:none;margin-top:.5em;padding-left:0}.u-ExtendedFooter__list li{margin-bottom:0}.u-ExtendedFooter__listHeader{margin-bottom:.25em;margin-top:0;padding-top:0;color:#d9d9d9;font:normal 300 1.75em/1.1 "acumin-pro-extra-condensed","Arial Narrow","Helvetica Condensed";text-transform:uppercase;letter-spacing:.03em}.u-ExtendedFooter__listItemLink{font-family:"Source Sans Variable","acumin-pro",Arial,Helvetica;display:block;font-weight:350;padding:.33em 0}@media screen and (min-width: 37.5em){.SocialAccount__iconList{text-align:right}}@media screen{.SocialAccount__iconList{list-style:none;margin-bottom:1.5em;padding-left:0}.SocialAccount__iconList .u-ExtendedFooter__listItemLink{display:inline-block}.SocialAccount__iconList .u-ExtendedFooter__listItemLink:focus,.SocialAccount__iconList .u-ExtendedFooter__listItemLink:hover{background-color:#fefefe}.SocialAccount__iconContainer{display:inline-block;margin-left:.5em}.SocialAccount__iconTarget{display:block;height:auto;line-height:0;position:relative;width:2.5em}.SocialAccount__iconTarget:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;border:solid .075em #fff}.SocialAccount__iconTarget:focus,.SocialAccount__iconTarget:hover{background-color:inherit}.SocialAccount__iconTarget:focus:before,.SocialAccount__iconTarget:hover:before{border-color:#000}.SocialAccount__iconTarget:focus path[fill],.SocialAccount__iconTarget:focus rect[fill^="#fff"],.SocialAccount__iconTarget:hover path[fill],.SocialAccount__iconTarget:hover rect[fill^="#fff"]{fill:#ccc}.SocialAccount__iconTarget:focus path[fill^="#fff"],.SocialAccount__iconTarget:focus circle[fill],.SocialAccount__iconTarget:focus path[fill^="#666"],.SocialAccount__iconTarget:hover path[fill^="#fff"],.SocialAccount__iconTarget:hover circle[fill],.SocialAccount__iconTarget:hover path[fill^="#666"]{fill:#333}.SocialAccount__iconTarget circle,.SocialAccount__iconTarget path,.SocialAccount__iconTarget rect{transition:all 100ms ease-in}.SocialAccount__iconTarget[href*="instagram"]:focus,.SocialAccount__iconTarget[href*="instagram"]:hover{background-color:#333}.u-ExtendedFooter__listContainer{padding:1em}.u-ExtendedFooter__listGroup{margin:5.5em 5%;padding:1em;text-align:left}}.u-ExtendedFooter__listItemLink--socialMedia{color:#fff;padding-left:.5em;padding-right:.5em}.u-ExtendedFooter__listItemLink--socialMedia:visited{color:#fff}@media screen and (min-width: 25em){.u-ExtendedFooter__listGroup{display:flex;flex-wrap:wrap}.u-ExtendedFooter__listContainer{flex-basis:50%}}@media screen and (min-width: 37.5em){.u-ExtendedFooter__listContainer{flex-basis:33%}}@media screen and (min-width: 62.5em){.u-ExtendedFooter__listContainer{flex-basis:20%}}.SocialAccount__iconTarget:link{border-bottom:none}.u-ExtendedFooter__listGroup{background-color:#000;background-color:rgba(0,0,0,0.85)}.u-lHeader{background-size:cover;background-position:center top;margin-bottom:2em;padding:14% 8% 0 0}@media screen and (min-width: 37.5em){.u-lHeader{margin-bottom:0}}.u-lMain .Row__title,.u-lMain h2{font-size:1.3em;font-weight:700}.u-lMain h3,.u-lMain .h3{font-size:1.1em;font-weight:600}.u-lMain ul{list-style:square}.u-lMain .intro{font-size:1.15em}.u-Masthead__siteName{line-height:0;margin-bottom:0}.u-Masthead__siteName--link{background-color:#000;background-color:rgba(0,0,0,0.85);display:inline-block;padding:.25rem 3% 1.25rem;margin-left:5%;transition:background-color}@media screen and (max-width: 18em){.u-Masthead__head{word-break:break-word}}.u-Masthead__head{text-transform:uppercase;letter-spacing:.03em;display:inline-block;font-family:"acumin-pro-extra-condensed","Arial Narrow","Helvetica Condensed";font-weight:200;font-size:4rem;line-height:1;margin-bottom:0;padding-top:0}.u-Masthead__subhead{color:#fefefe;display:block;line-height:1.3;margin-top:.25em}@media screen and (min-width: 37.5em){.u-Masthead{display:flex;justify-content:flex-end;flex-direction:column;min-height:15rem;max-width:53rem}.u-Masthead__head{font-size:7rem}.u-Masthead__siteName--link{align-self:flex-end}.u-Masthead__subhead{font-size:1.2rem}}@media screen and (min-width: 56.25em){.u-Masthead [class*=icon-] img,.u-Masthead [class*=icon-] svg{display:none !important;visibility:hidden !important}}.u-lHeader:not(.u-lHeader--inner) .u-Masthead__head{color:#fefefe}.u-lHeader:not(.u-lHeader--inner) a.u-Masthead__siteName--link{color:#fefefe}.u-lHeader:not(.u-lHeader--inner) a.u-Masthead__siteName--link:visited{color:#fefefe}.u-lHeader:not(.u-lHeader--inner) a.u-Masthead__siteName--link:focus{color:#fefefe}.u-lHeader:not(.u-lHeader--inner) a.u-Masthead__siteName--link:hover{color:#fefefe}.u-lHeader:not(.u-lHeader--inner) a.u-Masthead__siteName--link:active{color:#fefefe}.u-lHeader:not(.u-lHeader--inner) a.u-Masthead__siteName--link:focus,.u-lHeader:not(.u-lHeader--inner) a.u-Masthead__siteName--link:hover{background-color:#641A2B}.u-Masthead__siteName--link:link{border-bottom:none}.u-Masthead__subhead a,.u-Masthead__subhead a:visited{color:#fefefe;border-color:#fefefe}.u-Masthead__subhead a:focus,.u-Masthead__subhead a:hover{color:#333}.u-pageInner .u-Masthead--academic .u-Masthead__head:focus,.u-pageInner .u-Masthead--academic .u-Masthead__head:hover{background-color:#dcd6da;color:#333 !important;cursor:pointer !important}.u-pageHome .u-Masthead--academic .u-Masthead__head:focus,.u-pageHome .u-Masthead--academic .u-Masthead__head:hover{cursor:text !important}.u-Masthead--academic .g-Masthead__ID{left:0}.u-Masthead--academic .g-Masthead__vassar--link{left:0;margin-right:2.5rem;padding-left:0;padding-right:0;top:0;width:auto}.u-Masthead--academic .u-Masthead__head{font-size:2.5rem}.u-Masthead--academic .u-Masthead__head:before{border-left:solid .1rem #fff;bottom:15%;content:'';margin-left:-1.5rem;position:absolute;top:15%}.u-Masthead--academic .u-Masthead__siteName--link{align-items:center;display:inline-flex;flex-wrap:wrap;overflow:hidden;padding:1.25rem;position:relative}.u-pageTitle{font-family:"acumin-pro-extra-condensed","Arial Narrow","Helvetica Condensed";line-height:1;padding-bottom:.5em}.u-pageTitle{font-size:4em;margin-bottom:0;margin-top:0}@media screen{.u-Video{height:0;overflow:hidden;position:relative;padding-bottom:56.25%}.u-Video--4x3{padding-bottom:75%}.u-Video--16x9{padding-bottom:56.25%}.u-Video iframe{height:100%;left:0;position:absolute;top:-1px;width:100%}}@media screen{.Galleria{padding:0}.Galleria .Row{max-width:none}.is-galleria .galleria{height:0;overflow:hidden}.Gallery--fallback{padding:2% 5%;position:relative;text-align:center}.Gallery--fallback img{border:solid 1px #333;margin-bottom:2%;width:auto}.Gallery--fallback .figure{background-color:#fefefe;border:solid 1px #bbb;margin-bottom:1em;padding:1% 1% 2%}.Gallery--loading{color:#fff;display:block !important;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%)}.galleria-container canvas{z-index:99 !important}.galleria--content{background-color:#000;display:block !important;margin:0 0 2.5%;position:relative}.galleria-errors{visibility:hidden}.galleria-info-title a,.galleria-info-description a{position:relative;z-index:1100}.galleria-info-description.u-Figure__caption--description a{border-bottom:.0875rem solid #fff;color:#fff}.galleria-info-description.u-Figure__caption--description a:hover{border-bottom:.0875rem solid #ED6707;color:#ED6707}.u-Galleria__caption{cursor:auto;display:block}.u-Gallery__link{margin-top:.5em}.u-Gallery__link .icon-slideshow svg{width:1.4em}.u-Gallery__modalThumbnail{margin:0 0 1em 0;overflow:hidden}.u-Gallery__modalThumbnail .u-Figure__caption{margin-top:.5em}}.u-lHeader--inner{background-image:none !important;padding:0.5em 5%;padding-bottom:1em}.u-lHeader--inner .u-Masthead{border-bottom:.0875rem solid #BFB9B0;letter-spacing:normal;margin-left:auto;margin-right:auto;max-width:48rem;text-transform:none}@media screen and (min-width: 37.5em){.u-lHeader--inner .u-Masthead{min-height:0}}.u-lHeader--inner .u-Masthead__head{display:inline-block;font-family:"Source Sans Variable","acumin-pro",Arial,Helvetica;font-size:1em;font-weight:600;letter-spacing:normal;line-height:1.4;margin-bottom:0;margin-top:1em;text-transform:none;top:0}.u-lHeader--inner .u-Masthead__siteName{font-family:Arial, Helvetica;font-size:2.7em;font-weight:bold;letter-spacing:0;min-height:0;max-width:none;text-transform:none}.u-lHeader--inner .u-Masthead__siteName--link{background-color:transparent;margin-left:0;padding-left:0}.u-lHeader--inner .u-Masthead__siteName--link:visited,.u-lHeader--inner .u-Masthead__siteName--link:link{color:#861f41}.u-lHeader--inner .u-Masthead__subhead{display:none !important;visibility:hidden !important}@-webkit-keyframes zoom-in{0%{opacity:0;transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}@keyframes zoom-in{0%{opacity:0;transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}.animate,[class*="animate-"]{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:zoom-in;animation-name:zoom-in;opacity:0}.animate-stop{-webkit-animation:none;animation:none}.top-66pfrom-topOfWindow,.top-75pfrom-topOfWindow{-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:zoom-in;animation-name:zoom-in}.animate-onload,.top-75pfrom-topOfWindow{-webkit-animation-delay:0s;animation-delay:0s}@media (prefers-reduced-motion: reduce){.animate,[class*="animate-"]{opacity:1}.animate-onload,.top-66pfrom-topOfWindow,.top-75pfrom-topOfWindow{-webkit-animation:none !important;animation:none !important}}@font-face{font-display:swap;font-family:'Source Sans Variable';font-weight:200 900;font-stretch:normal;src:url(/assets/fonts/SourceSansVariable-Roman.ttf.woff2) format("woff2 supports variations"),url(/assets/fonts/SourceSansVariable-Roman.ttf.woff2) format("woff2-variations"),url(/assets/fonts/SourceSansVariable-Roman.ttf.woff) format("woff"),url(/assets/fonts/SourceSansVariable-Roman.ttf) format("truetype")}@font-face{font-display:swap;font-family:'Source Sans Variable';font-weight:200 900;font-style:italic;font-stretch:normal;src:url(/assets/fonts/SourceSansVariable-Italic.ttf.woff2) format("woff2 supports variations"),url(/assets/fonts/SourceSansVariable-Italic.ttf.woff2) format("woff2-variations"),url(/assets/fonts/SourceSansVariable-Italic.ttf.woff) format("woff"),url(/assets/fonts/SourceSansVariable-Italic.ttf) format("truetype")}em{font-style:italic}@supports (font-variation-settings: normal){em{font-variation-settings:'ital' 1}}.bold,strong{font-weight:bold}@supports (font-variation-settings: normal){.bold,strong{font-weight:600}}:root{font-family:"Source Sans Variable","acumin-pro",Arial,Helvetica;font-weight:normal;font-size:100%}@supports (font-variation-settings: normal){:root{font-weight:350}}th{font-weight:600}b{font-weight:350}abbr,.numbers{letter-spacing:.01em}abbr{font-feature-settings:"kern", "liga", "clig", "calt", "c2sc", "smcp"}@supports (font-variant-caps: all-small-caps){abbr{font-size:1.1em;font-variant-caps:all-small-caps;line-height:1}}@supports ((-webkit-font-kerning: normal) or (font-kerning: normal)) and (font-variant-ligatures: common-ligatures contextual) and (font-variant-numeric: oldstyle-nums proportional-nums){:root{-webkit-font-kerning:normal;font-kerning:normal;font-variant-ligatures:common-ligatures contextual;font-variant-numeric:oldstyle-nums proportional-nums;font-feature-settings:normal}}.Row__title{font-size:3em;margin-bottom:.25em;margin-top:0;transform:scaleY(1)}.u-lMain{font-size:1.125em;line-height:1.35}@media (max-width: 50em) and (min-width: 25em){.u-lMain:not(.PageNav){line-height:calc( 1.35em + ( 1.45 - 1.35 ) * ( ( 100vw - 25em ) / ( 50 - 25 ) ));font-size:calc( 1.125em + ( 1.325 - 1.125 ) * ( ( 100vw - 25em ) / ( 50 - 25 ) ))}.Module__title{line-height:1.4}}@media (min-width: 50em){.u-lMain{font-size:1.325em;line-height:1.45}}@media screen{.BannerCOVID19{grid-area:banner-covid19}.g-Masthead{grid-area:global-masthead}.kint-container{grid-area:kint-container}.NavGlobal{grid-area:global-navigation}.NavSite{grid-area:site-navigation}body{align-items:stretch;display:grid;grid-column-gap:0;grid-row-gap:0;grid-template-areas:"kint-container" "banner-covid19" "global-masthead" "global-navigation" "header" "site-navigation" "main" "footer";grid-template-columns:100%;grid-template-rows:auto;justify-items:stretch}}@media screen and (max-width: 37.5em){body{grid-template-areas:"kint-container" "global-masthead" "banner-covid19" "header" "main" "site-navigation" "global-navigation" "footer"}}@media screen{.u-lFooter{grid-area:footer}.u-lHeader{grid-area:header}.u-lMain{grid-area:main}}.bgArgyle,.vassar_argyle{background-color:#fff;background-image:repeating-linear-gradient(120deg, rgba(137,36,68,0.08), rgba(137,36,68,0.08) 2px, transparent 2px, transparent 120px),repeating-linear-gradient(60deg, rgba(137,36,68,0.08), rgba(137,36,68,0.08) 2px, transparent 2px, transparent 120px),linear-gradient(60deg, rgba(65,58,57,0.04) 25%, transparent 25%, transparent 75%, rgba(65,58,57,0.04) 75%, rgba(65,58,57,0.04)),linear-gradient(120deg, rgba(65,58,57,0.04) 25%, transparent 25%, transparent 75%, rgba(65,58,57,0.04) 75%, rgba(65,58,57,0.04));background-position:0 0;background-repeat:repeat;background-size:140px 240px}.bgArgyle p,.vassar_argyle p{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bg-arts{background-image:url(/assets/images//arts-caad-bg.jpg)}.bg-finaid-banner{background-image:url(/assets/images//banners/finaid-banner.jpg)}.bgGray{background:#f8f7f6}.bg-image-after-vassar{background-image:url(/assets/images//banners/after-vassar-photo.jpg)}.bg-image-diversity{background-image:url(/assets/images//banners/apply_lower.jpg)}.bg-image-library{background-image:url(/assets/images//banners/apply-library.jpg)}.bg-image-students{background-image:url(/assets/images//banners/contact-askstudent-students.jpg)}.bg-image-studentemployment{background-image:url(/assets/images//campuslife-Post-Office-0709-JA_5268.jpg)}.bg-image-tour-library{background-image:url(/assets/images//banners/visit-tourInLib.jpg)}.bgStars,.vassar_stars{background:linear-gradient(324deg, #f8f7f7 4%, transparent 4%) -70px 43px,linear-gradient(36deg, #f8f7f7 4%, transparent 4%) 30px 43px,linear-gradient(72deg, #fff 8.5%, transparent 8.5%) 30px 43px,linear-gradient(288deg, #fff 8.5%, transparent 8.5%) -70px 43px,linear-gradient(216deg, #fff 7.5%, transparent 7.5%) -70px 23px,linear-gradient(144deg, #fff 7.5%, transparent 7.5%) 30px 23px,linear-gradient(324deg, #f8f7f7 4%, transparent 4%) -20px 93px,linear-gradient(36deg, #f8f7f7 4%, transparent 4%) 80px 93px,linear-gradient(72deg, #fff 8.5%, transparent 8.5%) 80px 93px,linear-gradient(288deg, #fff 8.5%, transparent 8.5%) -20px 93px,linear-gradient(216deg, #fff 7.5%, transparent 7.5%) -20px 73px,linear-gradient(144deg, #fff 7.5%, transparent 7.5%) 80px 73px;background-color:#f8f7f7;background-size:100px 100px}.bg-vassarlogo{background:#d4cfce url(/assets/images//bg-pattern-vc-white.png) repeat;background-size:9em}.bgPlaid,.vassar_plaid{background-size:cover;background:#ebe9e8 url(/assets/images//about-mission-bg.png) repeat}.bgPlaid p,.vassar_plaid p{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body{background-color:transparent}:root{background-color:#fff;color:#444}.Dark{background-color:#000;color:#fefefe}.Dark a:link{color:#fefefe;border-color:#fefefe;-webkit-text-decoration-color:#ccc;text-decoration-color:#ccc}.Dark a:focus,.Dark a:hover{color:#333;background-color:#fefefe;border-color:#c1b5b0;-webkit-text-decoration-color:transparent;text-decoration-color:transparent}.Dark a:visited{color:#a5a5a5}.Dark a:visited:focus,.Dark a:visited:hover{color:#333;background-color:#a5a5a5}.Dark--scrim{background-color:#000;color:#fefefe}.Dark--scrim a:link{color:#fefefe;border-color:#fefefe;-webkit-text-decoration-color:#ccc;text-decoration-color:#ccc}.Dark--scrim a:focus,.Dark--scrim a:hover{color:#333;background-color:#fefefe;border-color:#c1b5b0;-webkit-text-decoration-color:transparent;text-decoration-color:transparent}.Dark--scrim a:visited{color:#a5a5a5}.Dark--scrim a:visited:focus,.Dark--scrim a:visited:hover{color:#333;background-color:#a5a5a5}.Dark--scrim .Row{background-color:rgba(0,0,0,0.8);padding:1em 3%}.Dark--bgScrim{background-color:#000;color:#fefefe;position:relative}.Dark--bgScrim a:link{color:#fefefe;border-color:#fefefe;-webkit-text-decoration-color:#ccc;text-decoration-color:#ccc}.Dark--bgScrim a:focus,.Dark--bgScrim a:hover{color:#333;background-color:#fefefe;border-color:#c1b5b0;-webkit-text-decoration-color:transparent;text-decoration-color:transparent}.Dark--bgScrim a:visited{color:#a5a5a5}.Dark--bgScrim a:visited:focus,.Dark--bgScrim a:visited:hover{color:#333;background-color:#a5a5a5}.Dark--bgScrim:after{background-color:rgba(0,0,0,0.6);bottom:0;content:'';left:0;position:absolute;right:0;top:0;z-index:0}.Dark--bgScrim>*{position:relative;z-index:1}.align-right{float:right;margin-left:5%}.align-left{float:left;margin-right:5%}.PageNav{border:1px solid #c1c1c1;max-width:48em;margin-bottom:2em}.PageNav .Module__link{border-bottom:0;display:inline-block;padding:.175em 0}.PageNav .Module__link:visited{color:#8a2446}.PageNav .Module__list{margin:0;padding-left:0;text-align:center}.PageNav .Module__listItem{display:inline-block}.PageNav .Module__title{display:inline-block;font-size:.8em;margin-bottom:0;padding-left:.5em}.PageNav .Module__title:after{border-right:.0875rem solid #bfb9b0;content:"";font-weight:350;margin-left:.5em}.PageNav .Module__listItem:last-child .Module__title:after{border-right:0;content:""}.PageNavContainer{padding-bottom:0;padding-top:0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.PageNavContainer .Row{background:#f0eeeb}.PageNavContainer .Module__title{font-family:"Source Sans Variable","acumin-pro",Arial,Helvetica;line-height:1.1;padding-top:0}@supports (font-variation-settings: normal){.PageNavContainer .Module__title{font-weight:400}}.NavInline nav{background-color:#fefaf6;border:solid 0.075rem #cca066;padding:1em 5%}.NavInline ul{font-size:.9em;margin-bottom:0;overflow:hidden;padding-left:0}.NavInline li{display:inline-block;margin:0 .6em .25em -.35em}.NavInline li:before{content:"|";margin-right:.25em}.NavInline--3col nav{background-color:#fefaf6;border:solid 0.075rem #cca066;padding:1em 5%}.NavInline--3col ul{font-size:.9em;margin-bottom:0;overflow:hidden;padding-left:0}.NavInline--3col li{display:inline-block;margin:0 .6em .25em -.35em}.NavInline--3col li:before{content:"|";margin-right:.25em}.NavInline--3col li{display:block;margin:0 0 .5em}.NavInline--3col li:before{content:'';margin:0}@media screen and (min-width: 37.5em){.NavInline--3col ul{-webkit-column-count:3;-moz-column-count:3;column-count:3}.NavInline--3col li{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid-column}}.u-NavSite__level--2{background:#f0eeeb}.u-NavSite__level--2 .u-NavSite__item{padding:.3em .5em;font-size:1.1em;color:#3a312d}.u-NavSite__level--2 .u-NavSite__item:focus,.u-NavSite__level--2 .u-NavSite__item:hover,.u-NavSite__level--2 .u-NavSite__item:visited:focus,.u-NavSite__level--2 .u-NavSite__item:visited:hover,.u-NavSite__level--2 .u-NavSite__item.u-NavSite__item--isCurrent{background:#fefefe}.u-NavSite__item[class*='icon-']:focus svg,.u-NavSite__item[class*='icon-']:hover svg{transform:scale(1.1)}.PageNav a:focus,.PageNav a:hover{background-color:#dcd6da}@media (min-width: 56.25em){.secondLevelNavSplit body{grid-template-areas:"banner-covid19 banner-covid19" "global-masthead global-masthead" "global-navigation global-navigation" "header header" "site-navigation site-navigation" "navigation-secondary main" "footer footer";grid-template-columns:20em 1fr}}.secondLevelNavSplit .u-NavSite__level--2{font-weight:600;padding:2em 2em 2em 4em;position:static;text-align:left}.secondLevelNavSplit .u-NavSite__secondary{grid-area:navigation-secondary}.secondLevelNavSplit .u-NavSite__secondary .u-NavSite__itemContainer{width:100%}@media screen and (min-width: 56.25em){.secondLevelNavSplit .Row,.secondLevelNavSplit .u-pageTitle{margin-left:0;max-width:36em}.secondLevelNavSplit .u-NavSite__level--2{justify-content:flex-start;position:-webkit-sticky;position:sticky;top:0}.secondLevelNavSplit .u-pageTitle{padding-left:5%;padding-right:5%}}.secondLevelNavSplit .u-NavSite__item{border-bottom:0}.secondLevelNavSplit .u-NavSite__level--2 .u-NavSite__item:focus,.secondLevelNavSplit .u-NavSite__level--2 .u-NavSite__item:visited:focus,.secondLevelNavSplit .u-NavSite__level--2 .u-NavSite__item:hover,.secondLevelNavSplit .u-NavSite__level--2 .u-NavSite__item:visited:hover,.secondLevelNavSplit .u-NavSite__level--2 .u-NavSite__item--isCurrent{background-color:#fff !important}@media screen{#g-Search{border-left:0}.ac-NavAnchor--menu{line-height:0;overflow:hidden;right:0}.ac-NavAnchor--menu:after{border-bottom:solid .0875rem !important;border-left:solid .0875rem !important;bottom:0;content:'';left:0;position:absolute;right:0;top:0}.ac-NavAnchor--menu svg{height:3.75rem}.g-Search__open,.g-Search__submit{margin-right:-.0875rem;margin-right:-.05rem}.g-Search__open:after,.g-Search__submit:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;border:solid .0875rem;border-top:0}.g-Search__close{margin-left:.05rem}.iconClose{right:0}.menu{font-size:.8em;left:.2rem;line-height:1;position:absolute;top:2.5rem;width:100%;width:calc(100% - .4rem)}#g-navigation .u-NavSite__level--1:first-of-type{padding-top:1.5em !important}}@media screen and (max-width: 37.5em){#g-Search{border-left:0;right:12.6vw}#g-Search:target{width:calc( 100% - 12.6vw)}#g-Search:target .g-Search__field{width:86%}#navigation .u-NavSite__level--1{padding-top:1em}#navigation:target .iconClose,#g-navigation:target .iconClose{display:flex !important}.ac-NavAnchor--menu{background-color:#8f192b}.ac-NavAnchor--menu,.iconClose{width:12.6vw}.ac-NavAnchor--menu svg{padding:.75em 28% 1.5em}.ac-skipLink[href="#g-navigation"]:active,.ac-skipLink[href="#g-navigation"]:focus{padding:1em !important}.iconClose{padding:0 3%}.u-NavSite{background-color:#8f192b !important}}@media screen and (min-width: 37.5em){#g-Search{right:3.75rem}#g-Search:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;border:solid .0875rem #fefefe;border-top:0;z-index:-1}.ac-NavAnchor--menu{width:3.75rem}.ac-NavAnchor--menu svg{padding:0 1em 1em}.ac-skipLink[href="#g-navigation"]{clip:auto;height:auto !important;overflow:visible;position:static !important;width:auto !important;position:absolute !important;height:3.75rem !important;width:3.75rem !important}.ac-skipLink[href="#navigation"],.ac-skipLink[href="#navigation"]>*{border:0 !important;clip:rect(1px, 1px, 1px, 1px);height:1px !important;padding:0 !important;overflow:hidden;position:absolute !important;width:1px !important}.ac-skipLink[href="#navigation"]:focus{background-color:#ffda24 !important;border:solid .33em #333 !important;color:#000 !important;transition:none}.g-Search__submit:after{border-bottom:0;border-right:0}.u-NavSite{border-top:0 !important}.u-NavSite--global{margin-top:-1px}#g-navigation .u-NavSite--global{border:0 !important;clip:rect(1px, 1px, 1px, 1px);height:1px !important;padding:0 !important;overflow:hidden;width:1px !important}#close-global-nav:target+.u-NavSite--global,#g-navigation:target .u-NavSite--global{clip:auto;height:auto !important;overflow:visible;width:auto !important;width:100% !important}#close-global-nav:target+.u-NavSite--global{display:grid;position:absolute}#close-global-nav:target+.u-NavSite--global,#g-navigation .u-NavSite--global{transform:translateY(-100%);transition:transform 1s}#navigation{clip:auto;height:auto !important;overflow:visible;width:100% !important}#g-navigation:target .u-NavSite--global .u-NavSite__level--navLink{display:none !important;visibility:hidden !important}.u-NavSite--global{background-color:#8f192b !important}.u-NavSite__main{background-color:transparent !important}#g-navigation .u-NavSite__sec--roles,#navigation .u-NavSite__sec--roles{border-bottom:0 !important}#g-navigation .u-NavSite__level--1:first-of-type,#navigation .u-NavSite__level--1:first-of-type{border-top:0}#g-navigation:target .u-NavSite__level--1:first-of-type,#navigation:target .u-NavSite__level--1:first-of-type{padding-top:1.5em !important}.u-NavSite__level--1:first-of-type{padding-top:0}.ac-skipLink[href="#g-navigation"]:active,.ac-skipLink[href="#g-navigation"]:focus{clip:auto;height:auto !important;overflow:visible;position:static !important;width:auto !important;border:0 !important;left:auto;height:3.75rem !important;width:3.75rem !important;position:absolute !important;background-color:#dcd6da !important}.ac-skipLink[href="#g-navigation"]:active .ac-skipLinkLabel,.ac-skipLink[href="#g-navigation"]:focus .ac-skipLinkLabel{border:0 !important;clip:rect(1px, 1px, 1px, 1px);height:1px !important;padding:0 !important;overflow:hidden;position:absolute !important;width:1px !important}}.u-NavSite__sec--landing{background-color:#8f192b}.g-Search__close{border-color:#fefefe !important}.g-Search__close:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;border-bottom:solid .0875rem}.iconClose{background-color:#8f192b;color:#fefefe}.iconClose:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;border-bottom:solid .0875rem #fefefe;border-left:solid .0875rem #fefefe}.iconClose:visited{color:#fefefe}.iconClose:focus,.iconClose:hover{background-color:#d7cfcc;color:#000}.iconClose:focus:after,.iconClose:hover:after{border-color:#000}@media screen and (min-width: 37.5em){[href="#g-navigation"],[href="#navigation"]{background-color:#8f192b}}@media (prefers-reduced-motion: reduce){#close-global-nav:target+.u-NavSite--global,#g-navigation .u-NavSite--global,.g-Search,#navigation:target .u-NavSite{transition-duration:0s}}@media print{:root{background:transparent !important;border:0 !important;box-shadow:none !important;margin:0 !important}#page *,#page *:after,#page *:before,#page *:first-letter,#page p,#page p:first-line,#page div:first-line,#page blockquote:first-line,#page li,#page li:first-line{background:transparent !important;border:0 !important;box-shadow:none !important;color:#000 !important;float:none !important;-webkit-filter:none !important;filter:none !important;height:auto !important;margin-left:0 !important;margin-right:0 !important;opacity:1 !important;padding-left:0 !important;padding-right:0 !important;position:static !important;text-align:left !important;text-shadow:none !important}#page address,#page article,#page blockquote,#page details,#page dialog,#page dd,#page div,#page dl,#page dt,#page fieldset,#page form,#page h1,#page h2,#page h3,#page h4,#page h5,#page h6,#page header,#page hgroup,#page hr,#page li,#page main,#page ol,#page p,#page pre,#page section,#page table,#page ul{display:block !important}#page a,#page abbr,#page acronym,#page audio,#page b,#page bdi,#page bdo,#page big,#page br,#page button,#page canvas,#page cite,#page code,#page data,#page datalist,#page del,#page dfn,#page em,#page embed,#page i,#page input,#page ins,#page kbd,#page label,#page map,#page mark,#page meter,#page noscript,#page object,#page output,#page picture,#page progress,#page q,#page ruby,#page s,#page samp,#page script,#page select,#page slot,#page small,#page span,#page strong,#page sub,#page sup,#page svg,#page template,#page textarea,#page time,#page u,#page tt,#page var,#page video,#page wbr{display:inline !important}#page *:not(a){border:0 !important;border-color:transparent !important}#page a:not(.u-Masthead__siteName--link){border-color:#000 !important;color:#000 !important;padding:0 !important;-webkit-text-decoration-color:#000 !important;text-decoration-color:#000 !important}#page a:not(.u-Masthead__siteName--link):visited{color:#000 !important}#page a[href^="http"]:not(.u-Masthead__siteName--link):not([href*="vassar.edu"]):after{content:" (" attr(href) ")" !important}#page abbr[title]:after{content:" (" attr(title) ")" !important}#page blockquote,#page pre{border:.125cm solid #999;page-break-inside:avoid !important}#page body{margin:2cm}#page h2,#page h3,#page p{orphans:3 !important;widows:3 !important}#page h2,#page h3,#page img,#page p,#page table,#page tr{page-break-inside:avoid !important}#page aside,#page figure,#page footer,#page iframe,#page img,#page nav,#page style,#page script,#page .ac-hiddenVisually,#page .ac-NavAnchor,#page .ac-skipLink,#page .icon-slideshow,#page .galleria,#page .Module__fullWidthPageNav,#page .nav,#page .NavGlobal>*:not(.g-Masthead__vassar),#page .SocialAccount__iconList,#page .u-Search,#page .g-Search,#page .twitter-timeline-container,#page .button-bar{display:none !important;visibility:hidden}#page .g-Masthead__ID svg{width:5cm}#page .g-Masthead{display:inline-block;margin:.75cm 0 .5cm !important}#page p{margin-bottom:1cm !important}#page thead{display:table-header-group !important}#page .u-ArticleList,#page .u-VCardContainer{text-align:center !important}#page ul,#page .u-lFooter,#page .u-lHeader,#page .u-lMain{padding:0 !important}#page .u-lHeader,#page h1{margin-top:0 !important}#page .u-pageTitle{margin-top:.5cm !important}#page .u-VCard__info{list-style:none}} /* DO NOT DELETE THE FOLLOWING If you're pasting compiled CSS from the main template-additions repo, you want to do that AFTER the block containing the banners. */ .u-lHeader{background-image:url(https://vassar.edu/assets/images/banners/masthead-6_Campus.jpg)}.ac-NavAnchor--menu svg{background-color:#951829}.ac-NavAnchor--menu:after{border:none}.galleria-theme-azur .galleria-info-description{margin:0;padding:1em}.u-NavSite__level--1:first-of-type{padding-top:0}.u-Masthead--academic .u-Masthead__head:before{transform:skewY(45deg)}.g-Masthead__vassar--link:focus,.g-Masthead__vassar--link:hover,.u-pageInner .u-Masthead--academic .u-Masthead__head:focus,.u-pageInner .u-Masthead--academic .u-Masthead__head:hover{background-color:transparent;color:#eee !important}.g-Masthead__vassar--link:focus path,.g-Masthead__vassar--link:hover path,.u-pageInner .u-Masthead--academic .u-Masthead__head:focus path,.u-pageInner .u-Masthead--academic .u-Masthead__head:hover path{fill:#eee !important}.u-Masthead--academic .g-Masthead__vassar--link{width:64%;margin-right:0}.u-Masthead--academic .u-Masthead__head{font-size:2rem;margin-left:3rem}.u-Masthead--academic .u-Masthead__head:before{bottom:5%;top:10%}@media screen and (min-width: 37.5em){.u-Masthead{max-width:40rem}.u-Masthead__head{margin-left:0}}@-webkit-keyframes shift-left{from{opacity:0;transform:translateX(-2em)}to{opacity:1;transform:translateX(0)}}@keyframes shift-left{from{opacity:0;transform:translateX(-2em)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes shift-right{from{opacity:0;transform:translateX(2em)}to{opacity:1;transform:translateX(0)}}@keyframes shift-right{from{opacity:0;transform:translateX(2em)}to{opacity:1;transform:translateX(0)}}.g-Masthead__ID,.u-Masthead__head{transform:translateX(0)}.g-Masthead__ID{-webkit-animation-name:shift-left;animation-name:shift-left;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:4s;animation-duration:4s}.u-Masthead__head{-webkit-animation-name:shift-right;animation-name:shift-right;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:4s;animation-duration:4s} /* BANNERS ======= */ .u-folderPrison-studies .u-lHeader { background-image: url(/africana-studies/assets/images/Act-Out-0809-BMR_9437-crop.jpg); } .u-folder50th-anniversary .u-lHeader { background-image: url(/africana-studies/assets/images/0133-19-11-kr-africana-studies-vassar-2143-banner.jpg); } .bg--urban-center:before { opacity: 0.1; background-image: url(/africana-studies/assets/images/Urban-Center_Black-Studies-SPC.jpg); } .u-pageHome.u-folderAfricana-studies .u-lHeader { background-image: url(/africana-studies/assets/images/black-studies-banner.jpg); background-position: center; /* background-image: url(/africana-studies/assets/images/banner-0066-19-05-kr-afrs-rashid-vassar-3975-crop.jpg); */ } .u-folderCourses .u-lHeader { background-image: url(/africana-studies/assets/images/banner-0066-19-05-kr-afrs-syedullah-vassar-4060-edit1-crop.jpg); background-image: url(/africana-studies/assets/images/0066-19-05-kr-afrs-syedullah-vassar-4073.jpg); } .u-folderBios .u-lHeader { background-image: url(/africana-studies/assets/images/banner-Lawrence-Mamiya-92-TF-1.jpg); } .u-folderWork .u-lHeader { background-image: url(/africana-studies/assets/images/20191101-vassar-celebrates-50-years-of-africana-studies-curriculum-with-three-day-conference.jpg); } .u-folderLectures-events .u-lHeader { background-image: url(/africana-studies/assets/images/1-struggles-sucesses-ym-0598-standard.jpg); } .u-folderHistory .u-lHeader { background-image: url(/africana-studies/assets/images/thomas-occupied-standard.jpg); } .u-folderArabic-culture .u-lHeader { background-image: url(/africana-studies/assets/images/arabic-activities.jpg); /* background-image: url(/africana-studies/assets/images/arabic-banner.jpg); */ } /* END DO-NOT-DELETE AREA */ /* PASTE COMPILED CSS BELOW. */ /* Colors ====== */ /* Specific uses ------------- The idea: some colors, in addition to being generic shades, also work best for certain circumstances. Using these variables instead of the actual color variable means: - the design is more consistently applied (say, one hover color for all buttons of type X, instead of different ones - it's more maintainable (if we realize that's not a good color, we can change it across the board) */ /* This library is required by the map-based approach to type styles. NOTE Compiling this file will throw an error, even though compiling files that refer to it will not throw errors. Still looking into this, but it's fine. */ /* ---- */ h2:first-of-type, h3:first-of-type, h4:first-of-type { margin-top: 0; } h1, h2, .u-folderBios h3, h3, h4, h5, h6 { margin: 1.4em 0 0.4em 0; } /* Any more specific things - small condensed - must come after the generics */ .u-BioList--contacts .Contact__nameLink { border: none; font-family: freight-big-pro; font-size: 2.2em; font-weight: normal; letter-spacing: -0.01em; text-decoration: none !important; } .caption { font-size: 0.8em; } .intro { font-size: 2em !important; font-family: freight-big-pro; line-height: 1.1; } .event__title { font-family: freight-big-pro; font-size: 1.6em !important; letter-spacing: 0 !important; } .event__title .subtitle { margin-top: 0.1em; } .event__description li, .event__description p { /* Generics */ font-size: 0.9em; line-height: 1.2; /* More specific combinations. This is in case a size needs a particular configuration. */ } .event__speakerBio { font-style: italic; } .event__speakerBio li, .event__speakerBio p { /* Generics */ font-size: 0.8em; /* More specific combinations. This is in case a size needs a particular configuration. */ } .event__dateTime > * { font-size: 0.8em; font-weight: 600; color: #896767; } .readMore { font-family: "Source Sans Variable", "acumin-pro", Arial, Helvetica; font-size: 1em; font-variation-settings: "wght" 760; text-decoration: none; } figcaption { font-size: 80%; line-height: 1.24; margin-top: 0.8em; max-width: 30em; } /* BANNERS ======= .u-folderPrison-studies .u-lHeader { background-image: url(/africana-studies/assets/images/Act-Out-0809-BMR_9437-crop.jpg); } .u-folder50th-anniversary .u-lHeader { background-image: url(/africana-studies/assets/images/0133-19-11-kr-africana-studies-vassar-2143-banner.jpg); } */ h4 { font-weight: bold; font-size: 0.9em; color: #6b6664; } /* Chris added this */ /* MIXINS ====== */ /* TYPOGRAPHY ========== */ .intro { font-size: 2em !important; font-family: freight-big-pro; line-height: 1.1; } .u-BioList__title { font-size: 0.84em; line-height: 1.3; } .u-lMain h3 { letter-spacing: -0.014em; } .u-lMain .Row__title, .u-lMain h2, .u-lMain .u-folderBios h3, .u-folderBios .u-lMain h3 { font-family: freight-big-pro; font-size: 2.2em; font-weight: 700; letter-spacing: -0.01em; line-height: 0.92; padding-bottom: 0.2em; position: relative; margin-bottom: 0.8em; margin-top: 0.2em; } .pullquote p { font-family: "acumin-pro-extra-condensed", "Arial Narrow", "Helvetica Condensed"; font-size: 2.4em; line-height: 1; padding-bottom: 0.2em; } /* THEMING ======= */ .theme-cream { background: #FFF8EF; } .u-BioList__title { color: #63666A; } .u-lMain .Row__title, .u-lMain h2, .u-lMain .u-folderBios h3, .u-folderBios .u-lMain h3 { color: #641A2B; background: linear-gradient(135deg, #641A2B 0%, #ed1c24 70%); -webkit-background-clip: text; color: transparent; } .u-lMain .Row__title:after, .u-lMain h2:after, .u-lMain .u-folderBios h3:after, .u-folderBios .u-lMain h3:after { content: ""; position: absolute; width: 3em; border-top: 1px solid #ed1c24; left: 0; bottom: -0.25em; } .pullquote p { background: linear-gradient(135deg, #ed1c24 0%, #C6AA76 70%); -webkit-background-clip: text; color: transparent; } /* STRUCTURE ========= */ @media screen and (min-width: 37.5em) { .pullquote { width: 50%; float: right; padding-left: 2em; } } @media screen and (min-width: 64em) { .pullquote { width: 60%; margin-right: -10%; } } .row-has-bg { position: relative; } .row-has-bg:before { content: ""; height: 100%; width: 100%; position: absolute; background-size: cover; background-attachment: fixed; will-change: transform; top: 0; left: 0; } .row-has-bg * { z-index: 10; } .u-lMain h2, .u-lMain .u-folderBios h3, .u-folderBios .u-lMain h3 { display: inline-block; } figure.width-wide { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: 44em; transform: translateX(calc(50vw - 50%)); max-width: 100vw; } .RowContainer.width-wide .Row { max-width: 44em; } .RowContainer.width-wider .Row { max-width: 54em; } .RowContainer.width-full { padding: 0; } .RowContainer.width-full .Row { max-width: none; } @media screen and (min-width: 37.5em) { .u-BioList__list { column-count: 2; column-gap: 1em; } } /* AFRS specific ============ .bg--urban-center:before { opacity: 0.1; background-image: url(/africana-studies/assets/images/Urban-Center_Black-Studies-SPC.jpg); } .u-pageHome.u-folderAfricana-studies .u-lHeader { background-image: url(/africana-studies/assets/images/black-studies-banner.jpg); background-position: center; } .u-folderCourses .u-lHeader { background-image: url(/africana-studies/assets/images/banner-0066-19-05-kr-afrs-syedullah-vassar-4060-edit1-crop.jpg); } .u-folderBios .u-lHeader { background-image: url(/africana-studies/assets/images/banner-Lawrence-Mamiya-92-TF-1.jpg); } .u-folderWork .u-lHeader { background-image: url(/africana-studies/assets/images/20191101-vassar-celebrates-50-years-of-africana-studies-curriculum-with-three-day-conference.jpg); } */ .RowContainer.RowContainer--courses { display: none; } @media screen and (min-width: 37.5em) { .Media { display: flex; align-items: flex-start; margin-bottom: 1em; } .Media-figure { margin-right: 1em; } .Media-body { flex: 1; } .Media-body, .Media-body :last-child { margin-bottom: 0; } .Media-title { margin: 0 0 .5em; } .Media--center { align-items: center; } .Media--reverse > .Media-figure { order: 1; margin: 0 0 0 1em; } } .animate-onload, .top-75pfrom-topOfWindow { -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: zoom-in; animation-name: zoom-in; } @media screen and (min-width: 37.5em) { .feature-card__image { width: 40%; margin-right: 1.4em; } } .feature-card { display: block; padding: 1.2em; background: #f5f1ed; border-radius: 0.2em; text-decoration: none !important; } .feature-card__intro { font-size: 86%; line-height: 1.3; } .feature-card__supertitle { margin: 0 0 0.2em 0; font-size: 70%; text-transform: uppercase; letter-spacing: 0.1em; } .feature-card__read-more { display: block; margin-top: 0.4em; font-weight: bold; font-size: 90%; text-align: right; margin-right: 1em; } .feature-card__title { margin: 0 0 1em 0; position: relative; } .feature-card__title:after { position: absolute; content: ""; border-top: 1px solid rgba(0, 0, 0, 0.2); width: 20%; left: 0; top: 150%; } @media screen and (min-width: 37.5em) { .feature-card { display: flex; } } /* BANNER CAPTIONS --------------- */ .banner-caption { line-height: 1.3; display: inline-block; font-weight: normal; font-size: 80%; } .banner-caption .banner-caption__label { text-transform: uppercase; margin-right: 0.4em; font-size: 94%; } .banner-credit { display: block; font-size: 90%; opacity: 0.6; font-weight: normal; line-height: 1.2; margin-top: 0.4em; } @media screen and (min-width: 1290px) { .banner-caption { font-size: 76%; } .row--banner-caption { padding: 0; position: absolute; right: 0; top: 0; width: calc(((100vw - 48rem) / 2) - 1em); padding: 1em; background: #f7f5f5; } } .u-lContent { position: relative; } h1, h2, .u-folderBios h3, h3, h4, h5, h6 { margin: 1.4em 0 0.4em 0; } .u-pageTitle { margin-top: 0.4em; margin-bottom: 0.2em; padding: 0; } .Media.feature-card:hover { transform: scale(1.02); } .Media.feature-card { transition-duration: 0.4s; } .u-Video { margin: 2em 0; } /* Row subsections ============== These are necessary because the padding that's appropriate on a single row looks excessive when rows are grouped into a section. I think this could be solved with a "section" grouping, where rows are collected into a container. */ .row--no-padding, .row--subsection-title { padding-top: 0; padding-bottom: 0; } .row--subsection-start { padding-bottom: 1em; } .row--subsection { padding-top: 1em; padding-bottom: 1em; } .row--subsection-end { padding-top: 1em; } .NavSite .u-NavSite__level.u-NavSite__level--1 { max-width: 64em; margin: 0 auto; border-bottom: 1px solid #ddd; margin-bottom: 0.7em; padding-bottom: 0.7em; } .grid--cols-2 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2em; } .sub-row { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: 100vw; transform: translateX(calc(50vw - 50%)); max-width: 100vw; } .row--aside { padding: 2em; } .row--aside .Row__title, .row--aside .u-folderBios h3, .u-folderBios .row--aside h3 { background: none; color: inherit; } .theme-cool-gray { background: #63666A; color: #FFF8EF; } .Row__title, .u-folderBios h3 { max-width: 48rem; margin: 0 auto; width: 100%; } /* FLICKITY ======== */ /*! Flickity v2.2.1 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: 0; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } .flickity-button { position: absolute; background: rgba(255, 255, 255, 0.75); border: none; color: #333; } .flickity-button:hover { background: #fff; cursor: pointer; } .flickity-button:focus { outline: 0; box-shadow: 0 0 0 5px #19f; } .flickity-button:active { opacity: .6; } .flickity-button:disabled { opacity: .3; cursor: auto; pointer-events: none; } .flickity-button-icon { fill: currentColor; } .flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; transform: translateY(-50%); } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: .25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } /* END FLICKITY */ /* ADD TO REPO */ .typography\:sidebar .Row__title, .typography\:sidebar .u-folderBios h3, .u-folderBios .typography\:sidebar h3 { font-family: "Source Sans Variable", "acumin-pro", Arial, Helvetica; font-size: 1.2em; letter-spacing: -0.024em; } .typography\:sidebar p { font-size: 0.86em; } .RowContainer.padding\:medium { padding-top: 2em; padding-bottom: 2em; } .RowContainer.spaceAround\:none { margin-top: 0; margin-bottom: 0; } .RowContainer.spaceAround\:medium { margin-top: 2em; margin-bottom: 2em; } .RowContainer.grid\:none .Row--col2 { display: block; } .RowContainer.col-layout\:60-40 .Row { grid-template-columns: 6fr 4fr; } /* END ADD TO */ /* IN REPO */ .schedule-item { /* Layout ------ */ /* Typography ---------- */ font-size: 90%; line-height: 1.3; /* Theme ----- */ } .schedule-item *:last-child, .schedule-item *:only-child { margin: 0; } @media screen and (min-width: 30em) { .schedule-item { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1em 2fr; grid-template-columns: 1fr 2fr; grid-gap: 1em; } } .schedule-item { margin-top: 0.4em; border-top: 1px solid #aaa; border-color: var(--item-rule-border-color); padding-top: 0.4em; } /* END REPO */ /* Viewbox */ @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .show-load-screen, .loading { position: relative; } .show-load-screen:before, .loading:before { -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; background: url(../images/loader.png); position: fixed; width: 16em; height: 16em; content: ""; top: calc(50vh - 8em); left: calc(50vw - 8em); background-size: cover; z-index: 1001; } .show-load-screen:after, .loading:after { -webkit-animation-name: fade-in; animation-name: fade-in; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.9); z-index: 1000; } @supports (-webkit-backdrop-filter: blur()) or (backdrop-filter: blur()) { .show-load-screen:after, .loading:after { background: rgba(255, 255, 255, 0.6); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } } .viewbox { color: #f00; } .vb-video-loading { border: 3em solid #ff0 !important; } .vb-video-loaded.vb-active { overflow: hidden; } .vb-video-loaded.vb-active .vb-container { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: scroll; -webkit-animation-name: zoom-in; animation-name: zoom-in; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; color: #eee; } .vb-video-loaded.vb-active .vb-container:before { position: absolute; content: ''; top: 1em; left: 1em; right: 1em; bottom: 1em; } .vb-container { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: black; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 314159; } .vb-container .u-Video { -webkit-box-shadow: 0 0.4em 1em #000; box-shadow: 0 0.4em 1em #000; border: 1px solid #444; } .vb-content { padding: 3em; position: relative; z-index: 20; } .input--click-area { /* Accessibility thing for elements that aren't links but need to be clickable. Set them up as buttons, so the user can tab to them, but wrap them in an element that has the visual design. The button is just a clickable/tab-to area. */ -webkit-appearance: none; border: none; background: none; } input.vb-close.input--click-area:hover { cursor: pointer; } .vb-close-wrapper { width: 2em; height: 2em; top: 2em; right: 2em; position: absolute; background: url(../images/x-white.png); z-index: 80; background-size: 80%; background-repeat: no-repeat; background-position: center; -webkit-transition: 0.4s background ease; -o-transition: 0.4s background ease; transition: 0.4s background ease; } .vb-close-wrapper:hover, .vb-close-wrapper:focus { cursor: pointer; background-size: 100%; } .vb-close-wrapper .input--click-area { position: absolute; width: 100%; height: 100%; } .vb-media { position: relative; } .vb-media:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: "Loading"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 600px) { .vb-content { display: -ms-grid; display: grid; grid-gap: 2em; -ms-grid-columns: auto 2em 14em; grid-template-columns: auto 14em; -ms-grid-rows: auto 2em 1fr; grid-template-rows: auto 1fr; grid-template-areas: "vb-video vb-title" "vb-video vb-caption"; } .vb-media { grid-area: vb-video; } .vb-title { grid-area: vb-title; text-align: left; } .vb-caption { grid-area: vb-caption; } } @media only screen and (min-width: 600px) { .vb-media { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 1; } .vb-title { -ms-grid-row: 1; -ms-grid-column: 3; } .vb-caption { -ms-grid-row: 3; -ms-grid-column: 3; } } .viewbox-link:hover { cursor: pointer; } /* end Viewbox */ .u-lHeader { background-image: url(https://vassar.edu/assets/images/banners/masthead-6_Campus.jpg); } .ac-NavAnchor--menu svg { background-color: #951829; } .ac-NavAnchor--menu:after { border: none; } .galleria-theme-azur .galleria-info-description { margin: 0; padding: 1em; } .u-NavSite__level--1:first-of-type { padding-top: 0; } .u-Masthead--academic .u-Masthead__head:before { -webkit-transform: skewY(45deg); -ms-transform: skewY(45deg); transform: skewY(45deg); } .g-Masthead__vassar--link:focus, .g-Masthead__vassar--link:hover, .u-pageInner .u-Masthead--academic .u-Masthead__head:focus, .u-pageInner .u-Masthead--academic .u-Masthead__head:hover { background-color: transparent; color: #eee !important; } .g-Masthead__vassar--link:focus path, .g-Masthead__vassar--link:hover path, .u-pageInner .u-Masthead--academic .u-Masthead__head:focus path, .u-pageInner .u-Masthead--academic .u-Masthead__head:hover path { fill: #eee !important; } .u-Masthead--academic .g-Masthead__vassar--link { width: 64%; margin-right: 0; } .u-Masthead--academic .u-Masthead__head { font-size: 2rem; margin-left: 3rem; } .u-Masthead--academic .u-Masthead__head:before { bottom: 5%; top: 10%; } @media screen and (min-width: 37.5em) { .u-Masthead { max-width: 40rem; } .u-Masthead__head { margin-left: 0; } } @-webkit-keyframes shift-left { from { opacity: 0; -webkit-transform: translateX(-2em); transform: translateX(-2em); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes shift-left { from { opacity: 0; -webkit-transform: translateX(-2em); transform: translateX(-2em); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes shift-right { from { opacity: 0; -webkit-transform: translateX(2em); transform: translateX(2em); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes shift-right { from { opacity: 0; -webkit-transform: translateX(2em); transform: translateX(2em); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .g-Masthead__ID, .u-Masthead__head { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .g-Masthead__ID { -webkit-animation-name: shift-left; animation-name: shift-left; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 4s; animation-duration: 4s; } .u-Masthead__head { -webkit-animation-name: shift-right; animation-name: shift-right; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 4s; animation-duration: 4s; } /* Chris added this */ /* MIXINS ====== */ /* TYPOGRAPHY ========== */ .intro { font-size: 2em !important; font-family: freight-big-pro; line-height: 1.1; } .u-BioList__title { font-size: 0.84em; line-height: 1.3; } .u-lMain h3 { letter-spacing: -0.014em; } .u-lMain .Row__title, .u-lMain h2, .u-lMain .u-folderBios h3, .u-folderBios .u-lMain h3 { font-family: freight-big-pro; font-size: 2.2em; font-weight: 700; letter-spacing: -0.01em; line-height: 0.92; padding-bottom: 0.2em; position: relative; margin-bottom: 0.8em; margin-top: 0.2em; } .pullquote p { font-family: "acumin-pro-extra-condensed", "Arial Narrow", "Helvetica Condensed"; font-size: 2.4em; line-height: 1; padding-bottom: 0.2em; } /* THEMING ======= */ .theme-cream { background: #FFF8EF; } .u-BioList__title { color: #63666A; } .u-lMain .Row__title, .u-lMain h2, .u-lMain .u-folderBios h3, .u-folderBios .u-lMain h3 { color: #641A2B; background: -o-linear-gradient(315deg, #641A2B 0%, #ed1c24 70%); background: linear-gradient(135deg, #641A2B 0%, #ed1c24 70%); -webkit-background-clip: text; color: transparent; } .u-lMain .Row__title:after, .u-lMain h2:after, .u-lMain .u-folderBios h3:after, .u-folderBios .u-lMain h3:after { content: ""; position: absolute; width: 3em; border-top: 1px solid #ed1c24; left: 0; bottom: -0.25em; } .pullquote p { background: -o-linear-gradient(315deg, #ed1c24 0%, #C6AA76 70%); background: linear-gradient(135deg, #ed1c24 0%, #C6AA76 70%); -webkit-background-clip: text; color: transparent; } /* STRUCTURE ========= */ @media screen and (min-width: 37.5em) { .pullquote { width: 50%; float: right; padding-left: 2em; } } @media screen and (min-width: 64em) { .pullquote { width: 60%; margin-right: -10%; } } .row-has-bg { position: relative; } .row-has-bg:before { content: ""; height: 100%; width: 100%; position: absolute; background-size: cover; background-attachment: fixed; will-change: transform; top: 0; left: 0; } .row-has-bg * { z-index: 10; } .u-lMain h2, .u-lMain .u-folderBios h3, .u-folderBios .u-lMain h3 { display: inline-block; } .width-wide { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: 44em; -webkit-transform: translateX(calc(50vw - 50%)); -ms-transform: translateX(calc(50vw - 50%)); transform: translateX(calc(50vw - 50%)); max-width: 100vw; } @media screen and (min-width: 37.5em) { .u-BioList__list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; } } /* AFRS specific ============ .bg--urban-center:before { background-image: url(/africana-studies/assets/images/Urban-Center_Black-Studies-SPC.jpg); opacity: 0.1; } .u-pageHome.u-folderAfricana-studies .u-lHeader { background-image: url(/africana-studies/assets/images/banner-0066-19-05-kr-afrs-rashid-vassar-3975-crop.jpg); } .u-folderCourses .u-lHeader { background-image: url(/africana-studies/assets/images/banner-0066-19-05-kr-afrs-syedullah-vassar-4060-edit1-crop.jpg); } .u-folderBios .u-lHeader { background-image: url(/africana-studies/assets/images/banner-Lawrence-Mamiya-92-TF-1.jpg); } .u-folderWork .u-lHeader { background-image: url(/africana-studies/assets/images/20191101-vassar-celebrates-50-years-of-africana-studies-curriculum-with-three-day-conference.jpg); } */ .RowContainer.RowContainer--courses { display: none; } @media screen and (min-width: 37.5em) { .Media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 1em; } .Media-figure { margin-right: 1em; } .Media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .Media-body, .Media-body :last-child { margin-bottom: 0; } .Media-title { margin: 0 0 .5em; } .Media--center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .Media--reverse > .Media-figure { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 0 0 1em; } } .animate-onload, .top-75pfrom-topOfWindow { -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: zoom-in; animation-name: zoom-in; } @media screen and (min-width: 37.5em) { .feature-card__image { width: 40%; margin-right: 1.4em; } } .feature-card { display: block; padding: 1.2em; background: #f5f1ed; border-radius: 0.2em; text-decoration: none !important; } .feature-card__intro { font-size: 86%; line-height: 1.3; } .feature-card__supertitle { margin: 0 0 0.2em 0; font-size: 70%; text-transform: uppercase; letter-spacing: 0.1em; } .feature-card__read-more { display: block; margin-top: 0.4em; font-weight: bold; font-size: 90%; text-align: right; margin-right: 1em; } .feature-card__title { margin: 0 0 1em 0; position: relative; } .feature-card__title:after { position: absolute; content: ""; border-top: 1px solid rgba(0, 0, 0, 0.2); width: 20%; left: 0; top: 150%; } @media screen and (min-width: 37.5em) { .feature-card { display: -webkit-box; display: -ms-flexbox; display: flex; } } /* BANNER CAPTIONS --------------- */ .banner-caption { line-height: 1.3; display: inline-block; font-weight: normal; font-size: 80%; } .banner-caption .banner-caption__label { text-transform: uppercase; margin-right: 0.4em; font-size: 94%; } .banner-credit { display: block; font-size: 90%; opacity: 0.6; font-weight: normal; line-height: 1.2; margin-top: 0.4em; } @media screen and (min-width: 1290px) { .banner-caption { font-size: 76%; } .row--banner-caption { padding: 0; position: absolute; right: 0; top: 0; width: calc(((100vw - 48rem) / 2) - 1em); padding: 1em; background: #f7f5f5; } } .u-lContent { position: relative; } h1, h2, .u-folderBios h3, h3, h4, h5, h6 { margin: 1.4em 0 0.4em 0; } .u-pageTitle { margin-top: 0.4em; margin-bottom: 0.2em; padding: 0; } .Media.feature-card:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .Media.feature-card { -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } /* .u-pageIndex .u-lHeader { background-image: url(/summer-institute/assets/images/0043_17_06_TT_8837.jpg); } */ /* In the additions repo ===================== */ /* Colors ====== */ .center-title.RowContainer .Row__title, .center-title.RowContainer .u-folderBios h3, .u-folderBios .center-title.RowContainer h3 { margin: 0 auto 0.6em auto; text-align: center; } .center-title.RowContainer .Row__title:after, .center-title.RowContainer .u-folderBios h3:after, .u-folderBios .center-title.RowContainer h3:after { left: calc(50% - 1.5em); } .hide-accessibly { clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; } /* Helper classes may be written differently depending on what they're applied to, but they should always have the same classname. */ /* For rows ======== */ .RowContainer.width-xwide .Row { max-width: 58em; } .button, .button--red { text-decoration: none !important; background: #eee; color: #444; display: inline-block; padding: 0.1em 0.4em; border-radius: 0.3em; } .button--small { font-size: 76%; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; padding: 0.2em 0.4em 0.1em 0.4em; } .button, .button--red { -webkit-transition: 0.4s all background; -o-transition: 0.4s all background; transition: 0.4s all background; } .button.theme-burgundy-red, .theme-burgundy-red.button--red { background: -o-linear-gradient(315deg, #641A2B 0%, #ed1c24 70%); background: linear-gradient(135deg, #641A2B 0%, #ed1c24 70%); color: #fff; } .button.theme-burgundy-red:hover, .theme-burgundy-red.button--red:hover, .button.theme-burgundy-red:visited:hover { background-size: 400%; } .button.style-wireframe, .style-wireframe.button--red { background: transparent; border: 1px solid #000; border-color: var(--border-color, #000); color: #000; } .button.style-wireframe.theme-cream, .style-wireframe.theme-cream.button--red { --border-color: #e8d3b8; } .PageNavContainer .Row { background: #fff; -webkit-box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.2); box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.2); } .PageNavContainer { top: -1px; } .schedule-item { /* Layout ------ */ /* Typography ---------- */ font-size: 90%; line-height: 1.3; /* Theme ----- */ } .schedule-item *:last-child, .schedule-item *:only-child { margin: 0; } @media screen and (min-width: 30em) { .schedule-item { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1em 2fr; grid-template-columns: 1fr 2fr; grid-gap: 1em; } } .schedule-item { margin-top: 0.4em; border-top: 1px solid #aaa; border-color: var(--item-rule-border-color); padding-top: 0.4em; } .theme-cream { background: #FFF8EF; --item-rule-border-color: #e8d3b8; } /* .RowContainer[class*='theme-'] { padding: 2em 0; } */ .Row h2, .Row .u-folderBios h3, .u-folderBios .Row h3 { scroll-margin-top: 2em; } /* Hacks ===== */ .masthead__smallAnd { font-size: 0.7em; opacity: 0.8; text-transform: lowercase; display: block; padding: .3em 0; } @media screen and (min-width: 30em) { .u-Masthead--academic .u-Masthead__siteName--link { -ms-flex-wrap: unset; flex-wrap: unset; } } figure.figure--image.place-left.width-thumbnail { float: left; width: 25%; margin: 0 1em 1em 0; } .bio-card { font-size: 90%; line-height: 1.4; padding: 1em; background: #f5f0f0; margin-bottom: 1em; overflow: hidden; } .bio-card { padding: 2em; } .bio-card .figure--image img { margin: 0; line-height: 0; display: block; } .bio-card h3 { margin-top: 0; } .theme-xlightburgundy { background: #f5f0f0; } .bio-card.theme-white { background: #fff; } .row--bio-card-section .Row { max-width: 58em; grid-column-gap: 1em; } .row-has-bg { position: static; padding-top: 2em; padding-bottom: 2em; position: relative; } .row-has-bg + .RowContainer { padding-top: 2em; } .PageNavContainer { z-index: 100; } .viewbox-link { position: relative; margin-left: 1.6em !important; display: inline-block; } .viewbox-link:before { width: 1.4em; height: 1.4em; top: 0; left: -1.8em; margin-left: 0 !important; position: absolute; content: ''; background-image: url(/summer-institute/assets/images/play-btn.png); background-size: cover; } /* For rows ======== */ .RowContainer.padding\:medium { padding-top: 2em; padding-bottom: 2em; } .center-title.RowContainer .Row__title, .center-title.RowContainer .u-folderBios h3, .u-folderBios .center-title.RowContainer h3 { margin: 0 auto; margin-bottom: 1em; text-align: center; } .center-title.RowContainer .Row__title:after, .center-title.RowContainer .u-folderBios h3:after, .u-folderBios .center-title.RowContainer h3:after { left: calc(50% - 1.5em); } .hide-accessibly { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; } /* Helper classes may be written differently depending on what they're applied to, but they should always have the same classname. */ @media screen and (min-width: 50em) { .width\:half { width: 50%; } } @media screen and (min-width: 50em) { .place\:right { float: right; margin-bottom: 2em; margin-left: 2em; } } @media screen and (min-width: 50em) { .place\:left { float: left; } } @media screen and (min-width: 50em) { .indent\:left { margin-left: -10%; } } @media screen and (min-width: 50em) { .indent\:right { margin-right: -10%; } } /* For figures =========== */ figure.width-wide { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; transform: translateX(calc(50vw - 50%)); width: 44em; } /* For rows ======== */ .RowContainer.width-xwide .Row { max-width: 58em; } .RowContainer.width-wide .Row { max-width: 44em; } .RowContainer.width-wider .Row { max-width: 54em; } .RowContainer.width-full { padding: 0; } .RowContainer.width-full .Row { max-width: none; } .button--red { text-decoration: none !important; background: #f00; display: inline-block; padding: 0.2em 0.8em; border-radius: 0.4em; color: #fff; margin: 1em 0; } .button, .button--red { text-decoration: none !important; background: #eee; display: inline-block; padding: 0.1em 0.4em; border-radius: 0.3em; } .button:link, .button--red:link, .button:visited, .button--red:visited { color: #fff; } .button--small { font-size: 76%; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; padding: 0.2em 0.4em 0.1em 0.4em; } .button, .button--red { transition: 0.4s all background; } .button.theme-burgundy-red, .theme-burgundy-red.button--red { background: linear-gradient(135deg, #641A2B 0%, #ed1c24 70%); color: #fff; } .button.theme-burgundy-red:hover, .theme-burgundy-red.button--red:hover, .button.theme-burgundy-red:visited:hover { background-size: 400%; } .button.style-wireframe, .style-wireframe.button--red { background: transparent; border: 1px solid #000; border-color: var(--border-color, #000); color: #000; } .button.style-wireframe.theme-cream, .style-wireframe.theme-cream.button--red { --border-color: #e8d3b8; } /* .caption--fullWidth This is intended to go below an item that takes up the full width of the screen. Examples: - A gallery that needs some clarification - A full-width photo */ .caption--fullWidth { margin: 1em 2em; } .readMore { text-decoration: none !important; border: none; margin: 1em 0; } h3 .subtitle { display: block; font-size: 80%; margin-top: 0.4em; opacity: 0.6; } .Row__title .subtitle, .u-folderBios h3 .subtitle { display: block; font-style: normal; font-size: 80%; margin-top: 0.2em; } .row--aside { padding: 2em; } .row--aside .Row__title, .row--aside .u-folderBios h3, .u-folderBios .row--aside h3 { background: none; color: inherit; } /* Events system design */ .u-ArticleGroup .u-ArticleListItem { background: #f7f5f5; } .u-ArticleGroup b.dateTime:before { content: ", "; } .u-ArticleGroup b.dateYear { border: 0 !important; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; padding: 0 !important; overflow: hidden; position: absolute !important; width: 1px !important; } .u-ArticleGroup .u-ArticleListItem__label--location__label:after { content: ": "; } .u-ArticleGroup .dateMonth { margin-right: 0.2em; } .carousel-cell { /* .event__item:before { position: absolute; content: ''; top: 0.3em; left: 0.3em; bottom: 0.3em; right: 0.3em; border: 2px solid #fff; } */ } .carousel-cell .series__supertitle { display: block; font-size: 0.5em; text-transform: uppercase; font-family: "Source Sans Variable"; font-weight: 600; letter-spacing: 0.1em; margin: 0.6em 0 0.3em 0; opacity: 1; } .carousel-cell .event__item { border: 0.8em solid #FED847; } /* Previous design */ .event__item { display: flex; flex-direction: column; padding: 2em; background: #f7f5f5; margin-bottom: 0.4em; } .event__item .event__dateTime { order: 1; margin-bottom: 0.6em; padding-bottom: 0.6em; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .event__item .event__title { order: 2; } .event__item .event__description { order: 3; } .event__item .event__dateTime > * { display: inline; margin-right: 0.4em; } .carousel-cell .event__item { max-width: 30em; height: 100%; overflow-y: scroll; position: relative; } /* FACULTY BIOS */ .u-BioList--faculty { /* Neat trick: to extend a link's area, add a pseudo to it. The pseudo extends the clickable area of the link. */ } .u-BioList--faculty ul.u-BioList__list { padding: 2em; } @media screen and (min-width: 50em) { .u-BioList--faculty ul.u-BioList__list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1em; } } @media screen and (min-width: 70em) { .u-BioList--faculty ul.u-BioList__list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } } .u-BioList--faculty ul.u-BioList__list li { list-style: none; min-height: 16em; } .u-BioList--faculty a.u-BioList__name { position: absolute; background: rgba(0, 0, 0, 0.4); text-decoration: none !important; color: #eee; font-size: 1em; padding: 0.1em 0.5em; backdrop-filter: blur(10px); top: 0.2em; left: 0.2em; border-top-left-radius: 0.2em; } .u-BioList--faculty a.u-BioList__name:after { position: absolute; width: 100vw; height: 100vh; content: ''; background: transparent; top: 0; left: 0; } .u-BioList--faculty .u-BioList__item { border-radius: 0.24em; overflow: hidden; position: relative; margin-bottom: 1em; will-change: scroll-position; background: linear-gradient(45deg, #c7860c 0%, #aaa 100%); background: #888; transition: 0.4s all ease; } @media screen and (min-width: 50em) { .u-BioList--faculty .u-BioList__item { margin-bottom: 0; } } .u-BioList--faculty .u-BioList__item:hover { transform: scale(1.04); } .u-BioList--faculty .u-BioList__item:hover img { transform: scale(1.08); } .u-BioList--faculty .u-BioList__item img { display: block; line-height: 0; transition: 0.4s all ease; } .u-BioList--faculty b.u-BioList__title { position: absolute; bottom: 0; width: 100%; padding: 3em 1em 0.8em 1em; color: #fff; font-size: 0.8em; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.6) 100%); } .u-BioList--faculty .u-BioList__title, .u-BioList--faculty .u-BioList__name { transition: 0.4s all ease; z-index: 20; } .u-BioList--faculty .u-BioList__item:hover .u-BioList__title, .u-BioList--faculty .u-BioList__item:hover .u-BioList__name { opacity: 0; } .u-BioList--faculty .u-BioList__image-container, .u-BioList--faculty .u-BioList__image-container img { object-fit: cover; width: 100%; height: 100%; } .u-BioList--faculty .u-BioList__image-container { position: relative; z-index: 10; } /* END FACULTY BIOS */ .u-BioList--contacts { text-align: center; } .u-BioList--contacts .u-BioList__list { column-count: 1; } .feature-card { display: block; padding: 1.2em; background: #f5f1ed; border-radius: 0.2em; text-decoration: none !important; } .feature-card__intro { font-size: 86%; line-height: 1.3; } .feature-card__supertitle { margin: 0 0 0.2em 0; font-size: 70%; text-transform: uppercase; letter-spacing: 0.1em; } .feature-card__read-more { display: block; margin-top: 0.4em; font-weight: bold; font-size: 90%; text-align: right; margin-right: 1em; } .feature-card__title { margin: 0 0 1em 0; position: relative; } .feature-card__title:after { position: absolute; content: ""; border-top: 1px solid rgba(0, 0, 0, 0.2); width: 20%; left: 0; top: 150%; } .Media.feature-card { transition-duration: 0.4s; } .Media.feature-card:hover { transform: scale(1.02); } @includebreak (medium) { .feature-card { display: flex; } .feature-card__image { width: 40%; margin-right: 1.4em; } } @-webkit-keyframes sweep { 0% { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes sweep { 0% { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } details.style\:fancy { margin: 0; background: none; border: none; transition: 0.4s all ease; overflow: hidden; } details.style\:fancy[open] summary { color: #222; background: #fff; border-bottom: 1px solid transparent; } details.style\:fancy[open] summary strong:before, details.style\:fancy[open] summary strong:after { transform: rotate(45deg) scale(1.1); } details.style\:fancy summary { border-bottom: 1px solid rgba(0, 0, 0, 0.1); transition: 0.4s all ease; color: #d41313; display: block; font-family: freight-big-pro; font-size: 2.2em; font-weight: 100; padding-left: 0.7em; } details.style\:fancy summary ~ * { animation: sweep .5s ease-in-out; } details.style\:fancy summary, details.style\:fancy summary:hover { background: none !important; } details.style\:fancy summary:focus { outline: none; } details.style\:fancy summary strong { display: block; font-weight: 100; line-height: 1; margin-left: 0.4em; position: relative; } @media screen and (min-width: 50em) { details.style\:fancy summary strong { margin-left: 0; } } details.style\:fancy summary strong:before { margin-left: -0.6em; -webkit-text-stroke: 1px; position: absolute; content: "+"; font-weight: normal; transition: 0.4s all ease; } details.style\:fancy summary::-webkit-details-marker { display: none; } /* .row--dropdowns, .row--bio-dropdowns { */ @media screen and (min-width: 50em) { .Module--halfWidth:first-of-type details.style\:fancy summary { text-align: right; } .Module--halfWidth:first-of-type details.style\:fancy summary strong:before, .Module--halfWidth:last-of-type details.style\:fancy summary strong:before { margin-left: -0.6em; -webkit-text-stroke: 1px; position: absolute; content: "+"; font-weight: normal; transition: 0.4s all ease; } .Module--halfWidth:last-of-type details.style\:fancy summary strong:before { display: none; } .Module--halfWidth:last-of-type details.style\:fancy summary strong:after { position: absolute; content: "+"; font-weight: normal; transition: 0.4s all ease; margin-left: 0.2em; -webkit-text-stroke: 1px; } } .row--bio-dropdowns .bio-card.theme-white { padding: 0; margin: 0; background: none; } /* .carousel-cell figcaption { display: none !important; } */ /* LAYOUT ====== */ /* Mobile version -------------- */ @media screen and (max-width: 50em) { .carousel-cell { padding: 1em 2em; } } @media screen and (min-width: 50em) { .main-carousel:after { content: 'flickity'; display: none; /* hide :after */ } #gallery { --unexpandedBg: #eee; --unexpandedHeight: 24em; } .flickity-button:disabled { opacity: 0; } .tile { width: 20em; padding: 3em; } .style\:expand.main-carousel:not(.full) { background: var(--unexpandedBg, #aaa); } .style\:expand:not(.full) img { filter: grayscale(1); opacity: 0.4; padding: 2em 0.5em; } .main-carousel { height: var(--unexpandedHeight, 24em); transition: 0.4s all ease; scroll-margin-top: 0; scroll-behavior: smooth; } .main-carousel img { height: 100%; width: auto; padding: 1em; } .main-carousel figure { height: 100%; display: flex; width: fit-content; } .flickity-viewport { height: 100% !important; } .carousel-cell { height: 100%; } /* .Row [id] { scroll-margin-top: 0 !important; } */ .carousel-cell { width: fit-content; } .carousel-cell img { height: 100%; padding: 0; width: auto; } .carousel-cell figcaption { width: 0; opacity: 0; } .style\:expand:not(.full) .flickity-button, .style\:expand:not(.full) .flickity-page-dots { display: none; } .style\:expand.full, .full { height: 100vh; } .style\:expand.full .flickity-page-dots, .full .flickity-page-dots { position: absolute; top: 1em; right: 1em; bottom: auto; text-align: right; } .style\:expand.full .expand, .full .expand { display: none; } .style\:expand.full .flickity-slider, .full .flickity-slider { height: 100vh; } .style\:expand.full .carousel-cell, .full .carousel-cell { width: 100%; display: inline-block !important; width: max-content; transition: 0.4s all ease; /* &:first-of-type { height: 100%; width: 30em; padding: 3em; } */ } .style\:expand.full .carousel-cell.is-selected, .full .carousel-cell.is-selected { background: #eee; z-index: 1; box-shadow: 0 0.3em 1em #000; } .style\:expand.full .carousel-cell figcaption, .full .carousel-cell figcaption { color: #444; font-size: 90%; width: 22em; padding: 2em; opacity: 1; } .style\:expand.full img, .full img { height: 100vh; width: auto; padding: 1em; } .style\:expand.full figure, .full figure { height: 100vh; display: flex; width: fit-content; } .style\:expand.full .carousel-cell:not(.is-selected), .full .carousel-cell:not(.is-selected) { opacity: 0.2; transform: scale(0.7) translateX(16em); } .style\:expand.full .is-selected ~ .carousel-cell, .full .is-selected ~ .carousel-cell { opacity: 0.2; transform: scale(0.7) translateX(-16em); } .style\:expand.full .flickity-viewport, .full .flickity-viewport { background: #222; } } /* .carousel-cell figcaption { display: none !important; } */ /* LAYOUT ====== */ /* Mobile version -------------- */ @media screen and (max-width: 50em) { .carousel-cell { padding: 1em 2em; } } @media screen and (min-width: 50em) { .caption:\below figcaption { position: absolute; background: rgba(0, 0, 0, 0.6); padding: 0.4em 0.8em !important; bottom: 1.4em; left: 1.4em; color: #fff !important; backdrop-filter: blur(10px); font-size: 80% !important; } .caption.main-carousel:\below:after { content: 'flickity'; display: none; /* hide :after */ } #gallery.caption:\below { --unexpandedBg: #eee; --unexpandedHeight: 24em; } .caption:\below .flickity-button:disabled { opacity: 0; } .caption:\below .tile { width: 20em; padding: 3em; } .caption.style\:expand.main-carousel:\below:not(.full) { background: var(--unexpandedBg, #aaa); } .caption.style\:expand:\below:not(.full) img { filter: grayscale(1); opacity: 0.4; padding: 2em 0.5em; } .caption.main-carousel:\below { height: var(--unexpandedHeight, 24em); transition: 0.4s all ease; scroll-margin-top: 0; scroll-behavior: smooth; } .caption.main-carousel:\below img { height: 100%; width: auto; padding: 1em; } .caption.main-carousel:\below figure { height: 100%; display: flex; width: fit-content; } .caption:\below .flickity-viewport { height: 100% !important; } .caption:\below .carousel-cell { height: 100%; } .caption:\below .carousel-cell { width: fit-content; } .caption:\below .carousel-cell img { height: 100%; padding: 0; width: auto; } .caption:\below .carousel-cell figcaption { width: 0; opacity: 0; } .caption.style\:expand:\below:not(.full) .flickity-button, .caption.style\:expand:\below:not(.full) .flickity-page-dots { display: none; } .caption.style\:expand.full:\below, .caption.full:\below { height: 100%; } .caption.style\:expand.full:\below .flickity-page-dots, .caption.full:\below .flickity-page-dots { position: absolute; top: 1em; right: 1em; bottom: auto; text-align: right; } .caption.style\:expand.full:\below .expand, .caption.full:\below .expand { display: none; } .caption.style\:expand.full:\below .flickity-slider, .caption.full:\below .flickity-slider { height: 100%; } .caption.style\:expand.full:\below .carousel-cell, .caption.full:\below .carousel-cell { width: 100%; display: inline-block !important; width: max-content; transition: 0.4s all ease; /* &:first-of-type { height: 100%; width: 30em; padding: 3em; } */ } .caption.style\:expand.full:\below .carousel-cell.is-selected, .caption.full:\below .carousel-cell.is-selected { background: #eee; z-index: 1; box-shadow: 0 0.3em 1em #000; } .caption.style\:expand.full:\below .carousel-cell figcaption, .caption.full:\below .carousel-cell figcaption { color: #444; font-size: 90%; width: 22em; padding: 2em; opacity: 1; } .caption.style\:expand.full:\below img, .caption.full:\below img { height: 100%; width: auto; padding: 1em; } .caption.style\:expand.full:\below figure, .caption.full:\below figure { height: 100%; display: flex; width: fit-content; } .caption.style\:expand.full:\below .carousel-cell:not(.is-selected), .caption.full:\below .carousel-cell:not(.is-selected) { opacity: 0.2; transform: scale(0.7) translateX(16em); } .caption.style\:expand.full:\below .is-selected ~ .carousel-cell, .caption.full:\below .is-selected ~ .carousel-cell { opacity: 0.2; transform: scale(0.7) translateX(-16em); } .caption.style\:expand.full:\below .flickity-viewport, .caption.full:\below .flickity-viewport { background: #222; } } .note--feature { background: #f7f5f5; padding: 1.4em; border: 0.4em solid #fff; box-shadow: 0 0.1em 0.1em rgba(0, 0, 50, 0.2); margin-top: 1.2em; margin-bottom: 1.2em; } @media screen and (min-width: 50em) { .note--feature { margin-top: 0; } } .note--feature .note__title:first-of-type { margin-top: 0; } .note--feature p { font-size: 0.86em; line-height: 1.4; } .note--feature p:last-of-type, .note--feature p:only-child { margin-bottom: 0; } .PageNavContainer .Row { background: #fff; box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.2); } .PageNavContainer { top: -1px; } /* this needs to be here for pages with subnav */ .Row h2, .Row .u-folderBios h3, .u-folderBios .Row h3 { scroll-margin-top: 2em !important; } @media screen and (min-width: 50em) { .pullquote { width: 50%; float: right; padding-left: 2em; } } @media screen and (min-width: 70em) { .pullquote { width: 60%; margin-right: -10%; } } .RowContainer { overflow: hidden; } .RowContainer:last-of-type { margin-bottom: 0 !important; } .RowContainer:last-of-type:not(.bg) { padding-bottom: 0; } /* This overrides the scroll-margin applied to all rows. Some galleries shift to a height of 100vh and snap to the top of the page, and scroll-margin interferes with that. */ .row--hasGallery .Row__title, .row--hasGallery .u-folderBios h3, .u-folderBios .row--hasGallery h3 { margin-left: auto; margin-right: auto; max-width: 48rem; display: block; } .row--hasGallery .Row [id] { scroll-margin-top: 0; } .row--feature-image { padding-bottom: 0 !important; } .row--feature-image .figure--image { height: 100%; margin-bottom: 0; } @media screen and (min-width: 50em) { .row--feature-image .Row { display: none; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; gap: 1px 1px; grid-template-areas: "image title" "image content"; } } .row--feature-image .Module--halfWidth:last-of-type { padding: 2em 3em !important; } @media screen and (min-width: 50em) { .row--feature-image .Module--halfWidth:last-of-type { padding: 0 2em; padding-right: calc(50vw - 24em) !important; } } @media screen and (min-width: 50em) { .row--feature-image.cols--60-40 .Row { grid-template-columns: 6fr 4fr; } } .row--feature-image.style\:image-fade .Module--halfWidth:first-of-type figure { width: 116%; max-width: none !important; margin-right: -16%; display: block; position: relative; } .row--feature-image.style\:image-fade .Module--halfWidth:first-of-type figure:after { position: absolute; height: 100%; width: 16%; right: 0; content: ""; background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, white 100%); top: 0; } .row--feature-image.style\:image-fade .Module--halfWidth:last-of-type * { position: relative; z-index: 20; } .row--feature-image .Module--halfWidth:first-of-type { grid-area: image; } .row--feature-image .Row__title, .row--feature-image .u-folderBios h3, .u-folderBios .row--feature-image h3 { grid-area: title !important; padding: 3rem 3rem 0.2em 3rem; margin-top: 0; } .row--feature-image .Row__title:after, .row--feature-image .u-folderBios h3:after, .u-folderBios .row--feature-image h3:after { content: none; } .row--feature-image .Module--halfWidth:last-of-type { grid-area: content; padding: 0 3rem 3rem 3rem; } .row--feature-image img { height: 100%; max-width: none; width: 100%; margin: 0 !important; object-fit: cover; position: relative; object-position: center center; } .row--feature-image figure.figure--image { display: block; position: relative; } .row--feature-image .Row { max-width: none; padding: 0; grid-gap: 0; } .row--feature-image { padding: 0; } /* from Summer Institute */ /* end */ .schedule-item { /* Layout ------ */ /* Typography ---------- */ font-size: 90%; line-height: 1.3; /* Theme ----- */ } .schedule-item *:last-child, .schedule-item *:only-child { margin: 0; } @media screen and (min-width: 50em) { .schedule-item { display: grid; grid-template-columns: 1fr 2fr; grid-gap: 1em; } } .schedule-item { margin-top: 0.4em; border-top: 1px solid #aaa; border-color: var(--item-rule-border-color); padding-top: 0.4em; } .js .ticker { text-align: center; } .js .ticker > ul.ticker__list { overflow: visible; position: relative; margin-top: 0; margin-bottom: 0; padding: 0; max-width: 40em; } @media all and (min-width: 50em) { .js .ticker > ul.ticker__list { margin: 0 auto; } } .js .ticker > ul.ticker__list > li { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .js .ticker > ul.ticker__list > li:first-child { display: block; } .js .ticker--feature .ticker__listItem { font-size: 2em; font-family: freight-big-pro; line-height: 1.1; } .js .items__nav .items__tabLink { width: 1.25em; height: 1.25em; } @media all and (min-width: 50em) { .js .items__nav .items__tabLink { width: 1em; height: 1em; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .items__nav { margin: 0 0 3em 0; padding: 0; text-align: center; } .items__nav .items__tabLink { background: #eae7e0; border-radius: 50%; width: 1.25em; height: 1.25em; display: inline-block; overflow: hidden; text-indent: -900px; color: transparent; border-bottom: none; } .items__nav .items__tabLink:hover { background: #c1b5b0; } .items__nav .items__tabLink:focus { background: #eae7e0; } .items__nav .items__tabLink:active { background: #746661; } .items__nav .items__tab { list-style: none; display: inline; margin: 0 0.5em; } .items__nav .items__tab.active .items__tabLink { background: #746661; } .js .ticker > ul.ticker__list { padding: 0 0 10em 0; } @media screen and (min-width: 1290px) { .js .ticker > ul.ticker__list { padding: 0 0 8em 0; } } .u-Video { margin: 2em 0; } figure > .u-Video { margin-bottom: 0; } .row--large-grid .u-Video { margin: 0; } /* This needs some organization. */ .grid--cols-2 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2em; } .row--four-cols .Module--halfWidth { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2em; } .row--four-cols .Row.Row--col2 { max-width: none; } .RowContainer.row--four-cols { padding: 4em; background: #222; } .row--large-grid .Row { max-width: none; } @media screen and (min-width: 50em) { .row--large-grid .Row { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2em; } .row--large-grid .Row .Row__title, .row--large-grid .Row .u-folderBios h3, .u-folderBios .row--large-grid .Row h3 { grid-column: 1/3; } } @media screen and (min-width: 50em) { .Media { display: flex; align-items: flex-start; margin-bottom: 1em; } .Media-figure { margin-right: 1em; } .Media-body { flex: 1; } .Media-body, .Media-body :last-child { margin-bottom: 0; } .Media-title { margin: 0 0 .5em; } .Media--center { align-items: center; } .Media--reverse > .Media-figure { order: 1; margin: 0 0 0 1em; } } /* .RowContainer[class*='theme-'] { padding: 2em 0; } */ .NavSite .u-NavSite__level.u-NavSite__level--1 { max-width: 64em; margin: 0 auto; border-bottom: 1px solid #ddd; margin-bottom: 0.7em; padding-bottom: 0.7em; } .Row__title, .u-folderBios h3 { max-width: 48rem; margin: 0 auto; width: 100%; scroll-margin-top: 2em; } .u-lContent { position: relative; } .u-pageTitle { margin-top: 0.4em; margin-bottom: 0.2em; padding: 0; } /* Hacks ===== */ b.masthead__smallAnd { font-size: .5em; opacity: .6; text-transform: lowercase; display: block; padding: .3em; } @media screen and (min-width: 50em) { .u-Masthead--academic .u-Masthead__siteName--link { flex-wrap: unset; } } /* Banner captions */ .banner-caption { line-height: 1.3; display: inline-block; font-weight: normal; font-size: 80%; } .banner-caption .banner-caption__label { text-transform: uppercase; margin-right: 0.4em; font-size: 94%; } .banner-credit { display: block; font-size: 90%; opacity: 0.6; font-weight: normal; line-height: 1.2; margin-top: 0.4em; } @media screen and (min-width: 1290px) { .banner-caption { font-size: 76%; } .row--banner-caption { padding: 0; position: absolute; right: 0; top: 0; width: calc(((100vw - 48rem) / 2) - 1em); padding: 1em; background: #f7f5f5; } } /* Template-specific animations ============================ */ .animate-onload, .top-75pfrom-topOfWindow { -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: zoom-in; animation-name: zoom-in; } .u-folderBios .RowContainer { padding: 0; } .u-folderBios .Row { max-width: none; } .u-folderBios h1, .u-folderBios h2, .u-folderBios h3 { max-width: 40rem; margin-left: auto; margin-right: auto; } .u-folderBios h3 { max-width: none !important; margin-bottom: 0 !important; margin-top: 1em !important; } .u-folderBios h3:after { display: none; } .u-folderBios .u-lContent { padding-bottom: 4em; } .u-folderBios .u-lContent h1, .u-folderBios .u-lContent h3 { text-align: center; } .button, .button--red { transition: 0.4s background ease; transition-property: background, color; } .button--red:link, .button--red:visited { background: #ED1C24; color: #fff; } .button--red:link:hover, .button--red:visited:hover { background: #641A2B; color: #fff; } .u-NavSite__item:focus, .u-NavSite__item:hover { background: #efeaea; } .theme\:cream { background: #FFF8EF; --item-rule-border-color:#e8d3b8; } .theme:\coolGray { background: #63666A; color: #FFF8EF; } .theme\:charcoal-warm { background: #242222; color: #bdadad; } .theme\:charcoal-warm a:link, .theme\:charcoal-warm a:visited { color: #fff; } .theme\:charcoal-warm a:link:hover, .theme\:charcoal-warm a:link:active, .theme\:charcoal-warm a:link:focus, .theme\:charcoal-warm a:visited:hover, .theme\:charcoal-warm a:visited:active, .theme\:charcoal-warm a:visited:focus { color: #242222; background: rgba(255, 255, 255, 0.3); } .theme\:charcoal-warm .Row__title, .theme\:charcoal-warm .u-folderBios h3, .u-folderBios .theme\:charcoal-warm h3 { color: #bdadad; } .theme\:charcoal-warm .subtitle { opacity: 0.7; }