/*
Theme Name: UHL NEW 2017 
Theme URI: libraries.uh.edu
Description: August 9, 2017, UH Libraries' Web Services launched a new UH branded theme for libraries.uh.edu
Version: 1.0
Author: University of Houston Libraries Web Services (J Fisher, Web Project Manager)
Author URI: https://apps.lib.uh.edu/staff/members/department/Library-Technology-Services
*/

/* $Id$ */

/* ------------------------------------------- */
/* Initial Page Setup test */

html {
    font-family: 'Source Sans 3', sans-serif;
    margin:0; 
  	padding:0; 
	height: 100%;
	font-size: 16px;
	background: #333;
	
}


body{
	margin: 0 auto;
	padding: 0px;
	background-color: #fff;
	font: 1.125rem/1.5rem 'Source Sans 3', sans-serif;
	position: relative;
	/*min-height: 100vh;*/
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-direction: column;
    	flex-direction: column;
	width: 100%;
	max-width: 1920px;
}


body {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.skiplink {
	position: absolute;
	left: -1000px;
	width: 990px;
	font-size:1px; 
	line-height:1;
}

p{
	line-height: 1.5;
	font-size: inherit;
}

img.fluid{
	width: 100%;
	height: auto;
}



p.lead {
	font-size: 1.5rem;
    font-weight: 200;
    line-height: 2rem;
    -webkit-text-stroke: 0.25px;
    color: #111;
    margin-top: 16px;
    margin-bottom: 20px;
}

.clear-it, .clearit{
	clear: both;
}

.hide{
display: none;
}


#page-inner{
	height: auto;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 25px;
	position: relative;
	margin: 0 auto;
	max-width: 1600px;
    	width: 100%;
	padding-bottom: 30px;
}

@media screen and (max-width: 600px){
#wpadminbar {
    position: fixed;
}
}

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


/* Links */
a{
	color: #c8102e;
	cursor: pointer;
	transition: color .25s ease;
}

/*
a:link{
	color: #c8102e;
}

a:visited{
	color: #960c22;
}
*/


#content a{
	text-decoration: underline;
	transition: color .25s ease;
}

#content a:hover{
text-decoration: underline;
/*color: #960C22;*/	
}

/*
#content a:link{
	color: #c8102e;
}

#content a:visited{
	color: #960c22;
}
*/

a,
a label {
    cursor: pointer;
}

#content a.btn {
    text-decoration: none;
}

a.btn-primary:link,
a.btn-primary:visited,
a.btn.btn-success:link,
a.btn.btn-success:visited
{
color: #fff;		
}


/* ------------------------------------------ */
/* H1 through H6 */


h1{
	color: #c8102e;
	font-weight:normal;
	margin-bottom:0;
	margin-top:5px;
	font-family: 'League Gothic', sans-serif;
	font-size: 3rem;
	letter-spacing: 0rem;
	line-height: 3rem;
	margin-top: 15px;
	color: #333;
	margin-bottom: 15px;
}

h2 {
font-family: 'Source Sans 3', sans-serif;
font-weight: bold;
font-size: 2rem;
line-height: 2.25rem;
color: inherit;
margin: 24px 0;
}

h3{
font-family: 'Source Sans 3', sans-serif;
font-weight: bold;
font-size: 1.5rem;
line-height: 2rem;
margin: 30px 0 15px;
}

h4{
font-size: 1.125rem;
line-height: 1.6875rem;
font-family: 'Source Sans 3', sans-serif;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
color: inherit;
}

h5{
font: bold 1.25rem 'Source Sans 3', sans-serif;
line-height: 1.5rem;
margin: 1.5rem 0 .5rem;
display: block;
}

h2, h3{
	color: #555;
	text-decoration: none;
}

#content h2 a, #content h3 a, #content h4 a {
	color: #c8102e;
	text-decoration: none;
	transition: color .25s ease;
}


#content h2 a:hover, #content h3 a:hover, #content h4 a:hover  {
	text-decoration: underline;
	color: #960C22;
}




