#uc-emergency {
	 display: none;
}
a {
    text-decoration: underline;
}
 h1 {
	 font-size: 36px;
}
 h2 {
	 margin-top: 35px;
}
 h3 {
	 margin-top: 35px;
	 font-size: 21px;
}
h4 {
    margin-top: 40px;
    font-weight: bold;
    text-transform: uppercase;
}
.btn {  
    white-space: normal;
}
.btn-primary {
	 background-color: #00629b;
	 border-color: #00629b;
	 border-radius: 0;
	 text-decoration: none;
}
.btn-primary:hover {
	background-color: #182b49;
	border-color: #182b49;
}
.jumbotron-article {padding: 30px !important;}
.jumbotron-article .btn {
    text-transform: none;
    letter-spacing: initial; 
    font-size: 18px;
}

@media (max-width: 992px) {
	.rtl-logo {
		display: none;
	}
}
/* === RESOURCES BAR ====== */
 #resources {
	 background-color: #eee;
	 padding: 15px 15px 5px 15px;
	 margin: 25px 0 35px 0;
}
 #resources .audience {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: flex-start;
	 line-height: 2rem;
}
 #resources .title {
	 color: #6b6b6b;
	 font-weight: bold;
	 text-transform: uppercase;
	 margin-right: 20px;
}
 #resources .link {
	 text-decoration: underline;
	 margin-right: 20px;
}
 @media (max-width: 960px) {
	 .sidebar-section {
		 padding-left: 20px !important;
	}
}
 @media (max-width: 767px) {
	 #resources .title {
		 width: 100%;
	}
}
 @media (max-width: 530px) {
	 .title-header-large {
		 line-height: 1.25em;
	}
}
 @media (max-width: 480px) {
	 .title-header-large {
		 display: none;
	}
	 .title-header-short {
		 line-height: 1.25em;
	}
}
/* === RESPONSIVE VIDEO ====== */
 .video-responsive {
	 overflow: hidden;
	 padding-bottom: 56.25%;
	 position: relative;
	 height: 0;
}
 .video-responsive iframe {
	 padding: 25px 0 30px 0;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 position: absolute;
}
 .jumbotron-callout-content-two h2 {
	 text-shadow: 2px 2px 5px #666666;
}
 .graphic-inline {
	 width: 100%;
	 margin-bottom: 20px;
	 margin-top: 10px;
}
.img-inline {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 10px;
}
 @media (min-width:500px) {
	 .graphic-inline {
		 float: right;
		 width: 275px;
		 margin-left: 20px;
		 margin-bottom: 20px;
	}
	 .img-inline {
		 float: right;
		 width: 50%;
		 margin-left: 20px;
		 margin-bottom: 20px;
	}
}
 @media (min-width:600px) {
	 .graphic-inline.big {
		 width: 325px;
	}
}
 .graphic-full {
	 margin-top: 10px;
	 margin-bottom: 20px;
	 max-width: 100%;
	 width: 877.5;
}
 .header {
	 margin-top: 30px;
	 margin-bottom: 15px;
	 max-width: 100%;
	 width: 877.5;
}
 @media (max-width: 992px) {
	 .jumbotron.jumbotron-campus-status {
		 margin-bottom: -30px;
	}
}
/* fix for responsive video */
 .side-image-white .col-md-6, .jumbotron-gray .col-md-6 {
	 width: 100%;
}
 @media (min-width: 992px) {
	 .side-image-white .col-md-6, .jumbotron-gray .col-md-6 {
		 width: 50%;
	}
}
/* === DRAWERS ====== */
 .drawer-wrapper .drawer > div {
	 margin-bottom: 16px;
	 border-left: 1px solid #e3e3e3;
	 border-right: 1px solid #e3e3e3;
	 border-bottom: 1px solid #e3e3e3;
	 background-color: #fcfcfc;
	 padding: 0.5em 70px 0em 1em;
}
/* .drawer-wrapper .drawer > div p {
	 line-height: 1.875em;
} */
 .drawer-wrapper .drawer h2 {
	 font-weight: normal;
	 font-size: 18px;
	 line-height: 22px;
	 margin-bottom: 16px;
	 padding-bottom: 0;
	 background-color: #e8e8e8;
	 position: relative;
}
 .drawer-wrapper .drawer h2:after {
	 content: " ";
	 position: absolute;
	 right: 1.3em;
	 top: 1.3em;
	 display: block;
	 width: 30px;
	 height: 25px;
	 background: url(/_images/expand.svg) no-repeat;
}
 .drawer-wrapper .drawer h2.expand {
	 margin-bottom: 0;
}
 .drawer-wrapper .drawer h2.expand:after {
	 content: " ";
	 position: absolute;
	 right: 1.3em;
	 top: 1.3em;
	 display: block;
	 width: 30px;
	 height: 25px;
	 background: url(/_images/collapse.svg) no-repeat;
}
 .drawer-wrapper .drawer h2 a {
	 font-weight: bold;
	 background-color: #e8e8e8;
	 color: #333;
	 line-height: 1.8em;
	 background: none;
	 padding: 1em 70px 1em 1em;
}
 .drawer-wrapper .drawer h2 a:hover {
	 background-color: #e8e8e8;
}
/* === Fall 2020 Plan Thumb Icons ====== */
 .flowchart .flow-container {
	 background-color: #ebebeb;
	 margin: 30px 15px 20px 15px;
	 padding-bottom: 20px;
	 width: auto;
}
 .flowchart .thumb-icon {
	 width: 150px;
	 margin: 0 auto;
}
 .flowchart .thumb-container {
	 margin-bottom: 30px;
}
 .flowchart .thumb-container:last-of-type {
	 margin-bottom: 0;
}
 .flowchart .thumb-icon.green, .flowchart .thumb-icon.red {
	 padding-bottom: 10px;
}
 @media (min-width: 768px) {
	 .flowchart .flow-container {
		 margin: 30px 15px 20px 15px;
	}
	 .flowchart .thumb-container {
		 margin-bottom: 0;
	}
	 .flowchart .thumb-icon.yellow {
		 padding-bottom: 10px;
	}
}
/* === About Page Pillars table ====== */
 .pillars th {
	 background-color: #006a96;
	 color: #ffffff;
}
/* === Dashboard ====== */
 .db-stat-wrap {
	 background-color: #f9f9f9;
	 padding: 1em 2em;
	 color: #000000;
	 flex-direction: column;
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
	 align-items: center;
	 margin-bottom: 30px;
	 text-align: center;
}
 .db-stat-wrap.two-items {
	 flex-direction: row;
	 justify-content: space-evenly;
}
 .db-stat-wrap h3 {
	 margin: 15px 0 30px 0;
	 color: #182b49;
	 font-weight: bold;
}
 .db-stat-wrap h3, .db-stat-wrap .dashboard-note {
	 flex-basis: 100%;
}
.db-stat-wrap.two-items .db-stat {
    margin-bottom: 15px;
}
 .db-stat {
	 margin-bottom: 30px;
}
 .db-stat:last-of-type {
	 margin-bottom: 15px;
}
.db-stat-wrap.two-items .db-stat h4 {
    font-size: 1em;
}
 .db-stat h4 {
	 font-size: .85em;
	 font-weight: bold;
	 margin: 0 0 8px 0;
}
 .db-stat-fig {
	 font-size: 2em;
	 font-weight: bold;
	 line-height: 1em;
	 color: #006a96;
}
 .dashboard-note {
	 font-size: .85em;
}
 @media (min-width: 768px) {
	 .db-stat-wrap {
		 flex-direction: row;
	}
	.db-stat-wrap.two-items .db-stat { 
	    width: 180px;
	}
	 .db-stat {
		 margin-bottom: 15px;
		 width: 140px;
	}
}

