/************************ Styles ************************/

/* New Icons in banner */


.paragraph--type--big-banner .fab,
.paragraph--type--big-banner .fas { 
	font-size: 2.5em; /* Icon size */
 	margin: 0 4px 0 0; /* Spacing betwee icons */
 	padding: 0;
	}


.paragraph--type--big-banner .fab,
.paragraph--type--big-banner .fas  {
	color: #FEBC11; /* UCSB Gold */
	}

.paragraph--type--big-banner a:focus .fab,
.paragraph--type--big-banner a:hover .fab,
.paragraph--type--big-banner a:focus .fas,
.paragraph--type--big-bannera:hover .fas {
	color: #e5b53d; 
	}
	
	
.block-logos-text {
	text-align: center;
	font-size: 1.2em;
	font-style: italic;
	margin: 1em 0;
	}	

/************ Body ************/

body {
	background: #002B4C;
	font-family: Avenir, "Century Gothic", sans-serif !important; 
	font-weight: 300;
   	}

/************ Containers ************/

.container-fluid {
	margin: 0;
	padding: 0;
	}

.main-container {
	background-color: #fff; /* Main background color */
	overflow-x: hidden; /* removes horizontal scroll */
	margin: 0;
	}

/****** ADA ******/

.sr-only,
.visually-hidden {
	color: #000 !important;
  	background: #FFF !important;
	}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
	color: #003660 !important;
	}

/************ Bootstrap Theme Overides ************/	

.page-header {
	box-shadow: none; /* Hides default box shadow */
	border: none;
	padding: 0;
	margin: .25em 0 .5em;
	}
	
.path-user .label {
	color: #000 /* Color of label for memmber for */
	}

/************ Drupal Template ************/

/** Tabs **/

.path-people .tabs { 
	padding: 0 0 .5em 0;	
	}

/****** Breadcrumbs ******/
	
.breadcrumb > li {
	text-transform: capitalize; /*  Make first letter of each work capitalized */
	}
	
/****** Buttons ******/

.more-link a,
.button a {
	border-radius: .125em;
	font-size: 1em;
	text-decoration: none;
	float: left;
	padding: .25em .75em;
	margin: .125em .375em .125em 0;
	font-weight: 400;
	}
	
.more-link a:focus,
.more-link a:hover {
	text-decoration: none;
	}
	
/****** Paragraph Text Link and  Button Styling ******/

.paragraph .field--name-field-text a {
 	text-decoration: underline; /* Adds underline on paragraphs inline content links */
	}
	
.paragraph .field--name-field-text .button a {
 	text-decoration: none; /* Removes on paragraphs inline content links */
	}

/****** People List Button ******/
	
.people-list-row .button a {	
	font-size: .75em; /* Font size */
	}

/****** Button clear ******/

h3.clear,
h2.clear {
	clear: both;
	padding: .5em 0 0 0;
	}

/** Field Labels **/

.field-label-above {
	margin: .5em 0;
	}

/** Sidebar Second **/

.region-sidebar-second { 
	margin: 0;
	padding: 0;
	font-size: 1em;
	overflow-wrap: break-word;
	}

/* Default views and content blocks */

.region-sidebar-second .block-views,
.region-sidebar-second .block-block-content {
	padding: .5em;
	margin: 0 0 1em 0;
	font-size: .80em;
   	background-color: #fbfcfc;
	border: 1px solid #DCE1E5;		
	}

.region-sidebar-second a,
.region-content a {
 	text-decoration: none;
 	font-weight: 400;
	}

.region-sidebar-second a:focus,
.region-sidebar-second a:hover,
.region-content a:focus,
.region-content a:hover {
	text-decoration: underline;
	}

/************ Footer ************/	

.footer { /* Background color for footer block container */
	background: #003660;
	border-top: none;
	overflow: hidden;
	padding: .5em 0
	}

.footer-4-col li, 
.footer-4-col p  {
	line-height: 1.8em;
 	}	
 
.footer-4-col ul, 
.footer-4-col ol, 
.footer-4-col dl, 
.footer-4-col p {
	font-size: .75em;
    padding: 0;
    list-style: none;
	}

.footer a,
.footer {
 	color: #FFFFFF; /* White */
	}

.footer a:link:hover, 
.footer a:visited:hover,
.footer a:link:hover, 
.footer a:visited:hover { 
	color: #FEBC11; /* UCSB Gold */
	text-decoration: underline;
	}
	
/*** Footer Bottom ***/
	
.footer-bottom {
 	color: #FFFFFF; /* White */
	}
	
.footer-bottom a {
 	color: #FFFFFF; /* White */
 	text-decoration: underline;
	}

.footer-bottom a:link:hover, 
.footer-bottom a:visited:hover { 
	color: #FEBC11; /* UCSB Gold */
	text-decoration: underline;
	}

/************ Field CSS ************/	

.field--name-node-title {
	margin: 0;
	padding: 0;
	}

.field--name-field-date {
	font-size: .9em;
	font-weight: 500;
	margin: 0 0 .25em 0;
	}

.field--name-field-job-title {
	margin: auto;
	padding: 0 0 .75em 0;
	}

.paragraph--type--block-people-list .field--name-field-job-title {
	font-size: .85em;
	padding: 0 0 .25em 0;
	}

