/*
Theme Name: Gold - Parent Theme
Theme URI: https://goldtemplate.usc.edu
Author: USC Web Services
Description: A template for USC websites
Date Created: 10/12/12
*/

/* ----------------------
TABLE OF CONTENTS:

1 --- GLOBAL STYLES ---
---- PAGE LAYOUT -----
2 - HEADER
	2.1 - accessibility navigation
3 - SIDEBAR
	3.1 - main navigation
	3.2 - search box
	3.3 - event calendar
	3.4 sidebar forms
4 - MAIN CONTENT
	4.1 - slider
5 - FOOTER
6 --- RESPONSIVENESS ---
---------------------- */


/***----------------------------------- 1 GLOBAL STYLES -----------------------------------***/

/* embed custom fonts
-----------------------------*/
/* NOTE: all styles & file types of the National font for use in wordpress themes can be found in the usc_gateway theme directory */
@font-face {
	font-family: 'National';
	src: url('https://www.usc.edu/assets/fonts/NationalWeb-Regular.eot');
	src: local(':)'), url('https://www.usc.edu/assets/fonts/NationalWeb-Regular.woff') format('woff'), url('https://www.usc.edu/assets/fonts/NationalWeb-Regular.ttf') format('truetype'), url('https://www.usc.edu/assets/fonts/NationalWeb-Regular.svg') format('svg');
	font-weight:500;
	font-style:normal;
}

@font-face {
	font-family: 'National';
	src: url('https://www.usc.edu/assets/fonts/NationalWeb-Semibold.eot');
	src: local(':)'), url('https://www.usc.edu/assets/fonts/NationalWeb-Semibold.woff') format('woff'), url('https://www.usc.edu/assets/fonts/NationalWeb-Semibold.ttf') format('truetype'), url('https://www.usc.edu/assets/fonts/NationalWeb-Semibold.svg') format('svg');
	font-weight:700;
	font-style:normal;
}


