/*!
Theme Name: UHP
Theme URI: http://underscores.me/
Author: Collin Wong
Author URI: https://www.uhpress.hawaii.edu
Description: Custom Theme for University of Hawaii Press
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: uhp
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

UHP is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize

2.0 Elements/typography
	2.1 Include fonts
	2.2 General properties
	2.3 Headings
	2.4 Links
	2.5 Media
	2.6 Forms

3.0 Content
	3.1 Layout
	3.2 Navigation
	3.3 Header
	3.4 Footer
	3.5 Sidebar/Widgets
	3.6 Pages

4.0 Modules

5.0 Accessability
6.0 Misc
--------------------------------------------------------------*/
.product .summary form.cart {
	display:none;
}

#product-224211 form.cart {
	display: block;
}

#product-224211 .quantity {
	margin:1em 0;
}
#product-224211 .uhp-product-info, #product-224211 .uhp-share {
	display:none;
}

/*--------------------------------------------------------------
1.0 Normalize/Resets
--------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1.25;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	font-weight: 700;
}

strong,
b {
	font-weight:700;
}

em,
i {
	font-style: italic;
}


/*--------------------------------------------------------------
2.0 Elements/typography
--------------------------------------------------------------*/

/*	2.1 Include fonts
---------------------------------------------------------------*/
@font-face {
    font-family: 'GothamBook';
    src:	url('fonts/Gotham Book Regular.otf'),
			url('fonts/Gotham Book Regular.eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBold';
    src:	url('fonts/Gotham Bold.otf'),
			url('fonts/Gotham Bold.eot');
    font-weight: normal;
    font-style: normal;
}

/*	2.2 General properties
---------------------------------------------------------------*/
html {
	box-sizing: border-box;
	/* Prevent adjustments of font size after orientation changes in iOS. */
	-webkit-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #f8f8f8;
	color: #404040;
	font-family: Arial, sans-serif;
	font-size: 1rem;
}

p {
	margin-bottom: 1.5em;
}

article {
	max-width:100%;
}

table {
	border: none;
}


/*	2.3 Headings
---------------------------------------------------------------*/
h1,h2,h3,h4 {
	clear:both;
	margin: 1em 0;
	text-transform: uppercase;
}

h1 {
	font-size: 2em;
	font-family:GothamBook, Arial, sans-serif;
	font-weight:700;
}

h2 {
	font-size: 1.5em;
	font-family: GothamBold, Arial, sans-serif;
	font-weight: 700;
}

h3 {
	font-size: 1em;
	font-family: GothamBook, Arial, sans-serif;
	letter-spacing: .1em;
}

h4 {
	font-size: 1em;
	font-family: GothamBook, Arial, sans-serif;
}

/*	2.4 links
---------------------------------------------------------------*/
a,
a:visited,
a:focus,
a:active {
	color: #87B04D;
	text-decoration: underline;
	cursor: pointer;
}

a:hover {
	opacity: .8;
}

a:focus {
	outline: thin dotted;
}


/*	2.5 Media
---------------------------------------------------------------*/
img {
	/* Remove the border on images inside links in IE 10. */
	border-style: none;
	/* Make sure images are scaled correctly. */
	height: auto;
	/* Adhere to container width. */
	max-width: 100%;
	display:block;
}


/*	2.6 Forms
---------------------------------------------------------------*/

input {
	/* Show the overflow in IE/Edge. */
	overflow: visible;
	/* Change the font styles in all browsers. */
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	/* Remove the margin in Firefox and Safari. */
	margin: 0;
}

a.button,
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: .6em 1em;
	color: rgba(0,0,0,.8);
	background: #e6e6e6;	
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	line-height: 1;
	font-size: 1em;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	overflow: visible;	
	cursor: pointer;
	}

.button:hover,
button:hover {
	opacity: .8;
}

