/*
	This file handles CSS for "Pages" within the site.
	
	Custom post-type CSS will be handled in their respectively named files.
*/


/** Sub Page Global Changes **/
.subpage-header {
  height: 150px;
  line-height: 125px;
  background-position: center center;
  background-size: cover;
  background-color: rgb(54, 54, 54);
}

.subpage-banner-text {
  color: #ffffff;
  vertical-align: middle;
  display: inline-block;
  font-weight: 700;
  font-size: 2em;
  text-shadow: 1px 1px 8px rgb(0, 0, 0);
}

.subpage-content {
  /*text-align: justify;
  color: #222;*/
  line-height: 1.6;
}

.subpage-content a {
  text-decoration: underline;
}

.subpage-content h1 {
  border-bottom: 3px solid #4d8872;
  padding-bottom: 8px;
  margin-top: 8px;
  margin-bottom: 16px;
  font-size: 30px;
  font-weight: 600;
}

.subpage-content h2 {
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 600;
}

.subpage-content h3 {
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
}

.subpage-content h4 {
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
}

/* News styles (mimic event API) */

#news ul {
  padding: 0;
  list-style: none;
}

#news li {
  margin-bottom: 15px;
  font-size: 14px;
}

#news strong {
  color: #5f5f5f;
}

#news a
{
text-decoration: none;
font-weight:bold;
}

.services-subpage {
	background-image: url('/https/manoa.hawaii.edu/library/wp-content/uploads/2017/06/subpage-2.jpg');
}
.research-subpage {
	background-image: url('/https/manoa.hawaii.edu/library/wp-content/uploads/2017/06/subpage-3.jpg');
}
.help-subpage {
	background-image: url('/https/manoa.hawaii.edu/library/wp-content/uploads/2017/06/subpage-4.jpg');
}
.about-subpage {
	background-image: url('/https/manoa.hawaii.edu/library/wp-content/uploads/2017/06/subpage-6.jpg');
}
.lib-header {
	/*box-shadow: 0px -2px 10px 3px rgba(0, 0, 0, 0.5);*/
	box-shadow: 0px 0px 1px 1px rgba(158, 158, 158, 0.35);
	
}
      
.right-subnav {
  margin-top:20px;
  box-shadow: 5px 5px 12px -5px rgba(0,0,0,0.5);
  padding: 5px 20px 20px 20px;
  border-left: 15px solid rgb(77, 136, 114);
  text-align:left;
  line-height: 1.5;
}

.right-subnav a {
  text-decoration: none;
}

.right-subnav p a {
  text-decoration: underline;
}
  
.right-subnav-alt-color {
  border-left: 15px solid rgb(136, 77, 114);
}

li.page_item  > .excerpt {
	padding-left:25px;
}

li.page_item > a {
  text-decoration: none;
}

/* Styles for [child-pages] & [sibling-pages] shortcodes */
ul.list-pages-shortcode {
  list-style: none;
  padding: 0px;
}
ul.list-pages-shortcode ul {
  list-style: none;
  padding: 0px;
}
ul.list-pages-shortcode > li {
  margin-top: 8px;
  margin-bottom: 8px;
}



  
/* Styles for [child-pages] shortcode */
ul.child-pages{
  list-style: none;
}

ul.child-pages li.page_item  > a {
  font-weight: 600;
  font-size: 1.25em;
}

ul.child-pages li.page_item {
  margin-top: 0px;
  margin-bottom: 15px;
}

ul.horizontal > li.page_item  {display:inline;padding-top:0px;}
ul.horizontal > li.page_item:after { content: " | "; }
ul.horizontal > li.page_item:last-child:after { content: ""; }
ul.horizontal > li.page_item  > a {font-weight: 500;font-size: 1em;}

/* Sidebar styles*/
.sidebar-title,
.sibling-page-parent {
	font-size:20px;
	font-weight:600;
	width:100%;
	display:block;
	border-bottom: 1px solid #CCC;
  padding: 15px 0 15px 0;
}
.sidebar-text {
	margin-top: 8px;
}

