html{
    font-size:unset !important; 
}
p{
	line-height:1.5;
}
.page-title  a{
	font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
	color: #4e2a84;
	text-decoration: none;
}
.page-title  a:hover{
	    text-decoration: underline;
}
.content .visual-holder{
    position: relative;
}
.content .alignright {
    float: right;
    margin: 6px 0 0 20px;
}
.content .nocolor{
    background-color:#fff;
}
.content .img-roundborder{
    border-radius:10px;
    margin-left:20px;
    margin-bottom:20px;
}

h1 {
    font: 34px/1.2em "Campton Bold",Impact,sans-serif;
    color: #4e2a84;
    margin-bottom: .5rem;
}

.standard-page h1 {
    font: 34px/1.2em "Campton Bold",Impact,sans-serif;
    color: #fff;
    margin-bottom: .5rem;
}

.container {
              width: 100%;
              max-width: 854px;
              /*min-width: 440px;*/
              background: #fff;
              margin: 0 auto;
            /* display:inline-block; */
 }
 .hide-text{
	 text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    color: #bfbfbf;
    background : #401e68 none repeat scroll 0 0;
    height: 0;
    width:0;
}
 .hide-text h1{
    color: #ffffff;
    background : #401e68 none repeat scroll 0 0;
}
   /*  Event Page 
 ############################### */
 div.ng-scope{
     display:block;
 }
 #left-nav .filter {
    margin-top: 25px;
    font-size: 14px;
}
#left-nav .filter .colorbox {
    width: 20px;
    height: 20px;
    position: absolute;
}
#left-nav .filter .category {
    margin-left: 25px;
}
#left-nav .search {
    margin-bottom: 5px;
    font-size: 14px;
}
#left-nav .clearFilter {
background-color: #5229a3;
color: white;
padding:10px;
border: none;
font-size:15px;
text-decoration:none;
min-width: 150px;
}
.standard-page section{
    margin-bottom: 0;
}
.standard-page section:first-of-type {
    margin-top: 0;
}
.standard-page .event{
    min-height: 90px;
    margin-top: 1rem;
    margin-bottom: 0;
}
.standard-page .event .event-description {
    min-height: 90px;
    margin-left: 90px;
    padding-right: 65px;
    padding-top: 10px;
    padding-left: 10px;
    border: 1px solid #ccc;
}
.standard-page .event .event-date {
    height: 100%;
}
.standard-page .event-description .event-time {
    margin-top: 5px;
    font-size: 13px;
    font-weight: bold;
    line-height: normal;
}
.standard-page .event-description .location {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
    line-height: normal;
}
.standard-page .event .event-description .arrow {
    content: "";
    width: 22px;
    height: 14px;
    /* float: right; */
    position: absolute;
    z-index: 1;
    top: 45px;
    margin-top: -7px;
    right: 2rem;
    background-image: url(../images/events.svg);
    background-position: -182px -11px;
    background-repeat: no-repeat;
    display: inline-block;
}
.standard-page .event-details {
    padding: 20px;
    border: 1px solid #ccc;
    background: #eee;
}

#Univers {
    background-color: #5229a3;
}
#Lecture {
     background-color: #006080;
}
#Transfe {
    background-color: #7a5000;
}
#Informa {
    background-color: #000080;
}
#Confere {
    background-color: #0b6510;
}
#Student {
    background-color: #a32929;
}
#calendar .purple,#calendar .red,#calendar .green,#calendar .blue,#calendar .tan,#calendar .black {
    display: block;
}
#search-checkbox { float:left;}
#search-checkbox-text {padding-top:5px;}

  /*  VIDEO PLAYER CONTAINER
 ############################### */
  .vid-container {
            position: relative;
            max-width:550px;
            display:inline-block;
}
         
.vid-container iframe,
.vid-container object,
.vid-container embed {
            position: relative;
            top: 0;
            left: 0;
            width: 550px;
            height: 315px;
        }

        /*  VIDEOS PLAYLIST 
         ############################### */
.vid-list-container {
            margin-top: 20px;
            max-width:300px;
            float:left;
            display:inline-block;
            padding-bottom: 20px;
}