/************ Module CSS ************/

/** CKEditor Code Snippet **/

.hljs {
  	background: #000 !important;
	}
	
/** Ckeditor accordion **/

.ckeditor-accordion-container > dl {
  	border: none;
  	margin: 0;
	}
	
.ckeditor-accordion-container dt {
	font-size: inherit; 
	margin: .25em 0 .75em 0;
	}

.ckeditor-accordion-container > dl dt > a {
  	padding: .5em .5em .5em 3em;
  	border-bottom: none;
  	border-radius: .125em;
    text-decoration: none;
	}
	
.ckeditor-accordion-container > dl dd {
	margin-bottom: 1em; /* Margin at bottom of content */
	}

/** Ckeditor accordion block **/

.field--name-field-blocks .ckeditor-accordion-container {
	margin: 0;
	}

.field--name-field-blocks .ckeditor-accordion-container dt {
  	border: none;
  	margin: .4em 0 0 0; /* Space between accorions */
	}

.field--name-field-blocks .ckeditor-accordion-container > dl {
  	border: none;
  	margin: 0;
	}

.field--name-field-blocks .ckeditor-accordion-container > dl dt > a {
  	padding: .5em .5em .5em 3em;
  	border-bottom: none;
  	border-radius: .125em;
    text-decoration: none;
    font-size: .75em;
	}

.field--name-field-blocks .ckeditor-accordion-container > dl dd {
	margin-bottom: 0; /* Margin at bottom of content */
	}
	
/************ Add To Any Icons ************/

.news-teaser .addtoany_list.a2a_kit_size_32 a > span {
	margin: 0;
	}

.path-node .addtoany_list.a2a_kit_size_32 a > span {	
	margin: .5em 0;
	}

/************ File Icons ************/

.paragraph--type--block-files .file span,
.paragraph--type--inline-files .file span {
	background-color: transparent !important;
	border: none;
	line-height: 1.2em; /* spaceing between files */
	padding: 0 4px 0 0;
	}
	
/************ Font Awesome Icons ************/

/** Font Awesome ul li spacing **/	
	
.fa-ul {
    list-style-type: none;
	margin: .5em 0 .5em .25em;
    padding-left: 0;
	}

.fa-ul li {
	margin: .25em 0 0 0;
	}

.fa-icons-footer ul {
    padding: 0;
    list-style: none;
	}

.fas,	
.svg-inline--fa {
 	margin: 0 2px 0 0; /* Space between font-asesome  */
 	padding: 0;
	}

/** Social Media Footer **/

#block-socialmedia { /* Padding between blocks */
 	margin: 0;
 	padding: 0;
	}
	
.social-icons a { 
	font-size: 2.2em; /* Icon size */
 	margin: 0 4px 0 0; /* Spacing betwee icons */
 	padding: 0;
	}	

/************ HTML ************/

p {
	line-height: 1.6em;
	padding: .25em 0;
	}

blockquote {
    border-left: none; /* removes left border from blockquote */
    }
	
caption {
	font-size: 1.6em;
	}

hr {
	margin: 1.25em 0;
    border: 0;
    height: 1px;
	}

pre {
  	display: block;
  	padding: 1em;
  	margin: 1em 0;
  	word-break: break-all;
  	word-wrap: break-word;
  	background-color: #000;
  	border: none;
  	border-radius: .125em;
	}

small {
    font-size: .75em;
    line-height: .75em;
	}

/************ Content Types ************/

/** Event **/

.page-node-type-event .main-container {
	padding-bottom: 1em;
	}

.page-node-type-event h1 {
	margin: .25em 0 .5em 0;
	}
	
.page-node-type-event .paragraph--type--video-banner,
.page-node-type-event .paragraph--type--large-img {
	margin: 1em 0;
	}
	
.page-node-type-event iframe {
	display: block; /* Removes white space from bottom of map */
	}

.page-node-type-event .field--name-field-people-ref {
	margin-bottom: 2.4em;
	}

.page-node-type-event .field--name-field-paragraphs {
	clear: both;
	}
	
.page-node-type-event .paragraph--type--content {
	margin: .5em 0; /* Margin between each paragraph */
	}
	
.page-node-type-event .google-map h2 {
	clear: both; /* Prevents maps heading from floting */
	margin-top: 1.5em;
	}
	
/** News **/

.page-node-type-news .field--name-field-date { /* News date formatting for full content */
	font-size: 1em;
	font-weight: 500;
	margin: .25em 0;
	}

.page-node-type-news .paragraph--type--video-banner,
.page-node-type-news .paragraph--type--large-img {
	margin: 1em 0;
	}
	
.page-node-type-news iframe {
	display: block; /* Removes white space from bottom of map */
	}
	
.page-node-type-news .field--name-field-paragraphs {
	clear: both;
	}
	
.page-node-type-news .paragraph--type--content {
	margin: .5em 0; /* Margin between each paragraph */
	}
	
	
.page-node-type-news .main-container {
	padding-bottom: 1em;
	}
	
.news-teaser p {
	line-height: 1.6em;
	padding: 0 0;
	}

/** People **/

.page-node-type-people .group-header {
	margin: .5em 0 0 0;
	}

/************ Paragraphs ************/	

/** Page List **/

