/*
 Theme Name:   total-child
 Theme URI:    https://www.hawaii.edu/total-child/
 Description:  Total Child Theme
 Author:       Media Productions
 Author URI:   https://www.hawaii.edu
 Template:     Total
 Version:      2.0.0
 License:
 License URI:
 Tags:         light, responsive-layout, accessibility-ready, multisite
 Text Domain:  total-child
*/

/*parent style sheet and other style css are equeue-d in childtheme functions.php
 #907139 is the darker gold color used for the type on this site */

/*------------------------------------------------------------------
[Browser Reset] focus tab accessibility-- ADA
-------------------------------------------------------------------*/
        a:focus, input#searchq.field:focus, button.searchform-submit:focus, select#programs:focus, select#campus:focus, select#types:focus, input#personButton:focus, input#deptButton:focus, select#mykey:focus, select#to:focus, textarea#body:focus, input[type="text"]:focus, input[type="submit"]:focus, input#q:focus, input[type="search"]:focus, div.vc_toggle_title:focus,.wpex-slider .sp-button:focus, .sp-horizontal .sp-previous-arrow:focus, .sp-arrow.sp-next-arrow:focus, .rs-wclickaction:focus {outline: #2c75ba solid 2px !important;} /*added search box to focus ADA-03-07*/
/*------------------------------------------------------------------
skip nav to content--ADA */
a.skip-to-content.local-scroll-link, .screen-reader-shortcut,
.skip-link {
 /*   position: absolute;
    top: -1000px;
	left: -1000px;
	height: 1px;
	width: 1px;
	overflow: hidden;*/
    /* Styled to match the default WordPress screen reader text */
    background-color: #ffffff !important;
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3);
    box-shadow: 0 0 2px 2px rgba(0,0,0,.3);
    color: #2c75ba;
    display: block;
    font-family: 'Inter', 'Open Sans', 'Tahoma', sans-serif;
    font-size: 1.10em;
    font-weight: 600;
    line-height: normal;
    padding: 10px 15px 10px;
    text-decoration: none;
    z-index: 100000; /* Above WP toolbar */
    -webkit-transition: top .75s ease-out;
    transition: top .75s ease-out;
}
/*a.skip-link:focus,
a.skip-link:active,
a.skip-link:hover {
    color: #2c75ba !important;
    top: -20px;
	left: -550px;
	width: 20%;
	height: auto;
	overflow: visible;
	background-color: #ffffff !important;
    -webkit-transition: top 0s;
    transition: top 0s;
}*/
.skip-to-content{color:#2970b2 !important;}

/*selecting font Open Sans with Tahoma as secondary for okinas*/
body, #site-logo a.site-logo-text, #top-bar-content, #site-navigation .dropdown-menu a, #site-navigation .dropdown-menu ul a, .wpex-mobile-menu, #sidr-main, .page-header .page-header-title, .page-header .page-subheading, .blog-entry-title.entry-title a,.blog-entry-title.entry-title a:hover, body .single-post-title, .site-breadcrumbs, .theme-heading,.page-header-title,.heading-typography,.widget-title,.wpex-widget-recent-posts-title,.comment-reply-title,.vcex-heading,.entry-title,.sidebar-box .widget-title,.search-entry h2, .sidebar-box .widget-title, .entry h1, .entry h2, .entry h3, .entry h4, .footer-widget .widget-title, .footer-callout-content, #copyright, #footer-bottom-menu {
	font-family: 'Inter', 'Open Sans', 'Tahoma', sans-serif;
}
body {
	color: #222222;/*visual ratio 3:1 from link text for ADA-216*/
	background-color: #ffffff; /*background needs to be stated for ADA*/
}
p a, ul li a, ol li a, figcaption a {
	 border-bottom: 1px dashed;
}
p a:hover, ul li a:hover, ol li a:hover, figcaption a:hover, a.sf-with-ul, #topnav-footer-left li a, #top-bar-social.top-bar-right a, .top-bar-menu li a, a.rsswidget, li.menu-item a {
	 border-bottom: none;
}
.no-dash-underline li a {
	border-bottom: none;
}
p, ul, ol, li ul li {
	font-size: 1.25em;
}
ul ol li ul li, ul ul li ul li, ol li ul li, ul li ul li, ol li ol li,
.faq-arrow-left ul ul li, .faq-arrow-left ul li ul li {
	font-size: 81%;
}
ul li ul li, .faq-arrow-left ul ul li, .faq-arrow-left ul li ul li {
	list-style-type: circle;
}
ul li ul li ul li {
	list-style-type: square;
}
.extra-bottompadding-6px ul li, .extra-bottompadding-6px ol li
{
	padding-bottom: 6px;
}
.extra-bottompadding-6px ul li ul li {
	padding-bottom: 3px;
}
.extra-bottompadding-6px ul li ul li:last-child {
	padding-bottom: 6px;
}
ol.I {
	list-style-type: upper-roman;
}
ol.i {
	list-style-type: lower-roman;
	font-size:100%;
	}
ol.a {
	list-style-type: lower-alpha;
}
.li-indent-no-dot ul {
	list-style: none !important;
}
.numbered-list-xtra-bottom ol li {
	padding-bottom: 10px;
}
.box-check-list ul {
  list-style: none;
  float: left;
}
.box-check-list input[type="checkbox"] {/*Risk management guidelines for activities checklist page*/
	margin-left: -25px;
}
h1.page-header-title {
	font-weight: 600;
	font-size: 2em;
}
div.page-subheading {
	font-size: 1.55em;
	color: #222222;/*changed for 3:1 contrast ADA-216*/
}
/*comments*/
div.comment-content p {
	font-size: 0.9em;
}
/*subhead for category/archive page--in description field*/
div.page-subheading p {
	font-size: 0.9em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.3em;
	font-weight: 600 !important;
}
h1, h2, h3, h4, h5, h6 {
    color: #000000;
    margin-bottom: 18px;
	font-family: 'Inter', 'Open Sans', 'Tahoma', sans-serif;
}
h2 a, h3 a, h4 a, h5 a {
	color: #3969cc;/*visual ratio 3:1 from surrounding text for ADA-216*/
	text-decoration: none;
	font-family: 'Inter', 'Open Sans', 'Tahoma', sans-serif;
}
h2 a:hover, h3 a:hover, p a:hover, .site-breadcrumbs a:hover, ul li a:hover {
	color: #907139 !important;
	text-decoration: underline !important;/*visual change on hover for ADA*/
	font-family: 'Inter', 'Open Sans', 'Tahoma', sans-serif;
	border-bottom: none;
}
hr {
border: solid #ddcbab;
border-width: 1px 0 0;
}
.breadcrumb-trail {
	font-size: 1.2em;
}
abbr[title]{
	text-decoration: none;
}
.emergency-box h2, .emergency-box strong {
	color:#dd3333;
}
/*-------------------top-bar with icons------------------- */
#top-bar {
    padding: 6px 0;
}
.top-bar-menu {
    line-height: 2.3em;
	font-size: 1.17em;
}
#top-bar-social.top-bar-right a {
	padding-left: 11px;
	transition: 2s ease-in-out;
}
#top-bar-social span.ticon.ticon:hover {
    color: #f0d695 !important;
	background-color: #444444;/*background needs to be stated- ADA*/
	transform: scale(1.4);/* visual change on hover other than color- ADA*/
}
.top-bar-menu a:hover {
    color: #f0d695 !important;
	background-color: #444444;/*background needs to be stated- ADA*/
	text-decoration: underline;/* visual change on hover other than color- ADA*/
}
.wpex-flex-row-reverse { /*new total*/
    -webkit-box-direction: row;
    -ms-flex-direction: row;
    flex-direction:row;
}
/*notification messages--*/
.mtsnb a {
    text-decoration: underline;
}
/*-------------pages- inset gray box---------------*/
.page-gray-box { /*used in calendar sidebar*/
	padding: 20px;
	background-color: #f3f3f3;
}
.page-gray-box h2, .page-gray-box h3, .page-gray-box h4 {
	margin-top: 0;
}
.page-gray-box-toggle {
	padding:3px 20px 20px 20px;
	background-color: #f3f3f3;
	margin-bottom: 0;
}
.page-gray-box-toggle i.vc_toggle_icon {
    height: 6px;
    width: 6px;
	float: left;
    margin: 4px -21px 3px 0;
}
/*--------------responsive tables-------------*/
table, table th, table td { width: auto; margin: 0; padding: 0; border: 0; outline: 0; background: none; text-align: left; }

