@charset "UTF-8";
/* CSS Document */


/*###############################
 -- TABLE OF CONTENTS --
	01. Accordions
    02. Alerts/Labels
    03. Articles/Announcements
	04. Cards
    05. Chatbot
	06. Checklists
	07. Click Regions
	08. Employee Nodes
    09. Event Listing
    10. Figure Image Overlays
	11. Flex Box
	12. Flex Slider
	13. Glossary
    14. Google Workshop Logos
	15. Grid View
	16. Heros
    17. Image Background
    18. Image Carousel
	19. List Groups
    20. Modals, Tooltips, and Popovers
	21. Offsets
    22. Org Chart
	23. Pager
    24. Page Header
    25. Progress Bar
	26. Quick Links Dropdown
	27. Search Bar
    28. Section Adjustments (Misc)
	29. Social Media Listing
    30. SpeakEasy Block
	31. Stats
    32. Tables
	33. Tabs
	34. Tiles
    35. Tree Menu
    36. UI Elements/Overrides
    37. Views
    38. Webforms
###############################*/

/*  ACCORDIONS */
/* ####################################################################*/

.accordion {
  margin-bottom: 30px;
}

.accordion.panel, 
.accordion-custom.panel {
  background: none !important;
  border: none !important;
}

/* headers */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border:none;
  cursor:pointer !important;
  background:none !important;
}

.accordion {
  margin-bottom: 30px;
}

.ui-accordion .ui-accordion-header {
  font:400 20px "Roboto", "sans-serif" !important;
  color:inherit !important;
  line-height:1.1;
  margin:12px 0 0 0 !important;
  padding:0 5px 1px 5px !important;
  border:none;
  border-bottom:dotted 1px rgba(0,0,0,.35) !important;
  border-radius:0;
}

.accordion > h3:hover, 
.accordion > h3:active, 
.accordion > h3:focus,
.accordion-custom > h3:hover, 
.accordion-custom > h3:active, 
.accordion-custom > h3:focus,
.accordion > h4:hover, 
.accordion > h4:active, 
.accordion > h4:focus,
.accordion > h5:hover, 
.accordion > h5:active, 
.accordion > h5:focus {
  color:#333 !important;
  outline:none !important;
}

.text-light .accordion > h3,
.text-light .accordion-custom > h3,
.text-light .accordion > h4, 
.text-light .accordion-custom > h4,
.text-light .accordion > h5, 
.text-light .accordion-custom > h5 {
  color: rgba(255,255,255,.9);
  border-bottom:dotted 1px rgba(255,255,255,.5);
}
		
.text-light .accordion > h3:hover, 
.text-light .accordion > h3:active, 
.text-light .accordion > h3:focus,
.text-light .accordion-custom > h3:hover, 
.text-light .accordion-custom > h3:active, 
.text-light .accordion-custom > h3:focus,
.text-light .accordion > h4:hover, 
.text-light .accordion > h4:active, 
.text-light .accordion > h4:focus, 
.text-light .accordion-custom > h4:hover, 
.text-light .accordion-custom > h4:active, 
.text-light .accordion-custom > h4:focus,
.text-light .accordion > h5:hover, 
.text-light .accordion > h5:active, 
.text-light .accordion > h5:focus, 
.text-light .accordion-custom > h5:hover, 
.text-light .accordion-custom > h5:active, 
.text-light .accordion-custom > h5:focus {
  color:rgba(255,255,255,1) !important;
}
	
.text-default .accordion > h3,
.text-default .accordion-custom > h3,
.text-default .accordion > h4, 
.text-default .accordion-custom > h4,
.text-default .accordion > h5, 
.text-default .accordion-custom > h5 {
  color:#607d8b !important;
  border-bottom:dotted 1px rgba(0,0,0,.35);
}
		
.text-default .accordion > h3:hover, 
.text-default .accordion > h3:active, 
.text-default .accordion > h3:focus,
.text-default .accordion-custom > h3:hover, 
.text-default .accordion-custom > h3:active, 
.text-default .accordion-custom > h3:focus,
.text-default .accordion > h4:hover, 
.text-default .accordion > h4:active, 
.text-default .accordion > h4:focus, 
.text-default .accordion-custom > h4:hover, 
.text-default .accordion-custom > h4:active, 
.text-default .accordion-custom > h4:focus,
.text-default .accordion > h5:hover, 
.text-default .accordion > h5:active, 
.text-default .accordion > h5:focus, 
.text-default .accordion-custom > h5:hover, 
.text-default .accordion-custom > h5:active, 
.text-default .accordion-custom > h5:focus {
  color:#333 !important;
}
	
.accordion h3.ui-state-default:before,
.accordion-custom h3.ui-state-default:before,
.accordion h4.ui-state-default:before, 
.accordion-custom h4.ui-state-default:before,
.accordion h5.ui-state-default:before, 
.accordion-custom h5.ui-state-default:before {
  content:'\f0da';
  font-family: 'Font Awesome 6 Pro';
  font-weight:900;
  padding-right:5px;
}
	
.accordion h3.ui-state-active:before,
.accordion-custom h3.ui-state-active:before,
.accordion h4.ui-state-active:before, 
.accordion-custom h4.ui-state-active:before,
.accordion h5.ui-state-active:before, 
.accordion-custom h5.ui-state-active:before {
  content:'\f0d7';
  font-family: 'Font Awesome 6 Pro';
  font-weight:900;
  padding-right:5px;
  color:#454545;
}

/* headers - light */
.accordion.light > h3,
#right .accordion.light > h3,
.accordion-custom.light > h3, 
.accordion.light > h4, 
.accordion-custom.light > h4,
.accordion.light > h5, 
.accordion-custom.light > h5 {
  margin:0 0 5px 0 !important;
  padding:0 0 0 5px !important;
  font:400 16px "Roboto", "sans-serif" !important;
  border-bottom:none !important;
}

.accordion.panel > h3, 
.accordion.panel > h4,
.accordion.panel > h5,
.accordion-custom.panel > h3, 
.accordion-custom.panel > h4,
.accordion-custom.panel > h5 {
  font: normal 400 18px "Roboto Condensed", "sans-serif" !important;
  background-color: #0000000d !important;
  margin: 5px 0 0 0 !important;
  padding: 0 10px !important;
  border-bottom: none !important;
}

.accordion.panel > h3:hover, 
.accordion.panel > h3:active, 
.accordion.panel > h3:focus, 
.accordion.panel > h4:hover, 
.accordion.panel > h4:active, 
.accordion.panel > h4:focus, 
.accordion.panel > h5:hover, 
.accordion.panel > h5:active, 
.accordion.panel > h5:focus, 
.accordion-custom.panel > h3:hover, 
.accordion-custom.panel > h3:active, 
.accordion-custom.panel > h3:focus, 
.accordion-custom.panel > h4:hover, 
.accordion-custom.panel > h4:active, 
.accordion-custom.panel > h4:focus,
.accordion-custom.panel > h5:hover, 
.accordion-custom.panel > h5:active, 
.accordion-custom.panel > h5:focus {
  color: rgba(55, 71, 79, 1) !important;
  outline: none !important;
}

.ui-icon {
  display:none;
}

/* content */
.ui-widget-content {
  border:none !important;
  background:none !important;
  margin-bottom:0 !important;
  font:normal 300 16px "Roboto", sans-serif;
  color:inherit;
  line-height:1.5 !important;
  height:auto;
}

.ui-widget-content .row {
  margin-left:0;
  margin-right:0;
 }
	
.ui-widget-content > ul {
  margin-left:20px;
}
	
.accordion-panel h4:first-of-type,
.accordion-panel dt:first-of-type {
  margin-top:0;
}

.accordion.light .ui-accordion-content,
.accordion-custom.light .ui-widget-content {
  padding:5px 0 10px 20px !important;
}

.accordion.panel .ui-widget-content, 
.accordion-custom.panel .ui-widget-content {
  padding: 10px 10px 20px !important;
  line-height: 1.5 !important;
  background: rgba(255, 255, 255, .5) !important;
}

/* fixes file-type icons */
.ui-widget-content a,
.ui-widget-content a:link,
.ui-widget-content a:visited {
  color:#484D4C !important;
}

.ui-widget-content a.noicon,
.ui-widget-content a.noicon:link,
.ui-widget-content a.noicon:visited {
  padding-right:0 !important;
}

.ui-widget-content a:active,
.ui-widget-content a:hover,
.ui-widget-content a:focus {
  color:#9C0202 !important;
}
	
.ui-widget-content a:after {
  right:0;
}

/*  ALERTS/LABELS*/
/* ####################################################################*/

.alert-danger {
  color:#970202 !important;
}

.alert-danger a,
.alert-danger a:link,
.alert-danger a:visited {
  color:#394a5F;
}

.alert-danger a:hover,
.alert-danger a:focus {
  color:#b10202;
}

/* Added 2/13/20 for accessibility */
.alert-info {
  color:#245361;
}

.alert-info a,
.alert-info a:link {
  color:#3D4F60;
}

.alert-info a:hover,
.alert-info a:focus,
.alert-info a:visited {
  color:#b10202;
}

.alert-warning {
  color:#654F2A;
}

div.card-block.inline-badge span.label,
div.inline-badge span.label {
  font-weight: bold;
  overflow:auto;
}

.label-default {
  background-color:#424242;
}

.label-success {
  background-color:#AED581;
}

.label-danger {
  background-color:#B10102;
}

.label-primary {
  background-color:#0B4F6C;
}

.label-warning {
  background-color:#F8951D;
}

.label-info {
  background-color:#42A5F5;
}

span.label.label-success,
span.label.label-warning,
span.label.label-info {
  color:rgba(0,0,0,.88);
}

/* ARTICLES/ANNOUNCEMENTS */
/* ####################################################################*/

.view-node-announcement .views-field-field-announcement-body {
  font-size: 1.2em;
  line-height: 1.6em;
}

.view-node-announcement .views-field-field-announcement-tags .field-content > a,
.view-node-announcement .views-field-field-announcement-audience .field-content > a {
  display: inline-block;
  min-width: 44px;
  min-height: 44px;
  line-height: 1.2;
  box-sizing: border-box;
}

/* TOPICS
    oit news (topic-46): green
	people (topic-47): yellow
    new service (topic-48): grey-blue
    research (topic-143): red
    workforce-development (topic-150): deep-purple-800
    cybersecurity (topic-151): deep-orange-800
*/

.topic-square {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 2px -2px 2px;
}

.topic-square.topic-46 {
  background-color: #80b481;
}

.topic-square.topic-47 {
  background-color: #ffd046;
}

.topic-square.topic-48 {
  background-color: #8eb1c7;
}

.topic-square.topic-143 {
  background-color: #b10202;
}

.topic-square.topic-150 {
  background-color: #4527a0;
}

.topic-square.topic-151 {
  background-color: #ef6c00;
}

/* drop caps  */
.view-node-article .views-field-body p:first-child:first-letter,
.view-node-announcement .views-field-field-announcement-body p:first-child:first-letter {
  float:left;
  font-family: 'EB Garamond', Georgia, "Times New Roman", Times, serif;
  font-weight:normal;
  font-size:4.5em;
  padding:.1em .1em 0 .125em;
  margin-bottom:.1em;
  color:#444;
}

/* disable drop-cap */
.view-node-article .views-field-body blockquote p:first-child:first-letter,
.view-node-announcement .views-field-field-announcement-body blockquote p:first-child:first-letter {
  float:none;
  font-family:inherit;
  font-weight:inherit;
  font-size:inherit;
  padding:initial;
  color:inherit;
}

@media (max-width: 767px) {
  .view-node-article .row {
	margin-right:auto;
	margin-left:auto;
  }
	
  .view-node-article .article-byline {
    text-align:center;	
  }
}
	
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .view-node-article .views-field-body p:first-child:first-letter,
  .view-node-announcement .views-field-field-announcement-body p:first-child:first-letter {
    padding:.3em .125em 0 .1em;
    line-height:.35em;
  }
}

/*  CARDS (Overwrites for bootstrap-4-alpha.css) */
/* ####################################################################*/

.card {
  margin-bottom:30px;
  border:1px solid #e5e5e5;
  border-radius:2px;
  background-color:#fff;
  box-shadow:none;
  font-weight:300;
  overflow:hidden;
}
	
.click-region:hover .card,
.click-region:active .card,
.click-region:focus .card,
.click-region:hover.card,
.click-region:active.card,
.click-region:focus.card {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06);
}

.card-block .card-block-start + h3,
.card-block .card-block-start + h4,
.card-block .card-block-start + h5,
.card-block .card-block-start + h6 {
  margin-top:0;
}

.card-header {
  background-color:rgba(0,0,0,.15);
  border-radius: 0;
}
    
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
   margin:5px;
 }
  
.card .card-image[class*="col-"] {
  margin-bottom:0;
 }
  
.card img {
  width:100%;
 }

.card-footer {
  background-color:inherit;
}

.click-region .card h3, .click-region .card .h3,
.click-region .card h4, .click-region .card .h4,
.click-region .card h5, .click-region .card .h5,
.click-region .card h6, .click-region .card .h6 {
  color:#37474f;
}

.click-region:hover .card h3, .click-region:hover .card .h3,
.click-region:hover .card h4, .click-region:hover .card .h4,
.click-region:hover .card h5, .click-region:hover .card .h5,
.click-region:hover .card h6, .click-region:hover .card .h6,
.click-region:active .card h3, .click-region:active .card .h3,
.click-region:active .card h4, .click-region:active .card .h4,
.click-region:active .card h5, .click-region:active .card .h5,
.click-region:active .card h6, .click-region:active .card .h6 {
   color:#b10202;
 }
    