/* ---------forms formatting------------ */

fieldset {
    border: 1px solid #888b8d;
    }
    
input {
    line-height: 1.5rem;
    font-size: .9rem;
    color: #54585a;
    padding-left: 5px;
	width: 100%;
}

input:focus { 
    outline: none !important;
    border-color: #c8102e;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(200,16,46,.45);
}
textarea:focus { 
    outline: none !important;
    border-color: #c8102e;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(200,16,46,.45);
}

.form-control:focus { 
    outline: none !important;
    border-color: #c8102e;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(200,16,46,.45);
}

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

/* Lists Formatting */

ul, ol{
	line-height: 1.5rem;
	padding-left: 1.5rem;
}

ul {
	list-style-type: square;
	}

li {
    margin-bottom: 10px;
}

#content li a {
	text-decoration: none;
}

.right-main-content ul li a {
text-decoration: underline !important;
}

ul.list-2columns{
    width: 100%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 3rem;
	list-style: none;
    list-style-image: none;
    margin: 30px 0 30px;
    padding: 0;
}

ul.list-3columns{
    width: 100%;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    column-gap: 3rem;
	list-style: none;
    list-style-image: none;
    margin: 30px 0 30px;
    padding: 0;
}

ul.list-4columns{
    width: 100%;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    column-gap: 3rem;
	list-style: none;
    list-style-image: none;
    margin: 30px 0 30px;
    padding: 0;
}