.ourtable, .ourtable-calendar {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  font-size: 1.2em;
}
.ourtable tr, .ourtable-calendar tr {
  background: #ffffff;
  border-bottom: 1px solid rgba(144,113,57,0.5);
  padding: .35em;
}
.ourtable-calendar th,
.ourtable-calendar td,
.ourtable th,
.ourtable td {
  padding: .625em;
  text-align: left;
}
.ourtable td, 
.ourtable th {
	border: 1px solid rgba(144,113,57,0.5);
}
.ourtable th {
  font-weight: 700;
  background-color: #f3f3f3;
}
.ourtable-calendar th {
  font-weight: 600;
  background-color: #f3f3f3;
}
.ourtable-calendar td ol,
.ourtable td ol {
	font-size: inherit;
	margin-left: 12px;
}
table.ourtable caption  {
	margin-bottom: 9px!important;
}
table.ourtable caption.risk-matrix {
	margin-left: 21%;
}
/*see @media screen and (max-width: 680px) for responsiveness*/

.table-responsive .faq-arrow-left h3.vc_custom_heading {
	display: inline-block;
}
.table-responsive .faq-arrow-left div.vc_toggle_content {
	padding-left: 0;
}
.table-list {
	font-size: 1.2em;
}
.table-list th {
	font-weight: 700;
}

.budget-1 caption {
	margin-bottom: 6px;
}
.budget-1 {
    border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #444444;
	width: 100%;
}
.budget-1 thead th.first-head-777 {
	background-color: #595959;
	color: #ffffff;
	vertical-align: middle;
}
.budget-1 thead th {
	padding: 9px;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	color: #ffffff;
    font-weight: 600;
	text-align: center;
	background-color: #595959;
}
.budget-1 thead th:first-child, .budget-1 tbody td:first-child {
	border-left: 0;
	}
.budget-1 tbody td.right {
	text-align: -webkit-right;
	padding: 9px;
}
.budget-1 tbody td {
    padding: 9px;
    line-height: 1.4em;
    color: #222222;
    background: #ffffff;
	border-left: 1px solid #444444;
	border-top: 1px solid #444444;
}
/* -----------H2 at top of the page------------*/
h2.top-most {
	margin-top: 0;
}
.small-caps, .small-text, .small {
	font-size: 0.8em;
}
.hanging-indent p {
	padding-left: 75px;
  	text-indent: -75px;
  	margin: 0;
}
span.indent {
	padding-left: 30px;
}
#wp-calendar tfoot td, #wp-calendar thead th,
#wp-calendar tbody td {
    line-height: 2.2em;
    font-size: 1.4em;
}
#wp-calendar thead th {
	color: #222222;
}
#wp-calendar caption {
	font-size: 1.5em;
}
.calendar-sidebar h4, .calendar-sidebar h3 {
	color: #907139;
	margin-bottom: 9px;
}
 .sidebar-box h2 {
	margin-top: 0;
}
.calendar-days .hanging-indent h3 {
	border-bottom: 1px #907139;
	border-style: solid;
	padding-bottom: 6px;
}
#sidebar-inner .widget_categories h3.widget-title {
	font-size: 1.25em;
	margin-bottom: 9px;
	color: #222222;
	font-weight: 500;
}
.widget-no-title ul li,
.widget-list-disc ul li,
.widget-maunakea ul li {
	list-style: disc;
	margin-left: 20px;
}
.widget-no-title h3 {
	visibility: hidden;
	margin-top: -40px;
}
/*-----Last modified date at bottom of page-----*/
.last-modified-date {
	margin-bottom: 6px;
	float: right;
	font-size: 0.9em;
}
/* ---------caption text for photos---------------*/
.wp-caption p.wp-caption-text {
    text-align: left;
}
.wp-caption {
	border: none;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
/* ----------major menu on homepage -----------*/
.sf-menu {
	padding-top: 9px;
	float: right;
	font-size: 1em;
}
#site-navigation .dropdown-menu .menu-item span.link-inner {
	color: #000000;
}
/*top three items in major menu*/
#site-navigation .dropdown-menu .menu-item span.link-inner span:hover,
#site-navigation .dropdown-menu .menu-item span.link-inner:hover {
	color: #886a32 !important;
	text-decoration: underline;
}
#site-navigation .dropdown-menu .menu-item .nav-no-click span:hover,
#site-navigation .dropdown-menu .menu-item .nav-no-click span.link-inner:hover {
    text-decoration: none !important;
}
#site-navigation .dropdown-menu ul li {
	padding-left: 0px;
	padding-right: 10px;
	margin-bottom: -1px !important;
	font-size: 82%;
	list-style: none;
}
#site-navigation .dropdown-menu ul {
	border-top: none !important;
	/*border-bottom: 1px solid #b3995d;
	border-left: 1px solid #b3995d;
	border-right: 1px solid #b3995d;
	box-shadow: 0px 30px 30px 0px rgba(0,0,0,0.2);*/
	margin-top: 5px;
}
#site-navigation-wrap {
	margin-top: 51px; /*new total*/
	height: 45%;
}
li.sub-row.last-child.menu-item.menu-item-type-custom.menu-item-object-custom {
	padding-bottom: 10px;
}
#site-navigation li.megamenu ul.sub-menu {
	padding-bottom: 20px !important;
}
#site-navigation .megamenu ul.sub-menu {
	top: 70px !important;
}
li.megamenu.col-3 ul.sub-menu {
	width: 780px !important;
	margin-left: 0 !important;
	left: -178px !important;
}
li.megamenu.col-2 ul.sub-menu {
	width: 500px !important;
	margin-left: 0 !important;
	left: 104px !important;
}
li.megamenu.col-4 ul.sub-menu {
	width: 915px !important;
	left: -313px !important;
	margin-left: 0 !important;
}
/* -------adjusted navbar scroll-collapsed
After putting in search, shrunk navbar was 10px larger so adjusted height.
*/
header#site-header.header-one.fixed-scroll {
	height: 127px;
}
header#site-header.header-one.fixed-scroll #site-logo img {
    height: 66px;
}
/* ---------third-level in mega menu---------*/
li.third-level.menu-item.menu-item-type-custom.menu-item-object-custom a {
	padding-left: 24px !important;
	padding-top: 6px !important;
}
li.menu-item.third-level a::before {
	display: none;
}
/* ----top menu blocks on post and pages in navbar template builder*/
#top-menu-blocks a.vcex-navbar-link.theme-button  {
	color: #222222;
	background-color: #ffffff;
	font-size: 1.0em;
	border-color: #3969cc;/*change for contrast ADA-216*/
}
#top-menu-blocks a.vcex-navbar-link.theme-button:hover {
	border-color: #907139;
	background-color: #ffffff;
	color: #907139;
}
/* -----------mobile menu toggle -------------*/
.mobile-toggle-nav a {
    border-color: rgba(153, 122, 65, 0.5) !important;
}
/*.mobile-toggle-nav-search i                                              {
	font-size: 1.15em;
	color: #907139;
	line-height: 1.8em;
	vertical-align :middle;
}*/
/*----mobile toggle button---------------------*/
.wpex-mobile-toggle-menu-icon_buttons_under_logo #mobile-menu {
	padding: 0 0 0 15px;
	z-index: 1;
	float: none;
}
#mobile-menu a {
	height: 26px;
    width: 80px;
    line-height: 1.6em;
	border: none;
	color: #222222;
	background: #ffffff !important;
	font-size: 1.2em;
}
/* ---------------search box------------------- */
form.my-custom-searchform {
	display: inline-block;
	width: 250px;
	overflow: hidden;
	top: -18px;
	float: right;
	position: relative;
	left: 63%
	}