.click-region .card.text-light h3, .click-region .card.text-light .h3,
.click-region .card.text-light h4, .click-region .card.text-light .h4,
.click-region .card.text-light h5, .click-region .card.text-light .h5,
.click-region .card.text-light h6, .click-region .card.text-light .h6 {
  color:rgba(255,255,255,.7);
}
    
.click-region:hover .card.text-light h3, .click-region:hover .card.text-light .h3,
.click-region:hover .card.text-light h4, .click-region:hover .card.text-light .h4,
.click-region:hover .card.text-light h5, .click-region:hover .card.text-light .h5,
.click-region:hover .card.text-light h6, .click-region:hover .card.text-light .h6,
.click-region:active .card.text-light h3, .click-region:active .card.text-light .h3,
.click-region:active .card.text-light h4, .click-region:active .card.text-light .h4,
.click-region:active .card.text-light h5, .click-region:active .card.text-light .h5,
.click-region:active .card.text-light h6, .click-region:active .card.text-light .h6 {
   color:rgba(255,255,255,.9);
 }
	
.card-img-overlay[class*="bg-"] {
  opacity:.6;
}
	
.card-inverse .card-link, .card-inverse, .card-inverse .card-blockquote > footer {
  color: rgba(255, 255, 255, 0.8);
}
  
.card-deck {
  margin-bottom:30px;
  border-spacing:30px 0;
}
	
.card-group {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin-bottom:30px;
}

.card-group:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.32), 0 2px 10px 0 rgba(0, 0, 0, 0.24);
}
		
.card-group .card {
  box-shadow:none;
  display:block;
  margin-bottom:0;
}
  
.card-header {
  background-color:rgba(0,0,0,.15);
}
    
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
  margin:5px;
}
	
.card-columns {
  -webkit-column-count:1;
  -moz-column-count:1;
  column-count:1;
  -webkit-column-gap:15px;
  -moz-column-gap:15px;
  column-gap:15px;
}

.flex-two-column .card,
.flex-three-column .card,
.flex-four-column .card {
  margin-bottom:0;
}

@media (min-width: 480px) {
  .card-columns {
    -webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
  }
  	
  .card-group .card {
    display:table-cell;
    margin-bottom:15px;
  }
}

@media (min-width: 768px) {
  .card {
    margin-bottom:30px;
  }
    
  .card .card-block.padding-lg {
    padding:2.5rem;
  }
		
  .card .card-image[class*="col-"] {
    padding-right:0 !important;
  }
		
  .card .card-text[class*="col-"] {
    padding-left:0 !important;
  }
	
  .card-columns {
    -webkit-column-count:3;
	-moz-column-count:3;
	column-count:3;
  }
}
	
.card .list-group {
  margin-bottom:0;
}
		
.card .list-group-item {
  margin-bottom:0;
  border:none;
  border-bottom:1px solid #ddd;
  background-color:#fff;
  transition:all 0.2s ease 0s;
}
			
.card .list-group-item:hover {
  background-color:#f8f8f8;
  color:#a10202;
}
				
.card .list-group-item .click-region:hover,
.card .list-group-item .click-region:active {
  background-color:transparent;
}
			
.card .list-group-item:last-child {
  border-bottom:none;
}
  
.card ul:last-child {
  margin-bottom:0;
}

/* fixes for cards on dark backgrounds */
[class*="bg-dark-"] .card .card-block,
[class*="bg-dark-"] .card .card-header,
[class*="bg-dark-"] .card .card-footer {
  color:rgba(0,0,0,.95);
}

[class*="bg-dark-"] .click-region:hover .card h2, 
[class*="bg-dark-"] .click-region:active .card h2,
[class*="bg-dark-"] .click-region:hover .card h3, 
[class*="bg-dark-"] .click-region:active .card h3,
[class*="bg-dark-"] .click-region:hover .card h4, 
[class*="bg-dark-"] .click-region:active .card h4,
[class*="bg-dark-"] .click-region:hover .card h5, 
[class*="bg-dark-"] .click-region:active .card h5,
[class*="bg-dark-"] .click-region:hover .card h6, 
[class*="bg-dark-"] .click-region:active .card h6 {
  color:#b10202 !important;
}

/* image overlays */
.card .card-overlay {
  -webkit-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:transparent;
  opacity:.75;	
}

/* card body text */
.card .card-text-overlay {
  display:table;
  bottom:0;
  left:0;
  width:101%;
  height:101%;
  text-align:center;
}

.card .card-text-inner {
  display:table-cell;
  vertical-align:middle;
}

.card .card-title {
  text-transform: uppercase;
  letter-spacing: 2px;
  margin:0;
}

.card div[class*="bg-dark-"] .h3 {
  color: rgba(255, 255, 255, 1) !important;
}

/*  CHATBOT */
/* #########*/

button.chat-bot__font-btn {
  width: 24px; /* Ensure a minimum tappable area */
  height: 24px; 
  padding: 8px; /* Additional padding to increase touch area */
  cursor: pointer;
  background-color: transparent;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 26px;
  column-gap: 15px;
  aspect-ratio: auto; /* Prevent forced shrinking */
  overflow: hidden;
}

button.chat-bot__font-btn span {
  min-width: 24px; /* Ensure icon is also large enough */
  min-height: 24px;
}

div.ivy-main .ivy-popup .ivy-header .ivy-intro p {
  line-height: 1.5 !important;
}

/*  CHECKLISTS */
/* ####################################################################*/

ol.checklist {
  counter-reset:li;
  list-style:outside none none !important;
  margin:0 0 1em;
  padding:0;
}
  
ol.checklist li {
  list-style:outside none none !important;
  padding:.25em 0 15px 70px;
  position:relative;
  line-height:2.5;
}
    
ol.checklist li:before {
  color:#555;
  content:counter(li, decimal);
  counter-increment:li;
  font:normal 3.25em Cambria,"Hoefler Text","Liberation Serif",Times,"Times New Roman",serif;
  left:0;
  line-height:1em;
  padding-bottom:.1em;
  position:absolute;
  text-align:right;
  top:0;
  width:58px;
}

@media (min-width: 768px) {
  ol.checklist.checklist-grid {
    -webkit-display:flex;
    -webkit-flex-flow:row wrap;
    -webkit-justify-content:flex-start;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
  }
    
  ol.checklist.checklist-grid li {
    width:50%;
  }
      
  ol.checklist.checklist-grid li:before {
    display:block;
    left:inherit;
    position:inherit;
    text-align:center;
    top:inherit;
    width:100%;
  }
}

/*  CLICK REGIONS */
/* ####################################################################*/

.click-region {
  position:relative;
  z-index:1;
  margin:0;
  background:none;
  -webkit-transition: all 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition: all 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition: all 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition: all 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
}
	
.click-region:hover,
.click-region:focus,
.click-region:focus-within {
  background:rgba(0,0,0,.045);
  border-radius:2px;
}

.click-region:focus-within {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
	
.click-region.no-background:hover {
  background:none;
}
	
.click-region-link a,
.click-region-link a:link,
.click-region-link a:visited {
  position:absolute;
  z-index:100;
  top:0;
  left:0;
  width:100%;
  height:100%;
  white-space:nowrap;
  font-size:0;
  text-indent:-1000px;
}
	
/* click region text - content tweaks */
.click-region h3 {
  text-decoration:none;
  font-weight:normal;
  border-bottom:none;
}
		
.click-region h3, .click-region .h3,
.click-region h4, .click-region .h4,
.click-region h5, .click-region .h5,
.click-region h6, .click-region .h6 {
  color:#37474F;
}
      
.click-region:hover h3, 
.click-region:active h3,  
.click-region:focus-within h3,
.click-region:hover .h3, 
.click-region:active .h3, 
.click-region:focus-within .h3,
.click-region:hover h4, 
.click-region:active h4, 
.click-region:focus-within h4,
.click-region:hover .h4, 
.click-region:active .h4, 
.click-region:focus-within .h4,
.click-region:hover h5, 
.click-region:active h5, 
.click-region:focus-within h5,
.click-region:hover .h5, 
.click-region:active .h5, 
.click-region:focus-within .h5,
.click-region:hover h6, 
.click-region:active h6, 
.click-region:focus-within h6,
.click-region:hover .h6, 
.click-region:active .h6, 
.click-region:focus-within .h6 {
  color:#b10202;
 }
	
.click-region.card {
  background:#fff;
}
	
.click-region .well {
  margin-bottom:0;
}

/* region padding */
.click-region.padding-small {
  padding:5px;
}
	
.click-region.padding-medium {
  padding:10px;
}
	
.click-region.padding-large {
  padding:15px;
}

.click-region ul#status .h6 {
  color: rgba(255,255,255,.87);
}

.click-region:hover ul#status h6, 
.click-region:active ul#status h6, 
.click-region:focus ul#status h6,
.click-region:hover ul#status .h6, 
.click-region:active ul#status .h6, 
.click-region:focus ul#status .h6 {
  color: #AFAFAF;
}

/*  Employee Nodes */
/* ####################################################################*/

.employeelist .h3 {
  color:#546f7a;
  margin-bottom:5px;
}

.employeelist .h4 {
  font-weight:100;
  font-size:22px;
}

.employeelist img {
  margin-top:5px;
}

@media (min-width:501px) {
  .employeelist img {
    width:75%;
  }
}

@media (min-width:601px) {
  .employeelist img {
    width:60%;
  }
}

@media (min-width:768px) {
  .employeelist img {
    width:100%;
  }
}

/*  EVENT LISTING */
/* ####################################################################*/

.event-list .click-region {
  padding:8px;
}
	
.view-display-id-embed_eventspage .click-region,
.view-display-id-embed_eventspage_search .click-region {
  margin-bottom:16px;
}

.event-list ul {
  padding-left:0;
}
	
.view-display-id-embed_eventspage ul {
  margin:16px 0;
}
	
.event-list li {
  list-style:none;
}

.event-date {
  float:left;
  padding:5px 15px 5px 5px;
  text-align:center;
}
	
.event-date .event-month {
  display:block;
  color:rgba(0,0,0,.7);
  font-weight:500;
  font-family:sans-serif;
  line-height:1;
}
	
.event-date .event-day {
  display:block;
  color:#555;
  font:normal 3em Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
  line-height:1;
}

.event-list .description {
  clear:none;
  padding:0 0 0 15px;
  border-left:solid 1px #ccc;
  margin-left:70px;
  min-height:74px;
}
	
.event-title .title-text {
  color:#37474f;
  line-height:1.25;
}
	
.event-title .title-text.h4 {
  font:normal 300 1.5em "Roboto Condensed",sans-serif;
  line-height:1.25;
  margin-top:5px;
  margin-bottom:5px;
  text-decoration:none;
}
		
.click-region:hover .title-text,
.click-region:hover .title-text.h4 {
  color:#b10202;
}
	
.event-list .description p {
  margin-bottom:0;
}

/* FIGURE IMAGE OVERLAYS */
/* ####################################################################*/

.figure {
  position:relative;
  margin-bottom:30px;
  padding:0;
  overflow:hidden;
  background-color:#000;
}

.figure .fig-overlay {
  -webkit-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:transparent;
  opacity:.75;	
}

/* figure body text */
.figure .fig-text {
  display:table;
  position:absolute;
  bottom:0;
  left:0;
  width:101%;
  height:101%;
  margin:0;
  padding:14px;
  text-align:center;
  overflow:hidden;
}
  
.figure .fig-text-inner {
  position:relative;
  display:table-cell;
  vertical-align:middle;
  overflow:hidden;
  text-overflow:ellipsis;
 }

.fig-title {
  margin:5px 0;
 }
  
 .fig-text .fig-title,
 .fig-text .fig-description {
  position:relative;
  z-index:1;
}

/*  FLEX-BOX */
/* ####################################################################*/

/* basics */
.flex-two-column,
.flex-three-column,
.flex-four-column {
  width:100%;
}
	
.flex-two-column .cell,
.flex-three-column .cell,
.flex-four-column .cell,
.flex-two-column .views-row,
.flex-three-column .views-row,
.flex-four-column .views-row {
  padding:0;
}

.flex-two-column .grid,
.flex-three-column .grid,
.flex-four-column .grid,
.flex-two-column .view-content,
.flex-three-column .view-content,
.flex-four-column .view-content {
  position:relative;
  width:100%;
}

.view.flex-two-column:not(.grid-view) .view-content>.views-row, 
.view.flex-three-column:not(.grid-view) .view-content>.views-row, 
.view.flex-four-column:not(.grid-view) .view-content>.views-row {
  padding: 0;
}
	
.grid .cell,
[class^="flex-"] .view-content .views-row {
  position:relative;
  z-index:1;
  overflow:hidden;
  padding: 10px 15px;
  width:100%;
}

.flex-four-column .photo img {
  width:100%;
}

.show-grid [class^="col-"], .show-grid .cell {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.2);
}

/* flexbox with cards */
.flex-two-column .views-row.card, 
.flex-two-column .cell.card {
  margin-bottom: 20px;
}

.flex-four-column .views-row.card {
  margin-bottom:20px;
}