@media screen and (max-width: 1080px) and (min-width: 993px) {
ul.list-4columns {
     width: 100%;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
}



@media screen and (max-width: 992px) and (min-width: 769px) {
ul.list-3columns, ul.list-4columns {
     width: 100%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
}


@media screen and (max-width: 768px) {
ul.list-2columns, ul.list-3columns, ul.list-4columns{
-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
}

ul.portal-list li{
margin: 0 0 1rem;
font-family: 'Source Sans 3', sans-serif;
font-weight: 800;
font-size: 1.5rem;
line-height: 2rem;
vertical-align: middle;

	font-weight: 200;
    font-size: 1.75rem;
    line-height: 2.5rem;
}

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


/* Table Formatting */


table {
	border-collapse:collapse;
	line-height:1.125rem;
	margin:0 0 10px;
	width:100%;
	border-spacing:0;
	border: 1px solid #ddd;
}


/* ------------------------------------------ */
/* --ADDED TO REMOVE SCROLLBARS IN WINDOWS--- */
/* ------------------------------------------ */

@media screen and (max-width: 767px){
	table{ 
		overflow-x: hidden;
	}
}


tbody{
	display: table;
	width: 100%;
}

thead th{
	width: 20%;
}


th{
	background-color: #c8102e;
	background-repeat:repeat-x;
	vertical-align: middle;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	padding-left: 8px;
	border-right: 1px #ddd solid;
	font-size: 1.125rem;
	line-height: 1.5rem;
	height: 32px;
}
th a, th a:hover
	{color: #FFF
	}

.striped tr:nth-child(even){
	background-color: #F3f3f3;
	}


td {
	padding: 10px;
	}

/* -- more table formatting is in system.css -- */



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


hr {
    margin: 2em 0;
}


/* ------------------------------------------ */
/* Breadcrumbs */
/* ------------------------------------------ */

.breadcrumbs{
	padding-bottom: 0;
	font-size: 1rem;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #888b8d;
	color: #54585a;
	}

.breadcrumbs a {
	color: #c8102e;
	transition: color .25s ease;
	}
	
	.breadcrumb a::after {
	content: "  › ";
	color: #888b8d;
		color: #54585a;
	}

.breadcrumbs a:hover {
	color: #960C22;
	}

/* ------------------------------------------ */
/* Content */
/* ------------------------------------------ */

.content{
	width: 100%;
	position: relative;
	display: inline;
	height: 100%;
	font-size: 1rem;
	font: 1.125rem/1.5rem 'Source Sans 3', sans-serif;
}

.main-content{
	font-size: 1rem;
	line-height: 1.4rem;
	position: relative;
	width: auto;
	float: left;
	font: 1.125rem/1.5rem 'Source Sans 3', sans-serif;
}


.main-content table td{
text-align: center;
}


/* ------------------------------------------ */
/*** Rightblock -- Well ***/
/* ------------------------------------------ */

.well{
	/*clear: right;
	float: right;
	border: none;
	background: #f3f3f3;
	padding-top: 0px;
	padding-bottom: 0px;
	padding: 20px 15px 30px;
	border-radius: 0;*/

	margin: 75px 0px 0px 0px;
	font-family: 'Source Sans 3', sans-serif;
	width: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
}


.well h3{
	border-bottom: 1px dotted #CBCBCB;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.125rem;
    line-height: 1.3125rem;
    margin: 0 0 12px;
    padding: 0 0 12px;
    text-transform: uppercase;
    color: #555;
}

.well h4{
	font-family: 'Source Sans 3', sans-serif;
	border-bottom: 1px dotted #CBCBCB;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 0.125rem;
	line-height: 1.3125rem;
	margin: 0 0 12px;
	padding: 0 0 12px;
	text-transform: uppercase;
	color: #555;
}

.well .section-title{
	font-family: 'Source Sans 3', sans-serif;
	border-bottom: 1px dotted #CBCBCB;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 0.125rem;
	line-height: 1.3125rem;
	margin: 0 0 12px;
	padding: 0 0 12px;
	text-transform: uppercase;
	color: #555;
}

.well ul {
	margin: 0 0 30px 30px;
	padding: 0;
	font-size: 1rem;
	font-size: 1.125rem;
	line-height: 1.5rem;
}

.well ul:last-child{
	margin-bottom: 0;
}

.well ul ul{
	margin: 0 0 0px 30px;
}


.well ul li {
	margin-left: 1.3em;
	margin: 0 0 5px;
	padding: 0;
	font-family: 'Source Sans 3';
	line-height: 1.3125rem;
	line-height: 1.5rem;
}

/*
.well a {
	color: #c8102e;
}
*/

@media (max-width: 767px) {

.well{
	margin: 0 0 0 0;
}
}


/*-----search and submit button for rightblock --- */


.well input[type="submit"] {
    background: #c8102e;
    color: #fff;
    border: none;
    padding: 10px 20px;
    margin-top: 10px;
    font-family: Source Sans 3;
    font-weight: bold;
    font-size: .9375rem;
    cursor: pointer;
	
	padding: 3px 0px;
	margin-top: 0;
	width: calc(30% - 6px);
    }
    
.well input:hover[type="submit"]{
	background: #960C22;
}

input[type=search] {
}

form.search-form {
	margin-bottom: 2rem;
}

form.search-form label {
	width: 70%;
}

form.search-form label span.screen-reader-text {
	
}

form.search-form label input.search-field {
	width: 100%;
}

/*** Share buttons for rightblock on employment page ***/

#jobs-email-button{
font: 11px/14px 'Helvetica Neue',Arial,sans-serif;
color: #333;
width: 65px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #fff;
border: #ccc solid 1px;
box-shadow: none;
padding: 3px 5px 3px 8px;
text-decoration: none;
font-weight: bold;
display: block;
}

#jobs-email-button:hover{
border-color: #bbb;
background-color: #d9d9d9;
box-shadow: none;
}

#jobs-email-button img{
position: relative;
height: 14px;
width: 14px;
top: 0px;
margin-right: 5px;
}

#content a#jobs-email-button {
text-decoration: none;
vertical-align: middle;
}

.fb-share-button, .jobs-twitter {
text-align: center;
margin-bottom: 10px;
}

#content iframe#twitter-widget-0{
margin-bottom: 0;
}

#content a#jobs-email-button{
margin: 0 auto;
}

/** Menu for rightblock on employment page **/

#content .well ul.employment-menu{
margin: 20px 0 40px;
padding: 0;
}