button.searchform-submit {
    color: #000000;
    background: none;
    float: right;
    padding: 0 37px 3px 0;
    font-size: 1.35em ;
	transition: .2s ease-in-out;
}
button.searchform-submit:hover {
	color: #b3995d;
	background: none;
	transform: scale(1.2);
}
input[type="search"] {
	padding: 3px 3px 3px 6px;
	border-radius: 3px;
	font-family: 'Inter', 'Open Sans', 'Tahoma', sans-serif;
	font-size: 1.0em;
	text-align: left;
	width: 190px;
	border: 1px solid rgba(153, 122, 65, 0.5);
	color: #222222;
}
.mobile-toggle-nav-search input[type="search"] {
    font-size: 1.13em;
}
/* ------directory inputs, button ----*/
select {
    font-size: 100% !important;
}
/* ------bullets for slider------*/
.hesperiden .tp-bullet:hover, .hesperiden .tp-bullet.selected {
    background: rgba(153, 122, 65, 0.5);
}
.hesperiden .tp-bullet {
	width: 7px;
    height: 7px;
}
/* -----------body --------------*/
strong {
	color: #000000;
	font-weight: 600;
}
a strong {
	color: #3969cc;/*change blue link for contrast ADA-216*/
}
/* -------phrases on homepage below slider----*/
.homepage-title h1 {
	 color: #907139;
	 font-size: 2em;
	 font-weight: 600;
	 padding-bottom: 30px;
}
.homepage-phrase {
	padding-top: 0;
}
.homepage-phrase h2 {
	margin-bottom: 2px;
	margin-top: 0;
	text-align: center;
	font-weight: 600;
	font-size: 1.6em;
	text-decoration-line: underline;
}
.homepage-phrase h2 a:hover {
	font-weight: 700;
}
.homepage-phrase p {
	color: #907139;
	text-align: center;
	font-size: 1.6em;
	padding-bottom: 15px;
}
/* ---------------headings ---------------*/
h1, h2, h3, h4, h5, h6 {
    color: #000;
    margin-bottom: 18px;
}
/* --------news storys background-gray of content on front page--------*/
.news-row-gray   {
	background-color: #f3f3f3;
	padding-bottom: 5px;
	padding-top: 10px;
}
.news-row-gray h3 {
	margin-top: 20px;
	margin-bottom: 10px
}
.homepage-single-image {
	margin-bottom: -9px;
  height: auto;
  width: auto;
}
/* ---------homepage headers with underline--------- */
.homepage-news-header-gray {
	background-color: #f3f3f3;
}
.homepage-campus-header h2 {
	color: #000000;
	background-color: #ffffff;
	border-bottom: 1px solid #b3995d;
	padding-bottom: 3px;
	padding-top: 20px;
	margin-top: 30px;
}
.homepage-news-header h2 {/*needed to repeat to set background color for ADA */
	color: #000000;
	background-color: #f3f3f3;
	border-bottom: 1px solid #b3995d;
	padding-bottom: 3px;
	padding-top: 20px;
	margin-top: 30px;
}
/* ------NEW 2 columns of UH News stories -----*/
.homepage-video div.vc_element.vc_vc_video {
	padding-top: 0;
}
.homepage-news-story a h3 {
	 color: #3969cc;/*change blue link for contrast ADA-216*/
	 margin-top: 25px;
}
.homepage-news-story a h3:hover {
	color: #907139;
	text-decoration: underline;
}
.entry iframe {
	border: 0;
}
/* ------NEW 3rd col with rss feed from News posts--*/
/*.campus-news-widget-title ul,
.riskmanagement-rss ul,
.office-pages-rss ul,
.homepage-rss-3 ul,
.pages-rss ul {
	margin-left: 10px;
}
.campus-news-widget-title a.rsswidget,
.campus-news-widget-title li,
.riskmanagement-rss a.rsswidget,
.riskmanagement-rss li,
.office-pages-rss a.rsswidget,
.office-pages-rss li,
.homepage-rss-3 li,
.homepage-rss-3 a.rsswidget,
.pages-rss li,
.pages-rss li a.rsswidget {
	list-style: none;
	margin-bottom: 0;
}*/
.campus-news-widget-title a.rsswidget, /*new total*/
.riskmanagement-rss a.rsswidget,
.office-pages-rss a.rsswidget,
.homepage-rss-3 a.rsswidget,
.pages-rss li a.rsswidget {
	list-style: none;
	margin-bottom: 0;
}
.campus-news-widget-title li:last-child, /*new total*/
.riskmanagement-rss li:last-child,
.office-pages-rss li:last-child,
.homepage-rss-3 li:last-child,
.pages-rss li:last-child,
.campus-news-widget-title li,
.riskmanagement-rss li,
.office-pages-rss li,
.homepage-rss-3 li,
.pages-rss li {
    margin-bottom: 0;
    margin-left: 10px;
}
.campus-news-widget-title li a,
.riskmanagement-rss li a,
.office-pages-rss li a,
.homepage-rss-3 li a,
.pages-rss li a {
	color: #3969cc !important;/*change blue link for contrast ADA-216*/
	font-size: initial !important;
	font-weight: normal !important;
	/*padding-left: 15px;*/
}
.campus-news-widget-title li a:hover,
.riskmanagement-rss li a:hover,
.homepage-rss-3 li a:hover {
	color: #907139;
	text-decoration: underline;
}
.campus-news-widget-title li:before,
.riskmanagement-rss li::before,
.office-pages-rss li::before,
.homepage-rss-3 li::before,
.pages-rss li::before {
	content: "\203A \0020";
	font-size: 130%;
	margin-left: -11px;
	margin-bottom: -1.3em;
	margin-top: -0.75em;
	color: #3969cc;/*change blue link for contrast ADA-216*/
	display: inherit;
}
.campus-news-widget-title h2.widgettitle img.rss-widget-icon,
.riskmanagement-rss h2.widgettitle img.rss-widget-icon,
.homepage-rss-3 h3.widget-title img.rss-widget-icon,
.homepage-rss-3 h3.widget-title a.rsswidget,
.pages-rss h2.widgettitle img.rss-widget-icon,
.office-pages-rss h2.widgettitle img.rss-widget-icon {
	display: none;
}
.pages-rss h2.widgettitle,
.riskmanagement-rss h2.widgettitle {
	margin: 28px 0 9px 0;
}
.homepage-rss-3 h2.wpb_heading.wpb_widgetised_column_heading,
.homepage-rss-3 h3.widget-title {
	margin: -5px 0 9px 0;
	color: #000000;
	font-size: 1.2em;
	font-weight: 600;
}
/* ---------------------campus picture links on front page------------------*/
#campus-row .wpex-row .col {
    margin: 0 0 20px;
}
/*--------Research, Sustainability and Hawaiian Place of Learning-----------*/
#three-subject-photos {
	margin-bottom: 80px;
	margin-top: 10px;
}
#three-subject-photos a {
	font-size: 1.2em;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.7);
	font-weight: 600;
}
#three-subject-photos a:focus {
	z-index: 1;
	display: block;
	position: relative;
	border: #2c75ba solid 2px;
}
/* ------page number dots at bottom of tag/search pages---------*/
.page-numbers .dots {
	color: #000000;
	background-color: #ffffff;
}
/*numbers in boxes at bottom of search results if not using Google search*/
.page-numbers.current,
.page-numbers li a {
	color: #000000;
	background: #ffffff;
	font-size: 1.05em;
}
/* ------------widget title in footer -------------*/
.footer-widget h3.widget-title {
	margin: 0 0 10px;
	color:#b0914e;/*color ratio 3:1 for links in text ADA-216*/
	}