@media (min-width: 480px) {
  .flex-two-column .grid,
  .flex-three-column .grid,
  .flex-four-column .grid,
  .flex-two-column .view-content,
  .flex-three-column .view-content,
  .flex-four-column .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
	
  .flex-four-column .cell,
  .flex-four-column .views-row {
    width:50%;
  }
		
  .flex-four-column.collapse .cell,
  .flex-four-column.padding-small .cell,
  .flex-four-column.collapse .views-row,
  .flex-four-column.padding-small .views-row {
    padding:1px;
  }
	
  .flex-three-column .views-row.card, 
  .flex-three-column .cell.card,
  .flex-three-column .cell.flip-card,
  .flex-three-column .cell.tile {
    margin: 0 10px 20px 10px;
    width: calc(50% - 20px) !important;
  }
	
  .flex-four-column .views-row.card, 
  .flex-four-column .cell.card {
    margin: 0 10px 20px 10px;
    width: calc(50% - 20px) !important;
  }
}

@media (min-width : 600px) {
  .flex-two-column .cell,
  .flex-two-column .views-row {
    width:50%;
  }
	
  .flex-three-column .cell,
  .flex-three-column .views-row {
    width:50%;
  }
}

@media (min-width: 768px) {
  .flex-three-column .cell,
  .flex-three-column .views-row {
    width:33.33% !important;
  }

  .flex-four-column .cell,
  .flex-four-column .views-row {
    width:25%;
  }
	
  .flex-two-column.padding-md,
  .flex-three-column.padding-md,
  .flex-four-column.padding-md {
    width:calc(100% - 10px);
    margin-left:5px;
  }
    
  .flex-two-column.padding-md .cell,
  .flex-three-column.padding-md .cell,
  .flex-four-column.padding-md .cell,
  .flex-two-column.padding-md .views-row,
  .flex-three-column.padding-md .views-row,
  .flex-four-column.padding-md .views-row {
    padding:6px 10px;
  }
	
  .flex-two-column.padding-sm,
  .flex-three-column.padding-sm,
  .flex-four-column.padding-sm {
    width:calc(100% - 20px);
    margin-left:10px;
  }
	
  .flex-two-column.padding-sm .cell,
  .flex-three-column.padding-sm .cell,
  .flex-four-column.padding-sm .cell,
  .flex-two-column.padding-sm .views-row,
  .flex-three-column.padding-sm .views-row,
  .flex-four-column.padding-sm .views-row {
    padding:3px 5px;
  }
	
  .flex-two-column.padding-none,
  .flex-three-column.padding-none,
  .flex-four-column.padding-none {
    width:calc(100% - 30px);
    margin-left:15px;
   }
    
  .flex-two-column.padding-none .cell,
  .flex-three-column.padding-none .cell,
  .flex-four-column.padding-none .cell,
  .flex-two-column.padding-none .views-row,
  .flex-three-column.padding-none .views-row,
  .flex-four-column.padding-none .views-row {
    padding:0;
  }
	
  .flex-two-column .views-row.card, 
  .flex-two-column .cell.card {
    width: calc(50% - 20px) !important;
    margin: 0 10px 20px 10px;
  }

  .flex-three-column .views-row.card, 
  .flex-three-column .cell.card,
  .flex-three-column .cell.flip-card,
  .flex-three-column .cell.tile {
    margin-bottom: 20px;
  }
	
  .flex-three-column .views-row.card, 
  .flex-three-column .cell.card,
  .flex-three-column .cell.flip-card,
  .flex-three-column .cell.tile {
    width: calc(33.3% - 20px) !important;
  }
	
  .flex-four-column .views-row.card, 
  .flex-four-column .cell.card,
  .flex-four-column .cell.flip-card {
   width: calc(25% - 20px) !important;
  }
}

/*  FLEX SLIDER */
/* ####################################################################*/

.flexslider-hero .flexslider {
  margin:0;
  padding:0;
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
}

.flexslider-hero li {
  margin-bottom:0;
}

.flexslider-hero .flex-control-nav {
  display:none;
  bottom:15px;
}

@media screen and (min-width : 992px) {
  .flexslider-hero .flex-control-nav {
    display:block;
  }
}
	
.flexslider-hero .flex-control-paging li a,
.flexslider-hero .flex-control-paging li a.flex-active {
  width:20px;
  height:20px;
  background:transparent;
  border:solid 4px #ddd;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -o-box-shadow:none;
  box-shadow:none;
}
	
.flexslider-hero .flex-control-paging li a.flex-active {
  background:#ddd;
}

.flexslider-hero .flexslider .flex-direction-nav {
  margin:0;
  padding:0;
}
	
.flexslider-hero .flexslider .flex-direction-nav a {
  display:block;
  position: absolute;
  z-index:150;
  top:15% !important;
  width:80px;
  height:200px;
  padding:0;
  opacity:.88;
  overflow:hidden;
  color: transparent;
  outline:0;
  cursor:pointer;
  -webkit-transition: opacity .25s,padding .15s ease;
  transition: opacity .25s,padding .15s ease;
  text-indent:2000px;
  text-shadow:none;
}
  
@media screen and (min-width : 768px) {
  .flexslider-hero .flexslider .flex-direction-nav a {
    top:30% !important;
  }
}

@media screen and (min-width : 992px) {
  .flexslider-hero .flexslider .flex-direction-nav a {
    top:40% !important;
  }
}
		
.flexslider-hero .flex-direction-nav a:before {
  content:none !important;
}
		
.flexslider-hero .flex-direction-nav .flex-next {
  right:0;
  background:url(images/flexslider-next.png) no-repeat top left !important;
}
		
.flexslider-hero .flex-direction-nav .flex-prev {
  left:0;
  background:url(images/flexslider-prev.png) no-repeat top left !important;
}

.flexslider-hero section.hero .hero-text.bottom {
  bottom:20px;
}

.flexslider-hero .hero-text-inner p {
  margin-bottom:30px;
}

/*  GLOSSARY */
/* ####################################################################*/

.glossary {
  margin:0;
  padding:1px;
  border-radius:2px;
  text-align:center;
  font:normal 20px "Roboto Mono", monospace;
}
	
.glossary li {
  margin: 0;
  padding: 0 0 5px 0;
}
	
.glossary a {
  text-decoration:none;
  float:left;
  padding:6px 12px;
  margin:1px;
  background-color:rgba(0,0,0,.08);
}
	
.glossary a:hover,
.glossary a:active,
.glossary a:focus {
  background-color:#546e7a;
  color:#e3e3e3 !important;
}

/*  GOOGLE WORKSHOP APPS */
/* ####################################################################*/

.google-workspace-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding-left: 28px;
  padding-right: 28px;
  max-width: 600px;
  box-sizing: border-box;
  width: 100%;
}

.google-workspace-content {
  max-width: 312px;
  width: 100%;
}

.google-workspace-list {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  justify-content: var(--gws-product-grid-alignment, center);
  list-style: none;
  margin: 0;
  max-width: 304px;
  padding: 0;
}

