body,html,main{height:100%}body{background-color:#f7f7f7!important}#SearchCSUF::-webkit-input-placeholder{color:#fff}#SearchCSUF:-moz-placeholder{opacity:1}#SearchCSUF::-moz-placeholder{color:#fff;opacity:1}#SearchCSUF:-ms-input-placeholder{color:#fff}#topBarContainer{float:left;width:100%;border-bottom:1px solid #ddd;position:relative;z-index:100}#topBarContainer article{max-width:1200px;padding:0;padding-left:40px;padding-right:40px;margin-left:auto;margin-right:auto}.filterBar{float:left;width:45%}#topBarContainer article ul{list-style:none;position:relative;float:left;margin:0;padding:0}#topBarContainer article ul a{display:block;color:#333;text-decoration:none;padding:0 5px}#topBarContainer article ul li{position:relative;float:left;margin:0;padding:10px 0 5px;text-transform:uppercase;color:#666!important;font-size:.688em;letter-spacing:.025em}#topBarContainer article ul li.current-menu-item{background:#ddd}#topBarContainer article ul li:hover{background:#f6f6f6}#topBarContainer article ul li p{color:#000;font-weight:700;padding:0 0 0 15px;text-transform:uppercase}#topBarContainer article ul ul{display:none;position:absolute;top:100%;left:0;height:300px;background:#fff;padding:0;overflow:scroll}#topBarContainer article ul ul li{float:none;width:360px;text-transform:none!important;font-size:1em!important;border-bottom:1px dotted #bbb}#topBarContainer article ul ul a{line-height:120%;padding:2px 15px}#topBarContainer article ul li:hover>ul{display:block}.hvr-sweep-to-top{display:inline-block;padding:10px 20px;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s;color:#fff;text-decoration:none;text-align:center;text-transform:uppercase;color:#666!important;font-size:.688em;letter-spacing:.025em}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#084b8a;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover{color:#fff!important;background-color:#000;background:0 0;text-decoration:none}.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.topBarArchive{float:right;width:145px}.storyContainer{clear:both!important;max-width:1200px;margin-left:auto;margin-right:auto;overflow:hidden;border-left:1px solid #ccc;border-right:1px solid #ccc}.themeBar{clear:both!important;float:left;width:100%;margin:0!important;border-top:5px solid #000;border-bottom:1px solid #ccc;color:#fff}.themeBar h2{float:left;color:#000;font-weight:700;margin:0!important;font-size:1em;letter-spacing:.05em;padding:8px 2% 0}.themeBar p{float:right;font-size:.875em}.homeFeed{float:left;list-style-type:none;margin:0;width:100%}ul.homeFeed{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.homeFeed li{float:left;display:inline-block;width:20.9%;padding:2%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;position:relative}.homeFeed li.topStory{width: 66.4%;background-color:#eaecec;border-bottom:6px solid #000;padding:0!important;}.latest li:last-child,.latest li:nth-child(3),.theme li:last-child{border-right:none!important}.homeFeed li.Rox{clear:both!important;float:none!important;display:block!important;width:96%!important;height:220px;border-right:none}.homeFeed li.Rox img{margin:0 auto}.homeBanner span,.homeFeed li span,.topStories span{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-200}.homeBanner a:hover,.homeFeed li a:hover,.topStories a:hover{text-decoration:none!important}.homeBanner a:hover,.homeBanner a:hover span,.homeFeed li:hover,.homeFeed li:hover span,.topStories a:hover,.topStories a:hover span{background-color:#e0eef5;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;text-decoration:none!important}.homeFeed li h3{margin-top:0;font-size:.813em!important;font-weight:700;line-height:1.313em;font-family:'Libre Franklin',Arial,sans-serif}.homeFeed li.topStory h3{font-size:1.5em!important;font-family:Lora,Times,serif;letter-spacing:-.025em}.homeFeed li p{font-size:.813em;line-height:1.438em;font-family:'Libre Franklin',Arial,sans-serif;color:#333}.homeFeed li:hover h3,.homeFeed li:hover p{text-decoration:none!important}.homeFeed li img{width:100%;height:auto}.topStoryImg{position:relative;width:100%;width:100%;height:0%;padding-bottom:50%;background-size:cover;background-position:50%}.homeFeed li.BBList{background-color:#eaecec}.homeFeed li.BBList:hover{background-color:#eaecec}.homeFeed li.BBList p a:hover{border-bottom:1px dotted #000;color:#000!important}.latestBar{clear:both!important;width:95.9%;padding:2%;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.latestBar h2{margin:0!important;font-weight:700}.storyImg{width:100%;height:0;padding-bottom:70%;background-size:cover;background-position:50%}.topStory .storyImg{width:100%;height:0;padding-bottom:55%;background-size:cover;background-position:50%}.topStory .source,.topStory h3{padding-left:2%;padding-right:2%}.multimedia{clear:both;width:100%;height:60%;position:relative;background-color:#000;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.multimedia span{position:absolute;top:50%;left:0;width:30%;padding:1% 2%;background-color:rgba(0,0,0,.8);border:1px dotted #555}.multimedia span img{float:left;vertical-align:middle;margin-right:10px}.featuredPublication{clear:both;width:100%;height:70%;position:relative;background-color:#000;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.featuredPublication span{position:absolute;top:60%;left:0;width:40%;padding:2%;background-color:rgba(0,0,0,.8)}.featuredPublication span a:hover,.multimedia span a:hover{text-decoration:none;color:#ff6800!important;border-bottom:1px dotted #fff}.featuredPublication span h3,.multimedia span h3{color:#fff;margin:0!important;padding:0!important}.clear{clear:both}.source{text-transform:uppercase;font-family:'Libre Franklin',Arial,sans-serif!important;letter-spacing:.05em;font-size:.625em!important;margin:0;padding:10px 0 0;color:#124f7b!important}.post span{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-200}.post span.bgGray{background-color:#f7f7f7}.post a:hover{text-decoration:none!important}.post:hover,.post:hover span{background-color:#113850;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;text-decoration:none!important}#newsLeft .post:hover p.source,#newsMid .post:hover p.source,#newsRight .post:hover p.source,.post:hover h2,.post:hover p{color:#fff!important;text-decoration:none!important}.pad1-5{padding:1.5%!important}.info{float:left;width:47%}.infoRight{margin-left:4%}.info p{border-bottom:1px dotted #bbb;color:#333;font-weight:500;line-height:1.4em;padding:0 0 8px;margin:0}.info ul{list-style:none!important;margin:9px 0 0}#maincontent .info li{border-bottom:1px dotted #bbb;color:#333;font-weight:500;margin-bottom:0!important;padding:8px 0}.info table{font-size:1.25em!important;border:none!important}.info td,.info th{background-color:#f7f7f7;border:none;border-bottom:1px dotted #bbb;border-right:medium none;color:#333;font-size:87.5%;line-height:1.4em;padding:12px 0}.info th{font-weight:400;text-align:left}.info td,.stat{color:#069;font-weight:700;text-align:right}.leadership p{padding-bottom:1em;border-bottom:1px dotted #ccc}.leadership p .posTitle{font-family:Lora,Times,serif;font-style:italic;color:#444!important}.titanBanner img{float:none!important;margin-left:0!important;max-width:100%!important}.titanReport h3{margin-top:0!important}.titanReport .post img{float:left;margin-right:1em;width:20%!important}.spotlightContainer{width:100%;margin-top:-4%}.spotlight1{background:url(../images/spotlight/GW.jpg) no-repeat top center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.spotlight2{background-color:#e1e8ed}.spotlight2 img{float:left;margin-right:15px;width:20%!important}.spotlight2 h5{float:none;clear:both;margin-top:3%;padding-left:5%;padding-right:5%;font-size:.875em;line-height:1.25em}.spotlight3{background:url(../images/spotlight/al-dia.jpg) no-repeat top center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.spotlight4{background-color:#e1e8ed}.spotlightContainer h3{font-size:1.25em;font-family:Lora,Times,serif;font-style:italic;text-align:center;padding:5% 2%;color:#fff}.spotlightContainer ul{list-style-image:url(../images/icons/spotlight-bullet.png);list-style-position:inside;margin-left:5%;margin-top:30%;padding-bottom:5%}.spotlightContainer li{font-weight:700;font-size:.875em;line-height:1.25em;color:#fff;margin-bottom:6%}#spotlightContainer li a:visited,.spotlightContainer li a:link{color:#fff!important}.spotlightContainer p{padding-left:5%;padding-right:5%;font-size:1em;line-height:1.25em;padding-top:3%;padding-bottom:3%;font-family:Lora,Times,serif}.spotlightContainer p.sansSerif{font-size:.875em;line-height:1.5em}.spotlightContainer img{width:100%;height:auto}.blackTxt{color:#000!important}.whiteTxt{color:#fff!important}.Grid{display:flex}#newsLeft{width:45%;border-right:1px solid #ccc}#newsMid{width:24.8%}#newsRight{float:left;width:30%;border-left:1px solid #ccc}.inNews li{padding:2% 4%;line-height:1.25em!important;border-bottom:1px solid #ddd;font-size:.875em!important;font-weight:700}.inNews li .source{color:#777!important;font-family:Lora,Times,serif!important;text-transform:uppercase;font-size:.75em!important;font-weight:400;letter-spacing:.05em}.fullertonTitans{float:right;list-style-type:none;margin:0;width:100%}.fullertonTitans li{float:left;display:block;width:100%;padding:2%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;position:relative}.athleticsLeft{max-width:74%!important;margin-left:0;overflow:visible;margin-right:0;clear:none!important}.athleticsRight{width:25%;margin:0;float:right;clear:none!important;overflow:visible}.btnNavMenu{display:none;padding:2%}.btnNavMenu a{background-color:#000;background:0 0;background-image:url(../images/icons/mobilemenu2.png);background-repeat:no-repeat;height:35px;background-position:left;background-repeat:no-repeat;border:solid 0 #fff;padding:1%;color:#fff!important;text-shadow:0 4px 10px rgba(0,0,0,.5);width:200px;display:block;text-indent:38px}@media only screen and (min-device-width:320px) and (max-device-width:640px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.storyContainer{max-width:100%}.homeFeed{clear:both;float:none}.homeFeed li.topStory{width:99.9%}.homeFeed li{clear:both;float:none;display:block;width:96%;padding:2%;border-bottom:1px solid #ddd;border-right:none;position:relative}.homeFeed li.topStory h3{line-height:1em}#navMain li{display:block}#SearchNav{position:relative;width:auto;display:block}#SearchNav li{padding:0}#SearchNav li a{float:right;padding:2%}#SearchNav li:first-child,li:last-child{width:100%}#sitename a{font-size:1.5em}#CSUFTopLink a{font-size:.54em}.btnNavMenu{display:block}#navMain{display:none}.athleticsLeft,.athleticsRight{max-width:unset!important;width:100%}.multimedia span{width:30%}}@media only screen and (min-device-width:320px) and (max-device-width:640px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.storyContainer{max-width:100%}.homeFeed li.topStory{width:41.9%}.homeFeed li{width:41.9%;padding:2%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;position:relative}.latest li:last-child,.latest li:nth-child(3),.theme li:last-child{border-right:1px solid #ddd!important}.homeFeed li.topStory h3{line-height:1.25em;font-size:1.25em!important;font-family:'Libre Franklin',Arial,sans-serif}#navMain li{display:block}#SearchNav{position:relative;width:auto;display:block}#SearchNav li{padding:0}#SearchNav li a{float:right;padding:2%}#SearchNav li:first-child,li:last-child{width:100%}#sitename a{font-size:1.5em}#CSUFTopLink a{font-size:.54em}.btnNavMenu{display:block}#navMain{display:none}.athleticsLeft,.athleticsRight{max-width:unset!important;width:100%}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.storyContainer{max-width:100%}.homeFeed{clear:both;float:none}.homeFeed li.topStory{width:99.9%}.homeFeed li{clear:both;float:none;display:block;width:96%;padding:2%;border-bottom:1px solid #ddd;border-right:none;position:relative}.homeFeed li.topStory h3{line-height:1em}#navMain li{display:block}#SearchNav{position:relative;width:auto;display:block}#SearchNav li{padding:0}#SearchNav li a{float:right;padding:2%}#SearchNav li:first-child,li:last-child{width:100%}#sitename a{font-size:1.5em}#CSUFTopLink a{font-size:.54em}.btnNavMenu{display:block}#navMain{display:none}.athleticsLeft,.athleticsRight{max-width:unset!important;width:100%}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.storyContainer{max-width:100%}.homeFeed li.topStory{width:41.9%}.homeFeed li{width:41.9%;padding:2%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;position:relative}.latest li:last-child,.latest li:nth-child(3),.theme li:last-child{border-right:1px solid #ddd!important}.homeFeed li.topStory h3{line-height:1.25em;font-size:1.25em!important;font-family:'Libre Franklin',Arial,sans-serif}#navMain li{display:block}#SearchNav{position:relative;width:auto;display:block}#SearchNav li{padding:0}#SearchNav li a{float:right;padding:2%}#SearchNav li:first-child,li:last-child{width:100%}#sitename a{font-size:1.5em}#CSUFTopLink a{font-size:.54em}.btnNavMenu{display:block}#navMain{display:none}.athleticsLeft,.athleticsRight{max-width:unset!important;width:100%}}@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait){.storyContainer{max-width:100%}.homeFeed{clear:both;float:none}.homeFeed li.topStory{width:99.9%}.homeFeed li{clear:both;float:none;display:block;width:96%;padding:2%;border-bottom:1px solid #ddd;border-right:none;position:relative}.homeFeed li.topStory h3{line-height:1em}#navMain li{display:block}#SearchNav{position:relative;width:auto;display:block}#SearchNav li{padding:0}#SearchNav li a{float:right;padding:2%}#SearchNav li:first-child,li:last-child{width:100%}#sitename a{font-size:1.5em}#CSUFTopLink a{font-size:.54em}.btnNavMenu{display:block}#navMain{display:none}.athleticsLeft,.athleticsRight{max-width:unset!important;width:100%}}@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape){.storyContainer{max-width:100%}.homeFeed li.topStory{width:41.9%}.homeFeed li{width:41.9%;padding:2%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;position:relative}.latest li:last-child,.latest li:nth-child(3),.theme li:last-child{border-right:1px solid #ddd!important}.homeFeed li.topStory h3{line-height:1.25em;font-size:1.25em!important;font-family:'Libre Franklin',Arial,sans-serif}#navMain li{display:block}#SearchNav{position:relative;width:auto;display:block}#SearchNav li{padding:0}#SearchNav li a{float:right;padding:2%}#SearchNav li:first-child,li:last-child{width:100%}#sitename a{font-size:1.5em}#CSUFTopLink a{font-size:.54em}.btnNavMenu{display:block}#navMain{display:none}.athleticsLeft,.athleticsRight{max-width:unset!important;width:100%}}@media only screen and (max-width :1020px) and (min-width :760px){.storyContainer{max-width:100%}.homeFeed{clear:both;float:none}.homeFeed li.topStory{width:99.9%}.homeFeed li{clear:both;float:none;display:block;width:96%;padding:2%;border-bottom:1px solid #ddd;border-right:none;position:relative}.homeFeed li.topStory h3{line-height:1em}#navMain li{display:block}#SearchNav{position:relative;width:auto;display:block;float:right}#SearchNav li{padding:0}#SearchNav li a{float:right;padding:2%}#SearchNav li:first-child,li:last-child{width:100%}#sitename a{font-size:1.5em}#CSUFTopLink a{font-size:.54em}.btnNavMenu{display:block}#navMain{display:none}.athleticsLeft,.athleticsRight{max-width:unset!important;width:100%}}@media only screen and (max-width :1050px) and (min-width :1022px){.storyContainer{max-width:100%}.homeFeed{clear:both;float:none}.homeFeed li.topStory{width:99.9%}.homeFeed li{clear:both;float:none;display:block;width:96%;padding:2%;border-bottom:1px solid #ddd;border-right:none;position:relative}.homeFeed li.topStory h3{line-height:1em}#navMain li{display:block}#SearchNav{position:relative;width:auto;display:block;float:right}#SearchNav li{padding:0}#SearchNav li:first-child,li:last-child{width:100%}#sitename a{font-size:1.5em}#CSUFTopLink a{font-size:.54em}.btnNavMenu{display:block}#navMain{display:none}.athleticsLeft,.athleticsRight{max-width:unset!important;width:100%}}
section.storyContainer.top {
display: flex;
flex-flow: wrap;
}
div#latest {
flex-basis: 100%;
flex-shrink: 0;
flex-basis: 75%;
}
div#sidebar {
flex-basis: 24.9%;
flex-shrink: 0;
background: #f5f2f2;
border-left: 1px solid #dddddd;
flex-grow: 1;
}
div#latest li:not(.topStory) {
width: 29.2%;
}
#sidebar h3 {
clear: both;
background: #eaecec;
margin: 0;
padding: 10px;
text-align: center;
font-style: italic;
/* border-top: 1px solid #c9c9c9; */
border-bottom: 2px solid black;
}
#sidebar h3 a {
font-family: Lora,Georgia,Times,serif;
color: black
}
#sidebar img {
max-width: 100%;
}
div#sidebar ul {
/* padding: 20px 15px; */
font-size: .775em;
/* font-weight: bold; */
line-height: 1em;
}
div#sidebar li {
line-height: 1.3em;
}
div#sidebar li:after,
div#sidebar a:after {
content: '';
display: table;
width: 100%;
}
div#sidebar li:first-of-type img {
float: none;
width: 100%;
margin: 0 0 10px 0;
}
div#sidebar ul a {
font-weight: bold;
color: #333;
}
div#sidebar ul a {
padding: 15px;
font-weight: bold;
color: #333;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 10px;
/* margin-bottom: 10px; */
display: block;
-webkit-transition: all 200ms;
-moz-box-shadow: all 200ms;
-ms-box-shadow: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
div#sidebar ul a:hover,
div#sidebar ul a:active,
div#sidebar ul a:focus {
border-bottom: 1px solid #333;
background: #e0eef5;
-webkit-transition: all 200ms;
-moz-box-shadow: all 200ms;
-ms-box-shadow: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
div#sidebar li img {
display: block;
float: left;
width: 120px;
margin: 0 10px 10px 0;
}
.giving img {
width: 65px;
border-radius: 50%;
overflow: hidden;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
box-shadow: -2px 5px 9px rgba(0,0,0,.2);
}
.giving {
text-align: center;
display: block;
padding: 15px;
font-weight: bold;
color: #333 !important;
font-size: .8em;
}
.giving span {
font-weight: bold;
display: inline-block;
/* float: left; */
line-height: 1.5em;
width: 70%;
text-align: left;
vertical-align: middle;
}
@media screen and (max-width: 750px) {
div#latest {
flex-basis: unset;
}
div#latest li,
div#latest li:not(.topStory) {
width: 100%;
}
section.storyContainer.top {
display: block;
}
}
li.topStory.election {
background: url('../images/election-background.jpg');
background-position: top left;
background-size: cover;
border: none;
padding: 20px !important;
box-sizing: border-box;
}
li.topStory.election h3 {
background-color: #000;
background: none;
text-transform: uppercase;
color: #ff7900;
letter-spacing: 0.10em;
padding: 4% 0 1%;
font-weight: 600;
font-family: 'Libre Franklin',Arial,sans-serif;
}
li.topStory.election h3 span {
position: static;
background-color: #000;
background: none;
color: #fff !important;
font-weight: 600;
}
li.topStory.election p {
color: white;
}
li.topStory.election ul {
display: block;
margin-top: 10px;
}
li.topStory.election ul li {
display: block;
border: none;
width: 100% !important;
padding: 0 0 0 15px;
background: none !important;
}
li.topStory.election ul li:before {
content: '\203A';
color: #ff7900;
margin-right: 5px;
}
li.topStory.election ul li a {
color: white;
font-size: .8em;
border-bottom: 1px dotted #577090;
transition: all 250ms;
}
li.topStory.election ul li a:hover,
li.topStory.election ul li a:focus,
li.topStory.election ul li a:active {
border-color: #ff7900;
background-color: none !important;
transition: all 250ms;
}