.page-list-row .node {
    margin: 0 0 .75em 0;
	}

/** People List **/

.people-list-row .node {
	font-size: .90em;
    padding: .25em;
    margin: 0 0 .75em 0;
	border-radius: .125em;
	}

.people-list-row .field { /* Row spaceing */
    padding: 0;
    margin: 0;
	}

.people-list-row  a:focus,
.people-list-row  a:hover {
    text-decoration: underline; 
	}

/** Content and Blocks **/	

.paragraph--type--block-people-list .node--view-mode-block-list {
	margin: .5em 0 0 0;	
	}


.paragraph--type--block-page-list .node--view-mode-block-teaser, 
.paragraph--type--block-people-list .node--view-mode-block-teaser {
	margin: .5em 0 0 0;	
	}

/************ Link Styles ************/

/** Related Links **/

.field--name-field-links .field--label { /* Related links heading */
	font-size: 1.2em;
	margin: .5em 0 .25em 0;
	padding: 0;
	}

.field--name-field-links .field--item {
  	float: left; /* Floats each link left */ 
	}

.field--name-field-links .field--item:after {
  	content: " , "; right: 3px; position: relative; /* Adds comma after content */
	}

.field--name-field-links .field--item:first-child:before {
    content: none; /* Hides content before links */
	}
	
.field--name-field-links .field--item:last-child:after {
    content: none; /* Hides content after links */
	}

/** People Ref Links **/

.field--name-field-people-ref .field--item {
  	float: left; /* Floats each link left */ 
	}

.field--name-field-people-ref .field--item:after {
  	content: " , "; right: 3px; position: relative; /* Adds comma after content */
	}

.field--name-field-people-ref .field--item:first-child:before {
    content: none; /* Hides content before links */
	}

.field--name-field-people-ref .field--item:last-child:after {
    content: none; /* Hides content after links */
	}

/************ Views ************/

/** Exposed Filters **/

.views-exposed-form { /* Note! uses "display: none" for mobile media query */
	margin: .5em 0 1em 0; /* Spacing around exposed filters on views page */
	}

.form-actions button {
	padding: .125em .375em;
	font-size: .75em !important; /* Font size for select list */
	height: 28px; /* Height of block */
	background-color: #DCE1E5;
	border: hidden;
	}
	
.form-actions button:focus,
.form-actions button:hover {
	color: #FFF !important;
	background-color: #5E707E; /* Hover button background color */
	}

.views-exposed-form label {
	font-size: .75em; /* Font size of filter labels */
    display: inline-block;
    float: left;
    margin: .4em;
	}

.views-exposed-form select {
	font-size: .75em; /* Font size for select list */
	height: 28px; /* Height of block */
	}

.views-exposed-form .form-text {
	font-size: .75em; /* Font size for text field */
	height: 28px; /* Height of block */
	max-width: 200px; /* Max width of text box */
	}

.views-exposed-form .form-item {
	margin: 0; /* Spacing of filters */
	}

/** Pagination **/
   
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
	color: #07528C;
	background-color: #EEF0F2; /* Hover button background color */
	border: 1px solid #DCE1E5;
	}  
	
.pagination > li > a:hover,
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus {
	color: #FFF;
	background-color: #5E707E; /* Hover button background color */
	border: 1px solid #DCE1E5;
	}	  
   
.pagination > li > a,
.pagination > li > span {
    color: #07528C;	
    border: 1px solid #DCE1E5;
	}

/************ Views Teasers ************/
	
/** Recent News and Spotlights **/

.view-news .views-row,
.view-spotlights .views-row,
.news-teaser .views-row {
	margin: 0 0 1.125em 0; /* Spacing between teasers */	
	}

.recent-news .views-row:nth-child(odd) .node--view-mode-page-overlay {
	float: left;
	}
	
.recent-news .views-row:nth-child(even) .node--view-mode-page-overlay {
	float: right;
	}

.recent-news .more-link,
.recent-spotlights .more-link {
	clear: both;
	padding: .125em;
	overflow: hidden;
	}

/** Events Teaser **/

.upcoming-events .event-text a {
    line-height: normal;
	margin: 0 0;
	}

.upcoming-events .event-text {
    font-size: .85em; /* Content text size */
    font-weight: normal;
	}

.paragraph--type-content-blocks > .group-right .upcoming-events .event-text {
   	font-size: .75em; /* Sidebar text size */
    font-weight: normal;	
	}

.upcoming-events .event-text p {
	margin: 0 0 2px 0;
	padding: 0;
	}
	
.upcoming-events .date-box  {
	position: relative;
	margin:  0 14px 0 0;
	padding: 4px;
	border-radius: 2px;	
	}
		
.upcoming-events .date-box-text {
    position: absolute;
    padding: 6px; 
    top: 50%;
    left: 50%;
    right: -50%;    
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: .75em;
    font-weight: 500;
    line-height: normal;
	}

.upcoming-events .views-row {
	margin: .75em 0; /* Spacing between events */
	clear: both;
	overflow: hidden;
	}
	
/************ Headings ************/	

/** H2 Headings **/

.page-list-row h2 { /* Heading link padding and margin */
	margin: 0 !important;
	}
	
/** H3 Headings **/	

.people-list-row h3,
.page-list-row h3,
.news-teaser h3 { /* Heading link padding and margin */
	margin: 0 !important;
	}