.google-workspace-list-item img {
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.google-workspace-list-item {
  flex-direction: column;
  gap: 8px;
  width: 55px;
  display: flex;
  text-decoration: none !important;
  align-items: var(--gws-product-grid-alignment, center);
}

.google-workspace-label {
  font-family: Google Sans Text, Google Sans, Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
}

@media (min-width: 600px) {
  .google-workspace-container {
    padding-left: 26px;
    padding-right: 26px;
    max-width: 1024px;
  }
	
  .google-workspace-list-item img {
    width: 50px;
    min-width: 50px;
    height: 50px;
  }
	
  .google-workspace-label {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
  }
}

@media (min-width:992px)  {
  .google-workspace-container {
    padding-left: 24px;
    padding-right: 24px;
    max-width: 1440px;
  }
	
  .google-workspace-content {
    max-width: 1048px;
  }
	
  .google-workspace-list {
	gap: 16px;
    max-width: 1048px;
  }
	
  .google-workspace-list-item {
    width:108px;	
  }
	
  .google-workspace-list-item img {
    width: 60px;
    min-width: 60px;
    height: 60px;
  }
}

/*  GRID VIEW */
/* ####################################################################*/

.grid-view {
  font-weight:300;
}
	
.grid-view li {
  margin-bottom:16px;
}
	
.grid-view h3, 
.grid-view .h3,
.grid-view h4, 
.grid-view .h4,
.grid-view h5, 
.grid-view .h5,
.grid-view h6, 
.grid-view .h6 {
  margin:0;
}
	
.grid-view .titles {
  display:block;
  padding:6px 0 12px 0;
  line-height:20px;
  font-style:normal;
  color:#666;
}
	
.grid-view .views-label {
  font-weight:400;
}
	
.grid-view .views-field-path-1 {
  clear:both;
  padding-top:10px;
}

.grid-view .view-content .views-row,
.grid-view .grid .cell {
  padding:30px;
  border:solid 1px transparent;
  border-bottom:solid 1px #ccc;
  transition:all 0.2s ease 0s;
  background-color:transparent;
}
	
.grid-view .view-content .views-row:hover,
.grid-view .grid .cell:hover {
  background-color:#fff;
}

/* with text-light parent container */
.text-light .grid-view .view-content .views-row:hover,
.text-light .grid-view .grid .cell:hover {
  background-color: rgba(255,255,255,.8);
  color:rgba(0,0,0,.87);
}

.text-light .grid-view .view-content .views-row a,
.text-light .grid-view .view-content .views-row a:link,
.text-light .grid-view .grid .cell a,
.text-light .grid-view .grid .cell a:link {
  color:rgba(255,255,255,.87);
}
	
.text-light .grid-view .view-content .views-row:hover a,
.text-light .grid-view .view-content .views-row:hover a:link,
.text-light .grid-view .grid .cell:hover a,
.text-light .grid-view .grid .cell:hover a:link {
  color:#546e7a;
}
		
.text-light .grid-view .view-content .views-row:hover a:hover,
.text-light .grid-view .view-content .views-row:hover a:active,
.text-light .grid-view .view-content .views-row:hover a:focus,
.text-light .grid-view .grid .cell:hover a:hover,
.text-light .grid-view .grid .cell:hover a:active,
.text-light .grid-view .grid .cell:hover a:focus {
  color:#b10202;
}

@media (min-width : 600px) {
  /* flex two- and three-col */
  .grid-view.flex-two-column .views-row:nth-child(odd),
  .grid-view.flex-two-column .cell:nth-child(odd),
  .grid-view.flex-three-column .views-row:nth-child(odd),
  .grid-view.flex-three-column .cell:nth-child(odd),
  .grid-view.flex-four-column .views-row:nth-child(odd),
  .grid-view.flex-four-column .cell:nth-child(odd) {
    border-right:solid 1px #ccc;
  }
	
  .grid-view.flex-two-column .views-row:nth-child(odd):hover,
  .grid-view.flex-two-column .cell:nth-child(odd):hover,
  .grid-view.flex-three-column .views-row:nth-child(odd):hover,
  .grid-view.flex-three-column .cell:nth-child(odd):hover,
  .grid-view.flex-four-column .views-row:nth-child(odd):hover,
  .grid-view.flex-four-column .cell:nth-child(odd):hover {
    border-left:solid 1px #ccc;
  }
	
  .grid-view.flex-two-column .views-row:nth-child(even):hover,
  .grid-view.flex-two-column .cell:nth-child(even):hover,
  .grid-view.flex-three-column .views-row:nth-child(even):hover,
  .grid-view.flex-three-column .cell:nth-child(even):hover,
  .grid-view.flex-four-column .views-row:nth-child(even):hover,
  .grid-view.flex-four-column .cell:nth-child(even):hover {
    border-right:solid 1px #ccc;
  }
	
  .grid-view.flex-two-column .views-row:first-child:hover,
  .grid-view.flex-two-column .views-row:nth-child(2):hover,
  .grid-view.flex-two-column .cell:first-child:hover,
  .grid-view.flex-two-column .cell:nth-child(2):hover,
  .grid-view.flex-three-column .views-row:first-child:hover,
  .grid-view.flex-three-column .views-row:nth-child(2):hover,
  .grid-view.flex-three-column .cell:first-child:hover,
  .grid-view.flex-three-column .cell:nth-child(2):hover,
  .grid-view.flex-four-column .views-row:first-child:hover,
  .grid-view.flex-four-column .views-row:nth-child(2):hover,
  .grid-view.flex-four-column .cell:first-child:hover,
  .grid-view.flex-four-column .cell:nth-child(2):hover {	
    border-top:solid 1px #ccc;
  }
}

@media (min-width : 768px) {
  /* flex three-col */
  .grid-view.flex-three-column .views-row,
  .grid-view.flex-three-column .cell,
  .grid-view.flex-four-column .views-row,
  .grid-view.flex-four-column .cell {
    border-right:solid 1px #ccc;
  }
	
  .grid-view.flex-three-column .views-row:hover,
  .grid-view.flex-three-column .cell:hover,
  .grid-view.flex-four-column .views-row:hover,
  .grid-view.flex-four-column .cell:hover {
    border-left:solid 1px #ccc;
  }
	
  .grid-view.flex-three-column .views-row:nth-child(3n),
  .grid-view.flex-three-column .cell:nth-child(3n),
  .grid-view.flex-four-column .views-row:nth-child(4n),
  .grid-view.flex-four-column .cell:nth-child(4n) {
    border-right:solid 1px transparent;
  }
	
  .grid-view.flex-three-column .views-row:nth-child(3n):hover,
  .grid-view.flex-three-column .cell:nth-child(3n):hover,
  .grid-view.flex-four-column .views-row:nth-child(4n):hover,
  .grid-view.flex-four-column .cell:nth-child(4n):hover {
    border-right:solid 1px #ccc;
  }
	
  .grid-view.flex-three-column .views-row:first-child:hover,
  .grid-view.flex-three-column .views-row:nth-child(2):hover,
  .grid-view.flex-three-column .views-row:nth-child(3):hover,
  .grid-view.flex-three-column .views-row:nth-child(4):hover,	
  .grid-view.flex-three-column .cell:first-child:hover,
  .grid-view.flex-three-column .cell:nth-child(2):hover,
  .grid-view.flex-three-column .cell:nth-child(3):hover,
  .grid-view.flex-three-column .cell:nth-child(4):hover,	
  .grid-view.flex-four-column .views-row:first-child:hover,
  .grid-view.flex-four-column .views-row:nth-child(2):hover,
  .grid-view.flex-four-column .views-row:nth-child(3):hover,
  .grid-view.flex-four-column .views-row:nth-child(4):hover,
  .grid-view.flex-four-column .cell:first-child:hover,
  .grid-view.flex-four-column .cell:nth-child(2):hover,
  .grid-view.flex-four-column .cell:nth-child(3):hover,
  .grid-view.flex-four-column .cell:nth-child(4):hover {
    border-top:solid 1px #ccc;
  }
}

/*  HEROS */
/* ####################################################################*/

section.hero {
  position: relative;
  z-index: 10;
  overflow: hidden;
  padding: 0;
}

section.hero img {
  width: 100%;
}

section.hero .flexslider {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

section.hero .flexslider .slides {
  margin-bottom: -10px;
}

section.hero .embed-responsive, 
section.hero .hero-video-controls {
  display: none;
}

section.hero .fallback-image {
  display: block;
}

section.hero .overlay {
  display: none;
}

section.hero .hero-text {
  background: #333;
  width: 100%;
  color: #fff;
}

section.hero .hero-text p.text-sm {
  font-size:14px;
}

section.hero .hero-text-inner {
  padding: 32px;
  white-space-collapse: discard;
  text-align: center;
}

section.hero .hero-text-inner:empty {
  display: none;
}

section.hero .hero-text-inner p {
  text-wrap: balanced;
}

section.hero .hero-text h2 {
  font-size: 36px;
  margin: 0 0 5px 0;
  color: #fff;
  text-align: inherit;
}

section.hero .hero-text h3, 
section.hero .hero-text h4, 
section.hero .hero-text h5, 
section.hero .hero-text h6 {
  color: #fff;
}

section.hero a, 
section.hero a:link, 
section.hero a:visited {
  color: #fff;
}

section.hero a:active, 
section.hero a:hover, 
section.hero a:focus {
  color:#FD6363 !important;
}

section.hero .text-default a, 
section.hero .text-default a:link, 
section.hero .text-default a:visited {
  color: #546e7a;
}

section.hero .text-default a:active, 
section.hero .text-default a:hover, 
section.hero .text-default a:focus {
  color: #b10202;
}

section.hero a.btn,
section.hero button { 
  margin: 15px 15px 0;
}

section.hero a.btn.btn-ghost:hover,
section.hero a.btn.btn-ghost:active,
section.hero a.btn.btn-ghost:focus {
  color: #b10202 !important;
}

section.hero a.btn.btn-red:hover,
section.hero a.btn.btn-red:active,
section.hero a.btn.btn-red:focus {
  color: #ffffff !important;
}

section.hero .blazy>.media {
  position: initial;
}

@media (min-width:768px) {
  section.hero a.btn {
    margin-bottom: 0;
  }
}

@media (min-width:480px) {
  section.hero .hero-text p {
    display: block;
  }
}

@media (min-width :600px) {
  section.hero .embed-responsive {
    display: block;
  }
	
  section.hero .fallback-image {
    display: none;
  }
	
  section.hero .hero-video-controls {
    -webkit-transition: all 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition: all 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition: all 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition: all 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    display: block;
    position: absolute;
    z-index: 300;
    top: 50.25%;
    right: 20px;
    opacity: 0;
  }
	
  section.hero:hover .hero-video-controls {
    display: block;
    opacity: 1;
  }
	
  section.hero .hero-video-play {
    -webkit-transition: all 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition: all 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition: all 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition: all 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    display: none;
    opacity: .7;
  }
	
  section.hero .hero-video-play:hover {
    opacity: 1;
    cursor: pointer;
  }
	
  section.hero .hero-video-pause {
    -webkit-transition: all 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition: all 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition: all 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition: all 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    opacity: .7;
  }
	
  section.hero .hero-video-pause:hover {
    opacity: 1;
    cursor: pointer;
  }
}

@media (min-width:768px) {
  section.hero {
    background-color: #263238;
    height: 0;
    padding-bottom: 56.25%;
  }
	
  section.hero.ar-16-9 {
    padding-bottom: 56.25%;
  }
	
  section.hero.ar-8-3 {
    padding-bottom: 37.5%;
  }
	
  section.hero.ar-32-9 {
    padding-bottom: 28.125%;
  }
	
  section.hero.ar-16-3 {
    padding-bottom: 18.75%;
  }
	
  section.hero.text-black {
    background-color: #cfd8dc;
  }
	
  section.hero img, 
  section.hero.image-middle img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
	
  section.hero.image-top img {
    position: absolute;
    top: 0;
    transform: none;
  }
	
  section.hero.image-bottom img {
    bottom: 0;
    position: absolute;
    top: auto;
    transform: none;
  }
	
  section.hero .flexslider img {
    position: relative;
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
	
  section.hero .flexslider, 
  section.hero.image-middle .flexslider {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
	
  section.hero.image-top .flexslider {
    position: absolute;
    top: 0;
    transform: none;
  }
	
  section.hero.image-bottom .flexslider {
    bottom: 0;
    position: absolute;
    top: auto;
    transform: none;
  }
	
  section.hero div.image-blur picture img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
  }
	
  section.hero div.image-grayscale picture img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }
	
  section.hero .hero-text {
    background: none;
    position: absolute;
    z-index: 200;
    bottom: 0;
    text-align: center;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.8);
  }
	
  section.hero.top .hero-text {
    top: 0;
  }
	
  section.hero.bottom .hero-text {
    bottom: 0;
  }
	
  section.hero.middle .hero-text {
    position: absolute;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
  }
	
  section.hero .hero-text-inner {
    display: inline-block;
    padding: 22px 45px;
    margin: 25px;
  }
	
  section.hero .hero-text-inner img {
    position: relative !important;
    transform: none !important;
  }
	
  section.hero.left .hero-text {
    left: 0;
  }
	
  section.hero.right .hero-text {
    right: 0;
  }
	
  section.hero.right .hero-text-inner {
    text-align: left;
  }
	
  section.hero.center .hero-text {
    text-align: center;
  }
	
  section.hero.center .hero-text-inner {
    margin: 45px;
  }
	
  section.hero .hero-text.flush {
    bottom: 0;
    padding: 0;
  }
	
  section.hero.left .hero-text, 
  section.hero.right .hero-text {
    width: 50%;
  }
	
  section.hero.left .hero-text-inner, 
  section.hero.right .hero-text-inner {
    text-align: left !important;
  }
	
  section.hero .hero-text-inner {
    max-width: 100%;
    margin: 0;
  }
	
  section.hero.bg-dark-black-transparent .hero-text-inner, 
  section.hero.bg-white-transparent .hero-text-inner {
    padding: 15px 20px;
    margin: 20px 10px;
  }
	
  section.hero .hero-text h2 {
    font: normal 100 36px "Roboto", "san-serif";
    color: #fff;
    margin: 0 0 5px 0;
  }
	
  section.hero .hero-text p {
    font: normal 300 18px "Roboto Slab", serif;
  }
	
  section.hero .hero-text p:last-child {
    margin-bottom: 0;
  }
	
  section.hero.text-black .hero-text, 
  section.hero.text-black .hero-text h2, 
  section.hero.text-black .hero-text h3, 
  section.hero.text-black .hero-text h4, 
  section.hero.text-black .hero-text h5, 
  section.hero.text-black .hero-text h6, 
  section.hero.text-black .hero-text p {
    color: #000;
    text-shadow: 1.5px 1px 0 rgba(255, 255, 255, 0.5);
  }
	
  section.hero.text-black .hero-text a, 
  section.hero.text-black .hero-text a:link, 
  section.hero.text-black .hero-text a:visited {
    color: #000;
    text-decoration: none;
  }
	
  section.hero.text-black .hero-text a:active, 
  section.hero.text-black .hero-text a:hover, 
  section.hero.text-black .hero-text a:focus {
    color: #222;
    text-decoration: underline;
  }
	
  section.hero.bg-white-transparent .hero-text-inner {
    background: rgba(255, 255, 255, .75);
  }
	
  section.hero.bg-white-transparent .hero-text {
    text-shadow: none;
  }
	
  section.hero.bg-dark-black-transparent .hero-text-inner {
    background-color: rgba(0, 0, 0, .75) !important;
  }
	
  section.hero.bg-dark-black-transparent .hero-text {
    text-shadow: none;
  }
	
  section.hero .overlay {
    display: block;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
	
  section.hero .overlay, 
  section.hero.text-white .overlay, 
  section.hero.text-white.bottom .overlay {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 40%, rgba(0, 0, 0, 0.9) 100%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 40%, rgba(0, 0, 0, 0.9) 100%);
    background: linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 40%, rgba(0, 0, 0, 0.9) 100%);
  }
	
  section.hero.top .overlay, 
  section.hero.text-white.top .overlay {
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, transparent 40%, rgba(0, 0, 0, 0.9) 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, transparent 40%, rgba(0, 0, 0, 0.9) 100%);
    background: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, transparent 40%, rgba(0, 0, 0, 0.9) 100%);
  }
	
  section.hero.text-black .overlay, 
  section.hero.text-black.bottom .overlay {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, transparent 40%, rgba(255, 255, 255, 0.9) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, transparent 40%, rgba(255, 255, 255, 0.9) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, transparent 40%, rgba(255, 255, 255, 0.9) 100%);
  }
	
  section.hero.text-black.top .overlay {
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1) 0%, transparent 40%, rgba(255, 255, 255, 0.9) 100%);
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1) 0%, transparent 40%, rgba(255, 255, 255, 0.9) 100%);
    background: linear-gradient(bottom, rgba(255, 255, 255, 0.1) 0%, transparent 40%, rgba(255, 255, 255, 0.9) 100%);
  }
	
  section.hero.bg-dark-black-transparent .overlay, 
  section.hero.bg-white-transparent .overlay {
    display: none !important;
  }
	
  section.hero .overlay[class*="bg-"] {
    opacity: .5 !important;
    background: none !important;
    background-color: #b10202 !important;
  }
	
  section.hero.bg-dark-black-transparent .overlay[class*="bg-"], 
  section.hero.bg-white-transparent .overlay[class*="bg-"] {
    display: block !important;
  }
	
  section.hero .hero-video-controls {
    top: auto;
    bottom: 20px;
  }
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
  section.hero.image-bottom .flexslider {
    bottom: -10px;
  }
}

@media (min-width:992px) {
  section.hero .hero-text-inner {
    max-width: 70%;
    margin: 45px;
  }
	
  section.hero .hero-text h2 {
    font: normal 100 36px "Roboto", "san-serif";
  }
	
  section.hero .hero-text p:last-child {
    margin-bottom: 0;
  }
}

@media (min-width:1200px) {
  section.hero .hero-text h2 {
    font: normal 100 48px "Roboto", "san-serif";
  }
	
  section.hero .hero-text p {
    font: normal 300 22px "Roboto Slab", serif;
  }
	
  section.hero .hero-text p:last-child {
    margin-bottom: 0;
  }
	
  section.hero .hero-text p.text-sm {
    font-size:16px;
  }
}

@media (min-width:1600px) {
  section.hero .hero-text h2 {
    font-size: 52px;
  }
	
  section.hero .hero-text p {
    font-size: 24px;
  }
	
  section.hero .hero-text p.text-sm {
    font-size:18px;
  }
}

@media (min-width:1800px) {
  section.hero .hero-text h2 {
    font-size: 60px;
  }
	
  section.hero .hero-text p {
    font-size: 27px;
  }
}

@media print {
  section.hero {
    height: auto;
    background-color: transparent;
    padding: 0;
    position: relative;
    z-index: auto;
    overflow: visible;
  }
	
  section.hero .hero-text, 
 .hero .hero-text * {
    color: #111;
    position: relative;
    z-index: auto;
  }
	
  section.hero .hero-text-inner {
    padding: 55px;
    margin: 0;
    max-width: none;
  }
	
  section.hero .overlay {
    display: none;
  }
	
  section.hero img, 
  section.hero.image-middle img {
    position: relative !important;
    top: auto !important;
    transform: none !important;
  }
}

/* IMAGE BACKGROUND */
/* ####################################################################*/

/* MAIN CONTAINER */
.image-background {
  position: relative;
  overflow: hidden;
  padding: 0;
}

/* LAYER 1: IMAGE */
.layer-1-image img {
  position: relative;
  width: 100%;
}
  
@media (min-width: 768px)  {
  .layer-1-image img {
    position: absolute;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    width: auto;
    left: -100%;
    right: -100%;
    bottom: 0;
  }
}

/* LAYER 2: OVERLAY */
.layer-2-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 66.6666666666667%; /* mark of the beast */
}
  
@media (min-width: 768px) {
  .layer-2-overlay {
    height: 100%;
    padding-bottom: 0;
  }
}

