*/.tile .box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; justify-content: space-between; flex-flow: row wrap;}.tile .box a.xy-col { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; align-items: center; justify-content: center; flex-grow: 1; padding: 1em; margin-top: 1.5em;}.tile .box.two-col .xy-col { flex-basis: 48%; max-width: 48%; }.tile .box.three-col .xy-col { flex-basis: 31%; max-width: 31%; }.tile .box.four-col .xy-col { flex-basis: 23%; max-width: 23%; }.tile .box div { margin: .5em; }.tile .box div h2 { margin: 0; }.tile .box div p { margin: 0; }.tile .box div h2 ~ p { margin: .5em 0 0; line-height: 1.25; font-size: 16px; }@media(max-width:767px){ .tile .box { display:block; } .tile .box a.xy-col, .tile .box.two-col .xy-col,.tile .box.three-col .xy-col,.tile .box.four-col .xy-col { max-width: 100%; }}/* Callout - put .xy-callout on container with full width checked*/.vt-full-width.xy-callout :not(.vt-col) > .section.text { margin-top:2em; margin-bottom:2em; }@media(min-width:768px){ .vt-full-width.xy-callout .section.text p { font-size:2em; }}/* 1:1 Hero Image for Mobile */@media (max-width: 767.98px) { /*.xy-hp .featured-content-container .xy-hero.vt-carousel { margin-top: 0; } */ .xy-hp .xy-hero figure { position: relative; width: 100%; padding-top: 100%; } .xy-hp .xy-hero figure img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 200%; max-width: none; } .xy-hp .xy-hero.xy-hero-left figure img { left:-25%; } .xy-hp .xy-hero.xy-hero-center figure img { left:-50%; } .xy-hp .xy-hero.xy-hero-right figure img { left:-75%; } /* Additional options */ .xy-hp .xy-hero.xy-hero-fifteen figure img { left:-15%; } .xy-hp .xy-hero.xy-hero-thirty figure img { left:-30%; } .xy-hp .xy-hero.xy-hero-forty figure img { left:-40%; } .xy-hp .xy-hero.xy-hero-sixty figure img { left:-60%; } .xy-hp .xy-hero.xy-hero-seventy figure img { left:-70%; } .xy-hp .xy-hero.xy-hero-eighty figure img { left:-80%; } .xy-hp .xy-hero.xy-hero-ninety figure img { left:-90%; } .xy-hp .xy-hero.xy-hero-flush-right figure img { left:-100%; }}/* Full-width container */.xy-container.vt-vtcontainer.vt-full-width { padding: 0; margin-bottom: 0;}.xy-container.vt-vtcontainer.vt-full-width .vt-vtcontainer { margin:0 auto; padding: 40px 50px; max-width: 1170px;}@media (max-width: 767px) { .xy-container.vt-vtcontainer.vt-full-width .vt-vtcontainer { padding: 40px 1.25em; }}/* Generic HP didn't set font-size on list item */.xy-hp .text .vt-text li { font-size: 18px; line-height: 1.8; margin-bottom: .7em;}/* Text split into columns */.xy-text-col-3 { column-count: 3; column-gap: 2em;}.xy-text-col-2 { column-count: 2; column-gap: 2em;}.text .vt-text.xy-text-col ul li { font-size: 16px; display: block;}@media (max-width: 767px) { .xy-text-col { column-count: 1; column-gap: 0; }}/*Card Example
Networking reception
Monday, September 24, 2018
5 to 7 p.m.
Lane Stadium, South End Zone
(Registration is required for students. See information below.)
*/.xy-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; }.xy-card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem;}.xy-card-body h3 { font-size:1.75rem; font-weight: 500; color:rgba(134,31,65,1); }@media (min-width: 768px) and (max-width: 991.98px) { .xy-card-body h3 { font-size:1.5rem; }}.xy-card-link { }.xy-card-link:hover, .xy-card-link:focus { color:#c64600; }/* Fix for long CTAs in mobile */@media (max-width: 767px) { .vt-ctaLink.dark, .vt-ctaLink.light, .vt-ctaLink.maroon, .vt-ctaLink.orange, .vt-ctaLink.outline.dark, .vt-ctaLink.outline.maroon, .vt-ctaLink.outline.orange, .vt-list-listOfLinks.button-dividers .item .vt-list-title a, .vt-listStripe .vt-listStripe-button a { white-space: normal; padding: .8rem 1rem; }}/* Calendar icon */time.icon { font-size: 1em; /* change icon size */ display: block; position: relative; width: 7em; height: 7em; background-color: #fff; border-radius: 0.6em; box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd; overflow: hidden;}time.icon *{ display: block; width: 100%; font-size: 1em; font-weight: bold; font-style: normal; text-align: center;}time.icon abbr{ position: absolute; top: 0; padding: 0em 0; color: #fff; text-transform: uppercase; text-decoration: none; background-color: #fd9f1b; border-bottom: 1px dashed #f37302; box-shadow: 0 2px 0 #fd9f1b; font-size: 1.25em;}time.icon em{ position: absolute; bottom: 0em; color: #fd9f1b;}time.icon span{ font-size: 2.7em; letter-spacing: -0.02em; padding-top: 0.6em; color: #2f2f2f;}/* CTA fix Accordion - sets a bottom margin so it doesn't hit the top of the next section*/.vtAccordion .vtctalink { margin-bottom:3em;}.flypanels-topbar { height: 52px; }a.flypanels-button-right.icon-menu.visible-xs { padding: 4px 1em;}a.flypanels-button-left-sticky { top: 0; }/* Make Body and Content Footer Flush */ .content .row.secondary-content-container { padding-bottom: 0 !important; }/* Add spacing for first heading in hp-template main content */@media only screen and (max-width: 991px) { .home-content > .col-md-12 > div > .text:first-child > .vt-text > h2 { padding-top: 1em; }}/* Directory Photos cropped to circle */.xy-directory-circle figure { padding: 1em; border: 1px dashed #861f41; border-radius: 50%;}.xy-directory-circle figure > picture > img { border-radius:50%; }main .vtmulticolumn.section .vt-multicolumn .vtctalink.parbase.section { margin-bottom: 3em; }/* HP NEWS HEADLINES list */ .news-headlines.vt-list ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }.news-headlines.vt-list span.vt-list-date-formatted { color: #75787b; font-size: 11px; padding: 0; }/* Display 2nd - 5th items in 2 columns */.news-headlines li:nth-child(n+2):nth-child(-n+5).row { max-width: 48%; width:50%; margin:0; padding:0; }/* Removed for vt_theme_one .news-headlines li:nth-child(n+2):nth-child(-n+5).row > ul li { padding:0; }*/.news-headlines li:nth-child(n+2):nth-child(-n+5).row > ul > li > ul { margin:0; } .news-headlines li:nth-child(n+2):nth-child(-n+5).row .vt-list-title { font-size: 14px; }.news-headlines li:nth-child(n+1):nth-child(-n+5).row .item>ul>li:first-of-type { flex:1 1 100%; position:relative; /*height:100%*/; }/* Set images 3:2 */.news-headlines li:nth-child(n+2):nth-child(-n+5).row .item>ul>li:first-of-type picture { display:block; position:relative; padding-bottom:67%; width:100%; overflow:hidden; }.news-headlines li:nth-child(n+2):nth-child(-n+5).row .item>ul>li:first-of-type img { display: block; min-width: 100%; min-height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; object-fit: cover; }/* Limit text to 4 lines */ .news-headlines.vt-list span.vt-list-title { padding: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* Display 4th & 5th items as rows in mobile */@media only screen and (max-width:576px) { .news-headlines li:nth-child(n+4):nth-child(-n+5).row { max-width: 100%; width:100%; margin:0; padding:0; } .news-headlines li:nth-child(n+4):nth-child(-n+5).row ul { display:flex; flex-direction: row-reverse; } .news-headlines li:nth-child(n+4):nth-child(-n+5).row > ul li { flex:1 100%; padding:0; } .news-headlines li:nth-child(n+4):nth-child(-n+5).row > ul > li > ul { margin:0; } .news-headlines li:nth-child(n+4):nth-child(-n+5).row .item>ul>li:last-of-type { flex: 1.65; padding-right: 1em; padding: 1em 1em 0 1em;} .news-headlines li:nth-child(n+4):nth-child(-n+5).row .item>ul>li:first-of-type { flex: 1; position: relative; height: 100%; } /* Set images 1:1 */ .news-headlines li:nth-child(n+4):nth-child(-n+5).row .item>ul>li:first-of-type picture { padding-bottom:100%; }}/* Reset images 3:2 */@media only screen and (min-width:474px) and (max-width:767px) { .news-headlines li:nth-child(n+2):nth-child(-n+5).row .item>ul>li:first-of-type picture { padding-bottom:67%; }}.news-headlines.vt-list .item>ul>li:last-of-type { display: flex; flex-direction: column; margin-bottom: 0; }.news-headlines.vt-list .vt-list-date-formatted { margin-bottom: 0; order: 2; }.news-headlines.vt-list .vt-list-title { flex: 0 1 auto; order: 1;}/* Display 1st article image */.news-headlines li:first-of-type.row .item>ul>li:first-of-type picture { display:block; position:relative; padding-bottom:67%; width:100%; overflow:hidden; }/* Remove VT :before on article figures */.news-headlines.vt-list .vt-list-columns ul li.row .item>ul>li figure::before { content:unset; }/****** VT THEME ONE ******//* Section / Chunk */#vt_theme_one .section-theme-dark { color: #fff;}#vt_theme_one .section-theme-light { color: #000;}/* H3 fix for mobile */@media only screen and (max-width: 767.98px) { h3 { font-size: 1.5rem; }}/* UL fix for Medium to small devices */@media only screen and (max-width: 991.98px) { .vt-rawhtml ul, .vt-text ul { padding-left: 0; }}.vt-multicolumn .vt-rawhtml ul, .vt-multicolumn .vt-text ul { padding-left: 0; }/* Break long emails in multicolumns */#vt_theme_one .vt-multicolumn li { word-wrap:break-word; word-break:break-all; word-break:break-word; }#vt_theme_one .section-theme-dark hr { border-top: 1px solid rgba(255,255,255,.4); }/* POP Hover */#vt_theme_one .xy-pop.two-col li { flex-basis:48%; max-width:48%; } /* col-lg-6 */#vt_theme_one .xy-pop.three-col li { flex-basis:31%; max-width:31%; } /* col-lg-4 */#vt_theme_one .xy-pop.four-col li { flex-basis:23%; max-width:23%; } /* col-lg-3 */#vt_theme_one .xy-pop.five-col li { flex-basis:18%; max-width:18%; } /* col-lg-3 */@media only screen and (max-width: 767.98px) { #vt_theme_one .xy-pop li, .xy-pop.three-col li, .xy-pop.four-col li, .xy-pop.five-col li { flex-basis:100%; max-width:100%; } /* col-12 */}#vt_theme_one .xy-pop li a { display: flex; text-align: center; text-decoration: none; padding: 1.0rem 2.0rem; background-image: linear-gradient(transparent, transparent 50%, white 50%, white ); background-size: 100% 200%; color: #fff; border: 2.0px solid #fff; transition: all 0.2s ease; width: 100%; height: 100%; align-items: center; justify-content: center; font-family: gineso-condensed,sans-serif;}#vt_theme_one .xy-pop li a:hover, .xy-pop li a:focus { color: #861f41; background-position: 100% 100%; outline-color: #E87722;}#vt_theme_one .section-theme-light .xy-pop li a { border-color: #861f41; background-image: linear-gradient(white, white 50%, #861f41 50%, #861f41);}#vt_theme_one .section-theme-light .xy-pop li a:hover, .section-theme-light .xy-pop li a:focus { color: #fff; outline-color: #75787b;}#vt_theme_one .xy-pop li:first-of-type { margin-left: 0; }#vt_theme_one .xy-pop li:last-of-type { margin-right: 0; }#vt_theme_one .xy-pop li a p { margin-bottom: 0; font-size: 1.5rem; text-transform:uppercase;}#vt_theme_one .xy-pop ul { margin: 0; padding: 0;}#vt_theme_one .xy-pop ul>li::before { content: none; /* Removes custom square bullets */}/* Fix tile box columns */#vt_theme_one .tile .box div { /* REMOVE margin: .5em; */ margin: 0;}#vt_theme_one .tile h2 { font-size: 1.75rem;}#vt_theme_one .tile h2 ~ p { margin-bottom: 0;}@media (max-width: 767px) { #vt_theme_one .tile .box a.xy-col, .tile .box.two-col .xy-col, .tile .box.three-col .xy-col, .tile .box.four-col .xy-col { max-width: 100%; margin-bottom: 2em; } #vt_theme_one .tile .box.three-col .xy-col:last-of-type { margin-bottom: 0; }}/* Home page w/o CTA */#vt_theme_one.noherocta #vt_no_rb,#vt_theme_one.noherocta #vt_no_rb .vt-bodycol-content .vtcontainer:first-of-type { margin-top: 0;}/* FIX for long CTA links */#vt_theme_one .vt-callToAction .vt-callToAction-message .vt-ctaLink { white-space: normal;}/* Fix margins between sections */#vt_theme_one #vt_no_rb div[class$="-body"] > .vt-bodycol-content > .vtcontainer { margin-top: 0; margin-bottom: 0;}#vt_theme_one .xy-container.vt-vtcontainer.vt-full-width { padding: 0; /* ADD */ margin-bottom: 0;}#vt_theme_one.vt-general #vt_no_rb div[class$="-body"] > .vt-bodycol-content > .vtcontainer:first-of-type { margin-top: 2em; margin-bottom: 2em; }@media (min-width: 768px) { #vt_theme_one .xy-container.vt-vtcontainer.vt-full-width .vt-vtcontainer { padding: 80px 50px; }}/* Callout */#vt_theme_one .vt-full-width.xy-callout .section.text p { font-size: 1rem; line-height: 1.65; }@media (min-width: 576px) { #vt_theme_one .vt-full-width.xy-callout .section.text p { font-size: 1.2rem; line-height: 1.5; }}@media (min-width: 768px) { #vt_theme_one .vt-full-width.xy-callout .section.text p { font-size: 1.1rem; line-height: 1.5; }}@media (min-width: 992px) { #vt_theme_one .vt-full-width.xy-callout .section.text p { font-size: 1.3em; line-height: 1.5; }}@media (min-width: 1200px) { #vt_theme_one .vt-full-width.xy-callout .section.text p { font-size: 1.5em; line-height: 1.5; }}/* Fix 1:1 Hero Image */@media (max-width: 767.98px) { #vt_theme_one.xy-hp .xy-hero figure { position: relative; width: 100%; padding-top: 100%; } #vt_theme_one.xy-hp .xy-hero figure img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 200%; max-width: none; } #vt_theme_one.xy-hp .xy-hero.xy-hero-left figure img { left:-25%; } #vt_theme_one.xy-hp .xy-hero.xy-hero-center figure img { left:-50%; } #vt_theme_one.xy-hp .xy-hero.xy-hero-right figure img { left:-75%; } /* Additional options */ #vt_theme_one.xy-hp .xy-hero.xy-hero-fifteen figure img { left:-15%; } #vt_theme_one.xy-hp .xy-hero.xy-hero-thirty figure img { left:-30%; } #vt_theme_one.xy-hp .xy-hero.xy-hero-forty figure img { left:-40%; } #vt_theme_one.xy-hp .xy-hero.xy-hero-sixty figure img { left:-60%; } #vt_theme_one.xy-hp .xy-hero.xy-hero-seventy figure img { left:-70%; } #vt_theme_one.xy-hp .xy-hero.xy-hero-eighty figure img { left:-80%; } #vt_theme_one.xy-hp .xy-hero.xy-hero-ninety figure img { left:-90%; } #vt_theme_one.xy-hp .xy-hero.xy-hero-flush-right figure img { left:-100%; } #vt_theme_one.xy-hp .xy-hero figure a { position: unset; }}/* Fix twoone and onetwo */@media (min-width: 768px) { #vt_theme_one .twoone .col-lg-6.col-md-6:first-of-type { flex: 0 0 66%; max-width: 66%; } #vt_theme_one .twoone .col-lg-6.col-md-6:last-of-type { flex: 0 0 33%; max-width: 33%; } #vt_theme_one .onetwo .col-lg-6.col-md-6:first-of-type { flex: 0 0 33%; max-width: 33%; } #vt_theme_one .onetwo .col-lg-6.col-md-6:last-of-type { flex: 0 0 66%; max-width: 66%; }}/* Fix mobile multicolumn padding */@media (max-width: 767.98px) { .col-lg-6.col-md-6 { padding: 0; }}/* Fix Portrait Images in Lists */#vt_theme_one .vt-transparent-bg.vt-list .vt-list-columns ul>li.item .vt-list-item-img img { position: relative; opacity: 1; height: 100%; width: 100%;}#vt_theme_one .vt-transparent-bg.vt-list .vt-list-columns ul>li.item .vt-list-item-img { margin-top: 0;}#vt_theme_one .vt-transparent-bg.vt-list .vt-list-columns ul>li.item .vt-list-item-img figure::before { padding-bottom: 0;}#vt_theme_one .vt-transparent-bg.vt-list-image-only.vt-list .vt-list-columns ul>li.item .row { border: none;}#vt_theme_one .vt-transparent-bg.vt-list-image-only.vt-list .vt-list-columns .item>ul>li~* { display: none;}/* List component */#vt_theme_one .vt-list .vt-list-columns .item>ul>li:last-child, #vt_theme_one .vt-transparent-bg.vt-list .vt-list-columns .item>ul>li:last-child { margin-bottom: 0;}/* Fix maroon bullets and numbers on dark background sections */#vt_theme_one .section-theme-dark ul li::before, .section-theme-dark ol>li ul>li::before { background-color: #fff;}#vt_theme_one .section-theme-dark ol li::before, .section-theme-dark ul>li ol>li::before { color: #fff;}#vt_theme_one .section-theme-dark ol li::after, .section-theme-dark ul>li ol>li::after { color: #fff;}/* Fix Magazine Features Hover */#vt_theme_one .story-feature a, #vt_theme_one .story-feature:hover a, #vt_theme_one .story-feature:focus a { color: #9f9f9f; text-decoration: none; display: block;}/* Badge List */#vt_theme_one ul.badge-list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin: 0; padding: 0;}#vt_theme_one .badge-list .badge-item { display: flex; max-width: 100%; flex-basis: 100%; flex-direction: column; overflow: hidden; justify-content: center; align-items: center; padding: .25em .4em; text-align: center; margin-bottom: 1em;}@media (min-width:576px) { #vt_theme_one .badge-list .badge-item { max-width: 50%; flex-basis: 50%; margin-bottom: 0; }}@media (min-width:992px) { #vt_theme_one .badge-list .badge-item { max-width: 33%; flex-basis: 33%; margin-bottom: 1%; }}#vt_theme_one li.badge-item:before { content: none;}#vt_theme_one .badge-item div { height: 100%; width: 100%; display: flex; flex-direction: column; background: rgba(0,0,0,0.1); padding: 1.5em 1em; justify-content: center;}#vt_theme_one li.badge-content { margin-bottom: 1.5rem;}#vt_theme_one .badge-value, #vt_theme_one .badge-unit { font-size: 3rem; font-weight: 300;}#vt_theme_one .badge-caption { text-transform: uppercase; line-height: 1.75em; margin: 1em 1em 0;}#vt_theme_one .badge-caption-source { text-transform: uppercase; font-style: italic; font-size: .7em; margin-top: 1em;}#vt_theme_one .badge-unit { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.009em;}#vt_theme_one .badge-unit.badge-unit-top { vertical-align: top;}/* Brand Header */#vt_logo span.vt-logo-text { font-size: clamp(1rem, 4.75vw, 1.6rem); max-width: 250px;}/* Footer */@media (max-width: 767.98px) { #vt_theme_one footer .footer-content { text-align: center; padding: 1rem; } #vt_theme_one footer .footer-content ul { margin-left:0; } #vt_theme_one footer .footer-content li::before { content:unset; } #vt_theme_one footer .footer-content .follow-cnre-icons { margin-bottom: 3rem; }}#vt_theme_one footer .footer-content .follow-cnre-icons a { padding: 0 10px; }#vt_theme_one footer .footer-content .follow-cnre-icons a:last-of-type { padding-right: 0; }#vt_theme_one footer .footer-content .follow-cnre-icons a:first-of-type { padding-left: 0; }