.footer-widget {
	padding-bottom: 30px;
}
/*for Hawaiian Islands map on homepage footer to span 2 cols*/
#footer-widgets .hawaiimap {
	width: 470px !important;
}

#policies.middle, #topnav-footer-right p, .footer-widget p, #copyright {
	color:#cccccc !important;/*color change for contrast in text ADA-216*/
	
}#policies.middle a, #topnav-footer-right p a, .hawaiimap p a {
	 border-bottom: 1px dashed;
}
.site-footer li {
	font-size: 87%;
}
#footer a:hover {
    color: #f0d695 !important;
	background-color: #2d2d2d;/*color change for contrast in text ADA-216*/
	text-decoration: underline;
	border-bottom: 0;
}
#footer-bottom a:hover {
    color: #f0d695 !important;
	background-color: #222222;
	text-decoration: underline;
	border-bottom: 0;
}
/* --------------Topnav in footer ----------------*/
#topnav-footer-right i {
	letter-spacing: 0.35em;
	font-size: 1.3em;
	color :#ffffff;
	background-color: #222222;
	line-height: 23px;
	padding-bottom: 10px;
	transition: .2s ease-in-out;
}
#topnav-footer-right i:hover {
	color: #f0d695;
	background-color: #222222;
	transform: scale(1.3);
}
#copyright {
    float: left;
    margin-right: -93px !important;
	padding-bottom: 40px;
	margin-top: -3px;
}
#copyright a img {
	margin-top: -4px;
}
#policies.middle {
   padding-top: 0;
   font-size: 1.05em;
   line-height: 1.6em;
   padding-right: 20px;
	float: left;
}
#topnav-footer-left {
	float: right;
	font-size: 0.9em;
	position: relative;
	z-index: 1;
	margin-top: 30px;
}
#topnav-footer-left ul {
	list-style: none;
}
#topnav-footer-right {
	margin-right: 33px;
	margin-left: 50px;
	margin-top: 5px;
	font-size: 1.17em;
	float: right;
	position: relative;
	z-index: 1;
}
#topnav-footer-right p.alternate-format {
	font-size: .9em;
	line-height: 1.4em;
		padding-right: 5px;
}
#topnav-footer-right a {
	/*padding-right: 11px;*/
}
/*--------------Subtitles for pages-----------*/
.clr.page-subheading {
	color: #222222;
}
/*A-Z page ---system offices toggle--------------*/

