/* Push content lower to leave USC Thornton School of Music title a gap with black bg */
.page-template-page-portal-php .content-main, .page-content { padding-top: 30px; }

.page-template-page-portal-php .program-content{float:left; font-family:"proxima-nova-n4","proxima-nova",Helvetica,Arial,sans-serif}
.page-template-page-portal-php .program-section-nav{float:left; width:100%; margin-top:0; padding:0}
.page-template-page-portal-php ul li { list-style: none !important; }

.portal-spotlights{padding-bottom:40px; border-bottom:3px solid #eee; margin:12px 0 12px 30px}
.page-template-page-portal-php #spotlight-widget{background-color:#fff!important; padding:0!important}
.page-template-page-portal-php #spotlight-widget .spotlight-info p { display: none; }

.portal-featured-spotlight, .portal-wufoo{float:right; width:24%; margin-top:0; padding-top:34px}
h4.portal-suggestions{font-size:20px; font-size:1.25rem; float:left}
.portal-suggestions-icon{content:""; display:inline-block; padding:5px 0 5px 65px; background:url(../images/thornton-icons-red.svg) 0 -916px no-repeat; background-size:52px; height:28px; text-indent:-999999px; float:left}

.suggestions-box{margin:12px 0 12px 30px}
.suggestions-box .hide{display:none}
.content-main .suggestions-box ul{margin:0}
h3.suggestions-box-title{font-size:32px; font-size:1.75rem; line-height:1.25; margin-top:0; border-bottom:none; margin-bottom:0; padding-top:13px; padding-bottom:0px!important}
.suggestions-box textarea#Field1{width:96%; height:150px; margin-top:20px}
.suggestions-box input#saveForm {float: right; margin-bottom: 50px; background-color: #555; color: #fff; border: none; padding: 8px 20px;}

.program-section-nav .myusc a, .program-section-nav .blackboard a, .program-section-nav .uscdirectory a, .program-section-nav .oasis a, .program-section-nav .webreg a{float:left; color:#eee; font-weight:600; padding:20px; display:block; font-size:18px; font-size:1.125rem; background-color:#000; content:""; background-repeat: no-repeat; background-image:url(../images/thornton-portal.svg); display:inline-block; padding:16px 18px 16px 58px; background-size:30px!important; float:left}
.program-section-nav .myusc a:hover, .program-section-nav .blackboard a:hover, .program-section-nav .uscdirectory a:hover, .program-section-nav .oasis a:hover, .program-section-nav .webreg a:hover{background-color:#333;}
.program-section-nav .myusc a{background-position:16px -155px;}
.program-section-nav .blackboard a{background-position: 16px -102px;}
.program-section-nav .uscdirectory a{background-position:16px -45px;}
.program-section-nav .oasis a{background-position:16px 11px;}
.program-section-nav .webreg a{background-position:16px -205px;}

.sticky-left-content{margin-top:20px}
.content-main ul.left-sticky-nav{margin:0}
li.left-sticky-nav-items{padding:0}
li.left-sticky-nav-items a{padding:7px 20px; display:block}
li.left-sticky-nav-items a:hover{text-decoration:none; color:#555; background:#ddd}

ul.portal-sections{margin:12px 0}
ul.portal-sections li.portal-section-blocks{float:right; width:100%; margin-bottom:30px; border-bottom:3px solid #eee; padding-bottom:40px}
ul.portal-sections li ul.portal-sub-main{margin:12px 0; -moz-column-count:2;  -moz-column-gap:20px;  -webkit-column-count:2;  -webkit-column-gap:20px;  column-count:2;  column-gap:20px;  column-width:50%; -moz-column-width:50%; -webkit-column-width:50%}
ul.portal-sections li ul.portal-sub-main li { width: 100%; }
.program-content ul.portal-sub-2-col,.program-content ul.portal-sub-3-col{margin:0 0 12px 0}
.program-content ul.portal-sub-2-col ul,.program-content ul.portal-sub-3-col ul{margin:12px 0}
.program-content ul.portal-sub-2-col li.portal-sub-section-2{float:left; width:47%; margin-right:3%;}
.program-content ul.portal-sub-2-col li.sub-section-links{float:left; width:100%; margin-bottom:15px;}
.program-content ul.portal-sub-3-col li.portal-sub-section-3{float:left; width:30%; margin-right:3%;}
.program-content ul.portal-sub-3-col li.sub-section-links{float:left; width:100%; margin-bottom:15px;}
li.portal-section-links{display:inline-block}
.program-content .portal-sections h3{font-size:32px; font-size:1.75rem; line-height:1.25; margin-top:0; border-bottom:none; margin-bottom:0; padding-top:13px; padding-bottom:0}
.program-content ul li ul li p{padding:0 0 1em 0}

@media handheld, only screen and (max-width:800px){
.content-main ul.portal-sections{margin:12px 0 0 0}
.portal-spotlights,.suggestions-box{margin:12px 0}
}

@media handheld, only screen and (max-width:540px){
.program-content ul.portal-sub-3-col li.portal-sub-section-3,.program-content ul.portal-sub-2-col li.portal-sub-section-2{float:left; width:100%; margin-right:0; margin-bottom:10px}
ul.portal-sections li ul.portal-sub-main{list-style:none; margin:12px 0 12px 0; -moz-column-count:1; -moz-column-gap:0; -webkit-column-count:1; -webkit-column-gap:0; column-count:1; column-gap:0; column-width:100%; -moz-column-width:100%; -webkit-column-width:100%}
li.portal-section-links{display:block}
}