/*
* Theme Name: Early Discovery Network
Theme URI:
Author: Bugbear Creative
Author URI:
Description: Theme for early education projects
License: GNU
License URI:
Text Domain: bbeed
Tags:
font-family: futura-pt, sans-serif;
font-weight: 300;
font-style: normal;
font-family: futura-pt, sans-serif;
font-weight: 300;
font-style: italic;
font-family: futura-pt, sans-serif;
font-weight: 800;
font-style: normal;
*/
@import url(fonts.css);
:root {
--triangle: url("data:image/svg+xml,");
--quotes: url('data:image/svg+xml,');
}
*,
*::before,
*::after {
border: 0;
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body {
background-color: #FFF;
color: #202022;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 300;
line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 0.25em 0;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
line-height: 1.2
}
h1 { font-size: 2.5rem; }
h2 { font-size: 2.25rem; }
h3 { font-size: 2rem; }
h4 { font-size: 1.75rem; }
h5 { font-size: 1.5rem; }
h6 { font-size: 1.25rem; }
p {
padding: 0 0 1.25rem 0;
line-height: 1.4;
}
ol, ul {
list-style: none;
}
blockquote {
clear: both;
}
cite {
display: block;
margin: 0 4vw 0 0;
font-size: 0.8rem;
line-height: 1.3;
text-align: right;
}
.sidebar cite {
margin: 0;
}
a {
color: currentColor;
}
img,
iframe{
max-width: 100%;
height: auto;
}
em, i {
font-style: italic;
}
sup {
font-size: 0.6em;
vertical-align: super;
}
strong, b {
position: relative;
top: 0.02em;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: 400;
line-height: 1;
}
small {
font-size: 0.8em;
}
input,
textarea,
label,
select {
box-sizing: border-box;
font-family: inherit;
font-size: 1.25rem;
}
input[type="text"],
input[type="email"],
textarea {
border: 1px solid #CCC;
padding: 0.5rem;
line-height: 1.3;
}
input[type="search"] {
-webkit-appearance: none;
border: 1px solid #999;
border-radius: 0;
}
button[type="submit"],
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
display: block;
border: 2px solid transparent;
border-radius: 2rem;
margin: 1rem 0;
padding: 0.75rem 1rem 0.625rem 1rem;
box-sizing: border-box;
font-size: 1.25rem;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
line-height: 1;
text-transform: uppercase;
}
@media screen and (min-width: 53em) {
.alignleft {
float: left;
margin: 0 1rem 1rem 0;
}
.alignright {
float: right;
margin: 0 0 1rem 1rem;
}
}
@media screen and (min-width: 64em) {
.alignleft,
.alignright {
display: block;
float: none;
margin: 0 0 1rem 0;
}
}
@media screen and (min-width: 75em) {
.alignleft {
float: left;
margin: 0 2rem 1rem 0;
}
.alignright {
float: right;
margin: 0 0 1rem 2rem;
}
}
.flex-space-between {
justify-content: space-between;
}
.small-caps-heading,
.small-caps-heading.page-title {
margin: 0 0 1.5rem 0;
padding: 2rem 0 0 0;
color: #202022;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 1.375rem;
letter-spacing: 0.125em;
line-height: 1.2;
text-transform: uppercase;
}
.small-caps {
color: #202022;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
letter-spacing: 0.125em;
line-height: 1.2;
text-transform: uppercase;
}
.white-bold strong {
color: #FFF;
}
.triangle-end::after,
.triangle-end-child > a::after{
content: var(--triangle);
display: inline-block;
width: 1em;
/*position: absolute;*/
margin: 0.125em 0 0 0.25rem;
vertical-align: middle;
line-height: inherit;
}
.triangle-end::after svg {
fill:#FFF;
}
.columns-2 {
columns: 2;
}
/*.columns > * {
break-inside: avoid;
}*/
@media screen and (max-width: 599px) {
.columns[class*="columns-"] {
columns: 1;
}
}
.popup {
width: 100%;
height: 100%;
background-color: hsla(0, 0%, 0%, 0.6);
position: fixed;
top: 0;
left: 0;
z-index: -1;
overflow: auto;
opacity: 0;
transition: opacity 0.25s, z-index 0.01s 0.26s;
}
.popup.visible {
z-index: 2000;
opacity: 1;
transition: opacity 0.25s, z-index 0.25s;
}
.popup-close {
-webkit-appearance: none;
-moz-appearance: none;
width: 3em;
height: 3em;
background: radial-gradient(circle, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 20%, rgba(255,255,255,0) 60%);
position: fixed;
top: 2em;
right: 2em;
border: 0;
}
.popup-close::before,
.popup-close::after {
content: '';
display: block;
width: 100%;
height: 0.625em;
background-color: #FFF;
position: absolute;
top: 50%;
left: 0;
margin: -0.625em 0 0 0;
transform: translate3d(0, 50%, 0) rotate(45deg);
}
.popup-close::after {
transform: translate3d(0, 50%, 0) rotate(-45deg);
}
.popup-close:focus {
outline: 0;
box-shadow: none;
}
.popup-header {
padding: 1rem 2rem;
}
.colored-bar .popup-title {
margin: 0;
color: #FFF;
font-size: 2.75rem;
text-align: center;
}
.popup-content {
max-width: 90%;
width: calc(100% - 4em);
background-color: #FFF;
margin: 4em auto;
padding: 2em;
overflow: auto;
}
.colored-bar .popup-content {
max-width: 48rem;
border-bottom: 2rem solid #999;
padding: 0;
}
.colored-bar .popup-content-inner {
padding: 2rem 4rem;
}
@media screen and (min-width: 64em) {
.popup-content {
max-width: 56em;
}
}
.popup-content .contact-heading {
margin: 0 0 1.5rem 0;
font-size: 1.75rem;
}
@media screen and (min-width: 42rem) {
.popup-content .contact-heading {
font-size: 2.25rem;
}
}
.lesson-letter-heading {
clear: both;
margin: 0 0 1em 0;
color: #AB56A1;
}
/*.popup-connect-logo,
.popup-share-logo {
display: flex;
flex-flow: row wrap;
max-width: 30rem;
margin: 0 auto;
}
.popup-connect-logo svg,
.popup-share-logo svg {
flex: 0 0 23%;
margin: 1%;
}*/
.popup-connect .popup-content p {
margin: 0 0 2em 0;
font-size: 1.25em;
}
.popup-content .sharedaddy {
display: flex;
flex-flow: row wrap;
justify-content: center;
text-align: center;
}
.popup-content div.sharedaddy h3.sd-title {
font-size: 1.25em;
}
.popup-content div.sharedaddy h3.sd-title:before {
display: none;
}
.page-template-lessons-by-title .sharedaddy,
.page-template-lessons-by-material .sharedaddy,
.archive .sharedaddy {
display: none;
}
.popup-content .sd-content ul li a.sd-button:before {
font: normal 36px/1 social-logos;
}
[class*="embed-wrapper-"] {
position: relative;
height: 0;
}
[class*="embed-wrapper-"] video,
[class*="embed-wrapper-"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.embed-wrapper-16x9 {
padding-top: 56.25%;
}
.tab-group {
clear: both;
padding: 2rem 0;
overflow: hidden;
}
.tab-group .tabs {
list-style: none;
padding: 0;
}
.tab-group .tab {
border-radius: 0.5rem;
margin: 0 0 0.5rem 0;
padding: 0;
overflow: hidden;
}
.tab-group .tab::before {
display: none;
}
@media screen and (min-width: 48.1em) {
.tab-group .tabs {
display: flex;
flex-flow: row wrap;
}
.tab-group .tab {
border-radius: 0.5rem 0.5rem 0 0;
margin: 0 0.5rem 0 0;
}
}
.tab a {
display: block;
background-color: #F4F4F4;
padding: 0.5rem 1rem;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
font-size: 1rem;
text-align: center;
text-transform: lowercase;
}
.tab a.active {
background-color: #CCCCCC;
}
.tab-content {
display: none;
background-color: #F4F4F4;
padding: 2rem;
}
.tab-content.visible {
display: block;
}
.tab-content-primary-heading {
margin: 0 0 1em 0;
}
.site {
margin: auto;
}
.page-wrap {
}
.page-main {
padding: 2rem;
overflow: hidden;
}
.page-wrap.page-full-width .page-main {
padding: 2rem 0;
}
.page-content {
/*container: page-content / inline-size;*/
}
@media screen and (min-width: 64em) {
.page-wrap {
display: flex;
flex-flow: row wrap;
}
.page-main {
flex: 0 0 calc(100% - 24rem);
order: 2;
padding: 2rem 0 2rem 2rem;
}
.page-main:only-child {
flex: 0 0 100%;
padding: 2rem;
margin: auto;
}
}
.page-main ol,
.page-main ul,
.popup-content ol,
.popup-content ul {
padding: 0 0 1.25rem 1.5rem;
}
.page-main ol,
.popup-content ol{
list-style: decimal;
}
.page-main li,
.popup-content li {
position: relative;
margin: 0 0 0.5rem 0;
line-height: 1.3;
}
.page-main li:last-child:not(.tab, .standard),
.popup-content li:last-child {
margin: 0;
}
.page-main ul > li::before,
.popup-content ul > li::before {
content: '';
display: block;
width: 0.5em;
height: 0.5em;
background-color: #222;
position: absolute;
top: 0.375em;
left: -1em;
border-radius: 50%;
line-height: 1;
}
.page-main ul ul li::before,
.popup-content ul ul > li::before {
width: 0.375em;
height: 0.375em;
background-color: #FFF;
border: 1px solid #222;
}
.page-main ol ol,
.page-main ol ul,
.page-main ul ol,
.page-main ul ul,
.popup-content ol ol,
.popup-content ol ul,
.popup-content ul ol,
.popup-content ul ul {
padding: 0.5rem 0 1.25rem 1.5rem;
}
.wp-block-separator {
border-bottom: 0;
border-color: #CCC;
border-width: 2px;
clear: both;
margin: 2rem 0;
}
p + .wp-block-separator {
margin: 0.5rem 0 2rem 0;
}
.wp-block-image > a {
display: block;
}
[class*="bbeed-post-image"] {
margin-bottom: 1rem;
}
@media screen and (min-width: 53em) {
[class*="bbeed-post-image"] {
max-width: 35rem;
}
.bbeed-post-image-right {
float: right;
margin-left: 2rem;
}
.bbeed-post-image-left {
float: left;
margin-right: 2rem;
}
}
@media screen and (min-width: 64em) {
[class*="bbeed-post-image"] {
width: 100%;
max-width: none;
}
}
@media screen and (min-width: 75em) {
[class*="bbeed-post-image"] {
max-width: 48rem;
width: calc(68% - 2rem);
margin-bottom: 1rem;
}
}
.single-post .post-content .wp-block-image {
max-width: 100%;
}
/*.wp-block-image figure {
width: 100%;
}
.wp-block-image img {
width: 100%;
}*/
.wp-block-image.aligncenter {
margin: auto;
}
.wp-block-image figcaption {
margin-bottom: 0;
padding: 0 0.25rem;
font-size: 0.8rem;
line-height: 1.5;
text-align: left;
}
.wp-caption {
max-width: 100% !important;
margin: 0 0 1rem 0;
overflow: hidden;
}
@media screen and (min-width: 48em) {
.wp-caption.alignright {
margin: 0 0 1rem 1rem;
}
.wp-caption.alignleft {
margin: 0 1rem 1rem 0;
}
}
.wp-caption-text {
font-size: 0.8rem;
line-height: 1.3;
}
.wp-block-quote {
padding: 0 0 2rem 0;
}
.wp-block-quote.hanging-quotes {
position: relative;
padding: 0 2.5rem 2rem 2.5rem;
}
.wp-block-quote > :first-child::before,
.wp-block-quote > :first-child::after {
content: var(--quotes);/*url(images/quotes.svg)*/;
display: inline-block;
position: relative;
top: 0.125em;
width: 1em;
height: 1em;
margin: 0 4px 0 0;
line-height: 1;
}
.wp-block-quote > :first-child::before {
vertical-align: text-top;
}
.wp-block-quote > :first-child::after {
top: -0.125em;
margin: 0 0 0 4px;
transform: rotate(180deg);
}
.wp-block-quote.hanging-quotes > :first-child::before,
.wp-block-quote.hanging-quotes > :first-child::after {
display: block;
position: absolute;
top: 0;
left: 0;
}
.wp-block-quote.hanging-quotes > :first-child::after {
left: auto;
right: 0;
}
.wp-block-quote > p,
.callout-content .wp-block-quote > p {
line-height: 1.4;
}
.wp-block-quote p:last-of-type {
padding: 0 0 0.75rem 0;
}
.hidden {
display: none!important;
}
.cf {
clear: both;
}
.font-size-2x {
font-size: 2rem;
}
.font-size-3x {
font-size: 3rem;
}
.lh-1 {
line-height: 1;
}
.lh-125 {
line-height: 1.25;
}
.margin-bottom-none {
margin-bottom: 0;
}
.margin-bottom-0_5rem {
margin-bottom: 0.5rem;
}
.margin-bottom-1rem {
margin-bottom: 1rem;
}
.margin-bottom-2rem {
margin-bottom: 2rem;
}
.padding-b-none {
padding-bottom: 0;
}
.bordrad-none,
[class].bordrad-none,
[class].wp-block-group.bordrad-none > .wp-block-group__inner-container {
border-radius: 0;
}
.bordrad-1rem {
border-radius: 1rem;
overflow: hidden;
}
.bordrad-2rem {
border-radius: 2rem;
overflow: hidden;
}
.bordrad-none.callout {
padding-bottom: 0;
}
.bordrad-none.callout :last-child {
margin-bottom: 0;
}
.bordrad-none.callout .callout-content {
padding: 0.5rem 0 0 0;
}
.callouts-wrap {
container: callouts-wrap / inline-size;
}
.callouts-wrap > .wp-block-group__inner-container {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
gap: 1.25rem;
}
.wp-block-group.callout > .wp-block-group__inner-container {
display: flex;
flex-flow: row wrap;
flex: 0 0 100%;
border-radius: 2rem;
margin: 0 0 2rem 0;
overflow: hidden;
}
.widget .wp-block-group.callout > .wp-block-group__inner-container {
margin: 0;
}
.widget .callout {
margin: 0;
}
.email-video-callout {
padding: 1rem;
}
.callout a {
color: inherit;
text-decoration: none;
cursor: pointer;
}
.callout a img {
transform: scale(1);
transition: transform 0.2s;
}
.callout a:hover img {
transform: scale(1.1);
text-decoration: none;
}
.bordrad-none.callout .callout-image + .callout-content {
padding: 0.5rem 0 0 0;
}
.callout-content p {
font-size: 1.25rem;
}
.bbeed-grid {
display: grid;
place-items: center;
}
.row-items-3 .wp-block-image {
margin: 0 0 2rem 0;
}
@container callout (min-width: 40em) {
.bordrad-none.callout .callout-image + .callout-content {
padding: 1.25rem;
}
}
@container callouts-wrap (min-width: 56.25em) {
.callout {
flex: 1;
}
.row-items-3 > *,
.row-items-3 > .wp-block-group__inner-container > * {
flex: 0 0 calc(33.333% - 2rem);
}
}
@media screen and (min-width: 600px) and (max-width: 782px) {
.homepage-blog .wp-block-column:nth-child(3n){
flex-basis: 100%!important;
}
}
.homepage-blog {}
.medium-text {
font-size: 1.25rem;
}
.large-text,
.large-text p {
font-size: 1.5rem;
}
.drop-cap:first-letter {
float: left;
margin: 0 0.25rem -1.25rem 0;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
font-size: 5.25em;
font-weight: 900;
vertical-align: bottom;
line-height:0.9;
}
.site-header {
position: relative;
padding: 0 2rem;
}
.search-wrap {
width: 100%;
height: auto;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s;
}
.search-wrap.visible {
max-height: 8rem;
transition: max-height 0.3s;
}
.default-search.search-form {
display: flex;
flex-flow: row wrap;
justify-content: center;
background-color: #EEE;
margin: 1rem 0 0 0;
padding: 2rem 2.5rem;
}
.search-field-wrap {
width: calc(100% - 4.5rem);
}
@media screen and (min-width: 32.5em) {
.search-field-wrap {
width: auto;
}
}
.default-search .search-field {
display: block;
padding: 0.25rem;
font-size: 1.75rem;
}
.default-search .search-submit {
background-color: #999;
border-radius: 0;
margin: 0 0 0 1rem;
padding: 0.5rem;
}
.icon-search {
display: block;
width: 2rem;
height: 2rem;
fill: #000;
transform: rotate(90deg);
}
.default-search .search-submit .icon-search {}
.search-toggle {
-webkit-appearance: none;
-moz-appearance: none;
background-color: transparent;
position: relative;
border: 0;
padding: 0.5rem;
}
.search-toggle::before,
.search-toggle::after {
content: '';
width: 2rem;
height: 0.25rem;
background-color: #222;
position: absolute;
top: calc(50% - 0.125rem);
left: 0.5rem;
transform: rotate(0deg);
opacity: 0;
transition: opacity 0.2s, transform 0.3s;
}
.search-toggle.active::before {
transform: rotate(45deg);
}
.search-toggle.active::after {
transform: rotate(-45deg);
}
.search-toggle.active::before,
.search-toggle.active::after {
opacity: 1;
}
.search-toggle:focus {
box-shadow: none;
}
.search-toggle .icon-search-icon {
width: 2rem;
height: 2rem;
fill: #222;
opacity: 1;
transition: opacity 0.2s;
}
.search-toggle.active .icon-search-icon {
opacity: 0;
}
.top-nav-wrap {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: center;
width: 100%;
}
.top-nav {
display: flex;
flex-flow: row wrap;
margin: 0 1rem 0 0;
padding: 0;
}
.top-nav a {
display: block;
padding: 0.5rem;
color: #202022;
/*font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;*/
}
.search-toggle .icon-search-icon {
fill: #000;
}
.search-toggle::before, .search-toggle::after {
background-color: #000;
}
.default-search .search-submit {
background-color: #000;
}
.logo-wrap {
width: 100%;
margin: auto;
}
.site-title, .tagline {
width: 100%;
margin: 0;
font-family: 'futura-pt', 'Open Sans', Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 300;
line-height: 1;
text-align: center;
}
.tagline {
font-family: 'futura-pt', 'Open Sans', Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: 300;
}
.site-title-em,
.tagline-em {
font-family: 'futura-pt', 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
font-weight: 800;
font-style: normal;
letter-spacing: 0;
}
.logo-line {
display: block;
fill: none;
stroke: #231f20;
stroke-width: 1.45px;
width: 100%;
margin: 0 auto 0.5rem auto;
}
@media screen and (min-width: 48.1em) {
.top-nav-wrap {
position: absolute;
top: 1rem;
right: 2rem;
transition: top 0.3s;
}
.search-wrap.visible + .top-nav-wrap {
top: 8rem;
}
.site-title-em {
display: inline-block;
padding: 0.25rem 0 0 0;
}
}
.main-menu-toggle-wrap {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
width: 100%;
background-color: #999;
margin: 0 0 0.25rem 0;
}
.main-menu-toggle {
-webkit-appearance: none;
-moz-appearance: none;
height: 3rem;
width: 3rem;
background-color: #999;
position: relative;
border: 0;
margin: 0;
padding: 0.5rem;
}
.main-menu-toggle:focus {
outline: 0;
box-shadow: none;
}
.main-menu-toggle::before,
.main-menu-toggle:after,
.main-menu-toggle-bar {
width: 2rem;
height: 0.375rem;
background-color: #FFF;
position: absolute;
transform: rotate(0deg);
transition: transform 0.25s, width 0.25s;
}
.main-menu-toggle-bar {
top: calc(50% - 0.1875rem);
left: 0.5rem;
opacity: 1;
transform-origin: center;
transition: transform 0.25s, opacity 0.1s;
}
.main-menu-toggle::before,
.main-menu-toggle:after {
content: '';
transform-origin: left center;
}
.main-menu-toggle::before {
top: 0.5rem;
left: 0.5rem;
}
.main-menu-toggle:after {
bottom: 0.5rem;
left: 0.5rem;
}
.main-menu-toggle.close-menu .main-menu-toggle-bar {
opacity: 0;
transform: rotate(45deg);
}
.main-menu-toggle.close-menu::before {
width: 2.3rem;
transform: rotate(45deg);
}
.main-menu-toggle.close-menu::after {
width: 2.3rem;
transform: rotate(-45deg);
}
.sub-menu-toggle {
-webkit-appearance: none;
-moz-appearance: none;
display: none;
background-color: transparent;
}
.menu-item-has-children > .sub-menu-toggle {
display: -webkit-flex;
display: flex;
-webkit-appearance: none;
-moz-appearance: none;
width: 3rem;
-webkit-align-items: center;
-webkit-justify-content: center;
align-items: center;
justify-content: center;
position: relative;
border: 0;
padding: 0;
color: #FFF;
}
.sub-menu-toggle::after {
content: url('images/triangle-white.svg');
display: block;
width: 0.75rem;
box-sizing: border-box;
transform: rotate(90deg);
transform-origin: center;
line-height: 1;
}
.sub-menu-toggle:focus {
box-shadow: none;
}
.sub-menu-toggle.active::after {
transform: rotate(270deg);
display: inline-block;
vertical-align: middle;
}
.main-nav {
width: 100%;
max-height: 0;
background-color: #FFF;
position: relative;
margin: 0;
overflow: hidden;
transition: max-height 0.3s;
z-index: 1000;
}
.main-nav.visible {
max-height: 70em;
transition: max-height 0.6s;
}
.main-nav li {
display: flex;
flex-flow: row wrap;
position: relative;
padding: 0.25rem;
}
.main-nav a {
display: block;
width: 100%;
background-color: #999;
padding: 1rem;
color: #FFF;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
font-size: 0.875rem;
font-weight: 900;
text-decoration: none;
transition: background-color 0.2s;
}
.main-nav a:focus,
.main-nav a:hover {
background-color: #666;
outline: 0;
}
.main-nav .menu-item-has-children > a {
width: calc(100% - 3rem);
}
.main-nav .current-menu-item > a {
background-color: #666;
}
.main-nav .sub-menu {
max-height: 0;
width: 100%;
background-color: #FFF;
overflow: hidden;
box-shadow: 0 0.25em 0.25em 0 hsla(0, 0%, 0%, 0.3);
transition: max-height 0.3s;
}
.main-nav .sub-menu.visible {
max-height: 50em;
transition: max-height 0.6s;
}
.main-nav .sub-menu li {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content: center;
justify-content: center;
margin: 0.25em;
}
/* PAGE */
.page-title {
margin: 0 0 2rem 0;
font-size: 2.5rem;
}
.home .page-title {
display: none;
}
/* KNOWLEDGE VIDEOS */
.knowledge-videos {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
width: 100%;
}
.knowledge-video {
flex: 0 0 100%;
margin: 2rem 0;
}
.knowledge-video .popup-link {
display: block;
position: relative;
}
.knowledge-video .popup-link::before {
content: '';
display: block;
width: 5em;
height: 5em;
background-color: hsla(0, 0%, 100%, 0.6);
position: absolute;
top: calc(50% - 2.5rem);
left: calc(50% - 2.5rem);
z-index: 1;
border-radius: 50%;
}
.knowledge-video .popup-link::after {
content: url('images/triangle-white.svg');
display: block;
width: 3rem;
position: absolute;
top: calc(50% - 1.5rem);
left: calc(50% - 1.25rem);
}
.knowledge-video-image img {
display: block;
width: 100%;
}
.knowledge-video-heading {
color: #FFF;
font-size: 1.65rem;
}
.knowledge-video-text.callout-content {
padding: 0.75rem 1.25rem 1.25rem 1.25rem;
}
.knowledge-video-text.callout-content p{
line-height: 1.4;
}
@media screen and (min-width: 46em) {
.knowledge-video {
flex: 0 0 calc(50% - 2rem);
}
}
@media screen and (min-width: 80em) {
.knowledge-video {
max-width: 20rem;
flex: 0 0 calc(33.3% - 1rem);
}
}
.lesson {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
[class$="list-section"] {
padding: 0 0 2rem 0;
columns: 2;
page-break-inside: avoid;
break-inside: avoid;
}
[class*="list-section-title"] {
margin: 0 0 0.5em 0;
font-size: 1.75rem;
column-span: all;
}
[class*="-listing"] [class$="-title"],
[class*="term-"] .lesson-title,
.lessons-by-title-list .lesson-title,
.lessons-by-material-list .lesson-title,
.lessons-by-standard .lesson-title {
font-size: 1.25rem;
}
[class*="term-"] .lesson-title:only-child,
.lessons-by-title-list .lesson-title:only-child,
.lessons-by-material-list .lesson-title:only-child,
.lessons-by-standard .lesson-title:only-child {
margin-bottom: 0;
}
.sidebar-lessons .lesson-links,
[class*="sidebar-"] [class*="-links"] {
padding: 0;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
}
.lesson-links li,
[class*="sidebar-"] [class*="-links"] li {
max-width: 20rem;
background-color: #999;
position: relative;
border-radius: 0 1rem 1rem 0;
margin: 0 0 1rem 0;
padding: 0;
color: #FFF;
transition: opacity 0.2s;
}
.sidebar-lessons .lesson-links li:hover,
[class*="sidebar-"] [class*="-links"] li:hover {
opacity: 0.8;
}
.sidebar-lessons .lesson-links li::before {}
.sidebar-lessons .lesson-links a,
[class*="sidebar-"] [class*="-links"] a {
display: flex;
flex-flow: column wrap;
align-items: flex-start;
position: relative;
padding: 1rem 0 1rem 30%;
color: #202022;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
line-height: 1;
text-decoration: none;
font-size: 1.25rem;
}
.sidebar-lessons .lesson-links a:hover,
[class*="sidebar-"] [class*="-links"] a:hover {
opacity: 0.8;
text-decoration:none;
}
.lesson-links .action,
[class*="sidebar-"] [class*="-links"] .action {
display: block;
color: #FFF;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
font-size: 1.75rem;
text-transform: uppercase;
}
.lesson-content {
width: 100%;
-webkit-flex: 1;
flex: none;
order: 2;
}
.lesson ol {
counter-reset: mah-counter;
}
.lesson ol li {
counter-increment: mah-counter;
}
.lesson li {
position: relative;
list-style: none;
}
.lesson ol > li::before {
content: counter(mah-counter) '.';
width: 1.5rem;
position: absolute;
top: 0;
left: -1.75rem;
color: #999;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
font-size: 1.0625em;
text-align: right;
}
.lesson a strong,
.lesson a strong:first-of-type{
color: inherit;
}
[class*="plan-desc"],
.lesson-plan-desc {
flex: 0 0 100%;
font-size: 1.25rem;
}
.lesson-header,
.lesson-header > .wp-block-group__inner-container,
.activity-header {
display: flex;
flex-flow: row wrap;
}
.lesson-title,
.activity-title {
flex: 0 0 100%;
margin: 0;
padding: 0 0 0.125em 0;
color: #666;
font-size: 2rem;
}
.lesson-title:only-child,
.activity-title:only-child {
padding: 0 0 1.25rem 0;
}
[class*="-header"] [class*="-heading"] {
min-width: 12rem;
clear: both;
font-family: 'Open Sans', sans-serif;
font-size: 1rem;
font-weight: 300;
letter-spacing: 0.125rem;
line-height: 1.4;
text-transform: uppercase;
}
.lesson-title + .learning-goals-heading,
.lesson-title + .learning-goals-heading + .learning-goals{
margin-top: 1.25rem;
}
.age-group,
.content-area,
.routine,
.domain {
flex: 0 0 100%;
color: #999;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
font-size: 1.3125rem;
line-height: 1.125;
}
.age-group,
.domain,
.routine {
padding: 0 0 1.5rem 0;
}
.learning-goals,
.learning-targets {
flex: 0 0 100%;
padding: 0.0625rem 0 0.5rem 0;
}
@media screen and (min-width: 38em) {
.age-group,
.content-area,
.routine,
.domain {
flex: 0 0 calc(100% - 15rem);
margin: 0 0 0 1rem;
}
.learning-goals,
.learning-targets {
flex: 0 0 calc(100% - 15rem);
margin: 0 0 0 1.25rem;
padding: 0 0 0.5rem 0;
}
}
.learning-goals p:first-child,
.learning-targets p:first-child {
padding: 0 0 0.5rem 0;
}
.activity-plan,
.lesson-plan {
clear: both;
margin: 0 0 2rem 0;
}
[class*="-plan-header"],
.lesson-plan-header {
-webkit-display: flex;
-webkit-flex-flow: row wrap;
-webkit-align-items: center;
display: flex;
flex-flow: row wrap;
align-items: center;
background-color: #ffdc61;
margin: 0 0 1.5rem 0;
padding: 1.25rem;
overflow: hidden;
}
[class*="-plan-header"] img,
.lesson-plan-header img {
display: none;
}
[class*="-plan-header"] [class*="-plan-headings"] {
letter-spacing: normal;
text-transform: none;
}
@media screen and (min-width: 70em) {
[class*="-plan-header"],
.lesson-plan-header {
padding: 0;
}
[class*="-plan-header"] img,
.lesson-plan-header img {
display: block;
margin: 0 1.5em 0 0;
}
[class*="-plan-headings"]:first-child,
.lesson-plan-headings:first-child,
[class*="-plan-headings"]:only-child,
.lesson-plan-headings:only-child{
padding: 1rem;
}
}
[class*="-plan-title"],
.lesson-plan-title {
margin: 0;
color: #FFF;
line-height: 1;
}
[class*="-plan-subtitle"],
.lesson-plan-subtitle {
margin: 0;
color: #666;
font-size: 1.5em;
}
.lesson-plan-step {
background-color: #999;
clear: both;
margin: 0 0 1.75em 0;
padding: 0.375em 0.5em;
color: #FFF;
font-size: 1.125em;
line-height: 1;
}
.lesson-step-heading {
background-color: #999;
margin: 0 0 1.75rem 0;
padding: 0.375rem 0.5rem;
color: #FFF;
font-size: 1.125rem;
line-height: 1;
}
[id*="step1"] h3 {
float: left;
margin: 0.1825em 0.5em 0 0;
color: #ab56a1;
font-size: 1.25em;
}
.step-details {
margin: 0 0 2rem 0;
}
.step-details:last-child > :last-child,
.step-details:last-child > :last-child > :last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.reflections {
background-color: #ccc;
overflow: hidden;
}
.reflections-heading {
padding: 1rem;
color: #fff;
font-size: 2.25rem;
letter-spacing: 1px;
line-height: 1;
text-align: center;
}
.reflections-heading span {
display: block;
font-size: 2.75rem;
}
.reflections-image {
background-color: #666;
text-align: center;
}
.reflections-image img {
display: block;
width: 100%;
}
.reflections-content {
padding: 2em;
font-size: 1.25rem;
}
.reflections-content strong {
color: #FFF;
}
.reflections-content :last-child {
padding-bottom: 0;
}
@media screen and (min-width: 30em) {
}
@media screen and (min-width: 48.1em) {
.reflections {
display: flex;
flex-flow: row wrap;
}
.reflections-image {
width: 18rem;
}
.reflections-content {
width: calc(100% - 18rem);
}
}
.glossary-link {
color: #999;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
}
.adaptation-note {
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 0.83em;
}
.adaptation-heading {
margin: 0 0 0.75rem 0;
font-size: 1.25rem;
text-transform: uppercase;
}
.adaptation-subhead {
margin: 0 0 0.5rem 0;
}
.lesson-supplements {
border-top: 1rem solid #999;
padding: 2em 0 0 0;
}
.supplement-heading {
margin: 0 0 0.375rem 0;
font-size: 1.5rem;
}
.supplement-details {
padding: 0 0 1.25em 0;
}
.lesson-comments {
padding: 2em 0;
}
.lesson-comment-heading {
color: #999;
}
.lesson-comments iframe {
max-width: 100%;
}
#lesson-4064 #web-resources-heading,
#lesson-4064 #web-resources {
display: none;
}
#lesson-4104 .supplement-details td,
#lesson-4148 .step-1 td {
border: 1px solid #404042;
padding: 4px;
}
.lesson-search,
.activity-search {
max-width: 30rem;
}
.lesson-dd-wrap,
.lesson-tf-wrap,
[class*="-dd-wrap"],
[class*="-tf-wrap"] {
position: relative;
margin: 0 0 2rem 0;
}
.lesson-search .search-field,
[class$="-search"] .search-field {
display: block;
width: 100%;
padding: 0.5rem;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 1rem;
}
.lesson-dd-wrap,
[class$="-dd-wrap"] {
background-color: #CCC;
border-radius: 0.375rem;
overflow: hidden;
}
.lesson-dd-wrap::before,
[class$="-dd-wrap"]::before {
content: '\25bc';
position: absolute;
top: 0.5rem;
right: 0.5rem;
color: #222;
font-size: 1.5rem;
}
.lesson-dd,
[class$="-dd"] {
-webkit-appearance: none;
width: 100%;
background-color: transparent;
position: relative;
border: 0;
padding: 0.5625rem 0.5rem 0.5rem 0.5rem;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
font-size: 1.25rem;
color: #222;
}
.lesson-dd option,
[class$="-dd"] option {
font-size: 0.75rem;
}
.lesson-search-reset,
button.lesson-search-submit,
[class$="-search-reset"],
button[class$="-search-submit"] {
display: inline-block;
background-color: #CCC;
border: 0;
border-radius: 2rem;
margin: 0 0.5rem;
padding: 0.5rem 1rem;
color: #FFF;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
font-size: 1.25rem;
line-height: 1;
text-transform: uppercase;
cursor: pointer;
}
.lesson-search-reset,
[class$="-search-reset"]{
padding-top: 0.5625rem;
}
.lesson-search-submit i,
[class$="-search-submit"] i {
font-size: 1.25rem;
}
.search-term {
display: block;
font-size: 0.8em;
line-height: 1.3;
}
.glossary-nav-wrap {
display: none;
width: calc(100% - 5em);
position: fixed;
top: 4em;
left: 0;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
transform: translate3d(calc(100% + 5em), 0, 0);
transition: transform 0.25s;
}
.glossary-nav-wrap.visible {
transform: translate3d(5em, 0, 0);
}
.glossary-toggle {
background-color: #0db1e7;
position: absolute;
top: 0;
left: -4em;
padding: 0.75em;
color: #FFF;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
font-size: 1.25em;
line-height: 1;
transition: background-color 0.25s;
}
.glossary-toggle:hover {
background-color: #AB56A1;
}
.glossary-toggle:focus{
outline: 0;
}
ul.glossary-nav {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
background-color: #ffe87b;
list-style: none;
padding: 0;
text-align: center;
}
.glossary-nav li {
padding: 0;
line-height: 1;
}
ul.glossary-nav li::before {
display: none;
}
.glossary-nav li:hover {
background-color: #ee3423;
}
.glossary-nav a {
display: block;
width: 2.4em;
padding: 0.75em;
color: #ee3423;
line-height: 1;
text-decoration: none;
}
.glossary-nav a:hover {
color: #ffe87b;
}
.glossary-nav a.inactive {
opacity: 0.25;
pointer-events: none;
}
.glossary-heading {
font-size: 2rem;
margin: 0;
}
.entries {
padding: 0 0 2rem 0;
}
@media screen and (min-width: 48.1em) {
/*.by-title .search-results {
columns: 2;
}*/
}
.materials-listings {
padding: 0 0 2em 0;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.materials-listings-title {
color: #999;
font-size: 1.75rem;
}
.lessons-by-standard {
padding: 0 0 2rem 0;
}
@media screen and (min-width: 48.1em) {
[class*="term"] .lessons,
[class*="term"] .archive,
.lessons-by-title-list,
.lessons-by-material-list {
columns: 2;
}
}
.lessons-by-standard .tab a {
text-transform: uppercase;
}
/* STANDARDS LISTINGS */
.standard-listing {
border-bottom: 1px solid #999;
padding: 2rem 0 1.25rem 0;
overflow: hidden;
}
.standard-listing:last-child {
border-bottom: 0;
}
.standard-listing-title {
margin: 0 0 0.5rem 0;
color: #999;
}
.standard-listings .standards-list,
.post-standards .standards-list {
display: flex;
flex-flow: row wrap;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.standards-list .standard {
-webkit-display: flex;
display: flex;
-webkit-align-items: center;
align-items: center;
padding: 0;
}
.standards-list .standard::before,
.post-standards .standards-list li::before {
display: none;
}
.standards-list .standard-name {
display: block;
height: 2rem;
width: 2rem;
background-color: #999;
border-radius: 50%;
margin: 0.25rem;
color: #FFF;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
font-size: 0.875rem;
text-align: center;
line-height: 2rem;
}
.standard-name.not-applicable {
opacity: 0.2;
pointer-events: none;
}
.nctm-content-area,
.ield-goal {
color: #999;
}
.lessons-list {
-webkit-display: flex;
display: flex;
flex-flow: row wrap;
padding: 0!important;
}
.lessons-list li {
width: 100%;
margin: 0;
padding: 0.5rem;
}
ul.lessons-list li::before {
display: none;
}
@media screen and (min-width: 35em) {
.lessons-list li {
width: 50%;
}
}
/* BLOG */
.blog-welcome-title {
color: #999;
}
.blog-welcome .intro {
font-size: 1.25rem;
}
.post {
max-width: 48rem;
padding: 1rem 0 2rem 0;
}
.single .post {
padding: 0 0 2rem 0;
}
.archive .post {
padding: 0 0 1rem 0;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.post .featured-image {
margin: 0 0 1rem 0;
}
.post-title {
margin: 0 0 0.25em 0;
color: #999;
font-size: 2rem;
}
.single .post-title {
margin: 0 0 0.0625em 0;
}
.post-title a {
display: inline-block;
position: relative;
padding: 0 0 0.125em 0;
color: inherit;
}
.archive .post-title a,
.search-result .post-title a {
color: #999;
}
.guest-author-credit {
padding: 0 0 0.25rem 0;
}
.post-date {
display: block;
margin: 0 0 0.75rem 0;
font-style: italic;
}
.post-tags,
.post-standards {
font-size: 0.875rem;
}
.post-tags a,
.post-standards a {
color: #404042;
}
.post-type-name {
margin: 0 0 0.75rem 0;
column-span: all;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 1.25rem;
text-transform: uppercase;
}
.posts-nav {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.posts-nav-link a {
display: block;
background-color: #999;
border-radius: 2rem;
padding: 0.5em;
color: #FFF;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
font-size: 1.25rem;
}
.previous-posts.posts-nav-link {
}
.next-posts.posts-nav-link {
}
.comment-form-comment > label {
display: block;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
}
#comment {
display: block;
}
/* GUEST AUTHORS */
.author-profile {
margin: 0.75rem 0;
overflow: hidden;
}
.author-bio p {
font-size: 1rem;
}
.author-name {
margin: 0 0 0.25em 0;
line-height: 1;
}
.author-bio-heading {
display: block;
margin: 0 0 0.25rem 0;
color: #999;
font-size: 0.625em;
}
.author-image {
max-width: 10em;
float: right;
margin: 0.5em 0 0.5em 1em;
}
.author-image .author-name {
margin: 0;
padding: 0;
color: #404042;
font-size: 0.8rem;
}
/* SIDEBAR */
.sidebar {
container: sidebar / inline-size;
width: 100%;
padding: 2rem;
}
.sidebar::before {
content: '';
display: block;
border-top: 2px solid #CCC;
margin: 0 0 2rem 0;
}
@media all and (min-width: 64em) {
.sidebar::before {
display: none;
}
}
.sidebar a {
color: inherit;
text-decoration: none;
}
.sidebar a:hover {
text-decoration: underline;
}
.sidebar .callout a:hover {
text-decoration: none;
}
.sidebar .widget-area {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
@media screen and (min-width: 64em) {
}
.widget {
flex: 0 0 100%;
margin: 0 0 2rem 0;
}
.sidebar .widget-area .widget:last-child {
margin-bottom: 0;
}
.widget_black_studio_tinymce .widget-title,
.widget_custom_html .widget-title {
display: none;
}
.sidebar-blog .widget-title {
color: #999999;
font-size: 1.5rem;
}
.widget_categories .cat-item {
padding: 0 0 0.5rem 0;
line-height: 1.4;
}
@media screen and (min-width: 64em) {
.sidebar {
max-width: 22rem;
order: 1;
border-right: 2px solid #CCC;
margin: 2rem 0;
padding: 0 2rem;
}
.widget {
flex: 0 0 100%;
}
}
.form-field {
margin-bottom: 1.25rem;
}
.email-collector .form-field {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.frm_primary_label {
display: block;
margin: 0 0.5rem 0.5rem 0;
font-size: 1rem;
}
.frm_description {
margin: 0.125rem 0 0 0;
font-size: 0.75rem;
}
@media screen and (min-width: 32em) {
.frm_primary_label {
margin: 0 0.5rem 0.25rem 0;
}
}
.frm_message,
.frm_error_style,
.frm_error {
background-color: #009a3d;
margin: 0 0 1rem 0;
padding: 0.5rem;
color: #FFF;
font-family: 'Theinhardt', 'Arial W01 Black', Arial, Helvetica, sans-serif;
font-size: 1.25rem;
text-align: center;
}
.frm_error_style,
.frm_error {
background-color: #ff6600;
}
.frm_error {
padding: 0.25rem;
font-size: 1rem;
text-align: left;
}
.frm_message :last-child,
.frm_error_style :last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.email-collector input[type="email"] {
flex: 1;
}
.blog-subscribe input[type="email"] {
display: block;
width: 100%;
}
/* SITE FOOTER */
.site-footer {
padding: 0 0 2rem 0;
}
.program-funding {
background-color: #666;
margin: 0 2rem;
padding: 1rem;
color: #FFF;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 1.5rem;
text-align: center;
}
.contact-socials {
padding: 0 2rem 1rem 2rem;
}
.qc-contact {
text-align: center;
}
@media screen and (min-width: 48em) {
.contact-socials {
display: flex;
justify-content: center;
align-items: center;
}
}
.social-media {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
max-width: 12rem;
margin: 1rem auto;
padding: 0 1rem;
}
@media screen and (min-width: 48em) {
.social-media {
margin: 0 auto;
}
}
.social-media li {
margin: 0.5rem;
}
.social-media a {
display: block;
width: 2.25rem;
height: 2.25rem;
text-align: center;
text-decoration: none;
opacity: 1;
transition: opacity 0.2s;
}
.social-media a:hover {
opacity: 0.7;
}
.social-media a::before {
max-width: 100%;
height: auto;
}
.social-media .facebook a::before {
content: url(images/icon-facebook.svg);
fill: #005187;
}
.social-media .youtube a::before {
content: url(images/icon-youtube.svg);
fill: #EE3423;
}
.social-media .pinterest a::before {
content: url(images/icon-pinterest.svg);
fill: #e60023;
}
.footer-logos {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
padding: 2rem;
text-align: center;
}
.footer-logo {
flex: 0 0 100%;
margin: auto;
padding: 0 0 2rem 0;
}
.footer-logo img {
display: block;
width: 100%;
margin: 1rem auto;
}
.fat-footer.wp-block-columns {
flex-flow: row wrap!important;
justify-content: space-between;
background-color: #f4f4f4;
margin-bottom: 0;
padding: 2rem;
}
.fat-footer .widget {
flex: 0 0 100%;
}
@media screen and (min-width: 48.1em) {
.fat-footer .widget {
flex: 0 0 46%;
}
}
@media screen and (min-width: 64.1em) {
.fat-footer .widget {
flex: 0 0 12%;
}
}
@media screen and (min-width: 80.1em) {
.fat-footer .widget {
flex: 0 0 12%;
}
}
.fat-footer .widget-title {
margin: 0 0 0.5rem 0;
font-size: 1.125em;
text-transform: uppercase;
}
.fat-footer .menu-item {
padding: 0 0 0.75rem 0;
}
.fat-footer a {
font-size: 0.875rem;
}
.copyright {
padding: 0.5rem 2rem;
font-size: 0.75rem;
text-align: center;
}
.sd-content li[class*="share-"]::before {
display: none;
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/* PRINT */
@media print {
*,
::before,
::after {
color: #000 !important;
background-color: transparent !important;
}
p,
.site-content li {
font-size: 1rem;
}
.site {
max-width: 7.75in;
margin: 0 auto;
padding: 0;
}
.page-main {
padding: 2rem 0 0 0;
}
.search-wrap,
.top-nav-wrap,
.main-nav,
.main-menu-toggle-wrap,
.lesson-links,
.lesson-comments,
.sidebar-lessons,
.social-media,
.footer-logos,
.contact-socials,
.mejs-container {
display: none;
}
.logo-wrap,
.logo-line {
max-width: 22rem !important;
}
.site-title {
font-size: 2rem !important;
}
.tagline {
width: 100%;
margin: 0 !important;
font-size: 0.95rem !important;
}
.lesson {
-webkit-column-break-inside: auto;
page-break-inside: auto;
break-inside: auto;
}
.lesson-content {
border: 0;
padding: 0;
}
.lesson-plan {
margin: 0;
}
.lesson ul {
list-style: disc;
}
.lesson li {
list-style: disc;
}
.lesson ul li::before {
display: none !important;
}
.lesson-plan-header {
padding: 0.5rem 0 !important;
text-decoration: underline;
margin: 0 0 0.5rem 0;
}
.lesson-plan-headings .lesson-plan-title {
display: none;
}
.lesson-plan-step {
margin: 0 0 0.5em 0;
padding: 0;
}
.step-details {
padding: 0 0 1.5em 0;
}
video::after,
audio::after,
.glossary-link::after {
display: block;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 1em;
font-style: normal;
font-weight: 300;
line-height: 1;
}
video::after,
audio::after {
content: attr(src);
}
.lesson-supplements {
border-top: 0.25em solid #999;
}
.reflections {
display: block;
}
.reflections-image {
width: 100%;
}
.reflections-image img {
display: none !important;
}
.reflections-heading {
margin: 0 0 1rem 0;
}
.reflections-heading,
.reflections-heading span {
padding: 0;
font-size: 1.5rem;
letter-spacing: 0;
text-align: left;
text-decoration: underline;
}
.reflections-heading span {
display: inline-block;
}
.reflections-content {
width: 100%;
padding: 0;
}
.program-funding {
background-color: #EEE !important;
border: 1px solid #CCC;
}
}
/*** NEW ***/
.mw-900 {
max-width: 56.25rem;
margin-inline: auto;
}
.mw-1200 {
max-width: 80rem;
margin-inline: auto;
}
[class*="edn-grid-"]:has(.wp-block-group__inner-container:only-child) > .wp-block-group__inner-container {
display: grid;
gap: 2rem;
}
@media screen and (min-width: 37.5em) {
.edn-grid-max2 > .wp-block-group__inner-container {
grid-template-columns: repeat(2, 1fr);
}
}
.site-links-home {
max-width: 56.25rem;
margin-inline: auto;
}
.site-links-home .callout {
max-width: 20rem;
margin-inline: auto;
}
.page-full-width .page-content :is(h1,h2,h3,h4,h5,h6,p,ul,ol) {
max-width: 56.25rem;
margin-inline: auto;
}