/*
Theme Name: Total Child News
Theme URI: http://www.hawaii.edu/news-dev
Description: Total WordPress child theme for Â鶹´«Ã½News dev sute.
Author: AJ Clarke -TOTAL Media Productions -total child news
Author URI: http://totalwptheme.com
Template: Total
Version: 2
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*------------------------------------------------------------------
[Browser Reset] focus tab accessibility
-------------------------------------------------------------------*/
  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 {outline: #2c75ba solid 2px !important;} /*added search box to focus ADA-216*/

/*------------------------------------------------------------------
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;*/
    background-color: #ffffff !important;
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    color: #2c75ba;
    display: block;
    font-family: 'Open Sans', 'Tahoma', sans-serif;
    font-size: 1.10em;
    font-weight: 600;
    line-height: normal;
    padding: 15px 23px 14px;
    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: 7px;
	left: 0;
	width: auto;
	height: auto;
	overflow: visible;
	background-color: #ffffff !important;
    -webkit-transition: top 0s;
    transition: top 0s;
}*/
.skip-to-content{color:#2970ba!important;}

/*slecting 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: '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, #policies.middle a, #topnav-footer-right p a, #topnav-footer-right span {
	 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 a, #top-bar-social.top-bar-right a, .top-bar-menu li a, a.rsswidget, li.menu-item a, .widget.popular-posts a, .news-home-side-story ul li a, div.crp_related ul li a, div#sidebar-inner a, .slickr-flickr-gallery ul li a {
	 border-bottom: none;
}
p, ul, ol {
	font-size: 1.05em !important;
}
ul li ul {
	font-size: 0.96em !important;
	margin-bottom:0;
}
ul li {
	padding-top: 3px;
}
ul li ul li:first-child {
	padding-top: 6px !important;
	}
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: 1.05em !important;
}
ol.I {
	list-style-type: upper-roman;
}
ol.i {
	list-style-type: lower-roman;
	font-size: 1.05em;
	}
ol.a {
	list-style-type: lower-alpha;
}
/*
.li-indent-no-dot ul {
	list-style:none;
}*/
/*Risk management guidelines for activities checklist page*/
.box-check-list ul {
  list-style: none;
  float: left;
}
.box-check-list input[type="checkbox"] {
	margin-left: -25px;
}
.svg-inline--fa.fa-phone.fa-w-16 {
	font-size: 0.85em;
}
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*/
}
/*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;
}
h1, h2, h3, h4, h5, h6 {
    color: #000;
    margin-bottom: 18px;
}
h2 a, h3 a {
	color: #3969cc !important;/*visual ratio 3:1 from surrounding text for ADA-216*/
	text-decoration: none;
}
h2 a:hover, h3 a:hover, p a:hover, .site-breadcrumbs a:hover, ul li a:hover {
	color: #907139 !important;
	text-decoration: underline !important;
}
i, em, cite { 
    font-style: italic;
}
b, strong {
	font-weight: 600;
}
.breadcrumb-trail {
	font-size: 1.12em;
}
.clear-photo {
	clear:both;
}
/*------------------------------------------------------------------
top-bar with icons */
#top-bar {
    padding: 6px 0;
}
.top-bar-menu {
    line-height: 2.3em;
	font-size: 1.125em;
}
.top-bar-menu span.link-inner {
	color:#ffffff;
	background-color: #444444;
}
#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 span.link-inner:hover {
	color: #f0d695 !important;
	background-color: #444444;
	text-decoration: underline;/* visual change on hover other than color- ADA*/
}
/*notification messages--*/
.mtsnb a {
    text-decoration: underline;
}
.wpex-flex-row-reverse {
    -webkit-box-direction: row;
    -ms-flex-direction: row;
    flex-direction:row;
}
/* --------------------------------------------
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;
}
/* --------------------------------------------
Last modified date at bottom of page*/
.last-modified-date {
	margin-bottom: 6px;
	float: right;
	font-size: 0.9em;
}
/* ---------------------------------------------
changed for news site-caption text for photos */
.wp-caption-text { 
    text-align: left !important;
	font-size: 11px;
	padding: 0 5px 10px 0;
	font-style: normal !important;
}
.wp-caption {
	border: 0;
	padding-left: 0;
	padding-right: 0;
	text-align: left;
	
}
.wp-caption img {
    margin: 0;
	padding-top: 20px;
}
p img {
	padding-bottom: 20px;
	padding-top: 20px;
} /* --for photos without captions*/
/*----------------------------------------------
offsets padding after reading time if there
isn't a horiz image at top */
/*p:first-of-type {
  padding-top: 20px;
}*/
/* --------------------------------------------
major menu on homepage  */

/*#site-header-inner.container { 
    padding-top: 10px !important;
}*/
#site-header-inner.container { /*total new*/
    padding-top: 20px !important;
	padding-bottom: 38px !important;
}
.sf-menu { 
	padding-top: 10px;
	/*float: right;*/
	font-size: 1em;
	padding-right: 50px;
	z-index: -1;
}
#site-navigation .dropdown-menu .menu-item span.link-inner {
	color: #000000;   
}
/*top two 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 .megamenu ul.sub-menu {
	top: 85px !important;
}
#site-navigation .dropdown-menu ul li {
	padding-left: 0px;
	padding-right: 10px;
	margin-bottom: -1px !important;
	list-style: none;
}
#site-navigation .dropdown-menu ul {
	border-top: none !important;
	/*border-bottom: 1px solid #b3995d !important;
	border-left: 1px solid #b3995d !important;
	border-right: 1px solid #b3995d !important;
	box-shadow: 0px 30px 30px 0px rgba(0,0,0,0.2);*/
	margin-top: 0px;
}
#site-navigation-wrap {
	margin-top: 7px;
    background-color: transparent !important;
}
#site-navigation li.megamenu ul.sub-menu {
	padding-bottom: 20px;
}
li.megamenu.col-2 ul.sub-menu {
	width: 500px !important;
	margin-left: 0 !important;
	/*left: 167px !important;old layout
	left: -365px !important;*/
	left: 415px;
}

/* -------------------------------------------- 
adjusted navbar scroll-collapsed 
After putting in search, shrunk navbar was 10px larger so adjusted height. 
*/
header#site-header.header-one.fixed-scroll.clr {
	height: 120px;
}
/* --------------------------------------------
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 */
	/* list in drop down menu*/
