/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #header{ position: absolute; background: rgba(56, 33, 64, .5); } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HERO IMG ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ html { color: initial; } body #backToTopDS { height: 41px; bottom: 10px; } .delayed { position: absolute; left: -10000px; } .bg { /* position: absolute; top: 0; left: 0; */ max-width: 3600px; width: 100%; } #home-content { width: 100%; max-width: 100%; position: relative; } /*#home-content a{ font-family: "OpenSansRegular",sans-serif; }*/ #eventsCtr, #newsCtr, #videosCtr, #statsCtr, #phillyCtr, #addressCtr { transition: right .5s, opacity 1s; transition-timing-function: cubic-bezier(.17,.67,.41,1.05); margin-top: 0; padding: 0 30px 10px; min-height: 300px; margin-bottom: 0; } #successCtr { transition: right .5s, opacity 1s; transition-timing-function: cubic-bezier(.17,.67,.41,1.05); margin-top: 0; padding: 0 30px 10px; margin-bottom: 0; } #statsCtr > div { padding: 0 15px; } #statsCtr { color: #763775; text-align: center; } #statsCtr h2 { color: #763775; min-height: 60px; font-size: 2em; /* made h2 size smaller */ } #statsCtr .grid4 { color: #555; } #statsCtr .grid4 img { width: 30%; /* made images smaller */ } #statsCtr .grid4 p, #statsCtr .grid4 a { font-size: 1em; /* made text smaller */ } #statsCtr .grid12 p { margin-bottom: 0; /* decreased white space */ } #statsCtr .grid12 { padding: 25px 0; padding-bottom: 0; /* decreased white space */ } #statsCtr .grid12:last-of-type p { padding-top: 0; } #eventsCtr, #phillyCtr { position: relative; height: 500px; overflow: hidden; } #eventsImage, #eventsImageOverlay, #videoImageOverlay, #videoImage, #phillyImage { position: absolute; top: 0; left: 0; height: 100%; } #eventsImage, #videoImage, #phillyImage { z-index: 0; } #eventsImageOverlay, #videoImageOverlay, #phillyImageOverlay { background-color: rgba(68, 31, 73, 0.75); width: 100%; z-index: 1; } #eventsImageOverlay { background-color: rgba(68, 31, 73, 0.9); /* darkened just the events section */ } #phillyContent { position: absolute; top: 0; right: 0; height: 100%; width: 50%; z-index: 2; } #phillyContent h2 { width: 75%; margin: auto auto; margin-bottom: 0; margin-top: 39px; padding-bottom: 0; } #phlCon p { color: #FFF; margin: 0; } #phlCon p, #statsCtr p, #statsCtr a { padding: 20px; font-size: 1.5em; line-height: 1.5em; } #statsCtr p, #statsCtr a { margin-top: 0; padding-top: 0; } #phlCon a { font-size: 1.5em; line-height: 1.5em; } #phlCon ul, #progRAM { list-style-type: none; padding-left: 20px; } #phillyContent h2, #phlCon a { color: #FFE800; } #phillyImageOverlay { position: absolute; top: 0; right: 0; height: 100%; width: 50%; background-color: rgba(32, 32, 32, 0.75); } #videoImageOverlay { background-color: #666; opacity: .9; /* darkened video overlay section */ } #videosCtr { position: relative; background-color: #666; } #videosContent figcaption { color: #FFF; font-size: .75em; } #eventsContent, #videosContent { position: relative; z-index: 2; } #addressCtr { background-color: #666; min-height: 400px; } #addressCtr h2, #addressCtr strong { color: #EEE; } #addressCtr .grid8 { padding-right: 10px; } #addressCtr p { color: #FFE800; font-size: 1.8em; line-height: 2em; text-align: center; margin-top: 10px; margin-bottom: 0; } #addressCtr .gradTitle { margin-top: 20px; } #addressCtr h2 { margin-bottom: 5px; margin-top: 6%; } #addressCtr ul { list-style-type: none; margin-left: 0; color: #FFE800; text-align: center; font-size: 1.5em; } #addressCtr li { color:#FFE800; } #addressCtr a { color: #FFE800; } #addressCtr img { padding-top: 20px; } #addressCTR .pdfIcon{ margin-left: 5px; } #pnlNonEmergency #home-wrapper { background: #FFF; } #newsCtr { background-color: #999; height: 425px; } #newsCtr *, #home-content #eventsCtr *, #videosContent h2 { color: #EEE; } #home-content #eventsCtr span { color: #763775; } #newsCtr h2, #newsCtr #newsCarousel * { color: #EEE; } #newsCtr h2{ margin-bottom: 0; } #home-wrapper #newsCtr { background-color: #666; } #newsCtr #newsLinks{ text-align: center; margin: 10px 0; } #newsCtr #newsLinks a{ color: #FFE800; font-size: 1em; } #newsCtr #newsLinks a:visited{ color: #FFE800; } #specialCtr{ background: #552e6f; margin: 0; color: #EEE; font-size: 1.5em; } #specialCtr img { padding: 25px 0 0 25px; } #specialCtr .grid6{ text-align: center; padding: 20px; } #specialCtr .grid6 a, #specialCtr h2 { color: #FFE800; padding: 0; margin: 0; font-size: 2em; } #specialCtr h3 { font-size: .75em; } #specialCtr ul { list-style-type: none; } #specialCtr .commSmallText{ font-size: .75em; margin-top: 10px; } @media screen and (max-width:900px){ #specialCtr h2+.grid6 { display: none; } #specialCtr .grid6 { width: 100%; } #specialCtr .grid6:first-of-type{ padding-bottom: 0; } #specialCtr .grid6:last-of-type{ padding-top: 0; } #specialCtr img{ padding: 20px; } } @media screen and (max-width:600px){ #specialCtr h2 { font-size: 1.25em; } #specialCtr h3 { font-size: .5em; } } /* #home-content #inaugurationLink{ color: #fff; font-size:.8em; } #specialCtr ul{ list-style-type: none; margin-left: 0; margin-top: 25px; font-size: 2.5em; color: #FFF; } #specialCtr .campusFoodDrive a{ display: block; text-align: center; color: #FFBD07; position: relative; } #specialCtr .campusFoodDrive .fancybox-media img{ box-shadow: none; } #specialCtr .campusFoodDrive a .fa-play-circle-o{ font-size: 4em; -webkit-transition: opacity .5s ease-out; text-decoration: none; position: absolute; bottom: 50px; right: 30px; transition: font-size, .5s; color: #763775; } #specialCtr .campusFoodDrive a:hover .fa-play-circle-o{ opacity: 1; font-size: 5em; color: #D9AA2A; } #specialCtr li{ line-height: 1.4em; } #specialCtr li:nth-of-type(3){ color: #FFBD07; } #specialCtr li:nth-of-type(4){ font-size: .8em; } #specialCtr .grid3 img{ padding-left: 20px; } #specialCtr .campusFoodDrive{ margin-bottom: 10px; } #specialCtr .campusFoodDrive img{ display: block; margin: 10px auto; padding-left: 0; padding-right: 20px; padding-top: 10px; } */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Success ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #successCtr { background: #666; } #successCtr h2, #successCtr li{ color: #FFF; } #home-content #successCtr h2{ margin-bottom: 0; text-align: left; } #home-content p.successLink{ margin-top: 5px; } #successCtr li{ font-size: 1.5em; padding: 10px 0; } #successCtr a{ color: #FFE800; } #successContent ul{ list-style-type: none; margin: 0; margin-top: 10px; } #successCtr img{ display: block; padding: 20px; max-height: 300px; margin: 0 auto; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Events ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .events{ background-color: #eee; border-bottom: 1px solid rgba(204, 204, 204, .5); padding: 30px 30px 10px 30px; } .eventsHeader{ background: #382140; padding: 20px 10px; padding-left: 30px; } .events h1{ margin: 0; padding: 0; margin-bottom: 10px; } .events ul{ width: 100%; display: inline-block; list-style: none; } .events ul li a{ font-size: small; } .events ul li a{ border-right:1px solid #c3c3c3; padding: 0 25px; color: #666; display: block; text-decoration: none; } .events ul li a:hover { color: #D9AA2A; } .events ul li a:hover .date { background: #D9AA2A; } .events ul li:last-child a{ border-right:none; } #eventsCarousel .flex-control-nav{ position: inherit; } #eventsCarousel a, #newsCarousel a, #statsCtr .grid4 a { box-sizing: border-box; display: block; outline-offset: -1px; } #eventsCarousel li { position: relative; } .flex-control-nav { width: 100%; position: absolute; bottom: 0; text-align: right; } .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {margin: 0 2px; width: 10px;height: 10px; display: block; background-color: white; cursor: pointer; text-indent: 9999em;-webkit-box-shadow: 0 0 1px rgba(0,0,0,.5);-moz-box-shadow: 0 0 1px rgba(0,0,0,.5);box-shadow: 0 0 1px rgba(0,0,0,.5);} .flex-control-nav li a.flex-active{background-color: #6F316E;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} .date{ float: right; color: white; margin-left:10px; padding: 5px 10px; background:#ccc; text-align: center; } .day{ font-size: 1.25em; font-weight: bold; } div[id^="hdnContent"] { display: none; width: 850px; height: 500px; overflow-x: auto; overflow-y: auto; } div[id^="hdnContent"] h3 { margin-bottom: 0; margin-top: 0; background-color: #763775; color: #FFE800; padding: 10px; font-family: "OpenSansRegular",sans-serif; } div[id^="hdnContent"] p { margin: 0; padding: 0; } #htn25Details { padding: 10px; } div[id^="hdnContent"] > div { width: 95%; } div[id^="hdnContent"] img { display: none; } div[id^="hdnContent"] small { display: block; width: 100%; padding-bottom: 15px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Latest News ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .contentHolder .news h1{ font:1.5em/1.36 Georgia, "Times New Roman", serif } .newsContainer{ margin: 0 auto; } .news{ margin:10px; box-shadow: 0px 0px 3px 2px rgba(0,0,0,.2); width: 280px; float: left; padding-bottom: 35px; } .newsText{ padding: 10px; } .news.gold{ border-top: 3px solid #FFE800; } .news.purple{ border-top:3px solid #382140; } .news.grey{ border-top:3px solid #333; } #campus-announcement a abbr { border-bottom: none!important; } #newsCarousel { position: relative; } #newsCarousel ol { bottom: -50px; } @media only screen and (max-width: 768px){ #home-wrapper{ background:none; } #adaHero{ display: none; } } .no-js .flexslider .slides > li { display: block; } .no-js .flex-caption { width: 96%; } #campus-announcement { width: 100%; } #ideasOnline, #ideasOnline i { transition: background-color, .5s; } #ideasOnline:hover { border: 1px solid #D9AA2A; } #ideasOnline:hover i { color: #D9AA2A; } @media screen and (max-width: 767px) { .flexslider, .noMobile { display: none; } #eventsCtr { height: 350px; } #statsCtr h2 { min-height: auto; } #statsCtr .grid4 { padding: 15px; border-bottom: 1px solid #CCC; } } #passwordWrapper .bubbleWrap { z-index: 9; } .newsContainer ul { list-style-type: none; } .newsContainer li { margin-bottom: 10px; } .newsContainer a { text-decoration: none; } #homeEvents { margin: 0; padding: 0; border-left: 1px solid #E7E7E7; padding-left: 5px; } #homeEvents h1 { margin-bottom: 0; margin-left: 20px; } #homeEvents .submitEvent { padding-left: 23px; margin-top: 6px; display: inline-block; } #homeEvents .allEvents { border-left: 1px solid #BBB; padding-left: 3px; margin-top: 6px; display: inline-block } .newsContainer.latestNews span, .newsContainer.latestNews div { padding-left: 15px; padding-top: 15px; } .newsContainer.latestNews img { margin-top: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; float: left; box-shadow: 1px 1px 5px #000; } #eventsList li { padding-top: 20px; min-height: 75px; border-top: 1px solid #E7E7E7; float: left; } #eventsList li:first-child { border-top: none; } #eventsList .eventDate, #eventsList .eventTime { border-right: 1px solid #763775; } #eventsList .eventTime, #eventsList .eventLocation { padding: 0 5px; /* display: inline-block; */ } #eventsList .eventDate, #eventsList .eventTime, #eventsList .eventLocation { font-size: .8em; } #eventsList img { box-shadow: 0 0 5px #000; border-radius: 5px; } .newsContainer #eventsList span { color: #763775; } #eventsList li:hover div .eventHeadline { text-decoration: underline; } /* BEGIN for when multiple links are needed */ #eventsList li.lnkContainer { width: 100%; } #eventsList li.lnkContainer:hover div .eventHeadline { text-decoration: none; } #eventsList li.lnkContainer .mLinks:hover .eventHeadline { text-decoration: underline; } /* END for when multiple links are needed */ .latestNewsHeadline { background-color: #382140; float: left; width: 50%; height: 100%; margin-top: 15px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding-right: 10px; box-shadow: 1px 1px 5px #000; } .latestNewsHeadline2 { display:inline-block; min-height: 80%; float: left; border: 1px solid #666; width: 50%; padding: 10px; /*background-color: #382140; original color */ background-color: #763775; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM5RTdCOUUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM2RTMwNkQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c0NTQpIiAvPgo8L3N2Zz4="); border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 1px 1px 3px #666; color: white; } .eventImage { border-top-left-radius: 5px; border-bottom-left-radius: 5px; float: left; clear: left; max-width: 200px; } .eventImage img { min-height: 106px; } #ideasOnline { position: absolute; z-index: 899; /* just below fancy box */ display: inline-block; width: 400px; } .prNewsItem a { height: 175px; } .prNewsItem>div { width: 100%; height: 100%; } .prNewsItem img{ max-height: 106px; max-width: 159px; } /* ********************************************************************************************** */ /* NEW HOME PAGE 08/2015 */ /* ********************************************************************************************** */ #fbLoad { float: left; width: auto; position: relative; left: 10px; top: 3px; } #fbLoadImg { display: block; float: left; } #campusNotification { /* original removed for covid-19 background-color: rgba(255,0,0,.75); */ background-color: #FFF; border-bottom: #F00; margin: auto auto; display: none; width: 100%; position: absolute; top: 139px; } /* below color rule added for covid-19 */ #home-wrapper #campusNotification * { color: red !important; } #campusNotification.noAnnc { display: none; } #campusNotification #notice { font-size: 1.5em; margin: 20px; font-weight: bold; color: #6e3061; text-transform: uppercase; padding-bottom: 0; border: transparent; } #campusNotification #closeNotice { float: right; text-decoration: none; margin-top: 23px; margin-right: 20px; } #campusNotification #closeNotice svg{ width: 15px; vertical-align: middle; } #campusNotification.shortList h2 { padding-bottom: 20px; } #allNotices { padding-top: 0; margin-top: 0; } #allNotices ul { margin-left: 1em; } #campusNotification a, #campusNotification abbr { color: #6e3061; text-transform: uppercase; margin-bottom: 0; padding-bottom: 0; border: transparent; } #campusNotification small a:first-child { padding-right: 10px; } #campusNotification small a { text-decoration: underline; font-size: .75em; position: relative; top: -5px; } #campusNotification ul { list-style-type: none; } #calLinks a, #videosCtr h2 a { border-left: 1px solid #999; font-size: .65em; margin-left: 10px; padding-left: 15px; font-weight: normal; position: relative; top: -1px; } #calLinks, #viewVid { text-align: center; padding-bottom: 20px; } #home-content #calLinks a, #home-content #viewVid a { font-size: 1em; text-align: center; color: #FFE800; } #viewVid { display: block; } #calLinks a:first-child { border-left: transparent; } #wcuHPAreas #upcomingEvents{ padding: 5% 5%; background-color: #382140; background-image: url(https://www.wcupa.edu/_resources/includes/brand/images/homePageImages/hpFindProgParallax.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } #upcomingEvents h2{ text-align: center; margin-bottom: 7%; } #upcomingEvents h2 a:hover { text-decoration: underline; } #upcomingEvents h3, #newsCtr h3 { font-size: 1em; font-weight: normal; margin-bottom: 0; clear: left; text-transform: uppercase; padding-top: 5px; } #home-content #upcomingEvents .forceUpper { text-transform: uppercase; color: #EEE; } #upcomingEvents h3 + span { font-size: .75em; padding-bottom: 50px; } #upcomingEvents .noImage { background-color: #CCC; width: 70%; } #upcomingEvents .eventMonth { text-transform: uppercase; padding-top: 5px; } #upcomingEvents p { font-size: .75em; margin-top: 0; } #upcomingEvents .grid4:nth-child(n+8){ display: none; } #upcomingEvents .eventMonth, #upcomingEvents .eventDate { text-align: center; display: block; font-weight: bold; } #upcomingEvents .eventDate{ font-size: 1.9em; } #upcomingEvents .moreDate{ font-size: 1em; } #upcomingEvents a .eventMonth, #upcomingEvents a .eventDate{ color: #FFE800; font-family: "Phonk", Arial, sans-serif; font-size: 1.3em; } #upcomingEvents a .eventDate{ font-size: 1.8em; } #upcomingEvents .slides li:first-child { padding-left: 0; } #upcomingEvents li { list-style-type: none; } #upcomingEvents > .grid3 { padding: 0 5px; margin-bottom: 10px; } #upcomingEvents > .grid3:nth-of-type(4n+1) { clear: left; } #upcomingEvents .dateContainer { padding: 0 10px; margin-right: 20px; float: left; padding: 0 10px; height: auto; min-height: 85px; border-right: 5px solid #FFE800; overflow: hidden; } #upcomingEvents .flex-control-nav.flex-control-paging { position: relative; /* top: -15px; */ } /* #upcomingEvents a { text-decoration: none; } */ /* requested to have links underlined */ #upcomingEvents a, #upcomingEvents a h3{ color: #F5F5F5; } #upcomingEvents a.btnGold{ color: #6e3061; text-align: center; } #upcomingEvents .grid12 p{ text-align: center; margin-top: 40px; } #upcomingEvents .grid4 li:hover a, #upcomingEvents .grid4 li:hover a h3, #upcomingEvents a.btnGold:hover{ color: #FFE800; } #upcomingEvents a:hover { cursor: pointer; } #upcomingEvents .grid4{ margin-bottom: 30px; } #upcomingEvents .grid4:nth-of-type(3n+1){ clear: left; } #upcomingEvents .dateContainer { transition: background-color, .5s; } #upcomingEvents h3 { display: inline; } #upcomingEvents h3::after { display: none; } a#ideasOnline { /* should be able to remove these once real stylesheet is edited */ position: relative; z-index: 1; width: 200px; float: right; top: -50px; right: 30px; color: #763775; } a#ideasOnline .fa-lightbulb-o { padding-left: 10px; } .flexslider.homepageSlider { max-width: 1920px; } .smBanner { position: absolute; bottom: 0; } .smBanner img { background-color: #5f3465; box-shadow: none; margin-top: 9px; height: auto; margin-left: 25px; width: calc(100% - 25px); } div#drop-content { height: 150px; } #wcuRt { position: relative; height: 413px; } #announcementsContainer { height: 218px; overflow-y: auto; } #announcementsContainer { padding-left: 25px; padding-right: 0; } #announcementsContainer abbr { border: transparent; } #announcementsContainer a { text-decoration: none; } #announcementsContainer a:hover { text-decoration: underline; } #announcementsContainer ul { list-style-type: none; margin-left: 0; padding-left: 0; } #announcementsContainer li { padding: 10px 0; border-bottom: 1px solid #EEE; } #announcementsContainer li:first-child { padding-top: 0; } #announcementsContainer li:last-child { border-bottom: transparent; } #newsContainer { padding-right: 25px; } #newsContainer h2, #announcementsContainer h2 { font-size: medium; /* this can get changed when CSS is merged */ margin: 15px 0; } figure { margin: 0; padding: 0; } figure.grid6 { float: left; } figure.grid6 img { height: auto; /* for IE */ height: initial; max-width: 100%; } .unv-address img { margin-top: 4px; } #colPortrait img { float: right; max-height: 51px } /* ****************************************************************************************************** ** NEWS ** ****************************************************************************************************** */ .prNewsItem { width: 40%; } .prNewsItem figcaption { width: calc(100% - 20px); display: block; float: left; clear: left; } #viewAllVideos { text-align: center; float: right; } .prNewsItem h3 { text-decoration: underline; } /* ****************************************************************************************************** ** BEGIN VIDEOS TAB ** ****************************************************************************************************** */ #home-content .videos figure { padding: 20px 10px 5px 0; } .videos p{ margin-bottom: 0; font-size: small; padding-bottom: 0; } .videos img{ border-radius: 5px; box-shadow: 1px 1px 6px #000; max-width: 184px; height: 138px; /* needed for smaller screens on IE8 */ } .videos p{ margin-top: 0 !important; padding-top: 0 !important; } .videos a, .sotua a, .sotua{ position: relative; } #home-content .sotua a, #home-content .sotua span { color: #FFE800 !important; } .videos a .icon-play-circle, .videos a .fa-play-circle-o, .sotua a .fa-play-circle-o, .homecoming a .fa-play-circle-o { font-size: 4em; -webkit-transition: opacity .5s ease-out; text-decoration: none; position: absolute; bottom: 10px; right: 10px; transition: font-size, .5s; } .videos a:hover .icon-play-circle, .videos a:hover .fa-play-circle-o, .sotua a:hover .fa-play-circle-o, .homecoming a:hover .fa-play-circle-o { opacity: 1; font-size: 5em; color: #D9AA2A; } .internationalLink { color: #FFF; } /* ****************************************************************************************************** ** END VIDEOS TAB ** ****************************************************************************************************** */ /* ****************************************************************************************************** ** YEAR IN REVIEW ** ****************************************************************************************************** */ #yearInReview{ position: absolute; top: 200px; left: 40px; background: rgba(0,0,0,.8); color: #FFF; width: 400px; padding: 10px; border-radius: 5px; box-shadow: 0 2px 9px 0 #000; font-family: arial; } #yearInReview p{ margin: 5px 0; } #yearInReview p:first-of-type{ font-size: 2em; text-transform: uppercase; text-align: center; } #yearInReview p:first-of-type span{ font-size: 1.5em; } #yearInReview p:last-of-type{ font-size: 1.2em; } #yearInReview p:last-of-type a{ color: #FFE800; text-decoration: none; display: block; background: rgba(68,31,73,.8); text-align: center; padding: 5px; border-radius: 5px; border: 1px solid #B094B5; } #yearInReview p:last-of-type a:visited{ color: #FFE800; } #yearInReview p:last-of-type a:hover{ background: rgba(68,31,73,1); } @media only screen and (max-width: 1200px){ #phillyContent, #phillyImageOverlay { width: 65%; } #phillyContent h2 { margin-bottom: 15px; } } @media only screen and (max-width: 1055px) { #specialCtr .campusFoodDrive a .fa-play-circle-o{ bottom: 70px; } } @media only screen and (max-width: 1026px){ #home-wrapper div.flex-pauseplay { bottom: 112px; } .flex-control-nav { bottom: 82px; } .flex-direction-nav li a { top: 10%; } .bg, #hiCtr { display: block; position: initial; } }/*/mediaquery*/ @media only screen and (max-width: 901px){ #phillyContent, #phillyImageOverlay { width: 100%; } #home-wrapper .grid6 { width: 100%; } #home-wrapper .videos > .grid6 { width: 50%; } #ideasOnline { position: relative; } #homeEvents { border-left: transparent; padding-left: 0; } #homeEvents h1 { margin-left: 0; } #campus-announcement ul { height:inherit; } .latestNewsHeadline2 { width: 69%; } #eventsList, #home-wrapper .submitEvent { margin-left: 0; padding-left: 0; } #eventsList li { width: 95%; } .smBanner img { width: 100%; } #videosCtr { height: initial; } #specialCtr .campusFoodDrive{ width: 100%; margin-bottom: 20px; } #specialCtr .campusFoodDrive img{ padding: 0; width: 50%; } #specialCtr .campusFoodDrive a .fa-play-circle-o{ right: 26%; bottom: 30px; } #specialCtr ul{ margin-top: 0; } #yearInReview{ top: 180px; left: 10px; width: 200px; } #yearInReview p:first-of-type{ font-size: 1.2em; } #yearInReview p:last-of-type{ font-size: .95em; } }/*/mediaquery*/ @media screen and (max-width: 823px) { #homeEvents { border-left: none; } #eventsList .grid2 { display: none; } #eventsList .grid10 { width: 100%; } .newsContainer.latestNews img { margin-top: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 0; position: relative; border: 1px solid #F00; } #ideasOnline { position: inherit; } div[id^="hdnContent"] { width: 350px } }/*/mediaquery*/ @media only screen and (max-width: 768px){ #eventsCtr .flex-control-nav.flex-control-paging { bottom: -10px; top: initial; } a#ideasOnline { float: initial; margin-left: 5%; } #eventsCtr .eventMonth, #eventsCtr .eventDate { text-align: left; display: inline; font-size: 1.5em; } .dateContainer { width: 98%; } #eventsCtr .dateContainer { height: 38px; } #eventsCtr .eventDate { padding-left: 10px; } #tabContainer ul { position: static; } .latestNewsHeadline2 { width: 74%; } span.latestNewsHeadline2 { font-size: 1em; } #eventsList li { width: 100%; } #campus-announcement h1 { margin-bottom: 0; } #home-wrapper div.flex-pauseplay { bottom: 50px; } .flex-control-nav { bottom: 20px; text-align: right; padding-right: 8px; } .annualReport span { font-size: 1.5em; } #eventsCtr h2 a:first-child { border-left: 0px solid transparent; margin-left: 0; padding-left: 0; } #eventsCtr h2 a { top: -10px; left: 2px; } #eventsCtr h2 span { display: block; } div[id^="hdnContent"] h3 { font-family: sans-serif; } #specialCtr .campusFoodDrive img{ width: 80%; } #specialCtr .campusFoodDrive a .fa-play-circle-o{ right: 11%; } #yearInReview{ position: inherit; background: #763775; border-radius: 0; box-shadow: none; width: 100%; } #yearInReview p:first-of-type{ font-size: 2em; } #yearInReview p:last-of-type{ font-size: 1em; } }/*/mediaquery*/ @media screen and (max-width: 500px){ #home-wrapper .videos > .grid6 { width: 100%; } }/*/mediaquery*/ @media screen and (max-width:495px) { #specialCtr .campusFoodDrive a .fa-play-circle-o{ bottom: 50px; } } @media screen and (max-width: 410px){ #campus-announcement h1, #homeEvents h1 { line-height: 1.25em; } #campus-announcement ul { margin-left: 0; padding-bottom: 30px; height: auto; } #homeEvents .submitEvent { padding-left: 0; } div[id^="hdnContent"] { height: 200px; } }/*/mediaquery*/ @media screen and (max-width: 400px) { div[id^="hdnContent"] { width: 275px; height: 400px; } #eventsList { margin-left: 0; } #eventsList .grid2 { display: none; } #eventsList .grid10 { width: 100%; /* border-bottom: 1px solid #EEE; */ } .eventImage { display: none; } #home-content #eventsCtr { height: initial; } #home-content #newsCtr { /* height: 200px; */ min-height: 200px; } #home-content #newsCtr h2 { margin: 0; } .latestNewsHeadline2 { border-radius: 10px; width: 100% !important; /* used to override jQuery */ } }/*/mediaquery*/ /* ************************************************************************************************** */ /* NEW HOME PAGE 08/2015 MEDIA QUERIES */ /* ************************************************************************************************** */ @media screen and (min-width:2500px){ div#eventsCtr { height: 800px; } #eventsImage { top: -100px; } } @media screen and (min-width:1920px){ .flexslider.homepageSlider { margin: auto auto; } #eventsCtr, #eventsCtr { height: 600px; } #eventsCarousel { position: relative; top: 100px; } } @media screen and (min-width:1024px){ .lgOnly { display: block; } .smOnly { display: none; } } @media screen and (max-width:1023px){ #addressCtr .grid8 { width: 100%; } #addressCtr img{ display: block; margin: 0 auto; width: 55%; } .lgOnly, #addressCtr .grid4 { display: none; } .smOnly { display: block; } #statsCtr h2 { font-size: 1.5em; } #addressCtr h2 { margin-top: 40px; } } @media screen and (max-width:1100px){ /* ************************ */ /* NEEDS TO GO IN GLOBAL */ /* ********************** */ #drop-content { font-size: .75em; } #drop-content a { font-size: 1em; } } @media screen and (max-width:901px){ .smBanner, #newsContainer { padding-left: 0; padding-right: 0; } .smBanner img { margin-left: 0; } } @media screen and (max-width:768px){ #announcementsContainer, #wcuRt { height: initial; } .smBanner { position: static; } #campusNotification { font-size: .5em; top: 147px; } #campusNotification #closeNotice { margin-top: 17px; } } @media screen and (max-width:600px){ #campusNotification{ top: 21%; } .noImage, .noMobile { display: none; } a#ideasOnline { width: 100%; top: 0; margin-left: 5%; width: 90%; } #newsContainer .prNewsItem { width: 100%; } #viewAllVideos { float: left; width: 100%; } #newsContainer { padding-left: 0; padding-right: 0; } #home-content { margin-top: 0; } #statsCtr { font-size: 1em; } #statsCtr h3 { min-height: 10px; } #videosCtr { height: auto; min-height: 200px; } #home-content #calLinks { width: 100%; } #home-content #calLinks a { margin-left: 0; padding-left: 0; clear: left; display: inline-block; position: relative; top: -20px; } #home-content #calLinks a:last-child { padding-left: 5px; margin-left: 5px; } #eventsCarousel { clear: left; } #phillyCtr { height: auto; } #phillyContent { position: relative; height: auto; } #addressCtr img{ display: none; } } @media screen and (max-width:480px){ #phillyCtr { font-size: .9em; } #addressCtr h2{ font-size: 2em; } } @media screen and (max-width:425px){ /* #newsCtr { height: 300px; } */ } @media screen and (max-width:400px){ .prNewsItem a { height: auto; height: initial; } #newsCarousel .flex-control-nav { bottom: auto; bottom: initial; } #newsCtr { height: auto; height: initial; } } /*********** HOME PAGE UPDATE (DS) ***********/ #newsCarousel .hpNewsItem { float:left; display: block; } #newsCarousel .hpNewsItem:nth-of-type(5){ clear: left; } /*********** HOME PAGE UPDATE (CR) ***********/ #home-content #wcuHPAreas{ margin-top: 0; margin-bottom: 0; } #directedit{ display: none; } /*********** PROGRAM SEARCH AREA ***********/ #wcuHPAreas #programSearchCtr{ text-align: center; background-color: #382140; background-image: url(/_resources/includes/brand/images/homePageImages/hpFindProgParallax.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } #wcuHPAreas #programSearchCtr a:focus, #studentLife a:focus, .locationContent a:focus, #wcuHPAreas #programSearchCtr button:focus, #wcuHPAreas #programSearchCtr input:focus{ outline: #fff dotted 3px !important; } #wcuHPAreas #programSearchCtr.delayed{ left: -100000px; } #wcuHPAreas #programSearchCtr fieldset{ border: transparent; position: relative; padding: 0; } #wcuHPAreas #programSearchCtr legend{ position: absolute; left: -10000px; top: -10000px; background-color: #fff; color: #000; } #wcuHPAreas #programSearchCtr h3{ text-align: center; padding-bottom: 0; } #wcuHPAreas #programSearchCtr h3:after{ display: none; } #wcuHPAreas #programSearchCtr p{ color: #FFF; } #wcuHPAreas #programSearchCtr form{ width: 700px; display: block; margin: 0 auto; } #wcuHPAreas #programSearchCtr .placeholder{ width: 100%; } #wcuHPAreas #programSearchCtr input{ height: 40px; width: 65%; float: left; padding: 0 5px; } #wcuHPAreas #programSearchCtr button{ width: 33%; height: 40px; margin-left: 2%; background: #6e3061; text-transform: uppercase; color: #FFF; border: 2px solid #6e3061; font-weight: bold; font-size: .8em; } #wcuHPAreas #programSearchCtr button:hover{ cursor: pointer; border: 2px solid #ffe800; background: transparent; color: #ffe800; } #wcuHPAreas .resultsList{ background: #FFF; position: absolute; z-index: 1; width: 65%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #wcuHPAreas .resultsList li{ list-style-type: none; margin-left: 0; text-align: left; } #wcuHPAreas .resultsList li:last-of-type{ border-bottom: none; } #wcuHPAreas .resultsList li a{ display: block; text-decoration: none; padding: 10px; border-bottom: 1px solid #EEE; } #wcuHPAreas .resultsList li:last-of-type a{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #wcuHPAreas .resultsList li a:hover, #wcuHPAreas .resultsList li.selected a, #wcuHPAreas .resultsList li a:focus{ cursor: pointer; background: #763775; color: #FFF; } #wcuHPAreas .resultsList li a span{ font-size: .8em; color: #C4C4C4; } #wcuHPAreas .resultsList li a span.fa{ float: right; position: relative; top: 5px; } #wcuHPAreas input::-ms-clear { display: none; } /*********** IMAGE AND OVERLAY TEXT AREA ***********/ #hiCtr .mqImg{ width: 100%; max-width: 100%; min-width: 100%; } #hiCtr #hpTagBanner{ position: absolute; top: 3%; left: 4%; } #mobileTagLine{ display: none; } #hiCtr #hpTagBanner span{ background: rgba(255, 255, 255, 0.8); color: #575757; font-size: 5em; font-weight: bold; line-height: 1.54em; font-family: OpenSansRegular, sans-serif; padding: 5px 10px; } #hiCtr #hpApplyBar{ width: 100%; display: none; margin-bottom: -5px; } #hiCtr #hpApplyBar .hpTileBtn{ padding: 10px; color: #fff; font-size: 1em; font-weight: bold; display: block; width: 100%; text-align: center; transition: all .3s; text-decoration: none; font-family: OpenSansRegular, sans-serif; } /*********** FIND YOUR PROGRAM BANNER ***********/ #findProgramBanner{ width: 100%; background-color: #eee; color: #382140; text-align: center; padding: 10px; margin-top: -5px; font-family: OpenSansRegular, sans-serif; } #findProgramBanner p{ font-size: 1.1em; margin-top: 0; margin-bottom: 0; } #findProgramBanner .hpTileBtn{ padding: 10px; color: #fff; background-color: #382140; margin-left: 10px; display: inline-block; text-align: center; transition: all .3s; text-decoration: none; } #findProgramBanner .hpTileBtn:hover{ transform: scale(1.015); transition: all .3s; } #findProgramBanner .hpTileBtn:hover .fa-angle-right{ color: #FFE800; } #findProgramBanner .fa-angle-right{ padding: 0px 5px; } /*********** NEW CARD AREA ***********/ #home-content #newsCtr{ background-color: #fff; height: auto; } #hpCardArea{ padding: 60px 90px 60px 90px; width: 100%; position: relative; z-index: 10; } #home-content #hpCardArea #newsCtr{ padding-left: 0px; padding-right: 0px; } #home-content #hpCardArea .flex-control-nav{ display: none; } #home-content #hpCardArea .slides{ width: 100% !important; float: left; } #home-content #hpCardArea .slides li{ width: 25% !important; max-width: 25% !important; padding-right: 20px; } #home-content #hpCardArea .slides h3{ color: #575757; margin-top: 0; padding-top: 0; } #home-content #hpCardArea .grid4{ padding: 5px 10px; } #home-content #hpCardArea img{ width: 100%; } #home-content #hpCardArea h2{ margin-top: 0px; margin-bottom: 30px; color: #382140; } .hpCard{ background-color: #fff; } #hpCardArea a{ display: block; border-left: 4px solid #eee; border-right: 4px solid #eee; border-bottom: 4px solid #eee; text-decoration: none; transition: all .3s; } #hpCardArea a:hover{ transform: scale(1.015); transition: all .3s; } #hpCardArea .cardContent{ padding: 20px; font-size: 1.2em; background-color: #fff; } #hpCardArea .cardContent .hpCardTitle{ font-size: 1.15em; font-weight: bold; line-height: 1.4em; } #home-content #hpBottomArea .fa-youtube-play{ transition: all .3s; } #home-content #hpBottomArea .fancybox-media img{ box-shadow: none; } #home-content #hpCardArea .cardBottom a, #home-content #hpBottomArea .cardBottom a{ box-shadow: none; font-size: 1em; margin-top: 20px; background-color: #382140; color: #fff; padding: 15px 20px; text-decoration: none; border-left: none; border-right: none; border-bottom: none; display: block; transition: all .3s; } #home-content #hpCardArea .cardBottom a{ float: right; } #home-content #hpCardArea .cardBottom a:last-of-type{ margin-right: 20px; } #home-content #hpBottomArea .cardBottom a, #home-content #hpPurpleSection .cardBottom a{ position: absolute; bottom: -50px; right: 5px; } #home-content #hpBottomArea{ margin-bottom: 80px; } #home-content #hpBottomArea .cardBottom a:hover, #home-content #hpPurpleSection .cardBottom a:hover{ transform: scale(1.015); transition: all .3s; } #home-content #hpBottomArea .cardBottom a:hover .fa-angle-right, #home-content #hpCardArea .cardBottom a:hover .fa-angle-right, #home-content #hpPurpleSection .cardBottom a:hover .fa-angle-right{ color: #FFE800; transition: all .3s; } #home-content #hpBottomArea .cardBottom, #home-content #hpPurpleSection .cardBottom{ position: relative; float: left; z-index: 5; } #home-content #hpBottomArea .flex-control-nav{ display: none; } #home-content #hpBottomArea .slides li{ float: none !important; width: 100% !important; } #home-content #hpBottomArea .slides li:nth-of-type(n+5){ display: none !important; } #eventsCtr .dateContainer, #eventsCtr .imgContainer{ display: none; } /**************** NEW HP ADMISSIONS AREA ***************/ #home-content #wcuHPAreas #hpAdmissionsArea{ margin-top: 40px; } #home-content #wcuHPAreas #hpAdmissionsArea #admissionLinks{ padding: 0px 40px; } #home-content #wcuHPAreas #hpAdmissionsArea #splitPic{ background-image: url("../images/homepageImages/admissionsSplit.jpg"); background-repeat: no-repeat; background-size: cover; background-position: left; } #home-content #wcuHPAreas #hpAdmissionsArea #libertyBell{ background-image: url("../images/homepageImages/libertyBell.png"); background-repeat: no-repeat; background-size: cover; width: 50px; height: 35px; display: inline-block; margin-left: -7px; margin-right: 16px; margin-bottom: -6px; transition: all .3s; } #home-content #wcuHPAreas #admissionLinks a:hover #libertyBell{ background-image: url("../images/homepageImages/libertyBellHover.png"); transition: all .3s; } #home-content #wcuHPAreas #admissionLinks h2{ margin-left: 0; margin-top: 20px; margin-bottom: 25px; text-align: left; padding: 0px 10px 20px 10px; border-bottom: 3px solid #eee; color: #382140; } #home-content #wcuHPAreas #admissionLinks a{ display: block; text-align: left; font-size: 2em; text-decoration: none; padding: 30px 20px 30px 10px; border-bottom: 3px solid #eee; transition: all .3s; color: #575757; } #home-content #wcuHPAreas #admissionLinks a:first-of-type{ padding-top: 0px; } #home-content #wcuHPAreas #admissionLinks a:hover{ padding-left: 20px; transition: all .3s; } #home-content #wcuHPAreas #admissionLinks a:hover .fa{ color: #FFE800; transition: all .3s; } #home-content #wcuHPAreas #admissionLinks a:hover .fa-angle-right{ color: #575757; } #home-content #wcuHPAreas #admissionLinks .fa{ padding-right: 20px; } /**************** NEW BRAND HP LOCATION AREA ***************/ #location{ padding: 3.5%; background-image: url(https://www.wcupa.edu/_resources/includes/brand/images/brandSplitBackground2.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center; } .locationContent{ padding: 5% 15%; background-color: #382140; text-align: center; } .locationContent h3{ margin-bottom: 40px; } .locationContent p{ color: #fff; } .locationContent .btn{ margin-top: 40px; } /**************** NEW INFOGRAPHIC AREA ***************/ #home-content #hpInfoGraphicArea{ display: block; max-width: 1280px; padding: 0px 30px; margin: 0 auto; font-family: OpenSansRegular, sans-serif; } #home-content #hpInfoGraphicArea h2{ margin-top: 70px; color: #382140; margin-left: 0px; font-size: 3em; } #home-content #hpInfoGraphicArea .grid3{ padding: 20px; margin-bottom: 80px; text-align: center; } #home-content #hpInfoGraphicAreaTwo .grid3{ padding: 0px; margin-top: 10px; margin-bottom: 10px; text-align: center; } #home-content #hpInfoGraphicArea .infoGraphicNumber{ line-height: 1.67em; font-size: 4.0em; } #home-content #hpInfoGraphicArea .infoGraphicBlock{ display: block; margin: 0 auto; border: 6px solid #eee; border-radius: 50%; font-weight: bold; width: 15.625rem; height: 15.625rem; } #home-content #hpInfoGraphicArea .infographicInfo{ font-size: 1.3em; line-height: 1.1em; font-weight: bold; } #home-content #hpInfoGraphicAreaTwo{ padding: 40px 40px 40px 40px; margin: 80px 0px; } #home-content #hpInfoGraphicAreaTwo img{ padding: 0px 20px; } #home-content #hpInfoGraphicArea .orangeBorder{ border-color: #F67519; } #home-content #hpInfoGraphicArea .greenBorder{ border-color: #2e8540; } #home-content #hpInfoGraphicArea .blueBorder{ border-color: #3873AB; } #home-content #hpInfoGraphicArea .redBorder{ border-color: #9E203A; } /**************** NEW EVENTS AREA ***************/ #home-content #hpBottomArea #eventsCtr{ height: initial; padding-bottom: 50px; padding-left: 10px; padding-top: 0px; } #home-content #eventsCtr h2{ margin-top: 30px; margin-bottom: 30px; color: #382140; } #home-content #eventsCtr h3, #home-content #eventsCtr p{ color: #382140; text-decoration: underline; } #home-content #eventsCtr h3{ margin-top: 0; padding-top: 15px; } #home-content #eventsCtr p{ margin-bottom: 20px; } #home-content #eventsImageOverlay{ background-color: #fff; } #home-content #eventsCtr .flex-control-nav li a{ background-color: #763775; } #home-content #eventsCtr .flex-control-nav li a.flex-active{ background-color: #FFE800; } #home-content #eventsCtr .flex-control-paging{ margin-top: -30px; } #home-content #eventsCtr #calLinks{ padding-top: 10px; padding-bottom: 10px; text-align: left; } #home-content #eventsCtr #calLinks a{ font-weight: bold; color: #763775; transition: all .3s; } #home-content #eventsCtr #calLinks a:first-of-type{ margin-left: 0; padding-left: 0px; } #home-content #eventsCtr #calLinks a:hover{ color: #FFE800; transition: all .3s; } /**************** RANKINGS SECTION - PURPLE BACKGROUND ***************/ #home-content #hpPurpleSection, #home-content #hpPurpleSection .centeredContent{ padding: 40px 40px 90px 40px; background-color: #382140; font-size: 1em; text-align: center; width: 100%; font-family: OpenSansRegular, sans-serif; margin: 50px 0px 30px 0px; } #home-content #hpPurpleSection .cardBottom a, #home-content #hpPurpleSection .cardBottom a:visited{ color: #fff; text-decoration: none; } #home-content #hpPurpleSection .cardBottom a{ bottom: 10; } #home-content .centeredContent{ display: block; margin: 0 auto; text-align: center; width: 100%; } #home-content .centeredContent h3:after{ display:none; } #home-content .centeredContent h3{ text-transform: uppercase; border-bottom: none; font-size: 3.0em; color: #FFE800; margin-bottom: 20px; } #home-content .centeredContent p{ color: #fff; text-align: center; line-height: 1.2em; } #home-content .centeredContent .grid4 .minutesTravel{ font-size: 3.7em; line-height: .8em; margin-top: 40px; margin-bottom: 2px; color: #fff; } #home-content .centeredContent .grid4 .minutesTravel span{ font-size: .6em; } #home-content .centeredContent .grid4 .city{ line-height: 1.5em; font-size: 1.5em; margin-top: 2px; } #home-content .centeredContent .grid4{ padding: 0px 30px; } #home-content .centeredContent .grid4 p{ font-size: 2em; color: #fff; line-height: 1.3em; } #home-content .centeredContent .grid4 p span{ font-size: 1.3em; font-weight: bold; color: #fff; } #home-content .centeredContent .grid4 p .icons{ font-size: 3em; font-weight: bold; color: #fff; } #home-content #hpPurpleSection .smallHeading{ font-size: 1.0em; margin-top: 1px; } #home-content #hpPurpleSection .moreRankings{ float: right; color: #fff; margin-top: 30px; } /**************** HP BOTTOM SECTION PRESIDENT / EVENTS / DMC AREA ***************/ #home-content #hpBottomArea{ padding: 30px 30px; width: 100%; position: relative; z-index: 10; } #home-content #hpBottomArea h2{ font-size: 2.3em; color: #382140; margin-top: 0px; margin-left: -10px; margin-bottom: 10px; } #home-content #hpBottomArea .grid4{ padding: 0px 20px; border-right: 3px solid #eee; } #home-content #hpBottomArea .grid4:last-of-type{ border-right: none; } #home-content #hpBottomArea .grid4 img{ padding: 0px 20px; display: block; margin: 0 auto; } #home-content #hpBottomArea .grid4 .hoverImg{ padding-left: 0px; padding-right: 0px; transition: all .3s; } #home-content #hpBottomArea .grid4 .hoverImg:hover{ transform: scale(1.015); transition: all .3s; } #home-content #hpBottomArea .grid4 ul{ list-style-type: none; width: 100%; } #home-content #hpBottomArea .grid4 li{ padding: 0px 10px; border-bottom: 3px solid #eee; font-weight: bold; transition: all .3s; } #home-content #hpBottomArea .grid4 li:hover{ padding-left: 15px; transition: all .3s; } #home-content #hpBottomArea .grid4 li:nth-child(odd){ background-color: #eee; } #home-content #hpBottomArea .grid4 li:first-of-type{ padding-top: 0; } #home-content #hpBottomArea .hpBottomCardTop{ position: relative; } #home-content .hpBottomCardTop h2{ display: none; } #home-content #hpBottomArea .hpBottomCard{ padding: 20px; padding-top: 40px; font-family: OpenSansRegular, sans-serif; line-height: 1.4em; } #home-content #hpBottomArea .hpBottomCard .bottomTitle{ color: #382140; font-size: 1.5em; position: absolute; bottom: 20px; background-color: rgba(68, 31, 73, .8); color: #fff; padding: 10px; margin: 10px 0px 0px -10px; } #home-content #hpBottomArea .hpBottomCard .bottomInfo{ color: #575757; font-size: 1.2em; } #home-content #hpBottomArea #hpEventsSection{ padding-top: 20px; } #home-content #hpBottomArea .bottomHeading{ font-size: 1.4em; font-weight: bold; } /**************** HP BOTTOM FOOTER W/ BTNS AREA ***************/ #home-content #hpFooterBtns{ background-image: url("../images/homepageImages/footerBackgroundImage.jpg"); background-repeat: no-repeat; background-size: cover; background-position: right; width: 100%; min-height: 300px; padding: 100px 200px 200px 200px; } #home-content #hpFooterBtns .grid4{ padding: 0px 20px; } #home-content #hpFooterBtns .footerBtn{ padding: 20px 20px; color: #fff; font-size: 1.5em; font-weight: bold; display: block; width: 100%; text-align: center; transition: all .3s; text-decoration: none; border: 2px solid #fff; font-family: OpenSansRegular, sans-serif; transition: all .3s; text-shadow: 0 0 5px #000; margin: 0 auto; } #home-content #hpFooterBtns .footerBtn:hover{ transform: scale(1.015); transition: all .3s; } #home-content #hpFooterBtns #firstBtn .footerBtn{ float: right; } #home-content #hpFooterBtns #lastBtn .footerBtn{ float: left; } #home-content #hpFooterBtns #socialMediaIcons{ text-align: center; padding-top: 60px; } #home-content #hpFooterBtns #socialMediaIcons a{ text-decoration: none; font-size: 3em; color: #fff; margin-right: 20px; } /* NEW ITERATION */ #home-content #hpFooterBtnsTwo{ margin-top: 100px; padding-bottom: 0px; margin-bottom: 0px; } #home-content #hpFooterBtnsTwo a:hover{ transform: scale(1.015); transition: all .3s; } #home-content #hpFooterBtnsTwo #leftSideFooter{ padding: 80px 20px; padding-bottom: 0px; } #home-content #hpFooterBtnsTwo #rightSideFooter{ background-image: url("../images/homepageImages/phillipsMemorialImageHolder.jpg"); background-repeat: no-repeat; background-size: cover; background-position: bottom; } #home-content #hpFooterBtnsTwo .footerBtn{ padding: 20px 20px; color: #fff; font-size: 1.5em; font-weight: bold; display: block; width: 60%; text-align: center; transition: all .3s; text-decoration: none; font-family: OpenSansRegular, sans-serif; transition: all .3s; text-shadow: 0 0 5px #000; margin: 0 auto; margin-bottom: 20px; } #home-content #hpFooterBtnsTwo #socialMediaIcons{ text-align: center; } #home-content #hpFooterBtnsTwo #socialMediaIcons a{ text-decoration: none; font-size: 3em; color: #382140; margin-right: 20px; transition: all .3s; } #home-content #hpFooterBtnsTwo #socialMediaIcons a:hover{ transition: all .3s; margin-left: 10px; margin-right: 30px; } #home-content #hpFooterBtnsTwo .fa-facebook{ color: #3b5998; } #home-content #hpFooterBtnsTwo .fa-twitter{ color: #1da1f2; } #home-content #hpFooterBtnsTwo .fa-youtube-play{ color: #ff0000; } #home-content #hpFooterBtnsTwo .fa-instagram{ color: #c32aa3; } #home-content #hpFooterBtnsTwo .fa-linkedin{ color: #007bb5; } /* NEW BRAND HOME PAGE */ #textOnly, .adaOnlyLabel { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; color: #FFF; background-color: #382140; } .adaOnlyLabel[href="#home-wrapper"]:focus{ top: 10px; left: 10px; z-index: 5; width: auto; height: auto; border: 1px solid #FFF; padding: 5px; } .overflowContentSectionRight a:focus{ outline: 1px dotted #382140; } #applySection a.btnMain:hover, #visitSection a.btnMain:hover{ background-color: transparent; } #applySection{ margin-top: -10px; margin-bottom: 5%; padding: 5% 15%; } #applySection .btn, #visitSection .btn{ min-width: 345px; margin-left: 10px; margin-right: 10px; } #visitSection{ padding: 7%; } .triad{ width: 100px; display: block; margin: 0 auto; } #visitSection .triad{ margin-top: 60px; } #applySection .triad{ margin-top: 20px; margin-bottom: 60px; } #studentLife{ background-image: url(https://www.wcupa.edu/_resources/includes/brand/images/brandSplitBackground1.jpg); background-position: top; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; width: 100%; float: left; position: relative; /*z-index: 10; */ margin: 5% 0px 5% 0px; padding: 3.5%; } #studentLife .outerWCUSplitBlock{ background-color: #382140; } #studentLife .outerWCUSplitBlock h3, #studentLife .outerWCUSplitBlock .wcuLink, #studentLife .outerWCUSplitBlock .wcuLink svg{ color: #FFE800; fill: #FFE800; } #studentLife .outerWCUSplitBlock p{ color: #fff; } #studentLife .sbImage .outerWCUSplitBlock{ padding: 0% 0%; } #studentLife > .grid6{ padding-right: 20px; } #studentLife > .grid6 h3{ font-size: 4em; } #studentLife .grid3{ padding: 10px; } #studentLife .grid3 > div{ padding: 20px 10px; text-align: center; } #studentLife .grid3 p{ font-size: .9em; } #studentLife .grid3 > div h3{ font-size: 1.25em; margin-bottom: 0; padding-bottom: 10px; } #studentLife .grid3 > div > svg:first-of-type{ max-height: 150px; display: block; margin: 0 auto; } #studentLife .studentResourcesBox{ background: #FFE800; } #studentLife .studentResourcesBox > svg:first-of-type{ fill: #6e3061; } #studentLife .studentResourcesBox h3, #studentLife .studentResourcesBox p{ color: #6e3061; } #studentLife .organizationsBox{ background: #6e3061; color: #ffe800; } #studentLife .organizationsBox > svg:first-of-type{ fill: #FFE800; } #studentLife .organizationsBox h3, #studentLife .organizationsBox p{ color: #FFE800; } #studentLife .studentResourcesBox h3:after, #studentLife .organizationsBox h3:after{ display: none; } #studentLife .organizationsBox .wcuLink{ color: #FFE800; } #studentLife .organizationsBox .wcuLink svg{ fill: #FFE800; } .slRight{ position: absolute; right: 0px; max-width: 70%; } .slRightMobile{ display: none; } .academicsImgMobile{ display: none; } #factsFigures{ float: left; position: relative; padding: 5% 5%; margin-bottom: 30px; background-color: #fff; margin-top: -10px; } #factsFigures h2{ text-align: center; font-size: 3em; margin: 3% 0% 5% 0%; } .ceCenter h3:after{ background: none; } .ceCenter .psuedoHead1{ font-size: 3em; } #factsFigures p{ color: #382140; } #factsFigures .infoNumber{ font-size: 4em; line-height: 1em; color: #d4a129; margin: 10px 0px; } #factsFigures .smallInfo{ font-size: 1.2em; font-weight: bold; } #factsFigures .smallInfo span{ font-size: .7em; font-weight: initial; } .infoArea .grid4{ padding: 20px; } #findSection{ display: flex; margin-top: 5%; } #findSection .grid2 > div:last-of-type{ height: calc(100% - 11px); padding: 10%; } #findSection .grid2 > div:last-of-type p{ font-size: 1.4em; line-height: 1.5em; } #findSection .grid2 .findBorderPurple, #findSection .grid2 .findBorderGold{ content: ''; display: block; width: 0; height: 6px; } #findSection .grid2 .findBorderPurple{ background: #382140; } #findSection .grid2 .findBorderGold{ background: #FFE800; } #wcuHPAreas #programSearchCtr{ margin-top: -10px; margin-bottom: 5%; position: relative; z-index: 20; padding: 5% 15%; } #wcuHPAreas #programSearchCtr .wcuLink, #wcuHPAreas #programSearchCtr .wcuLink svg{ color: #FFE800; fill: #FFE800; } #wcuHPAreas #programSearchCtr p{ margin: 50px 0px; } #home-content .circleContainer .circleElement{ border: 5px solid #FFE800; } #presQuote, #higherEdQuote{ padding: 7% 10% 5% 10%; } #presBorder{ border: 5px solid #FFE800; padding: 2.5%; } #presQuote .psuedoHead1, #higherEdQuote .psuedoHead1{ font-size: 1.9em; } #presQuote p:last-of-type, #higherEdQuote p:first-of-type{ text-align: right; font-weight: bold; } #higherEdQuote p:last-of-type{ text-align: center; } /* NEWS CALLOUT */ #newsCallout{ padding: 5% 5%; border-image: url(https://www.wcupa.edu/_resources/includes/brand/images/homePageImages/hpFindProgParallax.jpg) 30; border-bottom: 20px; /* background-image: url(https://www.wcupa.edu/_resources/includes/brand/images/homePageImages/hpFindProgParallax.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; */ } #newsCallout .grid4{ padding: 0 20px; } #newsCallout .grid7{ padding: 0px 25px 0px 25px; } #newsCallout img{ display: block; margin: 0 auto; } #newsCallout h3{ margin-top: 0; /* color: #FFE800; */ } /* #newsCallout p{ color: #FFF; } */ /********** START FACULTY EXPERTS BANNER **********/ .featuredTrendingContent{ padding: 3% 5% 4% 5%; text-align: center; } #home-content .featuredTrendingContent p.expertsIntro{ margin-top: 0; margin-bottom: 40px; } .featuredTrendingContent .grid4{ padding: 0 5px; } .featuredTrendingContent .grid4 p{ margin: 0 !important; } .featuredTrendingContent h4, .featuredTrendingContent h4 a{ text-transform: uppercase; } .featuredTrendingContent h4 a:visited{ color: #6e3061 !important; } .featuredTrendingContent h4 a{ text-decoration: underline; } .featuredTrendingContent .btn{ margin-top: 40px; } .featuredTrendingContent img{ height: 200px; } /********** END FACULTY EXPERTS BANNER **********/ /* NEWS SECTION */ .grid2 .stickyBtn{ position: sticky; position: -webkit-sticky; top: 40px; left: 0; padding: 10px 30px; margin: 37px 0px; font-size: .8em; } .newsSection{ display: block; float: left; width: 100%; position: relative; height: 100%; padding-top: 40px; margin-top: 40px; } .newsSection .grid2{ text-align: center; height: 2350px; padding-right: 10px; } .newsSection .grid10{ padding-right: 7%; } .newsSquares{ padding: 20px 0px 40px 0px; } .newsSquares .grid6{ padding-right: 40px; padding-bottom: 30px; } .newsSection .newsSquares.grid6:nth-of-type(even){ clear: left; } .newsSquares.grid6{ border-top: 5px solid #FFE800; padding-top: 40px; padding-right: 20px; } .brandNewsItem a{ text-decoration: none; color: #444; } .brandNewsItem a:focus h3{ outline: #382140 dotted 3px; } .brandNewsItem a:hover h3{ text-decoration: underline; } .brandNewsItem h3{ font-size: 1.3em; padding-bottom: 0px; margin: 10px 0px; color: #6e3061; } .brandNewsItem h3:after{ background: none; } .brandNewsItem img{ max-width: 650px; } .grid6 .brandNewsItem img{ width: 100%; } .brandNewsItem figure{ max-width: 80%; } .brandNewsItem .highlightedDate{ display: block; font-family: "NotoSans", Arial, sans-serif; text-transform: uppercase; } .brandNewsItem p{ margin-top: 10px; color: #444; font-family: "NotoSans", Arial, sans-serif; } @media only screen and (max-width:1598px){ #findSection .grid2 > div:last-of-type p{ font-size: 1.2em; line-height: 1.4em; } } @media only screen and (max-width:1390px){ #findSection .grid2 > div:last-of-type p{ font-size: 1.2em; line-height: 1.2em; } } @media only screen and (max-width:1268px){ .brandNewsItem figure{ max-width: 100%; } .newsSection .grid10{ padding-right: 5%; padding-left: 5%; } } @media only screen and (max-width:1100px){ #findSection .grid2 > div:last-of-type p{ font-size: 1.1em; line-height: 1.1em; } } @media only screen and (max-width:1024px){ .wcuSplitBlockContainer .innerWCUSplitBlock h3, .ovBlockContainer .innerWCUSplitBlock h3{ margin-top: 20px; } } @media only screen and (max-width:900px){ .newsSection .grid2{ height: 4100px; } } @media only screen and (max-width:768px){ .newsSection .grid2{ height: auto; } .grid2 .stickyBtn{ position: relative; top: auto; /*left: 0;*/ } .psuedoHead1{ font-size: 2em; } .psuedoHead3{ font-size: 1em; } #presQuote{ padding: 5% 5% 5% 5%; margin-top: 10%; } #location, #studentLife, #wcuHPAreas #programSearchCtr, #wcuHPAreas #upcomingEvents{ background-attachment: initial; } .sbcRightImage .sbImage{ margin-top: 20px; } .brandNewsItem img{ max-width: 100%; width: 100%; } .brandNewsItem h3{ font-size: 1.1em; } } @media only screen and (max-width:600px){ .newsSection .grid2{ height: auto; } .grid2 .stickyBtn{ position: relative; top: auto; margin: 10px 0px; } .psuedoHead3{ font-size: 1em; } .newsSection{ font-size: .8em; } } #home-wrapper, .headerWrapper, #footer{ overflow: visible !important; } @media only screen and (max-width:900px){ .headerWrapper, #footer{ overflow: hidden !important; } } @media only screen and (max-width:768px){ #home-wrapper{ overflow: hidden !important; } } /* END NEWS SECTION */ /* BRAND HOME PAGE MOBILE */ @media only screen and (max-width:1500px){ #findSection .grid2 > div p{ line-height: 1.4em; } } @media only screen and (max-width:1366px){ #findSection .grid2 > div .psuedoHead4{ font-size: 1.2em; } } @media only screen and (max-width:1240px){ .slRight{ max-width: 60%; } #findSection .grid2 > div .psuedoHead4{ font-size: 1em; margin-top: 10px; } } @media only screen and (max-width:1024px){ .slRight{ top: 10%; max-width: 55%; } #findSection{ display: none; } #wcuHPAreas #programSearchCtr{ padding: 5% 7%; margin-top: 40px; } #factsFigures .infoNumber{ font-size: 2.7em; } #upcomingEvents .grid4{ width: 50%; } #presQuote .psuedoHead1{ font-size: 1.8em; } h3 .smallHead { line-height: 2em; } } @media only screen and (max-width:901px){ #studentLife > .grid6{ padding-right: 0; } #studentLife > .grid3{ width: 50%; } } @media only screen and (max-width:768px){ .slRight{ display: none; } .slRightMobile{ display: block; padding-left: 20px; margin-top: 60px; margin-right: -20px; } #studentLife h3 .smallHead{ font-size: .5em; line-height: 2em; } #studentLife p{ max-width: 100%; padding-right: 30px; } #factsFigures{ font-size: 1.25em; margin-bottom: 40px; } #wcuHPAreas #programSearchCtr{ padding: 5% 5%; } #wcuHPAreas #programSearchCtr form{ width: auto; } #wcuHPAreas #programSearchCtr .headerBtn{ display: block; margin: 30px auto; text-align: center; width: 100%; } #wcuHPAreas #programSearchCtr input{ float: none; width: 100%; } #applySection{ padding: 5% 5%; } #upcomingEvents .grid4{ width: 100%; margin-bottom: 40px; } #upcomingEvents .grid4 .grid3{ width: 30%; } #applySection .btn, #visitSection .btn{ min-width: 310px; } #applySection .psuedoHead4{ font-size: 1em; } #upcomingEvents .dateContainer { min-height: 120px; } #upcomingEvents .eventMonth{ padding-top: 20px; } .ceCenter .psuedoHead1{ padding-bottom: 0px; } #upcomingEvents h2 { margin-bottom: 20%; } .academicsImg{ display: none; } .academicsImgMobile{ display: block; padding-left: 30px; margin-bottom: 50px; } } @media only screen and (max-width:500px){ #studentLife > .grid3{ width: 100%; } } /* END BRAND HOME PAGE MOBILE */ #hpVideo{ width: 100%; } #vidBtn { color: #FFE800; font-weight: bold; text-decoration: none; border: 3px solid #FFE800; border-radius: 0% !important; padding: 10px; position: absolute; top: 300px; width: auto; height: 35px; left: 2%; transition: all 1s; animation: 1s ease-out 0s 1 slideInFromLeft; opacity: 0.90; } #vidBtn svg{ position: relative; top: 5px; margin-right: 6px; } #vidBtn:hover{ opacity: 1; } @Keyframes slideInFromLeft { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } #videoSection #hpPause, #videoSection #hpPlay{ /* position: absolute; top: 4%; left: 2%;*/ fill: #FFE800; /* transition: all 1s; animation: 1s ease-out 0s 1 slideInFromLeft;*/ } #videoSection #hpPlay{ display: none; left: 5px; } #videoSection #hpPause{ left: 3px; display: inline-block; } #mobileHero{ display: none; } #mobileHero img{ width: 100%; } #videoSection { position: relative; } .application-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 90%; } .application-box h2 { color: #fff; text-align: center; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #382140; } .application-box .btnMain:hover{ background-color: #fff; } @media screen and (min-width: 900px) { .application-box { max-width: 50%; } } @media screen and (max-width: 1024px) { .application-box { top: 60%; } } /* END NEW BRAND HOME PAGE */ @media screen and (min-width: 1921px){ #hpBottomArea .flex-viewport{ margin-top: -80px; } } @media screen and (max-width: 1561px){ #home-content #hpLocationAreaTwo .locationGrid:first-of-type, #home-content #hpLocationArea .locationGrid:first-of-type{ width: 60%; } } @media screen and (max-width: 1500px){ #home-content #hpCardArea{ padding: 50px 70px; } #hpCardArea .cardContent{ font-size: 1em; } #home-content #locationCard .hpTileBtn{ padding: 20px 20px; font-size: 1.8em; } #home-content #hpInfoGraphicAreaTwo{ padding: 0px 0px 0px 0px; } #home-content #eventsCtr{ padding-bottom: 50px; padding-left: 40px; } #home-content #wcuHPAreas h2{ font-size: 2.2em; } #home-content #eventsCtr .flex-control-paging{ margin-top: -40px; margin-bottom: 10px; } #hiCtr #hpTagBanner span{ font-size: 4.2em; } #home-content #hpFooterBtnsTwo #leftSideFooter{ padding: 80px 20px; } #home-content #hpInfoGraphicArea h2{ font-size: 2.7em; } } @media screen and (max-width: 1366px){ #home-content #locationCard{ padding: 0px 30px 40px 50px; } #home-content #locationCard .hpTileBtn{ font-size: 1.4em; } #home-content #hpCardArea{ padding: 20px 50px; } #home-content .cardBottom{ margin-top: -10px; } #home-content #wcuHPAreas #hpAdmissionsArea{ margin-top: 0; } #home-content #hpBottomArea{ padding: 10px 40px; } #home-content #hpLocationAreaTwo .locationGrid:first-of-type, #home-content #hpLocationArea .locationGrid:first-of-type{ width: 65%; } #hiCtr #programSearchCtr{ top: 120px; } #home-content #hpInfoGraphicAreaTwo{ margin-top: 40px; margin-bottom: 40px; } #home-content #hpInfoGraphicArea{ padding: 0px 30px; } #home-content #hpInfoGraphicArea .grid3{ margin-bottom: 50px; } #home-content #hpInfoGraphicArea .infoGraphicNumber{ line-height: 1.65em; font-size: 3.5em; } #home-content #hpInfoGraphicArea .infoGraphicBlock{ width: 13.625rem; height: 13.625rem; } #home-content #hpInfoGraphicArea .infographicInfo{ font-size: 1.2em; line-height: 1.1em; } #home-content #hpInfoGraphicArea h2{ margin-top: 40px; } #home-content #hpBottomArea .hpBottomCard .bottomInfo{ font-size: 1em; } } @media screen and (max-width: 1280px){ #home-content #locationCard{ padding: 10px 30px 60px 50px; } #home-content #hpInfoGraphicArea h2{ font-size: 2.7em; padding-left: 20px; } } @media screen and (max-width: 1200px){ #home-content #hpCardArea{ padding: 0px 30px; } #home-content #hpCardArea .grid3{ width: 50%; padding: 15px 15px; } #hpCardArea .cardContent{ font-size: .9em; } #home-content #locationCard{ padding: 50px 40px 70px 40px; } #home-content #locationCard .hpTileBtn{ padding: 15px 10px; font-size: 1.6em; } #home-content #eventsCtr{ padding-bottom: 50px; padding-left: 40px; } #hiCtr #hpTagBanner span{ font-size: 3.4em; line-height: 1.64em; } #home-content #hpInfoGraphicAreaTwo{ margin: 40px 0px; } #home-content #hpBottomArea{ padding: 10px 20px; } #home-content #hpBottomArea .grid4{ padding: 0px 10px; } #home-content #hpFooterBtnsTwo #leftSideFooter{ padding: 80px 10px; } #home-content #hpInfoGraphicArea .infoGraphicNumber{ line-height: 1.65em; font-size: 3.25em; } #home-content #hpInfoGraphicArea .infoGraphicBlock{ width: 12.625rem; height: 12.625rem; } #home-content #hpInfoGraphicArea .grid3{ margin-bottom: 30px; } #home-content #hpCardArea .slides li{ padding-right: 10px; } } @media screen and (max-width: 1100px){ #home-content #hpLocationAreaTwo .locationGrid:first-of-type, #home-content #hpLocationArea .locationGrid:first-of-type{ width: 80%; } } @media screen and (max-width: 1026px){ #home-content #eventsCtr .flex-control-paging{ margin-top: 30px; margin-bottom: 10px; } #home-content #eventsCtr #calLinks{ position: relative; margin-top: -10px; } /** program search **/ #hiCtr #programSearchCtr{ top: 100px; } #home-content #hpInfoGraphicArea .infoGraphicNumber{ line-height: 1.2em; font-size: 3em; } #home-content #hpInfoGraphicArea .infoGraphicBlock{ width: 10.625rem; height: 10.625rem; } #home-content #hpInfoGraphicArea .grid3{ margin-bottom: 30px; } #home-content #hpInfoGraphicArea .infographicInfo{ font-size: 1em; line-height: 1.1em; } #home-content #hpBottomArea .hpBottomCard .bottomInfo{ font-size: .95em; } } @media screen and (max-width: 901px){ #home-content #hpLocationAreaTwo .locationGrid:first-of-type, #home-content #hpLocationArea .locationGrid:first-of-type{ width: 100%; } #home-content #locationCard{ padding: 0px 40px 20px 40px; } #home-content #locationCard h2{ color: #382140; } #home-content #hpLocationArea, #home-content #hpLocationAreaTwo{ background-image: none; margin-top: 30px; background-color: #fff; padding: 50px 0px 60px 0px; } #home-content #locationCard .grid6{ padding: 10px 0px; } #hiCtr #hpTagBanner span{ font-size: 2.9em; } #home-content #hpLocationAreaTwo #locationCard .hpTileBtn{ font-size: 1.3em; } #home-content #wcuHPAreas #hpAdmissionsArea #splitPic{ background-image: url("../images/homepageImages/admissionsSplitSm.jpg"); height: 200px; } #home-content #hpFooterBtnsTwo #rightSideFooter{ display: none; } #home-content #hpInfoGraphicAreaTwo{ margin-top: 0; margin-bottom: 0; } #home-content #hpInfoGraphicAreaTwo .grid3{ width: 50%; padding: 0px 40px 0px 30px; } #home-content #hpFooterBtnsTwo #leftSideFooter{ padding-top: 10px; padding-bottom: 30px; } #home-content #hpFooterBtnsTwo #leftSideFooter #socialMediaIcons{ margin: 50px 0px; } #home-content #hpCardArea{ padding: 10px 40px; margin-bottom: 0; } #home-content #hpCardArea #newsCtr{ min-height: 320px; height: auto; padding: 0px 0px; } #home-content #wcuHPAreas #hpAdmissionsArea{ margin-top: 60px; margin-bottom: 70px; } #home-content #wcuHPAreas #hpAdmissionsArea img{ width: 100%; margin-bottom: 30px; } #home-content #hpFooterBtnsTwo .footerBtn{ width: 90%; } #home-content #hpBottomArea{ margin-bottom: 0px; margin-top: 50px; } #home-content #hpBottomArea .grid4{ width: 100%; border-right: none; padding-top: 10px; padding-bottom: 40px; border-bottom: 4px solid #eee; } #home-content #hpBottomArea .cardBottom a{ position: relative; bottom: auto; right: auto; float: right; } #home-content #hpCardArea .slides li{ width: 100% !important; max-width: 100% !important; padding-right: 20px; padding-left: 20px; } #home-content .hpNewsImageDup{ max-height: 150px; overflow: hidden; } #home-content #wcuHPAreas #admissionLinks{ margin-bottom: 40px; } #home-content #wcuHPAreas #admissionLinks h2{ margin-top: 60px; } #home-content #hpInfoGraphicArea .grid3{ margin-bottom: 0px; padding: 30px; width: 50%; } #home-content #hpInfoGraphicArea .infoGraphicNumber{ line-height: 1.75em; font-size: 3.4em; } #home-content #hpInfoGraphicArea .infoGraphicBlock{ width: 13.625rem; height: 13.625rem; } #home-content #hpInfoGraphicArea .infographicInfo{ font-size: 1.2em; line-height: 1.1em; } #home-content #hpInfoGraphicArea h2{ margin-top: 0px; } #home-content #hpBottomArea .hpBottomCard .bottomInfo{ font-size: 1.2em; } } @media screen and (max-width: 768px){ #mobileHero{ display: block; } #videoSection{ display: none; } #hiCtr #hpApplyBar{ display: block; } #hiCtr #hpApplyBar .grid4{ width: 33.3%; } #home-content #hpCardArea{ padding: 20px 10px; margin-bottom: 0; } #home-content #hpCardArea h2{ padding-left: 10px; margin-bottom: 10px; } #home-content #hpCardArea .grid3{ width: 100%; padding: 15px 10px; } #home-content #locationCard{ padding: 0px 10px 20px 20px; } #home-content #hpLocationArea{ margin-bottom: 30px; padding: 20px 0px 10px 0px; } .locationContent h3{ margin-bottom: 30px; } .locationContent .btn{ margin-top: 20px; } #factsFigures h2 { margin-top: 10%; font-size: 2em; } #hpCardArea .cardContent{ padding-bottom: 20px; } #hpCardArea .cardContent .hpCardTitle{ font-size: 1.5em; margin-bottom: 10px; } #hpCardArea .cardContent .hpCardInfo{ display: none; } #home-content #eventsCtr .flex-control-paging{ margin-top: -30px; } #home-content #eventsCtr{ padding-left: 20px; padding-bottom: 20px; } #home-content #eventsCtr #calLinks{ position: relative; margin-top: 10px; } #home-content #eventsCtr #calLinks a{ font-size: .8em; } #hiCtr #hpTagBanner span{ font-size: 2.4em; line-height: 1.64em; } #home-content #hpInfoGraphicAreaTwo .grid3{ width: 100%; padding: 0px 0px 0px 0px; } #home-content #hpInfoGraphicAreaTwo{ display: none; } #hiCtr #programSearchCtr{ top: 50px; width: 600px; left: calc(50% - 300px); } #hiCtr #hpTagBanner{ top: 50%; } #home-content .hpBottomCardTop h2{ display: block; } #home-content #hpBottomArea .hpBottomCard .bottomTitle{ display: none; } #home-content #wcuHPAreas #hpAdmissionsArea #admissionLinks{ padding: 0px 20px; } #home-content #wcuHPAreas #admissionLinks a{ font-size: 1.4em; } #home-content #hpBottomArea #eventGrid4{ padding-left: 0px; padding-right: 0px; } #home-content .hpNewsImageDup img{ overflow: hidden; } #home-content #hpFooterBtnsTwo #socialMediaIcons a{ margin-right: 0px; padding: 0px 10px; } #home-content #wcuHPAreas #hpAdmissionsArea{ margin-bottom: 40px; } #home-content #hpInfoGraphicArea .infoGraphicNumber{ line-height: 1.9em; font-size: 3.2em; } #home-content #wcuHPAreas #hpAdmissionsArea #libertyBell{ width: 40px; height: 25px; margin-right: 18px; } } @media screen and (max-width: 600px){ #hiCtr #hpTagBanner span{ font-size: 2em; } #hiCtr #programSearchCtr{ width: auto; position: inherit; top: auto; left: auto; background: #382140; padding: 10px 20px 20px 20px; margin-top: -10px; } #hiCtr #programSearchCtr h2{ margin-top: 10px; text-shadow: none; font-size: 2.4em; } #hiCtr #programSearchCtr input{ border-radius: 5px; } #home-content #hpBottomArea #eventGrid4 h2{ padding-bottom: 20px; } #hpCardArea .cardContent{ padding-bottom: 12px; } #hpCardArea .cardContent .hpCardTitle{ font-size: 1.2em; margin-bottom: 10px; } #hiCtr #hpTagBanner{ position: relative; left: initial; } #mobileTagLine{ display: block; background-color: #382140; text-align: center; margin-top: -10px; padding: 10px; } #hiCtr #hpTagBanner span{ color: #fff; background-color: initial; } #desktopTagLine{ display: none; } #home-content #hpInfoGraphicArea .grid3{ padding: 30px 10px; width: 100%; } #home-content #hpInfoGraphicArea .infoGraphicNumber{ line-height: 1.4em; font-size: 3.7em; } #home-content #hpInfoGraphicArea .infoGraphicBlock{ width: 13.625rem; height: 13.625rem; } #home-content #hpInfoGraphicArea .infographicInfo{ font-size: 1.2em; line-height: 1.1em; font-weight: bold; } } @media screen and (max-width: 480px){ #hiCtr #hpTagBanner span{ font-size: 1.5em; } #hiCtr #hpApplyBar .hpTileBtn{ font-size: .8em; } #home-content #hpBottomArea .hpBottomCard{ padding: 0px; } #hiCtr #programSearchCtr h2{ font-size: 1.9em; } }