/*

Placeholder classes for use with @extend, as implemented by
https://github.com/travco/postcss-extend

*/

.ba11-wf-page-container, .ba11-p-swf-container {
	position: relative;
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.ba11-top-cart-link, .ba11-avatar-img, .ba11-avatar-ring {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.ba11-top-cart-items, .ba11-bottom-bar-social-link, .ba11-p-swf-title, .ba11-p-swf-set-row, .ba11-p-swf-indiv-row, .ba11-p-swf-set-row-left, .ba11-p-swf-set-row-right, .ba11-p-swf-indiv-row-left, .ba11-p-swf-indiv-row-right, .ba11-p-swf-item-circle, .ba11-p-swf-item-topic-line {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.ba11-top-menu-books .ba11-top-menu-submenu, .ba11-top-menu-offerings .ba11-top-menu-submenu, .ba11-bottom-bar-main, .ba11-add-cart-modal-inner, .ba11-add-cart-modal-button-group, .add-cart-modal-buttons, .ba11-p-swf-container, .ba11-p-swf-item-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.ba11-top-brand-border {
	background-image: url(/assets/images/elements/argyles/patch-brand.png);
	background-color: #1b365d;
	background-color: var(--colors-mainBlue);
	background-repeat: repeat;
	background-size: 100px;
	background-position: 0 35px;
}

.ba11-p-swf-title {
	font-size: 450%;
}

%btn_clear_blue:hover, %btn_clear_blue:focus {
	background-color: #0058a8;
	background-color: var(--colors-blue);
	color: #FFFFFF;
	color: var(--colors-white);
}

%btn_clear_on_blue, %btn_clear_on_red {
	color: #FFFFFF;
	color: var(--colors-white);
	border: 2px solid #FFFFFF;
	border: 2px solid var(--colors-white);
	background-color: transparent;
	font-weight: 500;
}

%btn_clear_on_blue:hover, %btn_clear_on_blue:focus {
	background-color: #FFFFFF;
	background-color: var(--colors-white);
	color: #0058a8;
	color: var(--colors-blue);
}

%btn_clear_on_red:hover, %btn_clear_on_red:focus {
	background-color: #FFFFFF;
	background-color: var(--colors-white);
	color: #ED1940;
	color: var(--colors-red);
}

.ba11-top-container, .ba11-top-shared-inner, .ba11-bottom-bar-container {
	max-width: 1170px;
}

.ba11-p-swf-link {
	color: #376fc0;
	color: var(--colors-link);
	font-weight: bold;
}

.ba11-p-swf-link:hover, .ba11-p-swf-link:focus {
	color: #00B2DD;
	color: var(--colors-linkHover, #00B2DD);
}

.modal-email-signup-continue, .modal-add-to-cart-continue, .modal-email-signup-email-tab-continue, .modal-email-playground-signup, .ba11-add-cart-modal-button, .add-cart-modal-buttons .ba11-add-cart-modal-button, .ba11-p-swf-add-button {
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	border: none;
	color: #FFFFFF;
	color: var(--colors-white);
	text-align: center;
	cursor: pointer;
}

.ba11-p-swf-add-button {
	background-color: #ED1940;
	background-color: var(--colors-red);
}

.ba11-p-swf-add-button:hover, .ba11-p-swf-add-button:focus {
	background-color: #BD1433;
	background-color: var(--colors-redHover, #BD1433);
}

.ba11-add-cart-modal-button, .add-cart-modal-buttons .ba11-add-cart-modal-button {
	background-color: #0058a8;
	background-color: var(--colors-blue);
}

.ba11-add-cart-modal-button:hover, .ba11-add-cart-modal-button:focus, .add-cart-modal-buttons .ba11-add-cart-modal-button:hover, .add-cart-modal-buttons .ba11-add-cart-modal-button:focus {
	background-color: #00B2DD;
	background-color: var(--colors-cyan);
}

.booklevel-sidebutton-grade1 {
	background-color: #f52338;
	background-color: var(--colors-grade1-main);
}

.booklevel-sidebutton-grade1:hover {
	background-color: #ff5454;
	background-color: var(--colors-grade1-blockMain, #ff5454);
}

.booklevel-sidebutton-grade2 {
	background-color: #FA7E37;
	background-color: var(--colors-grade2-main);
}

.booklevel-sidebutton-grade2:hover {
	background-color: #ffa947;
	background-color: var(--colors-grade2-blockMain, #ffa947);
}

.booklevel-sidebutton-grade3 {
	background-color: #38942C;
	background-color: var(--colors-grade3-main);
}

.booklevel-sidebutton-grade3:hover {
	background-color: #52C74A;
	background-color: var(--colors-grade3-blockMain, #52C74A);
}

.booklevel-sidebutton-grade4 {
	background-color: #3299CC;
	background-color: var(--colors-grade4-main);
}

.booklevel-sidebutton-grade4:hover {
	background-color: #61C1F2;
	background-color: var(--colors-grade4-blockMain, #61C1F2);
}

.booklevel-sidebutton-grade5 {
	background-color: #84318C;
	background-color: var(--colors-grade5-main);
}

.booklevel-sidebutton-grade5:hover {
	background-color: #CB6ADE;
	background-color: var(--colors-grade5-blockMain, #CB6ADE);
}

.ba11-email-signup, .modal-email-signup-contents, .modal-email-signup-continue, .ba11-modal-contents, .modal-add-to-cart-continue, .modal-email-signup-email-tab-continue, .modal-email-playground-signup, .ba11-p-swf-item-qty {
	font-family: Roboto, sans-serif;
}

.ba11-modal-title, .modal-email-signup-tab-title {
	font-family: Roboto, sans-serif;
	font-weight: 500;
}

.ba11-baofont {
	font-family: BAOnlineIcons;
}

.modal-email-signup-email-input, .ba11-p-swf-item-qty {
	padding: 1rem;
	color: #606060;
	color: var(--colors-gray, #606060);
	border: solid 1px #CCCCCC;
	border: solid 1px var(--colors-inputBorder);
	border-radius: 0;
	background-color: #FFFFFF;
	background-color: var(--colors-white);
}

/* Border width usually set by extending class */

.ba11-avatar-ring {
	border-radius: 50%;
	box-sizing: border-box;
	border-color: #FFC640;
	border-color: var(--colors-yellow);
	border-style: solid;
}

@media (max-width: 1150px) and (min-width: 926px) {
	.ba11-p-swf-title {
		font-size: 400%;
	}
}

@media (max-width: 1230px) {
	.ba11-top-left, .ba11-top-shared-aops, .ba11-bottom-bar-ba-link, .ba11-bottom-bar-content, .ba11-bottom-bar-copyright {
		margin-left: 30px;
	}
	.ba11-top-right, .ba11-bottom-bar-ba-link, .ba11-bottom-bar-content, .ba11-bottom-bar-copyright {
		margin-right: 30px;
	}
}

@media (max-width: 925px) {
	.ba11-p-swf-title {
		font-size: calc(1.6rem + 3.2vw);
	}
}

@media (max-width: 500px) {
}

@media (max-width: 450px) {
	.ba11-top-left, .ba11-top-shared-aops, .ba11-bottom-bar-ba-link, .ba11-bottom-bar-content, .ba11-bottom-bar-copyright {
		margin-left: 20px;
	}
	.ba11-top-right, .ba11-bottom-bar-ba-link, .ba11-bottom-bar-content, .ba11-bottom-bar-copyright {
		margin-right: 20px;
	}
}

/*
Includes only needed fonts from assets/styles/font.css.
*/

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/Roboto-Italic.ttf") format("truetype");
	font-style: italic;
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/Roboto-Light.ttf") format("truetype");
	font-weight: 300;
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/Roboto-LightItalic.ttf") format("truetype");
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/Roboto-Medium.ttf") format("truetype");
	font-weight: 500;
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/Roboto-MediumItalic.ttf") format("truetype");
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/Roboto-Bold.ttf") format("truetype");
	font-weight: bold;
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/Roboto-BoldItalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: "Roboto Slab";
	src: url("/assets/fonts/RobotoSlab-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Roboto Slab";
	src: url("/assets/fonts/RobotoSlab-Bold.ttf") format("truetype");
	font-weight: bold;
}

@font-face {
	font-family: "BAOnlineIcons";
	src: url("/assets/fonts/BAOnlineIcons.ttf") format("truetype"),
		url("/assets/fonts/BAOnlineIcons.eot") format("embedded-opentype"),
		url("/assets/fonts/BAOnlineIcons.svg#BAOnlineIcons") format("svg");
}

@font-face {
	font-family: "Fa solid 900";
	src: url("/assets/wf/fonts/fa-solid-900.woff2") format("woff2"),
		url("/assets/wf/fonts/fa-solid-900.eot") format("embedded-opentype"),
		url("/assets/wf/fonts/fa-solid-900.woff") format("woff"),
		url("/assets/wf/fonts/fa-solid-900.ttf") format("truetype"),
		url("/assets/wf/fonts/fa-solid-900.svg") format("svg");
	font-weight: 400;
}

.basetext-size- {
	font-size: 12px;
}

.text-size-A, .ba11-modal-title {
	font-size: 200%;
}

.text-size-B, .ba11-modal-contents {
	font-size: 150%;
}

.text-size-C {
	font-size: 125%;
}

.text-size-D, .ba11-p-swf-line {
	font-size: 175%;
}

.text-size-E {
	font-size: 80%;
}

.text-size-F {
	font-size: 250%;
}

.text-size-G {
	font-size: 150%;
}

.text-size-H {
	font-size: 350%;
}

.text-size-I {
	font-size: 275%;
}

.text-size-J {
	font-size: 400%;
}

.text-size-K {
	font-size: 500%;
}

.text-size-L, .ba11-p-swf-link, .ba11-p-swf-set-row-right, .ba11-p-swf-indiv-row-right {
	font-size: 140%;
}

.text-size-M {
	font-size: 225%;
}

.text-size-N {
	font-size: 110%;
}

.text-size-P {
	font-size: 300%;
}

.text-size-Q {
	font-size: 120%;
}

.text-size-R {
	font-size: 140%;
}

.text-size-S {
	font-size: 150%;
}

.text-size-T {
	font-size: 300%;
}

.text-size-U {
	font-size: 130%;
}

.text-size-V {
	font-size: 165%;
}

.text-size-W {
	font-size: 115%;
}

.text-size-X {
	font-size: 115%;
}

.text-size-Y {
	font-size: 140%;
}

.text-size-Z {
	font-size: 125%;
}

@media (max-width: 1200px) {
	.text-size-Z {
		font-size: 115%;
	}
}

@media (max-width: 1100px) {
	.text-size-Z {
		font-size: 105%;
	}
}

@media (max-width: 1000px) {
	.text-size-Z {
		font-size: 125%;
	}
}

@media (max-width: 750px) {
	.text-size-Y {
		font-size: calc(0.8rem + 0.8vw);
	}
}

@media (max-width: 700px) {
	.text-size-A, .ba11-modal-title {
		font-size: calc(1.2rem + 1.2vw);
	}
	.text-size-B, .ba11-modal-contents {
		font-size: calc(0.92rem + 0.92vw);
	}
	.text-size-C {
		font-size: calc(0.92rem + 0.92vw);
	}
	.text-size-D, .ba11-p-swf-line {
		font-size: calc(1.05rem + 0.92vw);
	}
	.text-size-E {
	}
	.text-size-F {
		font-size: calc(1.2rem + 1.2vw);
	}
	.text-size-G {
		font-size: calc(0.85rem + 0.85vw);
	}
	.text-size-H {
		font-size: calc(2.1rem + 2.1vw);
	}
	.text-size-I {
		font-size: calc(1.65rem + 1.65vw);
	}
	.text-size-J {
		font-size: calc(2.4rem + 2.4vw);
	}
	.text-size-K {
		font-size: calc(2.4rem + 2.4vw);
	}
	.text-size-L, .ba11-p-swf-link, .ba11-p-swf-set-row-right, .ba11-p-swf-indiv-row-right {
		font-size: calc(0.9rem + 0.9vw);
	}
	.text-size-M {
		font-size: calc(1.4rem + 1.4vw);
	}
	.text-size-N {
		font-size: calc(0.7rem + 0.7vw);
	}
	.text-size-P {
		font-size: calc(1.8rem + 1.8vw);
	}
	.text-size-Q {
		font-size: calc(0.92rem + 0.92vw);
	}
	.text-size-R {
		font-size: calc(1.08rem + 1.08vw);
	}
	.text-size-S {
		font-size: calc(0.95rem + 0.95vw);
	}
	.text-size-T {
		font-size: calc(1rem + 2.6vw);
	}
	.text-size-U {
		font-size: calc(0.9rem + 0.85vw);
	}
	.text-size-V {
		font-size: calc(1rem + 0.92vw);
	}
	.text-size-X {
	}
}

@media (max-width: 575px) {
	.text-size-Y {
		font-size: calc(0.7rem + 0.7vw);
	}
}

@media (max-width: 420px) {
	.text-size-X {
		font-size: calc(0.75rem + 0.8vw);
	}
}

/* #region */

/* Top bar */

.ba11-top-outer {
	position: relative;
	z-index: 102;
	z-index: var(--z-topBarMenu);
	font-family: Roboto, sans-serif;
	font-size: 12px;
}

.ba11-top {
	position: relative;
	top: 0;
	left: 0;
	flex: 0 0 auto;
	width: 100%;
	margin-top: 35px; /* Synced with the height of SharedSiteTopBar */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	background-color: #FFFFFF;
	background-color: var(--colors-white);
	/*This is to fix a chrome bug where the top bar starts shaking and sometimes jumps around.*/
	-webkit-transform: translateZ(0);
}

.ba11-top-outer.--can-shrink .ba11-top {
	position: fixed;
	transition: height 500ms, margin-top 500ms;
}

.ba11-container.--dev .ba11-top {
	background-color: #ffffbb;
}

.ba11-top-container {
	position: relative;
	width: 100%;
	height: 6rem;
	flex: 0 0 auto;
	display: flex;
	justify-content: space-between;
	transition: height 500ms;
}

.ba11-top-left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
	max-width: 55%;
}

.ba11-top-nav-ham {
	display: none;
	height: 3rem;
	align-items: center;
	justify-content: flex-end;
}

.ba11-top-nav-ham-link {
	position: relative;
	left: -0.5rem;
}

.ba11-top-nav-ham-icon {
	width: 3rem;
	height: 3rem;
	cursor: pointer;
}

.ba11-top-logo {
	/* Containers on re-resizing images in a flex are important for IE/Edge */
	position: relative;
	left: 0;
	height: 65%;
	width: 224px;
}

.ba11-top-logo-img-wide {
	position: absolute;
	height: 100%;
	width: 224px; /* need this for ie */
	transition: width 500ms, height 500ms;
}

.ba11-top-logo-img-narrow {
	display: none;
	position: absolute;
	height: 100%;
	width: 112px; /* need this for ie */
}

.ba11-top-right {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.ba11-top-cart-for-shrink {
	/* Overridden when shown; this just gets it out of the parent's layout */
	position: absolute;
	width: 2.5rem;
	height: 1rem;
	text-align: right;
	opacity: 0;
	pointer-events: none;
}

.ba11-top-classwallet-for-shrink {
	position: absolute;
	width: 2rem;
	height: auto;
	opacity: 0;
	pointer-events: none;
}

.ba11-top-cart-link {
	margin-left: 0.5rem;
}

.ba11-top-cart-img {
	position: absolute;
	top: 0;
	left: 0;
	height: 1.7rem;
	width: 1.7rem;
}

.ba11-top-cw-indicator {
	margin-left: 0.5rem;
	margin-top: 0.1rem;
}

.ba11-top-cw-indicator.tab-on-shrink {
	position: absolute;
	top: -0.5rem;
	right: 0.3rem;
}

.for-classwallet {
	display: none;
}

.ba11-top-cw-image {
	width: 2rem;
	height: auto;
}

.ba11-top-cart-items {
	background-color: #1b365d;
	background-color: var(--colors-mainBlue);
	color: #FFFFFF;
	color: var(--colors-white);
	border-radius: 100%;
	position: absolute;
	top: -2px;
	height: 15px;
	width: 15px;
	font-size: 70%;
}

.ba11-top-account-cart .ba11-top-cart-items {
	left: 70%;
}

.ba11-top-cart-link:hover .ba11-top-cart-items {
	background-color: #FFFFFF;
	background-color: var(--colors-white);
	border: 1px solid #1b365d;
	border: 1px solid var(--colors-mainBlue);
	color: #1b365d;
	color: var(--colors-mainBlue);
}

.ba11-top-cart-num {
	margin-top: 0.1rem;
	font-weight: 500;
}

.ba11-top-cart-num > span {
	vertical-align: text-top;
}

.ba11-top-cart-for-shrink .ba11-top-cart-link {
	top: -0.4rem;
	margin-left: 0;
	width: 2.5rem;
	height: 1.7rem;
}

.ba11-top-cart-for-shrink .ba11-top-cart-img {
	right: 1rem;
}

.ba11-top-cart-for-shrink .ba11-top-cart-items {
	right: 0;
	top: -2px;
}

.ba11-top-menu-container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 1rem;
	transition: margin-bottom 500ms;
}

.ba11-top-menu {
	position: relative;
	color: #1b365d;
	color: var(--colors-mainBlue);
	font-size: 135%;
	text-align: center;
	padding: 0rem 1.5rem;
	display: flex;
	justify-content: center;
	flex-direction: column;

	flex: 0 0 auto;
	transition: font-size 500ms;
}

@media screen and (max-width: 1050px) {
	.ba11-top-menu {
		padding: 0 0.8rem;
	}
}

.ba11-top-menu-play {
	cursor: pointer;
	transition: font-size 500ms;
	color: #00B2DD;
	color: var(--colors-cyan);
	font-weight: bold;
}

/* Need to win a specificity war with a media query here */

.ba11-top-menu.ba11-top-menu-play {
	padding-right: 0rem;
}

.ba11-top-menu-play:hover {
	text-decoration: underline;
}

.ba11-top-menu-link {
	text-transform: uppercase;
}

.ba11-top-menu-triangle {
	position: absolute;
	top: 100%;
	left: calc(50% - 0.75rem);
	width: 0;
	height: 0;
	border-left: 1rem solid transparent;
	border-right: 1rem solid transparent;
	border-bottom: 1rem solid #1b365d;
	border-bottom: 1rem solid var(--colors-mainBlue);

	display: none;
}

.ba11-top-menu-submenu {
	position: absolute;
	font-size: 11px;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	margin-top: 1rem;
	color: #FFFFFF;
	color: var(--colors-white);
	background-color: #1b365d;
	background-color: var(--colors-mainBlue);
	z-index: 102;
	z-index: var(--z-topBarMenu);
	padding: 0.5rem 2.5rem;

	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.ba11-top-menu-submenu {
	width: 10rem;

	display: none;
}

.ba11-top-menu.ba11--open .ba11-top-menu-triangle, .ba11-top-menu.ba11--open .ba11-top-menu-submenu {
	display: flex;
	pointer-events: auto;
}

.ba11-top-menu-books .ba11-top-menu-submenu {

	display: none;
	width: 24rem;
	height: 33rem;
	padding: 0.5rem 0;
	left: 35%;
}

.ba11-top-menu-offerings .ba11-top-menu-submenu {

	display: none;
	width: 24rem;
	padding: 0;
	left: 35%;
}

.ba11-top-menu-books.ba11--open .ba11-top-menu-submenu, .ba11-top-menu-offerings.ba11--open .ba11-top-menu-submenu {
	display: flex;
}

.ba11-top-menu-resources .ba11-top-menu-submenu {
	width: 12rem;
}

.ba11-top-menu-parentReports .ba11-top-menu-submenu {
	width: 17rem;
}

.ba11-top-menu-submenu-link {
	display: flex;
	align-items: center;
	position: relative;
	padding: 0.75rem 0;
	font-size: 140%;
	width: 100%;
	text-align: left;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ba11-top-menu-submenu-link:hover, .ba11-top-menu-submenu-link:focus {
	color: #FFC640;
	color: var(--colors-yellow);
}

.ba11-top-menu-student-link {
	font-size: 100%;
	padding: 0;
}

.ba11-top-menu-submenu-play-text {
	color: #FFFFFF;
	color: var(--colors-white);
	text-align: center;
	cursor: default;
	display: block;
}

.ba11-top-menu-submenu-play-text:hover, .ba11-top-menu-submenu-play-text:focus {
	color: #FFFFFF;
	color: var(--colors-white);
}

.ba11-top-menu-play-link {
	font-size: 130%;
	width: 100%;
	display: flex;
	align-items: center;
}

.ba11-top-menu-avatar {
	position: relative;
	overflow: hidden;
	width: 2.5rem;
	height: 2.5rem;
	margin-right: 0.5rem;
}

.ba11-top-menu-books .ba11-top-menu-submenu-link, .ba11-top-menu-offerings .ba11-top-menu-submenu-link {
	width: calc(100% - 4rem);
}

.ba11-top-outer.--shrink .ba11-top-menu-books .ba11-top-menu-submenu, .ba11-top-outer.--shrink .ba11-top-menu-offerings .ba11-top-menu-submenu {
	left: 10%;
}

.ba11-top-menu-submenu-filler {
	position: absolute;
	width: 100%;
	top: -1.45rem;
	height: 1.5rem;
}

.ba11-top-brand-border {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 0.7rem;
	opacity: 1;
	transition: opacity 200ms;
	z-index: -1;
}

.ba11-top-menu-play .ba11-top-menu-submenu {
	left: auto;
	transform: unset;
	right: -1rem;
	width: 15rem;
	height: auto;
}

.ba11-top-menu-play-username {
	font-size: 85%;
}

#skipToMainContentLink {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	background-color: #00B2DD;
	background-color: var(--colors-cyan);
	color: #FFFFFF;
	color: var(--colors-white);
	border-radius: 4px;
	font-size: 1.5rem;
	font-weight: bold;
	text-decoration: underline;
}

#skipToMainContentLink:focus {
	left: 0.5rem;
	top: 0.5rem;
	padding: 1rem;
	width: 14rem;
	height: 1.5rem;
	z-index: 1000;
}

/* Copied from wf css */

.books-dropdown-content {
	display: grid;
	grid-auto-columns: 1fr;
	grid-template-columns: 1fr 300px;
	grid-template-rows: auto auto;
	grid-column-gap: 16px;
}

.books-nav-wrapper {
	padding: 20px 40px;
	text-align: left;
}

.books-nav-menu {
	display: grid;
	grid-auto-columns: 1fr;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
	grid-column-gap: 16px;
	grid-row-gap: 12px;
	grid-template-columns: 1fr;
}

.books-nav-sublinks {
	display: grid;
	margin-top: 16px;
	padding-top: 16px;
	grid-auto-columns: 1fr;
	grid-column-gap: 16px;
	grid-row-gap: 8px;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	border-top: 1px solid #cbcbcb;
}

.books-nav-sublink {
	transition: color 200ms ease;
	color: #1b365d;
	color: var(--colors-mainBlue);
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
}

.books-navlink {
	display: flex;
	align-items: center;
	transition: color 200ms ease;
	color: #1b365d;
	font-weight: 500;
	text-decoration: none;
	font-size: 16px;
	white-space: nowrap;
}

.books-navlink:hover {
	color: #d50032;
}

.books-nav-sublink:hover {
	color: #d50032;
}

.books-nav-sublink.non-link:hover {
	color: #1b365d;
}

.books-navlink-number {
	display: flex;
	width: 32px;
	height: 32px;
	margin-right: 8px;
	justify-content: center;
	align-items: center;
	flex: 0 0 auto;
	border-radius: 50%;
	color: #FFFFFF;
	color: var(--colors-white);
	font-weight: 700;
}

img.books-navlink-number {
	background-color: transparent;
}

.books-navlink-number.bg-grade-1 {
	composes: books-navlink-number;
	background-color: #c95b5b;
}

.books-navlink-number.bg-grade-2 {
	composes: books-navlink-number;
	background-color: #ff9a15;
}

.books-navlink-number.bg-grade-3 {
	composes: books-navlink-number;
	background-color: #61ad00;
}

.books-navlink-number.bg-grade-4 {
	composes: books-navlink-number;
	background-color: #60bce0;
}

.books-navlink-number.bg-grade-5 {
	composes: books-navlink-number;
	background-color: #7a3888;
}

.long-arrow-icon {
	font-family: "Fa solid 900", sans-serif;
	font-weight: 400;
}

.books-nav-bundle-cta {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px 24px;
	background-image: url("/assets/wf/images/books-bundle-cta-bg.svg");
	background-position: 50% 50%;
	background-size: cover;
	transition: opacity 200ms ease;
	color: #fff;
	line-height: 1.3;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
}

.books-nav-bundle-cta:hover {
	opacity: 0.9;
}

.books-nav-bundle-cta-img {
	max-width: 100%;
	vertical-align: middle;
	display: inline-block;
	margin-bottom: 8px;
}

.books-nav-bundle-cta-link {
	display: block;
	margin-top: 10px;
	color: #fff;
	text-decoration: underline;
	text-transform: uppercase;
}

/* end copied from wf css */

.ba-newtopsubmenu .books-dropdown-content {
	width: auto;
	grid-column-gap: 40px;
}

.books-dropdown-list {
	display: none;
}

.ba-newtopsubmenu .books-dropdown-list {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	font-size: 16px;
	transform: none;
}

.ba-newtopsubmenu .ba11-top-menu-books .ba11-top-menu-submenu-link, .ba-newtopsubmenu .ba11-top-menu-offerings .ba11-top-menu-submenu-link {
	display: none;
}

.ba-newtopsubmenu .ba11-top-menu-books .ba11-top-menu-submenu {
	left: 0;
	width: auto;
	height: auto;
	padding: 0;
}

.ba-newtopsubmenu .ba11-top-menu-submenu {
	background-color: #fff;
	color: #1b365d;
	color: var(--colors-mainBlue);
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}

.ba-newtopsubmenu .ba11-top-menu-submenu-link {
	color: #1b365d;
	color: var(--colors-mainBlue);
	font-weight: 500;
	font-size: 16px;
	transition: color 200ms ease;
}

.ba-newtopsubmenu .ba11-top-menu-play-link-disabled, .ba-newtopsubmenu .ba11-top-menu-play-link-disabled:hover, .ba-newtopsubmenu .ba11-top-menu-play-link-disabled:focus {
	color: #AAAAAA;
	color: var(--colors-lightGrayFill);
}

.ba-newtopsubmenu .ba11-top-menu-submenu-link:hover {
	color: #d50032;
}

.ba-newtopsubmenu .ba11-top-menu.ba11--open .ba11-top-menu-triangle {
	opacity: 0;
}

.ba-newtopsubmenu .ba11-ham-nav-submenu-link:hover {
	color: #ff9a15;
}

.ba-newtopsubmenu .books-nav-bundle-cta-img {
	max-width: 100%;
}

.ba-newtopsubmenu .--signed-in .ba11-top-menu-offerings .books-dropdown-content, .ba-newtopsubmenu
	.--signed-in
	.ba11-top-menu-enrollWithLive
	.books-dropdown-content {
	grid-template-columns: 1fr;
}

@media (min-width: 701px) and (max-width: 800px) {
	/* Hide the last section when shrinking */
	.ba11-top-outer.--shrink .ba11-top-menu:nth-last-child(3) {
		display: none;
	}

	.ba11-top-outer.--shrink .ba11-top-cart-for-shrink {
		margin-left: 3rem;
	}

	.ba11-top-outer.ba11--has-info .ba11-top {
		justify-content: flex-end;
	}
}

@media (min-width: 701px) {
	.ba11-top-outer.--shrink .ba11-top {
		margin-top: 0px;
	}

	.ba11-top-outer.--shrink .ba11-top-container {
		height: 3rem;
	}

	.ba11-top-outer.--shrink .ba11-top-logo-img-wide {
		width: 112px;
	}

	.ba11-top-outer.--shrink .ba11-top-account {
		height: 0rem;
		margin-bottom: 0rem;
		opacity: 0;
		pointer-events: none;
	}

	.ba11-top-outer.--shrink .ba11-top-brand-border {
		pointer-events: none;
		opacity: 0;
	}

	.ba11-top-outer.--shrink .ba11-top-menu-container {
		margin-bottom: 0.5rem;
	}

	.ba11-top-outer.--shrink .ba11-top-cart-for-shrink {
		position: relative;
		opacity: 1;
		transition: opacity 500ms;
		pointer-events: auto;
	}

	.ba11-top-outer.--shrink .ba11-top-menu-play {
		font-size: 150%;
		opacity: 0;
		pointer-events: none;
	}

	.ba11-top-outer.--shrink .ba11-top-menu .ba11-top-menu-submenu {
		margin-top: 0.6rem;
	}

	.ba11-top-outer.--shrink .ba11-top-menu-books .ba11-top-menu-submenu, .ba11-top-outer.--shrink .ba11-top-menu-offerings .ba11-top-menu-submenu {
		margin-top: 0.55rem;
	}

	.ba11-top-outer.--shrink .ba11-top-menu-play {
		display: none;
	}

	.ba11-top-outer.--shrink .ba11-top-menu-triangle {
		border-bottom-width: 0.7rem;
	}

	.ba11-top-outer.--shrink .ba11-top-menu-submenu-filler {
		top: -0.5rem;
		height: 0.5rem;
	}

	.ba11-top-section {
		padding-top: 107px;
	}

	.ba11-top-outer.ba11--has-info.--can-shrink ~ .ba11-main > .ba11-top-section {
		/* eventually gets overridden in /src/elev/_assets/js/TopBarUtil.js */
		padding-top: 8rem;
	}

	.ba11-top-outer.ba11--has-info.--can-shrink.--shrink
		+ .ba11-main
		> .ba11-top-section {
		/* eventually gets overridden in /src/elev/_assets/js/TopBarUtil.js */
		padding-top: 6rem;
	}

	.ba11-top-offerings-menu-content {
		max-height: calc(100vh - 35px - 7rem);
		overflow-y: auto;
		overflow-x: hidden;
		background-image: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0)),
			linear-gradient(to bottom, white 30%, rgba(255, 255, 255, 0)),
			linear-gradient(to top, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)),
			linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
		background-position: bottom center, top center, bottom center, top center;
		background-repeat: no-repeat;
		background-size: 100% 60px, 100% 60px, 100% 30px, 100% 30px;
		background-attachment: local, local, scroll, scroll;
	}
}

@media (max-width: 700px) {
	.ba11-top-section {
		padding-top: 0px;
	}

	.ba11-offerings-subsection {
		margin: 1rem 0;
	}
}

@media (max-width: 850px) {
	.ba11-top-menu {
		padding: 0 1rem;
	}
}

@media (max-width: 760px) {
	.ba11-top-menu-play {
		display: none;
	}
}

@media (max-width: 800px) {
	.ba11-top-menu-submenu-filler {
		display: none;
	}
	.ba11-top-menu:nth-last-child(3) {
		padding-right: 0rem;
	}
	.ba11-top-menu-submenu {
		margin-top: 1rem;
		left: 50%;
		transform: translate(-50%);
	}
	.ba11-top-menu-books .ba11-top-menu-submenu, .ba11-top-menu-offerings .ba11-top-menu-submenu {
		width: 22rem;
		left: 20%;
		transform: translate(-80%);
	}
	.ba-newtopsubmenu .ba11-top-menu-books .ba11-top-menu-submenu, .ba-newtopsubmenu .ba11-top-menu-offerings .ba11-top-menu-submenu {
		left: 0;
		transform: translateX(-50%);
	}
	.ba11-top-menu-resources .ba11-top-menu-submenu {
		left: 0;
	}
}

@media (max-width: 767px) {
	.ba-newtopsubmenu .books-dropdown-list {
		position: relative;
		padding: 0;
		box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
		transform: none;
		background-color: #fff;
	}
	.ba-newtopsubmenu .books-dropdown-content {
		grid-template-columns: 1fr 300px;
	}
	.ba-newtopsubmenu .books-nav-wrapper {
		padding: 20px 32px;
	}
	.ba-newtopsubmenu .books-nav-bundle-cta {
		padding: 20px 24px;
		background-image: url(/assets/wf/images/books-bundle-cta-bg.svg);
		text-align: center;
		margin-bottom: 0;
	}
	.ba-newtopsubmenu .books-navlink, .ba-newtopsubmenu .books-nav-sublink {
		color: #1b365d;
		color: var(--colors-mainBlue);
	}
	.ba-newtopsubmenu .books-nav-sublinks {
		border-top-color: #cbcbcb;
	}
	.ba-newtopsubmenu .books-navlink:hover, .ba-newtopsubmenu .books-nav-sublink:hover {
		color: #ED1940;
		color: var(--colors-red);
	}
}

@media (max-width: 750px) {
	.ba11-top-menu {
		padding: 0 0.7rem;
	}
}

@media (max-width: 700px) {
	.ba11-top {
		position: relative !important;
		justify-content: center;
	}

	.ba11-top-menu-container {
		display: none;
	}

	.ba11-top-logo {
		display: flex;
		width: 144px;
		max-width: 144px;
		height: 30px;
	}

	.ba11-top-logo-img-wide {
		width: 144px;
	}

	.ba11-top-nav-ham {
		display: flex;
	}

	.ba11-top-right {
		justify-content: center;
	}

	.ba11-top-account {
		height: auto;
		height: initial;
		margin-bottom: 0;
	}

	.ba11-top-brand-border.--no-mobile {
		display: none;
	}
	/* VARIANT */
	.ba-newtopsubmenu .books-dropdown-list {
		background-color: transparent;
		box-shadow: none;
		transform: none;
	}
	.ba-newtopsubmenu .books-dropdown-content {
		width: 100%;
		grid-template-columns: 1fr;
		grid-row-gap: 16px;
	}
	.ba-newtopsubmenu .books-nav-wrapper {
		padding: 0;
	}
	.ba-newtopsubmenu .books-nav-bundle-cta {
		display: grid;
		padding: 12px;
		background-image: none;
		text-align: left;
		margin-bottom: 12px;
	}
	.ba-newtopsubmenu .books-navlink, .ba-newtopsubmenu .books-nav-sublink {
		color: #fff;
	}
	.ba-newtopsubmenu .books-nav-sublinks {
		border-top-color: hsla(0, 0%, 79.6%, 0.2);
	}
	.ba-newtopsubmenu .ba11-ham-nav-section-books .ba11-ham-nav-submenu-link, .ba-newtopsubmenu .ba11-ham-nav-section-books .ba11-ham-nav-submenu-line {
		display: none;
	}

	/* copied from wf-css */
	.variant-bookContent {
		width: 100%;
		grid-template-columns: 1fr;
		text-transform: none;
		grid-row-gap: 16px;
	}
	.books-nav-wrapper {
		padding: 0;
	}
	.books-nav-sublinks {
		border-top-color: hsla(0, 0%, 79.6%, 0.2);
	}
	.books-nav-sublink {
		color: #fff;
	}
	.ba-newtopsubmenu .books-nav-sublink:hover {
		color: #ff9a15;
	}
	.ba-newtopsubmenu .books-nav-sublink.non-link:hover {
		color: #fff;
	}
	.books-nav-bundle-cta {
		display: grid;
		margin-bottom: 12px;
		padding: 12px;
		align-items: center;
		grid-auto-columns: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 16px;
		grid-template-columns: minmax(80px, 1fr) 2fr;
		grid-template-rows: auto;
		background-color: #289ecc;
		background-image: none;
		text-align: left;
	}

	.books-nav-bundle-cta-img {
		margin-bottom: 0px;
	}
	.books-navlink {
		color: #fff;
		font-weight: 500;
	}

	.ba-newtopsubmenu .books-navlink:hover {
		color: #ff9a15;
	}
}

@media (max-width: 480px) {
	.ba11-top-logo-img-wide {
		display: none;
	}
	.ba11-top-logo-img-narrow {
		display: block;
	}
	.ba11-top-logo {
		width: 112px;
	}
}

@media (max-width: 415px) {
	.ba11-top-menu {
		padding: 0;
	}
}

@media (max-width: 380px) {
	/* match hamburger size decrease */
	.ba11-top-logo {
		max-width: 112px;
	}
	.ba11-top-nav-ham-icon {
		width: 2.5rem;
		height: 2.5rem;
	}
}

/* #endregion */

/* #region BA enroll subnav with live instruction */

.ba11-top-menu-enrollWithLive .ba11-top-menu-submenu {
	width: auto;
	height: auto;
	left: 0;
	padding: 0;
}

.ba11-top-outer .ba-subnav-with_live, .ba11-top-outer .ba-subnav-with_live * {
	box-sizing: border-box;
}

.ba-subnav-with_live {
	display: none;
	font-size: 16px;
}

.ba-subnav-with_live-item {
	padding: 28px 20px;
	width: 306px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.ba-subnav-with_live-item + .ba-subnav-with_live-item {
	border-left: 1px solid #1b365d;
}

.ba-subnav-with_live img {
	height: 180px;
	width: auto;
	display: block;
	margin: 0 auto 32px;
}

.ba-subnav-with_live-h {
	font-weight: 500;
	font-size: 17px;
	margin: 0 0 8px;
}

.ba-subnav-with_live-p {
	line-height: 1.3;
	margin: 0 0 12px;
}

.ba-subnav-with_live-btn {
	display: inline-block;
	min-width: 152px;
	padding: 14px 32px;
	color: #fff;
	text-transform: uppercase;
	background: #1b365d;
	transition: background 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	text-decoration: none;
	margin-top: auto;
}

.ba-subnav-with_live-btn:hover {
	background: #135b7b;
}

.ba-subnav-with_live-btn.ba-subnav-with_live-btn--green {
	background: #61ad00;
}

.ba-subnav-with_live-btn.ba-subnav-with_live-btn--green:hover {
	background: #59940f;
}

@media (min-width: 701px) {
	.ba11-top-menu-enrollWithLive .books-dropdown-list {
		display: none;
	}
	.ba-subnav-with_live {
		display: flex;
	}
}

@media (min-width: 761px) {
	.ba-subnav-with_live-item {
		padding: 28px 32px;
		width: 329px;
	}
}

/* #endregion BA enroll subnav with live instruction */

/* Top bar - shared site bar */

.ba11-top-shared {
	background-color: #DDDDDD;
	background-color: var(--colors-lighterGrayFill, #DDDDDD);
	color: #606060;
	color: var(--colors-textBlack);
	position: absolute;
	top: -35px;
	left: 0;
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	display: flex;
	justify-content: center;
	z-index: 10;
}

.ba11-top-shared-inner {
	width: 100%;
	display: flex;
	position: relative;
}

.ba11-top-shared-aops {
	display: flex;
	padding: 0 12px;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.ba11-top-shared-section {
	position: relative;
	padding: 0 12px;
}

.ba11-top-shared-sel {
	background-color: #EEEEEE;
	background-color: var(--colors-offWhiteBackground, #EEEEEE);
}

.ba11-top-shared-icon {
	margin-right: 6px;
	vertical-align: middle;
	width: 22px;
	height: 24px;
}

.ba11-top-shared-title {
	/* Nothing, just responsive design below */
}

.ba11-top-shared-dd-main {
	position: absolute;
	display: none;
	top: 100%;
	left: -35%;
	padding: 10px;
	background-color: #FFFFFF;
	background-color: var(--colors-white);
	z-index: 2;
	will-change: filter;
}

.ba11-top-shared-section.ba11--open .ba11-top-shared-dd-main {
	display: block;
	background-color: #FFFFFF;
	background-color: var(--colors-white);
	filter: drop-shadow(0 0 3px rgb(0 0 0 / 0.3));
}

.ba11-top-shared-dd-inner {
	display: flex;
	width: 100%;
	height: 100%;
}

.ba11-top-shared-dd-info {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	line-height: 1.25em;
}

.ba11-top-shared-dd-logo {
	width: 100%;
	height: 40px;
}

.ba11-top-shared-dd-logo img {
	width: auto;
	height: 100%;
}

.ba11-top-shared-dd-snippet {
	margin-left: 43px;
	margin-bottom: 12px;
	color: #1b365d;
	color: var(--colors-mainBlue);
	white-space: nowrap;
}

.ba11-top-shared-dd-visit {
	display: flex;
	margin-top: auto;
	justify-content: flex-end;
	align-items: center;
	white-space: nowrap;
	transition: color 0.2s;
	color: #1b365d;
	color: var(--colors-mainBlue);
}

.ba11-top-shared-dd-visit .ba11-baofont {
	margin-left: 3px;
	font-size: 1.5em;
}

.ba11-top-shared-dd-online .ba11-top-shared-dd-visit {
	color: #44c2cc;
	color: var(--colors-onlineBlue);
}

.ba11-top-shared-dd-ba .ba11-top-shared-dd-visit {
	color: #ED1940;
	color: var(--colors-red);
}

.ba11-top-shared-dd-academy .ba11-top-shared-dd-visit {
	color: #61ad00;
	color: var(--colors-mainGreen);
}

.ba11-top-shared-dd-quicknav {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 220px;
	margin-left: 15px;
	padding: 15px 5px 15px 15px;
	border-left: 1px solid #1b365d;
	border-left: 1px solid var(--colors-mainBlue);
}

.ba11-top-shared-dd-btn {
	display: block;
	width: 90%;
	height: auto;
	margin-bottom: 5px;
	padding: 5px;
	transition: background-color 0.2s;
	line-height: 24px;
	white-space: nowrap;
	color: #FFFFFF;
	color: var(--colors-white);
	font-size: 14px;
	background-color: #1b365d;
	background-color: var(--colors-mainBlue);
	text-align: center;
	font-weight: bold;
}

.ba11-top-shared-dd-online .ba11-top-shared-dd-btn:hover {
	background-color: #44c2cc;
	background-color: var(--colors-onlineBlue);
}

.ba11-top-shared-dd-ba .ba11-top-shared-dd-btn:hover {
	background-color: #ED1940;
	background-color: var(--colors-red);
}

.ba11-top-shared-dd-academy .ba11-top-shared-dd-btn:hover {
	background-color: #61ad00;
	background-color: var(--colors-mainGreen);
}

@media (max-width: 925px) {
	.ba11-top-shared-dd-ba {
		left: 100%;
		transform: translateX(-75%);
	}
	.ba11-top-shared-dd-academy {
		left: 100%;
		transform: translateX(-90%);
	}
}

@media (max-width: 850px) {
	.ba11-top-shared-section {
		padding: 0 9px;
	}
}

@media (max-width: 700px) {
	.ba11-top-shared-section.ba11--open .ba11-top-shared-dd-main {
		display: none;
	}
	.ba11-top-shared-section.ba11--open {
		filter: none;
	}
	.ba11-top-shared-title {
		display: none;
	}
	.ba11-top-shared-section {
		width: 38px;
		padding: 0 4px;
	}
	.ba11-top-shared-icon {
		margin: 0;
		padding: 0 8px;
	}
}

@media (max-width: 350px) {
	.ba11-top-shared-aops {
		flex: 1 1 auto;
		text-align: center;
		margin-left: 0 !important;
		padding: 0;
	}
}

.ba11-top-account {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	opacity: 1;
	height: 2rem;
	margin-bottom: 1rem;
	padding-right: 1rem; /* fit cart items */
	transition: height 500ms, margin-bottom 500ms, opacity 500ms;
}

.ba11-top-account-login, .ba11-top-account-menu {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.1rem;
	color: #d71f26;
	color: var(--colors-baRed);
}

.ba11-top-account-login:hover, .ba11-top-account-menu:hover {
	text-decoration: underline;
}

.ba11-top-account-login.ba11--gray, .ba11-top-account-menu.ba11--gray {
	color: #CCC;
	color: var(--colors-disabledGrayFill);
}

.ba11-top-account-login.ba11--gray:hover, .ba11-top-account-menu.ba11--gray:hover {
	text-decoration: none;
}

.ba11-top-account-menu-label {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.ba11-top-account-avatar {
	width: 20px;
	height: 20px;
	position: relative;
	margin-right: 0.5rem;
}

.ba11-top-account-arrow {
	position: relative;
	width: 0.8rem;
	height: 0.9rem;
	margin-left: 0.5rem;
}

.ba11-top-account-arrow-img {
	display: block;
	width: 100%;
	height: 100%;
}

.ba11-top-account-dropdown {
	position: absolute;
	flex-direction: column;
	background-color: #FFFFFF;
	background-color: var(--colors-white);
	padding: 1.5rem 1rem 1rem;
	min-width: 150px;
	top: 100%;
	right: 0;
	z-index: 2;
	text-transform: uppercase;
	color: #1b365d;
	color: var(--colors-mainBlue);
	font-size: 1.1rem;

	display: none;
}

.ba11-top-account-menu.ba11--open .ba11-top-account-dropdown {
	display: flex;
}

.ba11-top-account-divider {
	position: absolute;
	top: 0.5rem;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #1b365d;
	background-color: var(--colors-mainBlue);
}

.ba11-top-account-item {
	display: block;
	cursor: pointer;
	white-space: nowrap;
	padding: 3px 0;
}

.ba11-top-account-item:hover {
	color: #d71f26;
	color: var(--colors-baRed);
}

.ba11-top-account-spacer {
	height: 1.5rem;
	width: 0px;
	margin-left: calc(1rem - 1px);
	border-left: 1px solid #d71f26;
	border-left: 1px solid var(--colors-baRed);
}

.ba11-top-account-cart {
	position: relative;
	width: 2rem;
	height: 2rem;
}

.ba11-top-account-classwallet {
	position: relative;
	width: auto;
	height: auto;
}

@media (max-width: 700px) {
	.ba11-top-account {
		margin-bottom: 0;
	}
	.ba11-top-account-name {
		display: none;
	}
	.ba11-top-account-avatar {
		margin-right: 0;
	}
}

/* NOTE: most of these rules mirror /src/office/styles/TopBar.css */

.ba11-top-info-bar {
	position: relative;
	text-align: center;
	background-color: #FFC640;
	background-color: var(--colors-yellow);
	color: #000000;
	color: var(--colors-darkBlack, #000000);
	display: none; /* flex when shown */
	align-items: center;
	justify-content: center;
	width: 100%;
	max-height: 9rem;
	box-sizing: border-box;
	font-size: 1.4rem;
	padding: 0.7rem 2rem;
	padding-right: 40px;
	z-index: -1;
}

.ba11-top-info-bar.blue {
	background-color: #1b365d;
	background-color: var(--colors-mainBlue);
	color: #FFFFFF;
	color: var(--colors-white);
}

.ba11-top-info-bar.light-blue {
	background-color: #60bce0 !important;
	color: #FFFFFF;
	color: var(--colors-white);
}

.ba11-top-info-bar.ba11--show {
	display: flex;
}

.ba11-top-info-bar .ba11-top-info-text {
	margin-right: 0.5rem;
}

.ba11-top-info-bar.blue a:hover {
	color: #FFC640;
	color: var(--colors-yellow);
}

.ba11-top-info-bar.light-blue a {
	color: #FFFFFF;
	color: var(--colors-white);
}

.ba11-top-info-bar.light-blue a:hover {
	color: #FFC640;
	color: var(--colors-yellow);
}

.ba11-top-info-bar-close {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 0 0.5rem;
	display: flex;
	align-items: center;
}

.ba11-top-info-bar-close-image {
	height: 2.5rem;
	width: 2.5rem;
	background-image: url(/assets/images/office/elements/x-icon-white.svg);
	background-size: 100% 100%;
}

.ba11-top-info-bar-close:hover .ba11-top-info-bar-close-image {
	background-image: url(/assets/images/office/elements/x-icon.svg);
}

@media (min-width: 701px) and (max-width: 925px) {
	.ba11-top-info-bar {
		padding-left: 1rem;
	}
}

@media (max-width: 480px) {
	.ba11-top-info-bar {
		padding-left: 0.5rem;
	}
}

@media (max-width: 350px) {
	.infobar-hide-tinier {
		display: none;
	}
}

.ba11-infobar-button-desktop {
	display: inline;
}

.ba11-infobar-button-mobile {
	display: none;
}

@media (max-width: 500px) {
	.ba11-infobar-button-desktop {
		display: none;
	}

	.ba11-infobar-button-mobile {
		display: inline;
		white-space: nowrap;
	}
}

.ba11-ham-nav-container {
	position: absolute;
	left: 0;
	/* match top bar and shared site height */
	top: 72px;
	width: 100%;
	display: none; /* changes when ba11--open */
	flex-direction: column;
	justify-content: flex-start;
	transition: opacity 100ms linear;
	z-index: 102;
	z-index: var(--z-topBarMenu);

	color: #FFFFFF;

	color: var(--colors-white);
	background-color: #1b365d;
	background-color: var(--colors-mainBlue);
}

.ba11-ham-nav-container.ba11--open {
	display: flex;
}

.ba11-ham-nav-section {
	border-bottom: 2px solid #FFFFFF;
	border-bottom: 2px solid var(--colors-white);
}

.ba11-ham-nav-section-title {
	height: 3.5rem;
	line-height: 3.5rem;
	padding-left: 2rem;
	font-size: 135%;
	text-transform: uppercase;
	cursor: pointer;
}

.ba11-ham-nav-section-title:hover {
	color: #FFC640;
	color: var(--colors-yellow);
}

.ba11-ham-nav-submenu {
	width: calc(100% - 6rem);
	padding: 0 2rem 0.75rem 4rem;
	display: none; /* changes when ba11--open */
	flex-direction: column;
	justify-content: space-around;
	font-size: 11px;
}

.ba11-ham-nav-submenu.ba11--open {
	/* TODO: animation */
	display: flex;
}

.ba11-ham-nav-submenu-line {
	position: relative;
	padding: 0.75rem 0;
	width: 100%;
	text-align: left;
	font-size: 140%;
}

.ba11-ham-nav-submenu-link {
	display: flex;
	align-items: center;

	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
}

.ba11-ham-nav-submenu-link:hover {
	color: #FFC640;
	color: var(--colors-yellow);
}

@media (max-width: 480px) {
	.ba11-ham-nav-submenu {
		width: calc(100% - 6rem);
		padding: 0 2rem 0.75rem 4rem;
	}
}

.ba11-bottom-bar-main {
	align-self: stretch;
	background-color: #1b365d;
	background-color: var(--colors-mainBlue);
	padding: 1rem 0;
	font-size: 13px;
	color: #FFFFFF;
	color: var(--colors-white);
}

.ba11-bottom-bar-main.ba11-bottom-bar-extra {
	/* account for sticky signup (playground) */
	padding-bottom: 100px;
}

.ba11-bottom-bar-container {
	width: 100%;
	margin: 0 30px;
	padding: 1rem 0;
}

.ba11-bottom-bar-ba-link {
	align-self: flex-start;
	padding: 1rem 0;
}

.ba11-bottom-bar-ba-logo {
	height: 3rem;
	width: auto;
}

.ba11-bottom-bar-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: 2px solid rgba(255, 255, 255, 0.1);
	border-bottom: 2px solid rgba(255, 255, 255, 0.1);
	padding: 2rem 0;
	line-height: 140%;
}

.ba11-bottom-bar-copyright {
	font-weight: 400;
	font-size: 80%;
	padding: 2.5rem 0;
	color: #AAAAAA;
	color: var(--colors-lightGrayFill);
}

.ba11-bottom-bar-column-title {
	font-weight: 400;
	color: #c5e86c;
	color: var(--colors-mainAccent, #c5e86c);
	text-transform: uppercase;
}

.ba11-bottom-bar-main-links {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
}

.ba11-bottom-bar-menu-column {
	min-width: 8rem;
	margin: 0 1.5rem 2rem 0;
	flex: 1;
}

.ba11-bottom-bar-social-container {
	display: flex;
}

.ba11-bottom-bar-social-link {
	width: 2.4rem;
	height: 2.4rem;
}

.ba11-bottom-bar-social-img {
	width: 2rem;
	height: 2rem;
	transition: width 100ms, height 100ms;
}

.ba11-bottom-bar-social-img:hover {
	width: 2.4rem;
	height: 2.4rem;
}

@media (max-width: 767px) {
	.ba11-bottom-bar-main.ba11-bottom-bar-extra {
		/* account for sticky signup (playground) */
		padding-bottom: 0px;
	}
}

@media (max-width: 700px) {
	.ba11-bottom-bar-content {
		flex-direction: column;
	}
}

.ba11-email-signup {
	display: flex;
	height: 2.5rem;
}

.ba11-email-signup-input {
	width: 16rem;
	padding-left: 0.5rem;
	border: none;
	border-radius: 0;
	color: #606060;
	color: var(--colors-textBlack);
}

.ba11-email-signup-arrow-button {
	width: 2.5rem;
	min-width: 2.5rem;
	height: 2.5rem;
	background-color: #54769e;
	background-color: var(--colors-mainLightBlue, #54769e);
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ba11-email-signup-arrow-icon {
	height: 65%;
}

/* Modal */

.modal-email-signup-roles {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1rem 0 2rem;
	color: #1b365d;
	color: var(--colors-mainBlue);
}

.modal-email-signup-role {
	margin-right: 0.5rem;
	transform: scale(1.5);
}

.modal-email-signup-role-label {
	cursor: pointer;
}

.modal-email-signup-role-label + .modal-email-signup-role-label {
	margin-left: 2.5rem;
}

.modal-email-signup-consent {
	display: flex;
	margin: 0rem 2rem 1.5rem;
}

.modal-email-signup-checkbox-label {
	display: flex;
	align-items: center;
	font-size: 85%;
	cursor: pointer;
}

.modal-email-signup-disabled {
	pointer-events: none;
}

.modal-email-signup-checkbox-label:hover {
	color: #00B2DD;
	color: var(--colors-cyan);
}

.modal-email-signup-checkbox {
	margin-right: 1rem;
	width: 3rem;
	min-width: 3rem;
	transform: scale(1.5);
}

.modal-email-signup-continue {
	width: 15rem;
	height: 4rem;
	margin: 2rem auto 1rem;
	background-color: #1b365d;
	background-color: var(--colors-mainBlue);
}

.modal-email-signup-continue:hover, .modal-email-signup-continue:focus {
	background-color: #00B2DD;
	background-color: var(--colors-cyan);
}

.modal-email-signup-error {
	height: 1.5rem;
	font-size: 90%;
	text-align: center;
	color: #ED1940;
	color: var(--colors-red);
}

.modal-email-signup-success {
	height: 4rem;
	text-align: center;
	color: #1b365d;
	color: var(--colors-mainBlue);
}

@media (max-width: 400px) {
	.modal-email-signup-consent {
		margin: 0 0 1rem;
	}
	.modal-email-signup-continue {
		margin-top: 1rem;
	}
	.modal-email-signup-roles {
		flex-direction: column;
		align-items: flex-start;
	}
	.modal-email-signup-role-label + .modal-email-signup-role-label {
		margin-left: 0;
		margin-top: 1.5rem;
	}
}

.ba11-modal {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 151;
	z-index: var(--z-overBarModal, 151);
}

.ba11-modal-backdrop {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: -1;
}

.ba11-modal-container {
	position: relative;
	width: 50rem;
	max-width: calc(100% - 3rem);
	max-height: calc(100% - 3rem);
	background-color: #FFFFFF;
	background-color: var(--colors-white);
	padding-bottom: 1rem;
}

.ba11-modal-title {
	/* need to account for mobile sizing with long titles */
	margin-top: 3.5rem;
	text-align: center;
	line-height: 150%;
	color: #1b365d;
	color: var(--colors-mainBlue);
}

.ba11-modal-contents {
	width: calc(100% - 4rem);
	position: relative;
	padding: 1rem 2rem;
	white-space: normal;
	line-height: 120%;
	color: #606060;
	color: var(--colors-textBlack);
}

.ba11-modal-contents p {
	margin: 1em 0;
}

.ba11-modal-contents p.indent {
	margin-left: 2.75em;
	text-indent: -2.75em;
}

.bundle-sub-modal-ba-level {
	color: #1b365d;
	color: var(--colors-mainBlue);
	margin-right: 0.5rem;
	text-indent: -2.75em;
	font-weight: 500;
}

.ba11-modal-close-button {
	position: absolute;
	top: 0.5rem;
	right: 0.25rem;
	width: 3rem;
	height: 3rem;
	color: #606060;
	color: var(--colors-textBlack);
	font-size: 3rem;
	cursor: pointer;
	line-height: 3rem;
	text-align: center;
}

.ba11-modal-close-button:hover {
	color: #ED1940;
	color: var(--colors-red);
}

.ba11-info-modal-button {
	width: 2rem;
	height: 2rem;
	min-width: 2rem;
	min-height: 2rem;
	border-radius: 50%;
	background-color: #1b365d;
	background-color: var(--colors-mainBlue);
	color: #FFFFFF;
	color: var(--colors-white);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
	line-height: 120%;
	cursor: pointer;
}

.modal-add-to-cart-continue {
	width: 15rem;
	height: 4rem;
	margin: 2rem auto 1rem;
	background-color: #1b365d;
	background-color: var(--colors-mainBlue);
}

.modal-add-to-cart-continue:hover, .modal-add-to-cart-continue:focus {
	background-color: #00B2DD;
	background-color: var(--colors-cyan);
}

.modal-email-signup-tab-title {
	text-align: center;
	margin: 3.5rem 0 2rem;
	line-height: 150%;
	color: #1b365d;
	color: var(--colors-mainBlue);
	font-size: 133%;
}

.modal-email-signup-input-container {
	text-align: center;
	max-width: 100%;
}

.modal-email-signup-email-input {
	width: 25rem;
	max-width: calc(100% - 2rem - 2px);
}

.modal-email-signup-email-error {
	text-align: center;
	min-height: 2rem;
	margin-bottom: 1rem;
	color: #ED1940;
	color: var(--colors-red);
}

.modal-email-signup-email-tab-continue, .modal-email-playground-signup {
	width: 15rem;
	height: 4rem;
	margin: 0.5rem auto 2rem;
	background-color: #1b365d;
	background-color: var(--colors-mainBlue);
}

.modal-email-signup-email-tab-continue:hover, .modal-email-signup-email-tab-continue:focus, .modal-email-playground-signup:hover, .modal-email-playground-signup:focus {
	background-color: #00B2DD;
	background-color: var(--colors-cyan);
}

.modal-playground-consent-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

@media (max-width: 400px) {
	.modal-add-to-cart-continue {
		margin-top: 1rem;
	}
	.ba11-modal-container {
		padding: 0 1.5rem 1rem;
	}
	.ba11-modal-contents {
		width: 100%;
		padding: 1rem 0;
	}
}

p.modal-email-privacy {
	font-size: 1.25rem;
	margin: 0.5rem 0 1rem;
}

.modal-email-privacy-link {
	text-decoration: none;
	color: #606060;
	font-weight: bold;
}

.ba11-add-cart-modal {
	width: 90%;
	max-width: 60rem;
}

.ba11-add-cart-modal-inner {
	position: relative;
	display: block;
	padding: 0 3rem;
	max-width: calc(100% - 6rem);
}

.ba11-add-cart-modal-top-text {
	width: 100%;
	margin-top: 2rem;
	color: #0058a8;
	color: var(--colors-blue);
	text-align: center;
	font-size: 150%;
	font-weight: 500;
}

.ba11-add-cart-modal-button-group {
	margin-top: 2rem;
}

.ba11-add-cart-modal-button {
	min-width: 24rem;
	height: 3rem;
	margin: 0.5rem;
	padding: 0.5rem;
	font-size: 120%;
}

@media (max-width: 700px) {
	.ba11-add-cart-modal-button {
		font-size: calc(1.05rem + 0.92vw);
		height: 2.5rem;
	}
	.ba11-add-cart-modal-inner {
		padding: 0 1rem;
		max-width: 100%;
	}
}

@media (max-width: 550px) {
	.ba11-add-cart-modal-inner {
		padding: 0 0.5rem;
		max-width: 100%;
	}
	.ba11-add-cart-modal-top-text {
		margin: 1rem 2.5rem 0;
		font-size: 120%;
		width: calc(100% - 5rem);
	}
	.ba11-add-cart-modal-button {
		font-size: 130%;
		height: 2.5rem;
		padding: 0.5rem 0.25rem;
		margin: 0.5rem 0.25rem;
		min-width: 20rem;
	}
}

@media (max-width: 420px) {
	.ba11-add-cart-modal-button {
		height: 2rem;
		min-height: 2rem;
		min-width: 16rem;
		flex: 1 1 0%;
	}
}

/* Scoped to addCartModalBodyNew template using namespaced classes */

.modal-wrap.add-cart-modal-wrap {
	width: 90%;
	max-width: 60rem;
	background-color: #FFFFFF;
	background-color: var(--colors-white);
	overflow: visible;
	position: relative;
	background-position: 0% -1%;
	background-size: calc(100% + 5px) auto;
}

.ba11-add-cart-modal-subheading {
	margin-bottom: 0;
	font-size: 1.7rem;
}

.add-cart-modal-scroll-container .ba11-add-cart-modal-item-price-original {
	text-decoration: line-through;
	color: #c00;
	margin-right: 0.5rem;
}

.add-cart-modal-scroll-container .ba11-add-cart-modal-item-price-sibling {
	color: #606060;
	margin-right: 0;
}

.add-cart-modal-scroll-container .ba11-add-cart-modal-sibling-discount-note {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	margin: 0.5rem 0 0;
	font-size: 1.25rem;
	color: #606060;
	font-style: italic;
}

.add-cart-modal-scroll-container .ba11-add-cart-modal-sibling-discount-icon {
	color: #606060;
	font-size: 15px;
	flex-shrink: 0;
}

/* Font Awesome thin style: project fontawesome.css doesn't set weight for .fa-thin, so it defaults to 900 (solid) */

.fa-thin {
	font-weight: 100;
}

.modal-scroll-container.add-cart-modal-scroll-container {
	padding: 115px 80px 35px;
	overflow: visible;
}

.add-cart-modal-scroll-container .ba11-add-cart-modal-title {
	color: #1b365d;
	color: var(--colors-mainBlue);
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
	margin: 1rem 0 0rem;
	width: 100%;
}

.add-cart-modal-scroll-container .ba11-add-cart-modal-item-description {
	font-family: Roboto;
	font-style: italic;
	font-weight: 400;
	line-height: 17.25px;
	color: #606060;
}

.add-cart-modal-scroll-container .add-cart-modal-bundle-subtitle {
	margin: 0rem 0 -1rem;
}

.add-cart-modal-dropdown-label {
	font-size: 15px;
}

.add-cart-modal-dropdown-link {
	font-size: 15px;
}

.add-cart-modal-support-text {
	font-size: 15px;
	font-family: Roboto;
	line-height: 17.25px;
}

.modal-support, .modal-form-row {
	width: 100%;
}

.add-cart-modal-max-subs-message {
	display: none;
}

.add-cart-modal-wrap.has-max-subs .add-cart-modal-max-subs-message {
	display: block;
	width: 100%;
	font-size: 16px;
	margin-bottom: 1.5rem;
}

.add-cart-modal-wrap.has-max-subs .ba11-add-cart-modal-item, .add-cart-modal-wrap.has-max-subs .ba11-add-cart-modal-summary {
	display: none;
}

/* Item section */

.add-cart-modal-scroll-container .ba11-add-cart-modal-item {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	width: 100%;
	margin: 1rem 0;
}

.add-cart-modal-scroll-container .ba11-add-cart-modal-item-image {
	flex-shrink: 0;
	width: 120px;
	height: 120px;
	position: relative;
}

.add-cart-modal-scroll-container .ba11-add-cart-modal-item-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.add-cart-modal-scroll-container .ba11-add-cart-modal-item-image-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	position: relative;
}

.add-cart-modal-scroll-container .ba11-add-cart-modal-item-image-books {
	width: 50%;
	height: 80%;
	background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
	border-radius: 0.25rem;
	position: relative;
}

.add-cart-modal-scroll-container .ba11-add-cart-modal-item-image-books::before {
	content: "";
	position: absolute;
	top: -5%;
	left: 10%;
	width: 80%;
	height: 110%;
	border-radius: 0.25rem;
	z-index: -1;
}

.add-cart-modal-scroll-container .ba11-add-cart-modal-item-image-books::after {
	content: "";
	position: absolute;
	top: -10%;
	left: 20%;
	width: 60%;
	height: 120%;
	background: linear-gradient(135deg, #ffe66d 0%, #ffd93d 100%);
	border-radius: 0.25rem;
	z-index: -2;
}

.add-cart-modal-scroll-container .ba11-add-cart-modal-item-image-laptop {
	width: 50%;
	height: 60%;
	border-radius: 0.25rem;
	position: relative;
}

.add-cart-modal-scroll-container
	.ba11-add-cart-modal-item-image-laptop::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	height: 40%;
	background: #2c3e50;
	border-radius: 0.15rem;
}

.add-cart-modal-scroll-container .ba11-add-cart-modal-item-details {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	color: #606060;
	font-family: Roboto;
	font-size: 1.25rem;
	font-style: italic;
	font-weight: 400;
	line-height: 17.25px;
	text-align: left;
}

.add-cart-modal-scroll-container .ba11-add-cart-modal-item-price {
	font-style: normal;
}

.add-cart-modal-dropdown {
	position: relative;
	z-index: 100;
	margin-left: unset;
}

.add-cart-modal-dropdown .modal-dropdown {
	width: 100%;
	min-height: 50px;
}

.add-cart-modal-dropdown .dropdown-toggle {
	padding-top: 14px;
	padding-bottom: 14px;
}

.add-cart-modal-dropdown .dropdown-toggle.w--open {
	padding-bottom: 12px;
}

.add-cart-modal-dropdown .w-dropdown-toggle.w--open .w-icon-dropdown-toggle {
	transform: rotate(180deg);
}

.add-cart-modal-dropdown .w-dropdown-list {
	z-index: 100;
	background-color: #fff;
}

.add-cart-modal-dropdown .w-dropdown-list.w--open {
	border: 2px solid #1b365d;
}

/* Toggle: white background, dark blue border and text (inverted from dark blue bg) */

.add-cart-modal-dropdown .dropdown-toggle {
	background-color: #fff;
	border: 2px solid #1b365d;
	color: #1b365d;
}

.add-cart-modal-dropdown .dropdown-toggle .text-white, .add-cart-modal-dropdown .dropdown-toggle .w-icon-dropdown-toggle {
	color: #1b365d;
}

.add-cart-modal-dropdown .w-dropdown-link {
	display: block;
	padding: 14px 16px;
	color: #1b365d;
	white-space: normal;
	text-decoration: none;
	transition: background-color 200ms ease, color 200ms ease;
}

.add-cart-modal-dropdown .w-dropdown-link:hover {
	background-color: #1b365d;
	color: #fff;
}

/* Cart summary */

.add-cart-modal-scroll-container .ba11-add-cart-modal-summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem;
	width: 100%;
	color: #1b365d;
	text-align: center;
	font-family: Roboto;
	font-size: 18.4px;
	font-style: normal;
	font-weight: 400;
	line-height: 21.16px; /* 115% */
}

/* Buttons */

.add-cart-modal-buttons {
	margin-top: 2rem;
	flex-direction: row;
}

.add-cart-modal-buttons .ba11-add-cart-modal-button {
	min-width: 24rem;
	height: 3rem;
	margin: 0.5rem;
	padding: 0.5rem;
	font-size: 120%;
}

.add-cart-modal-buttons .ba11--continue {
	border: 4px solid #1b365d;
	background: #fff;
	color: #1b365d;
}

.add-cart-modal-btn--disabled {
	pointer-events: none;
	opacity: 0.5;
	cursor: not-allowed;
}

/* Close button */

.add-cart-modal-wrap .add-cart-modal-close-block {
	position: absolute;
	left: auto;
	top: -25px;
	right: -25px;
	bottom: auto;
	display: flex;
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	background-color: #363d4e;
	cursor: pointer;
	z-index: 10;
}

.add-cart-modal-close-block:hover {
	background-color: darken(#363d4e, 10%);
}

.add-cart-modal-close-image {
	max-width: 25px;
	max-height: 25px;
	width: auto;
	height: auto;
}

.add-cart-modal-close-image:hover {
	animation-name: spin;
	animation-duration: 1.5s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.53, -0.16, 0.52, 1.16);
}

.modal-form-row.buttons.add-cart-modal-buttons {
	width: 100%;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/* Responsive */

@media (max-width: 767px) {
	.add-cart-modal-wrap .add-cart-modal-close-block {
		width: 35px;
		height: 35px;
		top: -17.5px;
		right: -17.5px;
	}

	.add-cart-modal-close-image {
		max-width: 25px;
		max-height: 25px;
	}
}

@media (max-width: 700px) {
	.add-cart-modal-scroll-container .ba11-add-cart-modal-title {
		font-size: 2rem;
		margin: 1rem 0 1.5rem;
	}

	.add-cart-modal-scroll-container .ba11-add-cart-modal-item-image {
		width: 100px;
		height: 100px;
	}

	.add-cart-modal-buttons .ba11-add-cart-modal-button {
		width: 100%;
	}
}

@media (max-width: 550px) {
	.modal-scroll-container.add-cart-modal-scroll-container {
		padding: 50px 25px 25px;
	}
	.add-cart-modal-scroll-container .ba11-add-cart-modal-item {
		flex-direction: row;
	}
	.add-cart-modal-scroll-container .ba11-add-cart-modal-title {
		margin: 2rem 0 0;
	}

	.add-cart-modal-scroll-container .ba11-add-cart-modal-item-image {
		width: 80px;
		height: 80px;
	}

	.add-cart-modal-scroll-container .ba11-add-cart-modal-summary {
		flex-direction: row;
		gap: 0.5rem;
		align-items: flex-start;
		margin-bottom: 0;
		margin-top: 10px;
		color: #606060;
	}

	.modal-form-row.buttons.add-cart-modal-buttons {
		margin: 10px auto 0px;
	}
}

.social-proof {
	font-size: 1.25rem;
	color: #898989;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	padding: 1.5em 1em 1.25em;
	-webkit-user-select: none;
	        user-select: none;
}

.social-proof--off {
	display: none;
}

.social-proof--wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background-color: #f8f8f8;
	padding: 1em 1em 1.25em;
	border-radius: 1em;
	max-width: 58em;
	margin-left: auto;
	margin-right: auto;
}

.social-proof--label {
	margin-bottom: 1em;
	width: 100%;
}

.social-proof--logo {
	height: 2.75em;
	margin-bottom: 0.25em;
}

.social-proof--img {
	height: 100%;
	width: auto;
	max-width: 100%;
}

@media (min-width: 86rem) {
	.social-proof {
		font-size: 1.75rem;
		padding-top: 2.25em;
	}
	.social-proof--wrap {
		justify-content: space-between;
		align-items: center;
		padding: 1.5em 3.5em;
		border-radius: 1.333em;
	}
	.social-proof--label {
		margin-bottom: 0;
		width: auto;
	}
	.social-proof--logo {
		height: 3em;
		margin-bottom: 0;
	}
}

/*
These are css exported direct from webflow.
They likely don't need any edits from us that need versioning, but we should not rule out the possibility.
Therefore, these are included in here for postcss build.
*/

.w-layout-grid {
	display: grid;
	grid-auto-columns: 1fr;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
	grid-row-gap: 16px;
	grid-column-gap: 16px;
}

body {
	font-family: Roboto, sans-serif;
	color: #1b365d;
	font-size: 16px;
	line-height: 1.15;
}

h1 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 38px;
	line-height: 1.2;
	font-weight: 700;
}

h2 {
	font-size: 28px;
	line-height: 1.2;
	font-weight: 700;
}

h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 700;
}

h4 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 1.3;
	font-weight: 700;
}

h5 {
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 19px;
	line-height: 1.3;
	font-weight: 700;
}

p {
	margin-bottom: 20px;
	font-size: 19px;
	line-height: 1.4;
}

a {
	color: #289ecc;
	text-decoration: underline;
}

.label {
	margin-bottom: 30px;
	color: #1a365d;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.label.small {
	margin-bottom: 15px;
	padding: 5px 10px 3px;
	border-radius: 32px;
	background-color: #2dccd2;
	font-size: 12px;
	line-height: 1em;
	font-weight: 400;
}

.label.big {
	font-size: 16px;
	line-height: 1.8em;
}

.hero-subheader {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 1.3;
}

.hero-subheader.text-dark-blue {
	color: #1b365d;
}

.hero-subheader.text-dark-blue.bold {
	font-size: 20px;
	font-weight: 700;
}

.hero-subheader.text-dark-blue.books-hero {
	font-weight: 500;
}

.hero-subheader.hero-books {
	margin-bottom: 35px;
	color: #1b365d;
	font-size: 17px;
}

.ct {
	display: flex;
	max-width: 1350px;
	padding-right: 4%;
	padding-left: 4%;
	flex-direction: column;
	align-items: center;
	line-height: 1.8em;
}

.jumbo {
	font-size: 80px;
}

.column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.spacer-100px {
	width: 100px;
	height: 100px;
}

.style-guide-labels {
	margin-bottom: 40px;
	color: #afafaf;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.style-guide-labels.no-margin {
	margin-bottom: 0px;
}

.brand {
	display: block;
	margin-right: auto;
	text-align: center;
}

.guide-heading {
	width: 100%;
	margin-bottom: 50px;
	padding-bottom: 30px;
	border-bottom: 1px solid #dfdfdf;
	color: #adadad;
}

.style-grid-two-c {
	display: grid;
	margin-bottom: 100px;
	grid-auto-columns: 1fr;
	grid-column-gap: 60px;
	grid-row-gap: 50px;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
}

.section-testimonials {
	overflow: hidden;
	height: 500px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url("/assets/wf/images/BA_bg.jpg");
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.text-dark-blue {
	color: #1a365d;
}

.text-dark-blue.bold {
	font-weight: 700;
}

.text-dark-blue.text-centered {
	text-align: center;
}

.text-dark-blue.text-centered.mb-40 {
	margin-bottom: 40px;
}

.text-dark-blue.text-centered.semi-bold {
	font-weight: 500;
}

.text-dark-blue.mb-md-40 {
	margin-bottom: 40px;
}

.text-dark-blue.sm {
	font-size: 1.25rem;
}

.text-dark-blue.mt-0 {
	margin-top: 0px;
}

.text-dark-blue.mb-20 {
	margin-bottom: 20px;
}

.text-dark-blue.d-sm-none {
	display: none;
}

.jumbo-paragraph.no-margin {
	margin-bottom: 0px;
}

.style-grid-four-c {
	display: grid;
	margin-bottom: 100px;
	grid-auto-columns: 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
}

.style-grid-four-c.no-margin {
	margin-bottom: 0px;
	grid-template-rows: auto auto;
}

.color-block {
	width: 100%;
	height: 100px;
	margin-bottom: 15px;
	background-color: #60bce0;
}

.color-block.bg-lt-gray {
	background-color: #e8e8e8;
}

.color-block.bg-white {
	border-style: solid;
	border-width: 1px;
	border-color: #dfdfdf;
	background-color: #fff;
}

.color-block.bg-lt-blue {
	background-color: #60bce0;
}

.color-block.bg-orange {
	background-color: #ff9a15;
}

.color-block.bg-pink {
	background-color: #ea7eb1;
}

.color-block.bg-dark-red {
	background-color: #8c0523;
}

.color-block.bg-blue {
	background-color: #1b365d;
}

.btn-secondary {
	width: 12rem;
	padding: 12px 20px;
	background-color: #fff;
	transition: color 200ms ease, background-color 200ms ease;
	color: #d50032;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.btn-secondary:hover {
	background-color: #1b365d;
	color: #fff;
}

.btn-secondary.bg-dark:hover {
	background-color: #d50032;
}

.btn-secondary.bg-orange {
	background-color: #ff9a15;
}

.btn-secondary.bg-orange:hover {
	opacity: 0.66;
}

.btn-secondary.bg-green {
	background-color: #61ad00;
}

.btn-secondary.book-sets {
	color: #fff;
}

.btn-secondary.book-sets:hover {
	opacity: 0.66;
}

.btn-secondary.book-sets.bg-sky-blue {
	background-color: #60bce0;
}

.btn-secondary.book-sets.bg-purple {
	background-color: #7a3888;
}

.btn-secondary.wide {
	width: 14rem;
}

.btn-primary, .gifting-btn {
	display: block;
	width: 100%;
	min-width: 152px;
	margin-bottom: 10px;
	padding: 14px;
	transition: border 200ms ease, color 200ms ease, background-color 200ms ease;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
}

.btn-primary.dark-blue, .gifting-btn.dark-blue {
	border: 4px solid #1b365d;
	background-color: #1b365d;
}

.btn-primary.dark-blue:hover, .gifting-btn.dark-blue:hover {
	background-color: #60bce0;
	color: #1b365d;
}

.btn-primary.dark-blue.mx-auto, .gifting-btn.dark-blue.mx-auto {
	margin-right: auto;
	margin-left: auto;
}

.btn-primary.dark-blue.mx-auto.mt-40, .gifting-btn.dark-blue.mx-auto.mt-40 {
	margin-top: 40px;
}

.btn-primary.dark-blue.hero-books, .gifting-btn.dark-blue.hero-books {
	min-width: 220px;
	padding: 14px;
}

.btn-primary.bg-red, .gifting-btn.bg-red {
	background-color: #d50032;
	color: #fff;
}

.btn-primary.bg-red:hover, .gifting-btn.bg-red:hover {
	background-color: #8c0523;
}

.btn-primary.bg-red.w--current, .gifting-btn.bg-red.w--current {
	border: 4px solid #d50032;
}

.btn-primary.bg-red.w--current:hover, .gifting-btn.bg-red.w--current:hover {
	border-color: #8c0523;
}

.btn-primary.bg-red.center, .gifting-btn.bg-red.center {
	margin-right: auto;
	margin-left: auto;
}

.btn-primary.bg-red.nav, .gifting-btn.bg-red.nav {
	min-width: 0px;
	margin-bottom: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 20px;
}

.btn-primary.bg-red.nav.w--current, .gifting-btn.bg-red.nav.w--current {
	border-style: none;
}

.btn-primary.bg-red.product-top-btn, .gifting-btn.bg-red.product-top-btn {
	width: 225px;
	min-width: 40%;
	margin-bottom: 0px;
}

@media screen and (max-width: 885px) {
	.btn-primary.bg-red.product-top-btn, .gifting-btn.bg-red.product-top-btn {
		font-size: 17px;
	}
}

/*  Hover behavior for touch screen devices on Checkout button */

@media (hover: none), (pointer: coarse) {
	.btn-primary.bg-red.w-button.checkout-btn:hover, .btn-primary.bg-red.w-button.checkout-btn:active, .gifting-btn.bg-red.w-button.checkout-btn:hover, .gifting-btn.bg-red.w-button.checkout-btn:active {
		background-color: #d50032;
	}
}

.btn-primary.outline-blue, .gifting-btn.outline-blue {
	border: 4px solid #1b365d;
	background-color: #fff;
	color: #1b365d;
}

.btn-primary.outline-blue:hover, .gifting-btn.outline-blue:hover {
	background-color: #1b365d;
	color: #fff;
}

.btn-primary.outline-blue.mr-md-20.w--current, .gifting-btn.outline-blue.mr-md-20.w--current {
	margin-right: 20px;
}

.btn-primary.outline-blue.mr-sm-20, .gifting-btn.outline-blue.mr-sm-20 {
	margin-right: 20px;
}

.btn-primary.outline-red, .gifting-btn.outline-red {
	border: 4px solid #d50032;
	background-color: #fff;
	color: #d50032;
}

.btn-primary.outline-red.hero-books, .gifting-btn.outline-red.hero-books {
	min-width: 220px;
}

.btn-primary.outline-red.hero-books:hover, .gifting-btn.outline-red.hero-books:hover {
	background-color: #d50032;
	color: #fff;
}

.grid {
	justify-items: center;
	align-items: center;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto auto;
}

.text-white {
	color: #fff;
}

.text-white.text-align-right {
	text-align: right;
}

.text-white.mt-0 {
	margin-top: 0px;
}

.text-white.stat-number {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	font-size: 65px;
	font-weight: 500;
}

.text-white.text-shadow {
	text-shadow: 1px 0 2px hsla(0, 0%, 44%, 0.81);
}

.text-white.text-shadow.d-xs-none {
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.text-white.stat-text {
	font-size: 22px;
	line-height: 1.3;
	font-weight: 500;
}

.banner-image-wrap {
	width: 60%;
	justify-content: flex-end;
}

.banner-image-wrap.online {
	z-index: 100;
	width: 60%;
}

.banner-image-wrap.enroll {
	width: 40%;
	justify-content: flex-start;
	background-image: none;
}

.section-hero {
	width: 100%;
	flex-direction: row;
	align-items: center;
	background-color: #fff;
	background-image: linear-gradient(264deg, #a50126, #a40025 32%, #fff 33%);
}

.section-hero.bg-none {
	background-image: none;
}

.section-hero.books {
	min-height: 400px;
	background-image: url("/assets/wf/images/hero-books.jpg");
	background-position: 100% 0%;
	background-size: contain;
	background-repeat: no-repeat;
}

.main-content {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
}

.main-content.overflow-auto {
	overflow: visible;
}

.hero-content-text.enroll {
	margin-left: 0%;
}

.hero-content {
	z-index: 100;
	width: 40%;
	max-width: 480px;
	flex-direction: row;
	align-items: flex-start;
}

.hero-content.enroll {
	width: 60%;
	max-width: 500px;
}

.hero-content.online {
	display: flex;
	width: 50%;
	padding-top: 40px;
	padding-bottom: 40px;
	align-items: center;
}

.hero-content.books {
	position: relative;
	width: 50%;
}

.hero-container {
	display: flex;
	width: 100%;
	max-width: 2200px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 60px;
	align-items: center;
}

.hero-container.enroll {
	justify-content: space-around;
}

.hero-container.online {
	align-items: stretch;
}

.hero-container.books {
	height: 400px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
}

.section-books-online {
	padding-bottom: 40px;
}

.books-online-callout {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-around;
	align-items: stretch;
}

.wave {
	display: none;
}

.hero-mobile {
	display: none;
}

.headline {
	font-size: 34px;
}

.title-choose {
	font-size: 3rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 4rem;
}

body.PROJ-19386-cro .section-subscriptions .headline {
	display: none;
}

.headline.text-dark-blue {
	color: #1b365d;
}

.headline.text-dark-blue.online {
	font-size: 28px;
}

.headline.page-title {
	margin-top: 0px;
	margin-bottom: 24px;
}

.enroll-headline {
	display: none;
}

body.PROJ-19386-cro .enroll-headline {
	display: block;
	font-family: Roboto Slab, sans-serif;
	font-size: 40px;
	font-weight: 700;
	color: white;
	margin: auto;
}

.enroll-subline {
	display: none;
}

body.PROJ-19386-cro .enroll-subline {
	display: block;
	font-family: Roboto Slab, sans-serif;
	font-size: 21px;
	font-weight: 500;
	color: white;
	margin-top: 10px;
}

body.PROJ-19386-cro .og_h2, body.PROJ-19386-cro .price-change-monthly-text-top, body.PROJ-19386-cro
	.monthly-sub-base-price-insert-dollars
	~ .monthly-sub-base-price-insert, body.PROJ-19386-cro .price-change-monthly-text-bottom, body.PROJ-19386-cro .price-change-yearly-text-top, body.PROJ-19386-cro .yearly-sub-base-price-insert, body.PROJ-19386-cro .yearly-sub-base-price-insert + .text-span, body.PROJ-19386-cro .price-change-yearly-text-bottom, body.PROJ-19386-cro .og_p, body.PROJ-19386-cro .academy-price-insert-dollars + .text-span, body.PROJ-19386-cro .beast-yearly .text-small.text-dark-blue.mb-40, body.PROJ-19386-cro .sec-sub-container .subscriptions-help {
	display: none;
}

.section-subscriptions > .subscriptions-help {
	display: none;
}

body.PROJ-19386-cro .section-subscriptions > .subscriptions-help {
	display: block;
}

.monthly-sub-base-price-insert-dollars, .yearly-sub-base-price-insert-dollars {
	display: none;
}

body.PROJ-19386-cro .monthly-sub-base-price-insert-dollars, body.PROJ-19386-cro .yearly-sub-base-price-insert-dollars {
	display: inline;
}

.section-challenges {
	padding: 5rem 2rem 3rem;
}

.wave_deco {
	overflow: hidden;
	position: relative;
	height: 45px;
}

.wave_deco-top {
	height: 52px;
	margin-top: 16px;
}

.wave_deco img {
	height: calc(100% + 1px);
	width: 100%;
	top: -1px;
	position: relative;
}

.wave_deco-top img {
	top: 1px;
}

@media (min-width: 768px) {
	.wave_deco {
		height: 183px;
	}

	.wave_deco-top {
		height: 212px;
		margin-top: -64px;
	}
}

@media (min-width: 1200px) {
	.wave_deco-top {
		margin-top: -112px;
	}
}

.section-learning {
	background-image: linear-gradient(#a60126, #cf0031);
}

.books-online-callout-img {
	display: flex;
	width: 50%;
	height: 100%;
	align-items: center;
}

.books-online-callout-img.align-right {
	position: relative;
	justify-content: flex-end;
	text-align: right;
}

.books-online-callout-text {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	flex: 0 auto;
}

.books-online-callout-text.align-right {
	align-items: flex-end;
	align-self: stretch;
}

.ba-books-img {
	width: 70%;
}

.books-online-callout-container {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}

.books-online-callout-wrapper {
	position: relative;
	display: flex;
	max-width: 900px;
	flex-direction: row;
	justify-content: space-between;
}

.books-online-callout-wrapper.reverse {
	justify-content: space-between;
	align-items: stretch;
	align-self: stretch;
}

.ba-online-img {
	position: relative;
	z-index: 200;
	max-height: 170px;
}

.books-online-callout-cta {
	position: relative;
	left: auto;
	top: auto;
	right: 0%;
	bottom: 0%;
}

.books-online-callout-cta.left {
	left: 0%;
	top: auto;
	right: auto;
	bottom: 0%;
	display: none;
	align-self: flex-start;
}

.books-online-callout-cta.left.d-sm-none {
	display: block;
}

.books-online-callout-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.books-online-callout-content.right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.challenges-container {
	display: flex;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

.challenges-wrapper {
	position: relative;
	width: 50%;
}

.alex {
	position: absolute;
	left: 0%;
	right: auto;
	bottom: auto;
	height: 120px;
}

.alex.online {
	left: -8px;
}

.callout-img-container {
	position: relative;
	width: 100%;
}

.section-intro-copy {
	max-width: 850px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
	text-align: center;
}

.section-intro-copy._w-lg-75 {
	width: 75%;
}

.section-intro-copy._w-lg-75.mt-20 {
	margin-top: 20px;
}

.section-intro-copy._w-lg-60 {
	width: 60%;
}

.learning-categories {
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
}

.learning-categories.half {
	width: 31.1%;
	margin-bottom: 40px;
	padding-bottom: 20px;
	align-self: flex-end;
	background-color: #fff;
}

.learning-categories.live {
	display: flex;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	align-items: center;
	background-color: #fff;
	text-decoration: none;
}

.learning-categories-wrapper {
	max-width: 964px;
	margin-right: auto;
	margin-left: auto;
	justify-content: space-between;
	align-items: center;
}

.learning-categories-online-books {
	position: relative;
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
}

.learning-style-bundles-image {
	margin-left: -30px;
}

.learning-categories-image {
	z-index: 1;
}

.learning-categories-content {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.learning-categories.half .learning-categories-content {
		margin-top: -4em;
		padding-top: 0px;
		padding-bottom: 60px;
		height: 22rem;
	}
}

@media screen and (min-width: 903px) {
	.learning-categories.half .learning-categories-content {
		padding-bottom: 30px;
		height: 16rem;
	}
}

@media screen and (min-width: 1012px) {
	.learning-categories.half .learning-categories-content {
		padding-bottom: 0;
		height: 14rem;
	}
}

@media screen and (max-width: 767px) {
	.learning-categories.half {
		width: 100%;
		margin-top: 40px;
		margin-bottom: 20px;
	}
}

.container {
	position: relative;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
	padding: 2rem;
}

.character {
	max-height: 350px;
}

.why-wrapper {
	display: flex;
	width: 100%;
	margin-bottom: 40px;
	flex-wrap: wrap;
	align-items: center;
}

.why-text {
	width: 60%;
	padding-right: 20px;
	padding-left: 20px;
}

.why-character {
	width: 40%;
	text-align: center;
}

.why-character.d-none-xs {
	display: block;
}

.why-character.d-none-md {
	display: none;
}

.why-cta {
	width: 100%;
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.section-closer {
	position: relative;
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 100px;
}

.airplane-01 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

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

.closer-content.text-center {
	max-width: 750px;
	margin-bottom: 60px;
	text-align: center;
}

.closer-logo {
	margin-bottom: 20px;
}

.section-footer {
	position: relative;
	z-index: 99;
	padding-top: 40px;
	padding-bottom: 40px;
	background-image: linear-gradient(0deg, #8c0523, #d50032);
}

.fiona-waving {
	position: absolute;
	left: auto;
	top: auto;
	right: -5%;
	bottom: 0%;
	width: 100%;
	max-width: 350px;
	transform: rotate(-20deg);
	pointer-events: none;
}

.winnie-sitting {
	position: absolute;
	left: auto;
	top: auto;
	right: 20%;
	bottom: 0%;
	z-index: 102;
	width: 100%;
	max-width: 220px;
	pointer-events: none;
}

.grogg-alex {
	position: absolute;
	left: -15%;
	top: auto;
	right: auto;
	bottom: -11%;
	z-index: 102;
	width: 500px;
	pointer-events: none;
}

.red-bottom {
	position: absolute;
	left: 0%;
	top: auto;
	right: 0%;
	bottom: 0%;
	z-index: 90;
	height: 60px;
	background-color: #d50032;
}

.ba-demo {
	height: 260px;
}

.section-cta.bg-navy {
	background-color: #1b365d;
	color: #fff;
}

.section-cta.bg-pattern {
	background-color: #d50032;
	background-image: url("/assets/wf/images/cta-bg.svg");
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: repeat-x;
	color: #fff;
}

.cta-wrapper {
	display: flex;
	width: 100%;
	max-width: 1000px;
	padding: 30px 40px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.cta-wrapper.mx-auto {
	margin-right: auto;
	margin-left: auto;
}

.cta-wrapper.mx-auto.justify-space-around {
	justify-content: space-around;
}

.cta-wrapper.mx-auto.justify-center {
	justify-content: center;
}

.cta-content {
	padding-right: 20px;
}

.cta-content.mr-20 {
	margin-right: 20px;
}

.why-content {
	display: flex;
	align-items: center;
}

.section-programs {
	padding-top: 40px;
	padding-bottom: 40px;
}

.brand-logo-wrapper {
	width: 100%;
}

.brand-logos {
	display: flex;
	width: 100%;
}

.brand-logo-img {
	width: 180px;
}

.stat-content {
	display: flex;
	width: 44%;
	align-items: center;
	align-self: center;
}

.stat-wrapper {
	display: flex;
	justify-content: center;
}

.section-stat {
	display: flex;
	width: 100%;
	padding: 16px 10px;
	justify-content: center;
	align-items: center;
}

.section-stat.bg-red {
	background-color: #d50032;
}

.section-stat.bg-dark-blue {
	background-color: #1b365d;
}

.stat-img-wrapper {
	margin-right: 20px;
	align-self: center;
}

.stat-img {
	position: relative;
	width: 80px;
}

.hero-cta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: center;
}

.online-intro-content._w-60-lg {
	width: 60%;
}

.online-intro-text {
	display: flex;
	width: 100%;
	max-width: 550px;
	margin-top: 20px;
	flex-direction: column;
	align-items: flex-start;
}

.online-intro-wrapper {
	display: flex;
	width: 100%;
	align-items: center;
}

.online-intro-image {
	position: relative;
}

.online-intro-img {
	position: relative;
}

.section-benefits {
	padding: 2rem 0px 4rem;
}

.benefits-wrapper.mb-60-md {
	margin-bottom: 60px;
}

.benefits-content {
	position: relative;
	display: flex;
	width: 100%;
	flex-direction: row;
	align-items: flex-end;
}

.benefits-quote {
	position: relative;
	width: 50%;
}

.benefits-copy {
	width: 50%;
}

.benefits-quote-wrapper {
	position: relative;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: left;
}

.benefits-quote-wrapper.right {
	padding-right: 40px;
	padding-left: 10px;
}

.benefits-quote-content {
	display: flex;
	width: 100%;
	height: auto;
	min-height: 400px;
	padding-top: 100px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.float-right {
	float: right;
	font-weight: 400;
}

.float-right.mt-10 {
	margin-top: 10px;
}

.benefits-quote-text {
	color: #1b365d;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 500;
}

.quote-blob {
	position: absolute;
	left: 0%;
	top: 0%;
	right: auto;
	bottom: auto;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
}

.section-features {
	padding-top: 80px;
	padding-bottom: 40px;
	background-image: url("/assets/wf/images/bg-ba.jpg");
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: repeat-x;
}

.features-tabs {
	padding: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #d1d3d4;
	background-color: #e8e8e8;
	transition: border 200ms ease, background-color 200ms ease, color 200ms ease;
	font-weight: 500;
	text-align: center;
}

.features-tabs:hover {
	border-color: #d50032;
	color: #d50032;
}

.features-tabs.w--current {
	border-color: #d50032;
	background-color: #d50032;
	color: #fff;
}

.features-tabs.books-info {
	padding-top: 16px;
	padding-bottom: 16px;
	justify-content: center;
}

.features-tabs.books-info:hover {
	border-color: #1b365d;
	color: #1b365d;
}

.features-tabs.books-info.w--current {
	border-color: #1b365d;
	background-color: #1b365d;
	color: #fff;
}

.features-tab-pane {
	padding: 40px 20px;
	background-color: #fff;
}

.tabs-menu {
	display: flex;
	width: 100%;
	justify-content: center;
}

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

.section-teachers {
	padding-top: 40px;
	padding-bottom: 40px;
}

.section-teachers.bg-lt-gray {
	background-color: #f4f4f4;
}

.teacher-cards-container {
	display: flex;
	width: 100%;
	justify-content: center;
	flex-wrap: wrap;
	align-items: stretch;
	grid-auto-columns: 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
}

.teacher-block {
	position: relative;
	width: 30%;
	margin-top: 100px;
	margin-right: 20px;
	background-color: #fff;
	text-align: center;
}

.teacher-block._01 {
	background-image: url("/assets/wf/images/shape-block-01.svg");
	background-position: 0% 0%;
	background-size: 310px 170px;
	background-repeat: no-repeat;
}

.teacher-block._02 {
	background-image: url("/assets/wf/images/shape-block-02.svg");
	background-position: 0% 0%;
	background-size: 310px 165px;
	background-repeat: no-repeat;
}

.teacher-block._03 {
	margin-right: 0px;
	background-image: url("/assets/wf/images/shape-block-03.svg");
	background-position: 0% 0%;
	background-size: 310px 137px;
	background-repeat: no-repeat;
}

.teacher-block._04 {
	background-image: url("/assets/wf/images/shape-block-04.svg");
	background-position: 0% 0%;
	background-size: 310px 144px;
	background-repeat: no-repeat;
}

.teacher-block._05 {
	margin-right: 0px;
	background-image: url("/assets/wf/images/shape-block-05.svg");
	background-position: 0% 0%;
	background-size: 310px 161px;
	background-repeat: no-repeat;
}

.teacher-block-img {
	position: absolute;
	left: 0%;
	top: -16%;
	right: 0%;
	width: 220px;
	margin-right: auto;
	margin-left: auto;
}

.teacher-block-img.larger {
	width: 250px;
}

.teacher-block-content {
	margin-top: 200px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}

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

.text-centered.mt-40 {
	margin-top: 40px;
}

.text-centered.mb-40 {
	margin-bottom: 40px;
}

p.text-small.text-dark-blue.mb-40 {
	height: calc(1.4em * 3);
}

.teachers-cta {
	display: flex;
	width: 100%;
	margin-top: 60px;
	flex-direction: column;
	align-items: center;
}

.section-specs {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.specs-img {
	width: 225px;
}

.specs-content {
	width: 60%;
}

.specs-wrapper {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}

.section-slider {
	padding-bottom: 60px;
}

.parent-name {
	display: block;
	margin-top: 20px;
	font-size: 1rem;
	font-weight: 400;
}

.text-red {
	color: #d50032;
}

.slider-copy {
	width: 60%;
	padding-left: 20px;
}

.slider-img {
	width: 100%;
	height: 100%;
}

.enroll-cta {
	display: flex;
	width: 100%;
	padding-bottom: 60px;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.enroll-hero-img {
	min-width: 450px;
}

.section-subscriptions {
	background-size: cover;
}

body.PROJ-19386-cro .section-subscriptions {
	padding-bottom: 0px;
	background-color: #1a365d;
}

.section-subscriptions:not(body.PROJ-19386-cro .section-subscriptions) {
	padding-top: 4rem;
	padding-bottom: 4rem;
	background-image: url("/assets/wf/images/bg-subscriptions.jpg");
	background-position: 50% 50%;
}

.updated-enroll.section-subscriptions:not(body.PROJ-19386-cro
		.section-subscriptions) {
	background-image: none;
	padding-top: 0px;
}

.updated-enroll .section-intro-copy {
	max-width: unset;
}

.updated-enroll
	.subscriptions-help:not(body.PROJ-19386-cro .subscriptions-help) {
	margin-bottom: unset;
}

.updated-enroll .container {
	padding: 0 2rem;
}

.updated-enroll .subscription-card-title h2 {
	margin-top: 3rem;
	font-size: 2rem;
}

.updated-enroll #why-beast-academy .section-intro-copy h3, .updated-enroll .section-enroll-books-copy h3 {
	font-size: 2rem;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 10px;
}

.updated-enroll .subscription-features .w-col-7 h3.mb-20 {
	margin-top: 10px;
}

.updated-enroll .subscription-card-title p {
	font-size: 1.5rem;
}

.updated-enroll .subscription-card-title {
	height: 90%;
}

.updated-enroll .subscription-card-content {
	border-radius: 10px;
	border: 1px solid #aaa;
	padding: 0 2rem 1rem;
}

.updated-enroll .subscription-highlighted {
	border-radius: 1px solid #0058a8;
}

.updated-enroll .subscription-card-list {
	text-align: left;
	line-height: 2rem;
}

.updated-enroll .subscription-card-cta {
	border-radius: 10px;
}

.updated-enroll img.subscriptions-help-character {
	transform: scaleX(-1);
	right: -125px;
	top: -75px;
}

.updated-enroll .subscription-card-info {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.updated-enroll .subscription-card-info-filler {
	flex: 1;
	min-height: 0;
}

.updated-enroll .subscription-card-cta:hover {
	background-color: #0058a8;
}

.updated-enroll .subscription-card-content:hover {
	border-color: #0058a8;
}

.updated-enroll .subscription-card-cta.highlighted {
	background-color: #0058a8;
}

.updated-enroll .subscription-card-cta-text {
	font-size: 1.5rem;
}

@media screen and (max-width: 1185px) {
	.updated-enroll #subscriptions-container .subscription-card-info {
		min-height: 75px;
		max-width: 900px;
	}
	.updated-enroll #subscriptions-container.container {
		max-width: 1185px;
	}
}

@media screen and (min-width: 1280px) {
	.updated-enroll.section-subscriptions:not(body.PROJ-19386-cro
			.section-subscriptions) {
		padding-bottom: 0;
	}
}

@media screen and (max-width: 767px) {
	.updated-enroll #cards-section {
		max-width: 70%;
		margin: auto;
	}
	.updated-enroll.section-subscriptions:not(body.PROJ-19386-cro
			.section-subscriptions) {
		padding-bottom: 45px;
	}

	.updated-enroll #subscriptions-container .subscription-card-info {
		max-width: 900px;
	}
}

@media screen and (max-width: 430px) {
	.updated-enroll #cards-section {
		max-width: 90%;
		margin: auto;
	}
}

/* Mobile: vertical stack for Why Beast Academy (match enroll.hbs) */

@media screen and (max-width: 479px) {
	.updated-enroll.section-why-enroll .vertical-tabs-menu {
		width: 100%;
		float: none;
	}
	.updated-enroll.section-why-enroll .vertical-tabs-content {
		width: 100%;
	}
	.updated-enroll.section-why-enroll .vertical-tabs {
		display: block;
		margin-top: 40px;
	}
	.updated-enroll.section-why-enroll .vertical-tabs-pane-content {
		width: 100%;
		margin-left: 0%;
	}
	.updated-enroll.section-why-enroll .vertical-tab-btn, .updated-enroll.section-why-enroll .vertical-tab-btn.w--current {
		margin-left: 0;
	}
}

.updated-enroll .savings {
	color: #447a00;
	text-align: center;
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	border: 1px solid #447a00;
	line-height: 12px;
	border-radius: 10px;
	padding: 2px 20px;
	margin: 3% 0 7%;
}

.updated-enroll .invisible {
	visibility: hidden;
}

/* Match height of visible "Save 48%" / "Save 80%" so info row aligns */

.updated-enroll .subscription-card-info .savings.invisible {
	min-height: 2.25rem;
	display: inline-block;
}

.updated-enroll .subscription-highlighted {
	background-color: #d51f35;
	border-radius: 10px;
	max-width: 65%;
	height: 3rem;
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	font-size: 1.5rem;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}

.updated-enroll .price {
	color: #d51f35;
}

/* Mobile: flex column so cards stack vertically */

.updated-enroll .subscription-cards-wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: stretch;
}

.updated-enroll .subscription-cards-grid {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: stretch;
}

/* Override .w-inline-block so all cards fill their cell (Monthly was shrinking to content) */

.updated-enroll .subscription-cards-grid .subscription-card.w-inline-block {
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.updated-enroll .subscription-cards-grid .subscription-card {
	flex: 1;
	min-width: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.updated-enroll .subscription-card-content ul {
	padding-left: 0;
	font-size: 1.5rem;
}

.updated-enroll .subscription-card-info-list {
	margin-top: 4%;
	height: 100%;
}

.updated-enroll .subscription-card-content {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	justify-content: center;
	align-items: center;
}

.updated-enroll .vertical-tab-btn {
	margin-left: 40px;
}

.updated-enroll .vertical-tab-btn.w--current {
	margin-left: 40px;
}

.updated-enroll .vertical-tabs-menu {
	width: 30%;
}

.updated-enroll .vertical-tabs-content {
	width: 70%;
}

.updated-enroll .w--tab-active {
	display: flex;
	justify-content: end;
}

.updated-enroll .vertical-tabs-content img {
	width: 100%;
}

.updated-enroll .vertical-tabs-pane-content {
	width: 80%;
	margin-left: 0;
}

.updated-enroll.section-choose-level {
	padding-bottom: 5%;
}

.updated-enroll.subscription-cards-wrapper .subscription-card-cta {
	max-width: 80%;
	box-sizing: border-box;
	margin-top: 4%;
}

/* Desktop: grid + subgrid so title, info, list, cta align across cards */

@media (min-width: 768px) {
	.updated-enroll .subscription-cards-grid {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto auto 1fr auto;
		gap: 3%;
		row-gap: 0.25rem;
		align-items: stretch;
		width: 100%;
		min-width: 0;
	}
	/* Override .w-inline-block so card fills grid cell (not shrink-to-content) */
	.updated-enroll .subscription-cards-grid .subscription-card.w-inline-block, .updated-enroll .subscription-cards-grid .subscription-card {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: subgrid;
		grid-row: 1 / -1;
		min-width: 0;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		overflow: hidden;
	}
	.updated-enroll .subscription-cards-grid .subscription-card.highlighted-card {
		min-width: 0;
	}
	.updated-enroll .subscription-cards-grid .subscription-card-content {
		display: grid;
		grid-template-rows: subgrid;
		grid-row: 1 / -1;
		min-height: 0;
		min-width: 0;
		width: 100%;
		justify-items: center;
		max-width: 100%;
		box-sizing: border-box;
	}
}

.updated-enroll .refunds {
	border-radius: 10px;
	border: 1px solid #61ad00;
	background: rgba(97, 173, 0, 0.25);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 5px 40px;
}

.updated-enroll .subscriptions-help {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 1.25rem;
	gap: 20px;
	position: relative;
}

.updated-enroll .subscriptions-help-character {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: auto;
	max-height: 180px;
	width: auto;
	pointer-events: none;
}

@media screen and (max-width: 767px) {
	.updated-enroll .subscriptions-help-character {
		position: static;
		transform: none;
		order: 3;
		max-height: 140px;
		margin-top: 1rem;
	}
}

@media screen and (max-width: 479px) {
	.updated-enroll .subscriptions-help {
		margin-top: -50px;
	}
}

.subscription-features-with-waves.updated-enroll .subscription-features-wave {
	display: block;
	width: 100%;
	vertical-align: middle;
}

.subscription-features-with-waves.updated-enroll
	.subscription-features-wave-top {
	margin-bottom: -1px;
}

.subscription-features-with-waves.updated-enroll
	.subscription-features-wave-bottom {
	margin-top: -1px;
	background-color: white;
}

.subscription-features-with-waves.updated-enroll .subscription-features {
	background-color: #eff3f7;
	padding-top: 10rem;
	padding-bottom: unset;
}

.img-background {
	display: none;
	position: absolute;
	background-image: url("/assets/images/office/elements/background-academy.png");
	opacity: 20%;
	width: 100%;
	height: 665px;
	background-repeat: no-repeat;
	background-clip: border-box;
	background-position-y: -100px;
}

body.PROJ-19386-cro .img-background {
	display: block;
}

@media (min-width: 1900px) {
	.img-background {
		background-size: cover;
	}
}

@media (max-width: 1185px) {
	.img-background {
		height: 1070px;
		background-position-y: 0px;
		background-size: cover;
	}
}

@media (max-width: 767px) {
	.img-background {
		height: 1170px;
		filter: blur(4px);
	}

	.enroll-headline {
		width: 350px;
	}
}

@media (max-width: 595px) {
	.img-background {
		height: 2050px;
		background-position-x: -1500px;
	}
}

@media (max-width: 479px) {
	.img-background {
		height: 1990px;
	}
}

@media (max-width: 400px) {
	.img-background {
		height: 2040px;
	}

	.enroll-headline {
		width: 300px;
	}
}

@media (max-width: 350px) {
	.img-background {
		height: 2090px;
	}

	.enroll-headline {
		width: 250px;
	}
}

.subscription-cards-section {
	padding-top: 0px;
	padding-bottom: 60px;
}

.subscription-cards-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	grid-auto-columns: 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
}

.subscription-cards-wrapper.text-centered {
	width: 100%;
	grid-column-gap: 20px;
}

.subscription-card {
	display: flex;
	width: 33%;
	padding-right: 0px;
	padding-left: 0px;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	align-self: center;
	text-decoration: none;
}

body.PROJ-19386-cro .subscription-card {
	align-self: flex-end;
}

.subscription-card:not(body.PROJ-19386-cro .subscription-card) {
	overflow: hidden;
}

.updated-enroll .subscription-card:not(body.PROJ-19386-cro .subscription-card) {
	overflow: visible;
}

.subscription-card.highlighted-card {
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

body.PROJ-19386-cro .subscription-card.highlighted-card {
	background-color: #fff2e9;
}

.subscription-card.highlighted-card:not(body.PROJ-19386-cro
		.subscription-card.highlighted-card) {
	min-width: 300px;
}

@media (max-width: 1185px) {
	.subscription-card.highlighted-card:not(body.PROJ-19386-cro
			.subscription-card.highlighted-card) {
		min-width: 0;
	}
}

/* Force equal width on updated-enroll cards (override global width/min-width) */

.updated-enroll .subscription-cards-grid .subscription-card, .updated-enroll .subscription-cards-grid .subscription-card.highlighted-card {
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

@media (min-width: 768px) {
	.updated-enroll .subscription-cards-grid .subscription-card, .updated-enroll .subscription-cards-grid .subscription-card.highlighted-card {
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}
}

.price {
	color: #e869a4;
	font-size: 68px;
	font-weight: 700;
}

body.PROJ-19386-cro .price {
	display: flex;
	flex-direction: row;
	align-content: flex-start;
	flex-wrap: wrap;
	font-size: 64px;
}

@media (min-width: 1185px) {
	.price:not(body.PROJ-19386-cro .price) {
		font-size: 56px;
	}
}

body.PROJ-19386-cro .no-discount {
	margin-top: 18px;
}

.text-span {
	font-size: 24px;
	font-weight: 400;
}

.dollar-sign {
	position: relative;
	font-size: 28px;
}

body.PROJ-19386-cro .dollar-sign {
	top: 10px;
	font-size: 24px;
}

.dollar-sign:not(body.PROJ-19386-cro .dollar-sign) {
	bottom: 20px;
}

@media screen and (max-width: 991px) {
	.dollar-sign:not(body.PROJ-19386-cro .dollar-sign) {
		bottom: 8px;
	}
}

.original-price {
	color: #1b365d;
	font-size: 34px;
	font-weight: 400;
	text-decoration: line-through;
}

body.PROJ-19386-cro .original-price {
	color: #f04e29;
	font-size: 16px;
	font-weight: 700;
}

.original-price-dollar {
	color: #1b365d;
	font-size: 20px;
}

.original-price-dollar:not(body.PROJ-19386-cro .original-price-dollar) {
	position: relative;
	bottom: 8px;
}

body.PROJ-19386-cro .original-price-dollar {
	color: #f04e29;
	font-size: 16px;
	font-weight: 700;
	text-decoration: line-through;
}

.text-small {
	font-size: 18px;
}

body.PROJ-19386-cro .subscription-card-title {
	text-align: left;
}

.subscription-card-cta {
	display: inline-block;
	width: 80%;
	padding: 18px;
	background-color: #289ecc;
	transition: background-color 200ms ease;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}

body.PROJ-19386-cro .subscription-card-cta {
	background-color: #005b8e;
	width: 100%;
}

.subscription-card-cta:hover {
	background-color: #ff9a15;
}

body.PROJ-19386-cro .subscription-card-cta:hover {
	background-color: #1b365d;
}

.subscription-card-cta.highlighted {
	background-color: #ff9a15;
}

body.PROJ-19386-cro .subscription-card-cta.highlighted {
	background-color: #d45590;
}

body.PROJ-19386-cro .subscription-card-cta.highlighted:hover {
	background-color: #e869a4;
}

.subscription-card-cta-text {
	font-size: 1.25rem;
	text-align: center;
}

body.PROJ-19386-cro .subscription-card-cta-text {
	font-size: 18px;
	font-weight: 700;
}

.subscription-highlighted {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #ff9a15;
}

body.PROJ-19386-cro .subscription-highlighted {
	background-color: #d45590;
}

.subscription-highlighted-text {
	padding: 20px 4px 10px;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
}

body.PROJ-19386-cro .subscription-highlighted-text {
	padding: 15px 4px 10px;
	font-size: 18px;
	letter-spacing: 2px;
}

.subscription-card-content {
	width: 100%;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	border-style: solid;
	border-width: 6px;
	border-color: #fff;
	background-color: #fff;
	transition: border 400ms ease;
}

body.PROJ-19386-cro .subscription-card-content {
	padding-right: 10px;
	padding-left: 10px;
}

body.PROJ-19386-cro .subscription-card-content.highlighted-card {
	border-color: #fff2e9;
	background-color: #fff2e9;
}

.subscription-card-content:hover {
	border-color: #ff9a15;
}

body.PROJ-19386-cro .subscription-card-content:hover {
	border-color: #d45590;
}

.subscription-features {
	padding-top: 60px;
	padding-bottom: 60px;
}

.list {
	padding-left: 24px;
	color: #1b365d;
	font-size: 19px;
	list-style-type: none;
}

.list-item {
	margin-bottom: 20px;
	line-height: 1.4;
	text-indent: -26px;
}

.list-item.text-blue {
	font-family: Roboto, sans-serif;
}

.circle-check-icon {
	font-family: "Fa solid 900", sans-serif;
}

.subscription-features-images {
	position: relative;
	top: -80px;
}

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

.subscriptions-help:not(body.PROJ-19386-cro .subscriptions-help) {
	margin-bottom: 100px;
}

body.PROJ-19386-cro .subscriptions-help {
	line-height: 70px;
	background-color: #ffffff;
	height: 25px;
	position: relative;
	z-index: 1;
	width: 100%;
}

body.PROJ-19386-cro .subscriptions-help-text {
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
}

.section-why-enroll.bg-lit-gray {
	background-color: #f4f4f4;
}

.long-arrow-icon {
	font-family: "Fa solid 900", sans-serif;
	font-weight: 400;
}

.link-red {
	transition: color 200ms ease;
	color: #d50032;
	text-decoration: none;
}

.link-red:hover {
	color: #8c0523;
}

.link-red.bold {
	font-weight: 700;
}

.vertical-tab-btn {
	display: block;
	width: 100%;
	min-width: 0px;
	margin-bottom: 20px;
	padding: 25px 10px 25px 80px;
	border-style: solid;
	border-width: 4px;
	border-color: #289ecc;
	background-color: #fff;
	transition: margin 200ms ease, border 300ms ease, color 300ms ease,
		background-color 300ms ease, min-width 300ms ease;
	color: #1b365d;
	font-weight: 700;
	text-align: left;
}

.vertical-tab-btn:hover {
	min-width: 360px;
	background-color: #1b365d;
	color: #fff;
}

.vertical-tab-btn.w--current {
	width: 100%;
	min-width: 360px;
	margin-left: 5px;
	padding-left: 80px;
	border-color: #1b365d;
	background-color: #1b365d;
	color: #fff;
}

.vertical-tab-btn.w--current:hover {
	width: 100%;
	background-color: #1b365d;
	color: #fff;
}

.vertical-tabs-menu {
	width: 30%;
	float: left;
}

.vertical-tabs-content {
	width: 70%;
	float: right;
}

.vertical-tabs {
	width: 100%;
	min-height: 450px;
}

.vertical-tabs.resources {
	min-height: 700px;
}

.vertical-tabs-btn-img {
	position: absolute;
	left: -40px;
	top: -12px;
	right: auto;
	bottom: auto;
}

.vertical-tabs-pane-content {
	width: 70%;
	margin-left: 15%;
}

.section-enroll-books {
	padding-top: 60px;
	padding-bottom: 60px;
}

.sticky {
	width: 40%;
	float: right;
}

.section-testimonial-quote.bg-pink {
	background-color: #e869a4;
}

.section-testimonial-quote.bg-gold {
	background-color: #ff9a15;
}

.section-enroll-books-copy {
	margin-right: 20px;
	clear: left;
}

.section-enroll-books-wrapper {
	width: 60%;
	float: left;
}

.nav-menu {
	display: flex;
	align-items: center;
}

.navbar {
	position: sticky;
	top: 0px;
	z-index: 900;
	padding: 20px;
	background-color: #fff;
}

.brand-logo {
	width: 224px;
	height: 100%;
}

.nav-link {
	padding-right: 15px;
	padding-left: 15px;
	transition: color 200ms ease;
	color: #1b365d;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.nav-link:hover {
	color: #d50032;
}

.nav-link.w--current {
	color: #d50032;
}

.navbar-container {
	display: flex;
	width: 100%;
	max-width: 1200px;
	justify-content: space-between;
	align-items: center;
}

.nav-play {
	margin-right: 20px;
}

.play-img {
	min-width: 120px;
}

.lf-quotes {
	position: absolute;
	left: 2%;
	top: -12%;
	right: auto;
	bottom: auto;
	z-index: 120;
	width: 120px;
}

.testimonial-quote-wrapper {
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

.rt-quotes {
	position: absolute;
	left: auto;
	top: auto;
	right: 2%;
	bottom: -12%;
	z-index: 120;
	width: 120px;
}

.testimonial-quote-content {
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 26px 0px;
}

.testimonial-quote-content.single-quotes {
	padding-top: 140px;
	padding-bottom: 60px;
}

/* BA testimonials – blue waves, white card (enroll page) */

.ba-testimonials-wave {
	height: 48px;
}

.ba-testimonials-wave img {
	width: 100%;
	height: 100%;
}

.ba-testimonials-wave.ba-testimonials-wave-top {
	height: 42px;
}

.ba-testimonials-wrap {
	padding: 40px 20px;
	background: #1b365d linear-gradient(#142f4d, #1b365d);
}

.ba-testimonials-card {
	padding: 40px 20px;
	border-radius: 20px;
	background: #fff;
	max-width: 1012px;
	margin: 0 auto;
	position: relative;
}

/* Tape */

.ba-testimonials-card::before, .ba-testimonials-card::after {
	content: "";
	display: none;
	position: absolute;
	top: -52px;
	left: -31px;
	width: 182px;
	height: 175px;
	z-index: 1;
	background-image: url(/assets/images/vc/tape.svg);
	background-repeat: no-repeat;
	background-size: contain;
	pointer-events: none;
}

.ba-testimonials-card::after {
	top: calc(100% + 52px);
	left: calc(100% + 71px);
	transform: translate(-100%, -100%) rotateZ(180deg);
}

@media (min-width: 768px) {
	.ba-testimonials-wave {
		height: 198px;
	}
	.ba-testimonials-wave.ba-testimonials-wave-top {
		height: 163px;
	}
	.ba-testimonials-wrap {
		padding: 60px;
	}
	.ba-testimonials-card {
		padding: 60px 80px;
		display: block;
	}
	.ba-testimonials-card::before, .ba-testimonials-card::after {
		display: block;
		margin: 0 -20px;
	}
}

.section-choose-level {
	padding-top: 80px;
}

.choose-level-content {
	position: relative;
	width: 50%;
	margin-right: 8%;
	padding-bottom: 100px;
}

.refunds-content {
	width: 50%;
}

.section-choose-level-wrapper {
	display: flex;
	width: 100%;
}

.winnie-headphones {
	position: absolute;
	left: auto;
	top: auto;
	right: -8%;
	bottom: -26%;
	z-index: 200;
}

.modal-wrapper {
	position: fixed;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	z-index: 9999;
	display: none;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.58);
}

.modal-inner {
	width: 100%;
}

.modal-wrap {
	position: relative;
	max-width: 650px;
	margin-right: auto;
	margin-left: auto;
	padding: 80px 40px 20px;
	background-color: #fff;
	background-image: url("/assets/wf/images/bundle-top.svg");
	background-position: 0% 0%;
	background-size: contain;
	background-repeat: no-repeat;
	box-shadow: 1px 1px 18px 0 rgba(0, 0, 0, 0.19);
	text-align: center;
}

.modal-wrap.bundle {
	max-width: 650px;
	background-image: url("/assets/wf/images/bundle-top_1.svg");
	background-position: 0% -1%;
	background-size: contain;
	background-repeat: no-repeat;
}

.modal-wrap.yearly {
	background-image: url("/assets/wf/images/bundle-top_1.svg");
	background-position: 0% -1%;
	background-repeat: no-repeat;
}

.modal-wrap.monthly {
	background-image: url("/assets/wf/images/bundle-top_1.svg");
	background-position: 0% -1%;
	background-repeat: no-repeat;
}

.close-block {
	position: absolute;
	left: auto;
	top: -25px;
	right: -25px;
	bottom: auto;
	display: flex;
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	background-color: #363d4e;
	cursor: pointer;
}

.modal-header {
	margin-top: 40px;
	margin-bottom: 20px;
	color: #1b365d;
	font-size: 1.15rem;
	text-align: left;
}

.modal-input {
	width: 100%;
	min-height: 50px;
	margin-bottom: 0px;
	border: 4px solid #1b365d;
}

.modal-image {
	position: absolute;
	left: auto;
	top: -18%;
	right: 60px;
	bottom: 0%;
}

.modal-dropdown {
	width: 100%;
	height: 50px;
	margin-right: 10px;
	background-color: #1b365d;
	color: #fff;
}

.modal-form-row {
	display: flex;
	width: 100%;
	margin-bottom: 24px;
	justify-content: space-between;
	align-items: center;
}

.modal-message {
	font-size: 150%;
	display: flex;
	align-content: center;
	align-items: center;
	text-align: left;
	margin: 0 5rem 0 5rem;
	line-height: 1.4;
	min-height: 12rem;
}

.classwallet-modal-message {
	font-size: 2rem;
}

.modal-form-row.buttons {
	width: 80%;
	margin: 20px auto 0px;
}

.input-student-icon {
	min-width: 44px;
	margin-right: 10px;
	font-family: "Fa solid 900", sans-serif;
	font-size: 44px;
}

.input-student-icon.text-blue {
	align-self: flex-start;
}

.dropdown-list {
	background-color: #fff;
}

.dropdown-list.w--open {
	border: 2px solid #1b365d;
}

.dropdown-toggle {
	padding-top: 14px;
	padding-bottom: 14px;
}

.dropdown-toggle.w--open {
	padding-bottom: 12px;
}

.question-icon {
	font-family: "Fa 400", sans-serif;
	color: #a2a2a2;
	font-size: 20px;
}

.modal-input-wrapper {
	position: relative;
	width: 100%;
}

.modal-input-wrapper.mr-20 {
	margin-right: 20px;
}

.modal-input-wrapper.add-another {
	width: 55%;
	text-decoration: none;
}

.modal-input-wrapper.add-another:hover {
	color: #289ecc;
}

.question-icon-wrapper {
	position: absolute;
	left: auto;
	top: 16px;
	right: 8px;
	bottom: auto;
}

.modal-form-input {
	display: flex;
	width: 100%;
	margin-right: 20px;
	align-items: center;
}

.modal-form-dropdown {
	display: flex;
	width: 100%;
	align-items: center;
}

.modal-support {
	padding: 14px 10px;
	background-color: #f4f4f4;
	text-align: left;
}

.subscription-discount {
	padding: 7px;
	border-radius: 6px;
	background-color: #e869a4;
	color: #fff;
	font-weight: 700;
}

.add-student-link {
	color: #1b365d;
	font-weight: 700;
	text-align: left;
}

.add-student-link:hover {
	color: #289ecc;
}

.subscription-discount-wrapper {
	width: 100%;
	max-width: 100px;
}

.tabs {
	min-height: 500px;
}

.enroll-hero-img-mb {
	display: none;
}

.challenges-content-wrapper {
	width: 45%;
}

.fw-400 {
	font-weight: 400;
}

.stat-number {
	align-self: center;
}

.tab-columns {
	display: flex;
	width: 100%;
	align-items: center;
}

.browser-icon-img {
	width: 60px;
	margin-right: 10px;
}

.slider-quotes {
	position: absolute;
	left: 40%;
	top: -10%;
	right: auto;
	bottom: 0%;
	z-index: 99;
	width: 100px;
}

.arrow-right {
	left: auto;
	top: 0%;
	right: -25px;
	bottom: 0%;
	width: 55px;
	height: 55px;
	border-radius: 100px;
	background-color: #1b365d;
	box-shadow: 0 5px 10px 0 rgba(27, 45, 69, 0.1);
}

.slide-nav {
	background-color: #fff;
}

.slider-container {
	width: 100%;
	height: 100%;
	margin-top: 90px;
}

.slide {
	background-color: #fff;
}

.arrow-left {
	left: -25px;
	top: 0%;
	right: auto;
	bottom: 0%;
	width: 55px;
	height: 55px;
	border-radius: 100px;
	background-color: #1b365d;
	box-shadow: 0 5px 10px 0 rgba(27, 45, 69, 0.1);
}

.icon {
	color: #fff;
	font-size: 22px;
	font-weight: 700;
}

.slide-wrap {
	display: flex;
	width: 100%;
	height: 100%;
	padding-right: 60px;
	flex-direction: row;
	align-items: center;
	background-color: #ff9a15;
}

.mask {
	overflow: hidden;
}

.display-md-none {
	display: none;
}

.nav-buttons-wrapper {
	display: flex;
	margin-left: 48px;
}

.nellie-demo {
	position: absolute;
	left: auto;
	top: auto;
	right: 0%;
	bottom: 0%;
	max-width: 200px;
}

.original-price-wrapper {
	margin-right: 10px;
}

.original-price-wrapper:not(body.PROJ-19386-cro .original-price-wrapper) {
	display: inline;
}

.price-wrapper {
	display: flex;
	width: 100%;
	justify-content: center;
}

body.PROJ-19386-cro .price-wrapper {
	justify-content: left;
}

.modal-input-icon-wrapper {
	text-decoration: none !important;
}

.input-add-icon {
	min-width: 44px;
	margin-right: 10px;
	font-family: "Fa solid 900", sans-serif;
	font-size: 44px;
}

.input-add-icon.text-blue:hover {
	color: #289ecc;
}

.learning-style-images {
	margin-top: -20px;
}

.closer-cta-wrapper {
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
}

.online-hero-img {
	height: 100%;
	min-width: 650px;
	object-fit: cover;
}

.button-cta-wrapper {
	max-width: 250px;
}

.div-block {
	width: 100%;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #1b365d;
	text-align: center;
}

.circle-check-icon-2 {
	font-family: "Fa solid 900", sans-serif;
	color: #ff9a15;
}

.text-link-red {
	color: #d50032;
	text-decoration: none;
}

.text-link-red:hover {
	color: #8c0523;
}

.text-link-red.bold {
	font-weight: 700;
}

.vertical-tab-btn-2 {
	display: block;
	width: 100%;
	margin-bottom: 50px;
	padding: 25px 10px 25px 80px;
	border-style: solid;
	border-width: 4px;
	border-color: #289ecc;
	background-color: #fff;
	color: #1b365d;
	font-weight: 700;
	text-align: left;
}

.vertical-tab-btn-2:hover {
	min-width: 360px;
	margin-left: 5px;
	background-color: #1b365d;
	color: #fff;
}

.vertical-tab-btn-2.w--current {
	width: 100%;
	min-width: 360px;
	margin-left: 5px;
	padding-left: 80px;
	border-color: #1b365d;
	background-color: #1b365d;
	color: #fff;
}

.vertical-tab-btn-2.w--current:hover {
	width: 100%;
	border-color: #289ecc;
	background-color: #1b365d;
	color: #fff;
}

.bg-red {
	background-color: #d50032;
}

.bg-red.p-40 {
	padding: 40px;
}

._w-100 {
	max-width: 100%;
}

.m-0 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.hero-cta-wrapper {
	display: flex;
	align-items: flex-start;
}

.main-cta {
	margin-right: 20px;
	text-align: center;
}

.main-cta.w--current {
	text-decoration: none;
}

.secondary-cta {
	max-width: 200px;
}

.down-arrow-bounce {
	width: 25px;
	margin-top: 6px;
}

.filter-controls {
	display: flex;
	margin-top: 20px;
	padding-right: 2rem;
	padding-left: 2rem;
	justify-content: center;
	text-align: center;
}

.filter-button {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 10px 14px;
	border: 2px solid #1b365d;
	border-radius: 32px;
	background-color: #fff;
	transition: color 200ms ease, background-color 200ms ease;
	color: #1b365d;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
}

.filter-button:hover {
	background-color: #1b365d;
	color: #fff;
}

.filter-button:focus {
	background-color: #1b365d;
	color: #fff;
}

.section-books {
	padding-top: 40px;
	padding-bottom: 60px;
}

.section-books.mix-container {
	position: relative;
}

.book-set-wrapper {
	margin-top: 60px;
	margin-bottom: 60px;
}

.text-orange {
	color: #ff9a15;
}

.age-range {
	color: #1b365d;
	font-size: 18px;
	font-weight: 500;
}

.age-range.mb-20 {
	margin-bottom: 20px;
}

.product-image {
	margin-right: 100px;
}

.book-set-info {
	position: relative;
	width: 60%;
}

.book-set-header {
	margin-bottom: 20px;
}

.book-set-content {
	display: flex;
	width: 100%;
	align-items: center;
}

.body-list {
	margin-bottom: 20px;
	color: #1b365d;
	line-height: 1.3;
}

.body-list.pl-20 {
	padding-left: 20px;
}

.books-set-list-item {
	margin-bottom: 10px;
}

.books-set-list-header {
	margin-bottom: 10px;
	color: #1b365d;
}

.book-set-character {
	position: absolute;
	left: auto;
	top: auto;
	right: 5%;
	bottom: 0%;
	width: 200px;
}

.book-unit-grid {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
}

.book-unit-card {
	position: relative;
	padding-bottom: 20px;
	border: 4px solid #000;
	transition: opacity 200ms ease;
	text-align: center;
	text-decoration: none;
}

.book-unit-card:hover {
	opacity: 0.68;
}

.book-unit-card.border-orange {
	width: 100%;
	border-color: #ff9a15;
}

.book-unit-card.border-orange:hover {
	opacity: 0.7;
}

.book-unit-card.border-green {
	border-color: #61ad00;
}

.book-unit-card.border-lt-blue {
	border-color: #60bce0;
}

.book-unit-card.border-purple {
	border-color: #7a3888;
}

.book-unit-image {
	position: relative;
	z-index: 1;
	width: 100%;
}

.circle {
	position: relative;
	z-index: 10;
	display: flex;
	width: 70px;
	height: 70px;
	margin: -54px auto 10px;
	padding: 4px;
	justify-content: center;
	align-items: center;
	align-self: center;
	border: 2px solid #000;
	border-radius: 50%;
	background-color: #fff;
	font-size: 15px;
}

.circle.border-orange {
	border-color: #ff9a15;
}

.circle.border-green {
	border-color: #61ad00;
}

.circle.border-lt-blue {
	border-color: #60bce0;
}

.circle.border-purple {
	border-color: #7a3888;
}

.book-unit-copy {
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
}

.section-where {
	padding-top: 40px;
	padding-bottom: 40px;
}

.section-where.bg-dark-blue {
	background-color: #1b365d;
}

.section-choosing {
	padding-top: 40px;
	padding-bottom: 40px;
}

.choosing-content-wrapper {
	max-width: 480px;
}

.section-tools {
	padding-top: 40px;
	padding-bottom: 40px;
}

.section-tools.bg-lt-gray {
	background-color: #f4f4f4;
}

.tools-grid {
	grid-column-gap: 42px;
	grid-template-columns: 1fr 1fr 1fr;
}

.d-sm-none {
	display: block;
}

.d-md-none {
	display: none;
}

.books-online-main-img {
	margin-bottom: 40px;
	text-align: center;
}

.books-online-copy {
	width: 54%;
}

.books-online-copy.d-lg-none {
	display: none;
}

.books-online-img {
	width: 40%;
}

.books-online-content-wrapper {
	display: flex;
	width: 100%;
	margin-bottom: 60px;
	justify-content: space-between;
}

.center-quotes {
	position: absolute;
	left: 0%;
	top: -7%;
	right: 0%;
	bottom: auto;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
}

.divider {
	height: 2px;
	margin-top: 60px;
	margin-bottom: 60px;
	background-color: #eaeaea;
}

.text-green {
	color: #61ad00;
}

.text-purple {
	color: #7a3888;
}

.input-remove-icon {
	margin-left: 10px;
	font-family: "Fa 400", sans-serif;
	font-size: 22px;
}

.text-lt-blue {
	color: #60bce0;
}

.footer-grid {
	grid-column-gap: 26px;
	grid-row-gap: 40px;
	grid-template-columns: 0.75fr 0.5fr 0.5fr 0.5fr 1fr;
	grid-template-rows: auto auto auto;
}

.footer-list {
	padding-left: 0px;
	color: #fff;
	line-height: 1.2;
}

.footer-list-item {
	margin-bottom: 8px;
}

.footer-list-header {
	text-transform: uppercase;
}

.footer-links {
	color: #fff;
	text-decoration: none;
}

.footer-logo {
	max-width: 250px;
}

.footer-social-icon {
	font-family: "Fa brands 400", sans-serif;
	font-size: 38px;
}

.footer-social-wrapper {
	display: flex;
	width: 100%;
}

.footer-social.mr-20 {
	margin-right: 20px;
}

.footer-copyright-wrapper {
	display: flex;
	width: 100%;
}

.mr-20 {
	margin-right: 20px;
}

.footer-email {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	flex: 1;
}

.subscribe-form-input-wrapper {
	text-align: left;
}

.subscribe-form-input {
	height: 48px;
	min-width: 225px;
	margin-bottom: 0px;
}

.mb-10 {
	margin-bottom: 10px;
}

.chevron-right-icon {
	font-family: "Fa solid 900", sans-serif;
}

.email-subscribe-btn {
	padding: 14px;
	background-color: #1b365d;
	text-decoration: none;
}

.footer-container {
	width: 100%;
	max-width: 1140px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}

.text-decoration-none {
	text-decoration: none;
}

.product-top-section {
	padding-top: 40px;
	padding-bottom: 40px;
}

.product-top-section.bg-lt-gray {
	background-color: #f4f4f4;
}

.product-top-section-header {
	font-size: 24px;
}

.product-top-section-info {
	margin-bottom: 20px;
	line-height: 1.4;
}

.product-top-section-info div:not(:last-child) {
	margin-bottom: 20px;
}

.product-top-section-content {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.product-selection {
	display: flex;
	margin-bottom: 10px;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.product-select {
	z-index: 0;
	margin-right: 20px;
	margin-left: 0px;
	border: 2px solid #1b365d;
	background-color: #fff;
}

.product-selection-wrapper {
	width: 100%;
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d1d3d4;
}

.product-author {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-right: 60px;
	padding-left: 40px;
	font-size: 13px;
	line-height: 1.4;
	text-align: left;
}

.product-top-section-image {
	position: relative;
	width: 100%;
}

.drop-shadow {
	filter: drop-shadow(2px 2px 4px #8c7d70);
}

.encroached-vertical {
	margin-top: -10%;
	margin-bottom: -10%;
}

.drop-shadow-sm {
	filter: drop-shadow(1px 2px 3px #a4988e);
}

.dropdown-link {
	color: #1b365d;
	white-space: normal;
}

.q-flex {
	display: flex;
	width: 100%;
	height: 40px;
	max-width: 124px;
	min-width: 124px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	justify-content: space-around;
	align-items: center;
	border-style: solid;
	border-width: 1px;
	border-color: #b4b4b4;
	border-radius: 8px;
}

.q-dec {
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.q-inc {
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.q-num {
	width: 50px;
	padding-right: 4px;
	padding-left: 4px;
	align-self: flex-start;
	border: 0px solid #000;
	background-color: #fff;
	color: #1b365d;
	font-size: 18px;
	text-align: center;
}

.increment-icon {
	font-family: "Fa solid 900", sans-serif;
	color: #7a7a7a;
	font-size: 13px;
}

.product-selection-qty {
	width: 100%;
	margin-right: 10px;
	align-items: center;
}

.section-learn-more {
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
}

.two-cta-wrapper {
	display: flex;
	max-width: 450px;
	margin-right: auto;
	margin-left: auto;
	justify-content: space-around;
	align-items: center;
}

.unit-level-books {
	margin-top: 80px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #d1d3d4;
}

.unit-level-books.unit-page {
	margin-bottom: 0px;
	border: 0px solid #000;
}

.unit-level-books-grid {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
}

.unit-level-books-wrapper {
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	text-decoration: none;
}

.unit-level-books-header {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
}

.unit-level-books-header.text-orange:hover {
	text-decoration: underline;
}

.unit-level-books-header.text-green:hover {
	text-decoration: underline;
}

.unit-level-books-header.text-lt-blue:hover {
	text-decoration: underline;
}

.unit-level-books-header.text-purple:hover {
	text-decoration: underline;
}

.unit-level-books-header.text-dark-blue:hover {
	text-decoration: underline;
}

.section-books-info {
	padding-top: 40px;
	padding-bottom: 60px;
}

.books-info-content {
	text-align: left;
}

.mb-20 {
	margin-bottom: 20px;
}

.learn-more-image {
	position: absolute;
	left: auto;
	top: auto;
	right: 0%;
	bottom: 0%;
	width: 225px;
}

.books-info-tab-menu {
	display: flex;
	justify-content: center;
}

.books-info-tabs-pane {
	padding-top: 60px;
	padding-right: 40px;
	padding-left: 40px;
}

.skills-seq-grid {
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto auto auto auto;
}

.mb-40 {
	margin-bottom: 40px;
}

.book-level-icon {
	display: flex;
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.book-level-icon.bg-orange {
	background-color: #ff9a15;
}

.book-level-icon.bg-orange.unit-book {
	position: absolute;
	left: 0%;
	top: 0%;
	right: auto;
	bottom: auto;
}

.book-level-icon.border-dark-blue {
	border: 2px solid #1b365d;
}

.skills-seq-content {
	display: flex;
	width: 100%;
	padding: 20px 10px;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	color: #1b365d;
	text-align: center;
}

.skills-seq-content.bg-orange {
	background-color: #ff9a15;
}

.skills-seq-content.bg-lt-gray {
	background-color: #fbfbfb;
}

.skills-seq-content.bg-lt-orange {
	background-color: rgba(255, 154, 21, 0.78);
}

.skills-seq-content.skills-seq-header {
	padding-top: 0px;
	background-color: transparent;
}

.product-grid-header {
	margin-bottom: 20px;
	color: #1b365d;
	font-size: 20px;
	font-weight: 500;
}

.other-levels-grid {
	justify-items: start;
	align-items: stretch;
	grid-template-columns: 0.75fr 0.75fr 0.75fr 1fr;
	grid-template-rows: auto;
}

.other-levels-img {
	margin-bottom: 10px;
}

.p-0 {
	padding-right: 0px;
	padding-left: 0px;
}

.product-info-price {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
}

.product-info-price.science {
	font-size: 24px;
}

.product-selection-controls {
	display: flex;
	width: 100%;
	align-items: center;
}

.pl-0 {
	padding-left: 0px;
}

.product-suggest-grid {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
}

.section-product-suggest {
	padding-top: 40px;
	padding-bottom: 40px;
}

.section-unit-info {
	padding-top: 40px;
	padding-bottom: 40px;
}

.section-unit-info.bg-lt-gray {
	background-color: #f4f4f4;
}

.small {
	margin-bottom: 10px;
	font-size: 14px;
}

.unit-info-cta {
	max-width: 250px;
	margin: 20px auto;
}

.books-info-skills {
	margin-top: 60px;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
}

.circle-red {
	display: flex;
	width: 300px;
	height: 300px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 6px solid #d50032;
	border-radius: 50%;
	background-color: #fff;
}

.skills-character {
	position: relative;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}

.skills-character-img {
	width: 160px;
	margin-top: -90px;
	margin-bottom: 10px;
}

.skills-character-copy {
	margin-top: 10px;
	line-height: 1.3;
	text-align: center;
}

.section-samples {
	padding-top: 60px;
	padding-bottom: 80px;
}

.d-none {
	display: none;
}

.sample-book-img {
	margin-bottom: 20px;
}

.sample-book-img.border-dark-blue {
	border: 1px solid #1b365d;
}

.sample-book-img.border-dark-blue.hover-effect {
	transition: transform 400ms ease;
}

.sample-book-img.border-dark-blue.hover-effect:hover {
	transform: scale(1.05);
}

.section-choosing-level.bg-lt-blue {
	height: 320px;
	background-color: #60bce0;
}

.choosing-level-img {
	margin-top: -80px;
	transform: rotate(17deg);
}

.choosing-level-content {
	width: 90%;
}

.choosing-level-cta {
	max-width: 280px;
}

.section-level-resources {
	padding-top: 60px;
	padding-bottom: 60px;
}

.level-resources-img {
	position: absolute;
	left: 0%;
	top: auto;
	right: auto;
	bottom: 0%;
	transform-style: preserve-3d;
}

.resources-grid {
	grid-template-columns: 1fr 1fr 1fr;
}

.printables {
	margin-bottom: 20px;
}

.resources-wrapper {
	position: relative;
}

.resources-link {
	text-decoration: none;
}

.opacity-hover {
	transition: opacity 200ms ease;
}

.opacity-hover:hover {
	opacity: 0.9;
}

.bundle-cta-wrapper {
	max-width: 220px;
	margin-top: 24px;
	grid-row-gap: 12px;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
}

.btn {
	padding: 0.75em 1.6em;
	background-color: #d50032;
	box-shadow: inset 0 0 0 4px #d50032;
	transition: color 200ms ease, box-shadow 200ms ease, opacity 200ms ease,
		background-color 200ms ease;
	color: #fff;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
}

.btn:hover {
	background-color: #8c0523;
	box-shadow: inset 0 0 0 4px #8c0523;
}

.btn.btn-outline {
	background-color: transparent;
	color: #d50032;
}

.btn.btn-outline:hover {
	background-color: #d50032;
	box-shadow: inset 0 0 0 4px #d50032;
	color: #fff;
}

.btn.btn-outline.blue {
	background-color: transparent;
	color: #1b365d;
}

.btn.btn-outline.blue:hover {
	background-color: #1b365d;
	box-shadow: inset 0 0 0 4px #1b365d;
	color: #fff;
}

.btn.btn-outline.feature-card-btn {
	width: 100%;
	max-width: 190px;
	margin-top: 20px;
	box-shadow: inset 0 0 0 4px #1b365d;
	color: #1b365d;
	font-size: 18px;
}

.btn.btn-outline.feature-card-btn:hover {
	background-color: #1b365d;
	color: #fff;
}

.btn.blue {
	background-color: #1b365d;
	box-shadow: inset 0 0 0 4px #1b365d;
}

.btn.blue:hover {
	background-color: #60bce0;
	box-shadow: inset 0 0 0 4px #1d4785;
	color: #1b365d;
}

.btn.px-small {
	display: flex;
	padding: 1em 0.8em;
	justify-content: center;
	align-items: center;
	line-height: 1.2;
}

.btn.btn-small {
	font-size: 18px;
}

.bundle-cta-price {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}

.bundle__hero-section {
	position: relative;
	overflow: hidden;
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.wide-container {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1260px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 50px;
	padding-left: 50px;
}

.bundle__hero-text-wrapper {
	max-width: 480px;
	margin-bottom: 40px;
}

.emp {
	color: #4daaec;
}

.new-container {
	display: block;
	width: 100%;
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}

.styleguide__grid-section {
	padding-top: 80px;
	padding-bottom: 80px;
}

.styleguide__grid-section.fade {
	background-color: #f8fcff;
}

.row {
	display: flex;
	margin-right: -16px;
	margin-left: -16px;
	flex-wrap: wrap;
	align-content: stretch;
}

.row.align-center {
	align-items: center;
}

.row.justify-around {
	justify-content: space-around;
}

.row.align-start {
	align-items: flex-start;
}

.row.justify-end {
	justify-content: flex-end;
}

.row.justify-center {
	justify-content: center;
}

.row.row-example {
	min-height: 175px;
	background-color: #f7f4ff;
}

.row.align-end {
	align-items: flex-end;
}

.row.justify-between {
	justify-content: space-between;
}

.col {
	padding-right: 16px;
	padding-left: 16px;
	flex: 1;
}

.col.col-12 {
	max-width: 100%;
	flex-basis: 100%;
}

.col.col-8 {
	max-width: 66.666667%;
	flex-basis: 66.67%;
}

.col.col-1 {
	max-width: 8.333333%;
	flex-basis: 8.33%;
}

.col.order-last {
	order: 1;
}

.col.col-9 {
	max-width: 75%;
	flex-basis: 75%;
}

.col.no-gutters {
	padding-right: 0px;
	padding-left: 0px;
}

.col.col-3 {
	max-width: 25%;
	flex-basis: 25%;
}

.col.self-end {
	align-self: flex-end;
}

.col.self-start {
	align-self: flex-start;
}

.col.order-first {
	order: -1;
}

.col.self-center {
	align-self: center;
}

.col.col-6 {
	max-width: 50%;
	flex-basis: 50%;
}

.col.col-4 {
	max-width: 33.333333%;
	flex-basis: 33.33%;
}

.col.col-11 {
	max-width: 91.666667%;
	flex-basis: 91.67%;
}

.col.col-7 {
	max-width: 58.333333%;
	flex-basis: 58.33%;
}

.col.col-5 {
	max-width: 41.666667%;
	flex-basis: 41.67%;
}

.col.col-2 {
	max-width: 16.666667%;
	flex-basis: 16.67%;
}

.col.col-10 {
	max-width: 83.333333%;
	flex-basis: 83.33%;
}

.container-fluid {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}

.inner-div-example {
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #c0e5ff;
	background-color: #f3faff;
	text-align: center;
}

.bundle__hero-img-frame {
	width: 526px;
	flex: 0 0 auto;
}

.bundle__hero-bg {
	position: absolute;
	left: 50%;
	top: 0%;
	bottom: 0%;
	width: 100%;
	min-width: 1920px;
	transform: translate(-50%, 0px);
}

.bundle__hero-bg-img {
	width: 52%;
}

.bundle__hero-bg-img.mobile {
	display: none;
}

.bundle__hero-img-wrapper {
	display: flex;
	max-width: 526px;
	margin-left: -36px;
	justify-content: flex-end;
}

.unit-info-tabs-pane {
	padding-top: 40px;
}

.bundle__content-section {
	padding-top: 80px;
	padding-bottom: 32px;
	background-image: linear-gradient(180deg, #a60126, #d50032 55%, #cf0031);
}

.section-heading-wrapper {
	max-width: 640px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
	text-align: center;
}

.section-heading-wrapper.mb-small {
	margin-bottom: 40px;
}

.section-heading-wrapper.wide {
	max-width: 720px;
}

.subhead {
	font-size: 20px;
	line-height: 1.3;
}

.subhead.fw-medium {
	font-weight: 500;
}

.section-heading {
	margin-top: 0px;
	margin-bottom: 24px;
	line-height: 1.4;
}

.section-heading.mb-large {
	margin-bottom: 32px;
}

.feature-card-grid {
	grid-column-gap: 40px;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
}

.feature-card {
	display: flex;
	width: 100%;
	max-width: 380px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
	flex-direction: column;
	align-items: center;
	background-color: #fff;
	text-align: center;
}

.feature-card-img {
	display: block;
	width: 96%;
	margin-top: -100px;
}

.feature-card-heading {
	margin-top: 0px;
	margin-bottom: 12px;
	color: #d50032;
	font-size: 24px;
}

.feature-card-subhead {
	min-height: 5.2em;
	margin-bottom: 0px;
}

.feature-card-text-wrapper {
	display: flex;
	width: 100%;
	max-width: 348px;
	margin-right: auto;
	margin-left: auto;
	padding: 16px 24px 36px;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	flex: 1;
}

.feature-card-slider {
	display: none;
	height: auto;
	background-color: transparent;
}

.feature-slider-nav {
	display: none;
}

.feature-slider-arrow {
	display: flex;
	width: 40px;
	align-items: center;
}

.feature-slider-arrow-icon {
	width: 100%;
}

.bundle__features-section {
	padding-top: 40px;
	padding-bottom: 40px;
}

.feature-img-wrapper {
	position: relative;
	display: inline-block;
}

.feature-img-wrapper.bundle-interactive {
	position: relative;
	width: 90%;
	max-width: 490px;
	margin-bottom: 11%;
}

.feature-img-wrapper.centered {
	display: block;
	text-align: center;
}

.feature-img-wrapper.chapter-overviews {
	display: grid;
	margin-bottom: 10%;
	grid-auto-columns: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
}

.feature-text-wrapper {
	max-width: 500px;
	margin-right: auto;
	margin-left: auto;
}

.feature-text-wrapper.wide {
	max-width: 560px;
}

.feature-text-wrapper.left {
	margin-left: 0px;
}

.feature-text-wrapper.full-width {
	max-width: none;
	margin-right: 0px;
	margin-left: 0px;
}

.feature-text-heading {
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 26px;
}

.feature-text-subhead.mb-0 {
	margin-bottom: 0px;
}

.fiona-bundle-interactive {
	position: absolute;
	left: auto;
	top: auto;
	right: -28.5%;
	bottom: -20%;
	width: 38%;
}

.bundle__features-grid {
	grid-row-gap: 80px;
	grid-template-columns: 1fr;
}

.bundle__footer-section {
	position: relative;
	z-index: 100;
	background-color: #f4f4f4;
}

.bundle__level-content {
	position: relative;
	padding-top: 60px;
	padding-bottom: 120px;
}

.bundle__level-text {
	width: 90%;
	max-width: 480px;
}

.winnie-bundle-level {
	position: absolute;
	left: auto;
	top: auto;
	right: -2%;
	bottom: -12%;
	height: 260px;
}

.mb-24 {
	margin-bottom: 24px;
}

.bundle__policy-content {
	padding-top: 60px;
	padding-bottom: 80px;
}

.resource__hero-wrapper {
	max-width: 660px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.resource__hero-section {
	padding-top: 80px;
	padding-bottom: 80px;
}

.resource__begin-section {
	padding-top: 40px;
	padding-bottom: 100px;
}

.resource__begin-content {
	display: grid;
	grid-auto-columns: 1fr;
	grid-column-gap: 16px;
	grid-row-gap: 80px;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto;
}

.mt-0 {
	margin-top: 0px;
}

.step-block {
	align-items: start;
	grid-column-gap: 20px;
	grid-template-columns: 60px 1fr;
	grid-template-rows: auto;
}

.step-block-text-wrapper {
	padding-top: 10px;
}

.bullet-list {
	display: grid;
	margin-bottom: 0px;
	padding-left: 40px;
	grid-auto-columns: 1fr;
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto;
}

.bullet-list.no-indent {
	padding-left: 20px;
}

.bullet-list-item {
	font-size: 19px;
	line-height: 1.3;
}

.step-block-description {
	max-width: 500px;
	margin-bottom: 32px;
	line-height: 1.4;
}

.resource__begin-img-wrapper {
	text-align: right;
}

.step-block-mobile-header {
	display: none;
}

.my-0 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.section {
	padding-top: 80px;
	padding-bottom: 80px;
}

.section.bg-light-grey {
	background-color: #f4f4f4;
}

.section.bg-off-white {
	background-color: #fbfbfb;
}

.readiness-panel {
	display: grid;
	width: 100%;
	max-width: 860px;
	margin-right: auto;
	margin-left: auto;
	padding: 60px 72px;
	align-items: center;
	grid-auto-columns: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 16px;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	background-color: #1b365d;
	color: #fff;
}

.readiness-panel-img-wrapper {
	padding-right: 24px;
}

.mb-0 {
	margin-bottom: 0px;
}

.resource__tests-section {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #f4f4f4;
}

.test-panel {
	background-color: #ff9a15;
	color: #fff;
}

.test-panel.bg-green {
	background-color: #61ad00;
}

.test-panel.bg-blue {
	background-color: #60bce0;
}

.test-panel.bg-purple {
	background-color: #7a3888;
}

.test-panel-wrapper {
	position: relative;
	padding-top: 80px;
	padding-right: 132px;
}

.test-panel-number {
	display: flex;
	margin-right: 20px;
	flex: 0 0 auto;
	font-size: 200px;
	line-height: 0.9;
	font-weight: 700;
}

.test-panel-header {
	position: relative;
	display: flex;
	padding-left: 20px;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.test-panel-heading {
	margin-top: 0px;
	margin-bottom: 20px;
}

.test-panel-header-img {
	width: 264px;
	margin-top: -80px;
	margin-right: -132px;
	margin-bottom: -2px;
	align-self: flex-end;
	flex: 0 0 auto;
}

.test-panel-heading-wrapper {
	display: flex;
	padding-top: 20px;
	padding-bottom: 16px;
	flex: 1;
}

.panel-expand-toggle-icon {
	display: block;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
}

.panel-expand-body {
	overflow: hidden;
}

.test-block-row {
	display: flex;
	overflow: auto;
	padding: 24px 10px 40px;
	justify-content: center;
}

.test-block-wrapper {
	padding-right: 10px;
	padding-left: 10px;
}

.test-block {
	display: block;
	transition: transform 200ms ease;
	color: #1b365d;
	text-decoration: none;
}

.test-block:hover {
	transform: translate(0px, -4px);
}

.test-block-img {
	margin-bottom: 16px;
}

.test-block-label {
	font-size: 14px;
	font-weight: 500;
}

.test-panel-grid {
	max-width: 920px;
	margin-right: auto;
	margin-left: auto;
	grid-row-gap: 60px;
	grid-template-columns: 1fr;
}

.panel-expand-toggle {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	flex: 1;
}

.no-wrap {
	white-space: nowrap;
}

.resource__tests-footer {
	display: flex;
	margin-top: 100px;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
}

.resource__test-footer-text {
	margin-right: 12px;
}

.cta-text-wrapper {
	display: grid;
	max-width: 790px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	grid-auto-columns: 1fr;
	grid-column-gap: 16px;
	grid-row-gap: 20px;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	text-align: center;
}

.cta-text-wrapper.thin {
	max-width: 600px;
}

.cta-heading {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 24px;
	line-height: 1.4;
}

.table-wrapper {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
}

.table-spacer {
	display: none;
}

.table-row {
	display: grid;
	grid-auto-columns: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 16px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
}

.table-cell {
	padding: 32px 20px 24px;
	border-right: 1px solid #e5e5e5;
	text-align: center;
}

.table-header-cell {
	border-bottom: 6px solid #ff9a15;
	text-align: center;
}

.table-header-cell.green {
	border-bottom-color: #61ad00;
}

.table-header-cell.blue {
	border-bottom-color: #60bce0;
}

.table-header-cell.purple {
	border-bottom-color: #7a3888;
}

.table-header-icon {
	margin-bottom: 32px;
}

.sequence-guide-heading {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 20px;
	background-color: #1b365d;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	text-align: center;
}

.guide-thumbnail-img {
	margin-bottom: 24px;
}

.sequence-guide-block {
	padding-bottom: 12px;
	color: #1b365d;
}

.sequence-guide-block:hover {
	text-decoration: none;
}

.sequence-guide-disclaimer {
	max-width: 760px;
	margin-top: 48px;
	margin-right: auto;
	margin-left: auto;
	font-size: 18px;
	line-height: 1.4;
}

.resource__hero-cta-btn-wrapper {
	max-width: 620px;
	margin-top: 48px;
	margin-right: auto;
	margin-left: auto;
	grid-template-rows: auto;
}

.background-blocks-grid {
	grid-column-gap: 48px;
	grid-template-rows: auto;
}

.background-block {
	display: block;
	text-align: center;
}

.background-block-title {
	margin-top: 0px;
	margin-bottom: 24px;
}

.background-block-thumbnail {
	position: relative;
}

.background-block-img {
	width: 100%;
}

.background-block-thumbnail-overaly {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	z-index: 1;
	display: flex;
	padding: 20px;
	justify-content: flex-end;
	align-items: flex-end;
	background-color: rgba(0, 0, 0, 0.4);
	opacity: 0;
	transition: opacity 200ms ease;
}

.background-block-thumbnail-overaly:hover {
	opacity: 1;
}

.download-icon {
	max-width: 16%;
}

.fw-normal {
	font-weight: 400;
}

.banner-section {
	margin-top: 60px;
	background-color: #ea7eb1;
	color: #fff;
}

.banner-content-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.banner-text-wrapper {
	max-width: 640px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	align-self: center;
}

.banner-img-wrapper {
	position: relative;
	width: 330px;
	margin-top: -60px;
	padding-bottom: 20px;
	flex: 0 0 auto;
}

.grok-chapter-overviews {
	position: absolute;
	left: -35%;
	top: auto;
	right: auto;
	bottom: -10%;
	width: 40%;
}

.alignment-charts-wrapper {
	position: relative;
	display: flex;
	width: 85%;
	max-width: 860px;
	margin-right: auto;
	margin-left: auto;
}

.alignment-chart {
	padding-right: 4px;
	padding-left: 4px;
	transition: opacity 200ms ease;
}

.alignment-chart:hover {
	opacity: 0.8;
}

.lizzie-alignment-charts {
	position: absolute;
	left: auto;
	top: auto;
	right: -15%;
	bottom: -5%;
	max-width: 18%;
}

.alignment-chart-spacer {
	display: none;
}

.fw-medium {
	font-weight: 500;
}

.extras-tab-menu {
	position: relative;
	display: flex;
	max-width: 420px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	justify-content: space-between;
	align-items: center;
}

.extras-tab-link {
	display: flex;
	width: 80px;
	height: 80px;
	padding: 0px;
	justify-content: center;
	align-items: center;
	border: 4px solid #ff9a15;
	border-radius: 50px;
	background-color: #fff;
	transition: color 200ms ease, border 200ms ease, background-color 200ms ease;
	color: #ff9a15;
	font-size: 32px;
	font-weight: 700;
}

.extras-tab-link:hover {
	background-color: #ff9a15;
	color: #fff;
}

.extras-tab-link.w--current {
	background-color: #ff9a15;
	color: #fff;
}

.extras-tab-link.green {
	border-color: #61ad00;
	color: #61ad00;
}

.extras-tab-link.green:hover {
	background-color: #61ad00;
	color: #fff;
}

.extras-tab-link.green.w--current {
	background-color: #61ad00;
	color: #fff;
}

.extras-tab-link.blue {
	border-color: #60bce0;
	color: #60bce0;
}

.extras-tab-link.blue:hover {
	background-color: #60bce0;
	color: #fff;
}

.extras-tab-link.blue.w--current {
	background-color: #60bce0;
	color: #fff;
}

.extras-tab-link.purple {
	border-color: #7a3888;
	color: #7a3888;
}

.extras-tab-link.purple:hover {
	background-color: #7a3888;
	color: #fff;
}

.extras-tab-link.purple.w--current {
	background-color: #7a3888;
	color: #fff;
}

.extras-panel {
	display: grid;
	overflow: hidden;
	grid-auto-columns: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	grid-template-columns: 180px 1fr;
	grid-template-rows: auto auto;
	border: 3px solid #ff9a15;
	background-color: #fff;
}

.extras-panel.green {
	border-color: #61ad00;
}

.extras-panel.blue {
	border-color: #60bce0;
}

.extras-panel.purple {
	border-color: #7a3888;
}

.extras-tablink-arrow {
	position: absolute;
	bottom: 0px;
	width: 30%;
	opacity: 0;
	transform: translate(0px, 32px);
	color: #ff9a15;
}

.extras-tablink-arrow.text-green {
	color: #61ad00;
}

.extras-tablink-arrow.text-lt-blue {
	color: #60bce0;
}

.extras-tablink-arrow.text-purple {
	color: #7a3888;
}

.extras-panel-number-wrapper {
	position: relative;
	display: flex;
	padding: 32px;
	justify-content: center;
	align-items: center;
	grid-auto-columns: 1fr;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
}

.extras-panel-number-bg {
	position: absolute;
	left: -1px;
	top: -1%;
	right: 0px;
	bottom: -1%;
	width: 100%;
	height: 102%;
	object-fit: cover;
	object-position: 100% 50%;
}

.extras-content-wrapper {
	position: relative;
}

.extras-panel-number {
	position: relative;
	z-index: 1;
	color: #fff;
	font-size: 60px;
	line-height: 1;
	font-weight: 700;
}

.extras-panel-heading {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}

.extras-swiper-wrapper {
	position: relative;
	overflow: hidden;
	padding-right: 32px;
	padding-bottom: 32px;
	padding-left: 32px;
}

.extras-swiper {
	overflow: hidden;
}

.swiper-wrapper {
	display: flex;
}

.swiper-slide.extras-slide {
	width: 100%;
	max-width: 176px;
	padding-right: 8px;
	padding-left: 8px;
}

.swiper-slide.sample-slide {
	width: 33.33%;
}

.extras-block {
	display: block;
	transition: opacity 200ms ease;
	color: #1b365d;
	font-size: 14px;
	line-height: 1.2;
	text-decoration: none;
}

.extras-block:hover {
	opacity: 0.7;
}

.extras-block-img {
	margin-bottom: 16px;
	border: 1px solid #ff9a15;
}

.extras-block-img.green {
	border-color: #61ad00;
}

.extras-block-img.blue {
	border-color: #60bce0;
}

.extras-block-img.purple {
	border-color: #7a3888;
}

.extras-block-heading {
	margin-bottom: 2px;
	font-weight: 700;
}

.swiper-next {
	position: absolute;
	left: auto;
	top: 0%;
	right: 0px;
	bottom: 0%;
	z-index: 2;
	display: flex;
	width: 32px;
	padding-right: 8px;
	padding-left: 8px;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(270deg, #fff 25%, hsla(0, 0%, 100%, 0));
	transition: opacity 200ms ease;
	cursor: pointer;
}

.swiper-prev {
	position: absolute;
	left: 0px;
	top: 0%;
	right: auto;
	bottom: 0%;
	z-index: 2;
	display: flex;
	width: 32px;
	padding-right: 8px;
	padding-left: 8px;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(90deg, #fff 25%, hsla(0, 0%, 100%, 0));
	cursor: pointer;
}

.extras-panel-header {
	padding-top: 32px;
	padding-bottom: 32px;
}

.extras-grid {
	max-width: 920px;
	margin-right: auto;
	margin-left: auto;
	grid-row-gap: 60px;
	grid-template-columns: 1fr;
}

.swiper-nav-icon {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	color: #ff9a15;
}

.swiper-nav-icon.green {
	color: #61ad00;
}

.swiper-nav-icon.blue {
	color: #60bce0;
}

.swiper-nav-icon.purple {
	color: #7a3888;
}

.overflow-hidden {
	overflow: hidden;
}

.cart-modal-wrapper {
	position: fixed;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	z-index: 1000;
	display: none;
	overflow: auto;
	padding: 80px 20px;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.5);
}

.cart-modal {
	position: relative;
	width: 100%;
	max-width: 460px;
	margin-right: auto;
	margin-left: auto;
	padding: 40px;
	background-color: #fff;
}

.cart-modal-heading {
	margin-top: 0px;
	margin-bottom: 24px;
	text-align: center;
}

.cart-modal-btns {
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
	grid-row-gap: 12px;
	grid-template-columns: 1fr;
}

.cart-modal-close-btn {
	position: absolute;
	left: auto;
	top: 8px;
	right: 8px;
	bottom: auto;
	width: 28px;
	cursor: pointer;
}

.products__hero-text-wrapper {
	max-width: 770px;
	margin-right: auto;
	margin-bottom: 72px;
	margin-left: auto;
	text-align: center;
}

.products__hero-title {
	margin-top: 0px;
}

.product-sections-wrapper {
	display: grid;
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	grid-auto-columns: 1fr;
	grid-column-gap: 16px;
	grid-row-gap: 32px;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto;
}

.product-section-heading {
	margin-top: 0px;
}

.product-section-subhead {
	margin-bottom: 0px;
	font-size: 18px;
}

.products-panel {
	margin-top: 20px;
	padding: 20px 24px;
	background-color: #fff;
}

.product-label {
	display: flex;
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
	flex: 0 0 auto;
	border-radius: 50%;
	background-color: #ff9a15;
	color: #fff;
	font-size: 22px;
	line-height: 1;
	font-weight: 700;
}

.product-label.green {
	background-color: #61ad00;
}

.product-label.blue {
	background-color: #60bce0;
}

.product-label.purple {
	background-color: #7a3888;
}

.product-set-row {
	display: grid;
	margin-bottom: 10px;
	padding-bottom: 10px;
	align-items: center;
	grid-auto-columns: 1fr;
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	grid-template-columns: 50px 1fr 1.5fr;
	grid-template-rows: auto;
	border-bottom: 1px solid #e5e5e5;
}

.product-info-wrapper {
	display: grid;
	justify-items: end;
	align-items: center;
	grid-auto-columns: 1fr;
	grid-column-gap: 12px;
	grid-row-gap: 16px;
	grid-template-columns: 1fr 80px 80px;
	grid-template-rows: auto;
	text-align: right;
}

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

.product-item-price {
	text-align: right;
}

.product-single-row {
	display: grid;
	margin-bottom: 10px;
	padding-bottom: 10px;
	align-items: center;
	grid-auto-columns: 1fr;
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	grid-template-columns: 50px 72px 1fr 1fr;
	grid-template-rows: auto;
	border-bottom: 1px solid #e5e5e5;
}

.product-single-description {
	max-width: 200px;
	line-height: 1.3;
}

.product-info-list {
	display: grid;
	margin-bottom: 0px;
	padding-left: 0px;
	grid-auto-columns: 1fr;
	grid-column-gap: 16px;
	grid-row-gap: 4px;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	list-style-type: none;
}

.product-info-list-item {
	padding-left: 1.4em;
	background-image: url("/assets/wf/images/orange-checkmark.svg");
	background-position: 0px 0px;
	background-size: 1em;
	background-repeat: no-repeat;
}

.product-info-list-item.green {
	background-image: url("/assets/wf/images/green-checkmark.svg");
}

.product-info-list-item.blue {
	background-image: url("/assets/wf/images/blue-checkmark.svg");
}

.product-info-list-item.purple {
	background-image: url("/assets/wf/images/purple-checkmark.svg");
}

.product-puzzel-icon {
	width: 60%;
}

.product-section-divider {
	height: 1px;
	background-color: #d1d3d4;
}

.product-accessory-img {
	width: 80px;
	height: 80px;
	margin-right: 20px;
	flex: 0 0 auto;
	object-fit: contain;
	object-position: 0% 50%;
}

.accessory-info-wrapper {
	display: flex;
	max-width: 300px;
	align-items: center;
}

.product-accessory-row {
	display: grid;
	grid-auto-columns: 1fr;
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	grid-template-columns: 1fr 1.25fr;
	grid-template-rows: auto;
}

.select-input-wrapper {
	position: relative;
	width: 100%;
	max-width: 196px;
}

.select-input-arrow {
	position: absolute;
	top: 50%;
	right: 8px;
	width: 16px;
	transform: translate(0px, -50%);
}

.chapter-overview-block {
	transition: transform 400ms ease, box-shadow 400ms ease;
}

.chapter-overview-block:hover {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
	transform: scale(1.05);
}

.test-block-number {
	position: relative;
	z-index: 1;
	display: flex;
	width: 2.75em;
	height: 2.75em;
	margin-right: auto;
	margin-bottom: -1em;
	margin-left: auto;
	justify-content: center;
	align-items: center;
	border: 2px solid #ff9a15;
	border-radius: 50%;
	background-color: #fff;
	color: #ff9a15;
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
	text-align: center;
}

.test-block-number.green {
	border-color: #61ad00;
	color: #61ad00;
}

.test-block-number.blue {
	border-color: #60bce0;
	color: #60bce0;
}

.test-block-number.purple {
	border-color: #7a3888;
	color: #7a3888;
}

.nav-dropdown-toggle.nav-link {
	display: flex;
	align-items: center;
}

.nav-dropdown-toggle.nav-link.w--open {
	color: #d50032;
}

.nav-dropdown-toggle-icon {
	position: static;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 4px;
}

.books-dropdown-list {
	background-color: #fff;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	transform: translate(-50%, 0px);
}

.product-select-wrapper {
	position: relative;
	margin-right: 20px;
	flex: 1;
}

.product-select-wrapper.hidden {
	display: none;
}

.product-select-field {
	height: 48px;
	margin-bottom: 0px;
	padding-right: 40px;
	padding-left: 16px;
	border: 2px solid #1b365d;
	background-color: #fff;
	font-size: 16px;
	font-weight: 700;
}

.product-select-icon {
	position: absolute;
	left: auto;
	top: 50%;
	right: 20px;
	bottom: auto;
	transform: translate(0px, -50%);
}

.samples-swiper {
	overflow: hidden;
	padding-right: 32px;
	padding-left: 32px;
}

.sample-book-card {
	display: block;
	transition: opacity 200ms ease;
	text-align: center;
	text-decoration: none;
}

.sample-book-card:hover {
	opacity: 0.9;
}

.samples-swiper-wrapper {
	position: relative;
}

.sample-swiper-nav {
	position: absolute;
	left: 0px;
	top: 50%;
	right: 0px;
	z-index: 3;
	display: flex;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	justify-content: space-between;
	align-items: center;
	transform: translate(0px, -50%);
}

.sample-swiper-arrow {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #ff9a15;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
	transition: opacity 200ms ease, background-color 200ms ease,
		transform 200ms ease;
	cursor: pointer;
}

.sample-swiper-arrow:hover {
	transform: scale(1.1);
}

.sample-swiper-arrow-icon {
	width: 100%;
}

.filter-spacer {
	display: none;
}

.unit-level-books-img {
	min-height: 135px;
	object-fit: contain;
}

.ba-sequence-header {
	margin-bottom: 40px;
	text-align: center;
}

.feature-grid {
	grid-column-gap: 32px;
	grid-template-rows: auto;
}

._2-col-list {
	display: grid;
	margin-bottom: 20px;
	grid-auto-columns: 1fr;
	grid-column-gap: 24px;
	grid-row-gap: 16px;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
}

.books-dropdown-content {
	width: 660px;
	grid-column-gap: 0px;
	grid-template-columns: 1fr 300px;
	grid-template-rows: auto;
}

.books-nav-wrapper {
	padding: 20px 40px;
}

.books-nav-menu {
	grid-row-gap: 12px;
	grid-template-columns: 1fr;
}

.books-navlink {
	display: flex;
	align-items: center;
	transition: color 200ms ease;
	color: #1b365d;
	font-weight: 500;
	text-decoration: none;
}

.books-navlink:hover {
	color: #d50032;
}

.books-navlink-number {
	display: flex;
	width: 32px;
	height: 32px;
	margin-right: 8px;
	justify-content: center;
	align-items: center;
	flex: 0 0 auto;
	border-radius: 50%;
	background-color: #ff9a15;
	color: #fff;
	font-weight: 700;
}

img.books-navlink-number {
	background-color: transparent;
}

.books-navlink-number.green {
	background-color: #61ad00;
}

.books-navlink-number.blue {
	background-color: #60bce0;
}

.books-navlink-number.purple {
	background-color: #7a3888;
}

.books-nav-sublinks {
	display: grid;
	margin-top: 16px;
	padding-top: 16px;
	grid-auto-columns: 1fr;
	grid-column-gap: 16px;
	grid-row-gap: 8px;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	border-top: 1px solid #cbcbcb;
}

.books-nav-sublink {
	transition: color 200ms ease;
	color: #1b365d;
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
}

.books-nav-sublink:hover {
	color: #d50032;
}

.books-nav-bundle-cta {
	display: block;
	padding: 20px 24px;
	background-image: url("/assets/wf/images/books-bundle-cta-bg.svg");
	background-position: 50% 50%;
	background-size: cover;
	transition: opacity 200ms ease;
	color: #fff;
	line-height: 1.3;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
}

.books-nav-bundle-cta:hover {
	opacity: 0.9;
}

.books-nav-bundle-cta-img {
	margin-bottom: 8px;
}

.books-nav-bundle-cta-link {
	display: block;
	margin-top: 10px;
	color: #fff;
	text-decoration: underline;
	text-transform: uppercase;
}

.nav-dropdown-list {
	padding: 24px 20px;
	background-color: #fff;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.nav-dropdown-links-wrapper {
	grid-template-columns: 1fr;
	grid-template-rows: auto;
}

.nav-dropdown-link {
	transition: color 200ms ease;
	color: #1b365d;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
}

.nav-dropdown-link:hover {
	color: #d50032;
}

@media screen and (min-width: 1280px) {
	.hero-subheader {
		font-size: 24px;
	}

	.text-dark-blue._w-100 {
		width: 100%;
	}

	.banner-image-wrap {
		width: 46%;
	}

	.banner-image-wrap.online {
		width: 50%;
	}

	.banner-image-wrap.enroll {
		width: 30%;
		justify-content: center;
	}

	.section-hero {
		background-image: linear-gradient(264deg, #aa062c, #a40025 32%, #fff 33%);
	}

	.section-hero.books {
		position: relative;
		max-width: 1300px;
		min-height: 500px;
		margin-right: auto;
		margin-left: auto;
	}

	.main-content {
		overflow: hidden;
	}

	.hero-content-text.enroll {
		max-width: 700px;
	}

	.hero-content {
		width: 60%;
	}

	.hero-content.enroll {
		max-width: 600px;
	}

	.hero-content.online {
		width: 50%;
		max-width: 600px;
	}

	.hero-content.books {
		width: 50%;
		max-width: 600px;
	}

	.hero-container {
		justify-content: center;
	}

	.hero-container.enroll {
		margin-right: auto;
		margin-left: auto;
		justify-content: center;
	}

	.hero-container.online {
		justify-content: flex-end;
	}

	.hero-container.books {
		position: relative;
		height: 500px;
		padding-left: 40px;
		justify-content: flex-start;
	}

	.books-online-callout.justify-right {
		justify-content: flex-end;
	}

	.books-online-callout.justify-left {
		justify-content: flex-start;
	}

	.headline {
		font-size: 39px;
	}

	.headline.text-dark-blue.online {
		font-size: 40px;
	}

	.ba-books-img {
		width: 60%;
	}

	.books-online-callout-cta.left {
		display: none;
	}

	.books-online-callout-content {
		width: 42%;
		justify-content: center;
	}

	.challenges-container {
		max-width: 1200px;
	}

	.alex {
		left: 0%;
		top: 0%;
		right: auto;
		bottom: auto;
		width: 120px;
	}

	.callout-img-container {
		max-width: 340px;
	}

	.airplane-01 {
		max-width: 1500px;
	}

	.closer-content.text-center {
		max-width: 850px;
	}

	.section-footer {
		background-image: linear-gradient(180deg, #d50032, #8c0523);
	}

	.fiona-waving {
		left: auto;
		top: auto;
		right: -5%;
		bottom: -4%;
		max-width: 390px;
	}

	.winnie-sitting {
		bottom: -4%;
		max-width: 300px;
	}

	.grogg-alex {
		left: -5%;
		top: auto;
		right: auto;
		bottom: -12%;
		width: 525px;
	}

	.online-intro-content {
		width: 40%;
		margin-right: 60px;
	}

	.features-tab-pane {
		padding: 20px;
	}

	.teacher-cards {
		flex-wrap: wrap;
	}

	.teacher-cards-container {
		justify-content: center;
		flex-wrap: wrap;
		grid-auto-columns: 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto;
	}

	.teacher-block {
		background-color: #fff;
	}

	.teacher-block-content {
		padding-right: 30px;
		padding-bottom: 20px;
		padding-left: 30px;
	}

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

	.enroll-hero-img {
		min-width: 500px;
	}

	.section-subscriptions:not(body.PROJ-19386-cro .section-subscriptions) {
		padding-bottom: 200px;
	}

	.nav-button {
		position: relative;
		display: inline-block;
	}

	.nav-link.w--current {
		color: #1b365d;
	}

	.navbar-container {
		width: 100%;
		justify-content: space-around;
		align-items: center;
	}

	.modal-wrapper {
		position: fixed;
		z-index: 999;
	}

	.modal-inner {
		position: relative;
		z-index: 10;
	}

	.modal-wrap {
		background-position: 0% -1%;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.modal-wrap.bundle {
		margin-top: 100px;
		background-color: #fff;
	}

	.modal-input-wrapper.mr-20 {
		margin-right: 20px;
	}

	.modal-form-input {
		align-items: center;
	}

	.modal-closer {
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 5;
	}

	.subscription-discount {
		max-width: 100px;
		padding: 8px;
		border-radius: 6px;
		background-color: #e869a4;
		color: #fff;
		font-weight: 700;
		text-transform: uppercase;
	}

	.add-student-link {
		width: 100%;
		color: #1b365d;
		font-weight: 700;
		text-align: left;
	}

	.subscription-discount-wrapper {
		width: 60%;
	}

	.online-hero-img {
		max-width: none;
		min-width: 700px;
		object-fit: fill;
	}

	.dropdown-link:hover {
		background-color: #1b365d;
		color: #fff;
	}

	.learn-more-image {
		width: 250px;
	}

	.feature-img-wrapper.bundle-interactive {
		width: 80%;
	}

	.resource__hero-wrapper {
		max-width: 720px;
	}

	.resource__begin-img-wrapper {
		text-align: right;
	}
}

@media screen and (min-width: 1380px) {
	.fiona-waving {
		left: auto;
		top: auto;
		right: -5%;
		bottom: -4%;
		max-width: 480px;
	}
}

@media screen and (max-width: 991px) {
	h1 {
		font-size: 1.5rem;
	}

	h2 {
		margin-top: 0px;
	}

	h4 {
		font-size: 20px;
	}

	.hero-subheader {
		font-size: 18px;
	}

	.hero-subheader.text-dark-blue.books-hero {
		font-size: 16px;
	}

	.hero-subheader.hero-books {
		display: none;
	}

	.section-testimonials {
		height: 300px;
	}

	.text-dark-blue.text-sm-small {
		font-size: 0.9rem;
	}

	.btn-primary.dark-blue.hero-books, .gifting-btn.dark-blue.hero-books {
		min-width: 150px;
		margin-bottom: 0px;
		padding: 10px;
		font-size: 17px;
	}

	.btn-primary.bg-red.nav, .gifting-btn.bg-red.nav {
		padding-right: 10px;
		padding-left: 10px;
		font-size: 1rem;
	}

	.btn-primary.bg-red.btn-small, .gifting-btn.bg-red.btn-small {
		font-size: 20px;
	}

	.btn-primary.outline-red.hero-books, .gifting-btn.outline-red.hero-books {
		min-width: 150px;
		margin-bottom: 0px;
		padding: 10px;
		font-size: 17px;
	}

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

	.banner-image-wrap {
		background-image: none;
	}

	.banner-image-wrap.enroll {
		z-index: 1;
	}

	.section-hero.books {
		min-height: 0px;
	}

	.hero-content {
		z-index: 100;
	}

	.hero-content.enroll {
		position: relative;
		z-index: 100;
		width: 50%;
	}

	.hero-content.online {
		width: 42%;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.hero-content.books {
		width: 50%;
		padding-top: 20px;
	}

	.hero-container {
		padding-left: 40px;
	}

	.hero-container.books {
		height: auto;
	}

	.headline {
		margin-top: 0px;
		font-size: 2.5rem;
	}

	.title-choose {
		font-size: 2.5rem;
		margin-bottom: 2rem;
	}

	.headline.text-dark-blue.online {
		font-size: 22px;
	}

	.books-online-callout-img {
		width: 100%;
		margin-top: 20px;
		justify-content: center;
	}

	.books-online-callout-img.align-right {
		justify-content: center;
	}

	.books-online-callout-text {
		width: 100%;
		align-items: center;
	}

	.books-online-callout-text.align-right {
		align-items: center;
	}

	.books-online-callout-wrapper {
		flex-direction: column;
		text-align: center;
	}

	.books-online-callout-wrapper.reverse {
		flex-direction: column-reverse;
	}

	.books-online-callout-wrapper.center {
		align-items: center;
	}

	.books-online-callout-cta {
		right: auto;
	}

	.books-online-callout-cta.left.d-sm-none {
		align-self: center;
	}

	.books-online-callout-content {
		width: 100%;
	}

	.books-online-callout-content.right {
		align-items: center;
	}

	.challenges-wrapper {
		width: 50%;
	}

	.alex {
		left: 0%;
		top: 0%;
		right: auto;
		bottom: auto;
		height: 100px;
	}

	.callout-img-container {
		max-width: 288px;
	}

	.section-intro-copy._w-lg-75 {
		width: 100%;
	}

	.section-intro-copy._w-lg-60 {
		width: 100%;
	}

	.learning-categories.live {
		width: 100%;
		margin-left: 0px;
	}

	.section-closer {
		padding-top: 40px;
	}

	.closer-logo {
		width: 200px;
	}

	.fiona-waving {
		left: auto;
		top: auto;
		right: -10%;
		bottom: 0%;
		max-width: 260px;
	}

	.winnie-sitting {
		right: 14%;
		max-width: 200px;
	}

	.grogg-alex {
		left: -10%;
		bottom: -6.6%;
		max-width: 380px;
	}

	.ba-demo {
		height: 202px;
	}

	.benefits-content {
		align-items: flex-start;
	}

	.benefits-quote {
		width: 50%;
		margin-right: 40px;
	}

	.benefits-copy.mr-20 {
		margin-right: 20px;
	}

	.benefits-quote-wrapper {
		width: 70%;
		padding-left: 20px;
	}

	.benefits-quote-content {
		justify-content: flex-start;
	}

	.benefits-quote-text {
		font-size: 16px;
	}

	.section-features {
		padding-bottom: 0px;
	}

	.features-tabs {
		display: flex;
		width: 100%;
		padding-right: 10px;
		padding-left: 10px;
		align-items: center;
	}

	.teacher-cards-container {
		grid-column-gap: 20px;
	}

	.teacher-block {
		width: 30%;
		margin-right: 6px;
	}

	.teacher-block-content {
		position: relative;
		padding-right: 10px;
		padding-bottom: 0px;
		padding-left: 10px;
	}

	.parent-name {
		margin-top: 10px;
		font-size: 0.9rem;
	}

	.slider-copy {
		padding-right: 40px;
		padding-left: 0px;
	}

	.enroll-hero-img {
		min-width: 340px;
	}

	.section-subscriptions {
		padding-top: 0rem;
	}

	.section-subscriptions:not(body.PROJ-19386-cro .section-subscriptions) {
		padding-bottom: 140px;
	}

	.subscription-cards-section {
		padding-bottom: 0px;
	}

	.subscription-cards-wrapper {
		grid-column-gap: 20px;
	}

	.price:not(body.PROJ-19386-cro .price) {
		font-size: 40px;
	}

	.original-price:not(body.PROJ-19386-cro .original-price) {
		font-size: 18px;
	}

	.original-price-dollar:not(body.PROJ-19386-cro .original-price-dollar) {
		font-size: 16px;
	}

	.subscription-card-content {
		padding-right: 10px;
		padding-bottom: 20px;
		padding-left: 10px;
	}

	.subscription-features-images {
		top: -40px;
	}

	.subscriptions-help {
		margin-bottom: 0px;
	}

	.subscriptions-help:not(body.PROJ-19386-cro .subscriptions-help) {
		margin-bottom: 40px;
	}

	.vertical-tab-btn:hover {
		min-width: 300px;
		margin-left: 2px;
	}

	.vertical-tab-btn.w--current {
		min-width: 300px;
		margin-left: 2px;
	}

	.vertical-tabs-menu {
		width: 40%;
	}

	.vertical-tabs-menu.resources {
		display: flex;
		width: 100%;
	}

	.vertical-tabs-content {
		width: 60%;
	}

	.vertical-tabs-content.resources {
		width: 100%;
	}

	.vertical-tabs.resources {
		display: flex;
		flex-direction: column;
	}

	.vertical-tabs-btn-img {
		left: -32px;
	}

	.vertical-tabs-pane-content {
		width: 90%;
		margin-left: 10%;
	}

	.vertical-tabs-pane-content.resources {
		width: 100%;
		margin-left: 0%;
		padding-top: 20px;
	}

	.sticky {
		position: sticky;
		top: 100px;
	}

	.section-enroll-books-wrapper {
		position: relative;
	}

	.nav-menu {
		margin-left: 20px;
	}

	.navbar {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.brand-logo {
		width: 150px;
	}

	.nav-link {
		padding-right: 8px;
		padding-left: 8px;
	}

	.nav-play {
		margin-right: 10px;
	}

	.play-img {
		min-width: 90px;
	}

	.winnie-headphones {
		width: 150px;
	}

	.slider-quotes {
		width: 80px;
	}

	.slider-image {
		width: 60%;
	}

	.arrow-right {
		right: -10px;
	}

	.arrow-left {
		left: -10px;
	}

	.slide-wrap {
		padding-right: 10px;
		align-items: center;
	}

	.nav-buttons-wrapper {
		margin-left: 0px;
	}

	.online-hero-img {
		min-width: 520px;
	}

	.vertical-tab-btn-2:hover {
		min-width: 300px;
		margin-left: 2px;
	}

	.vertical-tab-btn-2.w--current {
		min-width: 300px;
		margin-left: 2px;
	}

	.hero-cta-wrapper {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.main-cta.w--current {
		text-decoration: none;
	}

	.down-arrow-bounce {
		margin-top: 10px;
	}

	.product-image {
		margin-right: 40px;
	}

	.book-set-character {
		right: -6%;
		width: 140px;
	}

	.book-unit-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.footer-list-header {
		font-size: 13px;
	}

	.footer-links {
		font-size: 13px;
	}

	.product-top-section-content {
		width: 100%;
	}

	.product-author {
		padding-left: 20px;
	}

	.unit-level-books-header {
		font-size: 18px;
	}

	.learn-more-image {
		width: 200px;
	}

	.books-info-tab-menu {
		width: 100%;
	}

	.books-info-tabs-pane {
		padding-top: 24px;
		padding-right: 0px;
		padding-left: 0px;
	}

	.books-info-skills {
		margin-top: 0px;
		grid-template-columns: 1fr 1fr;
	}

	.skills-character {
		margin-top: 60px;
	}

	.section-choosing-level.bg-lt-blue {
		height: 340px;
	}

	.choosing-level-content {
		width: 100%;
	}

	.level-resources-img {
		left: auto;
		top: auto;
		right: 0%;
		bottom: -19%;
		width: 200px;
		transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
	}

	.resources-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.bundle__hero-section {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.wide-container {
		max-width: 900px;
		padding-right: 32px;
		padding-left: 32px;
	}

	.styleguide__grid-section {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.row.reverse-on-m {
		flex-wrap: wrap-reverse;
	}

	.col.col-m-8 {
		max-width: 66.666667%;
		flex-basis: 66.67%;
	}

	.col.col-m-12 {
		max-width: 100%;
		flex-basis: 100%;
	}

	.col.col-m-4 {
		max-width: 33.333333%;
		flex-basis: 33.33%;
	}

	.col.col-m-11 {
		max-width: 91.666667%;
		flex-basis: 91.67%;
	}

	.col.col-m-1 {
		max-width: 8.333333%;
		flex-basis: 8.33%;
	}

	.col.col-m-7 {
		max-width: 58.333333%;
		flex-basis: 58.33%;
	}

	.col.col-m-10 {
		max-width: 83.333333%;
		flex-basis: 83.33%;
	}

	.col.col-m-9 {
		max-width: 75%;
		flex-basis: 75%;
	}

	.col.col-m-5 {
		max-width: 41.666667%;
		flex-basis: 41.67%;
	}

	.col.col-m-6 {
		max-width: 50%;
		flex-basis: 50%;
	}

	.col.col-m-2 {
		max-width: 16.666667%;
		flex-basis: 16.67%;
	}

	.col.col-m-3 {
		max-width: 25%;
		flex-basis: 25%;
	}

	.bundle__hero-img-frame {
		width: 100%;
		min-width: 400px;
	}

	.bundle__hero-bg {
		min-width: 1440px;
	}

	.bundle__hero-bg-img {
		width: auto;
		height: 100%;
	}

	.bundle__content-section {
		padding-top: 60px;
	}

	.section-heading-wrapper {
		margin-bottom: 48px;
	}

	.subhead {
		font-size: 19px;
	}

	.section-heading {
		margin-bottom: 20px;
		font-size: 24px;
	}

	.feature-card-grid {
		grid-column-gap: 24px;
	}

	.feature-card {
		margin-top: 80px;
	}

	.feature-card-img {
		margin-top: -80px;
	}

	.feature-card-text-wrapper {
		padding-right: 20px;
		padding-left: 20px;
	}

	.feature-img-wrapper.bundle-interactive {
		margin-bottom: 22%;
	}

	.feature-img-wrapper.chapter-overviews {
		margin-bottom: 20%;
	}

	.feature-text-heading {
		font-size: 24px;
	}

	.fiona-bundle-interactive {
		right: -15%;
		bottom: -38%;
		width: 36%;
	}

	.bundle__features-grid {
		grid-row-gap: 48px;
	}

	.bundle__level-text {
		width: 100%;
		max-width: none;
	}

	.winnie-bundle-level {
		height: 220px;
	}

	.bundle__policy-content {
		padding-bottom: 60px;
	}

	.resource__hero-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.resource__begin-section {
		padding-top: 20px;
		padding-bottom: 80px;
	}

	.resource__begin-content {
		grid-row-gap: 60px;
	}

	.step-block {
		grid-column-gap: 16px;
		grid-row-gap: 20px;
		grid-template-columns: 1fr;
	}

	.step-block-number {
		width: 48px;
	}

	.step-block-text-wrapper {
		padding-top: 0px;
	}

	.bullet-list {
		padding-left: 20px;
	}

	.bullet-list-item {
		font-size: 18px;
	}

	.step-block-description {
		margin-bottom: 24px;
		font-size: 18px;
	}

	.section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.readiness-panel {
		padding: 48px;
	}

	.resource__tests-section {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.test-panel-wrapper {
		padding-top: 30px;
		padding-right: 80px;
	}

	.test-panel-number {
		font-size: 160px;
	}

	.test-panel-heading {
		font-size: 20px;
	}

	.test-panel-header-img {
		width: 160px;
		margin-top: -60px;
		margin-right: -80px;
		align-self: center;
	}

	.panel-expand-toggle-icon {
		height: 50px;
	}

	.test-panel-grid {
		max-width: 800px;
		grid-row-gap: 40px;
	}

	.table-header-icon {
		width: 80px;
	}

	.sequence-guide-disclaimer {
		margin-top: 40px;
	}

	.banner-section {
		margin-top: 40px;
	}

	.banner-img-wrapper {
		width: 300px;
	}

	.grok-chapter-overviews {
		left: -10%;
		bottom: -25%;
	}

	.extras-tab-link {
		width: 72px;
		height: 72px;
		font-size: 28px;
	}

	.extras-panel {
		grid-template-columns: 140px 1fr;
	}

	.extras-panel-number-wrapper {
		padding: 28px 20px;
	}

	.extras-panel-number-bg {
		height: 102%;
	}

	.extras-swiper-wrapper {
		padding-bottom: 28px;
	}

	.swiper-slide.extras-slide {
		max-width: 144px;
	}

	.swiper-slide.sample-slide {
		width: 45%;
	}

	.extras-block {
		font-size: 12px;
		line-height: 1.3;
	}

	.extras-panel-header {
		padding-top: 28px;
		padding-bottom: 28px;
	}

	.extras-grid {
		grid-row-gap: 48px;
	}

	.product-set-row {
		grid-template-columns: 50px 1fr;
	}

	.product-set-img-wrapper {
		display: none;
	}

	.test-block-number {
		font-size: 20px;
	}

	.books-dropdown-list {
		transform: translate(-32%, 0px);
	}

	.samples-swiper {
		padding-right: 28px;
		padding-left: 28px;
	}

	.sample-swiper-arrow {
		width: 48px;
		height: 48px;
	}

	.sample-swiper-arrow:hover {
		transform: none;
	}

	.books-dropdown-content {
		width: 620px;
	}

	.books-nav-wrapper {
		padding-right: 32px;
		padding-left: 32px;
	}
}

@media screen and (max-width: 767px) {
	.subscription-card.highlighted-card {
		min-width: 250px;
	}

	h3 {
		font-size: 22px;
		line-height: 1.4;
	}

	.title-choose {
		margin-bottom: 0rem;
	}

	.jumbo {
		font-size: 60px;
	}

	.brand {
		padding-left: 0px;
	}

	.style-grid-two-c {
		grid-template-columns: 1fr;
	}

	.section-testimonials {
		max-height: 250px;
	}

	.text-dark-blue.mb-sm-0 {
		margin-bottom: 0px;
	}

	.text-dark-blue.text-sm-small.mb-sm-0 {
		margin: 0px;
	}

	.style-grid-four-c.no-margin {
		grid-template-columns: 1fr 1fr;
	}

	.btn-primary.outline-blue.d-sm-none, .gifting-btn.outline-blue.d-sm-none {
		display: none;
	}

	.text-white.stat-text {
		font-size: 17px;
	}

	.banner-image-wrap {
		width: 100%;
		align-self: auto;
		flex: 0 auto;
	}

	.banner-image-wrap.online {
		display: none;
	}

	.banner-image-wrap.enroll {
		display: block;
		width: 100%;
		text-align: center;
	}

	.section-hero {
		flex-direction: column-reverse;
		background-color: transparent;
		background-image: none;
	}

	.hero-content-text {
		width: 100%;
		margin-right: 0px;
		margin-left: 0px;
		padding-right: 36px;
		padding-bottom: 20px;
		padding-left: 36px;
		text-align: center;
	}

	.hero-content {
		width: 100%;
		max-width: none;
	}

	.hero-content.enroll {
		width: 100%;
	}

	.hero-content.online {
		left: 0%;
		width: 100%;
		padding-bottom: 0px;
	}

	.hero-content.books {
		width: 100%;
	}

	.hero-container {
		padding-top: 20px;
		padding-left: 0px;
		flex-direction: column;
	}

	.hero-container.enroll {
		flex-direction: column;
	}

	.hero-container.books {
		padding: 40px 20px 0px;
		background-image: url("/assets/wf/images/books-hero-mb.jpg");
		background-position: 50% 50%;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.books-online-callout {
		width: 100%;
	}

	.wave {
		display: block;
	}

	.red-wave-img {
		width: 100%;
	}

	.hero-mobile {
		display: block;
		width: 100%;
	}

	.headline.page-title {
		margin-bottom: 20px;
	}

	.books-online-callout-img.align-right {
		justify-content: center;
	}

	.books-online-callout-text.align-right {
		margin-top: 20px;
	}

	.ba-books-img {
		width: 50%;
	}

	.books-online-callout-container {
		flex-direction: column;
		align-items: center;
	}

	.books-online-callout-cta.left {
		display: block;
		align-self: center;
	}

	.books-online-callout-cta.left.d-sm-none {
		display: none;
	}

	.books-online-callout-content.right {
		flex-direction: column-reverse;
	}

	.challenges-container {
		flex-direction: column-reverse;
		align-items: center;
	}

	.challenges-wrapper {
		width: 100%;
	}

	.challenges-text {
		margin-left: 0%;
	}

	.alex {
		left: 9%;
		top: auto;
		right: auto;
		bottom: 39%;
		width: 100px;
	}

	.alex.online {
		left: -14px;
		top: 0%;
		right: auto;
		bottom: auto;
	}

	.callout-img-container {
		max-width: 350px;
	}

	.section-intro-copy.mb-sm-20 {
		margin-bottom: 20px;
	}

	.section-intro-copy._w-lg-75 {
		width: 100%;
	}

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

	.learning-categories.half {
		width: 100%;
		margin-top: 40px;
		margin-bottom: 20px;
	}

	.learning-categories.live {
		margin-top: 20px;
		padding-left: 20px;
		flex-direction: column;
	}

	.learning-categories-online-books {
		flex-direction: column;
	}

	.learning-style-bundles-image {
		margin-left: 0px;
	}

	.learning-categories-content {
		bottom: 0%;
	}

	.container.pb-sm-0 {
		padding-bottom: 0rem;
	}

	.fiona-waving {
		bottom: -2%;
	}

	.winnie-sitting {
		display: none;
	}

	.grogg-alex {
		left: -12%;
		top: auto;
		right: auto;
		bottom: -2%;
		max-width: 280px;
	}

	.ba-demo {
		min-height: 300px;
	}

	.cta-wrapper {
		flex-direction: column;
		text-align: center;
	}

	.cta-wrapper.mx-auto {
		padding-right: 32px;
		padding-left: 32px;
	}

	.cta-wrapper.mx-auto.justify-center.d-none {
		display: none;
	}

	.cta-content {
		margin-bottom: 24px;
		padding-right: 0px;
	}

	.section-programs {
		padding-bottom: 10px;
	}

	.hero-cta {
		align-items: center;
	}

	.online-intro-wrapper {
		align-items: center;
	}

	.online-intro-image {
		max-width: 280px;
	}

	.online-intro-img {
		top: -10px;
	}

	.benefits-wrapper.mb-60-md {
		margin-bottom: 0px;
	}

	.benefits-content {
		flex-direction: column;
		align-items: flex-start;
	}

	.benefits-content.flex-reverse {
		flex-direction: column-reverse;
	}

	.benefits-quote {
		width: 100%;
	}

	.benefits-copy {
		width: 100%;
		margin-top: 0px;
	}

	.benefits-quote-wrapper {
		width: 50%;
		max-width: 280px;
	}

	.benefits-quote-content {
		padding-top: 60px;
		justify-content: center;
		text-align: center;
	}

	.section-features {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.features-tabs {
		display: flex;
		padding-right: 10px;
		padding-left: 10px;
		align-items: center;
		align-self: stretch;
		font-size: 15px;
	}

	.features-tabs.books-info {
		padding: 20px;
	}

	.teacher-cards-container {
		align-self: stretch;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto;
	}

	.teacher-block {
		width: 46%;
	}

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

	.parent-name {
		margin-top: 10px;
	}

	.slider-copy {
		display: flex;
		width: 100%;
		padding: 20px 40px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.slider-img {
		display: none;
		width: 250px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}

	.enroll-hero-img {
		display: none;
	}

	.section-subscriptions {
		padding-top: 0rem;
		background-position: 0% 0%;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.section-subscriptions:not(body.PROJ-19386-cro .section-subscriptions) {
		padding-bottom: 180px;
	}

	.subscription-cards-section {
		padding: 0px 20px;
	}

	.subscription-cards-wrapper {
		max-width: none;
		flex-direction: column;
		align-self: stretch;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto;
	}

	.subscription-card {
		width: 100%;
		margin-bottom: 40px;
		align-items: stretch;
	}

	.subscription-features {
		padding-top: 0px;
	}

	.subscription-features-images {
		top: 0px;
		margin-top: 40px;
	}

	.vertical-tab-btn {
		margin-bottom: 20px;
		margin-left: 0px;
	}

	.vertical-tab-btn:hover {
		min-width: 0px;
		margin-left: 0px;
	}

	.vertical-tab-btn.w--current {
		min-width: 0px;
		margin-left: 0px;
	}

	.vertical-tabs-menu.resources {
		position: sticky;
		top: 100px;
		z-index: 100;
	}

	.vertical-tabs {
		display: flex;
		min-height: 400px;
	}

	.vertical-tabs.resources {
		min-height: 0px;
	}

	.vertical-tabs-pane-content.resources {
		width: 100%;
		margin-left: 0%;
	}

	.sticky {
		position: static;
		width: 100%;
	}

	.section-enroll-books-copy {
		width: 100%;
	}

	.section-enroll-books-wrapper {
		width: 100%;
		float: none;
		flex-direction: column;
	}

	.nav-menu {
		overflow: auto;
		margin-left: 0px;
		padding: 10px 24px 20px;
		align-items: stretch;
		background-color: rgba(27, 54, 93, 0.98);
	}

	.icon-2 {
		color: #1b365d;
		font-size: 32px;
	}

	.navbar {
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
	}

	.nav-button {
		display: block;
		max-width: 250px;
		padding-left: 0px;
		align-self: flex-start;
	}

	.brand-logo {
		width: 180px;
	}

	.menu-button {
		background-color: #fff;
	}

	.menu-button.w--open {
		background-color: #fff;
	}

	.nav-link {
		display: block;
		padding: 10px 0px;
		color: #fff;
	}

	.nav-link:hover {
		color: #ff9a15;
	}

	.nav-link.w--current {
		color: #ff9a15;
	}

	.nav-play {
		margin-right: 20px;
		margin-bottom: 10px;
	}

	.testimonial-quote-content.single-quotes {
		padding-top: 80px;
		padding-bottom: 40px;
	}

	.choose-level-content {
		width: 100%;
		margin-right: 0%;
	}

	.refunds-content {
		width: 100%;
	}

	.section-choose-level-wrapper {
		flex-direction: column;
	}

	.winnie-headphones {
		right: 0%;
		bottom: -12%;
	}

	.modal-wrap {
		padding-right: 10px;
		padding-left: 10px;
	}

	.close-block {
		top: -25px;
		right: 10px;
	}

	.enroll-hero-img-mb {
		display: block;
		width: 100%;
	}

	.challenges-content-wrapper {
		width: 100%;
	}

	.tab-columns {
		align-items: flex-start;
	}

	.slider-image {
		width: 100%;
	}

	.slider-container {
		background-color: #fff;
	}

	.slide-wrap {
		display: flex;
		padding-right: 0px;
		padding-bottom: 20px;
		flex-direction: column;
	}

	.display-md-none {
		display: block;
	}

	.nav-buttons-wrapper {
		padding-top: 10px;
	}

	.nellie-demo {
		bottom: -20%;
	}

	.home__hero-img {
		display: none;
	}

	.vertical-tab-btn-2 {
		margin-bottom: 20px;
		margin-left: 0px;
	}

	.vertical-tab-btn-2:hover {
		min-width: 0px;
		margin-left: 0px;
	}

	.vertical-tab-btn-2.w--current {
		min-width: 0px;
		margin-left: 0px;
	}

	.hero-cta-wrapper {
		margin-top: 40px;
		justify-content: center;
	}

	.filter-controls {
		flex-wrap: wrap;
	}

	.product-image {
		margin-right: 0px;
	}

	.book-set-info {
		width: 100%;
	}

	.book-set-content {
		flex-direction: column;
		align-items: flex-start;
	}

	.book-unit-grid {
		grid-template-columns: 1fr 1fr;
	}

	.section-where {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.choosing-content-wrapper {
		max-width: none;
	}

	.mt-40 {
		margin-top: 40px;
	}

	.section-tools {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.tools-grid {
		display: none;
	}

	.d-sm-none {
		display: none;
	}

	.choosing-img {
		margin-bottom: 40px;
	}

	.d-md-none {
		display: block;
	}

	.tools-list {
		margin-top: 20px;
		text-align: left;
	}

	.books-online-content {
		display: flex;
		width: 100%;
		flex-direction: column-reverse;
	}

	.books-online-copy {
		width: 100%;
	}

	.books-online-copy.d-sm-none {
		display: none;
	}

	.books-online-copy.d-lg-none {
		display: block;
	}

	.books-online-content-wrapper {
		margin-bottom: 10px;
	}

	.center-quotes {
		width: 80px;
	}

	.footer-grid {
		grid-auto-columns: 0.75fr;
		grid-column-gap: 35px;
		grid-template-columns: 1fr 0.75fr;
		grid-template-rows: auto auto auto auto;
	}

	.footer-logo {
		max-width: 200px;
	}

	.section-learn-more {
		padding-bottom: 0px;
	}

	.unit-level-books-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.learn-more-image {
		position: static;
		display: block;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	.books-info-tab-menu {
		display: flex;
		justify-content: center;
	}

	.books-info-tabs-pane {
		padding-top: 20px;
	}

	.skills-seq-grid {
		min-width: 800px;
	}

	.skills-seq-content {
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.other-levels-grid {
		grid-template-columns: 0.75fr 0.75fr 0.75fr;
	}

	.product-suggest-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.books-info-skills {
		margin-top: 0px;
		grid-template-columns: 1fr;
	}

	.skills-character {
		margin-top: 60px;
	}

	.section-samples {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.choosing-level-img {
		margin-top: -40px;
	}

	.choosing-level-col {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.choosing-level-content-img {
		width: 200px;
		margin-top: -50px;
		float: right;
		text-align: right;
	}

	.section-level-resources {
		padding-top: 100px;
	}

	.level-resources-img {
		display: none;
	}

	.bundle-cta-wrapper {
		max-width: 200px;
		margin-top: 20px;
		margin-right: auto;
		margin-left: auto;
	}

	.btn {
		font-size: 18px;
	}

	.btn.btn-small {
		font-size: 16px;
	}

	.bundle__hero-section {
		overflow: visible;
		padding-bottom: 0rem;
	}

	.wide-container {
		max-width: 664px;
		padding-right: 24px;
		padding-left: 24px;
	}

	.wide-container.full-width-sm {
		max-width: none;
		margin-right: 0px;
		margin-left: 0px;
		padding-right: 0px;
		padding-left: 0px;
	}

	.bundle__hero-text-wrapper {
		max-width: 420px;
		margin-right: auto;
		margin-bottom: 24px;
		margin-left: auto;
		text-align: center;
	}

	.styleguide__grid-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.row.reverse-on-sm {
		flex-wrap: wrap-reverse;
	}

	.col.col-sm-9 {
		max-width: 75%;
		flex-basis: 75%;
	}

	.col.col-sm-10 {
		max-width: 83.333333%;
		flex-basis: 83.33%;
	}

	.col.col-sm-3 {
		max-width: 25%;
		flex-basis: 25%;
	}

	.col.col-sm-5 {
		max-width: 41.666667%;
		flex-basis: 41.67%;
	}

	.col.col-sm-1 {
		max-width: 8.333333%;
		flex-basis: 8.33%;
	}

	.col.col-sm-6 {
		max-width: 50%;
		flex-basis: 50%;
	}

	.col.col-sm-8 {
		max-width: 66.6666667%;
		flex-basis: 66.67%;
	}

	.col.col-sm-11 {
		max-width: 91.666667%;
		flex-basis: 91.67%;
	}

	.col.col-sm-7 {
		max-width: 58.333333%;
		flex-basis: 58.33%;
	}

	.col.col-sm-2 {
		max-width: 16.666667%;
		flex-basis: 16.67%;
	}

	.col.col-sm-4 {
		max-width: 33.333333%;
		flex-basis: 33.33%;
	}

	.col.col-sm-12 {
		max-width: 100%;
		flex-basis: 100%;
	}

	.bundle__hero-img-frame {
		max-width: 360px;
		min-width: 0px;
		margin-right: auto;
		margin-bottom: -60px;
		margin-left: auto;
	}

	.bundle__hero-bg {
		left: 0%;
		top: 0%;
		right: 0%;
		bottom: 0%;
		min-width: 0px;
		transform: none;
	}

	.bundle__hero-bg-img {
		display: none;
	}

	.bundle__hero-bg-img.mobile {
		display: block;
		width: 100%;
		object-fit: cover;
	}

	.bundle__hero-img-wrapper {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

	.bundle__content-section {
		padding-top: 100px;
	}

	.section-heading-wrapper {
		max-width: 500px;
		margin-bottom: 40px;
	}

	.subhead {
		font-size: 19px;
	}

	.section-heading {
		font-size: 22px;
	}

	.feature-card-grid {
		display: none;
		grid-template-columns: 1fr;
	}

	.feature-card {
		margin-top: 100px;
	}

	.feature-card-img {
		margin-top: -100px;
	}

	.feature-card-slider {
		display: block;
		max-width: 420px;
		margin-right: auto;
		margin-left: auto;
		padding-right: 20px;
		padding-left: 20px;
	}

	.bundle__features-section {
		padding-bottom: 20px;
	}

	.feature-img-wrapper {
		display: block;
		text-align: center;
	}

	.feature-img-wrapper.wide-sm {
		margin-right: -24px;
		margin-left: -24px;
	}

	.feature-img-wrapper.chapter-overviews {
		margin-bottom: 0%;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}

	.feature-text-wrapper {
		max-width: none;
		margin-right: 0px;
		margin-bottom: 32px;
		margin-left: 0px;
	}

	.feature-text-wrapper.wide {
		max-width: none;
	}

	.feature-text-heading {
		margin-bottom: 12px;
		font-size: 22px;
	}

	.bundle__features-grid {
		grid-row-gap: 48px;
	}

	.bundle__level-content {
		margin-bottom: 20px;
		padding-top: 40px;
		padding-bottom: 132px;
	}

	.winnie-bundle-level {
		right: 0%;
		bottom: 0%;
		width: 124px;
		height: auto;
		max-width: 36%;
	}

	.bundle__policy-content {
		padding-top: 0px;
		padding-bottom: 40px;
	}

	.resource__hero-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.resource__begin-section {
		padding-top: 0px;
		padding-bottom: 60px;
	}

	.resource__begin-content {
		grid-row-gap: 48px;
	}

	.step-block {
		grid-row-gap: 32px;
	}

	.step-block-number {
		display: block;
		margin-right: auto;
		margin-bottom: 32px;
		margin-left: auto;
	}

	.step-block-text-wrapper {
		width: 100%;
		max-width: 500px;
		margin-right: auto;
		margin-left: auto;
	}

	.resource__begin-img-wrapper {
		display: none;
	}

	.hide-sm {
		display: none;
	}

	.step-block-mobile-heading {
		display: block;
		width: 100%;
		max-width: 300px;
		margin: 0px auto;
		font-size: 18px;
	}

	.step-block-mobile-header {
		display: grid;
		justify-items: center;
		grid-auto-columns: 1fr;
		grid-column-gap: 16px;
		grid-row-gap: 32px;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		text-align: center;
	}

	.step-block-mobile-img {
		width: 100%;
		max-width: 420px;
	}

	.readiness-panel {
		padding: 40px;
		grid-row-gap: 24px;
		grid-template-columns: 1fr;
	}

	.readiness-panel-img-wrapper {
		padding-right: 0px;
	}

	.resource__tests-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.test-panel-wrapper {
		padding-top: 0px;
		padding-right: 0px;
	}

	.test-panel-number {
		font-size: 140px;
	}

	.test-panel-header {
		padding-right: 20px;
		justify-content: center;
	}

	.test-panel-heading {
		margin-bottom: 10px;
		padding-top: 0px;
		line-height: 1.3;
	}

	.test-panel-header-img {
		display: none;
	}

	.test-panel-heading-wrapper {
		padding-bottom: 16px;
	}

	.panel-expand-toggle-icon {
		height: 40px;
	}

	.test-block-row {
		padding-top: 20px;
		padding-right: 0px;
		padding-bottom: 32px;
		justify-content: flex-start;
	}

	.test-block-wrapper {
		max-width: 190px;
		flex: 0 0 auto;
	}

	.test-panel-grid {
		grid-row-gap: 0px;
	}

	.panel-expand-toggle {
		justify-content: center;
	}

	.test-block-row-spacer {
		width: 10px;
		flex: 0 0 auto;
	}

	.readiness-panel-img {
		width: 100%;
	}

	.resource__tests-footer {
		margin-top: 60px;
		font-size: 18px;
	}

	.table-wrapper {
		display: flex;
		overflow: auto;
		max-width: none;
		margin-right: 0px;
		margin-left: 0px;
		padding-left: 24px;
	}

	.table-spacer {
		display: block;
		width: 24px;
		flex: 0 0 auto;
	}

	.table {
		width: 900px;
		flex: 0 0 auto;
	}

	.sequence-guide-disclaimer {
		font-size: 16px;
	}

	.background-blocks-grid {
		grid-row-gap: 60px;
		grid-template-columns: 1fr;
	}

	.background-block-title {
		font-size: 18px;
	}

	.banner-section {
		margin-top: 20px;
	}

	.banner-content-wrapper {
		flex-wrap: wrap-reverse;
	}

	.banner-text-wrapper {
		width: 100%;
		padding-right: 0px;
		padding-bottom: 40px;
		text-align: center;
	}

	.banner-img-wrapper {
		width: 100%;
		margin-top: -20px;
		padding-bottom: 0px;
		flex: 0 auto;
		text-align: center;
	}

	.banner-img {
		width: 160px;
	}

	.grok-chapter-overviews {
		display: none;
	}

	.alignment-charts-wrapper {
		overflow: auto;
		width: 100%;
		max-width: none;
		padding-left: 24px;
	}

	.alignment-chart {
		max-width: 200px;
		flex: 0 0 auto;
	}

	.lizzie-alignment-charts {
		display: none;
	}

	.alignment-chart-spacer {
		display: block;
		width: 24px;
		flex: 0 0 auto;
	}

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

	.extras-tab-link {
		width: 64px;
		height: 64px;
		border-width: 3px;
		font-size: 24px;
	}

	.extras-panel {
		grid-template-columns: 72px 1fr;
		background-color: #ff9a15;
	}

	.extras-panel.green {
		background-color: #61ad00;
	}

	.extras-panel.blue {
		background-color: #60bce0;
	}

	.extras-panel.purple {
		background-color: #7a3888;
	}

	.extras-panel-number-wrapper {
		padding: 12px 0px 12px 10px;
	}

	.extras-panel-number-bg {
		display: none;
	}

	.extras-panel-number {
		font-size: 40px;
	}

	.extras-panel-heading {
		color: #fff;
		font-size: 20px;
		line-height: 1.3;
		text-align: left;
	}

	.extras-swiper-wrapper {
		margin-left: 0px;
		padding-top: 28px;
		padding-left: 0px;
		background-color: #fff;
	}

	.extras-swiper {
		padding-left: 12px;
	}

	.swiper-slide.sample-slide {
		width: 60%;
	}

	.swiper-prev {
		display: none;
	}

	.extras-panel-header {
		display: flex;
		padding: 12px 10px;
		align-items: center;
	}

	.extras-grid {
		grid-row-gap: 40px;
	}

	.cart-modal-wrapper {
		align-items: flex-start;
	}

	.cart-modal {
		padding-right: 24px;
		padding-left: 24px;
	}

	.cart-modal-heading {
		margin-bottom: 20px;
		line-height: 1.3;
	}

	.product-section-subhead {
		font-size: 16px;
	}

	.products-panel {
		padding: 16px;
	}

	.product-label {
		width: 36px;
		height: 36px;
		font-size: 16px;
	}

	.product-set-row {
		grid-column-gap: 10px;
		grid-template-columns: 36px 1fr;
		font-size: 14px;
	}

	.product-info-wrapper {
		grid-template-columns: 2fr 1fr 1fr;
	}

	.product-input-wrapper {
		margin-left: 0px;
	}

	.product-single-row {
		grid-column-gap: 10px;
		grid-template-columns: 36px 72px 1fr;
		font-size: 14px;
	}

	.product-single-description {
		display: none;
	}

	.product-accessory-img {
		width: 72px;
		height: 72px;
		margin-right: 12px;
	}

	.accessory-info-wrapper {
		max-width: 320px;
	}

	.product-accessory-row {
		grid-template-columns: 1fr;
		font-size: 14px;
	}

	.select-input-arrow {
		right: 6px;
	}

	.test-block-number {
		font-size: 24px;
	}

	.nav-dropdown {
		display: block;
	}

	.nav-dropdown-toggle.nav-link.w--open {
		color: #ff9a15;
	}

	.books-dropdown-list {
		position: static;
		padding-right: 12px;
		padding-left: 12px;
		background-color: transparent;
		box-shadow: none;
		transform: none;
	}

	.samples-swiper {
		padding-right: 20px;
		padding-left: 20px;
	}

	.sample-swiper-nav {
		position: static;
		margin-top: 40px;
		justify-content: center;
		transform: none;
	}

	.sample-swiper-arrow {
		margin-right: 10px;
		margin-left: 10px;
	}

	.skills-seq-grid-wrapper {
		overflow: auto;
	}

	.ba-sequence-header {
		margin-bottom: 32px;
	}

	.feature-grid {
		grid-row-gap: 40px;
		grid-template-columns: 1fr;
	}

	._2-col-list {
		padding-left: 20px;
	}

	.books-dropdown-content {
		width: 100%;
		grid-template-columns: 1fr;
	}

	.books-nav-wrapper {
		padding: 0px;
	}

	.books-navlink {
		color: #fff;
	}

	.books-navlink:hover {
		color: #ff9a15;
	}

	.books-nav-sublinks {
		border-top-color: hsla(0, 0%, 79.6%, 0.2);
	}

	.books-nav-sublink {
		color: #fff;
	}

	.books-nav-sublink:hover {
		color: #ff9a15;
	}

	.books-nav-bundle-cta {
		display: grid;
		margin-bottom: 12px;
		padding: 12px;
		align-items: center;
		grid-auto-columns: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 16px;
		grid-template-columns: minmax(80px, 1fr) 2fr;
		grid-template-rows: auto;
		background-color: #289ecc;
		background-image: none;
		text-align: left;
	}

	.books-nav-bundle-cta-img {
		margin-bottom: 0px;
	}

	.nav-dropdown-list {
		padding: 8px 0px;
		background-color: transparent;
		box-shadow: none;
	}

	.nav-dropdown-links-wrapper {
		padding-right: 12px;
		padding-left: 12px;
	}

	.nav-dropdown-link {
		color: #fff;
	}

	.nav-dropdown-link:hover {
		color: #ff9a15;
	}

	.nav-dropdown-link.w--current {
		color: #ff9a15;
	}
}

@media screen and (max-width: 518px) {
	.ba-demo {
		height: 180px;
	}
}

@media screen and (max-width: 479px) {
	h5 {
		font-size: 18px;
	}

	p {
		font-size: 18px;
	}

	.ct {
		padding-right: 4%;
		padding-left: 4%;
	}

	.jumbo {
		font-size: 45px;
	}

	.section-testimonials {
		height: 200px;
	}

	.text-dark-blue.d-xs-none {
		display: none;
	}

	.text-dark-blue.d-sm-none {
		display: none;
	}

	.text-dark-blue.text-sm-small.mb-sm-0 {
		margin-bottom: 0px;
	}

	.btn-secondary {
		min-width: 200px;
	}

	.btn-primary.dark-blue.hero-books, .gifting-btn.dark-blue.hero-books {
		max-width: 150px;
		min-width: 100px;
		font-size: 14px;
	}

	.btn-primary.bg-red.product-top-btn, .gifting-btn.bg-red.product-top-btn {
		padding: 16px 10px;
		font-size: 16px;
		min-width: 124px;
	}

	.btn-primary.outline-blue.mr-md-20.w--current, .gifting-btn.outline-blue.mr-md-20.w--current {
		margin-right: 0px;
	}

	.btn-primary.outline-blue.mr-sm-20, .gifting-btn.outline-blue.mr-sm-20 {
		margin-right: 0px;
	}

	.btn-primary.outline-red.hero-books, .gifting-btn.outline-red.hero-books {
		max-width: 120px;
		min-width: 100px;
		margin-right: 10px;
		font-size: 14px;
	}

	.text-white.stat-number {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}

	.text-white.text-shadow.d-xs-none {
		display: none;
	}

	.text-white.stat-text {
		margin-top: 10px;
	}

	.text-white.d-xs-none {
		display: none;
	}

	.section-hero {
		overflow: hidden;
		background-color: #fff;
	}

	.hero-content-text {
		padding-right: 0px;
		padding-left: 0px;
	}

	.hero-content {
		padding-right: 20px;
		padding-left: 20px;
	}

	.hero-content.books {
		padding-right: 0px;
		padding-left: 0px;
	}

	.hero-container.books {
		padding-right: 20px;
		padding-left: 20px;
		background-image: linear-gradient(
				180deg,
				rgba(255, 255, 255, 0.19),
				rgba(255, 255, 255, 0.19)
			),
			url("/assets/wf/images/books-hero-mb.jpg");
		background-position: 0px 0px, 100% 0%;
		background-size: auto, cover;
		background-repeat: repeat, no-repeat;
	}

	.section-challenges {
		padding-top: 40px;
	}

	.books-online-callout-img.mb-xs-20 {
		margin-bottom: 20px;
	}

	.ba-books-img {
		width: 80%;
	}

	.ba-online-img {
		height: 140px;
	}

	.alex {
		left: 0%;
		top: 0%;
		right: auto;
		bottom: auto;
		width: 100px;
	}

	.alex.online {
		top: 0%;
		right: auto;
		bottom: auto;
	}

	.callout-img-container {
		max-width: 280px;
	}

	.section-intro-copy {
		margin-bottom: 40px;
	}

	.section-intro-copy._w-lg-75 {
		width: 100%;
	}

	.learning-categories.half {
		margin-top: 20px;
	}

	.learning-categories.live {
		text-align: center;
	}

	.learning-style-bundles-image {
		margin-top: -20px;
	}

	.learning-categories-content {
		padding-right: 14px;
		padding-left: 14px;
	}

	.container {
		padding-right: 24px;
		padding-left: 24px;
	}

	.container.pt-sm-0 {
		padding-top: 0rem;
	}

	body.PROJ-19386-cro .subscripton-features .container.pt-sm-0 {
		padding-top: 30px;
	}

	.character {
		max-height: 200px;
	}

	.why-wrapper {
		flex-direction: column;
	}

	.why-text {
		width: 100%;
	}

	.why-character {
		width: 100%;
	}

	.why-character.d-none-xs {
		display: none;
	}

	.why-character.d-none-md {
		display: block;
	}

	.closer-content.text-center {
		margin-bottom: 140px;
	}

	.grogg-alex {
		left: -16%;
		top: auto;
		right: auto;
		bottom: -1%;
		max-width: 260px;
	}

	.ba-demo {
		height: 180px;
		min-height: 146px;
	}

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

	.cta-content {
		align-items: center;
	}

	.why-content {
		flex-direction: column;
	}

	.stat-content {
		width: 100%;
		flex-direction: column;
	}

	.stat-wrapper {
		justify-content: center;
		flex-wrap: wrap;
		text-align: center;
	}

	.stat-img {
		width: 70px;
		height: 70px;
		margin-right: 0px;
	}

	.online-intro-content {
		width: 90%;
	}

	.online-intro-content.mb-40 {
		margin-bottom: 40px;
	}

	.online-intro-content._w-60-lg {
		width: 100%;
	}

	.online-intro-text {
		margin-left: 0%;
	}

	.online-intro-wrapper {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.online-intro-image {
		margin-right: auto;
		margin-left: auto;
	}

	.online-intro-cta {
		align-self: center;
	}

	.benefits-quote {
		min-height: 320px;
		margin-right: 0px;
	}

	.benefits-quote-wrapper {
		width: 75%;
		padding-left: 20px;
	}

	.quote-blob-img {
		max-height: 300px;
	}

	.benefits-quote-content {
		max-height: 350px;
		min-height: 250px;
		justify-content: center;
	}

	.benefits-quote-text {
		font-size: 15px;
	}

	.quote-blob {
		max-width: 380px;
	}

	.features-tabs {
		width: 100%;
		min-height: 40px;
		padding: 10px 6px;
	}

	.features-tabs.books-info {
		padding: 8px;
	}

	.features-tab-pane {
		padding-top: 20px;
		padding-bottom: 32px;
	}

	.tabs-menu {
		display: block;
	}

	.section-teachers {
		padding-bottom: 20px;
	}

	.teacher-cards-container {
		margin-right: 0px;
		margin-left: 0px;
		padding-top: 20px;
		padding-bottom: 20px;
		grid-row-gap: 50px;
		grid-template-columns: 1fr;
	}

	.teacher-block {
		width: 100%;
		max-width: 300px;
		margin-top: 60px;
	}

	.teachers-cta {
		margin-top: 20px;
		text-align: center;
	}

	.section-specs {
		padding-top: 1rem;
	}

	.specs-content {
		width: 100%;
	}

	.specs-text {
		margin-bottom: 20px;
	}

	.specs-wrapper {
		display: block;
	}

	.section-slider {
		padding-bottom: 40px;
	}

	.slider-copy {
		padding-right: 40px;
		padding-left: 40px;
	}

	.section-subscriptions:not(body.PROJ-19386-cro .section-subscriptions) {
		padding-top: 10px;
		padding-bottom: 180px;
	}

	.subscription-cards-wrapper {
		margin-right: 0px;
		margin-left: 0px;
		padding-top: 0px;
		padding-bottom: 20px;
		grid-template-columns: 1fr;
	}

	.subscription-card {
		margin-bottom: 20px;
	}

	.price.d-xs-none, body.PROJ-19386-cro .price.d-xs-none {
		display: none;
	}

	.subscription-features {
		padding-bottom: 40px;
	}

	.subscriptions-help {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.vertical-tab-btn {
		margin-bottom: 20px;
	}

	.vertical-tab-btn:hover {
		margin-left: 0px;
	}

	.vertical-tabs-menu {
		width: 100%;
		float: none;
	}

	.vertical-tabs-menu.resources {
		position: sticky;
		top: 70px;
		display: block;
	}

	.vertical-tabs-content {
		width: 100%;
	}

	.vertical-tabs-content.resources {
		overflow: visible;
	}

	.vertical-tabs {
		display: block;
		margin-top: 40px;
	}

	.vertical-tabs-btn-img {
		left: -24px;
	}

	.vertical-tabs-pane-content {
		width: 100%;
		margin-left: 0%;
	}

	.section-enroll-books {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.navbar-container {
		padding-right: 0px;
		padding-left: 0px;
	}

	.lf-quotes {
		top: -4%;
		width: 80px;
	}

	.rt-quotes {
		bottom: -4%;
		width: 80px;
	}

	.testimonial-quote-content {
		padding: 60px 20px;
	}

	.section-choose-level {
		padding-top: 20px;
	}

	.choose-level-content {
		padding-bottom: 0px;
	}

	.winnie-headphones {
		position: relative;
		right: auto;
		bottom: 0px;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

	.modal-wrap {
		padding: 40px 15px;
	}

	.modal-wrap.bundle {
		padding-bottom: 20px;
	}

	.modal-header {
		margin-top: 20px;
	}

	.modal-image {
		top: -10%;
		right: 80px;
		width: 150px;
	}

	.modal-image.yearly {
		width: 160px;
	}

	.modal-image.bundle {
		top: -3%;
		width: 160px;
	}

	.modal-dropdown {
		margin-right: 6px;
	}

	.modal-form-row {
		margin-bottom: 24px;
		flex-direction: column;
	}

	.modal-form-row.buttons {
		width: 100%;
	}

	.input-student-icon {
		min-width: 28px;
		font-size: 38px;
	}

	.input-student-icon.text-blue {
		min-width: 28px;
		font-size: 32px;
	}

	.dropdown-toggle {
		padding-right: 40px;
		padding-left: 10px;
	}

	.modal-input-wrapper {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
	}

	.modal-input-wrapper.mr-20 {
		margin-right: 6px;
	}

	.modal-input-wrapper.add-another {
		margin-right: 10px;
	}

	.modal-form-input {
		display: flex;
		width: 100%;
		margin-right: 0px;
	}

	.modal-form-dropdown {
		align-self: flex-start;
	}

	.subscription-discount-wrapper {
		max-width: 80px;
	}

	.tabs {
		min-height: 600px;
	}

	.tab-columns {
		flex-direction: column;
	}

	.browser-icons-wrapper {
		padding-top: 10px;
		padding-bottom: 20px;
	}

	.browser-icon-img {
		width: 50px;
	}

	.arrow-right {
		width: 45px;
		height: 45px;
	}

	.slider-container {
		max-width: none;
		margin-top: 60px;
		background-color: #fff;
	}

	.arrow-left {
		width: 45px;
		height: 45px;
	}

	.slide-wrap {
		justify-content: space-around;
	}

	.mask {
		background-color: #fff;
	}

	.nellie-demo {
		left: auto;
		top: auto;
		right: -6%;
		bottom: -12%;
		max-width: 140px;
	}

	.books-info-tabs-content {
		overflow: visible;
		width: 100%;
		justify-content: center;
		align-items: center;
	}

	.tab-copy {
		width: 100%;
	}

	.input-add-icon {
		min-width: 28px;
		font-size: 32px;
	}

	.vertical-tab-btn-2 {
		margin-bottom: 20px;
	}

	.vertical-tab-btn-2:hover {
		margin-left: 0px;
	}

	.hero-cta-wrapper {
		margin-top: 20px;
		justify-content: center;
	}

	.filter-controls {
		position: sticky;
		top: 70px;
		z-index: 20;
		overflow: auto;
		padding: 8px 0rem 8px 24px;
		justify-content: flex-start;
		flex-wrap: nowrap;
		background-color: rgba(255, 255, 255, 0.9);
	}

	.filter-button {
		margin-bottom: 0px;
		margin-left: 0px;
		flex: 0 0 auto;
	}

	.section-books {
		padding-top: 20px;
	}

	.book-set-wrapper {
		margin-top: 40px;
	}

	.body-list {
		padding-left: 14px;
	}

	.book-set-character {
		right: -8%;
		width: 120px;
	}

	.book-unit-grid {
		grid-column-gap: 12px;
		grid-template-columns: 1fr 1fr;
	}

	.section-where {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.section-choosing {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.section-tools {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.choosing-content {
		display: none;
	}

	.choosing-content.d-md-none {
		display: block;
	}

	.tools-list {
		padding-left: 20px;
	}

	.center-quotes {
		width: 80px;
	}

	.footer-grid {
		grid-auto-columns: 0.5fr;
		grid-column-gap: 27px;
		grid-template-columns: repeat(auto-fit, minmax(40%, 1fr)) 40%;
		grid-template-rows: auto auto auto auto auto;
	}

	.subscribe-form-input-wrapper {
		align-self: stretch;
		flex: 1;
	}

	.subscribe-form-input {
		width: 100%;
	}

	.product-top-section {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.product-top-section-content {
		padding-right: 0px;
	}

	.product-selection {
		display: block;
	}

	.product-select {
		margin-right: 10px;
		margin-left: 0px;
	}

	.product-selection-wrapper {
		padding-bottom: 20px;
	}

	.product-author {
		padding-right: 0px;
	}

	.product-author.text-dark-blue {
		padding-left: 10px;
	}

	.product-selection-qty {
		flex-direction: row;
		align-items: center;
	}

	.section-learn-more {
		padding-top: 20px;
	}

	.two-cta-wrapper {
		flex-direction: column;
	}

	.unit-level-books-grid {
		grid-template-columns: 1fr 1fr;
	}

	.section-books-info {
		padding-top: 20px;
	}

	.other-levels-grid {
		grid-template-columns: 0.75fr 0.75fr;
	}

	.p-0 {
		padding-right: 0px;
		padding-left: 0px;
	}

	.product-info-price {
		text-align: right;
	}

	.product-suggest-grid {
		grid-template-columns: 1fr 1fr;
	}

	.circle-red {
		width: 280px;
		height: 280px;
	}

	.section-samples {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.sample-book-img {
		width: 100%;
	}

	.section-choosing-level.bg-lt-blue {
		height: 550px;
	}

	.choosing-level-content-img {
		margin-top: 60px;
		margin-right: auto;
		margin-left: auto;
		float: none;
		text-align: center;
	}

	.section-level-resources {
		position: relative;
		padding-top: 100px;
		padding-bottom: 40px;
	}

	.level-resources-img {
		display: none;
	}

	.resources-grid {
		justify-items: center;
		grid-template-columns: 1fr;
	}

	.printables {
		max-width: 213px;
	}

	.new-container {
		padding-right: 30px;
		padding-left: 30px;
	}

	.styleguide__grid-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.row {
		flex-wrap: wrap;
	}

	.col {
		max-width: 100%;
		flex-basis: 100%;
	}

	.col.col-xs-5 {
		max-width: 41.666667%;
		flex-basis: 41.67%;
	}

	.col.col-xs-8 {
		max-width: 66.666667%;
		flex-basis: 66.67%;
	}

	.col.col-xs-6 {
		max-width: 50%;
		flex-basis: 50%;
	}

	.col.col-xs-4 {
		max-width: 33.333333%;
		flex-basis: 33.33%;
	}

	.col.col-xs-2 {
		max-width: 16.666667%;
		flex-basis: 16.67%;
	}

	.col.col-xs-12 {
		max-width: 100%;
		flex-basis: 100%;
	}

	.col.col-xs-3 {
		max-width: 25%;
		flex-basis: 25%;
	}

	.col.col-xs-1 {
		max-width: 8.333333%;
		flex-basis: 8.33%;
	}

	.col.col-xs-11 {
		max-width: 91.666667%;
		flex-basis: 91.67%;
	}

	.col.col-xs-9 {
		max-width: 75%;
		flex-basis: 75%;
	}

	.col.col-xs-10 {
		max-width: 83.333333%;
		flex-basis: 83.33%;
	}

	.col.col-xs-7 {
		max-width: 58.333333%;
		flex-basis: 58.33%;
	}

	.feature-img-wrapper.chapter-overviews {
		margin-right: -24px;
		margin-left: -24px;
	}

	.bundle__level-content {
		padding-bottom: 112px;
	}

	.winnie-bundle-level {
		width: 112px;
	}

	.readiness-panel {
		padding: 0px;
		background-color: transparent;
		color: #1b365d;
	}

	.test-panel-number {
		margin-right: 16px;
		font-size: 120px;
	}

	.test-panel-heading {
		margin-bottom: 4px;
	}

	.panel-expand-toggle-icon {
		height: 32px;
		margin-right: -12px;
		margin-left: 8px;
		flex: 0 0 auto;
	}

	.test-panel-grid {
		margin-right: -24px;
		margin-left: -24px;
	}

	.panel-expand-toggle {
		flex-direction: row;
		align-items: center;
	}

	.resource__tests-footer {
		display: grid;
		justify-items: center;
		grid-auto-columns: 1fr;
		grid-column-gap: 16px;
		grid-row-gap: 8px;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		text-align: center;
	}

	.resource__test-footer-text {
		margin-right: 0px;
	}

	.resource__hero-cta-btn-wrapper {
		max-width: 320px;
		grid-template-columns: 1fr;
	}

	.extras-panel {
		grid-template-columns: 60px 1fr;
	}

	.extras-panel-number {
		font-size: 32px;
	}

	.extras-panel-heading {
		font-size: 18px;
	}

	.swiper-slide.sample-slide {
		width: 90%;
	}

	.product-set-row {
		font-size: 12px;
	}

	.product-info-wrapper {
		grid-column-gap: 6px;
	}

	.product-single-row {
		grid-template-columns: 36px 1fr;
		font-size: 12px;
	}

	.product-single-img-wrapper {
		display: none;
	}

	.product-select-wrapper {
		margin-right: 0px;
	}

	.product-select-field {
		padding-right: 30px;
		padding-left: 10px;
		font-size: 14px;
	}

	.product-select-icon {
		right: 10px;
	}

	.filter-spacer {
		display: block;
		width: 10px;
		flex: 0 0 auto;
	}

	.unit-level-books-img {
		min-height: 100px;
	}

	.skills-seq-grid-wrapper {
		display: flex;
		overflow: auto;
	}

	.books-nav-bundle-cta {
		padding-right: 10px;
		padding-left: 10px;
		grid-template-columns: minmax(80px, 1fr) 2.5fr;
		font-size: 14px;
	}

	body.PROJ-19386-cro .subscriptions-help-text {
		font-size: 14px;
	}
}

/* #region */

#w-node-_893114c1-0f49-f7f6-1076-411a5f3ba1cf-6e70dfa2 {
	grid-row-start: span 1;
	-ms-grid-row-span: 1;
	grid-row-end: span 1;
	grid-column-start: span 2;
	-ms-grid-column-span: 2;
	grid-column-end: span 2;
}

#w-node-a231c5d3-fc57-cf52-cf8a-8323cc19c37a-6e70dfa2 {
	grid-column-start: 1;
	-ms-grid-column-span: 1;
	grid-column-end: 2;
	grid-row-start: 2;
	-ms-grid-row-span: 1;
	grid-row-end: 3;
}

#w-node-c42a0845-9725-76c8-37e7-228a1d102874-6e70dfa2 {
	grid-column-start: 2;
	-ms-grid-column-span: 1;
	grid-column-end: 3;
	grid-row-start: 2;
	-ms-grid-row-span: 1;
	grid-row-end: 3;
}

#w-node-_18077424-6473-37c2-c317-94f58efd7ede-6e70dfa2 {
	grid-column-start: 3;
	-ms-grid-column-span: 1;
	grid-column-end: 4;
	grid-row-start: 2;
	-ms-grid-row-span: 1;
	grid-row-end: 3;
}

#w-node-_7b94f908-c289-0262-8b34-0a0070147520-6e70dfa2 {
	grid-column-start: 4;
	-ms-grid-column-span: 1;
	grid-column-end: 5;
	grid-row-start: 2;
	-ms-grid-row-span: 1;
	grid-row-end: 3;
}

#w-node-_91eb233e-8b24-319a-1595-9bae6c4285f6-6e70dfa2 {
	grid-column-start: 5;
	-ms-grid-column-span: 1;
	grid-column-end: 6;
	grid-row-start: 2;
	-ms-grid-row-span: 1;
	grid-row-end: 3;
}

#w-node-_5183399a-1c23-771e-0a3c-19bd3c610026-6e70dfa2 {
	grid-column-start: 1;
	-ms-grid-column-span: 5;
	grid-column-end: 6;
	grid-row-start: 3;
	-ms-grid-row-span: 1;
	grid-row-end: 4;
}

#w-node-ae3c7c8c-93aa-77d9-ec20-96455086eee2-a0bd616e {
	align-self: center;
}

#w-node-_233af3cf-5c6f-0ccd-001d-b277164127bd-ee436aba {
	grid-row-start: span 1;
	-ms-grid-row-span: 1;
	grid-row-end: span 1;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-_44471db8-bb93-3110-c1f2-8fd724a362ad-ee436aba {
	grid-column-start: span 2;
	-ms-grid-column-span: 2;
	grid-column-end: span 2;
	grid-row-start: span 1;
	-ms-grid-row-span: 1;
	grid-row-end: span 1;
}

#w-node-_44471db8-bb93-3110-c1f2-8fd724a362b1-ee436aba {
	grid-column-start: span 2;
	-ms-grid-column-span: 2;
	grid-column-end: span 2;
	grid-row-start: span 1;
	-ms-grid-row-span: 1;
	grid-row-end: span 1;
}

#w-node-ec019dae-9c86-bfd3-40ba-fee31b8bee85-ee436aba {
	grid-column-start: span 2;
	-ms-grid-column-span: 2;
	grid-column-end: span 2;
	grid-row-start: span 1;
	-ms-grid-row-span: 1;
	grid-row-end: span 1;
}

#w-node-_44471db8-bb93-3110-c1f2-8fd724a362b9-ee436aba {
	grid-column-start: span 2;
	-ms-grid-column-span: 2;
	grid-column-end: span 2;
	grid-row-start: span 1;
	-ms-grid-row-span: 1;
	grid-row-end: span 1;
}

#w-node-_44471db8-bb93-3110-c1f2-8fd724a362c1-ee436aba {
	grid-column-start: span 2;
	-ms-grid-column-span: 2;
	grid-column-end: span 2;
	grid-row-start: span 1;
	-ms-grid-row-span: 1;
	grid-row-end: span 1;
}

#w-node-_44471db8-bb93-3110-c1f2-8fd724a362d1-ee436aba {
	grid-column-start: span 2;
	-ms-grid-column-span: 2;
	grid-column-end: span 2;
	grid-row-start: span 1;
	-ms-grid-row-span: 1;
	grid-row-end: span 1;
}

#w-node-c55c480c-b30e-9625-d426-6c38b9c8b611-ee436aba {
	grid-column-start: span 2;
	-ms-grid-column-span: 2;
	grid-column-end: span 2;
	grid-row-start: span 1;
	-ms-grid-row-span: 1;
	grid-row-end: span 1;
}

#w-node-c55c480c-b30e-9625-d426-6c38b9c8b615-ee436aba {
	grid-column-start: span 2;
	-ms-grid-column-span: 2;
	grid-column-end: span 2;
	grid-row-start: span 1;
	-ms-grid-row-span: 1;
	grid-row-end: span 1;
}

#w-node-_122c4a19-6665-504a-0d55-bb5ab9ea16de-ee436aba {
	grid-row-start: span 1;
	-ms-grid-row-span: 1;
	grid-row-end: span 1;
	grid-column-start: span 2;
	-ms-grid-column-span: 2;
	grid-column-end: span 2;
	align-self: center;
	justify-self: center;
}

#w-node-_3674799d-86a6-e413-0d0a-5f3155671edd-f36bd3c3 {
	align-self: center;
}

#w-node-_37cf5dfe-535b-f788-c743-f6611b052230-f36bd3c3 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-_8656b1d6-8c69-433a-e52b-8c86bf78c324-7b754e97 {
	align-self: center;
	justify-self: center;
}

#w-node-_20436110-f44e-6f74-544e-0415113cc755-7b754e97 {
	align-self: center;
	justify-self: center;
}

#w-node-_12e9dba0-4705-123b-1b49-5a1f14d8ef27-7b754e97 {
	align-self: center;
	justify-self: center;
}

#w-node-e490002e-3acb-917a-4b3b-352b02bd39d6-7b754e97 {
	align-self: center;
	justify-self: center;
}

#w-node-_21a22a45-977d-f3ba-8472-6a304713a9dc-e76b065f {
	align-self: center;
	justify-self: center;
}

#w-node-_21a22a45-977d-f3ba-8472-6a304713a9e1-e76b065f {
	align-self: center;
	justify-self: center;
}

#w-node-_21a22a45-977d-f3ba-8472-6a304713a9e6-e76b065f {
	align-self: center;
	justify-self: center;
}

#w-node-_21a22a45-977d-f3ba-8472-6a304713a9eb-e76b065f {
	align-self: center;
	justify-self: center;
}

#w-node-e526460f-d252-9577-f82e-81c7dfcc67b7-7c22c3b6 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-_30c8643b-9fcf-48f4-5e49-1df9236e4635-7c22c3b6 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-_599df16e-c0c7-f18d-31e8-99ad8665675f-7c22c3b6 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-_920cae5d-34fc-d5eb-ec31-52fd62cf613f-7c22c3b6 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-_3a5a1a2f-9881-6f22-16a1-371d3f20c28b-7c22c3b6 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-_1f81531d-ebc0-9090-624b-40a775e63554-7c22c3b6 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-_05dfef9a-2521-dbb7-03e2-be448a710645-7c22c3b6 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-_475fd954-b136-bd70-d2a5-8790a19ec3fc-7c22c3b6 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-_3ae27b69-d791-cf59-4c9e-6e71e880ffd9-7c22c3b6 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-_0591d1a2-65af-63b5-9936-2dfeb55f70be-7c22c3b6 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-_82b05372-fe71-ce24-98a7-0a795e6c9f8b-7c22c3b6 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-d6f12de1-7c51-bd06-fa0e-dc0258b8f739-7c22c3b6 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-_61747fb6-29af-663c-635f-b1426a7f8ae0-7c22c3b6 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-_9440137f-4813-a573-1776-ff753e04f6e6-7c22c3b6 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-caea3b61-0c0b-8dc7-ff3e-4c23366fb037-7c22c3b6 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-_46847346-7f1b-2a6e-ac21-5a912d767f31-7c22c3b6 {
	grid-row-start: span 2;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	grid-column-start: span 1;
	-ms-grid-column-span: 1;
	grid-column-end: span 1;
}

#w-node-_1078c5c3-bf23-e818-5879-8681d24c3bef-0b7709f8 {
	justify-self: center;
}

#w-node-_0256516e-3669-18fd-ee55-1c1b02e40bd9-0b7709f8 {
	justify-self: center;
}

#w-node-_05cf36cb-59e5-a81a-fe50-4e4d9bca2779-0b7709f8 {
	justify-self: center;
}

#w-node-_3936d62f-2949-ce70-571f-de02189ff70a-0b7709f8 {
	justify-self: center;
}

#w-node-_91c30742-adf0-f84a-aea8-4bc7b2d7b729-0b7709f8 {
	justify-self: center;
}

#w-node-f8b20ce6-2195-15d2-b52e-f51a3e453201-0b7709f8 {
	justify-self: center;
}

#w-node-f68e89a5-574a-2753-d158-f6c6cd8f296b-0b7709f8 {
	justify-self: center;
}

#w-node-f68e89a5-574a-2753-d158-f6c6cd8f2973-0b7709f8 {
	justify-self: center;
}

#w-node-_1236594f-f469-9d06-d16e-a0a87bc19aba-0b7709f8 {
	justify-self: center;
}

#w-node-_1236594f-f469-9d06-d16e-a0a87bc19ac2-0b7709f8 {
	justify-self: center;
}

#w-node-_840164a4-4f45-ea56-dbf3-238e38966e11-0b7709f8 {
	justify-self: center;
}

#w-node-_840164a4-4f45-ea56-dbf3-238e38966e19-0b7709f8 {
	justify-self: center;
}

#w-node-a2e95d11-5b44-0dd3-53b1-be20e2484a84-0b7709f8 {
	justify-self: center;
}

#w-node-_1c0ca8f8-3c56-4ec5-18b7-98530ff12d34-0b7709f8 {
	justify-self: center;
}

#w-node-_1c0ca8f8-3c56-4ec5-18b7-98530ff12d3c-0b7709f8 {
	justify-self: center;
}

#w-node-cea8d7dd-a403-dfab-a3b4-a538a94862ae-0b7709f8 {
	justify-self: center;
}

#w-node-cea8d7dd-a403-dfab-a3b4-a538a94862b6-0b7709f8 {
	justify-self: center;
}

#w-node-_469dacea-2c9f-df3e-4f81-0623a4061474-0b7709f8 {
	justify-self: center;
}

#w-node-_469dacea-2c9f-df3e-4f81-0623a406147c-0b7709f8 {
	justify-self: center;
}

#w-node-_0a45fd6f-96bb-f794-4cc7-4beed3993066-0b7709f8 {
	justify-self: center;
}

#w-node-_0a45fd6f-96bb-f794-4cc7-4beed399306e-0b7709f8 {
	justify-self: center;
}

#w-node-_2afe7e5a-ba7f-4ef8-ec1c-3e86453bdcf7-0b7709f8 {
	justify-self: center;
}

#w-node-_224814bb-0232-713b-e6b8-4dfaab60c0c3-0b7709f8 {
	justify-self: center;
}

#w-node-_224814bb-0232-713b-e6b8-4dfaab60c0cb-0b7709f8 {
	justify-self: center;
}

#w-node-a23be18b-0cda-2456-d7e5-25a207599d2e-0b7709f8 {
	justify-self: center;
}

#w-node-a23be18b-0cda-2456-d7e5-25a207599d36-0b7709f8 {
	justify-self: center;
}

#w-node-ea12d557-d7be-c9da-e448-9570b2c351aa-0b7709f8 {
	justify-self: center;
}

#w-node-ea12d557-d7be-c9da-e448-9570b2c351b2-0b7709f8 {
	justify-self: center;
}

#w-node-_105f4692-1ec4-ce8d-4abb-3d46b6e441ee-0b7709f8 {
	justify-self: center;
}

#w-node-_105f4692-1ec4-ce8d-4abb-3d46b6e441f6-0b7709f8 {
	justify-self: center;
}

#w-node-_40015d69-db5d-7acb-165f-1d15bd53440a-0b7709f8 {
	justify-self: center;
}

#w-node-_40015d69-db5d-7acb-165f-1d15bd534412-0b7709f8 {
	justify-self: center;
}

#w-node-_45f63f3d-b8d1-fc7c-952c-15a7547f1969-0b7709f8 {
	justify-self: center;
}

#w-node-_45f63f3d-b8d1-fc7c-952c-15a7547f1971-0b7709f8 {
	justify-self: center;
}

#w-node-_0d422282-87a9-b22b-a8f6-167997595273-0b7709f8 {
	justify-self: center;
}

#w-node-_0d422282-87a9-b22b-a8f6-16799759527b-0b7709f8 {
	justify-self: center;
}

#w-node-_5366cd8d-04c8-6f2d-546e-d4a7c29a5dc5-0b7709f8 {
	justify-self: center;
}

#w-node-_5366cd8d-04c8-6f2d-546e-d4a7c29a5dcd-0b7709f8 {
	justify-self: center;
}

#w-node-_172665c4-38d7-c22d-2e7b-55669823ab00-0b7709f8 {
	justify-self: end;
}

#w-node-d64d357f-7ba5-5609-2439-bb07d6bea326-3de9a1c5 {
	align-self: center;
	justify-self: center;
}

#w-node-d64d357f-7ba5-5609-2439-bb07d6bea32b-3de9a1c5 {
	align-self: center;
	justify-self: center;
}

#w-node-d64d357f-7ba5-5609-2439-bb07d6bea330-3de9a1c5 {
	align-self: center;
	justify-self: center;
}

#w-node-d64d357f-7ba5-5609-2439-bb07d6bea335-3de9a1c5 {
	align-self: center;
	justify-self: center;
}

@media screen and (max-width: 767px) {
	#w-node-_91eb233e-8b24-319a-1595-9bae6c4285f6-6e70dfa2 {
		grid-column-start: 1;
		-ms-grid-column-span: 2;
		grid-column-end: 3;
		grid-row-start: 3;
		-ms-grid-row-span: 1;
		grid-row-end: 4;
	}

	#w-node-_5183399a-1c23-771e-0a3c-19bd3c610026-6e70dfa2 {
		grid-column-start: 1;
		-ms-grid-column-span: 4;
		grid-column-end: 5;
		grid-row-start: 4;
		-ms-grid-row-span: 1;
		grid-row-end: 5;
	}

	#w-node-e526460f-d252-9577-f82e-81c7dfcc67b7-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	#w-node-_609596e2-3e7a-9d3b-c79e-891dce66ad2b-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 2;
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
	}

	#w-node-_30c8643b-9fcf-48f4-5e49-1df9236e4635-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	#w-node-_30c8643b-9fcf-48f4-5e49-1df9236e463c-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 2;
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
	}

	#w-node-_599df16e-c0c7-f18d-31e8-99ad8665675f-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	#w-node-_599df16e-c0c7-f18d-31e8-99ad86656766-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 2;
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
	}

	#w-node-_920cae5d-34fc-d5eb-ec31-52fd62cf613f-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	#w-node-_920cae5d-34fc-d5eb-ec31-52fd62cf6146-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 2;
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
	}

	#w-node-_3a5a1a2f-9881-6f22-16a1-371d3f20c28b-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	#w-node-_3a5a1a2f-9881-6f22-16a1-371d3f20c292-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 2;
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
	}

	#w-node-_1f81531d-ebc0-9090-624b-40a775e63554-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	#w-node-_1f81531d-ebc0-9090-624b-40a775e6355b-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 2;
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
	}

	#w-node-_05dfef9a-2521-dbb7-03e2-be448a710645-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	#w-node-_05dfef9a-2521-dbb7-03e2-be448a71064c-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 2;
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
	}

	#w-node-_475fd954-b136-bd70-d2a5-8790a19ec3fc-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	#w-node-_475fd954-b136-bd70-d2a5-8790a19ec403-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 2;
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
	}

	#w-node-_3ae27b69-d791-cf59-4c9e-6e71e880ffd9-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	#w-node-_3ae27b69-d791-cf59-4c9e-6e71e880ffe0-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 2;
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
	}

	#w-node-_0591d1a2-65af-63b5-9936-2dfeb55f70be-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	#w-node-_0591d1a2-65af-63b5-9936-2dfeb55f70c5-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 2;
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
	}

	#w-node-_82b05372-fe71-ce24-98a7-0a795e6c9f8b-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	#w-node-_82b05372-fe71-ce24-98a7-0a795e6c9f92-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 2;
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
	}

	#w-node-d6f12de1-7c51-bd06-fa0e-dc0258b8f739-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	#w-node-d6f12de1-7c51-bd06-fa0e-dc0258b8f740-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 2;
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
	}

	#w-node-_61747fb6-29af-663c-635f-b1426a7f8ae0-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	#w-node-_61747fb6-29af-663c-635f-b1426a7f8ae7-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 2;
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
	}

	#w-node-_9440137f-4813-a573-1776-ff753e04f6e6-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	#w-node-_9440137f-4813-a573-1776-ff753e04f6ed-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 2;
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
	}

	#w-node-caea3b61-0c0b-8dc7-ff3e-4c23366fb037-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	#w-node-caea3b61-0c0b-8dc7-ff3e-4c23366fb03e-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 2;
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
	}

	#w-node-_46847346-7f1b-2a6e-ac21-5a912d767f31-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	#w-node-_46847346-7f1b-2a6e-ac21-5a912d767f38-7c22c3b6 {
		grid-row-start: span 1;
		-ms-grid-row-span: 1;
		grid-row-end: span 1;
		grid-column-start: span 2;
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
	}

	#w-node-_5c238642-0808-0b32-9645-63dd008cb614-0b7709f8 {
		justify-self: start;
	}
}

@media screen and (max-width: 479px) {
	#w-node-_18077424-6473-37c2-c317-94f58efd7ede-6e70dfa2 {
		grid-row-start: 3;
		-ms-grid-row-span: 1;
		grid-row-end: 4;
		grid-column-start: 1;
		-ms-grid-column-span: 1;
		grid-column-end: 2;
	}

	#w-node-_7b94f908-c289-0262-8b34-0a0070147520-6e70dfa2 {
		grid-column-start: 2;
		-ms-grid-column-span: 1;
		grid-column-end: 3;
		grid-row-start: 3;
		-ms-grid-row-span: 1;
		grid-row-end: 4;
	}

	#w-node-_91eb233e-8b24-319a-1595-9bae6c4285f6-6e70dfa2 {
		grid-row-start: 4;
		-ms-grid-row-span: 1;
		grid-row-end: 5;
		grid-column-start: 1;
		-ms-grid-column-span: 2;
		grid-column-end: 3;
	}

	#w-node-_5183399a-1c23-771e-0a3c-19bd3c610026-6e70dfa2 {
		grid-row-start: 5;
		-ms-grid-row-span: 1;
		grid-row-end: 6;
	}

	#w-node-_3cd8e2b4-13e2-c787-8c3c-75038de62277-88f6b71e {
		grid-column-start: span 1;
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}
}

@font-face {
	font-family: "Fa brands 400";
	src: url("/assets/wf/fonts/fa-brands-400.woff2") format("woff2"),
		url("/assets/wf/fonts/fa-brands-400.eot") format("embedded-opentype"),
		url("/assets/wf/fonts/fa-brands-400.woff") format("woff"),
		url("/assets/wf/fonts/fa-brands-400.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Fa solid 900";
	src: url("/assets/wf/fonts/fa-solid-900.woff2") format("woff2"),
		url("/assets/wf/fonts/fa-solid-900.eot") format("embedded-opentype"),
		url("/assets/wf/fonts/fa-solid-900.woff") format("woff"),
		url("/assets/wf/fonts/fa-solid-900.ttf") format("truetype"),
		url("/assets/wf/fonts/fa-solid-900.svg") format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Fa 400";
	src: url("/assets/wf/fonts/fa-regular-400.woff2") format("woff2"),
		url("/assets/wf/fonts/fa-regular-400.eot") format("embedded-opentype"),
		url("/assets/wf/fonts/fa-regular-400.woff") format("woff"),
		url("/assets/wf/fonts/fa-regular-400.ttf") format("truetype"),
		url("/assets/wf/fonts/fa-regular-400.svg") format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* #endregion */

@media (min-width: 992px) {
	html.w-mod-js:not(.w-mod-ix)
		[data-w-id="129f32a8-d53b-eb0c-027d-f64cbad04119"] {
		transform: translate3d(-900px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
			rotateZ(0) skew(0, 0);
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	html.w-mod-js:not(.w-mod-ix)
		[data-w-id="129f32a8-d53b-eb0c-027d-f64cbad04119"] {
		transform: translate3d(-900px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0)
			rotateZ(0) skew(0, 0);
	}
}

@media screen and (min-width: 992px) and (max-width: 1195px) {
	.fiona {
		width: 180px;
	}
}

@media screen and (max-width: 470px) {
	.ba-demo {
		height: 156px;
	}
}

@media screen and (max-width: 413px) {
	.ba-demo {
		height: 132px;
	}
}

.books-online-callout:nth-child(odd) {
	background-color: #1b365d;
	padding: 2rem 3rem 2rem 1rem;
}

.books-online-callout:nth-child(even) {
	background-color: #60bce0;
	padding: 2rem 1rem 2rem 3rem;
}

.books-online-callout-cta .btn-primary {
	margin-bottom: 0;
}

.callout-img-container {
	display: flex;
	justify-content: flex-end;
}

.callout-img-container .ba-online-img {
	width: 82%;
	max-width: 247px;
}

.books-online-callout-img .ba-books-img {
	max-width: 247px;
	width: auto;
	max-height: 200px;
}

.callout-img-container .alex {
	max-height: 60%;
}

@media screen and (max-width: 1024px) {
	.books-online-callout-img {
		width: 100%;
		margin-top: 20px;
		justify-content: center;
		flex: 1;
	}

	.books-online-callout-img.align-right {
		justify-content: center;
	}

	.books-online-callout-text {
		width: 100%;
		align-items: center;
	}

	.books-online-callout-text.align-right {
		align-items: center;
	}

	.books-online-callout-wrapper {
		flex-direction: column;
		text-align: center;
	}

	.books-online-callout-wrapper .text-align-right {
		text-align: center;
	}

	.books-online-callout-wrapper.reverse {
		flex-direction: column-reverse;
	}

	.books-online-callout-wrapper.center {
		align-items: center;
	}

	.books-online-callout-cta {
		right: auto;
	}

	.books-online-callout-cta, .books-online-callout-cta.left {
		align-self: center;
	}

	.books-online-callout-content {
		width: 100%;
		align-items: center;
	}

	.books-online-callout-content.right {
		align-items: center;
	}

	.challenges-wrapper {
		width: 50%;
	}

	.alex {
		left: 0%;
		top: 0%;
		right: auto;
		bottom: auto;
		height: 100px;
	}

	.callout-img-container {
		max-width: 288px;
	}
}

@media screen and (max-width: 991px) {
	.books-online-callout:nth-child(odd) {
		padding: 2rem;
	}
	.books-online-callout:nth-child(even) {
		padding: 2rem;
	}
}

@media screen and (max-width: 568px) {
	.books-online-callout:nth-child(odd) {
		padding: 2rem;
	}
	.books-online-callout:nth-child(even) {
		padding: 2rem;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
	.books-online-callout-wrapper {
		flex-direction: row;
		text-align: center;
		width: 100%;
	}
	.books-online-callout-wrapper.reverse {
		flex-direction: row;
		width: 100%;
	}
	.books-online-callout-wrapper.reverse.center {
		align-items: center;
	}
	.books-online-callout-img {
		width: 100%;
		margin-top: 20px;
		justify-content: center;
	}
	.books-online-callout-content {
		width: 100%;
		text-align: left;
	}
	.books-online-callout-content.right {
		text-align: right;
	}
	.books-online-callout-img.align-right {
		justify-content: center;
	}
	.callout-img-container {
		max-width: 320px;
	}
	.books-online-callout-text {
		width: 100%;
		align-items: center;
	}
	.books-online-callout-text.align-right {
		align-items: center;
	}
	.white.text-align-right {
		text-align: left;
	}
	.white.text-align-right {
		text-align: center;
	}
}

.learning-categories.half:last-child {
	margin-right: 0;
}

.learning-categories-content:after {
	content: " ";
	display: table;
	clear: both;
}

.w-slider-dot {
	background: #e3e3e3;
}

.w-slider-dot.w-active {
	background: #1b365d;
}

.tab-copy {
	overflow-wrap: break-word;
}

.comprehensive-math-program {
	font-size: 24px;
}

.online-intro-img {
	z-index: 104;
}

.cta-content h3 {
	margin-bottom: 0;
}

.slider-copy {
	margin-bottom: 20px;
}

.slider-copy .text-blue.text-sm-small {
	font-size: 19px;
}

@media screen and (min-width: 992px) and (max-width: 1195px) {
	.fiona {
		width: 180px;
	}
}

@media screen and (max-width: 413px) {
	.ba-demo {
		height: 132px;
	}
}

.books-online-callout:nth-child(odd) {
	background-color: #1b365d;
	padding: 2rem 4rem 2rem 1rem;
}

.books-online-callout:nth-child(even) {
	background-color: #60bce0;
	padding: 2rem 1rem 2rem 4rem;
}

@media screen and (max-width: 991px) {
	.books-online-callout:nth-child(odd) {
		padding: 2rem;
	}
	.books-online-callout:nth-child(even) {
		padding: 2rem;
	}
}

@media screen and (max-width: 767px) {
	.benefits-copy {
		margin-top: 20px;
	}
}

@media screen and (max-width: 568px) {
	.books-online-callout:nth-child(odd) {
		padding: 2rem;
	}
	.books-online-callout:nth-child(even) {
		padding: 2rem;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
	.books-online-callout-wrapper {
		flex-direction: row;
		text-align: center;
	}
	.books-online-callout-wrapper.reverse {
		flex-direction: row;
	}
	.books-online-callout-wrapper.reverse.center {
		align-items: center;
	}
	.books-online-callout-img {
		width: 100%;
		margin-top: 20px;
		justify-content: center;
	}
	.books-online-callout-content {
		width: 100%;
		text-align: left;
	}
	.books-online-callout-content.right {
		text-align: right;
	}
	.books-online-callout-img.align-right {
		justify-content: center;
	}
	.callout-img-container {
		max-width: 320px;
	}
	.books-online-callout-text {
		width: 100%;
		align-items: center;
	}
	.books-online-callout-text.align-right {
		align-items: center;
	}
	.white.text-align-right {
		text-align: left;
	}
	.white.text-align-right {
		text-align: center;
	}
}

.w-slider-dot {
	background: #e3e3e3;
}

.w-slider-dot.w-active {
	background: #1b365d;
}

@media screen and (max-width: 991px) {
	.subscriptions-help h4 {
		font-size: 1.25em;
	}

	.subscriptions-help p {
		font-size: 1em;
	}
}

@media screen and (min-width: 992px) and (max-width: 1195px) {
	.fiona {
		width: 180px;
	}
}

@media screen and (max-width: 413px) {
	.ba-demo {
		height: 132px;
	}
}

/* flip direction of modals */

.subscription-cards-wrapper {
	display: grid;
	flex-direction: row-reverse;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin-top: 40px;
	margin-bottom: 40px;
}

#subscriptions-container.subscription-card {
	box-sizing: content-box;
	background-color: white;
	width: 100%;
	height: 90%;
}

#subscriptions-container.subscription-card:hover {
	border-color: orange;
}

#subscriptions-container.subscription-card-content {
	box-sizing: border-box;
	background-color: white;
	height: 100%;
	padding: 25px 20px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}

#subscriptions-container.subscription-card-content h3 {
	margin: 0;
}

#subscriptions-container.container {
	max-width: 1185px;
}

body.PROJ-19386-cro #subscriptions-container.container {
	padding-top: 1rem;
}

#subscriptions-container .subscription-card-info {
	/* avoids spacing and newline issues */
	min-height: 75px;
}

.subscription-card-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

body.PROJ-19386-cro .subscription-card-info {
	align-items: flex-start;
}

body.PROJ-19386-cro .enroll-subheadline {
	font-size: 24px;
}

body.PROJ-19386-cro .dollars {
	font-size: 64px;
}

.cents-and-rate {
	display: none;
}

body.PROJ-19386-cro .cents-and-rate {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

body.PROJ-19386-cro .cents {
	position: relative;
	top: 8px;
	text-align: left;
	font-weight: 700;
}

body.PROJ-19386-cro .rate {
	position: relative;
	bottom: 10px;
	left: 10px;
	font-size: 14px;
	color: #777674;
}

.sub-info {
	display: none;
}

body.PROJ-19386-cro .sub-info {
	display: block;
	margin-top: 20px;
	height: 110px;
}

body.PROJ-19386-cro .sub-info-item {
	display: flex;
}

body.PROJ-19386-cro .check-circle {
	position: relative;
	top: 3px;
	font-size: 12px;
}

body.PROJ-19386-cro .sub-info-text {
	margin-left: 10px;
	text-align: left;
	margin-bottom: 12px;
	color: #2c2b2f;
	font-size: 14px;
	font-weight: 400;
}

/* new media query. don't put into a different one */

@media screen and (max-width: 1185px) {
	.subscription-cards-wrapper {
		flex-direction: row-reverse;
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	#subscriptions-container.container {
		max-width: 750px;
	}

	#subscriptions-container.subscription-card {
		box-sizing: content-box;
		background-color: white;
		width: 100%;
		height: 100%;
	}

	.subscription-cards-wrapper.text-centered {
		row-gap: 20px;
	}

	#subscriptions-container .subscription-card-info {
		/* avoids spacing and newline issues */
		min-height: 175px;
	}
}

/* new media query. don't shoehorn into different one */

@media screen and (max-width: 595px) {
	.subscription-cards-wrapper {
		grid-template-columns: 1fr;
	}

	#subscriptions-container.container {
		max-width: 400px;
	}

	#subscriptions-container .subscription-card-info {
		min-height: 0;
	}
}

.anim-fade-in {
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-fill-mode: both;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.anim-spin-hover:hover {
	animation-name: spin;
	animation-duration: 1.5s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.53, -0.16, 0.52, 1.16);
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(1800deg);
	}
}

.anim-opacity {
	transition: opacity 1s fade-in;
}

#enroll-vc-modal {
	animation: fade-in 0.5s;
}

.modal-wrapper.vc.hide {
	display: none;
}

.modal-wrapper.vc {
	display: flex;
}

#vc-modal-open-btn {
	transform: scale3d(1, 1, 1);
	transition: transform 0.3s ease;
}

#vc-modal-open-btn:hover {
	transform: scale3d(1.1, 1.1, 1.1);
	transition: transform 0.3s ease;
}

.inline-radio-label {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: normal;
	font-size: 19px;
	margin: 0.15rem 0;
}

.radio-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.radio-item {
	margin: 0.15rem 0;
	cursor: pointer;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 150%;
}

.radio-item input {
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 1.5rem;
	position: relative;
	flex: 0 0 auto;
	cursor: pointer;
}

.radio-item label {
	cursor: pointer;
}

.subscription-card {
	width: 100%;
}

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

.filters__btn:last-child {
	margin-right: 0;
}

.mixitup-control-active {
	background-color: #1b365d;
	color: #fff;
}

input[type="number"]::-webkit-inner-spin-button.q-num.w-input, input[type="number"]::-webkit-outer-spin-button.q-num.w-input {
	-webkit-appearance: none;
	margin: 0;
}

.product-select-field {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.sample-swiper-nav {
	pointer-events: none;
}

.sample-swiper-arrow {
	pointer-events: auto;
}

.swiper-button-disabled {
	background-color: grey !important;
	opacity: 0.15;
	cursor: auto;
	transform: scale(1) !important;
}

/*
These are css files made by devs to tweak things on wf pages
*/

body {
	font-size: 12px;
}

.ba11--hidden {
	display: none !important;
}

.focus-styling-on *:focus {
	outline: 2px solid #376fc0;
	outline: 2px solid var(--colors-link);
}

.ba11-main {
	position: relative;
	flex: 1 0 auto;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	color: #1b365d;
	color: var(--colors-mainBlue);
}

.ba11-wf-page-container {
	overflow: hidden;
}

.main-content {
	font-size: 16px;
}

.ba11-bottom-bar-copyright {
	color: #FFFFFF;
	color: var(--colors-white);
}

.modal-dropdown {
	min-width: 188px;
}

.dropdown-toggle {
	width: 100%;
}

.hero-container .headline {
	margin-bottom: 20px;
}

.hero-container .hero-subheader {
	margin-bottom: 5px;
}

.offset-anchor {
	scroll-margin-top: calc(8.125rem + 35px);
}

.ba11--invisible {
	visibility: hidden;
}

.hero-cta {
	margin-top: 1.2em;
}

.tippy-tooltip {
	font-size: 1.2rem;
}

.btn-primary.outline, .gifting-btn.outline {
	border: 4px solid #1b365d;
	background-color: #fff;
	color: #1b365d;
}

.btn-primary.outline:hover, .gifting-btn.outline:hover {
	background-color: #1b365d;
	color: #fff;
}

/* Add to cart modal overrides*/

.ba11-modal-contents, .ba11-add-cart-modal {
	width: 100%;
}

.ba11-add-cart-modal-inner {
	max-width: unset;
}

.ba11-add-cart-modal-button {
	height: 4rem;
	text-decoration: none;
}

.text-grade-1 {
	color: #d83231;
}

.text-grade-2 {
	color: #ff9a15;
}

.text-grade-3 {
	color: #61ad00;
}

.text-grade-4 {
	color: #60bce0;
}

.text-grade-5 {
	color: #7a3888;
}

.bg-grade-1 {
	background-color: #f52338;
}

.bg-grade-2 {
	background-color: #ff9a15;
}

.bg-grade-3 {
	background-color: #61ad00;
}

.bg-grade-4 {
	background-color: #60bce0;
}

.bg-grade-5 {
	background-color: #7a3888;
}

.bg-grade-1:hover {
	background-color: #c95b5b;
}

.bg-grade-2:hover {
	background-color: #ff9a15;
}

.bg-grade-3:hover {
	background-color: #61ad00;
}

.bg-grade-4:hover {
	background-color: #60bce0;
}

.bg-grade-5:hover {
	background-color: #7a3888;
}

.border-grade-1 {
	border-color: #d83231;
}

.border-grade-2 {
	border-color: #ff9a15;
}

.border-grade-3 {
	border-color: #61ad00;
}

.border-grade-4 {
	border-color: #60bce0;
}

.border-grade-5 {
	border-color: #7a3888;
}

.ba11-top {
	z-index: inherit;
}

.ba11-top-outer {
	z-index: 105;
}

.ba11-top-outer, .ba11-top-outer * {
	box-sizing: content-box;
}

.ba11-avatar-bg {
	position: absolute;
	left: 9.25%;
	top: 9.25%;
	width: 81.5%;
	height: 81.5%;
	border-radius: 50%;
	background-color: #FFFFFF;
	background-color: var(--colors-white);
}

.ba11-avatar-ring {
	border-width: 2px;
	box-sizing: border-box;
}

.ba11-top-outer .ba11-top-info-bar {
	box-sizing: border-box;
}

.nav-buttons-wrapper * {
	box-sizing: border-box;
}

.nav-buttons-wrapper .nav-play {
	padding-left: 0;
}

.ba11-top-menu-link {
	text-decoration: none;
	color: #1b365d;
	color: var(--colors-mainBlue);
}

.ba11-top-menu-submenu-link, .ba11-ham-nav-section-title-link, .ba11-ham-nav-submenu-link {
	text-decoration: none;
	color: #FFFFFF;
	color: var(--colors-white);
}

.ba11-top-logo {
	display: flex;
	align-items: center;
}

.ba11-top-logo-img-wide, .ba11-top-logo-img-narrow {
	height: auto;
}

.ba11-top-info-text {
	font-size: 1.4rem;
}

.ba11-top-info-text a {
	color: inherit;
}

.ba11-top-info-bar.blue a {
	color: #FFFFFF;
	color: var(--colors-white);
}

.ba11-top-outer.--shrink .nav-buttons-wrapper {
	max-height: 2.5rem;
}

.ba11-top-outer.--shrink .nav-play {
	max-height: 2rem;
	margin-right: 10px;
}

.ba11-top-outer.--shrink .play-img {
	max-height: 2rem;
	width: 65px;
}

.ba11-top-outer.--shrink .nav-button {
	max-height: 2rem;
	margin-right: 15px;
	padding: 0;
}

.ba11-top-outer.--shrink .btn-primary.nav {
	max-height: 2rem;
	font-size: 1rem;
	padding: 5px 10px;
}

.ba11-top-account-menu-label {
	color: #d71f26;
	color: var(--colors-baRed);
	text-decoration: none;
}

.ba11-top-account-login:hover, .ba11-top-account-login:focus, .ba11-top-account-menu:hover, .ba11-top-account-menu:focus {
	text-decoration: underline;
}

.ba11-top-account-dropdown a {
	color: #1b365d;
	color: var(--colors-mainBlue);
	text-decoration: none;
}

.ba11-top-account-dropdown a:hover, .ba11-top-account-dropdown a:focus {
	color: #d71f26;
	color: var(--colors-baRed);
}

.play-img .st0 {
	opacity: 0.23;
	enable-background: new;
}

.play-img .st1 {
	fill: #4191ce;
}

.play-img .st2 {
	fill: #0659a6;
}

.play-img .st3 {
	fill: #ffffff;
}

.play-img:hover .st2, .play-img:focus .st2, .play-img:active .st2 {
	fill: #0a73c1;
}

.nav-play .ba11-top-menu-submenu {
	background-color: #FFFFFF;
	background-color: var(--colors-white);
	box-sizing: content-box;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px,
		rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px,
		rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.nav-play .ba11-top-menu-submenu-link {
	color: #1b365d;
	color: var(--colors-mainBlue);
}

.nav-play .ba11-top-menu-submenu-link.ba11-top-menu-play-link:hover, .nav-play .ba11-top-menu-submenu-link.ba11-top-menu-play-link:focus {
	color: #FFC640;
	color: var(--colors-yellow);
}

.ba11-top-menu-submenu-link.ba11-top-menu-submenu-play-text {
	text-align: left;
}

@media screen and (max-width: 1050px) {
	.ba11-top-menu {
		padding: 0 0.8rem;
	}
}

@media screen and (max-width: 900px) {
	/*.ba11-top-menu-play {
		display: none;
	}*/
}

@media screen and (max-width: 800px) {
	/*.ba11-top-menu-container {
		display: none;
	}
	.ba11-top-nav-ham {
		display: flex;
	}*/
}

@media (min-width: 701px) {
	.ba11-top-outer.--shrink .ba11-top {
		margin-top: 0px;
	}

	.ba11-top-outer.--shrink .ba11-top-container {
		height: 3rem;
	}

	.ba11-top-outer.--shrink .ba11-top-logo-img-wide {
		width: 112px;
	}

	.ba11-top-outer.--shrink .ba11-top-account {
		height: 0rem;
		margin-bottom: 0rem;
		opacity: 0;
		pointer-events: none;
	}

	.ba11-top-outer.--shrink .ba11-top-brand-border {
		pointer-events: none;
		opacity: 0;
	}

	.ba11-top-outer.--shrink .ba11-top-menu-container {
		margin-bottom: 0.5rem;
	}

	.ba11-top-outer.--shrink .ba11-top-cart-for-shrink {
		position: relative;
		opacity: 1;
		transition: opacity 500ms;
		pointer-events: auto;
	}

	.ba11-top-outer.--shrink .ba11-top-menu-play {
		font-size: 150%;
		opacity: 0;
		pointer-events: none;
	}

	.books-nav-bundle-cta {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.books-nav-wrapper {
		text-align: left;
	}

	/* Temporarily implementing due to revamp phase 1.2 quick change back to "default" nav */
	.ba11-top-menu-play .ba11-top-menu-link {
		color: #00B2DD;
		color: var(--colors-cyan);
	}

	.ba11-top-outer.--shrink .ba11-top-menu .ba11-top-menu-submenu {
		margin-top: 0.6rem;
	}

	.ba11-top-outer.--shrink .ba11-top-menu-books .ba11-top-menu-submenu, .ba11-top-outer.--shrink .ba11-top-menu-offerings .ba11-top-menu-submenu {
		margin-top: 0.55rem;
	}

	.ba11-top-outer.--shrink .ba11-top-menu-play {
		display: none;
	}

	.ba11-top-outer.--shrink .ba11-top-menu-triangle {
		border-bottom-width: 0.7rem;
	}

	.ba11-top-outer.--shrink .ba11-top-menu-submenu-filler {
		top: -0.5rem;
		height: 0.5rem;
	}
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 700px) {
	.ba11-top-menu-container {
		display: none;
	}
	.ba11-top-nav-ham {
		display: flex;
	}
}

.ba11-top-shared a {
	text-decoration: none;
}

.ba11-top-shared-aops-link, .ba11-top-shared-link {
	color: inherit;
	user-drag: none;
}

.ba11-bottom-bar-main {
	background-color: transparent;
}

.ba11-bottom-bar-column-title {
	color: #ffffff;
	font-weight: bold;
}

.ba11-bottom-bar-menu-column a {
	color: #ffffff;
	text-decoration: none;
}

.ba11-bottom-bar-menu-column a:hover, .ba11-bottom-bar-menu-column a:focus {
	text-decoration: underline;
}

.modal-wrap .modal-header {
	font-size: 1.15em;
}

.modal-dropdown.error .dropdown-toggle {
	padding-top: 14px;
	padding-bottom: 10px;
}

.modal-form-row .modal-form-dropdown {
	width: auto;
}

.modal-alert {
	display: none;
	border-radius: 2px;
	font-size: 0.9em;
	margin-top: 25px;
	padding: 14px 10px;
	text-align: left;
	flex-direction: row;
	align-items: center;
}

.modal-alert::before {
	font-family: "Fa Solid 900", sans-serif;
	font-size: 1.2em;
	margin-right: 10px;
}

.modal-alert.error {
	background-color: #fec5c4;
	color: #d50032;
	display: flex;
}

.modal-alert.error::before {
	content: "\f12a";
}

.modal-alert.success {
	background-color: #e6ffc5;
	color: #1b365d;
	color: var(--colors-mainBlue);
	display: flex;
}

.modal-alert.success::before {
	color: #63ac05;
	content: "\f00c";
}

.modal-alert ul {
	margin-bottom: 0;
}

.modal-wrap {
	padding: 0 0 !important;
	margin-top: 100px !important;
	margin-bottom: 20px;
}

.modal-scroll-container {
	max-height: calc(100vh - 40px);
	padding: 80px 20px 20px;
	overflow-y: auto;
}

.wf-modal--open {
	height: 100vh;
	overflow-y: hidden;
}

.modal-form-row.buttons .btn-primary.bg-red.w-button {
	padding: 18px 14px;
}

@media screen and (max-width: 767px) {
	.modal-wrap .close-block {
		width: 35px;
		height: 35px;
		top: -17.5px;
		right: -17.5px;
	}

	.modal-wrap .close-block .close-image {
		max-width: 25px;
		max-height: 25px;
	}

	.modal-wrap {
		max-width: calc(100% - 40px) !important;
	}
}

@media screen and (max-width: 479px) {
	.modal-wrap.bundle .modal-image.bundle {
		top: -8%;
		width: 250px;
	}
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link, .modal-dropdown .dropdown-toggle, .dropdown-toggle.w--open {
	padding-top: 16px;
	padding-bottom: 16px;
}

.cart-sub-row {
	text-align: left;
	color: #1b365d;
	color: var(--colors-mainBlue);
	font-size: 1.3em;
}

.input-remove-icon {
	margin-left: 10px;
	font-family: "Fa 400", sans-serif;
	font-size: 22px;
	color: #d50032;
	text-decoration: none;
	cursor: pointer;
	display: none;
}

.input-remove-icon:hover, .input-remove-icon:focus {
	font-weight: bold;
}

.has-many-rows .input-remove-icon {
	display: block;
}

.modal-form-input {
	min-width: 240px;
}

.modal-input.error {
	border-color: #d50032;
}

.modal-wrap.bundle .modal-form-dropdown .modal-dropdown {
	margin-left: 4px;
	margin-right: 14px;
}

.modal-dropdown.error {
	margin-left: 0;
	margin-right: 10px !important;
	border: 4px solid #d50032;
}

.w-dropdown-toggle.w--open .w-icon-dropdown-toggle {
	transform: rotate(180deg);
}

.add-student-trigger .input-remove-icon {
	visibility: hidden;
}

.modal-form-row.has-max-subs {
	display: block;
	text-align: center;
}

.max-subs-message {
	display: none;
}

/* Hide irrelevant modal content if user has reached max subscriptions */

.has-max-subs .modal-form-input, .has-max-subs .modal-image, .has-max-subs .modal-support {
	display: none;
}

.has-max-subs .modal-header {
	text-align: center;
}

.has-max-subs .max-subs-message {
	display: block;
	width: 100%;
	font-size: 16px;
}

.refunds-content h4 {
	font-size: 20px;
}

.choose-level-content h3, .refunds-content h3 {
	margin-bottom: 30px;
}

.wf-modal-price-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.subscriptions-help a {
	color: #1b365d;
	color: var(--colors-mainBlue);
}

.subscription-card-content {
	color: #1b365d;
	color: var(--colors-mainBlue);
}

body.PROJ-19386-cro .subscription-card-content {
	height: 370px;
}

.subscription-card-content br:last-of-type {
	display: none;
}

.sub-headline:not(body.PROJ-19386-cro .sub-headline) {
	margin-top: 1rem;
	display: none;
	text-decoration: none;
}

.rt-quotes, .lf-quotes {
	z-index: 1;
}

.winnie-headphones {
	z-index: 100;
}

@media (min-width: 768px) and (max-width: 1080px) {
	.subscription-card-content br:last-of-type {
		display: unset;
	}
}

@media screen and (max-width: 614px) {
	.w-form .modal-form-row {
		flex-direction: column;
		align-items: flex-start;
	}

	.modal-input-wrapper {
		margin-right: 9px;
		margin-bottom: 10px;
	}

	.modal-input-wrapper.cart-sub-row {
		margin-bottom: 0;
	}

	.modal-form-input {
		align-items: center;
	}

	.wf-modal-price-wrapper {
		align-self: center;
	}

	.modal-wrap.bundle .wf-modal-price-wrapper {
		margin-left: 54px;
		justify-content: space-between;
		align-self: flex-start;
	}

	.modal-wrap.bundle .modal-form-dropdown .modal-dropdown {
		margin-left: 0;
	}

	.modal-form-row .input-remove-icon {
		align-self: center;
		margin-top: 5px;
		font-size: 28px;
	}
}

@media screen and (max-width: 479px) {
	.choose-level-content .button-cta-wrapper {
		margin-right: auto;
		margin-left: auto;
	}

	.modal-wrap.bundle .wf-modal-price-wrapper {
		margin-left: 38px;
	}
}

@media screen and (max-width: 360px) {
	.wf-modal-price-wrapper {
		flex-direction: column;
	}

	.modal-wrap.bundle .modal-form-dropdown .modal-dropdown {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.wf-modal-price-wrapper {
		width: calc(100% - 38px);
	}

	.modal-form-row .modal-form-dropdown {
		width: 100%;
	}

	.wf-modal-price-wrapper .row-price {
		margin-left: -28px;
	}
}

.non_og_content {
	display: none;
}

body.PROJ-19386-cro .non_og_content {
	display: block;
}

body.PROJ-19386-cro .og_content {
	display: none;
}

.modal-classwallet-bundle-row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 0.25rem 0;
}

@media screen and (max-width: 380px) {
	.modal-classwallet-bundle-row {
		flex-direction: column;
	}
}

.modal-classwallet-bundle-row-interaction {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.label-classwallet-bundle {
	min-width: 15rem;
	text-align: left;
}

.label-classwallet-add-button button, .label-classwallet-subtract-button button {
	min-width: 2.5rem;
	padding: 0.5rem;
	background-color: #d50032;
	color: white;
	border: 0;
	margin: 0 0.5rem;
}

.label-classwallet-amount, .label-classwallet-amount input {
	max-width: 4rem;
}

.label-classwallet-amount {
	margin: 0 0.5rem;
}

.label-classwallet-clear {
	max-width: 4rem;
	margin-left: 0.5rem;
}

.input-remove-icon {
	font-family: "Fa 400", sans-serif;
}

#display-bundle-totals {
	margin: 1rem 0;
}

#display-bundle-totals > p {
	margin: 0;
	line-height: reset;
	font-size: 1rem;
}

#classwallet-bundle-add-to-cart.disabled {
	pointer-events: none;
	background-color: #cccccc;
}

/* #region BA live instruction callout */

/* Convert px to rem once rem = 16px. */

.ba-live_instruction_callout-wave {
	height: 48px;
}

.ba-live_instruction_callout-wave img {
	width: 100%;
	height: 100%;
}

.ba-live_instruction_callout-wave.ba-live_instruction_callout-wave-top {
	height: 42px;
}

.ba-live_instruction_callout-wrap {
	padding: 40px 20px;
	background: #1b365d linear-gradient(#142f4d, #1b365d);
}

.ba-live_instruction_callout-card {
	padding: 40px 20px;
	border-radius: 20px;
	background: #fff;
	max-width: 1012px;
	margin: 0 auto;
}

/* Tape */

.ba-live_instruction_callout-card::before, .ba-live_instruction_callout-card::after {
	content: "";
	display: none;
	position: absolute;
	top: -52px;
	left: -31px;
	width: 182px;
	height: 175px;
	z-index: 1;
	background-image: url(/assets/images/vc/tape.svg);
	background-repeat: no-repeat;
	background-size: contain;
	pointer-events: none;
}

.ba-live_instruction_callout-card::after {
	top: calc(100% + 52px);
	left: calc(100% + 71px);
	transform: translate(-100%, -100%) rotateZ(180deg);
}

.ba-live_instruction_callout-img {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 40px;
}

.ba-live_instruction_callout-img img {
	width: 310px;
	max-width: 100%;
	height: auto;
}

.ba-live_instruction_callout-cta {
	text-align: center;
}

.ba-live_instruction_callout-cta h2 {
	font-size: 22px;
	line-height: 1.527;
	margin-bottom: 12px;
}

.ba-live_instruction_callout-cta p {
	line-height: 1.478;
	font-size: 18px;
	margin-bottom: 32px;
}

.ba-live_instruction_callout-btn {
	display: block;
	color: #fff;
	background: #61ad00;
	line-height: 1;
	font-size: 20px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	padding: 18px 32px;
	cursor: pointer;
	transition: background 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.ba-live_instruction_callout-btn:hover {
	background: #59940f;
}

@media (min-width: 768px) {
	.ba-live_instruction_callout-wave {
		height: 198px;
	}
	.ba-live_instruction_callout-wave.ba-live_instruction_callout-wave-top {
		height: 163px;
	}

	.ba-live_instruction_callout-wrap {
		padding: 60px;
	}

	.ba-live_instruction_callout-card {
		padding: 60px 80px 60px 40px;
		display: flex;
		position: relative;
	}

	.ba-live_instruction_callout-card::before, .ba-live_instruction_callout-card::after {
		display: block;
		margin: 0 -20px;
	}

	.ba-live_instruction_callout-img {
		margin-bottom: 0;
	}
	.ba-live_instruction_callout-img img {
		width: 433px;
	}

	.ba-live_instruction_callout-img, .ba-live_instruction_callout-cta {
		flex: 1;
		padding: 0 20px;
	}

	.ba-live_instruction_callout-cta {
		text-align: left;
		align-self: center;
	}
	.ba-live_instruction_callout-cta h2 {
		font-size: 28px;
		line-height: 1.2;
	}
	.ba-live_instruction_callout-cta p {
		font-size: 19px;
		line-height: 1.4;
	}
	.ba-live_instruction_callout-btn {
		font-size: 16px;
		line-height: 1.15;
		display: inline-block;
	}
}

/* #endregion BA live instruction callout */

#about {
	scroll-padding-top: 60px;
}

/* #region BA other programs */

.ba-other_programs .closer-content {
	margin-left: auto;
	margin-right: auto;
}

.ba-other_programs .closer-content.text-center {
	max-width: 706px;
}

/* #endregion BA other programs */

/* #region */

.books-online-callout-cta.hide-desktop {
	display: none;
}

.books-online-callout-cta .btn-primary.bg-red.w-button.small {
	margin: 0 auto 1em;
	width: 152px;
}

.books-online-callout-cta .btn-primary.bg-red.w-button.enroll {
	margin: 0 auto 1em;
	width: 225px;
}

.home-hero .hero-container {
	align-items: flex-start;
	max-width: 960px;
}

.home-hero .hero-content {
	width: 50%;
	margin-top: 80px;
}

.home-hero-updated .hero-content {
	margin-top: unset;
}

.home-hero-updated .hero-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	max-width: 1300px;
	margin-top: 50px;
}

.home-hero-updated.section-hero {
	height: 550px;
}

.home-hero-updated .hero-content.hero-content--stacked, .home-hero-updated .hero-content.hero-content--stacked .hero-content-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.home-hero-updated .hero-content .books-online-callout-cta {
	align-self: flex-start;
}

.home-hero-updated .hero-content .books-online-callout-cta .btn-primary.enroll {
	align-self: flex-start;
	margin-left: 0;
	margin-right: auto;
	border-radius: 8px;
}

.home-hero-updated .home-hero-bundles-image {
	top: unset;
	left: unset;
	width: 100%;
	aspect-ratio: 292/195;
}

.home-hero-updated
	.books-online-callout-cta
	.btn-primary.bg-red.w-button.enroll {
	margin: 2rem auto;
}

.cta-cards-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	padding-right: 1rem;
}

.header-container {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	width: 100%;
	max-width: 1350px;
	align-items: flex-start;
	margin-top: 2rem;
}

.header-text {
	display: flex;
	padding-right: 40px;
	padding-left: 1rem;
}

.header-cta {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 3rem;
}

.cta-swoop {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
}

.image-swoop-top {
	width: 100%;
}

.w-horiz-flip {
	transform: scaleX(-1);
}

/* math challenges */

.math-challenges {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 7rem;
	margin-bottom: 5rem;
}

.learning-categories-text {
	text-align: center;
	margin-bottom: 3rem;
}

.learning-categories-bundles {
	margin-bottom: 1rem;
	margin-top: 3rem;
}

.learning-categories-text > p {
	margin-bottom: 0;
}

.learning-categories.whole {
	width: 100%;
	padding-bottom: 20px;
	align-self: flex-end;
	background-color: #fff;
}

.learning-style-images.bundles-image {
	margin-top: 1rem;
}

.learning-categories.whole.bundles {
	margin-top: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.character-alex {
	width: 5rem;
	height: auto;
	transform: translateX(-61%) translateY(-23%);
}

.character-laptop {
	width: 20rem;
	height: auto;
}

.character-many-books {
	width: 20rem;
	height: auto;
}

.learning-categories-content.bundles-text > p, .learning-categories-content.bundles-text > h3 {
	text-align: left;
}

.learning-categories-content.bundles-text > p {
	height: 2rem;
}

.many-books-image {
	position: absolute;
	left: -3%;
	bottom: 2%;
}

.cta-header {
	width: 70%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.home-hero-area {
	width: 30rem;
	margin: 145px 25px 0 25px;
	background-color: #fff;
	padding: 20px;
	text-decoration: none;
	display: inline-block;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.home-hero-banner-container {
	z-index: 1;
	width: 50%;
	background-image: none;
}

.home-hero-updated .home-hero-banner-container {
	width: 100%;
}

.cta-banner-container {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding-right: 3rem;
	width: 30rem;
	min-height: 20rem;
}

.section-learning .home-learning-categories {
	height: auto;
}

.learning-categories-image, .home-learning-categories, .home-hero-banner-container .learning-categories-image {
	height: 85px;
}

.learning-images-above {
	position: relative;
	width: 0;
	height: 0;
	transform: translate(-10rem, -1rem);
	transition: 0.2s ease-in-out;
}

.learning-images-above:hover {
	transform: scale(1.1) translate(-10rem, -1rem);
}

.cta-top-swoop {
	width: 100%;
	display: flex;
}

.cta-top-swoop-grad {
	width: 100%;
	height: 3rem;
	position: relative;
	background-color: #cf0031;
}

.swoop-top-left {
	display: flex;
	height: 100px;
	transform: translateX(-10.5%) translateY(-21.5%);
}

.swoop-top-right {
	display: flex;
	height: 110px;
	transform: translateX(-53.1%) translateY(-18.5%);
}

.home-hero-bundles-image {
	position: relative;
	top: -135px;
	left: -36px;
	max-width: unset;
}

.learning-character-image {
	position: absolute;
	left: 3.3rem;
	top: 0;
}

.learning-laptop-content {
	height: 100%;
	min-height: 17rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	width: 90%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.learning-laptop-content .h3 {
	text-align: center;
}

.learning-laptop-content > div {
	text-align: left;
	width: 100%;
	line-height: 2.2rem;
	padding-top: 1rem;
	padding-left: 1rem;
	font-size: 1.3rem;
}

.learning-laptop-content > h3 {
	margin-top: 0;
	width: 90%;
	padding-left: 10%;
	line-height: 2.5rem;
}

.cta-card-button {
	display: flex;
	flex-direction: row;
	justify-content: center;
	min-width: 20%;
	width: 80%;
	padding-bottom: 1rem;
}

.cta-card-button.cta-button {
	width: 100%;
	min-width: 10rem;
}

.home-bg-grey {
	background-color: #fbfbfb;
}

.home-bg-grey .ba-demo.w-background-video {
	z-index: 1;
}

.text-blue {
	color: #1b365d;
}

.text-white {
	color: #fff;
}

@media screen and (max-width: 860px) {
	.home-hero .hero-content {
		width: 40%;
		margin-left: 5%;
	}

	.cta-header {
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: center;
	}
}

@media screen and (min-width: 768px) and (max-width: 800px) {
	.learning-categories-content h3 {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (min-width: 767px) and (max-width: 1220px) {
	.header-container {
		display: flex;
		flex-direction: column;
	}

	.header-text {
		padding-bottom: 5rem;
		padding-left: 40px;
		padding-right: 40px;
	}

	.cta-cards-wrapper {
		justify-content: center;
		flex-direction: row;
		padding-right: 40px;
		padding-left: 40px;
	}
}

@media screen and (min-width: 768px) {
	.learning-categories p {
		height: 9rem;
	}
	.learning-categories .image-container, a.learning-categories.whole.bundles {
		height: 19rem;
	}
}

@media screen and (max-width: 767px) {
	.cta-cards-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.header-container {
		display: flex;
		flex-direction: column;
	}

	.header-text {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.cta-banner-container {
		margin-left: 5%;
		margin-bottom: 2rem;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.learning-images-above {
		position: absolute;
		transform: translate(-10rem, 1rem);
	}

	.learning-character-image {
		position: absolute;
		left: 2.3rem;
		top: 4rem;
	}

	.many-books-image {
		position: relative;
	}

	.learning-categories-content.bundles-text {
		width: 100%;
	}

	.learning-categories-content.bundles-text > p, .learning-categories-content.bundles-text > h3 {
		text-align: center;
	}

	a.learning-categories.whole.bundles {
		height: 28rem;
	}

	.challenges-wrapper .ba-demo {
		min-height: auto;
	}

	.books-online-callout-cta.hide-desktop {
		display: block;
		margin-top: 10px;
	}

	.books-online-callout-cta.hide-mobile {
		display: none;
	}

	.home-hero-banner-container {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.home-hero .hero-content {
		margin-left: unset;
		margin-top: 0;
		width: 100%;
	}

	.home-hero .hero-content-text {
		text-align: left;
		padding: 0;
	}

	/* Updated hero: column layout + centered text on mobile; hero image above wave */
	.home-hero-updated.section-hero {
		position: relative;
		z-index: 10;
		isolation: isolate;
		height: 667px;
	}
	.wave_deco-top {
		position: relative;
		z-index: 0;
	}
	.home-hero-updated .hero-container {
		flex-direction: column;
		padding: 0;
	}
	.home-hero-updated .hero-content.hero-content--stacked, .home-hero-updated .hero-content.hero-content--stacked .hero-content-text {
		align-items: center;
		text-align: center;
	}
	.home-hero-updated .hero-content .books-online-callout-cta {
		align-self: center;
	}
	.home-hero-updated
		.hero-content
		.books-online-callout-cta
		.btn-primary.enroll {
		margin-left: auto;
		margin-right: auto;
	}
	.home-hero-updated .home-hero-banner-container {
		position: relative;
		z-index: 2;
		width: 100%;
		display: flex;
		justify-content: center;
		margin: unset;
	}
	.home-hero-updated .home-hero-bundles-image {
		position: relative;
		top: 0;
		left: 0;
		max-width: 70%;
		height: auto;
		object-fit: contain;
	}

	.home-learning-categories {
		height: auto;
	}

	.character-laptop {
		height: 12rem;
		width: auto;
	}

	.math-challenges {
		margin-top: 2rem;
	}
}

@media screen and (max-width: 700px) {
	.challenges-container .challenges-wrapper {
		width: 70%;
	}
}

@media screen and (max-width: 525px) {
	.home-hero-banner-container {
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 479px) {
	.specs-image {
		position: relative;
		right: -15%;
	}
}

@media screen and (max-width: 450px) {
	.home-hero-banner-container {
		width: 90%;
		margin-left: 5%;
	}

	.home-hero-area {
		margin-top: 20vw;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.home-hero-area .learning-categories-content {
		padding: 0;
	}

	.home-hero-area .learning-laptop-content {
		padding: 0;
	}

	.home-hero-area .learning-categories-image {
		width: 1px;
		height: 25vw;
	}

	.home-hero-area .learning-laptop-image {
		width: 1px;
		height: 25vw;
	}

	.home-hero-bundles-image:not(.cro1) {
		left: calc(-20px - 2vw);
		top: -25vw;
		width: 94vw;
	}
	.home-hero-updated .home-hero-bundles-image {
		left: 0;
		top: 0;
		width: auto;
		max-width: 100%;
	}
}

@media screen and (max-width: 358px) {
	.challenges-container .challenges-wrapper {
		width: 100%;
	}
}

@media screen and (max-width: 1024px) {
	.headline-text {
		display: inline-block;
	}
}

@media (min-width: 992px) {
	.home-hero .hero-container {
		padding-right: 2rem;
		padding-left: 2rem;
		max-width: 1100px;
	}

	.home-hero-updated .hero-container {
		max-width: 1300px;
	}
	.home-hero .hero-content {
		width: 100%;
		max-width: none;
	}
	.home-hero .hero-subheader {
		margin-right: 5em;
	}
	.home-hero-banner-container {
		width: auto;
	}
}

/* #endregion */

.banner-image-wrap.online {
	text-align: right;
}

@media screen and (min-width: 767px) {
	.banner-image-wrap.online > img {
		min-height: 300px;
		min-width: 585px;
		height: 100%;
	}
}

@media screen and (max-width: 767px) {
	.section-cta {
		display: none;
	}
}

.ba11-p-books {
	overflow: unset !important;
}

.ba11-p-books .ba11-wf-page-container {
	overflow: unset;
}

.section-books-online.bg-lt-gray {
	background-color: #f4f4f4;
}

.section-hero.books {
	max-width: unset;
}

.hero-container.books {
	max-width: 1240px;
	padding-left: 40px;
}

.hero-subheader.text-dark-blue.books-hero {
	margin-bottom: 20px;
	font-weight: 400;
}

.hero-content.books {
	max-width: 457px;
}

.headline.text-dark-blue.online {
	font-size: 38px;
}

.book-level-icon.unit-book {
	position: absolute;
	left: 0%;
	top: 0%;
	right: auto;
	bottom: auto;
}

.hero-books-mobile-image {
	display: none;
}

.section-books {
	padding-top: 80px;
}

.mix {
	padding-bottom: 60px;
}

.mix:not([style*="display: none;"]) + .mix {
	border-top: 2px solid #eaeaea;
}

.section-intro-copy {
	margin-top: 40px;
	margin-bottom: 30px;
}

.anchor-curriculum {
	display: block;
	position: relative;
	height: 80px;
	margin-top: -80px;
}

.book-unit-card {
	display: flex;
	flex-direction: column;
}

.book-unit-bottom {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}

.section-hero.books {
	background-image: none;
}

.hero-container.books {
	background-image: url(/assets/wf/images/hero-books.jpg);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

.book-unit-card.--unavailable {
	pointer-events: none;
	border-color: rgba(112, 112, 112, 0.3);
}

.book-unit-card.--unavailable .circle {
	border-color: rgba(27, 54, 93, 0.4);
}

.book-unit-card.--unavailable .circle .circle-text {
	border-color: #1b365d;
	opacity: 0.4;
}

.btn-secondary.book-sets.single-book {
	background-color: #1b365d;
}

.book-unit-card.--unavailable .book-unit-bottom {
	opacity: 0.4;
}

.book-unit-card.--unavailable .text-grade-1 {
	color: rgba(27, 54, 93, 0.4);
}

.level-1 .book-set-copy {
	width: calc(100% - 200px);
}

.level-1 .book-set-character {
	right: 0;
}

.coming-soon-sticker {
	position: absolute;
	bottom: 4px;
	right: 4px;
	width: 100px;
	height: 100px;
}

.filter-button {
	white-space: nowrap;
}

@media screen and (min-width: 1280px) {
	.section-hero.books {
		min-height: 400px;
	}
	.hero-container.books {
		height: 400px;
	}
}

@media (max-width: 991px) {
	.level-1 .book-set-copy {
		width: calc(100% - 140px);
	}
}

@media (max-width: 1180px) and (min-width: 768px) {
	.hero-container.books {
		background-position: calc(50% + 350px) 0%;
	}
}

@media screen and (max-width: 768px) {
	.hero-content.books {
		max-width: unset;
	}
	.section-hero.books, .hero-container.books {
		background-image: none;
	}
	.hero-books-mobile-image {
		display: block;
		width: 100%;
	}
	.anchor-curriculum {
		height: 0;
		margin-top: 0;
	}
}

@media screen and (max-width: 500px) {
	.hero-subheader.text-dark-blue.books-hero {
		font-size: 20px;
	}
	.headline.text-dark-blue.online {
		font-size: 28px;
	}
}

@media screen and (max-width: 479px) {
	.filter-controls {
		display: none; /* override */
		position: relative;
		flex-wrap: wrap;
		top: 0;
		justify-content: center;
		padding: 0;
	}
	.filter-button {
		margin-left: 10px;
		margin-bottom: 10px;
	}
	.section-books {
		padding-top: 20px;
	}
	.book-set-character {
		display: none;
	}
	.level-1 .book-set-copy {
		width: 100%;
	}
}

.mailsub {
	padding: 32px 16px 0;
	background: linear-gradient(97deg, #1b365d, #31b3d2);
	position: relative;
	color: #fff;
	overflow: hidden;
}

.mailsub img {
	max-width: none;
}

.mailsub-jazz {
	position: absolute;
	top: -227px;
	left: calc(50% + 65px);
	transform: translateX(-50%) rotate(15deg);
	width: 564px;
	height: auto;
}

.mailsub-jazz-tictactoe {
	top: 244px;
	left: calc(50% - 28px);
	transform: translateX(-50%) rotate(-12.5deg);
	width: 411px;
}

.mailsub-jazz-pentarrow {
	display: none;
	width: 585px;
}

.mailsub-content {
	position: relative;
	padding: 24px 16px;
	background: #001b42;
	margin-bottom: 70px;
	border-radius: 10px;
	z-index: 2;
}

.mailsub h2 {
	margin-top: 0;
	font-weight: 500;
}

.mailsub p {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 10px;
}

.mailsub button {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	padding: 14px;
	background: #d50032;
	width: 100%;
	margin-top: 24px;
	transition: background-color 200ms cubic-bezier(0.47, 0, 0.745, 0.715),
		box-shadow 150ms cubic-bezier(0.47, 0, 0.745, 0.715);
	font-weight: 700;
	line-height: 1.3;
	font-size: 20px;
}

.mailsub button:hover {
	background: #8c0523;
}

.mailsub button:active {
	box-shadow: inset 1px 1px 8px 0 rgb(0 0 0 / 0.8);
}

.mailsub input {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border: 1px solid #c2c6cc;
	border-radius: 2px;
	padding: 4px 12px;
	font-size: 18px;
	line-height: 1.5;
	width: 100%;
	color: #333;
}

.mailsub-imgs {
	position: relative;
	z-index: 1;
}

.mailsub-blob {
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 630px;
	height: auto;
}

.mailsub-book {
	width: 343px;
	height: auto;
	z-index: 1;
	position: relative;
	display: block;
	margin: 0 auto;
}

.mailsub .mailsub-book {
	max-width: 100%;
}

@media (min-width: 375px) {
	.mailsub .mailsub-book {
		max-width: none;
	}
}

@media (min-width: 768px) {
	.mailsub {
		padding: 64px 32px 0;
		background: linear-gradient(135deg, #1b365d, #31b3d2);
	}
	.mailsub-jazz {
		top: 232px;
		left: calc(50% - 230px);
	}
	.mailsub-jazz-tictactoe {
		top: -187px;
		left: calc(50% + 189px);
	}
	.mailsub-jazz-pentarrow {
		top: 391px;
		left: calc(50% + 433px);
		display: block;
	}
	.mailsub-content {
		padding: 48px;
		margin-bottom: 95px;
	}
	.mailsub h2 {
		font-size: 32px;
	}
	.mailsub-blob {
		top: -60px;
		width: 844px;
	}
	.mailsub-book {
		width: 600px;
	}
}

@media (min-width: 1200px) {
	.mailsub {
		padding: 64px 64px 0;
	}
	.mailsub-flex {
		display: flex;
		justify-content: right;
		max-width: 1208px;
		margin: 0 auto;
	}
	.mailsub-content {
		margin-bottom: 64px;
		max-width: 506px;
	}
	.mailsub-imgs {
		display: flex;
		align-items: flex-end;
		margin-left: 100px;
	}
	.mailsub-book {
		width: 600px;
		margin: 0;
	}
	.mailsub-blob {
		top: -50px;
		width: 805px;
		left: calc(50% + 31px);
	}
	.mailsub-jazz {
		top: -94px;
		left: calc(50% - 539px);
	}
	.mailsub-jazz-tictactoe {
		width: 451px;
		top: -210px;
		left: calc(50% + 412px);
	}
	.mailsub-jazz-pentarrow {
		top: 394px;
		left: calc(50% + 23px);
	}
}

.skills-seq-content.bg-lt-gray {
	background-color: #ededed;
}

/* fix Winnie position  */

.learn-more-image {
	bottom: -40px;
}

.section-samples {
	padding-top: 0;
}

.swiper-slide.sample-slide {
	width: 25%;
}

.sample-book-img {
	width: calc(100% - 20px);
	box-shadow: -5px 8px 10px rgb(0 0 0 / 25%);
}

.product-selection-wrapper {
	margin-bottom: 20px;
}

.product-selection-qty {
	display: none;
	width: 50%;
}

.product-selection-qty.ba11--visible {
	display: block;
}

.product-top-btn {
	width: 40%;
	white-space: nowrap;
}

.product-selection-controls {
	justify-content: space-between;
	padding-bottom: 15px;
}

.product-select-icon {
	pointer-events: none;
}

.product-puzzle-note {
	display: none;
}

.product-puzzle-note.ba11--visible {
	display: inline;
}

/* Similar to .ba11-p-booksingle-overview-buy in p_book_single */

.product-bundle-input-wrapper {
	position: relative;
	display: none;
	align-items: center;
	max-width: 18rem;
	height: 100%;
	color: #606060;
	color: var(--colors-textBlack);
	margin: 20px 0;
	margin-right: 1rem;
}

.product-bundle-name-error {
	font-size: 110%;
	color: #ED1940;
	color: var(--colors-red);
	width: 100%;
	position: absolute;
	bottom: -2rem;
	white-space: nowrap;
}

.product-bundle-input-wrapper.ba11--visible {
	display: flex;
}

.product-bundle-name-input {
	font-size: 120%;
	width: 14rem;
	height: 40px;
	margin-top: 0;
	margin-right: 1rem;
	text-indent: 1rem;
	border: 1px solid #CCCCCC;
	border: 1px solid var(--colors-inputBorder);
	color: #606060;
	color: var(--colors-textBlack);
}

@media screen and (max-width: 885px) {
	.product-bundle-name-input {
		width: 12rem;
		margin-right: 0.5rem;
	}

	.product-bundle-input-wrapper {
		max-width: 14rem;
	}
}

.product-bundle-name-input:hover {
	border-color: #AAAAAA;
	border-color: var(--colors-inputBorderHover, #AAAAAA);
}

.product-bundle-name-input:focus {
	border-color: #00B2DD;
	border-color: var(--colors-cyan);
}

.product-bundle-name-input.--error {
	border-color: #ED1940;
	border-color: var(--colors-red);
}

.product-bundle-name-input.--error:focus, .product-bundle-name-input.--error:hover {
	border-color: #ED1940 !important;
	border-color: var(--colors-red) !important;
}

.unit-level-books-title {
	margin-bottom: 20px;
}

.unit-level-books {
	margin-top: 30px;
}

.learn-more-image {
	width: 200px;
}

.two-cta-wrapper .btn-primary.dark-blue.mr-sm-20 {
	margin-right: 20px;
}

.skills-seq-content:nth-child(2n) {
	background-color: #ededed;
}

.skills-seq-content.skills-seq-header {
	background-color: #ffffff;
}

.other-levels-img {
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.other-levels-grid {
	grid-template-columns: 0.75fr 0.75fr 0.75fr 0.75fr;
}

#books-info .pl-0.w-col.w-col-6.mobile {
	display: none;
}

@media screen and (min-width: 1280px) {
	.learn-more-image {
		width: 200px;
	}
}

@media screen and (max-width: 991px) {
	.learn-more-image {
		width: 175px;
	}
}

@media screen and (max-width: 767px) {
	#books-info .pl-0.w-col.w-col-6 {
		display: none;
	}
	#books-info .pl-0.w-col.w-col-6.mobile {
		display: block;
	}
	#books-info.product-top-section {
		padding-top: 0;
	}
}

@media screen and (max-width: 700px) {
	.swiper-slide.sample-slide {
		width: 33.33%;
	}
}

@media screen and (max-width: 500px) {
	.swiper-slide.sample-slide {
		width: 50%;
	}
}

@media screen and (max-width: 479px) {
	.two-cta-wrapper .btn-primary.dark-blue.mr-sm-20 {
		margin-right: 0;
	}

	.btn-primary.bg-red.product-top-btn, .gifting-btn.bg-red.product-top-btn {
		width: 45%;
	}
}

@media screen and (max-width: 420px) {
	.product-selection-controls {
		flex-wrap: wrap;
	}
	.ba11-p-booksingle-overview-buy-bundle-input {
		margin-bottom: 1rem;
	}
}

@media screen and (max-width: 350px) {
	.swiper-slide.sample-slide {
		width: 60%;
	}
}

/* -- Begin CSS for side-buttons -- */

.booklevel-sidebutton-prev, .booklevel-sidebutton-next {
	position: absolute;
	height: 10rem;
	width: 5rem;
	top: 20rem;

	transition: width 300ms ease-in;
	font-weight: 500;
	color: #FFFFFF;
	color: var(--colors-white);
	display: flex;
	align-items: center;
	text-decoration: none;
}

.booklevel-sidebutton-prev:hover, .booklevel-sidebutton-next:hover {
	width: 14rem;
}

.booklevel-sidebutton-prev {
	left: 0;
	padding-right: 1rem;
	border-bottom-right-radius: 5rem;
	border-top-right-radius: 5rem;
	flex-direction: row-reverse;
}

.booklevel-sidebutton-next {
	right: 0;
	padding-left: 1rem;
	border-bottom-left-radius: 5rem;
	border-top-left-radius: 5rem;
}

.booklevel-sidebutton-none {
	background-color: #CCC;
	background-color: var(--colors-disabledGrayFill);
	pointer-events: none; /* Disables the hover effect */
}

.booklevel-sidebutton-arrow-img {
	width: 4rem;
	height: 4rem;
	flex: 0 0 auto;
}

.booklevel-sidebutton-prev .booklevel-sidebutton-arrow-img {
	transform: scaleX(-1);
}

.booklevel-sidebutton-arrow-label {
	font-size: 220%;
	flex: 0 0 auto;
	margin: 0 0.2em;
}

.booklevel-sidebutton-span {
	position: absolute;
	width: 100vw;
	left: 50%;
	transform: translateX(-50%);
}

@media (min-width: 1350px) {
	.booklevel-sidebutton-prev, .booklevel-sidebutton-next {
		width: 14rem;
	}
}

@media (max-width: 1180px) {
	.add-padding-for-side-buttons {
		margin-left: 2rem;
	}
}

@media (max-width: 992px) {
	.add-padding-for-side-buttons {
		margin: 0 4rem;
	}
}

/* -- End CSS for side-buttons -- */

/* Equivalents for image styles in p_book_single_img.css, 
but for the image groups near top of the book level page.  */

.ba11-p-booklevel-overview-image-group {
	display: none;
}

.ba11-p-booklevel-overview-image-group.ba11--visible {
	display: block;
}

/* This aspect ratio only used for bundled images */

.ba11-p-bookgroup-square-aspect-ratio {
	position: relative;
	width: 100%;
	height: 0rem;
	padding-bottom: 80%;
	max-width: 80%;
}

.ba11-p-booksingle-overview-image-gspuzzle {
	box-shadow: 3px 3px 12px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 12px var(--colors-officeShadow, rgba(0,0,0,0.5));
	position: absolute;
	width: 53%;
}

.ba11-p-booklevel-overview-image-gscombo {
	position: absolute;
	width: 120%;
	top: 5%;
	left: 7%;
}

.ba11-p-booklevel-overview-image-gscombo-grade-1 {
	position: absolute;
	width: 120%;
	top: 5%;
	left: 0%;
}

.ba11-p-booklevel-overview-image-gsguide {
	position: absolute;
	width: 56%;
	top: 20%;
	left: 10%;
	z-index: 1;
}

.ba11-p-booklevel-overview-image-gspractice {
	position: absolute;
	right: 5%;
	top: 0%;
	z-index: 0;
	width: 56%;
}

.ba11-p-booklevel-overview-image-gspuzzle {
	transform: rotate(-20deg);
	width: 40%;
	left: 10%;
	top: 0;
	z-index: -2;
	margin-left: 10px;
}

.ba11-p-booklevel-overview-image-gspuzzle-grade-1 {
	transform: rotate(-10deg);
	position: absolute;
	width: 35%;
	left: 30%;
	top: 35%;
	z-index: 2;
}

.ba11-p-booksingle-overview-image-gspuzzle {
	transform: rotate(-10deg);
	width: 40%;
	left: 10%;
	top: 0;
	z-index: -2;
}

.ba11-p-booklevel-overview-image-cpu {
	position: absolute;
	width: 60%;
	top: 48%;
	left: 32%;
}

.ba11-p-booklevel-overview-image-cpu-grade-1 {
	position: absolute;
	width: 60%;
	top: 45%;
	left: 50%;
}

/* Equivalents for styles in cpuShot.css, to be used for bundle image */

.ba11-cpushot-frame {
	position: absolute;
	width: 100%;
	top: 0%;
	left: 0%;
	z-index: 3;
}

.ba11-cpushot-main {
	position: absolute;
	width: 72%;
	top: 7%;
	left: 14%;
}

.ba11-cpushot-main-tablet {
	position: absolute;
	width: 83%;
	top: 5.8%;
	left: 11.2%;
}

.ba11-cpushot-img {
	position: relative;
	z-index: 3;
	width: 100%;
	display: block;
}

.ba11-cpushot-inner {
	position: relative;
	padding-top: 65%;
	width: 100%;
}

.ba11-cpushot-fallback {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 4%;
	width: 75.5%;
	height: 89%;
	border-radius: 3%/3.92%;
	background-color: rgb(154, 175, 195);
}

.ba11-cpushot-fallback-tablet {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 3.6%;
	width: 92%;
	height: 100.6%;
	border-radius: 3%/3.99%;
	background-color: rgb(242, 242, 242);
}

/* Media queries */

@media (max-width: 768px) {
	.ba11-p-bookgroup-square-aspect-ratio {
		left: 8%;
		max-width: 75%;
		padding-bottom: 55%;
	}

	.ba11-p-booklevel-overview-image-gscombo-grade-1 {
		top: -15%;
	}

	.ba11-p-booklevel-overview-image-gspuzzle-grade-1 {
		top: 25%;
	}
}

/* This css file is a weird hybrid of webflow + dev-created rules */

.pg-video-character-img {
	width: 70%;
	margin: 0;
}

.pg-dropdown-arrow {
	color: #9f9f9f;
}

.pg-custom-select {
	/* remove default dropdown arrow */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* add custom dropdown arrow */
	background-image: url("/assets/wf/images/pg-dropdown-arrow.svg");
	background-repeat: no-repeat;
	background-position: center right 20px;
}

.pg-dropdown-toggle {
	width: 190px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px solid #bbb;
	outline: none; /* inherited by focus-visible */
	background-color: #fff;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	background-clip: border-box;
	cursor: pointer;
}

.pg-dropdown-toggle:hover {
	border-color: #1b365d;
}

.pg-videos-filters {
	margin-top: 0px;
	margin-bottom: 0em;
	align-self: auto;
	flex: 0 auto;
	font-family: Roboto, sans-serif;
	color: #fff;
	line-height: 1.18em;
	font-weight: 400;
}

.white-text {
	display: flex;
	width: 100%;
	padding-right: 1em;
	justify-content: space-between;
	align-items: flex-start;
}

.pg-video-thumb {
	width: 100%;
}

.pg-video-card-container {
	position: relative;
	display: flex;
	/* 62/69 aspect ratio */
	width: 310px;
	height: 360px;
	margin: 16px 0;
	flex-direction: column;
	justify-content: space-between;
	border: 2px solid transparent;
	background-color: #fff;
	box-shadow: 0 1px 8px 0 #ccc;
}

.pg-video-card-container.--hidden {
	display: none;
}

.pg-video-grid-container.--hidden {
	display: none;
}

.pg-video-card-container-filler {
	visibility: hidden;
	order: 999;
}

.pg-video-card-container-filler.--hidden {
	display: none;
}

.pg-video-card-container:hover {
	border: 2px #ff9a15 dashed;
}

.pg-video-card {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 12px;
	text-decoration: none;
}

.pg-videos-container {
	max-width: 1000px;
	font-family: Roboto, sans-serif;
}

.pg-video-bg-img {
	display: block;
	position: relative;
	left: 10%;
	width: 90%;
}

.pg-video-character-img1 {
	position: absolute;
	top: 320px;
	left: 2%;
}

.pg-video-character-img2 {
	position: absolute;
	top: 575px;
	right: 0%;
}

.pg-video-character-img3 {
	position: absolute;
	top: 850px;
	left: 2%;
}

.pg-video-character-img4 {
	position: absolute;
	top: 1550px;
	right: -4%;
}

.pg-load-more-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
}

.pg-load-more {
	font-size: 18px;
	background-color: #1b365d;
	color: white;
	text-align: center;
	margin-top: 20px;
	padding: 10px;
	cursor: pointer;
}

.pg-load-more.--hidden {
	display: none;
}

.pg-load-more:hover {
	background-color: #00829a;
}

.pg-dropdown {
	z-index: 1;
	margin-right: 0px;
	margin-left: 0px;
}

.pg-sticky-signup {
	position: fixed;
	z-index: 100;
	display: flex;
	width: 100%;
	height: 100px;
	padding: 14px 0;
	justify-content: center;
	align-items: center;
	background-color: #1b5091;
	transition: bottom 0.7s ease-out;
	/* hide out of view */
	bottom: -250px;
}

.pg-sticky-signup[data-show="1"] {
	bottom: 0;
}

.pg-sticky-signup-content {
	display: flex;
	height: 100%;
	flex-direction: column;
}

.pg-sticky-signup-title {
	margin-top: 0px;
	margin-bottom: 6px;
	font-family: Roboto, sans-serif;
	color: #fff;
	font-size: 18px;
	line-height: 23px;
	text-align: left;
	text-transform: none;
}

.pg-sticky-signup-input-wrap {
	width: 100%;
	height: 35px;
	display: flex;
	justify-content: stretch;
	align-items: center;
	margin-top: 6px;
}

.pg-sticky-img {
	position: absolute;
}

.pg-sticky-img-left {
	left: 0;
	bottom: 0;
	width: 19%;
	max-width: 400px;
}

.pg-sticky-img-right {
	right: 0;
	bottom: 0;
	display: block;
	width: 210px;
	max-width: 20%;
}

.pg-sticky-signup-close {
	position: absolute;
	top: 6px;
	right: 4px;
	cursor: pointer;
	width: 16px;
	height: 16px;
}

.pg-sticky-signup-close:active {
	top: 7px;
	right: 5px;
	width: 14px;
	height: 14px;
}

.pg-email-input {
	width: 100%;
	height: 100%;
	padding: 0 20px;
	margin-bottom: 0px;
	border: none;
}

.pg-email-submit {
	width: 132px;
	height: 100%;
	background-color: #1b365d;
	font-family: Roboto, sans-serif;
	font-size: 16px;
}

.pg-banner-card {
	display: block;
	width: 35%;
	margin-top: 42px;
	max-width: 350px;
	font-size: 18px;
	line-height: 28px;
}

.pg-banner-card-img {
	width: 100%;
	margin-bottom: 6px;
}

.pg-banner-card-heading {
	font-family: Roboto, sans-serif;
	color: #1b365d;
	font-size: 36px;
	line-height: 51px;
	text-transform: capitalize;
}

.pg-checkbox {
	display: flex;
	margin-right: 10px;
	margin-bottom: 16px;
	padding-left: 0px;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
}

.pg-checkbox input {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.pg-filters-checkbox-adv-wrap .pg-checkbox {
	width: 30%;
}

.pg-checkbox.pg-checkbox-age {
	width: 25%;
	margin-right: 0;
}

.pg-filters-checkbox-wrap, .pg-filters-checkbox-adv-wrap {
	display: flex;
	flex-wrap: wrap;
}

.pg-filter-form-buttons {
	display: flex;
	width: 100%;
	padding: 20px;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
}

.pg-filter-form {
	position: absolute;
	left: 0px;
	top: 42px;
	right: auto;
	width: 300px;
	z-index: 2;
	display: none;
	margin-bottom: 0px;
	padding: 25px 25px 0px;
	border: 1px solid #c4c4c4;
	border-radius: 6px;
	background-color: #fff;
	font-size: 18px;
	line-height: 28px;
}

.pg-filter-form-modal-bg {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1;
}

.pg-filter-form-modal-bg.active {
	display: block;
}

.pg-filter-form-modal-bg.active.dark {
	background-color: rgba(0, 0, 0, 0.3);
}

.pg-filter-form.pg-form-advanced {
	position: fixed;
	display: none;
	top: 15vh;
	width: 700px;
	padding: 0;
	z-index: 105;
	/* centering logic */
	left: 50%;
	transform: translate(-50%, 0);
}

.pg-filter-form.active {
	display: flex;
	flex-direction: column;
}

.pg-filter-form-title {
	color: #1b365d;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}

.pg-filter-form-filters-wrapper {
	max-height: 55vh;
	overflow-y: scroll;
	padding: 20px;
	box-shadow:
		/* top shadow */ inset 0px 10px 10px -10px lightgrey,
		/* bottom shadow */ inset 0px -10px 10px -10px lightgrey;
}

.pg-filter-form-subtitle {
	color: #1b365d;
}

.pg-filter-label {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
	font-family: Roboto, sans-serif;
	color: #1b365d;
	font-size: 18px;
	line-height: 28px;
}

.pg-filter-button:hover .pg-filter-label, .pg-filter-button.active .pg-filter-label {
	color: #fff;
}

.pg-filter-button {
	position: relative;
	display: flex;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 20px;
	justify-content: center;
	align-items: center;
	border: 1px solid #1b365d;
	border-radius: 32px;
	white-space: nowrap;
	cursor: pointer;
}

.pg-filter-button.pg-filter-button-advanced {
	position: static;
}

.pg-filter-button:hover, .pg-filter-button.active {
	background-color: #1b365d;
}

.pg-filter-button.active .pg-filter-form {
	display: block;
}

.pg-filter-button.pg-filter-button-middle {
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
}

.pg-filter-icon {
	position: relative;
	width: 21px;
	display: flex;
}

.pg-filter-icon-svg {
	stroke: #1b365d;
	fill: none;
}

.pg-filter-button:hover .pg-filter-icon-svg, .pg-filter-button.active .pg-filter-icon-svg {
	stroke: #fff;
}

.pg-single-tag-content {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	line-height: 28px;
	white-space: nowrap;
	text-transform: capitalize;
	font-style: italic;
}

.pg-videos-grid {
	position: relative;
	display: flex;
	width: 100%;
	padding-top: 0px;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px 27px;
}

.pg-videos-grid.--hidden {
	display: none;
}

.pg-checkbox-label {
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0.6em;
	color: #1b365d;
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	white-space: nowrap;
	text-transform: capitalize;
}

.pg-cta-container {
	max-width: none;
	width: 1000px;
	margin: 0 auto 40px auto;
}

.pg-cta-wrapper {
	position: relative;
	height: 250px;
	margin-left: 12%;
	padding: 0;
	border-radius: 20em 0 0 20em;
	background-image: url("/assets/wf/images/cta-bg-overlay.png"),
		url("/assets/wf/images/pg-cta-product.png");
	background-position: right top, right -52px bottom;
	background-size: 100%, 38%;
	background-repeat: no-repeat, no-repeat;
	background-color: #1b365d;
}

.pg-cta-img {
	position: absolute;
	left: -18%;
	bottom: -11%;
	width: 46%;
	max-width: 400px;
}

.pg-cta-img-mobile {
	display: none;
}

.pg-cta-main {
	width: 100%;
	height: 100%;
	padding-top: 20px;
	padding-left: 25%;
}

.pg-cta-text {
	width: 58%;
	min-width: 380px;
	max-width: 500px;
	padding-left: 0px;
}

.pg-cta-text.pg-parent {
	padding-top: 20px;
}

.pg-cta-text.--hidden {
	display: none;
}

.pg-cta-text-title {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Roboto, sans-serif;
	color: #fff;
	font-size: 34px;
	line-height: 40px;
	font-style: normal;
	font-weight: 700;
	text-decoration: none;
	text-transform: none;
}

.pg-cta-text-content {
	font-family: Roboto, sans-serif;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	margin-top: 5px;
}

.pg-cta-button {
	width: 148px;
	height: 35px;
	padding: 0px 0em;
	background-color: #d50032;
	font-family: Roboto, sans-serif;
	font-size: 18px;
	line-height: 35px;
	text-align: center;
	text-transform: uppercase;
}

.pg-cta-button:hover {
	background-color: #8c0523;
}

.text-block-16 {
	font-family: Roboto, sans-serif;
	font-size: 1em;
}

.footer-email-2 {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	flex: 1;
}

.pg-sort-label {
	position: relative;
	margin-top: 0px;
	margin-right: 1em;
	margin-bottom: 0px;
	font-family: Roboto, sans-serif;
	color: #1b365d;
	font-size: 18px;
	line-height: 28px;
	white-space: nowrap;
}

.pg-no-match-label.--hidden, .pg-sort-label.--hidden {
	display: none;
}

.pg-videos-container-top {
	position: relative;
	display: flex;
	width: 100%;
	max-width: 1170px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	justify-content: space-between;
	align-items: center;
	border-bottom-color: #bbb;
	font-family: Roboto, sans-serif;
}

.pg-video-title {
	margin-top: 10px;
	margin-bottom: 6px;
	font-family: Roboto, sans-serif;
	color: #1b365d;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
}

.pg-videos-filters-wrapper {
	display: flex;
	width: 100%;
	height: 100%;
}

.pg-video-section {
	position: relative;
	height: auto;
	padding-bottom: 100px;
	margin-top: 20px;
	background-image: url("/assets/wf/images/pg-dotted-line-bg.svg");
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: center 430px;
}

.pg-sort-wrapper {
	display: flex;
	align-items: center;
}

.pg-sort-wrapper.--hidden {
	display: none;
}

.pg-no-match-label, .pg-video-description {
	font-family: Roboto, sans-serif;
	color: #1b365d;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
}

.pg-banner-card-mobile {
	display: none;
	width: 64%;
	margin: 4.44em auto 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
}

.pg-top-banner {
	position: relative;
	height: 624px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
}

.pg-top-banner.pg-top-banner-parent {
	background-image: url("/assets/wf/images/pg-banner-bg-parent.jpg");
}

.pg-top-banner.pg-top-banner-teacher {
	background-image: url("/assets/wf/images/pg-banner-bg-teacher.jpg");
}

.pg-top-banner-container {
	display: flex;
	height: 100%;
	max-width: 1200px;
	padding-right: 15px;
	padding-left: 15px;
	justify-content: space-between;
	align-items: flex-start;
}

.pg-top-banner-right {
	width: 60%;
	margin-top: 42px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
}

.pg-banner-card-buttons {
	display: flex;
}

.pg-banner-description-outer-mobile {
	display: none;
}

.pg-banner-description {
	font-size: 18px;
	line-height: 28px;
	color: #1b365d;
}

.pg-banner-description.--hidden {
	display: none;
}

.pg-banner-wave-container {
	position: relative;
	width: 100%;
	height: 80px;
}

.pg-banner-wave {
	position: absolute;
	top: -100%;
	width: 100%;
	height: 100%;
}

.pg-banner-wave-mobile {
	display: none;
}

.pg-audience-btn {
	-webkit-user-select: none;
	        user-select: none;
	width: 158px;
	padding: 9px 15px 9px 0;
	border: 1px solid #d50032;
	border-top-left-radius: 32px;
	border-bottom-left-radius: 32px;
	background-color: #fff;
	font-family: Roboto, sans-serif;
	color: #8d8d8d;
	font-size: 18px;
	line-height: 21px;
	font-weight: 500;
	text-align: right;
	text-transform: uppercase;
	white-space: nowrap;
}

.pg-audience-btn:hover {
	color: #1b365d;
}

.pg-audience-btn.active {
	background-color: #d50032;
	color: #fff;
	pointer-events: none;
}

.pg-audience-btn.audience-btn-right {
	padding-right: 0px;
	padding-left: 15px;
	border-radius: 0px 32px 32px 0px;
	text-align: left;
}

.pg-dropdown-text {
	color: #282828;
	font-size: 16px;
}

.pg-checkbox-input {
	width: 25px;
	height: 27.39px;
	margin-top: 0px;
	margin-left: 0px;
	flex: 0 0 auto;
	border: 1px solid #bbb;
	border-radius: 6px;
}

.pg-activity-tags {
	display: flex;
	margin-bottom: 0px;
	flex-wrap: wrap;
	align-items: center;
	color: #4d4d4d;
	font-weight: 200;
	position: absolute;
	bottom: 0;
}

.pg-activity-tags > * {
	margin-right: 10px;
}

.pg-single-tag {
	text-decoration: none;
}

.pg-filter-done-button {
	padding-right: 20px;
	padding-left: 20px;
	background-color: #d50032;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	cursor: pointer;
}

.pg-filter-done-button:hover {
	background-color: #8c0523;
}

.pg-filter-done-button.pg-filter-done-button-advanced {
	padding: 15px 60px;
}

.pg-filter-clear-button {
	padding: 0px;
	background-color: transparent;
	font-family: Roboto, sans-serif;
	color: #289ecc;
	font-size: 18px;
	font-weight: 500;
	text-decoration: underline;
	text-transform: uppercase;
	cursor: pointer;
}

.pg-filter-clear-button:hover {
	color: #1b365d;
}

.tag-age {
	margin-left: 0px;
	border-radius: 30px;
	text-decoration: none;
}

.tag-age.mobile-ages {
	margin-top: 10px;
	margin-left: 0px;
}

.pg-dropdown-list {
	display: none;
	border: 1px solid #eee;
	background-color: #fff;
	font-size: 16px;
	line-height: 28px;
}

.pg-dropdown-list.w--open {
	box-shadow: 0 0 5px 0 #bbb;
}

.pg-dropdown-item {
	background-color: transparent;
	/* overwrite css from wf_enroll */
	padding: 4px 12px;
	cursor: pointer;
}

.pg-dropdown-item:hover {
	color: #d50032;
}

.pg-main-content {
	position: relative;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #dbeffa;
	background-image: url("/assets/wf/images/pg-content-bg.jpg");
	background-position: 0px 0px;
	background-size: 100% auto;
}

.blue-wave-img {
	display: none;
}

.pg-mobile-header-img {
	display: none;
}

.pg-mobile-header-img.--hidden {
	/* override the mobile width's display attribute */
	display: none;
}

.pg-bao {
	font-family: BAOnlineIcons;
	margin-left: 4px;
}

.pg-checkbox-label {
	font-weight: 400;
}

.pg-select {
	margin-bottom: 24px;
	background-color: #fff;
}

.pg-filter-close {
	position: absolute;
	top: 15px;
	right: 15px;
	display: flex;
	width: 44px;
	height: 44px;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: #1b365d;
	font-size: 25px;
	line-height: 44px;
	color: #fff;
	cursor: pointer;
}

.pg-landing-video {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.2%;
	background-image: url(https://i3.ytimg.com/vi/UFRxqomfqMA/sddefault.jpg);
	background-size: 100%;
	background-position: center;
	flex: none;
	align-self: center;
	margin-top: 40px;
}

.pg-play-button {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url("/assets/images/playground/button-yt-play.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15%;
	opacity: 0.75;
	transition: opacity 150ms ease;
	cursor: pointer;
}

.pg-play-button:hover {
	opacity: 1;
}

.pg-video-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pg-video-iframe.--hidden {
	visibility: hidden;
}

/**
 * This is a div that is created (and subsequently deleted) in JS.
 * It's a div put way off screen to measure the scrollbar width,
 * which on OS X devices, can vary depending on the user's
 * scrollbar settings.
 */

.scrollbar-measure {
	width: 100px;
	height: 100px;
	overflow: scroll;
	position: absolute;
	/* wayyyyyy off screen */
	top: -9999px;
	left: -9999px;
}

/**************
 * MIN-WIDTHS *
 **************/

@media screen and (min-width: 1920px) {
	.pg-video-character-img {
		width: 96%;
	}

	.pg-banner-card-mobile {
		display: none;
		width: 64%;
	}

	.pg-dropdown-text {
		font-size: 1.14em;
	}

	.pg-checkbox-input {
		width: 25px;
		height: 25.39px;
	}
}

@media screen and (min-width: 1280px) {
	.pg-videos-container {
		padding-right: 0em;
		padding-left: 0em;
	}

	.pg-banner-card-mobile {
		width: 60%;
	}

	.pg-checkbox-input {
		width: 22px;
		height: 22.39px;
	}

	.tag-age.mobile-ages {
		margin-top: 0px;
	}

	.pg-dropdown-list.w--open {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

/**************
 * MAX-WIDTHS *
 **************/

@media screen and (max-width: 1800px) {
	.pg-video-section {
		margin-top: 10px;
	}
}

@media screen and (max-width: 1700px) {
	.pg-video-section {
		margin-top: 0;
	}
}

@media screen and (max-width: 1500px) {
	.pg-video-character-img1 {
		left: -3%;
	}

	.pg-video-character-img2 {
		right: -2%;
	}

	.pg-video-character-img3 {
		left: 0%;
	}

	.pg-video-character-img4 {
		right: -6%;
	}
}

@media screen and (max-width: 1400px) {
	.pg-video-character-img1 {
		left: -6%;
	}

	.pg-video-character-img2 {
		right: -6%;
	}

	.pg-video-character-img3 {
		left: -2%;
	}

	.pg-video-character-img4 {
		right: -11%;
	}
}

@media screen and (max-width: 1280px) {
	.pg-video-character-img1 {
		left: -9%;
	}

	.pg-video-character-img2 {
		right: -9%;
	}

	.pg-video-character-img3 {
		left: -5%;
	}

	.pg-video-character-img4 {
		right: -13%;
	}

	.pg-top-banner.pg-top-banner-parent {
		background-position: 85% 50%;
	}

	.pg-top-banner.pg-top-banner-teacher {
		background-position: 75% 50%;
	}
}

@media screen and (max-width: 1200px) {
	.pg-video-character-img {
		display: none;
	}
}

@media screen and (max-width: 1100px) {
	.pg-top-banner.pg-top-banner-parent {
		background-position: 75% 50%;
	}

	.pg-top-banner.pg-top-banner-teacher {
		background-position: 80% 50%;
	}
}

@media screen and (max-width: 1050px) {
	.pg-videos-grid {
		max-width: 650px;
		margin: auto;
		gap: 10px;
	}

	.pg-video-card-container-filler {
		display: none;
	}

	.pg-videos-container-top {
		padding: 0 12px;
	}

	.pg-sort-label {
		margin-left: 1em;
	}
}

@media screen and (max-width: 1000px) {
	.pg-top-banner-container {
		padding-left: 2em;
		padding-right: 2em;
	}

	.pg-top-banner.pg-top-banner-parent {
		background-position: 70% 50%;
	}

	.pg-top-banner.pg-top-banner-teacher {
		background-position: 75% 50%;
	}

	.pg-banner-card {
		margin-top: 40px;
	}

	.pg-banner-card-mobile {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}

	.pg-banner-card-img {
		max-width: 290px;
	}

	.pg-audience-btn {
		width: 145px;
		font-size: 16px;
		padding: 9px 15px 9px 0;
	}

	.pg-banner-card-heading {
		font-size: 35px;
	}

	.pg-dropdown-toggle {
		width: 160px;
	}

	.pg-email-input {
		padding-top: 0.9em;
		padding-bottom: 0.9em;
	}

	.pg-sticky-img-right {
		right: 0px;
	}

	.pg-filter-label {
		font-size: 16px;
		line-height: 24px;
	}

	.pg-cta-container {
		width: 650px;
	}

	.pg-cta-wrapper {
		border-radius: 0;
		margin-left: 0;
		background-position: right top, right -74px bottom;
		background-size: 132%, 50%;
	}

	.pg-cta-img {
		display: none;
	}

	.pg-cta-main {
		padding-left: 20px;
	}

	.pg-cta-text {
		margin-left: 12px;
	}

	.pg-cta-text-content {
		font-size: 13.5px;
	}

	.pg-cta-text-title {
		margin-bottom: 0px;
	}

	.pg-sort-label {
		font-size: 16px;
	}

	.pg-activity-tags {
		grid-auto-columns: 1fr;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
	}

	.pg-sticky-img-left {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	.pg-top-banner.pg-top-banner-parent {
		background-position: 60% 50%;
	}

	.pg-banner-card {
		min-width: 265px;
		margin-right: 20px;
	}
}

/**********
 * MOBILE *
 **********/

@media screen and (max-width: 767px) {
	.pg-dropdown-list {
		font-size: 14px;
	}
	.pg-videos-filters {
		width: 100%;
	}

	.pg-videos-container {
		padding: 25px 18px;
	}

	.pg-video-section {
		margin-top: 0;
		padding-bottom: 50px;
	}

	.pg-sticky-signup-title {
		color: #1b365d;
	}

	.pg-sticky-signup-close {
		display: none;
	}

	.pg-email-input {
		margin-right: 0px;
	}

	.pg-sticky-signup {
		position: static;
		display: block;
		height: 100%;
		padding: 40px 30px 30px;
		background-color: #daf7ff;
		color: #1b365d;
		z-index: 0;
	}

	.pg-sticky-img-right {
		display: none;
	}

	.pg-banner-card {
		display: none;
	}

	.pg-top-banner-right {
		width: 100%;
		align-items: center;
		margin-top: 10px;
	}

	.pg-top-banner-right .pg-banner-card-buttons {
		display: none;
	}

	.pg-banner-description-outer-mobile {
		display: block;
		text-align: center;
		font-weight: 300;
	}

	.pg-banner-description {
		font-size: 16px;
		line-height: 26px;
	}

	.pg-banner-wave {
		display: none;
	}

	.pg-banner-wave-container {
		height: 60px;
	}

	.pg-banner-wave-mobile {
		display: block;
		width: 100%;
		height: 100%;
	}

	.pg-filters-checkbox-adv-wrap .pg-checkbox {
		width: 48%;
	}

	.pg-form-age {
		left: 50%;
		transform: translateX(-39%);
	}

	.pg-form-type {
		left: auto;
		right: 0;
	}

	.pg-filter-label {
		font-size: 14px;
	}

	.pg-filter-button {
		margin-right: 0px;
		margin-left: 0px;
		height: 40px;
	}

	.pg-filter-icon {
		width: 15px;
	}

	.pg-cta-container {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.pg-cta-wrapper {
		width: 100%;
		height: auto;
		padding-top: 0em;
		padding-bottom: 0em;
		padding-left: 0px;
		background-image: none;
	}

	.pg-cta-main {
		width: 80%;
		position: relative;
		padding: 40px 0 20px 0;
		margin: auto;
	}

	.pg-cta-img {
		left: -1.6em;
		top: 0.8em;
		display: none;
	}

	.pg-cta-text {
		width: 85%;
		min-width: unset;
		max-width: unset;
		margin: auto;
		padding-top: 0px;
		text-align: center;
	}

	.pg-cta-text-title {
		margin-bottom: 10px;
		font-size: 34px;
		line-height: 45px;
	}

	.pg-cta-text-content {
		width: 100%;
		padding-right: 0em;
	}

	.pg-sort-label {
		font-size: 14px;
	}

	.pg-videos-container-top {
		flex-direction: column;
	}

	.pg-videos-filters-wrapper {
		justify-content: center;
	}

	.pg-sort-wrapper {
		margin-top: 20px;
	}

	.pg-mobile-banner-heading {
		margin-top: 0px;
		margin-bottom: 18px;
		font-family: Roboto, sans-serif;
		color: #1b365d;
		font-size: 26px;
		line-height: 30px;
		font-weight: 700;
		text-transform: capitalize;
	}

	.pg-banner-card-mobile {
		display: block;
		width: 100%;
		margin-top: 15px;
	}

	.pg-banner-logo {
		width: 100%;
		max-width: 500px;
		margin-top: 35px;
	}

	.pg-top-banner {
		height: auto;
	}

	.pg-top-banner-container {
		height: auto;
		flex-direction: column;
	}

	.pg-landing-video {
		margin-top: 0;
		margin-bottom: 20px;
	}

	.pg-audience-btn {
		width: 104px;
		padding-right: 8px;
		font-size: 12px;
		line-height: 14px;
	}

	.pg-audience-btn.audience-btn-right {
		padding-left: 8px;
	}

	.pg-dropdown-text {
		font-size: 14px;
	}

	.pg-filter-form.pg-form-advanced {
		width: 100%;
		height: 100%;
		top: 0;
	}

	.pg-filter-form-filters-wrapper {
		max-height: 82vh;
	}

	.tag-age {
		margin-left: 0px;
	}

	.pg-mobile-btn-wrapper {
		display: flex;
		justify-content: center;
		margin: 20px 0;
	}

	.pg-cta-img-mobile {
		display: block;
		width: 90%;
		margin: auto;
	}

	.blue-wave-img {
		display: block;
		width: 100%;
	}

	.pg-mobile-header-img {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 700px) {
	.pg-videos-grid {
		flex-direction: column;
		justify-content: center;
		align-content: center;
	}

	.pg-video-section {
		padding-bottom: 1em;
	}
}

@media (max-width: 580px) {
	.pg-form-type {
		left: auto;
		right: 0;
	}
}

@media screen and (max-width: 479px) {
	.subscribe-form-input {
		width: 100%;
	}

	.subscribe-form-input-wrapper {
		align-self: stretch;
		flex: 1;
	}

	.pg-cta-img {
		top: -7.9em;
		display: none;
	}

	.pg-sticky-signup-content {
		padding-bottom: 0em;
		flex-direction: column;
	}

	.pg-email-input {
		padding: 0 10px;
	}

	.pg-sticky-img-right {
		display: none;
	}

	.pg-videos-filters-wrapper {
		flex-wrap: wrap;
	}

	.pg-filter-button {
		position: static;
		padding: 0px 8px;
		margin-top: 4px;
	}

	.pg-filter-button.pg-filter-button-middle {
		position: static;
		margin: 4px 6px 0;
	}

	.pg-form-age {
		left: 0;
		transform: none;
	}

	.pg-filters-checkbox-adv-wrap .pg-checkbox {
		width: 100%;
	}

	.pg-filter-label {
		font-size: 14px;
	}

	.pg-filter-close {
		top: 8px;
		right: 8px;
	}

	.pg-filter-form-title {
		text-align: left;
		margin-left: 20px;
	}

	.pg-filter-done-button.pg-filter-done-button-advanced {
		padding: 15px 30px;
	}

	.pg-checkbox-label {
		padding-top: 6px;
	}

	.pg-cta-button {
		font-size: 18px;
	}

	.pg-cta-text {
		width: 90%;
	}

	.pg-sort-wrapper {
		justify-content: center;
	}

	.pg-mobile-banner-heading {
		line-height: 30px;
	}

	.pg-banner-card-mobile {
		position: relative;
		font-size: 14px;
		line-height: 24px;
	}

	.pg-top-banner-container {
		padding-right: 12px;
		padding-left: 12px;
	}

	.pg-checkbox-input {
		width: 25px;
	}

	.tag-age.mobile-ages {
		margin-left: 10px;
	}

	.pg-mobile-btn-wrapper {
		margin-top: 20px;
	}
}

@media screen and (max-width: 400px) {
	.pg-cta-main {
		width: 90%;
	}

	.pg-cta-text-title {
		font-size: 29px;
	}

	.pg-cta-text-content {
		font-size: 12px;
	}
}

@media (max-width: 350px) {
	.pg-sticky-signup {
		padding-left: 20px;
		padding-right: 20px;
	}

	.pg-cta-text-title {
		font-size: 27px;
	}

	.pg-cta-text-content {
		font-size: 11px;
	}
}

#w-node-_29c3630a-368d-9b96-3fd8-ee0029ea3bce-29ea3bcb {
	grid-row-start: span 1;
	-ms-grid-row-span: 1;
	grid-row-end: span 1;
	grid-column-start: span 2;
	-ms-grid-column-span: 2;
	grid-column-end: span 2;
}

#w-node-_29c3630a-368d-9b96-3fd8-ee0029ea3bd0-29ea3bcb {
	grid-column-start: 1;
	-ms-grid-column-span: 1;
	grid-column-end: 2;
	grid-row-start: 2;
	-ms-grid-row-span: 1;
	grid-row-end: 3;
}

#w-node-_29c3630a-368d-9b96-3fd8-ee0029ea3be2-29ea3bcb {
	grid-column-start: 2;
	-ms-grid-column-span: 1;
	grid-column-end: 3;
	grid-row-start: 2;
	-ms-grid-row-span: 1;
	grid-row-end: 3;
}

#w-node-_29c3630a-368d-9b96-3fd8-ee0029ea3bf4-29ea3bcb {
	grid-column-start: 3;
	-ms-grid-column-span: 1;
	grid-column-end: 4;
	grid-row-start: 2;
	-ms-grid-row-span: 1;
	grid-row-end: 3;
}

#w-node-_29c3630a-368d-9b96-3fd8-ee0029ea3c02-29ea3bcb {
	grid-column-start: 4;
	-ms-grid-column-span: 1;
	grid-column-end: 5;
	grid-row-start: 2;
	-ms-grid-row-span: 1;
	grid-row-end: 3;
}

#w-node-_29c3630a-368d-9b96-3fd8-ee0029ea3c14-29ea3bcb {
	grid-column-start: 5;
	-ms-grid-column-span: 1;
	grid-column-end: 6;
	grid-row-start: 2;
	-ms-grid-row-span: 1;
	grid-row-end: 3;
}

#w-node-_29c3630a-368d-9b96-3fd8-ee0029ea3c26-29ea3bcb {
	grid-column-start: 1;
	-ms-grid-column-span: 5;
	grid-column-end: 6;
	grid-row-start: 3;
	-ms-grid-row-span: 1;
	grid-row-end: 4;
}

@media screen and (min-width: 1920px) {
	#w-node-_29c3630a-368d-9b96-3fd8-ee0029ea3be2-29ea3bcb {
		-ms-grid-row-span: 3;
		grid-row-end: 3;
		-ms-grid-column-span: 3;
		grid-column-end: 3;
	}
}

@media screen and (max-width: 767px) {
	#w-node-_29c3630a-368d-9b96-3fd8-ee0029ea3c14-29ea3bcb {
		grid-column-start: 1;
		-ms-grid-column-span: 2;
		grid-column-end: 3;
		grid-row-start: 3;
		-ms-grid-row-span: 1;
		grid-row-end: 4;
	}

	#w-node-_29c3630a-368d-9b96-3fd8-ee0029ea3c26-29ea3bcb {
		grid-column-start: 1;
		-ms-grid-column-span: 4;
		grid-column-end: 5;
		grid-row-start: 4;
		-ms-grid-row-span: 1;
		grid-row-end: 5;
	}
}

@media screen and (max-width: 479px) {
	#w-node-_29c3630a-368d-9b96-3fd8-ee0029ea3bf4-29ea3bcb {
		grid-row-start: 3;
		-ms-grid-row-span: 1;
		grid-row-end: 4;
		grid-column-start: 1;
		-ms-grid-column-span: 1;
		grid-column-end: 2;
	}

	#w-node-_29c3630a-368d-9b96-3fd8-ee0029ea3c02-29ea3bcb {
		grid-column-start: 2;
		-ms-grid-column-span: 1;
		grid-column-end: 3;
		grid-row-start: 3;
		-ms-grid-row-span: 1;
		grid-row-end: 4;
	}

	#w-node-_29c3630a-368d-9b96-3fd8-ee0029ea3c14-29ea3bcb {
		grid-row-start: 4;
		-ms-grid-row-span: 1;
		grid-row-end: 5;
		grid-column-start: 1;
		-ms-grid-column-span: 2;
		grid-column-end: 3;
	}

	#w-node-_29c3630a-368d-9b96-3fd8-ee0029ea3c26-29ea3bcb {
		grid-row-start: 5;
		-ms-grid-row-span: 1;
		grid-row-end: 6;
	}
}

/* This css is all dev-created rules but keeping with style of wf_playground */

/* this page can't have overflow for sticky to work */

.ba11-p-playground-activity {
	overflow: unset !important;
}

.ba11-p-playground-activity .ba11-wf-page-container {
	overflow: unset;
}

.pga-main-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -1;
}

.pga-top-container {
	overflow: hidden;
	background-image: url("/assets/images/playground/header-banner-white.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: #f0fbff;
}

.pga-top-infobar {
	width: 100%;
	height: 32px;
	background-color: #1b365d;
}

.pga-top-breadcrumbs {
	font-size: 16px;
	width: calc(100% - 30px);
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	top: 8px;
	color: #fff;
	display: flex;
	white-space: nowrap;
}

.pga-top-breadcrumbs a {
	color: #fff;
	text-decoration: none;
}

.pga-top-breadcrumbs a:hover {
	text-decoration: underline;
}

.pga-top-breadcrumb-divider {
	font-family: BAOnlineIcons;
	margin: 0 16px;
}

.pga-top-breadcrumb-activity {
	color: #ffc641;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pga-top-banner {
	width: calc(100% - 30px);
	max-width: 1170px;
	margin: 30px auto;
	padding: 0 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pga-top-banner-audience {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.pga-top-banner-buttons {
	display: flex;
}

.pga-logo {
	height: 60px;
}

.pga-teacher-links {
	position: absolute;
	bottom: -42px;
	font-size: 18px;
	margin: 12px 0;
}

.pga-teacher-shortcut {
	color: #606060;
	text-decoration: none;
	width: calc(50% - 13px);
	display: inline-block;
	white-space: nowrap;
	cursor: pointer;
}

.pga-teacher-shortcut:first-of-type {
	text-align: right;
}

.pga-teacher-shortcut:hover {
	text-decoration: underline;
}

.pga-teacher-links-separator {
	margin: 0 6px;
}

.pga-activity-top {
	width: calc(100% - 30px);
	max-width: 1170px;
	display: flex;
	align-items: center;
	padding: 0 15px;
	margin: 0 auto;
}

.pga-activity-info {
	width: 35%;
	font-size: 18px;
	line-height: 28px;
	margin-right: 24px;
	color: #1b365d;
}

.pga-activity-name {
	margin: 12px 0;
	font-size: 44px;
	line-height: 51px;
}

.pga-activity-stats {
	margin-top: 24px;
}

.pga-activity-stats-mobile {
	display: none;
}

.pga-activity-stat {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.pga-activity-stat + .pga-activity-stat {
	margin-top: 10px;
}

.pga-stat-icon {
	width: 40px;
	height: 40px;
}

.pga-stat-desc {
	margin-left: 20px;
	text-transform: capitalize;
}

.pga-activity-stat:first-of-type .pga-stat-desc {
	text-transform: none;
}

.pga-activity-video {
	position: relative;
	width: 65%;
	height: 0;
	padding-top: 36.6%;
	background-size: 100%;
	background-position: center;
	flex: none;
}

.pga-main-content-container {
	background-color: #dbeffa;
	background-image: url("/assets/wf/images/pg-content-bg.jpg");
	background-size: 100% auto;
	color: #000;
}

.pga-main-content {
	width: calc(100% - 30px);
	max-width: 1170px;
	display: flex;
	justify-content: space-between;
	padding: 0 15px;
	margin: 20px auto;
}

.pga-activity-details {
	width: 65%;
	line-height: 1.5;
	font-size: 18px;
}

.pga-activity-details p {
	font-size: 18px;
	line-height: 1.5;
}

.pga-activity-details-header {
	font-size: 34px;
	color: #1b365d;
	/* needed to make top bar not hide anchor-to when scrolled down */
	margin-top: 36px;
}

.p-playground-image-row {
	display: flex;
	justify-content: center;
}

.p-playground-image-row figure {
	margin: 20px 12px;
}

.p-playground-image-row figcaption {
	font-size: 90%;
	font-style: italic;
	color: #606060;
}

.pga-activity-details-subheader {
	font-size: 18px;
	margin-bottom: 0;
}

.pga-activity-details-extra, .pga-activity-details-extra p {
	font-size: 16px;
}

.pga-horiz-rule {
	display: block;
	width: 70%;
	height: 1px;
	background-color: #000;
	margin: 30px auto;
}

.pga-expandable-header {
	display: block;
	font-size: 28px;
	background-color: #1b365d;
	color: #fff;
	border: 1px solid #1b365d;
	border-radius: 12px;
	padding: 2px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pga-expandable-header:hover {
	background-color: #fff;
	color: #1b365d;
	cursor: pointer;
}

.pga-expandable .pga-bao {
	transform: scaleY(-1) translateY(10px);
}

.pga-expandable.--closed .pga-bao {
	transform: none;
}

.pga-expandable.--closed .pga-expandable-contents {
	display: none;
}

.pga-bao {
	font-family: BAOnlineIcons;
	position: relative;
	top: 5px;
}

.pga-activity-feedback-title {
	margin-top: 30px;
	font-size: 28px;
	color: #1b365d;
}

.pga-activity-feedback-box {
	width: 100%;
	height: 150px;
	resize: vertical;
}

.pga-activity-feedback-submit {
	margin-top: 12px;
	padding: 9px 25px;
	background-color: #1b365d;
	color: #fff;
	border: 1px solid #1b365d;
}

.pga-activity-feedback-submit:hover {
	background-color: #fff;
	color: #1b365d;
}

.pga-activity-feedback-response {
	height: 40px;
	font-size: 16px;
	color: #d50032;
}

.pga-activity-feedback-response.--hidden, .pga-activity-feedback-submit.--hidden {
	display: none;
}

/* Side column */

.pga-activity-side-col {
	position: relative;
	margin-top: 20px;
	width: 32%;
	display: flex;
	flex-direction: column;
}

.pga-share-wrap {
	color: #1b365d;
	font-size: 18px;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-self: flex-end;
}

.pga-share-wrap-mobile {
	display: none;
	color: #1b365d;
	font-size: 18px;
}

.pga-share-icons {
	display: flex;
}

.pga-share-icon {
	width: 35px;
	height: 35px;
	margin: 12px 6px;
	cursor: pointer;
}

.pga-details-card {
	width: 100%;
	font-size: 18px;
	line-height: 28px;
	margin: 30px 0;
}

.pga-details-card-title {
	position: relative;
	width: 100%;
	height: 58px;
	background-color: #1b365d;
	color: #fff;
	text-align: center;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pga-details-card-title-icon {
	position: absolute;
	left: 16px;
	width: 40px;
	height: 40px;
}

.pga-details-card-content {
	width: 100%;
	padding: 10px 16px;
	border: 1px solid #1b365d;
	box-sizing: border-box;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	background-color: #fff;
}

.pga-side-sticky-container {
	flex-grow: 1;
	width: 100%;
}

.pga-side-characters {
	position: relative;
	bottom: 0;
	width: 100%;
	display: flex;
	align-items: flex-end;
	margin-top: 20px;
}

.pga-side-nellie {
	position: relative;
	bottom: 0;
	width: 20%;
	min-width: 100px;
	max-width: 200px;
}

.pga-side-fiona {
	position: relative;
	bottom: 0;
	width: 30%;
	min-width: 150px;
	max-width: 300px;
}

.pga-cta-mobile {
	display: none;
}

.pga-cta-wrapper {
	position: sticky;
	top: 100px;
	width: 100%;
	background-color: #1b365d;
	padding-top: 100px;
	margin-top: 70px;
}

.pga-cta-img {
	position: absolute;
	height: 177px;
	top: -60px;
	left: 50%;
	transform: translateX(-50%);
}

.pga-cta-wrapper .pg-cta-main {
	padding: 20px;
}

.pga-cta-wrapper .pg-cta-text {
	width: 100%;
	min-width: 0;
	margin-left: 0em;
	padding-top: 0px;
	text-align: center;
}

.pga-cta-wrapper .pg-cta-text-title {
	margin: 0 4px 10px;
	font-size: 34px;
	line-height: 45px;
}

.pga-cta-wrapper .pg-cta-text-content {
	width: 80%;
	margin-left: 10%;
	padding-right: 0em;
	font-size: 14px;
}

.pga-cta-wrapper .pg-cta-img-mobile {
	display: block;
	width: 100%;
	position: relative;
	top: 1px;
}

.pga-bottom-content-container {
	background-color: #218dbb;
	padding: 40px 0 80px;
}

.pga-rec-videos {
	width: calc(100% - 30px);
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
}

.pga-rec-videos-title {
	font-size: 34px;
	color: #fff;
}

.pga-rec-video-grid {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pga-signup-container .pg-sticky-signup {
	position: relative !important;
	transition: none;
	bottom: auto;
}

.pga-signup-container .pg-sticky-signup-close {
	display: none;
}

.pg-parent.--hidden {
	display: none;
}

.pg-teacher.--hidden {
	display: none;
}

@media (max-width: 1050px) {
	.pga-rec-video-grid {
		max-width: 630px;
		margin: auto;
	}
	.pga-rec-video-card-3 {
		display: none;
	}

	.pga-details-card-title span {
		margin-left: 70px;
	}
	.pga-details-card-title {
		justify-content: flex-start;
		text-align: left;
	}
}

@media (max-width: 830px) {
	.pga-logo {
		height: 50px;
	}
}

@media screen and (max-width: 767px) {
	.pga-top-banner {
		flex-direction: column;
		margin-bottom: 10px;
	}

	.pga-logo {
		width: 100%;
		height: auto;
		max-width: 400px;
	}

	.pga-top-banner-audience {
		width: 100%;
		margin: 24px 0;
	}

	.pga-teacher-links {
		font-size: 16px;
	}

	.pga-teacher-shortcut {
		width: calc(50% - 6px);
	}
	.pga-teacher-links-separator {
		margin: 0;
	}

	.pga-activity-top {
		flex-direction: column;
	}

	.pga-activity-info {
		width: 100%;
		text-align: center;
		margin-right: 0;
	}

	.pga-activity-video {
		width: 100%;
		padding-top: 56.25%;
	}

	.pga-activity-info .pga-activity-stats {
		display: none;
	}

	.pga-activity-stats-mobile {
		display: block;
		align-self: flex-start;
	}

	.pga-details-card {
		margin: 12px 0;
	}

	.pga-share-wrap {
		display: none;
	}

	.pga-share-wrap-mobile {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 12px 0;
	}

	.pga-share-icons {
		margin-left: 15px;
	}

	.pga-main-content {
		flex-direction: column-reverse;
	}

	.pga-activity-details {
		width: 100%;
	}

	.pga-activity-side-col {
		margin-top: 0;
		width: 100%;
	}

	.pga-side-characters {
		display: none;
	}

	.pga-side-sticky-container {
		display: none;
	}

	.pga-cta-mobile {
		display: block;
	}
}

@media screen and (max-width: 650px) {
	.pga-rec-video-grid {
		flex-direction: column;
	}
}

/* Save with friends page */

.ba11-p-swf-title {
	color: #0058a8;
	color: var(--colors-blue);
	font-weight: 500;
	padding: 1.5rem 1.5rem 1rem;
	margin: 0;
	text-align: center;
}

.ba11-p-swf-line {
	padding: 1rem;
	line-height: 150%;
	font-size: 150%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	color: #606060;
}

.ba11-p-swf-discount {
	color: #00B2DD;
	color: var(--colors-cyan);
	font-weight: 700;
}

.ba11-p-swf-link {
	text-align: center;
	line-height: 100%;
	font-size: 100%;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.ba11-p-swf-text {
	text-align: center;
	line-height: 125%;
	margin: 1rem 20%;
}

.ba11-p-swf-how-wrapper {
	width: 100%;
	max-width: 1170px;
	margin: 5px;
}

.ba11-p-swf-how {
	float: right;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.ba11-p-swf-item-container {
	align-items: flex-start;
	width: 92%;
	max-width: 75rem;
	margin-bottom: 2rem;
}

.ba11-p-swf-item-header {
	margin-right: 0;
	margin-bottom: 2rem;
	margin-left: 1rem;
	color: #0058a8;
	color: var(--colors-blue);
	font-size: 275%;
	font-weight: 500;
}

.ba11-p-swf-item-body {
	padding: 1rem 2rem;
	display: flex;
	flex-direction: column;
	width: calc(100% - 4rem);
	background-color: rgba(0, 0, 0, 0.05);
}

.ba11-p-swf-set-row {
	height: 9rem;
}

.ba11-p-swf-indiv-row {
	height: 8.5rem;
}

.ba11-p-swf-set-row + .ba11-p-swf-set-row, .ba11-p-swf-indiv-row + .ba11-p-swf-indiv-row {
	border-top: 2px solid rgba(0, 0, 0, 0.1);
}

.ba11-p-swf-set-row-left, .ba11-p-swf-set-row-right, .ba11-p-swf-indiv-row-left, .ba11-p-swf-indiv-row-right {
	justify-content: space-between;
	height: 100%;
}

.ba11-p-swf-set-row-left {
	justify-content: flex-start;
	width: 31rem;
}

.ba11-p-swf-set-row-right {
	flex: 1 1 auto;
}

.ba11-p-swf-indiv-row-left {
	width: 54%;
}

.ba11-p-swf-indiv-row-right {
	width: 46%;
}

.ba11-p-swf-item-circle {
	display: inline-flex;
	flex: 0 0 auto;
	width: 5rem;
	height: 5rem;
	border-radius: 100%;
	color: #FFFFFF;
	color: var(--colors-white);
	font-size: 250%;
	font-weight: 500;
}

.ba11-p-swf-item-circle.ba11--grade1 {
	background-color: #f52338;
	background-color: var(--colors-grade1-main);
}

.ba11-p-swf-item-circle.ba11--grade2 {
	background-color: #FA7E37;
	background-color: var(--colors-grade2-main);
}

.ba11-p-swf-item-circle.ba11--grade3 {
	background-color: #38942C;
	background-color: var(--colors-grade3-main);
}

.ba11-p-swf-item-circle.ba11--grade4 {
	background-color: #3299CC;
	background-color: var(--colors-grade4-main);
}

.ba11-p-swf-item-circle.ba11--grade5 {
	background-color: #84318C;
	background-color: var(--colors-grade5-main);
}

.ba11-p-swf-item-topics {
	width: 60%;
	height: 80%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-around;
	margin-left: 1rem;
	font-size: 125%;
	line-height: 1.5;
}

.ba11-p-swf-item-topics-puzzle-first-word {
	text-transform: capitalize;
}

.ba11-p-swf-item-topic-line > img {
	flex: 0 0 auto;
	width: 1.5rem;
	vertical-align: bottom;
	margin-right: 0.5rem;
}

.ba11-p-swf-item-desc, .ba11-p-swf-item-qty-container, .ba11-p-swf-item-prices {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	height: 80%;
	white-space: nowrap;
	text-align: right;
}

.ba11-p-swf-set-row-right .ba11-p-swf-item-desc {
	text-align: center;
	margin-right: 10px;
}

.ba11-p-swf-indiv-row-right .ba11-p-swf-item-desc {
	width: 8rem;
}

.ba11-p-swf-item-qty {
	height: 2.25rem;
	width: 4.5rem;
	font-size: 1.4rem;
	padding: 0 0 0 1rem;
	margin: 1px 1rem;
}

.ba11-p-swf-item-prices {
	width: 6.5rem;
	margin: 0 1rem;
}

.ba11-p-swf-item-price-line-original {
	color: #ED1940;
	color: var(--colors-red);
	text-decoration: line-through;
}

.ba11-p-swf-add-button {
	align-self: flex-end;
	margin: 2rem;
	width: 22rem;
	height: 5rem;
	font-size: 2rem;
}

.ba11-p-swf-add-button:disabled {
	background-color: gray;
	cursor: not-allowed;
}

.ba11-p-swf-item-laptop {
	width: 100px;
}

@media (max-width: 1050px) {
	.ba11-p-swf-set-row {
		width: 100%;
		flex-direction: column;
	}
	.ba11-p-swf-add-button {
		margin: 0;
		align-self: center;
		font-size: 1.5rem;
	}
}

@media (max-width: 850px) {
	.ba11-p-swf-indiv-row-left {
		width: 58%;
	}
	.ba11-p-swf-indiv-row-right {
		width: 42%;
	}
	.ba11-p-swf-set-row-left .ba11-book-set-image-container {
		display: none;
	}
	.ba11-p-swf-set-row-left {
		width: auto;
	}
}

@media (max-width: 750px) {
	.ba11-p-swf-indiv-row-left {
		width: 60%;
	}
	.ba11-p-swf-indiv-row-right {
		width: 40%;
	}
	.ba11-p-swf-indiv-row-right .ba11-p-swf-item-price-line {
		width: 6rem;
	}
	.ba11-p-swf-item-desc {
		font-size: 90%;
	}
}

@media (max-width: 700px) {
	.ba11-p-swf-item-topics {
		display: none;
	}
	.ba11-p-swf-indiv-row-left {
		width: 35%;
		justify-content: flex-start;
	}
	.ba11-p-swf-indiv-row-right {
		width: 65%;
	}
	.ba11-book-indiv-image-container {
		margin-left: 2rem;
	}
	.ba11-p-swf-set-row-right {
		margin-left: 0vw;
	}
	.ba11-p-swf-text {
		margin: 1.5rem 0 0;
		font-size: 75%;
	}
	.ba11-p-swf-link {
		font-size: 90%;
	}
	.ba11-p-swf-title {
		padding: 2.5rem 1.5rem 1rem;
	}
	.ba11-p-swf-item-desc {
		font-size: 100%;
	}
}

@media (max-width: 650px) {
	.ba11-p-swf-indiv-row-left {
		width: 40%;
	}
	.ba11-p-swf-indiv-row-right {
		width: 60%;
	}
	.ba11-p-swf-item-prices {
		width: 6rem;
	}
	.ba11-p-swf-item-qty {
		padding-left: 4px;
		width: 3rem;
	}
	.ba11-p-swf-line br {
		display: none;
	}
	.ba11-p-swf-line {
		line-height: 125%;
		font-size: 100%;
	}
}

@media (max-width: 600px) {
	.ba11-p-swf-indiv-row {
		justify-content: space-between;
	}
	.ba11-book-indiv-image-container {
		display: none;
	}
	.ba11-p-swf-indiv-row-left {
		width: auto;
		margin-right: 1rem;
	}
	.ba11-p-swf-indiv-row-right {
		width: auto;
		max-width: 22rem;
		flex: 1 0 auto;
	}
	.ba11-p-swf-set-row-right .ba11-p-swf-item-desc {
		max-width: 12rem;
		white-space: normal;
	}
	.ba11-p-swf-item-circle {
		width: 4rem;
		height: 4rem;
		font-size: 200%;
	}
	.ba11-p-swf-item-price-line {
		width: 5rem;
	}
	.ba11-p-swf-indiv-row-left .ba11-puzzle-piece {
		width: 2.5rem;
	}
}

@media (max-width: 400px) {
	.ba11-p-swf-set-row-right .ba11-p-swf-item-desc br {
		display: none;
	}
	.ba11-p-swf-item-qty {
		margin: 1px 1px;
	}
	.ba11-p-swf-indiv-row-right .ba11-p-swf-item-desc {
		width: 7rem;
	}
}

@media (max-width: 350px) {
	.ba11-p-swf-indiv-row-right .ba11-p-swf-item-desc {
		width: 5.5rem;
		margin-right: 0.5rem;
	}
}

/* PAGE-WIDE STYLES */

.outcomes-page {
	overflow: hidden;
}

.outcomes-button {
	width: 270px;
	height: 70px;
	font-size: 1.8rem;
	border: none;
	border-radius: 8px;
	outline: none;
	cursor: pointer;
	font-weight: bold;
}

.outcomes-button.transparent {
	background-color: transparent;
	color: white;
}

.outcomes-button.transparent:hover {
	background-color: white;
	color: #1b365d;
}

.outcomes-button.red {
	background-image: linear-gradient(
		180deg,
		#e31a49 0%,
		#bf1a3e 67%,
		#a7102f 100%
	);
	color: white;
	box-shadow: 0px 3px 6px 0px #00000029;
}

.outcomes-button.red:hover {
	background-image: linear-gradient(
		180deg,
		hsla(0, 0%, 100%, 0.33),
		rgba(0, 0, 0, 0.2)
	);
	background-color: #d50032;
}

.outcomes-button.white {
	background-color: white;
	color: #d50032;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.160784);
}

.outcomes-button.white:hover {
	background-color: #d50032;
	color: white;
}

.hidden-on-load {
	/**
	 * This class is primarily for images that have animations. The original
	 * rendered location may not be where the images should be based on the
	 * user's scroll location, so there is a split second of ghosting where,
	 * once the animation functions kick in, an animated image can suddenly
	 * flash to a different location, which doesn't look that great. This
	 * class keeps affected images hidden on-load (hence the name), then
	 * this class is removed after the first run of the animation functions
	 * (in OutcomesUtil.js). We use `visibility: hidden` instead of
	 * `display: none` because we still need the elements to retain their
	 * size, which are used to calculate positioning.
	 */
	visibility: hidden;
}

/* BANNER */

.outcomes-banner {
	background-image: linear-gradient(to bottom, transparent 50%, white 80%),
		url("/assets/images/office/outcomes/bg_banner.svg");
	/* 99% to fix seams at certain widths between this and next section */
	background-size: auto 100%, auto 99%;
	background-repeat: no-repeat;
}

.outcomes-banner-text {
	width: 500px;
	margin: auto;
	text-align: center;
	color: #333333;
}

.outcomes-banner-title {
	font-size: 3rem;
	line-height: 4rem;
	margin: 0;
	padding-top: 40px;
	padding-bottom: 20px;
}

.outcomes-banner-description {
	font-size: 1.7rem;
	line-height: 2.7rem;
	margin-bottom: 50px;
}

/* BLASTOFF (aka rocketship section) */

.outcomes-blastoff {
	background-image: url("/assets/images/office/outcomes/clouds_desktop.svg"),
		url("/assets/images/office/outcomes/stars.svg"),
		url("/assets/images/office/outcomes/bg_blastoff.svg");
	background-repeat: no-repeat, repeat-x, no-repeat;
	/* 101% in some to avoid minor seams due to slight asset imperfections */
	background-size: 101% 25%, 1920px, 101% 100%;
	/* -1px because seams sometimes show on the left */
	background-position: 0 101%, 0 0, -1px 101%;

	display: flex;
	align-items: center;
	height: 900px;
	position: relative;
	/* jetstream from rocketship can sometimes stick out */
	overflow: hidden;
}

.outcomes-blastoff > * {
	height: 100%;
}

.outcomes-blastoff-text {
	color: white;
	box-sizing: border-box;
	width: 55%;
	margin-left: 5%;
	padding-left: 15%;
	padding-top: 180px;
}

.outcomes-blastoff-text a {
	text-decoration: underline;
}

.outcomes-blastoff-text a:hover {
	color: #1b365d;
}

.outcomes-blastoff-title {
	font-size: 3rem;
	line-height: 4rem;
	width: 95%;
	margin: 0;
}

.outcomes-blastoff-description {
	font-size: 1.5rem;
	line-height: 2.5rem;
	padding: 2rem 0;
}

.outcomes-blastoff-description > p {
	padding: 0.5rem 0;
}

.outcomes-blastoff-view-summary {
	border: 1px solid white;
	border-radius: 4px;
}

.outcomes-blastoff-image-container {
	position: relative;
	height: 100%;
	margin-left: 5%;
	top: 5%;
}

.outcomes-blastoff-image-container > * {
	position: absolute;
	height: 100%;
}

#outcomes-blastoff-rocket-desktop {
	/* top attribute is applied by animation logic in OutcomesUtil.js */
	transition: top 20ms;
}

#outcomes-blastoff-rocket-mobile {
	/* shown on mobile only */
	display: none;
}

/* CHART */

.outcomes-chart {
	background-image: url("/assets/images/office/outcomes/bg_chart.svg");
	background-size: 100% 10%;
	background-repeat: no-repeat;
	/* 101% to avoid seams between this and the next section */
	background-position: 0 101%;
	padding-bottom: 125px;
}

.outcomes-chart-body {
	width: 56%;
	max-width: 800px;
	margin: auto;
}

.outcomes-chart-title, .outcomes-chart-description {
	text-align: center;
	color: #333333;
}

.outcomes-chart-title {
	font-size: 2.7rem;
	line-height: 4rem;
	width: 425px;
	margin: 2rem auto 1rem;
}

.outcomes-chart-description {
	font-size: 1.5rem;
	line-height: 2.5rem;
	width: 600px;
	margin: 1rem auto 2rem;
}

.outcomes-chart-graph {
	width: 100%;
}

.outcomes-chart-image-container {
	position: relative;
	width: 100%;
	height: 0;
}

.outcomes-chart-image-container > img {
	position: absolute;
	width: 30%;
	left: -15%;
	transform: translateY(-50%);
}

.outcomes-chart-addendum {
	font-size: 1.5rem;
	line-height: 2.5rem;
	color: #333333;
	font-style: italic;
	box-sizing: border-box;
	padding-left: 20%;
}

/* BULLET POINTS */

.outcomes-bullet-points {
	background-color: #eff3f7;

	display: flex;
	justify-content: center;
	align-items: flex-end;
	position: relative;
	min-height: 40vw;
	z-index: 1;
}

.outcomes-bullet-points > * {
	box-sizing: border-box;
	width: 33%;
	min-width: 600px;
}

.outcomes-bullet-points-image-container {
	/**
	 * This element exists just to serve as a reference point for where the
	 * child image should be at the end of its scrolling animation.
	 */
	position: relative;
}

#outcomes-bullet-points-girl-raised-hand {
	position: relative;
	width: 100%;
	/* align picture so that the yellow background rests at the bottom of the section */
	transform: translateY(11.6%);

	/* left attribute is applied by animation logic in OutcomesUtil.js */
	transition: left 50ms;
}

.outcomes-bullet-points-text {
	color: #333333;
	margin-bottom: 2%;
}

.outcomes-bullet-points-title, .outcomes-bullet-points-text > p {
	margin: 0;
	padding: 1rem 0;
}

.outcomes-bullet-points-text > p {
	padding-right: 4rem;
}

.outcomes-bullet-points-title {
	font-size: 2.3rem;
	line-height: 4rem;
}

.outcomes-bullet-points-text > p, .outcomes-bullet-points-text > ul {
	font-size: 1.5rem;
	line-height: 2.4rem;
}

.outcomes-bullet-points-text > ul {
	margin: 0;
	padding: 0;
}

.outcomes-bullet-points-text > ul > li {
	/* using custom bullets - see ::before */
	list-style: none;
	margin-left: 2rem;
	padding: 0.3rem 0;
	position: relative;
}

.outcomes-bullet-points-text > ul > li::before {
	content: "\2022"; /* unicode bullet */
	color: #00b2dd;
	font-weight: bold;
	display: inline-block;
	position: absolute;
	left: -2rem; /* negative of margin-left value on this li */
	top: 0.4rem;
	font-size: 2.5rem;
	margin-left: 0.5rem;
}

.outcomes-bullet-points-text > .outcomes-schedule-demo {
	margin: 30px 0;
}

/* QUOTES */

.outcomes-quotes {
	background-image: url("/assets/images/office/outcomes/bg_quotes_desktop.svg");
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top;

	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	/* i.e. 42% aspect ratio based on the bg_quote.svg asset */
	height: 42vw;
	min-height: 680px; /* twice the height of the quote blocks */
}

.outcomes-quotes-container {
	/**
	 * This element exists just to serve as a reference point for where the
	 * child images should be at the end of their scrolling animation.
	 */
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	width: 100%;
}

.outcomes-quotes-block {
	background-color: white;
	border-radius: 10px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.160784);
	text-align: center;

	box-sizing: border-box;
	position: relative;
	width: 360px;
	height: 340px;
	margin: 0 1vw;

	/* top attribute is applied by animation logic in OutcomesUtil.js */
	transition: top 50ms;
}

.outcomes-quotes-block-image-container {
	position: relative;
	width: 0;
	height: 0;
	margin: auto;
}

.outcomes-quotes-block-image-container > img {
	position: absolute;
	width: 80px;
	transform: translate(-50%, -50%);
}

.outcomes-quotes-block-text {
	margin: 65px 55px 0;
	color: #333333;
}

.outcomes-quotes-block-text > h3, .outcomes-quotes-block-text > p {
	padding: 5px 0;
}

.outcomes-quotes-block-text > h3 {
	font-size: 2rem;
	line-height: 2.3rem;
	margin-top: 30px;
	margin-bottom: 15px;
}

.outcomes-quotes-block-text > p {
	font-size: 2rem;
	line-height: 3rem;
	font-style: italic;
}

/* STATS */

.outcomes-stats {
	display: flex;
	justify-content: center;
	align-items: center;
}

.outcomes-stats > * {
	margin: 40px 0;
}

.outcomes-stats-text {
	width: 400px;
	line-height: 1.8em;
}

.outcomes-stats-text > * {
	margin: 1em 0;
}

.outcomes-stats-statistic {
	color: #333333;
	font-size: 1.5rem;
	line-height: 2.4rem;
	max-width: 80%;
}

.outcomes-stats-numbers {
	font-size: 2rem;
	font-weight: bold;
}

.outcomes-stats-source {
	color: #333333;
	font-size: 1.3rem;
	line-height: 2.4rem;
	font-style: italic;
	max-width: 95%;
}

.outcomes-stats-image {
	width: 490px;
}

/* REPORTS */

.outcomes-reports {
	background-color: #f8f8f8;
	background-image: url("/assets/images/office/outcomes/bg_reports_wave.svg");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;

	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 20px;
}

.outcomes-reports > * {
	width: 770px;
	max-width: 95%;
}

.outcomes-reports-heading {
	color: #333333;
	text-align: center;
	margin-top: 7rem;
	margin-bottom: 3rem;
}

.outcomes-reports-title {
	padding: 25px 0;
	font-size: 2.7rem;
	line-height: 3.2rem;
	margin: 0;
}

.outcomes-reports-subtitle {
	font-size: 1.5rem;
	line-height: 2.4rem;
	max-width: 90%;
	margin: auto;
}

.outcomes-reports-body {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.outcomes-reports-report {
	position: relative;
	margin-bottom: 40px;
}

.outcomes-reports-card-icon-image-container {
	position: relative;
	width: 100%;
	height: 0;
	z-index: 1;
	margin-top: 50px;
}

.outcomes-reports-card-icon-image-container > img {
	position: absolute;
	width: 16%;
	min-width: 80px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.outcomes-reports-card {
	position: relative;
	padding-top: 10%;
	background-color: white;
	border-radius: 10px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 16%);
	/* max-height attribute is applied by animation logic in OutcomesUtil.js */
	transition: max-height 200ms;
}

.outcomes-reports-card > * {
	margin: auto;
}

.outcomes-reports-card-icon-quote {
	position: absolute;
	width: 10%;
	min-width: 70px;
	transform: translate(25%, -50%);
}

.outcomes-reports-card-heading {
	text-align: center;
	width: 90%;
	padding-bottom: 2rem;
}

.outcomes-reports-card-heading > * {
	padding: 3px 0;
}

.outcomes-reports-card-title {
	color: #333333;
	font-size: 2rem;
	line-height: 2.3rem;
	margin: 0;
}

.outcomes-reports-card-subtitle, .outcomes-reports-card-caption {
	font-size: 1.5rem;
	line-height: 1.7rem;
	color: #212121;
}

.outcomes-reports-card-subtitle {
	font-style: italic;
}

.outcomes-reports-card-description {
	width: 81%;
	margin-bottom: 40px;
}

.outcomes-reports-card-description > h4 {
	margin: 10px 0;
	position: relative;
	font-size: 1.7rem;
	color: #333333;
}

.outcomes-reports-card-description > h4::before {
	/* custom checkmark bullet points with super custom sizing/positioning */
	content: "";
	display: inline-block;
	background-image: url("/assets/images/office/outcomes/checkmark_icon.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 23px;
	height: 17px;
	position: absolute;
	top: 3px;
	left: -2.5rem;
}

.outcomes-reports-card-description > p {
	font-size: 1.5rem;
	line-height: 2.3rem;
	color: #212121;
}

.outcomes-reports-card-quote-body {
	background-color: #1b365d;
	opacity: 0.94;
	position: relative;
	max-width: 100%;
	/**
	 * Match border radius of parent - need to also set here because overflow of
	 * parent can't be "hidden" for us to show school building logo, which overflows.
	 */
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.outcomes-reports-card-quote-body > p {
	color: white;
	font-size: 1.3rem;
	line-height: 1.9rem;
	width: 75%;
	padding-left: 40px;
	margin: auto;
}

.outcomes-reports-card-quote {
	font-style: italic;
	padding-top: 1rem;
}

.outcomes-reports-card-quote-author {
	padding-top: 5px;
	padding-bottom: 1.5rem;
}

.outcomes-reports-link {
	font-size: 1.5rem;
	margin-top: 20px;
	color: #d50032;
	font-weight: 500;

	display: block;
	text-align: center;
	/* place link above mask */
	position: relative;
	z-index: 1;
}

.outcomes-reports-link:hover {
	color: #830620;
}

.outcomes-reports-mask {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	border-radius: 10px; /* match the card this is covering */
	opacity: 0;
	transition: opacity 200ms;
}

.outcomes-reports-show-hide-image-container {
	position: relative;
	width: 100%;
	height: 0;
	display: none;
	z-index: 1;
}

.outcomes-reports-show-hide-image-container > * {
	display: block;
	margin: auto;
	text-align: center;
	cursor: pointer;
}

.outcomes-reports-read-more {
	background: none;
	border: none;
	white-space: nowrap;
	font-size: 1.3rem;
	font-weight: bold;
	color: #1a365d;
	padding-bottom: 1rem;
	transition: opacity 200ms;
}

.outcomes-reports-show-hide {
	border: none;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background-color: #1b365d;
	box-shadow: -3px 1px 14px rgba(0, 0, 0, 0.133333);
}

.outcomes-reports-show-hide:active {
	transform: translateY(-2px);
}

.outcomes-reports-read-more:active, .outcomes-reports-report.--shrink-on-narrow .outcomes-reports-show-hide:active {
	transform: translateY(2px);
}

/* APPROACH */

.outcomes-approach {
	margin: 20px 0;
}

.outcomes-approach-body {
	box-sizing: border-box;
	width: 65%;
	min-width: 1000px;
	margin: auto;
	padding: 0 20px;
}

.outcomes-approach-row {
	display: flex;
	align-items: center;
	margin: 40px 0;
}

.outcomes-approach-row > * {
	width: 50%;
}

.outcomes-approach-text {
	color: #333333;
	padding: 0 50px;
}

.outcomes-approach-title {
	font-size: 2.7rem;
	line-height: 3.8rem;
}

.outcomes-approach-text > p {
	margin: 1em 0;
	line-height: 2.5rem;
	font-size: 1.5rem;
	line-height: 2.4rem;
}

.outcomes-approach-link {
	color: #007cad;
	font-weight: bold;
}

.outcomes-approach-link:hover {
	color: #005373;
}

/* DEMO */

.outcomes-demo {
	margin: 30px 0;
}

.outcomes-demo-body {
	background-color: #1b365d;
	box-sizing: border-box;
	width: 50%;
	min-width: 960px;
	border-radius: 10px;
	margin: auto;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 30px;
}

.outcomes-demo-title {
	color: white;
	font-size: 2.7rem;
	line-height: 3.2rem;
	max-width: 95%;
	margin: 3rem auto;
}

/* REPORT SUMMARY */

.outcomes-report-summary {
	background-color: #eff3f7;
}

.outcomes-report-summary-text {
	width: 60%;
	min-width: 960px;
	margin: auto;
	padding: 30px 15px;
}

.outcomes-report-summary-text > p {
	font-size: 1.5rem;
	line-height: 2.4rem;
	font-style: italic;
	color: #333333;
	margin: 1rem 0;
}

/* MODAL */

.modal, .modal * {
	/* the modal CSS (from educators.wf.css) was built using border-box in mind */
	box-sizing: border-box;
}

.w-form > p {
	/* match styles from phase2a.wf.css */
	font-size: 19px;
	line-height: 1.4;
}

.w-form a {
	/* match styles from phase2a.wf.css */
	color: #289ecc;
	text-decoration: underline;
}

/* MEDIA QUERIES */

@media (min-width: 1920px) {
	.outcomes-banner {
		background-size: cover;
	}
	.outcomes-bullet-points {
		min-height: unset;
		height: 800px;
	}
	.outcomes-bullet-points > * {
		min-width: unset;
		width: 650px;
	}
}

@media (max-width: 1920px) {
	.outcomes-blastoff-text {
		/* linear decrease from 15% to 0% @ 1920px -> 1440px */
		/* 0.1% because postcss-clean changes 0% to 0, which invalidates this query ヽ(ಠ_ಠ)ノ */
		padding-left: max(
			0.1%,
			calc(0.15 * (100vw - 1440px) * 1920 / (1920 - 1440))
		);
	}
	.outcomes-blastoff-image-container {
		/* linear decrease from 5% to 0% @ 1920px -> 1440px */
		/* 0.1% because postcss-clean changes 0% to 0, which invalidates this query ヽ(ಠ_ಠ)ノ */
		margin-left: max(
			0.1%,
			calc(0.05 * (100vw - 1440px) * 1920 / (1920 - 1440))
		);
	}
	.outcomes-reports-heading {
		/* linear decrease from 100px to 30px @ 1920px -> 320px */
		margin-top: max(30px, calc(30px + 70 * (100vw - 320px) / (1920 - 320)));
	}
}

@media (max-width: 1700px) {
	.outcomes-blastoff {
		/* remove limit on clouds height */
		background-size: 101%, 1920px, 101% 100%;
	}
}

@media (max-width: 1440px) {
	.outcomes-blastoff {
		/* decrease bg_blastoff.svg */
		background-size: 101%, 1920px, 1441px 100%;
	}
	.outcomes-chart {
		padding-bottom: 10%;
	}
	.outcomes-chart-body {
		width: 800px;
	}
	.outcomes-chart-graph {
		box-sizing: border-box;
		/* make space for Grok to (now) keep Grok + graph centered */
		padding-left: 70px;
	}
	.outcomes-chart-image-container > img {
		width: 170px;
		left: 0;
	}
	.outcomes-chart-addendum {
		padding-left: 25%;
	}
	.outcomes-bullet-points > * {
		min-width: unset;
		width: 45%;
	}
	.outcomes-bullet-points-title {
		/* linear decrease from 27px to 24px @ 1440px -> 1000px */
		font-size: max(24px, calc(24px + 3 * (100vw - 1000px) / (1440 - 1000)));
		/* linear decrease from 48px to 30px @ 1440px -> 1000px */
		line-height: max(30px, calc(30px + 18 * (100vw - 1000px) / (1440 - 1000)));
	}
	.outcomes-bullet-points-text > p, .outcomes-bullet-points-text > ul {
		/* linear decrease from 18px to 16px @ 1440px -> 1000px */
		font-size: max(16px, calc(16px + 2 * (100vw - 1000px) / (1440 - 1000)));
		/* linear decrease from 28px to 26px @ 1440px -> 1000px */
		line-height: max(26px, calc(26px + 2 * (100vw - 1000px) / (1440 - 1000)));
	}
}

@media (max-width: 1200px) {
	.outcomes-banner {
		margin-bottom: 5%;
	}
	.outcomes-blastoff-text {
		width: 65%;
		padding-top: 160px;
	}
	.outcomes-bullet-points > * {
		width: 49%;
	}
	.outcomes-quotes {
		min-height: 680px; /* twice the height of the quote blocks */
	}
	.outcomes-quotes-block-text > p {
		/* linear decrease from 24px to 20px @ 1200px -> 1000px */
		font-size: max(20px, calc(20px + 4 * (100vw - 1000px) / (1200 - 1000)));
	}
	.outcomes-approach-title {
		/* linear decrease from 32px to 26px @ 1200px -> 1000px */
		font-size: max(26px, calc(26px + 6 * (100vw - 1000px) / (1200 - 1000)));
		/* linear decrease from 46px to 31px @ 1200px -> 1000px */
		line-height: max(31px, calc(31px + 15 * (100vw - 1000px) / (1200 - 1000)));
	}
}

@media (max-width: 1000px) {
	.outcomes-blastoff {
		/* adjust clouds */
		background-size: 1440px, 1920px, 1440px 100%;
		background-position: 0 101%, 0 0, -1px 101%;
	}
	.outcomes-blastoff-text {
		padding-top: 120px;
	}
	.outcomes-blastoff-title {
		font-size: 2.8rem;
		line-height: 3.5rem;
	}
	.outcomes-blastoff-description {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.outcomes-bullet-points-image-container {
		display: none;
	}
	.outcomes-bullet-points-text {
		width: 530px;
	}
	.outcomes-quotes {
		background-color: #00b2dd;
		background-image: url("/assets/images/office/outcomes/math_jazz.svg");
		background-position: 50% 50%;
		background-size: 800px;
		background-repeat: no-repeat;
		height: unset;
	}
	.outcomes-quotes-container {
		/* change to mobile layout */
		/**
		 * NOTE: There's logic in OutcomesUtil.js to only have animations on this
		 * in the desktop layout. If this mobile layout is moved to a different
		 * max-width, that file needs to be updated as well.
		 */
		flex-direction: column;
		padding-top: 60px;
		padding-bottom: 30px;
	}
	.outcomes-quotes-block {
		margin: 35px 0;
	}
	.outcomes-stats {
		flex-direction: column-reverse;
	}
	.outcomes-stats-statistic {
		max-width: 95%;
	}
	.outcomes-stats-text {
		margin: 0 0 20px;
	}
	.outcomes-stats-image {
		margin: 20px 0;
		width: 450px;
	}
	.outcomes-approach-body {
		min-width: 640px;
	}
	.outcomes-approach-row.approach > img {
		display: none;
	}
	.outcomes-approach-row {
		flex-direction: column-reverse;
	}
	.outcomes-approach-row > * {
		width: 100%;
	}
	.outcomes-demo-body {
		width: 95%;
		min-width: unset;
	}
	.outcomes-demo-title {
		/* linear decrease from 32px to 23px @ 1000px -> 360px */
		font-size: max(23px, calc(23px + 9 * (100vw - 360px) / (1000 - 360)));
		/* linear decrease from 38px to 31px @ 1000px -> 360px */
		line-height: max(31px, calc(31px + 7 * (100vw - 360px) / (1000 - 360)));
	}
	.outcomes-report-summary-text {
		width: 95%;
		min-width: unset;
	}

	.outcomes-button-wrapper {
		text-align: center;
	}
}

@media (max-width: 900px) {
	.outcomes-chart-body {
		width: 90%;
		margin: auto;
	}
	.outcomes-chart-image-container > img {
		width: 21%;
		left: 1%;
	}
}

@media (max-width: 720px) {
	.outcomes-banner-text {
		width: 67%;
	}
	.outcomes-banner-title {
		font-size: 2.6rem;
		line-height: 3.3rem;
	}
	.outcomes-banner-description {
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.outcomes-blastoff-title {
		font-size: 2.6rem;
		line-height: 3rem;
	}
	.outcomes-blastoff-description {
		font-size: 1.4rem;
		line-height: 2.3rem;
	}
	.outcomes-chart-title {
		font-size: 2.5rem;
		line-height: 3.6rem;
		width: 400px;
	}
	.outcomes-chart-description {
		font-size: 1.4rem;
		line-height: 2.3rem;
		width: 400px;
	}
	.outcomes-chart-addendum {
		/* linear decrease from 17px to 14px @ 720px -> 320px */
		font-size: max(14px, calc(14px + 3 * (100vw - 320px) / (720 - 320)));
		/* linear decrease from 29px to 22px @ 720px -> 320px */
		line-height: max(22px, calc(22px + 7 * (100vw - 320px) / (720 - 320)));
	}
	.outcomes-reports-card-title {
		/* linear decrease from 24px to 20px @ 720px -> 360px */
		font-size: max(20px, calc(20px + 4 * (100vw - 360px) / (720 - 360)));
	}
	.outcomes-reports-card-description > p {
		/* linear decrease from 18px to 16px @ 720px -> 360px */
		font-size: max(16px, calc(16px + 2 * (100vw - 360px) / (720 - 360)));
	}
}

@media (max-width: 640px) {
	.outcomes-banner-text {
		width: 75%;
	}
	.outcomes-blastoff-text {
		/* keeps precisely half the rocket in-view */
		margin-left: 0%;
		padding-left: 5%;
		width: calc(100% - 118px);
	}
	.outcomes-blastoff-title {
		/* linear decrease from 31px to 23px @ 640px -> 320px */
		font-size: max(23px, calc(23px + 8 * (100vw - 320px) / (640 - 320)));
		/* linear decrease from 36px to 28px @ 640px -> 320px */
		line-height: max(28px, calc(28px + 8 * (100vw - 320px) / (640 - 320)));
		/* get *right* up against the rocketship */
		width: calc(100% + 36px);
	}
	.outcomes-blastoff-description {
		/* linear decrease from 17px to 16px @ 640px -> 360px */
		font-size: max(16px, calc(16px + 1 * (100vw - 360px) / (640 - 360)));
		/* linear decrease from 28px to 21px @ 640px -> 320px */
		line-height: max(21px, calc(21px + 7 * (100vw - 320px) / (640 - 320)));
	}
	#outcomes-blastoff-rocket-desktop {
		/* switch to mobile version */
		display: none;
	}
	#outcomes-blastoff-rocket-mobile {
		display: block;
	}
	.outcomes-chart-graph {
		padding-left: 5%;
	}
	.outcomes-chart-image-container > img {
		left: 2%;
	}
	.outcomes-chart-addendum {
		padding-left: 0;
		width: 75%;
		margin: 17% auto 0;
		text-align: center;
	}
	.outcomes-bullet-points-text {
		width: 100%;
		padding: 0 16px;
	}
	.outcomes-bullet-points-text > p {
		padding-right: 0;
	}
	.outcomes-reports-report {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.outcomes-reports-card {
		max-height: 67vw;
		overflow: hidden;
	}
	.outcomes-reports-card-quote-body > p {
		padding-left: 0;
		width: 80%;
	}
	.outcomes-reports-card-quote {
		padding-top: 35px;
	}
	.outcomes-reports-card-quote-author {
		padding-bottom: 50px;
	}
	.outcomes-reports-report.--shrink-on-narrow > .outcomes-reports-mask {
		opacity: 1;
	}
	.outcomes-reports-show-hide-image-container {
		display: block;
		transform: translateY(-75px);
	}
	.outcomes-reports-read-more {
		opacity: 0;
	}
	.outcomes-reports-report.--shrink-on-narrow .outcomes-reports-read-more {
		opacity: 1;
	}
	.outcomes-reports-show-hide::before {
		content: url("/assets/images/office/outcomes/caret_up.svg");
		display: inline-block;
		width: 100%;
	}
	.outcomes-reports-report.--shrink-on-narrow
		.outcomes-reports-show-hide::before {
		/* point down if report is shrunk */
		transform: rotate(180deg);
	}
	.outcomes-reports-link {
		margin-top: 30px;
		margin-bottom: 0;
	}
	.outcomes-reports-report.--shrink-on-narrow > .outcomes-reports-link {
		display: none;
	}
	.outcomes-reports-mask {
		background-image: linear-gradient(to bottom, transparent 60%, white 80%);
	}
	.outcomes-approach-body {
		min-width: unset;
		width: 100%;
	}
}

@media (max-width: 540px) {
	.outcomes-blastoff-text {
		padding-top: 100px;
	}
	.outcomes-stats > * {
		width: 90%;
	}
	.outcomes-stats-statistic, .outcomes-stats-source {
		max-width: unset;
	}
	.outcomes-stats-statistic {
		font-size: 1.3rem;
		line-height: 2.3rem;
	}
	.outcomes-stats-numbers {
		font-size: 1.7rem;
	}
	.outcomes-stats-source {
		font-size: 1.2rem;
		line-height: 2rem;
	}
	.outcomes-reports-card {
		/* the icon above will stop shrinking, so keep this margin constant */
		padding-top: 45px;
	}
	.outcomes-report-summary-text > p {
		font-size: 1.3rem;
		line-height: 2.2rem;
	}
}

@media (max-width: 480px) {
	.outcomes-banner-text {
		width: 95%;
	}
	.outcomes-chart-body {
		width: 93%;
	}
	.outcomes-chart-title {
		font-size: 2.1rem;
		line-height: 3.3rem;
		width: 330px;
	}
	.outcomes-chart-description {
		font-size: 1.3rem;
		line-height: 2.1rem;
		width: 350px;
	}
	.outcomes-bullet-points-text > .outcomes-schedule-demo {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.outcomes-reports-mask {
		background-image: linear-gradient(to bottom, transparent 31%, white 72%);
	}
	.w-form > p {
		/* match styles from phase2a.wf.css */
		font-size: 18px;
	}
}

@media (max-width: 440px) {
	.outcomes-blastoff {
		/* swap to mobile clouds */
		background-image: url("/assets/images/office/outcomes/clouds_mobile.svg"),
			url("/assets/images/office/outcomes/stars.svg"),
			url("/assets/images/office/outcomes/bg_blastoff.svg");
		background-size: 101%, 1920px, 1440px 100%;
		background-position: 0 101%, 0 0, -1px 101%;
		background-repeat: no-repeat;
	}
	.outcomes-blastoff {
		/* linear increase from 900px to 1000px @ 440px -> 360px */
		height: calc(1000px - 100 * (100vw - 360px) / (440 - 360));
	}
	.outcomes-chart-title {
		line-height: 3rem;
		width: 100%;
	}
	.outcomes-chart-description {
		width: 100%;
	}
	.outcomes-quotes-block {
		width: 310px;
		height: 290px;
	}
	.outcomes-quotes-block-text {
		margin: 60px 40px 0;
	}
}

@media (max-width: 360px) {
	.outcomes-button {
		width: 250px;
		height: 60px;
	}
	.outcomes-banner-title {
		font-size: 2.5rem;
		line-height: 3rem;
	}
	.outcomes-blastoff {
		/* linear increase from 1000px to 1075px @ 360px -> 320px */
		height: calc(1075px - 75 * (100vw - 320px) / (360 - 320));
	}
	.outcomes-banner-description {
		font-size: 1.4rem;
		line-height: 2rem;
	}
}

@media (max-width: 340px) {
	.outcomes-chart-addendum {
		width: 85%;
	}
}

/* BA Gifting/Gift Codes page */

/* Text styling for whole page */

.gifting-page div {
	font-feature-settings: "liga" off, "clig" off;
	font-family: "Roboto Flex";
}

/* Custom text styling */

.gifting-h1 {
	align-self: stretch;
	color: #000;
	font-size: 28px;
	font-weight: 600;
	line-height: 112%; /* 31.36px */
}

.gifting-h2 {
	color: #000;
	font-size: 22px;
	font-weight: 600;
	line-height: 112%; /* 24.64px */
}

.gifting-h3 {
	color: #000;
	font-size: 20px;
	font-weight: 600;
	line-height: 112%; /* 22.4px */
}

.gifting-p-large {
	color: #000;
	font-size: 20px;
	font-weight: 400;
	line-height: 130%; /* 26px */
}

.gifting-p-medium {
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 130%; /* 26px */
}

/* GRID */

.gifting-page {
	padding: 40px 0px;
	gap: 80px;
}

.gifting-container {
	padding: 0px 16px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.section-form {
	grid-column: span 4;
}

.subsection-image-desktop {
	display: none;
}

.subsection-image-mobile {
	display: flex;
	align-self: flex-start;
	position: relative;
	flex: 1 1 auto;
	padding: 24px 0px;
	justify-content: center;
}

.gifting-image {
	border-radius: 10px;
	box-shadow: 0 4px 10px -2px lightgray;
}

.subsection-header {
	display: flex;
	justify-content: center;
}

/* Product Selector section */

.subsection-product-selector {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.selector-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	background-color: #ebf7fe;
	border-radius: 8px;
	padding: 24px;
	margin: 32px 0px;
	gap: 16px;
}

.selector-description {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.selector-description .gifting-p-large {
	color: #525152;
	line-height: 112%; /* 22.4px */
}

.selector-price .gifting-h2 {
	color: #2571b1;
	font-size: 24px;
}

.selector-radio {
	display: none;
}

/* Recipient info section */

.subsection-recipient-info {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.form-header {
	margin-bottom: 14px;
}

.form-field-container {
	display: flex;
	flex-direction: column;
}

.form-field-text-container {
	display: flex;
}

.form-field-text {
	color: #262626;
	font-size: 14px;
	font-weight: 600;
	line-height: 28.8px; /* 205.714% */
	letter-spacing: 1px;
	margin-right: 5px;
	text-transform: uppercase;
}

.form-field-input-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}

.form-field-input {
	display: flex;
	height: 40px;
	width: 100%;
	padding: 4px 12px;
	align-items: center;
	align-self: stretch;
	gap: 10px;
	color: #262626;
	font-size: 14px;
	font-weight: 500;
	line-height: 150%; /* 21px */
	letter-spacing: 1px;
	border-radius: 2px;
	border: 1px solid #c2c6cc;
	background: #fff;
}

.form-field-input::placeholder {
	color: #797c80;
}

input[type="date"]::placeholder {
	color: #797c80;
	opacity: 1;
}

input[type="date"] {
	color: #797c80;
	opacity: 1;
	min-width: 95.5%;
}

.personalized-message-input.form-field-input {
	width: 100%;
	resize: none;
	overflow-wrap: break-word;
	height: calc(1.5em * 4);
	padding: 1em;
	line-height: 150%;
	white-space: pre-wrap;
}

.personalized-message-input::placeholder {
	text-align: left;
}

.student-name .form-field-input-container, .delivery-date .form-field-input-container {
	padding-bottom: 12px;
}

.horizontal-line {
	border-top: 1px solid grey;
	margin: 10px 0;
}

.disclaimer-text {
	color: #000;
	font-size: 12px;
	font-style: italic;
	font-weight: 400;
	line-height: 130%;
}

/* Error handling for required fields */

.input-error {
	border: 2px solid #d50032;
}

.error-message {
	color: #d50032;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	visibility: hidden; /* Hidden but occupies space */
	height: 1em;
}

.error-message.visible {
	visibility: visible;
}

/* Buttons */

.subsection-button {
	margin-top: 32px;
	display: flex;
	min-width: 180px;
	justify-content: center;
	align-items: center;
	align-self: stretch;
}

.gifting-btn {
	border: 2px solid #d50032;
}

.gifting-btn.keep-shopping-btn {
	background: #fff;
	color: #d50032;
}

.gifting-btn.add-to-cart-btn, .gifting-btn.checkout-btn {
	background: #d50032;
	color: #fff;
}

.gifting-btn:hover {
	background-color: #8c0523;
	border-color: #8c0523;
	color: #fff;
}

#gifting-added-to-cart-modal {
	display: none;
}

.gifting-modal-wrap {
	position: relative;
	display: flex;
	margin-right: 16px;
	margin-left: 16px;
	padding: 48px 24px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 48px;
	border-radius: 16px;
	border: 1px solid #000;
	background: #fff;
}

.gifting-modal-content {
	display: flex;
	width: 100%;
	flex-direction: row;
	gap: 38px;
}

.gifting-modal-content .modal-text-container {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 16px;
}

.gifting-modal-content .modal-image-container {
	display: none; /* modal image not visible for mobile */
}

.gifting-modal-buttons {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

.modal-close-container {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 16px;
	cursor: pointer;
}

/* Tablet and larger */

@media (min-width: 768px) {
	/* GRID ON DESKTOP*/
	.gifting-page {
		padding: 80px 0px;
		gap: 120px;
	}

	.gifting-container {
		padding-left: 2rem;
		padding-right: 2rem;
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		gap: 36px;
	}

	.section-form {
		grid-column: span 12;
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		gap: 36px;
	}

	.subsection-image-mobile {
		display: none;
	}

	.subsection-image-desktop {
		display: flex;
		grid-column: span 6;
		align-items: flex-start;
		justify-content: flex-end;
	}

	.gifting-form-wrapper {
		grid-column: 7/13;
	}

	.subsection-header {
		padding-bottom: 18px;
		font-size: 38px;
	}

	.selector-container {
		margin: 40px 0px;
	}

	.gifting-modal-content .modal-image-container {
		display: flex;
		flex: 1;
	}

	.gifting-modal-wrap {
		padding: 48px;
		max-width: 720px;
		margin-right: auto;
		margin-left: auto;
	}

	.gifting-modal-buttons {
		flex-direction: row-reverse;
		gap: 32px;
	}
}

/* Desktop and larger */

@media (min-width: 1024px) {
	.gifting-form-wrapper {
		grid-column: 7/12;
	}
}

:root {
	--colors-mainBlue: #1b365d;
	--colors-blue: #0058a8;
	--colors-white: #FFFFFF;
	--colors-red: #ED1940;
	--colors-link: #376fc0;
	--colors-cyan: #00B2DD;
	--colors-grade1-main: #f52338;
	--colors-grade2-main: #FA7E37;
	--colors-grade3-main: #38942C;
	--colors-grade4-main: #3299CC;
	--colors-grade5-main: #84318C;
	--colors-inputBorder: #CCCCCC;
	--colors-yellow: #FFC640;
	--colors-lightGrayFill: #AAAAAA;
	--colors-textBlack: #606060;
	--colors-onlineBlue: #44c2cc;
	--colors-mainGreen: #61ad00;
	--colors-baRed: #d71f26;
	--colors-disabledGrayFill: #CCC;
	--z-topBarMenu: 102;
}

/*# sourceMappingURL=wf_elev.css.map */