.mobile-toggle-nav a {
	padding-left: 2px;
	padding-bottom: 6px;
	padding-top: 6px;
}
.mobile-toggle-nav a:first-child {
	border-top: solid 1px rgba(153, 122, 65, 0.5);
}
.ticon-angle-down:before  {
	content: "\f107";
	color: #886a32;
	font-size: 1.0em;
	font-weight: 600;
	position: relative;
	display: inline-block;
	padding-left:3px
}
.mobile-toggle-nav-ul li ul li { /* news site */
	list-style-type: none;
}
.mobile-toggle-nav .menu-item-has-children ul a:before {
    content: "\203A \0020";
    color: #886a32;
    margin-right: 3px;
}
.mobile-toggle-nav .menu-item-has-children ul a {
	color: #444444;
	}
/*----mobile toggle button---------------------
*/
.wpex-mobile-toggle-menu-icon_buttons_under_logo #mobile-menu { /*hamburger symbol at top position*/
	padding: 0;
	z-index: 1;
	float: none;
}
	/*hamburger symbol at top of mobile menu*/
#mobile-menu a {
	height: 26px;
	width: 80px;
	line-height: 1.6em;
	border: none;
	background: #ffffff;
	font-size: 1.1em;
	color: #444444;
}
	/*type in search input for mobile menu*/
.mobile-toggle-nav .mobile-menu-searchform input[type="search"],
.mobile-toggle-nav .mobile-menu-searchform ::-webkit-input-placeholder {
    opacity: 1;
	color: #000000;
	font-size: 1.05em;
	padding-left: 9px;
}
.mobile-toggle-nav-search .searchform-submit {/*magnifying glass button*/
	border-top: 1px solid rgba(153, 122, 65, 0.5);
	border-right: 1px solid rgba(153, 122, 65, 0.5);
	border-bottom: 1px solid rgba(153, 122, 65, 0.5);
	border-radius: 0;
	background-color: #f9f9f9;
	font-size: 1.4em;
	}
.mobile-toggle-nav-search .ticon-search:hover {
	transform: scale(1.3);
}
/* --------------------------------------------
 search box */
form#search-box.my-custom-searchform {
	display: inline-block;
	width: 230px;
	overflow: hidden;
	top: -30px;
	float: right;
	position: absolute;
	right: 0;
	}

#search-box.my-custom-searchform button.searchform-submit {
    color: #000000;
    background-color: #ffffff;
    padding: 0 0 0 5px;
    font-size: 1.4em;
	transition: .2s ease-in-out;
}
#search-box.my-custom-searchform button.searchform-submit:hover {
	color: #907139;
	background-color: rgba(255,255,255, 0.5);
	transform: scale(1.3);
}
input[type="search"] {
	padding: 3px 3px 3px 6px;
	font-family: 'Open Sans', 'Tahoma', sans-serif;
	font-size: 0.95em;
	text-align: left;
	width: 190px;
	border: 1px solid rgba(153, 122, 65, 0.4);
	color: #000000;
	background-color: #f9f9f9;
}
/* --------------------------------------------
 additional body styles */
abbr[title] {
  border-bottom: none;
  text-decoration: none;
}
strong {
	color: #000000;
	font-weight: 600;
}
a strong {
	color: #3969cc;/*change blue link for contrast ADA-216*/
}
/* --------------------------------------------
 phrases on homepage*/
/*.homepage-title h1 { /*news*/
	/*color: #000000 !important;
	 font-size: 2em !important;
	 font-weight: 600;
	 padding-top: 13px;
}*/
.homepage-title h1 { /*total new*/
	color: #000000 !important;
	 font-size: 2em !important;
	 font-weight: 600;
	 padding-top: 13px;
	margin-top: 0px;
}
/* --------------------------------------------
headings */
h1, h2, h3, h4, h5, h6 {
    color: #000000;
    margin-bottom: 18px;
}
/* --------------------------------------------
 homepage gray rows for news header */
.homepage-news-header-gray {/*news*/
	background-color: #f3f3f3;
	/*margin-top: 30px;	old layout*/
	padding-top: 20px; /**/
	padding-bottom: 15px; /**/	
}
.homepage-news-header h2 {
	color: #000000;
	background-color: #f3f3f3;
	border-bottom: 1px solid #b3995d;
	padding-bottom: 3px;
	padding-top: 15px;
	margin-top: 18px;
	margin-bottom: -20px;
}
/* ----------videos-----------*/
.entry iframe { /*this is for all videos in iframes: Youtube, Vimeo and Facebook*/
	border: 0 !important;
}
/* 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}
/* --------------------------------------------
homepage 3rd col with rss feed from News posts, trending and in the News--*/
.in-the-news ul /*news*/,
.textwidget ul /*news*/, 
.homepage-rss-3 ul,
.pages-rss ul {
	margin-left: 11px;
	margin-top: 20px;
}
.entry ul li,
.in-the-news ul li /*news*/,
.textwidget ul li /*news*/, 
.homepage-rss-3 ul li,
.pages-rss ul li {
	list-style: none;
	line-height: 1.5em;
	/*padding-bottom: 6px;*/
	font-size: 1.0em;
	margin-bottom: 15px;
}
.textwidget ul li {
	margin-left: 11px;
}
.entry ol li {
	padding-bottom: 3px;
}
.homepage-rss-3 h2.widgettitle,
.homepage-rss-3 .widget-title,
.homepage-rss-3 h3.widget-title img,
.homepage-rss-3 h3.widget-title a.rsswidget {
	display: none;
}
.homepage-rss-3 li:first-child {
	margin-top: 5px;
}
.homepage-rss-3 li a {
	font-weight: 600;
	color: #3969cc !important;/*change blue link for contrast ADA-216*/
}
.homepage-rss-3 li a:hover {
	color: #907139 !important;
	text-decoration: underline !important;
}
.wpp-list.wpp-list-with-thumbnails li::before {
	list-style: none;
}
.wpp-list.wpp-list-with-thumbnails li {
	padding-left: 0;
}
.wpp-list ul li::before,
.entry ul li::before,
.in-the-news ul li::before /*news*/,
.textwidget ul li::before /*news*/,
.homepage-rss-3 ul li::before,
.pages-rss ul li::before {
	content: "\203A \0020";
	font-size: 1.2em;
	margin-left: -0.6em;
	margin-bottom: -1.3em;
	margin-top: -0.5em;
	color: #3969cc;/*change blue link for contrast ADA-216*/
	display: inherit;
}
.wpp-list li {/*popular post or trending-- treated different from other lists on homepage*/
	line-height: 1.5em;
	/*padding-bottom: 6px;*/
	font-size: 1.0em;
	padding-left: 11px;
	margin-bottom: -0.5em;
	margin-top: 10px;
	padding-top: 5px;
}
a.wpp-post-title {
    font-weight: normal;
}
/*trending stories for News*/
.popular-posts .widget-title {
	margin-bottom: 6px;
	font-weight: 600;
	font-size: 1.125em;
	padding-top: 6px;
    border-top: 1px #dddddd solid;
	}