/* LAYER 3: CONTENT */
.layer-3-content {
  position: relative;
  margin: 30px 0;
}
  
.layer-3-content h2 {
  color: rgba(0, 0, 0, .8);
}
  
.layer-3-content .lead {
  font-weight: 300;
  font-size: 1.25em;
}
  
@media (min-width: 768px)  {
  .layer-3-content {
    margin: 0;
  }
      
  .layer-3-content .lead {
    font-size: 1.5em;
  }
}

/* IMAGE CAROUSEL */
/* ####################################################################*/
.carousel-control .icon-prev, 
.carousel-control .icon-next {
  color: #ffffff;
  font-weight: 900;
  font-size: 100px;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left, 
  .carousel-control .glyphicon-chevron-right, 
  .carousel-control .icon-prev, 
  .carousel-control .icon-next {
    font-size: 100px;
	line-height:0.5;
  }
}

/* LIST GROUPS */
/* ####################################################################*/

ul.list-group li {
  margin-bottom:-1px;
  list-style:none;
  padding:0;
}

ul.list-group li.list-group-item {
  padding: 10px 15px;
}
	
ul.list-group li a.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
	
ul.list-group li a.list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
	
ul.list-group li:first-child a.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
	
ul.list-group li:last-child a.list-group-item:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
	
.list-group-item.click-region {
  background-color: #fff;
}
		
.list-group-item.click-region:hover,
.list-group-item.click-region:active,
.list-group-item.click-region:focus {
  background-color: #f5f5f5;
}
	
a.list-group-item, 
button.list-group-item {
  text-decoration:none;
}

a.list-group-item:only-child {
  padding: 10px 15px;
}
	  
a.list-group-item:hover, 
a.list-group-item:active, 
a.list-group-item:focus {
  color:#a10202;
}

.card ul.list-group li {
  border-bottom: solid 1px #ddd;
  margin-bottom: 0;
}
	
.card ul.list-group li:last-child {
  border-bottom: none;
}
	
.card > .list-group:last-child .list-group-item:last-child {
  border-radius: 0;
}

/* MODALS, TOOLTIPS, and POPOVERS */
/* ####################################################################*/

.popover-content table,
.popover-content td {
  border:1px solid black;
}

.modal-content {
  color: rgba(0,0,0,.87);
}

/* OFFSETS */
/* ####################################################################*/

@media (min-width: 768px) {

  [class*="offset-"] {
    position:relative;
    z-index:1000;
  }

  .offset-top {
    margin-top:-90px;
  }
	
  .offset-left {
    margin-left:-90px;
  }
	
  .offset-right {
    margin-right:-90px;
  }
	
  .offset-left-half {
    margin-left:calc(-50% - 30px);
  }
	
  .offset-right-half {
    margin-right:calc(-50% - 30px);
  }
}

@media (min-width: 992px) {
  .offset-top {
    margin-top:-100px;
  }
}

/*  ORG CHART */
/* ####################################################################*/

ul#orgchart {
  font-size: 1em;
  margin: 0px auto;
  padding: 0px;
  text-align: center;
  color: #3f3c30;
  width: auto;
}

ul#orgchart div {
  box-sizing: border-box;
}

ul#orgchart a {
  word-wrap: normal;
  text-decoration:none;
}

ul#orgchart a:hover,
ul#orgchart a:active {
  color: #b10202;
  text-decoration:underline;
}

ul#orgchart .name a {
  color: #565347;
  text-decoration: none;
  border: none;
}

ul#orgchart .name a:hover,
ul#orgchart .name a:active {
  color: #820000;
}

ul#orgchart .description {
  display: block;
  font-size: 14px;
  line-height: 1.4em;
  margin-top: 8px;
  padding-top: 5px;
  border-top: 1px solid #ccc;
}

ul#orgchart img {
  border: none;
}

ul#orgchart ul {
  margin: 0px;
  padding: 0px;
  background-image: none;
}

ul#orgchart li {
  display: inline-block;
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  zoom:1;*display: inline;
}

ul#orgchart li ul {
  background-image: url(images/orgchart/gray.gif);
  background-position: top center;
  background-repeat: no-repeat;
}

ul#orgchart li li {
  margin: 10px -1px 0px -3px;
  padding: 10px 5px 10px 5px;
  text-align: right;
  background-image: url(images/orgchart/connect_last.gif);
  background-position: top left;
  background-repeat: no-repeat;
  border-top: 1px solid #666;
}

ul#orgchart li > ul > li:last-child {
  border-top: none;
}

ul#orgchart li li ul,
ul#orgchart li.expanded ul {
  margin: 0px;
  padding: 0px 0px 0px 10px;
  background-image: none;
}

ul#orgchart li li li {
  display: list-item;
  margin: 0px;
  padding: 10px 0px 0px 5px;
  text-align: right;
  background-image: url(images/orgchart/connect.gif);
  background-position: top left;
  background-repeat: no-repeat;
  border-top: none;
}

ul#orgchart li li li:last-child {
  background-image: url(images/orgchart/connect_last.gif);
  background-position: top left;
  background-repeat: repeat-y;
  border-top: none;
}

ul#orgchart .cio {
  position: relative;
  display: block;
  text-align: center;
  border: 5px double #666;
  padding: 5px 20px;
  border-radius: 5px;
  background-color: #fff;
}

ul#orgchart .avp {
  position: relative;
  display: block;
  text-align: center;
  border: 3px double #666;
  padding: 5px 20px;
  border-radius: 5px;
  background-color: #fff;
}

ul#orgchart .director {
  position: relative;
  display: block;
  text-align: center;
  border: 2px solid #666;
  padding: 5px 20px;
  border-radius: 5px;
  background-color: #fff;
}

ul#orgchart .manager {
  position: relative;
  display: block;
  text-align: center;
  border: 1px solid #666;
  margin: 0px;
  padding: 5px 20px;
  border-radius: 5px;
  background-color: #fff;
}

ul#orgchart .staff {
  position: relative;
  display: block;
  text-align: center;
  border: 1px solid #666;
  margin: 0px;
  padding: 5px 20px;
  border-radius: 5px;
  background-color: #fff;
}

ul#orgchart .cio.vacant,
ul#orgchart .avp.vacant,
ul#orgchart .director.vacant,
ul#orgchart .manager.vacant,
ul#orgchart .staff.vacant {
  background-color: #D6D6D6;
}

ul#orgchart li div {
  margin: 0px auto;
  width: 255px;
}

ul#orgchart li div.cio {
  width:40%;
}

ul#orgchart li li div {
  width: 240px;
}

ul#orgchart li li li div {
  width: 225px;
}

ul#orgchart li li li li div {
  width: 210px;
}

ul#orgchart li li li li li div {
  width: 195px;
}

ul#orgchart ul.special {
  padding: 0 0 0 5px;
  margin-left: 5px;
  border-left: 1px dotted #666;
}

ul#orgchart ul.special li {
  padding-left: 5px;
}

ul#orgchart ul.special li:nth-last-child(2) {
  background-image: url(images/orgchart/connect_last.gif);
  background-position: top left;
  background-repeat: repeat-y;
  border-top: none;
}

ul#orgchart ul.special li:last-child {
  margin-left: -6px;
  background-image: url(images/orgchart/connect_special.gif) !important;
  background-position: top left;
  background-repeat: repeat-y;
  border-top: none;
}

ul#orgchart ul.special li:last-child div {
  width: 226px;
}

ul#orgchart .collapsed {
  position: relative;
}

ul#orgchart .collapsed:after {
  content: "+";
  display: inline-block;
  cursor: pointer;
  padding: 2px;
  border-radius: 10px;
  font-size: 18px;
  line-height: 10px;
  font-weight: 600;
  position: absolute;
  top: 14px;
  left: 10px;
  text-align: center;
  background: #666;
  color: #fff;
}

ul#orgchart .collapsed:hover:after {
  background: #b10202;
}

ul#orgchart .expanded:after {
  content: "-";
  display: inline-block;
  cursor: pointer;
  padding: 2px;
  border-radius: 10px;
  font-size: 24px;
  line-height: 10px;
  font-weight: 600;
  position: absolute;
  top: 14px;
  left: 10px;
  text-align: center;
  background: #666;
  color: #fff;
  margin-left: 2px;
}

ul#orgchart .expanded:hover:after {
  background: #b10202;
}

@media (min-width: 980px) and (max-width:1199px) {
  ul#orgchart li div {
    width:225px;
  }

  ul#orgchart li li div {
    width: 205px;
  }

  ul#orgchart li li li div {
    width: 190px;
  }

  ul#orgchart li li li li div {
    width: 175px;
  }

  ul#orgchart li li li li li div {
    width: 160px;
  }

  ul#orgchart ul.special li:last-child div {
    width: 196px;
  }
}

@media (min-width: 768px) and (max-width:979px) {
  ul#orgchart li div {
    width:175px;
  }

  ul#orgchart li li div {
    width: 155px;
  }

  ul#orgchart li li li div {
    width: 140px;
  }

  ul#orgchart li li li li div {
    width: 125px;
  }

  ul#orgchart li li li li li div {
    width: 110px;
  }

  ul#orgchart ul.special li:last-child div {
    width: 146px;
  }
}

@media (min-width: 768px) {
  ul#orgchart li > ul {
    padding-left:2px;
  }
}

@media (max-width: 767px) {
  ul#orgchart .collapsed:after,
  ul#orgchart .expanded:after {
    left:18px;
    top: 18px;
  }
}

ul#orgchart .group .manager {
  border: none;
  border-radius: 0;
  padding: 0;
}

@media (min-width: 768px) {
  ul#orgchart .group .manager {
    border-bottom:1px solid #666;
  }
}

ul#orgchart .group .title {
  display: block;
  margin-bottom: 1em;
}

ul#orgchart .group .name {
  display: block;
  line-height: 1.2em;
  margin: .25em 0;
  border: none;
}

ul#orgchart .group .name a.stanfordwho {
  border-bottom: 1px dotted #81785a;
}

ul#orgchart .group .org {
  display: block;
  font-weight: 600;
}

ul#orgchart .group .org sup {
  font-weight: normal;
}

ul#orgchart .group .org a {
  font-weight: 600;
}

ul#orgchart .group ul {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
}

ul#orgchart .group ul li {
  display: list-item;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-image: none;
}

ul#orgchart .group ul li:last-child {
  background-image: none !important;
}

ul#orgchart .name {
  display: block;
  border-bottom: 1px solid #666;
}

ul#orgchart .title,
ul#orgchart .role {
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 0.25em 0;
  font-style: italic;
  display: block;
}

ul#orgchart .org {
  font-size: .95em;
  line-height: 1.4em;
  margin: 0.25em 0;
  font-weight: 400;
  display: block;
}

ul#orgchart .suborg {
  font-size: 0.9em;
  display: block;
  margin: 1em 0px 0px 0px;
  font-weight: bold;
}

ul#orgchart .url {
  position: absolute;
  display: block;
  bottom: 6px;
  right: 2px;
  width: 15px;
  height: 15px;
}

ul#orgchart .url a {
  border: none;
}

ul#orgchart .url a i {
  text-size: 12px;
  color: #7b7455;
}

ul#orgchart .url a:hover i,
ul#orgchart .url a:active i,
ul#orgchart .url a:focus i {
  color: #820000;
}

ul#orgchart .key {
  font-size: 12px;
  color: #3f3c30;
  margin: 0px;
  padding: 10px 0px;
}

ul#orgchart .key li {
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
  padding: 0px;
}

ul#orgchart > li > ul:nth-child(2) {
  background-image: url(images/orgchart/gray.gif);
  background-position: top center;
  background-repeat: repeat-y;
}

ul#orgchart > li > ul.row:nth-child(2) > li:nth-child(3) {
  background-image: url(images/orgchart/connect_row.gif);
  background-position: top left;
}

ul#orgchart > li > ul.row:nth-child(2) > li:nth-child(4),
ul#orgchart > li > ul:last-child > li:nth-child(3) {
  background-image: url(images/orgchart/connect_last.gif);
}

ul#orgchart > li > ul:last-child {
  background-image: url(images/orgchart/gray.gif);
  background-position: top center;
  background-repeat: no-repeat !important;
}

ul#orgchart > li > ul.row {
  background-repeat: repeat-y;
}

@media screen and (max-width: 767px) {
  ul#orgchart li {
    display: block;
    width: auto !important;
  }

  ul#orgchart li ul {
    background-image: none !important;
  }

  ul#orgchart > li > ul > li {
    margin: 0px 0px 0px 10px !important;
  }

  ul#orgchart li li {
    margin: 0px 0px 0px 10px;
    padding: 10px 0px 0px 10px;
    text-align: right;
    background-image: url(images/orgchart/connect.gif);
    background-repeat: repeat-y;
    border-top: none;
  }

  ul#orgchart li ul:last-child li:last-child {
    background-image: url(images/orgchart/connect_last.gif);
    background-repeat: no-repeat;
    border-top: none;
    margin-right: 0px;
  }

  ul#orgchart li li li {
    padding: 10px 0px 0px 10px;
  }

  ul#orgchart div {
    margin: 0px;
    padding: 3px 20px;
    width: auto !important;
  }

  ul#orgchart .group ul li {
    display: inline-block !important;
    margin: 0px 10px;
    line-height: 15px;
    vertical-align: bottom;
  }

  ul#orgchart .name {
    display: inline-block;
    margin: 0px;
    border-bottom: none;
  }

  ul#orgchart .role {
    display: inline-block;
    margin: 0px;
  }

  ul#orgchart .role:before {
    content: "(";
  }

  ul#orgchart .role:after {
    content: ")";
  }

  ul#orgchart .org {
    display: block;
    margin: 0px;
  }

  ul#orgchart .suborg {
    display: block;
    margin: 0.5em 0px 0px 0px;
  }

  ul#orgchart > li > ul:nth-child(2) > li:nth-child(1),
  ul#orgchart > li > ul:nth-child(2) > li:nth-child(2),
  ul#orgchart > li > ul:nth-child(2) > li:nth-child(3),
  ul#orgchart > li > ul:nth-child(2) > li:nth-child(4),
  ul#orgchart > li > ul:nth-child(2) > li:last-child,
  ul#orgchart > li > ul:last-child > li:nth-child(3) {
    background-image: url(images/orgchart/connect.gif) !important;
  }

  ul#orgchart > li > ul:last-child > li:last-child {
    background-image: url(images/orgchart/connect_last.gif) !important;
  }
}

