@charset "utf-8";
/* CSS Document */
/* 2022 Release of new nav and homepage */
/* copied to thor, QA, and WWW to synch 16 August 2022 */ 

:root {
	--main-brand-blue: #0057b8; 		/* Headlines */
	--main-accessible-blue: #0e4a7d; 	/* Headlines and body text */	
	--main-brand-orange: #e87722; 		/* Do not use */
	--main-accessible-orange: #C15324; 	/* Headlines */
	--main-brand-gray: #98A4AE; 		/* Do not use */
	
	--secondary-brand-red: #C8102E;		/* Headlines */
	--secondary-brand-gold: #FFA300;	/* Do not use */
	--secondary-brand-sky-blue: #5BC2E7;    /* Do not use */
	--secondary-brand-lemon: #FFCD00;	/* Do not use */
	--secondary-brand-lime: #97d700;	/* Do not use */
	--secondary-brand-grass: #5cb85c;	/* Do not use */
	--white: #ffffff;
	--black: #25282B!important;		
	
	--font-family-OpenSans: 'Open Sans', sans-serif;			
}
html {
  accent-color: var(--main-brand-blue);
  scroll-behavior: smooth;
  scroll-padding-top: 220px;  	
  /* height of sticky header */
  /*ref: https://css-tricks.com/fixed-headers-on-page-links-and-overlapping-content-oh-my/*/
}
body {
  font-family: var(--font-family-OpenSans);
  color: var(--black);
  background-color: var(--white);
}
.amsprintlogo {
  display: none !important
}
.button--skip-link {
  position: absolute;
  z-index: 2000;
  left: -999px;
  right: 0px;
  top: 10px;
  width: max-content;
  opacity: 1;
  padding: 0 0.5rem;
}

/* reset some bootstrap styles for accessibility */
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
  font-weight: 400;
  line-height: 1;
  color: #000
}
/* end reset some bootstrap styles for accessibility */ 




#main-content {
  margin-top: 0px !important;
}
[id] {
  scroll-margin-top: 2ex;
}
.gutters {
  margin-right: 10% !important;
  margin-left: 10% !important;
}
#breadcrumb a:last-of-type {
  background-color: transparent;
  color: var(--main-accessible-orange) !important;
  font-weight: 600;
}
.navbar-link {
    color: #000;
    background-color:transparent;
}
.navbar-link:visited {
    color: #000!important;
    background-color:transparent;
}
.commerceitems > .orange{
    color: #C15324!important;
}
.commerceitems a {
    color: #000!important;
    background-color:transparent;
}
/* SECONDARY PAGE STYLES*/
.bucketHeader {
  color: var(--white);
  background-color: var(--main-brand-blue);
  text-transform: capitalize;
  padding: 8px;
  font-size: 1.125em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.bucketHeader a {
  color: var(--white);
  background-color: var(--main-brand-blue);
}
/*this code places text over our standard 1500x300 banner so we can have appropriate semantic landlarks*/
.bannerbox {
  position: relative;
}
.bannerbox > img {
  object-fit: cover;
}
.img-title {
  position: absolute;
  bottom: 0px;
  left: 10px;
  text-align: left;
}
.img-title a {
  color: var(--white);
  background-color: var(--main-accessible-orange);
}
.img-title span:first-of-type {
  display: inline-block;
  font-size: 24px;
  font-weight: 400;
  color: var(--white);
  background-color: var(--main-accessible-orange);
  padding: 6px;
  margin-bottom: 5px !important;
}
.img-title span:nth-of-type(2) {
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: var(--white);
  background-color: var(--main-brand-gray);
  opacity: 0.88;
  padding: 6px;
}
/* END SECONDARY PAGE STYLES*/
/* NEWS */
#amsNews1 a {
  color: var(--main-brand-blue) !important;
  background-color: transparent;
}
.newsTitle {
  font-size: 1em !important;
}
/* END NEWS */
/* FLEX */
.row-flex {
  display: flex;
  flex-wrap: wrap;
}
/* vertical spacing between columns */
[class*="col-"] {
  margin-bottom: 30px;
}
.equal {
  display: flex;
  flex-wrap: wrap;
}
/* END FLEX */
/*Images */
figure {
  padding: 10px;
  border: hidden !important;
  margin-left: 0px !important;
  padding-left: 0px;
  font-size: 0.8em !important;
  color: var(--main-brand-gray);
  background-color: transparent;
  width: fit-content;
}
figcaption {
  background-color: var(--main-brand-blue);
  color: var(--white);
  padding-top: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
  padding-right: 3px;
  font-size: 1.1em !important;
  text-align: left;
}
figcaption span {
  font-size: 0.78em !important;
  background-color: var(--main-brand-blue);
  color: var(--white);
  font-style: italic;
}
.left-image {
  margin-right: 25px !important;
  margin-bottom: 0px;
  margin-left: 0px;
}
.ams_image_left {
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 4px;
  line-height: 1.42857143;
  background-color: var(--white);
  float: left !important;
  margin-right: 10px;
}
.ams_image_right {
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 4px;
  line-height: 1.42857143;
  background-color: var(--white);
  float: right !important;
  margin-left: 10px;
}
.ams_image_center {
  max-width: 100%;
  height: auto;
  display: block;
  padding: 4px;
  line-height: 1.42857143;
  background-color: var(--white);
  margin-right: auto;
  margin-left: auto
}
.photocredits {
  background-color: transparent;
  color: var(--main-brand-gray);
  font-size: 12px;
  text-align: left;
  margin-top: 15px;
}
/* end Images */