/************************ Breakpoints ************************/

/************ Begin breakpoint: desktop ************/
  
@media all and (min-width: 60.0625em) {

/* Block Logos SVG */	

.block-logos-01,
.block-logos-02,	
.block-logos-03  {
	padding: .75em;
	text-align: center;
	} 
	
.block-logos-01 img  {
	height: 140px; /* Show Website logo in Header */
	} 
	
.block-logos-02 img  {
	height: 100px; /* Show Website logo in Header */
	} 

.block-logos-03 img  {
	height: 100px; /* Show Website logo in Header */
	} 
	
	
/*  NEW */	

/**** Default Font Size ****/

body {
   font-size: 18px;   	
   }
  
/**** Taglines ****/

.body-tagline {
	font-size: 1.4em;
	font-weight: 500;
	font-style: italic;
	line-height: 1.4em;
    padding: .5em 0;
	} 

.page-node-type-news .news-tagline p {
    font-size: 1.4em;
    font-weight: 500;
    line-height: normal;
	}
	
/**** Blockquote ****/

blockquote p {
	font-size: 1.4em;
	line-height: normal;
	padding: 0 0 .25em 0;
    }
	
.fas.fa-quote-left {
	font-size: 1em !important;
	margin: 0 .125em 0 0 !important;
	}
	
.fas.fa-quote-right {
	font-size: 1em !important;
	margin: 0 0  0 .125em !important;
	}

blockquote cite {
    font-size: 1.1em;
    font-style: italic;
    line-height: normal;
    color: inherit;
	}
 
/** Spacers **/

.xlarge-spacer {
	padding: 16em 0;
	}

.large-spacer {
	padding: 12em 0;
	}
	
.medium-spacer {
	padding: 8em 0;
	}

.small-spacer {
	padding: 4em 0;
	}
	
/** Footer **/

.footer-4-col h2 {
	font-size: 1.1em;
	font-weight: 400;
	line-height: normal;
	margin: 0 0 .25em 0;
	}

.footer-4-col .region-footer-col-1 {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0 .25em 0 0;
	}

.footer-4-col .region-footer-col-2  {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0 .25em 0 .25em;
	}

.footer-4-col .region-footer-col-3  {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0 .25em 0 .25em;
	}

.footer-4-col .region-footer-col-4  {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0 0 0 .25em;
	}
	
/*** Footer Logos ***/

.footer-logo-dept {
	height: 100px;
	width: auto;
	margin-bottom: .5em;
	}

.footer-logo {
	height: 14px;
	width: auto;
	margin-bottom: .5em;
	}
	
/************ HTML ************/

/**** H1 Headings ****/

/** h1 Default Heading **/

h1 {
	font-size: 1.8em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0 .5em 0;
	}

/** H1 Content Types **/

.page-node-type-news h1 {
	font-size: 1.8em;
	font-weight: 500;
	line-height: normal;
	margin: 0 0 .10em 0;
	}
	
.page-node-type-people h1 {
	font-size: 1.8em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0 0 0;
	}

/**** H2 Headings ****/

/** h2 Default Heading **/

h2 {
	font-size: 1.5em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0;
	}

/** h2 Paragraph Inline **/

.paragraph--type-content-blocks .group-right h2,
.paragraph--type--inline-files h2,
.paragraph--type--inline-text h2 {
	font-size: 1.2em;
	}
	
/**** H3 Headings ****/

/** h3 Default Heading **/

h3 {
	font-size: 1.2em;
	font-weight: 500;
	line-height: normal;
	margin: 0 0 .25em 0;
	}

/** H3 Views **/

.view-directory .views-row h3 {
	margin: 0;
	}
	
.paragraph--type-page-list h3 {
	margin: 0;
	}			

/** h4 Default Heading **/

/* H4 Heading */

h4 {
	font-size: 1.1em;
	font-weight: 500;
	line-height: normal;
	margin: 0 0 .25em 0;
	}

/**** Teaser Headings ****/

/* Remove commenting if using display suite avanced view mode for news teaser */

/*
.view-news .view-header h1,
.view-spotlights .view-header h2 {
	font-size: 1.5em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0 .5em 0;
	}
*/

/** H2 Teaser Headings **/

.recent-news h2,	
.recent-spotlights h2 {
	font-size: 1.4em;
	margin: .25em 0 .5em 0;
	}

.news-teaser h2,
.spotlight-teaser h2,
.event-teaser h2 {
	font-size: 1.2em;
	margin: 0;
	}	

/** H3 Teaser Headings **/
	
.upcoming-events h3 {
	font-size: 1.2em;
	margin: 0;
	}

.node--view-mode-block-list h3,
.node--view-mode-block-teaser h3 {
	font-size: 1em;
	margin: 0;
	}

/**** Sidebar Second ****/

.region-sidebar-second h3 {
	font-size: 1.2em;
	}

.region-sidebar-second strong {
	font-size: 1.1em;
	}

/************ Teaser Layouts ************/

/** Block Teaser for Content and Blocks **/

.node--view-mode-block-teaser .group-left {
	width: 26%;
	margin: 0;	
	padding: 0 .75em 0 0;	
	}

.node--view-mode-block-teaser .group-right {
	width: 74%;
	margin: 0;	
	padding: .5em .5em 0 0;
	}	

/** News and Spotlight Teasers **/

.news-teaser .group-left,
.spotlight-teaser .group-left {
  	float: left;
    width: 20%;  	
  	margin: 0;
    padding: 0 1em 0 0; 
	}

.news-teaser .group-right,	
.spotlight-teaser .group-right {
  	float: left;
  	width: 80%;
  	margin: 0;
    padding: 0;
	}

/** Recent News View **/
	
.recent-news .views-row .node--view-mode-page-overlay {
	position: relative; /* Puts image behind text */
	width: 48.5%; /* Width of teaser blocks */
	margin: 0 0 1em 0;
	}	

/** Spotlight Teasers **/

.recent-spotlights .views-row .group-left {
  	float: left;
    width: 50%;  	
  	margin: 0;
    padding: 0 1em 0 0; 
	}
	
.recent-spotlights .views-row .group-right {
  	float: left;
  	width: 50%;
  	margin: 0;
    padding: 0;
	}	
	
/** Page list **/

.page-list-row .group-left {
	width: 14%;
  	margin: 0;
    padding: 0;
	}

.page-list-row .group-right {
    width: 86%;  	
  	margin: 0;
    padding: 0 0 0 1em; 
	}
	
/** People List **/

.people-list-row .group-left  {
	float: left;
    width: 20%;  	
   	margin: 0;
    padding: .25em;
	}
	
.people-list-row .group-middle {
	float: left;
    width: 40%;  	
  	margin: 0;
    padding: .25em;
	}
	
.people-list-row .group-right {
	float: left;
    width: 40%;  	
  	margin: 0;
    padding: .25em;
	}

/** Upcoiming Events Teaser **/

.upcoming-events .group-left {
  	float: left;
  	width: 20%;
  	max-width: 84px;
  	margin: 0;
    padding: 0 1em 0 0; 
	}
	
.upcoming-events .group-right {
  	float: left;
  	width: 80%;
  	margin: 0;
    padding: 0;
	}

.upcoming-events .group-left .date-box  {
	width: 100%;
	min-width: 2em; 
	height: 64px;
	min-height: 3em;
	}
	
.paragraph--type-content-blocks .group-left .date-box  {
	width: 100%;
	min-width: 2em; 
	height: 48px;
	min-height: 2em;
	}	

/*** Page Ref Teaser Titles and Text ***/

.paragraph--type-page-ref-2 h2,
.paragraph--type-page-ref-2 h3,
.paragraph--type-page-ref-3 h2,
.paragraph--type-page-ref-3 h3,
.paragraph--type-page-ref-4 h2,
.paragraph--type-page-ref-4 h3 {
	margin: .125em 0 0 0;
	}

.paragraph--type-page-ref-2 .field--name-field-teaser-text,
.paragraph--type-page-ref-3 .field--name-field-teaser-text,
.paragraph--type-page-ref-4 .field--name-field-teaser-text,
.paragraph--type-page-ref-2 .field--type-text-with-summary,
.paragraph--type-page-ref-3 .field--type-text-with-summary,
.paragraph--type-page-ref-4 .field--type-text-with-summary {
	margin: .125em 0 0 0;
	font-size: .9em !important;
	}
	
}
/************ End breakpoint: desktop ************/