li.current_page_parent > a, li.current_page_item {
  font-weight: 700 !important;
}


/* Sub-page content */
.col-sm-9 ul {
  margin: 10px auto;
}

.col-sm-9 ul li {
  margin-left: 25px;
}

@media print {
	.subpage-header	{
		display: none;
	}
}

/* Styling for Policy page only */
#policy-list  > ul {
  list-style: none;
}

#policy-list  > ul > li {
  padding-left: 16px;
  margin-bottom: 12px;
}

#policy-list  > ul > li:before {
  content: "\f054"; 
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -16px; /* same as padding-left set on li */
  width: 16px; /* same as padding-left set on li */
  color: #006342;
}

#policy-list  > ul > li > a {
  transition: all 0.2s ease-in-out;
  padding-left: 10px;
}


ul.bulleted {
  list-style: none;
}

ul.bulleted > li {
  padding-left: 16px;
  margin-bottom: 12px;
}

ul.bulleted > li:before {
  content: "\f054"; 
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -16px; /* same as padding-left set on li */
  width: 16px; /* same as padding-left set on li */
  color: #006342;
}

ul.bulleted > li > a {
  transition: all 0.2s ease-in-out;
  padding-left: 10px;
}


/*
.accordion {
  padding-left: 16px;
}
*/
/*
.accordion:before {
  content: "\f054"; 
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -16px; 
  width: 16px; 
  color: #006342;
}
*/

.accordion > button > h2,
.accordion > button > h3,
.accordion > button > h4 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.accordion > a {text-decoration:none;}
.accordion > a > p,
.accordion > a > h2,
.accordion > a > h3,
.accordion > a > h4 {
  display:inline;
}

.lift-icon {
  position: relative;
  top: -2px;
}

.bigger-text {
	font-size: 125%;
}

.checkbox-label
{
	font-weight:500;
}

/* lightbox plugin */
.lg-backdrop {
  background-color: rgba(0, 0, 0, .3) !important;
}

/* Styles for the video shorts page*/
h2.first-video-shorts-header
{
	font-size:28px;
	margin-bottom:18px;
	margin-top:16px;
}
h2.video-shorts-header
{
	font-size:28px;
	margin-bottom:18px;
	margin-top:40px;
}
.subpage-content h4.no-top-margin
{
	margin-top:0px;
}
.subpage-content h4.add-top-margin
{
	margin-top:28px;
}
.subpage-content h3.no-top-margin
{
	margin-top:0px;
}
.subpage-content h3.add-top-margin
{
	margin-top:28px;
}

.grid-align-top
{
	align-items: start;
}

.add-vertical-margins
{
	margin-top:15px;
	margin-bottom:20px;
}

.treasures-logo
{
	margin-top:1.1em;
}
.treasures-logo > figure
{
	width:300px;
}
.treasures-event-photos
{
	height:150px;
	width: auto;
	margin: 15px;
	box-shadow: 0px 0px 3px #888;
}
/* Responsive YouTube embeds*/
.yt-embed-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.yt-embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Reduce caption size */
.wp-block-image figcaption {
    font-size: .85em;
}

/* For accessibility*/
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    line-height: 1.5;
}

.alt-rows tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}

/* For library essentials*/
.essential-request-link {
	margin:20px auto;
	padding:10px;
	display:block;
	text-decoration:none !important;
	color:#fefefe !important;
	word-wrap:normal;
	white-space:normal;
	font-size: 1em;
	max-width: 600px;
}
.essential-col {
	margin-top: 1em;
	margin-bottom: 1em;
	box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);
	padding: 1em;
}

.essential-col li {
	list-style: none;
}

.essential-col li::before {
  color: #f9a429 !important;
  content: "\203A \0020";
  font-size: 130%;
  margin-bottom: -1.3em;
  margin-left: -0.4em !important;
}