#content .well ul.employment-menu li {
list-style-type: none;
margin-left: 0;
text-align: center;
}

#content .well ul.employment-menu li a{
background: #c8102e;
color: #fff;
padding: 5px 0;
width: 100%;
display: inline-block;
font-size: 1.2rem;
}

#content .well ul.employment-menu li a:hover{
text-decoration: none;
background: #960C22;
}

/*** end sideblocks ***/


/** Prevent overflowing content **/


  #header,
  #content,
  #navbar,
  #sidebar-left,
  #sidebar-right,
  #footer,
  #closure-blocks
  {
    overflow: visible;
    word-wrap: break-word; /* A very nice CSS3 property */
  }


/* ------------------------------------------ */
/* Left Sidebar */
/* ------------------------------------------ */

.left-sidebar{
margin: 30px 0px 0px 0px;
padding: 0 1rem 0 0;
}

@media (max-width: 767px) {

.left-sidebar{
	margin: 1rem 0 0 0;
	padding: 0 0 0 0;
}
}

.left-sidebar h4,
.left-sidebar .section-title,
.left-sidebar #section-title{
	border-bottom: 1px dotted #CBCBCB;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.125rem;
    line-height: 1.3125rem;
    margin: 2rem 0 12px;
    padding: 0 0 12px;
    text-transform: uppercase;
    color: #555;
}

.left-sidebar div.section-title a,
.left-sidebar div#section-title a{
	text-decoration: none;
}



/* ------------------------------------------ */
/* Templates */
/* ------------------------------------------ */

.wide{
	padding: 0px 0px;
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
}


.wide.interior .breadcrumbs{
    max-width: 1132px;
	width: 100%;
    padding: 0 2rem;
	margin: 30px auto 10px;
}

.wide.interior h1{
    max-width: 1132px;
	width: 100%;
    padding: 0 2rem;
	margin: 15px auto 15px;
}

.wide-page-container{
	max-width: 1100px;
    width: 100%;
    padding: 0 0 2rem;
    margin: 0 auto;
}

.standard{
	padding-bottom: 30px;
	max-width: 1100px;
	width: 100%;
}

.container.standard{
    padding-right: 2rem;
    padding-left: 2rem;
}

@media screen and (min-width: 768px) and (max-width: 1000px){
.container.standard {
    padding: 0 2rem;
	padding-bottom: 30px;
}
}

.legacy{
	padding: 0 30px 30px;
	width: 1020px;
	margin: 0 auto;	
}

.legacy * {
	box-sizing: content-box;
}

/* ------------------------------------------ */
/* ------------3 Column Template------------- */
/* ------------------------------------------ */

.tri .left-sidebar, .tri .right-sidebar{
	/*margin: 35px 0px 0px 0px;*/
    /*margin: 85px 0px 0px 0px; /* even with bottom of main p */
    /*padding: 0 1rem 0 0;*/
	

}


/* ------------------------------------------ */
/* 404 page/template */
/* ------------------------------------------ */

 .missing {
	max-width: 1000px;
	width: 100%;
	padding: 2rem 2rem 0;
	background: #fff;
}

.missing-right h1{
	padding-top: 5rem;
}

@media screen and (max-width: 991px) {
	.missing-left img{
	width: 100%;
	max-width: 350px;
	height: auto;
	}
}


@media screen and (max-width: 767px) {
	.missing{
	padding: 1rem 1rem 0;
	}
	.missing-left{
	text-align: center;
   	}
	.missing-right h1{
	padding-top: 0rem;
	}
}

/* ------------------------------------------ */
/* Responsive SVG Floor Map Hack */
/* ------------------------------------------ */


.map-container{
	width: 100%;
	height: 0;
	position: relative;
	padding-top: 80%; /*svg height divided svg width*/
}

.map-container svg{
	position: absolute;
	top: 0;
	left: 0;
}

g:target *{
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}

@keyframes pulse{
  0% {
    fill: #00866c;
  }
  50% {
    fill: #005950;
  }
100% {
    fill: #00866c;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     g:target *{
fill: #00866c !important;
}
}