.sidebar-box.widget_rss.clr {
	padding-bottom: 5px;
}
#rss-15.sidebar-box.widget_rss.clr {/*old news*/
	margin-bottom: 5px;
}
/* --------------------------------------------
Topnav in footer */
#policies.middle, #topnav-footer-right p, #topnav-footer-right p.alternate-format, #copyright {/* removed .clr total new*/
	color:#cccccc !important;/*color change for contrast in text ADA-216*/
}
#copyright {/* removed .clr total new*/
    float: left;
    margin-right: -93px !important;
	padding-bottom: 40px;
	/*margin-top: -50px;*/
}
#copyright a img {
	margin-top: -4px;
}
#policies.middle {
   margin-top: -70px;
   font-size: 1.07em;
   line-height: 1.6em;
   padding-right: 20px;
	float: left;
}
#topnav-footer-left {
	float: right;
	font-size: 1.05em;
	position: relative;
	line-height: 1.99em;
	padding-top: 40px;
	z-index: 1;
}
#topnav-footer-right {
	margin-right: 33px;
	margin-left: 40px;
	margin-top: -20px;
	font-size: 1.0em;
	float: right;
	position: relative;
	z-index: 1;
}
#topnav-footer-right p.alternate-format {
	font-size: .9em;
	line-height: 1.4em;
}
#topnav-footer-right a {
	padding-right: 10px;
}
#topnav-footer-right i {
	letter-spacing: 0.35em;
	font-size: 1.5em;	
	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);
}
#footer-bottom a:hover {
	color:#f0d695 !important;
	background-color: #222222;
	text-decoration: underline;
}
.textleft .footer-bottom-flex {
	display: inline-block;
}
/*--------------------------------------
Subtitles for pages*/
.clr.page-subheading {
	color: #222222;/*color change for contrast in text ADA-216*/
}
/*------------------------------------
FAQs single and two column*/

.faq-titles {
	padding-top: 6px;
	padding-left: 33px;
	margin-bottom: -14px;
	font-weight: 600;
	color: #000000;
}
.h2-spacing .faq-arrow-left i.vc_toggle_icon,
.h3-spacing .faq-arrow-left i.vc_toggle_icon,
.h4-spacing .faq-arrow-left i.vc_toggle_icon {
    position: absolute;
    left: -1.1%;
    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;
}
.h2-spacing .faq-arrow-left h2.vc_custom_heading,
.h3-spacing .faq-arrow-left h3.vc_custom_heading,
.h4-spacing .faq-arrow-left h2.vc_custom_heading,
.h4-spacing .faq-arrow-left h3.vc_custom_heading,
.h4-spacing .faq-arrow-left h4.vc_custom_heading {
	padding-top: 0;
	padding-left: 22px;
	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,
.faq-text p  {
	padding-top: 12px;
} 
.faq-arrow-left div.vc_toggle_content {
	padding-left: 22px;
}

/* Post--------------------------------------------*/
/*post type p -decided to make smaller size should be 1.05em*/
.single-blog-content ul li {
	font-size: 1.0em;
	padding-bottom: 3px;
}
.pf-content p {
	font-size: 1.12em;
}
blockquote {
    margin: 30px 0 30px 30px;
    width: 37%;
    float: right;
}
.blocklink { 
  display: block;
  margin: 30px 0 30px 30px;
  width: 37%;
  float: right;
  border-left: solid 4px rgba(0,0,0,0.75);
  padding: 15px;
  font-size: 1.231em;
  background-color: rgba(0,0,0,0.05);
}
.blocklink2 {
  background:url(/news/wp-content/themes/total-child-news/images/arrow.png) left 4px no-repeat;
	padding-left:30px;
	margin:30px 0;
	font-size:1.231em;
	display: block;
	width: 37%;
	float: right;
}
/*block quote darker color but not image of quote marks*/
blockquote p, blockquote ul {
	color: #666666;
}
.blocklink p, .blocklink ul { 
  color: #666666;
}
/*highlight content box for posts*/
.highlite-box-content p { 
	color: #222;
    padding: 0 1em;
    margin: 6px 0 3px 0;
}
.highlite-box-content ul { 
	color: #222;
    padding: 0 1em;
    margin-bottom: 6px;
}
.highlite-box-title-system {
    display: block;
    padding: .5em 1em;
    font-weight: 700;
    font-size: 1.1em;
    background-color: #997A41;
    color: #ffffff;
}
.highlite-box-title-manoa {
    display: block;
    padding: .5em 1em;
    font-weight: 700;
    font-size: 1.1em;
    background-color: #024731;
    color: #FFFFFF;
}
.highlite-box-title-hilo {
    display: block;
    padding: .5em 1em;
    font-weight: 700;
    font-size: 1.1em;
    background-color: #D52B1E;
    color: #FFFFFF;
}
.highlite-box-title-westoahu {
    display: block;
    padding: .5em 1em;
    font-weight: 700;
    font-size: 1.1em;
    background-color: #A71930;
    color: #FFFFFF;
}
.highlite-box-title-hawaii {
    display: block;
    padding: .5em 1em;
    font-weight: 700;
    font-size: 1.1em;
    background-color: #91004B;
    color: #FFFFFF;
}
.highlite-box-title-honolulu {
    display: block;
    padding: .5em 1em;
    font-weight: 700;
    font-size: 1.1em;
    background-color: #00747A;
    color: #FFFFFF;
}
.highlite-box-title-kapiolani {
    display: block;
    padding: .5em 1em;
    font-weight: 700;
    font-size: 1.1em;
    background-color: #002395;
    color: #FFFFFF;
}
.highlite-box-title-kauai {
    display: block;
    padding: .5em 1em;
    font-weight: 700;
    font-size: 1.1em;
    background-color: #7D5CC6;
    color: #FFFFFF;
}
.highlite-box-title-leeward {
    display: block;
    padding: .5em 1em;
    font-weight: 700;
    font-size: 1.1em;
    background-color: #2E6EC8;
    color: #ffffff;
}
.highlite-box-title-maui {
    display: block;
    padding: .5em 1em;
    font-weight: 700;
    font-size: 1.1em;
    background-color: #005172;
    color: #FFFFFF;
}
.highlite-box-title-windward {
    display: block;
    padding: .5em 1em;
    font-weight: 700;
    font-size: 1.1em;
    background-color: #7AB800;
    color: #000000;
}
.highlite-box-content {
    background-color: #fff;
    color: #222;
    padding: 0;
    border-color: #000;
    border-radius: 3px;
    border: 1px solid;
    margin-bottom: 12px;
    width: 320px;
}

/*post tags color background to white and hover to gold*/
.post-tags a:hover {
	background: #907139;
}
.post-tags a {
	background: #ffffff;
	color: #222222;/*color change for contrast in text ADA-216*/
}
/* --------------------------------------------
page number dots at bottom of tag/search pages*/
.page-numbers .dots {
	color: #000000;
	background-color: #ffffff;
}
.post-pagination {
    border-top: 1px solid #dddddd;
}
.post-pagination-wrap {
    border-top: 0;
}
.post-pagination a {
    color: #3969cc;
    border-bottom: none;
}
/*category archive list page*/
#post-media .post-media-caption, #post-media img { /*this removes the featured photos from the posts so there isnʻt a duplicate photo*/
    display: none;
}
ul.meta.clr.meta-with-title li.meta-category, .blog-entry-content.entry-details.clr .meta-date, .ticon.ticon-clock-o,
.single-post li.meta-category {
	display: none;
}
/* changed for News site */
li.meta-date, li.meta-author, li.meta-comments, .blog-entry ul.meta  {
	font-size: 1.05em;
	color:#222222 !important;
	background-color: #ffffff;
}
li.meta-author a, li.meta-comments a, .blog-entry ul.meta li a  {
	font-size: 1.05em;
	color: #3969cc;/*change blue link for contrast ADA-216*/
	background-color: #ffffff;
}
li.meta-date::before,
li.meta-comments::before,
li.meta-author::before {
	display: none !important;
}
.blog-entry-inner ul.meta li.meta-comments a.comments-link {
	font-size: 1.0em; /* news adjusted to match font size of rest of meta info*/
}
/*
.blog-entry  {
	border-bottom: solid 1px #b3995d !important;
}
/* category page responsiveness------------------------------*/
/* category page images- thumbs size *//*
.blog-entry-media {
	display: inline-block;
	float: left;
	margin-right: 15px !important;
}
.blog-entry-content.entry-details.clr   {
	width: 85% !important;
	float: left;
}*/
/* category archive post entry excerpt *//*
.blog-entry-excerpt.wpex-clr {
    font-size: 1.15em;
}
.blog-entry-title  { 
	font-size: 1.37em;
}*/
/* total new start*/
.blog-entry ul.meta  {
	margin-bottom: 0px;
}
.blog-entry .entry-divider {
	border-bottom: solid 1px #b3995d !important;
	margin-top: 25px;
}
/* category page responsiveness------------------------------*/
/* category page images- thumbs size */
.blog-entry-media {
	display: inline-block;
	float: left;
}
/* category archive post entry excerpt */
.blog-entry-excerpt {/* news */
    font-size: 1.15em;
	margin-top: 10px;
}
.blog-entry-title  { /*news */
	font-size: 1.37em;
	margin-bottom: -3px;
}
.blog-entry-content.entry-details  {
	width: 84% !important;
	}
