/*-----------------------DISABLES UBCMS responsive tables script----------------------------*/ body {--disable-tablet-zoom: 1;} /*--------------------GLOBAL OVERWRITES---------------------------------------------------*/ .teaser-block .teaser-title>*:not(.linkhint-icon) { display: inline; border-bottom: none;} .homepromos.clearfix { display: none;} /*--------------------BACK BUTTON CSS START---------------------------------------------------*/ :root { --btn-size: 56px; --btn-bg: rgba(34, 34, 34, 0.95); --btn-color: #fff; --btn-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); --btn-gap: 20px; --transition: 240ms cubic-bezier(0.2, 0.9, 0.3, 1); } .back-btn { position: fixed; right: var(--btn-gap); bottom: var(--btn-gap); display: inline-flex; align-items: center; justify-content: center; gap: 0.4em; height: var(--btn-size); padding: 0 1em; border: none; border-radius: 50px; background: var(--btn-bg); color: var(--btn-color); font: 600 15px/1 system-ui, sans-serif; cursor: pointer; box-shadow: var(--btn-shadow); z-index: 9999; /* start hidden */ opacity: 0; transform: translateY(16px) scale(0.95); pointer-events: none; transition: opacity var(--transition), transform var(--transition), background var(--transition); } .back-btn.visible { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; } .back-btn:hover { background: rgba(34, 34, 34, 0.8); } .back-btn:focus-visible { outline: 3px solid #2491ff; outline-offset: 3px; } .back-text { font-size: 0.95rem; } @media (max-width: 420px) { .back-text { display: none; /* keep icon only on very small screens */ } } @media (prefers-reduced-motion: reduce) { .back-btn, .back-btn.visible { transition: none; transform: none; } }/*-----BACK BUTTON CSS END-------------------------*/ /*--------------------DESKTOP WHITE NAV TEMPLATE---------------------------------------------------*/ .core-topnav .nav-wrapper>li .topnav-item a .teaser-title { color: #000;} .core-topnav .nav-wrapper>li:nth-child(n+3):nth-child(-n+6) .topnav-item a:hover {border-bottom: 1px solid #005bbb;} .core-topnav .nav-wrapper>li .topnav-item a:hover .teaser-title { color: #005bbb; } body.page .innerheader, body.page #columns { background: transparent; max-width: 1440px; /*100%*/ /*overflow-x: hidden;*/} @media only screen and (min-width: 1025px) { .core-topnav .nav-main, .core-header.aem-GridColumn.sticky .stickable .core-topnav .nav-main { height: 64px; border-bottom: none; }} @media only screen and (min-width: 1025px) { .core-topnav .nav-wrapper { float: none; margin: auto auto; } } /*@media only screen and (min-width: 1201px) {*/ /*--------------------DESKTOP Global Page, Column Width, and other overrides---------------------------------------------------*/ body.page { font: 16px Sofia, Arial, sans-serif; color: #000; } .page .columns-bg {width: 100%;} /*--------------------DESKTOP Hides main UB banner and site title--------------------------------------------------------------*/ /*hides main ub banner*/ .core-header.theme-white .top, .core-header.theme-white .main, .core-header.theme-white .main:before, .core-header.aem-GridColumn.sticky .stickable .main {display: none; } /*resets widths to 100%*/.page .innerheader, .page #columns, .page #columns.one-column #center, .core-header.aem-GridColumn.sticky .core-topnav .nav-main, .core-header.aem-GridColumn.sticky .stickable .main, .fatfooter .footer-mode-simple, .fatfooter .footer-mode-enhanced, .fatfooter .footer-mode-fat, .page .innerheader, .page #columns { width: 100%; } /*--------------------DESKTOP STICKY NAV---------------------------------------------------*/ .nav-main-inner { display: flex;} .core-topnav .nav-wrapper { float: none; margin: auto auto;} ul.nav-wrapper.top-choices { display: flex; width: 1440px; background-color: #fff; border-bottom: none; } .core-topnav .theme-standard-gray .topnav-item a:before,.core-topnav .theme-standard-gray .topnav-item a:after {background:none;} .core-header.aem-GridColumn.sticky .stickable .core-topnav { box-shadow: none;} .core-topnav .nav-wrapper>li.active .topnav-item a { box-shadow: none; } .core-topnav .nav-wrapper>li:hover .topnav-item a>span,.core-topnav .nav-wrapper>li:focus-within .topnav-item a>span,.core-topnav .nav-wrapper>li.active .topnav-item a>span,.core-topnav .nav-wrapper>li.hover .topnav-item a>span { top: 0px;} .core-topnav .nav-wrapper>li:hover .topnav-item a:before,.core-topnav .nav-wrapper>li:focus-within .topnav-item a:before,.core-topnav .nav-wrapper>li.active .topnav-item a:before,.core-topnav .nav-wrapper>li.hover .topnav-item a:before { height: 0px;} .core-topnav .nav-wrapper>li .topnav-item a { background: inherit; padding: 0 8px 0;} .core-topnav .nav-wrapper>li { border-bottom: none; } /*--------------------DESKTOP TOP NAV BUTTONS---------------------------------------------------*/ .core-topnav .nav-wrapper>li .topnav-item a .teaser-title { font-size: 16px; } li.topnav-item:nth-child(n+2) {margin-top: 20px;} li.topnav-item.basic.theme-standard-gray:nth-of-type(1) {background: url(/content/dam/ap/css-assets//ub-assets/ub-logo-blue-horizontal-group.svg) center no-repeat; width: 218px; height: 29px; margin: 18px 40px 0 32px ;} li.topnav-item.basic.theme-standard-gray:nth-of-type(1) .teaser-title {display:none;} li.topnav-item.basic.theme-standard-gray:nth-of-type(2) {margin-right: 16px;} li.topnav-item.compound.theme-standard-gray:nth-of-type(3) {margin-left: auto;} li.topnav-item.basic.theme-standard-gray:nth-of-type(7) {background: url(/content/dam/ap/css-assets/icons/Icon%3dUser.svg) center no-repeat; margin: 20px 16px 0 8px; order:8; width: 20px; height: 20px;} li.topnav-item.basic.theme-standard-gray:nth-of-type(7) .teaser-title {display:none;} li.topnav-item.compound.theme-standard-gray:nth-of-type(8) { background: url(/content/dam/ap/css-assets/icons/Icon%3dSearch.svg) center no-repeat; margin: 20px 8px 0 16px; order:7; width: 20px; height: 20px;} li.topnav-item.compound.theme-standard-gray:nth-of-type(8) .teaser-title {display:none;} li.topnav-item.basic.theme-standard-gray:nth-of-type(9) { margin: 20px 0 0 0; order: 9;} li.topnav-item.basic.theme-standard-gray:nth-of-type(9) li .topnav-item a {padding: 0; } li.topnav-item.basic.theme-standard-gray:nth-of-type(9) a .teaser-title {color: #fff; padding: 4px 16px; background-color: #005bbb; border-radius: 4px;} li.topnav-item.basic.theme-standard-gray:nth-of-type(10) { margin: 20px 32px 0 0; order: 10;} li.topnav-item.basic.theme-standard-gray:nth-of-type(10) a .teaser-title {color: #000; padding: 4px 16px; border: 1px solid #000; border-radius: 4px;} /*--------------------DESKTOP NAV DROP DOWN---------------------------------------------------*/ .core-topnav .nav-wrapper>li.compound .nav-dropdown-root>* { width: 100%; left: 0; padding: 136px 0 104px 0; box-shadow: none; clip-path: inset(0 -5px -10px); min-height: calc(100vh - 500px);} .topnav-base .title>* {color: #005bbb; font: 40px / 2.5 Sofia Pro, "Arial", sans-serif; margin: 15px 0 40px 0; font-weight: 400;line-height: 120%; /* 48px */letter-spacing: 0.8px; text-transform: lowercase; } .topnav-base .title div#normal {text-transform:none;} .topnav-base .list ul.link-list li:before { display: none;} .topnav-base .list ul.link-list li { padding: 0; border-bottom: none; } .topnav-item .list.parbase.section { height: 300px;} .topnav-base .subnav-button .core-button.buttoncomponent:not(.color) a {background: none; color: #005bbb; text-align: left; text-decoration: underline; font-size: 16px;} .responsivegrid.container.left-border { border-left: 1px solid #e4e4e4; } /*--------------------DESKTOP SEARCH DROP DOWN---------------------------------------------------*/ .ubcms-search-bar.material .ubcms-search-submit { display: none; } .input-container.material>.ubcms-form-field-inner { border-bottom: 1px solid #E4E4E4 !important; margin-bottom: 1px;} .ubcms-input.ubcms-form-field-control { background: url(/content/dam/ap/css-assets/icons/ub-blue-search.svg) center no-repeat !important; margin: 0 16px 0 0; border: 0; box-shadow: none; background-size: 40px 40px !important; background-position-x: left !important; padding-left: 45px !important; font-family: "Sofia Pro" !important; font-size: 40px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: 0.8px; font-feature-settings: 'salt' on; text-transform: lowercase; color:#005bbb !important;} .ubcms-search-input::placeholder, .ubcms-input.material::placeholder { font-family: "Sofia Pro" !important; font-size: 40px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: 0.8px; font-feature-settings: 'salt' on; text-transform: lowercase; color:#005bbb !important;} .ubcms-search ubcms-search-bar .ubcms-input { color: #005bbb !important;} /*---END----DESKTOP WHITE NAV-------------------------------------*/ /*--------------------DESKTOP BLUENAV ---------------------------------------------------*/ .bluenav .page #page { background: #fff; position: relative;} .bluenav .core-topnav { background: transparent; border-bottom: none;} .bluenav header:hover .core-topnav {background: #005bbb; border-bottom: 1px solid #005bbb; transition: top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);} .bluenav .core-header .main,.core-header .main:before { background-color: transparent; color: #fff;} .bluenav ul.nav-wrapper.top-choices {background-color: transparent;} .bluenav .sticky ul.nav-wrapper.top-choices {background-color: #005bbb; border-bottom: 1px solid #005bbb; transition: top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);} .bluenav li.topnav-item.basic.theme-standard-gray:nth-of-type(1) {background: url(/content/dam/ap/css-assets//ub-assets/ub-logo-horizontal.svg) center no-repeat; width: 218px; height: 29px; margin: 18px 40px 0 32px ;} .bluenav li.topnav-item.basic.theme-standard-gray:nth-of-type(7) {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.46447 15.4645C5.40215 14.5268 6.67392 14 8 14H16C17.3261 14 18.5979 14.5268 19.5355 15.4645C20.4732 16.4021 21 17.6739 21 19V21C21 21.5523 20.5523 22 20 22C19.4477 22 19 21.5523 19 21V19C19 18.2044 18.6839 17.4413 18.1213 16.8787C17.5587 16.3161 16.7956 16 16 16H8C7.20435 16 6.44129 16.3161 5.87868 16.8787C5.31607 17.4413 5 18.2044 5 19V21C5 21.5523 4.55228 22 4 22C3.44772 22 3 21.5523 3 21V19C3 17.6739 3.52678 16.4021 4.46447 15.4645Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4C10.3431 4 9 5.34315 9 7C9 8.65685 10.3431 10 12 10C13.6569 10 15 8.65685 15 7C15 5.34315 13.6569 4 12 4ZM7 7C7 4.23858 9.23858 2 12 2C14.7614 2 17 4.23858 17 7C17 9.76142 14.7614 12 12 12C9.23858 12 7 9.76142 7 7Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: cover; margin: 20px 16px 0 8px; order:8; width: 20px; height: 20px;} .bluenav li.topnav-item.compound.theme-standard-gray:nth-of-type(8) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4ZM2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11C20 15.9706 15.9706 20 11 20C6.02944 20 2 15.9706 2 11Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9413 15.9413C16.3319 15.5508 16.965 15.5508 17.3555 15.9413L21.7055 20.2913C22.0961 20.6819 22.0961 21.315 21.7055 21.7055C21.315 22.0961 20.6819 22.0961 20.2913 21.7055L15.9413 17.3555C15.5508 16.965 15.5508 16.3319 15.9413 15.9413Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; margin: 20px 8px 0 16px; order:7; width: 20px; height: 20px;} .bluenav li.topnav-item.basic.theme-standard-gray:nth-of-type(9) a .teaser-title {color: #005bbb; padding: 4px 16px; background-color: #fff; border-radius: 4px;} .bluenav li.topnav-item.basic.theme-standard-gray:nth-of-type(10) { margin: 20px 32px 0 0; order: 10;} .bluenav li.topnav-item.basic.theme-standard-gray:nth-of-type(10) a .teaser-title {color: #fff; padding: 4px 16px; border: 1px solid #fff; border-radius: 4px;} .bluenav .core-topnav .nav-wrapper>li .topnav-item a .teaser-title { color: #fff; } .bluenav .core-topnav .nav-wrapper>li:nth-child(n+3):nth-child(-n+6) .topnav-item a:hover {border-bottom: 1px solid #fff;} /*--------------------DESKTOP BLUENV NAV DROP DOWN---------------------------------------------------*/ .bluenav .core-topnav .nav-wrapper>li.compound .nav-dropdown-root>* { background: #005bbb;} .bluenav .topnav-base .title>* {color: #fff; } .bluenav .topnav-base .title div#normal {text-transform:none;} .bluenav .topnav-base .list ul.link-list li:before { display: none;} .bluenav .topnav-base .list ul.link-list li { padding: 0; border-bottom: none; } .bluenav .topnav-item .list.parbase.section { height: 300px;} .bluenav .topnav-base .subnav-button .core-button.buttoncomponent:not(.color) a {color: #fff; } .bluenav .list ul.link-list a { color: #fff;} .bluenav .responsivegrid.container.left-border { border-left: 1px solid #fff; } /*--------------------DESKTOP BLUENAV / HERO HEADERS---------------------------------------------------*/ .bluenav .page #page { background: #fff; position: relative;} .bluenav .title h1 { color: #fff; margin: 200px 690px 300px 32px !important;} .bluenav .degree .buttoncomponent.sidebyside.white { padding-left: 32px;} .bluenav .degree .parsys_column.cq-colctrl-3-9 {margin-top: 32px;} /*--------------------DESKTOP GENERAL SITE WIDE SETTINGS--------------------------------------------------*/ div#center-nocols { padding: 0 32px 200px 32px;} .introtext p { color: var(--Primary-Bulls-Black, #000); font-family: "More Pro"; font-size: 40px; font-style: normal; font-weight: 450; line-height: 140%; padding-right: 350px;} .homepage #center-nocols .bottom {padding: 0;} .buttoncomponent a:hover { text-decoration: none; top: 0; box-shadow: none;} .buttoncomponent.sidebyside.white { margin-bottom: 200px; margin-left: -25px;} .buttoncomponent.white a { position: relative; display: block; font: 400 20px / 1.2 Sofia pro, Arial, sans-serif; text-decoration: underline; border: none; padding: 0;} .buttoncomponent.white a:hover {color: #005bbb;} /*--------------------DESKTOP HOMEPAGE Ticker --------------------------------------------------*/ :root{ --font-size: 110px; --row-height: 1.08em; --baseline-trim: 0.15em; --scroll-time: 0.8s; --pause-time: 3s; --scroll-color: #005bbb;} .headline{ margin:0; background:#fff; font-family: Sofia Pro, Arial, sans-serif;/* min-height:100vh; */ display:grid; place-items:center; font-size:var(--font-size); line-height:1; display:flex; flex-direction:column; align-items:flex-start; gap:0.14em; white-space:nowrap;} .static{ color:#111;} .static.top { margin-bottom: -20px;} .static.bottom { margin-top: -40px;} .ticker{ height:var(--row-height); overflow:hidden;} .ticker__track{ will-change:transform;} .ticker__list{ list-style:none; padding:0; margin:0;} .ticker__list li{ height:var(--row-height); display:flex; align-items:flex-end; padding-bottom:var(--baseline-trim); box-sizing:border-box; font-size:var(--font-size); line-height:1; color:var(--scroll-color); text-transform:lowercase;} .ticker:hover .ticker__track{ animation-play-state:paused;} @media (prefers-reduced-motion: reduce){ .ticker__track{ animation:none !important; } } /*--------------------DESKTOP HOMEPAGE---------------------------------------------------*/ .promo-p {width:70%; margin-top: 118px; } .spin-ub { margin-top: -100px; margin-left: -75px;} /*--------------------DESKTOP HOMEPAGE - LATEST NEWS SECTION---------------------------------------------------*/ .top {} .gridstorylist { width: 100%; height: 100%; margin: 0; margin: 0 -32px 0 -32px; } .list-style-teaser-grid-story .teaser.teaser-block { width: 450px; height: 550px;} .list-style-teaser-grid-story .teaser.teaser-block .teaser-image picture { display: block; overflow: hidden; width: 450px; height: 450px; } .teaser-grid-story img { width: 450px !important; height: 450px !important; object-fit: cover;} .list-style-teaser-grid-story .teaser.teaser-block .teaser-content { margin-left: 10px; margin-right: 8px; display: flex; flex-direction: column;} .list-style-teaser-grid-story .teaser.teaser-block .teaser-content .teaser-title, .list-style-teaser-grid-story .teaser.teaser-block .teaser-content .teaser-title>*:not(.linkhint-icon) { font: 600 18px / 1.35 More; color: #000; order: 2;} .list-style-teaser-grid-story .teaser-block .teaser-date, .teaser-block .teaser-links { display: inline; color: var(--Secondary-Townsend-Gray, #666); font-feature-settings: 'salt' on; font-family: "Sofia Pro"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; order: 1; } /*--------------------DESKTOP HOMEPAGE - EVENT Feature SECTION---------------------------------------------------*/ .home-events-feature .teaser-featured .teaser-end { display: block;} .home-events-feature .teaser-featured .teaser-image { background: black; width: 720px; display: flex !important; justify-content: center; align-items: center;} .home-events-feature .teaser-featured .teaser-image img { /* mask source */ -webkit-mask-image: url("/content/dam/ap/css-assets/ub-svg-graphics/UB_Shape_White_12.svg"); mask-image: url("/content/dam/ap/css-assets/ub-svg-graphics/UB_Shape_White_12.svg"); /* sizing */ -webkit-mask-size: cover; mask-size: 75%; /* positioning */ -webkit-mask-position: center; mask-position: center; /* prevent tiling */ -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 600px; height: 600px; } .home-events-feature .list-style-teaser-news .teaser-block .teaser-title { color: var(--Primary-Hayes-Hall-White, #FFF) !important; font-feature-settings: 'salt' on; font-family: "Sofia Pro"; font-size: 64px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: 1.28px; display: flex; flex-direction: column; justify-content: flex-end;} .home-events-feature .list-style-teaser-news .teaser-block .teaser-title, .list-style-teaser-news .teaser-block .teaser-title>* { color: inherit;} /* 1. Make the parent a positioning context */ .home-events-feature .teaser-inner { position: relative; } /* 2. Ensure the image fills nicely (optional but recommended) */ .home-events-feature .teaser-media { position: relative; z-index: 1; } .home-events-feature .teaser-image img { display: block; width: 100%; height: auto; } /* 3. Overlay the teaser content */ .home-events-feature .teaser-inner > .home-events-feature a > .home-events-feature .teaser-content { position: absolute; bottom: 0; left: 0; z-index: 2; /* spacing */ padding: 16px; /* optional styling for readability */ background: linear-gradient( to top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0) ); color: #fff; width: 100%; } /* Optional: tighten title/date spacing */ .home-events-feature .teaser-title span, .home-events-feature .teaser-date { display: block; } .home-events-feature .teaser-inner { position: relative; height: 545px; } .home-events-feature .teaser-block .teaser-primary-anchor { position: absolute; display: block; z-index: 12; height: 435px; } .home-events-feature .teaser-block .teaser-content { position: absolute; margin-left: 48px; bottom: 0; z-index: 10; display: flex; top: inherit; } .home-events-feature .teaser-featured .teaser-end { display: block; position: absolute; bottom: 0; z-index: 15; width: 75%; } .home-events-feature .teaser-block .teaser-body, .home-events-feature .list-style-teaser-news .teaser-block .teaser-body p { color: var(--Primary-Hayes-Hall-White, #FFF); font-feature-settings: 'salt' on; font-family: "Sofia Pro"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; /* 24px */ } .home-events-feature .list-style-teaser-news .teaser-block .teaser-date {display:none;} /*--------------------DESKTOP HOMEPAGE - EVENT LIST SECTION---------------------------------------------------*/ .upcoming-events {} .home-events-list .teaser-block .teaser-media { display: none;} .home-events-list {width: 75%; margin-left: 141px;} .home-events-list .teaser-date {display:none;} .home-events-list .teaser-end {display: block;} .home-events-list .teaser-block .teaser-content {display:flex;} .home-events-list .list ul.list-style-teaser>li:first-child { margin: 0 32px 0 0; border-bottom: 1px #666 solid; padding-bottom: 32px;} .home-events-list .list ul.list-style-teaser>li { margin: 32px 32px 32px 0; border-bottom: 1px #666 solid;} .home-events-list .list ul.list-style-teaser .teaser-block .teaser-title { display: flex; order: 2; color: var(--Primary-Bulls-Black, #000);font-feature-settings: 'salt' on;/* Desktop/Sans/H4 */font-family: "Sofia Pro";font-size: 32px;font-style: normal; font-weight: 400;line-height: 120%; letter-spacing: 0.64px; margin-left: 88px;} .home-events-list .teaser-block .teaser-date, .event-lander .pubdate-date {display: flex; order: 1; flex-direction: column; color: var(--Primary-Bulls-Black, #000);font-feature-settings: 'salt' on;/* Desktop/Sans/H4 */font-family: "Sofia Pro";font-size: 32px;font-style: normal; font-weight: 400;line-height: 120%; letter-spacing: 0.64px; } .home-events-list .list ul.list-style-teaser .teaser-image {display: none;} .home-events-list .teaser-block .teaser-content {margin-left: 0;} .home-events-list .teaser-end {display: block; margin-left: 145px;} .home-events-list a.teaser-start.teaser-combine-anchor:hover .teaser-date { text-decoration: none; color: #000;} .upcoming-events .buttoncomponent.sidebyside.white { margin-bottom: 200px; margin-left: 136px;} /*--------------------DESKTOP HOMEPAGE - OUR WORK SECTION---------------------------------------------------*/ .our-work-slider { } .our-work-slider img.img-140x140 { width: 1026px; height: 577px;} .our-work-slider .collectioncarousel .background-gray { background: #fff;} .our-work-slider .collectioncarousel .nav { position: relative; margin: -80px 0 0 0;} .our-work-slider .lSSlideOuter { margin-top: 100px;} /*--------------------DESKTOP HOMEPAGE - OUR WORK SECTION NAV BUTTONS---------------------------------------------------*/ .collectioncarousel .nav a.prev { left: inherit; right: 25px; box-shadow: none; display: block; position: absolute; height: 45px; width: 31.5px; background: #fff; border-radius: inherit; color: transparent; cursor: pointer; z-index: 6998; user-select: none; background: inherit; } .collectioncarousel .nav a.next {box-shadow: none; box-shadow: none; display: block; position: absolute; height: 32px; width: 32px; background: #E4E4E4; border-radius: 50%; color: transparent; cursor: pointer; z-index: 6998; user-select: none; background: inherit;} .collectioncarousel .nav a.prev:before, .facesvoiceshero .faces-voices-inner.fv-theme5 .list-style-faces-voices .lSAction .lSPrev .focus-mask:before { height: 32px; width: 32px; border-radius: 50%; font-family: inherit ; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:inherit; text-shadow: none; display: block; font-size: 22.5px; text-align: center; text-indent: 0; line-height: 45px; background-color: #E4E4E4; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.75625 13.0893C9.43081 13.4147 8.90317 13.4147 8.57774 13.0893L2.7444 7.25592C2.41897 6.93049 2.41897 6.40285 2.7444 6.07741L8.57774 0.244078C8.90317 -0.0813588 9.43081 -0.0813589 9.75625 0.244078C10.0817 0.569515 10.0817 1.09715 9.75625 1.42259L4.51217 6.66667L9.75625 11.9107C10.0817 12.2362 10.0817 12.7638 9.75625 13.0893Z' fill='%23666666'/%3E%3C/svg%3E"); content: ""; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; transition: background-color 0.2s ease, transform 0.15s ease; } .collectioncarousel .nav a.prev:hover:before, .facesvoiceshero .faces-voices-inner.fv-theme5 .list-style-faces-voices .lSAction .lSPrev .focus-mask:hover:before {background: #FFF; background-color: #005bbb; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.75625 13.0893C9.43081 13.4147 8.90317 13.4147 8.57774 13.0893L2.7444 7.25592C2.41897 6.93049 2.41897 6.40285 2.7444 6.07741L8.57774 0.244078C8.90317 -0.0813588 9.43081 -0.0813589 9.75625 0.244078C10.0817 0.569515 10.0817 1.09715 9.75625 1.42259L4.51217 6.66667L9.75625 11.9107C10.0817 12.2362 10.0817 12.7638 9.75625 13.0893Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); content: ""; background-repeat: no-repeat; background-position: center; background-size: 14px 14px;} .collectioncarousel .nav a.next:before, .facesvoiceshero .faces-voices-inner.fv-theme5 .list-style-faces-voices .lSAction .lSNext .focus-mask:before { height: 32px; width: 32px; border-radius: 50%; font-family: inherit ; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:inherit; text-shadow: none; display: block; font-size: 22.5px; text-align: center; text-indent: 0; line-height: 45px; background-color: #E4E4E4; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1.13281 11.902L6.51742 6.51742L1.13281 1.13281' stroke='%23666666' stroke-width='2.26602' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); content: ""; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; transition: background-color 0.2s ease, transform 0.15s ease; } .collectioncarousel .nav a.next:hover:before, .facesvoiceshero .faces-voices-inner.fv-theme5 .list-style-faces-voices .lSAction .lSNext .focus-mask:hover:before {background: #FFF; background-color: #005bbb; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1.13281 11.902L6.51742 6.51742L1.13281 1.13281' stroke='%23ffffff' stroke-width='2.26602' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); content: ""; background-repeat: no-repeat; background-position: center; background-size: 14px 14px;content: ""; background-repeat: no-repeat; background-position: center; background-size: 14px 14px;} .our-work-slider .collectioncarousel .nav a { outline: 0; top: 0;} /*--------------------DESKTOP HOMEPAGE - LARGER SQUARE IMAGE---------------------------------------------------*/ .larger-square-image img.img-447 { width: 750px;} /*--------------------DESKTOP HOMEPAGE - FACES AND VOICES------------------------------------*/ .facesvoiceshero .faces-voices-inner .teaser-block { height: 450px; margin-bottom: 200px;} .facesvoiceshero .faces-voices-inner .teaser-block .teaser-image { height: 100%; overflow: hidden; border-radius: inherit;} .size-xl.facesvoiceshero .teaser-block .teaser-inner .teaser-media { position: absolute; top: calc(50% - (258px / 2)); width: 440px; height: 440px; margin-right: 140px; } .size-xl.facesvoiceshero .teaser-block .teaser-inner .teaser-media+.teaser-content, .size-xl.facesvoiceshero .teaser-block .teaser-inner .teaser-end .teaser-content { margin-left: calc(440px + 140px); } .facesvoiceshero .faces-voices-inner .teaser-block .teaser-image img { box-sizing: border-box; border: none; border-radius: inherit; width: 100%; height: auto;} .size-xl.facesvoiceshero .list-style-faces-voices { padding-left: 0; padding-right: 140px; overflow: hidden; display: flex; flex-direction: column-reverse; } .larger-face .facesvoiceshero .faces-voices-inner.fv-theme5 .faces-voices-title { display: none;} .larger-face .facesvoiceshero .list-style-faces-voices .lSAction .lSPrev { right: 72px !important; left: auto; height: 37px;} .larger-face .lSAction>.lSPrev { background-position: 0 0; right: 52px !important; left: auto;} .facesvoiceshero .list-style-faces-voices .lSAction .lSNext { right: 32px;} .larger-face .facesvoiceshero .list-style-faces-voices .lSAction .lSNext .focus-mask { align-items: start; justify-content: end; height: 36px;} .larger-face .lSAction a:hover { color: transparent; text-decoration: none;} .facesvoiceshero .list-style-faces-voices .lSAction .lSPrev .focus-mask, .facesvoiceshero .list-style-faces-voices .lSAction .lSNext .focus-mask {width: 32px; height: 32px;} .size-xl.facesvoiceshero .list-style-faces-voices .lSAction .lSPrev, .size-xl.facesvoiceshero .list-style-faces-voices .lSAction .lSNext { width: 32px; } /*--------------------DESKTOP HOMEPAGE - OUR IMPACT------------------------------------*/ .parsys div.cq-colctrl-6-3-3-c0 {width: 47%;} .parsys div.cq-colctrl-6-3-3-c1 {width: 24%; padding-right: 0; margin-right: 24px;} .parsys div.cq-colctrl-6-3-3-c2 {width: 24%; } .our-impact { background-color: #000; padding: 104px 32px; margin: 0 0 200px 0;} .our-impact .title h2, .our-impact .callout .title, .our-impact .text p, .our-impact p {color: #fff !important;} .our-impact .callout {border: 1px solid #FFF; height: 250px; padding: 32px; background: rgba(255, 255, 255, 0.15); margin: 0 0 24px 0;} .our-impact .callout>div.gray-victor-e-blue, .our-impact .callout>div.bold-capen-brick, .our-impact .callout>div.bold-solar-strand, .our-impact .callout>div.gray-letchworth-autumn {background: none; background-image: none; height: 100%; width: 100%; padding: 0; } .our-impact .callout>div.gray-victor-e-blue .title {font: normal 40px / 1.3 Sofia Pro, Arial, sans-serif; margin: 0; padding: 0;} .our-impact .callout>div.bold-capen-brick .title, .our-impact .callout>div.bold-solar-strand .title, .our-impact .callout>div.gray-letchworth-autumn .title {font: normal 120px / 1.3 More Pro, Arial, sans-serif; margin: 0; padding: 0;} .our-impact .callout>div.bold-capen-brick .title::after { content: "rd"; font-size: 0.6em; vertical-align: super;} .our-impact .callout>div.bold-solar-strand .title::after { content: "th"; font-size: 0.6em; vertical-align: super;} .our-impact .callout>div.gray-letchworth-autumn .title::after { content: "st"; font-size: 0.6em; vertical-align: super;} /*.our-impact .callout>div .title { font: normal 120px / 1.3 More Pro, Arial, sans-serif; margin: 0; padding: 0;}*/ .our-impact .callout>div p { font: 450 16px / 2 Sofia Pro, serif; line-height: 140%; border-top: 1px solid; margin-top: 24px; padding-top: 24px; position: absolute; bottom: 0;} /*--------------------DESKTOP HOMEPAGE - LARGER IMAGE------------------------------------*/ .larger-square-image { height: 675px; width: 591px; overflow: hidden; margin-left: 90px; } .larger-square-image img.img-220 { width: 591px;} /*--------------------DESKTOP ACADEMIC HEADERS---------------------------------------------------*/ .bluenav .core-topnav {background: transparent;} .bluenav .core-header .inner {position:absolute; width: 100%;} /*BSARCH*/ .bluenav.bsarch .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 815px; background-color: #005bbb; background-image: url(/content/dam/ap/css-assets//ub-svg-graphics/UB_Shape_HarrimanBlue_01.svg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; z-index: 0; margin-bottom: 16px; } /*BAED*/ .bluenav.baed .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 815px; background-color: #005bbb; background-image: url(/content/dam/ap/css-assets//ub-svg-graphics/UB_Shape_HarrimanBlue_02.svg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; z-index: 0; margin-bottom: 16px; } /*ARCHMINOR*/ .bluenav.archminor .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 815px; background-color: #005bbb; background-image: url(/content/dam/ap/css-assets//ub-svg-graphics/UB_Shape_HarrimanBlue_03.svg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; z-index: 0; margin-bottom: 16px; } /*EDMINOR*/ .bluenav.edminor .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 815px; background-color: #005bbb; background-image: url(/content/dam/ap/css-assets//ub-svg-graphics/UB_Shape_HarrimanBlue_04.svg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; z-index: 0; margin-bottom: 16px; } /*PHD*/ .bluenav.phd .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 815px; background-color: #005bbb; background-image: url(/content/dam/ap/css-assets//ub-svg-graphics/UB_Shape_HarrimanBlue_05.svg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; z-index: 0; margin-bottom: 16px; } /*MARCH*/ .bluenav.march .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 815px; background-color: #005bbb; background-image: url(/content/dam/ap/css-assets//ub-svg-graphics/UB_Shape_HarrimanBlue_06.svg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; z-index: 0; margin-bottom: 16px; } /*MUP*/ .bluenav.mup .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 815px; background-color: #005bbb; background-image: url(/content/dam/ap/css-assets//ub-svg-graphics/UB_Shape_HarrimanBlue_07.svg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; z-index: 0; margin-bottom: 16px; } /*MSARCH*/ .bluenav.msarch .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 815px; background-color: #005bbb; background-image: url(/content/dam/ap/css-assets//ub-svg-graphics/UB_Shape_HarrimanBlue_08.svg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; z-index: 0; margin-bottom: 16px; } /*MSRED*/ .bluenav.msred .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 815px; background-color: #005bbb; background-image: url(/content/dam/ap/css-assets//ub-svg-graphics/UB_Shape_HarrimanBlue_09.svg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; z-index: 0; margin-bottom: 16px; } /*MSIDGH*/ .bluenav.msidgh .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 815px; background-color: #005bbb; background-image: url(/content/dam/ap/css-assets//ub-svg-graphics/UB_Shape_HarrimanBlue_10.svg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; z-index: 0; margin-bottom: 16px; } /*MSARCH .bluenav.msarch .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 815px; background-color: #005bbb; background-image: url(/content/dam/ap/css-assets//ub-svg-graphics/UB_Shape_HarrimanBlue_11.svg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; z-index: 0; margin-bottom: 16px; }*/ /*AFHC*/ .bluenav.afhc .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 815px; background-color: #005bbb; background-image: url(/content/dam/ap/css-assets//ub-svg-graphics/UB_Shape_HarrimanBlue_12.svg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; z-index: 0; margin-bottom: 16px; } /*HP*/ .bluenav.hp .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 815px; background-color: #005bbb; background-image: url(/content/dam/ap/css-assets//ub-svg-graphics/UB_Shape_HarrimanBlue_01.svg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; z-index: 0; margin-bottom: 16px; } /*MUDG*/ .bluenav.mudg .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 815px; background-color: #005bbb; background-image: url(/content/dam/ap/css-assets//ub-svg-graphics/UB_Shape_HarrimanBlue_02.svg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; z-index: 0; margin-bottom: 16px; } /*--------------------DESKTOP BUTTONS-------------------------------------------------------------------*/ .buttoncomponent a { position: relative; display: block; font: 13px / 1.2 Sofia, Arial, sans-serif; text-decoration: none; padding: 13px 18px 12px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; background: #005bbb; border-radius: 4px; min-width: 124px; margin: 10px 0; cursor: pointer;} /*}---END---*/ /*--------------------DESKTOP Heading Tags--------------------------------------------------- @media only screen and (min-width: 1201px) {*/ .title h1 { font: 120px / 7.58 Sofia Pro, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: 2.2px; font-feature-settings: 'salt' on; margin-left: 0 /*32px*/; } .title h2 { font: 64px / 4 Sofia Pro, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: 1.28px; color: #000; font-feature-settings: 'salt' on; margin-left: 0 /*32px*/; } .title h3 { font: 40px / 2.5 Sofia Pro, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: 1.28px; font-feature-settings: 'salt' on; margin-left: 0 /*32px*/; } .title h4 { font: 32px / 2 Sofia Pro, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: 1.28px; color: #000; font-feature-settings: 'salt' on; margin-left: 0 /*32px*/; } .title h5 { font: 24px / 1.5 Sofia Pro, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: 1.28px; font-feature-settings: 'salt' on; margin-left: 0 /*32px*/; } /*}---END---*/ /*--------------------DESKTOP Body Copy--------------------------------------------------- @media only screen and (min-width: 1201px) {*/ /*--------------------DESKTOP COLUMN CONTROL---------------------------------------------------*/ .page #columns.one-column #center {left:0; /*padding: 0 32px;*/} .title+.colctrl-start { margin-top: 64px;} .parsys div.cq-colctrl-3-9-c0 { width: 25%; padding-right: 0;} .parsys div.cq-colctrl-3-9-c1 { width: 75%;} .parsys div.cq-colctrl-6-6-c0, .parsys div.cq-colctrl-6-6-c1 {width: 50%; padding-right: 0;} /*--------------------DESKTOP DYNAMIC SEARCH---------------------------------------------------*/ .dynamiclistsearch.section, .dynamiclisttags.section {margin-left: 32px; width: 75%;} /*--------------------DESKTOP DYNAMIC LIST---------------------------------------------------*/ .list ul.list-style-teaser>li:first-child {margin: 0 32px 64px 0;} .list ul.list-style-teaser>li {margin: 64px 32px 64px 0;} .list ul.list-style-teaser>li, .list ul.list-style-teaser-catalog>li, .list ul.list-style-teaser-excerpt>li, .list ul.list-style-teaser-no-image>li {border-bottom: none;} .list ul.list-style-teaser .teaser-image {margin: 0 24px 0 0;} .list ul.list-style-teaser .teaser-block .teaser-title>*:not(.linkhint-icon) { display: inline; border-bottom: none;} .list ul.list-style-teaser .teaser-block .teaser-title { font: 450 24px Sofia, Arial, sans-serif; color: #000; font-feature-settings: 'salt' on; line-height: 140%; /* 33.6px */} .teaser-block .teaser-date, .teaser-block .teaser-links { display: inline; color: var(--Secondary-Townsend-Gray, #666); font-feature-settings: 'salt' on; font-family: "Sofia Pro"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%;} .teaser-end { display: none;} a:hover { color: var(--brand-accent, #005BBB); text-decoration: underline;} /*--------------------DESKTOP DYNAMIC LIST DROPDOWN CONVERSION---------------------------------------------------*/ .dynamiclisttags { position: relative; font-family: Arial, sans-serif;} /* The dropdown button (formerly h2) */ .dynamiclisttags button.title { background-color: #fff; color: #000; font-size: 16px; padding: 10px 14px; border: none; border-radius: 6px; cursor: pointer; user-select: none; width: 100%; text-align: left; display: flex; align-items: center; justify-content: left; transition: background 0.2s ease; border: 1px solid #e0e0e0; } .dynamiclisttags .title:hover { background-color: #fff; } /* Add arrow using ::before */ .dynamiclisttags button.title::before { content: "▼"; font-size: 0.8em; color: #000; margin-right: 8px; transition: transform 0.25s ease; } /* Dropdown list styles */ .dynamiclisttags .list { display: none; position: absolute; top: 100%; left: 0; background: #fff; min-width: 220px; border-radius: 6px; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); margin-top: 4px; z-index: 10; } .dynamiclisttags .list.show { display: block; } /* Arrow rotates when active */ .dynamiclisttags .title.active::before { transform: rotate(-180deg); } /* List styling */ .dynamiclisttags .link-list { list-style: none; margin: 0; padding: 0; } .dynamiclisttags .link-list li a { display: block; padding: 10px 14px; color: #333; text-decoration: none; transition: background 0.2s; } .dynamiclisttags .link-list li a:hover { background: #f2f2f2; } .dynamiclisttags .list ul.link-list li:before {content: none;} .dynamiclisttags .list ul.link-list li.active-tag {display:none;} .dynamiclisttags .list ul.link-list a {border-bottom:none;} /*---------------------------DESKTOP NEWS CONTENT ---------------------------------------------------*/ .text p, .table td, .callout p, .phototeaser .teaser-body p { margin: 36px 0 36px;} /*page column*/.news .introtext, .news h2, .news h3, .news h4, .news h5, .news .text, .news .img-926, .news .callout, .news .text.captiontext /*, .news .pubdate.section */ {margin: 0 124px 0 32vw;} .news .title h1 {font-feature-settings: 'salt' on;/* Large/UI/H3 */font-family: "Sofia Pro"; font-size: 40px;font-style: normal;font-weight: 400;line-height: 120%; /* 48px */letter-spacing: 0.8px; margin: 50px 32px 10px; } .news .parsys_column>.title:first-child h1 { margin: 136px 125px 24px 0;} .news .parsys_column /* div.cq-colctrl-6-6-c1*/ .image-container.image-hero {margin: inherit !important;} .news .parsys_column .image img { width: 100%; height: auto; box-sizing: border-box; -moz-box-sizing: border-box; margin-left: -35px;} .news .parsys_column/* div.cq-colctrl-6-6-c1*/ .image-container.image-hero .image img { width: 50%;} .news .pubdate.section {font-feature-settings: 'salt' on; /* Desktop/Sans/Body Medium */font-family: "Sofia Pro";font-size: 16px;font-style: normal;font-weight: 400;line-height: 150%; /* 24px */margin: 0px 32px 64px; } .news .captiontext.text.parbase.section {padding: inherit;} .news .introtext {font: 16px More Pro, Georgia, serif; font-style: normal;font-weight: 450; line-height: 150%; /* 24px */ margin-bottom: 48px;} .news .ubnow-category .text p, .news .hr.hrline:after {display: none;} /*REMOVES LIVE COPY CONTENT*/ /*---------------------DESKTOP CALL OUT--------------------------------------------------------------*/ .callout.section {} .callout>div .title {font: normal 16px / 1.3 Sofia, Arial, sans-serif; color: #000; margin: 15px 0 7px; padding: 0;} .callout>div p b { font: 450 32px / 2 More Pro, Georgia, serif; line-height: 140%;} .callout .icon-quote {display: flex; flex-direction: column;} .callout .title {order:2;} .callout>div p {order:1; font: 450 32px / 2 More Pro, Georgia, serif; line-height: 140%;} .callout>div.gray-victor-e-blue { background-image: none; width: 430px; } .callout>div { position: relative; background: inherit; border-radius: 0; padding: 32px 230px 32px 0;} .callout>div.icon-quote:before {content: none;} .callout>div.icon-quote p:before {content: "\201C";} .callout>div.icon-quote p:after {content: "\201D";} .callout .icon-quote {font: 450 32px / 2 More Pro, Georgia, serif; line-height: 140%;; font-style: normal;} /*---------------------DESKTOP NEWS IMAGE FLOAT--------------------------------------------------------------*/ .news .image-float-left { float: left; margin: 0 32px 32px 0; padding-left: 615px;} .news .image-float-left .text.captiontext {padding:0;} /*---------------------DESKTOP BUTTONS--------------------------------------------------------------*/ .news-lander .buttoncomponent.sidebyside { margin-left: 32px; width: 75%;} .news .buttoncomponent.sidebyside{ padding-left: 615px;} /*--------------------- DESKTOP NEWS BY LINE--------------------------------------------------------------*/ /*authored by*/.news-lander .pubdate-label:before { content: "By";} /*date doubledash*/.news-lander .pubdate-date:before { content: "\2014";} /*--------------------- DESKTOP EVENTS LANDER--------------------------------------------------------------*/ .event-lander .teaser-block .teaser-content {display:flex;} .event-lander .list ul.list-style-teaser .teaser-block .teaser-title { display: flex; order: 2; color: var(--Primary-Bulls-Black, #000);font-feature-settings: 'salt' on;/* Desktop/Sans/H4 */font-family: "Sofia Pro";font-size: 32px;font-style: normal; font-weight: 400;line-height: 120%; /* 38.4px */letter-spacing: 0.64px; margin-left: 88px;} .event-lander .teaser-block .teaser-date, .event-lander .pubdate-date {display: flex; order: 1; flex-direction: column; color: var(--Primary-Bulls-Black, #000);font-feature-settings: 'salt' on;/* Desktop/Sans/H4 */font-family: "Sofia Pro";font-size: 32px;font-style: normal; font-weight: 400;line-height: 120%; /* 38.4px */letter-spacing: 0.64px; width: 125px;} .event-lander .list ul.list-style-teaser .teaser-image {display: none;} .event-lander .teaser-block .teaser-content {margin-left: 0;} .event-lander .teaser-end {display: block; margin-left: 215px; margin-top: -25px;} .event-lander a.teaser-start.teaser-primary-anchor:hover .teaser-date { text-decoration: none; color: #000;} /*--------------------- DESKTOP EVENTS PAGE--------------------------------------------------------------*/ .event-lander .event {padding-top: 132px;} .event-lander .event .pubdate-label {display: none;} .event-lander .event .pubdate {display: inline-block; vertical-align: top; } .event .title.section { display: inline;} .event-lander .event .title h1 {display: inline-block; margin-left: 25vw;} .event-lander .event .title h1 {color: var(--Primary-Bulls-Black, #000);font-feature-settings: 'salt' on;/* Desktop/Sans/H2 */font-family: "Sofia Pro";font-size: 64px;font-style: normal; font-weight: 400;line-height: 120%; /* 76.8px */letter-spacing: 1.28px;} .event .image-container.image-hero { width: 80vw; margin-left: auto;} .event .captiontext.text.parbase.section { display: inherit; width: 80vw; margin-left: auto;} .event .text.captiontext {display: inline; margin-left: 0;} .event .introtext, .event .title h2, .event .title h3, .event .title h4, .event .title h5, .event .title h6, .event .text, .event .image-container.image-container-926, .event .image-float-left {display: block; margin: 0 124px 0 32vw;} .event .buttoncomponent.sidebyside{display: block; margin-left: 32vw; width: 209px;} .event .icon-quote.gray-victor-e-blue {margin-left: 32vw;} /*--------------------DESKTOP FOOTER--------------------------------------------------------------*/ .fatfooter { color: #fff; width: 100%; /* height: 590px;*/ background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: center; background-size: 85%; /* preserves aspect ratio */} .fatfooter .footer-mode-simple, .fatfooter .footer-mode-enhanced, .fatfooter .footer-mode-fat {margin: 0 auto;} .fatfooter .footer-mode-fat .footer-mode-simple {display:flex; flex-direction: row; flex-wrap: wrap; background-image: none; height: 590px;} .fatfooter .footer-mode-fat .footer-mode-simple .ub-logo { padding-bottom: 17px; width: 445px; height: auto; margin-left: 32px; } .fatfooter .copyright { margin: 0; width: 100%; font-size: 12px; border-top: 1px solid #fff; padding: 16px 32px; margin-top: auto;} /*--------------------DESKTOP FOOTER---------------------------------------------------*/ /*}---END---DESKTOP min-width: 1201px-----*/ /*--------------------TABLET Heading Tags---------------------------------------------------*/ @media only screen and (min-width: 768px) and (max-width: 1200px) { .title h1 { font: 110px / 6.8 Sofia Pro, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: 2.2px; font-feature-settings: 'salt' on; } .title h2 { font: 56px / 3.5 Sofia Pro, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: 1.28px; color: #000; font-feature-settings: 'salt' on; } .title h3 { font: 40px / 2.5 Sofia Pro, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: 1.28px; font-feature-settings: 'salt' on; } .title h4 { font: 32px / 2 Sofia Pro, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: 1.28px; color: #000; font-feature-settings: 'salt' on; } .title h5 { font: 24px / 1.5 Sofia Pro, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: 1.28px; font-feature-settings: 'salt' on; } }/*---END---*/ /*--------------------MOBILE Heading Tags---------------------------------------------------*/ @media only screen and (max-width: 767px) { .title h1 { font: 48px / 6.8 Sofia Pro, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: 2.2px; font-feature-settings: 'salt' on; } .title h2 { font: 40px / 4 Sofia Pro, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: 1.28px; color: #000; font-feature-settings: 'salt' on; margin-left: 24px; } .title h3 { font: 32px / 2.5 Sofia Pro, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: 1.28px; font-feature-settings: 'salt' on; } .title h4 { font: 28px / 2 Sofia Pro, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: 1.28px; color: #000; font-feature-settings: 'salt' on; } .title h5 { font: 20px / 1.5 Sofia Pro, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: 1.28px; font-feature-settings: 'salt' on; } .teaser-featured .teaser-image img { /* mask source */ -webkit-mask-image: url("/content/dam/ap/css-assets/ub-svg-graphics/UB_Shape_White_12.svg"); mask-image: url("/content/dam/ap/css-assets/ub-svg-graphics/UB_Shape_White_12.svg"); -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; /* sizing */ mask-size: 75%; /* positioning */ -webkit-mask-position: center; mask-position: center; /* prevent tiling */ -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 600px; height: 600px;} }/*---END---*/ /*END--------------------Heading Tags---------------------------------------------------*/ /*--------------------TABLET Body Copy---------------------------------------------------*/ @media only screen and (min-width: 1023px) and (max-width: 1200px) { .introtext { font: 32px More Pro, Georgia, serif; font-style: normal; font-weight: 450; line-height: 140%; margin-bottom: 64px;} }/*---END---*/ /*--------------------MOBILE Body Copy---------------------------------------------------*/ @media only screen and (max-width: 767px) { .introtext { font: 28px More Pro, Georgia, serif; font-style: normal; font-weight: 450; line-height: 140%; margin-bottom: 56px;} }/*---END---*/ /*--------------------DESKTOP MEDIA TEMPLATE---------------------------------------------------*/ @media only screen and (min-width: 1201px) { /*---END---*/ } /*--------------------TABLET MEDIA TEMPLATE---------------------------------------------------*/ @media only screen and (min-width: 1023px) and (max-width: 1200px) { }/*---END---*/ /*--------------------MOBILE MEDIA TEMPLATE---------------------------------------------------*/ @media only screen and (max-width: 767px) { /*--------------------MOBILE HOMEPAGE Ticker --------------------------------------------------*/ :root{ --font-size: 48px; --row-height: 1.08em; --baseline-trim: 0.15em; --scroll-time: 0.8s; --pause-time: 3s; --scroll-color: #005bbb;} .homepage #center-nocols .top .headline .top, .homepage #center-nocols .bottom { padding: 0 !important; margin: 0 !important;} .headline {gap:0;} .spin-ub { margin-top: 0; margin-left: 0;} .promo-p { margin-top: 0;} .promo-p .text p {margin: 36px 0 120px;} .homepage .introtext p { font-size: 28px; padding-right: 0;} .buttoncomponent.sidebyside.white { margin-bottom: 120px; margin-left: 0;} /*--------------------MOBILE HOMEPAGE LATEST NEWS --------------------------------------------------*/ .lat-news .gridstorylist .list-style-teaser-grid-story { margin: 0; } .lat-news .list-style-teaser-grid-story .teaser.teaser-block .teaser-media { width: 450px; height: 450px; } /*--------------------MOBILE HOMEPAGE UPCOMING EVENTS --------------------------------------------------*/ .home-events-feature .teaser-featured .teaser-image { width: 100%; } .home-events-list { width: 100%; margin-left: 24px;} .upcoming-events .buttoncomponent.sidebyside.white { margin-bottom: 120px; margin-left: 24px;} /*--------------------MOBILE HOMEPAGE OUR WORK --------------------------------------------------*/ .our-work-slider .lSSlideOuter { margin-top: 55px;} .our-work-slider .flexmodule .teaser-block .teaser-primary-anchor { width: 100%; height: fit-content; } .our-work-slider .collectioncarousel .lSSlideWrapper { height: 285px;} /*--------------------MOBILE HOMEPAGE LARGER IMAGE --------------------------------------------------*/ .larger-square-image { height: 675px; width: 100%; overflow: hidden; margin-left: 0;} }/*---END---*/