/************ Begin breakpoint: tablet ************/
  
@media all and (min-width: 45.0625em) and (max-width: 60em) {

/* Block Logos SVG */	
	
.block-logos-01,
.block-logos-02,	
.block-logos-03  {
	padding: .75em;
	text-align: center;
	} 
	
.block-logos-01 img  {
	height: 90px; /* Show Website logo in Header */
	} 
	
.block-logos-02 img  {
	height: 70px; /* Show Website logo in Header */
	} 

.block-logos-03 img  {
	height: 80px; /* Show Website logo in Header */
	} 
	
/*  NEW */	

/**** Default Font Size ****/

body {
   font-size: 16px;   	
   }
   
/**** Taglines ****/

.body-tagline {
	font-size: 1.4em;
	font-weight: 500;
	font-style: italic;
	line-height: 1.4em;
    padding: .5em 0;
	}
	
.page-node-type-news .news-tagline p {
    font-size: 1.2em;
    font-weight: 500;
    line-height: normal;
	}

/**** Blockquote ****/

blockquote p {
	font-size: 1.1em;
	line-height: normal;
	padding: 0 0 .25em 0;
    }
	
.fas.fa-quote-left {
	font-size: 1.1em !important;
	margin: 0 .125em 0 0 !important;
	}

.fas.fa-quote-right {
	font-size: 1.1em !important;
	margin: 0 0  0 .125em !important;
	}

blockquote cite {
    font-size: .85em;
    font-style: italic;
    line-height: normal;
    color: inherit;
	}
 	
/** Spacers **/

.xlarge-spacer {
	padding: 8em 0;
	}
	
.large-spacer {
	padding: 6em 0;
	}

.medium-spacer {
	padding: 4em 0;
	}

.small-spacer {
	padding: 2em 0;
	}

/** Footer **/

.footer-4-col h2 {
	font-size: 1em;
	font-weight: 400;
	line-height: normal;
	margin: 0 0 .25em 0;
	}
	
.footer-4-col .region-footer-col-1 {
	float: left;
	width: 30%;
	margin: 0;
	padding: 0 .25em 0 0;
	}
	
.footer-4-col .region-footer-col-2  {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0 .25em 0 .25em;
	}

.footer-4-col .region-footer-col-3  {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0 .25em 0 .25em;
	}
	
.footer-4-col .region-footer-col-4  {
	float: left;
	width: 20%;
	margin: 0;
	padding: 0 0 0 .25em;
	}

/*** Footer Logos ***/

.footer-logo-dept {
	height: 18px;
	width: auto;
	margin-bottom: .5em;
	}

.footer-logo {
	height: 12px;
	width: auto;
	margin-bottom: .5em;
	}
	
/************ HTML ************/

/**** H1 Headings ****/

/** h1 Default Heading **/

h1 {
	font-size: 1.5em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0 .5em 0;
	}

/** H1 Content Types **/

.page-node-type-news h1 {
	font-size: 1.5em;
	font-weight: 500;
	line-height: normal;
	margin: 0 0 .10em 0;
	}
	
.page-node-type-people h1 {
	font-size: 1.5em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0 0 0;
	}

/**** H2 Headings ****/

/** h2 Default Heading **/

h2 {
	font-size: 1.3em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0;
	}
	
/** h2 Paragraph Inline **/

.paragraph--type-content-blocks .group-right h2,
.paragraph--type--inline-files h2,
.paragraph--type--inline-text h2 {
	font-size: 1.2em;
	}

/**** H3 Headings ****/

/** h3 Default Heading **/

h3 {
	font-size: 1.1em;
	font-weight: 500;
	line-height: normal;
	margin: 0 0 .25em 0;
	}
	
/** H3 Views **/

.view-directory .views-row h3 {
	margin: 0;
	}
	
.paragraph--type-page-list h3 {
	margin: 0;
	}

/** h4 Default Heading **/

/* H4 Heading */

h4 {
	font-size: 1.1em;
	font-weight: 500;
	line-height: normal;
	margin: 0 0 .25em 0;
	}
	
/**** Teaser Headings ****/

/* Remove commenting if using display suite avanced view mode for news teaser */

/*
.view-news .view-header h1,
.view-spotlights .view-header h2 {
	font-size: 1.6em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0 .5em 0;
	}
*/

/** H2 Teaser Headings **/

.recent-news h2,	
.recent-spotlights h2 {
	font-size: 1.4em;
	margin: 0 0 .5em 0;
	}

.news-teaser h2,
.spotlight-teaser h2,
.event-teaser h2 {
	font-size: 1.125em;
	margin: 0;
	}
	
/** H3 Teaser Headings **/
	
.upcoming-events h3 {
	font-size: 1.2em;
	margin: 0;
	}
	
.node--view-mode-block-list h3,
.node--view-mode-block-teaser h3 {
	font-size: 1em;
	margin: 0;
	}
	
/**** Sidebar Second ****/

.region-sidebar-second h3 {
	font-size: 1.2em;
	}

.region-sidebar-second strong {
	font-size: 1.1em;
	}

/************ Teaser Layouts ************/

/** Block Teaser for Content and Blocks **/

.node--view-mode-block-teaser .group-left {
	width: 26%;
	margin: 0;	
	padding: 0 .75em 0 0;	
	}

.node--view-mode-block-teaser .group-right {
	width: 74%;
	margin: 0;	
	padding: .5em .5em 0 0;
	}
	
/** News and Spotlight Teasers **/

.news-teaser .group-left,
.spotlight-teaser .group-left {
  	float: left;
    width: 26%;  	
  	margin: 0;
    padding: 0 1em 0 0; 
	}

.news-teaser .group-right,	
.spotlight-teaser .group-right {
  	float: left;
  	width: 74%;
  	margin: 0;
    padding: 0;
	}

/** Recent News View **/
	
.recent-news .views-row .node--view-mode-page-overlay {
	position: relative; /* Puts image behind text */
	width: 48.5%; /* Width of teaser blocks */
	margin: 0 0 1em 0;
	}

/** Spotlight Teasers **/

.recent-spotlights .views-row .group-left {
  	float: left;
    width: 50%;  	
  	margin: 0;
    padding: 0 1em 0 0; 
	}
	
.recent-spotlights .views-row .group-right {
  	float: left;
  	width: 50%;
  	margin: 0;
    padding: 0;
	}
	
/** Page list **/

.page-list-row .group-left {
	width: 22%;
  	margin: 0;
    padding: 0;
	}

.page-list-row .group-right {
    width: 78%;  	
  	margin: 0;
    padding: 0 0 0 1em; 
	}

/** People List **/

.people-list-row .group-left  {
	float: left;
    width: 30%;  	
   	margin: 0;
    padding: .25em;
	}
	
.people-list-row .group-middle {
	float: left;
    width: 70%;  	
  	margin: 0;
    padding: .25em;
	}
	
.people-list-row .group-right {
	float: left;
    width: 100%;  	
  	margin: 0;
    padding: .25em;
	}
	
/** Upcoiming Events Teaser **/

.upcoming-events .group-left {
  	float: left;
  	width: 20%;
  	max-width: 84px;
  	margin: 0;
    padding: 0 1em 0 0; 
	}
	
.upcoming-events .group-right {
  	float: left;
  	width: 80%;
  	margin: 0;
    padding: 0;
	}

.upcoming-events .group-left .date-box  {
	width: 100%;
	min-width: 2em; 
	height: 64px;
	min-height: 3em;
	}
	
.paragraph--type-content-blocks .group-left .date-box  {
	width: 100%;
	min-width: 2em; 
	height: 48px;
	min-height: 2em;
	}

/*** Page Ref Teaser Titles and Text ***/

.paragraph--type-page-ref-2 h2,
.paragraph--type-page-ref-2 h3,
.paragraph--type-page-ref-3 h2,
.paragraph--type-page-ref-3 h3,
.paragraph--type-page-ref-4 h2,
.paragraph--type-page-ref-4 h3 {
	margin: .125em 0 0 0;
	}

.paragraph--type-page-ref-2 .field--name-field-teaser-text,
.paragraph--type-page-ref-3 .field--name-field-teaser-text,
.paragraph--type-page-ref-4 .field--name-field-teaser-text,
.paragraph--type-page-ref-2 .field--type-text-with-summary,
.paragraph--type-page-ref-3 .field--type-text-with-summary,
.paragraph--type-page-ref-4 .field--type-text-with-summary {
	margin: .125em 0 0 0;
	font-size: .9em !important;
	}

}
/************ End breakpoint: tablet ************/