/*end total new*/
/*--------------------------------------------
footer*/
/*footer category page and single post----remove breadcrumbs (category page), 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;
}

/*----------------------------------------------
Â鶹´«Ã½News site add-ons */
.news-home h2, .news-home-side-story h2, .news-home-side-story-top h2 {
	font-weight: 600 !important;
	margin-bottom: 5px;
	margin-top: 5px;
	line-height: 1.45em;
	font-size: 1.4em;
	color:#3969cc;
}
.news-home h2:hover, .news-home-side-story h2:hover, .news-home-side-story a strong:hover {
	color: #907139 !important;
}
.news-home h3, .news-home-side-story h3, .news-home-side-story-top h3 {
	font-weight: 600 !important;
	margin-bottom: 5px;
	margin-top: 5px;
	line-height: 1.3em;
	font-size: 1.2em;
	color:#3969cc;
}
.news-home h3:hover, .news-home-side-story h3:hover, .news-home-side-story a strong:hover {
	color: #907139 !important;
}
.news-home h4, .news-home-side-story h4, .news-home-side-story-top h4 {
	font-weight: 600 !important;
	margin-bottom: 5px;
	margin-top: 5px;
	line-height: 1.2em;
	font-size: 1.1em;
	color:#3969cc;
}
.news-home h4:hover, .news-home-side-story h4:hover, .news-home-side-story a strong:hover {
	color: #907139 !important;
}
#news-home-side-story-top h2 {
	margin-bottom: 20px !important;
}

.news-home-excerpt-2 {
	font-size: 0.98em !important;
}

.news-home-side-story p {
	font-size: 1.0em;
	margin-bottom: 3px;
}
.news-home-bar {
	padding-bottom: 12px;
	padding-top: 3px;
}
.homepage-campus-header h2 {
	text-align: left;
	border-bottom: 1px solid #b3995d;
	padding-bottom: 6px;
	padding-top: 0px;
	/*padding-top: 10px; old layout*/
	margin-bottom: -10px !important;
	margin-top: 0px; /*new layout*/
}
.homepage-campus-header h3 {
	text-align: left;
	border-bottom: 1px solid #b3995d;
	padding-bottom: 6px;
	padding-top: 0px;
	/*padding-top: 10px; old layout*/
	margin-bottom: -10px !important;
	margin-top: 0px; /*new layout*/
}

.homepage-category h2 { /*category headlines under bar*/
	margin-top: 0px; /*old news*/
	font-size: 1.95em;
	padding-top: 0px;
}

.home-category { /*category under titles*/
	color: #595959;
	font-size: 0.9em !important;
	margin-bottom: 5px;
	font-weight:500;
}

/*homepage category buttons to category archives */
.category-button {
	margin-bottom: 20px;
	margin-top: 20px; /*total news*/
}
.single-blog-article ul.meta span.fa,
.blog-entry-inner ul.meta span.fa {
	color: #907139;
}
/* rss icons in li -no dot and added orange rss icon */
.subscribe-rss-page li::before{
	display:none;
}
.subscribe-rss-page i.ticon.ticon-rss:before {
	color: #e97927;
	/*padding-right:4px; total news removed */
	margin-left: -10px;
	font-size: 0.9em;
}
/*news release archive page type adjustment */
#news {
	font-size: 1.1em;
}
#news b {
	font-weight: 600;
}
/* search results page body type size */
.search-entry-excerpt {
	font-size: 1.05em;
}
/* search results page dividing line */
.search-entry {
    border-bottom: 1px solid #907139;
}
/*numbers in boxes at bottom of search results if not using Google search*/
.page-numbers.current,
.page-numbers li a {
	color: #000000;
	font-size: 1.05em;
}
/*Social share buttons*/

