* { margin: 0px; padding: 0px }

html { 
	background-color: black; 
}

#main-bg, #BG-image {
	position: fixed; top: 0; height: 100%; width: 100%; z-index: -2;
}

#BG-image img {
	position: absolute; left: 0;
	height: 100%; width: 100%;
}
.algebra-bg { background-color: #006633; }
.geometry-bg { background-color: #2557AE; }
.algii-bg { background-color: #FFF688; }
.stats-bg { background-color: #6600CC; }


body { 
	font-family: Arial, Helvetica, sans-serif;
	color: black; 
	min-width: 1000px;
	padding: 75px 0 100px 0;
}
body#video-page, body#video-sample {
	background-color: black; 
	color: white; 
	text-align: center;
	min-width: 0;
	padding: 0;
}

p, ul, ol { font-family: "Trebuchet MS", Helvetica, sans-serif; 
	font-size: 14pt; 
	padding: 5px }

h1, h2, h3, h4, h5 {
	text-align: center;
	margin-top: 10px;
}

h1 {
	font-size: 24pt;
}

h2 {
	font-size: 20pt;
}

h3 {
	font-size: 18pt;
	color: #006633; 
}

h4 {
	font-style: italic; 
	font-variant: small-caps; 
	font-size: 16pt; 
}

h5 { 
	font-weight: bold; 
	font-size: 14pt; 
}
h6 { 
	font-size: 12pt; 
	background-color: #f0f8ff; 
	padding: 5px;
	margin: 10px 0;
}

a { color: mediumblue; text-decoration: none; font-weight: bold; }
a:active, a:link { color: mediumblue; text-decoration: none }
a:visited { color: darkblue; text-decoration: none }
a:hover { color: #006633; text-decoration: underline; }

.unlink, .unlink:active, .unlink:link, .unlink:visited, .unlink:hover { text-decoration: none; }

ul, ol { margin-top: 5px; }
li { margin-left: 25px; margin-bottom: 5px }

hr { width: 200px; margin: 20px auto 0 auto; border-top: 1px solid grey; }


/* select drop-down */
/* https://www.htmlgoodies.com/cms/styling-select-css-html/ */

:root {
  --select-border: #393939;
  --select-focus: #101484;
  --select-arrow: var(--select-border);
}
.product {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}
.select {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  margin: auto;

  select, 
  &::after {
    grid-area: select;
  }
/* END select drop-down */


  width: 50%;
  min-width: 15ch;
  max-width: 30ch;
  border: 1px solid var(--select-border);
  border-radius: 0.25em;
  padding: 0.25em 0.5em;
  font-size: 1.25rem;
  cursor: pointer;
  line-height: 1.1;
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);

  &::after {
    content: "";
    justify-self: end;
    width: 0.8em;
    height: 0.5em;
    background-color: var(--select-arrow);
    clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  }
}
select:focus + .focus {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid var(--select-focus);
  border-radius: inherit;
}

/* end select styling */

.tooltip { display: none; position: fixed; background: white; border: 1px solid red;}

.covers-img { height: 300px; width: auto; }
.small-cover-img { height: 200px; width: auto; }
.unpaged { border: 2px solid black; margin: 2px; }
.paged {
	border-top: 8px solid lightgray; 
	border-right: 8px solid gray; 
	border-bottom: 2px solid black; 
	border-left: 2px solid black; 
}

#all-ebooks-bookcase { height: 1000px; width: 1100px; border: 5px solid green; }
#bookcase-img { width: 50%; border: 10px black ridge; }
.logo-img { height: 90px; width: 90px; }
#amazon-logo { width: 100px; height: auto; vertical-align: -50%; }
.amazon-buy { height: 40px; width: auto; vertical-align: middle; }
#header-img { height: 90px; width: auto; }
#stats-cover-img { height: 300px; width: auto; margin-top: 25px; margin-right: 10px; }
#new-img { width: 100px; height: auto; vertical-align: middle; }
.up-left-img { width: 80px; height: auto; position: absolute; left: 0; }
#free-shipping-img { margin: 10px; width: 240px; height: auto; border: 2px solid black; }
.archive-img { width: 20%; height: auto; border: 2px solid black; margin: 10px; }
#canvas-button { float: left; margin: 0 10px; vertical-align: middle; }
#charity-img { float: left; height: 100px; width: 100px; margin: 20px 50px;}


.staff-photo { height: 150px; width: auto; }

.hidden { display: none; }
.narrow { max-width: 400px; margin: auto; }
.red { color: red;}
.green { color: green;}
.alert { border: 1px solid red; border-radius: 10px; width: 90%; margin: 25px auto; }
.strikethrough { text-decoration: line-through; }
.bold { font-weight: bold; }
.bordered { border: 2px solid black; border-radius: 20px; padding: 5px; margin: 20px 5%; background-color: white; }
.larger { font-size: 120%; }
.left { float: left; }
.right { float: right; }

.clearer { clear: both; }
.mobile-break { display: none; }
.subtitle { 
	margin-top: 0; 
	position: relative;
	top: -15px;
}

.qtip {
	font-size: 75%; 
	vertical-align: 12.5%; 
}
.qtip:active, .qtip:link, .qtip:visited { color: black; }
.qtip:hover { color: red; }

.nav { max-width: 1200px; margin: 0 auto; }

.overlay, .sub-overlay, .half-overlay, .quarter-overlay, .text-overlay, .ebook-overlay, .table-overlay { 
	position: relative;
	margin: 25px auto;  
	background: rgba(255, 255, 255, 0.95);
	border-radius: 25px;
	text-align: center;
}
.overlay, .text-overlay {
	border: 1px solid darkgray;
}
.sub-overlay, .half-overlay, .quarter-overlay {
	display: inline-block; 
	vertical-align:top; 
	margin: 5px 5px;
}

.overlay { width: 1000px; padding: 15px 0; }
.sub-container { width: 1000px; margin: 15px auto; }
.sub-overlay { width: 275px; }
.half-overlay { width: 450px; }
.quarter-overlay { width: 225px; }
.bookcase { height: 400px; }

.popout { margin-inline: auto; width: 500px; border: 2px solid red; border-radius: 10px; }

.text-overlay, .ebook-overlay { text-align: left; width: 800px; max-width: 80%; padding: 15px 15px;}
.text-overlay h3, .text-overlay h4, .text-overlay h5, .text-overlay h6 { text-align: left; margin-bottom: 10px; }
.centered, h3.centered, h4.centered, h5.centered, h6.centered { text-align: center; }
.double-lined { border-top: 8px solid red; border-bottom: 8px solid red; }
.left-aligned { text-align: left; }
.indented { margin-left: 50px; }
.double-indented { margin-left: 10%; margin-right: 10%; }
.half-indented { margin-left: 20%; margin-right: 20%; }
.last { margin-bottom: 500px; }

.inline-email { height: 12pt; vertical-align: middle; }

.table-overlay { display: inline-block; width: 300px; padding: 10px 0; margin: 0 5px; }

.splash-page { position: fixed; top: 10%; left: 25%; width: 40%; min-width: 500px; background-color: #CD7F32; color: black; padding: 50px 5% 0 5%; Z-index: 1000; border: 5px solid black; border-radius: 25px; }
.splash-page p { font-size: 14pt; }
.close-icon { height: 32px; position: absolute; top: 10px; left: 90%; }
#continue-link { text-align: center; font-size: 16pt; margin: 25px 100px; border: 2px solid black; border-radius: 10px; background-color: white; }

.secs-div { display: none; }
.ch-title { font-weight: bold; }
.sec-title { margin-left: 25px; }
.video-title { margin-left: 75px; }
.video-frame { display: none; }

/* book covers */
.algebra { color: #006633; }
.geometry { color: #2557AE; }
.algii { color: #663300; }
.stats { color: #6600CC; }
.roman { font-family: 'Alfa Slab One', Bookman, Rockwell, serif; letter-spacing: 2px; }
.title { font-family: Pythagoras, sans-serif; padding: 10px; margin-left: 30px; margin-right: 30px; }
.boulder { font-family: Boulder, sans-serif; }
.boulder sup {font-size: 12pt; }
.marker { font-family: 'Mixtape Mike', 'Brush Script MT', cursive; }
.geometry.title { padding-top: 15px; }
.cover-image { margin: 10px 0; border: 0px; height: 244px; width: auto; }
.cover-video { float: right; margin: 10px; border: 2px solid black; height: auto; width: 25%; }

.ng { 
	font-family: Federation, sans-serif; 
	text-decoration: overline underline; 
	font-size: 75%; 
	line-height: 75%; 
	vertical-align: 40%;
}
h1 .ng { text-decoration-thickness: 5px; }
h2 .ng { text-decoration-thickness: 4px; }
h3 .ng { text-decoration-thickness: 3px; }
.rq { 
	font-family: 'Mixtape Mike', 'Brush Script MT', cursive; 
	font-size: 75%; 
	line-height: 75%; 
}

/* tables */
table { border-collapse: collapse; text-align: center; margin: 10px auto; }
tr { height: 28px; vertical-align: middle; }
td { min-width: 125px; vertical-align: middle; border: 2px solid darkgreen; padding: 4px; }
.row-heading { text-align: right; padding: 4px 8px; }
.book-types-table { width: 90%; }
.page-counts-table td { white-space: nowrap; min-width: 0px; }
.half-width { width: 50%; min-width: 300px; }
.set-price { min-width: 75px; }
table.compressed td { min-width: 0px; }

/* store */
#payment { padding: 5px 10px; margin: 10px; width: 400px; height: auto; }
.algebra.booktype { border: 4px #006633 solid; margin: 5px; }
.geometry.booktype { border: 4px #2557AE solid; margin: 5px; }
.algii.booktype { border: 4px #663300 solid; margin: 5px; }

.TOC { margin-bottom: 25px; }

.product-image-div, .product-desc-div, .product-price-div {
	text-align: center; margin: 10px 0; width: 30%;
}
.product-image-div { margin: 0; }
.product-image-div h5 { margin-top: 0; margin-bottom: 10px; }
.product-image-div, .product-desc-div { float: left; }
.product-desc-div { width: 36%; }
.product-price-div { float: right; margin-right: 15px; }
.sub-overlay .product-image-div { float: none; width: 100%; }
.sub-overlay .product-desc-div { float: none; width: 100%; }
.sub-overlay .product-price-div { float: none; width: 235px; margin: 10px auto; }
.sub-overlay .cover-image { margin: 5px 0; border: 2px solid black; height: 180px; }
.ebook-overlay .geometry { margin-top: 15px; }
.set { text-decoration: underline; margin-top: 0; }

.regents-cover-image { width: 300px; border: 2px solid black; margin: 10px 0; }
.regents-percents-image { width: 500px; }
#sc { position: relative; top: -25px; }

.icon { height: 32px; width: 32px; }

.key-div {
	display: block; margin: 0 auto 15px auto; width: 100%;
}

.ebook-image { width: 85%; height: auto; border: 3px solid darkgray; margin: 10px 5px; }

/* forms */

form { text-align: center; }
fieldset { border-radius: 25px; padding-bottom: 10px; background-color: white; }
.overlay > form > fieldset { width: 90%; margin: 10px auto; }
.sky-form { border-radius: 25px; }
#profile-form fieldset, #site-profile-form fieldset { max-width: 500px; margin: 0 auto; }
.row { text-align: center; }
.row label { width: 80%; margin: 0 auto; }
button { margin-top: 10px; }
table button { margin-top: 0px; }
.ebook-form { display: inline-block; text-align: left; margin: 0; width: 150px; }
.ebook-form button { margin: 0 0 5px 10px; vertical-align: middle; }
.ebook-overlay h3, .ebook-overlay h2 { display: inline-block; text-align: right; width: 95%; }
.ebook-overlay h2 { border-top: 2px solid black; margin-top: 15px; padding-top: 15px; }
.ebook-overlay .title { padding: 5px 0 0 0; }

.qty-input { width: 50px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 16pt; font-weight: bold; text-align: center; }

.login-div { width: 500px; }
.login-div .text-overlay { width: 90%; }
.login { width: 50%; min-width: 300px; margin: 25px auto; }

#editionyear { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14pt; padding: 2px 10px; }
#edition-warning { display: none; }


#cart-qty { 
	position: relative;
	top: -14px; left: -12px;
	border: 1pt solid black;
	border-radius: 10px;
	background-color: rgba(34, 139, 34, 0.75);
	color: white;
	padding: 0 4px 4px 4px;
}

/* Zoho SalesIQ Chat Bubble */
body .zsiq_floatmain {
    bottom: 60px !important;
    right: 10px !important;
    transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);
    transform-origin: center;-webkit-transform-origin: center;-moz-transform-origin: center;-ms-transform-origin: center;-o-transform-origin: center;
}