#offices-a-z i.vc_toggle_icon {
    position: absolute;
    left: 1%;
    top: 40%;
    height: 12px;
    width: 9px;
}
#offices-a-z div.vc_toggle_title h4,
#offices-a-z div.vc_toggle_title h2 {
	padding-left: 32px;
	text-align: left;
	display: inline-block;
	margin-bottom: 0;
	margin-top: 0;
}
#offices-a-z div.vc_toggle_title h4:hover,
#offices-a-z div.vc_toggle_title h2:hover {
	text-decoration: underline;
	color: #907139;
}
#offices-a-z div.vc_toggle_title {
	padding: 10px;
	background-color: #f3f3f3;
}
#offices-a-z div.vc_toggle_content {
	padding-left: 28px;
	padding-top: 18px;
	margin-left: 48px;
}
/* see @media (min-width: 601px) for content inside toggle for two columns */
#offices-a-z .vc_toggle_icon::before {
    color: #3969cc;/*change blue link for contrast ADA-216*/
}
#offices-a-z .vc_toggle_icon::after {
	border-color: #907139;
}
#offices-a-z div.vc_toggle_content a {
	color: #3969cc;/*change blue link for contrast ADA-216*/
}
#offices-a-z div.vc_toggle_content a:hover {
	text-decoration:underline;
	color :#907139;
}
.offices-a-z-toggle-content-147,
.offices-a-z-toggle-content {
	margin-bottom: 1px;
}
/*-----------------leadership page---------------*/
.leadership-pics figcaption {
	font-size: 1.0em; /*caption*/
	margin-bottom: 0;
	text-align: left;
}
.leadership-pics figcaption a {
	color: #3969cc;/*change blue link for contrast ADA-216*/
	background-color: #ffffff;
}
.leadership-pics figcaption a:hover {
	color: #907139;
	background-color: #ffffff;
	text-decoration: underline;
}
.leadership-pics img {
	float: left;
	margin-bottom: 0.7em;
	margin-right: 1.4em;
}
.anchor-tag {
	margin-top: -80px;
}
.anchor {
	display: block;
  	content: " ";
  	margin-top: -170px;
  	height: 170px;
  	visibility: hidden;
}
/*-------------------Leadership bios--------------------*/
.download-link {
	margin-top: -10px;
	font-size: 0.9em;
}
.leadership-contact-info {
	padding-top: 20px;
}
.leadership-bios {
	padding-left: 11px;
	padding-bottom: 30px;
}
/*------------FAQs single and two column------------*/
/*
.faq-titles {
	padding-top: 6px;
	padding-left: 33px;
	margin-bottom: -14px;
	font-weight: 600;
	color: #000000;
}*/
div.vc_toggle_title { /*total new*/
	padding-top: 0;
	margin-bottom: 0;
	font-weight: 600;
	color: #000000;
	margin-left: 33px; 
}
.scholarships .faq-arrow-left i.vc_toggle_icon,
.h2-spacing .faq-arrow-left i.vc_toggle_icon/*total new*/
/*.h3-spacing .faq-arrow-left i.vc_toggle_icon,
.h4-spacing .faq-arrow-left i.vc_toggle_icon*/ {
    position: absolute;
	left: -6%;
    top: 10%;
    height: 20px;
    width: 7px;
}
.h3-spacing .faq-arrow-left i.vc_toggle_icon, .h4-spacing .faq-arrow-left i.vc_toggle_icon {
     position: absolute;
	left: -40px;
    top: 10%;
    height: 20px;
    width: 7px;
}
.h3-spacing .faq-arrow-left .vc_custom_heading, .h4-spacing .faq-arrow-left .vc_custom_heading {
    margin-left: -10px;
}
/*
.h2-spacing .faq-arrow-left i.vc_toggle_icon {
	position: absolute;
    left: -1.9%;
    top: 10%;
    height: 20px;
    width: 7px;
}
.p-toggle-spacing .faq-arrow-left p.vc_custom_heading {
	padding-top: 0;
	padding-left: 1px;
	margin-bottom: -24px;
	display: inline-block;
}
.h4-spacing .faq-arrow-left h2.vc_custom_heading,
.h4-spacing .faq-arrow-left h3.vc_custom_heading,
.h2-spacing .faq-arrow-left h2.vc_custom_heading,
.h3-spacing .faq-arrow-left h3.vc_custom_heading,
.h4-spacing .faq-arrow-left h4.vc_custom_heading,
.scholarships .faq-arrow-left h3.vc_custom_heading {
	padding-top: 0;
	padding-left: 24px;
	margin-bottom: -24px;
	display: inline-block;
}*/
.h4-spacing .faq-arrow-left h2.vc_toggle_title, /*total new*/
.h4-spacing .faq-arrow-left h3.vc_toggle_title,
.h2-spacing .faq-arrow-left h2.vc_toggle_title,
.h3-spacing .faq-arrow-left h3.vc_toggle_title,
.h4-spacing .faq-arrow-left h4.vc_toggle_title,
.scholarships .faq-arrow-left h3.vc_toggle_title {
	padding-top: 0;
	margin-bottom: -24px;
	display: inline-block;
}
.h2-spacing .faq-arrow-left p:first-child,
.h3-spacing .faq-arrow-left p:first-child,
.h4-spacing .faq-arrow-left p:first-child,
.scholarships .faq-arrow-left p:first-child,
.faq-text p  {
	padding-top: 12px;
}
.faq-arrow-left div.vc_toggle_content {
	padding-left: 22px;
}
/*took space away from inner-columns. It was 40px*/
.vc_column_container>.vc_column-inner  {
	margin-bottom: 20px;
}