#orgchart.col1 li li {
  margin-top: 0px;
}

#orgchart.col1 li ul {
  background-image: none;
  padding-top: 0px;
}

#orgchart.col1 > li > ul:last-child {
  background-image: none;
  padding-top: 0px;
}

@media (max-width: 767px) {
  #orgchart .avp {
    height:auto !important;
  }
}

@media print {
  #orgchart {
    font-size: 10px;
    background: #fff;
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
  }

  #orgchart .node-type-page ul.key {
    font-size: 10px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
  }

  #orgchart li {
    line-height: 15px;
  }

  #orgchart li img {
    display: none;
  }

  #orgchart li a {
    border: none;
  }

  #orgchart li div {
    padding: 2px 7px !important;
  }

  #orgchart li .group {
    padding: 2px 2px !important;
  }

  #orgchart li div {
    width: 150px;
  }

  #orgchart li li div {
    width: 135px;
  }

  #orgchart li li li div {
    width: 120px;
  }

  #orgchart li li li li div {
    width: 105px;
  }

  #orgchart li li li li li div {
    width: 90px;
  }

  #orgchart .collapsed:after {
    display: none;
    content: "";
  }

  #orgchart .expanded:after {
    display: none;
    content: "";
  }

  #orgchart .url a i {
    display: none;
  }
}

/*  PAGER */
/* ####################################################################*/

.pagination li > a,
.pagination li > span {
  border-radius:0;
  text-decoration:none;
  color:#3D5157;
  padding: 9px 17px;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  color:#3D5157;
}

.pagination>.active>a,
.pagination>.active>span {
  background-color:#3D5157;
  border-color:#3D5157;
}

.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color:#263238;
}

.pagination>.disabled>a, 
.pagination>.disabled>a:focus, 
.pagination>.disabled>a:hover, 
.pagination>.disabled>span, 
.pagination>.disabled>span:focus, 
.pagination>.disabled>span:hover {
	color:#3D5157;
}

.pager li>a,
.pager li>span {
	border-radius:4px;
	text-decoration:none;
}

/* with dark background colors */
[class*="bg-dark-"] .pager li > a,
[class*="bg-dark-"] .pager li > span {
  background-color:transparent;
}

[class*="bg-dark-"] .pager li > a:hover,
[class*="bg-dark-"] .pager li > a:active,
[class*="bg-dark-"] .pager li > a:focus {
  background-color:rgba(255,255,255,.2);
}

/*  Page Headers */
/* ####################################################################*/

section.page-header {
  position:relative;
  z-index:10;
  padding:0;
  margin:0;
  height:125px;
  background:#000;
}

section.page-header img {
  width:100%;
  height:100%;
}

/* page-header image */
section.page-header img,
section.page-header.image-middle img {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
		
section.page-header.image-top img {
  position:absolute;
  top:0;
  transform:none;
}
		
section.page-header.image-bottom img {
  bottom:0;
  position:absolute;
  top:auto;
  transform:none;
}
	
/* overlay and variations */
section.page-header .overlay {
  display:block;
  position:absolute;
  z-index:100;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:-webkit-linear-gradient(rgba(0, 0, 0, 0.2) 0%, transparent 40%, rgba(0, 0, 0, 0.2) 100%);
  background:-o-linear-gradient(rgba(0, 0, 0, 0.2) 0%, transparent 40%, rgba(0, 0, 0, 0.2) 100%);
  background:linear-gradient(rgba(0, 0, 0, 0.2) 0%, transparent 40%, rgba(0, 0, 0, 0.2) 100%);
}
	
section.page-header .page-header-text {
  background:none;
  position:absolute;
  z-index:200;
  bottom:0;
  text-align:center;
  text-shadow:2px 2px 0 rgba(0, 0, 0, 0.8);
  width:100%;
}

/* vertical text alignment */
section.page-header .page-header-text.top {
  top:0;
}
      
section.page-header .page-header-text.bottom {
  bottom:0;
}
      
section.page-header .page-header-text.middle {
  bottom:30%;
}

section.page-header .page-header-text-inner {
  display: inline-block;
  font:normal 100 32px "Roboto", "san-serif"; /* 36/60 */
  color:#fff;
  text-align: center;
}
    
section.page-header .page-header-text h2 {
  font-size:36px;
  margin:25px 0 0 0;
}

@media (min-width: 506px) {
  section.page-header {
    height:144px;
  }
	
  section.page-header .page-header-text.middle {
    bottom:32%;
  }
	
  /* text styles */
  section.page-header .page-header-text h2 {
    font:normal 100 36px "Roboto", "san-serif";
  }
}
		
@media (min-width: 768px) {
  section.page-header {
    height:186px;
  }
	
  section.page-header .page-header-text.middle {
    bottom:35%;
  }
	
  /* text styles */
  section.page-header .page-header-text h2 {
    font:normal 100 38px "Roboto", "san-serif";
  }
}

@media (min-width: 992px) {
  section.page-header {
    height:225px;
  }
	
  section.page-header .page-header-text.middle {
    bottom:37%;
  }

  /* text styles */
  section.page-header .page-header-text h2 {
    font:normal 100 40px "Roboto", "san-serif";
  }
}

@media (min-width: 1200px) {
  section.page-header {
    height:263px;
  }
	
  section.page-header .page-header-text.middle {
    bottom:40%;
  }

  /* text styles */
  section.page-header .page-header-text h2 {
    font:normal 100 42px "Roboto", "san-serif";
  }
}

@media (min-width: 1400px) {
  section.page-header {
    height:300px;
  }

  section.page-header .page-header-text.middle {
    bottom:40%;
  }
	
  /* text styles */
  section.page-header .page-header-text h2 {
    font:normal 100 44px "Roboto", "san-serif";
  }
}

@media (min-width: 1600px) {
  section.page-header {
    height:300px;
  }
    
  /* text styles */
  section.page-header .page-header-text h2 {
    font-size:40px;
  }

  section.page-header .page-header-text p {
    font-size:20px;
  }
}

@media (min-width: 1800px) {
  section.page-header {
    height:338px;
  }
    
  /* text styles */
  section.page-header .page-header-text h2 {
    font-size:40px;
  }
  
  section.page-header .page-header-text p {
    font-size:22px;
  }
}

@media print {
  section.page-header {
    height:auto;
    background-color:transparent;
    padding:0;
    position:relative;
    z-index:auto;
    overflow:visible;
  }
	
  section.page-header .page-header-text,
  .page-header .page-header-text * {
    color:#111;
    position:relative;
    z-index:auto;
  }
	
  section.page-header .page-header-text-inner {
    padding:55px;
    margin:0;
    max-width:none;
  }
	
  section.page-header .overlay {
    display:none;
  }
	
  section.page-header img, section.page-header.image-middle img {
    position:relative !important;
    top:auto !important;
    transform:none !important;
  }
}

/*  PROGRESS BAR */
/* ####################################################################*/

#progress .table>tbody>tr>td {
  border-top:none;
}

#progress table {
  margin-bottom:0;
}

.progress {
  height:44px;
  margin-bottom:0;
  overflow:auto !important;
}

.progress-bar {
  border: 1px solid #FFFFFF;
  font-size:0.8em;
  line-height:42px;
  background-color:#265A87;
}

.progress-bar-success {
  background-color: #2E631D;
}

@media (max-width:991px) {
  .progress-bar {
    padding: 0 10px;
  }
}

/*  QUICK LINKS DROPDOWN */
/* ####################################################################*/

#quick-links .dropdown {
  width:85%;
  margin-right:auto;
  margin-left:auto;
}

#quick-links .h2 {
  margin:0 0 20px 0;
}

#quick-links .dropdown-menu li {
  font-size:16px;
}

@media (min-width:450px) and (max-width:500px) {
  #quick-links .dropdown {
    width:80%;
  }
}

@media (min-width:501px) and (max-width:575px) {
  #quick-links .dropdown {
    width:75%;
  }
}

@media (min-width:576px) and (max-width:767px) {
  #quick-links .dropdown {
    width:60%;
  }
}

@media (min-width:768px) {
  #quick-links .dropdown-menu li {
    font-size:18px;
  }
}

@media (min-width:768px) and (max-width:991px) {
  #quick-links .dropdown {
    width:90%;
  }
}

@media (min-width:992px) and (max-width:1199px) {
  #quick-links .dropdown {
    width:70%;
  }
}

@media (min-width:1200px) {
  #quick-links .dropdown {
    width:100%;
  }
}


/*  IT SERVICE NODES */
/* ####################################################################*/

.node-it-services #service-header {
  background-color:#b10202;
  padding:0 10px;
  margin-top:20px;
  border-radius:4px;
}

.node-it-services #service-header h2 {
  color:#fff;
  vertical-align:baseline;
  margin:30px 15px;
}

.node-it-services h3 {
  border-bottom:1.25px solid #b10202;
  font-size:1.5em;
  margin-top:0;
  padding-bottom:10px;
}

.node-it-services h3 span {
  background-color:#f5f6f8;
  padding-bottom:10px;
}

.node-it-services .field {
  margin:0 0 60px 0;
}

.node-it-services .field-values {
  padding-top:15px;
  margin:0 0 60px 0;
}

.node-it-services .field-value {
  padding:5px 0;
}

.node-it-services .field-value:first {
  margin-top:10px;
}

.node-it-services span {
  color:#b10202;
  margin-right:10px;
}

/*  SPEAKEASY BLOCK */
/* ####################################################################*/

.speakeasy-container {
  display: flex;
  justify-content: space-between;
  margin: 30px 0;
}

.speakeasy-media-player {
  text-align: center;
}

.speakeasy-settings {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem 1rem;
  align-items: center;
  max-width: 500px;
  margin: 1rem auto;
}

.speakeasy-settings select,
.speakeasy-settings input[type="range"] {
  width: 100%;
}

.speakeasy-settings label {
  font-weight: 600;
  text-align: right;
}

.speakeasy-settings .speakeasy-voice-select {
  padding: 5px 0;
  margin-bottom: 7px;
}

.speakeasy-settings input[type="range"] {
  margin-bottom: 7px;
}

.speakeasy-heading {
  margin: 0 0 5px;
  font: normal 400 1.25em "Roboto Condensed", sans-serif;
  text-align: center;
  line-height:1.5;
}

button.speakeasy-button,
button.speakeasy-button:after {
  padding: 12px 11px 2px 15px;
}

button.speakeasy-button:hover,
button.speakeasy-button:active,
button.speakeasy-button:focus {
  background-color:#fff !important;
  border: solid 2px #fff !important;
  outline: solid 2px #b10202 !important;
  outline-offset: 1px;
}

button.speakeasy-button svg {
  height: 2em;
  width: 1.25em; 
}

@media (min-width: 468px) {
  .speakeasy-container {
    margin-right: 50px;
  }	
	
  button.speakeasy-button,
  button.speakeasy-button:after	{
    padding: 7px 11px 2px 15px;
	margin: 0 2.5px;
  }
	
  button.speakeasy-button svg {
    height: 1.5em;
    width: 1.5em;       
  }
}

/*  STATS */
/* ####################################################################*/

.stat {
  padding:0 15px;
  text-align:center;
}

.stat-icon {
  color:rgba(0,0,0,.5);
}

.text-light .stat-icon {
  color: rgba(255,255,255,.7);
}

.stat-value {
  font:400 42px "Roboto Slab", serif;
  color:rgba(0,0,0,.67);
}

.text-light .stat-value {
  color: rgba(255,255,255,.85);
}
		
.stat-value:after {
  display:block;
  margin:6px auto 12px auto;
  content: " ";
  border-bottom: 1px solid #555;
  width:60px;
  height:1px;
  color:#999;
  background-color:#ccc;
  border:none;
}
		
.stat-value sup {
  font-weight:300;
  font-size:30px;
  color:rgba(0,0,0,.67);
}
	
.stat-label {
  font:400 16px "Roboto Condensed", sans-serif;
  text-transform:uppercase;
  color:rgba(0,0,0,.54);
}

.text-light .stat-label {
  color: rgba(255,255,255,.75);
}

#orglead-stats .text-light .stat-icon:hover,
#orglead-stats .text-light .stat-value:hover,
#orglead-stats .text-light .stat-label:hover {
  color: rgba(255,2,2,.85);
}

#orglead-stats .click-region {
  padding: 15px;
}

#orglead-stats .click-region:hover {
  background: rgba(0,0,0,.15);
}

#orglead-stats a:hover {
  color: rgba(255,2,2,.85);
}

