/* ******************************** */ /* NAEP Panel */ /* ******************************** */ #PageBody #MainContent #naepPanels.container-fluid { padding: 0; } #PageBody #MainContent .naep-panel { border-bottom: solid 1px #dfdfdf; position: relative; padding: 30px 0; } #PageBody #MainContent .naep-panel:after { content: ""; visibility: hidden; display: block; height: 0px; clear: both; } #PageBody #MainContent .naep-panel:first-of-type { border-top: none; padding-top: 0px; margin-top: 0px; } #PageBody #MainContent .naep-panel:last-of-type { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } /* ********************************************* */ /* NAEP-V2: Icon Button Panel */ /* ********************************************* */ #PageBody #MainContent .icon-btn-panel .icon-btn-group { position: relative; display: flex; flex-flow: row wrap; align-items: stretch; overflow: hidden; } #PageBody #MainContent .icon-btn-panel .icon-btn { position: relative; display: flex; flex-flow: row nowrap; background: linear-gradient(#f6f6f6,#eee); color: #001871; border: 1px solid #c69214; border-radius: 5px; min-height: 80px; padding: 15px 20px; margin-right: 20px; margin-bottom: 20px; box-shadow: 0 3px 6px rgba(54,54,54, .15); -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms ease-in; width: calc((100% - 20px) / 2); } #PageBody #MainContent .icon-btn-panel a.icon-btn:link, #PageBody #MainContent .icon-btn-panel a.icon-btn:active { text-decoration: none; } #PageBody #MainContent .icon-btn-panel a.icon-btn:hover, #PageBody #MainContent .icon-btn-panel a.icon-btn:focus { background: none #bbc7d6; border-color: #001871; border-radius: 5px; box-shadow: inset 0 3px 6px rgba(54,54,54, .15); } #PageBody #MainContent .icon-btn-panel .icon-btn:link:nth-child(2n) { margin-right: 0; } #PageBody #MainContent .icon-btn-panel .icon-btn:after { content: ""; right: 20px; top: 54%; position: absolute; display: block; margin-left: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #PageBody #MainContent .icon-btn-panel .icon-btn.external:after { content: url(../../design2017/images/External_Link.png) / " External link"; } #PageBody #MainContent .icon-btn-panel .icon-btn.pdf:after { content: url(../../design2017/images/pdf.png) / " PDF file"; top: 52%; } .icon-btn-panel .icon-btn-content { position: relative; display: flex; flex-flow: column nowrap; margin: 6px 20px; } .icon-btn-panel .pdf .icon-btn-content { margin-right: 30px; } .icon-btn-panel .icon-btn-title { font-weight: bold; } .icon-btn-panel .icon-btn img { width: 50px; height: 53px; } /* ********************************************* */ /* NAEP-V2: Header Button Panel */ /* ********************************************* */ #PageBody #MainContent .header-btn-panel .header-btn-group { position: relative; display: flex; flex-flow: row wrap; align-items: stretch; overflow: hidden; } #PageBody #MainContent .header-btn-panel .header-btn { position: relative; display: flex; flex-flow: row nowrap; background: linear-gradient(#f6f6f6,#eee); color: #001871; border: 1px solid #c69214; border-radius: 5px; min-height: 80px; padding: 15px 20px; margin-right: 20px; margin-bottom: 20px; box-shadow: 0 3px 6px rgba(54,54,54, .15); -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms ease-in; width: calc((100% - 20px) / 2); } #PageBody #MainContent .header-btn-panel a.header-btn:link, #PageBody #MainContent .header-btn-panel a.header-btn:active { text-decoration: none; } #PageBody #MainContent .header-btn-panel a.header-btn:hover, #PageBody #MainContent .header-btn-panel a.header-btn:focus { background: none #bbc7d6; border-color: #001871; border-radius: 5px; box-shadow: inset 0 3px 6px rgba(54,54,54, .15); } #PageBody #MainContent .header-btn-panel .header-btn:link:nth-child(2n) { margin-right: 0; } #PageBody #MainContent .header-btn-panel .header-btn:after { content: ""; right: 20px; top: 54%; position: absolute; display: block; margin-left: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #PageBody #MainContent .header-btn-panel .header-btn.external:after { content: url(../../design2017/images/External_Link.png) / " External link"; } #PageBody #MainContent .header-btn-panel .header-btn.pdf:after { content: url(../../design2017/images/pdf.png) / " PDF file"; top: 52%; } .header-btn-panel .header-btn-content { position: relative; display: flex; flex-flow: column nowrap; margin-right: 20px; } .header-btn-panel .pdf .header-btn-content { margin-right: 30px; } .header-btn-panel .header-btn-title { font-weight: bold; } .header-btn-panel .header-btn-desc { font-size: 0.9em; } /* ********************************************* */ /* NAEP-V2: Header Full-Width Button Panel */ /* ********************************************* */ #PageBody #MainContent .header-full-width-btn-panel .header-full-width-btn-group { position: relative; display: flex; flex-flow: row wrap; align-items: stretch; overflow: hidden; } #PageBody #MainContent .header-full-width-btn-panel .header-full-width-btn { position: relative; display: flex; flex-flow: row nowrap; background: linear-gradient(#f6f6f6,#eee); color: #001871; border: 1px solid #c69214; border-radius: 5px; min-height: 80px; padding: 15px 20px; margin-bottom: 20px; box-shadow: 0 3px 6px rgba(54,54,54, .15); -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms ease-in; width: 100%; } #PageBody #MainContent .header-full-width-btn-panel a.header-full-width-btn:link, #PageBody #MainContent .header-full-width-btn-panel a.header-full-width-btn:active { text-decoration: none; } #PageBody #MainContent .header-full-width-btn-panel a.header-full-width-btn:hover, #PageBody #MainContent .header-full-width-btn-panel a.header-full-width-btn:focus { background: none #bbc7d6; border-color: #001871; border-radius: 5px; box-shadow: inset 0 3px 6px rgba(54,54,54, .15); } #PageBody #MainContent .header-full-width-btn-panel .header-full-width-btn:link:nth-child(2n) { margin-right: 0; } #PageBody #MainContent .header-full-width-btn-panel .header-full-width-btn:last-child { margin-bottom: 0; } #PageBody #MainContent .header-full-width-btn-panel .header-full-width-btn:after { content: ""; right: 20px; top: 54%; position: absolute; display: block; margin-left: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #PageBody #MainContent .header-full-width-btn-panel .header-full-width-btn.external:after { content: url(../../design2017/images/External_Link.png) / " External link"; } #PageBody #MainContent .header-full-width-btn-panel .header-full-width-btn.pdf:after { content: url(../../design2017/images/pdf.png) / " PDF file"; top: 52%; } .header-full-width-btn-panel .header-full-width-btn-content { position: relative; display: flex; flex-flow: column nowrap; justify-content: center; margin-right: 20px; } .header-full-width-btn-panel .pdf .header-full-width-btn-content { margin-right: 30px; } .header-full-width-btn-panel .header-full-width-btn-title { font-weight: bold; } .header-full-width-btn-panel .header-full-width-btn-desc { font-size: 0.9em; } /* ****************************************** */ /* NAEP-V2: Learn more panel */ /* ****************************************** */ #PageBody #MainContent .naep-panel a.learn-more.blue, #PageBody #MainContent .naep-panel button.learn-more.blue, #PageBody #MainContent .naep-v2-learn-more-panel a.learn-more, #PageBody #MainContent .naep-v2-learn-more-panel button.learn-more { background-color: #0077c8; border: none; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 0.8em; font-weight: 700; padding: 14px 20px; margin: 0; margin-right: 10px; box-shadow: none; } #PageBody #MainContent .naep-panel a.learn-more.blue:last-of-type, #PageBody #MainContent .naep-panel button.learn-more:last-of-type, #PageBody #MainContent .naep-v2-learn-more-panel a.learn-more:last-of-type, #PageBody #MainContent .naep-v2-learn-more-panel button.learn-more:last-of-type { margin-right: 0; } #PageBody #MainContent .naep-panel a.learn-more.blue:hover, #PageBody #MainContent .naep-panel a.learn-more.blue:focus, #PageBody #MainContent .naep-panel button.learn-more.blue:hover, #PageBody #MainContent .naep-panel button.learn-more.blue:focus, #PageBody #MainContent .naep-v2-learn-more-panel a.learn-more:hover, #PageBody #MainContent .naep-v2-learn-more-panel a.learn-more:focus, #PageBody #MainContent .naep-v2-learn-more-panel button.learn-more:hover, #PageBody #MainContent .naep-v2-learn-more-panel button.learn-more:focus { background-color: #004c97; } #PageBody #MainContent .naep-panel a.learn-more.blue:last-child, #PageBody #MainContent .naep-panel button.learn-more.blue:last-child, #PageBody #MainContent .naep-v2-learn-more-panel a.learn-more:last-child, #PageBody #MainContent .naep-v2-learn-more-panel button.learn-more:last-child { margin-bottom: 0px; } #PageBody #MainContent .naep-panel a.learn-more.blue:after, #PageBody #MainContent .naep-panel button.learn-more:after, #PageBody #MainContent .naep-v2-learn-more-panel a.learn-more:after, #PageBody #MainContent .naep-v2-learn-more-panel button.learn-more:after { content: ""; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #PageBody #MainContent .naep-panel a.learn-more.blue.external:after, #PageBody #MainContent .naep-panel button.learn-more.external:after, #PageBody #MainContent .naep-v2-learn-more-panel a.learn-more.external:after, #PageBody #MainContent .naep-v2-learn-more-panel button.learn-more.external:after { content: url(../img/icon-link-external-white.svg) / " External link"; top: 50%; right: 15px; } #PageBody #MainContent .naep-panel a.learn-more.blue.external, #PageBody #MainContent .naep-panel a.learn-more.blue.pdf, #PageBody #MainContent .naep-panel a.learn-more.blue.excel, #PageBody #MainContent .naep-panel button.learn-more.blue.external, #PageBody #MainContent .naep-panel button.learn-more.blue.pdf, #PageBody #MainContent .naep-panel button.learn-more.blue.excel, #PageBody #MainContent .naep-v2-learn-more-panel a.learn-more.external, #PageBody #MainContent .naep-v2-learn-more-panel a.learn-more.pdf, #PageBody #MainContent .naep-v2-learn-more-panel a.learn-more.excel, #PageBody #MainContent .naep-v2-learn-more-panel button.learn-more.external, #PageBody #MainContent .naep-v2-learn-more-panel button.learn-more.pdf, #PageBody #MainContent .naep-v2-learn-more-panel button.learn-more.excel { height: auto; line-height: normal; padding: 12px 40px 12px 20px; } #PageBody #MainContent .naep-panel a.learn-more.blue.pdf:after, #PageBody #MainContent .naep-panel button.learn-more.blue.pdf:after, #PageBody #MainContent .naep-v2-learn-more-panel a.learn-more.pdf:after, #PageBody #MainContent .naep-v2-learn-more-panel button.learn-more.pdf:after { content: url(../img/icon-document-white.svg) / " PDF file"; top: 53%; right: 20px; } #PageBody #MainContent .naep-panel a.learn-more.blue.excel:after, #PageBody #MainContent .naep-panel button.learn-more.blue.excel:after, #PageBody #MainContent .naep-v2-learn-more-panel a.learn-more.excel:after, #PageBody #MainContent .naep-v2-learn-more-panel button.learn-more.excel:after { content: url(../img/icon-excel-white.svg) / " Excel file"; top: 53%; right: 20px; } #PageBody #MainContent .naep-v2-learn-more-panel a.learn-more.archive, #PageBody #MainContent .naep-v2-learn-more-panel button.learn-more.archive { margin-top: 20px; } #PageBody #MainContent .naep-v2-learn-more-panel a.learn-more.center, #PageBody #MainContent .naep-v2-learn-more-panel button.learn-more.center { margin: 0 auto; } /* ****************************************** */ /* NAEP-V2: Subject icons panel */ /* ****************************************** */ #PageBody #MainContent .subject-icons-panel .subject-icons { display: flex; flex-flow: row nowrap; justify-content:flex-start; width: 100%; } #PageBody #MainContent .subject-icons-panel a.subject-icon:hover, #PageBody #MainContent .subject-icons-panel a.subject-icon:active { background-color: transparent; } #PageBody #MainContent .subject-icons-panel .subject-icon { width: calc((100% - 20px) / 5); position: relative; height: 125px; } #PageBody #MainContent .subject-icons-panel .subject-icons.three-icon .subject-icon { width: calc((100% - 20px) / 3); } #PageBody #MainContent .subject-icons-panel .subject-icons.six-icon .subject-icon { width: calc((100% - 20px) / 6); } #PageBody #MainContent .subject-icons-panel .subject-icon .frame { position: absolute; top: 40%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border: 2px solid #C69214; border-radius: 50%; background: transparent; transition: all .4s ease; -webkit-transition: all .4s ease; } #PageBody #MainContent .subject-icons-panel .subject-icon:hover .frame { box-shadow: 0 0 15px #b3b3b3; transition: all .4s ease; -webkit-transition: all .4s ease; } #PageBody #MainContent .subject-icons-panel .subject-icon img { margin: 7px; padding: 5px; transition: all .4s ease; -webkit-transition: all .4s ease; } #PageBody #MainContent .subject-icons-panel .subject-icon:hover img { margin: 11px; padding: 7px; transition: all .4s ease; -webkit-transition: all .4s ease; } #PageBody #MainContent .subject-icons-panel .subject-icon span { display: inline-block; position: absolute; top: 80%; width: 100%; text-align: center; font-size: 12px; font-weight: 700; line-height: 1.2; color: #001871; } #PageBody #MainContent .subject-icons-panel .subject-icon .indicator:after { content: ""; position: relative; top: 2px; } #PageBody #MainContent .subject-icons-panel .subject-icon .indicator.external:after { content: url(../img/icon-link-external-default.svg) / " External link"; margin-left: 8px; } #PageBody #MainContent .subject-icons-panel .subject-icon .indicator.pdf:after { content: url(../img/icon-document-default.svg) / " PDF file"; margin-left: 8px; } #PageBody #MainContent .subject-icons-panel .subject-icon .indicator.excel:after { content: url(../img/icon-excel-default.svg) / " Excel file"; margin-left: 8px; } /* ****************************************** */ /* NAEP-V2: Share page */ /* ****************************************** */ #PageBody #MainContent .share-page a.share-btn:link, #PageBody #MainContent .share-page a.share-btn:visited { color: transparent; text-decoration: none; o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; transition: none; } #PageBody #MainContent .share-page a.share-btn:hover, #PageBody #MainContent .share-page a.share-btn:active { background-color: transparent; } #PageBody #MainContent .share-page .share-btn.print-btn { border: 0; background-color: transparent; } #PageBody #MainContent .share-page .share-btn.fb-btn { background: url(../img/social-facebook-circle.png) no-repeat center center; background-size: 45px 45px; } #PageBody #MainContent .share-page .share-btn.fb-btn:hover { background: url(../img/social-facebook-circle-active.png) no-repeat center center; background-size: 45px 45px; } #PageBody #MainContent .share-page .share-btn.twitter-btn { background: url(../img/social-twitter-circle.png) no-repeat center center; background-size: 45px 45px; } #PageBody #MainContent .share-page .share-btn.twitter-btn:hover { background: url(../img/social-twitter-circle-active.png) no-repeat center center; background-size: 45px 45px; } #PageBody #MainContent .share-page .share-btn.print-btn { background: url(../img/social-print-circle.png) no-repeat center center; background-size: 45px 45px; } #PageBody #MainContent .share-page .share-btn.print-btn:hover { background: url(../img/social-print-circle-active.png) no-repeat center center; background-size: 45px 45px; } /* ********************************************* */ /* NAEP-V2: Subject Landing Panel */ /* ********************************************* */ #PageBody #MainContent .naep-v2-subject-landing-panel .flex-panel { display: flex; flex-flow: row wrap; justify-content: flex-start; width: 100%; margin-top: -20px; /*cancel out margin-top of .panel-item */ } #PageBody #MainContent .naep-v2-subject-landing-panel a.panel-item { color: #363636; border: solid 3px #171c66; border-radius: 5px; padding: 15px 30px; margin: 20px 20px 0 0; min-width: 300px; width: calc((100% - 40px) / 3); position: relative; text-decoration: none; -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms ease-in; } #PageBody #MainContent .naep-v2-subject-landing-panel a.panel-item:nth-child(3n) { margin-right: 0; } #PageBody #MainContent .naep-v2-subject-landing-panel a.panel-item:visited { text-decoration: none; } #PageBody #MainContent .naep-v2-subject-landing-panel .panel-item:hover, #PageBody #MainContent .naep-v2-subject-landing-panel .panel-item:focus { background-color: #bbc7d6; border-color: #5a7ca9; box-shadow: inset 0 3px 6px rgba(54,54,54, .15); } #PageBody #MainContent .naep-v2-subject-landing-panel a.panel-item span { display: block; } #PageBody #MainContent .naep-v2-subject-landing-panel a.panel-item .panel-header { font-size: 20px; font-weight: 700; color: #171c66; } #PageBody #MainContent .naep-v2-subject-landing-panel a.panel-item .panel-desc { margin-bottom: 40px; } #PageBody #MainContent .naep-v2-subject-landing-panel a.panel-item .more { color: #0077c8; font-weight: 700; position: absolute; bottom: 20px; text-transform: uppercase; font-size: 0.8em; } #PageBody #MainContent .naep-v2-subject-landing-panel a.panel-item .more:after { content: ""; top: 60%; position: absolute; display: block; margin-left: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #PageBody #MainContent .naep-v2-subject-landing-panel a.panel-item .external:after { content: url(../img/icon-link-external-blue-0077C8.svg) / " External link"; right: -23px; } #PageBody #MainContent .naep-v2-subject-landing-panel a.panel-item .pdf:after { content: url(../img/icon-document-blue-0077C8.svg) / " PDF file"; right: -23px; } #PageBody #MainContent .naep-v2-subject-landing-panel a.panel-item .excel:after { content: url(../img/icon-excel-blue-0077c8.svg) / " Excel file"; right: -23px; } #PageBody #MainContent .naep-v2-subject-landing-panel a.panel-item .pdf-link { margin-left: 10px; height: 15px; width: 13px; } /* ********************************************* */ /* NAEP-V2: Split Button Panel */ /* ********************************************* */ #PageBody #MainContent .naep-v2-split-button-panel > .panel-body { display:flex; flex-flow:row nowrap; justify-content:space-between; } #PageBody #MainContent .naep-v2-split-button-panel .split-panel, #PageBody #MainContent .split-panels .split-panel { width: auto; flex-basis: 0; flex-grow: 1; padding: 0; } #PageBody #MainContent .naep-v2-split-button-panel .split-panel:first-child, #PageBody #MainContent .split-panels .split-panel:first-child { padding-right:10px; } #PageBody #MainContent .naep-v2-split-button-panel .split-panel:last-child, #PageBody #MainContent .split-panels .split-panel:last-child { padding-left:10px; } #PageBody #MainContent .naep-v2-split-button-panel .split-panel.max-33, #PageBody #MainContent .split-panels .split-panel.max-33 { max-width: 33%; } #PageBody #MainContent .naep-v2-split-button-panel > .panel-body .video-asset{ width:100%; } #PageBody #MainContent .naep-v2-split-button-panel > .panel-body img{ width:100%; } #PageBody #MainContent .naep-v2-split-button-panel .naep-panel .panel-body img { width: unset; } #PageBody #MainContent .naep-v2-split-button-panel .split-panel .full-button, #PageBody #MainContent .split-panels .split-panel .full-button { display: block; width: 100%; border-radius: 5px; background-color: #0077c7; color: #FFF; font-size: 0.9em; font-weight: 700; text-align: center; padding: 15px; text-decoration: none; text-transform: uppercase; margin-bottom:20px; } #PageBody #MainContent .naep-v2-split-button-panel .split-panel .full-button:last-child, #PageBody #MainContent .split-panels .split-panel .full-button:last-child { margin-bottom:0; } #PageBody #MainContent .naep-v2-split-button-panel .split-panel .full-button.white, #PageBody #MainContent .split-panels .split-panel .full-button.white { background-color: #fff; color: #0077c7; border:3px solid #0077c7; } #PageBody #MainContent .naep-v2-split-button-panel .split-panel .full-button:hover, #PageBody #MainContent .split-panels .split-panel .full-button:hover { background-color: #004c97; color: #FFF; text-decoration: none; } #PageBody #MainContent .naep-v2-split-button-panel .split-panel .full-button.white:hover, #PageBody #MainContent .split-panels .split-panel .full-button.white:hover { background-color: #fff; color: #004c97; border-color:#004c97; } #PageBody #MainContent .naep-v2-split-button-panel .split-panel a.full-button .indicator:after, #PageBody #MainContent .split-panels .split-panel a.full-button .indicator:after { content: ""; background: none; } #PageBody #MainContent .naep-v2-split-button-panel .split-panel a.full-button .external:after, #PageBody #MainContent .split-panels .split-panel a.full-button .external:after { content: ""; background: url(../img/icon-link-external-white.svg) no-repeat 0 2px; padding-left: 20px; margin-left: 8px; } #PageBody #MainContent .naep-v2-split-button-panel .split-panel a.full-button .pdf:after, #PageBody #MainContent .split-panels .split-panel a.full-button .pdf:after { content: ""; background: url(../img/icon-document-white.svg) no-repeat 0 2px; padding-left: 20px; margin-left: 8px; } #PageBody #MainContent .naep-v2-split-button-panel .split-panel a.full-button .excel:after, #PageBody #MainContent .split-panels .split-panel a.full-button .excel:after { content: ""; background: url(../img/icon-excel-white.svg) no-repeat 0 2px; padding-left: 20px; margin-left: 8px; } /* *********************************************** */ /* NAEP-V2: Full Card Multi-button Panel */ /* *********************************************** */ #PageBody #MainContent .naep-v2-full-card-multi-button-panel .multi-buttons { display:flex; flex-flow:row nowrap; } #PageBody #MainContent .naep-v2-full-card-multi-button-panel .multi-buttons .multi-button { display: block; border: 0; border-radius: 5px; background-color: #0077c7; color: #FFF; font-size: 0.8em; font-weight: 700; text-align: center; padding: 12px 15px 12px 20px; margin: 0 15px 0 0; text-decoration: none; text-transform: uppercase; } #PageBody #MainContent .naep-v2-full-card-multi-button-panel .multi-buttons .multi-button.green { background-color: #007a33; } #PageBody #MainContent .naep-v2-full-card-multi-button-panel .multi-buttons .multi-button:last-of-type { margin-right: 0; } #PageBody #MainContent .naep-v2-full-card-multi-button-panel .multi-buttons .multi-button:hover, #PageBody #MainContent .naep-v2-full-card-multi-button-panel .multi-buttons .multi-button:focus { background-color: #004c97; } #PageBody #MainContent .naep-v2-full-card-multi-button-panel .multi-buttons .multi-button.green:hover, #PageBody #MainContent .naep-v2-full-card-multi-button-panel .multi-buttons .multi-button.green:focus { background-color: #006b5c; } #PageBody #MainContent .naep-v2-full-card-multi-button-panel .multi-buttons a .indicator:after { content: ""; position: relative; margin-left: 8px; top: 2px; width: 10px; } #PageBody #MainContent .naep-v2-full-card-multi-button-panel .multi-buttons a .indicator.external:after { content: url(../img/icon-link-external-white.svg) / " External link"; } #PageBody #MainContent .naep-v2-full-card-multi-button-panel .multi-buttons a .indicator.pdf:after { content: url(../img/icon-document-white.svg) / " PDF file"; } #PageBody #MainContent .naep-v2-full-card-multi-button-panel .multi-buttons a .indicator.excel:after { content: url(../img/icon-excel-white.svg) / " Excel file"; } #PageBody #MainContent .naep-v2-full-card-multi-button-panel .full-card.historic-accom-type-widget .full-card-image, #PageBody #MainContent .naep-v2-full-card-multi-button-panel .full-card.technical-appendix-widget .full-card-image { width: 25%; } #PageBody #MainContent .naep-v2-full-card-multi-button-panel .full-card.historic-accom-type-widget.full-card-text, #PageBody #MainContent .naep-v2-full-card-multi-button-panel .full-card.technical-appendix-widget.full-card-text { width: 75%; } #PageBody #MainContent .naep-v2-full-card-multi-button-panel .full-card.historic-accom-type-widget .dropdown-filter select.dropdown, #PageBody #MainContent .naep-v2-full-card-multi-button-panel .full-card.technical-appendix-widget .dropdown-filter select.dropdown { -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ appearance: none; height: 100%; padding: 0 35px 0 15px; background: #fff url(../img/dropdown_open.svg) no-repeat 97% center; background-size: 20px 15px; } #PageBody #MainContent .naep-v2-full-card-multi-button-panel .full-card.historic-accom-type-widget .dropdown-filter select.dropdown:focus, #PageBody #MainContent .naep-v2-full-card-multi-button-panel .full-card.technical-appendix-widget .dropdown-filter select.dropdown:focus { background: #fff url(../img/dropdown_close.svg) no-repeat 97% center; background-size: 20px 15px; } #PageBody #MainContent .naep-v2-full-card-multi-button-panel .full-card.historic-accom-type-widget .dropdown-filter .warning_msg, #PageBody #MainContent .naep-v2-full-card-multi-button-panel .full-card.technical-appendix-widget .dropdown-filter .warning_msg { color: #ff4f4b; } /* *********************************************** */ /* NAEP-V2: Pull Quote Asset */ /* *********************************************** */ #PageBody #MainContent .pull-quote.v2 { background-image: url(../img/icon-quote.png); background-size: initial; padding: 0 40px 0 80px !important; /*overwriting design2017 style*/ margin: 0 !important; /*overwriting design2017 style*/ margin-bottom: 10px !important; } #PageBody #MainContent .pull-quote.v2 p{ font-family:"Open Sans", Verdana, sana-serif !important; font-size: 1.5em; font-weight: normal; text-align: initial; word-spacing: initial; line-height: 1.3em; margin: 0 0 10px 0; } #PageBody #MainContent .pull-quote.v2 p.quote-attribution{ color: #000; font-size: 0.8em; font-weight: 700; text-align: left; } #PageBody #MainContent .pull-quote.v2 p.quote-attribution::before{ content:""; } /* *********************************************** */ /* NAEP-V2: Image Landing Panel */ /* *********************************************** */ #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-row { display:flex; flex-flow:row nowrap; } PageBody #MainContent .naep-v2-image-landing-panel .image-landing-row:last-child{ margin-bottom:0; } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element { display: flex; flex-flow: row nowrap; align-items: flex-start; width: calc(50% - 20px); text-decoration: none; border-bottom: 1px solid #cbc9c9; padding: 20px 5px 10px 5px; -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms ease-in; z-index: 0; position: relative; } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element:hover { border-radius:5px; transition: all 300ms ease-in; background-color: #bbc7d6; border-color: #5a7ca9; box-shadow: inset 0 3px 6px rgb(54 54 54 / 15%); } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element:nth-child(2n-1){ margin-right:20px; } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element:visited{ text-decoration:none; color:#004c97; } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element:after{ content:none; } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element .shadow-box{ -moz-transition: all 1000ms; -o-transition: all 1000ms; -webkit-transition: all 1000ms; transition: all 1000ms ease-in-out; display:inline-block; width: 170px; overflow: hidden; border-radius:5px; position:relative; } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element .shadow-box:after{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; box-shadow: inset 0px 3px 30px #000; opacity:0; transition: opacity 1000ms ease-in-out; } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element:hover .shadow-box:after{ opacity:1; } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element .image-landing-image{ width: 100%; position: relative; z-index: -2; display: block; } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element .image-landing-text{ display: flex; flex-flow:column nowrap; height:100%; overflow: initial; margin-left: 20px; width: calc(100% - 200px); } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element .image-landing-text span{ color: #363636; font-size: 0.9em; padding:0; flex-grow:0; } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element .image-landing-text span:nth-child(1){ color: #0077c7; font-weight:700; font-size: 1.1em; padding-bottom: 10px; display: block; } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element .image-landing-text span:nth-child(2) { margin-bottom: 40px; } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element .image-landing-text span:nth-child(3){ color: #0077c7; font-size: 0.8em; font-weight:700; width: unset; /*overwriting design2017 style*/ position: absolute; bottom: 15px; text-transform: uppercase; } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element a .image-landing-text span:nth-child(3):after { content: ""; right: -18px; position: absolute; top: 60%; width: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element a .image-landing-text span:nth-child(3).external:after { content: url(../img/icon-link-external-blue-0077C8.svg) / " External link"; } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element a .image-landing-text span:nth-child(3).pdf:after { content: url(../img/icon-document-blue-0077C8.svg) / " PDF file"; } #PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element a .image-landing-text span:nth-child(3).excel:after { content: url(../img/icon-excel-blue-0077c8.svg) / " Excel file"; } /* ****************************************** */ /* NAEP-V2: Full Card Asset */ /* ****************************************** */ #PageBody #MainContent .full-card, #PageBody #MainContent .full-card:link, #PageBody #MainContent .full-card:visited { display: flex; flex-flow: row nowrap; overflow: hidden; background-color: #171c66; text-decoration: none; margin-bottom: 25px; border: solid 1px #ccc; box-shadow: 2px 2px 6px #ccc; } #PageBody #MainContent .full-card.beige{ background-color: #f2ede2; } #PageBody #MainContent .full-card:last-child, #PageBody #MainContent .full-card:link:last-child, #PageBody #MainContent .full-card:visited:last-child { margin-bottom:0; } #PageBody #MainContent .full-card:hover{ background-color:#171c66; text-decoration:none; } #PageBody #MainContent .full-card.beige:hover{ background-color: #f2ede2; text-decoration:none; color:#000; } #PageBody #MainContent .full-card .full-card-image { display: inline-block; width: 30%; object-fit: contain; } #PageBody #MainContent .full-card .full-card-text { display: block; margin: 30px 40px 40px 40px; width: 70%; } #PageBody #MainContent .full-card .full-card-text span, #PageBody #MainContent .full-card .full-card-text p{ display: block; color:#fff; } #PageBody #MainContent .full-card.beige .full-card-text span, #PageBody #MainContent .full-card.beige .full-card-text p{ display: block; color:#000; } #PageBody #MainContent .full-card .full-card-text li { color:#fff; } #PageBody #MainContent .full-card .full-card-text ul{ } #PageBody #MainContent .full-card .full-card-text > span:nth-child(1){ font-size:1.75em; line-height:1.25; font-weight: 700; margin-bottom: 10px; } #PageBody #MainContent .full-card .full-card-text > span:nth-child(2){ font-size:1.1em; margin-bottom: 20px; } #PageBody #MainContent a.full-card .full-card-text > span:last-child{ color:#1dbff0; font-size: 0.9em; font-weight:700; position: absolute; text-transform: uppercase; } #PageBody #MainContent a.full-card.beige .full-card-text > span:last-child { color: #0074c2; } #PageBody #MainContent a.full-card .full-card-text span:last-child:after{ content: ""; right: -18px; position: absolute; display: block; margin-left: 0; top: 50%; width: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #PageBody #MainContent a.full-card .full-card-text span:last-child.external:after { content: url(../img/icon-link-external-blue-1dbff0.svg) / " External link"; top: 55%; } #PageBody #MainContent a.full-card .full-card-text span:last-child.pdf:after { content: url(../img/icon-document-blue-1dbff0.svg) / " PDF file"; top: 55%; } #PageBody #MainContent a.full-card .full-card-text span:last-child.excel:after { content: url(../img/icon-excel-blue-1dbff0.svg) / " Excel file"; top: 55%; } #PageBody #MainContent a.full-card.beige .full-card-text span:last-child.external:after { content: url(../img/icon-link-external-blue-0077C8.svg) / " External link"; top: 55%; } #PageBody #MainContent a.full-card.beige .full-card-text span:last-child.pdf:after { content: url(../img/../img/icon-document-blue-0077C8.svg) / " PDF file"; top: 55%; } #PageBody #MainContent a.full-card.beige .full-card-text span:last-child.excel:after { content: url(../img/../img/icon-excel-blue-0077c8.svg) / " Excel file"; top: 55%; } /* ********************************************* */ /* NAEP-V2: Carousel Panel */ /* ********************************************* */ #PageBody #MainContent .naep-v2-carousel-panel .carousel { width: 80%; margin: 0 auto; } #PageBody #MainContent .naep-v2-carousel-panel .carousel-item .full-card { /* This is a base height for the carousel. Each carousel height need to be set in the page level */ height: 250px; } #PageBody #MainContent .naep-v2-carousel-panel .carousel.slide.tall .carousel-item .full-card { /* This is a base height for the carousel. Each carousel height need to be set in the page level */ height: 370px; } #PageBody #MainContent .naep-v2-carousel-panel .carousel-item a.full-card:hover span:not(.external):not(.pdf), #PageBody #MainContent .naep-v2-carousel-panel .carousel-item a.full-card:focus span:not(.external):not(.pdf) { text-decoration: underline; } #PageBody #MainContent .naep-v2-carousel-panel .carousel .full-card-text span:nth-child(3) { position: absolute; bottom: 30px; } #PageBody #MainContent .naep-v2-carousel-panel .carousel .full-card-image { background-color: #fff; /*#004C94;*/ display:flex; justify-content:center; padding-right: 40px; } #PageBody #MainContent .naep-v2-carousel-panel .carousel .full-card-image img { overflow:hidden; } #PageBody #MainContent .naep-v2-carousel-panel .carousel .full-card div:first-of-type { padding-left: 30px; } #PageBody #MainContent .naep-v2-carousel-panel .carousel-control-prev, #PageBody #MainContent .naep-v2-carousel-panel .carousel-control-next { width:80px; height:80px; background-color:#0077c8; border-radius:50%; opacity:1; top:50%; transform:translateY(-50%); } #PageBody #MainContent .naep-v2-carousel-panel .carousel-control-prev { left: -40px; } #PageBody #MainContent .naep-v2-carousel-panel .carousel-control-next { right: -40px; } #PageBody #MainContent .naep-v2-carousel-panel .carousel-indicators { bottom: -40px; } #PageBody #MainContent .naep-v2-carousel-panel .carousel-indicators [data-bs-target] { height: 5px; } #PageBody #MainContent .naep-v2-carousel-panel .carousel-indicators button { background-color: #0077c8; } #PageBody #MainContent .naep-v2-carousel-panel .carousel-indicators button:not(.active) { opacity:.3; } #PageBody #MainContent .naep-v2-carousel-panel .carousel-control-prev:hover, #PageBody #MainContent .naep-v2-carousel-panel .carousel-control-next:hover, #PageBody #MainContent .naep-v2-carousel-panel .carousel-control-prev:focus, #PageBody #MainContent .naep-v2-carousel-panel .carousel-control-next:focus { background-color: #00b8f0; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms ease-in; } #PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel { width:90%; padding-bottom:0px; } #PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-inner { padding: 20px; border: 1px solid #e7e7e7; box-shadow: 0 5px 5px 1px #e7e7e7; margin-bottom: 20px; } #PageBody #MainContent .naep-v2-carousel-panel .carousel-inner { border: 1px solid #e7e7e7; box-shadow: 0 5px 5px 1px #e7e7e7; } #PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-inner.single-quote, #PageBody #MainContent .naep-v2-carousel-panel .carousel-inner.single-quote { padding: 20px; } #PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-item .pull-quote.v2{ background-size:40px; padding: 0 30px 0 50px !important; } #PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-item .pull-quote.v2 p{ font-size:1.1em; } #PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-item .pull-quote.v2 p.quote-attribution{ font-size:.75em; } #PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-control-prev{ left:20px; } #PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-control-next{ right:20px; } #PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-control-next, #PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-control-prev{ width:30px; height:30px; background-color:#fff; } #PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-control-next-icon, #PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-control-prev-icon{ width:9px; height:17px; background-image: url(../img/icon-angle-right-blue.svg); } #PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-control-prev-icon{ -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* ********************************************* */ /* NAEP-V2: Focal Cards Panel */ /* ********************************************* */ #PageBody #MainContent .naep-v2-focal-card-panel .focal-cards { display: flex; flex-flow: row wrap; align-items: stretch; margin-top: -20px; /*canceling the margin-top for first row of a.focal-card*/ } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card { position: relative; display: flex; flex-flow: column wrap; background-color: #fff; border: solid 2px #ddd; border-radius: 4px; padding: 10px; margin: 20px 20px 0 0; text-decoration: none; box-shadow: 0px 1px 8px #ccc; -webkit-box-shadow: 0px 1px 8px #ccc; -moz-box-shadow: 0px 1px 8px #ccc; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card:hover, #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card:focus { background-color: #f7f7f7; /*border: solid 2px #5a7ca9;*/ box-shadow: 0px 1px 8px #5a7ca9; -webkit-box-shadow: 0px 1px 8px #5a7ca9; -moz-box-shadow: 0px 1px 8px #5a7ca9; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card .title { padding-top: 30px; flex-grow: 5; color: #001871; font-size: 14px; font-weight: 700; margin-top: 5px; margin-bottom: 35px; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card.no-marker .title { padding-top: 10px; flex-grow: 0; color: #001871; font-size: 1em; font-weight: 700; margin-top: 5px; margin-bottom: 5px; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card .text { color:#000; font-size:.8em; line-height:1.15; font-weight:400; margin-bottom:35px; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card img { width: 100%; border-radius: 4px 4px 0 0; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card .links { color: #0077c7; font-size: 12px; font-weight: 700; position: absolute; bottom: 15px; text-transform: uppercase; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card .links:after { content: ""; position: absolute; display: block; margin-left: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card .links.external:after { content: url(../img/icon-link-external-blue-0077C8.svg) / " External link"; right: -23px; top: 55%; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card .links.pdf:after { content: url(../img/icon-document-blue-0077C8.svg) / " PDF file"; right: -18px; top: 60%; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card .links.excel:after { content: url(../img/icon-excel-blue-0077c8.svg) / " Excel file"; right: -18px; top: 60%; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card a { font-size: 12px; font-weight: 700; text-transform: uppercase; margin-right: 10px; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card a:last-child { margin-right: 0; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card a:link, #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card a:visited { color: #0077c7; text-decoration: none; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card a:hover, #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card a:focus { background-color: #fff; text-decoration: underline; } #PageBody #MainContent .naep-v2-focal-card-panel .before-marker { position: relative; z-index: 100; padding-top: 20px; } #PageBody #MainContent .naep-v2-focal-card-panel .before-marker:before { content: ""; position: absolute; left: 0; top: 0; border-radius: 15px; color: #fff; font-size: 10px; font-weight: normal; display: block; padding: 3px 10px; z-index: 101; } /*-------------tags-------------*/ #PageBody #MainContent .naep-v2-focal-card-panel .release-report:before { content: "RELEASE REPORT"; background-color: #4d0099; } #PageBody #MainContent .naep-v2-focal-card-panel .naep-blog:before { content: "NAEP+ BLOG"; background-color: #006b7e; } #PageBody #MainContent .naep-v2-focal-card-panel .data:before { content: "DATA"; background-color: #006b5c; } #PageBody #MainContent .naep-v2-focal-card-panel .student-groups:before { content: "STUDENT GROUPS & TRENDS"; background-color: #c65400; } #PageBody #MainContent .naep-v2-focal-card-panel .student-groups.sp:before { content: "GRUPOS DE ESTUDIANTES Y TENDENCIAS"; } #PageBody #MainContent .naep-v2-focal-card-panel .methodology-study:before { content: "METHODOLOGY STUDY"; background-color: #0060a2; } #PageBody #MainContent .naep-v2-focal-card-panel .naep-factsheet:before { content: "NAEP FACTSHEET"; background-color: #003865; } #PageBody #MainContent .naep-v2-focal-card-panel .highlights:before { content: "HIGHLIGHTS"; background-color: #6d0000; } /*-------------one card-------------*/ #PageBody #MainContent .naep-v2-focal-card-panel .focal-cards.one-card a.focal-card { width: 100%; margin-right: 0; } /*-------------lanscape-------------*/ #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card.lanscape { flex-flow: row nowrap; padding: 15px; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card.lanscape .card-image { width: 45%; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card.lanscape img { border-radius: 4px; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card.lanscape .card-body { padding: 0 0 20px 20px; display: flex; flex-flow: row wrap; width: 100%; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card.lanscape .card-body .title { font-size: 1.3em; font-weight: 800; padding: 0; margin-top: 0; width: 100%; } #PageBody #MainContent .naep-v2-focal-card-panel a.focal-card.lanscape .card-body .text { margin-bottom: 15px; line-height: 1.5; } /* ****************************************** */ /* NAEP-V2: Accordion Panel */ /* ****************************************** */ #PageBody #MainContent .naep-accordion-panel.v2021 { } #PageBody #MainContent .naep-accordion-panel.v2021 > .panel-body { width: 80%; } #PageBody #MainContent .naep-accordion-panel.v2021 .naep-accordion{ border:none; background-color:#acd0ec; border-radius:0; box-shadow: none; /*overwriting design2017 style*/ margin-bottom: 15px; } #PageBody #MainContent .naep-accordion-panel.v2021 .naep-accordion .naep-accordion-head{ background:none #d8e9f6; border-radius:0; color:#000; padding: 16px 70px 16px 20px; } #PageBody #MainContent .naep-accordion-panel.v2021 .naep-accordion .naep-accordion-head:hover{ background-color:#acd0ec; } #PageBody #MainContent .naep-accordion-panel.v2021 .naep-accordion .naep-accordion-head:before{ left:calc(100% - 50px); border:none; border-radius:0; } #PageBody #MainContent .naep-accordion-panel.v2021 .naep-accordion .naep-accordion-text{ border: 2px solid #d8e9f6; border-radius:0; } #PageBody #MainContent .naep-accordion-panel.v2021 .naep-accordion .naep-accordion-text.hidden { border:none; } /* ****************************************** */ /* NAEP-V2: button Panel */ /* ****************************************** */ #PageBody #MainContent .naep-v2-button-panel .button-group { position: relative; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; overflow: hidden; margin-bottom: -20px; width: 100%; } #PageBody #MainContent .naep-v2-button-panel .button-group a:link, #PageBody #MainContent .naep-v2-button-panel .button-group a:visited { color: #fff; text-decoration:none; } #PageBody #MainContent .naep-v2-button-panel .button-group a.white:link, #PageBody #MainContent .naep-v2-button-panel .button-group a.white:visited { color: #0077c7; text-decoration:none; } #PageBody #MainContent .naep-v2-button-panel .button-group .landing-button { display:inline-flex; justify-content:center; align-items:center; text-align:center; border: none; border-radius:5px; background: none #0077c7; box-shadow: none; color: #fff; font-size: 0.9em; font-weight:700; min-height: unset; /*80px;*/ height:auto; width:calc((100% - 40px) / 3); padding: 12px; margin: 0 20px 20px 0; text-decoration:none; text-transform: uppercase; transition:.2s; } #PageBody #MainContent .naep-v2-button-panel .button-group .landing-button.white { color: #004C97; background: none; border: solid 3px #0077c7; } #PageBody #MainContent .naep-v2-button-panel .button-group .landing-button:hover, #PageBody #MainContent .naep-v2-button-panel .button-group .landing-button:focus { color: #fff; background-color: #004c97; box-shadow: 0 4px 8px rgba(0,0,0,0.20); -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.20); -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.20); } #PageBody #MainContent .naep-v2-button-panel .button-group .landing-button.white:hover, #PageBody #MainContent .naep-v2-button-panel .button-group .landing-button.white:focus { color: #004c97; border-color: #004C97; background-color: #f7f7f7; box-shadow: 0 4px 8px rgba(0,0,0,0.20); -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.20); -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.20); } #PageBody #MainContent .naep-v2-button-panel .button-group.one-button .landing-button { width: 100%; margin-right: 0; } #PageBody #MainContent .naep-v2-button-panel .button-group.two-button .landing-button { width: calc((100% - 20px) / 2); } #PageBody #MainContent .naep-v2-button-panel .button-group:not(.two-button) .landing-button:nth-child(3n) { margin-right: 0; } #PageBody #MainContent .naep-v2-button-panel .button-group.two-button .landing-button:nth-child(2n){ margin-right: 0; } #PageBody #MainContent .naep-v2-button-panel .landing-button:after { content: ""; /*overwriting design2017 style*/ } #PageBody #MainContent .naep-v2-button-panel .button-group .landing-button .indicator:after { content: ""; position: relative; margin-left: 8px; top: 2px; width: 10px; } #PageBody #MainContent .naep-v2-button-panel .button-group a.landing-button .indicator.external:after { content: url(../img/icon-link-external-white.svg) / " External link"; } #PageBody #MainContent .naep-v2-button-panel .button-group a.landing-button .indicator.pdf:after { content: url(../img/icon-document-white.svg) / " PDF file"; } #PageBody #MainContent .naep-v2-button-panel .button-group a.landing-button .indicator.excel:after { content: url(../img/icon-excel-white.svg) / " Excel file"; } #PageBody #MainContent .naep-v2-button-panel .button-group a.landing-button.white .indicator.external:after { content: url(../img/icon-link-external-blue-0077C8.svg) / " External link"; } #PageBody #MainContent .naep-v2-button-panel .button-group a.landing-button.white .indicator.pdf:after { content: url(../img/icon-document-blue-0077C8.svg) / " PDF file"; } #PageBody #MainContent .naep-v2-button-panel .button-group a.landing-button.white .indicator.excel:after { content: url(../img/icon-excel-blue-0077c8.svg) / " Excel file"; } /* ****************************************** */ /* NAEP-V2: stat-fact */ /* ****************************************** */ #PageBody #MainContent .panel-body .stat-fact { display:flex; flex-flow:row nowrap; width:100%; border: 3px solid #001871; border-radius:8px; transition: all 300ms ease-in; color:#001871; padding: 30px 40px; } #PageBody #MainContent .panel-body .stat-fact.blue { background-color: #d8eaf7; border: 2px solid #0077c8; border-radius: 5px; padding: 20px; } #PageBody #MainContent .panel-body a.stat-fact:link, #PageBody #MainContent .panel-body a.stat-fact:visited { text-decoration:none; } #PageBody #MainContent .panel-body a.stat-fact:hover { background-color:transparent; transition: all 300ms ease-in; border-color: #004C97; background-color: #f7f7f7; box-shadow: inset 0 4px 8px rgba(0,0,0,0.20); -webkit-box-shadow: inset 0 4px 8px rgba(0,0,0,0.20); -moz-box-shadow: inset 0 4px 8px rgba(0,0,0,0.20); } #PageBody #MainContent .panel-body .stat-fact .stat-fact-image { width:30%; } #PageBody #MainContent .panel-body .stat-fact .stat-fact-image img { width: auto; margin: 7px 20px 0 0; } #PageBody #MainContent .panel-body .stat-fact .stat-fact-text { position: relative; display: inline-block; font-size: 1.2em; } #PageBody #MainContent .panel-body .stat-fact .stat-fact-text span{ display:block; } #PageBody #MainContent .panel-body .stat-fact .stat-fact-text .panel-header { font-size: 1.3em; font-weight: 900; color: #171c66; margin-bottom: 10px; line-height: 1.2; } #PageBody #MainContent .panel-body .stat-fact.blue .stat-fact-text .panel-header { font-size: 1.1em; font-weight: 700; } #PageBody #MainContent .panel-body .stat-fact .stat-fact-text .panel-desc { color: #363636; font-size: 0.9em; margin-bottom: 20px; } #PageBody #MainContent .panel-body .stat-fact .stat-fact-text.no-title .panel-desc { font-size: 1.05em; color:#001871; } #PageBody #MainContent .panel-body .stat-fact.blue .stat-fact-text .panel-desc { font-size: 13px; line-height: 1.2em; margin-bottom: 10px; } #PageBody #MainContent .panel-body .stat-fact .stat-fact-text .indicator { color: #0077c7; font-size: 0.75em; font-weight: 700; margin-top: 15px; text-transform: uppercase; } #PageBody #MainContent .panel-body .stat-fact.blue .stat-fact-text .indicator { color: #024d97; } #PageBody #MainContent .panel-body a.stat-fact .stat-fact-text .indicator.external:after { content: url(../img/icon-link-external-blue-0077C8.svg) / " External link"; margin-left: 8px; position: relative; top: 2px; } #PageBody #MainContent .panel-body .stat-fact.blue .stat-fact-text .indicator.external:after { content: url(../img/icon-link-external-blue-0077C8.svg) / " External link"; margin-left: 8px; position: relative; top: 2px; } #PageBody #MainContent .panel-body a.stat-fact .stat-fact-text .indicator.pdf:after { content: url(../img/icon-document-blue-0077C8.svg) / " PDF file"; margin-left: 8px; position: relative; top: 3px; } #PageBody #MainContent .panel-body .stat-fact.blue .stat-fact-text .indicator.pdf:after { content: url(../img/icon-document-blue-0077C8.svg) / " PDF file"; margin-left: 8px; position: relative; top: 3px; } #PageBody #MainContent .panel-body a.stat-fact .stat-fact-text .indicator.excel:after { content: url(../img/icon-excel-blue-0077c8.svg) / " Excel file"; margin-left: 8px; position: relative; top: 3px; } #PageBody #MainContent .panel-body .stat-fact.blue .stat-fact-text .indicator.excel:after { content: url(../img/icon-excel-blue-0077c8.svg) / " Excel file"; margin-left: 8px; position: relative; top: 3px; } #PageBody #MainContent .stat-fact.blue a:link { background-color: transparent; text-decoration: none; } #PageBody #MainContent .stat-fact.blue .panel-desc a:hover { text-decoration: underline; } #PageBody #MainContent .panel-body .stat-fact.blue .stat-fact-text ul { padding-left: 20px; } #PageBody #MainContent #naepPanels .naep-panel .stat-fact.blue .stat-fact-text .panel-desc li, #PageBody #MainContent #naepPanels .naep-panel .stat-fact.blue .stat-fact-text .panel-desc li a:link, #PageBody #MainContent #naepPanels .naep-panel .stat-fact.blue .stat-fact-text .panel-desc li a:visited { color: #024d97; font-size: 13px; line-height: 1.2em; margin-bottom: 5px; list-style: none; } #PageBody #MainContent #naepPanels .naep-panel .stat-fact.blue .stat-fact-text .panel-desc li:before { content: ""; width: 8px; height: 8px; display: inline-block; vertical-align: middle; background-color: #171c66; border-radius: 100%; margin-right: 10px; margin-left: -20px; } #PageBody #MainContent .panel-body .stat-fact.blue .stat-fact-text .panel-desc .indicator { font-weight: normal; } #PageBody #MainContent .panel-body .stat-fact.blue .stat-fact-text .panel-desc .indicator.external:after { margin-left: 5px; } /* ********************************************* */ /* Image Link Asset */ /* ********************************************* */ #PageBody #MainContent .image-link-asset { background-color: #001871; border: 3px solid #001871; border-radius: 5px; } #PageBody #MainContent .image-link-asset a:link, #PageBody #MainContent .image-link-asset a:visited { text-decoration: none; } #PageBody #MainContent .image-link-asset .image-link-text{ background-color:#001871; color:#fff; display:flex; flex-flow:column nowrap; padding:20px; } #PageBody #MainContent .image-link-asset .image-link-text p{ color:#fff; } #PageBody #MainContent .image-link-asset .image-link-text .indicator { color: #1dbff0; text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 0.9em; position: relative; } #PageBody #MainContent .image-link-asset .image-link-text a:hover { color: #1dbff0; background-color:#001871; } #PageBody #MainContent .image-link-asset a .image-link-text .indicator.external:after { content: url(../img/icon-link-external-blue-1dbff0.svg) / " External link"; padding-left: 10px; position: relative; top: 2px; } #PageBody #MainContent .image-link-asset a .image-link-text .indicator.pdf:after { content: url(../img/icon-document-blue-1dbff0.svg) / " PDF file"; padding-left:10px; position: relative; top: 3px; } #PageBody #MainContent .image-link-asset a .image-link-text .indicator.excel:after { content: url(../img/icon-excel-blue-1dbff0.svg) / " Excel file"; padding-left:10px; position: relative; top: 3px; } /* ****************************************** */ /* NAEP-V2: Subject Button Panel */ /* ****************************************** */ #PageBody #MainContent .naep-v2-subject-button-panel .subject-button-group { position: relative; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; width: 100%; } #PageBody #MainContent .naep-v2-subject-button-panel .subject-button-links { display:flex; flex-flow: row nowrap; box-shadow: 0px 4px 8px #00000029; border-radius: 8px; padding: 15px; margin: 0 20px 20px 0; width: calc((100% - 40px) / 3); } #PageBody #MainContent .naep-v2-subject-button-panel .subject-button-group .subject-button-links:nth-child(3n) { margin-right: 0; } #PageBody #MainContent .naep-v2-subject-button-panel .subject-button-group.two-button .subject-button-links { width: calc((100% - 20px) / 2); margin-right: 20px; } #PageBody #MainContent .naep-v2-subject-button-panel .subject-button-group.two-button .subject-button-links:nth-child(2n) { margin-right: 0; } #PageBody #MainContent .naep-v2-subject-button-panel .subject-button-group.four-button .subject-button-links { width: calc((100% - 60px) / 4); margin-right: 20px; } #PageBody #MainContent .naep-v2-subject-button-panel .subject-button-group.four-button .subject-button-links:nth-child(4n) { margin-right: 0; } #PageBody #MainContent .naep-v2-subject-button-panel .subject-button-links .subject-image { display:flex; flex-flow:column; justify-content: center; align-items:center; } #PageBody #MainContent .naep-v2-subject-button-panel .subject-button-links .subject-image > .frame { border:2px solid #c69214; border-radius: 50%; } #PageBody #MainContent .naep-v2-subject-button-panel .subject-button-links .subject-image img { margin:7px; padding: 5px; } #PageBody #MainContent .naep-v2-subject-button-panel .subject-button-links .subject-links { display:flex; flex-flow: column nowrap; padding-left:10px; } #PageBody #MainContent .naep-v2-subject-button-panel .subject-button-links .subject-links > span { color: #171c66; font-size:16px; font-weight:700; } #PageBody #MainContent .naep-v2-subject-button-panel .subject-button-links .subject-links > a { color:#0077c8; text-decoration:none; font-weight:700; font-size:14px; } #PageBody #MainContent .naep-v2-subject-button-panel .subject-button-links .subject-links > a:hover { color:#0077c8; text-decoration:underline; font-weight:700; font-size:14px; background-color:transparent; } /* ********************************************* */ /* NAEP-V2: Flex Panel */ /* ********************************************* */ #PageBody #MainContent .naep-v2-flex-panel > .panel-body { display: flex; flex-flow: row wrap; justify-content: space-between; } #PageBody #MainContent .naep-v2-flex-panel > .panel-body.two-item .asset { width: calc((100% - 20px) / 2); } #PageBody #MainContent .naep-v2-flex-panel .stat-fact .stat-fact-text .panel-desc { margin-bottom: 40px; } #PageBody #MainContent .naep-v2-flex-panel .stat-fact-text .panel-link { position: absolute; bottom: 0; } /* ********************************************* */ /* NAEP-V2: Hub Panel */ /* ********************************************* */ #PageBody #MainContent .naep-v2-hub-panel .panel-body .stat-fact { display: block; } #PageBody #MainContent .naep-v2-hub-panel .right-asset { border: none; box-shadow: none; float: right; margin: 0 0 20px 20px; width: 33%; min-width: 100px; } /* ********************************************* */ /* NAEP-V2: Link List Panel */ /* ********************************************* */ #PageBody #MainContent .naep-v2-link-list-panel .link-lists { display: flex; flex-flow: row wrap; justify-content: flex-start; } #PageBody #MainContent .naep-v2-link-list-panel .link-list { width: calc((100% - 20px) / 3); margin-right: 10px; } #PageBody #MainContent .naep-v2-link-list-panel .link-list:last-of-type { margin-right: 0; } #PageBody #MainContent .naep-v2-link-list-panel .link-list ul { padding-top: 10px; list-style: none; margin-left: 0; } #PageBody #MainContent .naep-v2-link-list-panel .link-list li { position: relative; } #PageBody #MainContent .naep-v2-link-list-panel .link-list li:before { content: url(../img/icon-star-blue.svg); position: absolute; left: -25px; top: 2px; font-size: 10px; font-weight: normal; display: block; z-index: 101; } #PageBody #MainContent .naep-v2-link-list-panel .link-list a { text-decoration: none; } #PageBody #MainContent .naep-v2-link-list-panel .link-list a:hover { background-color: #fff; } #PageBody #MainContent .naep-v2-link-list-panel .link-list a span { color: #0077c7; } #PageBody #MainContent .naep-v2-link-list-panel .link-list a span.indicator { position: relative; } #PageBody #MainContent .naep-v2-link-list-panel .link-list a span.indicator:after { content: ""; position: relative; top: 2px; } #PageBody #MainContent .naep-v2-link-list-panel .link-list a span.indicator.external:after { content: url(../img/icon-link-external-blue-0077c8.svg) / " Exteral link"; margin-left: 8px; } #PageBody #MainContent .naep-v2-link-list-panel .link-list a span.indicator.pdf:after { content: url(../img/icon-document-blue-0077c8.svg) / " PDF file"; margin-left: 8px; } #PageBody #MainContent .naep-v2-link-list-panel .link-list a span.indicator.excel:after { content: url(../img/icon-excel-blue-0077c8.svg) / " Excel file"; margin-left: 8px; } #PageBody #MainContent .naep-v2-link-list-panel .link-list .title { width: 100%; color: #001871; font-size: 22px; font-weight: 800; border-bottom: 1px solid #acacac; padding-bottom: 5px; } /*-------------two-column-------------*/ #PageBody #MainContent .naep-v2-link-list-panel .link-list.two-column { width: calc(((100% - 10px) / 3) * 2); } #PageBody #MainContent .naep-v2-link-list-panel .link-list.two-column ul { display: flex; flex-flow: column wrap; float: left; width: calc(50% - 5px); } #PageBody #MainContent .naep-v2-link-list-panel .link-list.two-column ul:first-of-type { margin-right: 10px; } /*-------------three-column-------------*/ #PageBody #MainContent .naep-v2-link-list-panel .link-list.three-column { width: 100%; margin-right: 10px; } #PageBody #MainContent .naep-v2-link-list-panel .link-list.three-column:last-of-type { margin-right: 0; } #PageBody #MainContent .naep-v2-link-list-panel .link-list.three-column ul { display: flex; flex-flow: column wrap; float: left; width: calc((100% - 20px) / 3); margin-right: 10px; } #PageBody #MainContent .naep-v2-link-list-panel .link-list.three-column ul:last-of-type { margin-right: 0; } /*-------------one-list-------------*/ #PageBody #MainContent .naep-v2-link-list-panel .link-lists.one-list .link-list { width: 100%; } /* ********************************************* */ /* NAEP-V2: NAEP Twitter Feed */ /* ********************************************* */ .naep-twitter-feed .header { background: url(../img/icon_twitter-2x.png) no-repeat 0 7px; padding-left: 60px; } .naep-twitter-feed .header-inner { border-bottom: 1px solid #999; padding-bottom: 10px; } #PageBody #MainContent .naep-twitter-feed h3 { margin-bottom: 5px; } #PageBody #MainContent .naep-twitter-feed .twitter-link:link, #PageBody #MainContent .naep-twitter-feed .twitter-link:visited { color: #0077C8; font-weight: bold; text-decoration: none; } #PageBody #MainContent .naep-twitter-feed a.twitter-link:hover { background-color: #fff; text-decoration: underline; } .naep-twitter-feed .twitter-link::after { content: url(../img/icon-link-external-blue-0077C8.svg) / " External link"; margin-left: 8px; position: relative; top: 1px; } .naep-twitter-feed .twitter-timeline { margin-left: 10px; } .naep-twitter-feed iframe { width: calc(100% - 10px) !important; } /* ********************************************* */ /* NAEP-V2: Assessment Process Panel */ /* ********************************************* */ .naep-v2-assessment-process-panel .assessment-phase-wrapper { width: 65%; margin-left: 100px; } #PageBody #MainContent .naep-v2-assessment-process-panel a:link, #PageBody #MainContent .naep-v2-assessment-process-panel a:active { color: #363636; text-decoration: none; } #PageBody #MainContent .naep-v2-assessment-process-panel a:hover { background-color: transparent; } #PageBody #MainContent .naep-v2-assessment-process-panel a:hover .phase-text { text-decoration: underline; } .naep-v2-assessment-process-panel .assessment-phase { display: flex; flex-flow: row nowrap; } .naep-v2-assessment-process-panel .phase-bar { background-color: #dbe2e9; position: relative; left: 25px; margin-top: 43px; margin-bottom: 5px; width: 10px; } .naep-v2-assessment-process-panel .assessment-phase:last-of-type .phase-bar { background-color: transparent; } .naep-v2-assessment-process-panel .phase-number { display: inline-block; background-color: #fff; border: 4px solid #171c66; border-radius: 50%; color: #171c66; font-size: 1.2em; font-weight: 800; text-align: center; line-height: 30px; height: 40px; width: 40px; } .naep-v2-assessment-process-panel .phase-body { margin: 5px 0 30px 20px; width: 90%; } .naep-v2-assessment-process-panel .assessment-phase:last-of-type .phase-body { margin-bottom: 0; } .naep-v2-assessment-process-panel .phase-content { display: flex; flex-flow: row nowrap; } .naep-v2-assessment-process-panel .phase-icon img { height: 72px; width: 72px; } .naep-v2-assessment-process-panel .phase-text { color: #363636; margin: 10px 0 0 15px; } /* ********************************************* */ /* NAEP-V2: Assessment Phase Nav */ /* ********************************************* */ .naep-v2-assessment-phase-nav .navbar-nav { display: flex; flex-flow: row nowrap; list-style: none; margin-bottom: 30px; } .naep-v2-assessment-phase-nav ul.navbar-nav li { width: calc(100% / 7); padding: 5px 0; } #PageBody #MainContent .naep-v2-assessment-phase-nav a:link, #PageBody #MainContent .naep-v2-assessment-phase-nav a:active { text-decoration: none; } #PageBody #MainContent .naep-v2-assessment-phase-nav a:hover { background-color: transparent; } .naep-v2-assessment-phase-nav .phase-number { display: inline-block; background-color: #fff; border: 4px solid #171c66; border-radius: 50%; color: #171c66; font-size: 1.2em; font-weight: 800; text-align: center; padding-top: 2px; height: 40px; width: 40px; } .naep-v2-assessment-phase-nav .nav-item.previous .phase-number { background-color: #171c66; color: #fff; } .naep-v2-assessment-phase-nav .nav-item.current .phase-number { background-color: #0077c8; border-color: #0077c8; color: #fff; } .naep-v2-assessment-phase-nav .phase-number:after { content: ""; background-color: #dbe2e9; position: absolute; top: 20px; height: 10px; width: 12%; z-index: -1; } .naep-v2-assessment-phase-nav .nav-item.previous .phase-number:after { background-color: #171c66; } .naep-v2-assessment-phase-nav .nav-item.current .phase-number:after { background-color: #0077c8; } .naep-v2-assessment-phase-nav .navbar-nav li:last-child .phase-number:after { background-color: transparent; } .naep-v2-assessment-phase-nav .phase-number-wrapper { background-color: #fff; padding: 3px; margin-left: -3px; } .naep-v2-assessment-phase-nav .phase-text { color: #363636; display: block; font-size: 0.88em; line-height: 1.3; padding-top: 5px; padding-right: 10px; } .naep-v2-assessment-phase-nav a.nav-item:not(.current):hover .phase-text { text-decoration: underline; } .naep-v2-assessment-phase-nav .nav-item.current .phase-text { color: #0077c8; font-weight: 800; } .assessment-phase-header .assessment-phase-icon { float: left; } .assessment-phase-header .assessment-phase-icon img { display: block; border: 3px solid #171c66; border-radius: 8px; width: 72px; height: 72px; } .assessment-phase-header .assessment-phase-header-content { margin-left: 92px; } /* ********************************************* */ /* NAEP-V2: Assessment Literacy Panel */ /* ********************************************* */ #PageBody #MainContent .neap-assessment-lit-panel .hidden { display: none !important; } #PageBody #MainContent .neap-assessment-lit-panel .qaContainer { border: 3px solid #c69214; border-radius: 5px; padding: 40px 30px 0 30px; margin: auto; width: 100%; color: #333; } #PageBody #MainContent .neap-assessment-lit-panel .qaContainer .title { color: #007a33; } #PageBody #MainContent .neap-assessment-lit-panel .qaContainer .supporting-content { border: 1px solid #336699; margin-bottom: 20px; } #PageBody #MainContent .neap-assessment-lit-panel .q-wrapper { margin-bottom: 20px; } #PageBody #MainContent .neap-assessment-lit-panel .q-wrapper label { display: block; margin-bottom: 5px; } #PageBody #MainContent .neap-assessment-lit-panel .q-wrapper label > span { margin-left: 10px; } #PageBody #MainContent .neap-assessment-lit-panel .q-wrapper .form-check-input { width: 22px; height: 22px; border: 2px solid #707070; margin-top: 0px; } #PageBody #MainContent .neap-assessment-lit-panel .q-wrapper .form-check-input:checked { background-color: #000; border-color: #000; } #PageBody #MainContent .neap-assessment-lit-panel .q-wrapper .form-check-input:focus { border-color: #333; outline: 4px; box-shadow: 0 0 0 0.25rem rgb(51 51 51 / 50%); } #PageBody #MainContent .neap-assessment-lit-panel .q-wrapper .form-check-input:hover, #PageBody #MainContent .neap-assessment-lit-panel .q-wrapper .form-check-label:hover { cursor: pointer; } #PageBody #MainContent .neap-assessment-lit-panel .response { border-radius: 5px; padding: 10px 10px 10px 70px; text-align: left; background-size: 50px 50px; position: relative; bottom: 0; font-size: 0.9em; box-shadow: 0px 3px 6px #ccc; -webkit-box-shadow: 0px 3px 6px #ccc; -moz-box-shadow: 0px 3px 6px #ccc; margin-bottom: 20px; } #PageBody #MainContent .neap-assessment-lit-panel .response .answer a:link { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } #PageBody #MainContent .neap-assessment-lit-panel .response.correct:not(.hidden) { border: 2px solid #009639; background: #d4edda url(../img/icon-right-answer.svg) no-repeat 10px 10px; background-size: 43px 43px; } #PageBody #MainContent .neap-assessment-lit-panel .response.incorrect:not(.hidden) { border: 2px solid #daaa00; background: #f2ede2 url(../img/icon-wrong-answer.svg) no-repeat 10px 10px; background-size: 43px 43px; } #PageBody #MainContent .neap-assessment-lit-panel .response .answer .prefix-correct { display: inline-block; color: #00993e; font-weight: bold; } #PageBody #MainContent .neap-assessment-lit-panel .response .answer .prefix-incorrect { display: inline-block; color: #333; font-weight: bold; } #PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-prev, #PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-next { top: 115px; } #PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-prev { left: -110px; } #PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-next { right: -110px; } #PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-inner { border: none; box-shadow: none; } #PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-indicators { top: 50px; position: relative; margin-top: -40px; } #PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-prev:hover, #PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-next:hover { background-color: #00b8f0 !important; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms ease-in; } #PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-prev:focus, #PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-next:focus { background-color: #0077c8; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms ease-in; } #PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-prev:focus:focus-visible, #PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-next:focus:focus-visible { background-color: #004c97; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms ease-in; } /* ********************************************* */ /* NAEP-V2: Results Display Panel */ /* ********************************************* */ #PageBody #MainContent .naep-results-display-panel { } #PageBody #MainContent .naep-results-display-panel .results-wrapper a:link.link-button, #PageBody #MainContent .naep-results-display-panel .results-wrapper a:visited.link-button { background: none; border: 0; box-shadow: none; display: block; min-height: initial; padding: 0.6em 0; margin: 0; text-decoration: none; position: initial; color: #0077c8; font-weight: 900; /*line-height: 1.1;*/ } #PageBody #MainContent .naep-results-display-panel .results-wrapper a:link.link-button:first-child { padding-top: 0; } #PageBody #MainContent .naep-results-display-panel .results-wrapper a:link.link-button:last-child { padding-bottom: 0; } #PageBody #MainContent .naep-results-display-panel .results-wrapper a:hover.link-button { color: #004c97; text-decoration: underline; } #PageBody #MainContent .naep-results-display-panel .results-wrapper { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; background-color: #fdf5e9; padding: 2em 3em; } #PageBody #MainContent .naep-results-display-panel .attractors { width: 67%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } #PageBody #MainContent .naep-results-display-panel .button-group { width: 30%; display: flex; flex-flow: column wrap; } #PageBody #MainContent .naep-results-display-panel .left { width: 40%; } #PageBody #MainContent .naep-results-display-panel .center { width: 55%; text-align: center; } #PageBody #MainContent .naep-results-display-panel .left > * { width: 100%; line-height: 1; text-align: center; } #PageBody #MainContent .naep-results-display-panel .left p { text-align: left; line-height: 1.5; margin-top: 1em; } #PageBody #MainContent .naep-results-display-panel .left img { width: 100%; } #PageBody #MainContent .naep-results-display-panel .center img { max-width: 90%; } #PageBody #MainContent .naep-results-display-panel .button-group a.link-button .indicator:after { content: ""; display: inline-block; position: relative; top: 3px; } #PageBody #MainContent .naep-results-display-panel .button-group a.link-button .indicator.external:after { content: url(/nationsreportcard/adminonly/design2021/img/icon-link-external-blue-0077C8-bold.svg) / " External link"; transform: scale(.9); width: 17px; margin-left: 8px; } #PageBody #MainContent .naep-results-display-panel .button-group a.link-button .indicator.pdf:after { content: url(/nationsreportcard/adminonly/design2021/img/icon-document-blue-0077c8.svg) / " PDF file"; transform: scale(1.2); width: 17px; margin-left: 8px; top: 0; left: 3px; } /* ********************************************* */ /* Modernizations Panel */ /* ********************************************* */ #PageBody #MainContent .naep-modernization-panel .panel-container p { color: #001871; } .naep-modernization-panel .m-item { display: flex; flex-flow: row nowrap; justify-content: space-between; margin-bottom: 10px; } .naep-modernization-panel .item-box { border: 2px solid #001871; border-radius: 8px; display: flex; flex-flow: column wrap; justify-content: center; text-align: center; padding: 10px 5%; min-width: 300px; min-height: 180px; } .naep-modernization-panel .item-box .item-title { display: flex; flex-flow: row nowrap; justify-content: center; color: #001871; font-size: 2em; font-weight: 900; line-height: 1; text-align: left; } .naep-modernization-panel .item-box .item-title:before, .naep-modernization-panel .item-line .naep-gold-star { content: url(/nationsreportcard/adminonly/design2021/img/gold_star.svg) / "NAEP gold star"; } .naep-modernization-panel .item-box .item-title:before { height: 45px; width: 55px; transform: scale(.7); position: relative; top: -10px; } .naep-modernization-panel .item-line .naep-gold-star { width: 100px; margin-left: 5%; } .naep-modernization-panel .item-line { display: flex; flex-flow: row nowrap; align-items: center; } .naep-modernization-panel .m-item.one .item-line { justify-content: flex-start; } .naep-modernization-panel .m-item.two .item-line { justify-content: flex-end; } .naep-modernization-panel .m-item.one .item-line .line { width: 20px; height: 10px; background-color: #001871; margin: 0 15px; border-radius: 8px; } .naep-modernization-panel .m-item.two .item-line .line { width: 50%; height: 10px; background-color: #001871; margin: 0 15px; border-radius: 8px; } .naep-modernization-panel .item-line .curve { background-color: #fff; border: 10px solid #001871; border-bottom: 0; } .naep-modernization-panel .m-item.one .item-line .curve { width: 64%; height: 70px; border-left: 0; border-radius: 0 40px 0 0; margin: 60px 0 0 -5px; } .naep-modernization-panel .m-item.two .item-line .curve { width: 60%; border-right: 0; border-radius: 40px 0 0 0; margin: 62px 0 0 -19px; } .naep-modernization-panel .item-line .arrow { content: url(/nationsreportcard/adminonly/design2021/img/arrow_down.svg) / "down arrow"; width: 28px; align-self: self-end; } .naep-modernization-panel .m-item.one .item-line .arrow { margin-left: -19px; } .naep-modernization-panel .m-item.two .item-line .arrow { margin-left: -24px; } .naep-modernization-panel .m-item.two .item-line .line { margin-left: -31px; } .naep-modernization-panel .m-item.three .item-line .line { background-color: #001871; border-radius: 8px; } .naep-modernization-panel .item-line .ellipse { content: url(/nationsreportcard/adminonly/design2021/img/ellipse.svg) / "ellipse"; } .naep-modernization-panel .m-item.one .item-line .ellipse { width: 10px; } .naep-modernization-panel .m-item.two .item-line .ellipse { width: 10px; margin: 0 0 0 -7px; position: relative; } .naep-modernization-panel .m-item.three .item-line .ellipse { width: 12px; margin: 0 3px; }