.btn { display: flex; flex-direction: row; align-items: center; align-content: center; height: fit-content; font-family: 'Poppins', sans-serif; font-size: 20px; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; text-decoration: none; cursor: pointer; width: fit-content; width: -moz-fit-content; }

.btn i { display: flex; align-self: center; margin-right: 1em; }

.btn-download { background-color: #2c3e62; border-color: #2c3e62; color: #fff; border-radius: 1rem; padding: 0.5rem; width: 100%; margin-right: 1em; margin-bottom: 1rem; }

.btn-lg { font-family: 'Poppins', sans-serif; padding: 0.5rem 3rem; font-size: 1.25rem; line-height: 1.5; border-radius: 2rem; }

.btn-primary { color: white; background-color: #2c3e62; border-color: white; }

.btn-primary:hover { color: #2c3e62; background-color: white; border-color: #2c3e62; }

.btn-light-primary { color: #2c3e62; background-color: white; border-color: #2c3e62; }

.btn-light-primary:hover { color: white; background-color: #2c3e62; border-color: white; }

.btn-alt-primary { color: white; background-color: #3A3C39; border-color: white; }

.btn-alt-primary:hover { color: #3A3C39; background-color: white; border-color: #3A3C39; }

.btn-cookie { width: 20em; margin-top: 10px; }

.btn-cookie-ok { background-color: #E6FFC4; }

.follow-btn { display: flex; flex-direction: row; align-content: space-between; width: 100%; padding: 10px; margin-bottom: 1rem; max-width: 400px; }

.follow-btn i { margin-right: 0; font-size: 1.5em; }

.follow-btn .fab, .follow-btn .fa-brands { margin-right: 20px; }

.follow-btn .fa-chevron-right { float: right; }

.btn-label { width: 80%; text-align: left; }

.btn-row { display: flex; flex-direction: row; }

.btn-row .btn { margin-left: 1em; }

.blog-boxes { height: 440px; width: 100%; margin-top: 3rem; margin-bottom: 3rem; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }

.blog-boxes .blog-box { display: flex; flex-direction: column; width: 32%; max-width: 400px; }

.blog-boxes .blog-box:hover { box-shadow: #DDDCDB 2px 2px; text-decoration-line: none; box-shadow: 10px 10px 10px #DDDCDB; -moz-box-shadow: 10px 10px 10px #DDDCDB; -webkit-box-shadow: 10px 10px 10px #DDDCDB; -o-box-shadow: 10px 10px 10px #DDDCDB; border-radius: 1rem; }

.blog-boxes .blog-box:hover .link-for-more { color: #2c3e62; text-decoration-color: #446298; text-decoration-line: underline; text-underline-position: under; }

.blog-boxes .blog-box .blog-box-header { border-top-left-radius: 1rem; border-top-right-radius: 1rem; background-color: #446298; height: 200px; }

.blog-boxes .blog-box .blog-box-header img { height: 195px; }

.blog-boxes .blog-box .blog-box-content { display: flex; flex-direction: column; background-color: white; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; padding: 2rem 1.5rem; }

.blog-boxes .blog-box .blog-box-content h3 { marging-top: 2rem; color: #3A3C39; font-size: 24px; }

.blog-boxes .blog-box .blog-box-content p { font-family: 'Lato', sans-serif; color: #3A3C39; }

@media screen and (max-width: 1200px) { .blog-boxes .blog-box { width: 400px; } .blog-boxes .blog-box:last-child { display: none; } }

footer { color: #F6F5F4; width: 100%; margin-top: 1rem; }

footer h2 { font-size: 20px; color: #3A3C39; margin-bottom: 1rem; }

footer .columns a { text-decoration: none; color: #3A3C39; font-family: 'Lato', sans-serif; font-size: 15px; }

footer .columns a:hover { color: #2c3e62; text-decoration: underline; text-decoration-color: #446298; }

description { max-width: 70%; margin-top: 1rem; color: #F6F5F4; font-family: 'Lato', sans-serif; font-size: 14px; }

copyrights { display: flex; text-align: center; width: 100%; background-color: #2c3e62; font-family: 'Lato', sans-serif; font-size: 15px; flex-direction: column; align-content: center; padding: 9px; }

copyrights a { color: #F6F5F4; }

.footer-links { display: flex; flex-direction: row; justify-content: flex-end; }

.footer-links a { text-decoration: none; color: white; font-size: 14px; }

.footer-links a:hover { color: #F6F5F4; }

.footer-bar { padding-top: 2rem; padding-top: 2rem; background-color: #e4e9ec; }

.footer-bar-content { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: space-between; background-color: black; color: white; }

.footer-bar-content div { flex: 1 1 33%; }

.logos { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: flex-start; }

.logos .logo:not(:last-child) { padding-right: 1rem; }

.logos .logo:not(:first-child) { padding-left: 1rem; }

.logos .logo object.logo-dfs { width: 350px; max-height: 40px; }

.logos .logo object.logo-uoe { width: 200px; max-width: 200px; }

.logos .logo object.logo-edina { width: 120px; max-width: 110px; margin-left: 5px; }

.logos .logo object.logo-edina svg { fill: white; }

.follow-links { display: flex; padding: 8px 0; }

.follow-links .icons { display: flex; justify-content: center; font-size: 40px; }

.follow-links .icons a { padding: 0; color: white; }

.follow-links .icons a:hover { text-decoration: none; }

.follow-links .icons .icon, .follow-links .icons i { margin-right: 1rem; display: inline-block; }

.follow-links .icons .icon:hover, .follow-links .icons i:hover { background-color: white; color: #2c3e62; border-radius: 2px; }

@media screen and (max-width: 1200px) { footer .footer-bar .footer-bar-content { flex-direction: column; } footer .footer-bar .footer-bar-content .follow-links { margin-top: 1em; } }

@media screen and (max-width: 800px) { footer { margin-top: 4rem; } .follow-links { width: 100%; } .footer-bar .footer-bar-content .logos { flex-wrap: wrap; } }

header { width: 100%; display: flex; flex-direction: column; padding-top: 20px; padding-bottom: 10px; position: relative; box-shadow: 5px 5px 10px 0px #3a3c3929; z-index: 1; background-color: #2c3e62; font-size: 20px; }

object { width: 100%; pointer-events: none; }

a { padding-right: 1rem; }

.header-left { display: flex; align-items: center; margin: 0 1em; }

.header-right { display: flex; margin-bottom: .5rem; }

.header-right a { width: 4rem; flex-direction: column; }

#top-bar { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }

.logo { display: flex; align-items: center; }

.top-follow-links { display: flex; margin-right: 1em; align-self: start; }

.top-follow-links .icons { display: flex; align-self: start; justify-content: center; font-size: 40px; }

.top-follow-links .icons a { display: flex; align-self: start; padding: 0; color: white; }

.top-follow-links .icons a:hover { text-decoration: none; }

.top-follow-links .icons .icon, .top-follow-links .icons i { display: flex; margin-right: 0.5rem; align-self: start; font-size: 25px; }

.top-follow-links .icons .icon:hover, .top-follow-links .icons i:hover { background-color: white; color: #2c3e62; border-radius: 2px; }

#dfs-logo { width: 292.5px; height: 97.5px; align-items: center; }

#digimap-logo { width: 350px; max-height: 40px; }

#edina-logo { width: 120px; max-height: 55px; margin-bottom: 20px; }

#edinburgh-logo { width: 200px; max-height: 52px; }

#mobile-menu { display: none; align-items: center; margin-left: 1rem; background-color: transparent; border: 0; width: fit-content; width: -moz-fit-content; }

#menu-logo { width: 40px; }

#menu-text { text-decoration-line: none; font-family: 'Poppins', sans-serif; font-size: 24px; font-weight: bold; margin-left: 0.5rem; }

#home-link { padding: 0; display: flex; width: 30px; max-height: 30px; }

@media screen and (max-width: 1000px) { button { margin-right: 1rem; } #home-link { display: none; } #edina-logo { display: none; } #edinburgh-logo { display: none; } #buy-btn { display: none; } #mobile-menu { display: flex; } }

.navbar { display: flex; flex-direction: row; align-items: center; align-content: center; flex-wrap: nowrap; padding: 0.5em 0; width: 100%; white-space: nowrap; }

.navbar button.dropdown { border: none; background: none; }

.navbar a, .navbar .dropdown { margin: 0 1.5em 0 0; }

.navbar a a, .navbar .dropdown a { margin: 0; }

.navbar a.selected { color: #2c3e62; }

.dropdown { position: relative; display: inline-block; cursor: pointer; /* button to look like button on some browsers */ border: none; background: none; margin: 0 1.5em 0 0; /* Dropdown Content (Hidden by Default) */ }

.dropdown .dropdown-content { text-align: start; display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2); z-index: 1; /* Links inside the dropdown */ }

.dropdown .dropdown-content a { color: black; text-decoration: none; display: block; }

.dropdown .dropdown-content a .dropdown-divider { border-color: #DDDCDB; }

.dropdown .dropdown-content a:hover { background-color: #ddd; }

.dropdown .dropdown-content a:hover .dropdown-divider { border-color: #446298; }

.dropdown.open .dropdown-content { display: block; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2); width: max-content; width: intrinsic; /* Safari/WebKit uses a non-standard name */ padding: 1rem 1.5rem; }

@media screen and (max-width: 1500px) { .navbar a { font-size: 15px; } }

@media screen and (max-width: 1050px) { .navbar a, .navbar .dropdown { margin-right: 1em; } }

@media screen and (max-width: 1000px) { .navbar { display: none; flex-direction: column; align-items: flex-start; } .navbar.open { display: flex; } .navbar button.dropdown { border: none; background: none; text-align: left; padding: 0; } .navbar button.dropdown .dropdown-content { box-shadow: none; } .dropdown .dropdown-content, .dropdown:hover .dropdown-content { background-color: transparent; position: relative; box-shadow: none; } }

section { display: flex; flex-direction: column; font-family: 'Lato', sans-serif; font-size: 20px; padding-top: 2rem; }

section.help-guide { padding-top: 0; }

#section-homepage .column { max-width: 510px; }

#features-section { flex-direction: row; }

@media screen and (max-width: 1200px) { #section-homepage.section .columns .column { width: 400px; } #features-section { flex-wrap: wrap; } #features-section features-list-boxes { width: 100%; } }

@media screen and (max-width: 800px) { .section .columns { flex-wrap: wrap; width: 100% !important; height: auto !important; } }

.banner { height: 460px; width: 100%; position: relative; margin-bottom: 4em; background-color: #2c3e62; color: white; background-repeat: no-repeat; background-position: 800px 0; background-size: contain; }

#banner-homepage.banner { background-image: url("/assets/img/home_image_top.png"); }

#banner-discover.banner { background-image: url("/assets/img/home_image_middle.png"); }

#banner-join.banner { background-image: url("/assets/img/home_image_bottom.png"); }

#banner-join-community.banner { background-image: url("/assets/img/join-community-banner.png"); }

#banner-about.banner { background-image: url("/assets/img/about_image.png"); }

#banner-about-primary.banner { background-image: url("/assets/img/about_primary_image.png"); }

#banner-about-secondary.banner { background-image: url("/assets/img/about_secondary_image.png"); }

#banner-free-trial.banner { background-image: url("/assets/img/free_trial_image.png"); }

.banner.banner-quotes { height: auto; }

#about-banner-quotes.banner { height: 500px; }

#banner-about-ofsted.banner { background-image: url("/assets/img/about_international_image.png"); background-position: 800px 0; }

#help-center-banner.banner, #featured-banner.banner { height: auto; }

.banner h1, .banner h2, .banner p { color: white; }

.banner.banner-light { background-color: #dddcdb6b; padding-bottom: 2rem; }

.banner.banner-light h1, .banner.banner-light h2, .banner.banner-light h3 { color: #2c3e62; }

.banner.banner-light p { color: #3A3C39; }

.banner-text { display: flex; flex-direction: column; justify-content: space-around; width: 700px; }

.banner-text p { margin-bottom: 0.5em; font-family: 'Lato', sans-serif; font-size: 20px; }

.banner-text p:last-child { margin-bottom: 2rem; }

.banner-text .btn { height: fit-content; margin-top: 1.5rem; }

.banner-text strong { color: inherit; font-weight: bold; }

.banner-content { height: 100%; display: flex; align-content: center; align-items: center; }

.super-banner { margin-bottom: 4em; position: relative; }

.super-banner .banner { margin: 0; }

.super-banner .banner-light { height: 800px; }

.super-banner:after { position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat; background-position: 700px 0; }

#super-banner-get-started.super-banner:after { background-image: url("/assets/img/get_started_image.png"); }

.super-banner:after .banner { margin: 0; }

@media screen and (max-width: 1300px) { .super-banner .banner-light { height: 900px; } }

@media screen and (max-width: 1200px) { .super-banner:after { background-position-x: 600px; } .banner { background-position: 500px 0; } .banner .side-margin .banner-content .banner-text { width: 550px; } }

@media screen and (max-width: 1100px) { #about-banner-quotes.banner { height: 600px; } #about-banner-quotes.banner quote { width: 45%; } .super-banner .banner-light { height: 1000px; } }

@media screen and (max-width: 800px) { .super-banner .banner-light { height: 1200px; } .super-banner:after { background-position-x: 450px; } .banner-text p { margin: 0; } #about-banner-quotes.banner { height: auto; } #about-banner-quotes.banner .quotes .quote { width: 95%; } .banner { height: 350px; background-position: 450px 0; } .banner h1 { font-size: 36px; } .banner p { font-size: 18px; } .banner .side-margin .banner-content .banner-text { width: 400px; } }

@media screen and (max-width: 650px) { .super-banner .banner-light { height: 1300px; } }

@media screen and (max-width: 500px) { .super-banner { margin-bottom: 0; } .super-banner .banner:first-child { height: 500px; } .super-banner .banner-light { height: 1400px; } .super-banner .floating-box { top: 450px; } .super-banner .banner-content { padding-top: 30px; align-items: flex-start; } .super-banner:after { background-position-x: 350px; } .banner { background-position: 350px 0; margin-bottom: 0; height: 200px; } .banner h1 { font-size: 24px; } .banner .side-margin .banner-content .banner-text { width: 400px; } }

@media screen and (max-width: 400px) { .super-banner .banner-light { height: 1700px; } }

.twitter-boxes { margin-top: 3rem; margin-bottom: 3rem; width: 100%; display: flex; flex-direction: row; justify-content: space-between; }

.twitter-boxes a { text-decoration: none; text-underline: none; }

.twitter-boxes .twitter-box { display: flex; flex-direction: column; width: 32%; max-width: 400px; background-color: white; border-radius: 1rem; }

.twitter-boxes .twitter-box p { color: #3A3C39; }

.twitter-boxes .twitter-box .twitter-box-content { display: flex; flex-direction: column; background-image: url("/assets/img/icons/icon_twitterfeed.svg"); background-size: 30px 30px; background-position: 30px 30px; background-repeat: no-repeat; background-color: white; border-radius: 1rem; padding: 70px 1.5rem 2rem; }

.twitter-boxes .twitter-box .twitter-box-content p { font-family: 'Lato', sans-serif; font-size: 20px; }

.twitter-boxes .twitter-box .twitter-box-content .tweet-author { font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em; }

.twitter-boxes .twitter-box .twitter-box-content .tweet-link { margin-top: 0.5em; }

.twitter-boxes .twitter-box .twitter-box-content .square-fit { width: 100%; padding-top: 100%; /* 1:1 Aspect Ratio */ position: relative; /* If you want text inside of it */ }

.twitter-boxes .twitter-box .twitter-box-content .square-fit .center-cropped { margin-top: 1em; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center center; background-repeat: no-repeat; border-radius: 1rem; }

.twitter-boxes .twitter-box .twitter-box-content .square-fit .center-cropped img { height: 100%; width: 100%; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* modern browsers */ opacity: 0; }

@media screen and (max-width: 1200px) { .twitter-boxes .twitter-box { width: 400px; } .twitter-boxes .twitter-box:last-child { display: none; } }

@media screen and (max-width: 1000px) { .twitter-boxes .twitter-box { width: 48%; } }

@media screen and (max-width: 800px) { .twitter-boxes .twitter-box { width: 95%; } .twitter-boxes .twitter-box:not(:first-child) { display: none; } }

a.box { text-decoration: none; }

a.box:hover { box-shadow: #DDDCDB 2px 2px; text-decoration-line: none; cursor: pointer; box-shadow: 10px 10px 10px #DDDCDB; -moz-box-shadow: 10px 10px 10px #DDDCDB; -webkit-box-shadow: 10px 10px 10px #DDDCDB; -o-box-shadow: 10px 10px 10px #DDDCDB; border-radius: 1rem; }

a.box:hover .link-for-more { color: #2c3e62; text-decoration-color: #446298; text-decoration-line: underline; text-underline-position: under; }

.box { display: flex; flex-direction: column; position: relative; text-align: center; padding: 2rem; box-shadow: #DDDCDB 3px 3px 5px 6px; border-radius: 1rem; background-color: white; }

.box h1, .box h2, .box h3, .box h4, .box h5 { background-position-x: center; }

.box p { margin-left: 10rem; margin-right: 10rem; }

.box ol { text-align: left; }

.boxes { margin-top: 3rem; margin-bottom: 3rem; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; align-self: center; justify-content: space-around; padding-bottom: 2rem; max-width: 1400px; }

.boxes .box { position: static; width: 30%; min-width: 300px; max-width: 400px; text-align: left; box-shadow: none; border-radius: 1rem; background-color: white; padding: 0; margin-bottom: 2rem; }

.boxes .box p { color: #3A3C39; margin: 0; padding: 0; }

.boxes .box img { width: 50px; height: 50px; margin-bottom: 1em; }

.boxes .box .badge { color: #2c3e62; background-color: #446298; align-self: flex-end; margin-bottom: 1rem; margin-right: 1rem; padding: 10px 14px; border-radius: 50%; width: fit-content; }

.boxes .box .cover { object-fit: cover; }

.boxes .box .box-header { border-top-left-radius: 1rem; border-top-right-radius: 1rem; background-color: #446298; height: 7rem; }

.boxes .box .box-header img { height: 95%; width: 100%; border-top-left-radius: 1rem; border-top-right-radius: 1rem; }

.boxes .box .box-content { display: flex; flex-direction: column; background-color: white; border-radius: 1rem; padding: 1.5em 2em; min-height: 15rem; /* Wrap long words/urls so they fit in the box */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ }

.boxes .box .box-content p { font-family: 'Lato', sans-serif; font-size: 18px; text-align: justify; }

#get-started-box { position: relative; text-align: center; padding: 2rem; box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 5px 6px; border-radius: 1rem; background-color: white; }

#get-started-box h1, #get-started-box h2, #get-started-box h3, #get-started-box h4, #get-started-box h5 { align-self: center; background-position-x: center; }

#get-started-box p { margin-left: 10rem; margin-right: 10rem; }

#get-started-box ol { text-align: left; }

#get-started-box .btn { width: fit-content; align-self: center; }

#resource-tags-boxes .box { position: relative; }

#resource-tags-boxes .badge { position: absolute; top: 1em; right: 0; }

#webinars-boxes .box { width: 45%; max-width: 700px; }

#webinars-list-boxes strong { color: black; }

#webinars-list-boxes .box { text-align: left; align-self: flex-start; width: 100%; max-width: 100%; }

#webinars-list-boxes .box h3 { background-position-x: left; }

#webinars-list-boxes .box p { padding-top: 2em; }

#webinars-list-boxes .btn { margin-top: 2em; align-self: flex-end; }

#features-list-boxes { display: flex; flex-direction: column; justify-content: flex-start; }

#features-list-boxes .box { text-align: left; align-self: flex-start; width: 100%; max-width: 100%; }

#features-list-boxes .box .box-content { width: 100%; }

#features-list-boxes .box img { width: auto; height: auto; margin-top: 1em; }

#features-list-boxes .box p { margin-bottom: 1em; }

#features-list-boxes .btn { margin-top: 2em; }

#webinar-form-box, #login-form-box { margin-bottom: 2rem; }

#posts_list h2 { font-size: 24px; }

@media screen and (max-width: 1200px) { .boxes { flex-wrap: wrap; } #help-center-banner .boxes { align-content: center; } #help-center-banner .boxes .box { margin-bottom: 2rem; width: 40%; } }

@media screen and (max-width: 800px) { #get-started-box p, #get-started-box ol { margin-left: 0; margin-right: 0; } #help-center-banner .boxes { flex-direction: column; align-items: center; } #help-center-banner .boxes .box { margin-bottom: 2rem; width: 80%; } #webinar-form-box p, #webinar-form-box .btn, #login-form-box p, #login-form-box .btn { margin-left: 0; margin-right: 0; margin-top: 2em; } }

.collapsible { align-items: center; text-align: start; font-weight: normal; font-size: 1rem; padding: 0.5rem 1rem; }

.collapsible [class^="icon-"] { padding-top: 5px; text-align: right; float: right; }

.collapsible:hover [class^="icon-"]:before { color: #2c3e62; }

.collapsible-content { background-color: white; border-radius: 1em; color: #3A3C39; margin: 1em; padding: 0 18px; display: none; overflow: hidden; box-shadow: #3a3c390d 4px 4px 4px 2px; padding: 1em; }

.collapsible-content a { padding-right: 0; }

.sidebar-container { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; width: 100%; }

.sidebar-container .sidebar { display: flex; min-width: 320px; margin-right: 2rem; }

.sidebar-container .sidebar ul { font-size: 16px; list-style: none; list-style-type: none; line-height: 2em; padding: 0; margin: 0; }

.sidebar-container .sidebar ul button { border: none; background: none; }

.sidebar-container .sidebar ul li a, .sidebar-container .sidebar ul li button { display: flex; flex-direction: row; align-items: center; font-family: 'Poppins', sans-serif; color: #3A3C39; text-decoration: none; }

.sidebar-container .sidebar ul li a .fa-chevron-right, .sidebar-container .sidebar ul li button .fa-chevron-right { margin-left: 5px; }

.sidebar-container .sidebar ul li a .fa-chevron-right:hover, .sidebar-container .sidebar ul li button .fa-chevron-right:hover { text-decoration: none; text-decoration-line: none; }

.sidebar-container .sidebar ul li a:hover, .sidebar-container .sidebar ul li button:hover { color: #2c3e62; text-decoration-color: #446298; text-decoration-line: underline; text-underline-position: under; }

.sidebar-container .sidebar .sidebar-link { color: #3A3C39; }

.sidebar-container .sidebar .sidebar-link.selected { color: #45619e; }

.sidebar-container .sidebar .sidebar-link.selected .icon-chevron:before { color: #45619e; }

.sidebar-container .sidebar .sidebar-link .icon-chevron:before { color: #3A3C39; }

.sidebar-container .sidebar .sidebar-sublink { color: #3A3C39; font-size: smaller; margin-left: 1em; }

.sidebar-container .sidebar .sidebar-sublink.selected { color: #45619e; }

.sidebar-container .sidebar .sidebar-sublink.selected .icon-chevron:before { color: #45619e; }

.sidebar-container .help-content { display: flex; flex-direction: column; flex-grow: 10; max-width: 70%; }

.sidebar-container .help-content h1 { font-size: 28px; background-position: bottom; background-repeat: no-repeat; background-position-x: 0; background-size: 70px 10px; }

.sidebar-container .help-content h2 { font-size: 24px; }

.sidebar-container .help-content h3 { color: #3A3C39; font-size: 20px; font-weight: bold; background-image: none; margin-top: 2em; padding-bottom: 0; }

.sidebar-container .help-content img { max-width: 100%; }

.sidebar .collapsible { display: flex; flex-direction: column; margin: 0; padding: 0; align-items: self-start; cursor: pointer; }

.sidebar .collapsible-content { display: none; flex-direction: column; background-color: inherit; border-radius: 0; color: inherit; margin: 0 0 0 1em; padding: 0; overflow: hidden; box-shadow: none; }

@media screen and (max-width: 1000px) { .sidebar-container { flex-direction: column; } .sidebar-container .sidebar { margin-bottom: 2rem; } .sidebar-container .help-content { max-width: 100%; } }

@media screen and (min-width: 1000px) and (max-width: 1200px) { .sidebar-container .help-content { max-width: 60%; } }

.flex-col-centred { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.flex-item-col { display: flex; flex-direction: column; min-width: 350px; margin-right: 2rem; }

.flex-row { margin-top: 2rem; display: flex; flex-direction: row; }

.flex-row-centred { justify-content: center; margin-top: 2rem; margin-bottom: 2rem; }

.contact-header { display: flex; margin-top: 0; color: #3A3C39; line-height: inherit; min-width: 70px; margin-right: 1rem; margin-block-end: unset; font-weight: 500; font-family: 'Poppins', sans-serif; }

.full-width { width: 100%; }

.contact-text-input { border-radius: 20px; border-style: hidden; font-family: 'Lato', sans-serif; font-size: 20px; text-indent: 1rem; height: 2rem; color: #3A3C39; }

.input-wide { min-width: 730px; min-height: 200px; }

@media screen and (max-width: 800px) { .input-wide { min-width: auto; } .flex-row-centred { flex-direction: column; } .flex-item-col { margin-right: 0; margin-top: 1em; min-width: 100px; flex-direction: column; } .flex-row { flex-direction: column; } #contact-form, #webinar-form-box, #login-form-box { margin-top: 2em; margin-left: 0; margin-right: 0; } #contact-form .btn, #webinar-form-box .btn, #login-form-box .btn { margin-top: 2em; } }

.columns { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 2rem; }

.columns-parent { justify-content: center; }

.cols-2 .column, .cols-2 .columns { width: 45%; }

.cols-3 .column, .cols-3 .columns { width: 30%; }

.column { position: relative; display: flex; flex-direction: column; justify-content: flex-start; }

.column-footer { position: absolute; bottom: 0; display: flex; flex-direction: column; }

@media screen and (max-width: 800px) { .columns-parent { justify-content: space-around; flex-direction: column; } .columns-parent .columns { width: 100%; } }

@media screen and (max-width: 500px) { .columns { flex-direction: column; } .columns .column { width: 100%; margin-bottom: 2em; } .columns .column-footer { position: relative; } }

.jekyll-twitter-plugin { margin-top: 2rem; width: 50%; }

.jekyll-twitter-plugin iframe { width: 100%; height: 651px; }

.jekyll-twitter-plugin iframe .timeline-Widget { display: flex; flex-direction: row; max-width: none; width: 100%; }

.jekyll-twitter-plugin iframe .timeline-Widget .timeline-Header { display: none; }

.jekyll-twitter-plugin iframe .timeline-Widget .timeline-Body { width: 100%; }

.jekyll-twitter-plugin iframe .timeline-Widget .timeline-Body .timeline-Viewport { width: 100%; }

.jekyll-twitter-plugin iframe .timeline-Widget .timeline-Body .timeline-Viewport ol.timeline-TweetList { display: flex; flex-direction: row; width: 100%; border: none; }

.jekyll-twitter-plugin iframe .timeline-Widget .timeline-Body .timeline-Viewport ol.timeline-TweetList li.timeline-TweetList-tweet { border-top: none; width: 30%; font-size: 16px; border-radius: 2rem; margin: 1rem; background-color: white; }

*, *:before, *:after { box-sizing: border-box; }

.radio { color: #2c3e62; display: grid; grid-template-columns: min-content auto; grid-gap: 0.5em; }

.radio-input { display: flex; }

.radio-input input { opacity: 0; width: 0; height: 0; }

.radio-input input:checked + .radio-control { background: radial-gradient(#2c3e62 50%, rgba(255, 0, 0, 0) 51%); }

.radio-input input:focus + .radio-control { box-shadow: 0 0px 8px #2c3e62; }

.radio-control { display: block; width: 1em; height: 1em; border-radius: 50%; border: 0.1em solid #2c3e62; transform: translateY(-0.05em); }

.radio-label { line-height: 1; }

.radio-label sup { vertical-align: top; font-size: 0.6em; }

/* The Modal (background) */
.modal { display: none; position: fixed; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); -webkit-animation-name: fadeIn; /* Fade in the background */ -webkit-animation-duration: 0.4s; animation-name: fadeIn; animation-duration: 0.4s; }

/* Modal Content */
.modal-content { display: flex; flex-direction: column; position: fixed; top: 0; color: white; background-color: #3A3C39; width: 100%; -webkit-animation-name: slideIn; -webkit-animation-duration: 0.4s; animation-name: slideIn; animation-duration: 0.4s; padding-bottom: 2em; }

.modal-header { padding: 2px 16px; background-color: #3A3C39; color: white; }

.modal-header h1 { color: white; size: 24px; }

.modal-body { background-color: #3A3C39; padding: 2px 16px; }

.modal-body p { color: white; }

.modal-body p a { color: #446298; text-decoration-color: #446298; }

.modal-body p a:hover { color: #2c4063; text-decoration-color: #2c4063; }

.modal-footer { display: flex; padding: 2em 0; background-color: #3A3C39; color: white; }

.modal-footer div { width: 100%; display: flex; flex-direction: row; justify-content: center; }

.modal-footer div .btn { margin-right: 1rem; border-color: white; color: #3A3C39; }

.modal-footer div .btn:hover { background-color: #3A3C39; color: white; }

#cookie-modal .modal-content { position: relative; height: 400px; }

#cookie-modal .modal-footer .side-margin { flex-wrap: wrap; }

#cookie-modal .modal-footer .side-margin button { margin-bottom: 2em; }

/* Add Animation */
@-webkit-keyframes slideIn { from { top: -300px;
    opacity: 0; }
  to { top: 0;
    opacity: 1; } }

@keyframes slideIn { from { top: -300px;
    opacity: 0; }
  to { top: 0;
    opacity: 1; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

ol.large { font-family: 'Poppins', sans-serif; counter-reset: ol-counter; list-style: none; padding-left: 40px; margin-left: 2rem; margin-right: 2rem; margin-top: 3rem; }

ol.large li { margin: 0 0 0.5rem 0; counter-increment: ol-counter; position: relative; padding-top: 0.5em; padding-bottom: 1em; padding-left: 1em; font-family: 'Poppins', sans-serif; font-size: 18px; }

ol.large li:not(:last-child) { border-bottom: 2px solid #DDDCDB; }

ol.large li::before { content: counter(ol-counter); color: white; font-weight: bold; position: absolute; --size: 24px; left: calc(-1 * var(--size) - 10px); line-height: var(--size); width: var(--size); height: var(--size); background: #2c3e62; border-radius: 50%; text-align: center; }

ol.large ul.fa-ul { line-height: 2.5; }

ol.large ul.fa-ul i { color: #2c3e62; }

ol.large ul.tick-list { list-style: none; padding-left: 0; }

ol.large ul.tick-list li { line-height: 2em; position: relative; padding-left: 1.5em; /* space to preserve indentation on wrap */ }

ol.large ul.tick-list li:before { content: ''; /* placeholder for the SVG */ position: absolute; left: 0; /* place the SVG at the start of the padding */ width: 23px; height: 100%; background: url("/assets/img/icons/icon_tick.svg") no-repeat; background-position-y: 0.5em; }

.dropdown-check-list { display: inline-table; padding-right: 1.5rem; padding-bottom: 0.5rem; }

.dropdown-check-list .anchor { position: relative; cursor: pointer; display: inline-table; padding: 10px 60px 10px 15px; border: 1px solid #ccc; background: #fff; font-size: 20px; }

.dropdown-check-list .anchor:after { position: absolute; content: ""; border-left: 2px solid black; border-top: 2px solid black; padding: 5px; right: 20px; top: 30%; -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.dropdown-check-list .anchor:active:after { right: 20px; top: 32%; }

.dropdown-check-list ul.items { padding: 10px; display: none; margin: 0; border: 1px solid #ccc; background: #fff; position: absolute; z-index: 1; }

.dropdown-check-list ul.items.visible { display: flex; flex-direction: column; align-items: start; }

.dropdown-check-list ul.items li { list-style: none; }

.dropdown-check-list ul.items li label:hover { cursor: pointer; }

html { min-height: 100%; display: flex; }

body { width: 100%; min-height: 100%; display: flex; flex-direction: column; background-color: #F6F5F4; margin: 0 auto; line-height: 1.5; font-weight: 400; }

main { display: flex; flex-direction: column; flex: 1 0 auto; }

footer { flex-shrink: 0; }

h1, h2, h3, h4, h5, h6, .main-page-title { display: flex; font-weight: 500; line-height: 1.2; font-family: 'Poppins', sans-serif; color: #2c3e62; }

h1.subheaded, h2.subheaded, h3.subheaded, h4.subheaded, h5.subheaded, h6.subheaded, .main-page-title.subheaded { flex-direction: column; }

h1.subheaded small, h2.subheaded small, h3.subheaded small, h4.subheaded small, h5.subheaded small, h6.subheaded small, .main-page-title.subheaded small { opacity: 0.75; }

h1.underlined, h2.underlined, h3.underlined, h4.underlined, h5.underlined, h6.underlined, .main-page-title.underlined { background-position: bottom; background-repeat: no-repeat; background-position-x: 0; padding-bottom: 30px; background-size: 70px 10px; margin-bottom: 30px; }

h1 { font-size: 42px; }

h2 { font-size: 36px; }

h3 { font-size: 28px; background-position: bottom; background-repeat: no-repeat; background-position-x: 0; padding-bottom: 30px; background-size: 70px 10px; margin-bottom: 30px; }

h4 { font-size: 24px; }

h5 { font-size: 20px; }

p, ul, ol { font-family: 'Lato', sans-serif; font-size: 20px; color: #3A3C39; margin-top: 0; margin-bottom: 1em; }

img { vertical-align: middle; border-style: none; }

a { color: #2c3e62; text-decoration: underline; text-decoration-color: #2c3e62; text-underline-offset: 2px; }

a:hover { color: #446298; text-decoration-color: #446298; }

p b, p strong { color: #2c3e62; }

p a { padding: 0; }

svg { width: 25px; }

svg path.home-icon:hover { fill: #446298; }

hr { margin: 2rem 0; background: #446298; height: 5px; border-radius: 10px; border: 0px; }

em.u { font-style: normal; /* Removes italics */ text-decoration: underline; /* Makes underline */ }

table { border-collapse: collapse; font-family: 'Lato', sans-serif; font-size: 20px; color: #3A3C39; line-height: 1em; text-align: left; }

table thead { border-bottom: 2px solid #446298; }

table tr:not(:last-child) { border-bottom: 1px solid #DDDCDB; }

table td, table th { padding-bottom: 10px; border: 1px solid #DDDCDB; }

table td:not(:last-child), table th:not(:last-child) { padding-right: 2em; }

table tbody { font-size: small; text-align: left; align-self: flex-start; margin: 10px; }

table.compact { margin: 1em; line-height: 1.5; }

table.compact td, table.compact th { padding: 0.5em; }

table.bordered td, table.bordered th { border: 1px solid #DDDCDB; }

table.bordered thead { border-bottom: 2px solid #446298; }

table.license-table { font-size: 20px; }

table.license-table thead { font-size: larger; }

table.license-table tbody { font-size: 20px; }

table.license-table th, table.license-table td { vertical-align: top; padding: 0.5em; }

table.license-table li { padding-bottom: 15px; }

.license-list { padding-left: 20px; }

.license-list > li { padding-left: 15px; }

.license-list > li::marker { text-align: center; font-size: 30px; font-weight: bold; }

.license-list.license-have { list-style-type: "\2713"; }

.license-list.license-have > li::marker { color: green; }

.license-list.license-must { list-style-type: "!"; }

.license-list.license-must > li::marker { color: #db7b00; }

.license-list.license-dont { list-style-type: "\00d8"; }

.license-list.license-dont > li::marker { font-size: 25px; color: red; }

.lower-latin-list { list-style-type: lower-alpha; }

.lower-roman-list { list-style-type: lower-roman; }

.main-page-title { font-size: 42px; margin-block-start: 0.83em; margin-block-end: 0.83em; }

.simple-table { border-collapse: collapse; font-family: 'Lato', sans-serif; font-size: 20px; color: #3A3C39; line-height: 1em; text-align: left; margin: 0; border-left: 0; }

.simple-table thead { border-bottom: 5px solid #446298; }

.simple-table tr:not(:last-child) { border-bottom: 1px solid #DDDCDB; }

.simple-table td:not(:first-child), .simple-table th:not(:first-child) { padding-left: 2em; }

.simple-table tbody { margin: 10px; }

.simple-table.compact { margin: 1em; line-height: 1.5; }

.simple-table.compact td, .simple-table.compact th { padding: 0.5em; }

.simple-table.bordered td, .simple-table.bordered th { border: 1px solid #DDDCDB; }

.simple-table.bordered thead { border-bottom: 2px solid #446298; }

code { font-family: 'Lato', sans-serif; color: #2c3e62; }

ul.dot-list { list-style: none; }

ul.dot-list ul li { list-style-type: none; }

ul.dot-list li::before { content: "\2022"; color: #2c3e62; display: inline-block; width: 2em; margin-left: -2em; }

.logo-row { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; margin-bottom: 2em; }

.logo-row a img { width: 100%; max-width: 300px; height: auto; box-sizing: border-box; }

.logo-row a img.collins-bart-logo { padding-top: 10px; max-width: 260px; }

.logo-row a:not(:last-child) img { padding-right: 0.5em; }

.logo-row a:not(:first-child) img { padding-left: 0.5em; }

.light-text { color: #585a58ff; }

.webinar-date { font-weight: bold; margin-top: 1em; color: #2c3e62; }

.poppins { font-family: 'Poppins', sans-serif; font-size: 18px; color: #3A3C39; text-decoration: none; }

.lato { color: #3A3C39; font-family: 'Lato', sans-serif; font-size: 15px; }

.side-margin { flex-wrap: wrap; margin-left: 8rem; margin-right: 8rem; }

.visually-hidden { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.visually-hidden:focus { clip: auto; height: auto; overflow: auto; position: absolute; width: auto; }

.iframe-container { display: flex; height: fit-content; }

iframe { border: none; }

form { display: flex; padding: 1rem; background-color: #DDDCDB; }

form label { display: flex; font-size: 20px; font-weight: 500; line-height: 1.2; font-family: 'Poppins', sans-serif; color: #2c3e62; margin-left: 1em; }

fieldset { border: none; display: flex; flex-direction: row; }

fieldset legend { float: left; display: flex; font-weight: bold; }

label { color: #3A3C39; font-family: 'Lato', sans-serif; font-size: 15px; }

.flex-fill { min-height: 100%; height: 100%; min-width: 100%; width: 100%; }

.link-for-more { display: flex; flex-direction: row; align-items: center; font-family: 'Poppins', sans-serif; font-size: 20px; margin-top: 3rem; color: #2c3e62; text-decoration: none; margin-bottom: 1.5rem; }

.link-for-more:hover { color: #2c3e62; text-decoration-color: #446298; text-decoration-line: underline; text-underline-position: under; }

.link-for-more .icon-chevron { margin-left: 1rem; }

.btn-for-more { color: #DDDCDB; display: flex; flex-direction: row; align-items: center; padding-right: 4rem; margin-top: 1rem; margin-bottom: 1rem; width: fit-content; }

.btn-for-more .icon-chevron:before { margin-left: 1rem; }

.btn-for-more:hover { color: #2c3e62; }

.about-get-started { display: flex; flex-direction: row; align-items: center; }

.about-get-started p { margin-right: 1rem; color: #2c3e62; font-size: 26px; font-weight: bold; }

.about-get-started .btn { padding-right: 5em; padding-left: 5em; }

.quotes { display: -ms-flexbox; -ms-flex-direction: column; -ms-flex-wrap: wrap; display: flex; flex-direction: column; flex-wrap: wrap; height: 100%; align-items: center; padding-top: 1em; overflow: hidden; }

.quotes .quote { margin: 1em; background-size: 25px 25px; background-position: 0 0; background-repeat: no-repeat; width: 30%; background-image: url("/assets/img/icons/quotemarks.svg"); }

.quotes .quote p { margin-top: 30px; }

.quotes .quote .author { font-family: 'Lato', sans-serif; font-weight: bold; }

.testimonials { font-size: 20px; -webkit-column-count: 2; -webkit-column-gap: 0px; -moz-column-count: 2; -moz-column-gap: 0px; column-count: 2; column-gap: 0px; }

.testimonials .quote { display: inline-block; margin: 1em; background-size: 25px 25px; background-position: 1rem 1rem; background-repeat: no-repeat; border-radius: 1rem; border: 0.3rem solid #b8e87d; padding: 1rem; background-color: #f1f1f1; background-image: url("/assets/img/icons/quotemarks.svg"); }

.testimonials .quote p { margin-top: 30px; }

.testimonials .quote .author { font-family: 'Lato', sans-serif; color: #006636; font-size: 16px; }

.section-text.section-text-with-img { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

.section-text.section-text-with-img ul, .section-text.section-text-with-img p { margin-right: 1em; }

.section-text img { padding: 5px; background-color: #446298; border-radius: 2em; margin: 1em; }

.faqs { display: flex; flex-direction: column; flex-grow: 10; padding-top: 3rem; padding-bottom: 3rem; width: 100%; flex-shrink: 1; }

.faqs .collapsible { display: flex; width: 100%; white-space: normal; justify-content: space-between; box-shadow: #3a3c390d 4px 4px 4px 2px; margin-bottom: 1em; }

.faqs .collapsible.active { margin-bottom: 0; }

.faqs .collapsible-content { flex-wrap: wrap; }

.floating-box { position: absolute; top: 400px; z-index: 1; }

.help-content strong { color: #3A3C39; }

.help-content a { color: #2c3e62; text-decoration: underline; text-decoration-color: #2c3e62; text-underline-offset: 2px; padding: 0; }

.help-content img { display: block; margin-left: auto; margin-right: auto; max-width: 640px; margin-bottom: 2em; }

.help-content img.float-right { max-width: 50%; margin-left: 2em; float: right; }

.help-content.resource-content h2 { line-height: 0.5; }

.features-date { margin-bottom: 1rem; color: black; }

.features-date i { color: #446298; }

.right-sidebar { display: flex; flex-direction: column; margin-top: 2rem; margin-left: 2rem; color: black; }

.right-sidebar p { margin-bottom: 2rem; }

#filters-label { display: flex; font-size: 20px; color: #2c3e62; font-weight: 500; line-height: 1.2; font-family: 'Poppins', sans-serif; margin-top: 1.67em; margin-bottom: 1.67em; }

#features-right-sidebar { display: flex; flex-direction: column; width: 600px; margin-top: 2rem; margin-left: 2rem; color: black; }

#features-right-sidebar p { margin-bottom: 2rem; }

#primary-quotes-banner, #secondary-quotes-banner { height: auto; }

#primary-quotes-banner .quote, #secondary-quotes-banner .quote { max-width: 800px; width: auto; text-align: center; background-position: center 0; }

#ofsted-banner-faqs { height: auto; }

#pricing-banner { height: auto; padding-bottom: 4rem; }

#pricing-banner .side-margin { padding-top: 3rem; display: flex; flex-direction: column; align-content: center; align-items: center; }

#pricing-banner .box { padding: 0; }

#pricing-banner table { padding: 2rem; }

#pricing-banner table thead { padding-top: 15px; }

#pricing-banner h2, #pricing-banner h3 { text-align: center; background: none; }

ul#markdown-toc { list-style: none; list-style-type: none; padding: 0; margin: 0; line-height: 2em; font-size: 22px; }

ul#markdown-toc li a { color: #2c3e62; text-decoration-color: #2c3e62; text-decoration-line: underline; text-underline-offset: 2px; }

ul#markdown-toc li a:hover { color: #2c3e62; text-decoration-color: #446298; text-decoration-line: underline; }

.green-border { border: 5px solid #446298; border-radius: 20px; }

.breadcrumbs { display: flex; flex-shrink: 99; margin-top: 2rem; margin-left: 8rem; margin-right: 8rem; font-size: 20px; font-family: 'Lato', sans-serif; }

.breadcrumbs ol { display: flex; flex-direction: row; }

.breadcrumbs ol li { list-style: none; margin-left: 5px; }

.breadcrumbs ol li a { padding: 0; text-decoration: none; color: #2c3e62; }

.breadcrumbs ol li a:hover { text-decoration: underline; text-decoration-color: #446298; text-underline-offset: 2px; }

.breadcrumbs ol li a:last-child { text-decoration: none; color: #000; font-weight: 700; }

.breadcrumbs ol li a:last-child:hover { cursor: default; }

.light-background { background-color: #dddcdb6b; }

.badge { color: #252525; background-color: #e8e8e8; display: inline-block; padding: 1em 1em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; }

.badge-pill { padding-right: 1em; padding-left: 1em; border-radius: 10rem; }

.join-section { display: flex; flex-direction: row; align-items: center; margin-bottom: 1rem; }

.join-section .section-text { width: 65%; }

.join-section .right-sidebar { width: 35%; }

.alert { border: 2px solid; padding: 20px; color: white; margin-bottom: 15px; }

.alert-error { background-color: #f44336; /* Red */ border-color: #b44336; }

.alert-success { background-color: #4CAF50; border-color: #4C7F50; }

.alert-warning { background-color: #ff9800; border-color: #bf5800; }

.closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 35px; line-height: 26px; cursor: pointer; transition: 0.3s; }

.closebtn:hover { color: black; }

.field-icon { margin-top: -23px; position: relative; z-index: 2; border: none; background: transparent; width: max-content; left: 86%; }

.resource-author { display: flex; font-weight: 500; line-height: 1.2; font-family: 'Poppins', sans-serif; color: #2c3e62; font-size: 20px; color: #2c3e62; }

.inline { display: flex; flex-direction: row; flex-wrap: wrap; }

.embedded-doc { display: flex; align-self: center; width: 100%; }

.share-bar { display: flex; flex-direction: column; }

.share-title { color: black; font-weight: bold; }

.share-logos { margin-top: 0.5em; display: flex; flex-direction: row; }

.logo-circle { margin-right: 0.5em; display: flex; flex-direction: column; align-content: center; align-items: center; justify-content: center; justify-items: center; border-radius: 50%; width: 55px; height: 55px; padding: 8px; background: #2c3e62; color: white; text-align: center; font: 32px 'Poppins', sans-serif; text-decoration: none; text-underline: none; }

.logo-circle.logo-circle-white { color: #3A3C39; background: #DDDCDB; }

.logo-circle.logo-circle-white:hover { cursor: pointer; color: #DDDCDB; background: #3A3C39; border: 2px solid #DDDCDB; }

.logo-circle:hover { cursor: pointer; color: #2c3e62; background: white; border: 2px solid #2c3e62; text-decoration: none; text-underline: none; }

.features-nav { display: flex; flex-direction: row; justify-content: space-between; margin: 2em 1em; }

.features-nav a { text-decoration: none; text-underline: none; }

.features-nav a:hover { color: #2c3e62; text-decoration: underline; text-decoration-color: #B8E87D; }

.features-nav .disabled { color: #3A3C39; pointer-events: none; }

#webinar-form-box form, #login-form-box form { background-color: white; }

#webinar-form-box form input, #login-form-box form input { border-style: solid; }

#school-form { flex-direction: column; background-color: transparent; }

#school-form label { align-content: center; align-items: center; }

#map-iframe-container { height: 600px; }

#map-iframe-container iframe { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }

.hide-if-sm { display: flex; flex-direction: column; }

.show-if-sm { display: none; }

a.skip-to-content-link { display: flex; height: 30px; padding: 8px; position: absolute; left: 50%; transform: translateY(-200px); transition: transform 0.3s; width: fit-content; width: -moz-fit-content; }

a.skip-to-content-link:focus { position: relative; transform: translateY(-10px); }

.visually-hidden { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

#free-trial-section { text-align: center; }

#free-trial-section img { height: 50px; width: auto; margin-bottom: 2rem; }

#free-trial-section h3 { align-self: center; background-image: none; font-size: 20px; color: black; margin: 0; }

#try-dfs-banner { height: auto; }

#try-dfs-banner figure { height: 100%; margin: 0; }

#try-dfs-banner figure iframe { max-width: 100%; }

.green { color: green; }

.orange { color: #c27515; }

.red { color: red; }

.symbol { font-size: 34px; font-weight: bold; }

@media screen and (max-width: 1024px) { .side-margin { margin-left: 2rem; margin-right: 2rem; } }

@media screen and (max-width: 1300px) { .side-margin { margin-left: 6rem; margin-right: 6rem; } }

@media screen and (max-width: 1200px) { #features-right-sidebar { width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } #features-right-sidebar div:not(:last-child) { width: 45%; } #features-right-sidebar div:last-child { width: 90%; } .side-margin { margin-left: 4rem; margin-right: 4rem; } .join-section .section-text { width: 50%; } .join-section .right-sidebar { width: 50%; } }

@media screen and (max-width: 1150px) { .side-margin { margin-left: 2rem; margin-right: 2rem; } }

@media screen and (max-width: 1100px) { .side-margin { margin-left: 1rem; margin-right: 1rem; } }

@media screen and (max-width: 1000px) { .testimonials { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; } .side-margin { margin-left: 2rem; margin-right: 2rem; } #try-dfs-banner .columns { flex-direction: column; } #try-dfs-banner .columns .column { margin-top: 2em; width: 100%; } }

@media screen and (max-width: 800px) { .side-margin { margin-left: 1rem; margin-right: 1rem; } .section-text-with-img { flex-wrap: wrap; } #banner-about p { display: none; } .join-section { display: flex; flex-direction: column; } .about-get-started { flex-direction: column; text-align: center; margin-bottom: 2rem; } #features-right-sidebar div:not(:last-child) { width: 90%; } table { line-height: 2em; } .join-section .section-text { width: 100%; } .join-section .right-sidebar { width: 100%; } #school-form { flex-direction: row; } #school-form fieldset { flex-direction: column; } }

@media screen and (max-width: 500px) { #school-form { flex-direction: column; } .hide-if-sm { display: none; } .show-if-sm { display: flex; flex-direction: column; } .logo-row { flex-wrap: wrap; } .logo-row .logo { margin-bottom: 1em; max-width: 45%; } .side-margin { margin-left: 0.5rem; margin-right: 0.5rem; } }

/*# sourceMappingURL=main.css.map */