/*  TABLES*/
/* ####################################################################*/
.table > tbody > tr > td:nth-child(2) {
  background-color: inherit;
}

table.table.table-bordered > thead > tr > th:nth-child(2) {
  background-color:#cfd8dc;
}

table.sortable>thead>tr>th {
  text-decoration: underline;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    position: relative;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
  }

  .table-scroll-container {
    position: relative;
    background: #fff;
    padding-bottom: 12px;
    min-width: max-content; /* make this match the table width */
  }

  .table-scroll-container::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.15), transparent);
    pointer-events: none;
    z-index: 1;
  }

  .table-scroll-container table {
    width: auto;
    min-width: 600px; /* ensures overflow */
  }
}

/*  TABS */
/* ####################################################################*/

.ui-tabs.ui-widget-content {
  padding:0 !important;
  margin:32px 0 0 0 !important;
}

.ui-tabs .ui-tabs-nav {
	background:none;
    border-radius:0;
    border:none;
    border-bottom:solid 1px #ccc;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: .75em 1em;
}

.ui-tabs .ui-tabs-nav li {
  font:normal 400 16px "Roboto Condensed", sans-serif;
  text-transform:uppercase;
  color:#999;
  border-bottom:solid 2px transparent !important;
  transition:all 0.2s ease 0s;
  margin-bottom:-2px !important;
}
	
.ui-tabs .ui-tabs-nav li:hover {
  border-color:#ccc !important;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color:#4A4A4A !important;
}

.ui-state-default a:hover,
.ui-state-default a:active,
.ui-state-default a:focus {
  color:#666 !important;
}

.nav-tabs>li>a,
.nav-tabs>li>a:link,
.nav-tabs>li>a:visited {
  border:none !important;
}

.nav>li>a:focus,
.nav>li>a:hover,
.nav>li>a:active {
  background-color:transparent;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom:-2px !important;
  border-bottom:solid 2px #b10202 !important;
}
	
.nav-tabs>li.ui-tabs-active>a {
  cursor:default !important;
  color:#222 !important;
}

.text-light .ui-state-default a,
.text-light .ui-state-default a:link,
.text-light .ui-state-default a:visited {
  color:rgba(255,255,255,.5) !important;
}
	
.text-light .ui-state-default a:hover,
.text-light .ui-state-default a:active,
.text-light .ui-state-default a:focus {
  color:rgba(255,255,255,.7) !important;
}

.text-light .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom:-2px !important;
  border-bottom:solid 2px #fff !important;
}
	
.text-light .nav-tabs>li.ui-tabs-active>a {
  color:#fff !important;
}

/*  TILES */
/* ####################################################################*/

.tile {
  position:relative;
  margin-bottom:30px;
  padding:0;
  overflow:hidden;
  background-color:#90a4ae;
}

/* tile background color */
.tile[class*="bg-"] {
  -webkit-transition:all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition:all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition:all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition:all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition-timing-function:cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition-timing-function:cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition-timing-function:cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  opacity:.85;
}
  
.click-region:hover .tile[class*="bg-"],
.click-region:active .tile[class*="bg-"],
.click-region:focus .tile[class*="bg-"] {
  opacity:1;
}

/* fix for paragraph component */
.tile.bg-none {
  opacity:1;
}

/* tile images */
.tile .tile-image {
  display:block;
  border:none;
  margin-bottom:0;
}
  
.tile .tile-image img {
  position:absolute;
  left:-100%;
  right:-100%;
  top:-100%;
  bottom:-100%;
  margin:auto;
  min-height:100%;
  min-width:100%;
  max-width:none;
}
    
.tile .tile-image img.img-responsive {
  width:100%;
}

/* aspect ratios */
.tile.ar-16-9 {
  height:0;
  padding-bottom:56.25%;
}
	
.tile.ar-16-9 .tile-image img {
  width: 100%;
}

.tile.ar-5-3 {
  height:0;
  padding-bottom:60%;
}
	
.tile.ar-5-3 .tile-image img {
  width: 100%;
}

.tile, 
.tile.ar-6-4 {
  height:0;
  padding-bottom:66.66%;
}
	
.tile.ar-6-4 .tile-image img {
  width: 100%;
}

.tile.ar-1-1 {
  height:0;
  padding-bottom:100%;
}
	
.tile.ar-1-1 .tile-image img {
  height: 100%;
}

/* image effects */

/* blur */
.tile .tile-image.blur img {
  -webkit-filter:blur(3px);
  filter:blur(3px);
}

/* grayscale */
.tile .tile-image.grayscale img {
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
}

/* saturation */
.tile-image.saturation img {
  transition:all 0.5s ease 0s;
  -webkit-filter:grayscale(.5);
  filter:grayscale(.5);
}

.tile-image.saturation img:hover,
.click-region:hover .tile-image.saturation img,
.click-region:active .tile-image.saturation img,
.click-region:focus .tile-image.saturation img {
  -webkit-filter:grayscale(0);
  filter:grayscale(0);
}

/* slide */
.tile .tile-image.slide img {
  -webkit-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  max-width:none;
  min-height:111%;
  min-width:111%;
  -webkit-transform:translateX(-5%);
  transform:translateX(-5%);
}
  
.click-region:hover .tile-image.slide img,
.click-region:active .tile-image.slide img,
.click-region:focus .tile-image.slide img {
  -webkit-transform:translateX(-5%);
  transform:translateX(0);
}

/* zoom */
.tile .tile-image.zoom img {
  -webkit-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  transform: scale(1.1);
}
  
.click-region:hover .tile-image.zoom img,
.click-region:active .tile-image.zoom img,
.click-region:focus .tile-image.zoom img {
  transform: scale(1);
}

/* image overlays */
.tile .tile-overlay {
  -webkit-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:transparent;
}
  
/* image overlay with additional background color class */
.tile .tile-overlay[class*="bg-"] {
  opacity:.8;
}
    
.click-region:hover .tile .tile-overlay[class*="bg-"],
.click-region:active .tile .tile-overlay[class*="bg-"],
.click-region:focus .tile .tile-overlay[class*="bg-"] {
  opacity:.9;
}

/* tile body text */
.tile .tile-text {
  display:table;
  position:absolute;
  bottom:0;
  left:0;
  width:101%;
  height:101%;
  margin:0;
  padding:14px;
  text-align:center;
  overflow:hidden;
}
  
.tile .tile-text-inner {
  position:relative;
  display:table-cell;
  vertical-align:middle;
  overflow:hidden;
  text-overflow:ellipsis;
}
	
.tile .tile-text-inner.align-bottom {
  ertical-align: bottom;
}
  
.tile-title {
  margin:5px 0;
}
  
.tile-text .tile-title,
.tile-text .tile-description,
.tile-text i {
  position:relative;
  z-index:1;
}

/* text alignment for tile overlays */
.tile .tile-overlay-text-bottom .tile-text-inner {
  vertical-align:bottom;
}

.tile .tile-overlay-text-top .tile-text-inner {
  vertical-align:top;
}

/* light text option */
.tile-text.light span,
.tile-text.light .tile-title.h4, 
.tile-text.light .tile-title.h5, 
.tile-text.light .tile-title.h6,
.tile-text.light .tile-description,
.tile-text.light i {
  position:relative;
  z-index:1;
  color:rgba(255,255,255,.87) !important;
}

.tile-text.dark .tile-title.h4 ,
.tile-text.dark .tile-description,
.tile-text.dark i {
  position:relative;
  z-index:1;
  color:rgba(0,0,0,.87) !important;
}

/* text footer/header option */
.tile-text.tile-footer,
.tile-text.tile-header {
  -webkit-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition: all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  top:auto;
  bottom:0;
  left:0;
  width:100%;
  height:auto;
  padding:8px 5% 6px 5%;
  color:rgba(255,255,255,.87);
  display:block;
}
  
.tile-text.tile-footer .tile-text-inner,
.tile-text.tile-header .tile-text-inner {
   display:block;
}
  
.tile-text.tile-footer .tile-title,
.tile-text.tile-header .tile-title {
  margin:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
  
.tile-text.tile-footer .tile-description,
.tile-text.tile-header .tile-description {
  -webkit-transition:all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition:all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition:all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition:all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition-timing-function:cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition-timing-function:cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition-timing-function:cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  margin:0;
  height:0;
  -webkit-transform:translateY(100%);
  transform:translateY(100%);
}
    
.click-region:hover .tile-text.tile-footer .tile-description,
.click-region:active .tile-text.tile-footer .tile-description,
.click-region:focus .tile-text.tile-footer .tile-description,
.click-region:hover .tile-text.tile-header .tile-description,
.click-region:active .tile-text.tile-header .tile-description,
.click-region:focus .tile-text.tile-header .tile-description {
   height:auto;
   -webkit-transform:translateY(0);
   transform:translateY(0);
 }

/* text header */
.tile-text.tile-header {
  top:0;
  bottom:auto;
  left:0;
}
  
.tile-text.tile-header .tile-description {
  -webkit-transform:translateX(100%) !important;
  -webkit-transform:translateY(0);
  transform:translateX(100%) !important;
  transform:translateY(0);
}
    
.click-region:hover .tile-text.tile-header .tile-description,
.click-region:active .tile-text.tile-header .tile-description,
.click-region:focus .tile-text.tile-header .tile-description {
   -webkit-transform:translateX(0) !important;
   transform:translateX(0) !important;
 }

/* text hide/reveal */
.click-region .tile-text.tile-hide-reveal {
  -webkit-transition:all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition:all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition:all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition:all 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition-timing-function:cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition-timing-function:cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition-timing-function:cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
  opacity:0;
}
  
.click-region:hover .tile-text.tile-hide-reveal,
.click-region:active .tile-text.tile-hide-reveal,
.click-region:focus .tile-text.tile-hide-reveal {
  opacity:1;
}

/* MS Edge Fix */
.click-region .tile-text.tile-hide-reveal .tile-overlay {
  opacity:0;
}
  
.click-region:hover .tile-text.tile-hide-reveal .tile-overlay,
.click-region:active .tile-text.tile-hide-reveal .tile-overlay
.click-region:focus .tile-text.tile-hide-reveal .tile-overlay {
  opacity:.6;
}

/*  TREE MENU */
/* ####################################################################*/

.tree,
.tree ul {
  margin:0 0 0 1em; /* indentation */
  padding:0;
  list-style:none;
  position:relative;
}

.tree ul {margin-left:.5em} /* (indentation/2) */

.tree:before,
.tree ul:before {
  content:"";
  display:block;
  width:0;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  border-left:1px solid;
  color:#b10202;
}

.tree li {
  margin:0;
  padding:0 1.5em; /* indentation + .5em */
  line-height:2em; /* default list item's `line-height` */
  font-weight:300;
  position:relative;
}

.tree span .level1 {
  font-weight:500;
}

.tree li .level2 {
  font-weight:500;
}

.tree li:before {
  content:"";
  display:block;
  width:10px; /* same with indentation */
  height:0;
  border-top:1px solid;
  margin-top:-1px; /* border top width */
  position:absolute;
  top:1em; /* (line-height/2) */
  left:0;
  color:#b10202;
}

.tree li:last-child:before {
  background:white; /* same with body background */
  height:auto;
  top:1em; /* (line-height/2) */
  bottom:0;
}

/*  UI - ELEMENTS/OVERRIDES */
/* ####################################################################*/

.ui-datepicker {
  padding:0;
}

.ui-datepicker thead {
  color:#484d51;
}

#ui-datepicker-div {
  background:#f5f6f8 !important;
  z-index:2 !important;
}

.node-internal-secondary-page .ui-widget-content a,
.node-internal-secondary-page .ui-widget-content a:link,
.node-internal-secondary-page .ui-widget-content a:visited {
  text-decoration:underline !important;
  padding: 0 !important;
}

/*  VIEWS */
/* ####################################################################*/

/*Views exposed filters bottom button spacing*/
.view-filters {
  margin-top:0;
}

.view-empty p {
  font-size:1.563em;
  font-weight:100;
  margin:15px 0;
  line-height:1.5; 
}

.layout__region.layout__region--bottom {
  margin-top: 17px;
}

.view .view-content .media {
  margin-top: 0;
}

/* Resize images in OIT Employees view to specified Image Style*/
.view-oit-employees .card img {
  border-radius:50%;
  width:50%;
  padding:15px 0 10px 0;
  margin-right:auto;
  margin-left:auto;
}

.view-oit-employees .card .card-text[class*="col-"] {
  padding-left:15px !important;
}

.view-oit-employees .views-field-title {
  font-weight:300;
  color:#546f7a;
  font-size:1.33em;
}

.view-oit-employees .views-field-field-employee-title {
  font-weight:100;
  font-size:1em;
  padding-bottom:15px;
}

.view-oit-employees .views-field-field-employee-email,
.view-oit-employees .views-field-field-employee-subunit,
.view-oit-employees .views-field-field-employee-maincontact {
  line-height:150%;
  font-weight:300;
  font-size:.89em;
}

.view-oit-employees .field-content {
  display:inline;
}

.view-oit-employees .views-label {
  font-weight:bold;
}

.view-oit-employees .card-block {
  padding:15px 0;
}

.view-oit-employees h3 {
  display:none;
}

.view-oit-employees .card {
  border-bottom: 1px solid;
  border-bottom-color: #d3d3d3;
}

.view-oit-employees .card:last-child {
  border-bottom: none;
}