/* news */
.newsandblogitems {
  padding-right: 35px !important;
  padding-left: 35px !important;
}
.quicknews {
  color: var(--white);
  background-color: var(--main-brand-blue);
  border-radius: 3px;
  padding: 5px;
  font-size: 3.0em !important;
}
.quicknews-item {
  font-size: 1.5em !important;
  padding: 6px;
  margin-top: 4px;
  margin-bottom: 4px;
}
/* end news */
/* Carousel */
.carousel {
  margin-bottom: 40px !important;
}
.carousel-indicators {
  bottom: -35px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none
}
.carousel-indicators li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--main-brand-gray);
  border-radius: 10px
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: var(--main-accessible-orange);
  border-width: 1px;
}
/* / Carousel indicators */
/* nav levels */
.nav-level2 {
  color: var(--white) !important;
  background-color: var(--main-brand-blue);
  padding-left: 20px !important;
}
/* AMS branding colors background */
.orange {
  color: var(--main-accessible-orange) !important;
  background-color: transparent;
}
.AMS_blue {
  color: transparent;
  background-color: var(--main-brand-blue);
}
.AMS_blue_white_text {
  color: var(--white);
  background-color: var(--main-brand-blue);
  padding: 5px;
}
.AMS_orange {
  color: transparent;
  background-color: var(--main-accessible-orange);
}
.AMS_gray {
  color: transparent;
  background-color: var(--main-brand-gray);
}
.AMS_black {
  color: transparent;
  background-color: var(--black);
}
.AMS_secondary_red {
  color: transparent;
  background-color: var(--secondary-brand-red);
}
.AMS_secondary_gold {
  color: transparent;
  background-color: var(--secondary-brand-gold);
}
.AMS_secondary_sky_blue {
  color: transparent;
  background-color: var(--secondary-brand-sky-blue);
}
.AMS_secondary_lemon {
  color: transparent;
  background-color: var(--secondary-brand-lemon);
}
/* end AMS Branding colors background */
/* AMS branding colors foreground */
.AMS_blue_foreground {
  background-color: transparent;
  color: var(--main-brand-blue);
}
.AMS_orange_foreground {
  background-color: transparent;
  color: var(--main-accessible-orange);
}
.AMS_gray_foreground {
  background-color: transparent;
  color: var(--main-brand-gray);
}
.AMS_black_foreground {
  background-color: transparent;
  color: var(--black);
}
.AMS_secondary_red_foreground {
  background-color: transparent;
  color: var(--secondary-brand-red);
}
.AMS_secondary_gold_foreground {
  background-color: transparent;
  color: var(--secondary-brand-gold);
}
.AMS_secondary_sky_blue_foreground {
  background-color: transparent;
  color: var(--secondary-brand-sky-blue);
}
.AMS_secondary_lemon_foreground {
  background-color: transparent;
  color: var(--secondary-brand-lemon);
}
/* end AMS branding colors foreground */
/* SOME BOOTSTRAP NAV STYLES*/
nav {
  border-top-width: 10px !important;
}
.navbar-default {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border-top-style: none;
}
nav a {
  display: inline-block;
  margin-top: 10px;
}
/* END SOME BOOTSTRAP NAV STYLES*/
/* ACCOUNT DIV */
#accountDiv {
  position: relative;
  top: -4px;
  padding: 0px;
  margin: 0px;
}
/* Shopping Cart Count Badge */
.badge {
  padding-left: 9px;
  padding-right: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.label-warning[href], .badge-warning[href] {
  background-color: var(--main-accessible-orange);
}
#lblCartCount {
  font-size: 12px;
  background: var(--main-accessible-blue);
  color: var(--white);
  padding: 0 5px;
  vertical-align: top;
  margin-left: -10px;
}
/* Sign In, Sign Out buttons */
.btn01 {
  padding: 10px 15px;
  background: var(--main-accessible-blue);
  text-decoration: none;
  border-radius: 4px;
  border: solid 1px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
/* TYPOGRAPHY*/
h1 {
  font-family: var(--font-family-OpenSans);
  background-color: transparent;
  color: var(--main-accessible-orange);
  font-size: 2.143em;
  margin-top: 0px !important;
}
h2 {
  font-size: 1.643em;
}
h2, h3, h4, h5, h6 {
  font-family: var(--font-family-OpenSans) !important;
}
.blockquote-reverse, blockquote.pull-right {
  border-right: 3px solid #0e4a7d !important;
}
.lead {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 1.2em !important;
  line-height: 1.5em !important;
  font-family: var(--font-family-OpenSans) !important;
  font-weight: 400;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 15px !important;
  border-left: 5px solid #eee
}
li {
  line-height: 1.7em;
  margin-bottom: 7px;
}
dd {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0
}
/* end typography*/
/* top graybar nav - mathscinet, bookstore, etc. */
/*.mainchoices {}*/
.AMS_gray a {
  color: var(--white);
  text-decoration: none;
  margin-bottom: 7px;
  padding-top: 4px;
  padding-right: 12px;
  padding-bottom: 4px;
  padding-left: 12px;
}
.AMS_gray a:hover {
  color: var(--white);
  background: var(--main-brand-blue);
  border-radius: 4px;
}
/* end top graybar nav */
/* footer */
footer {
  width: 80% !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
footer h4 {
  font-size: 1em !important;
  font-weight: bold;
}
footer h4 a {
  color: var(--main-brand-blue) !important;
}
footer li {
  list-style-type: none;
}
footer a {
  color: var(--main-brand-blue) !important;
  background-color: transparent;
}
footer a:hover {
  color: var(--main-accessible-orange) !important;
}
/* Carousel */
.carousel-inner {
  width: 100%;
}
/* Bootstrap Carousel Fade Transition for Bootstrap 3.3.x*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/*WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers.*/
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*
*/
/* SPECIFIC STYLES FOR MOBILE */
@media screen and (max-width: 768px) {
  body {
    padding-top: 140px;
  }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 600px) {
  li ul li {
    font-size: 16px !important;
  }
  .googlesearch {
    max-width: 250px;
    margin: auto;
  }
  .nav-level2 {
    color: var(--white) !important;
    background-color: var(--main-brand-blue);
    padding-left: 5px !important;
    min-width: 160px !important;
  }
}
@media only screen and (min-width : 320px) and (max-width : 480px) {
  .gutters {
    margin-right: 1% !important;
    margin-left: 1% !important;
  }
  p, li, dd, dt {
    font-size: 1.2em !important;
    line-height: 1.5em !important;
    font-family: var(--font-family-OpenSans) !important;
    font-weight: 400;
  }
  header.bannerbox {
    margin-top: 225px !important;
  }
}

/* 
These are specific to ebooks main listing formatting
 */
.volumecell {
	padding: 10px;
	margin-right: 10px;
	vertical-align: top;
	display: table-cell;
}
.titlecell {
		padding: 10px;
		vertical-align: top;
	display: table-cell;		
	
}