.vid-list {
  
}

.vid-item {
    		margin-right: 20px;
            max-width: 255px;
            padding:5px;
            min-height:80px;
            margin-bottom:15px;
            display:block;
}

.thumb {
            float:left;
            display:block;
}

.thumb img {
            padding-right:10px;
            width:80px;
}

.vid-item .desc {
			font-size: 14px;
            line-height: 15px;
}

.vid-item:hover {
			background: #eee;
			cursor: pointer;
}
		
.arrow-left {
			text-indent: -9999px;
}

.arrow-right {
			text-indent: -9999px;
}
/* home-page fix*/
.landing-page #announcement{

	margin: 30px auto 70px auto;
	text-align:center;
/*
	olli fix
	margin: -80px 0 -48px 0;
	home-page
	margin: 30px auto -50px auto;
*/
}
.landing-page section.no-bottom-margin {
    margin-bottom: -30px;
}
#main {
	font: 1.7em "Akkurat Pro Regular",Arial,sans-serif;
}
/* iframe video */
.iFrameVideoContainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.iFrameVideo{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* iframe video end */
/* alt photo float for video iframe */
.standard-page .alternate-photo-float .image-left, 
.standard-page .alternate-photo-float .image-right, 
.standard-page .alternate-photo-float .text {
	width: 60%; 
	max-width: 460px;  
}
.standard-page .alternate-photo-float .text {
	width: 40%; 
	max-width: 355px; 
}
.standard-page .quote {
	font: 20px/1.2em "Campton Book",Tahoma,sans-serif;
}
/*alt photo float for video iframe end */

/*  Stories
 		############################### */
body.page-news.standard-page .content .featured-story p{
	font-size: .97rem;
	line-height: 1.5rem;
}		
.landing-page .story .large-feature-inner .content-side {
    width: 100%;
    border-right: none;
}
.landing-page .large-feature-inner .content-side  .text{
	font: 1.1em "Akkurat Pro Regular", Arial, sans-serif;
	line-height:130%;
	
}
.landing-page .story .quote {
	width: 25%; 
	margin-bottom: 2rem;
	margin-right: 2%;
	float: left;
	border-top: 4px solid #b3b5b7;
	border-bottom: 4px solid #b3b5b7;
	font: 24px/1.2em "Campton Book",Tahoma,sans-serif;
	color: #4e2a84;
	position: relative;
}

.landing-page iframe{
	top: 0;
	left: 0;
	width: 100%;
}
.convocation  iframe{

}
.landing-page .story  iframe{
	height: 360px;
}
.landing-page .quote .tweet{
	position: absolute;
	top: .5rem;
	right: -1rem;
}
.landing-page .story .content h3{
	font: 35px "Campton Extra Bold",Impact,sans-serif;
}
.landing-page .story .content  .hide-text{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.landing-page .story .row-info {
	overflow: hidden;
	background: #f4f4f4;
	border-top: 1px solid #d7d7d7;
	font-size: 15px;
	line-height: 16px;
	padding: 6px 8px 7px 20px;
}
.landing-page .story section{
	margin-bottom: 0;
}
.landing-page ul#breadcrumbs{
	font-size:small;
}
.story ul#breadcrumbs {
	max-width: 854px;
	margin:15px auto;
}
.featured-stories  .sorting-row {
	display: flex;
	flex-flow: row wrap;
}
.featured-stories  .sorting-row  label{
	min-width: 60px;
	margin-bottom: 20px;
	font-size: medium;
	padding-right: 20px;
}
.featured-stories  .sorting-row  .abc{
	margin-right:20px;
}
.landing-page .content h1{
	text-align: center;
}
.landing-page .content h1::before {
    background: url("https://common.northwestern.edu/v8/css/images/icons/grey-slash.svg") no-repeat 50%/17px 21px;
    padding: 0 20px;
    content: " ";
}
.landing-page .content h1::after {
    background: url("https://common.northwestern.edu/v8/css/images/icons/grey-slash.svg") no-repeat 50%/17px 21px;
    padding: 0 25px;
    content: " ";
}
 /* end of stories */

