/* This is the section css for Research and Sponsored Programs */ /* GLOBAL */ #home-content .noList { list-style: none; margin-left: 0; } #home-content .videoContainer { padding-right: 0px; margin-bottom: 0; } #home-content .videoContainer img { width: 100%; } .line-break{ display: block; } .imgLeft{ float: left; margin-right: 10px; margin-bottom: 10px; max-width: 180px; } /* #home-content em { font-family: "OpenSansSemiboldItalic"; } */ #home-content .likeH2 { font-size: 1.5em; font-weight: bold; } #home-content #accordion .noList li { margin-bottom: 0; } #home-content .faIcons { float: right; font-size: 49px; } #home-content .grid9-3 > .row-responsive > .grid9 { padding-right: 20px; } /* IRB */ #home-content #irb .grid4 .btn{ display: block; margin-left: auto; margin-right: auto; width: 80%; } #home-content #irb .grid3 .btn{ display: block; margin-left: auto; margin-right: auto; width: 85%; } #home-content .responsiveTable th.tableLeft{ text-align: center; } #home-content #irb .videoContainer { padding: 0px 60px 0px 60px; } #home-content #irb .videoContainer .playBtn { display: none; } #home-content #irbRebrand .videoContainer .playBtn { display: none; } #home-content #irbRebrand .grid4 { padding: 15px; } #home-content #facResources .faqVid .row-responsive { padding: 5px 30px; } #home-content #facResources .videoContainer .playBtn { padding: 5px 30px; } #home-content .irbVid .videoContainer .playBtn { display: none; } #home-content .btnsHeader { padding: 0% 10%; display: block; width: 100%; float: left; } .btnsHeader .grid3, .btnsHeader .grid4, .btnsHeader .grid6, .btnsHeader .grid5 { padding: 0px 10px; } /* CONTACT INFO */ #home-content #contactInfo li { margin-bottom: 10px; } #home-content #contactInfo li li { margin-bottom: 0px; } /* DEFAULT */ #home-content #homepage .grid8 { padding-right: 20px; } #home-content #homepage .faIcons { float: right; margin-top: -.5em; font-size: 49px; } #home-content .process { text-align: center; } #home-content .process .grid3 a { display: block; color: #fff; font-weight: bold; font-size: .95em; line-height: normal; text-decoration: none; } #home-content .process .step1, #home-content .process .step2, #home-content .process .step3 { padding: 12.5% 0% 18% 5%; } #home-content .process .step4 { padding: 12.5% 0% 20% 0%; } #home-content .process a { background-repeat: no-repeat; background-size: 100%; -webkit-transition: all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition: all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition: all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition: all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */ } #home-content .process .step1 { background-image: url("/_admin/research/images/step101.png"); } #home-content .process .step1:hover { background-image: url("/_admin/research/images/step102.png"); } #home-content .process .step1.greyStep { background-image: url("/_admin/research/images/stepGrey01.png"); } #home-content .process .step1.greyStep:hover { background-image: url("/_admin/research/images/step103.png"); } #home-content .process .step2 { background-image: url("/_admin/research/images/step201.png"); } #home-content .process .step2:hover { background-image: url("/_admin/research/images/step202.png"); } #home-content .process .step2.greyStep { background-image: url("/_admin/research/images/stepGrey01.png"); } #home-content .process .step2.greyStep:hover { background-image: url("/_admin/research/images/step203.png"); } #home-content .process .step3 { background-image: url("/_admin/research/images/step301.png"); } #home-content .process .step3:hover { background-image: url("/_admin/research/images/step302.png"); } #home-content .process .step3.greyStep { background-image: url("/_admin/research/images/stepGrey01.png"); } #home-content .process .step3.greyStep:hover { background-image: url("/_admin/research/images/step303.png"); } #home-content .process .step4 { background-image: url("/_admin/research/images/step401.png"); } #home-content .process .step4:hover { background-image: url("/_admin/research/images/step402.png"); } #home-content .process .step4.greyStep { background-image: url("/_admin/research/images/stepGrey02.png"); } #home-content .process .step4.greyStep:hover { background-image: url("/_admin/research/images/step403.png"); } #home-content #pivot_search_box { border: 1px solid #eee; padding: 10px; background-color: #f7f7f7; margin-bottom: 20px; } #home-content #pivot_search_box a { text-decoration: none; } #home-content #pivot_search_box span { padding-left: 2px; } #home-content #pivot_search_box .pivotName { vertical-align: bottom; font-family: Verdana, Tahoma, Geneva, sans-serif; font-size:18pt; color:#0099cc; } #home-content #pivot_search_box .fundingConnected { vertical-align: middle; color: #999999; font-family: Georgia, serif !important; font-size: .75em; } #home-content #pivot_search_box label { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } #home-content #pivot_search_txt { margin-bottom: 2px; } #home-content #pivot_search_btn_div { display: inline; } #home-content .longBtn { width: 100%; margin-top: 0; } #home-content #homepage .announcements { background-color: #eee; padding: 10px; font-size: .9em; line-height: normal; margin-bottom: 10px; } #home-content #homeVideos { margin: 10px 0; } /*#home-content #homeVideos .grid3 { padding: 0 10px; }*/ #home-content #homeVideos .grid4 { padding: 0 10px; } #home-content #homeVideos span { display: block; text-align: center; font-weight: bold; } #home-content #homeVideos a { text-decoration: none; } #home-content #homeVideos .playBtn { display: none; } #home-content #homeVideos #pdfPlacement { font-weight: normal; } #home-content #homeVideos #pdfPlacement .pdfIcon { display: inline-block; } #home-content #homepage .wcunsfy { font-style: italic; } #home-content .socialMediaResearch { display: inline-block; } #home-content .fancyboxSection{ display: none; } #home-content img.curLogo{ display: block; margin: 0 auto; width: 60%; padding-top: 9px; } /* IRB */ #home-content #accordion .facList ul li:nth-child(1) { font-weight: bold; } #home-content #accordion .facList ul li { margin-bottom: 0; } /* PROPOSAL AWARD PROCESS */ #home-content .proposalAward li{margin-bottom: 10px;} #home-content .blue{list-style-image: url("../images/blue.png");} #home-content .blue strong{color: #27497c;} #home-content .green{list-style-image: url("../images/green.png");} #home-content .green strong{color: #277a4d;} #home-content .orange{list-style-image: url("../images/orange.png");} #home-content .orange strong{color: #c66d1c;} #home-content .red{list-style-image: url("../images/red.png");} #home-content .red strong{color: #8c303b;} /* RESEARCH COMPLIANCE */ #home-content #researchComp .faIcons { float: right; font-size: 49px; } /* STUDENTS */ #home-content #purpBtns .row-responsive { margin: 0; } #home-content #purpBtns .grid6:nth-child(1) { padding-right: 10px; } #home-content #purpBtns .grid6:nth-child(2) { padding-left: 10px; } #home-content #purpBtns .pdfIcon { display: none; } #home-content #faqVid .grid6:nth-child(1) { padding-right: 10px; } #home-content #faqVid .grid6:nth-child(2) { padding-left: 10px; } #home-content #faqVid .videoContainer { float: none; margin: 0 auto; width: 70%; } #home-content .bottomContact { text-align: center; } #home-content .bottomContact #contactHeader { font-size: 1.5em; } #home-content .bigPurpBtn { height: 112px; display: flex; flex-direction: column; justify-content: center; color: #FFF; text-align: center; text-decoration: none; font-size: 1.2em; /*display: block;*/ vertical-align: top; background-color: #441F49; border: #000 2px solid; border-radius: 15px; padding: 30px 0; margin-bottom: 20px; } #home-content .bigPurpBtn:hover { background-color: #763775; } #home-content #fundingBanner { display: block; font-size: 2em; text-align: center; background-color: #763775; border: #441F49 5px solid; } #home-content #fundingBanner:hover {background-color: #B094B5;} #home-content #fundingBanner:hover span { color: #441F49; border-top: #441F49 1px solid; border-bottom: #441F49 1px solid; } #home-content #fundingBanner span { display: inline-block; color: #FFF; padding: 10px 0; margin: 1em 25px; border-top: #FFF 1px solid; border-bottom: #FFF 1px solid; } #home-content .orspNewRow{ border-bottom: 3px solid #c1c1c1; padding-bottom: 40px; margin-bottom: 30px; } #home-content .leftImage img{ float: left; padding: 0px 20px 10px 0px; } #home-content .rightImage img{ float: right; padding: 0px 0px 10px 20px; } #home-content .psuedoHead5 { font-size: 1.2em; font-weight: bold; } /* RESEARCH DAY SUBMISSINS */ #home-content #researchDayPage{ position: relative; float: left; } #home-content #researchDayPage .row-responsive{ margin-bottom: 30px; } #home-content #researchDayPage .grid8 .grid6{ padding-right: 20px; } #home-content #researchDayPage h4{ font-size: 1.5em; } #home-content #researchDayPage .docuIcon{ display: none; } #home-content #researchDayPage #rdTop .vidGrid .grid4{ padding: 0px 30px; border-right: none; } #home-content #rdTop{ padding: 30px 0px; width: 100%; float: left; background-color: #eee; } #home-content #bottomRD{ padding: 0px 0px; width: 100%; float: left; position: relative; } #home-content #researchDayPage #rdTop .grid4{ padding-right: 40px; border-right: 5px solid #441F49; } #home-content #rdTop .grid8{ padding: 0px 10px 0px 10px; } #home-content #rdTop .grid8 h3{ margin-top: 20px; } #home-content #rdTop .grid4 ul{ margin-left: 0px; } #home-content #rdTop .grid4 li{ list-style-type: none; } #home-content #rdTop .grid4 li a{ padding: 20px; border-bottom: 3px solid #fff; font-size: 1.3em; font-weight: bold; transition: all .3s ease-in-out; border-left: 0px; text-decoration: none; display: block; width: 100%; } #home-content #rdTop .grid4 li a:visited{ color: #441F49; } #home-content #rdTop .grid4 li:first-of-type a{ border-top: 3px solid #fff; } #home-content #rdTop .grid4 .highlighted, #home-content #rdTop .grid4 li:hover a{ border-left: 6px solid #FFBD07; transition: all .3s ease-in-out; background-color: #fcfcfc; } #home-content #researchDayPage .grid4 h2{ margin-top: 0px; margin-bottom: 30px; } #home-content #researchDayPage .grid4{ padding: 20px; } #home-content #researchDayPage .card, #home-content #researchDayPage .vidCard{ background-color: #eee; padding: 20px; position: relative; } #home-content #researchDayPage .vidCard{ display: block; float: left; } #home-content #researchDayPage .btn{ font-size: 1.3em; } #home-content #researchDayPage .bottomPlace{ position: absolute; bottom: 10px; } #home-content #researchDayPage .grid4:last-of-type{ border-right: none; } #home-content #researchDayPage .grid4 p:first-of-type{ font-size: 1.2em; font-style: italic; margin-bottom: 20px; } #home-content #researchDayPage .grid4 p:first-of-type strong{ font-size: 1.4em; font-weight: bold; display: block; color: #441F49; margin-bottom: 10px; line-height: 1.4em; } #home-content #researchDayPage .grid4 ul{ margin-bottom: 20px; } #home-content #researchDayPage .grid3{ padding-right: 40px; /* position: relative; */ } #home-content #researchDayPage select{ width: 100%; max-width: 100%; padding: 10px; margin-top: -2px; } #home-content #researchDayPage option{ padding: 5px; } #home-content #researchDayPage label a{ padding: 10px; background-color: #441F49; color: #fff; width: 100%; margin: 20px 0px 0px 0px; display: block; font-size: 1.3em; font-weight: bold; text-decoration: none; transition: all .3s ease-in-out; } #home-content #researchDayPage label a:hover{ cursor: default; } #home-content #researchDayPage h2{ font-size: 2.3em; margin-bottom: 30px; } #home-content #researchDayPage h3{ margin-top: 40px; font-size: 1.7em; } #home-content .rdSection{ padding: 20px 40px; border-bottom: 5px solid #441F49; float: left; left: 0px; width: 100%; } #home-content .dropdownSection{ padding: 0px 20px 0px 30px; position: relative; width: 100%; } #home-content .contentHolder #researchDayPage h3{ font-weight: bold; border-bottom: none; } #home-content .contentHolder #researchDayPage h3:after{ background: none; } #home-content #researchDayPage .grid8{ } #home-content #researchDayPage .hdnLink{ position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; -webkit-transition: 0.4s ease; transition: 0.4s ease; border-bottom: none; padding-top: 0px; padding-bottom: 0px; } /* publish this to production - COMMENT OUT FOR LIVE */ /* .hdnLink{ display: block; } */ #home-content #sustainDiv{ padding: 0px 50px; } #home-content #sustainDiv img{ float: left; margin-right: 20px; margin-bottom: 10px; } /** rcad schedule **/ #home-content .detailedSchedule .invisible{ display: none; } @media only screen and (max-width: 1515px) { #home-content #researchDayPage .grid4{ padding: 20px 10px; } } @media only screen and (max-width: 768px) { /* GLOBAL */ #home-content #homeVideos .grid4 { width: 33%; } #home-content .grid9-3 > .row-responsive > .grid9 { padding-right: 0; } /* DEFAULT */ #home-content #homepage .grid8 { padding-right: 0; } #home-content .process .grid3 a { padding: 14% 0 14% 4%; font-size: 1em; } #home-content .process .grid3 { width: 50%; } /* STUDENTS */ #home-content #purpBtns .grid6:nth-child(1) { padding-right: 0; } #home-content #purpBtns .grid6:nth-child(2) { padding-left: 0; } } /********************/ /* NEW BRAND CSS */ /********************/ @media only screen and (max-width: 768px) { #home-content #newHome h2{ font-size: 1.5em; } } #factsFigures a.btn{ margin:10px !important!; } #home-content .missionValues { display: block; float: left; width: 100%; } #home-content .missionValues .whoWeAre img{ padding: 5px; width: 140px; } #home-content .row-responsive .grid12 .missionValues { padding: 0 10% 0% 10%; display: block; float: left; width: 100%; } #home-content .missionValues p{ text-align: left; } #home-content .missionValues h3{ text-align: center; } #home-content .missionValues #accordion ul li, #home-content .missionValues .accordion ul li { margin-bottom: 0px; } #home-content .mainTiles .row-responsive { margin: 0px } #home-content .redText { color: red; background-color:#FFF; } .purplePara .wcuLink svg, .pyPara2 .grid6:last-of-type .wcuLink svg, .pyPara1 .grid6:first-of-type .wcuLink svg{ fill: #F5F5F5; } .purplePara, .pyPara2, .pyPara1{ padding: 3.5%; } .pyPara2, .pyPara1{ display: flex; } .pyPara2 .grid6:first-of-type, .pyPara1 .grid6:last-of-type{ background-color: #FFE800; height: 100%; } .pyPara2 .grid6:last-of-type, .pyPara1 .grid6:first-of-type{ background-color: #382140; height: 100%; } .pyPara1 .silverFont, .pyPara1 .silverFont svg{ color: #F5F5F5; fill: #F5F5F5; } #home-content .border-one{ padding: 2%; float: left; width: 100%; } #home-content .border-one .grid7{ padding: 40px 40px 20px 10%; } #home-content .border-two .grid7{ padding: 40px 40px 20px 5%; } #home-content .border-two .grid5{ padding: 20px 20px 20px 40px; } @media only screen and (min-width:768px){ .noImgPad .grid6:first-of-type{ padding: 0px 0px !important; } } @media only screen and (max-width:768px){ .purplePara{ padding: 20% 5% 20% 5%; } .pyPara2, .pyPara1{ display: block; } .pyPara2 .grid6:first-of-type{ background-color: #382140; } .pyPara2 .grid6:last-of-type{ background-color: #FFE800; } } /** Home Page Tiles **/ #home-content .row-responsive { margin: 0px; } #home-content .homePage .grid3{ padding: 5px; height: 16em; } #home-content #mainTiles .row-responsive{ display: flex; margin-top: 0px; margin-bottom: 0px; } #home-content #mainTiles .grid3{ transition: all .2s ease-in-out; } #home-content .purpleBlock a{ display: table-cell; vertical-align: middle; text-align: center; color: #ffe800; font-size: 1.5em; line-height: 1.2em; font-weight: bold; text-decoration: none; } #home-content .purpleBlock{ height: 98.5%; width: 100%; display: table; background-color: #382140; padding: 20px; transition: all .2s ease-in-out; } #home-content .yellowBlock1 a{ display: table-cell; vertical-align: middle; text-align: center; color: #382140; font-size: 1.5em; line-height: 1.2em; font-weight: bold; text-decoration: none; } #home-content .yellowBlock1{ height: 98.5%; width: 100%; display: table; background-image: url(/WWW/Nikki/test/images/Tile1.jpg); background-size: 330px; background-size: cover; padding: 20px; } #home-content .yellowBlock2 a{ display: table-cell; vertical-align: middle; text-align: center; color: #382140; font-size: 1.5em; line-height: 1.2em; font-weight: bold; text-decoration: none; } #home-content .yellowBlock2{ height: 98.5%; width: 100%; display: table; background-image: url(/WWW/Nikki/test/images/Tile2.jpg); background-size: 330px; background-size: cover; padding: 20px; } #home-content .yellowBlock3 a{ display: table-cell; vertical-align: middle; text-align: center; color: #382140; font-size: 1.5em; line-height: 1.2em; font-weight: bold; text-decoration: none; } #home-content .yellowBlock3{ height: 98.5%; width: 100%; display: table; background-image: url(/WWW/Nikki/test/images/Tile3.jpg); background-size: 330px; background-size: cover; padding: 20px; } #home-content .yellowBlock4 a{ display: table-cell; vertical-align: middle; text-align: center; color: #382140; font-size: 1.5em; line-height: 1.2em; font-weight: bold; text-decoration: none; } #home-content .yellowBlock4{ height: 98.5%; width: 100%; display: table; background-image: url(/WWW/Nikki/test/images/Tile4.jpg); background-size: 330px; background-size: cover; padding: 20px; } #home-content #mainTiles .grid3 :hover{ transform: scale(1.02); transition: all .2s ease-in-out; } @media only screen and (max-width: 768px) { #home-content #mainTiles .row-responsive{ display: block; margin-top: 0px; margin-bottom: 0px; } } #home-content .scroll { border: 1px solid #000; height: 300px; overflow-x: hidden; overflow-y: auto; text-align: center; padding: 20px; /* margin: 20px 20px 30px 20px; */ } #home-content .scroll .grid6 { padding: 10px; } @media only screen and (max-width: 768px) { #home-content .scroll { border: 1.5px solid #000; height: auto; overflow-x: none; overflow-y: none; text-align: center; padding: 20px; margin: 20px 20px 30px 20px; } } /* OPPORTUNITIES & SPOTLIGHT SECTION */ /*#home-content #rssNews .commNewsItem{ padding-right: 15px; } */ #home-content .grantLife h4{ text-align: center; } #home-content .grantLife img{ margin:auto; width: 60%; } #home-content #rssNews .grid11{ margin-right: 25px; margin-left:50px } #home-content .commNewsItem a{ text-decoration: none; color: #444; } #home-content .commNewsItem a:hover h3{ text-decoration: underline; } #home-content #rssNews .commNewsItem h3{ font-size: 1.2em; padding-bottom: 0px; margin: 10px 0px; color: #6e3061; } #home-content .commNewsItem h3:after{ background: none; } #rssNews .grid4:nth-of-type(3n+1){ clear: left; } #rssNews .grid3:nth-of-type(4n+1){ clear: left; } #home-content .commNewsItem:hover { background-color: #fff !important; transition: background-color .5s; } #home-content .news:hover { -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .35); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .35); box-shadow: 0 0 6px 0 rgba(0, 0, 0, .35) } #home-content #rssNews{ display :flex; } @media only screen and (max-width: 768px) { #home-content #rssNews h2{ padding-left: 20px; } } @media only screen and (max-width: 768px) { #home-content #rssNews{ display: block; padding-right: 20px; } #home-content #rssNews .grid11{ margin-left:0px } } #home-content .flexsliderLarge{ margin-bottom: 0px; } #home-content .flexsliderLarge img{ width: 100%; } #home-content #rssNews h2{ margin-top: 40px; float: left; } #home-content #rssNews .commNewsItem .commDate{ bottom: auto; left: 10px; top: 20px; background-color: #382140; color: #FFE800; } #home-content #rssNews .commNewsItem:hover h3{ color: #6e3061; text-decoration: underline; } #home-content .commNewsItem .highlightedDate{ display: block; font-family: "NotoSans", Arial, sans-serif; text-transform: uppercase; } #home-content .commNewsItem p{ color: #444; margin-top: 10px; font-family: "NotoSans", Arial, sans-serif; } #home-content .commNewsItem .redText { color: red; background-color:#FFF; } #home-content .grid9{ padding-right: 2%; } #home-content .news{ background-color: #FFF; padding: 15px 15px 15px 15px !important; border: 2px solid #382140; } #home-content .announcementsContainer{ padding-left: 20px !important; padding-right: 0px !important; } #home-content .commNewsItem img { float: left; margin: 0px; max-width: 320px; max-height: 200px } #home-content .spotlightItem{ padding: 0px 20px; text-align: center; } #home-content #spotlights .grid11{ margin-right: 25px; margin-left:50px } #home-content .spotlightItem a{ text-decoration: none; color: #444; } #home-content .spotlightItem a:hover{ text-decoration: underline; } #home-content #spotlights h3{ font-size: 1.3em; padding-bottom: 0px; margin: 10px 0px; color: #6e3061; text-transform: uppercase; } #home-content .spotlightItem h3:after{ background: none; } #rssNews .grid4:nth-of-type(3n+1){ clear: left; } #home-content .spotlightItem img:hover { background-color: #fff !important; transition: background-color .5s; } #home-content .spotlightItem img:hover { -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .35); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .35); box-shadow: 0 0 6px 0 rgba(0, 0, 0, .35) } #home-content #spotlights{ display :flex; } #home-content #spotlights img{ text-align: center; width: 300px; } @media only screen and (max-width: 768px) { #home-content #spotlights{ display: block; padding-left: 20px; padding-right:20px; } #home-content #spotlights .grid11{ margin-left:0px } } /****** Spotlight Page ******/ #home-content .spotlightPage .grid6 { padding: 0px 40px 40px 40px; } #home-content .spotlightPage .imageCaption { font-size: .9em; line-height: 1.5; } /****** Data Points ******/ .infoNumber{ font-size: 3em; font-weight: bold; line-height: 1em; color: #6e3061; margin: 10px 0px; letter-spacing: .3rem; } #factsFigures .smallInfo { font-weight: bold; font-size: 1em; font-weight: bold; color: #382140; } #factsFigures .smallInfo span { font-size: .7em; font-weight: initial; } .infoArea .grid4{ padding: 10px; } #wcuMainContent .row-responsive .grid12 .centerContent { padding: 0 10% 0% 10%; display: block; float: left; width: 100%; } /* HEADER ANNOUNCEMENT */ .topBannerMessage1 .row-responsive.grid12.btnPad { padding: 5px; } .topBannerMessage1 a.btnMain:hover, .topBannerMessage1 .btnMain:hover { color: white!important; background: none; } #home-content .topBannerMessage1 a.btnGold, .btnGold { color: #382140; background: #FFE800; border: 2px solid #FFE800; } #home-content .topBannerMessage1 a.btnGold:hover, .btnGold:hover { color: #FFE800; background: #382140; } #home-content .topBannerMessage1 { padding: 1.5% 10% 1.5% 10%; background-color: #382140; float: left; width: 100%; } #home-content .topBannerMessage1 p{ border-left: 4px solid #FFE800; color: #fff; padding: 10px; margin: 0px; font-weight: bold; font-size: 1.1em; } #home-content .topBannerMessage1 p a, #home-content .topBannerMessage1 p a:visited, #home-content .topBannerMessage1 .wcuLink svg{ color: #ffe800; fill: #ffe800; } #home-content .topBannerMessage1 .wcuLink svg{ top: 2px; } #home-content .topBannerMessage1 .largerText { font-size: 1.6em; line-height: 1.5em; } @media only screen and (max-width: 768px) { #home-content .topBannerMessage1 .largerText { font-size: 1.2em; } } /* SIDE MENU */ #home-content .hideMenu{ display: none; } #home-content .sideLinks{ margin-top: 10px; padding-right: 20px; } #home-content .sideLinks .grid12{ margin: 0; } #home-content .sideLinks a{ display: block; padding: 10px; text-decoration: none; color: #575757; font-weight: bold; padding-left: 13px; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; } #home-content .sideLinks .accordion a a{ padding: 0px; padding-left: 0px !important; border-bottom: none; border-right: none; } #home-content .sideLinks .accordion a{ padding-left: 30px; } #home-content .sideLinks .accordion a:hover a{ border-left: none !important; } #home-content .sideLinks .accordion h3{ font-size: 1em; font-family: "myriad-pro", Arial, sans-serif } #home-content .sideLinks > .grid12:first-of-type > a{ border-top: 1px solid #DDD; } #home-content .sideLinks .subSideLink{ font-size: .9em; padding: 5px 10px 3px 30px; border-left: 0; font-weight: bold; text-indent: -10px; line-height: 20px; border-top: none; border-bottom: none; } #home-content .sideLinks .subSideLink:before{ content: "\203A"; padding-right: 5px; position: relative; top: -1px; color: #6e3061; } #home-content .subLinks{ border-bottom: 1px solid #DDD; } #home-content .sideLinks .grid12 a:hover{ color: #6e3061; border-left: 3px solid #FFE800; } #home-content .sideLinks .activeSideLink{ color: #6e3061; border-left: 3px solid #6e3061; } #home-content .inactive{ display: none; } #home-content .active{ display: block; } #home-content .homeVideo .videoContainer { padding-right: 0; width: 100%; } .purplePara .wcuLink svg, .pyPara2 .grid6:last-of-type .wcuLink svg, .pyPara1 .grid6:first-of-type .wcuLink svg{ fill: #F5F5F5; } .purplePara, .pyPara2, .pyPara1{ padding: 3.5%; } .pyPara2, .pyPara1{ display: flex; } .pyPara2 .grid6:first-of-type, .pyPara1 .grid6:last-of-type{ background-color: #FFE800; height: 100%; } .pyPara2 .grid6:last-of-type, .pyPara1 .grid6:first-of-type{ background-color: #382140; height: 100%; } .pyPara1 .silverFont, .pyPara1 .silverFont svg{ color: #F5F5F5; fill: #F5F5F5; } #home-content .pyPara1 .grid6:first-of-type, #home-content .pyPara1 .grid6:first-of-type p, #home-content .pyPara1 .grid6:first-of-type a:not(.btn){ color: #fff; font-weight: bold; } #home-content .pyPara1 .grid6:first-of-type ul, #home-content .pyPara1 .grid6:first-of-type li{ font-weight: normal; } /** Committees **/ #home-content .committees .grid4{ padding:10px; } /** NEW IRB PAGE **/ .footerContact p{ text-align: center; } #home-content .buttonCards { display: table-cell; height: 290px; background-color: #382140; padding: 2px 20px; } #home-content .newPurpBtns .grid3 { padding-right: 15px; } @media only screen and (max-width: 980px) { #home-content .newPurpBtns .grid3 { width: 50%; padding-bottom: 15px; } } @media only screen and (max-width: 750px) { #home-content .newPurpBtns .grid3 { width: 100%; padding-bottom: 20px; } } .buttonCards h2, .buttonCards h3, .buttonCards h4, .buttonCards p, .buttonCards li, .buttonCards a, .buttonCards .wcuLink svg { color: #ffe800; fill: #ffe800; } .contentHolder .buttonCards a:visited:not(.btn) { color: #ffe800; } #home-content #cardSection h3.h3Padding{ margin-bottom: 35px; } #home-content #cardSection .card #eventsBox .slides h3{ margin-top: 20px; } #home-content #cardSection .card h3{ font-size: 1.2em; text-align: center; } #home-content #cardSection .card .h3{ font-size: 1.2em; text-align: center; line-height: 1em; text-transform: uppercase; color: #441F49; margin-top: 10px; padding-top: 10px; font-family: "myriad-pro", Arial, sans-serif; font-weight: bold; letter-spacing: .15rem; } #home-content #cardSection .grid3{ padding: 10px; } #home-content .card #eventsBox .slides h3, #home-content .card #eventsBox .slides p{ text-align: center; } #home-content #cardSection .grid4 img{ width: 100%; max-width: 100%; } #home-content #cardSection .giantLogo { padding-top: 15px; } #home-content #cardSection .grid6 img{ width: 100%; max-width: 100%; padding: 0px 5px; } #home-content #cardSection .grid4 .grid3 img{ width: 100%; max-width: 75px; display: block; margin: 0 auto; } #home-content #tileSection{ padding: 20px 120px 0px 120px; } #home-content #tileSection .grid3, #home-content #tileSection .grid4{ padding: 0px 10px; } #home-content #tileSection .grid3:first-of-type, #home-content #tileSection .grid4:first-of-type{ padding-left: 0; } #home-content #tileSection .grid3:last-of-type, #home-content #tileSection .grid4:last-of-type{ padding-right: 0; } #home-content #tileSection .tile, #home-content #cardSection .linkSection .tile{ display: block; text-align: center; text-decoration: none; text-transform: uppercase; background-color: #441F49; padding: 20px 10px 20px 10px; color: #fff; font-size: 1.7em; font-weight: bold; line-height: 1.2em; } #home-content #tileSection .lightGrayBtn{ background-color: #5F5F5F; padding: 20px 2px 20px 2px; font-size: 1.3em; } #home-content #cardSection .linkSection .tile{ padding: 20px 30px 20px 30px; display: inline-block; font-size: 1.5em; } #home-content #cardSection .linkSection{ padding: 10px 5% 20px 5%; } #home-content #tileSection #twoLine a{ padding-top: 80px; } #home-content #tileSection .tile:hover, #home-content #cardSection .linkSection .tile:hover{ background-color: #D9AA2A; } #home-content #cardSection h3, #home-content .linkSection h3, #home-content .tabContainer h3{ line-height: 1em; text-transform: uppercase; color: #441F49; margin-top: 10px; padding-top: 10px; } #home-content #cardSection h3, #home-content #cardSection h3:after, #home-content .linkSection h3:after, #home-content .tabContainer h3:after{ border-bottom: none; background: none; } #home-content .linkSection .accordion h3{ font-size: 1.2em; } #home-content #cardSection{ float: left; width: 100%; padding: 0px 60px 0px 60px; } #home-content #cardSection > .row-responsive{ display: flex; } #home-content #cardSection .grid4{ padding: 10px; } #home-content #cardSection .grid4:first-of-type{ padding-left: 0px; } #home-content #cardSection .grid4:last-of-type{ padding-right: 0px; } #home-content #cardSection .grid4:last-of-type .card p{ margin-top: 30px; } #home-content .hpCardSection .grid4:first-of-type p{ text-align: center; } #home-content .hpCardSection .grid4:first-of-type img{ margin-top: 40px; } #home-content .card{ border: 2px solid #eee; border-top: 7px solid #441F49; background-color: #fff; padding: 20px; float: left; width: 100%; height: 100%; } #home-content .card p em{ font-size: .8em; } #home-content .card img{ max-width: 300px; display: block; margin: 10px auto; } #home-content .card ul{ margin-top: 30px; } #home-content .card .slides{ min-height: 300px; } #home-content #cardSection .card .slides h3{ padding-top: 0px; margin-top: 0px; font-size: 1.5em; } #home-content .card .contentSlides{ margin-top: 0px; } #home-content .card img + span.pdfIcon{ display: none; } #home-content #cardSection .readMore a{ color: #441F49; line-height: 1.4; text-transform: uppercase; float: right; font-weight: bold; margin-top: 40px; text-decoration: none; clear: both; } #home-content #cardSection .readMore a:hover{ text-decoration: underline; } @media only screen and (max-width: 768px) { #home-content #midSection, #home-content .midSection, #home-content #tileSection, #home-content #cardSection { padding: 10px 10px; } } @media only screen and (max-width: 768px) { #home-content #cardSection > .row-responsive { display: block; } } .verticalContent .row-responsive { display: flex; flex-direction: row; align-items: center; margin: 0px; } .faqVid2 .grid4 { padding: 0 3% 0 0; } #home-content .faqVid2 .playBtn { display: none; } #home-content #facResources .grantAwardees a{ color: #FFF; background: #6e3061; border: 2px solid #6e3061; font-size: 1em; padding: 10px 20px; text-decoration: none; text-align: center; margin: 10px 0px; font-family: "myriad-pro", Arial, sans-serif; text-transform: uppercase; display: inline-block; font-weight: bold; width: 100%; } #home-content #facResources .grantAwardees a:hover{ color: #6e3061; background: none; } #home-content #facResources .grantAwardees .grid4 { padding: 10px; } .fancybox-inner { text-align: center; } a.btnGoldPurple { color: #382140; background: #FFE800; border: 2px solid #FFE800; font-size: 1em; padding: 10px 20px; text-decoration: none; text-align: center; margin: 10px 0px; font-family: "myriad-pro", Arial, sans-serif; text-transform: uppercase; display: inline-block; font-weight: bold; min-height: 44px; min-width: 44px; } a.btnGoldPurple:hover { color: #FFE800 !important; background: #6e3061; } /* CALENDAR BOX FOR MOCK UP */ #upcomingEvents{ padding: 5% 5%; 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; float: left; width: 100%; display: block; } #upcomingEvents h2{ text-align: center; margin-bottom: 5%; color: #ffe800; } #upcomingEvents li:nth-of-type(4), #upcomingEvents li:nth-of-type(7){ clear: left; } #home-content #upcomingEvents .forceUpper { text-transform: uppercase; color: #fff; } #upcomingEvents h3 + span { font-size: .75em; padding-bottom: 50px; } #upcomingEvents .noImage { background-color: #CCC; width: 70%; } #upcomingEvents .theMonth { text-transform: uppercase; padding-top: 5px; } #upcomingEvents p { font-size: .75em; margin-top: 0; } #upcomingEvents .floatRight{ float: right; } #upcomingEvents li:nth-child(n+10){ display: none; } #upcomingEvents .theMonth, #upcomingEvents .theDate { text-align: center; display: block; font-weight: bold; } #upcomingEvents a, #upcomingEvents li{ font-size: 1.1em; margin-bottom: 30px; } #upcomingEvents a:hover{ color: #FFE800; } #upcomingEvents .theDate{ font-size: 1.9em; } #upcomingEvents .moreDate{ font-size: 1em; } #upcomingEvents .leftDate{ float: left; padding: 5px 10px; margin-top: -10px; border-right: 5px solid #FFE800; margin-right: 20px; } #upcomingEvents .theMonth, #upcomingEvents .theDate{ color: #FFE800; font-family: "Phonk", Arial, sans-serif; font-size: 1.1em; text-decoration: none; margin-bottom: 10px; letter-spacing: .2rem; } #upcomingEvents .theDate{ font-size: 1.6em; } #upcomingEvents .theLocation{ font-size: .6em; } .contentHolder .flexsliderLarge ul{ margin-left: 0px; } #upcomingEvents .slides li:first-child { padding-left: 0; } #upcomingEvents li { list-style-type: none; padding: 20px 25px; } #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 li{ width: 33%; float: left; } /* #upcomingEvents a { text-decoration: none; } */ /* requested to have links underlined */ #upcomingEvents a, #upcomingEvents a h3, #upcomingEvents li{ 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; } .contentSlideAnnouncements { display: block; /* width: 100%; */ float: left; margin: 2% 5% 3%; } #home-content .contentSlides h4 { margin-left: 10px; margin-right: 10px; border-bottom: 2px solid #eee; line-height: 2; } #home-content #borrowEasels { margin-top: 0px; } #home-content .grantCyclesBorder .borderContent { padding: 3% 3%; } #home-content .studentOppPoster { margin: auto; display: block; width: 50%; } @media only screen and (max-width: 768px) { #home-content .studentOppPoster { margin: auto; display: block; width: 100%; } } #home-content #primaryInvestigor .tabContainer nav a { color: #6e3061; background: none; text-decoration: none; padding: 5px 15px; font-family: "myriad-pro", Arial, sans-serif; font-size: 1.05em; text-transform: uppercase; display: inline-block; margin: 4px; border: 2px solid #6e3061; text-shadow: none; } #home-content #primaryInvestigor .tabContainer nav a.activeTab { color: #FFF; background: #6e3061; } #home-content #primaryInvestigor .tabContainer nav { background-color: #fff; padding: 0px 0px 10px; }