/*
 Theme Name:   Hamilton Library
 Theme URI:    http://library.manoa.hawaii.edu
 Description:  Standalone Theme for Hamilton Library
 Author:       Hamilton Library
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hamlib
*/

/*
	This file handles general CSS that is applicable to the entire site.
	Other CSS files will take precedence over this file
*/

html, body {
  margin: 0px;
  padding: 0px;
  height: 100%; 
  font-size:16px;
  /*color: #222;*/
  
  background: #fff;
  color: #444;
}

h1,h2,h3,h4 {
  font-weight:500;
  color: #024731;
}


* {
  font-family: 'Open Sans', sans-serif;
}
p {

}

.entry-content a, 
.entry-content a:hover,
.entry-summary a, 
.entry-summary a:hover, 
.widget a, 
.widget a:hover, 
.site-footer .widget-area a, 
.site-footer .widget-area a:hover, 
.posts-navigation a, 
.posts-navigation a:hover, 
.widget_authors a strong
.widget_authors a:hover strong {
  webkit-box-shadow: none;
  box-shadow:none;
  webkit-transition:none;
  transition: none;
}

a, a:visited, a:active {
  /*color: #003ebc;*/
  color: #004C98;
}

a:hover {
  /*color: #997a41;*/
  color: #024731;
  text-decoration: underline;
}

a:focus,
input[type="comments"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="submit"]:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
  outline: #006cb8 solid 2px;
}

ul, ol {
	padding:0 0 0 1.5em;
}

li > ul, li > ol {
	margin: 0;
}

.text-center {
	text-align:center;
}

.skip-link {
    position: absolute;
    left: 0px;
    top: 20px;
    font-weight: bold;
    margin-left: -1000px;
}

.screen-reader-text {
    position: absolute;
    left: -999em;
    top: 0px;
}

.skip-link:focus {
    left: 0px;
    margin-left: 0px;
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

img,
video {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	/*margin-bottom: 1.5em;*/
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media (max-width: 767px) {
  /* Add your Mobile Styles here */
  
  input[type="text"]::placeholder {
    content: "Enter search terms";
    color: #a9a9a9;
    font-size: 12px;
  }
  
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}



/*
Print Styles
================================================== */
@media print {
  html, body {
    width: 100%;
  }

  body {
    margin: 0 auto;
  }
  
  .row, .container {
    width:100%;
  }

 }