.view-unlv-it-site-search .card ul.list-group li:last-child {
  border-bottom: solid 1px #ddd;
}

section#block-views-block-it-policy-node-block-7 button.btn.btn-link {
  width: 95%;
  text-align: left;
}

section#block-views-block-it-policy-node-block-7 .accordion h4.ui-state-default:before {
  padding-right:10px;
}

/*IT Service cards*/
.view-itservices span {
  color:#333333;  
}

.view-itservices .card-footer {
  padding: .75rem 1.25rem 0;
}

.view-itservices .card-footer {
  border-top:none;
}

.view-itservices .card-footer p {
  font-size: 0.875em;
  text-transform: uppercase;
  font-weight: 400;
  color: #b10202;
}

.view-itservices .cell.click-region:hover span,
.view-itservices .cell.click-region:hover p,
.view-itservices .cell.click-region:hover h3,
.view-itservices .cell.click-region:focus-within span,
.view-itservices .cell.click-region:focus-within p,
.view-itservices .cell.click-region:focus-within h3 {
  color:#000;
}

.view-security-alerts .views-field-title a {
  padding: 12.5px 0;
}

/*Leadership Bios*/
.view-leadership-bios .card-block {
  min-height: 90px;
}

@media (min-width:500px) {
  .view-oit-employees .card img {
    width:40%;
  }
}

@media (min-width:600px) {
  .view-oit-employees .card img {
    width:35%;
  }
}

@media (min-width:700px) {
  .view-oit-employees .card img {
    width:30%;
  }
}

@media (max-width:767px) {
  .view-oit-employees .card-block-inner {
    text-align:center;
  }
}

@media (min-width:768px) {
  .view-oit-employees .card img {
    width:100%;
	padding:15px 0 10px 0;
  }
}

@media (min-width:992px) {
  .view-oit-employees .card img {
    width:85%;
	padding:15px 0 10px 0;
  }
	
  .view-oit-employees .views-field-title {
    font-weight:300;
    color:#546f7a;
	font-size:1.67em;
  }

  .view-oit-employees .views-field-field-employee-title {
    font-weight:100;
    font-size:1.4em;
	padding-bottom:15px;
  }

  .view-oit-employees .views-field-field-employee-email,
  .view-oit-employees .views-field-field-employee-subunit,
  .view-oit-employees .views-field-field-employee-maincontact {
    line-height:150%;
	font-weight:300;
	font-size:1em;
  }
}

@media (min-width:1200px) {
  .view-oit-employees .card img {
    width:75%;
	padding:15px 0;
  }
}

/*OIT Units View*/
.view-oit-units .card{
  border: 1px solid #d3d3d3;
}

.view-oit-units .card .col-sm-7 {
  padding-right:25px;
}

.view-oit-units .col-sm-7.card-text {
   width: 58.33333333%;
  text-align: inherit;
}

.view-oit-units .card-block {
  margin:0 5%;
  padding:15px 0;
}

.view-oit-units ul {
  list-style-type:none;
}

.view-oit-units .field-content {
  display:inline;
}

.view-oit-units .views-field-title {
  font-weight:300;
  color:#546f7a;
  font-size:30px;
  padding-top:15px;
}

.view-oit-units .views-field-field-unit-summary {
  line-height:150%;
  font-weight:300;
  font-size:18px;
  padding-right:15px;
}

.view-oit-units .views-label {
  font-weight:bold;
}

.view-oit-units a {
  text-decoration:none;
}

/*Classrooms Buildings View*/
.view-classrooms-buildings .views-field-field-building-image {
  border:4px solid white;
}

.view-classrooms-buildings .views-field-field-general-purpose-classrooms .field-content {
  margin: 0 0 20px 0;
}

.view-classrooms-buildings .views-field-field-general-purpose-classrooms .field-content a {
  padding:12px 0;
}

/*Service Category Views*/
.view-it-service-categories img {
  margin-top:20px;
}

/*Computer Labs View*/
.view-computer-lab-node .view-display-id-block_2 #alert-box p,
.view-computer-lab-node .view-display-id-block_2 #alert-box i {
  display:inline;
}

.view-computer-lab-node .view-display-id-block_4 div[class*="col-"] {
  padding:0;
  margin-bottom:0;
}

.view-computer-lab-node .view-display-id-block_4 h4 {
  margin-top:15px;
  font-weight: 500;
}

.view-computer-lab-node .view-display-id-block_7 h4 {
  margin-top:20px;
  font-weight: 500;
}

.view-computer-lab-node .view-display-id-block_4 ul,
.view-computer-lab-node .view-display-id-block_5 ul,
.view-computer-lab-node .view-display-id-block_6 ul,
.view-computer-lab-node .view-display-id-block_7 ul {
  list-style:none;
  padding-left:0;
  margin-bottom:0;
}

.view-computer-lab-node .view-display-id-block_4 li,
.view-computer-lab-node .view-display-id-block_6 li,
.view-computer-lab-node .view-display-id-block_7 li {
  margin-bottom:0;
}

.view-computer-lab-node .view-display-id-block_5 .btn-red,
.view-computer-lab-node .view-display-id-block_5 .btn-primary {
  margin:5px 5px 5px 0 !important;
}

.view-computer-lab-node .view-display-id-block_5 a.btn-red {
  background-color:#b60202;
  border-color:#b60202;
}

.view-computer-lab-node .view-display-id-block_6 .views-field-field-lab-allowed-features li:before {
  content:'\f058';
  font-family: 'Font Awesome 6 Pro';
  font-size: 25px;
  font-weight:900;
  padding-right:10px;
  color:#1ED505;
}

.view-computer-lab-node .views-field-field-lab-software-available .field-content a {
  display: inline-block;
  min-width: 44px;
  min-height: 44px;
  padding: 12px 4px; 
  text-align: center;
  line-height: 1.2;
  box-sizing: border-box;
}

.view-computer-lab-node .view-display-id-block_6 .views-field-field-lab-restricted-features li:before {
  content:'\f057';
  font-family: 'Font Awesome 6 Pro';
  font-size: 25px;
  font-weight:900;
  padding-right:10px;
  color:#FF0606;
}

/*Software Nodes*/
.view-software-node .popover ul {
  margin-bottom:10px;
}

.view-software-node .views-field-field-software-lab-availability .field-content a {
  display: inline-block;
  min-width: 44px;
  min-height: 44px;
  padding: 12px 4px; 
  text-align: center;
  line-height: 1.2;
  box-sizing: border-box;
}

@media (max-width:767px) {
  .view-software-node .view-display-id-block_1 .card img {
    display:none;
  }
}

@media (min-width:768px) and (max-width:1191px) {
  .view-software-node .view-display-id-block_1 .col-md-9 {
    margin-bottom:30px;
  }
}

.view-software-node .view-display-id-block_2 .ui-tabs.ui-widget-content {
  margin:5px 0 0 0 !important;
}

.view-software-node .view-display-id-block_2 .btn-primary {
  color:#fff !important;
}

/*Software Search*/
.view-software-search .img-responsive {
  width:auto !important;
  margin-left:auto;
  margin-right:auto;
  padding-top:15px;
}

.view-software-search .cell {
  border:1px solid #EBEBEB;
}

.view-software-search a.btn.btn-primary {
  margin:0;
}

/*Remote Software*/
.view-remote-software .img-responsive {
  width:auto !important;
  margin-left:auto;
  margin-right:auto;
  padding-top:15px;
}

.view-remote-software .cell {
  border:1px solid #EBEBEB;
}

.view-remote-software a.btn.btn-primary {
  margin:0;
}

.view-remote-software .layout__region.layout__region--second {
  padding-left: 15px;
  margin-top: 32px;
}

.view-node-announcement div.inline-badge p,
.view-announcements div.inline-badge p,
.view-newscenter-homepage.view-display-id-block_3 div.inline-badge p,
.view-it-homepage-news.view-display-id-block_3 div.inline-badge p,
.view-webcampus-news div.inline-badge p {
  display:inline-block;
  margin-bottom:10px;
}

.view-announcements.view-display-id-block_2 .h4,
.view-announcements div#category.card .h4,
.view-articles.view-display-id-page_1 .h4,
.view-articles div#category.card .h4 {
  margin: 10px 15px 0 15px;
  font-size: 1.5em;
}

.view-articles.view-display-id-page_1 .h5 {
  font-size: 1.3em;
}

.view-announcements div#category.card a {
  text-decoration:none;
}

.view-announcements.view-display-id-block_2 .h5 {
  font-size: 16px;
}

.view-announcements div#category.card .h5 {
  font-size: 18px;	
}

/*IT Services Category Grid*/
.view-it-services.view-display-id-block_1 .grid {
  padding:0;
}

.view-it-services.view-display-id-block_1 .cell {
  margin:0;
  padding:0;
  display:inline-block;
  text-align:center;
  background-color:#fff;
  color:#424242;
}

.view-it-services.view-display-id-block_1 .click-region {
  padding:30px;
}

.view-it-services view-display-id-block_1 .grid p {
  margin-top:10px;
  font: 400 1em "Roboto Condensed", sans-serif;
}

.view-it-services.view-display-id-block_1 h3 {
  margin:10px 0;
  color:#424242;
}

.view-it-services.view-display-id-block_1 .click-region:hover,
.view-it-services.view-display-id-block_1 .click-region:hover i,
.view-it-services.view-display-id-block_1 .click-region:hover p,
.view-it-services.view-display-id-block_1 .click-region:hover h3 {
  background-color:#b10202;
  color:#eee;
  transition:0.1s;
}

/*IT Service Views*/
.view-it-services.view-display-id-page_1 h3 {
  padding: .75rem 1.25rem;
  background-color:rgba(0,0,0,.15);
  border-bottom: .0625rem solid #e5e5e5;
  margin:0;	
  text-transform:uppercase;	
}

.view-itservices.view-display-id-page_1 .card {
  display: flex;
  flex-direction: column;
}

.view-itservices.view-display-id-page_1 .card-block {
  flex: 1 1 auto;
}

.view-itservices.view-display-id-page_1 .card-footer {
  flex-shrink: 0;
}

/*Promotion Paths Grid*/
.view-promotion-paths span {
  color:#424242;
  font-size:1.75em;
}

.view-promotion-paths span.icon.glyphicon.glyphicon-trash {
  color:#fff;
  font-size: 1em;
}

.view-promotion-paths .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  margin-bottom: 5px;
}

.view-promotion-paths .grid .cell {
  padding:25px 15px;
}

.view-promotion-paths .cell {
  border: 1px solid #EBEBEB;
}

/*Lab Hours table fixes*/
.view-computer-lab-hours .pager-last {
  display:none;
}

.view-computer-lab-hours .table.table-hover tbody tr:hover {
  cursor: pointer;
}

.view-computer-lab-hours .table > tbody > tr > td {
  padding:12px;
}

.view-computer-lab-hours td {
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  white-space: nowrap;
}

.view-computer-lab-hours td.last {
  font-weight:300;  	
}

.view-computer-lab-hours th {
  font-size: 16px;
  white-space: nowrap; 
}

table th.field-lab-hours-date {
  text-align:center;
}

td.holiday {
  color:#9C0202;
}

td.holiday > span.labs {
  border: 1px solid;
  border-radius:15px;
  padding: 5px;
  line-height: 1.75;
}

td.holiday > span.labs::before {
  display: inline-block;
  padding: 0 .25em;
  font-family: 'Font Awesome 6 Pro';
  content: "\f811";
}

@media screen and (max-width:991px) {
  .view-computer-lab-hours td.last {
    text-align:left;
  }	
  
  .view-computer-lab-hours .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: none !important;
  }		
}

.view-newscenter-homepage.view-display-id-block_3 h3 {
  margin: 0 0 5px;
  display: inline-block;
}

.view-node-article .views-field-body img {
  width: 100%;
}

.view-it-search-page .form-inline .form-item-combine,
.view-unlv-it-site-search .form-inline .form-item-combine {
   padding: 0.5em 1em 0 0;
   margin: 0;
}

.view-it-search-page .views-exposed-form>.form--inline>.form-item>label,
.view-unlv-it-site-search .views-exposed-form>.form--inline>.form-item>label {
  display: block;
  color: rgba(0,0,0,.7);
  font-weight: bold;
  max-width: 100%;
  margin-bottom: 5px;
}

.view-it-search-page .view-filters,
.view-unlv-it-site-search .view-filters {
  padding-left: 15px;
  padding-right: 15px;
  margin: 10px auto 30px auto;
}

@media (min-width: 768px) {
  .view-it-search-page .form-inline .control-label,
  .view-unlv-it-site-search .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
	  
  }
}

.view-leadership-bios .click-region {
  position: static !important;  /* Removes potential z-index issues */
  z-index: auto !important;     /* Resets stacking context */
}

/*  WEBFORMS */
/* ####################################################################*/

.form-control {
  min-height:44px;
}

@media (min-width:506px) {
  section#webform .container {
    width:450px;
  }
}

@media (min-width:636px) {
  section#webform .container {
    width:506px;
  }
}

@media (min-width:768px) {
  section#webform .container {
    width:568px;
  }
}

@media (min-width:880px) {
  section#webform .container {
    width:634px;
  }
}

@media (min-width:992px) {
  section#webform .container,
  .container.view-student-jobs.view-display-id-student_job_descriptions {
    width:768px;
  }
}

@media (min-width:1400px) {
  section#webform .container,
  .container.view-student-jobs.view-display-id-student_job_descriptions {
    width:992px;
  }
}