/*.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.wpex-twitter a:hover {
	color: #00aced !important;	
	border-color: #00aced;
	background-color: #ffffff;
}
.wpex-social-share.style-minimal li.wpex-facebook a:hover {
	color: #3b5998 !important;
	border-color: #3b5998;	
	background-color: #ffffff;
}
.wpex-social-share.style-minimal li.wpex-pinterest a:hover {
	color: #b91704 !important;	
	border-color: #b91704;
	background-color: #ffffff;
}
.wpex-social-share.style-minimal li.wpex-linkedin a:hover {
	color: #0073b1 !important;	
	border-color: #0073b1;
	background-color: #ffffff;
}
.wpex-social-share.style-minimal li.wpex-email a:hover {
	color: #907139 !important;	
	border-color: #907139;
	background-color: #ffffff;
}*/
/*total new start*/
.wpex-social-share.style-minimal li a, .sd-social-icon-text .sd-content ul li a {
	color: #444444 !important;
	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;
}/*total new end*/
/*post widget sidebar for templates*/
h2.widgettitle {
	font-size: 1.3em;
	margin-bottom: 9px;
	margin-top: 20px;
	padding-top: 6px;
	border-top: 1px #dddddd solid;
	font-family: 'Open Sans', 'Tahoma', sans-serif;
}
.textwidget li {
	font-size: 0.95em;
}
.textwidget .post-templatesidebar-nameplate img {
	margin-top: 20px;
	height: auto;
	width: auto;
}
.textwidget .post-templatesidebar-tmt {
	margin-top: -25px;
}
/*system sidebar*/
#wpp-14 {
	margin-top: 7px;
}
/*Post template social icons for widgets*/
/*.fa-social-widget-text {
	padding-left: 10px;
}
.fa-social-widget-text ul li  {
	display: block;
    margin: -15px 8px 15px 0;
    float: left;
    text-align: center;
    vertical-align: middle;
    font-size: 1.3em;
	line-height: 1.3em;
}*/
.fa-social-widget-text ul li  { /*total new*/
	display: block;
    margin: -5px 3px 0 0;
    float: left;
    text-align: center;
    vertical-align: middle;
    font-size: 1.3em;
	line-height: 1.3em;
}
.fa-social-widget-text ul li:first-child {
	margin-left: 3px;
}
div.fa-social-widget-text ul li::before {
    visibility: hidden;
}
.fa-social-widget-text .ticon.ticon-twitter,
.fa-social-widget-text .ticon.ticon-facebook-f,
.fa-social-widget-text .ticon.ticon-linkedin,
.fa-social-widget-text .ticon.ticon-instagram,
.fa-social-widget-text .ticon.ticon-flickr,
.fa-social-widget-text .ticon.ticon-pinterest-p,
.fa-social-widget-text .ticon.ticon-youtube-play {
	/*color: #ffffff;
	background: #555555;*/
	color: #555555;
	border-radius: 50%;
	padding: 0.39em;
	height: 30px;
	width: 60px;
	transition: .2 ease-in-out;
}
.fa-social-widget-text .ticon.ticon-twitter:hover {
	color: #52adf3;
	transform: scale(1.2);
}
.fa-social-widget-text .ticon.ticon-facebook-f:hover {
	color: #3C579E;
	transform: scale(1.2);
}
.fa-social-widget-text .ticon.ticon-instagram:hover {
	color: #AA359D;
	transform: scale(1.2);
}
.fa-social-widget-text .ticon.ticon-linkedin:hover {
	color: #4875b4;
	transform: scale(1.2);
}
.fa-social-widget-text .ticon.ticon-flickr:hover {
	color: #ff0084;
	transform: scale(1.2);
}
.fa-social-widget-text .ticon.ticon-pinterest-p:hover {
	color: #B91023;
	transform: scale(1.2);
}
.fa-social-widget-text .ticon.ticon-youtube-play:hover {
	color:#D02020;
	transform: scale(1.2);
}
/*rss feed for covid-19 sidebar*/
#rss-17 .widget-title a.rsswidget {
	color: #000;
    font-size: 1.2em;
    font-weight: 600;
}
#rss-17 ul {
	margin-top: -15px;
}
#rss-17 ul li a.rsswidget {
    display: block;
    color: #003ebc;
    font-size: 1.01em;
    margin: 0 0 -20px 10px;
    font-weight: 400;
    overflow-wrap: break-word;
    word-wrap: break-word;
    text-decoration: none;
}
#rss-17  ul li a.rsswidget:before {
    content: "\203A \0020";
    font-size: 1.2em;
    margin-left: -0.6em;
    margin-bottom: -1.3em;
    color: #3969cc;
    display: inherit;
}
/*related posts at bottom of post page*/
.crp_related h2 {
	font-size: 1.3em;
	color: #222222;
	background-color: #ffffff;
	border-top: #ebebeb 1px solid;
	padding-top: 6px;
	clear: both;
}
/*no related post in toggles*/
.vc_toggle_content div.crp_related {
	display: none;
}
.comment-body,
.comment-body p{
	font-size: 1.0em;
	color: #222222;
}
#comments .logged-in-as {
	font-size: 1.1em;
}
#comments .comment-meta time {
	font-size: 0.95em;
	color: #222222;
}
#comments .comment-meta .comment-edit-link,
#comments .comment-body .reply {
	font-size: 0.95em;
}
#comments .comment-body .reply a {
	color: #3969cc;/*change blue link for contrast ADA-216*/
	text-decoration: none;
}
#comments .comment-body .reply a:hover {
	color: #907139;
	text-decoration: underline;
}
input[type="date"], input[type="time"], input[type="datetime-local"], 
input[type="week"], input[type="month"], input[type="text"], input[type="email"], 
input[type="url"], input[type="password"], input[type="search"], input[type="tel"], 
input[type="number"], textarea {
    color: #222222;
}
/*-----------------------------------------------------------------
responsive tables */
table, table th, table td { width: auto; margin: 0; padding: 0; border: 0; outline: 0; background: none; text-align: left; }
table td {
	border: #444444;
}
/*table th:last-child {
	border-right: #444444;
}*/
.ourtable {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.ourtable tr {
  background: #ffffff;
  padding: .35em;
  border-bottom: 1px solid #000000;
}
.ourtable th,
.ourtable td {
  padding: 0.625em;
  text-align: left;
}
.ourtable th {
  font-weight: 700;
  background-color: #f3f3f3;
}
.ourtable td ol {
	font-size: inherit;
	margin-left: 12px;
}
.budget-2-tight caption,
.budget-2 caption,
.budget-1 caption,
.budget-1-3 caption,
.budget-1-4 caption,
.budget-1-5 caption,
table.ourtable caption {
	margin-bottom: 6px;
}
/*see @media max-width 680px for responsive table*/

.table-responsive .faq-arrow-left h3.vc_custom_heading {
	margin-bottom: -24px !important;
	display: inline-block;
}
.table-responsive .faq-arrow-left div.vc_toggle_content {
	padding-left: 0;
}
.table-list th {
	font-weight: 700;
}
/* tables for budget posts-- from old news site-----------*/
.budget-2-tight,
.budget-2,
.budget-1,
.budget-1-3,
.budget-1-4,
.budget-1-5 {
    border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #444444;
	width: 100%;
}.budget-2-tight td.blank-head,
.budget-2 td.blank-head { /*skinny blank space between sections*/
	background: #444444;
	padding: 0;
	font-size: .15em;
	border-top: 1px solid #444444;
	}
.budget-2-tight thead th.first-head-777,
.budget-1 thead th.first-head-777,
.budget-2 thead th.first-head-777,
.budget-1-5 thead th.first-head-777{
	background-color: #595959;
	color: #ffffff;
	vertical-align: middle;
}
.budget-2-tight thead th.first-head,
.budget-2 thead th.first-head,
.budget-1-3 thead th.first-head,
.budget-1-4 thead th.first-head {
	background-color: #333333;
	color: #ffffff;
	vertical-align:middle;
	text-align: center;
	font-weight: 600;
}
.budget-2-tight td.red-text,
.budget-2 td.red-text,
.budget-1-3 td.red-text,
.budget-1-4 td.red-text {
    color: #E30003;
}
.budget-2-tight td.blue-text,
.budget-2 td.blue-text,
.budget-1-3 td.blue-text,
.budget-1-4 td.blue-text {
    color: #1852c8;
}
.blue-text {
    color: #1852c8;
}
.budget-2-tight th.second-head,
.budget-1 th.second-head,
.budget-2 th.second-head,
.budget-1-5 th.second-head{
	background-color: #e6e6e6;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	padding: 5px;
	border: 1px solid #444444;
}
.budget-2 thead th,
.budget-1 thead th,
.budget-1-3 thead th,
.budget-1-4 thead th,
.budget-1-5 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-2-tight thead th {
	padding: 6px 3px;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	color: #ffffff;
    font-weight: 600;
	text-align: center;
	background-color: #595959;
}
.budget-2-tight thead th:first-child, .budget-2 tbody td:first-child,
.budget-2 thead th:first-child, .budget-2 tbody td:first-child,
.budget-1 thead th:first-child, .budget-1 tbody td:first-child,
.budget-1-3 thead th:first-child, .budget-1-3 tbody td:first-child,
.budget-1-4 thead th:first-child, .budget-1-4 tbody td:first-child,
.budget-1-5 thead th:first-child, .budget-1-5 tbody td:first-child {
	border-left: 0;
	}
.budget-1 tbody td.right,
.budget-2 tbody td.right,
.budget-1-5 tbody td.right {
	text-align: -webkit-right;
	padding: 9px;
}
.budget-2-tight tbody td.right {
	text-align: -webkit-right;
	padding: 6px 3px;
}
.budget-2-tight tbody td.right-total,
.budget-2 tbody td.right-total {
	text-align: -webkit-right;
	color: #ffffff;
	background-color: #444444;
	font-weight: 600;
	border-left: 1px solid;
}
.budget-2-tight tbody td.indent,
.budget-2 tbody td.indent {
	padding-left: 25px;
}
.budget-2-tight tbody td.bold,
.budget-2 tbody td.bold {/*bold in full view but changes to opposite left in mobile*/
	color: #222222;
	background-color: #ffffff;
	font-weight: 600;
}
.budget-2-tight tbody td.total,
.budget-2 tbody td.total {
	color: #ffffff;
	background-color: #444444;
	font-weight: 600;
}
.budget-2-tight tbody td {
	padding: 6px 3px;
    line-height: 1.4em;
    color: #222222;
    background: #ffffff;
	border-left: 1px solid #444444;
	border-top: 1px solid #444444;
}
.budget-2 tbody td,
.budget-1 tbody td,
.budget-1-3 tbody td,
.budget-1-4 tbody td,
.budget-1-5 tbody td {
    padding: 9px;
    line-height: 1.4em;
    color: #222222;
    background: #ffffff;
	border-left: 1px solid #444444;
	border-top: 1px solid #444444;
}
/*----Hide and show comments plugin -----*/
.hsc-button-hideshow {
	margin-left: 2px !important;
 }

/* anchor scroll in html classic mode----------------*/
.drop-scroll:before, .anchor { 
  display: block; 
  content: " "; 
  margin-top: -140px; 
  height: 140px; 
  visibility: hidden; 
}

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

/* main drop down menu raised higher to accommodate shorter banner*/
@media only screen and (max-width: 1192px) {
	#site-navigation .megamenu ul.sub-menu {
		top: 0px !important; /* old news*/
	}
	.blog-entry-content.entry-details.clr   {
	width: 80% !important;
	}
}
/*---footer--*/