/* ------------------------------------------ */
/* Responsive Featured Image Code */
/* ------------------------------------------ */

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%;
    height: auto;
}

.img-responsive{
width: 100%;
}

/* ------------------------------------------ */
/* UH Bootstrap overwrites for navbar */
/* ------------------------------------------ */


.navbar-inverse {
    background: #c8102e;
    border-color: #c8102e;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff9d9;
	transition: color .25s ease;
	transition: background .25s ease;
}

 .navbar-inverse .navbar-nav>li>a:hover{
	background: #960C22;
	color: #fff;
}

#content .navbar-inverse li a:hover{
text-decoration: none;
}

.navbar-inverse .navbar-nav li a.active {
    background: #960C22;
	color: #fff;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background: #960C22;
}

.navbar-toggle{
    padding: 4px 10px;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
	color: #fff;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #ddd; 
}

.navbar-brand.menu-title{
color: #fff;
font-weight: bold;
}

@media screen and (min-width: 768px) {
.navbar-brand.menu-title {
display: none;
}
}

@media screen and (max-width: 768px) {
.navbar-nav{
margin: 0px -15px;
}
}

/* -------------------------------------------------- */
/* Section grid & section links from UH landing pages */
/* -------------------------------------------------- */

ul.section-links{
font: bold 1.25rem 'Source Sans 3', sans-serif;
line-height: 1.5rem;
display: inline-block;
}

ul.section-links{
padding: 0 0;
margin: 0 0;
}


ul.section-links > li {
display: inline-block;
margin: 0 0;
}

.section-links li a{
color: #c8102e;
}

.section-links li a::after {
    content: ' >';
    display: inline;
}

.section-links > li a{
    display: inline-block;
    margin: calc((1.5em - 3px) / 3) 1.5rem 0 0;
	margin: calc((1.5em - 3px) / 3) 1rem 0 0;
}

.section-grid {
    list-style: none;
    /*margin: 2.25rem -1.25rem -1.125rem;*/
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section-grid:last-child, .page-section .container > .section-grid:last-child {
    margin-bottom: -2.25rem;
}

.section-grid > li {
    margin-bottom: 2.25rem;
	margin-bottom: 0;
}

@media screen and (max-width: 992px){
.section-grid > li {
    margin-bottom: 2.5rem;
}
}

.section-grid h3 {
    font: 2.25rem 'League Gothic', sans-serif;
    line-height: 2.5rem;
    margin: 1rem 0 .5rem;
    text-transform: none;
}

.section-grid img[src*=".svg"] {
    height: 4.5rem;
    width: 4.5rem;
}

.section-grid img {
    display: block;
}

.section-grid p, .section-grid .teaser, .section-grid .slide-teaser {
    font-size: 1.125rem;
    line-height: 1.33333333333333em;
    margin: 0;
}

/* -------------------------------------------------- */
/* Page Sections from UH landing pages */
/* -------------------------------------------------- */


.page-section {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3.375rem 0;
    overflow: hidden;
}

.theme-light-gray {
    background-color: hsl(0, 0%, 95%);
}

.theme-cream {
background-color: #fff9d9;
}

.theme-red {
background-color: #c8102e;
}

.page-section .section-heading {
    display: inline-block;
    margin: 0 1.5rem 0 0;
}

p.section-text{
margin: 1.5rem 0 0;
}

#content p.section-text a {
    text-decoration: none;
}


#content p.section-text a:hover {
    text-decoration: underline;
}


/* -------------------------------------------------- */
/* More Research Tools Accordion */
/* -------------------------------------------------- */

.mobile-search-accordian{
	margin-top: 1rem;
}

#content .mobile-search-accordian a {
text-decoration: none;
color: #c8102e;
}

#content .mobile-search-accordian a:hover{
text-decoration: none;
} 

.mobile-search-accordian ul{
margin-bottom: 0;
}

.mobile-search-accordian  ul li.list-group-item{
border: none;
}

