#feature-wrapper .row-flex { column-gap: 60px; } #feature-wrapper .feature-image { width: 100%; border-radius: 20px; min-height: 700px; object-fit: cover; } #feature-wrapper a.icon { margin-top: 14px; } @media only screen and (max-width: 1068px) { #feature-wrapper .row-flex .column:first-child { margin-bottom: 40px; } #feature-wrapper .feature-image { min-height: 500px; } } @media only screen and (max-width: 735px) { #feature-wrapper .feature-image { min-height: 400px; } } #apple { background-color: #000000;} #apple .apple-logo { width: 50px; height: auto; margin-bottom: 8px; } #apple .icon.icon-before.icon-checkcircle { padding-top: 0; padding-left: 40px; position: relative; margin-bottom: 10px; } #apple .icon.icon-before.icon-checkcircle:before { font-size: 24px; color: #4fe669; position: absolute; left: 0; top: 5px; padding-right: .3em; display: inline-block; } #sis-integration { position: relative; } #sis-integration .sh2 { text-align: left; width: 100%; } #sis-integration .img-ipad { position: absolute; right: calc( 50% - 700px ); bottom: 0px; height: 600px; } #sis-integration li { margin-bottom: 16px; margin-left: calc(24px + 1em); } #sis-integration li::before { content: ' '; width: 30px; height: 30px; top: 7px; margin-left: calc(-24px - 1em); margin-right: 1em; position: relative; display: inline-block; background-repeat: no-repeat; background-size: contain; } #sis-integration li:nth-child(1)::before { background-image: url(/education/k12/images/icon_uploads.svg);} #sis-integration li:nth-child(2)::before { background-image: url(/education/k12/images/icon_errors.svg);} #sis-integration li:nth-child(3)::before { background-image: url(/education/k12/images/icon_data-visibility.svg);} #sis-integration li:nth-child(4)::before { background-image: url(/education/k12/images/icon_fix.svg);} @media only screen and (max-width: 1068px) { #sis-integration .section .sh2 { padding-bottom: 20px; text-align: center; } #sis-integration .img-ipad { position: initial; width: 100%; height: auto; margin-bottom: -3px; } } #quote.dark { background: #1d49a8; background: linear-gradient(-17deg, #1d49a8 0%, #8479b3 100%); } #quote .highlight-quote { color: #4fe669; } #quote blockquote { text-align: left; font-size: 42px; line-height: 50px; font-weight: 600; margin-bottom: 40px; color: #fff; quotes: "“" "”" "‘" "’"; font-family: "SF Pro Display",Helvetica,Arial,sans-serif;} #quote blockquote:before { content: open-quote; } #quote blockquote:after { content: close-quote; } #quote blockquote:lang(fr) { quotes: "«" "»"; } #quote blockquote:lang(de) { quotes: "„" "“"; } #quote blockquote:lang(nl) { quotes: "'" "'"; } #quote blockquote:lang(ja) { quotes: "「" "」"; } #quote blockquote:before { content: open-quote; } #quote blockquote:after { content: close-quote; } #quote figcaption { color: #ffffff; float: right; line-height: 20px; } @media only screen and (max-width: 735px) { #quote blockquote { text-align: center; font-size: 1.75rem; line-height: 2rem; } } #quote blockquote:lang(fr){quotes:"«" "»";} #quote blockquote:lang(de){quotes: "„" "“";} #quote blockquote:lang(ja){quotes: "「" "」";} #how-to .how-to-grid { display: grid; grid-gap: 16px; grid-template-columns: repeat(3, 1fr); grid-template-rows: [row] auto [row]; } #how-to .how-to-grid .step { padding: 50px; border-radius: 8px; background: #ffffff; display: flex; align-items: center; justify-content: center; flex-direction: column; } #how-to .how-to-grid .step .step-icon { width: 75px; height: 75px; margin-bottom: 20px; } #how-to .how-to-grid .step p.p2 { margin-bottom: 30px; text-align: center; } #how-to .how-to-grid .step p.step-number { margin-bottom: 0px; font-weight: 500; } /* #how-to .how-to-grid .step li { color: #208a3d; } #how-to .how-to-grid .step li:hover { color: #2da14a; } */ #how-to .how-to-grid .step:nth-child(1) { grid-column: span 1; grid-row: row ;} #how-to .how-to-grid .step:nth-child(2) { grid-column: span 1; grid-row: row ; } #how-to .how-to-grid .step:nth-child(3) { grid-column: span 1; grid-row: row ; } #how-to .how-to-grid .step:nth-child(4) { grid-column: span 3; grid-row: row 2; flex-direction: row; column-gap: 40px; } #how-to .how-to-grid .step:nth-child(4) p { text-align: left; max-width: 250px; } @media only screen and (max-width: 955px) { #how-to .how-to-grid { grid-template-columns: 1fr; grid-template-rows: auto; } #how-to .how-to-grid .step:nth-child(1) { grid-column: span 1; grid-row: row ; } #how-to .how-to-grid .step:nth-child(2) { grid-column: span 1; grid-row: row 2; } #how-to .how-to-grid .step:nth-child(3) { grid-column: span 1; grid-row: row 3; } #how-to .how-to-grid .step:nth-child(4) { grid-column: span 1; grid-row: row 4; } #how-to .how-to-grid .step:nth-child(4) { flex-direction: column; } #how-to .how-to-grid .step:nth-child(4) p { text-align: center; max-width: none; } } #oneroster { display: flex; overflow: hidden; position: relative; } #oneroster .oneroster-wrapper { display: block; align-items: center; max-width: 500px; margin: 250px auto; position: relative; text-align: center; } #oneroster .oneroster-wrapper .certified-logo { width: 200px; height: auto; margin: 0 auto 24px; } #oneroster .oneroster-wrapper h2, #oneroster .oneroster-wrapper p { text-align: center; } #oneroster .oneroster-wrapper .logo-imgs-mobile { display: none; } #oneroster .oneroster-wrapper .logos-img-container { width: 1000px; height: 500px; margin-top: -250px; margin-left: -500px; display: inline-block; position: absolute; inset: 50% auto auto 50%; } #oneroster .oneroster-wrapper .logos-img-container .img-logo { object-fit: contain; position: absolute; height: auto; max-width: 125px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:first-child { top: 290px; right: 900px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(2) { top: -83px; right: 830px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(3) { top: 330px; left: 850px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(4) { top: 100px; right: 1000px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(5) { top: 500px; right: 700px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(6) { top: 600px; right: 250px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(7) { top: -150px; right: 600px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(8) { top: 200px; right: 1077px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(9) { top: 600px; right: 507px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(10) { top: -100px; left: 1007px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(11) { top: -58px; right: 1077px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(12) { top: 230px; left: 900px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(13) { top: -83px; left: 820px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(14) { top: 500px; right: 1000px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(15) { top: 90px; left: 1000px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(16) { top: 350px; left: 1050px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(17) { top: 500px; left: 850px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(18) { top: -150px; left: 500px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(19) { top: 56px; left: 778px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(20) { top: 17px; left: 134px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(21) { top: -150px; left: 740px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(22) { top: 366px; left: 12057px; } #oneroster .oneroster-wrapper .logos-img-container .img-logo:nth-child(23) { top: 636px; right: 800px; } @media only screen and (max-width: 1068px) { #oneroster .oneroster-wrapper { max-width: 90%; margin: 70px auto; } #oneroster .oneroster-wrapper .logos-img-container { display: none; } #oneroster .oneroster-wrapper .logo-imgs-mobile { display: block; margin-top: 40px; width: 100%; height: auto; } } @media only screen and (max-width: 735px) { #oneroster .oneroster-wrapper .certified-logo { width: 150px; } } #sis-slider .section-width-even-more { width: 90%; } #sis-slider .template-slider .template-slide { margin: 0px 15px;} #sis-slider .template-slider .template-slide img { height: auto; width: 100%; border-radius: 20px; margin-bottom: 20px; } #sis-slider .template-slider .template-slide p.p2 { font-weight: 500; margin-bottom: 10px; } #sis-slider .template-slider .template-slide .template-slide-bottom { text-align: left; } /* slider arrows */ #sis-slider .template-slider.slick-slider { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: right; } #sis-slider .template-slider.slick-slider .slick-arrow {align-self: center; margin: 30px 30px 60px;} #sis-slider .template-slider.slick-slider .slick-arrow.slick-prev{order: 2; top: 0; left:0; right: 0; -webkit-transform: none; -ms-transform: none; transform: none; position: relative;} #sis-slider .template-slider.slick-slider .slick-arrow.slick-next{order: 3; top: 0; left:0; right: 0; -webkit-transform: none; -ms-transform: none; transform: none; position: relative;} #sis-slider .template-slider.slick-slider .slick-arrow.slick-prev:hover:before, #sis-slider .template-slider.slick-slider .slick-arrow.slick-prev:focus:before , #sis-slider .template-slider.slick-slider .slick-arrow.slick-next:hover:before, #sis-slider .template-slider.slick-slider .slick-arrow.slick-next:focus:before { opacity: .7; } #sis-slider .btn.full-green-btn {margin-bottom: 0px;} #sis-slider .template-slider.slick-slider .slick-dots {position: relative; order: 2; margin-top: 30px; bottom: 0;} #aae { background-color: #000; background-image: url(/education/k12/images/bg_k-12_cta.jpg); background-position: 50%; background-size: cover; } #aae .sh2 p { color: #ffffff;}