/************ Begin breakpoint: mobile ************/
@media all and (max-width: 45em) {

/* Block Logos SVG */	
	
.block-logos-01,
.block-logos-02,	
.block-logos-03  {
	padding: .75em;
	text-align: center;
	} 
	
.block-logos-01 img  {
	height: 140px; /* Show Website logo in Header */
	} 
	
.block-logos-02 img  {
	height: 100px; /* Show Website logo in Header */
	} 

.block-logos-03 img  {
	height: 100px; /* Show Website logo in Header */
	} 
	
/*  NEW */	

/**** Default Font Size ****/

body {
   font-size: 16px;   	
   }
     
/**** Taglines ****/

.body-tagline {
	font-size: 1em;
	font-weight: 500;
	font-style: italic;
	line-height: 1.3em;
    padding: .5em 0 1em 0;
	}

.page-node-type-news .news-tagline p {
    font-size: 1.1em;
    font-weight: 500;
    line-height: normal;
	}

/**** Blockquote ****/

blockquote p {
	font-size: 1.1em;
	line-height: normal;
	padding: 0 0 .25em 0;
    }

.fas.fa-quote-left {
	font-size: 1.1em !important;
	margin: 0 .125em 0 0 !important;
	}

.fas.fa-quote-right {
	font-size: 1.1em !important;
	margin: 0 0  0 .125em !important;
	}

blockquote cite {
    font-size: .85em;
    font-style: italic;
    line-height: normal;
    color: inherit;
	}
	
/** Spacers **/

.xlarge-spacer {
	padding: 1em 0;
	}
	
.large-spacer {
	padding: 1em 0;
	}

.medium-spacer {
	padding: 1em 0;
	}

.small-spacer {
	padding: 1em 0;
	}
	
/** Footer **/

.footer-4-col h2 {
	font-size: 1em;
	font-weight: 400;
	line-height: normal;
	margin: 0 0 .25em 0;
	}
	
.footer-4-col .region-footer-col-1 {
	float: none;
	width: 100%;
	margin: 0 0 .75em 0;
	padding: 0;
	}
	
.footer-4-col .region-footer-col-2  {
	float: none;
	width: 100%;
	margin: 0 0 .25em 0;
	padding: 0;
	}

.footer-4-col .region-footer-col-3  {
	float: none;
	width: 100%;
	margin: 0 0 .25em 0;
	padding: 0;
	}
	
.footer-4-col .region-footer-col-4  {
	float: none;
	width: 100%;
	margin: 0 0 .25em 0;
	padding: 0;
	}
			
/*** Footer Logos ***/

.footer-logo-dept {
	height: 18px;
	width: auto;
	margin-bottom: .5em;
	}

.footer-logo {
	height: 12px;
	width: auto;
	margin-bottom: .5em;
	}

/************ HTML ************/

/**** H1 Headings ****/

/** h1 Default Heading **/

h1 {
	font-size: 1.5em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0 .5em 0;
	}

/** H1 Content Types **/

.page-node-type-news h1 {
	font-size: 1.5em;
	font-weight: 500;
	line-height: normal;
	margin: 0 0 .10em 0;
	}

.page-node-type-people h1 {
	font-size: 1.5em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0 0 0;
	}
	
/**** H2 Headings ****/

/** h2 Default Heading **/

h2 {
	font-size: 1.2em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0;
	}

/** h2 Paragraph Inline **/

.paragraph--type-content-blocks .group-right h2,
.paragraph--type--inline-files h2,
.paragraph--type--inline-text h2 {
	font-size: 1.1em;
	}	
			
/**** H3 Headings ****/

/** h3 Default Heading **/

h3 {
	font-size: 1.1em;
	font-weight: 500;
	line-height: normal;
	margin: 0 0 .25em 0;
	}
	
/** H3 Views **/

.view-directory .views-row h3 {
	margin: 0;
	}
	
.paragraph--type-page-list h3 {
	margin: 0;
	}
	
/** h4 Default Heading **/

/* H4 Heading */

h4 {
	font-size: 1.1em;
	font-weight: 500;
	line-height: normal;
	margin: 0 0 .25em 0;
	}

 /**** Teaser Headings ****/

/* Remove commenting if using display suite avanced view mode for news teaser */

/*
.view-news .view-header h1,
.view-spotlights .view-header h2 {
	font-size: 1.5em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0 .5em 0;
	}
*/	

/** H2 Teaser Headings **/

.recent-news h2,	
.recent-spotlights h2 {
	font-size: 1.4em;
	margin: 0 0 .5em 0;
	}

.news-teaser h2,
.spotlight-teaser h2,
.event-teaser h2 {
	font-size: 1.2em;
	margin: 0;
	}

/** H3 Teaser Headings **/
	
.upcoming-events h3 {
	font-size: 1.2em;
	margin: 0;
	}

.node--view-mode-block-list h3,
.node--view-mode-block-teaser h3 {
	font-size: 1em;
	margin: 0;
	}
	
 /**** Sidebar Second ****/

.region-sidebar-second h3 {
	font-size: 1.2em;
	}
	
.region-sidebar-second strong {
	font-size: 1.1em;
	}

/************ Teaser Layouts ************/

/** Block Teaser for Content and Blocks **/

.node--view-mode-block-teaser .group-left {
	width: 26%;
	margin: 0;	
	padding: 0 .75em 0 0;	
	}

.node--view-mode-block-teaser .group-right {
	width: 74%;
	margin: 0;	
	padding: .5em .5em 0 0;
	}

/** News and Spotlight Teasers **/

.news-teaser .group-left,
.spotlight-teaser .group-left {
  	float: none;
    width: 100%;  	
  	margin: 0;
    padding: 0 0 .25em 0;
	}

.news-teaser .group-right,	
.spotlight-teaser .group-right {
  	float: none;
    width: 100%;  	
  	margin: 0;
    padding: 0 0 1em 0;
	}

/** Recent News View **/
	
.recent-news .views-row .node--view-mode-page-overlay {
	position: relative; /* Puts image behind text */
	width: 100%; /* Width of teaser blocks */
	margin: 0 0 1em 0;
	}

/** Spotlight Teasers **/

.recent-spotlights .views-row .group-left {
   	float: none;
    width: 100%;  	
  	margin: 0;
    padding: 0 0 .5em 0;   
	}
	
.recent-spotlights .views-row .group-right {
   	float: none;
    width: 100%;  	
  	margin: 0;
    padding: 0 0 0 0;  
	}
	
/** Page list **/

.page-list-row .group-left {
	width: 100%;
  	margin: 0 0 .25em 0;
    padding: 0;
	}

.page-list-row .group-right {
	width: 100%;
  	margin: 0 0 .75em 0;
    padding: 0;
	}	

/** People List **/

.people-list-row .group-left  {
	float: none;
    width: 100%;  	
   	margin: 0;
    padding: .25em;
	}
	
.people-list-row .group-middle {
	float: none;
    width: 100%;  	
   	margin: 0;
    padding: .25em;
	}
	
.people-list-row .group-right {
	float: none;
    width: 100%;  	
   	margin: 0;
    padding: .25em;
	}

/** Upcoiming Events Teaser **/

.upcoming-events .group-left {
  	float: left;
  	width: 20%;
  	max-width: 84px;
  	margin: 0;
    padding: 0 1em 0 0; 
	}
	
.upcoming-events .group-right {
  	float: left;
  	width: 80%;
  	margin: 0;
    padding: 0;
	}

.upcoming-events .group-left .date-box  {
	width: 100%;
	min-width: 2em; 
	height: 64px;
	min-height: 3em;
	}
	
.paragraph--type-content-blocks .group-left .date-box  {
	width: 100%;
	min-width: 2em; 
	height: 48px;
	min-height: 2em;
	}
	
/*** Page Ref Teaser Titles and Text ***/

.paragraph--type-page-ref-2 h2,
.paragraph--type-page-ref-2 h3,
.paragraph--type-page-ref-3 h2,
.paragraph--type-page-ref-3 h3,
.paragraph--type-page-ref-4 h2,
.paragraph--type-page-ref-4 h3 {
	margin: .125em 0 0 0;
	}

.paragraph--type-page-ref-2 .field--name-field-teaser-text,
.paragraph--type-page-ref-3 .field--name-field-teaser-text,
.paragraph--type-page-ref-4 .field--name-field-teaser-text,
.paragraph--type-page-ref-2 .field--type-text-with-summary,
.paragraph--type-page-ref-3 .field--type-text-with-summary,
.paragraph--type-page-ref-4 .field--type-text-with-summary {
	margin: .125em 0 0 0;
	font-size: .9em !important;
	}
	
}
/************ End breakpoint: mobile ************/







.logos {
	display: flex;
	justify-content: space-between;
	gap: 2vw;

}


#block-logos-01 {
	flex-grow: 2;
}

#block-logos-02 {
	flex-grow: 2;
}
#block-logos-03 {
	flex-grow: 1.3;
	flex-shrink: 1;
}
#block-logos-04 {
	flex-grow: 4;
}