.clearBoth { clear: both; } .remove-top-margin { margin-top: 0 !important; } .remove-bottom-padding { padding-bottom: 0 !important; } .remove-top-padding { padding-top: 0 !important; } .remove-left-padding { padding-left: 0 !important; } .remove-right-padding { padding-right: 0 !important; } .halve-bottom-padding { padding-bottom: 2em !important; } .halve-top-padding { padding-top: 2em !important; } a.wvu-white-text { color: white; } .no-interests { width: 100%; } .iowan-old-style-black-italic { font-family: 'IowanOldStyleW01-BlackI',Iowan,Georgia,'Times New Roman',Times,serif !important; font-style: normal !important; font-weight: normal !important; } .wvu-bolder { font-weight: bolder !important; } ol.featurette--list, ul.featurette--list { margin-left: 20px; } ol.featurette--list li, ul.featurette--list li { margin: 0; } ol.featurettes--lists { padding-left: .7em; list-style-type: none; counter-reset: li; margin-left: 0; } .featurettes--lists li:before { counter-increment: li; content: counter(li); color: #0033A0; font-size: 2em; padding: .35rem 1.25rem; font-family: 'IowanOldStyleW01-BlackI',Iowan,Georgia,'Times New Roman',Times,serif !important; font-style: normal !important; font-weight: normal !important; top: -1px; left: -.3em; position: absolute; background-color: #efefef; text-align: center; } ol.featurettes--lists li, ul.featurettes--lists li { border-top: 1px solid #e8e5e2; position: relative; margin: 0 0 .5rem 0rem; padding: 0.5rem 0.5em 1em 4em; list-style: none; min-height: 96px; min-height: 6rem; display: block; } ul.checklist { list-style-type: '\2610'; } ul.checklist li { padding-left: 10px; margin-bottom: 7px; } h3.subheading--topic { font-family: "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif !important; text-transform: none; font-size: 1.3em; line-height: 1em; font-weight: bold; padding-top: 0.75em; } /* failed experiment .wvu-hero a.button--white-fill { border: 2px solid white; background-color: white; color: #000; text-shadow: none; } .wvu-hero a.button--white-fill:hover { border: 2px solid white; background-color: white; color: #EAAA00; } */ /* .wvu-profile__sidebar a[href*="youtube.com"]::after, .wvu-profile__sidebar a[href*="youtu.be"]::after { content: ''; position: absolute; margin-top: -1px; margin-left: 5px; width: 16px; height: 20px; background-size: 16px 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ny45NDIsMjYuMzM4Yy0wLjc5NS03LjE3Ny01LjkxMy0xMi42NDgtMTMuMTE5LTEzLjExOCAgYy0zMS4xNDktMi4wMzUtMzguNDk3LTIuMDM1LTY5LjY0NywwQzcuOTcsMTMuNjksMi44NTMsMTkuMTU5LDIuMDU4LDI2LjMzOGMtMi40MTgsMjEuODI1LTIuNDE3LDI1LjQ5OSwwLDQ3LjMyNCAgQzIuODUzLDgwLjg0MSw3Ljk3Myw4Ni4zMSwxNS4xNzYsODYuNzhjMzEuMTUxLDIuMDM1LDM4LjQ5OCwyLjAzNSw2OS42NDcsMGM3LjIwNC0wLjQ3LDEyLjMyNC01Ljk0MSwxMy4xMTktMTMuMTE4ICBDMTAwLjM1OSw1MS44MzcsMTAwLjM2LDQ4LjE2Myw5Ny45NDIsMjYuMzM4eiBNNjQuNjA5LDUxLjg4NkwzNy42NjQsNjguMTIzYy0wLjY5OSwwLjQyMS0xLjY3MiwwLjQzMi0yLjM4MiwwLjAzICBjLTAuNzEtMC40LTEuMjgyLTEuMTAxLTEuMjgyLTEuOTE2VjMzLjc2M2MwLTAuODE1LDAuNTcyLTEuNTE2LDEuMjgyLTEuOTE3YzAuNzEtMC40MDEsMS42MDItMC4zOSwyLjMwMSwwLjAzMWwyNi45ODUsMTYuMjM3ICBjMC42OCwwLjQxLDEuMDg2LDEuMDkyLDEuMDg2LDEuODg2QzY1LjY1NCw1MC43OTQsNjUuMjg5LDUxLjQ3Nyw2NC42MDksNTEuODg2eiI+PC9wYXRoPjwvc3ZnPg=="); } */ /* for blocks-frequently-asked-questions */ .faqAnswers { margin-top: 4rem; margin-bottom: 6rem; } .faqAnswers h2, .faqAnswers h3 { max-width: 33em; margin-bottom: 2px; margin-top: 60px; } .faqAnswers h2 + p, .faqAnswers h3 + p { margin-top: 0; } .faqAnswers #answers { margin-bottom: 30px; margin-top: 30px; } .faqAnswers ul.quickfind-list li, .faqAnswers li { margin: 0; } .faqAnswers ul.quickfind-list, .faqAnswers li { margin-left: 1em; } .faqAnswers ul.quickfind-list { margin-top: 2.25em; } @media (max-width: 32em) { .faqAnswers ul.quickfind-list { margin-left: -15px; } } .faqAnswers ul.wvu-slashes--list li { background-position: top 5px left 15px; background-repeat: no-repeat; background-size: 13px; padding-left: 2em; margin: 0 0 5px 0; } .button--faq { padding: 5px; margin-left: 3px; border-radius: 3px; color: white; font-weight: bold; text-transform: uppercase; font-size: 0.6em; /* Minimum is 0.6em (9px) to pass Siteimprove Accessibility Best Practices */ vertical-align: middle; } h2 .button--faq { font-size: 0.45em; } h3 .button--faq { font-size: 0.35em; } .button--faq-orange { background-color: #fee5d8; color: #be3a34; } .button--faq-blue { background-color: #d6ebff; color: #005eb8; } .button--faq-brown { background-color: #f9e5c4; color: #634908; } /* for blocks-featurette-grouping mock-profile-layout */ .remove-profile-text-top-margin p:first-child { margin-top: 0; } .left-heading { text-align: left; } h2.left-heading--regular, h3.left-heading--regular { font-family: "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif !important; text-transform: none; font-weight: bold; font-size: 1.6em; line-height: 1em; } @media (min-width: 35em) { h3.left-heading--regular { margin-top: 0; } } @media (max-width: 32em) { .wvu-profile__photo.remove-profile-photo-negative-margin { margin: 0; } } @media (min-width: 32em) { .left-heading { margin-top: 6px; } } @media (min-width: 32em) and (max-width: 35.5em) { .left-heading { margin-left: 32px; } } @media (min-width: 35em) { .d-flex-35 { display: flex !important; } } @media (min-width: 48em) { .add-vertical-margin { margin-bottom: 2em; } } /* for blocks-featurette-grouping standard-layout */ @media (max-width: 32em) { .wvu-featurettes__header h2, .wvu-featurettes__header h1 { font-size: 3.2rem; } .wvu-featurettes__header h2.minimize-display-name { font-size: 2.9rem; } } @media (min-width: 48em) { .wvu-featurettes__featurette--2 .wvu-featurettes__photo.expanded { width: 100%; } .wvu-featurettes__featurette--2 .wvu-featurettes__info--hasphoto.expanded { width: 100%; } } /* handle the issue of featurette grouping needing an h1 */ .wvu-featurettes__header h1 {margin:0 0 0.5em;text-align:center;text-transform:uppercase;font-family:"HelveticaNeueW01-97Blac","Helvetica Neue",Helvetica,"Helvetica LT Std","Helvetica CY",Arial,"Lucida Grande",sans-serif;font-weight:normal;line-height:.80487em;text-transform:uppercase;font-size:1.5em} .fonts-loaded .wvu-featurettes__header h1 {font-family:"HelveticaNeueW01-97Blac","Helvetica Neue",Helvetica,"Helvetica LT Std","Helvetica CY",Arial,"Lucida Grande",sans-serif}@media (min-width: 48em){.wvu-featurettes__header h1{font-size:2em}} @media (min-width: 48em) { .wvu-featurettes { padding-bottom: 4em; } } @media (min-width: 48em) { .wvu-featurettes__featurette--3--thinedge { margin-right: 3em !important; display: inline-block; vertical-align: top; float: none; margin-bottom: 0; width: 30%; } .featurette-profiles .wvu-featurettes__featurette--3--thinedge { margin-right: 5% !important; } .featurette-profiles .wvu-featurettes__featurette--3 { width: 28%; } } .wvu-featurettes__featurette--3--thinedge:nth-child(3n), .wvu-featurettes__featurette--5:nth-child(5n) { margin-right: 0 !important; } @media (max-width: 32em) { ul.wvu-slashes--featurette { margin-left: -5px; } } /* for blocks-hero */ @media (max-width: 60em) { div.bgImg.hideMobile { background-image: none; padding-top: 4em; padding-bottom: 0; } } @media (max-width: 60em) { .videoWrapperWrapper { width:100%; } } @media (min-width: 60em) { .videoWrapperWrapper { width:48%; float:right; } .videoWrapper { margin-left: 30px; } } .videoWrapper { z-index: 3; position: relative; border: 8px solid; border-color: #ffffff; background-color: #ffffff; } p.videoDescription { text-shadow: none; margin: 8px 2px 0 2px; max-width: 100%; line-height: normal; font-size: 0.9em; color: #000000; } @media (max-width: 60em) { .wvu-hero__copy.wvu-hero__copy--iframe { float: none; width: 100%; } } @media (min-width: 48em) and (max-width: 60em) { .wvu-hero__copy.wvu-hero__copy--iframe { padding-bottom: 2em; } } @media (max-width: 32em) { .wvu-hero__copy h1, .wvu-hero__copy h2 { font-size: 3.2rem; } } /* for blocks-quicklink-group */ ul.wvu-slashes--quicklist li { background-position: top 4px left 14px; background-repeat: no-repeat; background-size: 12px; padding-left: 2em; margin-bottom: 0.5em; font-size: 1em; } ul.wvu-slashes--quicklist li a { text-decoration: underline; } /* for blocks-schedule-index */ span.si-fa-icon { width: 38px; text-align: center; } @media (min-width: 48em) { p.pl-c-schedule-item { padding-left: 2.4em; } div.pl-c-schedule-item { padding-left: 2.9em; } } /* for the subnav within RtC sub-sections */ .wvu-quicklinks--sub-sub-nav { background-color: #fff; padding: 0.1em 0 0 0; } @media (min-width: 48em) { .wvu-quicklinks-2-col ul { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-fill: balance; column-fill: balance; column-gap: 20px; } .wvu-quicklinks-2-col li { display: inline-block; width: 100%; margin-top: 0; } .wvu-quicklinks-2-col.with-padding, .wvu-slashes--quicklist.with-padding li { margin-bottom: 0.9em; } .wvu-quicklinks-2-col > * { -webkit-column-break-inside: avoid; column-break-inside: avoid; } } /* for blocks-video */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fullWidthVideo .wvu-video__video { width: 100%; margin-bottom: 0; } .fullWidthVideo .wvu-video__description { width: 100%; margin: 20px 0 0 5px; } .fullWidthVideo .wvu-video__description p:last-child { margin-bottom: 0; } @media (min-width: 48em) { .fullWidthVideo .wvu-video__description { width: 66%; } .wvu-video__description.remove-left-margin { width: 40% !important; margin-left: 0 !important; } } /* for blocks-virtual-tour-panorama */ @media (max-width: 75em) { .wvu-container.wvu-container-panorama { padding-left: 0; padding-right: 0; } } .panorama { width: 100%; height: 300px; } /* for even table rows */ .table.table--case-count tr:nth-child(even) { background: #fff; } /** * Initialiazing a `footnotes` counter on the wrapper */ #case-counts { counter-reset: notes-case-counts; } #test-results { counter-reset: notes-test-results; } #daily-campus-testing { counter-reset: notes-campus-testing-count; } #daily-self-reported { counter-reset: notes-self-reported-count; } #weekly-campus-testing { counter-reset: notes-weekly-snapshot-count; } #daily-quarantine { counter-reset: notes-quarantine-count; } #daily-isolation { counter-reset: notes-isolation-count; } /** * Inline footnotes references * 1. Increment the counter at each new reference * 2. Reset link styles to make it appear like regular text */ [aria-describedby="notes-label-daily-results"], [aria-describedby="notes-label-daily-results"]:visited { counter-increment: notes-case-counts; text-decoration: none; color: #000000 !important; } [aria-describedby="notes-campus-testing-label"], [aria-describedby="notes-campus-testing-label"]:visited { counter-increment: notes-campus-testing-count; text-decoration: none; color: #000000 !important; } [aria-describedby="notes-self-reported-label"], [aria-describedby="notes-self-reported-label"]:visited { counter-increment: notes-self-reported-count; text-decoration: none; color: #000000 !important; } [aria-describedby="notes-weekly-snapshot-label"], [aria-describedby="notes-weekly-snapshot-label"]:visited { counter-increment: notes-weekly-snapshot-count; text-decoration: none; color: #000000 !important; } [aria-describedby="notes-quarantine-label"], [aria-describedby="notes-quarantine-label"]:visited { counter-increment: notes-quarantine-count; text-decoration: none; color: #000000 !important; } [aria-describedby="notes-isolation-label"], [aria-describedby="notes-isolation-label"]:visited { counter-increment: notes-isolation-count; text-decoration: none; color: #000000 !important; } /** * Actual numbered references * 1. Display the current state of the counter (e.g. `[1]`) * 2. Align text as superscript * 3. Make the number smaller (since it's superscript) * 4. Slightly offset the number from the text * 5. Reset link styles on the number to show it's usable */ [aria-describedby="notes-label-daily-results"]::after { content: '[' counter(notes-case-counts) ']'; /* 1 */ } [aria-describedby="notes-campus-testing-label"]::after { content: '[' counter(notes-campus-testing-count) ']'; /* 1 */ } [aria-describedby="notes-self-reported-label"]::after { content: '[' counter(notes-self-reported-count) ']'; /* 1 */ } [aria-describedby="notes-weekly-snapshot-label"]::after { content: '[' counter(notes-weekly-snapshot-count) ']'; /* 1 */ } [aria-describedby="notes-quarantine-label"]::after { content: '[' counter(notes-quarantine-count) ']'; /* 1 */ } [aria-describedby="notes-isolation-label"]::after { content: '[' counter(notes-isolation-count) ']'; /* 1 */ } [aria-describedby="notes-label-daily-results"]::after, .notes-label::after { vertical-align: super; /* 2 */ font-size: 0.5em; /* 3 */ margin-left: 2px; /* 4 */ color: blue; /* 5 */ text-decoration: underline; /* 5 */ cursor: pointer; /* 5 */ } /** * Resetting the default focused styles on the number */ [aria-describedby="notes-label-daily-results"]:focus::after, .notes-label:focus::after { outline: thin dotted; outline-offset: 2px; } [aria-label="Back to content"], .back-to-content-arrow { font-size: 0.8em; } /** * Highlight target note */ @keyframes highlight { from { background-color: yellow; } to { background: transparent; } } @keyframes highlight-on-dg { from { background-color: yellow; color: #000; } to { background: transparent; color: #fff; } } #notes-daily-results :target, #resulted-meaning-ref:target, .target:target { animation: highlight 1.5s ease; } .notes-ref-dg:target { animation: highlight-on-dg 1.5s ease; } #notes-daily-results, .notes { padding-left: 50px; } .notes { margin-top: 0px; } /** * Dupe u-wvu-visually-hidden */ .visually-hidden.u-wvu-focusable:active, .visually-hidden.u-wvu-focusable:focus { position: static; width: auto; height: auto; margin: 0; clip: auto; overflow: visible; } .visually-hidden:not(:focus):not(:active) { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; } /** * DS or BS classes */ .wvu-bg-topo-light { background-size: cover; position:relative } .wvu-bg-topo-light:before { background-image: url("https://static.wvu.edu/global/images/patterns/wvu/background__topo-white--1.0.0.svg"); background-position: center; background-size: cover; opacity: .07; bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; z-index:0 } .wvu-bg-topo-light-new { background-size: cover; position:relative } .wvu-bg-topo-light-new:before { background-image: url(https://static.wvu.edu/global/images/patterns/wvu/background__topo-white--2.0.0.svg); background-position: center; background-size: 1000px 976px !important; opacity: 1; bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; z-index: 0; } .bg-light { background:#f8f9fa; background-color:#f8f9fa; } .small { font-size: 80%; } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 400; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out; } .badge-primary { color: #fff; background-color: #006fe6; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important; } .w-100 { width: 100% !important; } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out; } .btn { text-decoration: none !important; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .list-unstyled { list-style:none; padding-left: 0.8em; } /** * Linktree styles */ .linktree-link a { width:100%; text-align:center; margin-bottom:1em; padding:1em; } .linktree-p p { margin-bottom:2em; } .linktree-link img { border-radius: 50%; display: flex; margin: 0 auto; width:100px; } .linktree-wvu { min-height:850px; } .linktree-footer-phone { background: url(https://static.wvu.edu/html-email-assets/images/admissions-2/phone--1.0.0-dark-01.svg) no-repeat 5px 4px; background-size: 15px; margin-left: 0; padding-left: 2em; padding-top: 2px; margin-bottom:0; margin-top:0; width:100%; } .linktree-footer-email { background: url(https://static.wvu.edu/html-email-assets/images/admissions-2/mail--1.0.0-dark-01.svg) no-repeat 5px 4px; background-size: 15px; margin-left: 0; padding-left: 2em; padding-top: 2px; width:100%; margin-top:0; } .linktree-footer-address { background: url(https://static.wvu.edu/html-email-assets/images/admissions-2/location--1.0.0-dark-01.svg) no-repeat 5px 4px; background-size: 15px; margin-left: 0; padding-left: 2em; padding-top: 2px; width:100%; margin-top:0; margin-bottom: 0; } .linktree-footer-contact ul { background-position: top 4px left 14px; background-repeat: no-repeat; background-size: 12px; padding-left: 2em; margin-bottom: 0.5em; font-size: 1em; list-style-type: none; padding-left: 0; margin-bottom:0; } .link-tree-max-w { max-width:55em; } .link-subtle { color: #2C2A29!important; text-decoration:none; } .link-subtle:hover { color: #CD4C08!important; text-decoration: underline; } .social-media-icon { text-align: center; padding: 0 3px 0 3px; vertical-align: middle; font-size: 20px; bottom: -20px; } .social-media-icon--youtube { color: #FF0000; font-size: 24px; padding-left: 6px; } .social-media-icon--instagram { color: #fccc63; font-size: 22px; } .social-media-icon--tiktok { color: #00f2ea; } .social-media-icon--more { color: #fff; } p.wvu-footer__copyright_updated { font-size: 90%; margin-top: 1em; line-height: 1.1em; } /** * Program listings styles (Majors, Minors and Certificates page) */ .wvu-program-filter-v2 { background: none; border: none; padding: 0; } .wvu-program-filter-v2 label { display: inline; font-weight:400; font-size: 0.9em; } .wvu-program-heading { line-height:1.2; } .go-back a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .go-forward a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /** * Gold Background links */ .wvu-bg-topo-light.bg-wvu-gold.background a { color: #002855; } /** * New colors */ .wvu-accent--sunset { color: #F58672; } .bg-wvu-accent--sunset { background-color: #F58672; } .bg-wvu-neutral--cream { background-color:#F2E6C2;} .bg-light { background-color:#f8f9fa;} /** * WVU Bar */ .wvu-bar { position:relative !important; padding-top:1.5rem } .wvu-bar:before { background-color:#EAAA00 !important; content:"" !important; height:.5rem !important; position:absolute !important; top:0rem !important; width:7rem !important; } .wvu-bar.wvu-bar--bottom { position:relative !important; padding-bottom:1rem !important; margin-bottom:1rem !important; padding-top:0 !important; } .wvu-bar.wvu-bar--bottom:before{ display:none !important } .wvu-bar.wvu-bar--bottom:after{ background-color:#EAAA00 !important; bottom:0 !important; content:"" !important; height:.5rem !important; left:0 !important; position:absolute !important; width:7rem !important; } .wvu-bar.wvu-bar--center { display:inline-block !important } .wvu-bar.wvu-bar--center:before,.wvu-bar.wvu-bar--center:after{ left:50% !important; margin-left:-3.5rem !important } .wvu-bar.wvu-bar--white:before,.wvu-bar.wvu-bar--white:after { background-color:white !important } .wvu-bar.wvu-bar--blue:before,.wvu-bar.wvu-bar--blue:after { background-color:#002855 !important; }.wvu-bar.wvu-bar--transparent-dark:before,.wvu-bar.wvu-bar--transparent-dark:after { background-color:black !important; opacity:0.25 !important } .wvu-bar.wvu-bar--transparent-light:before,.wvu-bar.wvu-bar--transparent-light:after { background-color:white !important; opacity:0.25 !important; }