/* reset styles
-----------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

body { font: 100% National, Helvetica, Arial, sans-serif; background-color: #e9e9e9; }

/* headings
-----------------------------*/
h1 { }
h2 { color: #474747; font: 36px National, Helvetica, Arial, sans-serif; /* 36pt / 16 */ font-weight: 700; margin-bottom: 12px; }
h3 { color: #373737; font: 24px National, Helvetica, Arial, sans-serif; /* 24pt / 16 */ margin: 0px 0 10px 0; padding-top: 10px; }
h4 { color: #373737; font: 1.25rem National, Helvetica, Arial, sans-serif; /* 20pt / 16 */ margin: 0px 0 10px 0; padding-top: 10px; }
h5 { color: #373737; font: 1.125rem National, Helvetica, Arial, sans-serif; /* 18pt / 16 */ font-weight: 700; margin: 0 0 10px 0; }
h6 { color: #373737; font: 1rem National, Helvetica, Arial, sans-serif; /* 16pt / 16 */ font-weight: 700; margin: 0 0 10px 0; }

/* default wordpress editor styles
-----------------------------*/
.content_main ol, .content_main ul { margin: 15px 30px; }
.content_main li { font: normal .875em/150% Georgia, "Times New Roman", Times, serif; color: #373737; }
strong { font-weight: bold; }
em { font-style: italic; }
blockquote { margin: 20px 50px; padding: 20px; background-color: #e9e9e9; font-style: italic; border-radius: 10px; color: #373737; border: none; font-size: 14px; line-height: 150%; width: 400px; }
blockquote .author { text-align: right; font-style: normal; }
code { }
del { } /* <del> acts as strikethrough in wordpress */
.content_main img { border: 4px solid #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
p { color: #373737; line-height:18px; font: normal .875em/150% Georgia, "Times New Roman", Times, serif; font-size: .875rem; /* 14pt / 16 */ margin-bottom: 10px; }
a { color: #990000; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
.alignleft, img.alignleft { float: left; margin: 0 1em 1em 0; }
.alignright, img.alignright { float: right; margin: 0 0 1em 1em; }
table { border-collapse: collapse; margin: 30px 0; }
table { border-collapse: collapse; margin: 30px 0; }
table th { border: 1px solid #ccc; color: #373737; font-weight: 700; text-shadow: rgba(255,255,255,.9) -1px 1px 0px; background: #ece9db; padding: 3px 8px; text-align: center; }
table td { border: 1px solid #ccc; padding: 8px; font-size: 14px; }
table td:first-child { font-weight: 700; }

/* Wordpress edit links */
a.post-edit-link { color: #fff; font-size: 16px; line-height: 20px; font-weight: 500; border-radius: 20px; background-color: #61a500; box-shadow: inset 0 -1px 4px rgba(0,0,0,0.2); display: block; width: 3em; text-align: center; clear: both; text-transform: uppercase; letter-spacing: 2px; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); padding: 5px 10px; margin: 20px 0 5px 0; font-family: National, Helvetica, Arial, sans-serif; }
a.post-edit-link:hover { background-color: #467700; text-decoration: none; }

.news-archive a.post-edit-link { float: right; }

/* global classes
-----------------------------*/
.clear { clear: both; }
.page_wrapper { margin: 0 auto; position: relative; }
.content_wrapper { padding: 20px 20px 15px 20px; }
.title_acronym { color: #FFCC00; }
.right { float: right; }
.left { float: left; }

.view_all { background: url('images/usc_gold_sprite.png') no-repeat 0 -48px; }
.image { float: right; margin-left: 15px; margin-bottom: 10px; max-width: 300px; }
.image img { float: none; margin-left: 0; }
p.caption { font: 0.875rem National, Helvetica, Arial, sans-serif; font-size: 14px; font-style: italic; padding: 0; }
.content_main .noborder { border: none; box-shadow: none; }
.wp-caption { float: right; margin: 0 0 20px 30px;}
.wp-caption-text {margin-top: 10px; font-size: 12px; }

/* Icon Sprite
-----------------------------*/
/* INCLUDE IN CORRESPONDING JAVASCRIPT FILE:
// append icons for links to non-web filetypes (email, pdf, doc, xls, ppt, etc)
	$("a[href^='mailto:']").addClass("email");
	$("a[href$='.pdf']").addClass("pdf");
	$("a[href$='.xls']").addClass("xls");
	$("a[href$='.ppt']").addClass("ppt");
	$("a[href$='.doc'], a[href$='.txt'], a[href$='.rft']").addClass("txt");
*/
a.pdf, a.txt, a.xls, a.ppt, a.email {
	background-image: url('images/usc_document_sprite.png');
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 16px;
}
a.xls { background-position: 0 -36px; }
a.pdf { background-position: 0 -72px; }
a.txt { background-position: 0 -108px; }
a.ppt { background-position: 0 -144px; }

footer a.email, footer .phone, footer .fax, footer .address {
	background-image: url('images/usc_footer_sprite.png');
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 16px;
}
footer a.email { background-position: 0 -1px; }
footer .phone { background-position: 0 -33px; }
footer .fax { background-position: 0 -65px; }
footer .address { background-position: 0 -97px; }


/***----------------------------------- PAGE LAYOUT -----------------------------------***/
/***----------------- 2 HEADER -----------------***/
header { width: 100%; padding: 30px 0;
	background: rgb(153,0,0);
	background: -moz-linear-gradient(center top , #990000 10%, #660000 90%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#990000), color-stop(90%,#660000));
	background: -webkit-linear-gradient(top, #990000 10%, #660000 90%);
	background: -o-linear-gradient(top, #990000 10%, #660000 90%);
	background: -ms-linear-gradient(top, #990000 10%, #660000 90%);
	background: linear-gradient(to bottom, #990000 10%, #660000 90%);
	box-shadow: 0px 3px 8px rgba(0,0,0,0.4);
}

header h1 { float: right; margin 0;}
header h1 .logo { display: block; text-indent: -9999px; margin-bottom: 13px; }
header h1 .logo {
	background: url('https://customsites.usc.edu/wp-content/themes/gateway2012/images/usc_logo.svg') 0 0 no-repeat;
	background-size: 182px 42px; height: 42px; width: 182px;
}

header h2 { margin: 5px 0 0 0; border-bottom: 1px solid #400902; box-shadow: 0 1px 0 #990000; }
header h2 a { color: #fff;  font: 1.875rem "adobe-caslon-pro", "adobe-caslon-pro-1","adobe-caslon-pro-2", Georgia, serif; /* 30pt / 16 */ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
header h2 a:hover { text-decoration: none; }

header h3.tagline { color: #fff; font: 400 1.125em "adobe-caslon-pro", "adobe-caslon-pro-1","adobe-caslon-pro-2", Georgia, serif; padding: 5px 0 0 0; font-style: italic; margin: 0; opacity: 0.9; }


/**----- 2.1 accessibility navigation -----**/
.accessibility { display: none; list-style: none; }
.accessibility a {color: #fff; font-size: 12px;}


/***----------------- 3 SIDEBAR -----------------***/
.content_sidebar { }
aside h2 { font-size: 1.5rem; /* 24pt / 16 */ margin-bottom: 10px; text-shadow: 1px 1px 1px rgba(255,255,255,1); }


/* localist */

#lw {
	background-color: transparent!important;
}

#lw li.lwe {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

.lw ul {
	margin: 0;
	padding: 0;
}

.lwn a {
	font-family: National, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 21px;
	width: 100%;
    display: block;
    float: left;
}

.widget_localist_fwp_widget a.view-more-events {
    margin-top: 10px;
    display: block;
}

span.lwn0 {
	float: left;
	font: bold 19px National, Helvetica, Arial, sans-serif;
	line-height: 22px;
}

.lwe .lwd {
	font: normal 13px Georgia, "Times New Roman", Times, serif;
	line-height: 18px;
	font-size: 13px;
}

.lwl0 {
	font: normal 14px National, Helvetica, Arial, sans-serif;
	line-height: 18px;
}

.lwl a {
	font: normal 14px National, Helvetica, Arial, sans-serif;
	line-height: 18px;
}

/**----- 3.1 main navigation -----**/
.nav_main { margin: 25px 0 0 3px; }
.nav_main ul { }
.nav_main ul li { list-style: none; margin-top: 10px; }
.nav_main ul li a { display: block; background: url('images/usc_gold_sprite_v2.png') 3px -49px no-repeat; padding-left: 15px;
	font: 1.125rem National, Helvetica, Arial, sans-serif; /* 18pt / 16 */ font-weight: 700;
	text-shadow: 1px 1px 1px rgba(255,255,255,1); }
.nav_main ul li a:hover { text-decoration: underline; }

/* Active nav & Exposing sub-menus */
.nav_main ul li.current_page_ancestor ul ul,
.nav_main ul li.current_page_item ul ul { display: block; }
.nav_main ul li.current_page_item ul,
.nav_main ul li.current_page_ancestor ul,
.nav_main ul li.current_page_parent ul { display:block; }
.nav_main ul.sub-menu li.current_page_item > a { background-color: rgba(255,255,255,0.65) }

.nav_main ul li.current_page_item > a { color:#333; background-position: 3px -86px; border-radius: 3px; }
.nav_main ul li.current_page_ancestor ul li.current_page_item ul,
.nav_main ul li.current_page_ancestor ul li.current_page_ancestor ul { display:block; }

/* sub-menu styles */
ul.sub-menu { display: none; margin-left: 15px; }
.nav_main>ul>li>ul.sub-menu {  }
.nav_main ul.sub-menu li { margin-top: 5px; }
.nav_main ul.sub-menu a { font-family: National, Helvetica, Arial, sans-serif; font-size: 1rem; /* 16pt / 16 */ padding: 3px 5px 2px 15px; background-position: 3px -48px; }

.nav_main ul.sub-menu { margin-bottom: 15px; }
.nav_main ul.sub-menu ul { margin-bottom: 0; }
.nav_main ul.sub-menu ul ul { margin-bottom: 0; }
.nav_main ul.sub-menu ul ul ul { margin-bottom: 0; }
.nav_main ul.sub-menu ul ul ul ul { margin-bottom: 0; }
.nav_main ul.sub-menu ul ul ul ul ul { mmargin-bottom: 0; }

.nav_main ul.sub-menu a { display: block; }
.nav_main ul.sub-menu ul { margin-left: 35px; }
.nav_main ul.sub-menu ul ul { margin-left: 55px; }
.nav_main ul.sub-menu ul ul ul { margin-left: 75px; }
.nav_main ul.sub-menu ul ul ul ul { margin-left: 95px; }
.nav_main ul.sub-menu ul ul ul ul ul { margin-left: 105px; }
.nav_main>ul>li ul.sub-menu {  }
.nav_main>ul>li:hover ul.sub-menu { }

.nav_mobile { display: none; }


/**----- 3.2 search box -----**/
#searchform { width: 240px; height: 25px; position: relative; margin: 10px 0 50px 0; }
#searchform label { position: absolute; top: 4px; left: 10px; font: normal normal 14px/19px Arial, sans-serif; color: #999; cursor: text; text-indent: -9999px; }
#searchform input { display: block; width: 213px; height: 17px; margin: 0; padding: 4px 22px 4px 5px; border: none; background: #fff; font: normal normal 14px/19px Arial, sans-serif; color: #999; border-radius: 0; }
#searchform button, .category-search .search-button { display: block; position: absolute; top: 1px; right: 1px; border: 0; margin: 0; padding: 0; width: 23px; height: 23px; text-indent: -9999px; border-radius: 0;
	background: url('images/usc_gold_sprite.png') 4px 4px no-repeat;
	background: url('images/usc_gold_sprite.png') 4px 4px no-repeat, -webkit-linear-gradient(top, #990000 10%, #660000 90%);
	background: url('images/usc_gold_sprite.png') 4px 4px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(10%,#990000), color-stop(90%,#660000));
	background: url('images/usc_gold_sprite.png') 4px 4px no-repeat, -moz-linear-gradient(center top , #990000 10%, #660000 90%);
	background: url('images/usc_gold_sprite.png') 4px 4px no-repeat, -o-linear-gradient(top, #990000 10%, #660000 90%);
	background: url('images/usc_gold_sprite.png') 4px 4px no-repeat, -ms-linear-gradient(top, #990000 10%, #660000 90%);
	background: url('images/usc_gold_sprite.png') 4px 4px no-repeat, linear-gradient(to bottom, #990000 10%, #660000 90%);
	background-color: rgb(153,0,0);
}

#searchform button:hover, #searchform button:active { background: url('images/usc_gold_sprite.png') 4px 4px no-repeat #990000; cursor: pointer; }

.search_wrapper { position: relative; } /* for responsiveness */


/* category search */

.category-search { position: relative; padding: 20px; margin-bottom: 20px; border-color: #ddd; border-radius: 3px; background: #e9e9e9; }
.category-search .search-query { width: 95%; height: 17px; padding: 4px 22px 4px 5px; border: none; background: #fff; font: normal normal 14px/19px Arial, sans-serif; color: #999; border-radius: 0; }
.category-search .search-button { top: 21px; right: 21px; }

.paginate {
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
	border-top: 1px solid #ddd;
}


/**----- 3.3 text widgets -----**/
.textwidget { font: normal .875em/150% Georgia, "Times New Roman", Times, serif; font-size: 14px; margin-bottom: 20px; }
.widget { margin-bottom: 30px; }
.widget li { list-style: none; }

/**----- 3.3 event calendar -----**/
#cal_id, #cal_num { display: none; }
.calendar_wrapper { margin-bottom: 50px; }
#cal_wrap h2 { display: block; }

ul.event_calendar { list-style: none; }
ul.event_calendar li { border-bottom: 1px solid #908888; border-top: 1px solid #fff; padding: 10px 0 10px 0; font: 13px National, helvetica, Arial, sans-serif; color: #4d4c4c; }
ul.event_calendar li:last-child { border-bottom: 1px solid #908888; }
ul.event_calendar li:first-child { border-top: none; padding-top: 0; }

.event_date { width: 40px; float: left; margin-right: 15px; text-align: center; text-transform: capitalize; font-weight: bold; }
.event_info { float: left; width: 230px; }
.event_info h3 { margin: 0; font-size: 0.8125rem; /* 13pt / 16 */ text-shadow: 1px 1px 1px rgba(255,255,255,1); line-height: 16px; }
.event_info p { margin: 0; font-size: 0.8125rem; /* 13pt / 16 */ text-shadow: 1px 1px 1px rgba(255,255,255,1); line-height: 16px; }
.event_info a { font-family: National, Arial, sans-serif; font-weight: 700;
	font-size: 1rem; /* 16pt / 16 */ }
p.event_time { margin-top: 6px; }
.day { font-size: 30px;	}
.view_all { border-top: 1px solid #fff; padding: 8px 0 0 15px; display: block; font-size: 0.875rem; /* 14pt / 16 */ }

.event { border-bottom: 1px solid #9d9c8e; padding-bottom: 10px; }
.event:last-of-type { border-bottom: none; }
.content_sidebar .widget #cal_id, .content_sidebar .widget #cal_num {
	display: none;
}

/**----- 3.4 sidebar forms -----**/
.content_sidebar label { font-size: 0.875rem; /* 14pt / 16 */ display: block; }
.content_sidebar input { width: 90%; height: 18px; border: 1px solid rgba(75,71,72,.3); border-radius: 2px; padding-left: 10px; color: #666; font: 12px Arial, sans-serif; margin-bottom: 12px; }
.content_sidebar button {
 	border: 1px solid #999; font-weight: bold; color: #333; font-size: 0.75rem; /* 12pt / 16 */ padding: 4px 8px; cursor: pointer; border-radius: 5px;
 	 text-shadow: 1px 1px 1px rgba(255,255,255,1); box-shadow: 1px 2px 5px rgba(0,0,0,0.2);
 	background: rgb(243,243,243);
 	background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(232,232,232,1) 10%, rgba(211,211,211,1) 75%, rgba(206,206,206,1) 100%);
 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(243,243,243,1)), color-stop(10%, rgba(232,232,232,1)), color-stop(75%, rgba(211,211,211,1)), color-stop(100%, rgba(206,206,206,1)));
 	background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(232,232,232,1) 10%, rgba(211,211,211,1) 75%, rgba(206,206,206,1) 100%);
 	background: -o-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(232,232,232,1) 10%, rgba(211,211,211,1) 75%, rgba(206,206,206,1) 100%);
 	background: -ms-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(232,232,232,1) 10%, rgba(211,211,211,1) 75%, rgba(206,206,206,1) 100%);
 	background: linear-gradient(to bottom, rgba(243,243,243,1) 0%, rgba(232,232,232,1) 10%, rgba(211,211,211,1) 75%, rgba(206,206,206,1) 100%);
}
.content_sidebar button:hover {
  	background: rgb(229,229,229);
  	background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(211,211,211,1) 10%, rgba(198,198,198,1) 75%, rgba(181,181,181,1) 100%);
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229,229,229,1)), color-stop(10%, rgba(211,211,211,1)), color-stop(75%, rgba(198,198,198,1)), color-stop(100%, rgba(181,181,181,1)));
  	background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(211,211,211,1) 10%, rgba(198,198,198,1) 75%, rgba(181,181,181,1) 100%);
  	background: -o-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(211,211,211,1) 10%, rgba(198,198,198,1) 75%, rgba(181,181,181,1) 100%);
  	background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(211,211,211,1) 10%, rgba(198,198,198,1) 75%, rgba(181,181,181,1) 100%);
  	background: linear-gradient(to bottom, rgba(229,229,229,1) 0%, rgba(211,211,211,1) 10%, rgba(198,198,198,1) 75%, rgba(181,181,181,1) 100%);
}
.content_sidebar button:active { box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); }


/***----------------- 4 MAIN CONTENT -----------------***/
.content_main { min-height: 800px; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); padding-bottom: 30px;}

.content_article { border-bottom: 1px solid #9d9c8e; padding-bottom: 10px; margin-bottom: 30px; }
.content_article:last-of-type { margin-bottom: 10px; }
.pub_date { font: 1rem National, Helvetica, Arial, sans-serif; /* 16pt / 16 */ }

.homepage_article h2 { font-size: 24px; }
.welcome h2 { font-size: 2.25rem; /* 36pt / 16 */ margin-top: 1.5625%; /* 15px / 960 */ }
.welcome p { color: #5d5b5b; }

/**----- 4.1 slider -----**/
/* single image */
.feature_wrapper { width: 100%; /* 610px / 906 */ overflow: hidden; }
.feature_wrapper { margin-bottom: 0; }
.feature_wrapper img { border: none; width: 100%; float: none; margin: 0; box-shadow: none; height: auto; }

.feature_container { background-color: #000; }
.feature_container p { text-align: center; margin-bottom: 0; }


/* multiple images */
.slider { width: 100%; /* 610px / 906 */ overflow: hidden; position: relative;}
.slide_wrapper { width: 100%; /* 610px / 906 */ overflow: hidden; position: relative; margin: 0 auto;}
.slide_wrapper img { border: none; width: 100%; float: none; margin: 0; box-shadow: none; height: auto; }
.slide_container { width: 100% !important;}
.slide { width: 100%; position: relative; display: none; background-color: transparent; }
.slide p { margin: 0; }
.slide:first-child { display: block; }

.media_wrapper { position: relative; padding-bottom: 52.8%; /* 16:9 */ height: 0; overflow: hidden; }
.media_wrapper iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.featurenav_wrapper { position: relative; min-width: 120px; }
#featurenav { position: absolute; /* bottom: 5px; */ bottom: 36px; left: 20px; z-index: 500; text-align: center; margin-left: 10px; }
#featurenav a { display: inline-block; margin: 0 4px; height: 10px; width: 10px; text-indent: -9999px; background: rgba(213,213,213,1); border-radius: 6px; }
#featurenav a.active { background: rgba(79,79,79,1); border: 1px solid #d6d5d3; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.5); }
.slide_btn { width: 15px; height: 15px; border-radius: 3px; position: absolute; /* bottom: 9px; */ bottom: 38px; left: 8px; color: #fff; font-size: 10px; font-weight: bold; z-index: 500; }
.pause_btn { background: #990000 url('images/usc_gold_slider_btns.png') no-repeat 3px -11px; border: 1px solid #cc0000; }
.play_btn { background: #008000 url('images/usc_gold_slider_btns.png') no-repeat 4px 2px; border: 1px solid #00cb00; }
.pause_btn:hover, .play_btn:hover { cursor: pointer; }

.slide_title {
	margin: 0; padding: 8px 0 12px 10px;
	background: rgb(153,0,0);
	background: -moz-linear-gradient(center top , #990000 10%, #660000 90%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#990000), color-stop(90%,#660000));
	background: -webkit-linear-gradient(top, #990000 10%, #660000 90%);
	background: -o-linear-gradient(top, #990000 10%, #660000 90%);
	background: -ms-linear-gradient(top, #990000 10%, #660000 90%);
	background: linear-gradient(to bottom, #990000 10%, #660000 90%);
}
.slide_title a { text-align: right; margin: 0 20px 0 0; padding: 2px 30px 0 0; font-size: 12px; color: #fff; display: block; background: url('images/usc_gold_sprite.png') right -76px no-repeat; }
.slide_title span { text-align: right; margin: 0 20px 0 0; padding: 2px 0 0 0; font-size: 12px; color: #fff; display: block;}


/***----------------- 5 FOOTER -----------------***/
footer { min-height: 50px; width: 100%; padding: 17px 0;
	background: rgb(75,71,72);
	background: -moz-linear-gradient(top, rgba(75,71,72,1) 0%, rgba(84,80,81,1) 9%, rgba(84,80,81,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(75,71,72,1)), color-stop(9%, rgba(84,80,81,1)), color-stop(100%, rgba(84,80,81,1)));
	background: -webkit-linear-gradient(top, rgba(75,71,72,1) 0%, rgba(84,80,81,1) 9%, rgba(84,80,81,1) 100%);
	background: -o-linear-gradient(top, rgba(75,71,72,1) 0%, rgba(84,80,81,1) 9%, rgba(84,80,81,1) 100%);
	background: -ms-linear-gradient(top, rgba(75,71,72,1) 0%, rgba(84,80,81,1) 9%, rgba(84,80,81,1) 100%);
	background: linear-gradient(to bottom, rgba(75,71,72,1) 0%, rgba(84,80,81,1) 9%, rgba(84,80,81,1) 100%);
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer label { color: #fff; }
footer a { color: #fc0; }
footer h2 { font: normal 2.375rem "adobe-caslon-pro-1","adobe-caslon-pro-2", Georgia, serif; /* 38pt / 16 */ margin: 0 0 15px 0;}
footer h3 {
	font-size: 18px;
}
footer p { margin: 0; font-family: National, Helvetica, Arial, sans-serif; }
footer .widget {
	margin-bottom: 30px;
}
footer .widget h2 {
	display: none;
}

.footer_left { min-height: 100px; }
.footer_right { }
footer form { float: right; }
footer label { font-size: 0.875rem; /* 14pt / 16 */ display: block; margin-bottom: 5px; }
footer input { width: 200px; height: 18px; border: 3px solid rgba(75,71,72,.7); border-radius: 2px; padding-left: 10px; color: #666; font: 12px Arial, sans-serif; }
footer button {
 	border: 1px solid #999; font-weight: bold; color: #333; font-size: 0.75rem; /* 12pt / 16 */ padding: 4px 8px; cursor: pointer; border-radius: 5px;
 	 text-shadow: 1px 1px 1px rgba(255,255,255,1); box-shadow: 1px 2px 5px rgba(0,0,0,0.2);
 	background: rgb(243,243,243);
 	background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(232,232,232,1) 10%, rgba(211,211,211,1) 75%, rgba(206,206,206,1) 100%);
 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(243,243,243,1)), color-stop(10%, rgba(232,232,232,1)), color-stop(75%, rgba(211,211,211,1)), color-stop(100%, rgba(206,206,206,1)));
 	background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(232,232,232,1) 10%, rgba(211,211,211,1) 75%, rgba(206,206,206,1) 100%);
 	background: -o-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(232,232,232,1) 10%, rgba(211,211,211,1) 75%, rgba(206,206,206,1) 100%);
 	background: -ms-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(232,232,232,1) 10%, rgba(211,211,211,1) 75%, rgba(206,206,206,1) 100%);
 	background: linear-gradient(to bottom, rgba(243,243,243,1) 0%, rgba(232,232,232,1) 10%, rgba(211,211,211,1) 75%, rgba(206,206,206,1) 100%);
}
footer button:hover {
  	background: rgb(229,229,229);
  	background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(211,211,211,1) 10%, rgba(198,198,198,1) 75%, rgba(181,181,181,1) 100%);
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229,229,229,1)), color-stop(10%, rgba(211,211,211,1)), color-stop(75%, rgba(198,198,198,1)), color-stop(100%, rgba(181,181,181,1)));
  	background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(211,211,211,1) 10%, rgba(198,198,198,1) 75%, rgba(181,181,181,1) 100%);
  	background: -o-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(211,211,211,1) 10%, rgba(198,198,198,1) 75%, rgba(181,181,181,1) 100%);
  	background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(211,211,211,1) 10%, rgba(198,198,198,1) 75%, rgba(181,181,181,1) 100%);
  	background: linear-gradient(to bottom, rgba(229,229,229,1) 0%, rgba(211,211,211,1) 10%, rgba(198,198,198,1) 75%, rgba(181,181,181,1) 100%);
}
footer button:active { box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); }

.ws_credit { float: right; }



/* overwriting classes
-----------------------------*/
.no_border { border: none; }


/***----------------------------------- 6 RESPONSIVENESS -----------------------------------***/
@media only screen and (max-width: 825px) {
	#featurenav { bottom:60px; }
}
@media only screen and (max-width: 767px) {
	header h2 { margin: 0; padding-bottom: 1.0416%;}
	.content_main .welcome h2 { font-size: 2rem;}
	.page_wrapper .grid_4, .page_wrapper .grid_8, .page_wrapper .grid_7, .page_wrapper .grid_5 {
		width: 98.5%;
		float: none;
		display: block;
	}

	.nav_main, .nav_mobile {
		margin: 0 0 0 -20px;
		background: rgb(53,53,53);
		background: -moz-linear-gradient(top,  rgba(53,53,53,1) 0%, rgba(26,26,26,1) 43%, rgba(2,2,2,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,53,53,1)), color-stop(43%,rgba(26,26,26,1)), color-stop(100%,rgba(2,2,2,1)));
		background: -webkit-linear-gradient(top,  rgba(53,53,53,1) 0%,rgba(26,26,26,1) 43%,rgba(2,2,2,1) 100%);
		background: -o-linear-gradient(top,  rgba(53,53,53,1) 0%,rgba(26,26,26,1) 43%,rgba(2,2,2,1) 100%);
		background: -ms-linear-gradient(top,  rgba(53,53,53,1) 0%,rgba(26,26,26,1) 43%,rgba(2,2,2,1) 100%);
		background: linear-gradient(to bottom,  rgba(53,53,53,1) 0%,rgba(26,26,26,1) 43%,rgba(2,2,2,1) 100%);
	}
	.nav_main { margin-bottom: 30px; width: 120%; }
	.nav_mobile { width: 98.45%; display: block; color: #fff; padding: 12px 20px; font: 14px National, Helvetica, Arial, sans-serif; border-top: 1px solid #666; }
	.nav_button, .calendar_button { display: block; width: 30px; height: 30px; cursor: pointer; float: left; background: url('images/usc_mobile_icons.png') no-repeat; margin-right: 10px; }
	.nav_button { background-position: 0 0; }
	.calendar_button { background-position: 0 -30px; }
	.nav_main>ul { border-top: none; display: none; }
	.nav_main ul li { float: none; border-top: 1px solid #666; margin-top: 0; }
	.nav_main ul li:first-child { border-left: none; }
	.nav_main ul li:last-child { border-right: none; }
	.nav_main ul li a { width: 100%; height: auto; display: block; padding: 12px 20px;  color: #fff; text-shadow: none; background-image: none; }
	.nav_main ul li a:hover { background-color: #404040; text-decoration: none; }
	ul.sub-menu { display: none; }
	.nav_main ul li.current_page_item > a { color:#fff; }

	.calendar_wrapper { display: none; }
	.event_info { width: 80%; }

	.footer_right { padding-top: 20px; }
	footer form { margin-top: 40px; float: none; }
	#searchform { position: absolute; right: 0; top: 5px; z-index: 100; }

	.ws_credit { margin-top: 30px;}

}

@media only screen and (min-width: 600px) and (max-width: 767px) {
	.slide_container { margin: 0 auto; }
}

@media only screen and (max-width: 480px) {
	header h1 .logo { background: url('/wp-content/themes/gateway2012/images/usc_mobile_logo.svg') 0 0 no-repeat; background-size: 176px 38px; height: 38px; width: 120px; }
	#searchform { width: 200px;}
	#searchform input { width: 173px; }

	#featurenav { display: none; }
}

@media only screen and (max-width: 320px) {
	header h2 a { font-size: 20px; }
	header h2 { line-height:10px; }
	.content_main .welcome h2 { font-size: 22px; margin-top: 0; }
	.content_main h2 { font-size: 18px; }
	footer h2 { font-size: 26px; }
	footer input { width: 180px; }
}