
code {color: inherit;}

.background-tile {background-repeat: space;}

.container-with-header.with-sidebar .container-with-header__slots {container-type: inline-size;}

@container (min-width:884px)
{
.container-with-header.with-sidebar .sidebar.sticky {position: sticky; top: 2rem;}
}

/* Warning icon for link opening in new tab */
.newtab {
	mask-image: url("/new-tab.svg");
	mask-size: 100%;
	width: 20px;
	height: 20px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	background-color: currentColor;
	vertical-align: 1rem;}

/* Temporary - overrides file only */

.fix {
	color: red;
	font-size: 2em;
	vertical-align: -.4em;
	line-height: .1em;}

.footer-main a {
	color: #fff;
	text-decoration: underline;
    text-underline-position: .2em;}

.ms-cart-icon__minicartmodal .ms-cart-icon__btn-checkout {display: none;}

/* Make links to additional kit contents unclickable */
.pdp-kit-contents a[aria-label*="DVD Module"],
.pdp-kit-contents a[aria-label*="Handouts"],
.pdp-kit-contents a[aria-label*="Parent Guide"] {
	text-decoration: none;
	pointer-events: none;
	color: inherit;}

@media print
{
.ms-header__topbar,
.ms-header__bottombar,
.footer,
#onetrust-consent-sdk
  {display: none;}
}


/* ActiveCampaign signup form */
.signup li {margin: 1.3em;}

.signup h3 {
	font-size: 1em;
	margin: 0;}


.rounded .ms-content-block__image img {border-radius: 20px;}


/* Returns page */
.two-column-block {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;}

@media screen and (min-width: 900px)
{ .two-column-list {list-style-type: disc; column-count: 2; column-gap: 1rem;}}


.ms-content-block.heading-center .ms-content-block__title,
.heading-center.container-with-header > .container-with-header__header > .container-with-header__title
  {text-align: center;}

.ms-content-block.heading-center .ms-content-block__cta {justify-content: center;}

.cta-center .container-with-header__links {justify-content: center;}

.ms-content-block.layout__testimonial::before {display: block;}

.large-text {font-size: 1.2em; line-height: 1.5em;}


.marketing-pageheader .ms-content-block {
	padding: 4em 5em;
	min-height: 500px;}

/* (Summer Reading) */
.background-fade-right {
  background-position-x: right;}

