/*
Theme Name: Cardinal v2
Theme URI: https://www.usc.edu/web
Description: This is an out of the box web site template for USC
Version: 2.0
Author: USC Web Services
Author URI: https://www.usc.edu/web
*/

html 						{ font-size: 62.5%; /* 10px browser default */}
body						{ font-size: 14px; font-size: 1.4rem; }
body > div 					{ font-size: 14px; font-size: 1.4rem; }

/* if still jumping replace body tag above with:
body { font-size: 14px; }
body > div { font-size: 1.6rem; }
*/

body,div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,
blockquote,th,td            { margin:0;padding:0;}
body                        { line-height:1;}
h1,h2,h3,h4,h5,h6,p         { font-size:100%;font-weight:400;}
ol,ul                       { list-style:none;}
caption,cite,code,th        { font-style:normal;font-weight:400;}
fieldset,img                { border:0;}
caption,th                  { text-align:left;}
table                       { border-collapse:collapse;border-spacing:0;}
textarea                    { font-family:inherit; }

/*
 * General elements
----------------------------------*/
html                        { text-align:center; /*font-size: 62.5%;*/ }
body                        { text-align:left;color:#212121; font: 14px/1.5 Georgia, "Times New Roman", serif; font-size: 1.4rem; background:#FAF9F2; margin:0; padding:0;}
h1                          { font-size: 2.8rem;}
h2                          { font-size: 2.4rem; }
h3                          { font-size: 2.0rem; }
h4                          { font-size: 1.6rem;}
h5                          { font-size: 1.4em;font-weight:700;}
h6                          { font-size: 1.2em;}
h1,h2,h3,h4,h5,h6           { margin: 1em 0 .5em; font-family: "proxima-nova-1","proxima-nova-2", Arial, sans-serif; font-weight: 700; }

p,
ul,
ol,
dl, 
table                       { margin: 1em 0; }
table                       { width:100%; }
table th                    { padding: 2px; vertical-align:top;}
table td                    { border-bottom: 1px solid #f3f3f3; padding:2px; }
table tr:nth-child(2n+2)    { background: #ECE9DB; }
table td p                  { margin: 0; }
table td p+p                { margin: 1em 0 0; }

blockquote                  { width:82%; margin:20px auto; padding: 10px 5%; font-style: italic; color: #666;
                              font-size: 1.6rem; line-height: 150%; border-left: 2px solid #DCD8C5; background: rgba(0,0,0,.03);  }
blockquote p                { margin: 0; }
blockquote p+p              { margin: 1em 0 0; }

/*
   Anchors
*/
a                           { text-decoration:none;color:#900; }
a:hover, 
a:focus                     { text-decoration:underline; }

/*
 * Utility classes
----------------------------------*/
.left                       { float:left; }
.right                      { float:right; }

img.alignright,
img.alignleft,
img.aligncenter             { border:5px solid #fff; }

img.alignleft,
a img.alignleft             { float:left;margin:10px 15px 5px 0!important; }

img.alignright,
a img.alignright            { float:right;margin:10px 0 5px 15px!important; }

a img.aligncenter,
img.aligncenter             { display: block; margin-left: auto; margin-right: auto}

.clear                      { clear:both; }
div.alignright              { float:right;margin:10px 0 5px 15px!important; padding: 5px 0 5px 5px; }
div.alignleft               { float:left;margin:10px 0 5px 15px!important; padding: 5px 0 5px 5px; }

.wp-caption-text            { font-size: 11px; color: #777; }
.vidwrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
}
.vidwrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* skip menu */
.accessibility              { position: absolute; top:-9999px; left:-9999px; }
.accessibility:focus-within { height: 0; position: static; }
.accessibility li {
  transition: none;
}
.accessibility li:focus-within { 
  align-items: center;
  display: flex;
  flex-basis: auto;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  transition: none;
  width: auto;
 }
 .accessibility li a {
    padding: .75rem;
 }

.pagewidth                  { margin: 0 auto; padding: 0 10px; position: relative; }

/*

/*** form styling for csilibrary.usc.edu ***/
#csiLibrary_form label { font-size: 14px; /* 14pt / 16 */ display: block; float: left; }
#csiLibrary_form input { float: right; width: 60%; 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; }
#csiLibrary_form button {
 	border: 1px solid #999; font-weight: bold; color: #333; font-size: 12px; /* 12pt / 16 */ padding: 4px 8px; cursor: pointer; border-radius: 5px; float: right;
 	 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%);
}
#csiLibrary_form 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%);
}
#csiLibrary_form button:active { box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); }



/* Grouping elements
----------------------------------*/
#usc,
.header,
#container                  { max-width: 954px; margin: auto; padding: 0 10px; }

.alignright,
.alignleft                  { box-shadow: 0 0 8px rgba(0,0,0,.2); }

#searchform,
#breadcrumb                 { border-radius:2px; }

/*
 * Layout elements
----------------------------------*/

/*
   Branding, usually the header
*/
#usc                        { background:#900;position:relative; }
#usc-logo                   { position: absolute; top: 15px; right: 10px; display: block; width: 176px; height: 38px; 
                              background:url(images/usc-logo.svg) 0 0 no-repeat; 
                              background-size: 176px, 38px; text-indent: -9999px; }

.branding                   { border-bottom:3px solid #fc0;padding:15px 0;background:#900; border-top: 1px solid #B43133;
															background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #990000),color-stop(1, #611306));
															background-image: -moz-linear-gradient(center top,#990000 0%,#611306 100%);
															background-image: -o-linear-gradient(top,#990000,#611306); }
.branding h1                { text-shadow:1px 1px 1px rgba(0,0,0,.5); padding: 10px 0 0; margin:0 200px 0 0; 
                              font: normal normal 3.6rem/100% "adobe-caslon-pro-1","adobe-caslon-pro-2", Georgia, serif; }
.branding a                 { color:#fff; }
.branding a:hover           { text-decoration:none; }
/*.branding a:hover:after     { content:" ( Home )";font-size:12px;opacity:.4; }*/
.branding p                 { color:#fff;color:rgba(255,255,255,.7);font-style:italic;margin:0 200px 0 0;padding: 10px 0 0 5px; }

/*
   Navigation
*/
#nav                        { width:30%; float:left; font-size:1.6rem; font-family: "proxima-nova-1","proxima-nova-2", Arial, sans-serif;
                              margin:0 0 20px; font-weight: 700; line-height: 120%; }
#navtoggle                  { display: none; }
#nav ul                     { margin:20px 0 0;padding:0; }
#nav li                     { margin: 0 0 .5em; padding: 0 0 0 12px; position: relative; }
#nav li:last-child          { margin-bottom: 0; }
#nav li::before             { position: absolute; top: 7px; left: 0; content:''; display: block; border: 3px solid transparent; 
                              border-left: 3px solid #900; }
#nav ul ul                  { font-size:1.4rem; display:none; margin: 0; padding: 0; font-weight: 400 }

/* Active nav & Exposing sub-menus */
#nav ul li.current_page_ancestor ul ul,
#nav ul li.current_page_item ul ul { display:block; }
#nav ul li.current_page_item ul,
#nav ul li.current_page_ancestor ul,
#nav ul li.current_page_parent ul{ display:block; }
#nav ul li.current_page_item > a{ color:#333; }
#nav ul li.current_page_ancestor ul li.current_page_item ul,
#nav ul li.current_page_ancestor ul li.current_page_ancestor ul{ display:block }

/* Search */
#searchform label           { position:absolute;top:-9999px;left:-9999px;}
#searchform                 { position:relative; margin:20px 0 10px; padding: 3px; height: 20px;
                              overflow:hidden; border: 1px solid #ccc; background: #fff; }
#searchform input[type="text"] { color:#333;background:transparent;border:0;font-size:14px;width:75%;position:absolute;top:2px;left:1px; }
#searchform button          { position:absolute;right:0;top:1px;height:20px;color:#999;font-family:Georgia, "Times New Roman", Serif;border:0;display:block;
                              background:transparent;font-size:15px;width:22%; }
#searchform button:hover    { color:#444; }
#searchform button:active   { top:2px; }

/*
   Content
*/

#breadcrumb                 { background: #ECE9DB; margin: 0 0 20px; font-family: "proxima-nova-1","proxima-nova-2", Arial, sans-serif; }
#breadcrumb p               { padding: 5px; margin: 0; color: #444; }

/* Main content */
#content-main               { position: relative; width: 66%; float: right; padding: 20px 0;  border-bottom: 1px solid #ccc; word-wrap: break-word; }
#content-main h2.page-title { margin-top: 0; font-size: 3rem; line-height: 110%; }
#content-main ul,
#content-main ol            { margin:1em 0; padding: 0 0 0 2em; }
#content-main ul            { list-style:disc; }
#content-main ul ul,
#content-main ol ol         { margin-top: 0; }
#content-main ol            { list-style:decimal; }
#content-main li            { margin: 0 0 .5em; }
#content-main table         { max-width: 100% !important; }
#content-main img           { max-width: 100%; }

/*#slideshow img              { border: 10px solid #fff; display: block; margin:auto;width:575px; }*/
ul#slideshow li				{ list-style: none; }
.ss-container               { position: relative; background: #fff; padding: 1.5%; box-shadow: 0 0 8px rgba(0,0,0,.2); margin: 0 0 20px; }
#content-main ul.rslides    { position: relative; margin: 0; padding: 0; list-style: none; overflow: hidden; width: 100%; }
#content-main ul.rslides li { position: absolute; width: 100%; left: 0; top: 0; margin: 0; }
#content-main ul.rslides img{ display: block; height: auto; float: left; width: 100%; }

#content-main a.email, #content-sub a.email,
#content-main a.pdf, #content-sub a.pdf,
#content-main a.txt, #content-sub a.txt,
#content-main a.xls, #content-sub a.xls,
#content-main a.ppt, #content-sub a.ppt {
	                            background: url(images/icons-sprite.png) no-repeat 0 top;
	                            padding-left: 20px;
	                            line-height: 16px;
                            }
#content-main a.pdf, #content-sub a.pdf {background-position: 0 -72px;}
#content-main a.txt, #content-sub a.txt {background-position: 0 -108px;}
#content-main a.xls, #content-sub a.xls {background-position: 0 -36px;}
#content-main a.ppt, #content-sub a.ppt {background-position: 0 -144px;}

/* Flickr Slideshow*/
/*.fss-containter              { position: relative; width: 100%; padding-bottom: 66%; }
.flickrshow                 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/

/* Sub content */
#content-sub                { border-top: 1px solid #E1E0D9; width:30%;float:left;clear:left;margin:0 0 20px 0; word-wrap: break-word; }
#content-sub h3             { margin-top:20px;clear:both; }
#content-sub .widget_search { overflow:hidden; }
#content-sub .widget_search h3{ display:none; }
#content-sub p,
#content-sub ul,
#content-sub ol             { font-size:1.2rem; }

/* listing */
#content-main .list-item    { margin: 0 0 10px; padding: 10px 0 20px; border-bottom: 1px dashed #ccc; }
#content-main .list-item h3 { font-size: 18px; text-shadow:none; }
#content-main .list-item h3 a { padding:0; }
#content-main .list-item h3 a:hover { background:none !important;color:rgba(144,0,0, .7) !important; }
#content-main .list-item p  {  }
#content-main .meta         { margin: 0; padding: 0; font-size: 1.2rem; color: #999; }
#content-main .meta a       { color:#666; }
#content-main .meta a:hover { color:#333; background:none; }
#content-main .postedin     { font-size: 12px; text-align: right; }

#content-main .comments-info{ /*background: #ECE9DB;*/ margin:10px 0 0;padding:5px; }

/* gallery */
#content-main .gallery      { overflow:hidden;padding:10px; }
#content-main .gallery dl   { padding:0; }
#content-main .gallery dt   { background:#333;padding:0;margin:0; }
#content-main .gallery img  { display:block; }
#content-main .gallery a    { display:block;padding:0;float:left;margin:5px; }
#content-main .gallery a:hover { background:none; }

/* widgets */
#content-main .home-page-widget { width:31%;float:right;list-style:none;margin:10px 0 0 10px;padding:0; }
#content-main .home-page-widget h3 { border-bottom:1px solid #fff;padding:10px;line-height:1;background:#eee;
                                     background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #e3e3e3),color-stop(1, #f3f3f3));
                                     background:-moz-linear-gradient(center bottom,#e3e3e3 0%,#f3f3f3 100%); }
#content-main .home-page-widget ul { margin:0;list-style:none;background:#f9f9f9;padding:10px; }
#content-main .home-page-widget li { margin-bottom:20px; }
#content-main .home-page-widget a { padding:0; }
#content-main .home-page-widget a:hover { background:none;color:#900; }
#content-main .home-page-widget .textwidget a { padding-left:20px; }
#content-main .home-page-widget .widget_text p { line-height:1.3;font-size:18px;background:#eee;padding:10px;margin:0; }

#content-main .widget_nav_menu ul { font-size:14px; }
#content-main .widget_nav_menu ul ul { margin:0;padding:10px 0 0 10px; }
#content-main .widget_nav_menu li { margin:0;padding:5px;line-height:1.1; }
#content-sub ul.widgets     { margin: 0; }

/* comments */
.comments-template h3       { margin:30px 0 0 0; }
.comments-template ol       { margin:0;list-style:none; }
.comments-template ol ul    { margin:20px 0 0 30px;list-style:none;font-size:12px;background:#fff; }
.comments-template li.comment { background:#eee;border-bottom:20px solid #fff;padding:10px 10px 20px; }
.comments-template li.depth-2 { border:0;background:#fff;padding:10px; }
.comments-template li.depth-3 { border:1px solid #ccc;background:#fff; }
.comments-template li.depth-4 { border:0;background:#fff;border:1px solid #ccc; }
.comments-template li.depth-5 { border:0;background:#fff;border:1px solid #ccc;padding:10px 10px 0; }

.comment-meta               { margin:0;padding:0;font-size:12px;color:#999; }
.comment-meta a             { color:#666;padding:0; }
.comment-meta a:hover       { color:#333;background:none; }
.comment-author             { font-size:16px; }
.comment-author img         { display:block;float:right; }
.comments-template .reply   { margin:10px 0 0; }

#respond                    { margin:20px 0 0; }
#respond form               { padding:10px; }
#respond .comment-notes     { display:none; }
#respond input[type="text"] { display:block;border:1px solid #999;padding:5px; }
#respond .required          { color:red; }
#respond .form-allowed-tags { line-height:1.2; }
#respond textarea           { width:100%;display:block;border:1px solid #999; }

/* localist */
#lw { background-color: transparent!important; }
#lw ul { margin: 0; padding: 0;}
#lw li.lwe { padding: 10px 0!important; border-bottom: 1px solid #ccc!important; }
.lw ul { margin: 0; padding: 0; }
.lwn a { font-family: "proxima-nova-1","proxima-nova-2", Arial, sans-serif; font-size: 16px; 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: normal 15px Georgia, "Times New Roman", 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 Georgia, "Times New Roman", serif; line-height: 18px; font-family: Georgia, "Times New Roman", serif; }
.lwl a { font: normal 14px Georgia, "Times New Roman", serif; line-height: 18px; }

/****************************************/
/* RESPONSIVENESS!                      */
/****************************************/

/* Small (mobile) screen rules */
@media only screen and (max-width: 480px) {
  #usc-logo                 { position: absolute; top: 13px; right: 10px; display: block; width: 83px; height: 27px; 
                              background:url(images/usc-monogram.svg) 0 0 no-repeat; 
                              background-size: 83px 27px; text-indent: -9999px; }
  .branding                 { border-bottom: 0; }
  .branding h1              { font-size: 2.4rem; line-height: 110%; margin: 0 90px 0 0; padding: 0; }
  .branding p               { margin: 0; }
  #nav                      { width: 100%; float: none; margin-bottom: 0; }
  #navtoggle                { display: block; width: 100%; height: 20px; line-height: 18px; background: #fc0; text-align: center; 
                              padding: 0 10px; margin-left: -10px }
  #navtoggle:hover, 
  #navtoggle:active         { text-decoration: none; }
  .menu                     { height: 0; overflow: hidden; 
                              -webkit-transition: height .3s; 
                              -moz-transition: height .3s; 
                              transition: height .3s; }
  .menu.show                { height: auto; }
  #content-main, 
  #content-sub              { width: 100%; float: none; }
}
@media only screen and (min-width: 481px) and (max-width: 820px) {
  .branding h1              { font-size: 2.8rem; line-height: 100%; }
  #nav                      { font-size: 1.4rem; line-height: 120%; }
}