@charset "UTF-8";
/* Neat 1.7.0
* http://neat.bourbon.io
* Copyright 2012-2014 thoughtbot, inc.
* MIT License */
html {
box-sizing: border-box; }
*, *:before, *:after {
box-sizing: inherit; }
/*
Rem/Px Function
---
This is a fun one. If we support rems, calculate rems according to a pixel
value. If not, just spit out the pixel value. This means we can detect rem
support and spit out the stylesheet accordingly, all while writing only one
codebase.
*/
@-webkit-keyframes grow {
0% {
display: none;
opacity: 0; }
1% {
display: block;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0); }
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes grow {
0% {
display: none;
opacity: 0; }
1% {
display: block;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0); }
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
.u-sr-only {
border: 0;
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px) !important;
height: 1px;
width: 1px;
padding: 0;
margin: -1px;
overflow: hidden; }
.u-sr-only--focusable:active, .u-sr-only--focusable:focus {
clip: auto !important;
height: auto;
width: auto;
overflow: visible;
margin: 0;
position: static !important; }
/*
* Symbolset
* www.symbolset.com
* Copyright © 2012 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your tags.
*
*/
@font-face {
font-family: "SSStandard";
src: url("../fonts/ss-standard.eot");
src: url("../fonts/ss-standard.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-standard.woff") format("woff"), url("../fonts/ss-standard.ttf") format("truetype"), url("../fonts/ss-standard.svg#SSStandard") format("svg");
font-weight: normal;
font-style: normal; }
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"] {
-ms-zoom: 1; }
.ss-icon, .ss-icon.ss-standard,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after {
font-family: "SSStandard";
font-style: normal;
font-weight: normal;
text-decoration: none;
text-rendering: optimizeLegibility;
white-space: nowrap;
/*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
-ms-font-feature-settings: "liga" 1;
-o-font-feature-settings: "liga";
-webkit-font-feature-settings: "liga";
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased; }
[class^="ss-"].right:before,
[class*=" ss-"].right:before {
display: none;
content: ''; }
.ss-search:before, .ss-search.right:after {
content: '🔎'; }
.ss-view:before, .ss-view.right:after {
content: '👀'; }
.ss-write:before, .ss-write.right:after {
content: '✎'; }
.ss-compose:before, .ss-compose.right:after {
content: '📝'; }
.ss-ban:before, .ss-ban.right:after {
content: '🚫'; }
.ss-tag:before, .ss-tag.right:after {
content: ''; }
.ss-book:before, .ss-book.right:after {
content: '📕'; }
.ss-openbook:before, .ss-openbook.right:after {
content: '📖'; }
.ss-notebook:before, .ss-notebook.right:after {
content: '📓'; }
.ss-rows:before, .ss-rows.right:after {
content: ''; }
.ss-filter:before, .ss-filter.right:after {
content: ''; }
.ss-action:before, .ss-action.right:after {
content: ''; }
.ss-info:before, .ss-info.right:after {
content: 'ℹ'; }
.ss-plus:before, .ss-plus.right:after {
content: '+'; }
.ss-check:before, .ss-check.right:after {
content: '✓'; }
.ss-delete:before, .ss-delete.right:after {
content: '␡'; }
.ss-settings:before, .ss-settings.right:after {
content: '⚙'; }
.ss-notifications:before, .ss-notifications.right:after {
content: '🔔'; }
.ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after {
content: '🔕'; }
.ss-navigateright:before, .ss-navigateright.right:after {
content: '▻'; }
.ss-navigateleft:before, .ss-navigateleft.right:after {
content: '◅'; }
.ss-directright:before, .ss-directright.right:after {
content: '▹'; }
.ss-dropdown:before, .ss-dropdown.right:after {
content: '▾'; }
.ss-directleft:before, .ss-directleft.right:after {
content: '◃'; }
/* Legacy classes */
@font-face {
font-family: 'owleyes';
src: url("../fonts/owleyes.ttf?a5nz8") format("truetype"), url("../fonts/owleyes.woff?a5nz8") format("woff"), url("../fonts/owleyes.svg?a5nz8#owleyes") format("svg");
font-weight: normal;
font-style: normal; }
[class^="owleyes-icon-"], [class*=" owleyes-icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'owleyes' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.owleyes-icon-chevron-down:before {
content: ""; }
.owleyes-icon-textnormal:before {
content: ""; }
.owleyes-icon-textlarge:before {
content: ""; }
.owleyes-icon-textlargest:before {
content: ""; }
.owleyes-icon-linetight:before {
content: ""; }
.owleyes-icon-linenormal:before {
content: ""; }
.owleyes-icon-lineloose:before {
content: ""; }
.owleyes-icon-columnwide:before {
content: ""; }
.owleyes-icon-columnnormal:before {
content: ""; }
.owleyes-icon-columnnarrow:before {
content: ""; }
.owleyes-icon-readingmode:before {
content: ""; }
.owleyes-icon-chevron:before {
content: ""; }
.owleyes-icon-annotate:before {
content: ""; }
.owleyes-icon-highlight:before {
content: ""; }
.owleyes-icon-quiz:before {
content: ""; }
.owleyes-icon-logo:before {
content: ""; }
.owleyes-icon-chevron-up:before {
content: ""; }
.owleyes-icon-menu:before {
content: ""; }
.owleyes-icon-text-align-left:before {
content: ""; }
.owleyes-icon-text-align-center:before {
content: ""; }
.owleyes-icon-text-align-justify:before {
content: ""; }
.owleyes-icon-cancel-circle:before {
content: ""; }
.owleyes-icon-books:before {
content: ""; }
/*
* Symbolset
* www.symbolset.com
* Copyright © 2013 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your tags.
*
*/
@font-face {
font-family: "SSSocialCircle";
src: url("../fonts/ss-social-circle.eot");
src: url("../fonts/ss-social-circle.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-social-circle.woff") format("woff"), url("../fonts/ss-social-circle.ttf") format("truetype"), url("../fonts/ss-social-circle.svg#SSSocialCircle") format("svg");
font-weight: normal;
font-style: normal; }
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-social-"] {
-ms-zoom: 1; }
.ss-social, .ss-social-circle,
[class^="ss-social-"]:before, [class*=" ss-"]:before,
[class^="ss-social-"].ss-social-circle:before,
[class*=" ss-social-"].ss-social-circle:before,
[class^="ss-social-"].right:after,
[class*=" ss-social-"].right:after,
[class^="ss-social-"].ss-social-circle.right:after,
[class*=" ss-social-"].ss-social-circle.right:after {
font-family: "SSSocialCircle";
font-style: normal;
font-weight: normal;
text-decoration: none;
text-rendering: optimizeLegibility;
white-space: nowrap;
/*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
-ms-font-feature-settings: "liga" 1;
-o-font-feature-settings: "liga";
-webkit-font-feature-settings: "liga";
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased; }
[class^="ss-social-"].right:before,
[class*=" ss-social-"].right:before {
display: none;
content: ''; }
.ss-facebook:before, .ss-facebook.right:after {
content: ''; }
.ss-twitter:before, .ss-twitter.right:after {
content: ''; }
.ss-googleplus:before, .ss-googleplus.right:after {
content: ''; }
.ss-youtube:before, .ss-youtube.right:after {
content: ''; }
.ss-instagram:before, .ss-instagram.right:after {
content: ''; }
.ss-pinterest:before, .ss-pinterest.right:after {
content: ''; }
.ss-mail:before, .ss-mail.right:after {
content: '✉'; }
/* Legacy */
.ss-fivehundredpx:before, .ss-fivehundredpx.right:after {
content: ''; }
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0; }
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
/* 1 */
display: block; }
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px; }
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a, .link, .reading-settings-popup .settings-readingfont-link {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */ }
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */ }
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit; }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic; }
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000; }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block; }
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none; }
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden; }
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */ }
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto; }
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
display: block; }
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block; }
/**
* Add the correct display in IE.
*/
template {
display: none; }
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none; }
/*TOP-LEVEL*/
/**
* 1. Nice text rendering and sizing
* 2. Universal Box Sizing with Inheritance
*/
html {
-webkit-font-smoothing: antialiased;
/* 1 */
-moz-osx-font-smoothing: grayscale;
/* 1 */
box-sizing: border-box;
/* 2 */ }
/* https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*:before,
*:after {
box-sizing: inherit; }
body {
margin: 0;
font-size: 16px; }
/*BLOCK ELEMENTS*/
/*No default margins or paddings*/
address,
article,
aside,
blockquote,
canvas,
dd,
div,
dl,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
li,
main,
nav,
noscript,
ol,
output,
p,
pre,
section,
table,
tfoot,
ul,
video {
margin: 0;
padding: 0; }
/*TEXT AND IMAGE RULES*/
/*Remove default underline and colors*/
a, .link, .reading-settings-popup .settings-readingfont-link {
text-decoration: none;
color: inherit; }
/*Automatically size images nicely*/
img {
max-width: 100%;
height: auto;
border: 0; }
cite {
font-style: normal; }
dl {
list-style-type: none; }
/*FORMS*/
/*Correct defaults and some inheritance issues*/
button,
input,
optgroup,
select,
progress,
meter,
textarea {
color: inherit;
font: inherit;
margin: 0;
padding: 0;
outline: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none; }
input[type="checkbox"] {
appearance: checkbox;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
-o-appearance: checkbox; }
input[type="radio"] {
appearance: radio;
-webkit-appearance: radio;
-moz-appearance: radio;
-o-appearance: radio; }
fieldset {
border: none; }
/*TABLE*/
table {
border-collapse: collapse;
border-spacing: 0; }
td, th {
text-align: left;
font-weight: normal; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal; }
h1 {
font-size: 1.875rem; }
@media screen and (min-width: 48em) {
h1 {
font-size: 3rem;
margin: 1.25rem 0 0.3125rem; } }
h2 {
font-size: 2rem;
margin: 3rem 0 0.5rem; }
h3 {
font-weight: bold;
margin: 3rem 0 0.5rem; }
h4,
h5,
h6 {
font-size: 1.125rem; }
ul.defaultList {
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px; }
ul.defaultList li {
display: list-item; }
ul {
padding-left: 1.25rem; }
li {
font-size: 1.125rem; }
p {
margin: 1.5rem 0;
font-size: 1.125rem; }
p:first-of-type {
margin-top: 0; }
p:last-of-type {
margin-bottom: 0; }
.no-bullet {
list-style-type: none;
padding: 0; }
html {
min-height: 100%; }
@media screen and (max-width: 37.4375em) {
html.noscroll {
height: 100%;
overflow: hidden; } }
body {
color: #525150;
font-family: "proxima-nova", sans-serif; }
body:not(.reading-experience) {
background-color: #ebe9e1; }
body:after {
display: none; }
@media screen and (max-width: 44.9375rem) {
body:after {
content: 'up-to-tablet'; } }
@media screen and (min-width: 37.5em) {
body:after {
content: 'phablet-up'; } }
@media screen and (max-width: 47.9375em) {
body:after {
content: 'mobile-only'; } }
@media screen and (max-width: 37.4375em) {
body:after {
content: 'small-mobile-only'; } }
select, input, textarea {
border-radius: 0px;
padding: 0.625rem;
background: #f8f8f8;
color: #333;
outline: none;
border: none;
border-radius: 0.1875rem;
display: inline-block; }
select::-webkit-input-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #888; }
select::-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder {
color: #888; }
select:-moz-placeholder, input:-moz-placeholder, textarea:-moz-placeholder {
color: #888; }
select:-ms-input-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #888; }
a, .link, .reading-settings-popup .settings-readingfont-link {
transition: color 0.2s ease;
color: #356d90; }
a:hover, .link:hover, .reading-settings-popup .settings-readingfont-link:hover {
color: #65a1c6; }
.hidden, .hidden-label, .cloaked {
display: none; }
.cloaked {
position: relative; }
#busy {
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 100%;
z-index: 1000;
cursor: wait;
background-color: rgba(0, 0, 0, 0.65); }
#busy #busy__wait {
position: absolute;
left: 0;
top: 0;
width: 100%;
font-family: "adelle", serif;
font-size: 1.2rem;
font-weight: bold;
font-style: italic;
text-align: center;
color: #ffffff;
padding: 0.5em; }
.video-embed iframe {
border: 0.625rem solid #02364e;
border-radius: 0.3125rem; }
@media screen and (min-width: 60.0625em) {
.video-embed iframe {
width: 32.5rem;
height: 18.8125rem; } }
.u-nowrap {
white-space: nowrap; }
.markdown {
quotes: '“' '”'; }
.markdown blockquote {
padding: 1rem 2.5rem;
font-style: italic; }
.markdown blockquote p:before {
content: open-quote; }
.markdown blockquote p:after {
content: close-quote; }
.markdown ol, .markdown ul {
margin: 1rem 0rem;
padding-left: 2.5rem; }
.markdown li > ul, .markdown li > ol {
margin: auto; }
.markdown li {
display: list-item; }
.markdown ol {
list-style-type: decimal; }
.markdown ol li > ol {
list-style-type: lower-alpha; }
.markdown ul {
list-style-type: circle; }
.markdown ul li > ul {
list-style-type: square; }
.is-blurred {
color: transparent;
text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
-webkit-filter: blur(3px);
filter: blur(3px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
padding: 0 0.2rem; }
.two-col {
display: flex;
box-orient: vertical;
-moz-flex-direction: column;
flex-direction: column;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
flex-wrap: wrap;
box-pack: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
box-align: start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
align-items: flex-start;
-ms-flex-align: start;
align-content: space-between;
-ms-flex-line-pack: justify; }
@media screen and (min-width: 48em) {
.two-col {
box-orient: horizontal;
-moz-flex-direction: row;
flex-direction: row;
-webkit-box-lines: single;
-moz-box-lines: single;
box-lines: single;
flex-wrap: nowrap;
box-pack: justify;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; } }
.two-col--auto .two-col__col {
margin: auto; }
.two-col__col {
margin: 0;
text-align: left; }
@media screen and (min-width: 37.5em) {
.two-col__col {
box-orient: horizontal;
-moz-flex-direction: row;
flex-direction: row; } }
.two-col__col--blurb {
width: initial; }
.two-col__col--first {
box-ordinal-group: -1;
-moz-order: -1;
order: -1;
-ms-flex-order: -1; }
@media screen and (min-width: 48em) {
.two-col__col--first {
box-ordinal-group: 0;
-moz-order: 0;
order: 0;
-ms-flex-order: 0; } }
@media screen and (max-width: 47.9375em) {
.two-col__col--mobile-hide {
display: none; } }
.two-col__col--min-width {
min-width: 16rem; }
/******* Print Settings *********/
@media print {
.reading-wrapper {
overflow: visible !important; }
@page {
size: 5.5in 8.5in;
margin: .5cm; }
.reading-header-settings,
.flyout-wrapper,
.reading-footnotes,
#owleyes-messages-error,
.at-expanding-share-button-toggle,
.text-navigation {
display: none; } }
/*********** General ***********/
.content-wrapper {
margin-top: 2.8125rem; }
@media screen and (min-width: 48em) {
.content-wrapper {
margin-top: 0; } }
.content-wrapper.reveal-nav .content {
-webkit-transform: translateX(60%);
transform: translateX(60%);
box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.4); }
@media screen and (min-width: 48em) {
.content-wrapper.reveal-nav .content {
-webkit-transform: translateX(0%);
transform: translateX(0%);
box-shadow: none; } }
.content {
transition: all 0.3s ease;
min-height: 50rem;
padding: 1.25rem 0.9375rem 6.25rem;
position: relative;
background-color: #ebe9e1; }
@media screen and (min-width: 60.0625em) {
.content {
padding: 0.625rem 0 6.25rem; } }
.content.reading {
min-width: 100%;
margin-top: 3.75rem; }
.content--landing {
padding-left: 0;
padding-right: 0; }
.wrapper {
max-width: 60rem;
margin-left: auto;
margin-right: auto;
overflow: hidden;
position: relative; }
.wrapper:after {
content: "";
display: table;
clear: both; }
@media screen and (min-width: 60.0625em) {
.wrapper {
margin: 0 auto; } }
.wrapper--landing {
max-width: 100%;
margin-left: auto;
margin-right: auto; }
.wrapper--landing:after {
content: "";
display: table;
clear: both; }
.homepage-wrapper {
max-width: 60rem;
margin: 0 auto;
padding: 0; }
@media screen and (min-width: 48em) {
.homepage-wrapper {
padding: 0 0.9375rem; } }
.reading-experience .wrapper {
padding: 0; }
.reading-experience .reading-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
max-width: initial;
overflow-y: scroll;
-webkit-overflow-scrolling: touch; }
.reading-experience .content {
background-color: transparent;
padding-left: 0; }
@media screen and (max-width: 47.9375em) {
.reading-experience .content {
padding-left: 0.625rem;
padding-right: 1.875rem; } }
.reading-experience .content.reading {
display: block;
width: initial;
max-width: 50rem;
min-width: initial;
margin-left: auto;
margin-right: auto; }
@media screen and (min-width: 48em) {
.reading-experience .content.reading {
display: block; } }
.menu-box {
position: relative;
border-bottom: 1px solid #ccc7b3; }
.menu-box:last-child {
border-bottom: none; }
.menu-box .hdivider {
background-color: #fff9c0;
border: 0;
height: 1px;
width: 100%;
margin: 0.625rem 0;
opacity: 0.5; }
.sub-menu-list {
border-top: 1px solid #ccc7b3; }
.sub-menu-list .menu-box {
font-size: 1rem;
border-bottom: none; }
.sub-menu-list .menu-link {
padding: 1.125rem 0.625rem 1.125rem 1.625rem; }
.menu-link {
color: #fff9c0;
display: block;
padding: 1.25rem 0.625rem; }
.menu-link a:hover, .menu-link .link:hover, .menu-link .reading-settings-popup .settings-readingfont-link:hover, .reading-settings-popup .menu-link .settings-readingfont-link:hover,
.menu-link a:active,
.menu-link .link:active,
.menu-link .reading-settings-popup .settings-readingfont-link:active, .reading-settings-popup
.menu-link .settings-readingfont-link:active {
color: #ffffff; }
.menu-link--blue {
color: #356d90; }
.menu-search-box {
padding: 1.25rem 0; }
.navigation-search {
width: 100%; }
.recent-activity-alert {
display: inline-block;
border-radius: 50%;
width: 9px;
height: 9px;
background: #bb373a; }
.chevron {
font-size: 2rem;
cursor: pointer; }
.chevron.open {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.desktop-nav-wrapper {
display: none;
height: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 500; }
.desktop-nav-wrapper.docked {
position: fixed;
top: 0; }
@media screen and (min-width: 48em) {
.desktop-nav-wrapper {
display: block;
top: 125px; } }
.desktop-nav-bar {
position: relative;
height: 3.9375rem;
font-size: 1.125rem;
background-color: #02364e;
color: #fff9c0;
padding: 0 0.625rem; }
@media screen and (min-width: 64.0625em) {
.desktop-nav-bar {
padding: 0 3.125rem; } }
.desktop-nav-bar__links {
width: 100%;
margin: auto;
vertical-align: center; }
@media screen and (max-width: 64em) {
.desktop-nav-bar__links {
width: 100%; } }
@media screen and (min-width: 64.0625em) {
.desktop-nav-bar__links {
width: 67.5rem; } }
.desktop-nav-bar__links .chevron {
font-size: 1.375rem; }
.desktop-nav-bar__links #search-form {
display: inline-block;
padding-top: 0.375rem; }
.desktop-nav-bar__links #search {
height: 2.1875rem; }
.desktop-nav-bar__links .search-button {
margin-top: 0.375rem;
color: #02364e; }
.desktop-nav-bar__links .recent-activity-alert {
margin-bottom: 0.75rem;
margin-left: -0.3125rem; }
.desktop-nav-choices {
display: inline-block;
padding: 1.40625rem 0;
list-style-type: none; }
.desktop-nav-choices .nav-choice {
display: inline-block;
list-style-type: none;
position: relative; }
.desktop-nav-choices .nav-choice--browse-library {
width: 11.3125rem; }
.desktop-nav-choices .nav-choice--vdivider {
padding-right: 5px;
display: inline; }
.desktop-nav-choices .vdivider {
position: absolute;
width: 1px;
height: 1.5625rem;
background: #fff9c0;
opacity: 0.5;
left: 0;
right: 0; }
.desktop-nav-choices .nav-link,
.desktop-nav-choices .nav-link:active,
.desktop-nav-choices .nav-link:visited {
color: #fff9c0; }
.desktop-nav-choices .nav-link {
padding: 0 0.9375rem; }
@media screen and (max-width: 64em) {
.desktop-nav-choices .nav-link {
padding: 0 0.75rem; } }
.desktop-nav-choices .chevron {
position: absolute;
right: 0.625rem; }
.desktop-nav__secondary-choices {
float: right; }
.desktop-nav__search,
.desktop-nav__user {
float: right; }
.desktop-nav__search {
position: relative;
padding: 0.5rem 0;
width: 12.5rem; }
@media screen and (max-width: 48em) {
.desktop-nav__search.reduced {
width: 7.5rem; } }
@media screen and (min-width: 64.0625em) {
.desktop-nav__search {
width: auto; } }
.desktop-nav__avatar {
display: inline-block;
margin: 0.75rem 0.375rem 0 0.75rem;
max-width: 2.4375rem;
max-height: 2.4375rem;
border-radius: 50%;
overflow: hidden; }
.desktop-nav__avatar img {
max-width: 100%; }
.desktop-nav__menus {
padding: 0;
max-width: 67.5rem;
margin: auto; }
.desktop-menu-list {
display: inline-block;
background-color: #02364e;
padding: 1.25rem 0; }
.desktop-menu-list.hidden, .desktop-menu-list.hidden-label {
display: none; }
.desktop-menu-box {
border: none; }
.desktop-menu-link {
font-size: 0.9375rem;
line-height: 1.75rem;
padding: 0 1.25rem; }
.desktop-menu-link:hover, .desktop-menu-link:active {
color: #ffffff; }
.desktop-nav__category-menu {
width: 11.5625rem;
padding-top: 0;
margin-left: 0.625rem; }
@media screen and (min-width: 64.0625em) {
.desktop-nav__category-menu {
margin-left: 0; } }
.desktop-nav__user-menu {
float: right;
width: 11.3125rem;
padding-top: 0;
margin-right: 0.625rem; }
@media screen and (min-width: 64.0625em) {
.desktop-nav__user-menu {
margin-right: 0; } }
.desktop-nav__user-menu .recent-activity-alert {
margin-left: 0.3125rem; }
.mobile-nav-wrapper {
background-color: #02364e;
color: #fff9c0;
position: absolute;
top: 0;
width: 60%;
height: 100%;
overflow-y: auto; }
@media screen and (min-width: 48em) {
.mobile-nav-wrapper {
display: none; } }
.mobile-nav-logo {
height: 4.6875rem;
display: block;
margin: 1.875rem auto 0.3125rem auto; }
@media screen and (min-width: 48em) {
.mobile-nav-logo {
display: none; } }
.mobile-menu-link {
color: #fff9c0; }
.mobile-menu-link .chevron {
float: right;
margin-top: -0.3rem; }
.mobile-menu-link .recent-activity-alert {
margin-left: 0.3125rem; }
.mobile-menu-link:hover, .mobile-menu-link:active {
color: #ffffff;
background-color: #356d90; }
.mobile-search-box {
position: relative;
padding: 0.3125rem 0.625rem 0 0.625rem; }
.admin-mobile-menu-list .mobile-menu-box:last-child {
border-bottom: 1px solid #fff9c0; }
.mobile-nav__category-menu .hdivider-menu-box {
display: none; }
.error-wrapper {
text-align: center; }
@media screen and (min-width: 48em) {
.error-wrapper {
padding: 6.25rem 0; } }
.error-message {
margin-bottom: 6.25rem; }
.error-title {
font-size: 3rem; }
.error-subtitle {
font-size: 1.375rem;
margin: 0 auto 1.25rem auto;
width: 75%; }
.error-subtitle:first-of-type {
margin-top: 3.125rem; }
.error-attribution {
font-style: italic;
font-size: 2rem; }
.ui-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
height: 2.8125rem;
background-color: #02364e; }
@media screen and (min-width: 48em) {
.ui-header {
position: relative;
height: 15.625rem;
margin-bottom: 4rem;
background-image: url("../images/endpapers/endpaper5.jpg");
background-image: url("../images/endpapers/endpaper5.jpg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-color: #373737; } }
@media screen and (min-width: 60.0625em) {
.ui-header {
position: relative; } }
@media screen and (min-width: 48em) {
.ui-header.small-header {
height: 7.8125rem; } }
.ui-header-button {
display: inline-block;
position: relative;
z-index: 1000;
padding: 0.625rem;
font-size: 1.5625rem;
line-height: 1;
background-color: transparent;
color: #fff9c0; }
.ui-header-button:visited, .ui-header-button:active, .ui-header-button:hover {
color: #fff9c0; }
.ui-header-button.depressed {
color: #d97f81; }
@media screen and (min-width: 48em) {
.ui-header-button {
display: none; } }
.ui-menu-button-icon {
height: 2.5rem;
width: 2.5rem;
display: block; }
.ui-heading-mobile {
position: absolute;
left: 0;
right: 0;
top: 0.625rem;
text-align: center;
text-transform: uppercase;
font-size: 1.375rem;
font-weight: bold; }
.ui-heading-mobile__title-link, .ui-heading-mobile__title-link:hover, .ui-heading-mobile__title-link:visited, .ui-heading-mobile__title-link:active {
color: #fff9c0; }
@media screen and (min-width: 48em) {
.ui-heading-mobile {
display: none; } }
.ui-header-logo {
position: absolute;
margin: auto;
top: 0;
right: 0;
left: 0;
bottom: 0;
height: 6.25rem; }
.ui-header-login-button {
background-color: #bb373a;
border-radius: 0.1875rem;
color: #fff;
display: block;
font-family: Verdana, Geneva, sans-serif;
padding: 0.625rem 1.875rem;
position: absolute;
right: 10%;
top: 2.8125rem; }
.ui-header-login-button:hover {
background-color: #A73134;
color: #fff; }
.ui-header-nav-bar {
align-items: center;
background-color: #034769;
color: #fff;
display: flex;
font-family: Verdana, Geneva, sans-serif;
justify-content: center;
padding: 0.8rem 0; }
.ui-header-nav-bar a, .ui-header-nav-bar .link, .ui-header-nav-bar .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .ui-header-nav-bar .settings-readingfont-link {
transition: color 0.15s ease;
color: #fff9c0;
padding: 0 1.25rem; }
.ui-header-nav-bar a:hover, .ui-header-nav-bar .link:hover, .ui-header-nav-bar .reading-settings-popup .settings-readingfont-link:hover, .reading-settings-popup .ui-header-nav-bar .settings-readingfont-link:hover {
color: #fff; }
@media screen and (max-width: 44.9375rem) {
.ui-header-nav-bar {
display: none; } }
.landing-header {
position: relative;
border: none; }
@media screen and (min-width: 48em) {
.landing-header {
height: 8.125rem;
margin-bottom: 2.5rem; } }
@media screen and (min-width: 60.0625em) {
.landing-header {
background-position: bottom; } }
@media screen and (min-width: 48em) {
.landing-header.small-header {
height: 7.8125rem; } }
.ui-footer {
position: relative;
width: 100%;
height: 6.25rem; }
@media screen and (min-width: 48em) {
.ui-footer {
height: 18.75rem; } }
.footer-container {
position: relative;
background-image: url("../images/endpapers/endpaper5.jpg");
background-image: url("../images/endpapers/endpaper5.jpg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-color: #373737;
background-blend-mode: overlay; }
.footer-logo {
position: absolute;
right: 0;
left: 0;
top: -2.5rem;
margin: 0 auto;
max-width: 7.5rem;
z-index: 1; }
.footer-contents {
z-index: 2;
color: #fff;
padding: 7.5rem 0 5.625rem 0; }
.footer-contents a, .footer-contents .link, .footer-contents .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .footer-contents .settings-readingfont-link {
transition: color 0.15s ease;
color: #fff9c0; }
.footer-contents a:hover, .footer-contents .link:hover, .footer-contents .reading-settings-popup .settings-readingfont-link:hover, .reading-settings-popup .footer-contents .settings-readingfont-link:hover {
color: #fff; }
@media screen and (min-device-width: 48em) and (max-device-width: 60em) {
.footer-contents {
padding-left: 1.875rem; } }
.footer-text-block {
margin-bottom: 1.875rem; }
@media screen and (max-width: 47.9375em) {
.footer-text-block {
font-size: 1.125rem; } }
.footer-text-small {
font-size: 0.75rem; }
@media screen and (min-width: 48em) {
.footer-box {
width: 12.5rem;
display: inline-block;
vertical-align: top; } }
@media screen and (min-width: 48em) and (min-width: 60.0625em) {
.footer-box:nth-child(2) {
margin: 0 3.125rem; } }
@media screen and (max-width: 47.9375em) {
.footer-box {
padding: 0 2.5rem;
text-align: center; } }
@media screen and (min-width: 48em) {
.footer-box-large {
width: 28.75rem; } }
@media screen and (max-width: 47.9375em) {
.footer-box-large {
border-bottom: 1px solid rgba(255, 255, 255, 0.6); } }
@media screen and (min-width: 48em) {
.footer-box-small {
width: 9.375rem; } }
.footer-heading {
font-weight: 700;
margin-bottom: 0.3125rem; }
@media screen and (min-width: 48em) {
.footer-heading:nth-of-type(2) {
margin-top: 1.875rem; } }
@media screen and (max-width: 47.9375em) {
.footer-heading {
margin-top: 1.875rem;
font-size: 1.375rem; } }
.footer-social-icon {
display: inline-block;
font-size: 1.75rem;
margin-right: 0.3125rem; }
.footer-list-link {
margin-bottom: 0.3125rem;
clear: both; }
.footer-list-link a, .footer-list-link .link, .footer-list-link .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .footer-list-link .settings-readingfont-link {
display: inline-block; }
@media screen and (max-width: 47.9375em) {
.footer-list-link a, .footer-list-link .link, .footer-list-link .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .footer-list-link .settings-readingfont-link {
font-size: 1.375rem;
padding: 0.3125rem 0; } }
.footer-inline-link:first-child {
text-align: left;
float: left; }
.footer-inline-link:nth-child(2) {
text-align: right;
float: right; }
.endpaper-backdrop, .landing-header {
background-image: url("../images/endpapers/endpaper5.jpg");
background-image: url("../images/endpapers/endpaper5.jpg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-color: #373737; }
.endpaper-backdrop-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: radial-gradient(circle at 50% 22%, transparent 10%, rgba(0, 0, 0, 0.5) 30%, black 100%); }
.ui-header-endpaper {
position: absolute;
z-index: 0;
width: 100%;
opacity: 0.3; }
@media screen and (max-width: 47.9375em) {
.ui-header-endpaper {
display: none; } }
@media screen and (max-width: 47.9375em) {
.ui-header-endpaper .landing-ui {
display: initial; } }
.ui-header-overlay {
position: relative;
display: none;
width: 100%;
height: 100%;
background: radial-gradient(circle at 50% 50%, rgba(235, 233, 225, 0.6) 5%, rgba(31, 31, 31, 0.9) 100%); }
@media screen and (min-width: 48em) {
.ui-header-overlay {
display: block; } }
.ui-footer-endpaper {
position: absolute;
z-index: 0;
overflow: hidden;
opacity: 0.3;
max-width: initial;
min-width: 100%;
min-height: 100%;
bottom: 0;
right: 0; }
@media screen and (max-width: 47.9375em) {
.ui-footer-endpaper {
display: none; } }
@media screen and (max-width: 47.9375em) {
.ui-footer-endpaper .landing-ui {
display: initial; } }
.ui-footer-overlay {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(31, 31, 31, 0.6); }
.endpaper-caption {
position: absolute;
bottom: 0.625rem;
margin: 0 auto;
display: block;
width: 100%;
text-align: center;
font-size: 0.85rem; }
.striped tbody > tr:nth-child(odd) {
background-color: #dcd8ca; }
.last-row {
border-top: 1px solid #1f1f1f; }
.last-row td {
font-weight: bold; }
.admin-images-table img {
max-height: 6.25rem; }
.admin-images-table .img-tag-cell {
padding: 0.625rem; }
.admin-stats-interval {
background-color: #f3f3f3;
border-collapse: collapse;
border-radius: 0.3125rem;
box-shadow: inset 0 0 0.1875rem #999999;
display: block;
margin-top: 3.125rem;
overflow-x: scroll; }
.admin-stats-interval thead {
font-weight: bold; }
.admin-stats-interval thead td {
bottom: -0.625rem;
min-width: 3.75rem;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: relative; }
.admin-stats-interval thead tr {
height: 6.25rem; }
.admin-stats-interval td:first-child {
font-weight: bold;
padding: 0 1rem; }
.admin-stats-interval tr:not(:first-child) {
border-top: 1px solid #dddddd; }
.notification-circle {
display: inline-block;
min-width: 1.875rem;
padding: 0.3125rem 0.4375rem;
font-size: 1rem;
line-height: 1;
font-weight: 700;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #bb373a;
border-radius: 50%; }
.notification-circle.hidden, .notification-circle.hidden-label {
display: none;
position: relative; }
.breadcrumbs {
margin: 0.9375rem 0; }
@media screen and (min-width: 48em) {
.breadcrumbs {
margin-top: initial; } }
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"],
input[type="textarea"],
textarea,
select {
width: 100%;
border: 1px solid #dddddd;
box-shadow: inset 0 0 0.1875rem #999999;
height: 2.8125rem; }
input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
input[type="textarea"]:focus,
textarea:focus,
select:focus {
outline: 0; }
input[type="email"].readonly, input[type="number"].readonly, input[type="password"].readonly, input[type="search"].readonly, input[type="tel"].readonly, input[type="text"].readonly, input[type="url"].readonly, input[type="color"].readonly, input[type="date"].readonly, input[type="datetime"].readonly, input[type="datetime-local"].readonly, input[type="month"].readonly, input[type="time"].readonly, input[type="week"].readonly,
input[type="textarea"].readonly,
textarea.readonly,
select.readonly {
color: #999999; }
input[type="email"].disabled, input[type="number"].disabled, input[type="password"].disabled, input[type="search"].disabled, input[type="tel"].disabled, input[type="text"].disabled, input[type="url"].disabled, input[type="color"].disabled, input[type="date"].disabled, input[type="datetime"].disabled, input[type="datetime-local"].disabled, input[type="month"].disabled, input[type="time"].disabled, input[type="week"].disabled,
input[type="textarea"].disabled,
textarea.disabled,
select.disabled {
background-color: #dddddd; }
input[type="email"].waiting, input[type="number"].waiting, input[type="password"].waiting, input[type="search"].waiting, input[type="tel"].waiting, input[type="text"].waiting, input[type="url"].waiting, input[type="color"].waiting, input[type="date"].waiting, input[type="datetime"].waiting, input[type="datetime-local"].waiting, input[type="month"].waiting, input[type="time"].waiting, input[type="week"].waiting,
input[type="textarea"].waiting,
textarea.waiting,
select.waiting {
cursor: wait; }
input[type="email"].half-width, input[type="number"].half-width, input[type="password"].half-width, input[type="search"].half-width, input[type="tel"].half-width, input[type="text"].half-width, input[type="url"].half-width, input[type="color"].half-width, input[type="date"].half-width, input[type="datetime"].half-width, input[type="datetime-local"].half-width, input[type="month"].half-width, input[type="time"].half-width, input[type="week"].half-width,
input[type="textarea"].half-width,
textarea.half-width,
select.half-width {
width: 49%;
display: inline-block; }
button.disabled, button:disabled,
[type="button"].disabled,
[type="button"]:disabled,
[type="reset"].disabled,
[type="reset"]:disabled,
[type="submit"].disabled,
[type="submit"]:disabled {
background-color: #999999;
cursor: not-allowed; }
button:disabled:hover, button.disabled:hover,
[type="button"]:disabled:hover,
[type="button"].disabled:hover,
[type="reset"]:disabled:hover,
[type="reset"].disabled:hover,
[type="submit"]:disabled:hover,
[type="submit"].disabled:hover {
background-color: #8c8c8c; }
button.waiting,
[type="button"].waiting,
[type="reset"].waiting,
[type="submit"].waiting {
cursor: wait; }
button.hidden, button.hidden-label,
[type="button"].hidden,
[type="button"].hidden-label,
[type="reset"].hidden,
[type="reset"].hidden-label,
[type="submit"].hidden,
[type="submit"].hidden-label {
display: none; }
a.disabled, .disabled.link, .reading-settings-popup .disabled.settings-readingfont-link {
color: #999999; }
a.disabled:hover, .disabled.link:hover, .reading-settings-popup .disabled.settings-readingfont-link:hover {
color: #999999; }
a.waiting, .waiting.link, .reading-settings-popup .waiting.settings-readingfont-link {
cursor: wait; }
input[type="text"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="date"],
input[type="textarea"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none; }
textarea {
height: 5.625rem; }
input[type="search"] {
padding-right: 40px; }
form.waiting input,
fieldset.waiting input {
cursor: wait; }
form.waiting input[type="submit"],
fieldset.waiting input[type="submit"] {
background-color: #999999; }
form .form-group,
fieldset .form-group {
margin-bottom: 0.625rem; }
input.half {
width: 50%; }
input.quarter {
width: 25%; }
.multi-select {
max-height: 10em;
padding: 0.2em 0.5em;
margin: 0;
overflow-y: scroll;
overflow-x: hidden;
overflow-wrap: break-word;
border: 1px solid #dddddd;
background-color: #ffffff; }
.multi-select label {
margin: 0 0 0 0.2em; }
.multi-select--borderless .multi-select.borderless {
border: none; }
.multi-select--s, .multi-select.small {
max-height: 5em; }
.multi-select--m, .multi-select.medium {
max-height: 10em; }
.multi-select--l, .multi-select.large {
max-height: 15em; }
.multi-select--xl {
max-height: initial;
height: 9.375rem; }
.multi-select--disabled, .multi-select.disabled {
background-color: #dddddd; }
.multi-select--hidden, .multi-select.hidden, .multi-select.hidden-label {
display: none; }
.multi-select--scrollbars, .multi-select.scrollbars::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px; }
.multi-select--scrollbars, .multi-select.scrollbars::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
.select-expanded--flex {
display: flex;
flex-direction: column;
flex-wrap: wrap; }
@media screen and (min-width: 48em) {
.select-expanded--flex {
height: 9.375rem; } }
.form-container {
margin-top: 10px;
margin-bottom: 10px; }
.form-container__buttons {
display: flex;
flex-direction: column;
padding-top: 0.625rem; }
@media screen and (min-width: 48em) {
.form-container__buttons {
flex-flow: row wrap;
justify-content: space-around; } }
@media screen and (min-width: 60.0625em) {
.form-container__buttons {
justify-content: flex-start; } }
.form-error-container {
padding: 0.625rem;
background: #fff;
border: 2px solid #bb373a;
position: relative;
color: #bb373a;
width: 90%;
margin: 0 auto; }
.form-error-container:before {
content: "";
position: absolute;
top: -0.625rem;
left: 0.625rem;
border-width: 0 0.625rem 0.625rem 0.625rem;
border-style: solid;
border-color: #bb373a transparent #bb373a transparent;
display: block;
width: 0; }
.form-error-container:after {
content: "";
position: absolute;
border-width: 0 0.625rem 0.625rem 0.625rem;
border-style: solid;
border-color: #fff transparent #fff transparent;
display: block;
width: 0;
top: -0.4375rem;
left: 0.625rem; }
.form-error-container.noarrow {
margin-top: 1em; }
.form-error-container.noarrow:after {
display: none; }
.form-error-container.noarrow:before {
display: none; }
.form-error-container a, .form-error-container .link, .form-error-container .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .form-error-container .settings-readingfont-link {
text-decoration: underline; }
.signup {
display: flex;
box-pack: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
box-align: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
background-color: transparent;
width: auto;
height: auto; }
@media screen and (min-width: 48em) {
.signup {
padding: inherit; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.signup {
height: 50rem; } }
.signup-wrapper {
width: initial;
padding: 0.3125em; }
@media screen and (min-width: 48em) {
.signup-wrapper {
display: inline-block;
width: 60%; } }
.signup-box {
width: 100%;
background-color: #ebe9e1;
padding: 1.25rem;
margin: 2.5rem;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
text-align: center; }
@media screen and (min-width: 48em) {
.signup-box {
width: 40.625rem; } }
.signup-box-logo-box {
margin-top: -3.125rem;
margin-bottom: 0.625rem;
text-align: center; }
.signup-box-logo-box span {
display: inline-block;
background: url("../images/logo/owleyes_logotype.png") 0 0 no-repeat;
background-size: contain;
width: 6.25rem;
height: 6.25rem; }
.signup-subheader {
font-size: 2rem;
margin: 1.25rem 0; }
@media screen and (min-width: 48em) {
.o-subscription-wrapper .signup-wrapper {
width: 100%; } }
.o-subscription-wrapper .signup-box {
text-align: left;
margin: 1.25em 0 0 0; }
@media screen and (min-width: 48em) {
.o-subscription-wrapper .signup-box {
margin: 2.5rem;
padding: 1.25rem 2.5rem 2.1875rem;
width: 45.625rem; } }
.signup-form,
.login-form,
.reset-form {
margin: 1.25rem auto 0;
width: 16.25rem; }
.signup-form .submit-button,
.login-form .submit-button,
.reset-form .submit-button {
width: 100%; }
.signup-form {
width: 100%; }
.signup-form-role {
text-align: left;
margin: 0 auto 1.25rem; }
.signup-role {
padding: 0.9375rem 0.1875rem;
display: inline-block; }
.signup-form-input-group,
.signup-form-class {
position: relative;
display: none; }
.signup-form-input-group:first-child,
.signup-form-class:first-child {
display: block; }
.signup-form-input-group input, .signup-form-input-group select,
.signup-form-class input,
.signup-form-class select {
margin: 0.3125rem 0; }
.login-form-input-group,
.reset-form-input-group {
padding: 0.3125rem 0; }
.login-form-input-group:after,
.reset-form-input-group:after {
content: "";
display: table;
clear: both; }
.signup-form-class {
display: block; }
.signup-add-button {
height: 2.5rem;
float: left;
margin: 0.625rem 0 2.5rem;
padding: 0.3125rem 0.625rem; }
.sign-up-add-button-icon {
margin-right: 0.625rem;
font-size: 0.8125rem; }
.signup-tab {
text-align: left;
padding-right: 0.625rem; }
.signup-tab:after {
display: none; }
.signup-tab-confirm,
.signup-tab-deny {
color: #ccc7b3; }
.signup-tab-confirm:hover,
.signup-tab-deny:hover {
color: #525150; }
.signup-tab-deny {
padding-left: 1.25rem; }
.toggle-form-link {
margin-top: 2.5rem; }
.school-menu-list {
position: absolute;
top: 3.5em;
left: 0;
right: 0;
max-height: 10.6em;
overflow-y: scroll;
overflow-x: hidden;
box-shadow: 2px 2px 8px #000;
z-index: 100; }
.school-menu-list .menu-item {
background-color: #525150;
color: #ebe9e1;
padding: 0.5em;
margin: 0; }
.school-menu-list .menu-item:hover {
background-color: #999999;
cursor: pointer; }
.signup-form.consent-form {
margin: auto 0;
width: 100%; }
.signup-form.consent-form p {
text-align: left;
margin: 1em 0;
line-height: 1.5em; }
.signup-form.consent-form h2, .signup-form.consent-form h3 {
text-align: left;
font-weight: bold; }
.signup-form.consent-form h2 {
font-size: 1.3em; }
.signup-form.consent-form h3 {
font-size: 1.2em; }
.signup-form.consent-form ul {
text-align: left; }
.signup-form.consent-form li {
margin-left: 1em;
list-style-type: disc;
display: list-item;
line-height: 1.5em; }
.signup-form.consent-form .requested-by h2, .signup-form.consent-form .requested-by h3 {
text-align: center; }
.divider {
border: 0;
border-top: 1px solid #999999;
margin: 0.5rem auto;
width: 80%; }
.g-recaptcha {
display: inline-block; }
.button {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
display: inline-block;
width: 100%;
border: none;
outline: none;
cursor: pointer;
font-family: "proxima-nova", sans-serif;
transition: color 0.15s ease;
color: #ffffff;
text-align: center;
margin: 1.25rem auto 0;
border-radius: 0.1875rem;
padding: 0.625rem;
font-size: 1.125rem;
line-height: 1.375rem;
background-color: #bb373a; }
@media screen and (min-width: 48em) {
.button {
width: initial; } }
.button:hover {
color: #ffffff; }
.button--inverted {
color: #bb373a;
background-color: #ffffff; }
.button:hover:not(:disabled) {
background-color: #a73134; }
.button:focus:not(:disabled) {
outline: 0; }
.button.fb-button {
background-color: #3b5998; }
.button.fb-button:hover {
background-color: #344e86; }
.button.google-button {
background-color: #4285F4; }
.button.google-button:hover {
background-color: #2a75f3; }
.button.hidden, .button.hidden-label {
display: none; }
.google-button__logo {
float: left;
max-width: 24px;
margin-right: 0.5rem; }
.link {
border: 0;
background: transparent;
font-size: inherit; }
.search-button {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: transparent;
border: none;
outline: none;
box-shadow: none;
position: absolute;
right: 0;
top: 0.4375rem;
height: 2.625rem;
width: 2.625rem;
cursor: pointer; }
.cancel-button {
width: 100%;
padding: 0.625rem;
margin: 1.25rem auto 0;
display: inline-block;
text-align: center;
font-size: 1.125rem;
line-height: 1.375rem; }
@media screen and (min-width: 48em) {
.cancel-button {
margin-left: 0.625rem;
width: auto;
text-align: initial; } }
.button-icon {
margin-right: 0.625rem;
font-size: 0.8125rem; }
.half-buttons {
min-height: 4.0625rem; }
.button.half-button {
width: 48%;
margin-bottom: 1.25rem;
display: inline-block; }
.button.half-button:first-of-type {
float: left; }
.button.half-button:last-of-type {
float: right; }
.button--cancel {
background: #999999; }
.button.autowide {
width: auto; }
.tab-wrapper {
margin-top: 1.25rem; }
.o-tab {
border-bottom: 1px solid #dcd8ca;
clear: both;
display: flex;
position: relative;
padding: 1.25rem 2.375rem 1.25rem 0.625rem;
align-items: baseline; }
.o-tab:first-child {
border-top: 1px solid #dcd8ca; }
.o-tab:after {
font-family: 'owleyes';
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-right: 0.625rem; }
.o-tab--link:after {
content: "\e60b"; }
.o-tab--expand:after {
content: "\e600";
font-size: 0.75rem; }
.o-tab--expand.active:after {
content: "\e610"; }
.o-tab__label {
flex-grow: 1; }
.o-tab__meta {
color: #999999; }
.classroom-tab-wrapper {
margin-bottom: 5px; }
.o-user-tab {
overflow: hidden;
padding: 1.25rem 2.375rem 1.25rem 0.625rem;
border-bottom: 1px solid #dcd8ca;
position: relative;
display: flex;
align-items: center; }
.o-user-tab:first-child {
border-top: 1px solid #dcd8ca; }
.o-user-tab__link {
display: flex;
align-items: center;
width: 100%; }
.o-user-tab__link:after {
content: "\e60b";
font-family: 'owleyes';
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-right: 0.625rem; }
.o-user-tab__label {
flex-grow: 1; }
.o-user-tab__meta {
color: #999999; }
.annotation-num {
display: inline-block;
text-align: right;
float: right; }
.annotation-num.annotation-quiz-results {
color: #999999;
font-size: 1rem; }
.annotation-quiz-question {
margin: 0;
font-size: 1.125rem;
line-height: 1.6875rem; }
.annotation-quiz-question:after {
float: right;
font-family: "SSStandard"; }
.annotation-quiz-question.correct:after {
content: '✓';
color: #44d984; }
.annotation-quiz-question.incorrect:after {
content: '␡';
color: #bb373a; }
.annotation-quiz-answer {
font-family: "adelle", serif;
color: #999999; }
.invite-students {
margin-top: 1.25rem; }
.classroom-users .user__name {
display: block;
color: #525150; }
.classroom-users .user__avatar {
max-width: initial;
width: 3.125rem;
height: 3.125rem; }
.classroom-users .user__photo.user-photo {
overflow: hidden;
border-radius: 50%;
border: 1px solid #999999;
background: #999999;
float: left;
margin: 0 0.625rem 0 0;
padding: 0;
height: 3.125rem;
min-height: 3.125rem;
width: 3.125rem;
min-width: 3.125rem; }
@media screen and (max-width: 47.9375em) {
.student-count-item:before {
font-family: 'owleyes';
margin-right: 0.3125rem; }
.student-count-item.student-count-highlight:before {
content: "\e60d"; }
.student-count-item.student-count-annotate:before {
content: "\e60c";
margin-left: 0.625rem; }
.student-count-item.student-count-quiz:before {
content: "\e60e";
margin-left: 0.625rem; }
.student-count-item .student-count-text {
display: none; } }
@media screen and (max-width: 47.9375em) {
.add-button-container {
width: 100%; } }
.invite-student-form {
padding-top: 0.625rem; }
.invite-student-form__row {
margin: 0.3125rem 0; }
.invite-student-form .submit-button {
margin-top: 0;
margin-bottom: 0.625rem; }
.invite-student-button {
margin-top: 0; }
.join-classroom-container {
margin: 10px 0px; }
.add-classroom-container {
margin-bottom: 10px; }
.management-title {
font-size: 2rem; }
.group-preview .book-preview {
max-width: 6.25rem; }
@media screen and (max-width: 47.9375em) {
.group-preview .book-preview--syllabus {
display: block;
margin-left: auto;
margin-right: auto; } }
.group-subhead,
.group-student-heading {
font-size: 1.375rem;
line-height: 1.75rem;
color: #999999; }
.group-student-heading {
margin: 2.5rem 0 1.25rem 0; }
.group-sorting {
max-width: 60rem;
margin-left: auto;
margin-right: auto; }
.group-sorting:after {
content: "";
display: table;
clear: both; }
.sort-name,
.sort-progress {
display: inline-block;
font-weight: bold; }
.sort-name .clickable,
.sort-progress .clickable {
cursor: pointer; }
.sort-name {
float: left;
display: block;
margin-right: 4.35765%;
width: 72.41059%; }
.sort-name:last-child {
margin-right: 0; }
.sort-toggle-arrow {
font-size: 1rem;
padding-left: 0.625rem; }
.sort-progress {
float: left;
display: block;
margin-right: 4.35765%;
width: 21.23176%;
padding-left: 0.3125rem; }
.sort-progress:last-child {
margin-right: 0; }
.pending-invite {
margin-top: 1.25rem; }
.pending-invite-student {
font-size: 1.125rem;
color: #999999;
padding-bottom: 0.625rem; }
@media screen and (max-width: 47.9375em) {
.pending-invite-student {
padding-top: 0.625rem; } }
.pending-student-name,
.pending-student-reminder {
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem; }
.pending-student-name {
margin-right: 0.9375rem; }
.pending-invite-header {
text-align: center; }
@media screen and (min-width: 48em) {
.pending-invite-header {
text-align: left; } }
.pending-invite-subheader {
margin: 0.5rem 0; }
.pending-student-reminder {
width: 10.3125rem; }
@media screen and (min-width: 48em) {
.pending-student-reminder {
float: right; } }
.pending-student-reminder__actions {
list-style-type: none;
padding-left: 0; }
.pending-student-reminder__action {
display: inline-block;
vertical-align: middle; }
.pending-student-reminder__action:last-child {
padding-left: 0.3125rem; }
.pending-reminder-break {
color: #1f1f1f;
font-size: 1.125rem; }
.google-classroom-button {
margin: 0.5rem 0 0 0;
float: right; }
.google-classroom-button.inline {
float: none; }
.google-classroom-button-label {
float: left;
padding-top: 0.8rem;
padding-right: 1rem; }
.google-classroom-button-description {
padding-right: 3rem; }
.bookshelves {
overflow: hidden; }
.shelf {
border-bottom: 1px solid #dddddd;
overflow: hidden; }
.shelf--no-border {
border-bottom: 0; }
.shelf-title {
overflow: hidden;
border-bottom: #DAD6C8 solid 2px;
margin: 1.375rem 0.9375rem 1.1875rem 0;
display: flex;
justify-content: space-between; }
@media screen and (min-width: 60.0625em) {
.shelf-title {
margin: 1.375rem 0 1.1875rem; } }
.shelf-title__name {
font-size: 1.375rem;
line-height: 1.65rem;
margin: 0;
text-align: center;
padding-bottom: 0.3125rem; }
@media screen and (min-width: 60.0625em) {
.shelf-title__name {
font-size: 2rem;
text-align: left; } }
.shelf-title__link {
align-self: flex-end;
color: #356d90;
margin-bottom: 0.3125rem;
font-size: 1.125rem;
line-height: 1.5rem; }
@media screen and (min-width: 60.0625em) {
.shelf-title__link {
margin-bottom: 0.125rem; } }
.shelf-title__link span {
font-size: 1.125rem; }
.books {
display: flex;
flex-wrap: wrap;
margin-left: -0.625rem;
margin-top: -0.625rem;
list-style: none;
word-wrap: break-word; }
.books li:after {
content: "";
display: table;
clear: both; }
.books__book {
flex: 1 0 12.5rem;
margin-left: 0.625rem;
margin-top: 0.625rem; }
@media (min-width: 26.25rem) {
.books__book {
max-width: calc(50% - 0.625rem); } }
@media (min-width: 25rem) {
.books__book {
min-width: calc(50% - 0.625rem); } }
.books__cover {
float: left; }
.books__cover img {
max-width: 4.375rem; }
.books__info {
margin: 0 0 0.625rem calc(4.375rem + 0.625rem); }
.shelf__description {
margin-bottom: 0.625rem; }
.books-wrapper--iscroll {
position: relative;
overflow: hidden;
width: 100%;
touch-action: none; }
.books-wrapper--iscroll .iScrollHorizontalScrollbar {
opacity: 0;
margin-top: 0.625rem;
position: relative;
z-index: 500;
height: 9px;
overflow: hidden;
background: #DAD6C8; }
.books-wrapper--iscroll .iScrollIndicator {
height: 100%;
position: absolute;
background: #356d90; }
.iscroll_scroller {
position: relative;
z-index: 1;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
width: 60rem; }
@supports (grid-gap: 1px) {
.books--iscroll {
display: -ms-grid;
display: grid;
grid-gap: 0.875rem;
grid-auto-flow: column;
-ms-grid-columns: (minmax(55px, 178px))[5];
grid-template-columns: repeat(5, minmax(55px, 178px));
grid-auto-rows: minmax(auto, 347px);
justify-content: center; }
.books--horizontal {
list-style: none;
margin: 0;
display: -ms-grid;
display: grid;
grid-gap: 0.875rem; }
@media screen and (min-width: 37.5em) {
.books--horizontal {
-ms-grid-columns: (minmax(55px, 178px))[auto-fill];
grid-template-columns: repeat(auto-fill, minmax(55px, 178px));
grid-auto-rows: minmax(auto, 347px);
align-items: start;
justify-content: center; } }
@media screen and (min-device-width: 25.875em) and (max-device-width: 46em) and (orientation: portrait) {
.books--horizontal {
-ms-grid-columns: (minmax(55px, 178px))[auto-fill];
grid-template-columns: repeat(auto-fill, minmax(55px, 178px)); } }
.books--horizontal-resources {
grid-auto-rows: minmax(auto, 300px); } }
.book {
margin: auto;
display: inline-block; }
@media screen and (min-width: 37.5em) {
.book {
margin: 0;
padding-right: 0.625rem; }
@supports (grid-gap: 1px) {
.book {
padding-right: 0; } } }
.book--unpublished {
background-color: #ccc7b3;
opacity: 0.6; }
.book--unpublished:hover {
opacity: 1; }
.book-cover {
margin-top: auto; }
.book-cover__image {
width: 9.5625rem;
height: 15.375rem; }
@media screen and (min-width: 48em) {
.book-cover__image {
width: 11.125rem;
height: 16.9375rem; } }
.book-cover__image--plus {
display: flex;
align-items: center;
justify-content: center;
background-color: #f3f3f3;
border: dashed 0.0625rem #525150; }
.book-cover__fake-image {
font-size: 3rem; }
.book__info {
text-align: left;
width: 9.5625rem;
padding-top: 0.3125em; }
@media screen and (min-width: 48em) {
.book__info {
width: 9.375em; } }
@media screen and (min-width: 60.0625em) {
.book__info {
padding-top: 0.125em; } }
.book__info--plus {
padding-top: 0.3125rem; }
.book__info-title,
.book__info-author {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.book__info-title {
color: #356d90;
display: block; }
.book__info-author {
color: #525150;
padding-top: 0.125rem; }
.c-info {
background-color: #356d90;
min-width: 18.25em; }
.c-info__list {
padding: 1.625em;
list-style: none; }
.c-info__item {
border-bottom: 0.5px solid #50b2d8;
padding-top: 0.8125em;
padding-bottom: 0.8125em; }
.c-info__item--title {
color: #ffffff;
font-weight: bold;
font-size: 1.25rem; }
.c-info__item:last-child {
border-bottom: none; }
.c-info__key {
color: #f3f3f3; }
.c-info__value {
color: #ffffff; }
.toc-title {
text-align: center;
margin: 0.8em auto; }
@media screen and (min-width: 48em) {
.toc-title {
text-align: left;
margin: 0.4em auto; } }
.toc-chapters .toc-chapters {
margin-left: 1rem; }
.toc-chapter, .analysis-list__item {
font-size: 1rem;
padding: 0.5em 0;
border-bottom: 2px solid #dddddd;
font-weight: bold; }
@media screen and (min-width: 48em) {
.toc-chapter, .analysis-list__item {
font-size: 1.2rem;
font-weight: normal; } }
.toc-chapter:last-of-type, .analysis-list__item:last-of-type {
border-bottom: none; }
.toc-chapter__link {
display: block; }
.toc-chapter .selected, .analysis-list__item .selected {
float: right; }
.toc-subsection-header {
font-weight: bold;
color: #373737; }
.analysis-list__item__link {
display: block; }
.bookinfo {
display: block;
margin-bottom: 0.625rem;
font-size: 1.125rem;
line-height: 1.375rem; }
@media screen and (min-width: 48em) {
.bookinfo {
font-size: 1.375rem;
line-height: 1.5rem; } }
.book-translator,
.book-editor {
font-size: 1rem;
line-height: 1rem; }
.edit-book-info {
display: none; }
.summary {
margin: 5rem 0 1.875rem;
clear: both; }
@media screen and (min-width: 48em) {
.summary {
clear: none;
margin: 1.875rem 0; } }
.summary-title {
display: block;
margin-bottom: 0.625rem;
font-size: 1.375rem;
line-height: 1.75rem; }
.summary-text {
font-size: 1.125rem;
line-height: 1.5rem; }
.summary-text--search a, .summary-text--search .link, .summary-text--search .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .summary-text--search .settings-readingfont-link {
color: #fff9c0;
font-weight: bold; }
.summary-text--search a:active, .summary-text--search .link:active, .summary-text--search .reading-settings-popup .settings-readingfont-link:active, .reading-settings-popup .summary-text--search .settings-readingfont-link:active, .summary-text--search a:hover, .summary-text--search .link:hover, .summary-text--search .reading-settings-popup .settings-readingfont-link:hover, .reading-settings-popup .summary-text--search .settings-readingfont-link:hover {
color: #fff7a7; }
.reading-progress {
height: 0.9375em;
border: 1px solid #ccc7b3;
position: relative;
background-color: #ffffff;
border-radius: 0.1875rem;
overflow: hidden; }
.reading-progress .reading-progress-fill {
display: block;
position: relative;
height: 100%;
left: 0;
top: 0;
background-color: #02364e;
background-size: 0.75em 0.75em;
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
-webkit-animation: move 2s linear infinite;
animation: move 2s linear infinite; }
.student-intro-box .reading-progress {
margin-top: 1.25rem; }
.book-cover .reading-progress {
margin-top: 0.625rem;
width: 9.5625rem; }
@media screen and (min-width: 48em) {
.book-cover .reading-progress {
width: 11.125rem; } }
.book-cover .reading-progress .reading-progress-fill {
background-size: 1.5625em 1.5625em; }
.annotation-deck {
display: none; }
.annotation-deck-active {
display: block; }
.annotation-deck-locked {
color: #bb373a;
margin-right: 0.3125rem; }
.annotation-card {
height: 100%;
width: 100%;
background-color: #fff;
border: 1px solid #ccc7b3;
box-sizing: border-box;
padding: 1.25rem;
margin: 0.9375rem auto; }
.annotation-card .annotation-expanded {
display: none; }
.annotation-location {
display: inline-block;
margin-left: 0.625rem; }
.annotation-quote,
.annotation-note {
font-size: 1.125rem;
line-height: 1.6875rem;
margin: 0.9375rem auto; }
.annotation-quote {
font-family: "adelle", serif;
color: #999999; }
.annotation-quote--italic {
font-style: italic; }
.annotation-date {
margin-bottom: 1.25rem;
color: #999999;
font-weight: bold; }
.annotation-reply-link:before {
content: '✎';
font-family: "SSStandard";
margin-right: 0.3125rem; }
.annotation-reply-form {
display: none;
padding: 1.25rem; }
@media screen and (min-width: 48em) {
.annotation-reply-form {
width: 70%;
margin: 0 auto; } }
.annotation-reply-form-input {
width: 100%; }
.annotation-reply {
padding: 1.25rem; }
@media screen and (min-width: 48em) {
.annotation-reply {
margin: 0 auto; } }
.annotation-reply-text {
border-bottom: 1px solid #dddddd;
padding-bottom: 1em; }
.annotation-reply-attribution {
text-align: right;
color: #999999; }
.c-resource-title {
margin-top: initial; }
.c-resource-cover {
border: 1px solid #356d90;
box-shadow: #ebe9e1 1px 1px 1px 1px;
height: unset;
-o-object-fit: cover;
object-fit: cover; }
.c-resource-cover--zoom {
cursor: zoom-in; }
.c-resource-previews {
display: flex;
align-items: center;
flex-flow: row wrap; }
@media screen and (min-width: 48em) {
.c-resource-previews {
align-items: flex-end;
flex-flow: row nowrap; } }
.c-resource-previews__anchor {
cursor: zoom-in;
display: inline-block;
margin-right: 0.625em; }
.c-resource-previews__image {
border: 1px solid #356d90;
box-shadow: #ebe9e1 1px 1px 1px 1px; }
.c-resource-details {
font-size: 1.125rem; }
.c-resource-details__heading {
padding-bottom: 1rem;
margin: initial;
position: relative;
border-bottom: #dddddd 1px solid; }
.c-resource-details__heading .ss-openbook {
position: relative;
top: 0.5rem;
margin-right: 0.8125rem;
font-size: 2rem;
color: #373737; }
.c-resource-details__section {
margin: 0 0 1.125rem 0; }
.c-resource-details__section .markdown.markdown {
font-size: 1.125rem;
line-height: 1.5rem;
padding: 1.5rem 0; }
.resource-preview-dialog {
margin: 0 auto;
text-align: center;
position: relative; }
.resource-preview-dialog__item {
margin: 2rem 0; }
.resource-preview-dialog__image {
display: none;
border: 1px solid #356d90;
box-shadow: #ebe9e1 1px 1px 1px 1px; }
.resource-preview-dialog__image.active {
display: block; }
.resource-preview-overlay {
position: absolute;
top: 0;
left: 0;
display: flex;
width: 100%;
height: 100%;
z-index: 1; }
.resource-preview-overlay__button {
flex: 1;
display: flex;
align-items: center;
z-index: 1;
text-align: left;
font-size: 1.375rem; }
.resource-preview-overlay__button > * {
flex-grow: 1; }
.resource-preview-overlay__button:hover {
text-decoration: none; }
.resource-preview-overlay__button:last-child span {
text-align: right; }
@media screen and (min-width: 37.5em) {
.dialog__content.dialog__content {
width: auto;
padding: 2rem 1.5rem; } }
.landing-container {
background-color: #ebe9e1;
width: 100%;
height: 65%;
text-align: center;
overflow: hidden;
padding: 3.125rem 1.25rem; }
@media screen and (max-width: 47.9375em) {
.landing-container {
padding: 1.25rem; } }
.landing-blurb {
color: #525150;
font-size: 1.375rem;
line-height: 1.75rem;
text-align: left; }
@media screen and (min-width: 60.0625em) {
.landing-blurb--top-margin {
margin-top: 2rem; } }
.landing-buttons--center {
margin: auto; }
.landing-button {
box-shadow: 0px 0px 4px 2px rgba(31, 31, 31, 0.1);
font-size: 2.25rem;
margin: 2.5rem auto;
padding: 0.9375rem 1.5625rem; }
@media screen and (max-width: 37.4375em) {
.landing-button {
font-size: 2rem;
margin: 0.9375rem auto; } }
.landing-button--teacher {
font-size: 1.375rem; }
.landing-button-container--teacher-school {
position: relative;
margin-left: 4rem; }
@media screen and (max-width: 37.4375em) {
.landing-button-container--teacher-school {
margin-left: initial; } }
.school-access-sketch {
width: 180px;
position: absolute;
top: -82px; }
@media screen and (max-width: 37.4375em) {
.school-access-sketch {
display: none; } }
.landing-link {
display: block;
clear: both;
font-size: 1.375rem;
line-height: 1.75rem; }
@media screen and (max-width: 37.4375em) {
.landing-link {
font-size: 1.125rem; } }
.landing-link--right {
text-align: right; }
.landing-link--pad {
padding-top: 1.25rem; }
.homepage-logo-box {
display: none; }
@media screen and (max-width: 47.9375em) {
.homepage-logo-box {
display: block;
margin-bottom: 1.25rem; } }
.homepage-logo {
height: 6.25rem; }
.library-preview--shadow .c-resource-cover {
box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.25); }
@media screen and (min-width: 48em) {
.library-preview .homepage-wrapper {
padding: initial; } }
.landing__shelf .books--horizontal {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap; }
.landing__shelf .books--horizontal .book {
margin: auto; }
.teacher-landing .landing-blurb {
padding-top: 0.625rem; }
.landing-feature {
overflow-y: hidden;
padding: 3.125rem 1.25rem 1.25rem;
position: relative;
text-align: center;
width: 100%; }
@media screen and (min-width: 48em) {
.landing-feature {
overflow-y: initial;
padding: 3.125rem 0; } }
.landing-feature--blue {
background-color: #02364e;
color: #ffffff; }
.landing-feature--last {
padding-bottom: 6.25rem; }
.landing-feature-header {
font-size: 3rem;
line-height: 3.375rem;
color: #02364e;
font-weight: 700;
text-align: left; }
.landing-feature-header--center {
text-align: center; }
.landing-feature-header--yellow {
color: #fff9c0; }
@media screen and (max-width: 37.4375em) {
.landing-feature-header {
font-size: 2.5rem;
line-height: 3rem; } }
.landing-feature-header span:nth-child(2) {
display: block; }
.landing-feature-hrule {
border: 1px solid #02364e;
margin: 1.25rem 0;
width: 40%; }
.landing-feature-hrule--center {
margin: 1.25rem auto; }
.landing-feature-hrule--yellow {
border-color: #fff9c0; }
.landing-feature-content {
color: #525150;
font-size: 1.375rem; }
.landing-feature-content--white {
color: #ffffff; }
.landing-feature-content--yellow {
color: #fff9c0; }
.landing-feature-content--left {
text-align: left; }
.landing-feature-link--school-membership {
margin: 1.25rem 0; }
.landing-feature-link--yellow.landing-feature-link--yellow {
color: #fff9c0;
font-weight: bold;
-webkit-text-decoration: underline solid #fff9c0;
text-decoration: underline solid #fff9c0; }
.landing-feature-link--yellow.landing-feature-link--yellow:active, .landing-feature-link--yellow.landing-feature-link--yellow:hover {
color: #fff7a7 !important;
-webkit-text-decoration: underline solid #fff7a7;
text-decoration: underline solid #fff7a7; }
.landing-feature-link--yellow.landing-feature-link--yellow--nonderline {
text-decoration: none; }
.landing-feature-link--yellow.landing-feature-link--yellow--thin {
font-weight: normal; }
.landing-quote--container {
align-items: flex-end;
display: flex;
justify-content: space-between;
min-height: 16.875rem; }
@media screen and (max-width: 44.9375rem) {
.landing-quote--container {
flex-direction: column;
margin-top: 0; } }
.landing-quote {
max-width: 45%; }
@media screen and (max-width: 44.9375rem) {
.landing-quote {
max-width: none; } }
.landing-quote--left-tail:after {
border-color: #fff9c0 transparent;
border-style: solid;
border-width: 2.5rem 1.875rem 0 0;
bottom: 0.625rem;
content: '';
display: block;
left: 3.125rem;
position: relative;
width: 0; }
.landing-quote--right-tail:after {
border-color: #fff9c0 transparent;
border-style: solid;
border-width: 2.5rem 0 0 1.875rem;
bottom: 0.625rem;
content: '';
display: block;
left: 70%;
position: relative;
width: 0; }
.landing-quote--shadow {
-webkit-filter: drop-shadow(0 0.25rem 0.625rem rgba(0, 0, 0, 0.25));
filter: drop-shadow(0 0.25rem 0.625rem rgba(0, 0, 0, 0.25)); }
.landing-quote-bubble {
background-color: #fff9c0;
border-radius: 1.25rem;
color: #525150;
font-size: 1.125rem;
font-weight: 600;
margin-bottom: 0.625rem;
padding: 1.25rem;
text-align: left; }
.landing-quote-caption {
font-style: italic;
font-size: 1rem;
text-align: right;
padding-top: 0.625rem; }
.landing-feature-endpaper1 {
background: url("../images/landing-page/endpaper-landing1.jpg") 0 no-repeat;
background-size: cover; }
.landing-feature-endpaper2 {
background: url("../images/landing-page/endpaper-landing2.jpg") 0 no-repeat;
background-size: cover; }
.landing-feature-endpaper3 {
background: url("../images/landing-page/endpaper-landing3.jpg") 0 no-repeat;
background-size: cover; }
.landing-feature-endpaper4 {
background: url("../images/landing-page/endpaper-landing4.jpg") 0 no-repeat;
background-size: cover; }
.landing-feature-endpaper5 {
background: url("../images/landing-page/endpaper-landing5.jpg") 0 no-repeat;
background-size: cover; }
.landing-feature-endpaper6 {
background: url("../images/landing-page/endpaper-landing6.jpg") 0 no-repeat;
background-size: cover; }
.landing-feature-endpaper7 {
background: url("../images/landing-page/endpaper-landing7.jpg") 0 no-repeat;
background-size: cover; }
.landing-feature-screenshot {
height: 18.75rem;
margin-bottom: -0.625rem; }
@media screen and (min-width: 48em) {
.landing-feature-screenshot {
margin: 0;
position: absolute;
bottom: 0; } }
@media screen and (min-device-width: 48em) and (max-device-width: 60em) {
.landing-feature-screenshot {
height: 90%; } }
@media screen and (min-width: 60.0625em) {
.landing-feature-screenshot {
height: 110%; } }
@media screen and (max-width: 37.4375em) {
.landing-feature-screenshot {
height: 17.5rem; } }
.landing-feature-screenshot--plans {
margin-bottom: 2.5rem; }
@media screen and (min-device-width: 48em) and (max-device-width: 64em) and (orientation: portrait) {
.landing-feature-screenshot--plans {
padding-bottom: 2.5rem; } }
@media screen and (min-width: 48em) {
.landing-feature-screenshot--plans {
margin-bottom: inherit;
margin-left: 2.5rem; } }
.homepage-devices-image {
width: 36.25rem; }
.landing-image-reset {
max-width: initial; }
.landing-lesson-plan-image {
width: 21.25rem;
max-width: initial;
margin-right: 3rem; }
.landing-school-membership-image {
width: 15.625rem;
max-width: initial;
margin: 3rem; }
.landing-feature-checkmark {
bottom: 1.875rem;
left: 6.25rem;
position: relative;
z-index: -1; }
.landing-feature-logos {
align-items: center;
display: flex;
justify-content: center; }
@media screen and (max-width: 44.9375rem) {
.landing-feature-logos {
margin-bottom: 0; } }
.landing-feature-logos__image {
margin: auto; }
.landing-feature-lesson-plan {
bottom: 1.875rem;
position: absolute;
width: 25rem; }
.landing-feature-lesson-plan-container {
min-width: 25rem; }
.landing-feature-teacher-phone-container {
min-width: 21rem; }
.alert-box {
position: fixed;
padding: 0.625em;
color: #ffffff;
text-align: center;
width: 100%;
top: 2.8125rem;
left: 0;
right: 0;
margin-top: 0;
z-index: 1000;
display: flex;
align-content: center;
justify-content: center; }
@media screen and (min-width: 48em) {
.alert-box {
position: relative;
top: 0;
margin-top: 3.9375rem; }
.alert-box.docked {
position: fixed; } }
.alert-box.cloaked {
display: none; }
.footer-alert-box {
position: fixed;
left: 0;
right: 0;
bottom: 0;
margin: 0;
text-align: center;
width: 100%;
padding: 0.625em;
margin-top: 0;
color: #ffffff;
background-color: #bb373a;
z-index: 9999;
align-content: center;
justify-content: center; }
.footer-alert-box__messages {
display: inline-block; }
.alert-box__messages {
display: inline-block;
flex-grow: 1; }
.alert-box__header {
font-weight: 700; }
.alert-box__message,
.footer-alert-box__message {
display: block;
padding: 0.625em 0.625em; }
.alert-box__message a, .alert-box__message .link, .alert-box__message .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .alert-box__message .settings-readingfont-link,
.footer-alert-box__message a,
.footer-alert-box__message .link,
.footer-alert-box__message .reading-settings-popup .settings-readingfont-link, .reading-settings-popup
.footer-alert-box__message .settings-readingfont-link {
transition: none;
color: #ffffff;
font-weight: bold;
text-decoration: underline; }
.alert-box__confirmation {
padding-top: 0.625em;
display: block;
text-align: center; }
.alert-box__option {
padding: 0.9375em;
margin-right: 0.625em; }
.alert-box__option:last-of-type {
margin: 0; }
@media screen and (max-width: 47.9375em) {
.alert-box__message {
display: block;
padding: 0.3125em 0 0 0; } }
.alert-box--error {
background-color: #bb373a; }
.alert-box--warning {
background-color: #ff8a00; }
.alert-box--info {
background-color: #999999; }
.alert-box--success {
background-color: #44d984; }
.msgBar {
-ms-grid-row-align: center;
align-self: center; }
.msgBar a, .msgBar .link, .msgBar .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .msgBar .settings-readingfont-link {
color: #ffffff;
font-weight: bold;
margin: 0.3125em; }
.page-block {
margin-bottom: 0.625rem; }
.page-address-line {
display: block; }
.page-list {
padding-left: 2.5rem;
margin-bottom: 0.625rem;
margin-top: 0.625rem; }
.page-list li {
display: list-item;
margin-bottom: 0.3125rem; }
.blog {
margin-bottom: 1.5625rem;
border-bottom: 1px solid #dddddd;
padding-top: 0.9375rem; }
.blog__post {
margin: 1.25rem 0 1.25rem 0; }
.blog__navigation {
margin-top: 0.625rem;
overflow: hidden;
padding-bottom: 1.875em; }
.blog__navigation .item-next,
.blog__navigation .item-prev {
float: right;
width: 50%; }
.blog__navigation .item-next:only-child,
.blog__navigation .item-prev:only-child {
width: 100%;
text-align: center;
display: inline-block; }
@media screen and (min-width: 48em) {
.blog__navigation .item-next:only-child a, .blog__navigation .item-next:only-child .link, .blog__navigation .item-next:only-child .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .blog__navigation .item-next:only-child .settings-readingfont-link,
.blog__navigation .item-prev:only-child a,
.blog__navigation .item-prev:only-child .link,
.blog__navigation .item-prev:only-child .reading-settings-popup .settings-readingfont-link, .reading-settings-popup
.blog__navigation .item-prev:only-child .settings-readingfont-link {
display: block; } }
.blog__navigation .item-next a, .blog__navigation .item-next .link, .blog__navigation .item-next .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .blog__navigation .item-next .settings-readingfont-link,
.blog__navigation .item-prev a,
.blog__navigation .item-prev .link,
.blog__navigation .item-prev .reading-settings-popup .settings-readingfont-link, .reading-settings-popup
.blog__navigation .item-prev .settings-readingfont-link {
font-family: "proxima-nova", sans-serif;
font-size: 1.375rem; }
.blog__navigation .item-next a .item-title-container, .blog__navigation .item-next .link .item-title-container, .blog__navigation .item-next .reading-settings-popup .settings-readingfont-link .item-title-container, .reading-settings-popup .blog__navigation .item-next .settings-readingfont-link .item-title-container,
.blog__navigation .item-prev a .item-title-container,
.blog__navigation .item-prev .link .item-title-container,
.blog__navigation .item-prev .reading-settings-popup .settings-readingfont-link .item-title-container, .reading-settings-popup
.blog__navigation .item-prev .settings-readingfont-link .item-title-container {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
top: 0.1875em;
max-width: 87%;
min-width: 8.75em;
display: none; }
@media screen and (min-width: 48em) {
.blog__navigation .item-next a .item-title-container, .blog__navigation .item-next .link .item-title-container, .blog__navigation .item-next .reading-settings-popup .settings-readingfont-link .item-title-container, .reading-settings-popup .blog__navigation .item-next .settings-readingfont-link .item-title-container,
.blog__navigation .item-prev a .item-title-container,
.blog__navigation .item-prev .link .item-title-container,
.blog__navigation .item-prev .reading-settings-popup .settings-readingfont-link .item-title-container, .reading-settings-popup
.blog__navigation .item-prev .settings-readingfont-link .item-title-container {
max-width: 90%;
display: inline-block;
padding: 0 15px; } }
.blog__navigation .item-next a .ss-navigateleft, .blog__navigation .item-next .link .ss-navigateleft, .blog__navigation .item-next .reading-settings-popup .settings-readingfont-link .ss-navigateleft, .reading-settings-popup .blog__navigation .item-next .settings-readingfont-link .ss-navigateleft,
.blog__navigation .item-next a .ss-navigateright,
.blog__navigation .item-next .link .ss-navigateright,
.blog__navigation .item-next .reading-settings-popup .settings-readingfont-link .ss-navigateright, .reading-settings-popup
.blog__navigation .item-next .settings-readingfont-link .ss-navigateright,
.blog__navigation .item-prev a .ss-navigateleft,
.blog__navigation .item-prev .link .ss-navigateleft,
.blog__navigation .item-prev .reading-settings-popup .settings-readingfont-link .ss-navigateleft, .reading-settings-popup
.blog__navigation .item-prev .settings-readingfont-link .ss-navigateleft,
.blog__navigation .item-prev a .ss-navigateright,
.blog__navigation .item-prev .link .ss-navigateright,
.blog__navigation .item-prev .reading-settings-popup .settings-readingfont-link .ss-navigateright, .reading-settings-popup
.blog__navigation .item-prev .settings-readingfont-link .ss-navigateright {
font-size: 1.875rem;
display: inline-block;
padding: 0.25rem; }
@media screen and (min-width: 48em) {
.blog__navigation .item-next a .ss-navigateleft, .blog__navigation .item-next .link .ss-navigateleft, .blog__navigation .item-next .reading-settings-popup .settings-readingfont-link .ss-navigateleft, .reading-settings-popup .blog__navigation .item-next .settings-readingfont-link .ss-navigateleft,
.blog__navigation .item-next a .ss-navigateright,
.blog__navigation .item-next .link .ss-navigateright,
.blog__navigation .item-next .reading-settings-popup .settings-readingfont-link .ss-navigateright, .reading-settings-popup
.blog__navigation .item-next .settings-readingfont-link .ss-navigateright,
.blog__navigation .item-prev a .ss-navigateleft,
.blog__navigation .item-prev .link .ss-navigateleft,
.blog__navigation .item-prev .reading-settings-popup .settings-readingfont-link .ss-navigateleft, .reading-settings-popup
.blog__navigation .item-prev .settings-readingfont-link .ss-navigateleft,
.blog__navigation .item-prev a .ss-navigateright,
.blog__navigation .item-prev .link .ss-navigateright,
.blog__navigation .item-prev .reading-settings-popup .settings-readingfont-link .ss-navigateright, .reading-settings-popup
.blog__navigation .item-prev .settings-readingfont-link .ss-navigateright {
font-size: 1.5rem; } }
.blog__navigation .item-next {
text-align: left;
padding-left: 0.75em; }
@media screen and (min-width: 48em) {
.blog__navigation .item-next {
text-align: right; }
.blog__navigation .item-next:only-child {
text-align: right; } }
.blog__navigation .item-next .ss-navigateright {
padding: 0 2.5em 0 1.25em; }
@media screen and (min-width: 48em) {
.blog__navigation .item-next .ss-navigateright {
float: right;
padding: 0; } }
.blog__navigation .item-prev {
text-align: right;
padding-right: 0.75em; }
@media screen and (min-width: 48em) {
.blog__navigation .item-prev {
text-align: left; }
.blog__navigation .item-prev:only-child {
text-align: left; } }
.blog__navigation .item-prev .ss-navigateleft {
padding: 0 1.25em 0 2.5em; }
@media screen and (min-width: 48em) {
.blog__navigation .item-prev .ss-navigateleft {
float: left;
padding: 0; } }
.blog__navigation .item-title-container {
font-size: 1.125rem;
min-width: 8.75em;
display: none; }
@media screen and (min-width: 48em) {
.blog__navigation .item-title-container {
max-width: 100%;
display: inline-block;
padding: 0 15px; } }
.blog__navigation .ss-navigateleft,
.blog__navigation .ss-navigateright {
font-size: 1.25rem;
display: inline-block; }
@media screen and (min-width: 48em) {
.blog__navigation .ss-navigateleft,
.blog__navigation .ss-navigateright {
font-size: 1.5rem; } }
.blog__related {
margin: 0.9375rem 0 0.9375rem 0; }
.blog h2, .blog h3 {
margin: 0.5rem 0 0.5rem 0; }
.blog .ss-tag {
font-size: 0.625rem;
display: inline-block; }
@media screen and (min-width: 48em) {
.blog .ss-tag {
font-size: 0.9375rem; } }
.comment {
margin: 1.5625rem 0 1.5625rem 0;
border-top: 1px solid #dddddd;
padding-top: 0.9375rem; }
.comment__meta {
display: block; }
.comment__body {
margin: 0.625rem 0 0.625rem 0; }
.blog-roll__card {
height: 100%;
width: 100%;
background-color: #ffffff;
border: 1px solid #ccc7b3;
box-sizing: border-box;
padding: 1.25rem;
margin: 0.9375rem auto; }
.blog-roll__break {
border-color: #999999;
border-style: dashed;
margin: 2rem 0; }
.blog-roll h2, .blog-roll h3 {
margin: 0.5rem 0 0 0; }
/* @see https://github.com/edenspiekermann/a11y-dialog */
/* -------------------------------------------------------------------------- * * Necessary styling for the dialog to work
* -------------------------------------------------------------------------- */
.dialog[aria-hidden="true"] {
display: none; }
/* -------------------------------------------------------------------------- * * Styling to make the dialog look like a dialog
* -------------------------------------------------------------------------- */
.dialog-overlay {
z-index: 1000;
background-color: rgba(0, 0, 0, 0.66);
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0; }
.dialog__content {
background-color: white;
z-index: 9999;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
/* -------------------------------------------------------------------------- * * Extra dialog styling to make it shiny
* -------------------------------------------------------------------------- */
.dialog__content {
padding: 1rem;
max-width: 90%;
width: 600px;
border-radius: 2px; }
@media screen and (min-width: 37.5em) {
.dialog__content {
padding: 2rem; } }
.dialog-overlay {
background-color: rgba(43, 46, 56, 0.9); }
.dialog__header {
margin: 0;
font-size: 2rem; }
.dialog__close {
position: absolute;
top: 0.5rem;
right: 0.5rem;
border: 0;
padding: 0;
background-color: transparent;
font-weight: bold;
font-size: 2rem;
width: 2rem;
height: 2rem;
text-align: center;
cursor: pointer;
transition: 0.15s; }
@media screen and (min-width: 37.5em) {
.dialog__close {
top: 1rem;
right: 1rem; } }
.admin-stats__item {
padding: 15px; }
.o-subscription-renewals-table,
.o-tax-rate-table {
width: 100%; }
.o-subscription-renewals-table .column-header,
.o-tax-rate-table .column-header {
font-weight: bold; }
.o-subscription-renewals-table .column-header,
.o-subscription-renewals-table .column-data,
.o-tax-rate-table .column-header,
.o-tax-rate-table .column-data {
vertical-align: top;
padding: 0.3125rem; }
.o-subscription-renewals-table .column-header p,
.o-subscription-renewals-table .column-data p,
.o-tax-rate-table .column-header p,
.o-tax-rate-table .column-data p {
font-size: 1rem; }
.o-subscription-renewals-table .column-meta-data .c-record-title,
.o-tax-rate-table .column-meta-data .c-record-title {
font-size: 1rem;
font-weight: bold;
margin: 0.3125rem 0; }
.o-subscription-renewals-table .column-meta-data .c-record-details,
.o-tax-rate-table .column-meta-data .c-record-details {
padding-left: 1rem; }
.o-subscription-renewals-table .column-meta-data .c-message,
.o-tax-rate-table .column-meta-data .c-message {
padding: 0.3125rem;
margin: 0.3125rem; }
.o-subscription-renewals-table .column-meta-data .c-highlight,
.o-tax-rate-table .column-meta-data .c-highlight {
background-color: #fdf677; }
.o-subscription-renewals-table .column-meta-data .c-error,
.o-tax-rate-table .column-meta-data .c-error {
background-color: #bb373a;
color: #ffffff; }
.o-subscription-renewals-table .column-meta-data .c-renewal-payment-method,
.o-tax-rate-table .column-meta-data .c-renewal-payment-method {
font-size: 1rem; }
.o-subscription-renewals-table .row-data-top,
.o-tax-rate-table .row-data-top {
border-top: 1px solid #1f1f1f; }
.o-subscription-renewals-table .row-data-bottom:last-of-type,
.o-tax-rate-table .row-data-bottom:last-of-type {
border-bottom: 1px solid #1f1f1f; }
.o-tax-rate-table {
width: auto; }
.o-new-subscription-form .c-field-group {
margin: 1rem 0 0 0; }
.o-new-subscription-form .c-payment-method-group {
margin: 0.5rem 0 0 1rem; }
.c-admin-log__filter {
width: 100%; }
.c-admin-log__entries {
width: 100%; }
.c-admin-log__entries .column-header {
font-weight: bold; }
.c-admin-log__entries .column-header,
.c-admin-log__entries .column-data {
vertical-align: top;
padding: 0.3125rem; }
.c-admin-log__entries .column-header.right,
.c-admin-log__entries .column-data.right {
text-align: right; }
.c-admin-log__entries .row-data-top {
border-top: 1px solid #1f1f1f; }
.c-admin-log__entries .row-data-bottom:last-of-type {
border-bottom: 1px solid #1f1f1f; }
.reading-header {
background-color: #ebe9e1;
border-bottom: 0.125rem solid #999999;
height: 3.75rem; }
.reading-header__classroom-picker {
width: 25%;
position: absolute;
top: 0.5em;
left: 3.5em; }
.reading-header.docked {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1000; }
.reading-header-wrapper {
position: relative;
height: 100%;
overflow: visible; }
.reading-header-title {
width: 60%;
margin: 0 auto;
font-size: 1.125rem;
padding-top: 0.9375rem;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.reading-header-title a, .reading-header-title .link, .reading-header-title .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .reading-header-title .settings-readingfont-link {
color: #525150;
font-size: 1.375rem; }
@media screen and (max-width: 60em) {
.reading-header-title {
width: 50%; } }
@media screen and (max-width: 47.9375em) {
.reading-header-title {
display: none; } }
.reading-header-menu {
position: absolute;
left: 0.625rem;
top: 0.625rem; }
@media screen and (max-width: 37.4375em) {
.reading-header-menu {
left: 0; } }
.reading-header-settings {
position: absolute;
right: 0.625rem;
top: 0.625rem;
line-height: 2rem; }
@media screen and (max-width: 37.4375em) {
.reading-header-settings {
right: 0; } }
.reading-header-settings .reading-header-button:nth-child(2) {
margin: 0 0.1875rem; }
.reading-header-button {
display: inline-block;
height: 2.5rem;
width: 2.5rem;
padding-top: 0.4375rem;
border-radius: 0.1875rem;
text-align: center;
font-size: 1.375rem;
color: #525150;
vertical-align: top; }
.reading-header-button:hover {
color: #000; }
.reading-header-button.active {
color: #bb373a; }
.reading-header-button.reading-header-button-home {
font-size: 1.875rem; }
.reading-header-button.hidden, .reading-header-button.hidden-label {
visibility: hidden; }
.reading-header-button.change-classroom-button {
font-size: 1.6875rem; }
.reading-header-button.change-classroom-button__in-class {
color: #bb373a; }
.reading-header-button.assign-chapter {
padding-top: 0.6rem; }
.reading-header-divider {
border-right: 0.125rem solid #999999;
display: inline-block;
height: 2.5rem;
margin: 0 1rem; }
@media screen and (max-width: 47.9375em) {
.reading-header-divider {
border: none;
margin: 0; } }
.reading-popup-wrapper {
max-width: 60rem;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0; }
.reading-popup-wrapper:after {
content: "";
display: table;
clear: both; }
@media screen and (min-width: 48em) {
.reading-popup-wrapper {
position: relative;
top: auto;
bottom: auto;
right: auto;
left: auto; } }
@media screen and (max-width: 60em) {
.shelves-wrapper {
position: relative;
top: auto;
bottom: auto;
right: auto;
left: auto; } }
.reading-popup {
padding: 1.25rem;
background: rgba(255, 255, 255, 0.97);
right: 0;
display: none;
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3);
position: absolute;
top: 4.375rem;
z-index: 9999; }
.reading-popup__left {
left: 4.5rem; }
@media screen and (max-width: 47.9375em) {
.reading-popup {
top: 3.75rem;
bottom: 0;
right: 0;
left: 0;
overflow-y: scroll; } }
@media screen and (max-width: 37.4375em) {
.reading-popup {
width: 100%; } }
@media screen and (min-width: 37.5em) {
.reading-popup:before {
content: '';
border-style: solid;
border-width: 0 0.9375rem 0.9375rem 0.9375rem;
border-color: transparent transparent #ffffff transparent;
position: absolute;
top: -0.9375rem; } }
@media screen and (min-width: 37.5em) and (min-device-width: 48em) and (max-device-width: 64em) and (orientation: portrait) {
.reading-popup:before {
right: 0.3125rem; } }
@media screen and (min-width: 37.5em) {
.reading-popup.reading-toc-popup:before {
right: 9.5625rem; }
.reading-popup.reading-settings-popup:before {
left: 3.25rem; }
.reading-popup.reading-search-popup:before {
right: 4rem; }
.reading-popup.reading-filter-popup:before {
right: 1rem; } }
.reading-popup .classroom-book-picker__heading:first-child {
margin-top: 0.5rem; }
.reading-popup .classroom-book-picker__heading {
margin-top: 1.25rem; }
.reading-popup-tiles {
margin: 0.3125rem 0 1.25rem 0; }
.reading-popup-tile {
display: inline-block; }
.reading-popup-tile:not(:first-child) {
margin-left: 0.625rem; }
.reading-popup-tile a, .reading-popup-tile .link, .reading-popup-tile .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .reading-popup-tile .settings-readingfont-link {
display: block;
height: 2.5rem;
width: 2.5rem;
background-color: #dddddd;
border-radius: 0.1875rem;
color: #525150;
border: 2px solid #dddddd; }
.reading-popup-tile a:hover, .reading-popup-tile .link:hover, .reading-popup-tile .reading-settings-popup .settings-readingfont-link:hover, .reading-settings-popup .reading-popup-tile .settings-readingfont-link:hover {
color: #bb373a; }
.reading-popup-tile a.active, .reading-popup-tile .active.link, .reading-popup-tile .reading-settings-popup .active.settings-readingfont-link, .reading-settings-popup .reading-popup-tile .active.settings-readingfont-link {
border: 2px solid #bb373a; }
.reading-popup-tile i {
display: block;
font-size: 1.375rem;
padding: 0.5rem; }
.reading-toc-popup {
width: 31.25rem;
padding: 0;
margin: 0; }
@media screen and (max-width: 47.9375em) {
.reading-toc-popup {
width: 100%; } }
.reading-toc-popup__book-title {
display: none;
font-size: 1.3rem;
padding: 0.625rem;
font-weight: bold;
font-variant: small-caps;
text-align: center; }
@media screen and (max-width: 47.9375em) {
.reading-toc-popup__book-title {
display: block; } }
.reading-toc-popup__wrapper .toc-chapters:first-child {
max-height: 100%;
overflow-y: auto;
margin-right: 0.6rem;
padding: 0.3125rem 1.25rem 1.25rem 1.25rem; }
@media screen and (min-width: 37.5em) {
.reading-toc-popup__wrapper .toc-chapters:first-child {
max-height: 31.25rem;
padding: 1.25rem; } }
.reading-classrooms-popup {
right: -3rem;
width: 18.75rem; }
@media screen and (max-width: 47.9375em) {
.reading-classrooms-popup {
right: 0;
width: 100%; } }
.reading-classrooms-popup .classrooms-header {
margin-top: 0; }
.reading-classrooms-popup .classrooms-classroom {
border-bottom: 0.125rem solid #dddddd;
font-weight: bold;
padding: 0.5em 0; }
.reading-classrooms-popup .classrooms-classroom:last-of-type {
border-bottom: none; }
@media screen and (max-width: 44.9375rem) {
.reading-classrooms-popup .classrooms-classroom {
padding: 1rem 0; } }
.reading-classrooms-popup .classrooms-classroom__check {
float: right; }
.reading-settings-popup {
width: auto; }
.reading-settings-popup .settings-readingfont {
padding-bottom: 0.625em;
margin-left: 0.3125em; }
.reading-settings-popup .settings-readingfont:last-child {
padding-bottom: initial; }
.reading-settings-popup .settings-readingfont-link {
color: #525150;
display: block; }
.reading-settings-popup .settings-readingfont-georgia {
font-family: Georgia, serif; }
.reading-settings-popup .settings-readingfont-helvetica {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.reading-settings-popup .settings-readingfont-verdana {
font-family: Verdana, Geneva, sans-serif; }
.reading-settings-popup .settings-readingfont-trebuchet {
font-family: "Trebuchet MS", Helvetica, sans-serif; }
.reading-settings-popup .settings-readingfont-adelle {
font-family: "adelle", serif; }
.reading-settings-popup .settings-readingmode i {
font-size: 1.875rem;
padding: 0.1875rem; }
.reading-settings-popup .settings-readingmode-dark a, .reading-settings-popup .settings-readingmode-dark .link, .reading-settings-popup .settings-readingmode-dark .settings-readingfont-link {
background-color: #525150;
border-color: #525150;
color: #ffffff; }
.reading-settings-popup .settings-readingmode-normal a, .reading-settings-popup .settings-readingmode-normal .link, .reading-settings-popup .settings-readingmode-normal .settings-readingfont-link {
background-color: #ffffff;
border: 1px solid #999999; }
.reading-settings-popup .settings-readingmode-sepia a, .reading-settings-popup .settings-readingmode-sepia .link, .reading-settings-popup .settings-readingmode-sepia .settings-readingfont-link {
background-color: #f3eacb;
color: #704214; }
.reading-search-popup {
width: 31.25rem; }
@media screen and (max-width: 47.9375em) {
.reading-search-popup {
width: 75%; } }
@media screen and (max-width: 37.4375em) {
.reading-search-popup {
width: 100%; } }
.reading-search-popup .reading-popup-search-form {
position: relative; }
.reading-search-popup .reading-popup-search {
width: 100%;
border: 1px solid #dddddd;
box-shadow: inset 0 0 0.1875rem #999999;
height: 2.625rem; }
.reading-search-popup .reading-search-box {
position: relative;
padding: 0.3125rem 0; }
.reading-search-popup .reading-search-results {
padding-right: 1.25rem;
max-height: 31.25rem;
overflow-y: scroll; }
@media screen and (max-width: 47.9375em) {
.reading-search-popup .reading-search-results {
max-height: 100%;
overflow-y: auto; } }
.reading-search-popup .reading-search-results__apology, .reading-search-popup .reading-search-results__chapter-heading {
font-size: 1.2rem;
font-weight: bold; }
.reading-search-popup .reading-search-results__chapter-results {
margin: 1rem 0; }
.reading-search-popup .reading-search-results__chapter-result {
margin: 1rem 0 1rem 1rem;
font-size: 1rem;
text-indent: 0.5rem;
font-family: "adelle", serif;
display: list-item;
list-style-type: lower-roman;
text-align: justify; }
.reading-search-popup .reading-search-results__highlight {
background-color: #fff9c0; }
.reading-search-popup .reading-search-results__global-search, .reading-search-popup .reading-search-results__context {
font-size: 0.8rem; }
.reading-search-popup .reading-search-results__global-search {
padding-top: 1.25rem; }
.reading-search-popup .reading-search-results__context {
display: block;
text-align: right; }
.reading-search-popup .reading-search-results .query-result-highlight {
background-color: #fff9c0; }
.reading-search-popup__instructions {
padding: 0.625rem; }
@media screen and (max-width: 47.9375em) {
.reading-filter-popup {
width: 60%; } }
@media screen and (max-width: 37.4375em) {
.reading-filter-popup {
width: 75%; } }
.reading-filter-popup-header {
margin-top: 0; }
.reading-filter-popup__contributor {
margin: 0.4rem 0; }
.reading-filter-popup .reading-popup-subheader {
font-weight: bold;
padding-top: 0.5em; }
.reading-filter-popup__options {
padding-top: 1em; }
.reading-gclass-popup {
width: 20rem;
left: 7.5rem; }
@media screen and (max-width: 47.9375em) {
.reading-gclass-popup {
left: 0;
width: 100%; } }
.reading-gclass-popup__title {
font-size: 1.375rem;
font-weight: bold; }
.reading-gclass-popup__divider {
height: 0;
margin: 1rem 0; }
.reading-gclass-popup__button {
padding-top: 3.125rem;
float: right; }
.reading-gclass-popup__description {
width: 75%; }
/* shelves popup */
.text-shelves-popup {
top: 0.625rem; }
@media screen and (min-width: 23.4375em) {
.text-shelves-popup {
right: -4.375rem; } }
@media screen and (min-width: 60.0625em) {
.text-shelves-popup {
right: -9.375rem; } }
@media screen and (min-device-width: 48em) and (max-device-width: 64em) and (orientation: portrait) {
.text-shelves-popup {
right: 0; } }
.text-shelves-popup .reading-popup-subheader {
font-weight: bold;
padding-top: 0.5em; }
.existing-shelf-name {
margin: 0 0 0 0.3125rem; }
.existing-shelves {
padding-top: 0.625rem; }
.add-new-shelf-action {
display: none; }
.add-new-shelf-action__item {
padding-top: 0.625rem; }
.shelf-copy {
font-weight: bold; }
.reading-text {
font-family: "adelle", serif;
font-size: 1.0625rem;
line-height: 1.6875rem;
padding: 1.25rem 2.5rem;
margin: 0 auto; }
@media screen and (max-width: 47.9375em) {
.reading-text {
padding: 1.25rem; } }
.reading-text.reading-text-adelle {
font-family: "adelle", serif; }
.reading-text.reading-text-georgia {
font-family: Georgia, serif; }
.reading-text.reading-text-helvetica {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.reading-text.reading-text-verdana {
font-family: Verdana, Geneva, sans-serif; }
.reading-text.reading-text-trebuchet {
font-family: "Trebuchet MS", Helvetica, sans-serif; }
.reading-text dt,
.reading-text dd,
.reading-text p {
font-size: inherit; }
.reading-text ul {
list-style-type: none; }
.text-body {
width: 80%; }
@media screen and (max-width: 47.9375em) {
.text-body {
width: 100%; } }
/*
.text-navigation {
overflow: hidden;
padding-bottom: em(30px);
.chapter-next,
.chapter-prev {
float: right;
width: 50%;
&:only-child {
width: 100%;
text-align: center;
display: inline-block;
a {
@include media ($tablet-up) {
display: block;
}
}
}
a {
font-family: $font-sans;
font-size: $text-medium;
.chapter-title-container {
@include ellipsis();
position: relative;
top: em(3px);
max-width: 87%;
min-width: em(140px);
display: none;
@include media ($tablet-up) {
max-width: 90%;
display: inline-block;
padding: 0 15px;
}
}
.ss-navigateleft,
.ss-navigateright {
font-size: rem-px(30px);
display: inline-block;
@include media ($tablet-up) {
font-size: rem-px(24px);
}
}
}
}
.chapter-next {
text-align: left;
padding-left: em(12px);
@include media ($tablet-up) {
text-align: right;
&:only-child {
text-align: right;
}
}
.ss-navigateright {
padding: 0 em(40px) 0 em(20px);
@include media ($tablet-up) {
float: right;
padding: 0;
}
}
}
.chapter-prev {
text-align: right;
padding-right: em(12px);
@include media ($tablet-up) {
text-align: left;
&:only-child {
text-align: left;
}
}
.ss-navigateleft {
padding: 0 em(20px) 0 em(40px);
@include media ($tablet-up) {
float: left;
padding: 0;
}
}
}
}
*/
.text-navigation {
overflow: hidden;
padding-bottom: 1.875em;
line-height: 1.5; }
.text-navigation .item-next,
.text-navigation .item-prev {
float: right;
width: 50%; }
.text-navigation .item-next:only-child,
.text-navigation .item-prev:only-child {
width: 100%;
text-align: center;
display: inline-block; }
@media screen and (min-width: 48em) {
.text-navigation .item-next:only-child a, .text-navigation .item-next:only-child .link, .text-navigation .item-next:only-child .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .text-navigation .item-next:only-child .settings-readingfont-link,
.text-navigation .item-prev:only-child a,
.text-navigation .item-prev:only-child .link,
.text-navigation .item-prev:only-child .reading-settings-popup .settings-readingfont-link, .reading-settings-popup
.text-navigation .item-prev:only-child .settings-readingfont-link {
display: block; } }
.text-navigation .item-next a, .text-navigation .item-next .link, .text-navigation .item-next .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .text-navigation .item-next .settings-readingfont-link,
.text-navigation .item-prev a,
.text-navigation .item-prev .link,
.text-navigation .item-prev .reading-settings-popup .settings-readingfont-link, .reading-settings-popup
.text-navigation .item-prev .settings-readingfont-link {
font-family: "proxima-nova", sans-serif;
font-size: 1.375rem; }
.text-navigation .item-next a .item-title-container, .text-navigation .item-next .link .item-title-container, .text-navigation .item-next .reading-settings-popup .settings-readingfont-link .item-title-container, .reading-settings-popup .text-navigation .item-next .settings-readingfont-link .item-title-container,
.text-navigation .item-prev a .item-title-container,
.text-navigation .item-prev .link .item-title-container,
.text-navigation .item-prev .reading-settings-popup .settings-readingfont-link .item-title-container, .reading-settings-popup
.text-navigation .item-prev .settings-readingfont-link .item-title-container {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
top: 0.1875em;
max-width: 87%;
min-width: 8.75em;
display: none; }
@media screen and (min-width: 48em) {
.text-navigation .item-next a .item-title-container, .text-navigation .item-next .link .item-title-container, .text-navigation .item-next .reading-settings-popup .settings-readingfont-link .item-title-container, .reading-settings-popup .text-navigation .item-next .settings-readingfont-link .item-title-container,
.text-navigation .item-prev a .item-title-container,
.text-navigation .item-prev .link .item-title-container,
.text-navigation .item-prev .reading-settings-popup .settings-readingfont-link .item-title-container, .reading-settings-popup
.text-navigation .item-prev .settings-readingfont-link .item-title-container {
max-width: 90%;
display: inline-block;
padding: 0 15px; } }
.text-navigation .item-next a .ss-navigateleft, .text-navigation .item-next .link .ss-navigateleft, .text-navigation .item-next .reading-settings-popup .settings-readingfont-link .ss-navigateleft, .reading-settings-popup .text-navigation .item-next .settings-readingfont-link .ss-navigateleft,
.text-navigation .item-next a .ss-navigateright,
.text-navigation .item-next .link .ss-navigateright,
.text-navigation .item-next .reading-settings-popup .settings-readingfont-link .ss-navigateright, .reading-settings-popup
.text-navigation .item-next .settings-readingfont-link .ss-navigateright,
.text-navigation .item-prev a .ss-navigateleft,
.text-navigation .item-prev .link .ss-navigateleft,
.text-navigation .item-prev .reading-settings-popup .settings-readingfont-link .ss-navigateleft, .reading-settings-popup
.text-navigation .item-prev .settings-readingfont-link .ss-navigateleft,
.text-navigation .item-prev a .ss-navigateright,
.text-navigation .item-prev .link .ss-navigateright,
.text-navigation .item-prev .reading-settings-popup .settings-readingfont-link .ss-navigateright, .reading-settings-popup
.text-navigation .item-prev .settings-readingfont-link .ss-navigateright {
font-size: 1.875rem;
display: inline-block;
padding: 0.25rem; }
@media screen and (min-width: 48em) {
.text-navigation .item-next a .ss-navigateleft, .text-navigation .item-next .link .ss-navigateleft, .text-navigation .item-next .reading-settings-popup .settings-readingfont-link .ss-navigateleft, .reading-settings-popup .text-navigation .item-next .settings-readingfont-link .ss-navigateleft,
.text-navigation .item-next a .ss-navigateright,
.text-navigation .item-next .link .ss-navigateright,
.text-navigation .item-next .reading-settings-popup .settings-readingfont-link .ss-navigateright, .reading-settings-popup
.text-navigation .item-next .settings-readingfont-link .ss-navigateright,
.text-navigation .item-prev a .ss-navigateleft,
.text-navigation .item-prev .link .ss-navigateleft,
.text-navigation .item-prev .reading-settings-popup .settings-readingfont-link .ss-navigateleft, .reading-settings-popup
.text-navigation .item-prev .settings-readingfont-link .ss-navigateleft,
.text-navigation .item-prev a .ss-navigateright,
.text-navigation .item-prev .link .ss-navigateright,
.text-navigation .item-prev .reading-settings-popup .settings-readingfont-link .ss-navigateright, .reading-settings-popup
.text-navigation .item-prev .settings-readingfont-link .ss-navigateright {
font-size: 1.5rem; } }
.text-navigation .item-next {
text-align: left;
padding-left: 0.75em; }
@media screen and (min-width: 48em) {
.text-navigation .item-next {
text-align: right; }
.text-navigation .item-next:only-child {
text-align: right; } }
.text-navigation .item-next .ss-navigateright {
padding: 0 2.5em 0 1.25em; }
@media screen and (min-width: 48em) {
.text-navigation .item-next .ss-navigateright {
float: right;
padding: 0; } }
.text-navigation .item-prev {
text-align: right;
padding-right: 0.75em; }
@media screen and (min-width: 48em) {
.text-navigation .item-prev {
text-align: left; }
.text-navigation .item-prev:only-child {
text-align: left; } }
.text-navigation .item-prev .ss-navigateleft {
padding: 0 1.25em 0 2.5em; }
@media screen and (min-width: 48em) {
.text-navigation .item-prev .ss-navigateleft {
float: left;
padding: 0; } }
.text-paragraph,
[data-block] {
margin-bottom: 1.25rem; }
.text-paragraph pre,
[data-block] pre {
font: inherit;
white-space: pre-wrap; }
@media screen and (max-width: 60em) {
.text-paragraph *,
[data-block] * {
-webkit-touch-callout: none;
/* disables the callout */
touch-callout: none;
/* disables the callout */ } }
.text-paragraph-left {
text-align: left; }
.text-paragraph-justify {
text-align: justify; }
@media screen and (min-width: 48em) {
.classroom-book-picker__available-classrooms {
width: 70%; } }
.text-chapter-heading-box {
text-align: center;
margin-bottom: 1.25rem;
position: relative; }
.text-chapter-heading {
font-size: 2rem;
line-height: 3rem;
display: inline-block;
position: relative; }
.annotation-item {
max-width: 43.75rem;
margin: auto auto 1rem auto;
padding-bottom: 1rem;
padding-left: 0.2rem;
padding-right: 1.2rem;
word-wrap: break-word; }
.annotation-item:nth-last-child(n+2) {
border-bottom: 3px solid #525150; }
.annotation-item .highlight-text {
display: none;
color: #999999;
font-family: "adelle", serif;
font-size: 0.9rem;
margin-bottom: 0.5rem;
font-style: italic;
text-indent: 0.5rem; }
.annotation-item .contribution p {
font-size: 1.1em;
margin: 0.5em 0.2em; }
.annotation-item__attribution {
display: block; }
@media screen and (min-width: 37.5em) {
.annotation-item {
padding-right: auto; } }
.highlight-with-note {
transition: background-color 0.1s ease; }
.highlight-with-note.specify-annotation {
background-color: rgba(255, 255, 10, 0.7); }
.indicator-wrapper {
position: absolute;
top: 0;
bottom: 0;
right: -0.5rem;
z-index: 1000; }
.annotations-indicator {
position: absolute;
top: 0;
right: -3rem;
width: 2.8rem;
color: #dddddd;
font-family: "proxima-nova", sans-serif;
font-size: 1.375rem;
font-weight: bold; }
.annotations-indicator:before {
display: inline-block;
vertical-align: middle;
margin-right: 0.25rem;
font-family: 'owleyes';
font-size: 1rem;
font-weight: normal;
content: "\e60c";
speak: none; }
.annotations-indicator.quiz-indicator:before {
content: "\e60e"; }
.annotations-indicator.open {
color: black; }
.annotations-indicator:hover {
color: #dddddd; }
.annotator-wrapper {
position: relative; }
.annotator-toolbar {
position: absolute;
margin-top: -4.375rem;
height: 2.75rem;
z-index: 100;
border-radius: 0.1875rem; }
.annotator-toolbar:after {
content: '';
border-style: solid;
border-width: 0.9375rem 1.875rem 0 0;
border-color: #525150 transparent transparent transparent;
position: absolute;
bottom: -0.9375rem;
left: 50%; }
@media screen and (max-width: 60em) {
.annotator-toolbar {
margin-top: 45px; }
.annotator-toolbar:after {
content: none; }
.annotator-toolbar:before {
content: '';
border-style: solid;
border-width: 0 1.875rem 0.9375rem 0;
border-color: transparent transparent #525150 transparent;
position: absolute;
top: -0.9375rem;
left: 50%; } }
.annotator-toolbar .annotator-toolbar-button {
background-color: #525150;
color: #fff;
border: 0;
outline: 0;
cursor: pointer;
margin: 0 auto;
float: left;
width: 2.75rem;
height: 100%;
font-size: 1.25rem; }
@media screen and (max-width: 60em) {
.annotator-toolbar .annotator-toolbar-button {
font-size: 1em; } }
.annotator-toolbar .annotator-toolbar-button:hover {
background-color: #bb373a;
color: #fff; }
.annotator-toolbar .annotator-toolbar-button:first-child {
border-radius: 0.1875rem 0 0 0.1875rem; }
.annotator-toolbar .annotator-toolbar-button:last-child {
border-radius: 0 0.1875rem 0.1875rem 0; }
.highlight-saved .annotator-toolbar-highlight {
background-color: #bb373a;
color: #fff; }
.highlight-saved .annotator-toolbar-highlight:hover {
background-color: #525150;
color: #fff; }
.annotation-approval-request hr,
.annotation-reply-approval-request hr {
border-color: #999999;
border-style: dashed;
margin: 32px 0; }
.annotation-approval-request__author,
.annotation-reply-approval-request__author {
text-align: right; }
/*
* A tooltip should have a light yellow background color.
* A selected tooltip that is also a tooltip should have a green background color.
* A selected tooltip that lives under a tooltip should have a green background color.
* A tooltip that lives under a selected tooltip should have a green background color.
*/
.tooltip {
cursor: pointer;
background-color: #fff9c0; }
.tooltip.selected-tooltip, .tooltip .selected-tooltip {
background-color: #44d984; }
.selected-tooltip .tooltip {
background-color: #44d984; }
.tooltip-broken-anno {
background-color: #e5a6a8; }
.tooltip-highlight-anno {
background-color: #8ab8d4; }
.reading-messaging {
position: absolute;
top: 3.75rem;
width: 100%;
display: block;
z-index: 1000;
margin: 0; }
.reading-messaging.docked {
position: fixed;
top: 3.75rem; }
.flyout-wrapper, .editor-wrapper, .citation-wrapper {
position: fixed;
bottom: 0;
left: 0;
top: 50%;
width: 100%;
z-index: 9998;
-webkit-transform: translateY(700px);
transform: translateY(700px);
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s; }
.reading-flyout, .editor-flyout, .citation-flyout {
position: absolute;
left: 0;
bottom: 0;
top: 0;
width: 100%;
overflow: hidden; }
.reading-flyout .flyout-panel, .editor-flyout .flyout-panel, .citation-flyout .flyout-panel {
display: block;
font-family: "proxima-nova", sans-serif;
font-size: 0.9rem;
line-height: 1.2rem;
text-align: left;
background-color: #373737;
border-top: 3px solid #dddddd;
color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 20px 10px;
overflow-x: hidden;
overflow-y: auto;
height: 100%; }
.reading-flyout .flyout-panel-close, .editor-flyout .flyout-panel-close, .citation-flyout .flyout-panel-close {
font-family: "adelle", serif;
font-size: 32px;
color: #999999;
display: block;
text-shadow: 2px 2px 5px #1f1f1f;
z-index: 9999; }
.reading-flyout .flyout-panel-close.undocked, .editor-flyout .flyout-panel-close.undocked, .citation-flyout .flyout-panel-close.undocked {
position: absolute;
top: 10px;
right: 5px;
-webkit-transform: translateZ(0); }
@media screen and (min-width: 37.5em) {
.reading-flyout .flyout-panel-close.undocked, .editor-flyout .flyout-panel-close.undocked, .citation-flyout .flyout-panel-close.undocked {
position: absolute;
top: 20px;
right: 20px; } }
.reading-flyout .flyout-panel-close.docked, .editor-flyout .flyout-panel-close.docked, .citation-flyout .flyout-panel-close.docked {
position: fixed; }
.reading-flyout .flyout-panel-close.hidden, .reading-flyout .flyout-panel-close.hidden-label, .editor-flyout .flyout-panel-close.hidden, .editor-flyout .flyout-panel-close.hidden-label, .citation-flyout .flyout-panel-close.hidden, .citation-flyout .flyout-panel-close.hidden-label {
display: none; }
.flyout .mar-bottom {
margin-bottom: 20px; }
.flyout .mar-bottom_lg {
margin-bottom: 40px; }
.flyout .font-bold {
font-weight: bold; }
.flyout .font-uppercase {
text-transform: uppercase; }
.flyout .font-yellow.font-yellow {
color: #fdf677; }
.flyout .font-white.font-white {
color: #ffffff; }
.flyout a, .flyout .link, .flyout .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .flyout .settings-readingfont-link {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
color: #999999; }
.flyout input[type="text"],
.flyout input[type="password"],
.flyout input[type="search"],
.flyout input[type="date"],
.flyout input[type="textarea"],
.flyout select {
width: 100%;
border: 1px solid #dddddd;
box-shadow: inset 0 0 0.1875rem #999999;
height: 2.8125rem; }
.flyout input[type="text"]:focus,
.flyout input[type="password"]:focus,
.flyout input[type="search"]:focus,
.flyout input[type="date"]:focus,
.flyout input[type="textarea"]:focus,
.flyout select:focus {
outline: 0; }
.flyout input[type="text"],
.flyout input[type="password"],
.flyout input[type="search"],
.flyout input[type="textarea"],
.flyout input[type="date"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none; }
.flyout input[type="search"] {
padding-right: 40px; }
.flyout .hidden-label {
display: none; }
.flyout .form-input {
padding: 0.625rem;
border-radius: 0.3125rem;
font-family: "adelle", serif; }
.flyout .form-textarea {
width: 100%;
height: 6.25rem;
padding: 0.625rem;
resize: vertical;
border-radius: 0.3125rem;
font-family: "adelle", serif; }
.flyout .form-button {
display: block;
background: #bb373a;
color: #ffffff;
font-family: "proxima-nova", sans-serif;
font-size: 1.375rem;
text-align: center;
padding: 10px 20px;
border-radius: 5px;
border: 0;
cursor: pointer; }
.flyout .form-button.disabled {
background-color: #999999; }
.flyout .form-button.disabled:hover {
background-color: #999999; }
.flyout .form-button.waiting {
cursor: wait; }
.flyout .form-button.hidden, .flyout .form-button.hidden-label {
display: none; }
.flyout .small-button {
background: rgba(187, 55, 58, 0.5);
color: #ffffff;
font-family: "proxima-nova", sans-serif;
text-transform: uppercase;
font-size: 1rem;
font-weight: bold;
text-align: center;
padding: 0.3125rem 0.4375rem;
border-radius: 0.3125rem; }
.flyout .form-select {
font-family: "proxima-nova", sans-serif;
background: #ffffff;
border: none;
font-size: 14px;
height: 40px;
padding: 5px;
width: 100%;
border-radius: 5px; }
.flyout .form-radio_divider {
margin-bottom: 10px; }
.flyout .form-radio_container {
color: #cccccc;
font-family: "proxima-nova", sans-serif; }
.flyout .form-radio_input {
background: #ffffff;
border: none;
margin-right: 5px;
height: 15px;
width: 15px; }
.flyout .panel_heading {
text-transform: uppercase;
color: #dddddd;
font-weight: bold;
font-family: "proxima-nova", sans-serif;
font-size: 1rem; }
.flyout .panel_subheading {
color: #999999;
font-family: "proxima-nova", sans-serif;
margin-bottom: 5px; }
.reading-flyout .hidden-standard_container {
display: none; }
.reading-flyout .hidden-standard_trigger {
color: #cccccc;
font-family: "proxima-nova", sans-serif; }
.reading-flyout .hidden-standard_trigger > span {
margin-left: 5px;
font-weight: bold;
color: #ffffff; }
.reading-flyout .hidden-standard_trigger > span:after {
line-height: 0;
font-size: 30px;
content: '\2304'; }
.reading-flyout .hidden-standard_trigger > span.flipped:after {
content: '\2303';
font-size: 18px; }
.reading-flyout .flyout-panel-header {
color: #ffffff;
font-family: "proxima-nova", sans-serif;
margin-bottom: 15px; }
.reading-flyout .flyout-panel-header:after {
content: "";
display: table;
clear: both; }
@media screen and (min-width: 37.5em) {
.reading-flyout .flyout-panel-header {
margin-bottom: 45px; } }
.reading-flyout .flyout-panel-header-label h3 {
margin-top: 0;
padding-top: 0.4375rem; }
.reading-flyout .flyout-panel-header-button {
display: inline-block;
margin-bottom: 7.5px; }
@media screen and (min-width: 420px) {
.reading-flyout .flyout-panel-header-button {
float: right;
margin-left: 0.5em; } }
.reading-flyout .flyout-panel-header-button.hidden, .reading-flyout .flyout-panel-header-button.hidden-label {
display: none; }
.reading-flyout .quiz-question-set {
padding: 0.625rem 0;
position: relative; }
.reading-flyout .quiz-question-label {
vertical-align: middle; }
.reading-flyout .quiz-question-answer {
margin: 0 0.3125rem; }
.reading-flyout .quiz-results {
margin-right: 0.625rem; }
.reading-flyout .quiz-button {
margin: 1.25rem auto 0 auto; }
.reading-flyout .quiz-correct {
color: #44d984;
vertical-align: middle; }
.reading-flyout .quiz-incorrect {
color: #bb373a;
vertical-align: middle; }
.reading-flyout .slide-reply-form .reply-button {
width: 100%; }
.reading-flyout .slide-reply-form .reply-button {
width: 100%;
margin: 5px 0; }
@media screen and (min-width: 37.5em) {
.reading-flyout .slide-reply-form .save-reply-button,
.reading-flyout .slide-reply-form .cancel-reply-button {
width: 49%;
display: inline-block;
margin: auto; } }
@media screen and (min-width: 37.5em) {
.reading-flyout .slide-reply-form .cancel-reply-button {
float: right; } }
.reading-flyout .slide-reply-form .reply-content {
color: #000000; }
.reading-flyout .slide-reply-text {
font-family: "adelle", serif;
color: #cccccc;
font-size: 1.125rem;
line-height: 1.375rem; }
.reading-flyout .slide-reply-action {
font-family: "proxima-nova", sans-serif;
font-size: 1rem;
text-align: center;
padding-right: 5px;
padding-left: 5px;
display: inline-block;
margin: 1em 0 0 0; }
.reading-flyout .slide-meta {
color: #dddddd;
font-size: 1rem;
font-family: "proxima-nova", sans-serif;
margin-top: 40px; }
.reading-flyout .slide-meta a:active, .reading-flyout .slide-meta .link:active, .reading-flyout .slide-meta .reading-settings-popup .settings-readingfont-link:active, .reading-settings-popup .reading-flyout .slide-meta .settings-readingfont-link:active {
color: #ffffff; }
.reading-flyout .slide-meta_citation {
display: inline-block;
vertical-align: middle; }
.reading-flyout .slide-meta_icon {
font-size: 1.5rem;
padding-right: 0.125rem;
padding-left: 0.125rem; }
.reading-flyout .slide-meta_icon.active {
color: #dddddd; }
.reading-flyout .slide-share-block {
display: block;
float: none;
margin: 1em 0; }
@media screen and (min-width: 37.5em) {
.reading-flyout .slide-share-block {
display: inline-block;
float: right;
margin: auto; } }
.reading-flyout .slide-share-block .social-button {
display: inline-block;
margin: 5px 5px;
font-size: 20px; }
.reading-flyout .slide-share-block .share-url {
text-decoration: underline;
display: block;
padding-bottom: 0.625rem; }
@media screen and (min-width: 37.5em) {
.reading-flyout .slide-share-block .share-url {
display: inline;
padding-bottom: auto; } }
.reading-flyout .slide-error {
color: #e5a6a8;
font-size: 1.125rem; }
.reading-flyout .slide-error__broken-anno {
margin-left: 0.625rem; }
.reading-flyout .slide-error p {
margin: 0.625rem 0; }
.reading-flyout {
/*li*/ }
.reading-flyout .flyout-slide {
color: #ffffff;
position: relative;
display: block;
float: left;
padding: 0;
margin: 0;
width: 17.5rem; }
.reading-flyout .flyout-slide.inactive {
max-height: 1px; }
@media screen and (min-width: 37.5em) {
.reading-flyout .flyout-slide {
width: 37.5rem; } }
@media screen and (min-width: 60.0625em) {
.reading-flyout .flyout-slide {
width: 50rem; } }
.reading-flyout .flyout-slide-breadcrumbs {
color: rgba(255, 255, 255, 0.5);
font-family: "proxima-nova", sans-serif;
font-size: 1rem;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
text-align: center; }
.reading-flyout .flyout-slide-breadcrumbs .slide-breadcrumb {
color: #ffffff;
padding-right: 5px;
padding-left: 5px;
display: block;
margin: 1em 0; }
@media screen and (min-width: 37.5em) {
.reading-flyout .flyout-slide-breadcrumbs .slide-breadcrumb {
display: inline;
margin: auto; } }
.reading-flyout .flyout-slide-breadcrumbs .slide-breadcrumb-spacer {
display: none; }
@media screen and (min-width: 37.5em) {
.reading-flyout .flyout-slide-breadcrumbs .slide-breadcrumb-spacer {
display: inline; } }
.reading-flyout .slide-tags {
font-family: "proxima-nova", sans-serif;
color: #cccccc;
font-size: 1rem; }
.reading-flyout .slide-tags .slide-tag {
color: #ffffff;
text-decoration: underline; }
.reading-flyout .flyout-slide-text,
.reading-flyout .flyout-slide-attribution {
color: #ffffff;
font-family: "adelle", serif;
padding-right: 0.25em; }
.reading-flyout .flyout-slide-text {
font-size: 1.125rem;
line-height: 1.5rem; }
@media screen and (min-width: 60.0625em) {
.reading-flyout .flyout-slide-text {
font-size: 1.375rem;
line-height: 2rem; } }
.reading-flyout .flyout-slide-text a, .reading-flyout .flyout-slide-text .link, .reading-flyout .flyout-slide-text .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .reading-flyout .flyout-slide-text .settings-readingfont-link {
text-decoration: underline; }
.reading-flyout .flyout-slide-attribution {
font-style: italic;
display: block;
margin-top: 0.625rem;
text-align: right; }
.reading-flyout .flyout-slide-standards {
padding-top: 10px;
padding-bottom: 10px;
font-family: "proxima-nova", sans-serif;
color: #cccccc; }
.reading-flyout .standard-title-number {
font-size: 1rem;
text-transform: capitalize;
color: #ffffff;
margin-top: 10px;
margin-bottom: 10px; }
.reading-flyout .standard-text {
font-size: 1rem;
line-height: 1.125rem; }
.reading-flyout .flyout-slide-official-logo {
font-size: 1.2em;
padding: 0.2em;
vertical-align: middle; }
.reading-flyout .flyout-slide-text p {
display: inline; }
.reading-flyout .flyout-slide-footnote-link {
cursor: pointer;
font-size: 1rem;
position: relative;
top: -0.5rem;
left: 0.25rem; }
.reading-flyout .flyout-slide-footnote-link:hover {
text-decoration: underline; }
.reading-flyout .slide-divider {
margin: 1rem 0; }
.reading-flyout .slide-mini-cta {
padding: 0 0 1rem 0; }
.reading-flyout .flyout-slider_container {
position: relative;
margin-right: auto;
margin-left: auto;
width: 100%; }
@media screen and (min-width: 37.5em) {
.reading-flyout .flyout-slider_container {
width: 40rem; } }
@media screen and (min-width: 60.0625em) {
.reading-flyout .flyout-slider_container {
width: 52.5rem; } }
.reading-flyout .flyout-slider {
overflow: hidden;
margin: 0 auto;
border-radius: 0.25rem; }
.reading-flyout .flyout-slide-list {
position: relative;
margin: 0;
height: 12.5rem;
list-style: none;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s; }
.reading-flyout .slider-control {
color: #ffffff;
position: absolute;
font-family: "proxima-nova", sans-serif;
font-size: 3.125rem;
padding: 5rem 1.5625rem; }
.reading-flyout .slider-control_prev {
left: -1.875rem; }
.reading-flyout .slider-control_next {
right: -1.875rem; }
.flyout-wrapper, .editor-wrapper, .citation-wrapper {
position: fixed;
bottom: 0;
left: 0;
top: 50%;
width: 100%;
z-index: 9998;
-webkit-transform: translateY(700px);
transform: translateY(700px);
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s; }
.reading-flyout, .editor-flyout, .citation-flyout {
position: absolute;
left: 0;
bottom: 0;
top: 0;
width: 100%;
overflow: hidden; }
.reading-flyout .flyout-panel, .editor-flyout .flyout-panel, .citation-flyout .flyout-panel {
display: block;
font-family: "proxima-nova", sans-serif;
font-size: 0.9rem;
line-height: 1.2rem;
text-align: left;
background-color: #373737;
border-top: 3px solid #dddddd;
color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 20px 10px;
overflow-x: hidden;
overflow-y: auto;
height: 100%; }
.reading-flyout .flyout-panel-close, .editor-flyout .flyout-panel-close, .citation-flyout .flyout-panel-close {
font-family: "adelle", serif;
font-size: 32px;
color: #999999;
display: block;
text-shadow: 2px 2px 5px #1f1f1f;
z-index: 9999; }
.reading-flyout .flyout-panel-close.undocked, .editor-flyout .flyout-panel-close.undocked, .citation-flyout .flyout-panel-close.undocked {
position: absolute;
top: 10px;
right: 5px;
-webkit-transform: translateZ(0); }
@media screen and (min-width: 37.5em) {
.reading-flyout .flyout-panel-close.undocked, .editor-flyout .flyout-panel-close.undocked, .citation-flyout .flyout-panel-close.undocked {
position: absolute;
top: 20px;
right: 20px; } }
.reading-flyout .flyout-panel-close.docked, .editor-flyout .flyout-panel-close.docked, .citation-flyout .flyout-panel-close.docked {
position: fixed; }
.reading-flyout .flyout-panel-close.hidden, .reading-flyout .flyout-panel-close.hidden-label, .editor-flyout .flyout-panel-close.hidden, .editor-flyout .flyout-panel-close.hidden-label, .citation-flyout .flyout-panel-close.hidden, .citation-flyout .flyout-panel-close.hidden-label {
display: none; }
.flyout .mar-bottom {
margin-bottom: 20px; }
.flyout .mar-bottom_lg {
margin-bottom: 40px; }
.flyout .font-bold {
font-weight: bold; }
.flyout .font-uppercase {
text-transform: uppercase; }
.flyout .font-yellow.font-yellow {
color: #fdf677; }
.flyout .font-white.font-white {
color: #ffffff; }
.flyout a, .flyout .link, .flyout .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .flyout .settings-readingfont-link {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
color: #999999; }
.flyout input[type="text"],
.flyout input[type="password"],
.flyout input[type="search"],
.flyout input[type="date"],
.flyout input[type="textarea"],
.flyout select {
width: 100%;
border: 1px solid #dddddd;
box-shadow: inset 0 0 0.1875rem #999999;
height: 2.8125rem; }
.flyout input[type="text"]:focus,
.flyout input[type="password"]:focus,
.flyout input[type="search"]:focus,
.flyout input[type="date"]:focus,
.flyout input[type="textarea"]:focus,
.flyout select:focus {
outline: 0; }
.flyout input[type="text"],
.flyout input[type="password"],
.flyout input[type="search"],
.flyout input[type="textarea"],
.flyout input[type="date"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none; }
.flyout input[type="search"] {
padding-right: 40px; }
.flyout .hidden-label {
display: none; }
.flyout .form-input {
padding: 0.625rem;
border-radius: 0.3125rem;
font-family: "adelle", serif; }
.flyout .form-textarea {
width: 100%;
height: 6.25rem;
padding: 0.625rem;
resize: vertical;
border-radius: 0.3125rem;
font-family: "adelle", serif; }
.flyout .form-button {
display: block;
background: #bb373a;
color: #ffffff;
font-family: "proxima-nova", sans-serif;
font-size: 1.375rem;
text-align: center;
padding: 10px 20px;
border-radius: 5px;
border: 0;
cursor: pointer; }
.flyout .form-button.disabled {
background-color: #999999; }
.flyout .form-button.disabled:hover {
background-color: #999999; }
.flyout .form-button.waiting {
cursor: wait; }
.flyout .form-button.hidden, .flyout .form-button.hidden-label {
display: none; }
.flyout .small-button {
background: rgba(187, 55, 58, 0.5);
color: #ffffff;
font-family: "proxima-nova", sans-serif;
text-transform: uppercase;
font-size: 1rem;
font-weight: bold;
text-align: center;
padding: 0.3125rem 0.4375rem;
border-radius: 0.3125rem; }
.flyout .form-select {
font-family: "proxima-nova", sans-serif;
background: #ffffff;
border: none;
font-size: 14px;
height: 40px;
padding: 5px;
width: 100%;
border-radius: 5px; }
.flyout .form-radio_divider {
margin-bottom: 10px; }
.flyout .form-radio_container {
color: #cccccc;
font-family: "proxima-nova", sans-serif; }
.flyout .form-radio_input {
background: #ffffff;
border: none;
margin-right: 5px;
height: 15px;
width: 15px; }
.flyout .panel_heading {
text-transform: uppercase;
color: #dddddd;
font-weight: bold;
font-family: "proxima-nova", sans-serif;
font-size: 1rem; }
.flyout .panel_subheading {
color: #999999;
font-family: "proxima-nova", sans-serif;
margin-bottom: 5px; }
.reading-popover {
position: absolute;
min-width: 18.75rem;
min-height: 12.5rem;
padding: 1.25rem;
background: #dddddd;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
font-family: "proxima-nova", sans-serif;
font-weight: 400;
text-align: left;
z-index: 1000;
width: 100%; }
@media screen and (min-width: 37.5em) {
.reading-popover {
max-width: 30rem; } }
@media screen and (max-width: 47.9375em) {
.reading-popover {
left: 0 !important;
right: 0 !important;
max-width: 18.75rem;
margin: 0 auto; } }
.reading-popover.annotator-hide {
display: none;
visibility: hidden; }
.reading-popover__context {
padding: 0 0 0.5rem 0.5rem;
font-style: italic; }
.reading-popover .question {
padding: 0 1rem auto 1rem;
font-weight: bold; }
.reading-popover__header {
font-size: 1.375rem;
margin-bottom: 1.25rem; }
.reading-popover__note-help {
position: relative; }
.reading-popover__note-help__markdown-link {
position: absolute;
right: 0;
padding: 0.2rem;
font-size: 1rem; }
.reading-popover__note-content {
display: block;
min-width: 100%;
min-height: 12.5rem;
border: 0;
color: #3c3c3c;
box-sizing: border-box;
resize: none;
margin: 0;
padding: 0.625rem 0.5rem;
font-size: 1rem; }
.reading-popover__note-content:focus {
outline: 0; }
.reading-popover__options {
padding-top: 0.09375rem;
margin-top: 2rem; }
@media screen and (min-width: 48em) {
.reading-popover__options {
margin-top: 1rem; } }
.reading-popover__options-desc {
font-family: "proxima-nova", sans-serif;
padding-left: 0.3125rem; }
.reading-popover__options-heading {
margin: 0.5rem 0 0.2rem 0;
font-weight: bold; }
.reading-popover__standards {
margin-top: 1rem; }
.reading-popover__options-chevron {
font-size: 1rem;
cursor: pointer;
display: block; }
.reading-popover .annotator-cancel {
position: absolute;
font-size: 2.5rem;
top: 0.625rem;
right: 0.625rem; }
.reading-popover__submit-review {
padding: 1rem 0 0 0; }
.editor-flyout .hidden-options_container {
display: none; }
.editor-flyout .hidden-options_trigger {
color: #fdf677;
cursor: pointer;
font-family: "proxima-nova", sans-serif; }
.editor-flyout .hidden-options_trigger > span {
margin-left: 5px;
font-weight: bold;
color: #ffffff; }
.editor-flyout .hidden-options_trigger > span:after {
line-height: 0;
font-size: 30px;
content: '\2304'; }
.editor-flyout .hidden-options_trigger > span.flipped:after {
content: '\2303';
font-size: 18px; }
.editor-flyout .tag-cloud-container {
background: #ffffff;
border-radius: 0.3125rem;
height: 6.25rem;
padding: 0.9375rem;
cursor: no-drop; }
.editor-flyout .tag-cloud-search {
margin-top: 0.3125rem;
height: 2.1875rem;
position: relative; }
.editor-flyout .tag-cloud-query {
background: transparent;
position: absolute;
top: 0;
width: 100%;
z-index: 100; }
.editor-flyout .tag-cloud-query.invalid {
color: #bb373a; }
.editor-flyout .tag-cloud-suggest {
position: absolute;
top: 0;
width: 100%;
color: #999999;
z-index: 0; }
.editor-flyout .tag-cloud-tag {
display: inline-block;
padding: 0.25rem;
margin: 0.25rem 0;
background-color: #dddddd;
color: #373737;
font-size: 0.9em;
border-radius: 0.25rem; }
.editor-flyout .tag-delete-button {
color: #999999;
padding: 4px;
vertical-align: middle;
cursor: pointer;
font-weight: bold; }
.editor-flyout .button-container {
display: flex; }
@media screen and (max-width: 47.9375em) {
.editor-flyout .button-container {
flex-direction: column; } }
@media screen and (min-width: 48em) {
.editor-flyout .save-button {
width: 49%; } }
.editor-flyout .cancel-button {
margin-top: 0; }
@media screen and (max-width: 47.9375em) {
.editor-flyout .cancel-button {
margin-top: 0.625rem; } }
@media screen and (min-width: 48em) {
.editor-flyout .cancel-button {
width: 49%; } }
.editor-flyout #selected-standards-options {
position: relative;
overflow-y: scroll;
cursor: pointer;
font-size: 1rem;
background: #ffffff;
border-radius: 0.3125rem;
height: 6.25rem;
padding: 0.9375rem;
color: black;
margin-top: 0.125rem; }
.editor-flyout #selected-standards-options .dynamic-list-item {
padding: 0.25rem 0.125rem; }
.editor-flyout #selected-standards-options .dynamic-list-item:hover, .editor-flyout #selected-standards-options .dynamic-list-item.selected {
color: #ffffff;
background-color: #373737; }
.editor-flyout__note-help__markdown-link {
float: right; }
.editor-flyout .panel_add-annotation {
margin-right: auto;
margin-left: auto;
width: 37.5rem; }
@media screen and (max-width: 47.9375em) {
.editor-flyout .panel_add-annotation {
width: 20rem; } }
.editor-flyout .annotations-bailout {
font-size: 2.5rem;
padding-right: 0.625rem;
line-height: 0.625rem;
display: inline-block;
vertical-align: top; }
.editor-flyout .quiz-question-header {
font-size: 1.375rem;
margin-bottom: 1.25rem; }
.editor-flyout .quiz-questions {
font-family: "adelle", serif;
font-size: 1.125rem; }
.editor-flyout .quiz-answers-header {
font-size: 1rem; }
.editor-flyout .quiz-question-set,
.editor-flyout .quiz-question-answer-container {
padding: 0.625rem 0;
position: relative; }
.editor-flyout .quiz-question-item {
display: inline-block;
vertical-align: top; }
.editor-flyout .quiz-question-item.quiz-question-item-label {
width: 84%; }
.editor-flyout .quiz-results {
margin-right: 0.625rem; }
.editor-flyout .quiz-button {
margin: 1.25rem auto 0 auto; }
.editor-flyout .quiz-correct {
color: #44d984; }
.editor-flyout .quiz-incorrect {
color: #bb373a; }
.editor-flyout .quiz-creation-set .quiz-answer-field {
width: 85%; }
@media screen and (min-width: 37.5em) {
.editor-flyout .quiz-creation-set .quiz-answer-field {
width: 92%; } }
.editor-flyout .quiz-creation-set .quiz-question-answer {
float: none;
margin-left: 0.625rem; }
.editor-flyout .quiz-creation-set .correct-answer-label {
padding-left: 0.625rem; }
.editor-flyout .quiz-answer-dismiss {
text-align: right;
vertical-align: middle;
font-size: 2.0625rem;
padding: 0.625rem;
transition: color 0.15s ease;
color: #999999; }
.editor-flyout .quiz-answer-dismiss:hover {
color: #525150; }
.editor-flyout .answer-header {
margin-top: 1.5625rem; }
.flyout-wrapper, .editor-wrapper, .citation-wrapper {
position: fixed;
bottom: 0;
left: 0;
top: 50%;
width: 100%;
z-index: 9998;
-webkit-transform: translateY(700px);
transform: translateY(700px);
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s; }
.reading-flyout, .editor-flyout, .citation-flyout {
position: absolute;
left: 0;
bottom: 0;
top: 0;
width: 100%;
overflow: hidden; }
.reading-flyout .flyout-panel, .editor-flyout .flyout-panel, .citation-flyout .flyout-panel {
display: block;
font-family: "proxima-nova", sans-serif;
font-size: 0.9rem;
line-height: 1.2rem;
text-align: left;
background-color: #373737;
border-top: 3px solid #dddddd;
color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 20px 10px;
overflow-x: hidden;
overflow-y: auto;
height: 100%; }
.reading-flyout .flyout-panel-close, .editor-flyout .flyout-panel-close, .citation-flyout .flyout-panel-close {
font-family: "adelle", serif;
font-size: 32px;
color: #999999;
display: block;
text-shadow: 2px 2px 5px #1f1f1f;
z-index: 9999; }
.reading-flyout .flyout-panel-close.undocked, .editor-flyout .flyout-panel-close.undocked, .citation-flyout .flyout-panel-close.undocked {
position: absolute;
top: 10px;
right: 5px;
-webkit-transform: translateZ(0); }
@media screen and (min-width: 37.5em) {
.reading-flyout .flyout-panel-close.undocked, .editor-flyout .flyout-panel-close.undocked, .citation-flyout .flyout-panel-close.undocked {
position: absolute;
top: 20px;
right: 20px; } }
.reading-flyout .flyout-panel-close.docked, .editor-flyout .flyout-panel-close.docked, .citation-flyout .flyout-panel-close.docked {
position: fixed; }
.reading-flyout .flyout-panel-close.hidden, .reading-flyout .flyout-panel-close.hidden-label, .editor-flyout .flyout-panel-close.hidden, .editor-flyout .flyout-panel-close.hidden-label, .citation-flyout .flyout-panel-close.hidden, .citation-flyout .flyout-panel-close.hidden-label {
display: none; }
.flyout .mar-bottom {
margin-bottom: 20px; }
.flyout .mar-bottom_lg {
margin-bottom: 40px; }
.flyout .font-bold {
font-weight: bold; }
.flyout .font-uppercase {
text-transform: uppercase; }
.flyout .font-yellow.font-yellow {
color: #fdf677; }
.flyout .font-white.font-white {
color: #ffffff; }
.flyout a, .flyout .link, .flyout .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .flyout .settings-readingfont-link {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
color: #999999; }
.flyout input[type="text"],
.flyout input[type="password"],
.flyout input[type="search"],
.flyout input[type="date"],
.flyout input[type="textarea"],
.flyout select {
width: 100%;
border: 1px solid #dddddd;
box-shadow: inset 0 0 0.1875rem #999999;
height: 2.8125rem; }
.flyout input[type="text"]:focus,
.flyout input[type="password"]:focus,
.flyout input[type="search"]:focus,
.flyout input[type="date"]:focus,
.flyout input[type="textarea"]:focus,
.flyout select:focus {
outline: 0; }
.flyout input[type="text"],
.flyout input[type="password"],
.flyout input[type="search"],
.flyout input[type="textarea"],
.flyout input[type="date"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none; }
.flyout input[type="search"] {
padding-right: 40px; }
.flyout .hidden-label {
display: none; }
.flyout .form-input {
padding: 0.625rem;
border-radius: 0.3125rem;
font-family: "adelle", serif; }
.flyout .form-textarea {
width: 100%;
height: 6.25rem;
padding: 0.625rem;
resize: vertical;
border-radius: 0.3125rem;
font-family: "adelle", serif; }
.flyout .form-button {
display: block;
background: #bb373a;
color: #ffffff;
font-family: "proxima-nova", sans-serif;
font-size: 1.375rem;
text-align: center;
padding: 10px 20px;
border-radius: 5px;
border: 0;
cursor: pointer; }
.flyout .form-button.disabled {
background-color: #999999; }
.flyout .form-button.disabled:hover {
background-color: #999999; }
.flyout .form-button.waiting {
cursor: wait; }
.flyout .form-button.hidden, .flyout .form-button.hidden-label {
display: none; }
.flyout .small-button {
background: rgba(187, 55, 58, 0.5);
color: #ffffff;
font-family: "proxima-nova", sans-serif;
text-transform: uppercase;
font-size: 1rem;
font-weight: bold;
text-align: center;
padding: 0.3125rem 0.4375rem;
border-radius: 0.3125rem; }
.flyout .form-select {
font-family: "proxima-nova", sans-serif;
background: #ffffff;
border: none;
font-size: 14px;
height: 40px;
padding: 5px;
width: 100%;
border-radius: 5px; }
.flyout .form-radio_divider {
margin-bottom: 10px; }
.flyout .form-radio_container {
color: #cccccc;
font-family: "proxima-nova", sans-serif; }
.flyout .form-radio_input {
background: #ffffff;
border: none;
margin-right: 5px;
height: 15px;
width: 15px; }
.flyout .panel_heading {
text-transform: uppercase;
color: #dddddd;
font-weight: bold;
font-family: "proxima-nova", sans-serif;
font-size: 1rem; }
.flyout .panel_subheading {
color: #999999;
font-family: "proxima-nova", sans-serif;
margin-bottom: 5px; }
.citation-flyout .panel_cite-annotation {
margin-right: auto;
margin-left: auto;
width: 37.5rem; }
@media screen and (max-width: 47.9375em) {
.citation-flyout .panel_cite-annotation {
width: 20rem; } }
.citation-flyout .annotations-bailout {
font-size: 2.5rem;
padding-right: 0.625rem;
line-height: 0.625rem;
display: inline-block;
vertical-align: top; }
.citation-flyout .copy-cite {
float: right;
text-decoration: underline; }
.reading-footnotes__body {
-webkit-animation: grow .3s ease-in-out;
animation: grow .3s ease-in-out;
display: block;
opacity: 1;
overflow: hidden;
padding-left: 1.25em;
transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
transition: transform .25s ease-in-out, opacity .25s ease-in-out;
transition: transform .25s ease-in-out, opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
-webkit-transform: scale(1);
transform: scale(1); }
.reading-footnotes__body.hidden, .reading-footnotes__body.hidden-label {
display: none; }
.reading-footnotes__button {
border-top: 2px solid #999999;
font-size: 1.375rem;
padding: 0.4rem;
text-align: center;
font-weight: bold;
cursor: pointer;
border-radius: 0.2rem; }
.reading-footnotes__icon {
display: inline-block;
font-size: 0.6875em;
margin-left: 0.625rem;
transition: -webkit-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
background: #525150;
border-radius: 100%;
padding: 0.375em 0.25em 0;
color: #fff; }
.reading-footnotes__icon.active {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s; }
.reading-footnotes__title {
font-size: 1.375rem;
padding: 0.4rem;
font-weight: bold; }
.reading-footnotes__link {
font-size: 1.125rem;
padding-right: 0.625em; }
.reading-footnotes__annotation {
padding: 0.4rem 0;
display: block; }
.reading-footnotes__content {
color: #1f1f1f;
width: 100%; }
.reading-footnotes__attribution {
color: #525150;
display: block;
font-style: italic;
text-align: right;
padding: 0.3125em 0.1875em 0 0; }
.profile-summary {
max-width: 60rem;
margin-left: auto;
margin-right: auto;
font-size: 1.375rem;
margin-top: 10px; }
.profile-summary:after {
content: "";
display: table;
clear: both; }
.profile-details {
margin: 0.625rem 0; }
@media screen and (min-width: 48em) {
.profile-details {
float: left;
display: block;
margin-right: 4.35765%;
width: 63.88078%;
margin-right: 0; }
.profile-details:last-child {
margin-right: 0; } }
@media screen and (max-width: 47.9375em) {
.profile-details.home {
text-align: center;
padding-left: 0; } }
.user-profile-left {
text-align: center; }
@media screen and (min-width: 48em) {
.user-profile-left {
float: left;
text-align: left;
margin-right: 1.25em; } }
.user-profile-left .profile-profile__change-avatar-form .link {
width: 100%; }
@media screen and (min-width: 60.0625em) {
.user-profile-left .profile-profile__change-avatar-form .link {
width: 80%; } }
@media screen and (min-width: 60.0625em) {
.user-profile-left .reading-progress {
width: 80%; } }
.profile-school {
font-size: 1.375rem;
line-height: 1.75rem; }
.profile-class-heading {
font-size: 1.375rem;
line-height: 1.75rem;
color: #999999; }
.profile-class {
margin: 0.3125rem 0; }
.user-profile__reading-progress-heading {
margin-top: 0;
color: #999999; }
.user-profile__last-read-book, .user-profile__last-reading-date {
font-size: 1rem; }
.profile-photo {
overflow: hidden;
border-radius: 50%;
border: 1px solid #999999;
background: #999999;
height: 6.25rem;
width: 6.25rem; }
@media screen and (min-width: 48em) {
.profile-photo {
height: 9.375rem;
width: 9.375rem; } }
.profile-photo .landscape {
height: 100%;
width: auto;
max-width: inherit;
margin-left: -20%; }
.profile-photo .portrait {
width: 100%;
height: auto;
max-height: inherit;
margin-top: -10%; }
.small-profile-photo {
height: 3.125rem;
width: 3.125rem; }
.big-search {
width: 100%;
height: 3.125rem;
margin-bottom: 3.125rem;
position: relative; }
.big-search input {
height: 100%;
font-size: 2rem;
padding-right: 2.5rem; }
.big-search .search-button {
top: 0.5rem;
right: 0.3125rem;
font-size: 1.5625rem;
color: #dddddd; }
.big-search .search-button:hover {
color: #999999; }
.no-results {
font-size: 1.375rem;
width: 75%;
margin: 0.625rem auto;
text-align: center; }
.search-header .shelf-title {
padding-bottom: 0.625rem;
margin-bottom: 1.875rem;
margin-top: 1.875rem; }
.search-header-annotations .annotation-deck {
width: 82%;
margin-left: auto;
margin-right: auto; }
.search-match-hl {
background-color: #fdf677; }
.search-top-pick {
background-color: #356d90;
color: #ffffff;
margin: 3.125rem auto 1.875rem;
padding: 1.25rem;
overflow: hidden;
width: 82%; }
.search-top-pick__header {
border-bottom: #50b2d8 solid 2px;
font-size: 2rem;
line-height: 1.65rem;
margin-bottom: 1.1875rem;
padding-bottom: 0.3125rem;
width: 50%; }
.search-top-pick__cover {
float: left;
margin-right: 1.25rem;
width: 9.5625rem; }
@media screen and (min-width: 48em) {
.search-top-pick__cover {
width: 11.125rem; } }
.search-top-pick__text {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
overflow: hidden; }
.search-top-pick__title {
margin: 0; }
@media screen and (max-width: 60em) {
.search-top-pick {
text-align: center; }
.search-top-pick-header {
width: 100%; }
.search-top-pick-cover {
margin: 1.25rem auto;
float: none; }
.search-top-pick .o-book-buttons {
justify-content: center; } }
.c-resource-cover {
cursor: pointer; }
@media screen and (min-width: 48em) {
.hide-desktop {
display: none; } }
.hide-mobile {
width: 25%;
display: inline-block; }
@media screen and (max-width: 47.9375em) {
.hide-mobile {
display: none; } }
.edit-account-info {
display: none; }
.remove-book {
width: 100%;
text-align: center;
margin-top: 0.3125rem;
margin-bottom: 0.3125rem; }
.account-remove-book {
margin: 0 auto;
display: block;
height: 2.5rem;
width: 2.5rem;
border-radius: 50%;
border: 1px solid #999999;
font-size: 2rem;
color: #999999;
text-align: center; }
.account-edit {
font-size: 1.125rem; }
@media screen and (max-width: 47.9375em) {
.account-edit {
font-size: 1.375rem;
padding: 0px; } }
.edit-account-info .field-input {
margin-bottom: 0.625rem; }
.edit-account-info .form-error-container {
margin-bottom: 0.625rem; }
.edit-account-info .save-edit {
margin-top: 0;
margin-bottom: 0.625rem; }
.edit-account-info .cancel-edit {
width: 100%;
padding: 0.625rem; }
@media screen and (min-width: 48em) {
.edit-account-info .cancel-edit {
margin-left: 0.625rem;
width: auto; } }
.account-info .profile-photo {
display: inline-block;
margin: 0 auto 0.625rem 0; }
.account-info .small-profile-photo {
float: none;
margin: 0.625rem auto; }
.add-classroom-form {
margin: 1.25rem 0; }
.add-classroom-form__row {
margin: 0.5rem 0; }
.add-classroom-form .submit-button {
margin-top: 0;
margin-bottom: 0.625rem; }
.help-page ul {
list-style-position: outside;
padding-left: 2.5rem;
margin-bottom: 0.625rem; }
.help-page ol {
padding-left: 2.5rem;
margin-bottom: 0.625rem; }
.help-page ul ul, .help-page ol ul {
list-style-position: outside;
margin-left: 0.9375rem; }
.help-page ol ol, .help-page ul ol {
list-style-position: outside;
margin-left: 0.9375rem; }
.help-page li {
display: list-item; }
.help-page p {
margin-bottom: 0.625rem; }
.classroom__classroom-heading {
text-align: center; }
@media screen and (min-width: 48em) {
.classroom__classroom-heading {
text-align: left; } }
.classroom__classroom-heading__classroom-teacher {
font-size: 0.4em; }
.classroom__sub-heading {
text-align: center; }
@media screen and (min-width: 48em) {
.classroom__sub-heading {
text-align: left; } }
.classroom__book-annotations-heading {
font-size: 1.2rem;
font-weight: bold; }
.classroom__book-title {
font-weight: bold;
font-size: 1.2em; }
.classroom__chapter-title {
font-style: italic;
font-size: 1.2em; }
.classroom__details-delimiter {
border: 1px solid #999999;
margin: 1rem 0; }
.classroom__description {
margin: 1em 0 1em 1em;
font-style: italic; }
.classroom__homework {
height: 100%;
width: 100%;
background-color: #fff;
border: 1px solid #ccc7b3;
box-sizing: border-box;
padding: 1.25rem;
margin: 0.9375rem auto; }
.classroom__homework .annotation-expanded {
display: none; }
.classroom__homework__homework-heading {
color: #bb373a;
font-size: 1.2em;
margin: 0.8em 0; }
.class-info {
margin-bottom: 1.25rem; }
.class-info__container {
padding-bottom: 1rem; }
.edit-class-info {
display: none; }
.class-edit-inline {
font-size: 1.125rem; }
.edit-value {
display: inline !important; }
.invite-student-container {
margin: 1.25rem 0 2.5rem 0; }
.invitation-code {
margin: 1.25rem 0 0.3125rem 0; }
.edit-class-name {
margin-bottom: 1.25rem; }
.invite-student-form__row.student-email {
margin-bottom: 1.25rem; }
.settings__setting-description {
margin-top: 0;
padding: 0 0 1rem 0; }
@media screen and (min-width: 37.5em) {
.settings__setting-description {
padding-left: 2rem; } }
.settings-list {
font-size: 1.125rem; }
.settings-list__checkbox {
float: left;
margin-right: 0.3125rem;
position: relative;
top: 2px; }
.settings-list__label {
padding-bottom: 0.9375rem;
display: inline-block; }
.unsubscribe-preferences {
margin-top: 1.25rem; }
.activity-header {
max-width: 60rem;
margin-left: auto;
margin-right: auto; }
.activity-header:after {
content: "";
display: table;
clear: both; }
@media screen and (min-width: 48em) {
.activity-header__heading {
float: left;
display: block;
margin-right: 4.35765%;
width: 55.35098%; }
.activity-header__heading:last-child {
margin-right: 0; } }
.activity-header__controls {
text-align: right; }
@media screen and (min-width: 48em) {
.activity-header__controls {
float: left;
display: block;
margin-right: 4.35765%;
width: 38.29137%; }
.activity-header__controls:last-child {
margin-right: 0; } }
.activity-tab {
max-width: 60rem;
margin-left: auto;
margin-right: auto;
padding: 0 0.625rem 1.25rem; }
.activity-tab:after {
content: "";
display: table;
clear: both; }
.activity-tab h3 {
margin-top: 1.5rem; }
.activity-tab__heading {
float: left;
display: block;
margin-right: 18.03631%;
width: 98%;
font-size: 1.375rem; }
.activity-tab__heading:last-child {
margin-right: 0; }
.activity-tab__content {
float: left;
display: block;
margin-right: 18.03631%;
width: 98%;
font-size: 1.125rem;
padding: 0.625em; }
.activity-tab__content:last-child {
margin-right: 0; }
.activity-tab__content-img {
width: 9.375em;
height: 14.375em; }
.activity-tab__content-title:last-of-type {
margin-bottom: 1.5rem; }
.activity-tab__annotation-options {
margin-top: 0.625em;
font-size: 1rem;
color: #525150;
overflow: hidden;
display: flex;
justify-items: center; }
.activity-tab__annotation-options-controls, .activity-tab__annotation-options__meta {
float: left;
display: flex;
align-items: center; }
.activity-tab__annotation-options-controls {
padding-bottom: 0.3125em;
font-size: 1.125rem;
width: 15%;
justify-content: flex-end; }
.activity-tab__annotation-options__meta {
width: 85%; }
.activity-tab__annotation-options__meta h3 {
line-height: 1.6875rem;
margin-top: 0.625rem; }
.activity-tab .annotation-options-controls__control {
padding-left: 1.875em; }
.activity-tab .annotation-options-controls__control:first-child {
padding: unset; }
.activity-tab__annotation-options__meta {
padding-bottom: 0.3125em; }
.activity-tab__broken-options {
display: flex;
clear: both;
justify-content: space-between;
padding-top: 1.25rem; }
.activity-tab__broken-options__meta {
font-size: 1rem; }
.activity-tab__broken-options__meta p {
margin-bottom: 0.625rem; }
.activity-tab__broken-options__meta li {
display: list-item; }
.reading-syllabus__sub-heading {
text-align: center; }
@media screen and (min-width: 48em) {
.reading-syllabus__sub-heading {
text-align: left; } }
.classroom-book-picker {
clear: both; }
.classroom-book-picker__assigned-classroom {
position: relative;
clear: both;
padding: 0.5em 0;
border-bottom: 2px solid #dddddd; }
.classroom-book-picker__assigned-classroom:last-child {
border-bottom: none; }
.classroom-book-picker__assigned-classroom__unassign-action {
display: inline-block;
margin-right: 2em; }
.classroom-book-picker__google-classroom-button {
margin: 0.2rem 0 0 0;
float: left; }
.classroom-book-picker__google-classroom-button-description {
padding-left: 3rem; }
.add-text-author-container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between; }
.add-text-author-container .invalid-input {
background-color: #f8e8e8;
border-color: red;
box-shadow: inset 0 0 0.1875rem red; }
.add-text-author-container input {
width: 95%; }
.add-text-author-container a, .add-text-author-container .link, .add-text-author-container .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .add-text-author-container .settings-readingfont-link {
font-size: 1.5rem; }
.add-text-blurb__textarea {
height: 15rem; }
.add-text-chapter-child-border {
border: 1px dotted black; }
.add-text-chapters-component li {
min-width: 150px; }
.add-text-chapters-component li ol {
border-right: none;
margin-left: 2rem; }
.add-text-chapters-component ol {
min-height: 2rem;
padding-bottom: 1rem; }
.add-text-chapters-component {
border-top: 2px dotted #999;
border-bottom: 2px dotted #999;
margin: 2rem 0;
padding: 2rem 0; }
.add-text-chapters__div {
background-color: #F8F8F8;
border: 1px solid #DDD;
box-shadow: inset 0 0 0.1875rem #999;
padding: 0.625rem;
color: #333;
border-radius: 0.1875rem; }
.add-text__button--disabled,
.add-text__button--disabled:hover {
background-color: #B99898;
cursor: default; }
.add-text-chapter-title__span {
padding-right: 1.3rem; }
.add-text-clear-floating__div {
clear: both; }
.add-text-confirm-title__control {
padding-right: 2rem; }
.add-text-publish-chapter__control {
padding-right: 0.9375rem; }
.add-text-edit-chapter-controls__div {
float: right;
display: flex;
align-items: center; }
.add-text-edit-chapter-text__control {
padding-right: 3rem; }
.add-text-edit-title-container__div {
float: left;
width: 80%; }
.add-text-edit-title-controls__div {
font-size: 1.5rem; }
.add-text-form-label {
margin-top: 0.625rem;
font-weight: bold; }
.add-text__image {
height: 250px; }
.add-text-image__form {
display: flex;
align-items: flex-end; }
.add-text-image__label {
margin: 0 0 0 1rem; }
.add-text-publish__control {
float: right; }
.add-text-publish-button--unpublish {
background-color: #DEB63F;
color: black; }
.add-text-publish-button--unpublish:hover {
background-color: #C49B21;
color: black; }
.add-text--rearrange-mode {
cursor: move; }
.add-text-no-chapters-in-book__li {
color: #888; }
.arrange-chapters__button--toggled {
background-color: #DEB63F;
color: black; }
.arrange-chapters__button--toggled:hover {
background-color: #C49B21;
color: black; }
.ui-state-highlight {
background-color: #FFFF33;
height: 2.1rem; }
.edit-chap-header--container {
display: flex;
justify-content: space-between; }
.edit-chap-chapter-title {
font-size: 2rem; }
.edit-chap-discard--button {
margin: 1.25rem 0 0; }
.edit-chap-text-chapter-text {
background-color: #F8F8F8;
min-height: 50rem; }
.edit-chap-warning {
color: #bb373a;
font-size: 2rem;
font-weight: bold;
text-align: center;
margin: 1.875rem; }
.edit-chap-warning--safe {
color: #02364e; }
.text-editor {
background-color: #f8f8f8;
color: #525150;
font-family: "adelle", serif;
font-size: 1rem;
min-height: 0;
text-align: left;
width: 100%;
box-shadow: 0 0 3pt 2pt #999999;
outline: none; }
.text-editor pre {
white-space: pre-wrap; }
.text-editor-disabled {
background-color: #dddddd; }
.text-editor-text-container {
padding: 1rem;
overflow-y: scroll;
max-height: 46rem; }
.text-editor-text-container p {
margin-bottom: 1.25rem; }
.text-editor-text-container:focus {
outline: none; }
.text-editor-toolbar {
align-items: center;
border-bottom: 2px solid #999999;
display: flex;
padding: 0.625rem 0; }
.text-editor-tool--button {
cursor: pointer;
margin: 0 0.625rem; }
.save--button::after {
content: '💾'; }
.o-book-cover {
float: left;
width: 119px;
min-width: 119px;
margin-bottom: 1.875em;
margin-right: 1.875em;
overflow: hidden; }
@media screen and (min-width: 48em) {
.o-book-cover {
width: 18.25em; } }
.o-book-title {
overflow: hidden; }
.o-book-section {
overflow: hidden;
margin-bottom: 1.875em;
clear: both; }
.o-book-section-downloads-left {
padding-top: 0.75rem; }
@media screen and (min-width: 48em) {
.o-book-section {
clear: initial;
margin-left: 20.125rem; } }
.o-book-info {
width: auto;
overflow: hidden;
margin-bottom: 1.875em; }
@media screen and (min-width: 48em) {
.o-book-info {
float: left;
width: 18.25em;
margin-right: 1.875em;
clear: both; } }
.o-book-buttons {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-content: space-between;
overflow: initial; }
@media screen and (min-width: 48em) {
.o-book-buttons {
flex-flow: row wrap;
justify-content: flex-start;
align-items: baseline; } }
.o-book-buttons__holder {
margin-top: 0.5em; }
@media screen and (min-width: 48em) {
.o-book-buttons__holder {
margin-right: 0.5em; }
.o-book-buttons__holder:last-of-type {
margin-right: 0; } }
.o-book-buttons__holder .reading-popup {
overflow: initial;
position: relative; }
@media screen and (min-width: 48em) {
.o-book-buttons__holder .reading-popup {
position: absolute; } }
.o-book-buttons .button.button {
margin: 0;
width: 100%; }
@media screen and (min-width: 60.0625em) {
.o-book-buttons .button.button {
white-space: nowrap; } }
@media screen and (min-width: 48em) {
.u-hidedesktop {
display: none !important; } }
.u-showdesktop {
display: none !important; }
@media screen and (min-width: 48em) {
.u-showdesktop {
display: inherit !important; } }
.wrapper {
overflow: visible; }
.o-subscribe {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[8];
grid-template-columns: repeat(8, 1fr);
-ms-grid-rows: auto;
grid-template-rows: auto; }
.o-subscribe__head {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 8;
grid-column-end: 9;
-ms-grid-row: 1;
grid-row: 1; }
.o-subscribe__description {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 8;
grid-column-end: 9;
-ms-grid-row: 2;
grid-row: 2; }
@media screen and (min-width: 37.5em) {
.o-subscribe__description {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 5;
grid-column-end: 6; } }
.o-subscribe__media {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 0;
grid-column-end: 1;
-ms-grid-row: 1;
grid-row: 1; }
@media screen and (min-width: 37.5em) {
.o-subscribe__media {
-ms-grid-column: 6;
grid-column-start: 6;
-ms-grid-column-span: 3;
grid-column-end: 9;
-ms-grid-row: 2;
grid-row: 2;
-ms-grid-row-align: center;
align-self: center; } }
.o-subscribe__blurb {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 8;
grid-column-end: 9;
-ms-grid-row: 1;
grid-row: 1;
-ms-grid-column-align: center;
justify-self: center; }
.o-subscribe-flex {
display: flex; }
.o-subscribe-form {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 8;
grid-column-end: 9;
-ms-grid-row: 2;
grid-row: 2;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[8];
grid-template-columns: repeat(8, 1fr); }
.o-subscribe-form__child {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 8;
grid-column-end: 9; }
@media screen and (min-width: 48em) {
.o-subscribe-form__child {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 4;
grid-column-end: 5; } }
.o-subscribe-form__child--pay {
-ms-grid-row: 3;
grid-row: 3; }
@media screen and (min-width: 48em) {
.o-subscribe-form__child--pay {
-ms-grid-row: 2;
grid-row: 2; } }
.o-subscribe-form__child--signup {
-ms-grid-row: 2;
grid-row: 2; }
@media screen and (min-width: 48em) {
.o-subscribe-form__child--signup {
-ms-grid-row: 1;
grid-row: 1; } }
.o-subscribe-form__child--resident {
-ms-grid-row: 4;
grid-row: 4;
padding-top: 0.625rem; }
@media screen and (min-width: 48em) {
.o-subscribe-form__child--resident {
-ms-grid-row: 3;
grid-row: 3; } }
.o-subscribe-form__child--tos {
-ms-grid-row: 5;
grid-row: 5;
padding-top: 0.625rem; }
@media screen and (min-width: 48em) {
.o-subscribe-form__child--tos {
-ms-grid-row: 4;
grid-row: 4; } }
.o-subscribe-form__button-container {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 8;
grid-column-end: 9;
-ms-grid-row: 6;
grid-row: 6;
-ms-grid-column-align: center;
justify-self: center; }
@media screen and (min-width: 48em) {
.o-subscribe-form__button-container {
-ms-grid-row: 5;
grid-row: 5; } }
.o-subscribe-form__billed {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 8;
grid-column-end: 9;
-ms-grid-row: 1;
grid-row: 1;
-ms-grid-column-align: center;
justify-self: center;
-ms-grid-row-align: center;
align-self: center; }
@media screen and (min-width: 48em) {
.o-subscribe-form__billed {
-ms-grid-column: 6;
grid-column-start: 6;
-ms-grid-column-span: 3;
grid-column-end: 9;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 2;
grid-row-end: 3; } }
.c-subscribe {
padding-top: 0;
padding-left: 0;
padding-bottom: 0;
padding-right: 0; }
.c-subscribe--hero {
margin-bottom: 1.25rem;
line-height: 1.5; }
@media screen and (min-width: 48em) {
.c-subscribe--hero {
padding-top: 2.8125rem;
padding-left: 0;
padding-bottom: 0.625rem; } }
.c-subscribe__header {
font-size: 2.8125rem;
margin: 0; }
@media screen and (min-width: 48em) {
.c-subscribe__header {
font-size: 3rem; } }
.c-subscribe__header--register {
padding-bottom: 2.1875rem;
text-align: center; }
.c-subscribe__subheader {
margin: 0;
padding-bottom: 0.9375rem; }
.c-subscribe__benefits {
margin-top: 0.625rem;
list-style: none;
padding-left: 0; }
.c-subscribe__benefit {
padding-bottom: 0.3125rem;
padding-right: 0.625rem; }
.c-subscribe__benefit:before {
font-family: "SSStandard";
font-weight: lighter;
padding-right: 0.625rem;
content: '✓';
align-self: flex-start;
color: #02364e;
padding-top: 0.125rem; }
.c-subscribe__blurb {
text-align: center;
margin: 0;
padding-bottom: 2.5rem; }
.c-subscribe ~ .landing-feature .landing-feature-hrule {
display: none; }
.c-subscribe__media {
display: none; }
@media screen and (min-width: 37.5em) {
.c-subscribe__media {
display: inline-block; } }
.c-subscribe-price {
width: 7.1875rem; }
.c-subscribe-price:after {
content: '.';
font-weight: normal; }
.c-subscribe--form {
background-color: #E2E0D8;
padding: 2.5rem 1.25rem;
-webkit-filter: drop-shadow(1px 2px 3px #c7c7c7);
filter: drop-shadow(1px 2px 3px #c7c7c7); }
@media screen and (min-width: 48em) {
.c-subscribe--form {
padding: 2.5rem 1.875rem; } }
[data-braintree-id="choose-a-way-to-pay"] {
font-family: "proxima-nova", sans-serif;
font-size: 1.125rem;
color: #525150; }
.c-subscribe-form-buttons {
padding-top: 1.25rem;
text-align: center; }
.c-subscribe-form-buttons__button {
background-color: #bb373a !important;
font-size: 1.25rem;
padding: 0.75rem 1rem; }
.c-subscribe-form-buttons__button--cancel,
.c-subscribe-form-buttons__button--cancel:hover {
background-color: transparent !important;
color: #999999; }
.c-subscribe-form-billed {
margin-bottom: 1.875rem; }
@media screen and (min-width: 48em) {
.c-subscribe-form-billed {
margin-bottom: 0; } }
.c-subscribe-form-billed__message {
padding-bottom: 0.9375rem;
margin-top: -0.1875rem;
font-size: 1rem; }
.c-subscribe-form-billed__cost {
margin: 0;
font-size: 3.9375rem;
font-weight: 100; }
.c-subscribe-form-billed__time {
font-size: 1.375rem;
margin-left: -1.0625rem; }
.c-subscribe-form-billed__radio {
display: none; }
.c-subscribe-form-billed__radio:checked + .c-subscribe-form-billed__label {
background-color: #356d90;
color: #ffffff;
font-weight: bold; }
.c-subscribe-form-billed__label {
padding: 0.625rem 0.75rem;
background-color: #ffffff;
color: #999999;
cursor: pointer;
width: 6.25rem;
display: inline-block;
text-align: center;
font-size: 1.1875rem;
border-top-left-radius: 0.1875rem;
border-bottom-left-radius: 0.1875rem; }
.c-subscribe-form-billed__label--last {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0.1875rem;
border-bottom-right-radius: 0.1875rem;
margin-left: -3px; }
.c-registration-subscribe {
margin-bottom: 1.25rem; }
@media screen and (min-width: 48em) {
.c-registration-subscribe {
padding-bottom: 0.625rem; } }
.u-num-width {
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums; }
.u-mobile-left {
text-align: left; }
@media screen and (min-width: 37.5em) {
.u-mobile-left {
text-align: inherit;
margin-bottom: 0.3125rem; } }
.u-font-size-norm {
font-size: 1.1875rem; }
@media screen and (min-width: 48em) {
.u-font-size-norm {
font-size: 1.375rem; } }
.u-font-size-large {
font-size: 2rem; }
.u-center-text {
text-align: center; }
.c-school-membership__description {
margin-left: 3rem; }
.ui-datepicker {
background: #fff;
padding: 1.25rem;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
.ui-datepicker-title {
text-align: center; }
.ui-datepicker-next {
float: right; }
.ui-datepicker-calendar {
margin-top: 0.625rem; }
.reading-mode-normal .reading-text {
background: #ffffff;
color: #525150; }
.reading-mode-dark {
background: #1f1f1f; }
.reading-mode-dark .annotations-indicator.open {
color: #999999; }
.reading-mode-dark .flyout-panel {
color: #dddddd;
background-color: #1f1f1f; }
.reading-mode-dark .reading-text {
background: #1f1f1f;
color: #dddddd; }
.reading-mode-dark .chapter-assigned-message {
color: #525150; }
.reading-mode-dark .chapter-assigned-message:nth-child(even) {
background-color: inherit; }
.reading-mode-dark .chapter-assign-popup {
color: #525150; }
.reading-mode-dark .chapter-assign-popup .multi-select {
color: #525150; }
.reading-mode-dark .tooltip {
color: #1f1f1f; }
.reading-mode-dark .reading-footnotes__body, .reading-mode-dark .reading-footnotes__content {
color: #dddddd; }
.reading-mode-dark .reading-footnotes__attribution {
color: #f5f5f5; }
.reading-mode-dark .reading-footnotes__button {
color: #f5f5f5; }
.reading-mode-sepia {
background: #f3eacb; }
.reading-mode-sepia .reading-text {
background: #f3eacb;
color: #704214; }
.reading-mode-sepia .reading-text a, .reading-mode-sepia .reading-text .link, .reading-mode-sepia .reading-text .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .reading-mode-sepia .reading-text .settings-readingfont-link {
color: #837a67; }
.reading-mode-sepia .annotations-indicator.open {
color: #bb373a; }
.reading-mode-sepia .chapter-assigned-message {
color: #525150; }
.reading-mode-sepia .chapter-assigned-message:nth-child(even) {
background-color: inherit; }
.reading-mode-sepia .chapter-assign-popup {
color: #525150; }
.reading-mode-sepia .chapter-assign-popup .multi-select {
color: #525150; }
.reading-mode-sepia .flyout-panel {
background-color: #4b2514; }
.reading-mode-sepia .flyout-panel a, .reading-mode-sepia .flyout-panel .link, .reading-mode-sepia .flyout-panel .reading-settings-popup .settings-readingfont-link, .reading-settings-popup .reading-mode-sepia .flyout-panel .settings-readingfont-link {
color: #ffffff; }
.reading-mode-sepia .reading-footnotes__body, .reading-mode-sepia .reading-footnotes__content {
color: #704214; }
.reading-mode-sepia .reading-footnotes__attribution {
color: #45290c; }
.reading-mode-sepia .reading-footnotes__link {
color: #525150; }
.c-cookie-consent-banner {
display: block;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 8.125rem;
background-color: #f3f3f3;
z-index: 9999;
border-top: 2px solid #837a67; }
@media screen and (min-device-width: 48em) and (max-device-width: 60em) {
.c-cookie-consent-banner {
height: 10rem; } }
@media screen and (min-width: 60.0625em) {
.c-cookie-consent-banner {
height: 6.25rem; } }
.c-cookie-consent-banner--hidden {
display: none; }
.c-cookie-consent-banner__agree {
display: block;
width: 100%;
border-radius: 0.25rem; }
@media screen and (min-width: 60.0625em) {
.c-cookie-consent-banner__agree {
margin-top: -0.5rem;
display: inline-block;
float: right;
width: 6rem; } }
.c-cookie-consent-banner__message {
margin: auto;
width: 90%;
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 1rem; }
@media screen and (min-width: 48em) {
.c-cookie-consent-banner__message {
font-size: 1.25rem; } }
@media screen and (min-device-width: 48em) and (max-device-width: 60em) {
.c-cookie-consent-banner__message {
text-align: center; } }
@media screen and (min-width: 60.0625em) {
.c-cookie-consent-banner__message {
padding-top: 2rem;
width: 80%; } }
.c-share-positioning {
float: right;
width: 9.375rem; }
.c-share-container {
position: fixed;
z-index: 9999;
right: 0;
bottom: 0;
margin: 0;
margin-right: 1.25rem; }
.c-share-container .ss-icon {
font-size: 2.5rem; }
@media screen and (max-width: 47.9375em) {
.c-share-container .ss-icon {
font-size: 1.875rem; } }
@media screen and (min-width: 60.0625em) {
.js-hover-height:hover .c-sharing-list {
max-height: 18.75rem; } }
.c-sharing-list {
padding: 0;
margin: 0;
list-style-type: none;
transition: max-height 500ms ease-in-out;
max-height: 0;
overflow: hidden; }
.c-sharing-list__item {
line-height: 2.8em; }
@media screen and (max-width: 60em) {
.js-list-focus {
opacity: 1; } }
@media screen and (max-width: 60em) {
.wrapper--dim {
opacity: 0.3; } }
.js-is-open {
max-height: 18.75rem; }