@media only screen and (max-width: 1098px) {
	#policies.middle {
		text-align: left;
		/*margin-top: 90px;*/
		margin-top: 120px;/*new total*/
		position: absolute;
	}
	#topnav-footer-right span.fa {/*bottom footer*/
		text-align: left;
		padding-left: 0;
	}
	#copyright {/*removed .clr total new*/
		position: absolute;
		/*margin-top: -14px;*/
		margin-top: 0; /*total new*/
	}
	#footer-bottom { /*removed .clr total new*/
		height: 290px;
		/*padding-top: 0; total new*/
	}
	.wpex-mobile-toggle-menu-icon_buttons_under_logo #site-header #site-logo img {
    	margin-top: 10px; /*old news*/
	}
}
@media only screen and (max-width: 1055px) {
	.drop-scroll:before { 
  		display: block; 
  		content: " "; 
  		margin-top: -5px; 
  		height: 5px; 
  		visibility: hidden; 
	}
}
@media only screen and (max-width: 1050px) {
	button.searchform-submit {
    	color: #886a32;
		background-color: #f9f9f9;
	}
	button.searchform-submit:hover {
		color: #000000;
		background-color: #f9f9f9;
	}
}
@media only screen and (max-width: 1000px){
	#site-header-inner {
    	padding-top: 25px;
    	padding-bottom: 40px;
	}
	.vc_column-inner {
		margin-bottom: 15px !important;
	}
	.homepage-news-header-gray h2 {
		margin-top: 15px;
	}
	.sidebar-box.widget_rss.clr {
    	margin-bottom: 0;
	}
}
@media only screen and (max-width: 926px) {
/* category page images- thumbs size */
	.blog-entry-media {
		width: 130px !important;
		vertical-align: top;
	}
	#site-header-inner.container.wpex-clr {
	margin-bottom: -20px;
    }
}
@media only screen and (max-width: 846px) {
/* category page copy legnth */
	.blog-entry-content.entry-details.clr   {/*old news*/
		width: 76% !important;
		display: inline-block;
	}
	.category-button {/*old news*/
		margin-top: 10px;
	}
	.news-home h2, .news-home-side-story h2 {/*old news*/
		margin-top: 6px;
		margin-bottom: 15px !important;
	}
	.news-home h3, .news-home-side-story h3 {/*old news*/
		margin-top: 6px;
		margin-bottom: 15px !important;
	}
	.news-home h4, .news-home-side-story h4 {/*old news*/
		margin-top: 6px;
		margin-bottom: 15px !important;
	}
	#news-home-side-story-top {/*old news*/
		margin-top: 6px;
	}
	.homepage-news-header-gray {/*old news*/
		margin-top: 5px;
	}
	.homepage-news-header-gray .end {/*old news*/
		margin-top: -15px;
		margin-bottom: -20px;
	}
	.news-home p {/*old news*/
		padding-bottom: 20px;
		margin-top: -9px;
	}
}
@media only screen and (max-width: 768px) {
	ul#menu-very-top.top-bar-menu {/*adjusted for Â鶹´«Ã½News site*/
    	margin-left: auto;
   		margin-right: auto;
    	width: -webkit-fill-available;
		width: -moz-available;
	}
	#top-bar {
    	padding: 2px 0 6px 0;
	}
	#top-bar #top-bar-social {
		padding-top: 0;
	}
	/*
	#copyright.clr {
		margin-top: 280px;
		left: 0;
	}
	#policies.middle {
		margin-top: 380px;
		left: 0;
	}
	#footer-bottom.clr {
		height: 600px;
		padding-top: 0;
		text-align: left;
	}
	#topnav-footer-right {
		float: left;
		margin-left: 0;
		top: 145px;
	}
	#topnav-footer-left {
		float: left;
		margin-top: -14px;
		position: absolute;
	}*//*total new start*/
	#copyright {
		margin-top: 20px; /*footer--nameplate*/
		left: 10;
	}
	#policies.middle {
		margin-top: 125px;
		left: 10;
	}
	#footer-bottom {
		height: 600px;
		padding-top: 0;
		text-align: left;
	}
	#topnav-footer-right {
		float: left;
		margin-left: 0;
		top: 400px;
	}
	#topnav-footer-left {
		float: left;
		margin-top: 260px;
		position: absolute;
	}/*total new end*/
	.no-top-margin-h2 {
		margin-top: 20px;
	}
	.mix-order-col {
		display: flex;
		flex-direction: column;
	}
	.news-home-category-column-one {
		order: 1;
		width: 100%;
	}
	.news-home-category-column-two {
		order: 2;
		width: 100%;
	}
	.news-home-category-column-three {
		order: 3;
		width: 100%;
	}
	/* category page copy legnth */
	.blog-entry-content.entry-details.clr   {
		display: inline-block;
		width: 100% !important;
	}
	.homepage-rss-3 ul li, .homepage-rss-3 ul li:last-child {/*new total*/
		margin-left: 0.7em;
	}
}
@media screen and (max-width: 680px) {
  .ourtable {
    border: 0;
  }
  .ourtable thead {
    border: none;
    -webkit-clip-path: inset(1px 1px 0 0);
    clip-path: inset(1px 1px 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .ourtable tr {
    border-bottom: 3px solid rgba(144,113,57,0.5);
    display: block;
    padding:0 0 6px 0;
  }
  .ourtable td {
    border-bottom: 1px solid rgba(144,113,57,0.5);
    display: block;
    text-align: right;
  }
 .ourtable td:first-child {
	background: #f3f3f3;
  }
  .ourtable td:before {
    content: attr(data-label);
    float: left;
    font-weight: 600;
  }
  .ourtable td:last-child {
    border-bottom: 0;
  }
  .wp-caption {
	float:none;	
  }
  blockquote {
	margin: 30px 0;
    width: 100%;
    float: none;
	}
	.blocklink { 
    margin: 30px 0;
    width: 100%;
    float: none;
    }
}
@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/news/wp-content/uploads/2017/08/seal-name-stacked@2x.png') no-repeat;
    	width: 200px;
    	height: 64px;
    	padding-left: 200px;
		margin:0 auto 9px auto;
		background-size: contain;
	}
	/* Language Access in footer */
  	.langaccess {
	  margin-top: -150px;
	  margin-left: 200px;
  	}
	/*videos*/
	#wrap-video-right {
		width:100%;
	}
}
@media only screen and (max-width: 550px) {
	/* Budget tables responsive */
	.budget-2-tight,
	.budget-2,
	.budget-1,
	.budget-1-3,
	.budget-1-4,
	.budget-1-5 {
		border: 1px solid #444444;
		}
	.budget-1 thead,
	.budget-2 thead,
	.budget-2-tight thead,
	.budget-1-5 thead,
	.budget-1-3 thead th.column-header,
	.budget-1-4 thead th.column-header {
		-webkit-clip-path: inset(1px 1px 0 0);
    	clip-path: inset(1px 1px 0 0);
    	height: 1px;
    	margin: -1px;
    	position: absolute;
		visibility: hidden;
		}
	.budget-2 tr,
	.budget-2-tight tr,
	.budget-1 tr,
	.budget-1-3 tr,
	.budget-1-4 tr,
	.budget-1-5 tr {
    	border-bottom: 1px solid #444444;
    	display: block;
  		}
  	.budget-2 td,
	.budget-2-tight td,
	.budget-1 td,
	.budget-1-3 td,
	.budget-1-4 td {
    	display: block;
    	text-align: right;
  		}
	.budget-1-5 td {
    	display: block;
    	text-align: left;
  		}
 	.budget-2 td:first-child,
	.budget-2-tight td:first-child,
	.budget-1 td:first-child,
	.budget-1-3 td:first-child,
	.budget-1-4 td:first-child,
	.budget-1-5 td:first-child {
		background: #595959;
		color: #ffffff;
	}
	.budget-1 td:before,
	.budget-2-tight td:before,
	.budget-2 td:before,
	.budget-1-3 td:before,
	.budget-1-4 td:before,
	.budget-1-5 td:before{
    	content: attr(headers);
    	float: left;
    	font-weight: 600;
		padding-right: 10px;
  		}
  	.budget-2 td:last-child,
	.budget-2-tight td:last-child,
	.budget-1 td:last-child,
	.budget-1-3 td:last-child,
	.budget-1-4 td:last-child,
	.budget-1-5 td:last-child{
    	border-bottom: 0;
  	}
	.budget-2-tight tbody td.right-total,
	.budget-2-tight tbody td.total,
	.budget-2 tbody td.right-total,
	.budget-2 tbody td.total {
		border-left: 0;
		border-bottom: 1px solid #ffffff;
	}
	.budget-2-tight tbody td.bold
	.budget-2 tbody td.bold {
		color: #ffffff;
		background-color: #444444;
		font-weight: 600;
	}
	.budget-2-tight td.blank-head,
	.budget-2 td.blank-head { /*skinny blank space between sections*/
		background: #ffffff;
		padding: 1px;
		font-size: 0.10em;
	}
	.budget-1-3 thead tr.first-head,
	.budget-1-4 thead tr.first-head,
	.budget-1-5 thead tr.first-head{
		background-color: #333333;
	}
	.highlite-box-content {
    	width: 100%;
	}
}