/*  SPS Home Page
 		############################### */
.landing-page  .homepage .news {
	border-bottom: 0;
}		
		
.landing-page .homepage .news h4, .landing-page .homepage #tab-container h4 {
    font: 24px "Campton Extra Bold",Impact,sans-serif;
	color: #4e2a84;
	text-align: center;
	border-bottom: 4px solid #ccc;
	padding-bottom: .5rem;
	margin-bottom: 1.5rem;
}

.landing-page .homepage .news h4::before, .landing-page .homepage #tab-container  h4::before{
    background: url("https://common.northwestern.edu/v8/css/images/icons/grey-slash.svg") no-repeat 50%/17px 21px;
    padding: 0 20px;
    content: " ";
}

.landing-page .homepage .news h4::after,  .landing-page .homepage #tab-container h4::after{
    background: url("https://common.northwestern.edu/v8/css/images/icons/grey-slash.svg") no-repeat 50%/17px 21px;
    padding: 0 25px;
    content: " ";
}	
.landing-page .news h5{
    font: 15px/1.3em "Akkurat Pro Regular","Arial Black",sans-serif;
    color: #342f2e;
    margin-bottom: 1rem;
}

.landing-page  .homepage .news-box {
	width: 32%;
	margin: 0;

}
.landing-page .homepage .news-box .news-image {
	width: 100%;
	margin: 0;
	padding-right: 20px;

}
.landing-page  .homepage .news-box .news-text{
	float: none;
	width: 90%;
}

.landing-page  .homepage .active a {
	background: #fff url(../images/arrow-tab.gif) no-repeat 50% 100%;
}
.landing-page  .homepage .hero{
	margin-bottom: -40px;
}
.landing-page  .homepage .hero h1{
	font: 60px/1.2em "Campton Bold",Impact,sans-serif;
	text-shadow: 2px 2px 0px #000;
	margin-bottom: 1rem;
	position: relative;
}
.landing-page  .homepage .hero h2::before, .landing-page  .homepage .hero h2::after{
	background: none;
}
.landing-page  .homepage .hero p{font-size: 2em;line-height: 1.7;}
.landing-page .ugrad-online .hero p {
    font-size: 2em;
    line-height: 1.7;
	padding-bottom: 160px;
}
.homepage #tab-container {
	width: 300px;
}
.homepage #tabs li a{
	font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
	color: #4e2a84;
	padding: 15px 2px 10px;
	background: #fff;
}

.homepage #tabs img{
	display: block;
	margin: 0 auto 4px;
}
.homepage #tabs span{
	display: block;
	text-align: center;
	font: 12px/16px "TradeGothicLTStdBoldNo.2", Helvetica, Arial, sans-serif;

}
.homepage .hero-image {
	vertical-align: bottom !important;
	padding-bottom: 2.5rem;
}
.homepage .hero a.button{
	font-size: 1.5em;
}
 /* end of SPS Home Page */		
 
/*  Expand/Collapse Section
 		############################### */
.landing-page .expander h3{
	font-size: 1.5em;
	text-align: left;
}
.landing-page .expander h3::before ,.landing-page .expander h3::after{
	background: none;
	padding: 0;
}
	
.landing-page .expander .stripe {
	background: #f0f0f0;
}
/* end of  Expand/Collapse Section */

/*  Responsive footer table
 		############################### */
.responsive-stacked-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
.responsive-stacked-table th,
.responsive-stacked-table td {
	padding: 10px;
	border: none;
	text-align: left;
	line-height: 160%;
}
.responsive-stacked-table thead {

}
.responsive-stacked-table tr:nth-child(even) {
	background: #f5f5f5;
}
.responsive-stacked-table .fa {
	margin-right: 5px;
}
.responsive-stacked-table .fa-check-circle {
	color: #690;
}
.responsive-stacked-table .fa-times-circle {
	color: #c00;
}

.responsive-stacked-table.with-mobile-labels {
	 
}
/* end of responsive footer table */