.tableau-wrapper .tableau-desktop {
	display: none !important;
	margin-top: 30px;
	margin-left: -15px;
}
.tableau-wrapper .tableau-tablet {
	display: none !important;
	margin-top: 30px;
	margin-left: -15px;
}
.tableau-wrapper .tableau-mobile {
	margin-top: 30px;
	margin-left: -15px;
}
/* @media (min-width:768px) {
	.tableau-wrapper .tableau-mobile {
		display: none !important;
	}
	.tableau-wrapper .tableau-desktop {
		display: block !important;
	}
} */
@media (min-width:768px) {
	.tableau-wrapper .tableau-mobile {
		display: none !important;
	}
	.tableau-wrapper .tableau-tablet {
		display: block !important;
	}
	.tableau-wrapper .tableau-desktop {
		display: none !important;
	}
}
@media (min-width:1200px) {
	.tableau-wrapper .tableau-mobile {
		display: none !important;
	}
	.tableau-wrapper .tableau-tablet {
		display: none !important;
	}
	.tableau-wrapper .tableau-desktop {
		display: block !important;
	}
}

/* === Chart.js ====== */
.chart-container {
  position: relative;
  margin: auto;
  padding-bottom: 30px;
}

/* === Left Nav ====== */
.main-content-nav {
    margin-top: 20px;
}