.listoverride ul li a {
	list-style-type: circle !important
}
ul.listoverride li {
	list-style-type: circle !important
}

/* Bootsrap 4 tables */
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #222222;
  border-collapse: collapse
}

.table td, .table th {
  padding: .75rem;
  vertical-align: top;
  border: 1px solid #444444
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #444444;
  text-align: center
}

.table tbody+tbody {
  border-top: 2px solid #444444
}

.table-sm td, .table-sm th {
  padding: .3rem
}

.table-bordered {
  border: 1px solid #444444;
  border-collapse: collapse
}

.table-bordered td, .table-bordered th{
  border: 1px solid #444444 !important
}
		
.table-bordered thead td, .table-bordered thead th {
  background-color: #595959 !important;
  color: #ffffff;
}

.table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
  border: 0
}

.table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, .075)
}

.table-primary, .table-primary>td, .table-primary>th {
  background-color: #b8daff !important
}

.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th {
  border-color: #7abaff !important;
  background-color: #b8daff !important
}

.table-hover .table-primary:hover {
  background-color: #9fcdff
}

.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
  background-color: #9fcdff !important
}

.table-secondary, .table-secondary>td, .table-secondary>th {
  background-color: #d6d8db !important
}

.table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
  border-color: #b3b7bb !important;
  background-color: #d6d8db !important
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
  background-color: #c8cbcf !important
}

