.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: #006636; border-color: #006636; 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: #006636; border-color: white; }

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

.btn-primary:disabled { color: #3A3C39; background-color: #DDDCDB; border-color: #3A3C39; pointer-events: none; }

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

.btn-light-primary:hover { color: white; background-color: #006636; 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 { 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: #006636; text-decoration-color: #B8E87D; 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: #B8E87D; 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: #006636; text-decoration: underline; text-decoration-color: #B8E87D; }

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

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

.footer-bar { padding-top: 2rem; padding-bottom: 2rem; background-color: #3A3C39; }

.footer-bar-content { display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; }

.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-bottom: 20px; }

.follow-links { margin: 10px 0 0; }

.follow-links h2 { font-size: 24px; color: #F6F5F4; margin-bottom: 20px; margin-top: 1rem; }

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

.follow-links .icons icon { margin-right: 1rem; height: 55px; width: 55px; display: inline-block; background-size: auto; background-position: 0 0; background-repeat: no-repeat; }

.follow-links .icons icon.twitter-icon { background-image: url("/assets/img/icons/icon_twitter.svg"); }

.follow-links .icons icon.twitter-icon:hover { background-image: url("/assets/img/icons/icon_twitter_hover.svg"); }

.follow-links .icons icon.facebook-icon { background-image: url("/assets/img/icons/icon_facebook.svg"); }

.follow-links .icons icon.facebook-icon:hover { background-image: url("/assets/img/icons/icon_facebook_hover.svg"); }

.follow-links .icons icon.youtube-icon { background-image: url("/assets/img/icons/icon_youtube.svg"); }

.follow-links .icons icon.youtube-icon:hover { background-image: url("/assets/img/icons/icon_youtube_hover.svg"); }

@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; position: relative; box-shadow: 5px 5px 10px 0px #3a3c3929; z-index: 1; }

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

a { padding-right: 1rem; }

.header-left { display: flex; align-items: center; }

.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; align-items: center; justify-content: space-between; }

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

#dfs-logo { width: 350px; 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: 1030px) { 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: #006636; }

.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: #B8E87D; }

.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: 1070px) { .navbar a, .navbar .dropdown { margin-right: 1em; } }

@media screen and (max-width: 1030px) { .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-wrap: nowrap; 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: #006636; 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: #006636; }

.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 { 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; } #banner-homepage.banner { background-image: none; } }

.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: #006636; text-decoration-color: #B8E87D; 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; justify-content: space-around; padding-bottom: 2rem; }

.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: #006636; background-color: #B8E87D; 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: #B8E87D; 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; } }

@font-face { font-family: 'icomoon'; src: url("/assets/fonts/icomoon.eot?aqa8nh"); src: url("/assets/fonts/icomoon.eot?aqa8nh#iefix") format("embedded-opentype"), url("/assets/fonts/icomoon.ttf?aqa8nh") format("truetype"), url("/assets/fonts/icomoon.woff?aqa8nh") format("woff"), url("/assets/fonts/icomoon.svg?aqa8nh#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; }

[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.rotate-90[class^="icon-"], .rotate-90[class*=" icon-"] { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); margin-left: 0.5em; display: inline-block; }

[class^="icon-"]:before { display: inline-block; text-decoration: none; }

.icon-collapse_reverse:before { content: "\e901"; color: #fff; }

.icon-expand_rev:before { content: "\e902"; color: #fff; }

.icon-menu_mobile:before { content: "\e903"; }

.icon-chevron_rev:before { content: "\e904"; color: #fff; }

.icon-chevron:before { content: "\e905"; color: #006636; }

.icon-radio_off:before { content: "\e906"; color: #006636; }

.icon-btn_back .path1:before { content: "\e907"; color: #006636; }

.icon-btn_back .path2:before { content: "\e908"; margin-left: -1em; color: white; }

.icon-btn_back_hover .path1:before { content: "\e909"; color: #b8e87d; }

.icon-btn_back_hover .path2:before { content: "\e90a"; margin-left: -1em; color: #006636; }

.icon-btn_forward .path1:before { content: "\e90b"; color: #006636; }

.icon-btn_forward .path2:before { content: "\e90c"; margin-left: -1em; color: white; }

.icon-btn_forward_hover .path1:before { content: "\e90d"; color: #b8e87d; }

.icon-btn_forward_hover .path2:before { content: "\e90e"; margin-left: -1em; color: #006636; }

.icon-one .path1:before { content: "\e90f"; color: #006636; }

.icon-one .path2:before { content: "\e910"; margin-left: -1em; color: white; }

.icon-facebook .path1:before { content: "\e911"; color: #f6f5f4; }

.icon-facebook .path2:before { content: "\e912"; margin-left: -1em; color: #3a3c39; }

.icon-four .path1:before { content: "\e913"; color: #006636; }

.icon-four .path2:before { content: "\e914"; margin-left: -1em; color: white; }

.icon-how_to:before { content: "\e915"; color: #b8e87d; }

.icon-facebook_hover .path1:before { content: "\e916"; color: #3a3c39; }

.icon-facebook_hover .path2:before { content: "\e917"; margin-left: -1em; color: #dddcdb; }

.icon-radio_on .path1:before { content: "\e918"; color: #006636; }

.icon-radio_on .path2:before { content: "\e919"; margin-left: -1em; color: white; }

.icon-document_rev:before { content: "\e91a"; color: #fff; }

.icon-quotemarks:before { content: "\e91b"; color: #b8e87d; }

.icon-document:before { content: "\e91c"; color: #006636; }

.icon-two .path1:before { content: "\e91d"; color: #006636; }

.icon-two .path2:before { content: "\e91e"; margin-left: -1em; color: white; }

.icon-previous:before { content: "\e91f"; color: #b8e87d; }

.icon-retweet:before { content: "\e920"; color: #006636; }

.icon-three .path1:before { content: "\e921"; color: #006636; }

.icon-three .path2:before { content: "\e922"; margin-left: -1em; color: white; }

.icon-twitterfeed:before { content: "\e923"; color: #006636; }

.icon-quick:before { content: "\e924"; color: #b8e87d; }

.icon-home:before { content: "\e925"; }

.icon-home_on:before { content: "\e926"; color: #006636; }

.icon-link_reverse:before { content: "\e927"; color: #fff; }

.icon-youtube .path1:before { content: "\e928"; color: #f6f5f4; }

.icon-youtube .path2:before { content: "\e929"; margin-left: -1em; color: #3a3c39; }

.icon-youtube .path3:before { content: "\e92a"; margin-left: -1em; color: white; }

.icon-link:before { content: "\e92b"; color: #006636; }

.icon-faqs:before { content: "\e92c"; color: #b8e87d; }

.icon-search_rev:before { content: "\e92d"; color: #fff; }

.icon-search:before { content: "\e92e"; color: #006636; }

.icon-youtube_hover .path1:before { content: "\e92f"; color: #3a3c39; }

.icon-youtube_hover .path2:before { content: "\e930"; margin-left: -1em; color: #dddcdb; }

.icon-youtube_hover .path3:before { content: "\e931"; color: #3a3c39; }

.icon-twitter .background:before { content: "\e932"; color: #F6F5F4; }

.icon-twitter .background:before:hover { color: #3A3C39; }

.icon-twitter .foreground:before { content: "\e933"; margin-left: -1.5em; color: #3A3C39; }

.icon-twitter .foreground:before:hover { color: #F6F5F4; }

.icon-twitter-dark .background:before { content: "\e932"; color: #3A3C39; }

.icon-twitter-dark .background:before:hover { color: #F6F5F4; }

.icon-twitter-dark .foreground:before { content: "\e933"; margin-left: -1.5em; color: #F6F5F4; }

.icon-twitter-dark .foreground:before:hover { color: #3A3C39; }

.icon-upcoming:before { content: "\e936"; color: #b8e87d; }

.icon-decrease .path1:before { content: "\e937"; color: #006636; }

.icon-decrease .path2:before { content: "\e938"; margin-left: -1em; color: white; }

.icon-increase .path1:before { content: "\e939"; color: #006636; }

.icon-increase .path2:before { content: "\e93a"; margin-left: -1em; color: white; }

.icon-home1:before { content: "\e900"; }

.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: #006636; }

.collapsible-content { font-family: 'Lato', sans-serif; font-size: 20px; 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: flex-start; }

.sidebar-container .sidebar { 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 li a { font-family: 'Poppins', sans-serif; color: #006636; text-decoration: none; }

.sidebar-container .sidebar ul li a:hover { color: #006636; text-decoration-color: #B8E87D; text-decoration-line: underline; text-underline-position: under; }

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

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

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

.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 .help-content { max-width: 70%; }

.sidebar-container .help-content h1 { font-size: 28px; background-image: url(/assets/img/underline.svg); background-position: bottom; background-repeat: no-repeat; background-position-x: 0; padding-bottom: 30px; 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; }

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

.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: #006636; 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(#006636 50%, rgba(255, 0, 0, 0) 51%); }

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

.radio-control { display: block; width: 1em; height: 1em; border-radius: 50%; border: 0.1em solid #006636; 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: #B8E87D; text-decoration-color: #B8E87D; }

.modal-body p a:hover { color: #95dd3c; text-decoration-color: #95dd3c; }

.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 { 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 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 li:not(:last-child) { border-bottom: 2px solid #DDDCDB; }

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

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

ul.fa-ul i { color: #006636; }

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

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

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; }

body { background-color: #F6F5F4; max-width: 1600px; margin: 0 auto; line-height: 1.5; font-weight: 400; box-shadow: 5px 5px 10px 5px #DDDCDB; }

h1, h2, h3, h4, h5, h6 { display: flex; font-weight: 500; line-height: 1.2; font-family: 'Poppins', sans-serif; color: #006636; }

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

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

h1.underlined, h2.underlined, h3.underlined, h4.underlined, h5.underlined, h6.underlined { background-image: url(/assets/img/underline.svg); 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-image: url(/assets/img/underline.svg); 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: #006636; text-decoration: underline; text-decoration-color: #006636; text-underline-offset: 2px; }

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

p b, p strong { color: #006636; }

p a { padding: 0; }

svg { width: 25px; }

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

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

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

table thead { border-bottom: 5px solid #B8E87D; }

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

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

table tbody { 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 #B8E87D; }

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

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

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

ul.dot-list li::before { content: "\2022"; color: #006636; 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: #006636; }

.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; height: 100%; margin-left: 8rem; margin-right: 8rem; }

.side-padding { flex-wrap: wrap; padding-left: 8rem; padding-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: #006636; 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: #006636; text-decoration: none; margin-bottom: 1.5rem; }

.link-for-more:hover { color: #006636; text-decoration-color: #B8E87D; 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: #006636; }

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

.about-get-started p { margin-right: 1rem; color: #006636; 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: #B8E87D; border-radius: 2em; margin: 1em; }

.faqs { display: flex; flex-direction: column; padding-top: 3rem; padding-bottom: 3rem; }

.faqs .collapsible { 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; }

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

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

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

.help-content img { max-width: 640px; margin-bottom: 2em; }

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

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

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

.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: #006636; 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: #006636; text-decoration-color: #006636; text-decoration-line: underline; text-underline-offset: 2px; }

ul#markdown-toc li a:hover { color: #006636; text-decoration-color: #B8E87D; text-decoration-line: underline; }

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

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

.breadcrumbs a { color: #006636; }

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

.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; }

.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; }

.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: #006636; font-size: 20px; color: #006636; }

.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: #006636; 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: #006636; background: white; border: 2px solid #006636; 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: #006636; 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%; }

/* Optional yellow newsflash/alert message appearing on the homepage. */
.alert-message { background-color: #ff3; padding-top: 1em; padding-bottom: .2em; }

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

@media screen and (max-width: 1300px) { .side-margin { margin-left: 6rem; margin-right: 6rem; } .side-padding { padding-left: 6rem; padding-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; } .side-padding { padding-left: 4rem; padding-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; } .side-padding { padding-left: 2rem; padding-right: 2rem; } }

@media screen and (max-width: 1100px) { .side-margin { margin-left: 1rem; margin-right: 1rem; } .side-padding { padding-left: 1rem; padding-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; } .side-padding { padding-left: 2rem; padding-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; } .side-padding { padding-left: 1rem; padding-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: .5rem; margin-right: .5rem; } .side-padding { padding-left: .5rem; padding-right: .5rem; } }

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