/* site-links */
.site-links  a
{
    display:block;

}
/* end of site-links */
/* Olli */
.olli-logo-text {
	margin: -90px 0 30px 100px;
}
.olli  #announcement{
	margin-bottom: 5rem;
}
/* end of Olli */

/* Overwrite foo table.bootstrap css file */
table .footable-details p{
	word-break: normal !important; 
}
#main-content .responsive-table{
	margin: 0px;
	overflow: visible;
}

.standard-page #page{
/*  removed for accesibility: Font size is fixed
font: 62.5%/1.7em "Akkurat Pro Regular",Arial,sans-serif !important; */
}
.standard-page .hero + #page{
margin-top: 3em;
}

/* end of foo table.bootstrap css file */
/* CPS Center for Public Safety*/
.cps .hero h2::before{
	content: none;
}
.cps .hero h2::after{
	content: none;
}
hr{
	color:#575757;
	size:1px;
}
/* cps end */

/* background image */
.landing-page .background-select {
    width: 100%;
    display: table;
    min-height: 300px;
    margin-bottom: 3rem;
    color: #fff;
}
.landing-page .background-select h4 {
    font: 42px "Campton Book",Tahoma,sans-serif;
    color: #fff;
    margin-bottom: 1rem;
}
.landing-page .background-select .world_map h4 {
    font: 42px "Campton Book",Tahoma,sans-serif;
    color: #4e2a84;
    margin-bottom: 1rem;
}
.landing-page .background-select .select-date {
    font: 18px "Campton Bold",Impact,sans-serif;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}
.landing-page .background-select .world_map .select-date {
    font: 18px "Campton Bold",Impact,sans-serif;
	color: #4e2a84;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}
.landing-page .background-select p {
    font-size: 18px;
    margin-bottom: 2rem;
}
.landing-page .background-select .world_map p {
    font-size: 18px;
	color: #4e2a84;
    margin-bottom: 2rem;
}
.landing-page .background-select a.button {
    background: #e4e0ee;
    color: #4e2a84;
}
/* end of background image*/

/* H1 tag*/
.hero h1 {
    font: 24px "Campton Extra Bold",Impact,sans-serif;
    color: #fff;
    text-shadow: 2px 2px 0px #000;
    margin-bottom: 1.5em;
    position: relative;
	background-image:initial;
}

.hero h1::before {
    background: url("https://common.northwestern.edu/v8/css/images/icons/ltpurple-slash.svg") no-repeat 50%/17px 21px;
    padding: 0 1.5rem;
    content: " ";
}

.hero h1::after {
    background: url("https://common.northwestern.edu/v8/css/images/icons/ltpurple-slash.svg") no-repeat 50%/17px 21px;
    padding: 0 1.5rem;
    content: " ";
}
/* end of H1 tag*/

/* siteimprove*/
ul#breadcrumbs a {
    color: #000;
}

/* end of siteimprove*/

/* SEO HTML used to format content  */
iFrame{
	width: 100%;
}
/* end of SEO HTML */
/* Embedded Form */
.standard-page  section .embedded-form iframe{
	overflow-y: hidden;
	overflow-x: hidden; 
}
/* end of Embedded Form*/

/* DL Covid-19 */
#top-nav .contain-1120  li.covid19 {
	background-color: #2d6426;
}
#top-nav .contain-1120  li.covid19  a{
	color: #ffffff;
}
/* end of covid19*/
/* Data Science Prog */
.data-sci-prog  #main-content {
	padding: 0 10px;
}
/* End of Data Science Prog */
/* Submenu top nav */
#top-nav .contain-1120 .dropdown ul li ul li a{
	padding: .3em 0 0 1.5em;
	font-size: 0.8em;
}

/*end of submenu Top Nav */
#mobile-logo{
    display:none;
}
#top-bar {
min-height:0;
}

.convocation  {
	display: block;
}
.landing-page .convocation iframe{
	border-color: black;
    border-style: solid;
	border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
}
.landing-page .convocation #langs{

	background-color: #FAFAFA;
	border-radius: 0;

	background-position: 100% center;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	color: rgba(0,0,0,0.75);
	font-family: inherit;
	font-size: 1rem;
	line-height: normal;
	padding: .5rem;
	height: 2.3125rem;
	width:20%;
}