label {
	display: block;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: .375em;
	background:#f0f0f0;
	font-size:1em;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
	cursor: text;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 .125em;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

._form_element ._error {
	margin: .375em 0;
	color: red;
}

._form-label {
	font-weight: 700;
}

form._form_1,
form._form_3 {
	margin: 1em auto;
	padding: 1em;
	max-width: 95%;
	background: #f8f8f8;
	border-radius: 5px;
	box-shadow: 0 .1em .375em;
}

form._form_1 {
	max-width: 600px;
}

._form_element,
._button-wrapper {
	margin: 1em auto;
	max-width: 95%;
}

._form_element ._field-wrapper input {
	width:100%;
}

._form-title {
	margin: 1em 0;
	font-size: 1.25em;
	font-weight: 700;
}

form._form_3 ._row:first-of-type {
	width: 100%;
	margin: 1em 0;
	font-weight: 700;
}

form._form_3 ._row {
	margin: .375em;
	max-width: 45%;
}

form._form_3 ._row label {
	display: inline;
}

form._form_3 ._field25,
form._form_3 ._field26,
form._form_3 ._field27 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

form._form_3 ._field25 {
	max-height: 360px;
}

form._form_3 ._field25 ._row:nth-child(12) {
	margin-top: 3.875em;
}

form._form_3 ._field26 {
	max-height: 760px;
	margin-bottom:1em;
}

form._form_3 ._field26 ._row:nth-child(23) {
	margin-top: 3.875em;
}

/*--------------------------------------------------------------
3.0 Content
--------------------------------------------------------------*/

/*	3.1 General layout
---------------------------------------------------------------*/
.container,
.menu-main-navigation-container {
	width: 100%;
	max-width:75rem;
	margin:auto;
}

#content {
	display: flex;
	flex-wrap: wrap;
	padding: .375em .375em 0;
	background: #fff;
}

#primary{      				                     
	flex:1;
	order:2;
}

#secondary {
	width: 17rem;
	margin-right: .375em;
	display: flex;
	flex-direction: column;
	order:1;
}

#secondary .widget:last-child {
	flex:1;
}

.alignleft {
	float:left;
}


.alignright {
	float:right;
}

@media only screen and (max-width:640px)
{
	#secondary {
		width:100%;
		order:3;
	}
}

/*	3.2 Navigation
---------------------------------------------------------------*/
.menu-toggle {
	display:none;
}

ul.menu {
	margin:0 auto;
	list-style:none;
	display:flex;
	justify-content:space-between;
}

li.menu-item {
	position: relative;
	background: inherit;
}

li.menu-item>a {
	text-decoration: none;
	padding: .375em;
}

li.menu-item>a:hover {
	opacity: 1;
}

li.menu-item>ul.sub-menu {
	display:none;
	position:absolute;
	z-index:100;
	width:100%;
	background:inherit;
	font-size:.75em;
}

li.menu-item:focus>ul.sub-menu,
li.menu-item:hover>ul.sub-menu {
	display: block;
}

li.menu-item>ul.sub-menu>li.menu-item {
	border-top: 1px solid;
}

/* Primary Navigation */
nav#site-navigation,
ul#primary-menu {
	background: #000;
}

ul#primary-menu>li {
	width: 100%;
	font-family:GothamBold, Arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	text-align:center;
	border-left:1px solid #f8f8f8;
}

ul#primary-menu>li:last-child {
	border-right: 1px solid #f8f8f8;
}

ul#primary-menu li a {
	display:inline-block;
	width:100%;
	color: #fff;
}

ul#primary-menu li a:hover {
	background: #404040;
}

ul#primary-menu li.uhp-cartlink a {
	background:#87B04D;
}

ul#primary-menu li.uhp-cartlink a:hover {
	background:#97C05D;
}

ul#primary-menu li.uhp-cartlink>.sub-menu {
	background: #87B04D;
}

@media only screen and (max-width:950px) {
	#primary-menu li {
		font-size:1.5vw;
	}
}


nav ul {
	list-style:none;
}


/*	3.3 Header
---------------------------------------------------------------*/

#masthead {
	background:url("images/headerbg.png") repeat-x #fff;
	background-position:center top;
}

.site-title,
.site-description {
	display:none;
}

.site-branding {
	display:flex;
	flex-wrap: wrap;
	padding: 1em 0;
}

.custom-logo-link {
	flex: 1 12em;
}

.custom-logo-link img {
	margin:auto;
}

#uhp-quicknav {
	display:flex;
	flex: 2 22em;
	margin: 0 1em;
	background: url(images/quicknavborder.png) right center no-repeat; 
	color: #87B04D;
}

#uhp-quicknav h2 {
	margin-bottom:.375em;
}

#uhp-quicknav h2 a {
	color:#000;
}

#uhp-quicknav div {
	width: 50%;
	padding: 1em;
	text-align: center;
	background:	url(/resources/quicknavborder.png) no-repeat; 
}

#uhp-header-end {
	display:flex;
	flex-direction: column;
	justify-content: center;
	flex: 2 17em;
	margin: 0 .375em;
	text-align: right;
}

#uhp-connect {
	background: url('/resources/connect.png') no-repeat #f2f2a4;
	width:100%;
	margin:.375em 0;
	padding-left: 220px;
	display:flex;
	justify-content: space-around;
}

#uhp-connect img {
	max-height:2em;
	margin:.25em;
}

#uhp-search {
	position:relative;
}

#uhp-search input {
	height: 2.5em;
	width:100%;
	padding-left:1em;
}