/*---------- History page -----------*/
.wpb_single_image_caption {
   background: rgba(0, 0, 0, 0.7) !important;
   bottom: 0 !important;
   color: #ffffff;
   opacity: 1.0 !important;
}
/*-------------Gov Relations------------*/
/* GovRel section Google custom search form */
.govrel-section-search,
select#hq,
select#hq2 {
	color:#000000 !important;
	border-radius: 3px !important;
	border: 1px solid rgba(153, 122, 65, 0.4) !important;
}
/* GovRel testimony list style */
.govrel-testimony-list li {
	list-style-type: none;
	margin-left: 6px;
}
.govrel-testimony-list-spaced li {
	list-style-type: none;
	margin-left: 6px;
	margin-bottom: 12px;
	text-indent: -27px;
}
.govrel-testimony-list-ul-bottom ul {
	margin-bottom: 20px;
	margin-top: -15px;
	list-style: none;
}
.govrel-testimony-list ul {
	margin-bottom: 30px;
	margin-top: -9px;
}
.testimony-subhead h2 { /*subheads with gold underlines*/
	margin:0;
	border-bottom:1px solid #b3995d;
	padding-bottom: 3px;
}
/*govrel testimony post add ons */
.govrel-testimony-add-on {
	padding-bottom: 30px;
	padding-top: 30px;
	border-bottom: 1px solid #907139;
}
.no-home-link .vcex-navbar-inner.clr a:first-child {
   display: none;
}
/*------------------Post--------------------------
li#menu-item-583 *//*do not delete, need for older posts without sidebars*/ /*{
	display: none !important;
}
*/
ul.meta.clr.meta-with-title li.meta-category,
.single-post li.meta-category {
	display: none;
}
.single-post li.meta-date, .meta time {
	font-size: 1.12em;
	color: #222222;
}
.single-post li a {
	margin-left: 0;
}
/*posts, next post title and previous post title at bottom of page--------*/
.post-pagination a {
    color: #555555;
	background-color: #ffffff;
}
/*Social share buttons for posts -- Risk management*/
h3.sd-title, h2.sd-title  {
	font-size: 1.1em;
	font-weight: 600;
}
/*
.sd-content ul li.preview-item a.sd-button span, .sd-social-icon-text .sd-content ul li a span, .sd-social-official .sd-content ul li a.sd-button span,
.wpex-social-share.style-minimal li a {
	color: #444444;
	background-color: #ffffff;
}

.wpex-social-share.style-minimal li.share-twitter a:hover {
	color: #00aced !important;
	border-color: #00aced;
	background-color: #ffffff;
	height: 32px;
	width: 32px;
}
.wpex-social-share.style-minimal li.share-facebook a:hover {
	color: #3b5998 !important;
	border-color: #3b5998;
	background-color: #ffffff;
	height: 32px;
	width: 32px;
}
.wpex-social-share.style-minimal li.share-pinterest a:hover {
	color: #b91704 !important;
	border-color: #b91704;
	background-color: #ffffff;
	height: 32px;
	width: 32px;
}*/
/*Social share buttons*/
.wpex-social-share.style-minimal li a, .sd-social-icon-text .sd-content ul li a {
	color: #444444;
	background-color: #FFFFFF !important;
	border-color: #999999 !important;
}
.wpex-social-share.style-minimal li.wpex-twitter a:hover, a.share-twitter.sd-button.share-icon:hover {
	color: #00aced !important;	
	border-color: #00aced !important;
	background-color: #ffffff;
}
.wpex-social-share.style-minimal li.wpex-facebook a:hover, a.share-facebook.sd-button.share-icon:hover {
	color: #3b5998 !important;
	border-color: #3b5998 !important;	
	background-color: #ffffff;
}
.wpex-social-share.style-minimal li.wpex-pinterest a:hover, a.share-pinterest.sd-button.share-icon:hover {
	color: #b91704 !important;	
	border-color: #b91704!important;
	background-color: #ffffff;
}
.wpex-social-share.style-minimal li.wpex-linkedin a:hover, a.share-linkedin.sd-button.share-icon:hover {
	color: #0073b1 !important;	
	border-color: #0073b1 !important;
	background-color: #ffffff;
}
.wpex-social-share.style-minimal  li.wpex-email a:hover, a.share-email.sd-button.share-icon:hover {
	color: #907139 !important;	
	border-color: #907139 !important;
	background-color: #ffffff;
}
/* ---------- Past Presidents-------------*/
.past-presidents h2 {
	margin-top: 0;
}
/* ----------- Campus Pages------------*/
.wpb_single_image .vc_figure-caption,
#campus-image .wpb_single_image .vc_figure-caption,
.campus-image .wpb_single_image .vc_figure-caption  {
	line-height: 1.5em;
	font-size: 1.05em;
}
.photo-caption p  {
	line-height: 1.5em;
	font-size: 1.05em;
	padding-top: 4px;
}
.campus-centered-text {/*campus pages--text below large photo and caption*/
	width: 80%;
	margin: auto;
	text-align: center;
	font-size: 1.10em;
	padding-top: 30px;
}
.campus-round-chart.vc_chart .vc_chart-legend {
    text-indent: -1.8em;
    padding-left: 2em;
}
.campus-page-text h3:first-child {
	margin-top: 0;
}
/*arrow icon before list, change blue link for contrast ADA-216*/ 
/*
.news-widget-title li::before {
	content: "\203A \0020";
	font-size: 110%;
	color: #3969cc;
}
.news-widget-title li {
	text-indent: -0.7em;
	margin-left: 0.9em;
}

.news-widget-title h2 {
	font-size: 1.4em;
	margin-bottom: 12px;
}
*/
.campus-news-widget-title h2 {
	margin-top: 24px;
}
.campus-page-news {
	background-color: #f3f3f3;
	padding-top: 30px;
	padding-bottom: 30px;
}
.homepage-campus-header .contact-info {
	margin-bottom: -20px;
	margin-top: 40px;
}
#campus-page-charts h2 {
	margin-top: -7px;
	font-size: 1.43em;
}
#campus-page-charts {
	margin-bottom: 30px;
}
.campus-featured-video {
	padding-top: 34px
}
/*----------------individual office pages-------------- */
.officepage-leadership-photo {
	margin-top: 5px;
	margin-right: -20px;
}
.office-pages-rss h2 {
	font-size: 1.4em;
	margin-bottom: 12px;
}
.office-pages-rss h2 a:link:last-child,
.news-widget-title h2 a:link:last-child,
.pages-rss h2 a:link:last-child,
.campus-news-widget-title h2 a:link:last-child {
	pointer-events: none;
	/*color: #000000;*/
}
/*block quote darker color but not image of quote marks*/
blockquote p, blockquote ul {
	color: #666666;
}
/*--------------buttons color chino to match our gold------*/
.vc_btn3.vc_btn3-color-chino.vc_btn3-style-modern {
    border-color: #907139;
    background-color: #907139;
}
/*--------------slider buttons page builder image slider------*/
.wpex-slider .sp-button {
    border-color: #fff;
    border-width: 2px;
    margin: 2px;
    width: 12px;
    height: 12px;
    background: rgb(68,68,68, 0.5);
}
.wpex-slider .sp-arrow.sp-next-arrow:before,
.wpex-slider .sp-arrow.sp-previous-arrow:before {
	font-weight: 500;
	font-size: 1.2em;
	background: rgb(68,68,68, 0.5);
}
.wpex-slider .sp-button:hover, .wpex-slider .sp-selected-button {
    background-color: #fff !important;
    border-color: rgb(68,68,68, 0.5);
}
/*--caption option for office pages --*/
.captions-align-left .vc_figure-caption {
	text-align: left !important;
}
/*-----tabs for office pages---------*/
.vc_tta-title-text {
	color:#3969cc;
}
/*----------------budget and finance page-------------- */
.financial-reports p {
	margin-bottom: 3px;
}
.financial-reports ul {
	margin-bottom: 6px;
}
/*------------------Title 3 section--------------------*/
.title3-contact-caption {
	text-align: center;
	font-size: 1.01em;
}
.no-top-margin-h2 {
	margin-top: -20px;
	}
.gold h3 {
	color: #907139;
}
/*------------------Maunakea section--------------------*/
.maunakea-images {
	padding-top: 10px;
}
/*-----------------category-list page and footer--------------------*/
/*footer category page and single post----remove breadcrumbs, callout and footer widget*/
.single-post span.breadcrumb-trail,
.single-post footer#footer.site-footer,
.single-post div#footer-callout-wrap.clr,
.category span.breadcrumb-trail,
.category footer#footer.site-footer,
.category div#footer-callout-wrap.clr {
	display: none;
}
.blog-entry-readmore  {
	display: none;
}
.blog-entry  {
	border-bottom: solid 1px rgba(144,113,57,0.8) !important;
}
.blog-entry ul.meta, .blog-entry ul.meta li a  {
	color: #444444;
	background-color: #ffffff;
	font-size: 1.05em;
}
/* category archive post entry excerpt */
.blog-entry-excerpt.wpex-clr {
    font-size: 1.2em;
}
.blog-entry-excerpt p { /*what's the difference between this and above? */
    font-size: 1.0em;
}
/*category page- category to 75% of full-width*/
.category #blog-entries.entries {
	width: 75%;
}/*see @media only screen and (max-width: 920px) category page- category to 100% of mobile width*/