#content .mobile-search-accordian ul li.list-group-item a:hover{
text-decoration: underline;
} 

.mobile-search-accordian .panel-default{
border: none;
}
.mobile-search-accordian .panel{
-webkit-box-shadow: none;
}

.mobile-search-accordian .panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border: none;
}

.mobile-search-accordian .panel-footer{
display: none;
}

.mobile-search-accordian .panel-group{
margin-bottom: 0;
}


/* ------------------------------------------ */
/* Simple Banner Plug-In */
/* ------------------------------------------ */

.simple-banner {
	z-index:0;
	/*display: none;*/
}

.simple-banner-closed{
display: none;
}

.simple-banner .simple-banner-text{
	font-weight: normal;
	padding: 10px 20px;
}

.simple-banner a {
	text-decoration: underline;
}

/* ------------------------------------------ */
/** IMPACT REPORT **/
/* ------------------------------------------ */

.theme-white {
background-color: #ffffff;
}

.theme-brick {
background-color: #960C22;
}

.theme-chocolate {
background-color: #640817;
}

.theme-teal {
background-color: #00b388;
}

.theme-green {
background-color: #00866C;
}

.theme-forest {
background-color: #005950;
}

.theme-gold {
background-color: #F6BE00;
}

.theme-mustard {
background-color: #D89B00;
}

.theme-ocher {
background-color: #B97800;
}

.theme-gray {
background-color: #888b8d;
}

.theme-slate {
background-color: #54585a;
}

.theme-blue {
background-color: rgba(115, 164, 207, 1);
	
}



.impact-report-content{
margin: 0rem auto;
width: 100%;
max-width: 992px;
}

@media screen and (max-width: 991px) {
	.impact-report-content{
	margin: 0rem auto;
}		

}

.impact-report-content .page-section{
    overflow: visible;
	padding: 3.375rem 2rem;
	position: relative;
}

.page-section.no-padding{
padding: 0rem;
}

.page-section.custom-padding{
padding: 1.5rem;
}

.row.custom-padding{
padding: 1rem 1.5rem;
}

.row.max-padding{
padding: 3.5rem 3rem;
}

img.snapshot{
border: solid #fff 4px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);;
}

.small-left-rotate{
transform: rotate(-3deg);
}

.small-right-rotate{
transform: rotate(3deg);
}

.push-img-right{
	position: relative;
	right: -50px;
}

.push-img-left{
	position: relative;
	left: -50px;
}

.rotated-row {
  transform: rotate(3deg);
}

.branded-row {
  transform: rotate(-1.5deg);
	background: rgba(150, 12, 34, 0.8);
	padding: 1rem;
	text-align: right;
	position: relative;
    top: -40px;
}

.masthead-banner{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2000;
}

.masthead-img img {
    position: relative;
    margin: auto;
    top: 120px;
    left: 0;
    right: 0;
    bottom: 0;

}

@media screen and (max-width: 991px) {
	.push-img-right{
	right: 0px;
	}

	.push-img-left{
	left: 0px;
	}
}

@media screen and (max-width: 767px) {
	.small-left-rotate{
	transform: rotate(0deg);
	}

	.small-right-rotate{
	transform: rotate(0deg);
	}
	
	.rotated-row{
  	transform: rotate(0deg);
	}
	
	.hide-it{
		display: none;
	}
	
	 .branded-row {
  	transform: rotate(0deg);
	top: 0;
	box-shadow: none;
	}
	
	.masthead-img img {
    top: 70px;
	}
}

@media screen and (min-width: 992px) {
 .col-lg-12.col-md-12 img.snapshot.img-extend {
    width: calc(100% + 150px);
	margin-left: -75px;
	margin-right: -75px;
}
	
	.row.row-extend {
    width: calc(100% + 150px);
	margin-left: -75px;
	margin-right: -75px;
}
}

