html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}textarea:focus, input:focus{outline: none;}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:98%}}@media (min-width: 768px){.container{max-width:98%}}@media (min-width: 992px){.container{max-width:98%}}@media (min-width: 1360px){.container{max-width:1350px}}@media (min-width: 1460px){.container{max-width:1450px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width: 576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width: 768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width: 992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width: 1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}ul{padding:0} .glider,.glider-contain{margin:0 auto;position:relative}.glider,.glider-track{transform:translateZ(0)}.glider-dot,.glider-next,.glider-prev{border:0;padding:0;user-select:none;outline:0}.glider-contain{width:100%}.glider{overflow-y:hidden;overflow-x:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.glider-track{width:100%;margin:0;padding:0;display:flex;z-index:1}.glider.draggable{user-select:none;cursor:-webkit-grab;cursor:grab}.glider.draggable .glider-slide img{user-select:none;pointer-events:none}.glider.drag{cursor:-webkit-grabbing;cursor:grabbing}.glider-slide{user-select:none;justify-content:center;align-content:center;width:100%;min-width:150px}.glider-slide img{max-width:100%}.glider::-webkit-scrollbar{opacity:0;height:0}.glider-next,.glider-prev{position:absolute;background:0 0;z-index:2;font-size:40px;text-decoration:none;left:3px;top:0;cursor:pointer;color:#666;opacity:1;line-height:1;transition:opacity .5s cubic-bezier(.17,.67,.83,.67),color .5s cubic-bezier(.17,.67,.83,.67)}.glider-next:focus,.glider-next:hover,.glider-prev:focus,.glider-prev:hover{color:#ccc}.glider-next{right:3px;left:auto}.glider-next.disabled,.glider-prev.disabled{opacity:.25;color:#666;cursor:default}.glider-hide{opacity:0}.glider-dots{user-select:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0}.glider-dot{display:block;cursor:pointer;color:#ccc;border-radius:999px;background:#fafafa;width:12px;height:12px;margin:7px}.glider-dot:focus,.glider-dot:hover{background:#ddd}.glider-dot.active{background:#85c0ff}@media(max-width:36em){.glider::-webkit-scrollbar{opacity:1;-webkit-appearance:none;width:7px;height:3px}.glider::-webkit-scrollbar-thumb{opacity:1;border-radius:99px;background-color:rgba(156,156,156,.25);-webkit-box-shadow:0 0 1px rgba(255,255,255,.25);box-shadow:0 0 1px rgba(255,255,255,.25)}} .page-loaded .transition-half{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } body { text-align: left; direction: ltr; margin: 0; font-size: 16px; } p{ line-height: 30px; } .p-0{ padding:0 !important; } .pl-0{ padding-left:0 !important; } .pr-0{ padding-right:0 !important; } .d-flex{ display: flex; } .float-right{float:right !important}.float-left{float:left !important}.has-text-align-center,.text-center{text-align: center !important;}.text-right{text-align: right !important;}.text-left{text-align: left !important;} .popup{display:none;position:fixed;top:0;left:0;width:100%;z-index:10000000;height:100%;background:rgba(45, 47, 75, 0.8);overflow-y:auto}.popup .loader{margin:auto;display:none}.popup-content-container{display:contents}.popup-container{width: 87%;max-width:1110px;margin:75px auto 20px;background:#fff;padding:20px;display:flex;position:relative;border-radius:20px}.popup-content{width:100%}.close-popup{position:absolute;top:-19px;right:-19px;width:40px;height:40px;border:solid #d74b03;text-align:center;border-radius:50%;line-height:37px;background:#d74b03 url(images/sprite-v8.svg#menu-close-2) no-repeat center;background-size: 15px;;color:#fff;cursor:pointer;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;z-index:1}.close-popup:hover{border:solid #a93b03;background-color:#a93b03} .popup input[type=text], .popup input[type=password], .popup input[type=email], .woocommerce input[type=text], .woocommerce input[type=password], .woocommerce input[type=email], .woocommerce input[type=tel], .woocommerce select, .woocommerce textarea { background:#ececec; border:1px solid #ddd; border-radius:0; padding:13px; width:100% } .form-group { position:relative; padding-bottom:20px; margin-bottom:5px } .form-group label { display:block } .form-control.not-ok { border:1px solid red } .popup .button, .woocommerce .button { cursor:pointer; line-height:26px; padding:6px 20px; float:left; border:1px solid #4B4592; background:#4B4592; border-radius:20px; transition:all .5s; color:#fff; } .popup .button:hover, .popup input[type=submit]:hover, .woocommerce .button:hover { background:#413b88; border:1px solid #413b88; color:#fff } .text-white{ color:#fff; } .bg-primary { background:#1f7191; } .popup-title { font-size: 35px; margin-top: 30px; margin-bottom: 35px; } a{text-decoration: none;color:#000} img{max-width:100%;height:auto;} h1 { font-size: 33px; } .bold-text{font-weight: bold} .button-sets { float: left; width: 100%; padding: 20px 0; margin-top: 30px; } .btn, #submit { border: none; background: #fff; padding: 14px 16px; border-radius: 30px; cursor: pointer; display: inline-block; overflow: hidden; white-space: nowrap; } .page-loaded .btn,.page-loaded .form-control, .page-loaded .navbar a, .page-loaded .top-search-icon, .responsive-menu-handler, .menu-top-menu-container,.page-link, .page-numbers,.copyright *{ -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .btn:hover { transform: scale(1.05) !important; } .btn.btn-shadow{ box-shadow: -9px 12px 0px -3px #BAC3D7; } .btn.btn-shadow:hover{ box-shadow: -6px 9px 6px 2px #B8C1D3; } .btn.btn-shadow-red{ box-shadow: 5px 9px 9px 0 #6E0B31; } .btn.btn-shadow-red:hover{ box-shadow: 5px 20px 12px 0 #6E0B31; } .btn.btn-shadow-blue{ box-shadow: 5px 9px 9px 0 #0E4B62; } .btn.btn-shadow-blue:hover{ box-shadow: 5px 20px 12px 0 #0E4B62; } .btn-rounded{ border-radius:28px; } .btn-large { font-size: 19px; padding: 15px 20px; border: solid 5px; } .btn-large.btn-rounded{ border-radius:50px; } .btn-common-orange { background: #ff6363; color: #000; } .btn-common-red { background: #df2f2f; color: #fff; } .btn-common-green { background: #28caba; color: #fff; } .btn-common-pink { background: #ae4e98; color: #fff; } .btn-common-purple { background: #754eae; color: #fff; } .btn-common-blue { background: #1b58a7; color: #fff; } .badge { width: 75px; height: 75px; position: absolute; } .new-badge { background: url(images/sprite-v8.svg#new-label) no-repeat; background-size: 100%; top: -10px; right: -10px; } .hot-badge { background: url(images/sprite-v8.svg#promotion) no-repeat; background-size: 100%; top: -48px; right: -9px; filter: drop-shadow(-5px 5px 0px rgba(0, 0, 0, 0.09)); } .page-intro .search-box .form-control { width: 50%; padding: 14px 10px 15px; font-size: 17px; float: none; height: 53px; text-align: center; border: solid 5px #eee; } .page-intro .search-box .btn { margin-left: -114px; width: 116px; height: 54px; padding: 0 0 0 26px; background-image: url(images/sprite-v8.svg#search); background-size: 24px; background-repeat: no-repeat; font-size: 16px; background-position: left 12px center; border: solid #fff; background-color: #55b353; } .form-control, .comment-form input[type="text"],.comment-form input[type="email"], .comment-form textarea { padding: 10px; border-radius: 30px; border: solid 1px #ccc; } .form-control:focus { box-shadow: 0 0 7px 0 #eee; } .jumbotron, .footer, .copyright { float: right; width: 100%; } .jumbotron{ padding: 20px 0; } .navbar, .sticky-purchase { position: fixed; top: 0; width: 100%; color: #fff; z-index: 1000; background: #fff; box-shadow: 0 28px 10px -27px rgba(0, 0, 0, 0.37); transition: all 0.3s; } .only-progress.navbar{ top:-52px; } .navbar a { color:#4d4d4d; } .navbar a:hover { color: #05662b; } .navbar a.btn:hover{ color:#fff; } .navbar ul { display: inline-flex; list-style: none; width: 850px; margin: 0 auto; } .navbar ul .sub-menu { display: none; position: absolute; width: 100%; background: #fff; border-radius: 14px; top: 62px; left:0; padding: 10px 0; box-shadow: 0 0 12px 3px #0000003b; -o-box-shadow: 0 0 12px 3px #0000003b; -webkit-box-shadow: 0 0 12px 3px #0000003b; border: solid 6px #f5f5f5; } .navbar ul .active .sub-menu { display: block; } .navbar ul .sub-menu li { float: left; width: 33.33%; margin: 7px 0; padding: 0 10px; text-align:left; } .open-child { display: none; float: right; background: #e2e2e2; width: 28px; height: 28px; text-align: center; border-radius: 50%; font-weight: 700; line-height: 26px; font-size: 20px; color: #2D775B; cursor: pointer; margin-top: 10px; margin-right: 22px; } .top-menu > li > a{ background-repeat: no-repeat; background-position: left 18px; background-size: 22px 22px; cursor: pointer; } a.go-premium-menu { float: right; border: solid 3px; padding: 9px 12px 9px 33px; margin-top: 4px; margin-left: 10px; background: #269027 url(images/sprite-v8.svg#premium) no-repeat; background-size: 22px; background-position: left 7px center; font-weight: bold; font-size:16px; box-shadow: -4px 4px 0 0 #2a56713b; color: #fff; } .ebooks-menu > a{ background-image: url(images/sprite-v8.svg#ebook); } .puzzles-menu > a{ background-image: url(images/sprite-v8.svg#puzzle); } .courses-menu > a{ background-image: url(images/sprite-v8.svg#course); } .worksheets-menu > a{ background-image: url(images/sprite-v8.svg#calculator); } .math-tips-menu > a{ background-image: url(images/sprite-v8.svg#article); } .blog-menu > a{ background-image: url(images/sprite-v8.svg#article); } .puzzles-menu ul.sub-menu{ width: 330px; left: auto; } .math-tips-menu ul.sub-menu { width: 150px; left: auto; } .puzzles-menu ul.sub-menu li,.math-tips-menu ul.sub-menu li { width: 100%; } .navbar .sub-menu a { color: #000000; padding-left: 22px; font-size: 15px; font-weight: normal; } .navbar .active > a::before { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 12px solid #f9f9f9; position: absolute; bottom: 1px; } .dashboard-link { display: none; } .dashboard-text-link { float: right; margin: 15px 8px 0 0; } .close-menu { display: none; } .responsive-menu-handler { cursor: pointer; width: 25px; height: 25px; float: right; background: url(images/sprite-v8.svg#menu-open) no-repeat; background-size: 100%; margin: 14px 0 0 11px; display: none; } .responsive-menu-handler:hover{ opacity:1; } .top-shopping-cart-container { position: relative; float: right; color:#000; } .top-shopping-cart { position:absolute; top:54px; right:0; width:320px; display:none; background:#fff; border-radius:5px; z-index:100000; cursor:default; -webkit-box-shadow:0 5px 4px -1px rgba(0,0,0,.3); -moz-box-shadow:0 5px 4px -1px rgba(0,0,0,.3); box-shadow:0 5px 4px -1px rgba(0,0,0,.3) } .top-shopping-cart .cart-stat-item del{ display:none; } .top-shopping-cart .top-shopping-cart-products-list { padding:10px; max-height:450px; overflow-y:auto } .top-shopping-cart-product-item { float:left; border-bottom:solid #ddd; margin-bottom:14px; padding-bottom:15px; position:relative } .top-shopping-cart img { float:left; width:60px; margin-right:10px; height:auto } .shopping-cart-count { position: absolute; top: 1px; right: -9px; background: #1e5fb4; width: 24px; text-align: center; border-radius: 50%; color: #fff; font-size: 14px; height: 24px; line-height: 23px; font-weight: 700; opacity:0.8; } .shopping-cart-stats-wrapper { position:relative; cursor:pointer; } .top-shopping-cart:before { width:23px; height:30px; position:absolute; top:-15px; right:18px; background:url(images/sprite-v8.svg#triangle) bottom/24px no-repeat } .top-cart-actions { float:left; width:100%; background:#fff; padding-top:16px; text-align:center; padding-bottom:25px; border-radius:0 0 5px 5px; box-shadow:0 -5px 12px 0 #ddd; -webkit-box-shadow:0 -5px 12px 0 #ddd; -o-box-shadow:0 -5px 12px 0 #ddd } .top-cart-actions .full-total { margin-top:0; font-weight:700 } .top-shopping-cart .cart-stat-item b { float:right; color:#4b4893 } .cart-stat-item { float:left; width:100% } .top-shopping-cart h4 { float:left; width:calc(100% - 70px); margin-bottom:5px; margin-top:0; color:#000; font-size:15px } .top-shopping-cart-product-item .remove-item-from-cart { position:absolute; left:-8px; top:-9px; width:20px; height:20px; text-align:center; background:red; border-radius:50%; color:#fff; font-weight:700; line-height:18px } .top-shopping-cart-product-item:last-child { margin-bottom:0; border:none } .show-shopping-cart { height: 25px; float: right; background: #20a5d9 url(images/sprite-v8.svg#shopping-cart-white) no-repeat left 12px center/20px; margin: 8px 0; padding: 6px 14px 24px 37px; border-radius: 40px; color: #fff; border: solid 4px #1499cd; opacity: .9; } .show-shopping-cart:hover { opacity: 1; } .top-search-icon { float: right; width: 25px; height: 25px; background: url(images/sprite-v8.svg#search-books) no-repeat; background-size: 100%; margin-top: 16px; margin-right: 14px; margin-left: 7px; cursor: pointer; opacity: .8; } .top-account-icon { float: right; width: 26px; height: 26px; background: url(images/sprite-v8.svg#user) no-repeat; background-size: 100%; margin-top: 14px; margin-right: 10px; cursor: pointer; opacity: .74; } .top-account-icon:hover, .top-search-icon:hover { opacity: 1; } .menu-top-menu-container{ position: relative; max-width: 80%; float: left; } .menu-top-menu-container li { font-size: 15px; padding: 0; margin: 0 auto; font-weight: bold; } .menu-top-menu-container > ul > li > a { padding: 21px 0 18px 25px; display: inline-block; } .top-main-btn { margin-top: 6px; } .logo { float: left; width: 177px; margin-right: 30px; margin-top: 9px; background: url(images/logo-new-medium.png) no-repeat center / 177px; height: 40px; font-size: 0; } .login-description-section, .register-description-section { position: absolute; background: #002f9e; height: 100%; border-radius: 0 20px 20px 0; color: #fff; text-align: center; right: 0; } .login-description-section .btn, .register-description-section .btn { color: #fff; padding: 12px 20px; font-size: 16px; } .login-description-section { float:right; width:65%; font-size:18px } .login-description-section img { max-width:100% } .login-form-section h3 { border-bottom:solid #333; padding-bottom:10px; margin-bottom:50px } .login-form-section { float:left; width:35%; padding:1%; min-height:480px } .login-form-section .btn, .register-form-section .btn { float:none; padding:10px 25px } .check-email-text { margin-top:5px; font-size:14px } .login-popup .popup-container, .register-popup .popup-container { padding:0; margin-bottom:70px } .woocommerce-form__label-for-checkbox { float:right; margin-top:12px } .register-description-section { float:right; width:65%; font-size:21px } .login-description-section h3, .register-description-section h3 { text-align:center; margin-top:40px; margin-bottom:20px; font-size:37px } .register-form-section h3 { border-bottom:solid #333; padding-bottom:10px; margin-bottom:15px } .register-form-section { float:left; width:35%; padding:1%; min-height: 450px; } .under-form-links { float:left; width:100%; padding:20px 0 } .under-form-links button:last-child { background: none; border: none; color: #9860b7; font-size: 16px; float: right; cursor:pointer; } .under-form-links a:first-child { float:left } .forgot-password-form a.login-back-link, .register-form-section a.login-link { margin:0 auto; float:none } .forgot-password-form .code-field, .forgot-password-form .password-field { display:none } .aligncenter, .forgot-password-form.reset-password .code-field, .forgot-password-form.reset-password .password-field, .forgot-password-form.send-code .code-field { display:block } .page-intro { margin-top: 0; padding-top: 100px; padding-bottom: 40px; color: #000; } .article-intro.page-intro { padding-top: 10px; } .article-intro.page-intro p{ margin: 10px 0; } .read-more-arrow{ margin-top:20px; margin-bottom:10px; } .page-intro a{ color:#3b923c; } .page-intro h1{ margin-top: 0; margin-bottom: 0; line-height: 50px; } .page-intro h1 span { color: #007a02; } .page-intro .search-box{ margin-top: 30px; } .new-posts-section { background: #ddd; } .new-posts-section .section-title::after { background-color: #2e726a; } .product-item { margin-bottom: 40px; padding: 0 10px; } .product-item-title-wrapper h3 { font-size: 20px; margin-top: 15px; text-align: center; } .product-item-image a{ float: none; max-width: 230px; width: calc(100% - 50px); display: inline-block; margin: 0 auto; } .product-item-image img { background: #bd4747; border-radius: 20px; margin: -7px 0 0; width: 100%; box-shadow: -7px 8px 0 0 #75829f33; } .product-item-container { background: #ffffff; float: right; width: 100%; padding: 14px 4px 0; border-radius: 20px; border: solid 10px #f9f9f9; box-shadow: -11px 11px 0 -5px #9374741c; } .product-item-image{ text-align: center; } .product-item-title-wrapper{ float: left; font-size: 21px; font-weight: 400; color: #777; height: 52px; width: 100%; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 15px; padding: 0 10px; } .top-seller-book::before { content: "Top Seller"; position: absolute; top: -11px; background: #ffd83f; color: #000; padding: 5px 4px; border-radius: 17px; font-weight: 800; z-index: 10; font-size: 14px; width: 90px; right: 12px; line-height: 12px; text-align: center; } .sidebar-container .top-seller-book::before{ top: 5px; right: 20px; width: 115px; } .section-title { text-align: center; font-size: 35px; padding-bottom: 50px; color: #51605e; } .section-title::after, .sidebar-section-title::after { width: 280px; height: 5px; background: #2b8075; content: ""; display: block; margin: 18px auto 0; border-radius: 10px; } .top-products-section { background: #f2f2f2; } .new-products-section { background: #ececec; } .article-page-body .new-products-section{ position:relative; background: #00879e; border-top: solid 20px #eeebf4; border-bottom: solid 20px #eeebf4; } .article-page-body .new-products-section .product-list{ margin-top: -75px; } .article-page-body .new-products-section button{ color:#fff; } .home-section-title { float: left; width: 100%; text-align: center; font-size: 30px; } .onsale-products-section h2{ color: #4e6368; } .onsale-products-section { background: #e4e4e4; } .btn-book-sale { background-repeat: no-repeat; background-image: url(images/sprite-v8.svg#book); background-size: 35px; background-position: left 10px center; padding-left: 55px; } .video-intro-section { background: #f6f6f6; color: #000; } .play-video-image,.intro-video { border: solid 6px #fff; border-radius: 20px; float: right; width: 100%; box-shadow: -7px 7px 0 0 #aeacbb; } .intro-video-description h2 { font-size: 29px; } figure.video {margin-right: 0;margin-left: 0;position: relative;width: 100%;height: 0;padding-bottom: 56.25%;} figure.video iframe {position: absolute;top: 0;right: 0;width: 100%;height: 100%;} .page-intro .search-box .form-control, .page-intro .search-box .btn{ float:none; } .page-intro p { font-size: 18px; line-height: 28px; } .new-posts-section .post-list { position:relative; float: left; background: #fff; padding: 20px; border-radius: 20px; border: solid 10px #fafafa; } .new-posts-section .post-list-item-container { float: left; background: #fbfbfb; margin-bottom: 60px; border-radius: 20px; border: solid 10px #f7f7f7; width: 100%; } .new-posts-section .post-list-item-featured img { border: solid 10px #f3f3f3; border-radius: 20px; margin-top: -50px; width: 100%; background: #0037a4; } .post-list-item-detail{ height:100px; } .post-list-item h2, .post-list-item h3 { font-size: 20px; } .post-list-more-item { margin-top: 20px; } .post-list-more-item a, .random-posts a, .navbar .sub-menu a, .footer-menu a { padding-left: 18px; background: url(images/sprite-v8.svg#arrow-right-black) no-repeat left center / 12px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .footer-menu a{ background-image: url(images/sprite-v8.svg#arrow-right); } .post-list-more-item a:hover,.random-posts a:hover,.navbar .sub-menu a:hover,.footer-menu a:hover { background-position: left 5px center; } .no-post-here{ text-align: center; font-weight: bold; font-size: 30px; } .right-sidebar { position: initial; overflow-y: auto; max-height: 100%; } .right-sidebar.fixed { position: fixed; top: 145px; } .right-sidebar.absolute { position: absolute; } .sidebar-container { float: left; width: 100%; padding-bottom: 20px; padding-left: 0; overflow: hidden; position: relative; } .sidebar-container .product-list { border-radius: 20px; } .sidebar-container .product-item { padding: 15px 0 7px; margin-bottom:10px; width:100%; } .sidebar-container .product-item-image img { margin: -3px 0 0 3px; border-radius: 10px; } .sidebar-container .product-item-title-wrapper { -webkit-box-orient: unset; width: 51%; height: auto; } .sidebar-container .product-item-title-wrapper h3{ text-align: left; font-size: 20px; } .sidebar-container h3 .part-2 { display:none; } .sidebar-container .product-item-image a{ width: 150px; } .sidebar-container .product-item-price-wrapper, .sidebar-container .common-products-list .product-item-purchase { margin: 0; width: auto; padding: 0; } .sidebar-container .product-item-container { box-shadow: none; border: solid 5px #f7f7f7; padding: 16px 0 0; } .sidebar-container .product-item-reviews-recommends { display:none; } .sidebar-container .product-item-price { padding-left: 10px; } .white-sidebar-block { background: #fff; border-radius: 20px; padding: 10px; } .related-post-item h4 { float: left; width: calc(100% - 100px); padding-left: 10px; line-height: 30px; font-size: 17px; font-weight: normal; margin: 0; } .related-post-item img { float: left; width: 100px; height: 100px; border-radius: 50%; border: solid 6px #ebe9ed; margin: -29px 0 0 -17px; } .related-post-item { float: left; width: 100%; margin-top: 10px; background: #faf8fc; padding: 10px; border-radius: 20px; border: solid 5px #f8f5fe; margin-bottom: 10px; } .entry { font-size: 17px; line-height: 40px; } .entry a { color: #066408; } .entry h2,.entry h3 { margin-top: 50px; margin-bottom: 15px; font-size: 28px; } .entry h3 { font-size: 22px; } .entry ul { padding-left: 20px; } div.code-toolbar { font-size: 25px; } .entry pre[class*="language-"]{ font-size:0.7em; } .entry blockquote { padding-left: 8px; margin: 0; border-left: solid 6px #ba1f82; } .entry ol li::marker { color: #ff0089; } .entry pre { border-radius: 5px; max-width: 100%; } .entry code { background: #f4d6d6; color: #000; font-size: 21px; border-radius: 5px; padding: 0 5px; display: inline-grid; overflow: auto; max-width: 100%; line-height: 1.8em; } .entry .MathJax .mfrac {font-size: 114%;} .MathJax_Display {text-align: left !important;} .entry s { color: #df0069; text-decoration: none; font-weight: bold; } .entry figure { margin: 0; text-align: center; font-size: 15px; line-height: 29px; } .entry .product-list { margin-top: 20px; margin-bottom: 20px; float:left; width:100%; } .entry .product-list .product-item-image { max-width: 33% !important; width: 200px; position: relative; z-index: 1; } .entry .product-list .product-item-title-wrapper { max-width: calc(100% - 220px); height:auto; border-bottom: solid #dfdada; padding-bottom: 8px; display:block; margin-bottom:5px; } .product-container .entry .product-list .product-item-title-wrapper{ max-width: calc(100% - 210px); } .entry .product-list .product-item-image img { width: 100%; margin: 0; box-shadow: none; border-radius: 12px; } .entry .product-list h3, .entry .product-list h4 { font-size: 25px; line-height: 38px; margin: 0; color: #0d1931; text-align: left; } .entry .product-list .part-1{ height: auto; font-size: 23px; width: 100%; display: block; } .entry .product-list .product-item-title-wrapper .part-2{ font-size:16px; height:auto; color: #646464; line-height: 26px; display:block; font-weight:400; } .entry .product-list .product-item-price-wrapper { margin: 0; padding-left: 17px; border: none; background: transparent; width: auto; text-align: left; } .entry .product-list .product-item-price-wrapper ins{ width: 100%; } .entry .product-list .btn-purchase-ajax { margin: 13px 0 0 0; position: relative; z-index: 1; float: right; background-color: #006811; padding: 12px 22px 12px 48px; border: none; } .entry .product-list .product-item-image a { float: left; width: 100%; } .entry .list-reviews { left: 14px; } .entry .product-item-container { background: #f4f4f4; position: relative; padding: 14px 10px 0; box-shadow: none; border: none; } .entry .product-item-purchase-wrapper { width: auto; text-align: center; padding-right: 7px; margin-top: 0; } .entry .product-item{ padding: 0; } .entry-related-posts .post-item { border-bottom: solid 1px #ddd; padding: 10px 0 !important; } .entry-related-posts img { float: left; margin-right: 5px; border-radius: 10px; width: 100%; } .entry-related-posts { float: left; width: 100%; margin-top: 15px; } .entry-related-posts .post-list { list-style: none; padding: 0; } .entry-related-posts .post-item a { line-height: 23px; margin-top: 6px; margin-bottom: 5px; font-weight: bold; float: left; width: 100%; font-size: 18px; } .entry p { margin-bottom: 33px; margin-top: 0; } .random-posts ul{ margin:0; } .random-posts li{ list-style: none; margin-bottom: 20px; } .our-blog.related-posts-section .post-list { margin-top: -140px; } .wp-block-columns {display: flex; max-width: 100%; overflow-y: auto;}.wp-block-column {padding: 3px;} .column-button { font-weight:bold; list-style: inside; display: list-item; } .column-buttons { margin-bottom: 20px; } .wp-block-image img { max-width: 100%; } .wp-block-image .lazy-load-image { width: 100%; } .post-container { float: left; overflow: hidden; } p:first-letter{ text-transform: capitalize } .post-image img { border-radius: 8px; margin-top: 60px; width: 100%; margin-bottom: 8px; background: #ad616f; } #email-notes,.comment-notes{display:none}.commentlist li{background:#f8f8fa;padding:15px;list-style:none;float:right;width:100%;overflow:hidden;margin:10px 0;border-radius:20px}.comment-author.vcard{float:left;width:50%;margin-bottom:10px;line-height:65px}.avatar{width: 80px; height: 80px; border-radius: 50%; margin-right: 7px; float: left; border-radius: 50%; background: url(images/sprite-v8.svg#avatar);background-size: 100%; margin-left: -22px; margin-top: -24px; border: solid 9px #fff;}.comment-meta.commentmetadata{width:50%;float:right}.comment-meta.commentmetadata a{color:#a8a8a8;font-size:14px;margin-top:12px;float:right;margin-right:10px}.comment p{float:right;width:100%;padding:10px;line-height:40px;margin-top:0}.comment .meta{width: 60%;float: left;margin: 0;padding: 0}.reply{width:100%;float:right}.comment .children li{background:#f7f7f7;margin-top:20px}#comment,.wpcf7-textarea{width:100%;background:#fbfbfb;border:solid 1px #ebebeb;resize:none;padding:20px 15px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;border-radius:30px}.wpcf7-textarea{max-width: 700px;}.comment-form p label{width:20%;font-size:14px;float:left;text-align:left;margin-bottom:7px}.comment-form p input[type="text"],.comment-form p input[type="email"],.wpcf7-text{background:#fbfbfb;border:solid 1px #ebebeb;width:80%;padding:10px;max-width:320px}.commentlist{margin:0;width:100%;float:right;padding:0}.comments-section {background: #e7e4ed;padding-bottom:50px}.comment-form p{width:100%;float:right;margin:10px 0}.meta {margin-top: 0}#review_form_wrapper{background:#fff;border-radius: 20px;}input.submit,button.submit,.wpcf7-submit{padding:10px 20px;border-radius:4px;border:none;cursor:pointer;background:#ff491b;color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}input.submit:hover,button.submit:hover,.wpcf7-submit:hover{background:#dd3f17}.comment-form-cookies-consent{display:none}.product-page .review-stars{float:left;padding-top:30px;padding-bottom:40px}.product-page .review-form{float:right}.comment-form-rating label {float: left;width: 100%;margin-bottom: 8px;margin-top: 10px; }#review_form_wrapper,.g-recaptcha{float:left;width:100%;margin-bottom: 10px;}.woocommerce-review__author{float:left;margin-left:5px}.commentlist .description{float:left;padding-left:5px;width:100%}.commentlist .comment-text{padding-top:2px}.commentlist .star-rating{margin-top:3px}#review_form_wrapper{background:#fff}.product-section .review-summary .star-rating{position:relative;margin:20px auto 0;float:none;width:150px;height:130px;background-size:30px}.product-section .review-summary .star-rating span{background-size:30px;padding-top:30px}.product-rate-summary{padding: 0;}.product-item-purchase{position:relative}.product-item-purchase.fixed{position:fixed;right:10px;bottom:10px;z-index:100000;}.product-item-purchase.fixed .btn{margin:0;z-index: 10000; position: relative;}.product-item-purchase.fixed .discount-percent{float: left; font-size: 18px; position: absolute; left: -2px; top: -23px; background: #ffda10; border-radius: 30px; padding: 3px 10px; border: solid 3px #f4cf05;}.product-item-purchase.fixed .btn.loading{font-size:0;border-radius:50%;padding:27px}.purchase-tooltip {position: absolute; bottom: 15px; right: 0; background: #fff; color: #000; border-radius: 50px; padding-right: 92px; border: solid 5px #ddd9db; padding-left: 18px;} .purchase-tooltip ins { float: left; width: 100%; text-decoration: navajowhite; font-size: 23px; } .purchase-tooltip del {color: #888; font-size: 12px; float: left; margin-bottom: -4px; margin-top: 9px;} .star-rating{float:right;width:80px;height:18px;background:url(images/sprite-v8.svg#star-empty) left 0 repeat-x;background-size:16px}.star-rating span{background:url(images/sprite-v8.svg#star-filled) left top repeat-x;height:0;padding-top:18px;overflow:hidden;float:left;background-size:16px}.hreview-aggregate .star-rating{margin:10px 0 0}#review_form #respond{position:static;margin:0;width:auto;padding:0;background:0 0;border:0}#review_form #respond:after{display:block}#review_form #respond p{margin:0 0 10px}#review_form #respond .form-submit{text-align: center}#review_form #respond textarea,.wpcf7-textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%} #commentform #submit { background: #a80d73; } .comments-wrapper { float: left; width: 100%; } .article-summary .article-author { display:none; float: left; background: #fafafa; padding: 10px 10px; text-align: justify; width: 100%; } .article-summary .article-author .author-image { float: left; width: 75px; text-align: center; } .article-summary .article-author img{ border-radius:50%; } .article-summary .author-details { float: left; width: calc(100% - 75px); padding-left: 10px; line-height:30px; font-size: 19px; } .article-summary .author-details h4 { font-size: 20px; margin-top: 24px; } .article-summary { display:none; position: relative; float: left; width: 100%; } .article-summary .post-date { position: absolute; right: 12px; color: #999; top: 40px; } .article-summary .article-author { float: left; background: #fafafa; padding: 10px 10px; text-align: justify; } .article-summary p { font-size: 19px; line-height: 40px; } .post-tags { float: left; width: 100%; margin-top: 15px; background: #f1f0f4; border-radius: 10px; margin-bottom: 10px; padding-bottom: 10px; padding-left: 10px; } .post-tags a { float: left; padding: 10px; color: #353355; margin-right: 5px; margin-top: 10px; } .post-tags a:before{ content: "#"; } .right-sidebar .post-tags a { margin-top: 0; } .related-posts-section { background: #e6e3ec; padding-bottom: 80px; } .related-posts-section h5 { font-size: 17px; height: 50px; margin-top: 10px; line-height: 26px; } .related-posts-section .post-item-image img{ border: solid 10px #f9f6fe; border-radius: 20px; } .sidebar-container .search-box .form-control { width: calc(100% - 39px); float: left; padding: 13px; } .sidebar-container .search-box .btn { margin-left: -74px; padding: 14px 35px; } .popular-searches { list-style: none; } .popular-searches li { display: inline-block; font-size: 14px; } .popular-searches .btn { background: #f5f3f7; border-radius: 30px; padding: 5px 13px; margin: 15px 2px 0 0; color: #000; display: inline-block; } .close-popular{ display: none; position: absolute; left: 0; top: -2px; background: #ddd; font-weight: bold; font-size: 50px; width: 45px; height: 28px; line-height: 0; border-radius: 5px; padding: 0 0 5px 0; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.5); } .single-post-date-author{ padding:0 15px; } .organization-details { display:none; float: left; width: 100%; background: #f6f6f6; padding: 0 6px; } .organization-image { float: left; margin-right: 15px; margin-top: 6px; margin-bottom: 6px; width: 85px; } .organization-name { float: left; margin: 21px 0 0 0; font-size: 20px; font-weight: bold; } .post-page { padding: 110px 0 40px; } .post-page .container { max-width: 1080px; } .custom-page-body .post-wrapper { padding: 0; } .post-wrapper { max-width: 660px; } .my-account-page-body .post-wrapper{ max-width: 100%; } .section-404 { background: #fff; } .search-popup .search-box{ padding-bottom:30px; } .search-popup .search-box .form-control { width: 50%; height: 50px; font-size: 17px; padding-bottom: 12px; } .pagination-toolbar { float: right; width: 100%; text-align: center; padding: 13px; background: #fafafa; border-radius: 40px; box-shadow: 0 0 14px -11px #000; margin-top: 50px; display: block; } .page-link, .page-numbers { padding: 10px 16px; display: inline-block; background: #eee; border-radius: 40px; font-size: 18px; margin: 3px; color: #000; } .page-numbers.current { color: #fff; background: #076642; } .page-numbers.active,.page-link:hover { background: #59bd61; color:#fff; } .custom-page-body h1{ text-align: center; } .screen-reader-response[role="alert"] { color: red; } .category-products-section { background: #e1dcec; padding-bottom: 120px; } .category-products-section .product-list { float: right; border-radius: 10px; width: 100%; } .product-container { border-radius: 20px; margin-bottom: 28px; padding: 0 15px; margin-top: -80px; background: #fff; display: table; border: solid 10px #f8f8f8; } .product-main-image { border: solid 10px #eee; border-radius: 20px; width:100%; } .product-short-description { text-align: justify; } .product-tools form{ position: relative; width: 290px; margin: 0 auto; } .product-tools .btn{ font-size: 15px; margin-top: 15px; } .btn.btn-purchase { padding: 17px 32px 16px 62px; background: #26e757 url(images/sprite-v8.svg#download) no-repeat left 20px center / 32px; color: #09420f; position: relative; font-weight: bold; border-bottom: solid 7px #48b263; font-size: 17px; letter-spacing: 1px; } .product-tools .btn.btn-purchase { background-image: url(images/sprite-v8.svg#download-black); } .out-of-stock { color: #fff; float: right; position: absolute; width: 126px; right: 2px; background: red; text-align: center; border-radius: 20px; padding: 6px 0; top: 14px; } .product-wrapper .page-intro{ padding-top: 100px; background: #0A6643; color: #fff; padding-bottom: 90px; } .product-price-purchase { display: flex; } .product-tools{ margin:0; } .btn.btn-purchase-footer{ padding: 12px 38px 11px 69px; margin: 8px 0; background-color: #f66868; color: #fff; border-color: #f14949; } .star-rating span.rating { font-size: 12px; position: absolute; overflow: visible; background: transparent; color: #555; border-radius: 22px; right: 4px; top: 3px; padding: 0; width: 31px; text-align: center; } .review-purchase-box .btn.btn-purchase { background-color: #fb4040; border-color: #d03838; color: #fff; } .review-purchase-box { float: left; margin-top: 25px; width: 100%; padding-bottom: 20px; } .review-summary-bars { padding: 0 40px; } .review-summary .star-rating span { overflow: visible; padding-top: 35px; } .review-summary .rating-text { margin-top: 10px; color: #333; position:absolute; line-height: 23px; } .sticky-purchase{ bottom:0; top:auto; } .sticky-purchase-container { margin: 0 auto; display: inline-block; width: 270px; position: relative; } .sticky-purchase-container:before { position: absolute; bottom: 3px; right: -24px; width: 50px; height: 50px; content: ""; background: url(images/sprite-v8.svg#pointing) no-repeat center / 50px; } .page-intro .product-item-price-wrapper{ margin-left:0; margin-right:0; background: #fff; border-radius: 40px; } .page-intro .product-item-price-wrapper:before{ display:none; } .page-intro .product-item-purchase .btn{ margin-right: 0; float: right; margin-left: -100px; margin-top: 10px; } .preview-sliedshow { display: none; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 1000000; } .preview-sliedshow-controls { color: #fff; font-size: 20px; font-weight: bold; left: 0; width: 100%; height: 40px; bottom: 10px; text-align: center; } .preview-sliedshow-previous, .preview-sliedshow-next { margin: 15px; cursor: pointer; padding: 10px; display: inline; border-radius: 5px; border: none; width: 100px; background: #fff; } .preview-sliedshow-previous.disabled, .preview-sliedshow-next.disabled { opacity:.7; cursor:default; } .preview-sliedshow .close-popup { right: 5px; top: 5px; } .preview-sliedshow-items { text-align: center; } .preview-sliedshow-item { display: none; min-width: 300px; margin: 20px auto; max-height: 500px; } .active.preview-sliedshow-item{ display: block; } .preview-slideshow .close-popup { right: 20px; top: 20px; } .look-inside { position: absolute; left: -1px; top: -13px; width: 109px; cursor:pointer; } .product-main-description { float: left; font-size: 21px; width: 100%; margin-top: 10px; border-bottom: solid 2px #276956; padding-bottom: 10px; color: #fff !important; } .product-broadcrumb { width: 100%; height: 45px; background: #453F8C; margin-top: -81px; margin-bottom: 15px; border-top-right-radius: 10px; border-top-left-radius: 10px; } .product-broadcrumb ul li { float:left; list-style:none; padding:14px 0 14px 14px } .product-broadcrumb ul li a { color:#e3e3e3 } .broadcrumb-separator { margin-left:5px; font-weight:700; color:#fafafa } .product-broadcrumb li:last-child { width:500px; text-overflow:ellipsis; float:left; white-space:nowrap; overflow:hidden; color:#fafafa } .jumbotron .product-item-price-wrapper ins { float: left; font-size: 26px; text-decoration: none; color: #db0000; } .jumbotron .product-item-price-wrapper ins .woocommerce-Price-amount.amount { margin-top: 0; color: #db0000; font-weight: 900; font-size: 31px; } .page-intro .product-item-price-wrapper ins{ line-height: 33px; } .jumbotron .product-item-price-wrapper del { color: #595959; width: 100%; float: left; } .product-item-price { line-height:25px } .product-list .product-item-reviews,.product-list .list-reviews { position: absolute; top: -22px; left: 2px; background: #fdfdfd; border-radius: 25px; padding: 0px 34px 0 0px; border: solid #fff; box-shadow: -4px 4px 0 0 #d3a05040; } .product-item .product-item-excerpt-wrapper { line-height:33px; text-align:justify; margin-bottom:30px; font-size:17px; color:#333 } .product-item-price-wrapper { padding: 5px 36px 5px 14px; border-radius: 0 0 18px 18px; float: left; height: 72px; width: calc(100% + 20px); position: relative; margin: 10px -10px -10px -10px; } .product-item-price-wrapper::before { content: ""; width: 80px; height: 4px; background: #f4f4f4; position: absolute; top: -16px; right: calc(50% - 40px); border-radius: 25px; border: solid 2px #f1f1f1; } .product-item-reviews-recommends { color: #555; font-size: 13px; margin-left: 6px; float:left; } .category-products-section .product-item-title-wrapper{ overflow:hidden } .price.old-price, .price.regular-price { float:left; width:100%; text-decoration:line-through; color:#999; font-size:14px } .price.special-price { font-size:34px; color:#524c99; width:100%; float:left; } .price.regular-price { padding:17px 0 13px; margin:0; font-size:23px; color:#524c99; text-decoration:none } .product-item-purchase .btn { border-radius: 44px; padding: 20px 22px 19px 48px; float: left; background-image: url(images/sprite-v8.svg#download); background-size: 28px; font-size: 17px; background-repeat: no-repeat; background-position: left 14px center; border: solid 7px #fff; margin-right: 3px; margin-top: 45px; color: #fff; font-weight: bold; } .btn.product-read-more-btn { background-color:#524c99; background-image:url(images/sprite-v8.svg#search-white); background-size: 74px; background-position: 19px -19px; } .common-products-list .col-lg-3 .product-item-purchase .btn,.category-products-section .col-lg-3 .product-item-purchase .btn{ padding: 27px 12px 27px 42px; background-position: center; background-position-x: center; background-position-y: center; font-size: 0; box-shadow: -5px 5px 0 0 #e1e1e1; border: solid 5px #1B8516; } .product-item-purchase-wrapper{ float: right !important; } .common-products-list .product-item-purchase,.category-products-section .product-item-purchase { margin-top: -102px; } .jumbotron .product-item-title-wrapper .part-2{ display:none; } .sidebar-container .btn-purchase-ajax { padding: 11px 19px 11px 44px; margin-top: 0; background-color: #b50008; border-radius: 30px; background-position: calc(50% - 42px) 7px; background-size: 23px; width:100%; } .sidebar-container .product-item-purchase-wrapper { width: 100%; padding: 0 4px; margin-bottom: 8px; } .sidebar-container .product-item-reviews, .entry .list-reviews { top: -18px; z-index: 1; left: 8px; } .article-page-body .product-item-price-wrapper::before { display:none; } .entry .star-rating span.rating { top:-10px; } .entry .product-item-details-class { position: unset; } .entry .list-reviews-recommends { display: none; } .full-page-product-slider .product-item { margin-bottom: 50px; padding: 40px 15px 0; } .btn-accent { background-color: #269027; } .btn-primary { background-color: #3172b9; } .woocommerce-MyAccount-navigation { background:#fff; padding:10px; border-radius:5px 0 0 5px } .woocommerce-MyAccount-navigation li { list-style:none; margin-bottom:15px } .woocommerce-MyAccount-content { background:#f8f8f8; margin-bottom:30px; border-radius:0 5px 5px; box-shadow:0 0 15px 4px #ddd; -webkit-box-shadow:0 0 15px 4px #ddd; padding-top:30px; padding-bottom:30px; min-height:320px } .shop_table_responsive { width:100% } .shop_table_responsive tr:nth-child(2n) { background:#e6e6e6!important } .shop_table_responsive thead { background:#ddd } .woocommerce-MyAccount-navigation .is-active a { color:#e62071 } .order-again { float:left; width:100% } .product-suggestion { text-align: center; } .product-suggestion p{ margin: 10px 0; } .product-suggestion-container { background: #6a595959; color: #fff; width: 45%; margin: 86px auto 20px; padding: 20px; display: inline-block; position: fixed; right:-700px; bottom: 30px; border-radius: 30px; max-width: 650px; z-index: 10; transition: all 1s; } .display-suggestion .product-suggestion-container{ right: 18px; } .product-suggestion-container::before { position: absolute; bottom: -12px; left: 20px; top: 8px; right: 20px; background: #d83b3b; content: ""; z-index: -1; border-radius: 35px; box-shadow: 0 35px 1px -20px #00000029; border: solid 9px #cd3030; } .product-suggestion-discount { position: absolute; left: 62px; top: 1px; background: #ffbf00; border-radius: 20px; padding: 3px 6px; color: #9d2222; z-index: 1000; border: solid #e6a600; } .product-suggestion-top { width: calc(100% - 240px); float: right; } .product-suggestion a img { border-radius: 10px; max-width: 210px; box-shadow: -12px 13px 0px 0px #731515; margin-left: 30px; } .product-suggestion-close { position: absolute; right: 7px; top: -2px; background: rgb(234, 45, 45); width: 40px; height: 40px; line-height: 35px; border-radius: 50%; color: #fff; font-weight: bold; cursor: pointer; border: solid #fff; } .product-suggestion-note{ font-size: 34px; font-weight:bold } p.product-suggestion-off { font-size: 28px; margin-top: 20px; } .product-suggestion-save{ margin: 0; font-size: 23px; } .show-book-demo { color: #fff; } .demo-popup { position: fixed; top: 0; left: 0; z-index: 1000000; width: 100%; height: 100%; background: #5d63b7ba; text-align: center; } .demo-popup-container { position:relative; margin: 0 auto; width: 90%; margin-top: 70px; height: 90%; margin-bottom: 20px; border-radius: 10px; box-shadow: 0 0 8px -2px; } .demo-popup iframe { border: none; width: 100%; height: 100%; border-radius: 10px; } .summary-bar-container { width: calc(100% - 120px); background: #dbdbdb; position: relative; margin: 5px; border-radius: 22px; height: 12px; } .summary-bar { margin-top: 10px; } .summary-bar-container > span { position: absolute; left: 0; height: 12px; background: #f88368; border-radius: 22px; } .progress { background: #1bac76; position: absolute; top: 52px; bottom: 0; left: 0; width: 0; height: 5px; z-index: 1000; transition: all 0.3s; } @-webkit-keyframes mouse-scroll { 0% { opacity: 0;} 50% { opacity: .5;} 100% { opacity: 1;} } @-moz-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @-o-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .m_scroll_arrows { display: block; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-right: 6px solid #52c648; border-bottom: 6px solid #52c648; margin: 0 0 3px 4px; width: 14px; height: 14px; } .unu { margin-top: 1px; } .unu, .doi, .trei { -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; animation: mouse-scroll 1s infinite; } .unu { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-direction: alternate; animation-direction: alternate; animation-delay: alternate; } .doi { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-direction: alternate; animation-delay: .2s; animation-direction: alternate; margin-top: -6px; } .trei { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-direction: alternate; animation-delay: .3s; animation-direction: alternate; margin-top: -6px; } .m_scroll_arrows { margin: 0 auto; } .arrow { text-align: center; width: 50px; height: 50px; margin: 0 auto; } .bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } .trust-badges{ display: flex; background: #51a688; border-radius: 15px; box-shadow: -14px 14px 0 -3px #136f40; } .trust-badge{ flex-basis: 25%; padding: 15px 0; } .badge-container { background: #1A7653; width: 100px; height: 100px; display: inline-block; margin: 0 auto; border-radius: 50%; border: dashed 4px #328E6B; position: relative; } .trust-badge b { float: left; width: 100%; color:#000; } .badge-container::before { background: url(images/badges.svg#teacher) no-repeat center / 100%; width: 105%; height: 105%; position: absolute; content: ""; left: 5px; top: -12px; } .badge-container.download-badge::before{ background-image: url(images/badges.svg#book-download); width: 95%; } .badge-container.secure-badge::before{ background-image: url(images/badges.svg#shield); } .badge-container.support-badge::before{ background-image: url(images/badges.svg#light); } .badge-container.money-back-badge::before{ background-image: url(images/badges.svg#money-back); } .footer { background: #096542; color:#fff; padding-bottom: 60px; } .footer a{ color:#fff; } .footer-box { float:left; opacity:.9 } .footer-box:hover { opacity:1 } .footer ul { list-style:none } .footer-menu a { float: left; width: 100%; margin-bottom: 20px; } .find-us { padding: 10px; background: #0C5D3E; border-radius: 20px; margin-top: 60px; margin-bottom: 40px; } .footer-find-us-item { padding:30px 10px 31px 90px; font-size:19px; line-height:27px; font-weight:700; height:97px; border-bottom:solid #096542; background:left 12px center/60px no-repeat } .footer-address { background-image:url(images/sprite-v8.svg#location-white); } .footer-email { background: url(images/sprite-v8.svg#email-white)no-repeat left 15px center / 52px; } .footer-socials { border:none; padding-top:23px; padding-left:6px; display:inline-flex } .contact-us-socials { display:inline-flex; margin-top:20px } .footer-box b { margin-bottom: 26px; font-size: 23px; margin-top: 80px; display:block; } .social-icon { float:left; width:60px; height:60px; margin:4px; border-radius:50%; background:center/30px no-repeat #096542; } .social-icon:hover { background-color: #319f75 } .icon-container img { width: 100px; } .facebook-icon { background-image:url(images/sprite-v8.svg#icon-facebook) } .twitter-icon { background-image:url(images/sprite-v8.svg#icon-twitter) } .linkedin-icon { background-image:url(images/sprite-v8.svg#icon-linkedin) } .instagram-icon { background-image:url(images/sprite-v8.svg#icon-instagram) } .telegram-icon { background-image:url(images/sprite-v8.svg#icon-telegram) } .copyright { margin-top: -38px; color: #fff; background: #0D5C3B; } .copyright div { margin-top: 14px; margin-left: 32px; } .copyright ul { margin-top: 12px; list-style: none; margin-bottom: 12px; } .copyright ul li { margin-right: 32px; } .copyright a{ color:#fff; } @media(min-width: 1261px) { .page-intro .col-md-8,.product-container { max-width: 75%; } .product-image-purchase,.product-section .right-sidebar{ max-width: 25%; } .product-item-image img { margin: -7px 5px 20px; } .product-item-title-wrapper h3 { margin: 0; } .sidebar-container .badge { width: 65px; height: 65px; } .jumbotron .product-item-price-wrapper ins { font-size: 32px; font-weight: bold; } } @media(min-width: 1460px) { h1 { font-size: 37px; } .container { max-width: 95%; } } @media(max-width: 1260px) { .menu-top-menu-container { position: inherit; } .menu-top-menu-container > ul > li > a { padding: 21px 0 17px 27px; } .product-item-purchase .btn { padding: 20px 14px 21px 40px; background-size: 23px; background-position: left 12px center; } .entry .product-item-purchase .btn { padding: 12px 16px 12px 39px; font-size: 15px; background-size: 24px; float: none; } .sidebar-container .btn-purchase-ajax{ padding: 14px 19px 14px 44px; background-position: calc(50% - 47px) 11px; } .product-item-image a { max-width: 250px; width: 100%; } .product-item-title-wrapper { padding: 0 7px 0 15px; } .footer-links b{ font-size: 15px; } .footer-links ul li { padding: 0 5px; } .trust-badges{ max-width: 100%; padding-right:0 !important; } .product-item-title-wrapper h3 { margin-top: 5px; } .menu-top-menu-container,.navbar ul { width: auto; } .top-menu > li > a { margin-right: 20px; } .product-item-price-wrapper::before { display:none; } } @media(max-width: 990px){ h1 { font-size: 26px; line-height: 31px; } .container { padding: 0 10px !important; } .menu-top-menu-container li { text-align: left; } .menu-top-menu-container > ul > li > a { padding: 14px 0 17px 33px; font-size: 17px; font-weight: bold; background-size: 24px; filter: brightness(1.5); } .page-intro .search-box .form-control { width: 100%; } .footer-about-us{ border:none; } .footer-links ul li,.footer-logo{ margin-top:0; } .where-us-box { margin-bottom: 60px; } .where-us-description .btn{ font-size: 16px; } .where-us-title h3 { font-size: 22px; } .where-us-description { line-height: 32px; font-size: 19px; } .where-us-section { padding-top: 20px; padding-bottom: 20px; } .menu-top-menu-container { display: block; width: 300px; position: fixed; top: 0; left: -360px; height: 100%; box-shadow: 0 0 20px -3px #000; background: #1f5541; z-index: 10000; } .menu-top-menu-container.opened{ left:0; } .open-child{ display:block; } ul.sub-menu .open-child{ display:none; } .navbar ul { display: block; } .navbar ul .sub-menu { position: relative; display: block; height: 0; overflow: hidden; padding: 0; border: none; box-shadow: none; top:0; } .navbar .active-submenu .sub-menu { height:auto; width: 100%; } .navbar ul .sub-menu li { width: 100%; } .navbar .top-menu { overflow-y: auto; position: relative; height: 100%; padding-bottom: 20px; padding-top: 35px; } .top-menu > li > a{ color: #e3e3e3; } .menu-top-menu-container li { margin-right: 0; float: left; width: 100%; font-size: 20px; line-height: 30px; padding: 0 16px; margin-top: 15px; font-weight: bold; } .responsive-menu-handler{ display:block; } #navbar .close-menu { display: block; position: absolute; right: -8px; z-index: 1000; top: 0; width: 48px; height: 30px; background: #5da88c; color: #FFF; text-align: center; line-height: 23px; font-weight: 700; cursor: pointer; border: solid 4px #FFF; padding: 0; margin: 0; font-size: 16px; border-radius: 25px 0 0 25px; } .section-title { font-size: 33px; } .post-page { padding-top: 65px; } .post-image img { margin-top: 20px; } .navbar, .sticky-purchase { box-shadow: 0 28px 10px -23px rgba(0, 0, 0, 0.37); } .page-intro .search-box .form-control { width: calc(100% - 15px); text-align: left !important; } .change-by-scroll .change-step{ display: block; margin-bottom:10px; } .page-intro { background-position: 0 100%; } .play-video-image, .intro-video { margin-right: 0; margin-top: 0; width: 100%; } .badge { width: 60px; height: 60px; } .hot-badge { top: -30px; right: -9px; } .sidebar-container .product-item-purchase .btn { padding: 17px 20px 12px 40px; font-size: 16px; } .sidebar-container .product-item-image img { margin: 0 0 0 21px; } .sidebar-container .product-item-title-wrapper { margin-left: 0; max-width: 100%; width: 100%; } .sidebar-container .product-item-title-wrapper h3 { margin-bottom: 0; } .post-list-item { padding: 0 !important; } .footer-box b { margin-top: 10px; } .footer { background-size: cover; } .right-sidebar { margin-top: 10px; padding: 0; } .comments-section { padding: 30px 0 50px; } .top-products-section { padding-bottom: 30px; } .new-products-section { padding-bottom: 50px; } .our-services .services-box { margin-top: -50px; } .onsale-products-section h2 { margin-top: -10px; margin-bottom: 50px; } .product-item-purchase .btn { padding: 22px 7px 21px 30px; font-size: 14px; background-size: 25px; } .page-intro .product-item-purchase .btn { font-size: 0; padding: 28px; background-position: center; } .article-intro.page-intro p { padding: 0 2%; } .product-suggestion-container { bottom: 10px; width: 400px; padding: 0; z-index: 10000000; } .display-suggestion .product-suggestion-container { right: 0; } .product-suggestion-container::before { bottom: -12px; left: 0; top: 8px; right: 7px; } .product-suggestion-top { float: right; margin-top: 10px; margin-right: 40px; } .product-suggestion a img { max-width: 150px; margin-left: -6px; margin-top: -2px; } .product-suggestion-discount { left: 28px; top: -22px; } .product-suggestion-note{ font-size: 22px; margin-bottom: 10px; } .product-suggestion-off{ display:none; } .product-suggestion-close { right: 4px; top: -8px; } .product-suggestion-save { display: none; } .product-container{ margin-top:-10px; } .post-list-item-detail{ height:auto; } .top-account-icon { margin-bottom: 15px; } .popular-searches .btn { margin: 9px 5px 0 0; } #responsiveSticky { margin-top: 0; position: fixed; z-index: 1000; top: calc(100% - 70px); left: 0; box-shadow: 0 -4px 10px -4px rgba(0, 0, 0, 0.37); transition: all 0.5s; } #responsiveSticky.opened{ top: 10px; bottom: -10px; overflow: auto; z-index: 10000000; } .opened .close-popular{ display:block; } .post-wrapper { max-width: 500px; } } @media(max-width: 768px) { h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 17px; } .logo { float: left; width: 180px; background-size: 180px; position: absolute; left: calc(50% - 90px); margin-top: 6px; } .top-search-icon { float: left; } .responsive-menu-handler{ float: left; } .product-wrapper h1 { font-size: 27px; } .entry { font-size: 16px; line-height: 27px; } .hide-mobile { display: none !important; } .column-buttons { display: block; } .column-button a { margin:5px 0 !important; } .wp-block-columns { display: block; } .random-posts li{ width:100%; } .copyright ul li { margin-right: 11px; } .copyright div { margin-left: 10px; } .copyright { padding-bottom: 58px; } .comment-author.vcard { width: 100%; line-height: 29px; } .comment-meta.commentmetadata { width: 100%; float: left; } .comment-meta.commentmetadata a { float: left; margin-right: 0; } .comment p { padding: 10px 0; } .post-list { padding: 5px; } .post-list-item-featured.pl-0 { padding-right: 0; } .post-list-item-detail { padding: 8px; } .product-item-image a { width: 100%; } .footer-links img { width: 70px; height: 70px; } .footer-links b { font-weight: normal; } .col-12.product-item { max-width: 50% !important; } .entry h2 { font-size: 20px; } .entry h3 { margin-top: 20px; font-size: 19px; margin-bottom: 10px; } .entry h4 { font-size: 17px; } .entry .product-item.col-12 { max-width: 100% !important; } .page-intro h1 { padding-left: 0; } .product-image-purchase { width: 46%; float: none !important; margin: 15px auto; padding-left:0!important; } .product-short-description { text-align: left; padding: 0; } .trust-badge b { font-size: 14px; } .badge-container { width: 80px; height: 80px; } .popup-container { width: 95%; } .related-posts-section h5{ height: auto; } .entry .product-list .part-1{ font-size: 22px; margin-bottom: 5px; } .entry .product-list .part-2{ font-size: 16px; } .top-search-icon { margin-right: 6px; margin-top: 14px; } .top-account-icon{ margin-top: 13px; margin-bottom: 14px; } .responsive-menu-handler { margin-top: 14px; } a.go-premium-menu { padding: 9px 12px 21px 19px; font-size: 0; background-position: center; margin-top: 7px; margin-left:3px; } .post-wrapper { max-width: 100%; } .entry-related-posts .post-item { border-bottom: solid 1px #ddd; width: 50%; height: 250px; overflow: hidden; padding: 0 5px !important; } .product-container .entry .product-list .product-item-title-wrapper { max-width: 100%; } } @media(max-width: 680px) { h1 { font-size: 24px; line-height: 28px; } .page-intro p { font-size: 18px; line-height: 26px; } .login-description-section, .register-description-section { position: relative; height:auto; border-radius: 0; width: 100%; } .login-form-section,.register-form-section { width: 100%; height:auto; } .close-popup{ right: 0; } .entry .product-list .product-item { width: 400px; margin: 0 auto; float: none !important; } .entry .product-list .product-item-container { margin-bottom: 25px; } .entry .product-list .product-item-image { max-width: 100% !important; width: 100% !important; } .entry .product-list .product-item-image img { margin: 0; } .entry .product-list .product-item-title-wrapper { max-width: 100%; margin-top: 15px; padding-left:0; } .entry .product-list h3{ height:auto; margin: 0; } .entry .product-item-title-wrapper { height: auto; } .entry .product-item-purchase-wrapper { padding-left:0; } .entry .star-rating span.rating { top: -4px; } .entry .list-reviews { top: -24px; } .trust-badge:last-child{ display:none; } } @media(max-width: 600px) { .show-shopping-cart { padding: 8px 20px 26px 33px; font-size: 0; } .product-image-purchase { width: 320px; } .product-short-description { max-width: 100%; } .entry .product-list .product-item-image{ max-width: 100% !important; width: 100%; } .entry .product-list .product-item-image a { float: none; } } @media(max-width: 580px) { .footer-find-us-item { padding: 30px 10px 31px 90px; height: auto; } .footer-socials{ padding-left:5px; display: inline-block; } .footer-links ul li { max-width: 33%; } .footer-links ul li:last-child { float: right; } .product-item-title-wrapper { height: auto; } } @media(max-width: 500px) { .col-12.product-item { max-width: 100% !important; } .product-item-title-wrapper { width: 96%; margin-left: 9px; margin-bottom: 10px; } .product-item-image a { max-width: 180px; } .product-item-price-wrapper{ margin-top:0; } .page-intro .product-item-purchase .btn { margin-top: 0; } .entry-related-posts .post-item { border-bottom: solid 1px #ddd; width: 50%; height: 220px; overflow: hidden; padding: 0 5px !important; } } @media(max-width: 480px) { .MathJax img { max-width: 350px !important; } .search-popup .search-box .form-control,.search-popup .search-box .btn{ width:100%; margin-bottom:10px !important; } .show-book-demo { width: 100%; text-overflow: ellipsis; } .copyright ul li { margin-right: 20px; } .copyright div { margin-left: 0; width: 100%; } .copyright ul { width: 100%; } .copyright ul li { width: 33.33333%; margin-right:0; } .page-intro .search-box .btn { float: right; width: 48px; height: 47px; margin-top: 3px; font-size: 0; position: relative; margin-right: 8px; } .copyright div { margin: 0; padding: 10px; } .trust-badges{ display:block; } .trust-badge { width: 50%; float: left; } .container{ padding:0 7px; } } @media(max-width: 430px){ .footer-links ul li{ max-width: 50% !important; } .footer-links ul li:last-child { float: none; margin: 0 auto; display: table; } .dashboard-text-link { display: none; } .top-search-icon{ margin-right: 6px; } .show-shopping-cart { padding: 8px 13px 26px 34px; } .footer-find-us-item { padding: 30px 10px 31px 10px; font-size: 15px; background: none !important; } .btn-large{ font-size: 17px; } .entry .product-list .product-item { width: 100%; } .product-suggestion-top{ width: calc(100% - 200px); } .product-suggestion p.product-suggestion-note { font-size: 21px; } .product-suggestion-off { display: none; } .product-suggestion p { font-size: 15px; line-height: 19px; } .product-suggestion-container { width: 99%; padding: 0; } .product-suggestion a img { max-width: 120px; margin-left: 10px; margin-top: -2px; } } @media(max-width: 400px){ .logo { width: 140px; background-size: 140px; left: calc(50% - 70px); } .MathJax img { max-width: 250px !important; } .btn-large { background-image: none; padding: 15px 10px; } .product-container { padding: 0 7px; } .product-item-image img { margin: 0; } .page-intro .product-item-price-wrapper ins { font-size: 29px; } .show-shopping-cart { padding: 8px 9px 24px 27px; background-position: left 4px center; } .entry .product-item-purchase .btn { padding: 18px 30px 17px 15px; font-size: 0; background-position: center; } .sidebar-container .product-item-title-wrapper h3 { font-size: 17px; } } /* Tighten formula-guide placement in exam hubs. */ .em-exam-center section[id*="formula-sheet"] { margin-top: 24px !important; margin-bottom: 18px !important; } .em-exam-center section[id*="formula-sheet"] + p, .em-exam-center .em-fr-formula-modal + p, .em-exam-center p:has(> script[id*="formula-guide-style-loader"]) { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .em-exam-center .em-fr-formula-modal { margin: 0 !important; } .em-exam-center section[id*="formula-sheet"] ~ section[id*="skill-quizzes"] { margin-top: 18px !important; } /* Collapse WordPress paragraph wrappers around hub inline scripts/styles. */ .em-exam-center > p:empty, .em-exam-center > p:has(> script), .em-exam-center > p:has(> style), .em-exam-center > style + p:has(> br:only-child), .em-exam-center > .em-test-overlay + p:has(> br:only-child) { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .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; } .em-pwb { color: #14213d; font-family: Arial, sans-serif; line-height: 1.68; } .em-pwb * { box-sizing: border-box; } .em-pwb h2 { color: #14213d; line-height: 1.22; margin: 0 0 16px; } .em-pwb p { line-height: 1.7; } .em-pwb a { text-decoration: none; } .em-pwb-hero { margin: 34px 0; padding: 26px; border: 1px solid #d9e4f0; border-left: 6px solid #0ea5a4; border-radius: 8px; background: linear-gradient(135deg, #fbfcfe 0%, #eef7f3 52%, #fff8df 100%); } .em-pwb-tags { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 14px; } .em-pwb-tag { display: inline-block; padding: 7px 11px; border-radius: 999px; color: #fff; font-weight: 800; font-size: 13px; } .em-pwb-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 18px; } .em-pwb-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border-radius: 6px; font-weight: 900; text-decoration: none; } .em-pwb-btn-main { background: #0b6f43; color: #fff !important; } .em-pwb .em-pwb-btn-main, .em-pwb .em-pwb-btn-main:visited, .em-pwb .em-pwb-btn-main:hover { color: #fff !important; } .em-pwb-btn-secondary { background: #fff; color: #0b5f18; border: 1px solid #c9d4e3; } .em-pwb-proof { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin: 20px 0 0; } .em-pwb-proof div { background: #fff; border: 1px solid #e1e8f0; border-radius: 8px; padding: 14px; box-shadow: 0 5px 14px rgba(16, 32, 51, .05); } .em-pwb-proof strong { display: block; font-size: 20px; color: #0b6f43; line-height: 1.2; margin-bottom: 3px; } .em-pwb-proof span { display: block; color: #536274; font-weight: 700; font-size: 14px; line-height: 1.35; } .em-pwb-section { margin: 34px 0; } .em-pwb-panel { padding: 24px; border-radius: 8px; border: 1px solid #dfe7f2; background: #fff; } .em-pwb-dark { padding: 22px; border-radius: 8px; background: #14213d; color: #fff; } .em-pwb-dark h2 { color: #fff; } .em-pwb-dark p { color: #eef3ff; } .em-pwb-quick { display: flex; flex-wrap: nowrap; gap: 14px; overflow-x: auto; padding: 0 0 8px; align-items: stretch; margin: 0; } .em-pwb-card { display: flex; flex: 0 0 180px; min-height: 176px; padding: 16px 15px 15px; border: 1px solid #dbe6f1; border-top: 6px solid var(--qc); border-radius: 8px; background: #fff; color: #14213d; flex-direction: column; align-items: flex-start; justify-content: flex-start; box-shadow: 0 8px 22px rgba(16, 32, 51, .06); transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease; cursor: default; } .em-pwb-card:hover { transform: translateY(-3px); box-shadow: 0 16px 32px rgba(16, 32, 51, .13); border-color: var(--qc); } .em-pwb-card-icon { display: inline-flex; width: 54px; height: 54px; border-radius: 15px; align-items: center; justify-content: center; font-size: 25px; line-height: 1; margin: 0 0 18px; background: var(--qbg); transition: transform .12s ease; } .em-pwb-card:hover .em-pwb-card-icon { transform: scale(1.06); } .em-pwb-card-title { display: block; font-size: 20px; line-height: 1.18; margin: 0 0 9px; color: #14213d; font-weight: 800; } .em-pwb-card-desc { display: block; font-size: 15px; line-height: 1.35; color: #536274; font-weight: 700; } .em-pwb-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; } .em-pwb-mini { padding: 16px; border: 1px solid #e2e7ee; border-radius: 8px; background: #fff; } .em-pwb-mini strong { display: block; color: #14213d; margin-bottom: 5px; } .em-pwb-table-wrap { overflow-x: auto; border: 1px solid #dfe7f2; border-radius: 8px; background: #fff; } .em-pwb-table { width: 100%; border-collapse: collapse; min-width: 720px; } .em-pwb-table th { background: #14213d; color: #fff; text-align: left; padding: 12px 14px; } .em-pwb-table td { padding: 12px 14px; border-top: 1px solid #e6edf5; vertical-align: top; } .em-pwb-table tr:nth-child(even) td { background: #f8fbff; } .em-pwb-list { margin: 0; padding-left: 20px; line-height: 1.75; } .em-pwb-two { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 14px; } .em-pwb-amazon img { display: block; width: 220px; max-width: 100%; height: auto; border: 0; } .em-pwb-preview { display: grid; grid-template-columns: minmax(150px, 210px) minmax(0, 1fr); gap: 20px; align-items: center; } .em-pwb-preview img { width: 100%; height: auto; border-radius: 8px; border: 1px solid #e2e8f0; box-shadow: 0 12px 26px rgba(16, 32, 51, .16); } @media(max-width: 720px) { .em-pwb-card { flex-basis: 170px; min-height: 165px; } .em-pwb-preview { grid-template-columns: 1fr; } .em-pwb-preview img { max-width: 210px; } .em-pwb-table { min-width: 620px; } } .home-page-body { overflow-x: hidden; } .home-guided-hero { padding-top: 110px; padding-bottom: 34px; background: linear-gradient(135deg, #f8fbff 0%, #eaf7f3 58%, #fff7df 100%); overflow: hidden; } .home-guided-hero .container { max-width: 1080px; } .home-eyebrow { display: inline-block; margin: 0 0 14px; padding: 7px 13px; border-radius: 999px; background: #fff; color: #0d6840; font-weight: 800; font-size: 14px; line-height: 1.2; box-shadow: 0 7px 18px rgba(17, 68, 79, .08); } .home-guided-hero h1 { max-width: 900px; margin: 0 auto; color: #16233f; font-size: 42px; line-height: 1.14; overflow-wrap: break-word; } .home-guided-hero .intro-title-top { max-width: 850px; margin: 16px auto 0; color: #314255; } .home-hero-promise { margin: 10px auto 0; color: #0b6f43; font-weight: 800; } .home-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 22px auto 0; } .home-hero-action { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 18px; border-radius: 8px; font-weight: 900; line-height: 1.2; } .home-hero-action-primary, .home-guided-hero .home-hero-action-primary { background: #185aa6; color: #fff; } .home-hero-action-secondary, .home-guided-hero .home-hero-action-secondary { background: #fff; color: #0c5f3e; border: 1px solid #bed7ca; } .home-search-label { margin: 24px 0 0; color: #16233f; font-weight: 900; font-size: 18px; } .home-guided-hero .search-box { max-width: 760px; margin: 14px auto 0; } .page-intro .search-box form { display: flex; align-items: stretch; justify-content: center; gap: 10px; max-width: 760px; margin: 0 auto; } .page-intro .search-box .form-control { flex: 1 1 auto; min-width: 0; width: auto; max-width: none; padding: 14px 18px 15px; border: solid 3px #dce8f4; text-align: left !important; box-shadow: 0 8px 20px rgba(16, 42, 76, .07); } .page-intro .search-box .btn { flex: 0 0 132px; width: auto; height: 53px; margin: 0; padding: 0 16px 0 42px; border: 0; background-color: #207245; background-position: left 16px center; color: #fff; box-shadow: 0 8px 20px rgba(32, 114, 69, .16); } .home-quick-links { display: flex; flex-wrap: wrap; gap: 9px; justify-content: center; margin: 18px auto 0; max-width: 850px; } .home-quick-links a, .home-guided-hero .home-quick-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 8px 12px; border-radius: 999px; background: rgba(255, 255, 255, .82); border: 1px solid #d4e4ef; color: #15405f; font-size: 14px; font-weight: 800; } .home-trust-section { background: #123257; color: #fff; padding: 22px 0; } .home-trust-grid { display: grid; grid-template-columns: minmax(280px, 1.4fr) repeat(3, minmax(145px, .55fr)); gap: 12px; align-items: stretch; } .home-trust-intro, .home-trust-stat { border: 1px solid rgba(255, 255, 255, .16); border-radius: 8px; padding: 16px; background: rgba(255, 255, 255, .08); } .home-trust-intro strong, .home-trust-stat strong { display: block; color: #fff; font-size: 20px; line-height: 1.25; } .home-trust-intro span, .home-trust-stat span { display: block; margin-top: 5px; color: #dbe9f8; line-height: 1.45; } .home-start-section { background: #fff; padding: 34px 0; } .home-free-section { background: #f4f8fb; padding: 34px 0; } .home-start-section .home-section-title, .home-free-section .home-section-title, .top-products-section .home-section-title { float: none; margin: 0 0 22px; color: #16233f; } .home-path-grid, .home-resource-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .home-path-card, .home-resource-card { display: block; min-height: 152px; padding: 18px; border-radius: 8px; background: #fff; color: #16233f; border: 1px solid #dfe8f1; border-top: 5px solid #1f8a67; box-shadow: 0 8px 20px rgba(16, 42, 76, .06); } .home-path-card:nth-child(2), .home-resource-card:nth-child(2) { border-top-color: #185aa6; } .home-path-card:nth-child(3), .home-resource-card:nth-child(3) { border-top-color: #d08a14; } .home-path-card:nth-child(4), .home-resource-card:nth-child(4) { border-top-color: #7c5aa6; } .home-path-card:hover, .home-resource-card:hover { transform: translateY(-2px); box-shadow: 0 14px 26px rgba(16, 42, 76, .11); } .home-path-card span { display: block; margin-bottom: 10px; color: #5a6878; font-weight: 800; font-size: 14px; line-height: 1.35; } .home-path-card strong, .home-resource-card strong { display: block; color: #16233f; font-size: 19px; line-height: 1.28; } .home-resource-card span { display: block; margin-top: 9px; color: #536274; line-height: 1.45; } .home-page-body .product-list, .home-page-body .product-item, .home-page-body .product-item-container { max-width: 100%; } .home-page-body .product-item-title-wrapper, .home-page-body .product-item-title-wrapper h3 { overflow-wrap: anywhere; word-break: normal; } @media(max-width: 990px) { .home-guided-hero h1 { font-size: 34px; line-height: 1.16; } .home-trust-grid, .home-path-grid, .home-resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media(max-width: 680px) { .home-guided-hero { padding-top: 92px; padding-bottom: 28px; } .home-eyebrow { max-width: 100%; white-space: normal; } .home-guided-hero h1 { font-size: 30px; max-width: 100%; } .home-guided-hero .intro-title-top, .home-hero-promise { font-size: 17px; line-height: 1.45; } .home-hero-actions { align-items: stretch; } .home-hero-action { width: 100%; max-width: 330px; margin: 0 auto; } .page-intro .search-box form { gap: 8px; } .page-intro .search-box .form-control { height: 50px; padding: 12px 14px; font-size: 15px; width: auto; } .page-intro .search-box .btn { flex: 0 0 52px; width: 52px; height: 50px; margin: 0; padding: 0; background-position: center; font-size: 0; } .home-trust-grid { grid-template-columns: 1fr; } .home-path-grid, .home-resource-grid { grid-template-columns: 1fr; } .home-path-card, .home-resource-card { min-height: 0; } } @media(max-width: 480px) { .home-guided-hero h1 { font-size: 28px; } .home-trust-intro strong, .home-trust-stat strong { font-size: 18px; } .home-section-title { font-size: 24px; line-height: 1.2; } } /* Homepage redesign v2 */ .home-page-body { background: #fff; color: #12213d; overflow-x: hidden; } .home-guided-hero { padding: 104px 0 38px; background: #f7fbf9; border-bottom: 1px solid #e1ece7; } .home-guided-hero .container { max-width: 1220px; } .home-hero-layout { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(330px, .88fr); gap: 44px; align-items: center; } .home-hero-copy { text-align: left; min-width: 0; } .home-eyebrow { display: inline-flex; max-width: 100%; margin: 0 0 16px; padding: 8px 13px; border-radius: 999px; background: #e9f7ef; color: #096541; font-size: 14px; font-weight: 900; line-height: 1.25; box-shadow: none; } .home-guided-hero h1 { max-width: 760px; margin: 0; color: #111d35; font-size: 50px; line-height: 1.06; letter-spacing: 0; overflow-wrap: break-word; } .home-guided-hero .intro-title-top { max-width: 720px; margin: 18px 0 0; color: #384a5f; font-size: 20px; line-height: 1.5; } .home-search-label { margin: 26px 0 10px; color: #111d35; font-size: 17px; font-weight: 900; } .home-guided-hero .search-box { max-width: 760px; margin: 0; } .page-intro .search-box form { display: flex; align-items: stretch; justify-content: flex-start; gap: 10px; max-width: 760px; margin: 0; } .page-intro .search-box .form-control { flex: 1 1 auto; min-width: 0; width: auto; height: 58px; max-width: none; padding: 14px 18px; border: 2px solid #d8e5ee; border-radius: 8px; background: #fff; box-shadow: 0 10px 26px rgba(20, 47, 76, .08); color: #15233b; text-align: left !important; } .page-intro .search-box .btn { flex: 0 0 126px; width: auto; height: 58px; margin: 0; padding: 0 16px 0 42px; border: 0; border-radius: 8px; background-color: #0d7a4d; background-position: left 17px center; color: #fff; font-weight: 900; box-shadow: 0 10px 24px rgba(13, 122, 77, .2); } .home-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; margin: 18px 0 0; } .home-hero-action { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 11px 16px; border-radius: 8px; font-weight: 900; line-height: 1.2; } .home-hero-action-primary, .home-guided-hero .home-hero-action-primary { background: #1d5fab; color: #fff; } .home-hero-action-secondary, .home-guided-hero .home-hero-action-secondary { background: #fff; color: #0b6140; border: 1px solid #bfd8c9; } .home-quick-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-start; max-width: 740px; margin: 18px 0 0; } .home-quick-links a, .home-guided-hero .home-quick-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 7px 11px; border: 1px solid #d8e6f1; border-radius: 999px; background: #fff; color: #123958; font-size: 14px; font-weight: 900; } .home-hero-panel { position: relative; min-width: 0; padding: 24px; border: 1px solid #dce9e3; border-radius: 8px; background: #fff; box-shadow: 0 18px 46px rgba(17, 39, 64, .1); } .home-hero-illustration { position: absolute; top: -32px; right: 22px; width: 108px; height: 108px; object-fit: contain; } .home-plan-card { position: relative; z-index: 1; padding: 15px 16px; border: 1px solid #e2ebf2; border-radius: 8px; background: #f9fcff; } .home-plan-card + .home-plan-card { margin-top: 12px; } .home-plan-card span { display: inline-block; margin-bottom: 6px; color: #0d7a4d; font-size: 13px; font-weight: 900; text-transform: uppercase; } .home-plan-card strong { display: block; color: #12213d; font-size: 20px; line-height: 1.25; } .home-plan-card p { margin: 6px 0 0; color: #526174; font-size: 15px; line-height: 1.45; } .home-plan-card-accent { background: #fff8e8; border-color: #f0d6a6; } .home-trust-section { padding: 18px 0; background: #fff; color: #12213d; } .home-trust-grid { display: grid; grid-template-columns: minmax(280px, 1.35fr) repeat(3, minmax(150px, .55fr)); gap: 0; overflow: hidden; border: 1px solid #dfe9ef; border-radius: 8px; background: #fff; box-shadow: 0 8px 22px rgba(18, 43, 72, .05); } .home-trust-intro, .home-trust-stat { padding: 18px 20px; border: 0; border-right: 1px solid #dfe9ef; border-radius: 0; background: #fff; } .home-trust-stat:last-child { border-right: 0; } .home-trust-intro strong, .home-trust-stat strong { display: block; color: #12213d; font-size: 20px; line-height: 1.25; } .home-trust-stat strong { color: #0d7a4d; } .home-trust-intro span, .home-trust-stat span { display: block; margin-top: 4px; color: #56657a; line-height: 1.4; } .home-popular-paths-section, .home-library-section, .home-testprep-section, .home-teacher-section, .home-study-plan-section { padding: 44px 0; } .home-popular-paths-section { background: #fff; } .home-library-section { background: #f3f7fb; } .home-section-heading { max-width: 780px; margin: 0 auto 24px; text-align: center; } .home-section-heading span, .home-testprep-copy span, .home-teacher-card span { display: inline-block; margin-bottom: 8px; color: #0d7a4d; font-size: 13px; font-weight: 900; text-transform: uppercase; } .home-section-heading h2, .home-testprep-copy h2, .home-teacher-card h2 { margin: 0; color: #111d35; font-size: 34px; line-height: 1.16; } .home-section-heading p, .home-testprep-copy p, .home-teacher-card p { margin: 10px 0 0; color: #526174; font-size: 18px; line-height: 1.55; } .home-path-grid-compact { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; } .home-path-card { display: block; min-width: 0; min-height: 146px; padding: 17px; border: 1px solid #dfe8f1; border-top: 5px solid #0d7a4d; border-radius: 8px; background: #fff; color: #12213d; box-shadow: 0 8px 22px rgba(18, 43, 72, .06); } .home-path-card:nth-child(2n) { border-top-color: #1d5fab; } .home-path-card:nth-child(3n) { border-top-color: #c87911; } .home-path-card:nth-child(4n) { border-top-color: #7b55a6; } .home-path-card:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(18, 43, 72, .12); } .home-path-card span { display: block; margin-bottom: 9px; color: #657184; font-size: 13px; font-weight: 900; line-height: 1.3; } .home-path-card strong { display: block; color: #111d35; font-size: 21px; line-height: 1.18; } .home-path-card em { display: block; margin-top: 9px; color: #56657a; font-size: 14px; font-style: normal; line-height: 1.35; } .home-resource-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .home-resource-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 13px; align-items: start; min-width: 0; min-height: 134px; padding: 18px; border: 1px solid #dfe8f1; border-radius: 8px; background: #fff; color: #12213d; box-shadow: 0 8px 22px rgba(18, 43, 72, .05); } .home-resource-card b { grid-row: span 2; display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 8px; background: #e8f3ff; color: #1d5fab; font-size: 20px; } .home-resource-card:nth-child(2n) b { background: #e9f7ef; color: #0d7a4d; } .home-resource-card:nth-child(3n) b { background: #fff4dc; color: #bd760f; } .home-resource-card strong { display: block; color: #111d35; font-size: 19px; line-height: 1.25; } .home-resource-card span { display: block; margin-top: 7px; color: #56657a; line-height: 1.4; } .home-testprep-section { background: #102a43; color: #fff; } .home-testprep-section .container { display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1fr); gap: 30px; align-items: center; } .home-testprep-copy h2, .home-testprep-copy p { color: #fff; } .home-testprep-copy span { color: #8ee0b3; } .home-testprep-copy p { color: #d9e8f4; } .home-testprep-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; } .home-testprep-grid a { display: flex; align-items: center; min-height: 48px; padding: 10px 12px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 8px; background: rgba(255, 255, 255, .08); color: #fff; font-weight: 900; line-height: 1.25; } .home-teacher-section { background: #fff; } .home-teacher-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; padding: 28px; border: 1px solid #e5d8ac; border-radius: 8px; background: #fff9e8; } .home-study-plan-section { background: #f2f2f2; } .home-study-plan-section .home-section-heading { margin-bottom: 28px; } @media(max-width: 1180px) { .home-path-grid-compact, .home-testprep-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .home-resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media(max-width: 900px) { .home-hero-layout, .home-testprep-section .container, .home-teacher-card { grid-template-columns: 1fr; } .home-hero-copy, .home-section-heading, .home-testprep-copy, .home-teacher-card { text-align: left; } .home-hero-panel { max-width: 620px; } .home-trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-trust-intro, .home-trust-stat { border-bottom: 1px solid #dfe9ef; } .home-trust-stat:nth-child(2n) { border-right: 0; } } @media(max-width: 680px) { .home-guided-hero { padding: 88px 0 28px; } .home-guided-hero h1 { font-size: 35px; line-height: 1.08; } .home-guided-hero .intro-title-top { font-size: 18px; } .page-intro .search-box form { flex-direction: column; gap: 10px; } .page-intro .search-box .form-control { width: 100%; height: 52px; padding: 12px 14px; font-size: 15px; } .page-intro .search-box .btn { flex: 0 0 auto; width: 100%; height: 52px; padding: 0; background-image: none; background-position: center; font-size: 16px; } .home-hero-actions { align-items: stretch; } .home-hero-action { width: 100%; } .home-path-grid-compact, .home-resource-grid, .home-testprep-grid, .home-trust-grid { grid-template-columns: 1fr; } .home-trust-intro, .home-trust-stat { border-right: 0; } .home-resource-card { min-height: 0; } .home-hero-illustration { width: 82px; height: 82px; top: -24px; right: 14px; } .home-section-heading h2, .home-testprep-copy h2, .home-teacher-card h2 { font-size: 27px; } } @media(max-width: 420px) { .home-guided-hero h1 { font-size: 31px; } .home-hero-panel, .home-teacher-card { padding: 20px; } } /* Homepage redesign v3 */ .home-guided-hero { position: relative; isolation: isolate; padding: 108px 0 54px; overflow: hidden; background: radial-gradient(circle at 13% 19%, rgba(255, 210, 73, .28), transparent 24%), radial-gradient(circle at 82% 12%, rgba(25, 202, 179, .22), transparent 26%), linear-gradient(135deg, #073d78 0%, #255fe9 48%, #8b46ef 100%); border-bottom: 0; color: #fff; } .home-guided-hero:before { content: "y = mx + b   A = pi r2   x = (-b +- sqrt(b2 - 4ac)) / 2a   slope = dy / dx"; position: absolute; inset: 18px 0 auto 0; z-index: -1; color: rgba(255, 255, 255, .12); font-size: 42px; font-weight: 900; line-height: 1.9; transform: rotate(-7deg); white-space: nowrap; } .home-guided-hero:after { content: ""; position: absolute; inset: auto -12% -36% 42%; z-index: -1; height: 380px; background: radial-gradient(circle, rgba(255, 119, 37, .55), transparent 64%); } .home-eyebrow { background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .3); color: #fff; box-shadow: none; } .home-guided-hero h1, .home-guided-hero .intro-title-top, .home-search-label { color: #fff; } .home-guided-hero .intro-title-top { color: rgba(255, 255, 255, .92); } .home-guided-hero .search-box .form-control { border-color: rgba(255, 255, 255, .45); box-shadow: 0 16px 35px rgba(5, 21, 47, .22); } .home-guided-hero .search-box .btn, .home-hero-action-primary, .home-guided-hero .home-hero-action-primary { background: #ff6819; color: #fff; box-shadow: 0 15px 28px rgba(255, 104, 25, .28); } .home-hero-action-secondary, .home-guided-hero .home-hero-action-secondary { background: rgba(255, 255, 255, .95); border-color: rgba(255, 255, 255, .62); color: #123257; } .home-quick-links a, .home-guided-hero .home-quick-links a { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .35); color: #fff; } .home-hero-panel { border: 0; background: rgba(255, 255, 255, .96); box-shadow: 0 22px 55px rgba(6, 17, 44, .28); } .home-impact-section { padding: 30px 0 40px; background: #fff; } .home-impact-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; } .home-impact-card { min-width: 0; min-height: 150px; padding: 20px 18px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; box-shadow: 0 10px 28px rgba(18, 43, 72, .08); } .home-impact-card span { display: block; min-height: 42px; color: #4e5d71; font-size: 17px; font-weight: 800; line-height: 1.35; } .home-impact-card span:before { content: ""; display: inline-block; width: 13px; height: 13px; margin-right: 9px; border-radius: 4px; background: #0d9b66; vertical-align: -1px; } .home-impact-card:nth-child(2) span:before { background: #7b55d7; } .home-impact-card:nth-child(3) span:before { background: #ef5db8; } .home-impact-card:nth-child(4) span:before { background: #ff9d16; } .home-impact-card:nth-child(5) span:before { background: #1d6bea; } .home-impact-card strong { display: block; margin-top: 20px; color: #160b25; font-size: 35px; line-height: 1.05; letter-spacing: 0; } .home-popular-paths-section { background: linear-gradient(180deg, #fff 0%, #f9fbff 100%); } .home-path-card, .home-resource-card, .home-testprep-grid a { position: relative; overflow: hidden; border-radius: 12px; } .home-path-card:after, .home-resource-card:after, .home-testprep-grid a:after { content: ">"; position: absolute; right: 14px; bottom: 12px; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 999px; background: rgba(255, 255, 255, .7); color: #102a43; font-weight: 900; } .home-path-card:nth-child(5n/**/+1), .home-resource-card:nth-child(4n/**/+1) { background: linear-gradient(135deg, #ffffff 0%, #eaf8ef 100%); } .home-path-card:nth-child(5n/**/+2), .home-resource-card:nth-child(4n/**/+2) { background: linear-gradient(135deg, #ffffff 0%, #eaf2ff 100%); } .home-path-card:nth-child(5n/**/+3), .home-resource-card:nth-child(4n/**/+3) { background: linear-gradient(135deg, #ffffff 0%, #fff4dd 100%); } .home-path-card:nth-child(5n/**/+4), .home-resource-card:nth-child(4n/**/+4) { background: linear-gradient(135deg, #ffffff 0%, #f5edff 100%); } .home-testprep-section { background: radial-gradient(circle at 8% 16%, rgba(255, 157, 22, .32), transparent 24%), linear-gradient(135deg, #0f2d50 0%, #123d75 55%, #1d7c62 100%); } .home-testprep-grid a { border-color: rgba(255, 255, 255, .28); background: rgba(255, 255, 255, .13); box-shadow: 0 10px 22px rgba(0, 0, 0, .12); } .home-teacher-card { border: 0; background: linear-gradient(135deg, #fff7df 0%, #eaf7ff 58%, #f4edff 100%); box-shadow: 0 14px 35px rgba(18, 43, 72, .1); } .home-books-carousel-section { padding: 54px 0 62px; overflow: hidden; background: radial-gradient(circle at 8% 8%, rgba(255, 210, 73, .35), transparent 20%), radial-gradient(circle at 90% 18%, rgba(255, 104, 25, .32), transparent 24%), linear-gradient(135deg, #102a43 0%, #205bd8 50%, #8a44e6 100%); color: #fff; } .home-books-heading { max-width: 850px; margin: 0 auto 26px; text-align: center; } .home-books-heading span { display: inline-flex; margin-bottom: 9px; padding: 8px 13px; border: 1px solid rgba(255, 255, 255, .32); border-radius: 999px; background: rgba(255, 255, 255, .12); color: #fff; font-weight: 900; text-transform: uppercase; font-size: 13px; } .home-books-heading h2 { margin: 0; color: #fff; font-size: 38px; line-height: 1.13; } .home-books-heading p { max-width: 760px; margin: 12px auto 0; color: rgba(255, 255, 255, .88); font-size: 18px; line-height: 1.55; } .home-book-rail { overflow: hidden; padding: 14px 0 22px; mask-image: linear-gradient(to right, transparent 0%, #000 5%, #000 95%, transparent 100%); } .home-book-track { display: flex; gap: 16px; width: max-content; animation: homeBookSlide 42s linear infinite; } .home-book-rail:hover .home-book-track, .home-book-rail:focus-within .home-book-track { animation-play-state: paused; } .home-book-card { position: relative; display: grid; grid-template-rows: auto auto 1fr auto auto; flex: 0 0 250px; min-height: 430px; padding: 14px; border: 1px solid rgba(255, 255, 255, .55); border-radius: 14px; background: #fff; color: #12213d; box-shadow: 0 16px 36px rgba(2, 9, 25, .24); } .home-book-ribbon { display: inline-flex; justify-self: start; margin-bottom: 10px; padding: 6px 9px; border-radius: 999px; background: #fff1d8; color: #bd6200; font-size: 12px; font-weight: 900; text-transform: uppercase; } .home-book-cover { display: flex; align-items: center; justify-content: center; min-height: 202px; margin-bottom: 12px; border-radius: 10px; background: #f5f8fb; } .home-book-cover img { display: block; width: auto; max-width: 150px; max-height: 196px; object-fit: contain; box-shadow: 0 10px 18px rgba(17, 32, 61, .18); } .home-book-card strong { display: block; color: #101d35; font-size: 19px; line-height: 1.24; } .home-book-card em { display: block; margin-top: 8px; color: #536174; font-size: 15px; font-style: normal; font-weight: 700; line-height: 1.38; } .home-book-card .screen-reader-text { display: none; } .home-book-button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; margin-top: 12px; padding: 10px 12px; border-radius: 8px; background: #ff6819; color: #fff; font-weight: 900; } @keyframes homeBookSlide { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media(max-width: 1280px) { .home-impact-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media(max-width: 760px) { .home-guided-hero { padding-top: 88px; } .home-impact-grid { grid-template-columns: 1fr; } .home-impact-card { min-height: 112px; } .home-impact-card strong { margin-top: 10px; font-size: 31px; } .home-books-heading h2 { font-size: 29px; } .home-book-card { flex-basis: 238px; } } @media(prefers-reduced-motion: reduce) { .home-book-track { animation: none; } } /* Homepage redesign v4: guided learning center */ .home-page-body { background: #f7fbff; color: #14233c; overflow-x: hidden; } .home-page-body .jumbotron { margin-bottom: 0; } .home-guided-hero { position: relative; padding: 98px 0 42px; overflow: hidden; border-bottom: 1px solid #dfeaf4; background: linear-gradient(180deg, #fbfdff 0%, #eef8ff 58%, #f8fff4 100%); color: #14233c; } .home-guided-hero:before, .home-guided-hero:after { content: none; } .home-guided-hero .container, .home-impact-section .container, .home-popular-paths-section .container, .home-library-section .container, .home-testprep-section .container, .home-books-carousel-section .container, .home-teacher-section .container { max-width: 1220px; } .home-hero-layout { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(350px, .78fr); gap: 36px; align-items: center; } .home-eyebrow { display: inline-flex; margin: 0 0 16px; padding: 8px 12px; border: 1px solid #bde8cb; border-radius: 999px; background: #eaf9ef; color: #0b6b3e; box-shadow: none; font-size: 13px; font-weight: 900; line-height: 1.25; text-transform: uppercase; } .home-guided-hero h1 { max-width: 760px; margin: 0; color: #12213d; font-size: 58px; line-height: 1.02; letter-spacing: 0; } .home-guided-hero .intro-title-top { max-width: 760px; margin: 18px 0 0; color: #34465e; font-size: 20px; line-height: 1.58; } .home-search-label { margin: 26px 0 10px; color: #12213d; font-size: 17px; font-weight: 900; } .home-guided-hero .search-box { max-width: 780px; margin: 0; } .home-guided-hero .search-box form { gap: 10px; max-width: 780px; } .home-guided-hero .search-box .form-control { height: 60px; border: 2px solid #cfe0ef; border-radius: 8px; background: #fff; box-shadow: 0 12px 30px rgba(38, 80, 120, .12); color: #14233c; font-size: 17px; } .home-guided-hero .search-box .form-control:focus { border-color: #2f8bd6; box-shadow: 0 0 0 4px rgba(47, 139, 214, .14), 0 12px 30px rgba(38, 80, 120, .12); } .home-guided-hero .search-box .btn { height: 60px; border-radius: 8px; background-color: #138a4e; color: #fff; box-shadow: 0 12px 24px rgba(19, 138, 78, .22); font-weight: 900; } .home-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; } .home-hero-action { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 18px; border-radius: 8px; font-weight: 900; line-height: 1.2; transition: transform .14s ease, box-shadow .14s ease, background .14s ease; } .home-hero-action:hover { transform: translateY(-2px); } .home-hero-action-primary, .home-guided-hero .home-hero-action-primary { background: #1d66c7; color: #fff; box-shadow: 0 12px 24px rgba(29, 102, 199, .2); } .home-hero-action-secondary, .home-guided-hero .home-hero-action-secondary { border: 1px solid #cbdceb; background: #fff; color: #145b39; } .home-quick-links { display: flex; flex-wrap: wrap; gap: 8px; max-width: 780px; margin-top: 18px; } .home-quick-links a, .home-guided-hero .home-quick-links a { display: inline-flex; align-items: center; min-height: 34px; padding: 7px 12px; border: 1px solid #ccdde9; border-radius: 999px; background: #fff; color: #153b5f; box-shadow: 0 5px 12px rgba(28, 73, 115, .06); font-size: 14px; font-weight: 900; } .home-quick-links a:hover { border-color: #2f8bd6; color: #0b5b9f; } .home-hero-panel { position: relative; min-width: 0; padding: 22px; border: 1px solid #d5e4ef; border-radius: 8px; background: #fff; box-shadow: 0 18px 44px rgba(24, 59, 96, .13); } .home-hero-illustration { display: none; } .home-path-finder-card { position: relative; z-index: 1; } .home-card-kicker { display: inline-block; margin-bottom: 8px; color: #0b6b3e; font-size: 13px; font-weight: 900; text-transform: uppercase; } .home-path-finder-card h2 { margin: 0 0 16px; color: #12213d; font-size: 30px; line-height: 1.14; } .home-path-finder-links { display: grid; gap: 10px; } .home-path-finder-links a { display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 12px; align-items: center; min-height: 76px; padding: 12px; border: 1px solid #dce8f2; border-left: 6px solid #1d66c7; border-radius: 8px; background: #f9fcff; color: #14233c; box-shadow: 0 8px 18px rgba(28, 73, 115, .06); } .home-path-finder-links a:nth-child(2) { border-left-color: #13a36e; background: #f6fff9; } .home-path-finder-links a:nth-child(3) { border-left-color: #f29b18; background: #fffaf0; } .home-path-finder-links a:nth-child(4) { border-left-color: #8e56d9; background: #fbf7ff; } .home-path-finder-links b { grid-row: span 2; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 8px; background: #e8f2ff; color: #1d66c7; font-size: 20px; font-weight: 900; } .home-path-finder-links a:nth-child(2) b { background: #e7f8ee; color: #0b6b3e; } .home-path-finder-links a:nth-child(3) b { background: #fff0cc; color: #b66800; } .home-path-finder-links a:nth-child(4) b { background: #efe6ff; color: #7435ba; } .home-path-finder-links strong { display: block; color: #12213d; font-size: 17px; line-height: 1.2; } .home-path-finder-links span { display: block; margin-top: 4px; color: #526174; font-size: 14px; line-height: 1.3; } .home-impact-section { padding: 24px 0 40px; background: #fff; } .home-impact-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; } .home-impact-card { min-width: 0; min-height: 138px; padding: 18px; border: 1px solid #dfe8f1; border-top: 6px solid #13a36e; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(28, 73, 115, .08); } .home-impact-card:nth-child(2) { border-top-color: #8e56d9; } .home-impact-card:nth-child(3) { border-top-color: #eb5aa7; } .home-impact-card:nth-child(4) { border-top-color: #f29b18; } .home-impact-card:nth-child(5) { border-top-color: #1d66c7; } .home-impact-card span { display: block; min-height: 40px; color: #526174; font-size: 16px; font-weight: 900; line-height: 1.34; } .home-impact-card span:before { content: none; } .home-impact-card strong { display: block; margin-top: 16px; color: #160b25; font-size: 34px; line-height: 1.06; letter-spacing: 0; } .home-popular-paths-section, .home-library-section, .home-testprep-section, .home-books-carousel-section, .home-teacher-section { padding: 50px 0; } .home-popular-paths-section { background: #f7fbff; } .home-library-section { background: #fff; } .home-section-heading { max-width: 820px; margin: 0 auto 26px; text-align: center; } .home-section-heading span, .home-testprep-copy span, .home-teacher-card span, .home-books-heading span { display: inline-flex; margin-bottom: 8px; color: #0b6b3e; font-size: 13px; font-weight: 900; text-transform: uppercase; } .home-section-heading h2, .home-testprep-copy h2, .home-teacher-card h2, .home-books-heading h2 { margin: 0; color: #12213d; font-size: 36px; line-height: 1.14; letter-spacing: 0; } .home-section-heading p, .home-testprep-copy p, .home-teacher-card p, .home-books-heading p { margin: 11px auto 0; color: #536174; font-size: 18px; line-height: 1.56; } .home-path-grid-compact { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .home-path-card { position: relative; display: block; min-width: 0; min-height: 170px; padding: 20px 52px 20px 20px; overflow: hidden; border: 1px solid #dce8f2; border-left: 7px solid #1d66c7; border-radius: 8px; background: #fff; color: #14233c; box-shadow: 0 10px 22px rgba(28, 73, 115, .07); transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease; } .home-path-card:nth-child(2) { border-left-color: #13a36e; background: #f7fff9; } .home-path-card:nth-child(3) { border-left-color: #f29b18; background: #fffaf0; } .home-path-card:nth-child(4) { border-left-color: #eb5aa7; background: #fff7fb; } .home-path-card:nth-child(5) { border-left-color: #8e56d9; background: #fbf7ff; } .home-path-card:nth-child(6) { border-left-color: #0aa7a3; background: #f3fffe; } .home-path-card:hover { transform: translateY(-3px); box-shadow: 0 16px 30px rgba(28, 73, 115, .14); } .home-path-card:after { content: ">"; position: absolute; right: 18px; bottom: 18px; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; background: #12213d; color: #fff; font-weight: 900; } .home-path-card span { display: block; margin-bottom: 9px; color: #5a6879; font-size: 13px; font-weight: 900; line-height: 1.3; text-transform: uppercase; } .home-path-card strong { display: block; color: #12213d; font-size: 22px; line-height: 1.18; } .home-path-card em { display: block; margin-top: 10px; color: #526174; font-size: 15px; font-style: normal; line-height: 1.4; } .home-resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .home-resource-card { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 14px; align-items: start; min-width: 0; min-height: 130px; padding: 18px 48px 18px 18px; overflow: hidden; border: 1px solid #dce8f2; border-radius: 8px; background: #fff; color: #14233c; box-shadow: 0 9px 20px rgba(28, 73, 115, .06); transition: transform .14s ease, box-shadow .14s ease; } .home-resource-card:hover { transform: translateY(-2px); box-shadow: 0 14px 26px rgba(28, 73, 115, .12); } .home-resource-card:after { content: ">"; position: absolute; right: 14px; bottom: 14px; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; background: #eef5ff; color: #1d66c7; font-weight: 900; } .home-resource-card b { grid-row: span 2; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 8px; background: #e8f2ff; color: #1d66c7; font-size: 20px; font-weight: 900; } .home-resource-card:nth-child(2n) b { background: #e7f8ee; color: #0b6b3e; } .home-resource-card:nth-child(3n) b { background: #fff0cc; color: #b66800; } .home-resource-card:nth-child(4n) b { background: #efe6ff; color: #7435ba; } .home-resource-card strong { display: block; color: #12213d; font-size: 20px; line-height: 1.22; } .home-resource-card span { display: block; margin-top: 7px; color: #536174; line-height: 1.4; } .home-testprep-section { background: #123b63; color: #fff; } .home-testprep-section .container { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(0, 1fr); gap: 30px; align-items: center; } .home-testprep-copy span { color: #9be4bb; } .home-testprep-copy h2, .home-testprep-copy p { color: #fff; } .home-testprep-copy p { color: #e2edf8; } .home-testprep-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; } .home-testprep-grid a { position: relative; display: flex; align-items: center; min-height: 52px; padding: 12px 38px 12px 13px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .22); border-radius: 8px; background: rgba(255, 255, 255, .11); color: #fff; box-shadow: none; font-weight: 900; line-height: 1.2; } .home-testprep-grid a:after { content: ">"; position: absolute; right: 10px; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 8px; background: rgba(255, 255, 255, .18); color: #fff; } .home-books-carousel-section { padding: 52px 0 60px; overflow: hidden; background: linear-gradient(180deg, #fffdf7 0%, #eef8ff 100%); color: #14233c; } .home-books-heading { max-width: 850px; margin: 0 auto 24px; text-align: center; } .home-books-heading span { color: #b66800; } .home-books-heading h2 { color: #12213d; } .home-books-heading p { max-width: 780px; color: #536174; } .home-book-rail { overflow: hidden; padding: 14px 0 22px; mask-image: linear-gradient(to right, transparent 0%, #000 5%, #000 95%, transparent 100%); } .home-book-track { display: flex; gap: 16px; width: max-content; animation: homeBookSlide 46s linear infinite; } .home-book-card { position: relative; display: grid; grid-template-rows: auto auto auto 1fr auto; flex: 0 0 224px; min-height: 414px; padding: 14px; border: 1px solid #dce8f2; border-radius: 8px; background: #fff; color: #14233c; box-shadow: 0 12px 26px rgba(28, 73, 115, .12); } .home-book-ribbon { display: inline-flex; justify-self: start; margin-bottom: 10px; padding: 6px 9px; border-radius: 8px; background: #fff0cc; color: #a95d00; font-size: 12px; font-weight: 900; text-transform: uppercase; } .home-book-cover { display: flex; align-items: center; justify-content: center; min-height: 192px; margin-bottom: 12px; border-radius: 8px; background: #f5f8fb; } .home-book-cover img { display: block; width: auto; max-width: 145px; max-height: 185px; object-fit: contain; box-shadow: 0 10px 18px rgba(17, 32, 61, .16); } .home-book-card strong { display: block; color: #12213d; font-size: 18px; line-height: 1.24; } .home-book-card em { display: block; margin-top: 8px; color: #536174; font-size: 14px; font-style: normal; font-weight: 700; line-height: 1.4; } .home-book-button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; margin-top: 12px; padding: 10px 12px; border-radius: 8px; background: #1d66c7; color: #fff; font-weight: 900; } .home-teacher-section { background: #fff; } .home-teacher-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; padding: 28px; border: 1px solid #dce8f2; border-left: 7px solid #0aa7a3; border-radius: 8px; background: #f3fffe; box-shadow: 0 12px 28px rgba(28, 73, 115, .08); } #popular-paths, #popular-test-prep { scroll-margin-top: 100px; } @media(max-width: 1180px) { .home-impact-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .home-testprep-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .home-book-card { flex-basis: 218px; } } @media(max-width: 900px) { .home-hero-layout, .home-testprep-section .container, .home-teacher-card { grid-template-columns: 1fr; } .home-hero-panel { max-width: 620px; } .home-guided-hero h1 { font-size: 46px; } .home-path-grid-compact, .home-resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-section-heading, .home-books-heading { text-align: left; } } @media(max-width: 680px) { html, body, .home-page-body { max-width: 100%; overflow-x: hidden; } .home-guided-hero { padding: 84px 0 32px; } .home-guided-hero .container { width: 100%; max-width: 100%; padding-right: 10px; padding-left: 10px; } .home-hero-layout, .home-hero-copy, .home-hero-panel, .home-path-finder-card, .home-guided-hero .search-box, .home-guided-hero .search-box form { width: 100%; max-width: 100%; min-width: 0; } .home-eyebrow { display: block; max-width: 100%; border-radius: 8px; font-size: 12px; line-height: 1.35; white-space: normal; overflow-wrap: anywhere; } .home-guided-hero h1 { font-size: 36px; line-height: 1.08; max-width: 100%; white-space: normal; overflow-wrap: break-word; } .home-guided-hero .intro-title-top { font-size: 17px; line-height: 1.5; max-width: 100%; overflow-wrap: break-word; } .home-guided-hero .search-box form { flex-direction: column; } .home-guided-hero .search-box .form-control, .home-guided-hero .search-box .btn { width: 100%; height: 54px; } .home-hero-actions { align-items: stretch; } .home-hero-action { width: 100%; } .home-quick-links { flex-wrap: nowrap; max-width: 100%; overflow-x: auto; padding-bottom: 5px; } .home-quick-links a { flex: 0 0 auto; } .home-path-finder-card h2 { font-size: 26px; max-width: 100%; overflow-wrap: break-word; } .home-path-finder-links a { grid-template-columns: 42px minmax(0, 1fr); } .home-path-finder-links strong, .home-path-finder-links span { min-width: 0; overflow-wrap: break-word; } .home-impact-grid, .home-path-grid-compact, .home-resource-grid, .home-testprep-grid { grid-template-columns: 1fr; } .home-impact-card { min-height: 112px; } .home-impact-card strong { margin-top: 10px; font-size: 30px; } .home-section-heading h2, .home-testprep-copy h2, .home-teacher-card h2, .home-books-heading h2 { font-size: 28px; } .home-path-card, .home-resource-card { min-height: 0; } .home-book-card { flex-basis: 232px; min-height: 405px; } } /* Resource finder centers */ .em-resource-center { max-width: 1220px; margin: 0 auto; padding: 36px 15px 58px; color: #14233c; } .em-resource-hero { padding: 34px; border: 1px solid #d6e5f0; border-radius: 8px; background: linear-gradient(180deg, #fbfdff 0%, #eef8ff 100%); box-shadow: 0 14px 34px rgba(28, 73, 115, .1); } .em-resource-hero > span, .em-resource-note span { display: inline-flex; margin-bottom: 10px; padding: 7px 11px; border-radius: 999px; background: #eaf9ef; color: #0b6b3e; font-size: 13px; font-weight: 900; text-transform: uppercase; } .em-resource-hero h1 { max-width: 840px; margin: 0; color: #12213d; font-size: 44px; line-height: 1.08; letter-spacing: 0; } .em-resource-hero p { max-width: 880px; margin: 14px 0 0; color: #41536a; font-size: 19px; line-height: 1.6; } .em-resource-hero label { display: block; margin: 24px 0 9px; color: #12213d; font-weight: 900; } .em-resource-search-row { display: flex; gap: 10px; max-width: 780px; } .em-resource-search { flex: 1 1 auto; min-width: 0; height: 58px; padding: 13px 16px; border: 2px solid #cfe0ef; border-radius: 8px; background: #fff; color: #14233c; font-size: 17px; box-shadow: 0 10px 24px rgba(38, 80, 120, .1); } .em-resource-search:focus { border-color: #2f8bd6; box-shadow: 0 0 0 4px rgba(47, 139, 214, .14), 0 10px 24px rgba(38, 80, 120, .1); } .em-resource-clear { flex: 0 0 110px; height: 58px; border: 0; border-radius: 8px; background: #138a4e; color: #fff; cursor: pointer; font-weight: 900; } .em-resource-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; } .em-resource-chips button { min-height: 34px; padding: 7px 12px; border: 1px solid #ccdde9; border-radius: 999px; background: #fff; color: #153b5f; cursor: pointer; font-weight: 900; } .em-resource-results { margin-top: 28px; } .em-resource-count { margin-bottom: 14px; color: #526174; font-weight: 900; } .em-resource-count strong { color: #12213d; font-size: 24px; } .em-resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .em-resource-card { position: relative; min-height: 178px; padding: 20px 50px 20px 20px; border: 1px solid #dce8f2; border-left: 7px solid #1d66c7; border-radius: 8px; background: #fff; color: #14233c; box-shadow: 0 10px 22px rgba(28, 73, 115, .07); transition: transform .14s ease, box-shadow .14s ease; } .em-resource-card:nth-child(3n/**/+2) { border-left-color: #13a36e; background: #f7fff9; } .em-resource-card:nth-child(3n/**/+3) { border-left-color: #f29b18; background: #fffaf0; } .em-resource-card:hover { transform: translateY(-3px); box-shadow: 0 16px 30px rgba(28, 73, 115, .14); } .em-resource-card:after { content: ">"; position: absolute; right: 16px; bottom: 16px; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; background: #12213d; color: #fff; font-weight: 900; } .em-resource-card span { display: block; margin-bottom: 9px; color: #5a6879; font-size: 13px; font-weight: 900; text-transform: uppercase; } .em-resource-card strong { display: block; color: #12213d; font-size: 21px; line-height: 1.2; } .em-resource-card em { display: block; margin-top: 10px; color: #526174; font-size: 15px; font-style: normal; line-height: 1.45; } .em-resource-card[hidden], .em-resource-empty[hidden] { display: none !important; } .em-resource-empty { margin: 18px 0 0; padding: 16px; border: 1px solid #f0d6a6; border-radius: 8px; background: #fffaf0; color: #6e4a05; font-weight: 800; } .em-resource-note { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: center; margin-top: 28px; padding: 24px; border: 1px solid #dce8f2; border-left: 7px solid #0aa7a3; border-radius: 8px; background: #f3fffe; } .em-resource-note h2 { margin: 0; color: #12213d; font-size: 28px; line-height: 1.15; } .em-resource-note p { margin: 8px 0 0; color: #526174; font-size: 17px; line-height: 1.5; } .em-resource-note a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 18px; border-radius: 8px; background: #1d66c7; color: #fff; font-weight: 900; } @media(max-width: 980px) { .em-resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .em-resource-note { grid-template-columns: 1fr; } } @media(max-width: 680px) { .em-resource-center { padding: 24px 10px 42px; } .em-resource-hero { padding: 22px; } .em-resource-hero h1 { font-size: 32px; } .em-resource-hero p { font-size: 17px; } .em-resource-search-row { flex-direction: column; } .em-resource-search, .em-resource-clear { width: 100%; } .em-resource-clear { flex: 0 0 auto; height: 56px; } .em-resource-grid { grid-template-columns: 1fr; } .em-resource-card { min-height: 0; } } /* Free resources directory */ .free-resources-page-body .page-intro { padding: 72px 0 24px; } .free-resources-page-body .post-page { padding: 34px 0 64px; } .free-resources-page-body .post-page .container { max-width: 1280px; } .free-resources-page-body .post-wrapper { max-width: none; padding: 0; } .free-resources-page-body .entry { line-height: 1.5; } .em-resource-center-free { max-width: 1240px; } .em-resource-center-free .em-resource-hero { position: relative; overflow: hidden; border-color: #cfe3ef; background: radial-gradient(circle at 12% 8%, rgba(255, 210, 42, .28) 0 14%, transparent 30%), radial-gradient(circle at 92% 18%, rgba(32, 111, 208, .14) 0 16%, transparent 34%), linear-gradient(135deg, #ffffff 0%, #f2fbf7 54%, #eef6ff 100%); } .em-resource-center-free .em-resource-hero > span { background: #fff0b8; color: #7c2d12; } .em-resource-center-free .em-resource-hero h1 { max-width: 920px; text-align: left; } .em-resource-center-free .em-resource-hero p { text-align: left; } .em-resource-center-free .em-resource-count { display: inline-flex; align-items: center; min-height: 38px; padding: 7px 13px; border: 1px solid #d8e5ef; border-radius: 999px; background: #fff; box-shadow: 0 8px 18px rgba(16, 32, 51, .05); } .em-resource-center-free .em-resource-grid { gap: 18px; } .em-resource-center-free .em-resource-card { display: flex; min-height: 246px; flex-direction: column; padding: 22px; border-top: 7px solid #1d66c7; border-left-width: 1px; } .em-resource-center-free .em-resource-card:nth-child(3n/**/+2) { border-top-color: #13a36e; } .em-resource-center-free .em-resource-card:nth-child(3n/**/+3) { border-top-color: #f29b18; } .em-resource-center-free .em-resource-card:after { content: none; } .em-resource-center-free .em-resource-card span { width: fit-content; padding: 7px 10px; border-radius: 999px; background: #eef5ff; color: #1d66c7; line-height: 1; } .em-resource-center-free .em-resource-card:nth-child(3n/**/+2) span { background: #eaf9ef; color: #0b6b3e; } .em-resource-center-free .em-resource-card:nth-child(3n/**/+3) span { background: #fff3d8; color: #a15d00; } .em-resource-center-free .em-resource-card strong { font-size: 22px; } .em-resource-center-free .em-resource-card em { margin-bottom: 18px; } .em-resource-center-free .em-resource-card b { display: inline-flex; width: fit-content; min-height: 40px; margin-top: auto; align-items: center; justify-content: center; padding: 10px 14px; border-radius: 8px; background: #12213d; color: #fff; font-size: 14px; font-weight: 900; line-height: 1.1; } .em-resource-center-free .em-resource-card[id] { scroll-margin-top: 96px; } .em-resource-note-free { background: linear-gradient(135deg, #f3fffe 0%, #fffaf0 100%); } @media(max-width: 680px) { .em-resource-center-free .em-resource-card { min-height: 0; padding: 19px; } .em-resource-center-free .em-resource-card strong { font-size: 20px; } } /* Homepage hero simplification */ .home-guided-hero { padding: 86px 0 34px; } .home-guided-hero .container { max-width: 1040px; } .home-hero-layout { display: block; max-width: 880px; margin: 0 auto; } .home-hero-copy { max-width: 880px; margin: 0 auto; text-align: center; } .home-eyebrow { margin-bottom: 14px; padding: 7px 12px; border-color: #c9e8d2; background: #f2fbf5; box-shadow: none; font-size: 12px; } .home-guided-hero h1 { max-width: 720px; margin: 0 auto; font-size: 52px; line-height: 1.05; } .home-guided-hero .intro-title-top { max-width: 760px; margin: 16px auto 0; font-size: 19px; line-height: 1.55; } .home-search-label { margin-top: 24px; text-align: center; } .home-guided-hero .search-box, .home-guided-hero .search-box form { max-width: 720px; margin-right: auto; margin-left: auto; } .home-guided-hero .search-box .form-control, .home-guided-hero .search-box .btn { height: 56px; } .home-hero-actions { justify-content: center; margin-top: 16px; } .home-hero-action { min-height: 44px; padding: 11px 17px; } .home-quick-links { justify-content: center; max-width: 650px; margin: 14px auto 0; } .home-hero-panel { display: none; } @media(max-width: 680px) { .home-guided-hero { padding: 78px 0 28px; } .home-hero-copy { text-align: left; } .home-eyebrow { display: inline-flex; width: auto; max-width: 100%; } .home-guided-hero h1 { margin-right: 0; margin-left: 0; font-size: 34px; } .home-guided-hero .intro-title-top { margin-right: 0; margin-left: 0; font-size: 17px; } .home-search-label { text-align: left; } .home-hero-actions { gap: 8px; } .home-hero-action { width: auto; flex: 1 1 150px; } .home-quick-links { justify-content: flex-start; margin-left: 0; } } /* Exam online center quiz cards */ .em-exam-center .emged-tests { width: 100%; } .em-exam-center .emged-h3 { margin: 0 0 10px; color: #102033; font-size: 1.85rem; line-height: 1.18; } .em-exam-center .emged-sub { max-width: 900px; margin: 0 0 18px; color: #52616f; font-size: 1.05rem; line-height: 1.55; } .em-exam-center .emged-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); gap: 16px; margin: 18px 0 0; } .em-exam-center .emged-card { position: relative; display: flex; min-height: 245px; overflow: hidden; border: 1px solid var(--cr, #d8e2ea); border-radius: 8px; background: linear-gradient(180deg, var(--cs, #f8fafc) 0%, #fff 88%); box-shadow: 0 10px 26px rgba(16, 32, 51, .08); color: #102033 !important; text-decoration: none !important; transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease; } .em-exam-center .emged-card:hover { border-color: var(--c, #0f766e); box-shadow: 0 18px 38px rgba(16, 32, 51, .14); text-decoration: none !important; transform: translateY(-3px); } .em-exam-center .emged-stripe { flex: 0 0 7px; width: 7px; background: var(--c, #0f766e); } .em-exam-center .emged-body { display: flex; flex: 1 1 auto; min-width: 0; flex-direction: column; padding: 18px 18px 17px; } .em-exam-center .emged-toprow { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; margin: 0 0 14px; } .em-exam-center .emged-num, .em-exam-center .emged-flag { display: inline-flex; align-items: center; justify-content: center; min-height: 28px; border-radius: 999px; padding: 6px 9px; font-size: .74rem; font-weight: 900; line-height: 1; text-transform: uppercase; white-space: nowrap; } .em-exam-center .emged-num { background: var(--c, #0f766e); color: #fff; } .em-exam-center .emged-flag { border: 1px solid var(--cr, #d8e2ea); background: #fff; color: var(--cd, #134e4a); } .em-exam-center .emged-title { margin: 0 0 9px; color: #102033; font-size: 1.17rem; font-weight: 900; line-height: 1.25; } .em-exam-center .emged-blurb { margin: 0 0 14px; color: #52616f; font-size: .96rem; font-weight: 600; line-height: 1.45; } .em-exam-center .emged-meta { display: grid; gap: 7px; margin: auto 0 16px; padding: 0; color: #334155; font-size: .94rem; font-weight: 800; list-style: none; } .em-exam-center .emged-meta li { margin: 0; padding: 0; } .em-exam-center .emged-body p { margin: 0; } .em-exam-center .emged-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; border-radius: 6px; padding: 9px 12px; background: var(--c, #0f766e); color: #fff; font-size: .95rem; font-weight: 900; line-height: 1.1; box-shadow: 0 8px 18px rgba(16, 32, 51, .12); } @media(max-width: 680px) { .em-exam-center .emged-grid { grid-template-columns: 1fr; gap: 12px; } .em-exam-center .emged-card { min-height: 0; } } /* Homepage trust story */ .home-proof-section { padding: 56px 0 58px; border-top: 1px solid #dfeaf4; border-bottom: 1px solid #dfeaf4; background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%); } .home-proof-section .container { max-width: 1220px; } .home-proof-shell { color: #12213d; } .home-proof-top { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(280px, .72fr); gap: 42px; align-items: center; } .home-proof-eyebrow { display: inline-flex; margin: 0 0 16px; padding: 8px 13px; border-radius: 999px; background: #fff3c4; color: #7c2d12; font-size: 13px; font-weight: 900; line-height: 1.1; text-transform: uppercase; } .home-proof-copy h2 { max-width: 790px; margin: 0 0 15px; color: #12213d; font-size: 40px; font-weight: 900; line-height: 1.13; } .home-proof-copy p { max-width: 840px; margin: 0; color: #536274; font-size: 20px; line-height: 1.58; } .home-proof-art { margin: 0; text-align: center; } .home-proof-art img { display: block; width: min(100%, 430px); height: auto; margin-left: auto; } .home-proof-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; margin: 42px 0 0; } .home-proof-stat { position: relative; min-width: 0; padding: 6px 12px 26px; text-align: center; } .home-proof-stat:after { content: ""; position: absolute; right: 12%; bottom: 0; left: 12%; height: 4px; border-radius: 999px; background: #ffd42a; } .home-proof-icon { display: inline-flex; width: 54px; height: 54px; margin: 0 0 12px; align-items: center; justify-content: center; color: #475569; } .home-proof-icon svg { display: block; width: 54px; height: 54px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; } .home-proof-stat strong { display: block; color: #101827; font-size: 28px; font-weight: 900; line-height: 1.12; } .home-proof-stat > span:last-child { display: block; margin: 10px auto 0; max-width: 220px; color: #536274; font-size: 15px; font-weight: 800; line-height: 1.35; } .home-proof-process { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 34px 0 0; } .home-proof-process div { padding: 20px 22px; border: 1px solid #d8e2ea; border-left: 5px solid #0f8a78; border-radius: 8px; background: #fff; box-shadow: 0 8px 22px rgba(16, 32, 51, .05); } .home-proof-process strong { display: block; margin: 0 0 9px; color: #12213d; font-size: 18px; font-weight: 900; line-height: 1.25; } .home-proof-process span { display: block; color: #536274; font-size: 16px; font-weight: 700; line-height: 1.48; } @media(max-width: 1080px) { .home-proof-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); } .home-proof-process { grid-template-columns: 1fr; } } @media(max-width: 820px) { .home-proof-section { padding: 42px 0 46px; } .home-proof-top { grid-template-columns: 1fr; gap: 24px; } .home-proof-copy h2 { font-size: 32px; } .home-proof-copy p { font-size: 18px; } .home-proof-art img { margin-right: auto; margin-left: 0; } .home-proof-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 30px; } } @media(max-width: 520px) { .home-proof-eyebrow { border-radius: 8px; font-size: 12px; } .home-proof-copy h2 { font-size: 28px; } .home-proof-stats { grid-template-columns: 1fr; } .home-proof-stat { padding-right: 8px; padding-left: 8px; } .home-proof-process div { padding: 18px; } } /* State Learning Centers */ body:is(.alabama-page-body,.alaska-page-body,.arizona-page-body,.arkansas-page-body,.california-page-body,.colorado-page-body,.connecticut-page-body,.delaware-page-body,.florida-page-body,.georgia-page-body,.hawaii-page-body,.idaho-page-body,.illinois-page-body,.indiana-page-body,.iowa-page-body,.kansas-page-body,.kentucky-page-body,.louisiana-page-body,.maine-page-body,.maryland-page-body,.massachusetts-page-body,.michigan-page-body,.minnesota-page-body,.mississippi-page-body,.missouri-page-body,.montana-page-body,.nebraska-page-body,.nevada-page-body,.new-hampshire-page-body,.new-jersey-page-body,.new-mexico-page-body,.new-york-page-body,.north-carolina-page-body,.north-dakota-page-body,.ohio-page-body,.oklahoma-page-body,.oregon-page-body,.pennsylvania-page-body,.rhode-island-page-body,.south-carolina-page-body,.south-dakota-page-body,.tennessee-page-body,.texas-page-body,.utah-page-body,.vermont-page-body,.virginia-page-body,.washington-page-body,.west-virginia-page-body,.wisconsin-page-body,.wyoming-page-body) .jumbotron.page-intro { display: none !important; } body:is(.alabama-page-body,.alaska-page-body,.arizona-page-body,.arkansas-page-body,.california-page-body,.colorado-page-body,.connecticut-page-body,.delaware-page-body,.florida-page-body,.georgia-page-body,.hawaii-page-body,.idaho-page-body,.illinois-page-body,.indiana-page-body,.iowa-page-body,.kansas-page-body,.kentucky-page-body,.louisiana-page-body,.maine-page-body,.maryland-page-body,.massachusetts-page-body,.michigan-page-body,.minnesota-page-body,.mississippi-page-body,.missouri-page-body,.montana-page-body,.nebraska-page-body,.nevada-page-body,.new-hampshire-page-body,.new-jersey-page-body,.new-mexico-page-body,.new-york-page-body,.north-carolina-page-body,.north-dakota-page-body,.ohio-page-body,.oklahoma-page-body,.oregon-page-body,.pennsylvania-page-body,.rhode-island-page-body,.south-carolina-page-body,.south-dakota-page-body,.tennessee-page-body,.texas-page-body,.utah-page-body,.vermont-page-body,.virginia-page-body,.washington-page-body,.west-virginia-page-body,.wisconsin-page-body,.wyoming-page-body) .post-page { padding-top: 34px !important; } .em-state-center { width: min(94vw, 1320px); max-width: 1320px; margin: 0 auto 48px; position: relative; left: 50%; transform: translateX(-50%); color: #12213a; font-family: Arial, sans-serif; } .em-state-center * { box-sizing: border-box; } .em-state-center a { text-decoration: none; } .em-state-hero { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 24px; align-items: stretch; margin: 12px 0 22px; padding: 34px; border: 1px solid #d7e7f4; border-radius: 18px; background: linear-gradient(135deg, #f7fcff 0%, #eef8ef 52%, #fff8db 100%); box-shadow: 0 18px 42px rgba(18, 33, 58, .08); } .em-state-hero-copy { display: flex; min-width: 0; flex-direction: column; justify-content: center; } .em-state-kicker, .em-state-section-head span, .em-state-teacher-card span { display: inline-flex; width: fit-content; max-width: 100%; padding: 8px 14px; border-radius: 999px; background: #fff1b8; color: #8a3a12; font-size: 13px; line-height: 1.2; font-weight: 900; letter-spacing: 0; text-transform: uppercase; } .em-state-hero h1 { max-width: 820px; margin: 18px 0 16px; color: #12213a; font-size: clamp(36px, 4.4vw, 64px); line-height: 1.02; letter-spacing: 0; } .em-state-hero p, .em-state-section-head p, .em-state-teacher-card p { max-width: 820px; margin: 0; color: #43566f; font-size: 19px; line-height: 1.65; font-weight: 650; } .em-state-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; } .em-state-actions a, .em-state-teacher-card a { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 13px 18px; border: 1px solid #bfd5e9; border-radius: 10px; background: #fff; color: #0d6239; font-size: 16px; line-height: 1.2; font-weight: 900; box-shadow: 0 7px 18px rgba(18, 33, 58, .06); } .em-state-actions .em-state-action-primary, .em-state-teacher-card a { border-color: #157a47; background: #157a47; color: #fff !important; box-shadow: 0 12px 24px rgba(21, 122, 71, .18); } .em-state-hero-panel { display: flex; min-width: 0; flex-direction: column; justify-content: center; gap: 12px; padding: 24px; border: 1px solid #c8dcf0; border-radius: 14px; background: rgba(255, 255, 255, .86); } .em-state-hero-panel strong { display: block; margin-bottom: 4px; color: #12213a; font-size: 24px; line-height: 1.2; font-weight: 900; } .em-state-hero-panel a { display: flex; min-height: 58px; align-items: center; gap: 12px; padding: 12px; border: 1px solid #d8e6f2; border-radius: 12px; background: #f8fbff; color: #12213a; font-size: 16px; line-height: 1.25; font-weight: 900; } .em-state-hero-panel a:nth-child(3n) { background: #f1fbf4; } .em-state-hero-panel a:nth-child(4n) { background: #fff8e7; } .em-state-hero-panel span { display: inline-flex; width: 36px; height: 36px; flex: 0 0 36px; align-items: center; justify-content: center; border-radius: 10px; background: #2368c9; color: #fff; font-weight: 900; } .em-state-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 0 0 30px; } .em-state-stats div { min-height: 118px; padding: 19px 16px; border: 1px solid #d9e5ef; border-radius: 14px; background: #fff; box-shadow: 0 10px 22px rgba(18, 33, 58, .06); } .em-state-stats span { display: block; margin-bottom: 8px; color: #10213a; font-size: 28px; line-height: 1.1; font-weight: 900; } .em-state-stats strong { display: block; color: #526276; font-size: 14px; line-height: 1.35; font-weight: 800; } .em-state-section { margin: 34px 0; } .em-state-section-head { margin-bottom: 16px; } .em-state-section-head h2, .em-state-teacher-card h2 { margin: 12px 0 8px; color: #12213a; font-size: 32px; line-height: 1.14; letter-spacing: 0; } .em-state-grade-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; } .em-state-grade-grid a, .em-state-resource-grid a, .em-state-test-grid a, .em-state-product-grid a { display: flex; min-width: 0; flex-direction: column; border: 1px solid #d9e5ef; border-radius: 14px; background: #fff; color: #12213a; box-shadow: 0 10px 22px rgba(18, 33, 58, .06); transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease; } .em-state-grade-grid a:hover, .em-state-resource-grid a:hover, .em-state-test-grid a:hover, .em-state-product-grid a:hover { transform: translateY(-3px); border-color: #93c8ef; box-shadow: 0 16px 30px rgba(18, 33, 58, .12); } .em-state-grade-grid a { min-height: 142px; padding: 16px; border-top: 5px solid #2368c9; } .em-state-grade-grid span, .em-state-resource-grid span { display: inline-flex; width: fit-content; margin-bottom: 12px; padding: 7px 10px; border-radius: 999px; background: #eaf2ff; color: #16498f; font-size: 13px; line-height: 1; font-weight: 900; } .em-state-grade-grid strong, .em-state-resource-grid strong, .em-state-test-grid strong, .em-state-product-grid strong { display: block; margin-bottom: 8px; color: #12213a; font-size: 19px; line-height: 1.2; font-weight: 900; } .em-state-grade-grid em, .em-state-resource-grid em, .em-state-test-grid em, .em-state-product-grid em { display: block; color: #526276; font-size: 15px; line-height: 1.4; font-style: normal; font-weight: 700; } .em-state-resource-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .em-state-resource-grid a { min-height: 174px; padding: 18px; border-left: 5px solid #0d8a78; } .em-state-resource-grid a:nth-child(2n) { border-left-color: #2368c9; } .em-state-resource-grid a:nth-child(3n) { border-left-color: #f5a400; } .em-state-resource-grid span { width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 12px; background: #eef8ef; color: #0d6239; font-size: 14px; } .em-state-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(290px, 380px); gap: 20px; align-items: stretch; } .em-state-standard-group, .em-state-teacher-card { padding: 22px; border: 1px solid #d9e5ef; border-radius: 14px; background: #fff; box-shadow: 0 10px 22px rgba(18, 33, 58, .06); } .em-state-standard-group h3 { margin: 0 0 11px; color: #12213a; font-size: 21px; line-height: 1.2; } .em-state-standard-group h3:not(:first-child) { margin-top: 22px; } .em-state-chip-grid { display: flex; flex-wrap: wrap; gap: 9px; } .em-state-chip-grid a { display: inline-flex; min-height: 40px; align-items: center; padding: 9px 12px; border: 1px solid #c8dcf0; border-radius: 999px; background: #f8fbff; color: #15406f; font-size: 14px; line-height: 1.2; font-weight: 900; } .em-state-teacher-card { display: flex; flex-direction: column; justify-content: center; border-left: 6px solid #0d8a78; background: #f8fbff; } .em-state-teacher-card a { width: fit-content; margin-top: 18px; } .em-state-test-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .em-state-test-grid a { min-height: 124px; padding: 17px; border-top: 5px solid #f5a400; } .em-state-test-grid a:nth-child(3n) { border-top-color: #0d8a78; } .em-state-test-grid a:nth-child(4n) { border-top-color: #2368c9; } .em-state-product-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; } .em-state-product-grid a { min-height: 100%; padding: 14px; } .em-state-product-cover { display: flex; width: 100%; min-height: 170px; align-items: center; justify-content: center; margin-bottom: 12px; border-radius: 10px; background: #f4f8fc; } .em-state-product-cover img { display: block; width: auto; max-width: 100%; height: auto; max-height: 168px; border-radius: 7px; } .em-state-product-placeholder { display: inline-flex; width: 72px; height: 72px; align-items: center; justify-content: center; border-radius: 18px; background: #2368c9; color: #fff; font-size: 32px; font-weight: 900; } .em-state-product-grid span:not(.em-state-product-placeholder) { display: inline-flex; width: fit-content; margin-top: auto; padding: 9px 11px; border-radius: 999px; background: #eef8ef; color: #0d6239; font-size: 13px; line-height: 1; font-weight: 900; } @media(max-width: 1180px) { .em-state-stats, .em-state-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .em-state-grade-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .em-state-resource-grid, .em-state-test-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media(max-width: 860px) { .em-state-center { width: min(92vw, 720px); } .em-state-hero, .em-state-two { grid-template-columns: 1fr; } .em-state-hero { padding: 24px; } .em-state-stats, .em-state-grade-grid, .em-state-resource-grid, .em-state-test-grid, .em-state-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media(max-width: 560px) { .em-state-center { width: min(92vw, 360px); margin-bottom: 36px; } .em-state-hero { padding: 20px 16px; border-radius: 14px; } .em-state-hero h1 { font-size: 34px; } .em-state-hero p, .em-state-section-head p, .em-state-teacher-card p { font-size: 16px; } .em-state-actions a, .em-state-teacher-card a { width: 100%; } .em-state-stats, .em-state-grade-grid, .em-state-resource-grid, .em-state-test-grid, .em-state-product-grid { grid-template-columns: 1fr; } .em-state-section-head h2, .em-state-teacher-card h2 { font-size: 26px; } .em-state-product-cover { min-height: 150px; } } .em-aleks-practice-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 16px; } .em-aleks-practice-stats div { min-height: 94px; padding: 17px 16px; border: 1px solid #d9e5ef; border-radius: 8px; background: #fff; box-shadow: 0 10px 22px rgba(18, 33, 58, .06); } .em-aleks-practice-stats strong { display: block; margin-bottom: 5px; color: #0f6f42; font-size: 30px; line-height: 1; font-weight: 900; } .em-aleks-practice-stats span { display: block; color: #526276; font-size: 15px; line-height: 1.35; font-weight: 800; } .em-aleks-test-strip { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin: 0 0 24px; } .em-aleks-test-strip a { display: flex; min-height: 104px; flex-direction: column; padding: 14px; border: 1px solid #d9e5ef; border-top: 5px solid #0d8a78; border-radius: 8px; background: #fff; color: #12213a; box-shadow: 0 10px 22px rgba(18, 33, 58, .05); transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease; } .em-aleks-test-strip a:hover { transform: translateY(-3px); border-color: #93c8ef; box-shadow: 0 16px 30px rgba(18, 33, 58, .12); } .em-aleks-test-strip strong { display: block; margin-bottom: 7px; color: #12213a; font-size: 16px; line-height: 1.2; font-weight: 900; } .em-aleks-test-strip em { display: block; color: #526276; font-size: 13px; line-height: 1.35; font-style: normal; font-weight: 750; } .em-aleks-topic-section { padding-top: 4px; } .em-aleks-topic-groups { display: grid; gap: 18px; } .em-aleks-topic-group { padding: 18px; border: 1px solid #d9e5ef; border-radius: 8px; background: #f8fbff; box-shadow: 0 10px 22px rgba(18, 33, 58, .05); } .em-aleks-topic-group h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; color: #12213a; font-size: 22px; line-height: 1.2; font-weight: 900; } .em-aleks-topic-group h3:before { content: ""; width: 12px; height: 12px; flex: 0 0 12px; border-radius: 999px; background: var(--aleks-topic, #2368c9); } .em-aleks-topic-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .em-aleks-topic-card { display: flex; min-height: 170px; min-width: 0; flex-direction: column; padding: 16px; border: 1px solid #d9e5ef; border-top: 5px solid var(--aleks-topic, #2368c9); border-radius: 8px; background: #fff; color: #12213a; box-shadow: 0 8px 18px rgba(18, 33, 58, .05); } .em-aleks-topic-card[hidden] { display: none !important; } .em-aleks-topic-card span { display: inline-flex; width: fit-content; margin-bottom: 11px; padding: 7px 10px; border-radius: 999px; background: #eef8ef; color: #0d6239; font-size: 12px; line-height: 1; font-weight: 900; } .em-aleks-topic-card strong { display: block; margin-bottom: 8px; color: #12213a; font-size: 18px; line-height: 1.2; font-weight: 900; } .em-aleks-topic-card em { display: block; color: #526276; font-size: 14px; line-height: 1.35; font-style: normal; font-weight: 700; } .em-aleks-topic-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 14px; } .em-aleks-topic-actions a, .em-aleks-topic-actions button { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; padding: 8px 11px; border-radius: 999px; font-size: 13px; line-height: 1; font-weight: 900; cursor: pointer; } .em-aleks-topic-actions a { border: 1px solid #bdd4ec; background: #f8fbff; color: #15406f; } .em-aleks-topic-actions button { border: 1px solid var(--aleks-topic, #2368c9); background: var(--aleks-topic, #2368c9); color: #fff; } .em-practice-quiz-modal[hidden] { display: none !important; } .em-practice-quiz-modal { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 24px; } .em-practice-quiz-backdrop { position: absolute; inset: 0; border: 0; background: rgba(10, 19, 32, .72); cursor: pointer; } .em-practice-quiz-dialog { position: relative; z-index: 1; width: min(1040px, calc(100vw - 48px)); height: min(860px, 92vh); overflow: hidden; border-radius: 10px; background: #fff; box-shadow: 0 28px 70px rgba(0, 0, 0, .32); } .em-practice-quiz-bar { display: flex; min-height: 54px; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 14px 10px 18px; border-bottom: 1px solid #d9e5ef; background: #f8fbff; } .em-practice-quiz-bar strong { color: #12213a; font-size: 17px; line-height: 1.2; font-weight: 900; } .em-practice-quiz-close { min-height: 36px; padding: 8px 12px; border: 1px solid #bdd4ec; border-radius: 999px; background: #fff; color: #0d6239; font-weight: 900; cursor: pointer; } .em-practice-quiz-dialog iframe { display: block; width: 100%; height: calc(100% - 54px); border: 0; background: #fff; } @media(max-width: 1180px) { .em-aleks-test-strip, .em-aleks-topic-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media(max-width: 760px) { .em-aleks-practice-stats, .em-aleks-test-strip, .em-aleks-topic-grid { grid-template-columns: 1fr; } .em-practice-quiz-modal { padding: 10px; } .em-practice-quiz-dialog { width: calc(100vw - 20px); height: 94vh; } } /* Interactive Math Practice Center */ body.math-practice-page-body .jumbotron.page-intro { display: none !important; } body.math-practice-page-body .post-page { padding-top: 34px !important; } body.math-practice-page-body .post-page .container { max-width: min(94vw, 1320px) !important; } .em-math-practice-center { width: min(94vw, 1320px); max-width: 1320px; margin: 0 auto 52px; position: relative; left: 50%; transform: translateX(-50%); color: #12213a; font-family: Arial, sans-serif; } .em-math-practice-center * { box-sizing: border-box; } .em-math-practice-center a { text-decoration: none; } .em-math-practice-hero { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 24px; align-items: stretch; margin: 8px 0 18px; padding: 34px; border: 1px solid #d6e5f2; border-radius: 8px; background: linear-gradient(135deg, #f8fcff 0%, #f1faf2 50%, #fff5cc 100%); box-shadow: 0 18px 42px rgba(18, 33, 58, .08); } .em-math-practice-copy { min-width: 0; } .em-math-practice-kicker, .em-math-practice-group-head span, .em-math-practice-next span, .em-math-practice-grade-strip span { display: inline-flex; width: fit-content; max-width: 100%; padding: 8px 13px; border-radius: 999px; background: #fff1b8; color: #8a3a12; font-size: 13px; line-height: 1.1; font-weight: 900; letter-spacing: 0; text-transform: uppercase; } .em-math-practice-hero h2 { max-width: 850px; margin: 18px 0 16px; color: #12213a; font-size: clamp(40px, 4.8vw, 70px); line-height: 1.02; letter-spacing: 0; } .em-math-practice-hero p, .em-math-practice-group-head p, .em-math-practice-next p, .em-math-practice-grade-strip p { max-width: 840px; margin: 0; color: #43566f; font-size: 19px; line-height: 1.62; font-weight: 650; } .em-math-practice-search-wrap { margin-top: 24px; } .em-math-practice-search-wrap label { display: block; margin-bottom: 8px; color: #12213a; font-size: 16px; font-weight: 900; } .em-math-practice-search-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; max-width: 780px; } .em-math-practice-search-row input { width: 100%; min-height: 54px; padding: 0 17px; border: 2px solid #bdd4ec; border-radius: 8px; background: #fff; color: #12213a; font-size: 18px; font-weight: 700; } .em-math-practice-search-row button, .em-math-practice-chips button { border-radius: 8px; cursor: pointer; font-weight: 900; } .em-math-practice-search-row button { min-height: 54px; padding: 0 20px; border: 1px solid #bdd4ec; background: #fff; color: #0d6239; font-size: 16px; } .em-math-practice-chips { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 12px; } .em-math-practice-chips button { min-height: 38px; padding: 8px 13px; border: 1px solid #c8dcf0; background: #fff; color: #15406f; font-size: 14px; } .em-math-practice-panel { display: grid; grid-template-columns: 1fr; gap: 12px; min-width: 0; padding: 24px; border: 1px solid #c8dcf0; border-radius: 8px; background: rgba(255, 255, 255, .88); } .em-math-practice-panel strong { display: block; color: #12213a; font-size: 26px; line-height: 1.18; font-weight: 900; } .em-math-practice-panel div { padding: 16px; border: 1px solid #d8e6f2; border-radius: 8px; background: #f8fbff; } .em-math-practice-panel div:nth-child(3) { background: #f1fbf4; } .em-math-practice-panel div:nth-child(4) { background: #fff8e7; } .em-math-practice-panel span { display: block; margin-bottom: 3px; color: #0f6f42; font-size: 31px; line-height: 1; font-weight: 900; } .em-math-practice-panel em { display: block; color: #43566f; font-size: 15px; line-height: 1.3; font-style: normal; font-weight: 800; } .em-math-practice-proof { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 0 28px; } .em-math-practice-proof div, .em-math-practice-card, .em-math-practice-next, .em-math-practice-grade-strip, .em-math-practice-next-grid a { border: 1px solid #d9e5ef; border-radius: 8px; background: #fff; box-shadow: 0 10px 22px rgba(18, 33, 58, .06); } .em-math-practice-proof div { min-height: 118px; padding: 18px 16px; } .em-math-practice-proof strong { display: block; margin-bottom: 7px; color: #12213a; font-size: 18px; line-height: 1.2; font-weight: 900; } .em-math-practice-proof span { display: block; color: #526276; font-size: 15px; line-height: 1.4; font-weight: 750; } .em-math-practice-jump { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 30px; } .em-math-practice-jump a { display: inline-flex; min-height: 42px; align-items: center; padding: 9px 14px; border: 1px solid #c8dcf0; border-radius: 999px; background: #f8fbff; color: #15406f; font-size: 15px; line-height: 1.2; font-weight: 900; } .em-math-practice-count { margin-bottom: 16px; color: #43566f; font-size: 17px; font-weight: 850; } .em-math-practice-count strong { color: #12213a; } .em-math-practice-empty { padding: 18px; border: 1px solid #ffd6a6; border-radius: 8px; background: #fff8e7; color: #72410b; font-weight: 850; } .em-math-practice-group { margin: 34px 0; } .em-math-practice-group[hidden], .em-math-practice-card[hidden], .em-math-practice-empty[hidden] { display: none !important; } .em-math-practice-group-head { margin-bottom: 14px; } .em-math-practice-group-head h2, .em-math-practice-next h2, .em-math-practice-grade-strip h2 { margin: 12px 0 8px; color: #12213a; font-size: 32px; line-height: 1.14; letter-spacing: 0; } .em-math-practice-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .em-math-practice-card { display: flex; min-height: 196px; min-width: 0; flex-direction: column; padding: 18px; border-top: 5px solid #2368c9; color: #12213a; transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease; } .em-math-practice-card:hover, .em-math-practice-next-grid a:hover, .em-math-practice-grade-links a:hover, .em-math-practice-jump a:hover { transform: translateY(-3px); border-color: #93c8ef; box-shadow: 0 16px 30px rgba(18, 33, 58, .12); } .em-math-practice-card span { display: inline-flex; width: fit-content; margin-bottom: 12px; padding: 7px 10px; border-radius: 999px; background: #eaf2ff; color: #16498f; font-size: 13px; line-height: 1; font-weight: 900; } .em-math-practice-card strong, .em-math-practice-next-grid strong { display: block; margin-bottom: 8px; color: #12213a; font-size: 19px; line-height: 1.2; font-weight: 900; } .em-math-practice-card em, .em-math-practice-next-grid em { display: block; color: #526276; font-size: 15px; line-height: 1.4; font-style: normal; font-weight: 700; } .em-math-practice-card b { display: inline-flex; width: fit-content; margin-top: auto; padding: 9px 11px; border-radius: 999px; background: #eef8ef; color: #0d6239; font-size: 13px; line-height: 1; font-weight: 900; } .em-math-practice-next { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 22px; align-items: center; margin: 40px 0 28px; padding: 24px; background: #f8fbff; } .em-math-practice-next-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .em-math-practice-next-grid a { display: flex; min-height: 116px; flex-direction: column; padding: 15px; border-top: 5px solid #f5a400; color: #12213a; } .em-math-practice-next-grid a:nth-child(3n) { border-top-color: #0d8a78; } .em-math-practice-next-grid a:nth-child(4n) { border-top-color: #2368c9; } .em-math-practice-grade-strip { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 18px; align-items: center; padding: 24px; background: #fff; } .em-math-practice-grade-links { display: flex; flex-wrap: wrap; gap: 9px; } .em-math-practice-grade-links a { display: inline-flex; min-height: 40px; align-items: center; padding: 9px 12px; border: 1px solid #c8dcf0; border-radius: 999px; background: #f8fbff; color: #15406f; font-size: 14px; line-height: 1.2; font-weight: 900; transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease; } @media(max-width: 1180px) { .em-math-practice-grid, .em-math-practice-next-grid, .em-math-practice-proof { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media(max-width: 860px) { .em-math-practice-center { width: min(92vw, 720px); } .em-math-practice-hero, .em-math-practice-next, .em-math-practice-grade-strip { grid-template-columns: 1fr; } .em-math-practice-hero { padding: 24px; } } @media(max-width: 560px) { .em-math-practice-center { width: min(92vw, 360px); margin-bottom: 36px; } .em-math-practice-hero, .em-math-practice-next, .em-math-practice-grade-strip { padding: 20px 16px; } .em-math-practice-hero h2 { font-size: 35px; } .em-math-practice-hero p, .em-math-practice-group-head p, .em-math-practice-next p, .em-math-practice-grade-strip p { font-size: 16px; } .em-math-practice-search-row, .em-math-practice-grid, .em-math-practice-next-grid, .em-math-practice-proof { grid-template-columns: 1fr; } .em-math-practice-search-row button { width: 100%; } .em-math-practice-group-head h2, .em-math-practice-next h2, .em-math-practice-grade-strip h2 { font-size: 26px; } } /* Homepage mobile wrap guard */ @media(max-width: 680px) { .home-guided-hero, .home-proof-section, .home-guided-hero .container, .home-proof-section .container, .home-hero-layout, .home-hero-copy, .home-proof-shell, .home-proof-copy { max-width: 100%; min-width: 0; } .home-guided-hero h1, .home-guided-hero .intro-title-top, .home-proof-copy h2, .home-proof-copy p { max-width: 100%; white-space: normal; overflow-wrap: break-word; } .home-guided-hero h1 { font-size: 32px; } .home-proof-copy h2 { font-size: 28px; line-height: 1.18; } } /* Homepage hero art and precise path links */ .home-guided-hero .container { max-width: 1220px; } .home-hero-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(285px, .68fr); gap: 42px; max-width: 1160px; align-items: center; } .home-hero-copy { text-align: left; } .home-guided-hero h1, .home-guided-hero .intro-title-top, .home-guided-hero .search-box, .home-guided-hero .search-box form { margin-right: 0; margin-left: 0; } .home-guided-hero h1 { max-width: 680px; } .home-guided-hero .intro-title-top { max-width: 700px; } .home-search-label { text-align: left; } .home-hero-actions, .home-quick-links { justify-content: flex-start; } .home-quick-links { margin-left: 0; } .home-hero-art { position: relative; margin: 0; text-align: center; } .home-hero-art img { display: block; width: min(100%, 430px); height: auto; margin: 0 auto; filter: drop-shadow(0 18px 28px rgba(28, 73, 115, .14)); } .home-hero-art figcaption { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; margin-top: 8px; padding: 8px 13px; border: 1px solid #bde8cb; border-radius: 999px; background: #fff; color: #0b6b3e; font-size: 13px; font-weight: 900; line-height: 1.2; box-shadow: 0 8px 20px rgba(28, 73, 115, .08); } .home-proof-top { display: block; max-width: 940px; } .home-path-card-multi { padding-right: 20px; } .home-path-card-multi:after { content: none; } .home-path-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; } .home-path-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 7px 10px; border: 1px solid #cbdceb; border-radius: 999px; background: #fff; color: #123b62 !important; font-size: 13px; font-weight: 900; line-height: 1.1; text-decoration: none !important; box-shadow: 0 4px 10px rgba(28, 73, 115, .05); } .home-path-links a:hover { border-color: #2f8bd6; color: #0b5b9f !important; text-decoration: none !important; } @media(max-width: 980px) { .home-hero-layout { grid-template-columns: 1fr; gap: 24px; max-width: 760px; } .home-hero-art img { width: min(100%, 360px); margin-left: 0; } .home-hero-art { text-align: left; } } @media(max-width: 680px) { .home-hero-layout { display: grid; grid-template-columns: 1fr; } .home-hero-art img { width: min(100%, 330px); } .home-hero-art figcaption { border-radius: 8px; } } /* Homepage free-first redesign */ .home-guided-hero { overflow: hidden; padding: 70px 0 58px; border-bottom: 1px solid #dbe7f1; background: radial-gradient(circle at 18% 22%, rgba(255, 210, 42, .18) 0 18%, transparent 35%), radial-gradient(circle at 90% 12%, rgba(47, 139, 214, .12) 0 16%, transparent 34%), linear-gradient(180deg, #ffffff 0%, #f8fcff 100%); color: #102033; } .home-guided-hero:before, .home-guided-hero:after { content: none !important; display: none !important; } .home-guided-hero .container { max-width: 1280px; } .home-hero-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, .74fr); gap: 56px; max-width: 1200px; margin: 0 auto; align-items: center; } .home-hero-copy { max-width: 760px; text-align: left; } .home-eyebrow { display: inline-flex; margin: 0 0 18px; padding: 10px 16px; border: 0; border-radius: 999px; background: #fff0b8; color: #7c2d12; box-shadow: none; font-size: 13px; font-weight: 900; line-height: 1.1; letter-spacing: 0; text-transform: uppercase; } .home-guided-hero h1 { max-width: 760px; margin: 0; color: #102033; font-size: 48px; font-weight: 900; line-height: 1.08; letter-spacing: 0; } .home-guided-hero .intro-title-top { max-width: 760px; margin: 18px 0 0; color: #536274; font-size: 20px; font-weight: 600; line-height: 1.58; } .home-search-label { margin: 28px 0 10px; color: #102033; font-size: 16px; font-weight: 900; text-align: left; } .home-guided-hero .search-box { max-width: 760px; margin: 0; } .home-guided-hero .search-box form { display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: 10px; max-width: 760px; margin: 0; } .home-guided-hero .search-box .form-control { height: 58px; border: 2px solid #c7dcec; border-radius: 8px; color: #102033; font-size: 18px; box-shadow: 0 10px 26px rgba(16, 32, 51, .06); } .home-guided-hero .search-box .form-control:focus { border-color: #2076cf; box-shadow: 0 0 0 4px rgba(32, 118, 207, .14); } .home-guided-hero .search-box .btn { height: 58px; border: 0; border-radius: 8px; background: #12834f; color: #fff; font-size: 18px; font-weight: 900; box-shadow: 0 14px 24px rgba(18, 131, 79, .22); } .home-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; margin: 18px 0 0; } .home-hero-action { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 18px; border-radius: 8px; font-size: 16px; font-weight: 900; line-height: 1.1; text-decoration: none !important; } .home-guided-hero .home-hero-action-primary { background: #206fd0; color: #fff !important; box-shadow: 0 12px 22px rgba(32, 111, 208, .18); } .home-guided-hero .home-hero-action-secondary { border: 1px solid #c7dcec; background: #fff; color: #0f6c43 !important; } .home-quick-links { display: flex; flex-wrap: wrap; gap: 9px; justify-content: flex-start; max-width: 730px; margin: 17px 0 0; } .home-guided-hero .home-quick-links a { display: inline-flex; align-items: center; min-height: 34px; padding: 8px 13px; border: 1px solid #c7dcec; border-radius: 999px; background: #fff; color: #123b62 !important; font-size: 14px; font-weight: 900; line-height: 1.1; text-decoration: none !important; box-shadow: 0 6px 14px rgba(28, 73, 115, .05); } .home-hero-art { position: relative; margin: 0; text-align: center; } .home-hero-art img { display: block; width: min(100%, 500px); height: auto; margin: 0 auto; filter: drop-shadow(0 18px 30px rgba(28, 73, 115, .12)); } .home-hero-art figcaption { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; margin-top: 10px; padding: 9px 14px; border: 1px solid #bde8cb; border-radius: 999px; background: #fff; color: #0b6b3e; font-size: 14px; font-weight: 900; line-height: 1.2; box-shadow: 0 8px 20px rgba(28, 73, 115, .08); } .home-top-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; max-width: 1200px; margin: 56px auto 0; } .home-top-stats div { position: relative; min-width: 0; padding: 8px 14px 30px; text-align: center; } .home-top-stats div:after { content: ""; position: absolute; right: 14%; bottom: 0; left: 14%; height: 4px; border-radius: 999px; background: #ffd22a; } .home-top-stats strong { display: block; color: #101827; font-size: 28px; font-weight: 900; line-height: 1.14; } .home-top-stats > div > span:last-child { display: block; max-width: 260px; margin: 10px auto 0; color: #536274; font-size: 16px; font-weight: 700; line-height: 1.38; } .home-top-process { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; max-width: 1200px; margin: 36px auto 0; } .home-top-process div { min-width: 0; padding: 22px 24px; border: 1px solid #d8e2ea; border-left: 6px solid #0f8a78; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(16, 32, 51, .06); } .home-top-process strong { display: block; margin: 0 0 10px; color: #102033; font-size: 19px; font-weight: 900; line-height: 1.22; } .home-top-process span { display: block; color: #536274; font-size: 16px; font-weight: 700; line-height: 1.5; } .home-free-section { padding: 60px 0 62px; border-bottom: 1px solid #dce8f2; background: linear-gradient(135deg, rgba(230, 247, 241, .82), rgba(255, 250, 226, .66) 48%, rgba(239, 246, 255, .78)); } .home-free-section .container { max-width: 1220px; } .home-free-heading { max-width: 860px; margin: 0 auto 26px; text-align: center; } .home-free-heading span, .home-section-heading span, .home-testprep-copy span, .home-books-heading span, .home-teacher-card span { letter-spacing: 0; } .home-free-heading span { display: inline-flex; margin: 0 0 12px; padding: 8px 13px; border-radius: 999px; background: #fff; color: #0f6c43; font-size: 13px; font-weight: 900; line-height: 1.1; text-transform: uppercase; box-shadow: 0 8px 18px rgba(16, 32, 51, .06); } .home-free-heading h2 { margin: 0; color: #102033; font-size: 38px; font-weight: 900; line-height: 1.16; } .home-free-heading p { margin: 14px 0 0; color: #536274; font-size: 19px; font-weight: 600; line-height: 1.58; } .home-free-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .home-free-feature { position: relative; display: flex; min-height: 310px; flex-direction: column; padding: 24px; border: 1px solid #d6e3ee; border-top: 8px solid var(--free-color, #0f8a78); border-radius: 8px; background: #fff; color: #102033 !important; text-decoration: none !important; box-shadow: 0 14px 30px rgba(16, 32, 51, .08); transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease; } .home-free-feature:hover { border-color: var(--free-color, #0f8a78); box-shadow: 0 20px 42px rgba(16, 32, 51, .13); transform: translateY(-4px); } .home-free-feature-worksheets { --free-color: #0f8a78; --free-soft: #e7f7f2; } .home-free-feature-tests { --free-color: #206fd0; --free-soft: #eaf2ff; } .home-free-feature-courses { --free-color: #f59e0b; --free-soft: #fff6dd; } .home-free-kicker { display: inline-flex; width: fit-content; margin: 0 0 16px; padding: 8px 12px; border-radius: 999px; background: var(--free-soft, #e7f7f2); color: var(--free-color, #0f8a78); font-size: 13px; font-weight: 900; line-height: 1; text-transform: uppercase; } .home-free-feature strong { display: block; margin: 0 0 12px; color: #102033; font-size: 23px; font-weight: 900; line-height: 1.2; } .home-free-feature em { display: block; margin: 0 0 22px; color: #536274; font-size: 16px; font-style: normal; font-weight: 700; line-height: 1.5; } .home-free-feature b { display: inline-flex; width: fit-content; min-height: 42px; margin-top: auto; align-items: center; justify-content: center; padding: 10px 15px; border-radius: 8px; background: var(--free-color, #0f8a78); color: #fff; font-size: 15px; font-weight: 900; line-height: 1.1; } .home-free-more { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 18px 0 0; } .home-free-more a { display: block; min-height: 120px; padding: 18px; border: 1px solid #d6e3ee; border-radius: 8px; background: rgba(255, 255, 255, .92); color: #102033 !important; text-decoration: none !important; box-shadow: 0 8px 20px rgba(16, 32, 51, .05); } .home-free-more a:hover { border-color: #2f8bd6; text-decoration: none !important; } .home-free-more strong { display: block; margin: 0 0 8px; color: #102033; font-size: 17px; font-weight: 900; line-height: 1.2; } .home-free-more span { display: block; color: #536274; font-size: 14px; font-weight: 700; line-height: 1.42; } @media(max-width: 1050px) { .home-hero-layout { grid-template-columns: 1fr; gap: 28px; } .home-hero-copy { max-width: 840px; } .home-hero-art { text-align: left; } .home-hero-art img { width: min(100%, 430px); margin-left: 0; } .home-top-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-top-process, .home-free-feature-grid { grid-template-columns: 1fr; } .home-free-feature { min-height: 0; } .home-free-more { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media(max-width: 680px) { .home-guided-hero { padding: 46px 0 42px; overflow-x: hidden; } .home-guided-hero .container, .home-free-section .container, .home-popular-paths-section .container, .home-library-section .container, .home-testprep-section .container, .home-books-carousel-section .container, .home-teacher-section .container { width: 100%; max-width: 100%; min-width: 0; padding-right: 10px; padding-left: 10px; } .home-hero-layout, .home-hero-copy, .home-guided-hero h1, .home-guided-hero .intro-title-top, .home-guided-hero .search-box, .home-guided-hero .search-box form, .home-quick-links { width: 100%; max-width: 100%; min-width: 0; } .home-guided-hero h1 { font-size: 33px; line-height: 1.12; overflow-wrap: break-word; } .home-guided-hero .intro-title-top, .home-free-heading p { font-size: 17px; overflow-wrap: break-word; } .home-guided-hero .search-box form { grid-template-columns: 1fr; } .home-guided-hero .search-box .form-control, .home-guided-hero .search-box .btn { height: 54px; } .home-hero-actions { display: grid; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .home-hero-action { width: 100%; min-width: 0; padding-right: 10px; padding-left: 10px; text-align: center; white-space: normal; } .home-hero-art img { width: 100%; max-width: 360px; margin-right: auto; margin-left: auto; } .home-top-stats, .home-free-more { grid-template-columns: 1fr; } .home-top-stats { margin-top: 34px; } .home-top-process div, .home-free-feature, .home-free-more a { padding: 18px; } .home-free-heading h2 { font-size: 30px; } .home-free-section { padding: 42px 0 46px; } } @media(max-width: 820px) { body.home, body.home-page-body, .home-page-body { overflow-x: hidden; } .home-guided-hero, .home-free-section, .home-popular-paths-section, .home-library-section, .home-testprep-section, .home-books-carousel-section, .home-teacher-section { width: 100%; max-width: 100vw; overflow-x: hidden; } .home-guided-hero .container, .home-free-section .container, .home-popular-paths-section .container, .home-library-section .container, .home-testprep-section .container, .home-books-carousel-section .container, .home-teacher-section .container { width: 100%; max-width: 100%; min-width: 0; padding-right: 10px; padding-left: 10px; } .home-hero-layout, .home-hero-copy, .home-guided-hero h1, .home-guided-hero .intro-title-top, .home-guided-hero .search-box, .home-guided-hero .search-box form, .home-hero-actions, .home-quick-links, .home-hero-art { width: 100%; max-width: 100%; min-width: 0; } .home-guided-hero h1, .home-guided-hero .intro-title-top, .home-free-heading h2, .home-free-heading p { overflow-wrap: break-word; white-space: normal; } .home-guided-hero .search-box form { grid-template-columns: 1fr; } .home-hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .home-hero-action { width: 100%; min-width: 0; padding-right: 10px; padding-left: 10px; white-space: normal; } } /* Homepage and free-resource polish */ .home-guided-hero { background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important; border-bottom: 1px solid #e3edf5; } .home-eyebrow { background: #e9f8ef !important; color: #0b6b3e !important; } .home-hero-art img { border-radius: 0; box-shadow: none; filter: drop-shadow(0 16px 26px rgba(16, 32, 51, .1)); } .home-free-section { background: #f8fbff !important; } .home-free-feature { border-top: 0 !important; border-left: 5px solid var(--free-color, #0f8a78) !important; } .em-resource-center-free .em-resource-hero { border-color: #dbe7f1; background: linear-gradient(135deg, #ffffff 0%, #f4fbff 100%); } .em-resource-center-free .em-resource-card { border-top: 0 !important; border-left: 5px solid #1d66c7 !important; background: #fff !important; } .em-resource-center-free .em-resource-card:nth-child(3n/**/+2) { border-left-color: #13a36e !important; } .em-resource-center-free .em-resource-card:nth-child(3n/**/+3) { border-left-color: #f29b18 !important; } .em-free-grade-strip { display: grid; grid-template-columns: minmax(0, .62fr) minmax(0, 1fr); gap: 22px; align-items: center; margin: 24px 0 0; padding: 22px; border: 1px solid #dbe7f1; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(16, 32, 51, .06); } .em-free-grade-strip span, .em-grade-online-grid span, .em-grade-online-hero span { display: inline-flex; width: fit-content; margin: 0 0 9px; padding: 7px 10px; border-radius: 999px; background: #e9f8ef; color: #0b6b3e; font-size: 12px; font-weight: 900; line-height: 1; text-transform: uppercase; } .em-free-grade-strip h2 { margin: 0; color: #102033; font-size: 26px; font-weight: 900; line-height: 1.18; } .em-free-grade-strip p { margin: 8px 0 0; color: #536274; font-size: 16px; font-weight: 700; line-height: 1.45; } .em-free-grade-links, .em-grade-online-nav { display: flex; flex-wrap: wrap; gap: 9px; } .em-free-grade-links a, .em-grade-online-nav a { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; padding: 8px 12px; border: 1px solid #cbdceb; border-radius: 999px; background: #fff; color: #123b62 !important; font-size: 14px; font-weight: 900; line-height: 1.1; text-decoration: none !important; } .em-free-grade-links a:hover, .em-grade-online-nav a:hover, .em-grade-online-nav a[aria-current="page"] { border-color: #12834f; background: #e9f8ef; color: #0b6b3e !important; } .em-grade-online-center { color: #102033; font-family: Arial, sans-serif; line-height: 1.6; } .grade9-page-body .page-intro, .grade10-page-body .page-intro, .grade11-page-body .page-intro, .grade12-page-body .page-intro { padding: 72px 0 24px; } .grade9-page-body .post-page, .grade10-page-body .post-page, .grade11-page-body .post-page, .grade12-page-body .post-page { padding: 34px 0 64px; } .grade9-page-body .post-page .container, .grade10-page-body .post-page .container, .grade11-page-body .post-page .container, .grade12-page-body .post-page .container { max-width: 1280px; } .grade9-page-body .post-wrapper, .grade10-page-body .post-wrapper, .grade11-page-body .post-wrapper, .grade12-page-body .post-wrapper { max-width: none; padding: 0; } .grade9-page-body .entry, .grade10-page-body .entry, .grade11-page-body .entry, .grade12-page-body .entry { line-height: 1.5; } .em-grade-online-hero { padding: 44px 30px; border: 1px solid #dbe7f1; border-radius: 8px; background: linear-gradient(135deg, #ffffff 0%, #edf8ff 100%); box-shadow: 0 14px 32px rgba(16, 32, 51, .08); } .em-grade-online-hero h1 { max-width: 920px; margin: 0; color: #102033; font-size: 42px; font-weight: 900; line-height: 1.1; } .em-grade-online-hero p { max-width: 840px; margin: 14px 0 0; color: #536274; font-size: 19px; font-weight: 700; } .em-grade-online-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; } .em-grade-online-actions a, .em-grade-online-grid a { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 10px 14px; border-radius: 8px; background: #12213d; color: #fff !important; font-weight: 900; text-decoration: none !important; } .em-grade-online-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 22px 0; } .em-grade-online-grid article { padding: 22px; border: 1px solid #dbe7f1; border-left: 5px solid #1d66c7; border-radius: 8px; background: #fff; box-shadow: 0 10px 22px rgba(16, 32, 51, .05); } .em-grade-online-grid article:nth-child(2) { border-left-color: #13a36e; } .em-grade-online-grid article:nth-child(3) { border-left-color: #f29b18; } .em-grade-online-grid h2 { margin: 0 0 10px; color: #102033; font-size: 22px; font-weight: 900; line-height: 1.2; } .em-grade-online-grid p, .em-grade-online-grid li { color: #536274; font-size: 16px; font-weight: 700; line-height: 1.48; } .em-grade-online-grid ul { margin: 0; padding-left: 20px; } .em-grade-online-nav { padding: 18px; border: 1px solid #dbe7f1; border-radius: 8px; background: #f8fbff; } @media(max-width: 900px) { .em-free-grade-strip, .em-grade-online-grid { grid-template-columns: 1fr; } } @media(max-width: 680px) { .em-grade-online-hero { padding: 28px 20px; } .em-grade-online-hero h1 { font-size: 30px; } .em-grade-online-hero p { font-size: 17px; } } /* Homepage redesign v5: clean guided entry */ .home-page-body { background: #fff; } .home-guided-hero { padding: 72px 0 44px !important; border-bottom: 1px solid #e8eef5 !important; background: #fefefe !important; color: #102033 !important; } .home-guided-hero .container { max-width: 1240px !important; } .home-hero-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr) !important; gap: 48px !important; max-width: 1220px !important; margin: 0 auto !important; align-items: center !important; } .home-hero-copy { max-width: 760px !important; } .home-eyebrow { display: inline-flex !important; margin: 0 0 18px !important; padding: 9px 14px !important; border: 1px solid #cfe9d9 !important; border-radius: 999px !important; background: #eefaf3 !important; color: #0b6b3e !important; box-shadow: none !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.15 !important; text-transform: uppercase !important; } .home-guided-hero h1 { max-width: 760px !important; margin: 0 !important; color: #102033 !important; font-size: 54px !important; font-weight: 900 !important; line-height: 1.05 !important; letter-spacing: 0 !important; } .home-guided-hero .intro-title-top { max-width: 730px !important; margin: 18px 0 0 !important; color: #48596d !important; font-size: 20px !important; font-weight: 650 !important; line-height: 1.55 !important; } .home-search-label { margin: 26px 0 10px !important; color: #102033 !important; font-size: 16px !important; font-weight: 900 !important; text-align: left !important; } .home-guided-hero .search-box, .home-guided-hero .search-box form { max-width: 760px !important; margin: 0 !important; } .home-guided-hero .search-box form { display: grid !important; grid-template-columns: minmax(0, 1fr) 142px !important; gap: 10px !important; } .home-guided-hero .search-box .form-control { height: 58px !important; border: 1px solid #cfddec !important; border-radius: 8px !important; background: #fff !important; color: #102033 !important; box-shadow: 0 10px 24px rgba(24, 63, 105, .08) !important; font-size: 18px !important; } .home-guided-hero .search-box .form-control:focus { border-color: #2076cf !important; box-shadow: 0 0 0 4px rgba(32, 118, 207, .13), 0 10px 24px rgba(24, 63, 105, .08) !important; } .home-guided-hero .search-box .btn { height: 58px !important; border: 0 !important; border-radius: 8px !important; background: #138a4e !important; color: #fff !important; box-shadow: 0 12px 24px rgba(19, 138, 78, .2) !important; font-size: 17px !important; font-weight: 900 !important; } .home-hero-actions { gap: 10px !important; justify-content: flex-start !important; margin: 18px 0 0 !important; } .home-hero-action { min-height: 46px !important; border-radius: 8px !important; font-size: 16px !important; } .home-guided-hero .home-hero-action-primary { background: #206fd0 !important; color: #fff !important; box-shadow: 0 10px 22px rgba(32, 111, 208, .18) !important; } .home-guided-hero .home-hero-action-secondary { border: 1px solid #cfddec !important; background: #fff !important; color: #0f6c43 !important; box-shadow: none !important; } .home-guided-hero .home-quick-links a { border: 1px solid #d7e4ef !important; background: #fff !important; color: #173d60 !important; box-shadow: none !important; } .home-guided-hero .home-quick-links a:hover { border-color: #2076cf !important; background: #f6fbff !important; } .home-hero-art { display: flex !important; margin: 0 !important; padding: 0 !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .home-hero-art img { display: block !important; width: min(100%, 540px) !important; height: auto !important; margin: 0 auto !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; filter: none !important; } .home-hero-art figcaption { min-height: 0 !important; margin-top: 12px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #0f6c43 !important; box-shadow: none !important; font-size: 14px !important; } .home-top-stats { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 14px !important; max-width: 1220px !important; margin: 46px auto 0 !important; } .home-top-stats div { min-width: 0 !important; padding: 18px !important; border: 1px solid #e1e9f0 !important; border-radius: 8px !important; background: #fff !important; text-align: left !important; box-shadow: 0 8px 18px rgba(24, 63, 105, .06) !important; } .home-top-stats div:after { content: none !important; display: none !important; } .home-top-stats .home-proof-icon { width: 38px !important; height: 38px !important; margin: 0 0 12px !important; color: #206fd0 !important; } .home-top-stats > div:nth-child(2) .home-proof-icon { color: #7c4cc3 !important; } .home-top-stats > div:nth-child(3) .home-proof-icon { color: #0f8a78 !important; } .home-top-stats > div:nth-child(4) .home-proof-icon { color: #d97706 !important; } .home-top-stats > div:nth-child(5) .home-proof-icon { color: #db2777 !important; } .home-top-stats .home-proof-icon svg { width: 38px !important; height: 38px !important; stroke-width: 3 !important; } .home-top-stats strong { color: #101827 !important; font-size: 31px !important; line-height: 1.05 !important; } .home-top-stats > div > span:last-child { max-width: none !important; margin: 8px 0 0 !important; color: #596779 !important; font-size: 15px !important; font-weight: 750 !important; line-height: 1.35 !important; } .home-top-process { gap: 14px !important; max-width: 1220px !important; margin: 18px auto 0 !important; } .home-top-process div { padding: 18px 20px !important; border: 1px solid #e1e9f0 !important; border-left: 1px solid #e1e9f0 !important; border-radius: 8px !important; background: #f8fbff !important; box-shadow: none !important; } .home-top-process strong { font-size: 18px !important; } .home-top-process span { color: #596779 !important; font-size: 15px !important; } .home-free-section { background: #f7faff !important; border-bottom: 1px solid #e8eef5 !important; } .home-free-feature { border: 1px solid #e1e9f0 !important; border-top: 1px solid #e1e9f0 !important; border-left: 1px solid #e1e9f0 !important; background: linear-gradient(180deg, #fff 0%, var(--free-soft, #f4fbff) 100%) !important; box-shadow: 0 10px 22px rgba(24, 63, 105, .06) !important; } .home-free-feature:hover { border-color: #cbdceb !important; box-shadow: 0 16px 30px rgba(24, 63, 105, .1) !important; } .home-path-card { border: 1px solid #e1e9f0 !important; border-left: 1px solid #e1e9f0 !important; background: #fff !important; box-shadow: 0 8px 18px rgba(24, 63, 105, .05) !important; } .home-path-card:nth-child(2), .home-path-card:nth-child(3), .home-path-card:nth-child(4), .home-path-card:nth-child(5), .home-path-card:nth-child(6) { border-left-color: #e1e9f0 !important; background: #fff !important; } .home-path-card:after { border-radius: 999px !important; background: #eef5ff !important; color: #206fd0 !important; } .home-path-links a { border-color: #d7e4ef !important; box-shadow: none !important; } @media(max-width: 1120px) { .home-hero-layout { grid-template-columns: 1fr !important; gap: 30px !important; } .home-hero-art { align-items: flex-start !important; } .home-hero-art img { width: min(100%, 500px) !important; margin-left: 0 !important; } .home-top-stats { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media(max-width: 820px) { .home-guided-hero { padding: 46px 0 36px !important; } .home-guided-hero h1 { font-size: 36px !important; line-height: 1.1 !important; } .home-guided-hero .intro-title-top { font-size: 17px !important; } .home-guided-hero .search-box form { grid-template-columns: 1fr !important; } .home-top-stats, .home-top-process { grid-template-columns: 1fr !important; } .home-top-stats div { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) !important; column-gap: 12px !important; align-items: center !important; } .home-top-stats .home-proof-icon { grid-row: span 2 !important; margin: 0 !important; } .home-top-stats strong { font-size: 28px !important; } .home-hero-art img { width: 100% !important; max-width: 430px !important; margin-right: auto !important; margin-left: auto !important; } .home-hero-art { align-items: center !important; } } /* Wide custom page centers */ .custom-page-body .post-page .container, .custom-page-body .page-intro .container { max-width: 1280px !important; } .custom-page-body .post-wrapper { max-width: none !important; padding: 0 !important; } /* Homepage full illustration display */ .home-guided-hero { overflow: visible !important; } .home-hero-layout { align-items: center !important; } .home-hero-art { max-width: 590px !important; overflow: visible !important; justify-self: end !important; } .home-hero-art img { width: min(100%, 590px) !important; max-width: 590px !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center !important; clip-path: none !important; overflow: visible !important; } @media(max-width: 1120px) { .home-hero-art { max-width: 540px !important; justify-self: start !important; } .home-hero-art img { width: min(100%, 540px) !important; max-width: 540px !important; } } @media(max-width: 820px) { .home-hero-art { max-width: 430px !important; justify-self: center !important; } .home-hero-art img { width: 100% !important; max-width: 430px !important; } } .teacher-resources-page-body .page-intro, .worksheet-finder-page-body .page-intro, .course-hubs-page-body .page-intro, .online-centers-page-body .page-intro, .free-resources-page-body .page-intro { padding: 72px 0 24px !important; } .teacher-resources-page-body .post-page, .worksheet-finder-page-body .post-page, .course-hubs-page-body .post-page, .online-centers-page-body .post-page, .free-resources-page-body .post-page { padding: 34px 0 64px !important; } .em-resource-center { width: 100% !important; max-width: 1240px !important; } .worksheet-finder-page-body .em-resource-grid, .teacher-resources-page-body .em-resource-grid, .course-hubs-page-body .em-resource-grid, .online-centers-page-body .em-resource-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .worksheet-finder-page-body .em-resource-card, .teacher-resources-page-body .em-resource-card, .course-hubs-page-body .em-resource-card, .online-centers-page-body .em-resource-card { min-height: 188px; } @media(max-width: 1180px) { .worksheet-finder-page-body .em-resource-grid, .teacher-resources-page-body .em-resource-grid, .course-hubs-page-body .em-resource-grid, .online-centers-page-body .em-resource-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media(max-width: 900px) { .worksheet-finder-page-body .em-resource-grid, .teacher-resources-page-body .em-resource-grid, .course-hubs-page-body .em-resource-grid, .online-centers-page-body .em-resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media(max-width: 680px) { .worksheet-finder-page-body .em-resource-grid, .teacher-resources-page-body .em-resource-grid, .course-hubs-page-body .em-resource-grid, .online-centers-page-body .em-resource-grid { grid-template-columns: 1fr; } } /* Homepage redesign v6: simpler guided start */ .home-page-body { background: #fff !important; } .home-page-body .jumbotron { margin-bottom: 0 !important; } .home-guided-hero { padding: 66px 0 42px !important; overflow: visible !important; border-bottom: 1px solid #e7eef5 !important; background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important; color: #102033 !important; } .home-guided-hero .container, .home-offer-section .container, .home-choice-section .container, .home-books-carousel-section .container, .home-teacher-section .container { max-width: 1240px !important; } .home-hero-layout { display: grid !important; grid-template-columns: minmax(0, 1.02fr) minmax(390px, .82fr) !important; gap: 54px !important; max-width: 1220px !important; margin: 0 auto !important; align-items: center !important; } .home-hero-copy { max-width: 720px !important; } .home-eyebrow { display: inline-flex !important; margin: 0 0 16px !important; padding: 8px 13px !important; border: 1px solid #d7eadf !important; border-radius: 999px !important; background: #f2fbf5 !important; color: #0b6b3e !important; box-shadow: none !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.15 !important; letter-spacing: 0 !important; text-transform: uppercase !important; } .home-guided-hero h1 { max-width: 720px !important; margin: 0 !important; color: #102033 !important; font-size: 56px !important; font-weight: 900 !important; line-height: 1.04 !important; letter-spacing: 0 !important; } .home-guided-hero .intro-title-top { max-width: 700px !important; margin: 18px 0 0 !important; color: #4e6075 !important; font-size: 20px !important; font-weight: 650 !important; line-height: 1.55 !important; } .home-search-label { margin: 26px 0 10px !important; color: #102033 !important; font-size: 16px !important; font-weight: 900 !important; text-align: left !important; } .home-guided-hero .search-box, .home-guided-hero .search-box form { max-width: 730px !important; margin: 0 !important; } .home-guided-hero .search-box form { display: grid !important; grid-template-columns: minmax(0, 1fr) 136px !important; gap: 10px !important; } .home-guided-hero .search-box .form-control { height: 58px !important; border: 1px solid #cbdceb !important; border-radius: 8px !important; background: #fff !important; color: #102033 !important; box-shadow: 0 10px 24px rgba(24, 63, 105, .08) !important; font-size: 18px !important; } .home-guided-hero .search-box .form-control:focus { border-color: #206fd0 !important; box-shadow: 0 0 0 4px rgba(32, 111, 208, .14), 0 10px 24px rgba(24, 63, 105, .08) !important; } .home-guided-hero .search-box .btn { height: 58px !important; border: 0 !important; border-radius: 8px !important; background: #12834f !important; color: #fff !important; box-shadow: 0 12px 22px rgba(18, 131, 79, .2) !important; font-size: 17px !important; font-weight: 900 !important; } .home-hero-actions { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; justify-content: flex-start !important; margin: 18px 0 0 !important; } .home-hero-action { min-height: 46px !important; padding: 12px 18px !important; border-radius: 8px !important; font-size: 16px !important; font-weight: 900 !important; text-decoration: none !important; } .home-guided-hero .home-hero-action-primary { background: #206fd0 !important; color: #fff !important; box-shadow: 0 10px 22px rgba(32, 111, 208, .18) !important; } .home-guided-hero .home-hero-action-secondary { border: 1px solid #cfddec !important; background: #fff !important; color: #0f6c43 !important; box-shadow: none !important; } .home-quick-links { display: flex !important; flex-wrap: wrap !important; gap: 9px !important; justify-content: flex-start !important; max-width: 720px !important; margin: 16px 0 0 !important; } .home-guided-hero .home-quick-links a { display: inline-flex !important; min-height: 34px !important; align-items: center !important; justify-content: center !important; padding: 8px 12px !important; border: 1px solid #d7e4ef !important; border-radius: 999px !important; background: #fff !important; color: #173d60 !important; box-shadow: none !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.1 !important; text-decoration: none !important; } .home-guided-hero .home-quick-links a:hover { border-color: #206fd0 !important; background: #f4f9ff !important; } .home-hero-art { display: flex !important; max-width: 600px !important; margin: 0 !important; padding: 0 !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; justify-self: end !important; overflow: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .home-hero-art img { display: block !important; width: min(100%, 590px) !important; max-width: 590px !important; height: auto !important; max-height: none !important; margin: 0 auto !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; filter: none !important; object-fit: contain !important; object-position: center !important; clip-path: none !important; } .home-hero-art figcaption { max-width: 430px !important; min-height: 0 !important; margin-top: 10px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #0f6c43 !important; box-shadow: none !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.35 !important; } .home-top-stats { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 12px !important; max-width: 1220px !important; margin: 38px auto 0 !important; } .home-top-stats div { min-width: 0 !important; padding: 16px !important; border: 1px solid #e2eaf2 !important; border-radius: 8px !important; background: #fff !important; text-align: left !important; box-shadow: 0 8px 18px rgba(24, 63, 105, .05) !important; } .home-top-stats div:after { content: none !important; } .home-top-stats .home-proof-icon { width: 34px !important; height: 34px !important; margin: 0 0 10px !important; color: #206fd0 !important; } .home-top-stats > div:nth-child(2) .home-proof-icon { color: #7c4cc3 !important; } .home-top-stats > div:nth-child(3) .home-proof-icon { color: #0f8a78 !important; } .home-top-stats > div:nth-child(4) .home-proof-icon { color: #d97706 !important; } .home-top-stats > div:nth-child(5) .home-proof-icon { color: #db2777 !important; } .home-top-stats .home-proof-icon svg { width: 34px !important; height: 34px !important; stroke-width: 3 !important; } .home-top-stats strong { display: block !important; color: #101827 !important; font-size: 28px !important; font-weight: 900 !important; line-height: 1.05 !important; } .home-top-stats > div > span:last-child { display: block !important; max-width: none !important; margin: 8px 0 0 !important; color: #596779 !important; font-size: 14px !important; font-weight: 750 !important; line-height: 1.35 !important; } .home-offer-section, .home-choice-section, .home-books-carousel-section, .home-teacher-section { padding: 54px 0 !important; } .home-offer-section { border-bottom: 1px solid #e8eef5 !important; background: #f7faff !important; } .home-free-heading, .home-section-heading, .home-books-heading { max-width: 820px !important; margin: 0 auto 26px !important; text-align: center !important; } .home-free-heading span, .home-section-heading span, .home-books-heading span, .home-teacher-card span { display: inline-flex !important; margin-bottom: 10px !important; padding: 7px 11px !important; border: 1px solid #d7eadf !important; border-radius: 999px !important; background: #f2fbf5 !important; color: #0b6b3e !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: uppercase !important; } .home-free-heading h2, .home-section-heading h2, .home-books-heading h2, .home-teacher-card h2 { margin: 0 !important; color: #102033 !important; font-size: 36px !important; font-weight: 900 !important; line-height: 1.12 !important; letter-spacing: 0 !important; } .home-free-heading p, .home-section-heading p, .home-books-heading p, .home-teacher-card p { max-width: 760px !important; margin: 12px auto 0 !important; color: #536274 !important; font-size: 18px !important; font-weight: 650 !important; line-height: 1.5 !important; } .home-offer-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 14px !important; } .home-offer-card { --offer-color: #206fd0; --offer-soft: #f3f8ff; display: flex !important; min-height: 262px !important; padding: 22px !important; border: 1px solid #e1e9f0 !important; border-radius: 8px !important; background: linear-gradient(180deg, #fff 0%, var(--offer-soft) 100%) !important; color: #102033 !important; flex-direction: column !important; text-decoration: none !important; box-shadow: 0 10px 24px rgba(24, 63, 105, .06) !important; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important; } .home-offer-card:hover { transform: translateY(-3px) !important; border-color: #cbdceb !important; box-shadow: 0 16px 30px rgba(24, 63, 105, .11) !important; text-decoration: none !important; } .home-offer-card span { display: inline-flex !important; width: fit-content !important; margin: 0 0 15px !important; padding: 7px 10px !important; border-radius: 999px !important; background: var(--offer-color) !important; color: #fff !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1 !important; text-transform: uppercase !important; } .home-offer-card strong { display: block !important; margin: 0 !important; color: #102033 !important; font-size: 22px !important; font-weight: 900 !important; line-height: 1.2 !important; } .home-offer-card em { display: block !important; margin: 12px 0 18px !important; color: #536274 !important; font-size: 16px !important; font-style: normal !important; font-weight: 700 !important; line-height: 1.45 !important; } .home-offer-card b { display: inline-flex !important; width: fit-content !important; min-height: 40px !important; margin-top: auto !important; padding: 10px 13px !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; background: #102033 !important; color: #fff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.1 !important; } .home-offer-tests { --offer-color: #12834f; --offer-soft: #f2fbf5; } .home-offer-centers { --offer-color: #d97706; --offer-soft: #fff8ed; } .home-offer-english { --offer-color: #8b3ac7; --offer-soft: #fbf6ff; } .home-choice-section { border-bottom: 1px solid #e8eef5 !important; background: #fff !important; } .home-choice-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; } .home-choice-card { min-width: 0 !important; padding: 22px !important; border: 1px solid #e1e9f0 !important; border-radius: 8px !important; background: #fff !important; box-shadow: 0 8px 18px rgba(24, 63, 105, .05) !important; } .home-choice-card:nth-child(1) { background: #f7fbff !important; } .home-choice-card:nth-child(2) { background: #f6fcf8 !important; } .home-choice-card:nth-child(3) { background: #fffaf2 !important; } .home-choice-card:nth-child(4) { background: #fbf7ff !important; } .home-choice-card:nth-child(5) { grid-column: 1 / -1 !important; background: #f9fbfd !important; } .home-choice-card > span { display: inline-flex !important; margin: 0 0 10px !important; padding: 7px 10px !important; border-radius: 999px !important; background: #102033 !important; color: #fff !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1 !important; text-transform: uppercase !important; } .home-choice-card h3 { margin: 0 !important; color: #102033 !important; font-size: 24px !important; font-weight: 900 !important; line-height: 1.18 !important; } .home-choice-card p { margin: 9px 0 0 !important; color: #536274 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.45 !important; } .home-path-links { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 16px !important; } .home-path-links a { display: inline-flex !important; min-height: 34px !important; align-items: center !important; justify-content: center !important; padding: 8px 11px !important; border: 1px solid #cfdeeb !important; border-radius: 999px !important; background: #fff !important; color: #123b62 !important; box-shadow: none !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.1 !important; text-decoration: none !important; } .home-path-links a:hover { border-color: #206fd0 !important; background: #f4f9ff !important; color: #0b5b9f !important; text-decoration: none !important; } .home-books-carousel-section { overflow: hidden !important; padding: 54px 0 60px !important; border-bottom: 1px solid #e8eef5 !important; background: linear-gradient(180deg, #102033 0%, #14325f 100%) !important; color: #fff !important; } .home-books-heading span { border-color: rgba(255, 255, 255, .26) !important; background: rgba(255, 255, 255, .12) !important; color: #fff !important; } .home-books-heading h2 { color: #fff !important; } .home-books-heading p { color: rgba(255, 255, 255, .86) !important; } .home-book-rail { overflow: hidden !important; padding: 10px 0 18px !important; mask-image: linear-gradient(to right, transparent 0%, #000 5%, #000 95%, transparent 100%) !important; } .home-book-track { gap: 14px !important; animation-duration: 46s !important; } .home-book-card { flex: 0 0 228px !important; min-height: 402px !important; padding: 14px !important; border: 1px solid rgba(255, 255, 255, .5) !important; border-radius: 8px !important; background: #fff !important; color: #102033 !important; box-shadow: 0 14px 30px rgba(2, 9, 25, .22) !important; text-decoration: none !important; } .home-book-ribbon { background: #fff1d8 !important; color: #a04b00 !important; } .home-book-cover { min-height: 186px !important; border-radius: 8px !important; background: #f5f8fb !important; } .home-book-cover img { max-width: 138px !important; max-height: 180px !important; } .home-book-card strong { color: #102033 !important; font-size: 18px !important; } .home-book-card em { color: #536274 !important; font-size: 14px !important; } .home-book-button { min-height: 40px !important; border-radius: 8px !important; background: #f26522 !important; } .home-teacher-section { background: #f7faff !important; } .home-teacher-card { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 22px !important; align-items: center !important; padding: 28px !important; border: 1px solid #e1e9f0 !important; border-radius: 8px !important; background: #fff !important; box-shadow: 0 10px 24px rgba(24, 63, 105, .06) !important; } .home-teacher-card h2, .home-teacher-card p { margin-right: 0 !important; margin-left: 0 !important; text-align: left !important; } .home-teacher-card .home-hero-action-primary { background: #206fd0 !important; color: #fff !important; } @media(max-width: 1120px) { .home-hero-layout { grid-template-columns: 1fr !important; gap: 30px !important; } .home-hero-art { justify-self: start !important; max-width: 560px !important; } .home-top-stats { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .home-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media(max-width: 820px) { body.home-page-body, .home-page-body { overflow-x: hidden !important; } .home-guided-hero { padding: 44px 0 34px !important; overflow-x: hidden !important; } .home-guided-hero .container, .home-hero-layout, .home-hero-copy, .home-guided-hero .search-box, .home-guided-hero .search-box form, .home-hero-actions, .home-quick-links, .home-hero-art { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .home-guided-hero .container { width: 100% !important; max-width: 100% !important; padding-right: 20px !important; padding-left: 20px !important; } .home-guided-hero h1 { width: 100% !important; max-width: 100% !important; font-size: 34px !important; line-height: 1.08 !important; overflow-wrap: break-word !important; } .home-guided-hero .intro-title-top { width: 100% !important; max-width: 100% !important; font-size: 17px !important; overflow-wrap: break-word !important; } .home-guided-hero .search-box form, .home-offer-grid, .home-choice-grid, .home-teacher-card { grid-template-columns: 1fr !important; } .home-guided-hero .search-box .form-control, .home-guided-hero .search-box .btn { width: 100% !important; min-width: 0 !important; } .home-hero-action { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; } .home-quick-links { overflow: visible !important; } .home-guided-hero .home-quick-links a { max-width: 100% !important; white-space: normal !important; } .home-top-stats { grid-template-columns: 1fr !important; gap: 10px !important; } .home-top-stats div { display: grid !important; grid-template-columns: 40px minmax(0, 1fr) !important; column-gap: 12px !important; align-items: center !important; } .home-top-stats .home-proof-icon { grid-row: span 2 !important; margin: 0 !important; } .home-top-stats strong { font-size: 27px !important; } .home-choice-card:nth-child(5) { grid-column: auto !important; } .home-free-heading h2, .home-section-heading h2, .home-books-heading h2, .home-teacher-card h2 { font-size: 29px !important; } .home-free-heading p, .home-section-heading p, .home-books-heading p, .home-teacher-card p { font-size: 16px !important; } .home-hero-art { width: 100% !important; max-width: 100% !important; justify-self: center !important; } .home-hero-art img { width: 100% !important; max-width: 100% !important; } .home-hero-art figcaption { max-width: 100% !important; padding: 0 8px !important; white-space: normal !important; text-align: center !important; } } @media(max-width: 520px) { .home-hero-layout, .home-hero-copy, .home-guided-hero .search-box, .home-guided-hero .search-box form, .home-hero-actions, .home-quick-links, .home-hero-art, .home-guided-hero h1, .home-guided-hero .intro-title-top { width: 100% !important; max-width: 330px !important; margin-right: auto !important; margin-left: 0 !important; } .home-guided-hero h1 { font-size: 32px !important; } .home-guided-hero .search-box .form-control, .home-guided-hero .search-box .btn { height: 52px !important; font-size: 16px !important; } .home-hero-art img, .home-hero-art figcaption { max-width: 330px !important; } .home-offer-card, .home-choice-card, .home-teacher-card { padding: 18px !important; } .home-offer-card strong { font-size: 20px !important; } .home-choice-card h3 { font-size: 21px !important; } .home-path-links a { font-size: 13px !important; } .home-book-card { flex-basis: 216px !important; } } /* Free Educational Resources directory */ .free-resources-page-body .page-intro { display: none !important; } .free-resources-page-body .post-page { padding: 44px 0 64px !important; background: #fff !important; } .free-resources-page-body .post-page .container { max-width: 1280px !important; } .free-resources-page-body .post-wrapper { max-width: none !important; padding: 0 !important; } .em-resource-center-free { max-width: 1240px !important; padding: 26px 15px 60px !important; } .em-resource-center-free .em-resource-hero { padding: 36px !important; border: 1px solid #dfe8f1 !important; border-radius: 8px !important; background: #ffffff !important; box-shadow: 0 12px 28px rgba(24, 63, 105, .06) !important; } .em-resource-center-free .em-resource-hero > span { background: #eefaf3 !important; color: #0b6b3e !important; } .em-resource-center-free .em-resource-hero h1 { max-width: 980px !important; color: #102033 !important; font-size: 46px !important; line-height: 1.08 !important; } .em-resource-center-free .em-resource-hero p { max-width: 980px !important; color: #536274 !important; font-weight: 650 !important; } .em-resource-center-free .em-resource-search-row { max-width: 820px !important; } .em-resource-center-free .em-resource-search { border-width: 1px !important; box-shadow: 0 10px 22px rgba(24, 63, 105, .07) !important; } .em-resource-center-free .em-resource-clear { background: #12834f !important; box-shadow: 0 10px 20px rgba(18, 131, 79, .18) !important; } .em-resource-center-free .em-resource-chips button { border-color: #d5e2ef !important; background: #fff !important; } .em-resource-center-free .em-free-grade-strip { border-color: #dfe8f1 !important; background: #f8fbff !important; box-shadow: none !important; } .em-resource-center-free .em-resource-results { margin-top: 30px !important; } .em-resource-center-free .em-resource-count { display: inline-flex !important; min-height: 38px !important; align-items: center !important; margin-bottom: 16px !important; padding: 7px 13px !important; border: 1px solid #dfe8f1 !important; border-radius: 999px !important; background: #fff !important; color: #536274 !important; box-shadow: none !important; } .em-resource-center-free .em-resource-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 16px !important; } .em-resource-center-free .em-resource-card { position: relative !important; display: flex !important; min-height: 282px !important; padding: 20px !important; border: 1px solid #dfe8f1 !important; border-radius: 8px !important; background: #fff !important; color: #102033 !important; flex-direction: column !important; box-shadow: 0 10px 22px rgba(24, 63, 105, .055) !important; text-decoration: none !important; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important; } .em-resource-center-free .em-resource-card:hover { transform: translateY(-3px) !important; border-color: #c9d9e8 !important; box-shadow: 0 16px 30px rgba(24, 63, 105, .1) !important; text-decoration: none !important; } .em-resource-center-free .em-resource-card:nth-child(4n/**/+1) { background: linear-gradient(180deg, #fff 0%, #f4f9ff 100%) !important; } .em-resource-center-free .em-resource-card:nth-child(4n/**/+2) { background: linear-gradient(180deg, #fff 0%, #f2fbf5 100%) !important; } .em-resource-center-free .em-resource-card:nth-child(4n/**/+3) { background: linear-gradient(180deg, #fff 0%, #fff8ed 100%) !important; } .em-resource-center-free .em-resource-card:nth-child(4n/**/+4) { background: linear-gradient(180deg, #fff 0%, #fbf6ff 100%) !important; } .em-resource-center-free .em-resource-card:after { content: none !important; } .em-resource-card-icon { display: inline-flex !important; width: 44px !important; height: 44px !important; align-items: center !important; justify-content: center !important; margin: 0 0 14px !important; border-radius: 12px !important; background: #206fd0 !important; color: #fff !important; font-size: 16px !important; font-style: normal !important; font-weight: 900 !important; line-height: 1 !important; } .em-resource-center-free .em-resource-card:nth-child(4n/**/+2) .em-resource-card-icon { background: #12834f !important; } .em-resource-center-free .em-resource-card:nth-child(4n/**/+3) .em-resource-card-icon { background: #d97706 !important; } .em-resource-center-free .em-resource-card:nth-child(4n/**/+4) .em-resource-card-icon { background: #8b3ac7 !important; } .em-resource-center-free .em-resource-card span { display: inline-flex !important; width: fit-content !important; margin: 0 0 10px !important; padding: 6px 9px !important; border-radius: 999px !important; background: rgba(16, 32, 51, .07) !important; color: #536274 !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1 !important; text-transform: uppercase !important; } .em-resource-center-free .em-resource-card strong { display: block !important; color: #102033 !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.2 !important; } .em-resource-center-free .em-resource-card em { display: block !important; margin: 10px 0 16px !important; color: #536274 !important; font-size: 15px !important; font-style: normal !important; font-weight: 700 !important; line-height: 1.45 !important; } .em-resource-center-free .em-resource-card b { display: inline-flex !important; width: fit-content !important; min-height: 40px !important; margin-top: auto !important; align-items: center !important; justify-content: center !important; padding: 10px 13px !important; border-radius: 8px !important; background: #102033 !important; color: #fff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.1 !important; } .em-resource-center-free .em-resource-card[id], .em-free-grade-strip[id] { scroll-margin-top: 96px !important; } .em-resource-note-free { border-left: 0 !important; background: #f8fbff !important; } @media(max-width: 1180px) { .em-resource-center-free .em-resource-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media(max-width: 900px) { .em-resource-center-free .em-resource-grid, .em-resource-center-free .em-free-grade-strip { grid-template-columns: 1fr !important; } } @media(max-width: 680px) { body.free-resources-page-body, .free-resources-page-body { overflow-x: hidden !important; } .free-resources-page-body .post-page .container, .free-resources-page-body .post-wrapper, .em-resource-center-free, .em-resource-center-free .em-resource-hero, .em-resource-center-free .em-free-grade-strip, .em-resource-center-free .em-resource-results, .em-resource-center-free .em-resource-grid, .em-resource-center-free .em-resource-card, .em-resource-center-free .em-resource-note { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .free-resources-page-body .post-page .container { padding-right: 12px !important; padding-left: 12px !important; } .em-resource-center-free { padding: 18px 0 46px !important; } .em-resource-center-free .em-resource-hero { padding: 24px 18px !important; overflow: hidden !important; } .em-resource-center-free .em-resource-hero h1 { max-width: 100% !important; font-size: 31px !important; overflow-wrap: break-word !important; } .em-resource-center-free .em-resource-hero p { max-width: 100% !important; font-size: 16px !important; overflow-wrap: break-word !important; } .em-resource-center-free .em-resource-hero label { max-width: 100% !important; overflow-wrap: break-word !important; } .em-resource-center-free .em-resource-search-row, .em-resource-center-free .em-resource-search, .em-resource-center-free .em-resource-clear, .em-resource-center-free .em-resource-chips { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .em-resource-center-free .em-resource-grid { grid-template-columns: 1fr !important; } .em-resource-center-free .em-resource-card { min-height: 0 !important; padding: 18px !important; } .em-resource-center-free .em-resource-card strong, .em-resource-center-free .em-resource-card em, .em-resource-center-free .em-resource-card b { max-width: 100% !important; overflow-wrap: break-word !important; } .em-free-grade-links { max-width: 100% !important; } .em-free-grade-links a, .em-resource-chips button { white-space: normal !important; } } @media(max-width: 520px) { .free-resources-page-body .post-page .container, .free-resources-page-body .post-wrapper, .em-resource-center-free, .em-resource-center-free .em-resource-hero, .em-resource-center-free .em-free-grade-strip, .em-resource-center-free .em-resource-results, .em-resource-center-free .em-resource-grid, .em-resource-center-free .em-resource-card, .em-resource-center-free .em-resource-note, .em-resource-center-free .em-resource-search-row, .em-resource-center-free .em-resource-search, .em-resource-center-free .em-resource-clear, .em-resource-center-free .em-resource-chips { width: 100% !important; max-width: 330px !important; min-width: 0 !important; margin-right: auto !important; margin-left: 0 !important; box-sizing: border-box !important; } .free-resources-page-body .post-page .container { padding-right: 20px !important; padding-left: 20px !important; } .em-resource-center-free .em-resource-hero { padding: 22px 18px !important; } .em-resource-center-free .em-resource-hero h1 { max-width: 100% !important; font-size: 28px !important; line-height: 1.12 !important; overflow-wrap: break-word !important; } .em-resource-center-free .em-resource-hero p, .em-resource-center-free .em-resource-hero label, .em-free-grade-strip h2, .em-free-grade-strip p { max-width: 100% !important; overflow-wrap: break-word !important; } }