body { background: #bdbdbd url(../images/global-background.png) top left repeat-x scroll; color: #666; }
body, #minibar input[type="search"], #page h1, #mobile-title h5, #main-nav h2, #mobile-nav h2, .rank, #homepage #page h3 { font-family: "Trade Gothic", Verdana, sans-serif; font-weight: normal; }
h1, h2, h3, h4, h5, h6, a#mobile-menu div, #feature h1, #secondary #headings-container h1, #page strong, .event p.event-title, .by-the-numbers:after { font-family: "Trade Gothic", Verdana, sans-serif; font-weight: bold; }
 #minibar [data-icon]:before, #mobile h5:before, #clemsontv ul li p:before, .event p.event-time:before, .event p.event-location:before, {
 font-family: "clemson-icons";}
body a, .more-link { color: #f66733;}
body a:hover, #page a:hover, #page section ul li a p:hover, #page .more-link:hover, #orangebar ul li:hover a, #orangebar ul li a:hover { color: #f66733; }
#orangebar ul li.active, #orangebar ul li.active a, #orangebar ul li.active-gateway a { color: #f66733; background-color: #fff; }
body a:hover, #page a p:hover { -o-transition: color; -o-transition-timing-function: ease-out; -o-transition-duration: 250ms; -moz-transition: color; -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; -webkit-transition: color; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -ms-transition: color; -ms-transition-timing-function: ease-out; -ms-duration: 250ms; transition: color; transition-timing-function: ease-out; transition-duration: 250ms; }
h1, h2, h3, h4, h5, h6, #page strong { font-weight: bold; }
#page h1 { font-size: 2em; color: #666; margin-top: -.3em; padding:0 0.4em;}
h2 { font-size: 1.3em; }
h3 { font-size: 1.15em; }
h4 { font-size: 1.075em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
#homepage #page h3 { font-size: 1.6875em; display:inline-block;}
.contain { max-width: 100em; margin: 0 auto; }
.fake-row { max-width: 81.25em; margin: 0 auto; }
.no-margin { margin: -.3125em 0 0; }
.last { margin-bottom: 0; }
.uppercase { text-transform: uppercase; }
.rounded { border-radius: 3px; }
.no-bullets { list-style: none; }
ul.flush { margin-left: 1.25em; }
ol.flush { margin-left: 1.6em; }
.spacer { padding: .625em; }
.small { font-size: .9em; }
.gray { color: #999; }
img.left { float: left; margin-top: .4em; margin-right: .9375em; margin-bottom: .625em; }
img.right { float: right; margin-top: .4em; margin-left: .9375em; margin-bottom: .625em; }
#minibar, #mobile-minibar { background: #333; font-size: .875em; height: 2.2em; padding: 0 .4em; overflow: hidden; width: 100%; }
#mobile-minibar { display: none; }
#minibar a { color: #FFF; line-height: 2.2em; -webkit-text-shadow: 0 3px 8px rgba(0,0,0,.4); -moz-text-shadow: 0 3px 8px rgba(0,0,0,.4); -o-text-shadow:0 3px 8px rgba(0,0,0,.4); -ms-text-shadow:0 3px 8px rgba(0,0,0,.4); text-shadow:0 3px 8px rgba(0,0,0,.4); }
#mobile-minibar a { line-height: 2.2em; }
#minibar a:hover { color: #CCC; }
#minibar .icon-gift { margin-right: 2px; }
#minibar input[type="search"], #mobile-minibar input[type="search"] { font-size: 1em; padding: 0 .2em; padding-right: 1.4375em; outline: none; -webkit-appearance: none; -webkit-border-radius: .25em; -moz-border-radius: .25em; -ms-border-radius: .25em; -o-border-radius: .25em; border-radius: .25em; border: 0; color: #000; height: 1.675em; width: 11.2em; margin-top: .25em; margin-left: 1.7em; display: inline; }
#searchbar .icon-search { border: none; cursor: pointer; color: #333; background: none; position: relative; left:-2.2em; top:.5em; float: right; }
#mobile-minibar #searchbar { display: none; }
header { background: #3a4958; position: relative; }
#header-bg { -moz-background-size: contain; -webkit-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }
#logo { padding: 1.25% 37.4% 1.25%; margin-bottom: -2px; }
#orangebar {}
#orangebar ul { text-align: center; margin: 0; padding: 0; }
#orangebar ul li {margin:0 5px; display: inline-block; padding: 0; font-size: 1.25em; text-transform: uppercase; position: relative; }
#orangebar ul li:hover { background-color: #FFF; }
#orangebar ul li a { color: #FFF; display: inline-block; padding: .2em 1.25em; }
/*.active { background: #FFF; }*/
#orangebar .active-gateway { background: #FFF; }
#mobile { display: none; background: #f66733; padding: 0 1.875em; }
#mobile h5 { height: 40px; background: #f66733; color: #FFF; text-transform: uppercase; line-height: 40px; display: block; margin: 0; }
#mobile-nav { background: #f66733; padding-bottom: 1.25em; display:inline-block; width:100%; }
#mobile-nav .top-level { margin-bottom: 1.6875em; margin-top: .875em; }
#mobile-nav .top-level li a { border-left: .2em solid #D4C99E; background: #F6F4EC; color: #3A4958; }
#mobile-nav .top-level li a:hover { border-left: .5em solid #3A4958; background: #f66733; color: #3A4958; }
#mobile-nav .top-level li ul a { border-left: 0; background:none; color:#fff; }
#mobile-nav .top-level li ul a:hover { border-left: 0; color: #3A4958; }
#mobile-nav .top-level li:last-of-type ul { border-bottom: 3px solid #6b3ba6; padding-bottom: 2px; }
#mobile-nav h2 { margin-bottom: 0; color: #3A4958; font-size: 1em; }
#mobile-nav .side-nav { margin-bottom: -1em; }
#mobile-nav ul a { color: #FFF; }
#mobile-nav hr { margin-bottom: 1.5em; border-color: #7b44c0; }
#mobile-nav a:hover { color: #999; }
#mobile-menu { background: #000; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#545454)); background-image: -webkit-linear-gradient(top, #000, #545454); background-image: -moz-linear-gradient(top, #000, #545454); background-image: -ms-linear-gradient(top, #000, #545454); background-image: -o-linear-gradient(top, #000, #545454); padding: .25em 0 .38em; display: inline; position: relative; top: -.1em; }
#mobile-menu div { color: #FFF; border: .1em solid #1b0f2b; padding: .3em .5em; text-transform: uppercase; font-size: .8em; -webkit-text-shadow: 0 3px 8px rgba(0,0,0,.4); -moz-text-shadow: 0 3px 8px rgba(0,0,0,.4); -o-text-shadow:0 3px 8px rgba(0,0,0,.4); -ms-text-shadow: 0 3px 8px rgba(0,0,0,.4); text-shadow: 0 3px 8px rgba(0,0,0,.4); margin: .1em; background: #f66733; display: inline; }
#mobile-menu .icon-menu { color: #fff; font-size: 1.5em; -webkit-text-shadow: 0 1px 0 rgba(255,255,255,.15); -moz-text-shadow: 0 1px 0 rgba(255,255,255,.15); -o-text-shadow: 0 1px 0 rgba(255,255,255,.15); -ms-text-shadow: 0 1px 0 rgba(255,255,255,.15); text-shadow: 0 1px 0 rgba(255,255,255,.15); position: relative; top: .2em; margin-right: .15em; }
#mobile-menu .text-menu { font-size: 1.2em; }
#minibar h3 { display: none; }
.sidr { display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 16.25em; overflow-x: hidden; overflow-y: auto; font-size: 1em; background: #f66733; color: #fff; -webkit-box-shadow: inset 0 0 .3125em .3125em rgba(0,0,0,.2); -moz-box-shadow: inset 0 0 .3125em .3125em rgba(0,0,0,.2); -o-box-shadow: inset 0 0 .3125em .3125em rgba(0,0,0,.2); -ms-box-shadow: inset 0 0 .3125em .3125em rgba(0,0,0,.2); box-shadow: inset 0 0 .3125em .3125em rgba(0,0,0,.2); text-transform: uppercase; padding-top: .9375em; }
.sidr .sidr-inner { padding: .4375em .9375em 0; border-top: .0625em solid #f68a62; border-bottom: .0625em solid rgba(0,0,0,.3); }
.sidr .sidr-inner:first-of-type { padding: 0 .9375em 0; border-top: 0; }
.sidr .sidr-inner:last-of-type { border-bottom: 0; }
.sidr.right { left: auto; right: -16.25em }
.sidr.left { left: -16.25em; right: auto }
.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 { font-size: 1em; color: #3A4958; }
.sidr ul { display: block; padding: 0; margin-bottom: .4375em; }
.sidr ul li { display: block; margin: 0; line-height: 1.875em; }
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { border-top: none; }
.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span { padding-left: .625em; border-left: .125em solid #3A4958; background: rgba(0,0,0,.15); }
.sidr ul li a, .sidr ul li span { padding: 0; display: block; text-decoration: none; color: #fff; }
.sidr form { margin: 0 0 .9375em; }
.sidr label { font-size: .8125em; }
.sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="tel"], .sidr input[type="search"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select { width: 100%; font-size: .8125em; padding: .4125em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin: 0 0 .625em; -webkit-appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: none; background: #FFF; color: #3A4958; display: inline; }
.sidr input[type="search"] { padding-right: 28px; margin-bottom: 0; }
.sidr .sidr-class-icon-search { border: none; cursor: pointer; color: #333; background: none; position: relative; left:0em; top:-1.5em; float: right;}
.touch .sidr ul li:hover>a, .touch .sidr ul li:hover>span, .touch .sidr ul li.active>a, .touch .sidr ul li.active>span, .touch .sidr ul li.sidr-class-active>a, .touch .sidr ul li.sidr-class-active>span { padding-left: 0; border-left: 0; background: none; }
#leftnav-buttons {clear:both; display:inline-block; width:100%;}
#feature { max-height: 33em; overflow: hidden; position: relative;background:center center repeat-x;}
.feature-image { width: 100%; max-width: 1220px; margin: 0 auto; display: block; }
#feature #headings-container { text-align: right; position: absolute; bottom: 0px; right: 2%; width: 96%; height: 100%; border-left: 1px solid #fff; border-right: 1px solid #fff; }
#feature #headings-container .heading-content.top-left { position: absolute; top: 40px; left: 30px; text-align: left; }
#feature #headings-container .heading-content.top-right { position: absolute; top: 40px; right: 30px; }
#feature #headings-container .heading-content.bottom-left { position: absolute; bottom: 40px; left: 30px; text-align: left;}
#feature #headings-container .heading-content.bottom-right { position: absolute; bottom: 40px; right: 30px; }
#feature h1 { margin: 0; text-transform: uppercase; line-height: 1em; color: #FFF; -webkit-text-shadow: 0 3px 8px rgba(0,0,0,.4); -moz-text-shadow: 0 3px 8px rgba(0,0,0,.4); -o-text-shadow: 0 3px 8px rgba(0,0,0,.4); -ms-text-shadow:0 3px 8px rgba(0,0,0,.4); text-shadow:0 3px 8px rgba(0,0,0,.4); }
#feature h2 { margin: 0; font-family: "Trade Gothic"; font-weight: bold; font-style: oblique; font-size: 1.125em; color: #FFF; -webkit-text-shadow:0 3px 8px rgba(0,0,0,.4); -moz-text-shadow: 0 3px 8px rgba(0,0,0,.4); -o-text-shadow: 0 3px 8px rgba(0,0,0,.4); -ms-text-shadow:0 3px 8px rgba(0,0,0,.4); text-shadow: 0 3px 8px rgba(0,0,0,.4); }
#feature a { max-width: 1220px; display: block; margin: 0 auto; position: relative; }
#page { background: #FFF; padding: 0 1.5em 0; }
.centerContent { padding: 1.7em 0.7em; }
#secondary #page { }
.more-link { text-transform: uppercase; font-size: 1.063em; margin: 15px 0 0; display:block; }
#headlines h3, #clemsontv h3 { float: left; }
#headlines ul li a, #clemsontv ul li a { color: #3a4958; line-height: 1.4; }
#headlines ul li p, #clemsontv ul li p { margin-top: .4375em; }
#headlines .icon-camera { margin-right: .3125em; position: relative; top: 1px; }
#clemsontv ul li p:before { content: "\e011"; color: #f66733; font-size: 1.1em; position: relative; top: .125em; margin-right: .3125em; }
#homepage-buttons { margin-top: 12px; }
#homepage-buttons ul li { list-style: none; margin-bottom: 30px; }
#homepage-buttons ul li:last-of-type { margin-bottom: 0; }
.homepage-btn:active { position: relative; top: 1px; }
.homepage-btn { height: 3.75em; color: #FFF; font-family: "Trade Gothic"; line-height: 3.75em; overflow: hidden; font-weight: bold; }
.homepage-btn span { font-size: 2.5em; margin-right: .32em; background: rgba(255,255,255,.6); padding: .25em; float: left; }
#leftnav-buttons .homepage-btn span { font-size: 2em; margin-right: .32em; background: rgba(255,255,255,.6); color: #FFF!important; padding: .25em; float: left; }
#leftnav-buttons .homepage-btn div {float: left; width:67%; padding:0.9em 0;}
#leftnav-buttons .homepage-btn { font-size: .8em; height:auto; line-height: 1.2em; overflow: hidden; font-weight: bold; }
/*#leftnav-buttons .large-block-grid-1 > li {padding:10px 0px 10px 15px;}
*/.event { margin-bottom: 1.6875em; clear: both; }
.event-date { border: 1px solid #d7d7d7; text-align: center; padding: 0; float: left; display: inline-block; padding: .4375em .75em; margin-right: .625em; }
.event-date .month, .event-date .day { display: block; }
.event-date .month { font-size: 1.125em; }
.event-date .day { font-size: 1.625em; color: #3A4958; }
.event-info { display: inline-block; float: left; width: 70%; margin-bottom: 20px; }
.event p { line-height: 1.3; font-size: 0.938em; }
.event .event-time, .event .event-location { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.event .event-title { margin: 0 0 .1875em; line-height: 1; }
.event .event-time { margin: 0; }
.event .event-time:before { content: "\e002"; margin-right: .3125em; color: #666; font-family: "clemson-icons"; }
.event .event-location { margin: 0; }
.event .event-location:before { content: "\e003"; margin-right: .3125em; color: #666; max-height: .625em; font-family: "clemson-icons"; }
.event .event-location a { color: #666; }
.event:last-of-type { margin-bottom: 1.25em; }
.spotlight { margin: 0; position: relative; }
.spotlight .headline { width: 98%; display: block; padding: .75em 1%; font-size: 1em; color: #fff; text-align: center; text-transform: uppercase; }
#numbers { margin-top: 1.875em; }
#numbers ul li:first-child { width: 25%; }
#numbers .large-block-grid-3 > li { width: 37%; }
.number {padding-bottom:10px;}
.by-the-numbers { border: 1px solid #e1e1e1; color: #f66733; text-transform: uppercase; line-height: 1.2; margin: 0; display: inline-block; width: 100%; padding: 25px 29px 20px; font-weight: bold!important; }
.by-the-numbers a{ color: #f66733; font-size: 1em;}
.by-the-numbers:after { content: " \00BB"; font-size: 1.625em; line-height: .2; }
.by-the-numbers:hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.by-the-numbers .blueRidgeTxt { font-weight: normal!important; }
.rank { font-size: 2.1875em; line-height: 1; margin: 0; }
.explanation { margin-bottom: 0; }
.top-level, .top-level li ul { list-style: none; }
.top-level li a { border-left: .4em solid #86898c; border-bottom: 0; padding: .1875em .5em; background: #e7e7e7; margin-bottom: 1px; display: block; color:#3A4958; }
.top-level li a:hover { border-left: .5em solid #f66733; background: #FFF; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color:#f66733!important; }
.top-level li ul { margin-left: 0; padding-left: .3125em; margin-bottom: .25em; }
.top-level li ul li ul { margin-left: 0; padding-left: 1em; margin-bottom: .25em; }
.top-level li:last-of-type ul { border-bottom:none; padding-bottom: 2px; }
.top-level li ul a { border-left: 0; font-size: .9em; background: #FFF; }
.top-level li ul a.active { color:#f66733; }
.top-level li ul a:before { content: "\203A"; margin-right: 5px; font-size: 1.5em; line-height: 1; position: relative; top: 1px; }
.top-level li ul li ul a { border-left: 0; font-size: .8em; background: #FFF; line-height:1;}
.top-level li ul li ul a:before { content:none; }
.top-level li ul a:hover { border-left: 0; color:#f66733!important; }
#main-nav h2 { font-weight: normal; font-size: 1em; color: #f66733; }
#main-nav .side-nav { padding: 0 0 2em 0; }
#main-nav .side-nav a { color: #3A4958; }
#main-nav .side-nav a:hover { color: #f66733; }
#mobile-sidebar-divider { border-top: 1px dashed #CCC; padding-bottom: 15px; }
.newsfeed li { border-bottom: 1px solid #dedede; padding: 5px 0; }
.newsfeed li a { color: #666; }
.newsfeed li a:hover { color: #f66733; }
.more-link-sep { color: #CCC; font-size: 1.3em; position: relative; top: 2px; margin: 0 5px; }
.bynumber-spotlight { color: #f66733; font-size: 1.3em; }
.section-container .outline { padding: 8px 12px !important; }
.section-container .title strong { font-size: 1.2em; }
.section-container .title small { font-size: .9em; }
.section-container .title a:hover { color: #222 !important; }
 [data-magellan-expedition] {
 position: relative;
 z-index: 1000000;
 padding: 0;
 background: none;
}
[data-magellan-expedition]#minibar { z-index: 1000001; }
nav.fixed #orangebar { margin-top: 1.92em; border: 0; }
nav.fixed #orangebar .active-gateway { background: none; }
nav.fixed #orangebar .active-gateway a { color: #f66733; }
nav.fixed #orangebar .active-gateway a:hover { cursor: default; }
footer { background: #f66733; padding-top: 1.5em; color: #FFF; }
footer ul { list-style: none; }
footer a { color: #FFF; }
footer a:hover { color: #562e19; }
footer h3 { text-transform: uppercase; color: #FFF; font-size: 1em; }
#footer-copyright { font-size: 0.875em; line-height: 18px; border-top: 1px solid #fff; padding: 1em 0; width:85%; float:none; clear:both; margin:0 auto; }
#footer-copyright .small { font-size: 0.688em; }
footer #logo { padding-bottom: 1.5em; }
 @-moz-document url-prefix() {
 #mobile-menu div {
 padding: .4em .5em;
}
 .spotlight img {
 width: 100%;
}
}
@media only screen and (min-width: 1600px) {
#header-bg:before, #header-bg:after { content: ""; width: 50px; height: 189px; }
#header-bg:before  float: left; margin-bottom: -189px; }
#header-bg:after {  float: right; margin-top: -189px; }
}
@media only screen and (min-width: 1300px) {
#headings-container { }
#feature h1 { font-size: 3.750em; }
#secondary #headings-container h1 { font-size: 2.500em; }
#secondary nav { position: relative; z-index: 1000; }
#page { position: relative; box-shadow: 0 0 .9375em rgba(0,0,0,.4); }
.centerContent { border-left: 1px solid #3a4958; border-right: 1px solid #3a4958;  padding: 1.7em 0.7em; }
footer { padding-top: 3.375em; padding-bottom: 3.375em; margin-top: -1.875em; }
}
@media only screen and (max-width: 1300px) {
.large-13 {padding:0;}
#page {padding:0;}
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
#orangebar ul li { font-size: 1em; }
#orangebar ul li a { padding: .5em 1em; }
.by-the-numbers { padding: 22px 26px 17px; }
/** WYSIWIG **/
.quote-text { padding: 0; }
.quote-author { padding: 0; }
#footer-copyright {width:95%; margin:0 auto; clear:both; float:none; padding:1em 0;}
}
@media only screen and (max-width: 1220px) {
#feature #headings-container { border: none; margin: 0 auto; padding: 1em 1.5em 0; }
}
@media only screen and (max-width: 1000px) {
#minibar #audiences { display: none; }
#mobile-minibar { display: block; }
#minibar { display: none; }
#mobile-minibar #searchbar { display: inline !important; }
#orangebar { display: none; }
#mobile { display: block; }
#sidr-main .sidr-class-icon-paw { display: none!important; }
#mobile-nav .top-level li a:hover { border-left: .5em solid #3A4958; background: #f66733; color:#3A4958!important; }
}
@media only screen and (max-width: 940px) {
/** WYSIWIG **/
.quote-text { padding: 0; text-align: left; font-size: 1.425em; }
.quote-author { padding: 0; text-align: left; font-size: 1.5em; }
#athletics-button h5, #giving-button h5, #pressearch-button h5 { font-size: 1em; }
.by-the-numbers { padding: 15px 19px 10px; }
#spotlights-container li { padding-bottom: 1.875em; }
#spotlights-container li:last-of-type { padding-bottom: 0; }
#spotlights-container li.last { padding-bottom: 0; }
#numbers .number.last-number { display: none; }
#page .active-gateway { display: none; }
}
@media only screen and (min-width: 941px) {
.spots-block-grid-3 > li { width: 33.33333%; padding: 0 .9375em .9375em; }
.spots-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
.storieslink-listitem { display: none; }
#feature h1 { font-size: 3.750em; }
#secondary #headings-container h1 { font-size: 2.500em; }
}
@media only screen and (max-width: 830px) {
.event-info { width: 60%; }
}
@media only screen and (max-width: 767px) {
h1 { font-size: 1.65em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.125em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
#logo { padding: 1.5% 20.5%; margin-bottom: -2px; }
#page h1 { margin-top: -.1em; }
#page h1.active-gateway { display: none; }
#homepage #page h3 { font-size: 1.375em; }
#feature h1 { font-size: 2.125em; }
.no-margin { margin: -.75em 0 1.0625em; }
#headings-container { width: 90%; }
#menu-button h5.mobile-menu-icon { line-height: 38px; }
#menu-button h5.mobile-menu-icon:before { content: "\f0c9"; position: relative; top: 1px; margin-right: 7px; font-family: "clemson-icons"; }
#menu-button h5.mobile-menu-icon:hover { cursor: pointer; }
#main-nav { display: none; }
#headlines ul li p, #clemsontv ul li p { line-height: 1.4; font-size: .9em; }
#athletics-button h5, #giving-button h5, #pressearch-button h5 { font-size: 1.4em; }
#page span a { line-height: 1.8; }
.by-the-numbers { padding: 25px 29px 20px; }
.spotlight .headline { width: 50%; }
#secondary .more { border: 1px solid #e1e1e1 !important; }
.small h2.block { padding: .3125em .5em .3125em; }
.resources { margin-bottom: 0 !important; }
#footer-audiences, #footer-apply { display: none; }
#footer-copyright { text-align: left; }
.event-info { width: 75%; }
#numbers ul li:first-child { width: 30%; }
#numbers ul li:nth-child(2), #numbers ul li:nth-child(3) { clear: right; width: 70%; float: right; }
#leftnav-buttons .homepage-btn span { font-size: 2.5em; margin-right: .32em; background: rgba(255,255,255,.6); color: #FFF!important; padding: .25em; float: left; }
#leftnav-buttons .homepage-btn div {padding:1.2em 0;}
#leftnav-buttons .homepage-btn { font-size: 1em; height:auto; overflow: hidden; font-weight: bold; }
#leftnav-buttons {margin-bottom:10px;}
#page { padding: .375em 0 .9375em; }
.slideshow-wrapper {padding:0;}
#secondary #page { padding-top: .9375em; }
 [class*="block-grid-"] {
 margin: 0 -.46875em;
}
 [class*="block-grid-"] > li {
 padding: 0 .46875em .46875em;
}
.small-block-grid-1 > li { padding: 0 .46875em .46875em; }
.small-block-grid-2 > li { padding: 0 .46875em .46875em; }
.small-block-grid-3 > li { padding: 0 .46875em .46875em; }
.small-block-grid-4 > li { padding: 0 .46875em .46875em; }
.small-block-grid-5 > li { padding: 0 .46875em .46875em; }
.small-block-grid-6 > li { padding: 0 .46875em .46875em; }
.small-block-grid-7 > li { padding: 0 .46875em .46875em; }
.small-block-grid-8 > li { padding: 0 .46875em .46875em; }
.small-block-grid-9 > li { padding: 0 .46875em .46875em; }
.small-block-grid-10 > li { padding: 0 .46875em .46875em; }
.small-block-grid-11 > li { padding: 0 .46875em .46875em; }
.small-block-grid-12 > li { padding: 0 .46875em .46875em; }
.row .hp-medium-16 { position: relative; width: 81.25%; }
.section-container .title strong { font-size: 1em; }
}
@media only screen and (max-width: 600px) {
#homepage-buttons ul li { clear: both; width: 100%; padding: 0; }
#feature { background: #fff; background-image:none!important;}
#feature #headings-container { position: static; }
#feature #headings-container .heading-content.bottom-right, #feature #headings-container .heading-content.bottom-left, #feature #headings-container .heading-content.top-right, #feature #headings-container .heading-content.top-left { position: static; bottom: 0; right: 0; left: 0; text-align: left; }
#feature h1 { color: #3a4958; text-shadow: none; }
#feature h2 { color: #3a4958; text-shadow: none; }
.slideshow-wrapper {margin-bottom:10px;}
#secondary #headings-container { border: none; margin: 0 auto; padding: 1em 0 0; }
#secondary #headings-container { position: static; }
#secondary #headings-container .heading-content.bottom-right, #secondary #headings-container .heading-content.bottom-left, #secondary #headings-container .heading-content.top-right, #secondary #headings-container .heading-content.top-left { position: static; bottom: 0; right: 0; left: 0; text-align: left; }
#secondary #headings-container h1 { color: #3a4958; text-shadow: none; padding:0;}
#secondary a { text-decoration:none!important;}
#secondary #headings-container h2 { color: #3a4958; text-shadow: none; padding:0; }
}
@media only screen and (max-width: 568px) {
#mobile-minibar #searchbar { display: none !important; }
}
@media only screen and (max-width: 479px) {
.mobile-hide {clear:both; display:block; visibility:hidden; height:0;}
.no-margin { margin: -.6875em 0 .5625em; }
body p { font-size: .95em; line-height: 1.5em; }
#mobile { padding: 0 .9375em; }
#mobile-nav { padding-bottom: .75em; }
#mobile-nav .top-level { margin-bottom: 1.375em; margin-top: .2425em; }
#mobile-nav .top-level li ul { margin-bottom: .25em; }
#mobile-nav h2 { margin-bottom: -.3125em; }
#mobile-nav ul { margin-bottom: -1.3125em; }
#mobile-nav hr { margin-bottom: 1.375em; }
#page .more-link { font-size: .7em; }
#page span a { line-height: 1.89; }
#homepage-buttons ul li { margin-bottom: 15px; }
#clemsontv { margin-top: .3125em; }
.event { margin-bottom: 1.0625em; }
.by-the-numbers { padding: 10px 14px 5px; }
.rank { font-size: 1.7em; }
.row .columns.small-3 { padding-left: 0; }
.spotlight img { display: none; }
#spotlights-container li { width: 100%; padding-bottom: .9375em; }
#spotlights-container li.last { padding-bottom: 0; }
.spotlight .headline { padding: .3125em .625em; }
.spotlight a:hover .headline, .spotlight a:focus .headline { position: relative; top: 0; }
#athletics-button, #giving-button { padding-bottom: 0; }
.storieslink-listitem { display: none; }
.storieslink { display: block; }
footer { padding-top: .5625em; }
}
@media screen and (max-device-width: 480px) {
}
@media screen and (max-device-width: 768px) {
#searchbar { margin-right: -13px; }
}
@media only screen and (max-device-width: 768px) and (orientation: landscape) {
#audiences { display: none; }
}
@media print {
header { border-top: 0; }
.block { color: #000 !important; display: inline-block; padding: 0; font-family: "Trade Gothic"; font-weight: normal; }
h1.block, h2.block, h3.block, h4.block, h5.block, h6.block { color: #000 !important; }
.small h2.block, .small h3.block, .small h4.block { padding: 0; }
#secondary .slideshow-wrapper, #secondary .spotlight { display: none; }
#homepage-buttons ul li { margin-bottom: 0; }
#homepage .spotlight .more { border: 0; }
#main-nav { margin-top: 26px; }
#main-nav:before { content: "SITE NAVIGATION"; }
.top-level { margin-top: 22px; }
[class*="large-block-grid-"] li, #spotlights-container li { float: left; list-style-type: none; }
.large-block-grid-4 li { width: 25%; }
.large-block-grid-2 li { width: 50%; }
.large-block-grid-3 li, .spots-block-grid-3 li { width: 33%; }
#athletics-button h5, #giving-button h5 { padding-top: 0; }
#athletics-button a, #giving-button a { margin-top: 0; display: inline-block; }
h3.by-the-numbers { padding: 0; border: 0; }
#feature img, #headings-container h1, #headings-container h2 { display: block !important; text-align: left; text-decoration: none; color: #FFF !important; }
#headings-container { border-right: 0; background: #f66733 !important; padding: .5em 1em; color: #FFF !important; left: 0; }
#page { padding: 1.0625em 0 1.875em; }
}
@media screen and (min-width:0\0) {
 .by-the-numbers:hover:after {
 font-size: .419em;
 line-height: 1.45em;
}
}

.icon-heading { width: 41px; height: 41px; display: block; float: left; margin-right: 10px; }
.icon2-book:before { content: url(../images/icons/book.png); }
.icon2-broadcast:before { content: url(../images/icons/broadcast.png); }
.icon2-column:before { content: url(../images/icons/column.png); }
.icon2-dollar-sign:before { content: url(../images/icons/dollar-sign.png); }
.icon2-fountain-pen:before { content: url(../images/icons/fountain-pen.png); }
.icon2-gears:before { content: url(../images/icons/gears.png); }
.icon2-globe:before { content: url(../images/icons/globe.png); }
.icon2-leaf:before { content: url(../images/icons/leaf.png); }
.icon2-lightning-bolt:before { content: url(../images/icons/lightning-bolt.png); }
.icon2-microscope:before { content: url(../images/icons/magnifying-glass.png); }
.icon2-rocket-ship:before { content: url(../images/icons/rocket-ship.png); }
.icon2-shaking-hands:before { content: url(../images/icons/shaking-hands.png); }

/* Grid Setup
-------------------------------------------------------------- */

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16 {
    float: left;
	margin-right: 8px;
	}

/* last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* setting the widths of the columns. */
.span-1  { width: 50px; }
.span-2  { width: 108px; }
.span-3  { width: 166px; }
.span-4  { width: 224px; }
.span-5  { width: 282px; }
.span-6  { width: 340px; }
.span-7  { width: 398px; }
.span-8  { width: 456px; }
.span-9  { width: 514px; }
.span-10 { width: 572px; }
.span-11 { width: 630px; }
.span-12 { width: 688px; }
.span-13 { width: 746px; }
.span-14 { width: 804px; }
.span-15 { width: 862px; }
.span-16 { width: 920px; margin: 0; }

/* add empty columns after. */
.append-1  { padding-right: 58px; }  
.append-2  { padding-right: 116px; } 
.append-3  { padding-right: 174px; } 
.append-4  { padding-right: 232px; } 
.append-5  { padding-right: 290px; } 
.append-6  { padding-right: 348px; } 
.append-7  { padding-right: 406px; } 
.append-8  { padding-right: 464px; } 
.append-9  { padding-right: 522px; } 
.append-10 { padding-right: 580px; } 
.append-11 { padding-right: 638px; } 
.append-12 { padding-right: 696px; } 
.append-13 { padding-right: 754px; } 
.append-14 { padding-right: 812px; } 
.append-15 { padding-right: 870px; } 

/* add empty columns before. */
.prepend-1  { padding-left: 58px; }  
.prepend-2  { padding-left: 116px; } 
.prepend-3  { padding-left: 174px; } 
.prepend-4  { padding-left: 232px; } 
.prepend-5  { padding-left: 290px; } 
.prepend-6  { padding-left: 348px; } 
.prepend-7  { padding-left: 406px; } 
.prepend-8  { padding-left: 464px; } 
.prepend-9  { padding-left: 522px; } 
.prepend-10 { padding-left: 580px; } 
.prepend-11 { padding-left: 638px; } 
.prepend-12 { padding-left: 696px; } 
.prepend-13 { padding-left: 754px; } 
.prepend-14 { padding-left: 812px; } 
.prepend-15 { padding-left: 870px; }

/* to see the grid. */
.showgrid { background: url(../images/grid.gif); }

/* add a 1 pixel border */
.border-black { border: 1px solid #333; }
.border-gray { border: 1px solid #cdcdcd; }

/* positioning */
.relative { position: relative; }
.absolute { position: absolute; }

.column {
	border-right: 1px solid #a3a3a3;
	border-left: 1px solid #a3a3a3;
	}
.hidden {display: none;}


.spotlight { margin: 0; position: relative; }

#spotlights-container li { padding-bottom: 0; }

.spotlight img {opacity: 1;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;-ms-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}

.spotlight a:hover img, .spotlight a:focus img { filter: alpha(opacity = 0); opacity: 0; }

.spotlight .headline { color: #FFF; padding: .3125em .625em .3125em .625em; margin-top: -.125em; line-height: 1.2; position: relative; bottom: 0; }

.spotlight a:hover .headline, .spotlight a:focus .headline { position: relative; bottom: .625em;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.spotlight .more { padding: .4em .85em; text-transform: uppercase; font-size: .80em; border: 1px solid #e1e1e1; border-top: 0; background: #FFF;}

.spotlight .more a > span { white-space: nowrap; }

.spotlight .more .raq { font-size: 1.5em; margin-left: .125em; line-height: 0; }

.spotlight.bowman .headline, .spotlight.bowman, .spotlight.green .headline, .spotlight.green { background: #566127; }

.spotlight.bowman .more a, .spotlight.green .more a { color: #566127; }

.spotlight.blueridge .headline, .spotlight.blueridge, .spotlight.blue .headline, .spotlight.blue { background: #3A4958; }

.spotlight.blueridge .more a, .spotlight.blue .more a { color: #3A4958; }

.spotlight.oak .headline, .spotlight.oak { background: #562e19; }

.spotlight.oak .more a { color: #562e19; }

.spotlight.rock .headline, .spotlight.rock { background: #685C53; }

.spotlight.rock .more a { color: #685C53; }

.spotlight.innovation .headline, .spotlight.innovation { background: #86898C; }

.spotlight.innovation .more a { color: #86898C; }

.spotlight.regalia .headline, .spotlight.regalia, .spotlight.purple .headline, .spotlight.purple { background: #522d80; }

.spotlight.regalia .more a, .spotlight.purple .more a { color: #522d80; }

.spotlight.brick .headline, .spotlight.brick { background: #a25016; }

.spotlight.brick .more a { color: #522d80; }

.spotlight.orange .headline, .spotlight.orange { background: #F66733; }

.spotlight.orange .more a { color: #F66733; }

.spotlight.sky .headline, .spotlight.sky { background: #3A97B5; }

.spotlight.sky .more a { color: #3A97B5; }

.spotlight.fields .headline, .spotlight.fields { background: #b5c327; }

.spotlight.fields .more a { color: #b5c327; }

.spotlight.moon .headline, .spotlight.moon { background: #d4c99e; }

.spotlight.moon .more a { color: #d4c99e; }



}
@media only screen and (max-width: 940px) { #mobile-minibar { display: block; }
.storieslink { display: none; }
}

}
@media only screen and (min-width: 941px) { .spots-block-grid-3 > li {width: 33.33333%;padding: 0 .9375em .9375em; }
.storieslink-listitem { display: none; }
}
}
@media only screen and (max-width: 479px) {.no-margin { margin: -.6875em 0 .5625em; }
.storieslink-listitem { display: none; }
.storieslink { display: block; }
}

.ie8 .storieslink a:after { content: ""; margin-left: 0; }
.ie8 .storieslink-listitem { display: none; }

.storieslink-listitem, .storieslink {background: #3A4958;color: #FFF;text-transform: uppercase;font-size: 1.1em;text-align: center;overflow: hidden;}

.storieslink-listitem a, .storieslink a { color: #FFF; display: block; }

.storieslink { overflow: hidden; position: relative;}

.storieslink a { position:absolute;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform: rotate(270deg);writing-mode: lr-tb;}

.storieslink-listitem a:after {content: " \00BB";font-size: 1.3em;margin-left: -.1875em;}

.storieslink a:after {content: "\00BB";font-size: 1.3em;margin-left: .2em;}

.storieslink-listitem:hover, .storieslink:hover { background: #FFF; border: .0625em solid #e1e1e1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.storieslink:hover a { color: #F66733; }

/* Footer Social
-------------------------------------------------------------- */

*, *:before, *:after {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: border-box;
}
.screen-reader-text {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
*, *:before, *:after {
    box-sizing: border-box;
}

footer ul {
    list-style: outside none none;
}

#social {
    border-top: 0px solid #646769;
    padding-bottom: 0.9375em;
}

#social ul {
    margin-bottom: 0;
    text-align: center;
}

#social ul li:first-of-type {
    margin-left: 0;
}
#social ul li {
    display: inline-block;
    margin: 0 0.625em;
}

#social a {
    color: #ffffff;
    font-size: 1.3125em;
}

a {
    line-height: inherit;
}

/* Image with Caption
-------------------------------------------------------------- */

figure {
display:block;
border: 0px solid #e8e8e8; 
margin-top:5px;
border:collapse;
}

figcaption {
    border-top: 0px solid #e8e8e8;
    color: #2d2d2d;
    font-size: 17px;
    line-height: 120%;
    text-align: left;
}

figure,figcaption {
float:left;
max-width:350px;
min-width:250px;
padding:5px;
margin-right:10px;
}

.img-left {
float:left; 
padding:5px;
margin-right:.9375em;
margin-top:.4em;
margin-bottom .625em;
}

.img-right {
float: right; 
padding:5px;
margin-left: .9375em;
margin-top:.4em;
margin-bottom .625em;
}

.imgbox-left {
float:left;
border: 1px solid #e8e8e8; 
padding:5px;
margin-right:.9375em;
margin-top:.4em;
margin-bottom .625em;
}

.imgbox-right {
float: right; 
border: 1px solid #e8e8e8; 
padding:5px;
margin-left: .9375em;
margin-top:.4em;
margin-bottom .625em;
}

.caption {
    border-top: 0px solid #e8e8e8;
    color: #2d2d2d;
    font-size: 17px;
    line-height: 120%;
    text-align: left;
}




/* Mobile Table
-------------------------------------------------------------- */

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

table, thead, tbody, th, td, tr { 
    display: block !important; 
}

    
	
td { 
	border: none !important;
	border-bottom: 1px solid #eee !important; 
	position: relative !important;
	padding-left: 5px !important; 
}

  
.ie8 .storieslink1 a:after { content: ""; margin-left: 0; }
.ie8 .storieslink1-listitem { display: none; }

.storieslink1-rc, .storieslink1 {background: #3A4958;color: #FFF;text-transform: uppercase;font-size: 1.5em;text-align: center;}

.storieslink1 a { color: #FFF; display: block; }

.storieslink1 {
    position: relative;
	height: 183px;
    width:50px;
}

.storieslink1-rc a { 
position:absolute;
white-space: pre-wrap;
height: 100%;
width:153px;
max-width:153px;
word-wrap: break-word;
font-size: .5em;
padding:27px 0 0;
display: block;
font-family: "Trade Gothic",Verdana,sans-serif;
vertical-align:top;
text-align:center;
margin:0 auto;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-writing-mode: lr-tb;
-webkit-writing-mode: horizontal-tb;
-moz-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
}

.storieslink1-rc a::after {
    content: "»";
    font-size: 1.3em;
    margin-left: 0.2em;
}

.storieslink1-rc:hover, .storieslink1:hover { 
background: #FFF; 
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.storieslink1:hover a { color: #F66733; }

.panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #ec460a;
    margin-bottom: 1.25em;
    padding: 1.25em;
    background: #f66733;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}


/* panels
-------------------------------------------------------------- */
.sidebar-divider {
    border-top: 1px solid #eee;
    padding-top: 1.875rem;
}
.uppercase {
    text-transform: uppercase !important;
}
.lowercase {
    text-transform: lowercase !important;
}
.strong, .bold {
    font-weight: bold !important;
}
.em, .italic {
    font-style: italic !important;
}
.large {
    font-size: 150%;
}
.small {
    font-size: 90%;
}
.loud {
    color: #f00;
    font-weight: bold;
}
.condensed {
    font-family: "Trade Gothic Condensed";
}
.bottom-0, .last {
    margin-bottom: 0;
}
.bottom-15 {
    margin-bottom: 0.9375rem;
}
.no-bullets {
    list-style: outside none none;
    margin-left: 0;
}
.indent {
    margin-left: 2.25rem;
}
.expand {
    width: 100%;
}
.more-link {
    font-size: 80%;
    text-transform: uppercase;
}
.more-link::after, .spotlight .more a::after {
    content: "»";
    font-size: 1.5em;
    line-height: 0;
    margin-left: 0.125em;
}

h1.orange:not(.panel):not(.border), h2.orange:not(.panel):not(.border), h3.orange:not(.panel):not(.border), h4.orange:not(.panel):not(.border), h5.orange:not(.panel):not(.border), h6.orange:not(.panel):not(.border), p.orange:not(.panel):not(.border), span.orange:not(.panel):not(.border) {
    color: #f66733;
}
h1.regalia:not(.panel):not(.border), h2.regalia:not(.panel):not(.border), h3.regalia:not(.panel):not(.border), h4.regalia:not(.panel):not(.border), h5.regalia:not(.panel):not(.border), h6.regalia:not(.panel):not(.border), p.regalia:not(.panel):not(.border), span.regalia:not(.panel):not(.border) {
    color: #522d80;
}
h1.rock:not(.panel):not(.border), h2.rock:not(.panel):not(.border), h3.rock:not(.panel):not(.border), h4.rock:not(.panel):not(.border), h5.rock:not(.panel):not(.border), h6.rock:not(.panel):not(.border), p.rock:not(.panel):not(.border), span.rock:not(.panel):not(.border) {
    color: #685c53;
}
h1.brick:not(.panel):not(.border), h2.brick:not(.panel):not(.border), h3.brick:not(.panel):not(.border), h4.brick:not(.panel):not(.border), h5.brick:not(.panel):not(.border), h6.brick:not(.panel):not(.border), p.brick:not(.panel):not(.border), span.brick:not(.panel):not(.border) {
    color: #a25016;
}
h1.oak:not(.panel):not(.border), h2.oak:not(.panel):not(.border), h3.oak:not(.panel):not(.border), h4.oak:not(.panel):not(.border), h5.oak:not(.panel):not(.border), h6.oak:not(.panel):not(.border), p.oak:not(.panel):not(.border), span.oak:not(.panel):not(.border) {
    color: #562e19;
}
h1.innovation:not(.panel):not(.border), h2.innovation:not(.panel):not(.border), h3.innovation:not(.panel):not(.border), h4.innovation:not(.panel):not(.border), h5.innovation:not(.panel):not(.border), h6.innovation:not(.panel):not(.border), p.innovation:not(.panel):not(.border), span.innovation:not(.panel):not(.border) {
    color: #86898c;
}
h1.lace:not(.panel):not(.border), h2.lace:not(.panel):not(.border), h3.lace:not(.panel):not(.border), h4.lace:not(.panel):not(.border), h5.lace:not(.panel):not(.border), h6.lace:not(.panel):not(.border), p.lace:not(.panel):not(.border), span.lace:not(.panel):not(.border) {
    color: #f9e498;
}
h1.moon:not(.panel):not(.border), h2.moon:not(.panel):not(.border), h3.moon:not(.panel):not(.border), h4.moon:not(.panel):not(.border), h5.moon:not(.panel):not(.border), h6.moon:not(.panel):not(.border), p.moon:not(.panel):not(.border), span.moon:not(.panel):not(.border) {
    color: #d4c99e;
}
h1.bowman:not(.panel):not(.border), h2.bowman:not(.panel):not(.border), h3.bowman:not(.panel):not(.border), h4.bowman:not(.panel):not(.border), h5.bowman:not(.panel):not(.border), h6.bowman:not(.panel):not(.border), p.bowman:not(.panel):not(.border), span.bowman:not(.panel):not(.border) {
    color: #566127;
}
h1.blueridge:not(.panel):not(.border), h2.blueridge:not(.panel):not(.border), h3.blueridge:not(.panel):not(.border), h4.blueridge:not(.panel):not(.border), h5.blueridge:not(.panel):not(.border), h6.blueridge:not(.panel):not(.border), p.blueridge:not(.panel):not(.border), span.blueridge:not(.panel):not(.border) {
    color: #3a4958;
}
h1.fields:not(.panel):not(.border), h2.fields:not(.panel):not(.border), h3.fields:not(.panel):not(.border), h4.fields:not(.panel):not(.border), h5.fields:not(.panel):not(.border), h6.fields:not(.panel):not(.border), p.fields:not(.panel):not(.border), span.fields:not(.panel):not(.border) {
    color: #b5c327;
}
h1.sky:not(.panel):not(.border), h2.sky:not(.panel):not(.border), h3.sky:not(.panel):not(.border), h4.sky:not(.panel):not(.border), h5.sky:not(.panel):not(.border), h6.sky:not(.panel):not(.border), p.sky:not(.panel):not(.border), span.sky:not(.panel):not(.border) {
    color: #109dc0;
}
.panel.orange, .spotlight.orange, .button.orange, button.orange {
    background: #f66733 none repeat scroll 0 0;
}
.panel.regalia, .spotlight.regalia, .button.regalia, button.regalia {
    background: #522d80 none repeat scroll 0 0;
}
.panel.black {
    background: #000000 none repeat scroll 0 0;
}
.panel.white {
    background: #ffffff none repeat scroll 0 0;
    color: #000000;
}
.panel.white h1, .panel.white h2, .panel.white h3, .panel.white h4, .panel.white h5, .panel.white h6, .panel.white p, .panel.white li {
    color: #000000;
}
.panel.rock, .spotlight.rock, .button.rock, button.rock {
    background: #685c53 none repeat scroll 0 0;
}
.panel.brick, .spotlight.brick, .button.brick, button.brick {
    background: #a25016 none repeat scroll 0 0;
}
.panel.oak, .spotlight.oak, .button.oak, button.oak {
    background: #562e19 none repeat scroll 0 0;
}
.panel.innovation, .spotlight.innovation, .button.innovation, button.innovation {
    background: #86898c none repeat scroll 0 0;
}
.panel.lace, .spotlight.lace, .button.lace, button.lace {
    background: #f9e498 none repeat scroll 0 0;
    color: #562e19;
}
.panel.lace h1, .spotlight.lace h1, .button.lace h1, button.lace h1, .panel.lace h2, .spotlight.lace h2, .button.lace h2, button.lace h2, .panel.lace h3, .spotlight.lace h3, .button.lace h3, button.lace h3, .panel.lace h4, .spotlight.lace h4, .button.lace h4, button.lace h4, .panel.lace h5, .spotlight.lace h5, .button.lace h5, button.lace h5, .panel.lace h6, .spotlight.lace h6, .button.lace h6, button.lace h6, .panel.lace p, .spotlight.lace p, .button.lace p, button.lace p, .panel.lace li, .spotlight.lace li, .button.lace li, button.lace li {
    color: #562e19;
}
.panel.moon, .spotlight.moon, .button.moon, button.moon {
    background: #d4c99e none repeat scroll 0 0;
    color: #000000;
}
.panel.moon h1, .spotlight.moon h1, .button.moon h1, button.moon h1, .panel.moon h2, .spotlight.moon h2, .button.moon h2, button.moon h2, .panel.moon h3, .spotlight.moon h3, .button.moon h3, button.moon h3, .panel.moon h4, .spotlight.moon h4, .button.moon h4, button.moon h4, .panel.moon h5, .spotlight.moon h5, .button.moon h5, button.moon h5, .panel.moon h6, .spotlight.moon h6, .button.moon h6, button.moon h6, .panel.moon p, .spotlight.moon p, .button.moon p, button.moon p, .panel.moon li, .spotlight.moon li, .button.moon li, button.moon li {
    color: #000000;
}
.panel.bowman, .spotlight.bowman, .button.bowman, button.bowman {
    background: #566127 none repeat scroll 0 0;
}
.panel.blueridge, .spotlight.blueridge, .button.blueridge, button.blueridge {
    background: #3a4958 none repeat scroll 0 0;
}
.panel.fields, .spotlight.fields, .button.fields, button.fields {
    background: #b5c327 none repeat scroll 0 0;
}
.panel.sky, .spotlight.sky, .button.sky, button.sky {
    background: #109dc0 none repeat scroll 0 0;
}
.panel.gray, .spotlight.gray, .button.gray, button.gray {
    background: #f2f2f2 none repeat scroll 0 0;
    color: #555;
}
.panel.gray h1, .spotlight.gray h1, .button.gray h1, button.gray h1, .panel.gray h2, .spotlight.gray h2, .button.gray h2, button.gray h2, .panel.gray h3, .spotlight.gray h3, .button.gray h3, button.gray h3, .panel.gray h4, .spotlight.gray h4, .button.gray h4, button.gray h4, .panel.gray h5, .spotlight.gray h5, .button.gray h5, button.gray h5, .panel.gray h6, .spotlight.gray h6, .button.gray h6, button.gray h6, .panel.gray p, .spotlight.gray p, .button.gray p, button.gray p, .panel.gray li, .spotlight.gray li, .button.gray li, button.gray li {
    color: #555;
}
.panel p:last-of-type, .panel ul:last-of-type {
    margin-bottom: 0;
}
h1.panel, h2.panel, h3.panel, h4.panel, h5.panel, h6.panel, p.panel {
    display: inline-block;
    font-weight: normal;
    padding: 0.625rem 0.9375rem;
}
.spotlight + .spotlight {
    margin-top: 1.875rem;
}
.spotlight {
    margin: 0;
    position: relative;
}
.spotlight img {
    opacity: 1;
    transition: opacity 300ms ease-in-out 0s;
    width: 100%;
}
.spotlight .headline {
    bottom: 0;
    color: #fff;
    line-height: 1.2;
    margin-top: -0.125em;
    padding: 0.4125em 0.625em 0.3125em;
    position: relative;
    z-index: 100000;
}
.spotlight .more {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color #e1e1e1 #e1e1e1;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    font-size: 0.8em;
    padding: 0.4em 0.85em;
    text-transform: uppercase;
}
.spotlight .more a {
    font-family: "Trade Gothic" !important;
    font-weight: normal !important;
}
.spotlight .more a:hover {
    color: #f66733 !important;
}
.spotlight a:hover img, .spotlight a:focus img {
    opacity: 0;
}
.spotlight a:hover .headline, .spotlight a:focus .headline {
    bottom: 0.625em;
    position: relative;
    transition: all 300ms ease-in-out 0s;
}
.spotlight.orange .more a {
    color: #f66733;
}
.spotlight.regalia .more a {
    color: #522d80;
}
.spotlight.rock .more a {
    color: #685c53;
}
.spotlight.brick .more a {
    color: #a25016;
}
.spotlight.oak .more a {
    color: #562e19;
}
.spotlight.innovation .more a {
    color: #86898c;
}
.spotlight.lace .more a, .spotlight.lace .headline {
    color: #562e19;
}
.spotlight.moon .more a, .spotlight.moon .headline {
    color: #000000;
}
.spotlight.bowman .more a {
    color: #566127;
}
.spotlight.blueridge .more a {
    color: #3a4958;
}
.spotlight.fields .more a {
    color: #b5c327;
}
.spotlight.sky .more a {
    color: #109dc0;
}
.spotlight.gray .more a, .spotlight.gray .headline {
    color: #555;
}

/* Callouts and Borders
-------------------------------------------------------------- */

.panel.callout >:first-child {
    margin-top: 0;
}

.panel.callout >:last-child {
    margin-bottom: 0;
}

.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6,
.panel.callout p {
    color: #333333;
}

.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6 {
    line-height: 1;
    margin-bottom: 0.625em;
}

.panel.callout h1.subheader,
.panel.callout h2.subheader,
.panel.callout h3.subheader,
.panel.callout h4.subheader,
.panel.callout h5.subheader,
.panel.callout h6.subheader {
    line-height: 1.4;
}