.background-fade-right .container-with-header__slots > * {
	background-image: linear-gradient(to right, #fff 0%, #fff 45%, transparent 70%);
	margin: 0 auto;
	padding: 0 15%;
	width: 100%;}

.background-fade-right.background__light .container-with-header__slots > * {
	background-image: linear-gradient(to right, #f8f8f8 0%, #f8f8f8 45%, transparent 70%);}

/* (Hub) */
.background-fade-left .container-with-header__slots > * {
	background-image: linear-gradient(to left, #fff 0%, #fff 50%, transparent 80%);
	margin: 0 auto;
	padding: 0 15%;
	width: 100%;}


@media screen and (min-width:768px)
{
.background-fade-left .ms-content-block[data-m-layout="side-by-side"] .ms-content-block__image,
.background-fade-left .ms-content-block.layout__sidebyside .ms-content-block__image,
.background-fade-right .ms-content-block[data-m-layout="side-by-side"] .ms-content-block__image,
.background-fade-right .ms-content-block.layout__sidebyside .ms-content-block__image 
  {flex: 0 1 45%;}
}

@media screen and (max-width:768px)
{
.background-fade-right .container-with-header__slots > * {background: #fff;}
.background-fade-left .container-with-header__slots > * {background: rgba(255,255,255,.8);}

.background-fade-right.background__light .container-with-header__slots > * {background: #f8f8f8;}
}



/* Combining side-by-side and card layouts */

.ms-content-block[data-m-layout="card"].layout__sidebyside:not(.thumbnail) .ms-content-block__image,
.ms-content-block[data-m-layout="side-by-side"].layout__card:not(.thumbnail) .ms-content-block__image
  {align-self: stretch;}

.ms-content-block[data-m-layout="card"].layout__sidebyside:not(.thumbnail) .ms-content-block__image img,
.ms-content-block[data-m-layout="side-by-side"].layout__card:not(.thumbnail) .ms-content-block__image img
  {object-fit: cover;
   height: 100%;}

.ms-content-block[data-m-layout="card"].layout__sidebyside.image-contain .ms-content-block__image img,
.ms-content-block[data-m-layout="side-by-side"].layout__card.image-contain .ms-content-block__image img
  {object-fit: contain;}

.ms-content-block[data-m-layout="card"].layout__sidebyside .ms-content-block__details,
.ms-content-block[data-m-layout="side-by-side"].layout__card .ms-content-block__details
  {padding-top: 0;}

.ms-content-block[data-m-layout="card"].layout__sidebyside .ms-content-block__text + .ms-content-block__cta,
.ms-content-block[data-m-layout="side-by-side"].layout__card .ms-content-block__text + .ms-content-block__cta
  {margin: 15px 0;}

@media (min-width: 576px)
{
.ms-content-block[data-m-layout="card"].layout__sidebyside:not(.thumbnail) .ms-content-block__image img,
.ms-content-block[data-m-layout="side-by-side"].layout__card:not(.thumbnail) .ms-content-block__image img
  {border-radius: 20px 0 0 20px;}

.ms-content-block[data-m-layout="card"].layout__sidebyside .ms-content-block__details,
.ms-content-block[data-m-layout="side-by-side"].layout__card .ms-content-block__details
  {padding: 1em 1em 1em 0;}
}


/* Content Block - Promo layout styling */

.ms-content-block[data-m-layout="promo-block"] .ms-content-block__image {z-index: auto;}

.ms-content-block[data-m-layout="promo-block"] .ms-content-block__details
  {position: relative;
   max-width: 60%;
   margin: 0 auto;}

.ms-content-block[data-m-layout="promo-block"] {container-type: inline-size; container-name: promo;}

.ms-content-block[data-m-layout="promo-block"][class*="gradient"] > .ms-content-block__image::before {width: 80%;}

.ms-content-block[data-m-layout="promo-block"].background__white.gradient__left > .ms-content-block__image::before {background: linear-gradient(270deg, transparent 0, rgba(255,255,255,0.6) 20%, rgba(255,255,255,0.9) 100%);}
.ms-content-block[data-m-layout="promo-block"].background__white.gradient__right > .ms-content-block__image::before {background: linear-gradient(90deg, transparent 0, rgba(255,255,255,0.6) 20%, rgba(255,255,255,0.9) 100%); left: auto;}

.ms-content-block[data-m-layout="promo-block"].background__light.gradient__left > .ms-content-block__image::before {background: linear-gradient(270deg, transparent 0, rgba(241,241,241,0.6) 20%, rgba(241,241,241,0.9) 100%);}
.ms-content-block[data-m-layout="promo-block"].background__light.gradient__right > .ms-content-block__image::before {background: linear-gradient(90deg, transparent 0, rgba(241,241,241,0.6) 20%, rgba(241,241,241,0.9) 100%); left: auto;}

.ms-content-block[data-m-layout="promo-block"].background__dark.gradient__left > .ms-content-block__image::before {background: linear-gradient(270deg, transparent 0, rgba(12,117,145,0.6) 20%, rgba(12,117,145,0.9) 100%);}
.ms-content-block[data-m-layout="promo-block"].background__dark.gradient__right > .ms-content-block__image::before {background: linear-gradient(90deg, transparent 0, rgba(12,117,145,0.6) 20%, rgba(12,117,145,0.9) 100%); left: auto;}

.ms-content-block[data-m-layout="promo-block"].background__accent.gradient__left > .ms-content-block__image::before {background: linear-gradient(270deg, transparent 0, rgba(109,66,174,0.6) 20%, rgba(109,66,174,0.9) 100%);}
.ms-content-block[data-m-layout="promo-block"].background__accent.gradient__right > .ms-content-block__image::before {background: linear-gradient(90deg, transparent 0, rgba(109,66,174,0.6) 20%, rgba(109,66,174,0.9) 100%); left: auto;}

.ms-content-block[data-m-layout="promo-block"].background__transparent.gradient__left > .ms-content-block__image::before,
.ms-content-block[data-m-layout="promo-block"].background__transparent.gradient__right > .ms-content-block__image::before
  {background: transparent;}

@container promo (max-width:1200px)
{
.ms-content-block[data-m-layout="promo-block"][class*="gradient"] > .ms-content-block__image::before {width: 60%;}

.ms-content-block[data-m-layout="promo-block"][class*="gradient"] .ms-content-block__details {margin: 0;}

.ms-content-block[data-m-layout="promo-block"][class*="gradient"].horizontalalignment__center .ms-content-block__details,
.ms-content-block[data-m-layout="promo-block"][class*="gradient"].horizontalalignment__right .ms-content-block__details
  {margin: 0 0 0 auto;}
}

@container promo (max-width:600px)
{
.ms-content-block[data-m-layout="promo-block"][class*="gradient"] > .ms-content-block__image::before {width: 100%;}

.ms-content-block[data-m-layout="promo-block"] .ms-content-block__details {max-width: 100%;}

.ms-content-block[data-m-layout="promo-block"].background__transparent.gradient__left > .ms-content-block__image::before {background: linear-gradient(270deg, transparent 0, rgba(255,255,255,0.6) 20%, rgba(255,255,255,0.9) 100%);}
.ms-content-block[data-m-layout="promo-block"].background__transparent.gradient__right > .ms-content-block__image::before {background: linear-gradient(90deg, transparent 0, rgba(255,255,255,0.6) 20%, rgba(255,255,255,0.9) 100%); left: auto;}

.ms-content-block[data-m-layout="promo-block"].headingstyle__inverse.background__transparent.gradient__left > .ms-content-block__image::before {background: linear-gradient(270deg, transparent 0, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0.9) 100%);}
.ms-content-block[data-m-layout="promo-block"].headingstyle__inverse.background__transparent.gradient__right > .ms-content-block__image::before {background: linear-gradient(90deg, transparent 0, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0.9) 100%); left: auto;}
}

.ms-content-block[data-m-layout="promo-block"].image-contain .ms-content-block__image img {object-fit: contain;}

.ms-content-block[data-m-layout="promo-block"].background-left .ms-content-block__image img {object-position: left;}

.ms-content-block[data-m-layout="promo-block"].background-right .ms-content-block__image img {object-position: right;}

.ms-content-block[data-m-layout="promo-block"] .ms-content-block__text + .ms-content-block__cta {margin-bottom: 0;}


/* Override unwanted promo block styles */
.ms-content-block.ctastyle__secondaryinverse .ms-content-block__cta > a,
.ms-content-block.ctastyle__secondaryinverse .ms-content-block__cta > a:hover,
.ms-content-block.ctastyle__secondaryinverse .ms-content-block__cta > a:focus {color: #0c7591;}
.ms-content-block.ctastyle__featured .ms-content-block__cta > a,
.ms-content-block.ctastyle__featured .ms-content-block__cta > a:hover,
.ms-content-block.ctastyle__featured .ms-content-block__cta > a:focus {color: #000;}

.ms-content-block[data-m-layout="promo-block"].headingstyle__default .ms-content-block__details h1,
.ms-content-block[data-m-layout="promo-block"].headingstyle__default .ms-content-block__details h2,
.ms-content-block[data-m-layout="promo-block"].headingstyle__default .ms-content-block__details h3,
.ms-content-block[data-m-layout="promo-block"].headingstyle__default .ms-content-block__details h4,
.ms-content-block[data-m-layout="promo-block"].headingstyle__default .ms-content-block__details h5,
.ms-content-block[data-m-layout="promo-block"].headingstyle__default .ms-content-block__details h6,
.ms-content-block[data-m-layout="promo-block"].headingstyle__default .ms-content-block__details p,
.ms-content-block[data-m-layout="promo-block"].headingstyle__default .ms-content-block__details span
  {color: #334;}

.ms-content-block[data-m-layout="promo-block"].headingstyle__accent .ms-content-block__details h1,
.ms-content-block[data-m-layout="promo-block"].headingstyle__accent .ms-content-block__details h2,
.ms-content-block[data-m-layout="promo-block"].headingstyle__accent .ms-content-block__details h3,
.ms-content-block[data-m-layout="promo-block"].headingstyle__accent .ms-content-block__details h4,
.ms-content-block[data-m-layout="promo-block"].headingstyle__accent .ms-content-block__details h5,
.ms-content-block[data-m-layout="promo-block"].headingstyle__accent .ms-content-block__details h6,
.ms-content-block[data-m-layout="promo-block"].headingstyle__accent .ms-content-block__details p,
.ms-content-block[data-m-layout="promo-block"].headingstyle__accent .ms-content-block__details span
  {color: #667;}

.ms-content-block[data-m-layout="promo-block"].headingstyle__accentinverse .ms-content-block__details h1,
.ms-content-block[data-m-layout="promo-block"].headingstyle__accentinverse .ms-content-block__details h2,
.ms-content-block[data-m-layout="promo-block"].headingstyle__accentinverse .ms-content-block__details h3,
.ms-content-block[data-m-layout="promo-block"].headingstyle__accentinverse .ms-content-block__details h4,
.ms-content-block[data-m-layout="promo-block"].headingstyle__accentinverse .ms-content-block__details h5,
.ms-content-block[data-m-layout="promo-block"].headingstyle__accentinverse .ms-content-block__details h6,
.ms-content-block[data-m-layout="promo-block"].headingstyle__accentinverse .ms-content-block__details p,
.ms-content-block[data-m-layout="promo-block"].headingstyle__accentinverse .ms-content-block__details span
  {color: #D9CFEC;}

.ms-content-block[data-m-layout="promo-block"].headingstyle__featured .ms-content-block__details h1,
.ms-content-block[data-m-layout="promo-block"].headingstyle__featured .ms-content-block__details h2,
.ms-content-block[data-m-layout="promo-block"].headingstyle__featured .ms-content-block__details h3,
.ms-content-block[data-m-layout="promo-block"].headingstyle__featured .ms-content-block__details h4,
.ms-content-block[data-m-layout="promo-block"].headingstyle__featured .ms-content-block__details h5,
.ms-content-block[data-m-layout="promo-block"].headingstyle__featured .ms-content-block__details h6,
.ms-content-block[data-m-layout="promo-block"].headingstyle__featured .ms-content-block__details p,
.ms-content-block[data-m-layout="promo-block"].headingstyle__featured .ms-content-block__details span
  {color: #00879e;}


/***** Tab module *****/

/* 4th distinctive */

.ms-tab.promo .ms-tab-tabs-section-li {
	padding: 1rem 2rem;
}

@media screen and (max-width:680px)
{
.ms-tab.promo .ms-tab-tabs-section-li {padding: .8rem; flex: 1 1 auto;}
}

@media screen and (max-width:550px)
{
.ms-tab.promo {margin: 0 -40px;}

.ms-tab.promo .ms-tab-tabs-section-li .ms-tab-item-header {font-size: .8em;}
}

.ms-tab.promo .promo__info .promo__icons > .container-with-header__slots {
	column-gap: 20px;
	row-gap: 2rem;
}

.ms-tab.promo .promo__info .promo__icons > .container-with-header__slots > .ms-content-block {
	flex: 1 1 calc(50% - 20px);
}

.ms-tab .technology::before {
	content: '';
	display: block;
	width: 50px;
	height: 50px;
	mask: url("https://files-us-prod.cms.commerce.dynamics.com/cms/api/wbmpgcjfws/binary/MA7DsR") no-repeat 50% 50%;
	mask-size: contain;
	background-color: #9ae9fc;}

/***** End Tab module *****/


/* Tables */

tr.header {border-bottom: 2px solid #aab; background-color: #E6E6EC;}

colgroup {border-right: 2px solid #aab;}

/* Rotate headers in tables with many columns (Technology Availability Chart) */
.ms-text-block.wide-table {container-type: inline-size; container-name: table;}

@container table (max-width:1260px)
{
.ms-text-block.wide-table > div {padding-right: 100px;}

table.wide {border: none; border-bottom: 2px solid #aab;}

table.wide tr.header {background-color: transparent;}

table.wide colgroup {border-right: none;}

/* Add a border for mid-table headers */
table.wide tr + tr.header {border-top: 2px solid #aab;}

/* Two row headers */
table.wide.double-header .header th:first-child div,
table.wide.double-header .header th:nth-child(2) div {display: none;}

table.wide th[scope="col"] {
	position: relative;
	border: none;
    height: 160px;}

/* Diagonal at medium screen sizes */
table.wide th[scope="col"] div {
	position: absolute;
	transform: rotate(-45deg);
	white-space: nowrap;
	bottom: -7px;
	left: calc(100% - 12px);
	transform-origin: center left;
	border-bottom: 1px solid #aab;
	padding: 5px;
	width: 200px;}

table.wide th[scope="row"]:first-child {
	border-left: 2px solid #aab;}

table.wide th[scope="row"]:nth-child(2) {
	border-right: 2px solid #aab;}

table.wide td {
    padding: 5px;
	width: 50px;
	text-align: center;}

table.wide td:last-child {border-right: 2px solid #aab;}
}

/* Vertical at small screen sizes */
@container (max-width:600px)
{
.ms-text-block.wide-table > div {padding-right: 0;}

table.wide {margin-top: 50px;}

table.wide th[scope="col"] div {
    transform: rotate(-90deg);
    bottom: -16px;
	left: calc(100% - 16px);
    width: auto;
}
}