#uhp-search .icon{
	position:absolute;
	height:40px;
	width:40px;
	right: 0;
	top: 0;
}

#uhp-search .icon:hover,
#uhp-search .icon button:hover {
	opacity:.75;
	cursor: pointer; 
}

#uhp-search input::-webkit-input-placeholder {
   color: #87B04D;
}
 
#uhp-search input:-moz-placeholder { /* Firefox 18- */
   color: #87B04D;  
}
 
#uhp-search input::-moz-placeholder {  /* Firefox 19+ */
   color: #87B04D;  
}
 
#uhp-search input:-ms-input-placeholder {  
   color: #87B04D;  
}

#uhp-search button {
	background:#000;
	border:none;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	color:#fff;
}

.uhp-notice {
	margin: .375em 0;
	color: red;
	font-size: .9em;
}

#uhp-cart {
	display: none;
	font-size:1.5rem;
	font-family:GothamBook, Arial, sans-serif;
	background: #87B04D;
	border: 1px solid #404040;
	margin: 1rem auto;
	width: 90%;
	height: 3rem;
	box-shadow: 0 2px 1px 1px #ccc;
	font-weight:700;
}

#uhp-cart .fa {
	margin:0 .5em;
}

#uhp-cart:hover {
	opacity: .75;
}

#uhp-cart a {
	display:flex;
	justify-content: center;
	align-items: center;
	height:100%;
	width: 100%;
	color: #f8f8f8;
	text-decoration: none;
}

#uhp-cart a:hover {
	opacity: 1;
}

@media only screen and (max-width:1000px) and (min-width:876px)
{	
	#uhp-connect{
		background: url('/resources/connect_sm.png') no-repeat #f2f2a4;
		padding-left:90px;
	}
}

@media only screen and (max-width:640px) {
	#uhp-login {
		display:none;
	}
	
	#uhp-cart {
		display: block;
	}
	
	#uhp-header-end {
		text-align: center;
	}
	
	#uhp-connect {
		margin: 1em auto;
	}
}

/*	3.4 Footer
---------------------------------------------------------------*/
#colophon,
#colophon a {
	color: #f8f8f8;
}

#uhp-footer1 {
	background: #87B04D;
}

#uhp-footer2 {
	background: #000;
	font-size:.9em;
}

.site-info {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items: flex-start;
	padding:1em;
}

.site-info address {
	font-size: .9em;
}

#uhp-footer-menu {
	width: 50%;
}

#menu-footer-menu {
	display:flex;
	justify-content:space-between;
	width: 100%;
}

#menu-footer-menu li {
	font-size: .75em;
	border-right: 1px solid #f8f8f8;
	width:100%;
}

#menu-footer-menu li:last-child {
	border-right:none;
}

#menu-footer-menu li a{
	display:flex;
	align-items:center;
	justify-content:center;
	text-transform: uppercase;
	text-decoration:none;
	height:100%;
}

#menu-footer-menu li a:hover {
	text-decoration:underline;
	opacity:1;
}

#uhp-donate {
	margin: 1em 0;
	display: flex;
	justify-content:space-between;
}

#uhp-ada {
	font-size: .8em;
	max-width: 50%;
	margin-left: 1em;
}

@media only screen and (max-width:640px)
{	
	#menu-footer-menu {
		display: none;
	}
	
	.site-info div {
		margin: 1em auto;
		text-align: center;
	}
}

/*	3.5 Sidebar/Widgets
---------------------------------------------------------------*/
.widget {
	margin:0 0 .375em;
	font-family: GothamBook, Arial, sans-serif;
	background: #e6e6e6;
	color: #404040;
}

.widget a:hover {
	opacity: .8;
}

.widget h3 {
	font-size: 1em;
	font-family: GothamBold, Arial, sans-serif;
	letter-spacing: normal;
}

#uhp-bloglink {
	background: url('images/followourblog.png') rgb(242,242,164) no-repeat;
	height: 40px;
}

#uhp-bloglink:hover {
	opacity: .8;
}

.uhp-catalog {
	padding: 0 1em 1em;
	text-align: center;
}

.home .uhp-catalog {
	height: 310px;
}

#uhp-quicklinks {
	padding: 0 1em 1em;
}

#uhp-quicklinks li {
	margin: .375em 0;
}

.uhp-aas {
	margin: 1em;
}



/*	3.6 Pages
---------------------------------------------------------------*/
.entry-content {
	margin: .375em 0 0;
	padding: 1em;
}

.entry-content ul {
	list-style: disc inside none;
	margin: 1em 0;
}

.entry-content li {
	line-height:1.5;
}

.home .entry-title {
	display:none;
}

.home .entry-content {
	padding:0;
}