/*----------------- Media queries---------------------*/

@media only screen and (max-width: 1098px) {
	#policies.middle {/*bottom footer*/
		text-align: left;
		/*margin-top: 115px;*/
		margin-top: 125px;
		position: absolute;
	}
	#copyright { /*total new removed .clr*/
		position: absolute;
		/*margin-top: 0;*/
		margin-top: 15px;
	}
	/*#topnav-footer-left,
	#topnav-footer-right {
		top:0;
	}*/
	#topnav-footer-left {/*total new*/
		top: 20px;
	}
	#topnav-footer-right {/*total new*/
		top:40px;
	}
	#footer-bottom {/*total new removed .clr*/
		height: 280px;
		padding-top: 0;
	}
	.leadership-bios {/*individual bio pages of leadership*/
		padding-left: 0; /*padding for body text taken out*/
		padding-bottom: 0;
	}
}

@media only screen and (max-width: 1054px){
	#footer-widgets .hawaiimap { /*map in homepage widget on the bottom*/
    width: auto !important;
	}
}
/*@media only screen and (max-width: 1000px){ /*adjusts hambuger icon and seal and nameplate
	.wpex-mobile-toggle-menu-icon_buttons_under_logo #site-header #site-logo img {
    	margin-top: -5px;
	}
	#site-header-inner {
    	padding-top: 25px;
    	padding-bottom: 40px;
	}
}*/
@media only screen and (max-width: 960px){ /*adjusts hambuger icon and seal and nameplate*/
	.wpex-mobile-toggle-menu-icon_buttons_under_logo #site-header #site-logo img {
    	margin-top: -10px;
	}
    header#site-header.header-one.fixed-scroll {
        height: 137px;
    }
}
@media only screen and (max-width: 920px) { /*category list page width*/
	.category #blog-entries.entries {
	width: 100%;
	}
}
@media only screen and (max-width: 768px) {
	ul#menu-very-top.top-bar-menu {/*left text menu in top black bar*/
    	width: -webkit-fill-available;
		width:-moz-available;
    	margin-left: auto;
   		margin-right: auto;
		}
	#top-bar #top-bar-social {
		padding-top: 0;
		}
	.no-top-margin-h2 {/*general h2 adjustment-- usually for first h2 on page*/
		margin-top: 20px;
		}
	/*#copyright.clr {
		margin-top: 285px; *//*footer--nameplate*/
		/*}*/
	/*#policies.middle {
		margin-top: 395px;
		}
	#footer-bottom.clr {
		height: 600px;
		padding-top: 0;
		text-align: left;
		}
	#topnav-footer-right {
		float: left;
		margin-top: 122px;
		margin-left: 0;
		}
	#topnav-footer-left {
		float: left;
		margin-top: 15px;
	    position: absolute;
		}*/
	#topnav-footer-right,/*total new*/
	#topnav-footer-left,
	#copyright {/*bottom footer*/
		text-align: left;
		}
	#copyright {
		margin-top: 325px; /*footer--nameplate*/
		}
	#policies.middle {
		margin-top: 430px;
		}
	#footer-bottom {
		height: 550px;
		padding-top: 0;
		}
	#topnav-footer-right {
		float: left;
		margin-top: 122px;
		margin-left: 0;
		}
	#topnav-footer-left {
		float: left;
		margin-top: 0;
		margin-left: -290px; /*total new end*/
		}
/*offices page two column in open toggle*/
	.faq-arrow-left .right-column {
		top: -6px;
		left: 55%;
		width: 45%;
		position: relative;
		display: inline;
		margin-bottom: 0;
		}
	.faq-arrow-left .right-column-hilo {
		top: -153px;
		left: 55%;
		width: 45%;
		position: relative;
		display: inline;
		}
	.faq-arrow-left p .right-column p {
		width: 45%;
		}
	.faq-arrow-left .left-column {
		width: 45%;
		margin-bottom: -190px;
		}
	.faq-arrow-left .left-column-hilo {
		width: 45%;
		margin-bottom: -70px;
		}
	.name-n-title p {
		margin-left: 19px;
	}
	i.fa-play::before, i.fa-pause::before  {
		font-size: 190%;
		text-align: center;
	}
}
@media screen and (max-width: 680px) {/*table used in academic calendar page and risk management section*/
  
  	.ourtable thead, .ourtable-calendar thead {
		visibility: collapse;
	}
  	.ourtable tr {
    	border-top: 0;
		display: block;
    	padding: 6px 0 0 0;
  	}
	.ourtable-calendar tr {
    	padding: 0 0 6px 0;
	}
	.ourtable tr:first-child td:first-child { /*specific to risk management as the first block is blank*/
		display:none;
	}
	.ourtable-calendar tr:first-child {
		border-top: 1px solid rgba(144,113,57,0.5);
	}
  	.ourtable td {
    	border-bottom: 1px solid rgba(144,113,57,0.5);
    	display: block;
    	text-align: left;
  	}
	ourtable-calendar td {
		display: block;
		text-align: left;
	}
  	.ourtable td:first-child {
		padding-top: 6px;
		border-bottom: 2px solid rgba(144,113,57,0.5);
		border-top: 6px solid rgba(144,113,57,0.5);
  	}
  	.ourtable td:before {
    	content: attr(headers);
    	float: left;
    	font-weight: 600;
  	}
	table.ourtable caption.risk-matrix {
		margin-left: 0;
	}
	.wp-caption {
	float:none;
  }
}
@media only screen and (max-width: 630px) {
	select#campus, select#types {
		display: block;
	}
}
@media (min-width: 601px) {/* content inside toggle to two columns */
	#offices-a-z .offices-a-z-toggle-content .right-column {
		top: -50px;
		left: 50%;
		width: 45%;
		position: relative;
		display: inline;
		}
	#offices-a-z .offices-a-z-toggle-content .right-column-higher {
		top: -82px;
		left: 50%;
		width: 45%;
		position: relative;
		display: inline;
	}
	#offices-a-z .offices-a-z-toggle-content .right-column-fourlines-higher {
		top: -157px;
		left: 50%;
		width: 45%;
		position: relative;
		display: inline;
	}
	#offices-a-z .offices-a-z-toggle-content .right-column p {
		width: 45%;
		word-wrap: break-word;
		margin-bottom: 75px;
		}
		#offices-a-z .offices-a-z-toggle-content .right-column-higher p {
		width: 45%;
		word-wrap: break-word;
		margin-bottom: 80px;
		}
	#offices-a-z .offices-a-z-toggle-content .left-column {
		width: 45%;
		margin-bottom: -120px;
		}
}
@media screen and (max-width:600px) {
/*header image switch to smaller stacked seal and nameplate*/
	 #site-header #site-logo img {
		box-sizing: border-box;
    	background: url('https://www.hawaii.edu/wp/wp-content/uploads/2022/11/seal-name-stacked-olelo-slogan@2x.png') no-repeat;
    	width: 350px;
    	height: 150px;
    	padding-left: 350px;
		margin: 0 auto 5px -15px;
		background-size: 95%; /*not 100% as it cuts off the seal bottom*/
	}
	#site-header-inner {
    	padding-top: 22px;
		padding-left: 15px;
	}
}
}