.row.split-color{
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


.impact-report-content p,
.impact-report-content h4,
.impact-report-content ul{
color: #fff;
font-family: 'crimson';
}

.milo-lead{
	font-size: 1.5rem;
    font-weight: 400;
	font-style: italic;
    line-height: 2rem;
    -webkit-text-stroke: 0.25px;
	margin: 16px 0px 20px;
	color: #fff;
}

.milo-lead span{
	font-weight: bold;
}

@media screen and (min-width: 768px) {
.milo-lead{
	margin: 16px 50px 20px;
	}
}

.impact-report-content h1,
.impact-report-content h3{
color: #fff;
}

.impact-report-content h2{
color: #fff;
font-style: italic;
}

.teal-caret{
color: #00b388;
font-size: 1.5rem;
}



.impact-report-content table {
border: none;
color: #fff;
background: rgba(255, 255, 255, 0.3);
border-collapse: collapse;
table-layout: fixed;
width: 100%;
margin: 0;
margin-top: 2rem;
padding: 0;	
}


@media screen and (min-width: 769px) {
.impact-report-content table tbody{
width: 100%;
display: table-row-group;
}
}

.impact-report-content table th{
vertical-align: middle;
background: none;
border: none;
font-family: 'Source Sans 3', sans-serif;
font-weight: bold;
font-size: 1.8rem;
line-height: 2.5rem;
font-style: italic;
padding: 1rem;
}


.impact-report-content table th:nth-child(2){
width: 25%;	
}

.impact-report-content table th:nth-child(3),
.impact-report-content table th:nth-child(4){
width: 15%;
}


.impact-report-content table th:nth-child(5){
width: 25%;
font-size: 1.5rem;
line-height: 2.5rem
}


.impact-report-content table td{
font: 1.15rem/1.5rem 'crimson';
vertical-align: top;
padding: 1rem;

}

.impact-report-content table td:nth-child(5){
text-align: center;
}



@media screen and (max-width: 768px) {
  .impact-report-content table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
.impact-report-content table tr {
    border-bottom: none;
    display: block;
  }
  
.impact-report-content table td {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: right;
	font: 1rem/1.25rem 'crimson';
  }
	
	.impact-report-content table td:nth-child(5){
text-align: right;
}
  
.impact-report-content table td::before {
    content: attr(data-label);
    float: left;
	font-family: 'Source Sans 3', sans-serif;
 font-weight: bold;
font-size: 1.5rem;
line-height: 1.5rem;
font-style: italic;
	display: block; 
  }
}


.chocolate-arrow{
	width: 20%;
	position: absolute;
	left: 0;
	top: -1px;
}

.ocher-arrow{
	width: 5%;
    position: absolute;
    right: -45px;
    bottom: 30px;
}

.slate-arrow{
	width: 20%;
	position: absolute;
	right: 0;
	top: -1px;
}

p.spirit {
    margin-top: 100px;
}

@media screen and (max-width: 768px) {
p.spirit {
    margin-top: 1.5rem;
}
}


/* ------------------------------------------ */
/** ICONS FOR FILE TYPES **/
/* ------------------------------------------ */

	
 .icon::after{
	display: none;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.icon svg{
	margin-left: 5px;
	opacity: .5;
	font-size: 13px;
	vertical-align: unset;
}


.pdf::after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f1c1 ";
}

.pdf svg{
			color: #960C22;	
}

.word::after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f1c2 ";
}

.word svg{
		color: #0067b8;	
}

.excel::after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f1c3 ";
}

.excel svg{
		color: #489e09;	
}

.link::after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900; 
	content: "\f35D ";
	font-size: 75%;
	line-height: inherit;
	color: #888b8d;
}

.link svg{
	color: #888b8d;
}

.powerpoint::after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900; 
	content: "\f1c4 ";
	font-size: 75%;
	line-height: inherit;
	color: #be4bdb;
}

.powerpoint svg{
	color: #be4bdb;
}

/* ------------------------------------------ */
/** ROTATING CHEVRON FOR ACCORDIAN HIDE/SHOW **/
/* ------------------------------------------ */

.rotate{
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}

.rotate.down{
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
    transition: transform 0.5s;
    /*transform-origin: 8px 7px;*/
}