@media (max-width: 1199px) {
	.container {
		width: auto;
		padding: 0 10px;
        max-width: 100%;
	}
}



@media (max-width: 768px) {
    #mobile-logo{
		display: none;
    }    
	#top-nav{
		display: none;
	}
	.responsive-stacked-table thead {
		display: none;
	}
	.responsive-stacked-table tr,
	.responsive-stacked-table th,
	.responsive-stacked-table td {
		display: block;
	}
	.responsive-stacked-table td {
		border-top: none;
	}
	.responsive-stacked-table tr td:first-child {
		border-top: 1px solid #ddd;
		font-weight: bold;
	}
	.responsive-stacked-table.with-mobile-labels tr td:first-child {
		font-weight: 300;
	}
	.responsive-stacked-table.with-mobile-labels td:before {
		display: block;
		font-weight: bold;
	}
	.responsive-stacked-table.with-mobile-labels td:nth-of-type(1):before {
		content: "Undergraduate Majors";
	}
	.responsive-stacked-table.with-mobile-labels td:nth-of-type(2):before {
		content: "Graduate";
	}
	.responsive-stacked-table.with-mobile-labels td:nth-of-type(3):before {
		content: "Professional Development Certificates";
	}
	
		/* SPS Homepage */
	.homepage  .news-image img{
		max-width: none;
	}
		.landing-page .homepage .news-box {
		width: 100%;
		margin-bottom: 20px;
	}
	/* end of homepage */
	/* DL Covid-19 */
	#mobile-nav li.covid19 {
	background-color: #58b947;
	}
	#mobile-nav  li.covid19  a{
	color: #ffffff;
	}
/* end of covid19*/
/* Submenu top nav */
#mobile-nav ul ul li ul{
	background: #f0f0f0;
	display: block;
}
#mobile-nav li li li{
	font-size:0.9em;
}
#mobile-nav li li li a{
	padding-left: 4em;
}
/*end of submenu Top Nav */
/* apps */
.align-image-center {
	  float: none;
		display: block;
		margin:auto;

}

}


@media (max-width: 600px) {

            .vid-container{
                display:block;
            }
            .vid-container iframe{
                width:100%;
            }
			.vid-list-container {
				padding-bottom: 20px;
			}
			.standard-page #page section {
				margin-bottom: 0;
			}
			.standard-page #page section .anchor{
				padding-bottom: 5rem;
			}
			/* Homepage*/
			.homepage #tabs li{
				float: left;
			}
			/*end of homepage */

}
		

@media (max-width: 480px) {
	/*stories*/
	.landing-page .story .quote {
		width: 100%;
	}
	/*end of stories*/
	/* homepage */
	.landing-page .homepage .hero h1{
		font-size: 32px;
	}
	.landing-page .homepage .hero p{
		font: 21px "Akkurat Pro Regular",Arial,sans-serif;
		color: #fff;
		text-shadow: 1px 1px 0px #000;
		position: relative;
		margin: .5rem 0 1.5rem 0;
	}
	.homepage .news-image img {
		width: 25em;
		display: block;
	}
	/* end of home page */
	/* Olli */
.olli-logo-text {
	margin: -80px 0 30px 100px;
	font-size: 15px;
}
/* end of Olli */
/* H1 tag */
.hero h1 {
    font-size: 1.8em;
    margin-bottom: 1rem;
	}
.hero h1::before {
    background: none;
    padding: 0;
}
.hero h1::after {
    background: none;
    padding: 0;
}
/* end of H1 tag */
.convocation  {
	display: block;
}
.landing-page .convocation iframe{
	height: 100%;
	width: 100%;
	border-color: black;
    border-style: solid;
	border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
}
.landing-page .convocation #langs{

	background-color: #FAFAFA;
	border-radius: 0;

	background-position: 100% center;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	color: rgba(0,0,0,0.75);
	font-family: inherit;
	font-size: .875rem;
	line-height: normal;
	padding: .5rem;
	height: 2.3125rem;
	width:100%;
}


}