/*
This is the section css for
Special Education
*/
#home-content .noList {
list-style: none;
margin-left: 0;
}
#home-content #ugGrad .grid6{
padding-right: 20px;
}
#home-content .grid8{
padding-right: 10px;
padding-left: 10px;
}
#home-content .spED{
padding: 10px 20px 20px 20px;
background-color: #C1C1C1;
text-align: center;
font-size: 2.0em;
}
#home-content h2 .smallSpan{
font-size: .5em;
}
#home-content .spED a{
color: #000;
text-decoration: none;
}
#home-content .spED a:hover{
color:#441F49;
text-decoration: underline;
}
#home-content .purpleText{
color: #382140;
}
/* DEFAULT */
#home-content #intro .grid2 img { width: 100%; }
#home-content #intro .grid10 { padding-left: 20px; }
#home-content #intro .grid10 p:first-of-type { margin-top: 0; }
#home-content #linkWraps .grid6:nth-child(1) { padding-right: 10px; }
#home-content #linkWraps .grid6:nth-child(2) { padding-left: 10px; }
#home-content #linkWraps .grid4{
padding: 0px 10px;
}
#home-content #finAid .grid6:nth-child(1) { padding-right: 10px; }
#home-content #finAid .grid6:nth-child(2) { padding-left: 10px; }
#home-content #finAid .btnMain { width: 100%; }
#home-content #logos {
border-bottom: 4px solid #763775;
border-top: 4px solid #763775;
clear: both;
margin-bottom: 1em;
overflow: auto;
}
#home-content #logos .grid4:nth-child(1) { padding-right: 10px; }
#home-content #logos .grid4:nth-child(2) { padding-left: 5px; padding-right: 5px; }
#home-content #logos .grid4:nth-child(3) { padding-left: 10px; }
#home-content #logos .grid4 img {
display: block;
margin: 0 auto;
width: 50%;
}
#home-content #logos .grid4:nth-child(1) img { margin-top: 1.5em; }
#home-content #logos .grid4:nth-child(3) img { margin-top: 1em; }
#home-content #logos span { display: none; }
#home-content #contactInfo .grid4:nth-child(1) { padding-right: 10px; }
#home-content #contactInfo .grid4:nth-child(2) { padding-left: 5px; padding-right: 5px; }
#home-content #contactInfo .grid4:nth-child(3) { padding-left: 10px; }
#home-content #contactInfo .noList { margin-bottom: 2em; }
#home-content #contactInfo .noList li:first-of-type {
border-bottom: none;
color: #763775;
font-size: 1.1em;
font-weight: bold;
line-height: normal;
margin-bottom: 3px;
padding-bottom: 0;
}
#home-content .row-responsive .grid3{
padding: 10px;
}
/* FACULTY */
/* #home-content #facultyPage .grid4:nth-of-type(3n+1) { padding-right: 10px; }
#home-content #facultyPage .grid4:nth-of-type(3n+2) { padding-left: 5px; padding-right: 5px; }
#home-content #facultyPage .grid4:nth-of-type(3n+3) { padding-left: 10px; }
#home-content #facultyPage img {
float: left;
margin-right: 20px;
width: 125px;
}
#home-content #facultyPage ul {
list-style: none;
margin-left: 0;
}
#home-content #facultyPage li:first-of-type {
color: #763775;
font-weight: bold;
} */
#home-content #faculty .grid4{
padding-left: 7px;
padding-left: 7px;
}
#home-content #faculty .grid9{
padding-left: 10px;
}
#home-content #facBor .grid4{
border-bottom: 1px dotted #C1C1C1;
}
/* Individual Faculty Pages */
#home-content .learnMore {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
display: inline-block;
font-size: 1.1em;
font-weight: bold;
padding: 15px 0;
text-align: center;
width: 100%;
}
#home-content .faculty .grid2 img { width: 100%; }
#home-content .faculty .grid10 { padding-left: 20px; }
#home-content .faculty h2 { margin-top: 0; }
#home-content .faculty .noList li { font-weight: bold; }
/* MED ONLINE */
#home-content #medBadge { float: right; margin-left: 1em; }
#home-content #medBadge + span { display: none; }
/* side menu */
#home-content .hideMenu{
display: none;
}
#home-content .sideLinks{
margin-top: 10px;
padding-right: 20px;
position: -webkit-sticky;
position: sticky;
top: 20px;
}
#home-content .sideLinks .grid12{
margin: 0;
background-color: #fff;
}
#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 > .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;
}
#home-content .sideLinks .subSideLink:before{
content: "\203A";
padding-right: 5px;
position: relative;
top: -1px;
color: #763775;
}
#home-content .sideLinks .grid12 a:hover{
color: #763775;
border-left: 3px solid #FFBD07;
}
#home-content .sideLinks .activeSideLink{
color: #763775;
border-left: 3px solid #763775;
}
#home-content .inactive{
display: none;
}
#home-content .active{
display: block;
}
#home-content .grid9 .ovBlockContainer{
margin-bottom: 30px;
}
@media only screen and (max-width: 1550px) {
#home-content .grid9 .ovBlockContainer{
margin-bottom: 60px;
}
}
@media only screen and (max-width: 1366px) {
#home-content .grid9 .ovBlockContainer{
margin-bottom: 90px;
}
}
@media only screen and (max-width: 1150px) {
#home-content .grid9 .ovBlockContainer{
margin-bottom: 150px;
}
}
@media only screen and (max-width: 1000px) {
#home-content .grid9 .ovBlockContainer{
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1300px) {
/* FACULTY */
#home-content #facultyPage .grid4:nth-of-type(3n+1) { padding-right: 0; }
#home-content #facultyPage .grid4:nth-of-type(3n+2) { padding-left: 0; padding-right: 0; }
#home-content #facultyPage .grid4:nth-of-type(3n+3) { padding-left: 0; }
#home-content #facultyPage .grid4 { width: 50%; }
#home-content #facultyPage .grid4:nth-of-type(2n+1) { padding-right: 5px; }
#home-content #facultyPage .grid4:nth-of-type(2n+2) { padding-left: 5px; }
}
@media only screen and (max-width: 768px) {
/* DEFAULT */
#home-content #intro .grid10 { padding-left: 0; }
#home-content #intro .grid2 img {
display: block;
margin: 1em auto;
width: 50%;
}
#home-content #linkWraps .grid6:nth-child(1) { padding-right: 0; }
#home-content #linkWraps .grid6:nth-child(2) { padding-left: 0; }
#home-content #linkWraps img { width: 100%; }
#home-content #finAid .grid6:nth-child(1) { padding-right: 0; }
#home-content #finAid .grid6:nth-child(2) { padding-left: 0; }
#home-content #logos .grid4:nth-child(1) { padding-right: 10px; }
#home-content #logos .grid4:nth-child(2) { padding-left: 5px; padding-right: 5px; }
#home-content #logos .grid4:nth-child(3) { padding-left: 10px; }
#home-content #logos .grid4:nth-child(3) img { margin-top: 0; }
#home-content #contactInfo .grid4:nth-child(1) { padding-right: 0; }
#home-content #contactInfo .grid4:nth-child(2) { padding-left: 0; padding-right: 0; }
#home-content #contactInfo .grid4:nth-child(3) { padding-left: 0; }
/* FACULTY */
#home-content #facultyPage .grid4 { width: 100%; }
#home-content #facultyPage .grid4:nth-of-type(2n+1) { padding-right: 0; }
#home-content #facultyPage .grid4:nth-of-type(2n+2) { padding-left: 0; }
#home-content #facBor .grid4{
border-bottom: none;
}
/* Individual Faculty Pages */
#home-content .faculty .grid10 { padding-left: 0; }
#home-content .faculty .grid2 img {
display: block;
margin: 1em auto;
max-width: 200px;
width: 50%;
}
}
/*****************************************************/
/*****************************************************/
/* NEW BRAND CSS */
/*****************************************************/
/*****************************************************/
.centerH2{
text-align: center;
}
#home-content .borderContent{
padding: 5% 20%;
}
#home-content .borderContent .border{
padding: 2.5% 5%;
}
.centerContent .grid4{
padding: 0px 10px;
}
.purplePara, .pyPara2, .pyPara1{
padding: 3.5%;
}
.pyPara2, .pyPara1{
display: flex;
}
.pyPara2 .grid6:first-of-type, .pyPara1 .grid6:last-of-type{
background-color: #FFE800;
}
.pyPara2 .grid6:last-of-type, .pyPara1 .grid6:first-of-type{
background-color: #382140;
height: 100%;
}
#ugGrad .pyPara1{
background-image: url(https://www.wcupa.edu/education-socialWork/specialEducation/images/sideMenuSplitBack.jpg);
background-attachment: initial;
}
@media only screen and (max-width:1024px){
#home-content .borderContent{
padding: 5% 10%;
}
#home-content .borderContent .border{
padding: 2.5% 3.5%;
}
}
@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-content .borderContent{
padding: 5% 5%;
}
#home-content .borderContent .border{
padding: 2.5% 2.5%;
}
}