.panel-heading .accordion-toggle.collapsed:after {
  transform: rotateZ(180deg);
  
}
/* ------------------------------------------ */
/** NEW BOOTSTRAP ALERT TYPE **/
/* ------------------------------------------ */

.alert-fyi{
    background-color: #f1f1f1;
    border-color: #bbbbbb;
    color: #54585a;
    text-shadow: none;
	background-color: hsl(0, 0%, 95%);
}

.alert-fyi a{
	color: #54585a;
}

.alert-covid {
   background-color: #ccf5ff;
   border: 1px solid #33d6ff;
   color: #008fb3;
}

#content .alert-covid a{
	color: #008fb3;
}

/*
.alert-covid:before{
	font-family: "Font Awesome 5 Free";
	content: "\f0fa";
}

.alert-covid span:before{
	content: "covid";
}
*/


/* ------------------------------------------ */
/** Clickable Panel - 08.18.2020 **/
/* ------------------------------------------ */

.clickable-panel-shell {
   border: 1px solid #d9d9d9;
   border-radius: 0px;
   box-shadow: none;
   background-color: #f2f2f2;
   color: #333;
   padding: 3px 15px;
	display: flex;
}

.clickable-panel-shell:hover {
   border: 3px solid #d9d9d9;
   background-color: #fff;
   padding: 1px 13px;
}

.clickable-panel-shell:active {
   border-color: #c8102e;
}

.clickable-panel-shell:hover h2,
.clickable-panel-shell:hover h3,
.clickable-panel-shell:hover h4,
.clickable-panel-shell:hover h5,
.clickable-panel-shell:hover h6 {
   color: #c8102e;
}

.clickable-panel h3{
margin-top:15px;
}

.clickable-panel {
   display: block;
   text-decoration: none !important;
   color: inherit;
}

.clickable-panel:hover {
   background-color: #fff;
   border-color: #d9d9d9;
   color: inherit;
}


/* ------------------------------------------ */
/** Cachet Status Tables **/
/* ------------------------------------------ */
    
        .cachet-status-green {
            color: #2fcc66; text-align: center;
        }

        .cachet-status-yellow {
            color: #f1c40f; text-align: center;
        }

        .cachet-status-orange {
            color: #e67e22; text-align: center;
        }

        .cachet-status-red {
            color: #c8102e; text-align: center;
        }

        .cachet-status-blue {
            color: #3498DB; text-align: center;
        }
        .cachet-description {
            display:block;            
            color: #999;
        }

        .table.cachet-table > tbody > tr > th{
                background: #ddd;
                color: #000;
                font-weight: 600;
                font-size: 1.125rem;
        }

        .table.cachet-table > tbody > tr > td a {
                color: #54585a;
        }

        .table.cachet-table > tbody > tr > th {
                padding: 8px 10px;
        }

        .table.cachet-table > tbody > tr > th:nth-child(2){
                display: none;
        }

        .table.cachet-table{
                border: 3px solid #ddd;
        }

        table.cachet-legend{
                border: none;
                font-size: .85rem;
                color: #54585a;
        }

        table.cachet-legend tr td{
                padding:0 0;
        }

        .table.cachet-legend > tbody > tr > td:nth-child(2){
                text-align: left;
        }

div .alert-covid {
	display: none;
}

/* ------------------------------------------ */
/** Adjust size of external link icon for menus **/
/* ------------------------------------------ */

nav.bellows i.fas.fa-external-link-alt {
    font-size: .75rem !important;
}


/* --------------------------------------------------- */
/** BUTTON & ALERT OVERRIDE FOR ACCESSIBILITY PASS 01.20.2022 **/
/* --------------------------------------------------- */

/*
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
*/


.btn-success {
  color: #ffffff;
  background-color: #00b388;
  border-color: #00866c;
	
background-color: #00866c;
	border-color: #005950;
}

.btn-success:hover{
  color: #ffffff;
	background-color: #005950;
  border-color: #000705;
}