.table-success, .table-success>td, .table-success>th {
  background-color: #c3e6cb !important
}

.table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th {
  border-color: #8fd19e !important;
  background-color: #c8cbcf !important
} 

.table-hover .table-success:hover {
  background-color: #b1dfbb
}

.table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
  background-color: #b1dfbb !important
}

.table-info, .table-info>td, .table-info>th {
  background-color: #bee5eb !important
}

.table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th {
  border-color: #86cfda !important;
  background-color: #bee5eb !important
} 

.table-hover .table-info:hover {
  background-color: #abdde5
}

.table-hover .table-info:hover>td, .table-hover .table-info:hover>th {
  background-color: #abdde5 !important
}

.table-warning, .table-warning>td, .table-warning>th {
  background-color: #ffeeba !important
}

.table-warning tbody+tbody, .table-warning td, .table-warning th, .table-warning thead th {
  border-color: #ffdf7e !important;
  background-color: #ffeeba !important
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1
}

.table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {
  background-color: #ffe8a1 !important
}

.table-danger, .table-danger>td, .table-danger>th {
  background-color: #f5c6cb !important
}

.table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th {
  border-color: #ed969e !important;
  background-color: #f5c6cb !important
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7
}

.table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th {
  background-color: #f1b0b7 !important
}

.table-light, .table-light>td, .table-light>th {
  background-color: #fdfdfe !important
}

.table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th {
  border-color: #d3d3d3 !important;
  background-color: #fdfdfe !important
}

.table-hover .table-light:hover {
  background-color: #ececf6
}

.table-hover .table-light:hover>td, .table-hover .table-light:hover>th {
  background-color: #ececf6 !important
}

.table-dark, .table-dark>td, .table-dark>th {
  background-color: #444444 !important
}

.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
  border-color: #95999c !important;
  background-color: #444444 !important;
  color: #ffffff !important
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe
}

.table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th {
  background-color: #b9bbbe !important
}

.table-active, .table-active>td, .table-active>th {
  background-color: rgba(0, 0, 0, .075) !important
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td, .table-hover .table-active:hover>th {
  background-color: rgba(0, 0, 0, .075) !important
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40 !important;
  border-color: #454d55 !important
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef !important;
  border-color: #dee2e6 !important
}

.table-dark {
  color: #fff;
  background-color: #444444
}

.table-dark td, .table-dark th, .table-dark thead th {
  border-color: #dee2e6 !important
}

.table-dark.table-bordered {
  border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, .075)
}


.grn-bg {
	background-color: #ccffcc !important
}

@media (max-width:575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .table-responsive-sm>.table-bordered {
    border: 0
  }
}

@media (max-width:767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .table-responsive-md>.table-bordered {
    border: 0
  }
}

@media (max-width:991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .table-responsive-lg>.table-bordered {
    border: 0
  }
}

@media (max-width:1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .table-responsive-xl>.table-bordered {
    border: 0
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
  border: 0
}

@media print {
  .table {
    border-collapse: collapse !important
  }

  .table td, .table th {
    background-color: #fff !important
  }

  .table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6 !important
  }

  .table-dark {
    color: inherit
  }

  .table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
    border-color: #dee2e6 !important
  }

  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6 !important
  }
}

/*homepage category overlays*/
.home-category-container {
  position: relative;
  width: 100%;
  max-width: 1200px;
}

.home-category-image {
  display: block;
  width: 100%;
  height: auto;
}

.home-category-overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #ffffff; 
  width: 100%;
  font-size: 0.9em;
  padding: 5px 10px;
  text-align: left;
  font-weight: 500;
  box-sizing: border-box;
}

.home-category-overlay-top {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #ffffff; 
  width: 100%;
  font-size: 0.98em;
  padding: 5px 10px;
  text-align: left;
  font-weight: 500;
  box-sizing: border-box;
}

.latest-news {
	line-height: 105%;
	font-size: 0.9em;
	font-weight: normal;
}

.popular-news {
	font-weight: 500;
	
}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  /*width: 120px;*/
  background-color: #424242;
  color: #fff;
  text-align: center;
  padding: 7px;
  border-radius: 0px;
  bottom: 105%;
  left: 50%;
  margin-left: -45px; /* Use half of the width (120/2 = 60), to center the tooltip */
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #424242 transparent transparent transparent;
}