.main-content-nav>h2 {
    font-weight: bold;
}

/* === Top Nav ====== */
.navbar-default .navbar-nav > li > a,
.navbar-default .dropdown-menu > li > a {
    text-decoration: none;
}

.main-content-nav>ul li.active {
    line-height: 20px;
}

/* .navbar-default .navbar-nav > li:last-child > a {
    background-color: #182B49;
    color: #FFCD00;
}

@media only screen and (min-width: 767px) {
#navbar>.navbar-nav>li:last-child:hover>a {
    background-color: #FFCD00 !important;
    color: #182B49;
}
} */

/* === Map Embed from Dashboard Page ====== */
.embed-container-dash-map {
    position: relative; 
    padding-bottom: 80%; 
    height: 0; 
    max-width: 100%;
    margin-bottom: 50px;
} 
    
.embed-container-dash-map iframe, .embed-container-dash-map object, .embed-container-dash-map iframe {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
} 
small {
    position: absolute; 
    z-index: 40; 
    bottom: 0; 
    margin-bottom: -15px;
}
/* ===== COVID NOTIFY APP CUSTOM HTML MODULE ====== */
.covid-notify .alert-icon img { 
	width: 120px; display: none; 
} 
.covid-notify { 
	background: url('/_images/homepage/phone-icon.png') no-repeat 70% 0%, #182b49; 
	color: #fff; 
	text-align: center; 
	border: none; 
	border-radius: 0; 
	background-size: initial !important; 
	padding: 60px 0 !important 
} 
.covid-notify h2 { 
	font-size: 1.5em; 
	color: #fff; 
	font-weight: normal; 
	text-transform: none; 
	font-family: proxima-nova,Helvetica,Arial,sans-serif; 
	font-style: italic; 
	margin-bottom: 20px; 
} 
.covid-notify .alert-note { 
	font-size: .8em; 
} 
.covid-notify .alert-title { 
	font-size: 1.5em; 
	font-weight: bold; 
	text-transform: uppercase; 
	font-style: normal; 
	color: #ffcd00; 
	display: block; 
	margin: 10px 0; 
} 
.covid-notify .btn-alert { 
	background-color: #ffcd00; 
	border-radius: 0; 
	color: #000; 
	font-size: 1em; 
	white-space: normal; 
	min-width: auto; 
} 
.covid-notify .btn-alert:hover { 
	color: #000; 
	background-color: #E6B400; 
} 
.covid-notify .title-white { 
	color: #fff; 
} 
@media only screen and (min-width: 992px) { 
	.covid-notify .alert-icon { text-align: right; margin-top: 25px; } 
	.covid-notify .alert-icon img { display: initial; margin-top: 20px; } 
	.covid-notify { text-align: left; } 
	.covid-notify .alert-title { padding-left: 15px; width: 415px; font-size: 2em; } 
	.covid-notify .btn-alert { margin-top: 112px; max-width: initial; } 
	.covid-notify .title-part { margin-left: 240px; } 
} 
/* ===== NEWS FEED CUSTOM HTML MODULE ====== */
.img-container {
	overflow: hidden;
	position: relative;
}
@media(min-width:768px) {
	.img-container {
		height: 155px;
	}
	.vertical-center {
	  margin: 0;
	  position: absolute;
	  top: 50%;
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	}
}
@media(min-width:992px) {
	.img-container {
		height: 201px;
	}
}
@media(min-width:1200px) {
	.img-container {
		height: 242px;
	}
}