@media only screen and (max-width: 550px) {
	/* Budget tables responsive */
	.budget-1 {
		border: 1px solid #444444;
		}
	.budget-1 thead {
		-webkit-clip-path: inset(1px 1px 0 0);
    	clip-path: inset(1px 1px 0 0);
    	height: 1px;
    	margin: -1px;
    	position: absolute;
		visibility: hidden;
		}
	.budget-1 tr {
    	border-bottom: 1px solid #444444;
    	display: block;
  		}
	.budget-1 td {
    	display: block;
    	text-align: right;
  		}
	.budget-1 td:first-child {
		background: #595959;
		color: #ffffff;
	}
	.budget-1 td:before {
    	content: attr(headers);
    	float: left;
    	font-weight: 600;
		padding-right: 10px;
  		}
	.budget-1 td:last-child {
    	border-bottom: 0;
  	}
	.budget-1 td.white-background {
	background: none;
	border-left: 1px solid #444444 !important;
	}
}
@media only screen and (max-width: 440px) {	/*top black menu bar adjustment*/
	#menu-very-top.top-bar-menu .menu-item {
    	margin-right: 20px;
    	font-size: 1.0em
	}
	#menu-very-top.top-bar-menu .menu-item:last-child {
    	margin-right: 0;
	}
}
@media only screen and (max-width: 375px) {
	ul#menu-very-top.top-bar-menu, #top-bar #top-bar-social {
		width: 330px;
	}
	#menu-very-top.top-bar-menu .menu-item {
    	margin-right: 15px;
	}
}
@media only screen and (max-width: 320px) {
	ul#menu-very-top.top-bar-menu, #top-bar #top-bar-social {
		width: 310px;
		margin-left: -11px;
	}
	#menu-very-top.top-bar-menu .menu-item {
    	margin-right: 8px;
	}
}



* {
  box-sizing: border-box;
}

/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  font-family: 'Inter', Muli;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #16193A;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
}

/* Container around content */
.timelinecontainer {
  padding: 0px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.timelinecontainer::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  right: 0px;
  background-color: #B3995D;
  border: 3px solid #B3995D;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.left {
  left: 0;
}

/* Place the container to the right */
.right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 10px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #fff5ea;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #fff5ea;
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 12px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid #fff5ea;
  border-width: 10px 10px 10px 0;
  border-color: transparent #fff5ea transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
  left: -15px;
}

/* The actual content */
.content {
  padding: 20px;
  background-color: #fff5ea;
  position: relative;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .timeline::after {
  left: 31px;
  }
  
  /* Full-width containers */
  .timelinecontainer {
  width: 100%;
  padding-left: 60px;
  padding-right: 25px;
  }
  
  /* Make sure that all arrows are pointing leftwards */
  .timelinecontainer::before {
  left: 50px;
  border: medium solid #fff5ea;
  border-width: 10px 10px 10px 0;
  border-color: transparent #fff5ea transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .left::after, .right::after {
  left: 15px;
  }
  
  /* Make all right containers behave like the left ones */
  .right {
  left: 0%;
  }
	
  /* Language Access in footer */
  .langaccess {
	  margin-top: -290px;
	  margin-left: 200px;
  }
	

/*Presidential Search nav mobile*/
.presSearch-topnav a {
  text-align: center !important;
  margin:0px 20px !important;
left: 50% !important;
	float: left !important;
}


}

/*Strategic Plan menu */
.sp-navbar {
  overflow: hidden;
  /*background-color: #16193a;*/
	background-color: white;
}

.sp-navbar a {
  float: left;
  font-size: 16px;
  /*color: white;*/
	color: #8C734B;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.sp-navbar a:hover {
  /*color: #8C734B;*/
	color: #9B8D79;
}

.sp-dropdown {
  float: left;
  overflow: hidden;
}

.sp-dropdown .sp-dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  /*color: white;*/
	color: #8C734B;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
	font-weight: 700;
}

.sp-dropdown-content {
  display: none;
  position: absolute;
  /*background-color: #16193a;*/
	background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;
}

.sp-dropbtn:hover {
	/*color: #8C734B;*/
}

.sp-dropdown-content a {
  float: none;
  /*color: white;*/
	color: #16193a;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.sp-dropdown-content a:hover {
  /*background-color: #252D65;*/
  /*  color: #8C734B;*/
	background-color: #FFF5EA;
	color: #000000;
}

.sp-dropdown:hover .sp-dropdown-content {
  display: block;
	/*color: #8C734B;*/
}

/* UH Presidential Search navbar */
.presSearch-topnav {
  overflow: hidden !important;
}

.presSearch-topnav a {
  float: right !important;
  color: #000000 !important;
  text-align: center !important;
  padding: 10px 0px 5px 25px !important;
  text-decoration: none;
  font-size: 1em;
  text-transform: uppercase;
  font-weight:500;
  font-family: 'Muli', sans-serif;
}

.presSearch-topnav a:hover {
  color: #b3995d !important;
}
.presRSS img, .presidentFeed img { 
	display: none; 
	color: white;
}
.presRSS a {
	font-size: 7px;
}
.presidentFeed {
	font-size: 0.9em !important;
}
/* ----------videos-----------*/
.entry iframe { /*this is for all videos in iframes: Youtube, Vimeo and Facebook*/
	border: 0 !important;
	
	aspect-ratio: 16 / 9; width: 100% !important; height: auto;
}
/* to make margins under responsive video iframes. WP 5 update added padding top 0 for iframe videos */
.responsive-video-wrap {
	margin-bottom: 26px;
}
.responsive-video-wrap-post {
	margin-bottom: 26px;
	padding-top:0;
	margin-top: 20px;
}
#wrap-video-right {
float: right;
margin-left: 15px;
margin-bottom:15px;
width: 300px;
}
/*Youtube post sidebar responsiveness*/
.youtube-responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/*Youtube plugin changes*/
.epyt-gallery-title{font-size:100% !important;line-height:145% !important;padding:10px;text-decoration:underline}
.epyt-gallery-thumb:focus,.epyt-pagebutton:focus{outline:#2c75ba solid 2px!important}