/* hide badge for on-sale page */
.page-id-96091 .onsale {
	display:none;
}

.uhp-blog .uhp-post-title {
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	letter-spacing: normal;
	text-transform: none;
	margin: 0 0 1em;
}


/*	3.7 Posts
---------------------------------------------------------------*/
.post-thumbnail,
time.updated {
	display:none;
}

.uhp-cols-4>.uagb-columns__inner-wrap{
	justify-content: space-around;
	align-items:bottom;
	margin: 1em 0;
}

.uhp-cols-4>.uagb-columns__inner-wrap>.wp-block-uagb-column {
	max-width: 20%;
	overflow: visible;
}

.uhp-cols-4>.uagb-columns__inner-wrap>.wp-block-uagb-column .uagb-column__inner-wrap {
	display: flex;
	flex-direction:column;
	justify-content: flex-end;
}

.uhp-cols-4>.uagb-columns__inner-wrap>.wp-block-uagb-column img {
	border: 1px solid;
	border-color: rgba(0,0,0,.8);
	box-shadow: 3px 3px 1px #808080;
}

.uhp-cols-4>.uagb-columns__inner-wrap>.wp-block-uagb-column a img:hover {
	opacity: .8;
}

.nav-links {
	display:none;
}

/*--------------------------------------------------------------
4.0 Modules
--------------------------------------------------------------*/
.uhp-heading,
.widget-title {
	color: #f8f8f8;
	font-family: GothamBook, Arial, sans-serif;
	font-size:1em;
	letter-spacing:normal;
	background: #87B04D;
	padding:0 1.25em;
	font-weight: normal;
	margin: 0 0 1.25em 0;
	text-align:left;
	text-transform:uppercase;
	width:100%;
}

.uhp-carousel .soliloquy-image {
	max-height: 250px!important;
	width: auto;
	border: 1px solid #888;
	box-shadow: 3px 3px 1px #888;
	margin-bottom: 10px!important;
}

.uhp-carousel .soliloquy-prev {
	left: 0px!important;
}

.uhp-carousel .soliloquy-next {
	right: 0px!important;
}

.entry-content ul.uhp-blog,
ul.uhp-blog {
	display: flex;
	flex-direction:column;
	justify-content: space-around;
	margin: 1em;
	list-style: none;
}

.entry-content ul.uhp-blog li,
ul.uhp-blog li {
	height: 100%;
	border-bottom: 1px solid #404040;
	margin-bottom: 1em;
	padding-bottom: 1em;
	line-height: inherit;
}

ul.uhp-blog li img {
	max-width: 10em;
	float:left;
	margin-right: 1em;
}


/*--------------------------------------------------------------
5.0 Accessability
--------------------------------------------------------------*/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
}


/*--------------------------------------------------------------
6.0 Misc
--------------------------------------------------------------*/
.uhp-jlogo img{
	margin: 0 1em 1em;
}

a.wp-block-button__link {
	color: #fff;
}

.wp-block-button:hover {
	opacity: .8;
}

.wp-block {
	max-width: 1200px;
}

.soliloquy-container h1 {
	font-size: 2em;
	margin: 1em 0;
}

.soliloquy-container p,
.soliloquy-container h4  {
	margin: 1em 0;
}

a.uhp-arrow {
	text-decoration:none;
	color: #000;
}

ul.uhp-submenu {
	display: none;
}

#uhp-quicklinks ul {
	margin: 1em;
}

#uhp-quicklinks h3 {
	margin: 0;
}

.uhp-img img {
	border:1px solid #404040;
	box-shadow: 3px 3px #888;
	margin: 0 1em 1em;
}

.uhp-img:hover {
	opacity: .8;
}

#secondary .widget:last-child {
	min-height: 60px;
}

.uhp-couponmsg {
	display: none; 
	margin: .375em 0;
	color:red;
}

.uhp-bios {
	padding: 0 0 1.5em;
}

.uhp-bios p {
	margin-bottom:.5em;
	font-weight: 700;
}

h4.uhp-contributors {
	margin:1em;
	font-weight:700;
}

.uhp-source {
	font-weight:700;
}


.single-product #content div.product_cat-bundle .woocommerce-product-gallery {
	flex:1 !important;
}

#product-197056 .variations,
#product-197056 .bundle_button
{
	display:none;
}

#product-197056 .bundled_product {
	display: table-row;
}

/*--------------------------------------------------------------
Fixing Global Asias category page: https://uhpress.hawaii.edu/bookseries/global-asias-method-architecture-praxis/
--------------------------------------------------------------*/

.term-2774 .term-description img.img_wrap {
	max-height: 300px;
	float: left;
	margin: 1em;
}