CINXE.COM
Global: Schools – OverDrive Resource Center
<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="author" content="test"> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://resources.overdrive.com/global-schools/" /> <meta property="og:site_name" content="Overdrive's Resource Center" /> <meta name="twitter:card" content="summary_large_image" /> <meta property="og:title" content="OverDrive Resource Center: Global: Schools" /><meta property="twitter:title" content="OverDrive Resource Center: Global: Schools" /><meta name="description" content="OverDrive's one stop shop for promotional resources, content recommendations, staff training and product information. Contact your OverDrive Team for additional assistance."><meta property="og:description" content="OverDrive's one stop shop for promotional resources, content recommendations, staff training and product information. Contact your OverDrive Team for additional assistance." /><meta name="twitter:description" content="OverDrive's one stop shop for promotional resources, content recommendations, staff training and product information. Contact your OverDrive Team for additional assistance." /><meta property="og:image" content="https://resources.overdrive.com/wp-content/uploads/hero-banner-w-icons.png" /><meta name="twitter:image" content="https://resources.overdrive.com/wp-content/uploads/hero-banner-w-icons.png" /><script> var dataLayer = window.dataLayer = window.dataLayer || []; dataLayer.push({ 'siteTitle': 'resourcecenter', 'marketType': '', 'isRecommendList': 'false'}); </script><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <noscript> <style> .menu-item { position: relative; display: inline-block; } .dropdown-menu { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1; } .menu-item:hover .dropdown-menu { display: block; } .spec-scroll, hr { display: block !important; } .lazyload, #videos-displays .back-dull:first-of-type { display: none; } a[data-toggle=modal] { pointer-events: none; } footer { margin-bottom: 40px; } </style> </noscript> <style> .async-hide { opacity: 0 !important } </style> <style> .async-hide { opacity: 0 !important } </style> <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date; h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')}; (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c; })(window,document.documentElement,'async-hide','dataLayer',4000, {'GTM-WZTJSPC':true});</script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-34791607-37', 'auto', {allowLinker: true}); ga('require', 'GTM-WZTJSPC'); </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N5TR2F');</script> <link rel="stylesheet" href="https://use.typekit.net/fqf5wcd.css"> <!--START Digioh Fast Activation Javascript--><script async type='text/javascript' src='https://www.lightboxcdn.com/vendor/93e6220c-97b3-47c9-9b37-3cfde1b71a2b/lightbox_inline.js'></script><!--END Digioh Fast Activation Javascript--> <title>Global: Schools – OverDrive Resource Center</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='dns-prefetch' href='//ajax.googleapis.com' /> <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> <link rel="alternate" type="application/rss+xml" title="OverDrive Resource Center » Feed" href="https://resources.overdrive.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="OverDrive Resource Center » Comments Feed" href="https://resources.overdrive.com/comments/feed/" /> <link rel="alternate" type="text/calendar" title="OverDrive Resource Center » iCal Feed" href="https://resources.overdrive.com/live-webcasts/?ical=1" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/resources.overdrive.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=38e19f3d67c781e205a49a3c5660052e"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://resources.overdrive.com/wp-includes/css/dist/block-library/style.min.css?ver=38e19f3d67c781e205a49a3c5660052e' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='bootstrap-min-css' href='https://resources.overdrive.com/wp-content/themes/resources-child/css/bootstrap.min.css?ver=38e19f3d67c781e205a49a3c5660052e' type='text/css' media='all' /> <link rel='stylesheet' id='main-css' href='https://resources.overdrive.com/wp-content/themes/resources-child/css/main.css?ver=38e19f3d67c781e205a49a3c5660052e' type='text/css' media='all' /> <link rel='stylesheet' id='feature-page-css' href='https://resources.overdrive.com/wp-content/themes/resources-child/css/feature-page.css?ver=38e19f3d67c781e205a49a3c5660052e' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-css' href='https://resources.overdrive.com/wp-content/themes/resources-child/fonts/fontawesome-free-5.2.0-web/css/all.min.css?ver=38e19f3d67c781e205a49a3c5660052e' type='text/css' media='all' /> <link rel='stylesheet' id='resources-style-css' href='https://resources.overdrive.com/wp-content/themes/resources-child/style.css?ver=38e19f3d67c781e205a49a3c5660052e' type='text/css' media='all' /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js?ver=1.3.2" id="jquery-js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js?ver=1.3.2' defer='defer" id="respond-js"></script> <script type="text/javascript" src="https://resources.overdrive.com/wp-content/themes/resources-child/js/bootstrap.bundle.min.js?ver=38e19f3d67c781e205a49a3c5660052e' defer='defer" id="bootstrap-min-js"></script> <script type="text/javascript" src="https://resources.overdrive.com/wp-content/themes/resources-child/js/lazysizes.min.js?ver=38e19f3d67c781e205a49a3c5660052e' defer='defer" id="lazysizes-min-js"></script> <link rel="https://api.w.org/" href="https://resources.overdrive.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://resources.overdrive.com/wp-json/wp/v2/pages/3937" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://resources.overdrive.com/xmlrpc.php?rsd" /> <link rel="canonical" href="https://resources.overdrive.com/global-schools/" /> <link rel='shortlink' href='https://resources.overdrive.com/?p=3937' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://resources.overdrive.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fresources.overdrive.com%2Fglobal-schools%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://resources.overdrive.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fresources.overdrive.com%2Fglobal-schools%2F&format=xml" /> <meta name="tec-api-version" content="v1"><meta name="tec-api-origin" content="https://resources.overdrive.com"><link rel="alternate" href="https://resources.overdrive.com/wp-json/tribe/events/v1/" /> <style type="text/css"> .site-title, .site-description { position: absolute; clip: rect(1px, 1px, 1px, 1px); } </style> <link rel="icon" href="https://resources.overdrive.com/wp-content/uploads/cropped-cropped-ico-appOD-e1450108974516-32x32.jpg" sizes="32x32" /> <link rel="icon" href="https://resources.overdrive.com/wp-content/uploads/cropped-cropped-ico-appOD-e1450108974516-192x192.jpg" sizes="192x192" /> <link rel="apple-touch-icon" href="https://resources.overdrive.com/wp-content/uploads/cropped-cropped-ico-appOD-e1450108974516-180x180.jpg" /> <meta name="msapplication-TileImage" content="https://resources.overdrive.com/wp-content/uploads/cropped-cropped-ico-appOD-e1450108974516-270x270.jpg" /> <style type="text/css" id="wp-custom-css"> #modal{ z-index:99999!important; } #mobileNav .dropdown-menu {margin-top:0;} @media only screen and (max-width: 991px) and (min-width: 768px) { #rss-2 { padding-top:60px; } } .btn-dark-purple-outline, .btn-dark-purple-outline.no-hover:hover { background-color: #3B3461; border: #3B3461 solid 3px; color: #fff !important; cursor: pointer; padding: .6rem .8rem; } .btn-dark-purple-outline:hover, .home-featured .same-size:hover .btn-dark-purple-outline { color: #3B3461 !important; border: #3B3461 solid 3px; background-color: #fff; text-decoration: none; padding: .6rem .8rem; /*padding: .6rem 1rem .4rem 1rem;*/ } .btn-dark-purple-outline:hover path { stroke: #3B3461; } .btn-dark-purple-outline:hover .solid path { fill: #3B3461; } /******** Start Mega Menu Style*********/ /***Hide App Updates****/ .dropdown-item[title="App Updates"] { display: none; } .nav-link, .dropdown-item { color: #242E4C !important; text-align: left; margin: 10px 20px 5px 20px; } .mobile-search { margin-right: 20px; } .dropdown-toggle::after { border: none !important; font-weight: 900; font-family: 'Font Awesome 5 Free'; content: "\f107" !important; vertical-align: 0; margin-left: .4em; } .show .dropdown-toggle::after { content: "\f105" !important; } .dropdown-menu.search.show { margin-top: 0; } .dropdown-menu.show { margin-top: 160px; left: 0; } /******App Update hide*****/ a[title="Library"] + .dropdown-menu.show { margin-top: 174px; min-height: 271px; } a[title="Library"] + .dropdown-menu.show .description-menu { } .description-menu { text-align: left; position: absolute; margin-top: -403px; list-style: none; padding-left: 0; } .dropdown-menu li { padding-left: 30px } .description-menu li { border-bottom: 1px solid; padding: 5px 0; } .dd-mega-menu.dropdown-menu { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 10px 20px #00000029; opacity: 1; } .dropdown-menu { background-color: #ffffff; min-width: 715px; left: -300px; border-top: 0; padding-left: 0px; } .description-item { display: block; width: 100%; /*padding: .25rem 1.25rem; padding: 0 1.25rem;*/ padding: .25rem .8rem .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .description-item:focus, .description-item:hover { text-decoration: none; } .customize-support .back-light.subNavScrolled { padding-top: 0; top: 103px !important; } .btn-search { background: #fff; color: #418C82; border: none !important; font-size: 1.15em; } .btn-search:hover, .btn-search:active, .btn-search:focus { color: #418C82 !important; box-shadow: none !important; } .navbar-brand img.od-rc-nav-logo { filter: brightness(0) invert(1); max-width: 180px; margin-top: auto; } .navbar-form { margin-top: 10px; } .form-inline.show .input-group-append .btn { border-radius: 0 !important; } .btn-round-white { background: #FFFFFF 0% 0% no-repeat padding-box; margin-top: 10px; border-radius: 0; -webkit-border-top-right-radius: 21px; -webkit-border-bottom-right-radius: 21px; border-top-right-radius: 21px; border-bottom-right-radius: 21px; opacity: 1; color: #398466; padding: 7px 11px; } .btn-round-white.collapsed { background: #FFFFFF 0% 0% no-repeat padding-box; margin-top: 10px; border-radius: 21px; opacity: 1; color: #398466; padding: 7px 11px; } .btn-round-white.btn:active, .btn-round-white.btn:focus, .btn-round-white.btn:active:focus { box-shadow: none; color: #398466 !important; } .back-white { background-color: #fff; } #navbar { margin-top: 10px; /*margin-bottom:10px;*/ background-color: #fff; width: 100%; } .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .nav-item .dropdown-item:hover, .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .dropdown-item:hover { background-color: #fff; font-weight: 700; } .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .nav-item .dropdown-item:hover { color: #0D6791 !important; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .dropdown-item:hover { color: #782592 !important; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .description-item, .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .nav-item .description-item, .nav-item a.nav-link[title="Professional & Academic"] + .dropdown-menu .nav-item .description-item, .nav-item a.nav-link[title="Professional Libraries"] + .dropdown-menu .nav-item .description-item, .nav-item a.nav-link[title="Academic Libraries"] + .dropdown-menu .nav-item .description-item { border-left: 3px solid #ffffff; } .nav-item a.dropdown-toggle.nav-link[title="Library"] { border-left: 3px solid #0D6791; padding: .3em .8em; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] { border-left: 3px solid #782592; padding: .3em .8em; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .description-menu li { border-bottom-color: #782592; } .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .description-menu li { border-bottom-color: #0D6791; } .nav-item a.nav-link[title="Professional & Academic"] { border-left: 3px solid #398466; padding: .3em .8em; } .nav-item a.nav-link[title="Professional Libraries"] { border-left: 3px solid #B34404; padding: .3em .8em; } .nav-item a.nav-link[title="Academic Libraries"] { border-left: 3px solid #398466; padding: .3em .8em; } .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .nav-item .description-item:hover { background-color: #fff; border-left: 3px solid #0D6791; /*font-weight:bold;*/ color: #0D6791 !important; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .description-item:hover { background-color: #fff; border-left: 3px solid #782592; color: #782592 !important; } /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { .dropdown-menu .nav-item .description { display: none } } /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) { .dropdown-menu .nav-item .description { display: none } } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { /*****App Updates***/ a[title="Library"] + .dropdown-menu.show { margin-top: 0; } a[title="Library"] + .dropdown-menu.show .description-menu, a[title="K-12 Schools "] + .dropdown-menu.show .description-menu { margin-top: -4px; } /*****App Updates***/ .dropdown-toggle.nav-link { margin-right: 10px } .dropdown-toggle::after { content: "\f105" !important; } .dropdown-menu li { padding-left: 0; } .show .dropdown-toggle::after { content: "\f107" !important; } .description-menu li { border-bottom: none; padding: 0; } .navbar-collapse .dropdown-item, .nav-link { color: white !important; } .nav-link, .dropdown-item { margin: auto; } .dropdown-menu.show { margin-top: 0; } #navbar { background-color: transparent; width: auto; } .dropdown-menu .nav-item, .description-menu .nav-item { width: 50%; display: inline-block; float: left; min-height: 118px; white-space: normal; } .dropdown-menu .nav-item .dropdown-item { white-space: normal; font-weight: normal; font-size: .95em; color: #242E4C !important; padding: 0 15px; transition: all 0.08s ease; -webkit-transition: all 0.08s ease; -moz-transition: all 0.08s ease; -o-transition: all 0.08s ease; } .dropdown-menu .nav-item .description-item { white-space: normal; font-weight: 700; line-height: 1.23em; font-size: 1.00em; color: #242E4C !important; border-left: 3px solid #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .dropdown-menu > li > a { padding: 0 20px; margin-bottom: 20px; } .dropdown-menu .nav-item .description { display: block; font-weight: 400; font-size: 14.4px; /*font-size: .9em; line-height: 1.45em;*/ line-height: 1.3em; color: #000000 !important; } .mega-nav .dropdown-menu { /*padding:30px 20px 0 20px;*/ padding: 20px; width: 600px; left: -166%; background-color: #fff; border-radius: 0; box-shadow: 0px 10px 20px #00000029; top: /*132%*/ 35px; height: 290px; } .mega-nav .description-menu { display: inline-block !important; position: relative; top: -252px; bottom: 230px; background: transparent; left: 230px; width: 450px; padding-left: 20px; box-shadow: none; border: none; border-left: 1px solid #A3A3A3; text-align: left; margin-top: 20px; } /* App Updates Spacing**/ .nav-item a.dropdown-item[title="App Updates"] + ul.description-menu { top: -210px; } .dropdown-menu .nav-item { width: 28%; display: block; float: none; min-height: auto; white-space: normal; } .menu-item-has-children .dropdown-menu .nav-item { width: 192px; /*-------------------*/ } .mega-nav .description-menu .nav-item { float: left; display: inline-block; width: 50%; white-space: normal; } .mega-nav .description-menu .nav-item:nth-child(-n + 2) { min-height: 148px; } .nav-item a.dropdown-toggle.nav-link[title="Library"], .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "], .nav-item a.nav-link[title="Professional & Academic"], .nav-item a.nav-link[title="Professional Libraries"], .nav-item a.nav-link[title="Academic Libraries"] { border-left: none; /*padding: .5rem 1rem;*/ padding-top: 0; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .description-menu .nav-item:nth-child(-n + 2) { min-height: 125px; } /*.mega-nav .dropdown-menu { width:840px; left:-450px; top: 137%; height:246px; }*/ .mega-nav .dropdown-menu.search { right: 10px; left: auto; padding: 0; height: 51px; top: 117px; } } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { .nav-item a.dropdown-toggle.nav-link[title="Library"], .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "], .nav-item a.nav-link[title="Professional & Academic"], .nav-item a.nav-link[title="Professional Libraries"], .nav-item a.nav-link[title="Academic Libraries"] { border-left: none; padding: .5rem 1rem; } .menu-item-has-children .dropdown-menu .nav-item.menu-item-1176 { /*width: 192px;*/ width: 210px; } .mega-nav .dropdown-menu { width: 840px; left: -450px; top: 137%; height: 246px; } .dropdown-menu .nav-item .description-item { line-height: 24px; } .mega-nav .description-menu .nav-item:nth-child(-n + 2) { min-height: 118px; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .description-menu .nav-item:nth-child(-n + 2) { min-height: 110px; } .nav-item a.dropdown-item[title="App Updates"] + ul.description-menu { /* App Updates Spacing * top: -237px;*/ top: -197px; } .dropdown-menu .nav-item .dropdown-item { font-size: 14px; } .dd-mega-menu.dropdown-menu { width: 700px; } .mega-nav .description-menu { display: inline-block !important; position: relative; top: -219px; bottom: 230px; background: transparent; left: 230px; width: 570px; padding-left: 20px; box-shadow: none; border: none; border-left: 1px solid #A3A3A3; } .dropdown-menu .nav-item { width: 33%; } .mega-nav .dropdown-menu { width: 840px; left: -450px; top: 132%; height: auto; } .menu-item-has-children .dropdown-menu .nav-item:last-child { margin-bottom: -197px; } .menu-item-has-children .dropdown-menu .description-menu .nav-item:last-child { margin-bottom: 0; } .mega-nav .dropdown-menu.search { right: 10px; left: auto; /*height: 92px;*/ height: 51px; top: 70px!important; } a[title="Library"] + .dropdown-menu.show .description-menu { margin-top: 0; top: -237px; } a[title="Library"] + .dropdown-menu .nav-item:last-child { margin-bottom: -213px; } a[title="K-12 Schools "] + .dropdown-menu.show .description-menu { margin-top: 0; top: -220px; } a[title="K-12 Schools "] + .dropdown-menu .nav-item:last-child { margin-bottom: -213px; } } /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { .menu-item-has-children .dropdown-menu .nav-item:last-child { margin-bottom: -212px; } /*****App Updates***/ a[title="Library"] + .dropdown-menu.show .description-menu { margin-top: 0; top: -237px; } a[title="Library"] + .dropdown-menu.show { min-height: auto; } a[title="Library"] + .dropdown-menu .nav-item:last-child { margin-bottom: -213px; } .nav-item a.dropdown-item[title="App Updates"] + ul.description-menu { /* App Updates Spacing * top: -237px;*/ top: -180px; } .dd-mega-menu.dropdown-menu { width: 755px; } .dd-mega-menu a.dropdown-item, .dd-mega-menu a.description-item { text-align: left; font-size: 14px; line-height: 18px; letter-spacing: 0px; color: #585858 !important; opacity: 1; white-space: normal; border-left: 3px solid #fff; /*margin:10px 20px;*/ font-family: muli, sans-serif; } .dd-mega-menu a.dropdown-item span, .dd-mega-menu a.description-item span { text-align: left; font-weight: 800; font-size: 18px; line-height: 28px; letter-spacing: 0px; color: #242E4C; opacity: 1; display: block; margin-bottom: 8px; } .dd-mega-menu a.dropdown-item:hover, .dd-mega-menu a.description-item:hover { background-color: #fff; border-left: 3px solid #782592; } .mega-nav .dropdown-menu { width: 840px; left: -450px; top: 133%; } } /******** END Mega Menu Style*********/ video::-webkit-media-text-track-display { font-size: 80%; } .customize-support .back-light.subNavScrolled { padding-top: 0; top: 103px !important; } .btn-search { background: #fff; color: #0074B4; border: none !important; font-size: 1.15em; } .btn-search:hover, .btn-search:active, .btn-search:focus, .btn.btn-search:hover, .btn.btn-search:active, .btn.btn-search:focus { color: #0074B4 !important; box-shadow: none !important; } .btn-round-white { background: #FFFFFF 0% 0% no-repeat padding-box; margin-top: 10px; border-radius: 0; -webkit-border-top-right-radius: 21px; -webkit-border-bottom-right-radius: 21px; border-top-right-radius: 21px; border-bottom-right-radius: 21px; opacity: 1; color: #0074B4; padding: 7px 11px; } .btn-round-white.collapsed, .btn-round-white.collapsed:hover { background: #FFFFFF 0% 0% no-repeat padding-box; margin-top: 10px; border-radius: 21px; opacity: 1; color: #0074B4 !important; padding: 7px 11px; } .btn-round-white.btn:active, .btn-round-white.btn:focus, .btn-round-white.btn:active:focus, .btn.btn-round-white.btn:active, .btn.btn-round-white.btn:focus, .btn.btn-round-white.btn:active:focus { box-shadow: none; color: #0074B4 !important; } .back-white { background-color: #fff; } /*#navbar { margin-top:10px; background-color:#fff; width:100%; }*/ /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { /* #navbar { background-color: transparent; width:auto; } } .nav-item a.dropdown-toggle.nav-link[title="Library "] + .dropdown-menu .nav-item .dropdown-item:hover { background-color:#fff; border-left: 3px solid #0D6791; color: #000000; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .dropdown-item:hover { background-color:#fff; border-left: 3px solid #782592; } */ figure { margin: 0; } } /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { /* .dropdown-menu .nav-item .description {display:none} */ } /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) { /*.dropdown-menu .nav-item .description {display:none} }*/ } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { /* .dropdown-menu .nav-item { width: 50%; display: inline-block; float: left; min-height: 118px; white-space:normal; } .dropdown-menu .nav-item .dropdown-item { white-space:normal; font-weight: 700; font-size: 1.05em; color: #242E4C !important; border-left: 3px solid #fff; transition: all 0.5s ease; -webkit-transition : all 0.5s ease; -moz-transition : all 0.5s ease; -o-transition : all 0.5s ease; } .dropdown-menu > li > a { padding: 0 20px; margin-bottom: 20px; } .dropdown-menu .nav-item .description { display:block; font-weight: 400; font-size: .9em; color: #000000 !important; } .mega-nav .dropdown-menu { padding:30px 20px 0 20px; width:667px; left:-100px; background-color:#fff; border-radius:0; box-shadow: 0px 10px 20px #00000029; top: 132%; } */ } /* Medium devices ( 768 and up) */ @media only screen and (min-width: 768px) { /*.mega-nav .dropdown-menu { left:-140px; top: 113%; }*/ } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { /*.mega-nav .dropdown-menu { width:800px; left:-450px; top: 132%; }*/ } /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { /*.mega-nav .dropdown-menu { width:800px; }*/ } .customize-support .fixed-top { top: 32px !important; } .customize-support .breadcrumbsWrapper { top:103px; } .customize-support .subNavScrolled { padding-top: 0; top: 81px !important; } .carousel-col .dropdown-menu > li > a { padding: 5px 20px; } .collection-list h1, .collection-list h3 { color: #006693; font-family: 'Source Serif Pro', 'Serif'; } @media screen and (min-width: 992px) { .col-md-offset-45 { margin-left: 38%; } } @media (max-width: 991px) and (min-width: 767px) { .subNavScrolled { top: 84px !important; } .customize-support .subNavScrolled { top: 152px !important; } .customize-support .breadcrumbsWrapper { top:148px; } } @media (max-width: 991px) { #secondaryNav { border: 0 !important } .library-hero-image { margin-top:4em; } } @media (max-width: 767px) { .customize-support main { margin-top: 16px !important; } } .seeAllST { cursor: pointer; } .summer-read .seeAll { background: #E74E39; padding: 8px; border-radius: 5px !important; } .txt-link { color: #fff; } .tribe-events-page-title, .tribe-events-page-title a { color: #777; } .cd-pic { border-radius: 100%; width: 200px; } #modal a[data-ga-title="Multilingual Marketing Kits"] { display: none; } #modal p a[data-ga-title="Multilingual Marketing Kits"] { display: inline-block; } .tooltip-text { border-bottom: 1px dotted #555; display: inline-block; position: relative; } .tooltip-text .tooltip-content { visibility: hidden; width: 200px; background-color: white; color: #555; border-radius: 6px; padding: 10px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -100px; border: 2px solid #555; box-shadow: 0 0 10px #555; font-family: sans-serif; line-height: 1.2; font-size: 14px; } .tooltip-text .tooltip-content::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .tooltip-text:hover .tooltip-content { visibility: visible; } /* school stars 2020 */ .schoolStars { background: url(/wp-content/uploads/2023-school-stars-background.png); background-size: cover; background-position: bottom center; } .greyBox { padding: 60px 0px; margin: 0px auto 40px auto; background: #eee; } .greyBox img { width: 100px !important; margin: 0px 5px; } .goldBox { padding: 15px; margin: 0px auto; background: linear-gradient(90deg, rgba(191, 145, 85, 1) 0%, rgba(215, 177, 119, 1) 50%, rgba(223, 183, 115, 1) 100%); ; color: #fff; font-weight: bold; text-align: center; border-bottom: 2px solid #BF9155; } ul.schoolStarsList { font-size: 14px; line-height: 1.6; padding-left: 20px; } ul.schoolStarsList li { margin: 8px 0px; } svg#turbo { width: 120px; display: inline; } .padBot30 { padding-bottom: 30px; } .disInline { display: inline !important; } .flex { display: flex; align-items: start; /*this change was breaking all flex content, removed to fix * justify-content: end; align-self: flex-end;*/ } .flexMiddle { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .pad1Rem { padding: 1rem 2rem; } .top0 { padding-top: 0px !important; margin-top: 0px; } /* clock countdown */ .count-item { display: inline-block; position: relative; } .txt-light { color: white; } .absolute { position: absolute; } #countDown svg { -webkit-transform: rotate(-90deg); height: 160px; transform: rotate(-90deg); width: 160px; } .circle_animation { stroke-dasharray: 345; stroke-dashoffset: 345; transition: all 1s linear; } #countDown svg { -webkit-transform: rotate(-90deg); height: 160px; transform: rotate(-90deg); width: 160px; } .circle_animation { stroke-dasharray: 345; stroke-dashoffset: 345; transition: all 1s linear; } .count-item { display: inline-block; position: relative; } h1.schoolStars { background: -webkit-linear-gradient(top, #8f6B29, #FDE08D, #DF9F28); background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 4rem; } @media screen and (max-width: 400px) { #countDown { display: none; } .jumbotron h1 + p { padding-bottom: 10px; } } /* school star read more */ #more, #more2, #more3, #more4 { display: none; } .jumbotron div div { padding: 0px; } .breathe { margin: 10px 0px; } .Deepbreath { margin: 20px 0px; } #collapseExampleBeta .card-body, #collapseExampleAlpha .card-body, #collapseExampleDelta .card-body, #collapseCharlie .card-body { padding: 0px; } #collapseExampleBeta .card, #collapseExampleAlpha .card, #collapseExampleDelta .card, #collapseCharlie .card { background: none !important; border-radius: 0px; border: 0px; } .modal-body figure img { border: 1px solid #ddd; } #collapseExampleAlpha a:active { display: none; } .pad15 { padding: 0px !important; } .p-r-15 { padding-right: 15px; } .p-l-15 { padding-left: 15px; } .p-s-0 { padding: 0px; } @media only screen and (max-width: 800px) { .mobileDisplay { display: block; } .desktopDisplay { display: none; } .schoolStarsM .col-md-3, .schoolStarsM .col-md-5, .schoolStarsM .col-md-7, .schoolStarsM .col-md-4 { margin-bottom: 30px; } .greyBox img { margin: 0px auto; } } @media only screen and (min-width: 800px) { .mobileDisplay { display: none; } .desktopDisplay { display: block; } } h3.Stars { font-weight: bold; text-shadow: 1px 1px 2px #777777; } a.Stars, a.Stars:visited { color: #006693; } .ss-btn { font-weight: bold; border-bottom: 2px solid #8D6635; border-radius: 5px; padding: 10px 20px; background: linear-gradient(90deg, rgba(188, 128, 84, 1) 0%, rgba(204, 151, 107, 1) 50%, rgba(214, 160, 108, 1) 100%); text-transform: uppercase; display: inline-block; margin-top: 10px !important; text-shadow: 1px 1px #AAAAAA; transition: 0.3s; color: #fff; } .ss-btn:hover { box-shadow: 0px 2px 4px rgba(213, 160, 108, 0.5); color: #fff; padding: 10px 20px; } .threeW { width: 300px !important; } .padL0 { padding-left: 0px !important; } .center { text-align: center !important; } p.greyText { color: #555; text-align: center; line-height: 140%; font-size: 14px; padding-top: 8px; } .btn-green { background: #8EC549; } .btn-darkgreen.seeAllbtn { background:#5E8123; } .btn-orange { background: #F15B2C !important; } .text-purple { color: #3B3461 !important; } /* remote learning 2020 */ .remoteLearning .jumbotron { background: url(/wp-content/uploads/cloudsBG.jpg); background-size: cover; background-position: bottom center; } .remoteLearning h1 { font-size: 2.35em; color: #3B3461; } .remoteLearning h2 { color: #118BC9; font-weight: bold; font-size: 1.75em; } .remoteLearning h2 { color: #118BC9; font-weight: bold; font-size: 1.8em; } .remoteLearning a { text-decoration: underline; } .remoteLearning .hide-info-desktop { display: inline-block; } .remoteLearning .hide-info-desktop.carousel-control { display: flex; } .remoteLearning .two-item .carousel-col { width: 49.9%%; } .remoteLearning .two-item + .carousel-control-prev { left: -12px; } .remoteLearning .two-item + .carousel-control-prev + .carousel-control-next { right: -12px; } .remoteLearning .two-item + .carousel-control-prev, .remoteLearning .two-item + .carousel-control-prev + .carousel-control-next { height: 35px; width: 35px; } .remoteLearning .two-item + .carousel-control-prev .carousel-control-prev-icon, .remoteLearning .two-item + .carousel-control-prev + .carousel-control-next .carousel-control-next-icon { width: 15px; height: 15px; } .remoteLearning .two-item .tooltip-btn .btn { padding: 10px; font-size: 13px; } @media (min-width: 651px) { .remoteLearning .two-item .active > div:first-child + div { display: block; } .remoteLearning .two-item .carousel-col { width: 50%; } .remoteLearning .two-item .carousel-inner .carousel-item-right.active, .remoteLearning .two-item .carousel-inner .carousel-item-next { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } .remoteLearning .two-item .carousel-inner .carousel-item-left.active, .remoteLearning .two-item .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .remoteLearning .two-item .carousel-inner .carousel-item-right, .remoteLearning .two-item .carousel-inner .carousel-item-left, .remoteLearning .two-item .carousel-inner .carousel-item:first-child.carousel-item-next.carousel-item-left, .remoteLearning .two-item .carousel-inner .carousel-item-prev.carousel-item-right.last-item { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .remoteLearning .two-item .sliderExpanded .carousel-item:nth-child(2n + 1) .carousel-col { clear: left; } } @media screen and (min-width: 1501px) { .remoteLearning .active > div:first-child + div { display: block; } .remoteLearning .carousel-col { width: 50%; } .remoteLearning .carousel-inner .carousel-item-right.active, .remoteLearning .carousel-inner .carousel-item-next { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } .remoteLearning .carousel-inner .carousel-item-left.active, .remoteLearning .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .remoteLearning .carousel-inner .carousel-item-right, .remoteLearning .carousel-inner .carousel-item-left, .remoteLearning .carousel-inner .carousel-item:first-child.carousel-item-next.carousel-item-left, .remoteLearning .carousel-inner .carousel-item-prev.carousel-item-right.last-item { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .remoteLearning .sliderExpanded .carousel-item:nth-child(3n + 1) .carousel-col { clear: none; } } .highlightsBox h3, .remoteLearning h3 { color: #5FAF13; font-size: 20px; } .remoteLearning .flex-xs-12 { padding: 10px; } .remoteLearning .remoteEbook { margin-top: -25%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .remoteLearning .d-flex { display: block !important; } } /*How To Video Styles*/ .videos.tab-content > .active { display: block; } #videoTab .nav-link, .nav-tabs a.nav-link, .nav-tabs .nav-item.show .nav-link { color: #006693 !important; border: 0 !important; } .nav-tabs a.nav-link:hover, .nav-tabs a.nav-link:hover .badge { border: 0 !important; font-weight: bold; } #videoTab .nav-link.active, #videoTab .nav-link.active .badge { font-weight: bold; color: #555555 !important; } .badge-videos { color: #222222; background-color: #EEEEEE; padding: 10px; font-size: 1.1em; width: 40px; font-weight: normal; } .video-text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; } .video-text p + ul, .video-text p + p, .video-text ul, .video-text p em { display: none; } .seehide { margin-top: -25px; } a.archive { color: #006693 !important; cursor: pointer; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border: 0; } .Featured.Webinars.How-To { border: 0; } .Featured.Webinars.How-To .border-dull { border: 4px solid #006693; } /* Event Resources page 9-17-202Q */ .event-resources-top { background: transparent linear-gradient(270deg, #006693 0%, #004D6F 100%) 0% 0% no-repeat padding-box; color: #fff; padding: 30px 0px; border-bottom: 4px solid #83D734; } .er-pb { padding-bottom: 30px; border-bottom: 1px solid #eee; margin-bottom: 60px; } .lightBlue-bg { background-color: rgba(139, 214, 246, 0.1) } .lightBlue h3 { color: #222222; } .lightBlue-bg { color: #707070; padding: 20px 0px; } .lightBlue-bg h3 { text-transform: uppercase; color: #222222 !important; font-weight: 600; font-size: 1em; margin-bottom: 8px; } .er-topBox { background-color: rgba(255, 255, 255, 0.2); align-self: center; padding: 20px; } .event-resources-h1 { font-size: 1.7rem; border-bottom: 3px solid #64B3D5; padding-bottom: 10px; width: 75%; } .er-events-raffle { background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('/wp-content/uploads/raffle-bg.jpg'); background-size: cover; border-radius: 10px; color: #ffffff; } .blueCard { background: #006693; padding-left: 40px; color: #fff; } .san-serif-er { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #555555; } .er-CTA-img { background: url(/wp-content/uploads/er-cta.png) rgba(221, 221, 221, 1); background-size: cover; } .er-boxPad { padding: 20px; } .er-blueCTA { background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/wp-content/uploads/er-cta-rc-3.jpg); padding: 100px 0px; background-size: cover; background-position: center; } .event-resources-card { font-size: 14px; color: #707070; } .er-social-icons a:link, .er-social-icons p { color: #006693; font-size: 16px; } .er-social-icons img { width: 40px; height: 40px; } .d-flex-er { display: flex; } @media only screen and (max-width: 600px) { .d-flex-er { display: block; } } .survey-popup { width: 273px; padding: 6px 10px 10px 63px; left: auto; background: #EFEFEF; margin-right: 25px; margin-bottom: 50px; box-shadow: 3px 3px 6px #0000004E; } .survey-popup p { font-size: 14px; letter-spacing: 0px; color: #000000; opacity: 1; margin-bottom: 0; line-height: 1.4em; } .survey-popup .takeSurvey, .survey-popup .takeSurvey a { text-decoration: underline; font-size: 17px; font-weight: 700; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; letter-spacing: 0px; color: #006693; opacity: 1; text-decoration: underline; } .survey-popup .close { height: 16px; width: 31px; padding-bottom: 30px; position: absolute; top: -20px; right: -20px; } .survey-popup img.float-left { width: 95px; margin-left: -103px; position: absolute; margin-top: -13px; } .survey-close-button { outline: none !important; box-shadow: none !important; cursor: pointer; background: transparent; width: 39px; float: right; margin-top: -25px; margin-right: -30px; } /*.dd-mega-menu.dropdown-menu { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 10px 20px #00000029; opacity: 1; } @media screen and (min-width: 992px) { .dd-mega-menu.dropdown-menu { width:700px; } } @media screen and (min-width: 1200px) { .dd-mega-menu.dropdown-menu { width:755px; } } .dd-mega-menu a.dropdown-item { text-align: left; font-size:14px; line-height:18px; letter-spacing: 0px; color: #585858 !important; opacity: 1; white-space: normal; border-left: 3px solid #fff; font-family: muli, sans-serif; } .dd-mega-menu a.dropdown-item span { text-align: left; font-weight:800; font-size:18px; line-height:28px; letter-spacing: 0px; color: #242E4C; opacity: 1; display:block; margin-bottom:8px; } .dd-mega-menu a.dropdown-item:hover { background-color:#fff; border-left: 3px solid #782592; }*/ /* Event resources phase 3 */ ul.er-tabs { border-bottom: 1px solid #555; } .er-tabs .dropdown-item, .er-tabs .nav-link { color: #555 !important; background-color: white; font-size: 20px; } ul.er-tabs .nav-link.active { background: #ffffff; border-bottom: 6px solid #006693; color: #006693 !important; } section.events-Resources .tab-content > .active { display: block !important; } .er-events-raffle a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; background: #999; } .er-events-raffle a { background: #8EC549; } .er-events-raffle select { text-transform: none; padding: 8px; border-radius: 4px; } .bg-customize { background-color: transparent; background-image: url(/wp-content/uploads/ShowLibby_BG-6-21.jpg); border-radius: 0px; padding: 0px; background-repeat: no-repeat; background-position: center; min-height: 180px; } .bg-customize h2 { font-weight: 600; font-size: 41px; line-height: 79px; margin-top: -51px !important; margin-left: -90px; } .bg-customize h2 a { color: #fff; } .bg-customize p { font-weight: normal; font-size: 29px; line-height: 28px; color: #fff; font-family: inherit; } @media screen and (max-width: 1439px) { .bg-customize h2 { line-height: 62px !important; margin-top: -32px !important; margin-left: 0px !important; } } @media screen and (max-width: 991px) { .bg-customize h2 { text-align: center !important; } .bg-customize p { font-size: 23px; } } @media screen and (max-width: 767px) { .bg-customize h2 { font-size: 27px !important; } .bg-customize p { font-size: 18px; } } @media screen and (max-width: 425px) { .bg-customize h2 { font-size: 19px !important; } .bg-customize p { font-size: 12px; } } .bg-customize-purple { background-color: #E9DEEF; background-image: url(/wp-content/uploads/customize-bg-k12-min.png); border-radius: 15px; padding: 40px 20px; background-repeat: no-repeat; background-position: left -10px top -20px; } .bg-customize-purple h2 { margin-top: 0px !important; margin-left: 0px; } .bg-customize-purple p { font-weight: normal; font-size: 18px; line-height: 28px; color: #555; } .school-stars-wrapper .blog-img-top { -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; } .new-box { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 50px 99px #1f27780f; border: 2px solid #F2F3F8; border-radius: 16px; overflow: hidden; } .btn-faq { white-space: normal; } /*************** * START New Home Ads *******/ .home-featured .promotions { padding: 66px 0 87px 0; } .home-featured .home-customize { background-color: #eef7fc; border-radius: 15px; padding: 40px 20px; background-image: none; } .home-featured .home-kanopy { background-color: #ffffff; border-radius: 15px; padding: 40px 20px; background-image: none; } .home-featured .global-library-promo { background-color: #d5e7f1; border-radius: 15px; padding: 40px 20px; background-image: none; /*margin: 0 15px; margin-left:3px;*/ } .home-featured .global-schools-promo { background-color: #ece1f1; border-radius: 15px; padding: 40px 20px; background-image: none; /*margin: 0 15px; margin-left:3px;*/ } .home-featured .section-container .global-library-promo h2, .home-featured .section-container .global-schools-promo h2 { font-size: 20px; } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { .home-featured .home-customize { background-image: url('/wp-content/uploads/Custom-Assets-BKGD.jpg'); background-repeat: no-repeat; background-position: 0; background-size: cover; } .home-featured .home-kanopy { background-image: url('/wp-content/uploads/KanopyBanner.png'); background-repeat: no-repeat; background-position: 0; background-size: cover; } } .home-featured .home-customize h2, .home-featured .home-kanopy h2 { font-weight: 900; font-size: 35px; line-height: 48px !important margin-top: 0 !important; margin-left: 0; } .home-featured .home-customize p, .home-featured .home-kanopy p { color: #404040; font-weight: normal; font-size: 18px; line-height: 28px; } /*************** * END New Home Ads *******/ /************** * * Start Libby OD Sunset * ****/ .libby-featured .hero { background-image: none; } .library-featured.libby-featured.sunset-faq .hero { background-image: url(/wp-content/uploads/HexagonCluster-Wine.png); } .libby-featured .hero-image-shadow { -webkit-filter: drop-shadow(0 30px 30px rgba(31, 39, 120, 0.1)); filter: drop-shadow(0 30px 30px rgba(31, 39, 120, 0.1)); -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#1F2778')"; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#1F2778')"; } .libby-featured.library-featured.sunset-faq .hero { background-position: left -55px top -247px } @media only screen and (min-width: 768px) { .libby-featured.library-featured .hero { background-position: right -137px top -232px; } .libby-featured .hero-copy-wrap p { max-width: 100%; } } @media only screen and (min-width: 992px) { .libby-featured.library-featured .hero { background-position: right -390px top -150px; } .libby-featured .hero-copy-wrap p { max-width: 100%; } .libby-featured.library-featured.sunset-faq .hero { /* background-position: left 57px top -233px;*/ background-position: right -100px top -233px; } } @media screen and (min-width: 1200px) { .libby-featured.library-featured .hero { background-position: left 464px top -80px; } .libby-featured .hero-copy-wrap p { max-width: 668px; } .libby-featured.library-featured.sunset-faq .hero { background-position: left 300px top -212px; } } @media screen and (min-width: 1400px) { .libby-featured.library-featured .hero { background-position: left 611px top -31px; } .libby-featured.library-featured.sunset-faq .hero { /*background-position: left 300px top -212px;*/ background-position: right -107px top -190px; } } @media screen and (min-width: 1600px) { .libby-featured.library-featured .hero { background-position: left 806px top -21px; } .libby-featured.library-featured.sunset-faq .hero { /* background-position: left 406px top -212px;*/ background-position: right -107px top -190px; } } @media screen and (min-width: 1900px) { .libby-featured.library-featured .hero hero { background-position: left 830px top -31px; } } .libby-featured .grey-bg-box { background: #F9FAFC 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 25px; opacity: 1; padding: 47px; } .libby-featured .white-bg-box { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 50px 99px #1F27780F; border: 2px solid #F2F3F8; border-radius: 16px; opacity: 1; padding: 28px 26px 53px 26px; } .libby-featured.library-featured .hero .row { min-height: 625px; } .libby-featured.library-featured.sunset-faq .hero .row { min-height: 400px; } .libby-featured .hero-copy-wrap { padding: 0 0 0 60px; margin: 0 0 0 -60px; } .libby-featured .hero h4 { margin-top: -20px; } .libby-featured .hero p { font-size: 18px; line-height: 28px; } .libby-featured li { font-size: 18px; margin-bottom: 5px; } .libby-featured a.libby-blue-link { text-decoration: underline; color: #006693; } .libby-featured .grey-bg-box p, .libby-featured .faq-resources p { font-size: 18px; } .libby-featured .faq-resources p { color: #242E4C; } .libby-featured .faq-resources h3 { font-size: 22px; line-height: 28px; letter-spacing: 0px; color: #000000; opacity: 1; font-weight: 800; } .libby-featured .libby-promotions .bg-lightblue-grad { background: transparent linear-gradient(245deg, #D4EAF5 0%, #DFEEF5 100%) 0% 0% no-repeat padding-box; opacity: 1; border-radius: 15px; padding: 40px 20px; } .libby-featured .libby-promotions .bg-lightblue-grad h2 { font: normal normal 900 40px/48px Muli; letter-spacing: -0.5px; color: #003655; opacity: 1; } .libby-featured .libby-promotions .bg-lightblue-grad p { text-align: left; font: normal normal normal 18px/28px Muli; letter-spacing: 0px; color: #004361; opacity: 1; } .libby-featured .libby-promotions .btn-dkblue-outline { background-color: #003555; border: #003555 solid 3px; color: #fff !important; cursor: pointer; /*padding: .6rem .9rem 0.7rem .9rem;*/ padding: .6rem .9rem; } .libby-featured .libby-promotions .btn-dkblue-outline:hover { color: #003555 !important; border: #003555 solid 3px; background-color: #fff; text-decoration: none; /*padding: .6rem .9rem 0.7rem .9rem;*/ padding: .6rem .9rem; } .libby-featured .libby-promotions .btn-dkblue-outline:hover path { stroke: #003555; } .libby-featured .libby-promotions .btn-dkblue-outline:hover .solid path { fill: #003555; } .fa-rotate-20 { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } #FAQcarousel { position: relative; height: 641px; /*top: 354px;*/ top: 320px; transform: translateY(-50%); overflow: hidden; margin-bottom: 50px; } #FAQcarousel div { position: absolute; transition: transform 1s, left 1s, opacity 1s, z-index 0s; opacity: 1; cursor: pointer; } #FAQcarousel div img { width: 400px; transition: width 1s; } #FAQcarousel div.hideLeft { left: 0%; opacity: 0; transform: translateY(50%) translateX(-50%); } #FAQcarousel div.hideLeft img { width: 200px; } #FAQcarousel div.hideRight { left: 100%; opacity: 0; transform: translateY(50%) translateX(-50%); } #FAQcarousel div.hideRight img { width: 200px; } #FAQcarousel div.prev { z-index: 5; left: 30%; transform: translateY(50px) translateX(-50%); } #FAQcarousel div.prev img { width: 300px; } #FAQcarousel div.prevLeftSecond { z-index: 4; left: 15%; transform: translateY(50%) translateX(-50%); opacity: 0.7; } #FAQcarousel div.prevLeftSecond img { width: 200px; } #FAQcarousel div.selected { z-index: 10; left: 50%; transform: translateY(0px) translateX(-50%); } #FAQcarousel div.next { z-index: 5; left: 70%; transform: translateY(50px) translateX(-50%); } #FAQcarousel div.next img { width: 300px; } #FAQcarousel div.nextRightSecond { z-index: 4; left: 85%; transform: translateY(50%) translateX(-50%); opacity: 0.7; } #FAQcarousel div.nextRightSecond img { width: 200px; } #FAQprev, #FAQnext { border: none; background: transparent; font-size: 80px; outline: none; margin-top: -340px; cursor: pointer; color: #ccc; } /************** * * End Libby OD Sunset * ****/ /*Comic & Graphic novel page boxes start*/ .resource-container { justify-content: center; margin-bottom: 80px; } .resource-boxes { max-width: 396px; min-height: 302px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border: 1px solid #B1B1B1; display: flex; flex-wrap: wrap; padding: 20px; flex: 1; margin-top: 30px; align-items: center; justify-content: center; } .resource-boxes:first-child { margin-right: 50px; } .resource-boxes .heading { text-align: center; font-size: 18px; letter-spacing: 0px; color: #555555; opacity: 1; font-weight: 500; padding: 0px 30px; margin-bottom: 10px; } .resource-boxes .heading.first { margin-bottom: 36px; } .resource-boxes a { min-width: 250px; display: block; margin: 0 auto; margin-top: 20px; } .resource-boxes .image-group { text-align: center; } .resource-boxes img { width: 107px; height: 142px; margin-right: 5px; } /*Comic & Graphic novel page boxes end*/ /*feature page*/ .swoop-svg { margin-top:-30px; background-color: #F9FAFC; } .features-enhancements .header h1 { font-family: freight-text-pro, serif; font-style: normal; font-weight: 300; letter-spacing: -0.54px; color: #151A29; font-size: 3em; } .features-enhancements .header h4 { font-size: .9em; opacity: .6; font-weight: normal; } .features-enhancements .header p { font-size: 18px; line-height: 28px; } .features-enhancements .contact-team .bg-lightpurple-grad { background: rgb(61,149,197); background: -webkit-linear-gradient(left, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: -o-linear-gradient(left, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: linear-gradient(to right, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); opacity: 1; border-radius: 15px; padding: 20px; } .features-enhancements .contact-team .bg-lightpurple-grad h2 { font-weight: 900; font-size: 40px; line-height:48px; letter-spacing: -0.5px; color: #003655; opacity: 1; } .features-enhancements .contact-team .bg-lightpurple-grad p { text-align: left; font: normal normal normal 18px/28px Muli; letter-spacing: 0px; color: #004361; opacity: 1; } .features-enhancements .contact-team .btn-dkblue-outline { background-color: #003555; border: #003555 solid 3px; color: #fff !important; cursor: pointer; padding: .6rem .9rem; } .features-enhancements .contact-team .btn-dkblue-outline:hover { color: #003555 !important; border: #003555 solid 3px; background-color: #fff; text-decoration: none; padding: .6rem .9rem; } .features-enhancements .contact-team .btn-dkblue-outline:hover path { stroke: #003555; } .features-enhancements .contact-team .btn-dkblue-outline:hover .solid path { fill: #003555; } .fa-rotate-20 { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } .white-callout-box { border-radius: 20px; background: #F9FAFC 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px #00000029; padding: 36px; } .white-callout-box { color: #333; } .features-enhancements .bg-ltblue-blue .white-boxes { width: 100%; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 10px 20px 20px #33073E6E; border: 2px solid #F2F3F8; border-radius: 16px; padding: 10px; /*padding: 30px 40px;*/ transition: all .2s ease-in-out; } .features-enhancements .kit-wrapper { border: none; margin-bottom: 0; } .features-enhancements .about h5 { font-weight: 800; font-size: 20px; line-height:30px; letter-spacing: 0px; color: #242E4C; opacity: 1; } .features-enhancements .about p.caption { font-size: 14px; color: #242E4C; opacity: 1; } .box-category-label { text-align: left; font-weight: bold; font-size: 12px; line-height: 28px; letter-spacing: 1.2px; color: #000000; text-transform: uppercase; opacity: 0.49; } .box-description-title { text-align: left; font-weight: 800; font-size: 24px; line-height: 32px; letter-spacing: 0px; color: #000000; opacity: 1; } .box-description { text-align: left; font-weight: normal; font-size: 18px; line-height: 28px; letter-spacing: 0px; color: #242E4C; opacity: 1; } .box-description h3 { font-weight: bold; font-size: 18px; line-height: 24px; letter-spacing: 0px; color: #82199B; opacity: 1; } .box-description a { white-space: normal; } .showhide.collapsed .fa { transform: rotate( 180deg ); } .showhide .fa { transition: .3s transform ease-in-out; } .showhide { border: none; outline: none; background: transparent; cursor: pointer; text-decoration: none; color: #791E94;; font-size: 16px; font-weight: normal; } hr.hr-white { border: 3px solid #ffffff; border-radius: 5px; width: 70px; } .showhide:active, .showhide:focus { border: none; outline: none; } .showhide.collapsed .more, .showhide .less { display: inline; } .showhide .more, .showhide.collapsed .less { display: none; } .library-featured.features-enhancements .header { background: rgb(61,149,197); background: -moz-linear-gradient(90deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: -webkit-linear-gradient(90deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: linear-gradient(90deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d95c5",endColorstr="#1177b5",GradientType=1); } .library-featured.features-enhancements .hero-copy-wrap { background: none; } .library-featured.features-enhancements .bg-ltblue-blue { background: rgb(61,149,197); background: -moz-linear-gradient(168deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: -webkit-linear-gradient(168deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: linear-gradient(168deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d95c5",endColorstr="#1177b5",GradientType=1); } .features-enhancements .blog-post-wrapper { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 25px; overflow: hidden; } .features-enhancements .header h3 { font-family: muli, sans-serif; font-weight: 800; color: #ffffff; line-height: 38px; font-size: 30px; } @media screen and (min-width: 992px) { .features-enhancements .bg-ltblue-blue .container { margin-bottom:85px; } .library-featured.features-enhancements .hero-copy-wrap { width:100%; background: transparent url('https://static.od-cdn.com/white_dots_featured_page.svg') 0% 0% no-repeat padding-box; } } .text-green{color:#8EC549;} /******** Start Mega Menu Style*********/ /***Hide App Updates****/ .dropdown-item[title="App Updates"] { display: none; } .nav-link, .dropdown-item { color: #242E4C !important; text-align: left; margin: 10px 20px 5px 20px; } .mobile-search { margin-right: 20px; } .dropdown-toggle::after { border: none !important; font-weight: 900; font-family: 'Font Awesome 5 Free'; content: "\f107" !important; vertical-align: 0; margin-left: .4em; } .show .dropdown-toggle::after { content: "\f105" !important; } .dropdown-menu.search.show { margin-top: 0; } .dropdown-menu.show { margin-top: 160px; left: 0; } /******App Update hide*****/ a[title="Library"] + .dropdown-menu.show { margin-top: 174px; min-height: 271px; } a[title="Library"] + .dropdown-menu.show .description-menu { } .description-menu { text-align: left; position: absolute; margin-top: -403px; list-style: none; padding-left: 0; } .dropdown-menu li { padding-left: 30px } .description-menu li { border-bottom: 1px solid; padding: 5px 0; } .dd-mega-menu.dropdown-menu { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 10px 20px #00000029; opacity: 1; } .dropdown-menu { background-color: #ffffff; min-width: 715px; left: -300px; border-top: 0; padding-left: 0px; } .description-item { display: block; width: 100%; /*padding: .25rem 1.25rem; padding: 0 1.25rem;*/ padding: .25rem .8rem .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .description-item:focus, .description-item:hover { text-decoration: none; } .customize-support .back-light.subNavScrolled { padding-top: 0; top: 103px !important; } .btn-search { background: #fff; color: #418C82; border: none !important; font-size: 1.15em; } .btn-search:hover, .btn-search:active, .btn-search:focus { color: #418C82 !important; box-shadow: none !important; } .navbar-brand img.od-rc-nav-logo { filter: brightness(0) invert(1); max-width: 180px; margin-top: auto; } .navbar-form { margin-top: 10px; } .form-inline.show .input-group-append .btn { border-radius: 0 !important; } .btn-round-white { background: #FFFFFF 0% 0% no-repeat padding-box; margin-top: 10px; border-radius: 0; -webkit-border-top-right-radius: 21px; -webkit-border-bottom-right-radius: 21px; border-top-right-radius: 21px; border-bottom-right-radius: 21px; opacity: 1; color: #0074B4; padding: 7px 11px; } .btn-round-white.collapsed { background: #FFFFFF 0% 0% no-repeat padding-box; margin-top: 10px; border-radius: 21px; opacity: 1; color: #0074B4; padding: 7px 11px; } .btn-round-white.btn:active, .btn-round-white.btn:focus, .btn-round-white.btn:active:focus, .btn.btn-round-white.btn:active, .btn.btn-round-white.btn:focus, .btn.btn-round-white.btn:active:focus { box-shadow: none; color: #0074B4 !important; } .back-white { background-color: #fff; } #navbar { margin-top: 10px; /*margin-bottom:10px;*/ background-color: #fff; width: 100%; } .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .nav-item .dropdown-item:hover, .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .dropdown-item:hover { background-color: #fff; font-weight: 700; } .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .nav-item .dropdown-item:hover { color: #0D6791 !important; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .dropdown-item:hover { color: #782592 !important; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .description-item, .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .nav-item .description-item, .nav-item a.nav-link[title="Professional & Academic"] + .dropdown-menu .nav-item .description-item { border-left: 3px solid #ffffff; } .nav-item a.dropdown-toggle.nav-link[title="Library"] { border-left: 3px solid #0D6791; padding: .3em .8em; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] { border-left: 3px solid #782592; padding: .3em .8em; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .description-menu li { border-bottom-color: #782592; } .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .description-menu li { border-bottom-color: #0D6791; } .nav-item a.nav-link[title="Professional & Academic"] { border-left: 3px solid #398466; padding: .3em .8em; } .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .nav-item .description-item:hover { background-color: #fff; border-left: 3px solid #0D6791; /*font-weight:bold;*/ color: #0D6791 !important; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .description-item:hover { background-color: #fff; border-left: 3px solid #782592; color: #782592 !important; } /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { .dropdown-menu .nav-item .description { display: none } } /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) { .dropdown-menu .nav-item .description { display: none } } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { /*****App Updates***/ a[title="Library"] + .dropdown-menu.show { margin-top: 0; } a[title="Library"] + .dropdown-menu.show .description-menu { margin-top: -4px; } /*****App Updates***/ .dropdown-toggle.nav-link { margin-right: 10px } .dropdown-toggle::after { content: "\f105" !important; } .dropdown-menu li { padding-left: 0; } .show .dropdown-toggle::after { content: "\f107" !important; } .description-menu li { border-bottom: none; padding: 0; } .navbar-collapse .dropdown-item, .nav-link { color: white !important; } .nav-link, .dropdown-item { margin: auto; } .dropdown-menu.show { margin-top: 0; } #navbar { background-color: transparent; width: auto; } .dropdown-menu .nav-item, .description-menu .nav-item { width: 50%; display: inline-block; float: left; min-height: 118px; white-space: normal; } .dropdown-menu .nav-item .dropdown-item { white-space: normal; font-weight: normal; font-size: .95em; color: #242E4C !important; padding: 0 15px; transition: all 0.08s ease; -webkit-transition: all 0.08s ease; -moz-transition: all 0.08s ease; -o-transition: all 0.08s ease; } .dropdown-menu .nav-item .description-item { white-space: normal; font-weight: 700; line-height: 1.23em; font-size: 1.00em; color: #242E4C !important; border-left: 3px solid #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .dropdown-menu > li > a { padding: 0 20px; margin-bottom: 20px; } .dropdown-menu .nav-item .description { display: block; font-weight: 400; font-size: 14.4px; /*font-size: .9em; line-height: 1.45em;*/ line-height: 1.3em; color: #000000 !important; } .mega-nav .dropdown-menu { /*padding:30px 20px 0 20px;*/ padding: 20px; width: 600px; left: -166%; background-color: #fff; border-radius: 0; box-shadow: 0px 10px 20px #00000029; top: /*132%*/ 35px; height: 290px; } .mega-nav .description-menu { display: inline-block !important; position: relative; top: -252px; bottom: 230px; background: transparent; left: 230px; width: 450px; padding-left: 20px; box-shadow: none; border: none; border-left: 1px solid #A3A3A3; text-align: left; margin-top: 20px; } /* App Updates Spacing**/ .nav-item a.dropdown-item[title="App Updates"] + ul.description-menu { top: -210px; } .dropdown-menu .nav-item { width: 28%; display: block; float: none; min-height: auto; white-space: normal; } .menu-item-has-children .dropdown-menu .nav-item { width: 192px; /*-------------------*/ } .mega-nav .description-menu .nav-item { float: left; display: inline-block; width: 50%; white-space: normal; } .mega-nav .description-menu .nav-item:nth-child(-n + 2) { min-height: 148px; } .nav-item a.dropdown-toggle.nav-link[title="Library"], .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "], .nav-item a.nav-link[title="Professional & Academic"] { border-left: none; /*padding: .5rem 1rem;*/ padding-top: 0; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .description-menu .nav-item:nth-child(-n + 2) { min-height: 125px; } /*.mega-nav .dropdown-menu { width:840px; left:-450px; top: 137%; height:246px; }*/ .mega-nav .dropdown-menu.search { right: 10px; left: auto; padding: 0; height: 51px; top: 117px; } } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { .nav-item a.dropdown-toggle.nav-link[title="Library"], .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "], .nav-item a.nav-link[title="Professional & Academic"] { border-left: none; padding: .5rem 1rem; } .menu-item-has-children .dropdown-menu .nav-item.menu-item-1176 { /*width: 192px;*/ width: 210px; } .mega-nav .dropdown-menu { width: 840px; left: -450px; top: 137%; height: 246px; } .dropdown-menu .nav-item .description-item { line-height: 24px; } .mega-nav .description-menu .nav-item:nth-child(-n + 2) { min-height: 118px; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .description-menu .nav-item:nth-child(-n + 2) { min-height: 110px; } .nav-item a.dropdown-item[title="App Updates"] + ul.description-menu { /* App Updates Spacing * top: -237px;*/ top: -197px; } .dropdown-menu .nav-item .dropdown-item { font-size: 14px; } .dd-mega-menu.dropdown-menu { width: 700px; } .mega-nav .description-menu { display: inline-block !important; position: relative; top: -219px; bottom: 230px; background: transparent; left: 230px; width: 570px; padding-left: 20px; box-shadow: none; border: none; border-left: 1px solid #A3A3A3; } .dropdown-menu .nav-item { width: 33%; } .mega-nav .dropdown-menu { width: 840px; left: -450px; top: 132%; height: auto; } .menu-item-has-children .dropdown-menu .nav-item:last-child { margin-bottom: -197px; } .menu-item-has-children .dropdown-menu .description-menu .nav-item:last-child { margin-bottom: 0; } .mega-nav .dropdown-menu.search { right: 10px; left: auto; /*height: 92px;*/ height: 51px; top: 70px; } a[title="Library"] + .dropdown-menu.show .description-menu { margin-top: 0; top: -237px; } a[title="Library"] + .dropdown-menu .nav-item:last-child { margin-bottom: -213px; } } /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { .menu-item-has-children .dropdown-menu .nav-item:last-child { margin-bottom: -212px; } /*****App Updates***/ a[title="Library"] + .dropdown-menu.show .description-menu { margin-top: 0; top: -237px; } a[title="Library"] + .dropdown-menu.show { min-height: auto; } a[title="Library"] + .dropdown-menu .nav-item:last-child { margin-bottom: -213px; } .nav-item a.dropdown-item[title="App Updates"] + ul.description-menu { /* App Updates Spacing * top: -237px;*/ top: -180px; } .dd-mega-menu.dropdown-menu { width: 755px; } .dd-mega-menu a.dropdown-item, .dd-mega-menu a.description-item { text-align: left; font-size: 14px; line-height: 18px; letter-spacing: 0px; color: #585858 !important; opacity: 1; white-space: normal; border-left: 3px solid #fff; /*margin:10px 20px;*/ font-family: muli, sans-serif; } .dd-mega-menu a.dropdown-item span, .dd-mega-menu a.description-item span { text-align: left; font-weight: 800; font-size: 18px; line-height: 28px; letter-spacing: 0px; color: #242E4C; opacity: 1; display: block; margin-bottom: 8px; } .dd-mega-menu a.dropdown-item:hover, .dd-mega-menu a.description-item:hover { background-color: #fff; border-left: 3px solid #782592; } .mega-nav .dropdown-menu { width: 840px; left: -450px; top: 133%; } } /******** END Mega Menu Style*********/ video::-webkit-media-text-track-display { font-size: 80%; } .customize-support .back-light.subNavScrolled { padding-top: 0; /*top: 103px !important;*/ top: 142px !important; } @media screen and (max-width: 991px) and (min-width: 768px) { .customize-support .back-light.subNavScrolled { top: 186px !important; } } .btn-search { background: #fff; color: #0074B4; border: none !important; font-size: 1.15em; } .btn-search:hover, .btn-search:active, .btn-search:focus, .btn.btn-search:hover, .btn.btn-search:active, .btn.btn-search:focus { color: #0074B4 !important; box-shadow: none !important; } .btn-round-white { background: #FFFFFF 0% 0% no-repeat padding-box; margin-top: 10px; border-radius: 0; -webkit-border-top-right-radius: 21px; -webkit-border-bottom-right-radius: 21px; border-top-right-radius: 21px; border-bottom-right-radius: 21px; opacity: 1; color: #0074B4; padding: 7px 11px; } .btn-round-white.collapsed, .btn-round-white.collapsed:hover { background: #FFFFFF 0% 0% no-repeat padding-box; margin-top: 10px; border-radius: 21px; opacity: 1; color: #0074B4 !important; padding: 7px 11px; } .btn-round-white.btn:active, .btn-round-white.btn:focus, .btn-round-white.btn:active:focus, .btn.btn-round-white.btn:active, .btn.btn-round-white.btn:focus, .btn.btn-round-white.btn:active:focus { box-shadow: none; color: #0074B4 !important; } .back-white { background-color: #fff; } /*#navbar { margin-top:10px; background-color:#fff; width:100%; }*/ /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { /* #navbar { background-color: transparent; width:auto; } } .nav-item a.dropdown-toggle.nav-link[title="Library "] + .dropdown-menu .nav-item .dropdown-item:hover { background-color:#fff; border-left: 3px solid #0D6791; color: #000000; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .dropdown-item:hover { background-color:#fff; border-left: 3px solid #782592; } */ figure { margin: 0; } } /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { /* .dropdown-menu .nav-item .description {display:none} */ } /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) { /*.dropdown-menu .nav-item .description {display:none} }*/ } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { /* .dropdown-menu .nav-item { width: 50%; display: inline-block; float: left; min-height: 118px; white-space:normal; } .dropdown-menu .nav-item .dropdown-item { white-space:normal; font-weight: 700; font-size: 1.05em; color: #242E4C !important; border-left: 3px solid #fff; transition: all 0.5s ease; -webkit-transition : all 0.5s ease; -moz-transition : all 0.5s ease; -o-transition : all 0.5s ease; } .dropdown-menu > li > a { padding: 0 20px; margin-bottom: 20px; } .dropdown-menu .nav-item .description { display:block; font-weight: 400; font-size: .9em; color: #000000 !important; } .mega-nav .dropdown-menu { padding:30px 20px 0 20px; width:667px; left:-100px; background-color:#fff; border-radius:0; box-shadow: 0px 10px 20px #00000029; top: 132%; } */ } /* Medium devices ( 768 and up) */ @media only screen and (min-width: 768px) { /*.mega-nav .dropdown-menu { left:-140px; top: 113%; }*/ } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { /*.mega-nav .dropdown-menu { width:800px; left:-450px; top: 132%; }*/ } /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { /*.mega-nav .dropdown-menu { width:800px; }*/ } .customize-support .fixed-top { top: 32px !important; } .customize-support .subNavScrolled { padding-top: 0; top: 81px !important; } .carousel-col .dropdown-menu > li > a { padding: 5px 20px; } .collection-list h1, .collection-list h3 { color: #006693; font-family: 'Source Serif Pro', 'Serif'; } @media screen and (min-width: 992px) { .col-md-offset-45 { margin-left: 38%; } } @media (max-width: 991px) and (min-width: 767px) { .subNavScrolled { /*top: 84px !important;*/ top: 152px !important; } .customize-support .subNavScrolled { top: 116px !important; } .customize-support .breadcrumbsWrapper { top:148px; } } @media (max-width: 991px) { #secondaryNav { border: 0 !important } } @media (max-width: 767px) { .customize-support main { margin-top: 16px !important; } } .seeAllST { cursor: pointer; } .summer-read .seeAll { background: #E74E39; padding: 8px; border-radius: 5px !important; } .txt-link { color: #fff; } .tribe-events-page-title, .tribe-events-page-title a { color: #777; } .cd-pic { border-radius: 100%; width: 200px; } #modal a[data-ga-title="Multilingual Marketing Kits"] { display: none; } #modal p a[data-ga-title="Multilingual Marketing Kits"] { display: inline-block; } .tooltip-text { border-bottom: 1px dotted #555; display: inline-block; position: relative; } .tooltip-text .tooltip-content { visibility: hidden; width: 200px; background-color: white; color: #555; border-radius: 6px; padding: 10px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -100px; border: 2px solid #555; box-shadow: 0 0 10px #555; font-family: sans-serif; line-height: 1.2; font-size: 14px; } .tooltip-text .tooltip-content::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .tooltip-text:hover .tooltip-content { visibility: visible; } /* school stars 2020 */ .schoolStars { background: #040036 url(/wp-content/uploads/2023-school-stars-background.png); background-size: cover; background-position: bottom center; } .greyBox { padding: 60px 0px; margin: 0px auto 40px auto; background: #eee; } .greyBox img { width: 100px !important; margin: 0px 5px; } .goldBox { padding: 15px; margin: 0px auto; background: linear-gradient(90deg, rgba(191, 145, 85, 1) 0%, rgba(215, 177, 119, 1) 50%, rgba(223, 183, 115, 1) 100%); ; color: #fff; font-weight: bold; text-align: center; border-bottom: 2px solid #BF9155; } ul.schoolStarsList { font-size: 14px; line-height: 1.6; padding-left: 20px; } ul.schoolStarsList li { margin: 8px 0px; } svg#turbo { width: 120px; display: inline; } .padBot30 { padding-bottom: 30px; } .disInline { display: inline !important; } .flex { display: flex; align-items: start; /*this change was breaking all flex content, removed to fix * justify-content: end; align-self: flex-end;*/ } .flexMiddle { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .pad1Rem { padding: 1rem 2rem; } .top0 { padding-top: 0px !important; margin-top: 0px; } /* clock countdown */ .count-item { display: inline-block; position: relative; } .txt-light { color: white; } .absolute { position: absolute; } #countDown svg { -webkit-transform: rotate(-90deg); height: 160px; transform: rotate(-90deg); width: 160px; } .circle_animation { stroke-dasharray: 345; stroke-dashoffset: 345; transition: all 1s linear; } #countDown svg { -webkit-transform: rotate(-90deg); height: 160px; transform: rotate(-90deg); width: 160px; } .circle_animation { stroke-dasharray: 345; stroke-dashoffset: 345; transition: all 1s linear; } .count-item { display: inline-block; position: relative; } h1.schoolStars { background: -webkit-linear-gradient(top, #8f6B29, #FDE08D, #DF9F28); background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 4rem; } @media screen and (max-width: 400px) { #countDown { display: none; } .jumbotron h1 + p { padding-bottom: 10px; } } /* school star read more */ #more, #more2, #more3, #more4 { display: none; } .jumbotron div div { padding: 0px; } .breathe { margin: 10px 0px; } .Deepbreath { margin: 20px 0px; } #collapseExampleBeta .card-body, #collapseExampleAlpha .card-body, #collapseExampleDelta .card-body, #collapseCharlie .card-body { padding: 0px; } #collapseExampleBeta .card, #collapseExampleAlpha .card, #collapseExampleDelta .card, #collapseCharlie .card { background: none !important; border-radius: 0px; border: 0px; } .modal-body figure img { border: 1px solid #ddd; } #collapseExampleAlpha a:active { display: none; } .pad15 { padding: 0px !important; } .p-r-15 { padding-right: 15px; } .p-l-15 { padding-left: 15px; } .p-s-0 { padding: 0px; } @media only screen and (max-width: 800px) { .mobileDisplay { display: block; } .desktopDisplay { display: none; } .schoolStarsM .col-md-3, .schoolStarsM .col-md-5, .schoolStarsM .col-md-7, .schoolStarsM .col-md-4 { margin-bottom: 30px; } .greyBox img { margin: 0px auto; } } @media only screen and (min-width: 800px) { .mobileDisplay { display: none; } .desktopDisplay { display: block; } } h3.Stars { font-weight: bold; text-shadow: 1px 1px 2px #777777; } a.Stars, a.Stars:visited { color: #006693; } .ss-btn { font-weight: bold; border-bottom: 2px solid #8D6635; border-radius: 5px; padding: 10px 20px; background: linear-gradient(90deg, rgba(188, 128, 84, 1) 0%, rgba(204, 151, 107, 1) 50%, rgba(214, 160, 108, 1) 100%); text-transform: uppercase; display: inline-block; margin-top: 10px !important; text-shadow: 1px 1px #AAAAAA; transition: 0.3s; color: #fff; } .ss-btn:hover { box-shadow: 0px 2px 4px rgba(213, 160, 108, 0.5); color: #fff; padding: 10px 20px; } .threeW { width: 300px !important; } .padL0 { padding-left: 0px !important; } .center { text-align: center !important; } p.greyText { color: #555; text-align: center; line-height: 140%; font-size: 14px; padding-top: 8px; } .btn-green { background: #8EC549; } .btn-orange { background: #F15B2C !important; } .text-dark-purple { color: #3B3461 !important; } /* remote learning 2020 */ .remoteLearning .jumbotron { background: url(/wp-content/uploads/cloudsBG.jpg); background-size: cover; background-position: bottom center; } .remoteLearning h1 { font-size: 2.35em; color: #3B3461; } .remoteLearning h2 { color: #118BC9; font-weight: bold; font-size: 1.75em; } .remoteLearning h2 { color: #118BC9; font-weight: bold; font-size: 1.8em; } .remoteLearning a { text-decoration: underline; } .remoteLearning .hide-info-desktop { display: inline-block; } .remoteLearning .hide-info-desktop.carousel-control { display: flex; } .remoteLearning .two-item .carousel-col { width: 49.9%%; } .remoteLearning .two-item + .carousel-control-prev { left: -12px; } .remoteLearning .two-item + .carousel-control-prev + .carousel-control-next { right: -12px; } .remoteLearning .two-item + .carousel-control-prev, .remoteLearning .two-item + .carousel-control-prev + .carousel-control-next { height: 35px; width: 35px; } .remoteLearning .two-item + .carousel-control-prev .carousel-control-prev-icon, .remoteLearning .two-item + .carousel-control-prev + .carousel-control-next .carousel-control-next-icon { width: 15px; height: 15px; } .remoteLearning .two-item .tooltip-btn .btn { padding: 10px; font-size: 13px; } @media (min-width: 651px) { .remoteLearning .two-item .active > div:first-child + div { display: block; } .remoteLearning .two-item .carousel-col { width: 50%; } .remoteLearning .two-item .carousel-inner .carousel-item-right.active, .remoteLearning .two-item .carousel-inner .carousel-item-next { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } .remoteLearning .two-item .carousel-inner .carousel-item-left.active, .remoteLearning .two-item .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .remoteLearning .two-item .carousel-inner .carousel-item-right, .remoteLearning .two-item .carousel-inner .carousel-item-left, .remoteLearning .two-item .carousel-inner .carousel-item:first-child.carousel-item-next.carousel-item-left, .remoteLearning .two-item .carousel-inner .carousel-item-prev.carousel-item-right.last-item { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .remoteLearning .two-item .sliderExpanded .carousel-item:nth-child(2n + 1) .carousel-col { clear: left; } } @media screen and (min-width: 1501px) { .remoteLearning .active > div:first-child + div { display: block; } .remoteLearning .carousel-col { width: 50%; } .remoteLearning .carousel-inner .carousel-item-right.active, .remoteLearning .carousel-inner .carousel-item-next { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } .remoteLearning .carousel-inner .carousel-item-left.active, .remoteLearning .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .remoteLearning .carousel-inner .carousel-item-right, .remoteLearning .carousel-inner .carousel-item-left, .remoteLearning .carousel-inner .carousel-item:first-child.carousel-item-next.carousel-item-left, .remoteLearning .carousel-inner .carousel-item-prev.carousel-item-right.last-item { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .remoteLearning .sliderExpanded .carousel-item:nth-child(3n + 1) .carousel-col { clear: none; } } .highlightsBox h3, .remoteLearning h3 { color: #5FAF13; font-size: 20px; } .remoteLearning .flex-xs-12 { padding: 10px; } .remoteLearning .remoteEbook { margin-top: -25%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .remoteLearning .d-flex { display: block !important; } } /*How To Video Styles*/ .videos.tab-content > .active { display: block; } #videoTab .nav-link, .nav-tabs a.nav-link, .nav-tabs .nav-item.show .nav-link { color: #006693 !important; border: 0 !important; } .nav-tabs a.nav-link:hover, .nav-tabs a.nav-link:hover .badge { border: 0 !important; font-weight: bold; } #videoTab .nav-link.active, #videoTab .nav-link.active .badge { font-weight: bold; color: #555555 !important; } .badge-videos { color: #222222; background-color: #EEEEEE; padding: 10px; font-size: 1.1em; width: 40px; font-weight: normal; } .video-text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; } .video-text p + ul, .video-text p + p, .video-text ul, .video-text p em { display: none; } .seehide { margin-top: -25px; } a.archive { color: #006693 !important; cursor: pointer; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border: 0; } .Featured.Webinars.How-To { border: 0; } .Featured.Webinars.How-To .border-dull { border: 4px solid #006693; } /* Event Resources page 9-17-202Q */ .event-resources-top { background: transparent linear-gradient(270deg, #006693 0%, #004D6F 100%) 0% 0% no-repeat padding-box; color: #fff; padding: 30px 0px; border-bottom: 4px solid #83D734; } .er-pb { padding-bottom: 30px; border-bottom: 1px solid #eee; margin-bottom: 60px; } .lightBlue-bg { background-color: rgba(139, 214, 246, 0.1) } .lightBlue h3 { color: #222222; } .lightBlue-bg { color: #707070; padding: 20px 0px; } .lightBlue-bg h3 { text-transform: uppercase; color: #222222 !important; font-weight: 600; font-size: 1em; margin-bottom: 8px; } .er-topBox { background-color: rgba(255, 255, 255, 0.2); align-self: center; padding: 20px; } .event-resources-h1 { font-size: 1.7rem; border-bottom: 3px solid #64B3D5; padding-bottom: 10px; width: 75%; } .er-events-raffle { background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('/wp-content/uploads/raffle-bg.jpg'); background-size: cover; border-radius: 10px; color: #ffffff; } .blueCard { background: #006693; padding-left: 40px; color: #fff; } .san-serif-er { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #555555; } .er-CTA-img { background: url(/wp-content/uploads/er-cta.png) rgba(221, 221, 221, 1); background-size: cover; } .er-boxPad { padding: 20px; } .er-blueCTA { background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/wp-content/uploads/er-cta-rc-3.jpg); padding: 100px 0px; background-size: cover; background-position: center; } .event-resources-card { font-size: 14px; color: #707070; } .er-social-icons a:link, .er-social-icons p { color: #006693; font-size: 16px; } .er-social-icons img { width: 40px; height: 40px; } .d-flex-er { display: flex; } @media only screen and (max-width: 600px) { .d-flex-er { display: block; } } .survey-popup { width: 273px; padding: 6px 10px 10px 63px; left: auto; background: #EFEFEF; margin-right: 25px; margin-bottom: 50px; box-shadow: 3px 3px 6px #0000004E; } .survey-popup p { font-size: 14px; letter-spacing: 0px; color: #000000; opacity: 1; margin-bottom: 0; line-height: 1.4em; } .survey-popup .takeSurvey, .survey-popup .takeSurvey a { text-decoration: underline; font-size: 17px; font-weight: 700; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; letter-spacing: 0px; color: #006693; opacity: 1; text-decoration: underline; } .survey-popup .close { height: 16px; width: 31px; padding-bottom: 30px; position: absolute; top: -20px; right: -20px; } .survey-popup img.float-left { width: 95px; margin-left: -103px; position: absolute; margin-top: -13px; } .survey-close-button { outline: none !important; box-shadow: none !important; cursor: pointer; background: transparent; width: 39px; float: right; margin-top: -25px; margin-right: -30px; } /*.dd-mega-menu.dropdown-menu { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 10px 20px #00000029; opacity: 1; } @media screen and (min-width: 992px) { .dd-mega-menu.dropdown-menu { width:700px; } } @media screen and (min-width: 1200px) { .dd-mega-menu.dropdown-menu { width:755px; } } .dd-mega-menu a.dropdown-item { text-align: left; font-size:14px; line-height:18px; letter-spacing: 0px; color: #585858 !important; opacity: 1; white-space: normal; border-left: 3px solid #fff; font-family: muli, sans-serif; } .dd-mega-menu a.dropdown-item span { text-align: left; font-weight:800; font-size:18px; line-height:28px; letter-spacing: 0px; color: #242E4C; opacity: 1; display:block; margin-bottom:8px; } .dd-mega-menu a.dropdown-item:hover { background-color:#fff; border-left: 3px solid #782592; }*/ /* Event resources phase 3 */ ul.er-tabs { border-bottom: 1px solid #555; } .er-tabs .dropdown-item, .er-tabs .nav-link { color: #555 !important; background-color: white; font-size: 20px; } ul.er-tabs .nav-link.active { background: #ffffff; border-bottom: 6px solid #006693; color: #006693 !important; } section.events-Resources .tab-content > .active { display: block !important; } .er-events-raffle a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; background: #999; } .er-events-raffle a { background: #8EC549; } .er-events-raffle select { text-transform: none; padding: 8px; border-radius: 4px; } .bg-customize { background-color: transparent; background-image: url(/wp-content/uploads/ShowLibby_BG-6-21.jpg); border-radius: 0px; padding: 0px; background-repeat: no-repeat; background-position: center; min-height: 180px; } .bg-customize h2 { font-weight: 600; font-size: 41px; line-height: 79px; margin-top: -51px !important; margin-left: -90px; } .bg-customize h2 a { color: #fff; } .bg-customize p { font-weight: normal; font-size: 29px; line-height: 28px; color: #fff; font-family: inherit; } @media screen and (max-width: 1439px) { .bg-customize h2 { line-height: 62px !important; margin-top: -32px !important; margin-left: 0px !important; } } @media screen and (max-width: 991px) { .bg-customize h2 { text-align: center !important; } .bg-customize p { font-size: 23px; } } @media screen and (max-width: 767px) { .bg-customize h2 { font-size: 27px !important; line-height: unset !important; } .bg-customize p { font-size: 18px; } } @media screen and (max-width: 425px) { .bg-customize h2 { font-size: 19px !important; } .bg-customize p { font-size: 12px; } } .bg-customize-purple { background-color: #E9DEEF; background-image: url(/wp-content/uploads/customize-bg-k12-min.png); border-radius: 15px; padding: 40px 20px; background-repeat: no-repeat; background-position: left -50px top -20px; } .bg-customize-purple h2 { margin-top: 0px !important; margin-left: 0px; } .bg-customize-purple p { font-weight: normal; font-size: 18px; line-height: 28px; color: #555; } .school-stars-wrapper .blog-img-top { -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; } .new-box { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 50px 99px #1f27780f; border: 2px solid #F2F3F8; border-radius: 16px; overflow: hidden; } .btn-faq { white-space: normal; } /*************** * START New Home Ads *******/ .home-featured .promotions { padding: 66px 0 87px 0; } .home-featured .home-customize { background-color: #eef7fc; border-radius: 15px; padding: 40px 20px; background-image: none; } .home-featured .global-library-promo { background-color: #d5e7f1; border-radius: 15px; padding: 40px 20px; background-image: none; /*margin: 0 15px; margin-left:3px;*/ } .home-featured .global-schools-promo { background-color: #ece1f1; border-radius: 15px; padding: 40px 20px; background-image: none; /*margin: 0 15px; margin-left:3px;*/ } .home-featured .section-container .global-library-promo h2, .home-featured .section-container .global-schools-promo h2 { font-size: 20px; } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { .home-featured .home-customize { background-image: url('/wp-content/uploads/Custom-Assets-BKGD.jpg'); background-repeat: no-repeat; background-position: 0; background-size: cover; } } .home-featured .home-customize h2 { font-weight: 900; font-size: 35px; line-height: 48px !important margin-top: 0 !important; margin-left: 0; } .home-featured .home-customize p { color: #404040; font-weight: normal; font-size: 18px; line-height: 28px; } /*************** * END New Home Ads *******/ /************** * * Start Libby OD Sunset * ****/ .libby-featured .hero { background-image: none; } .library-featured.libby-featured.sunset-faq .hero { background-image: url(/wp-content/uploads/HexagonCluster-Wine.png); } .libby-featured .hero-image-shadow { -webkit-filter: drop-shadow(0 30px 30px rgba(31, 39, 120, 0.1)); filter: drop-shadow(0 30px 30px rgba(31, 39, 120, 0.1)); -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#1F2778')"; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#1F2778')"; } .libby-featured.library-featured.sunset-faq .hero { background-position: left -55px top -247px } @media only screen and (min-width: 768px) { .libby-featured.library-featured .hero { background-position: right -137px top -232px; } .libby-featured .hero-copy-wrap p { max-width: 100%; } } @media only screen and (min-width: 992px) { .libby-featured.library-featured .hero { background-position: right -390px top -150px; } .libby-featured .hero-copy-wrap p { max-width: 100%; } .libby-featured.library-featured.sunset-faq .hero { /* background-position: left 57px top -233px;*/ background-position: right -100px top -233px; } } @media screen and (min-width: 1200px) { .libby-featured.library-featured .hero { background-position: left 464px top -80px; } .libby-featured .hero-copy-wrap p { max-width: 668px; } .libby-featured.library-featured.sunset-faq .hero { background-position: left 300px top -212px; } } @media screen and (min-width: 1400px) { .libby-featured.library-featured .hero { background-position: left 611px top -31px; } .libby-featured.library-featured.sunset-faq .hero { /*background-position: left 300px top -212px;*/ background-position: right -107px top -190px; } } @media screen and (min-width: 1600px) { .libby-featured.library-featured .hero { background-position: left 806px top -21px; } .libby-featured.library-featured.sunset-faq .hero { /* background-position: left 406px top -212px;*/ background-position: right -107px top -190px; } } @media screen and (min-width: 1900px) { .libby-featured.library-featured .hero hero { background-position: left 830px top -31px; } } .libby-featured .grey-bg-box { background: #F9FAFC 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 25px; opacity: 1; padding: 47px; } .libby-featured .white-bg-box { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 50px 99px #1F27780F; border: 2px solid #F2F3F8; border-radius: 16px; opacity: 1; padding: 28px 26px 53px 26px; } .libby-featured.library-featured .hero .row { min-height: 625px; } .libby-featured.library-featured.sunset-faq .hero .row { min-height: 400px; } .libby-featured .hero-copy-wrap { padding: 0 0 0 60px; margin: 0 0 0 -60px; } .libby-featured .hero h4 { margin-top: -20px; } .libby-featured .hero p { font-size: 18px; line-height: 28px; } .libby-featured li { font-size: 18px; margin-bottom: 5px; } .libby-featured a.libby-blue-link { text-decoration: underline; color: #006693; } .libby-featured .grey-bg-box p, .libby-featured .faq-resources p { font-size: 18px; } .libby-featured .faq-resources p { color: #242E4C; } .libby-featured .faq-resources h3 { font-size: 22px; line-height: 28px; letter-spacing: 0px; color: #000000; opacity: 1; font-weight: 800; } .libby-featured .libby-promotions .bg-lightblue-grad { background: transparent linear-gradient(245deg, #D4EAF5 0%, #DFEEF5 100%) 0% 0% no-repeat padding-box; opacity: 1; border-radius: 15px; padding: 40px 20px; } .libby-featured .libby-promotions .bg-lightblue-grad h2 { font: normal normal 900 40px/48px Muli; letter-spacing: -0.5px; color: #003655; opacity: 1; } .libby-featured .libby-promotions .bg-lightblue-grad p { text-align: left; font: normal normal normal 18px/28px Muli; letter-spacing: 0px; color: #004361; opacity: 1; } .libby-featured .libby-promotions .btn-dkblue-outline { background-color: #003555; border: #003555 solid 3px; color: #fff !important; cursor: pointer; /*padding: .6rem .9rem 0.7rem .9rem;*/ padding: .6rem .9rem; } .libby-featured .libby-promotions .btn-dkblue-outline:hover { color: #003555 !important; border: #003555 solid 3px; background-color: #fff; text-decoration: none; /*padding: .6rem .9rem 0.7rem .9rem;*/ padding: .6rem .9rem; } .libby-featured .libby-promotions .btn-dkblue-outline:hover path { stroke: #003555; } .libby-featured .libby-promotions .btn-dkblue-outline:hover .solid path { fill: #003555; } .fa-rotate-20 { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } #FAQcarousel { position: relative; height: 641px; /*top: 354px;*/ top: 320px; transform: translateY(-50%); overflow: hidden; margin-bottom: 50px; } #FAQcarousel div { position: absolute; transition: transform 1s, left 1s, opacity 1s, z-index 0s; opacity: 1; cursor: pointer; } #FAQcarousel div img { width: 400px; transition: width 1s; } #FAQcarousel div.hideLeft { left: 0%; opacity: 0; transform: translateY(50%) translateX(-50%); } #FAQcarousel div.hideLeft img { width: 200px; } #FAQcarousel div.hideRight { left: 100%; opacity: 0; transform: translateY(50%) translateX(-50%); } #FAQcarousel div.hideRight img { width: 200px; } #FAQcarousel div.prev { z-index: 5; left: 30%; transform: translateY(50px) translateX(-50%); } #FAQcarousel div.prev img { width: 300px; } #FAQcarousel div.prevLeftSecond { z-index: 4; left: 15%; transform: translateY(50%) translateX(-50%); opacity: 0.7; } #FAQcarousel div.prevLeftSecond img { width: 200px; } #FAQcarousel div.selected { z-index: 10; left: 50%; transform: translateY(0px) translateX(-50%); } #FAQcarousel div.next { z-index: 5; left: 70%; transform: translateY(50px) translateX(-50%); } #FAQcarousel div.next img { width: 300px; } #FAQcarousel div.nextRightSecond { z-index: 4; left: 85%; transform: translateY(50%) translateX(-50%); opacity: 0.7; } #FAQcarousel div.nextRightSecond img { width: 200px; } #FAQprev, #FAQnext { border: none; background: transparent; font-size: 80px; outline: none; margin-top: -340px; cursor: pointer; color: #ccc; } /************** * * End Libby OD Sunset * ****/ /*Comic & Graphic novel page boxes start*/ .resource-container { justify-content: center; margin-bottom: 80px; } .resource-boxes { max-width: 396px; min-height: 302px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border: 1px solid #B1B1B1; display: flex; flex-wrap: wrap; padding: 20px; flex: 1; margin-top: 30px; align-items: center; justify-content: center; } .resource-boxes:first-child { margin-right: 50px; } .resource-boxes .heading { text-align: center; font-size: 18px; letter-spacing: 0px; color: #555555; opacity: 1; font-weight: 500; padding: 0px 30px; margin-bottom: 10px; } .resource-boxes .heading.first { margin-bottom: 36px; } .resource-boxes a { min-width: 250px; display: block; margin: 0 auto; margin-top: 20px; } .resource-boxes .image-group { text-align: center; } .resource-boxes img { width: 107px; height: 142px; margin-right: 5px; } /*Comic & Graphic novel page boxes end*/ /*feature page*/ .swoop-svg { margin-top:-30px; background-color: #F9FAFC; } .features-enhancements .header h1 { font-family: freight-text-pro, serif; font-style: normal; font-weight: 300; letter-spacing: -0.54px; color: #151A29; font-size: 3em; } .features-enhancements .header h4 { font-size: .9em; opacity: .6; font-weight: normal; } .features-enhancements .header p { font-size: 18px; line-height: 28px; } .features-enhancements .contact-team .bg-lightpurple-grad { background: rgb(61,149,197); background: -webkit-linear-gradient(left, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: -o-linear-gradient(left, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: linear-gradient(to right, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); opacity: 1; border-radius: 15px; padding: 20px; } .features-enhancements .contact-team .bg-lightpurple-grad h2 { font-weight: 900; font-size: 40px; line-height:48px; letter-spacing: -0.5px; color: #003655; opacity: 1; } .features-enhancements .contact-team .bg-lightpurple-grad p { text-align: left; font: normal normal normal 18px/28px Muli; letter-spacing: 0px; color: #004361; opacity: 1; } .features-enhancements .contact-team .btn-dkblue-outline { background-color: #003555; border: #003555 solid 3px; color: #fff !important; cursor: pointer; padding: .6rem .9rem; } .features-enhancements .contact-team .btn-dkblue-outline:hover { color: #003555 !important; border: #003555 solid 3px; background-color: #fff; text-decoration: none; padding: .6rem .9rem; } .features-enhancements .contact-team .btn-dkblue-outline:hover path { stroke: #003555; } .features-enhancements .contact-team .btn-dkblue-outline:hover .solid path { fill: #003555; } .fa-rotate-20 { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } .white-callout-box { border-radius: 20px; background: #F9FAFC 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px #00000029; padding: 36px; } .white-callout-box { color: #333; } .features-enhancements .bg-ltblue-blue .white-boxes { width: 100%; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 10px 20px 20px #33073E6E; border: 2px solid #F2F3F8; border-radius: 16px; padding: 10px; /*padding: 30px 40px;*/ transition: all .2s ease-in-out; } .features-enhancements .kit-wrapper { border: none; margin-bottom: 0; } .features-enhancements .about h5 { font-weight: 800; font-size: 20px; line-height:30px; letter-spacing: 0px; color: #242E4C; opacity: 1; } .features-enhancements .about p.caption { font-size: 14px; color: #242E4C; opacity: 1; } .box-category-label { text-align: left; font-weight: bold; font-size: 12px; line-height: 28px; letter-spacing: 1.2px; color: #000000; text-transform: uppercase; opacity: 0.49; } .box-description-title { text-align: left; font-weight: 800; font-size: 24px; line-height: 32px; letter-spacing: 0px; color: #000000; opacity: 1; } .box-description { text-align: left; font-weight: normal; font-size: 18px; line-height: 28px; letter-spacing: 0px; color: #242E4C; opacity: 1; } .box-description h3 { font-weight: bold; font-size: 18px; line-height: 24px; letter-spacing: 0px; color: #82199B; opacity: 1; } .box-description a { white-space: normal; } .showhide.collapsed .fa { transform: rotate( 180deg ); } .showhide .fa { transition: .3s transform ease-in-out; } .showhide { border: none; outline: none; background: transparent; cursor: pointer; text-decoration: none; color: #791E94;; font-size: 16px; font-weight: normal; } hr.hr-white { border: 3px solid #ffffff; border-radius: 5px; width: 70px; } .showhide:active, .showhide:focus { border: none; outline: none; } .showhide.collapsed .more, .showhide .less { display: inline; } .showhide .more, .showhide.collapsed .less { display: none; } .library-featured.features-enhancements .header { background: rgb(61,149,197); background: -moz-linear-gradient(90deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: -webkit-linear-gradient(90deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: linear-gradient(90deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d95c5",endColorstr="#1177b5",GradientType=1); } .library-featured.features-enhancements .hero-copy-wrap { background: none; } .library-featured.features-enhancements .bg-ltblue-blue { background: rgb(61,149,197); background: -moz-linear-gradient(168deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: -webkit-linear-gradient(168deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: linear-gradient(168deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d95c5",endColorstr="#1177b5",GradientType=1); } .features-enhancements .blog-post-wrapper { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 25px; overflow: hidden; } .features-enhancements .header h3 { font-family: muli, sans-serif; font-weight: 800; color: #ffffff; line-height: 38px; font-size: 30px; } @media screen and (min-width: 992px) { .features-enhancements .bg-ltblue-blue .container { margin-bottom:85px; } .library-featured.features-enhancements .hero-copy-wrap { width:100%; background: transparent url('https://static.od-cdn.com/white_dots_featured_page.svg') 0% 0% no-repeat padding-box; } } /*KANOPY CSS START*/ .bg-k-blue { background-color:#022034; } .kanopy-icons .d-flex { justify-content:center; } .discover-kanopy-mobile {display:none !important;} .kanopy-resources h2 {margin-top:0 !important;} @media screen and (max-width: 710px) { .kanopy-icons {display:none;} .discover-kanopy-mobile {display:block !important; max-width:280px;} .discover-kanopy-desktop {display:none !important;} } /*KANOPY CSS END*/ /**** sora promo 88? * */ .sora-featured .sora-promotions .bg-lightpurple-grad { background: transparent linear-gradient(245deg, #E9DAED 0%, #E9DAED 100%) 0% 0% no-repeat padding-box; opacity: 1; border-radius: 15px; padding: 40px 20px; } .sora-featured .sora-promotions .bg-lightpurple-grad h2 { font: normal normal 900 40px/48px Muli; letter-spacing: -0.5px; color: #000000; opacity: 1; } .sora-featured .sora-promotions .bg-lightpurple-grad p { text-align: left; font: normal normal normal 18px/28px Muli; letter-spacing: 0px; color: #000000; opacity: 1; } .sora-featured .sora-promotions .btn-dkblue-outline { background-color: #003555; border: #003555 solid 3px; color: #fff !important; cursor: pointer; padding: .6rem .9rem; } .sora-featured .sora-promotions .btn-dkblue-outline:hover { color: #003555 !important; border: #003555 solid 3px; background-color: #fff; text-decoration: none; /*padding: .6rem .9rem 0.7rem .9rem;*/ padding: .6rem .9rem; } .sora-featured .sora-promotions .btn-dkblue-outline:hover path { stroke: #003555; } .sora-featured .sora-promotions .btn-dkblue-outline:hover .solid path { fill: #003555; } /* Academic Menu */ #menu-item-17466{ flex-direction:column; } #menu-item-17466 ul.dropdown-menu.show { min-width: 300px; width: 100%; min-height: 130PX; display: flex; align-items: center; justify-content: flex-start; padding-left: 30px; left: -60px; padding-top: 20px; height: auto; padding-right: 40px; flex-direction:column; } #menu-item-17466 ul.dropdown-menu.show li a{ font-weight: 700; padding: 0px; font-size: 16px; height:auto; margin-bottom:0px; } #menu-item-17466 ul.dropdown-menu.show li.nav-item:last-child{ margin-bottom:0px; width:100%!important } #menu-item-17466 ul.dropdown-menu.show li a span{ font-size: 13px; } #menu-item-17466 ul.dropdown-menu.show li a{ border-left: 3px solid rgba(255,255,255,0); padding-right: 0px; padding-left: 20px; margin-right: 0px; width: 100%; } #menu-item-17466 ul.dropdown-menu.show li a{ font-size:14px; } #menu-item-17466 ul.dropdown-menu.show li a:hover{ border-left: 3px solid #398466; color: #398466 !important; background:none!important; transition:all .25 ease; } #menu-item-20982{ padding: 0px!important; margin: 0px; width: 100%; padding-bottom: 5px!important; } #menu-item-20982 a{ padding-left: 0px!important; font-weight: normal!important; margin-left: 0px!important; } #menu-item-20982 a:hover{ border-left: 3px solid rgba(255,255,255,0)!important; font-weight:bold!important; } @media screen and (max-width: 767px) { #menu-item-20982 a{ padding-left:50px!important; } #menu-item-17466 ul.dropdown-menu.show{ min-width: auto!important; width: 100%; min-height: auto!important; display: flex; align-items: center; justify-content: flex-start; padding-left: 0px; left: -60px; padding-top: 0px; height: auto; margin-top:0px!important; } #menu-item-17466 ul.dropdown-menu.show li a{ padding-left:0px; font-weight:normal; } } /****DIVERSITY AUDIT BANNER****/ .banner-bg { border-radius: 6px; width: 100%; overflow: hidden; } .library-featured .banner-bg, #library_diveristy_banner .banner-bg { background: #E6F1F8; } .k12-featured .banner-bg, #collection_development_banner .banner-bg { background: #F2E9F4; } .banner-diversityaudit { background: url(https://images.overdrive.com/ui/Div_audit-promo_collage-B_v1-70.png); background-repeat: no-repeat; background-position: center calc(100% + 85px) ; background-size: 654px; display: flex; flex-wrap: wrap; padding: 20px 40px 300px 20px; text-align: center; align-items: center; } .banner-shelfexpress { background: url(https://images.overdrive.com/ui/Shelf_express_bk-covers_v2-a_05x-min_1_1x.png); background-repeat: no-repeat; background-position: center calc(100% + 200px) ; background-size: 754px; display: flex; flex-wrap: wrap; padding: 20px 40px 190px 20px; text-align: center; align-items: center; } .section-container .banner-diversityaudit h2, .banner-diversityaudit h2, .banner-shelfexpress h2, .section-container .banner-shelfexpress h2 { font-family: 'Muli'; font-style: normal; font-weight: 700; font-size: 33px; line-height: 41px; color: #000000; text-align: left; margin-top: 0; } .banner-diversityaudit p, .banner-shelfexpress p { font-family: 'Muli'; font-style: normal; font-weight: 600; font-size: 22px; line-height: 32px; color: #000000; text-align: left; } .banner-diversityaudit > div, .banner-shelfexpress > div { flex: 1 1 80%; } .banner-diversityaudit h2, .banner-shelfexpress h2 { font-family: 'Metropolis'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 24px; } .banner-diversityaudit h2 span, .banner-shelfexpress h2 span { color: #17ADFF; } @media screen and (min-width: 768px) { .banner-diversityaudit { background-position: center calc(100% + 200px) ; background-size: unset; display: flex; flex-wrap: wrap; padding: 20px 40px 200px 20px; text-align: left; } .banner-diversityaudit > div, .banner-shelfexpress > div { flex: 1 1 50%; }\ } @media screen and (min-width: 992px) { .banner-diversityaudit { background: url(https://images.overdrive.com/ui/Div_audit-promo_collage-B_v1-70.png); background-repeat: no-repeat; background-position: calc(100% + 307px) center; display: block; padding: 40px 24px; } .banner-shelfexpress { background: url(https://images.overdrive.com/ui/Shelf_express_bk-covers_v2-a_05x-min_1_1x.png); background-repeat: no-repeat; background-position: calc(100% + 307px) center; display: block; padding: 40px 24px; } .banner-diversityaudit > div { width: 50%; } .banner-shelfexpress > div { width: 41%; } } @media screen and (min-width: 1200px) { .banner-diversityaudit { background-position: calc(100% + 187px) center; } .banner-shelfexpress { background-position: calc(100% + 300px) center; } .banner-diversityaudit > div, .banner-shelfexpress > div { width: 580px; } } @media screen and (min-width: 1400px) { .banner-diversityaudit, .banner-shelfexpress { background-position: calc(100% + 120px) center; } .banner-diversityaudit > div, .banner-shelfexpress > div { width: 680px; } } /****DIVERSITY AUDIT BANNER****/ /***** JUMP TO LIST STYLES *****/ html { scroll-behavior: smooth; } .collection-reco-lists { font-family: 'Muli'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #555555; width: 100%; max-width: 1470px; margin: 0 auto; } .collection-reco-lists .intro { padding: 30px; display: flex; flex: 0 0 100%; flex-direction: column; align-items: center; text-align: center; } .collection-reco-lists .intro img { max-height: 100px; max-width: 100px; } .collection-reco-lists h1 { font-family: 'FreightText Pro'; font-style: normal; font-weight: 400; font-size: 48px; line-height: 61px; leading-trim: both; text-edge: cap; color: #000000; } .collection-reco-lists .wrapper { display: block; } @media screen and (min-width: 768px) { .collection-reco-lists .wrapper { margin: 0; display: grid; grid-template-columns: 300px 1fr; /* this breaks position sticky in Firefox */ /* overflow-x: hidden; */ } .collection-reco-lists .list-main { margin-top: -130px; padding-top: 130px; } .collection-reco-lists .intro { padding: 48px 2em 48px 0; display: flex; flex: 0 0 100%; flex-direction: row; text-align: left; align-items: flex-start } .collection-reco-lists .intro img { margin-top: 10px; margin-right: 36px; } } .collection-reco-lists nav { white-space: nowrap; font-family: 'Muli'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #000000; } .collection-reco-lists nav ul { list-style: none; margin: 0; padding: 0 15px 50px 0; } .collection-reco-lists nav h2 { font-family: 'Muli'; font-style: normal; font-weight: 800; font-size: 16px; line-height: 20px; color: #000000; padding-left: 1rem; } /* Only stick if you can fit */ @media (min-height: 300px) { .collection-reco-lists nav div { position: sticky; top: 170px; } } .collection-reco-lists nav ul li a { display: block; padding: 0.5rem 1rem; color: #000000; text-decoration: none; transition: all 0.4s ease; white-space: break-spaces; } .collection-reco-lists nav ul li a.current, .collection-reco-lists nav ul li a:hover { background: #E1EFF6; border-radius: 10px; font-weight: bold; } .collection-reco-lists .wrapper section { padding: 0 1rem 2rem 1rem; margin: 0 0 1rem 0; } @media screen and (min-width: 768px) { .collection-reco-lists .wrapper section { padding: 0 2rem 2rem 2rem; } } .collection-reco-lists .wrapper section ul { padding: 0; margin: 0; } .collection-reco-lists .wrapper .list-main section li,.option2-wrapper li{ list-style: none; border-top: 1px solid #e9eaec; font-family: 'Muli'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; list-style-position: outside; padding: .6em 2em .6em .6em; display: block; } .collection-reco-lists .wrapper .list-main section li a, .option2-wrapper li a{ font-family: 'Muli'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; list-style-position: outside; display: block; color: #333333; } .collection-reco-lists .wrapper .list-main section li:hover,#jumptoOption2_list li:hover { background-color: #E1EFF6; background-image: url(https://images.overdrive.com/misc/up-right-from-square-solid_1.svg); background-position: calc(100% - 10px) center; background-size: 15px; background-repeat: no-repeat; } #jumptoOption2_list li.subheader:hover { background-color: transparent; background-image: none; } .collection-reco-lists .wrapper .list-main section li a:hover { text-decoration: none; } .collection-reco-lists .list-main { /*top: 3em;*/ position: relative; margin-top: -130px; padding-top: 130px; } .collection-reco-lists section h3 { font-family: 'FreightText Pro'; font-style: normal; font-weight: 400; font-size: 24px; line-height: 31px; color: #000000; } .collection-reco-lists .desktop-select { margin-left: 10px; } .collection-reco-lists .mobile-select { position: sticky; position: -webkit-sticky; top: 109px; z-index: 1000; width: 100%; margin-bottom: 30px; } .customize-support .collection-reco-lists .mobile-select { top: 142px; } .collection-reco-lists .mobile-select select { width: 100%; border-radius: 0; border-left: none; border-right: none; font-weight: bold; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; /* SVG background image */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --%3E%3Cpath d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E"); background-size: .9em; background-position: calc(100% - 1.0em) center; background-repeat: no-repeat; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right: 30px; } .collection-reco-lists .mobile-select select option { text-overflow: ellipsis; overflow: hidden; } .option2-wrapper li{ list-style-type:none; } .wrapper.jumpto-optional-dropdown { margin-bottom: 40px; } .jumpto-optional-dropdown h2 { font-family: Muli; font-size: 14px; font-weight: 700; line-height: 17.57px; text-align: left; color: #000; } .jumpto-optional-dropdown .dropdown-column { padding-left: 1rem; padding-right: 20px; } .Library select#RecoListDropDown { border-left: #0074B4 solid 7px; } .K-12Schools select#RecoListDropDown { border-left: #791E94 solid 7px; } .Global select#RecoListDropDown { border-left: #0074B4 solid 7px; } .Academic select#RecoListDropDown { border-left: #398466 solid 7px; } .Professional select#RecoListDropDown { border-left: #B34404 solid 7px; } /***** END JUMP TO LIST STYLES *****/ /**** GERMAN LANGUAGE JUMP TO STYLES ***/ .german-language.collection-reco-lists .newsletterDiv{ display:none; } .german-language.collection-reco-lists .emptyNewsletterDiv{ display:block; } .german-language.collection-reco-lists nav ul li a { text-wrap: initial; white-space:normal !important; word-wrap:break-word;} .german-language.collection-reco-lists .list-main { position: relative; margin-top: -150px; padding-top: 150px; } .german-language.collection-reco-lists #newsletter_selection.blue-select { border-left: #0074B4 solid 7px; } .german-language.collection-reco-lists #newsletter_selection { width: 100%; font-weight: bold; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; /* SVG background image */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --%3E%3Cpath d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E"); background-size: .9em; background-position: calc(100% - 1.0em) center; background-repeat: no-repeat; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right: 30px; } .german-language.collection-reco-lists .intro { padding: 30px 20px; } .german-language.collection-reco-lists .intro.newsletter { position: relative; z-index: 1000; display: block; } .german-language.collection-reco-lists .intro.newsletter h3 { font-family: 'FreightText Pro'; font-style: normal; font-weight: 400; font-size: 24px; line-height: 31px; color: #000000; } .german-language.collection-reco-lists .intro.newsletter h5 { font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; color: #000000; } .german-language.collection-reco-lists .intro.newsletter a, .german-language.collection-reco-lists .intro.newsletter span { list-style: none; border-top: 1px solid #e9eaec; border-bottom: 1px solid #e9eaec; font-family: 'Muli'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; list-style-position: outside; padding: 0.6em 2em 0.6em 0.6em; display: block; color: #333333 } .german-language.collection-reco-lists .intro.newsletter a:hover { background-color: #E1EFF6; background-image: url(https://images.overdrive.com/misc/up-right-from-square-solid_1.svg); background-position: calc(100% - 10px) center; background-size: 15px; background-repeat: no-repeat; text-decoration: none; } .german-language.collection-reco-lists .newsletter-selection { display: block; } @media screen and (min-width: 768px) { .german-language.collection-reco-lists .intro { padding: 48px 2em 48px 0; } .german-language.collection-reco-lists .newsletter-selection { display: grid; grid-template-columns: 300px 1fr; } .german-language.collection-reco-lists .newsletter-selection .select-option { padding-right: 2em; } } /**** END GERMAN LANGUAGE JUMP TO STYLES ***/ /***** Kanopy homepage banner ******/ .homepage-banners section { width: 100%; } .kanopy-promo { background: #000; border-radius: 15px; padding: 20px; justify-content: center; background-image: url(/wp-content/uploads/kanopyad-desktop.png); background-position: center -1px; background-repeat: no-repeat; background-size: cover; } .kanopy-promo .promo-text { font-family: Muli; font-style: normal; font-weight: 700; font-size: 17px; line-height: 28px; display: flex; justify-content: center; text-align: center; color: #FFFFFF; margin: 0 auto; max-width: 300px; padding: 20px 0px } .kanopy-promo svg { width: 100%; } .kanopy-promo .btn-basic { background: #fff; color: #000; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 14px 20px; border-radius: 6px; font-family: Muli; font-style: normal; font-weight: 800; font-size: 16px; max-width: 190px; } @media screen and (max-width: 425px) { .kanopy-promo { background-image: url(/wp-content/uploads/kanopyad-mobile.png); } } /***** Kanopy homepage banner ******/ /**** New footer styles ******/ .footer-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; } .footer-grid div { grid-area: unset; margin-right: 0px; } .footer-settings small { gap: 20px; } @media only screen and (max-width: 1024px) { .footer-settings small { flex-direction: column; gap: 10px; } } @media only screen and (max-width: 992px) { .footer-grid {grid-template-columns: repeat(4, 1fr);} .footer-grid .b {grid-column: 1;} .footer-grid .f {grid-column: 1;} } @media screen and (max-width: 600px) { .footer-grid {grid-template-columns: repeat(2, 1fr);} .footer-grid .d {grid-column: 1;} } @media screen and (max-width: 310px) { .footer-grid {grid-template-columns: 1fr;} } /**** New footer styles ******/ /**** Hide Jump to list sidebar ******/ .hide-collection-list-sidebar .desktop-select { display: none !important; } .hide-collection-list-sidebar .wrapper { grid-template-columns: 1fr; } /**** Hide Jump to list sidebar ******/ .subNavScrolled-no-breadcrumbs{background-color: white; box-shadow: 0 2px 2px rgba(0,0,0,0.1); left: 0; overflow-x: auto; overflow-y: hidden; position: fixed; top: 70px; width: 100%; z-index: 10000;} @media screen and (max-width: 820px) { .subNavScrolled-no-breadcrumbs{ top: 109px!important;} } #choose-language-modal{z-index:99999!important} footer li a i { font-size: 24px; } .btn-primary { background-color: #5b802d !important; transition: all 0.4s ease; } </style> </head> <body> <noscript> <iframe src="//www.googletagmanager.com/ns.html?id=GTM-N5TR2F" height="0" width="0"></iframe> </noscript> <a class="skip-link screen-reader-text" href="#content"> Skip to content</a> <nav class="back-primary bakc navbar navbar-expand-md fixed-top"> <div class="container-fluid"> <div class="set-width"> <div class="inline-block navbar-header"> <a class="navbar-brand" href="https://resources.overdrive.com"><img src="https://static.od-cdn.com/od_rc_white_lightblue.svg" alt="OverDrive Resource Center logo" class="d-none" /><img src="https://static.od-cdn.com/overdrive-resource-center-logo-2021.svg" alt="OverDrive Resource Center logo" class="od-rc-nav-logo" /></a> <button type="button" class="ml-auto navbar-toggler txt-light" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <i class="fa fa-bars" aria-hidden="true"></i> </button> <div class="dropdown initial mobile-search pull-right show-sm"> <a href="#" class="dropdown-toggle txt-light" aria-label="Toggle Search" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-search" aria-hidden="true"></i></a> <ul class="dropdown-menu search width-100"> <li class="set-width"> <form role="search" method="get" class="search-form" action="https://resources.overdrive.com"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search" value="" name="s"> </label> <input type="submit" class="search-submit" value="Search"> </form> </li> </ul> </div> </div> <button aria-label="Toggle Search Box" class="btn btn-round-white float-r collapsed hide-md" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"> <i class="fa fa-search"></i> </button> <form role="search" method="get" class="float-r form-inline hide-md inline-block navbar-form collapse" id="collapseExample" action="https://resources.overdrive.com"> <div class="input-group"> <input type="search" class="form-control" placeholder="Search for..." value name="s"> <span class="input-group-append"> <button class="btn btn-search txt-primary " aria-label="Submit Search" type="submit" style="padding-bottom: 6px;"><i class="fa fa-search"></i></button> </span> </div> <!-- /input-group --> </form> <div id="navbar" class="collapse inline-block float-r navbar-collapse"> <ul id="menu-header-menu" class="ml-auto nav navbar-nav mega-nav"><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-71" class="topNavItem menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-71 nav-item"><a title="Library" href="https://resources.overdrive.com/library/" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle nav-link" id="menu-item-dropdown-71">Library</a> <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-71" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1177" class="hide-lg menu-item menu-item-type-post_type menu-item-object-page menu-item-1177 nav-item"><a title="Library Resource Overview" href="https://resources.overdrive.com/library/" class="dropdown-item">Library Resource Overview</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-13927" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13927 nav-item"><a title="Global Public Libraries" href="https://resources.overdrive.com/global-libraries/" class="dropdown-item">Global Public Libraries</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-13928" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13928 nav-item"><a title="Public Library Blog" href="https://company.overdrive.com/blogs/library-blog/" class="dropdown-item">Public Library Blog</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-13929" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13929 nav-item"><a title="Special Offers" href="https://resources.overdrive.com/library/special-offers/" class="dropdown-item">Special Offers</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-14665" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-14665 nav-item"><a title="Features & Service Enhancements" href="https://resources.overdrive.com/library/libby-features/" class="dropdown-item">Features & Service Enhancements</a> <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-71" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1624" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1624 nav-item"><a title="About our library app, Libby" href="https://resources.overdrive.com/library/apps-features-apps/" class="dropdown-item">About our library app, Libby<span class="description">Learn about how to reach more readers with Libby, including FAQs, resources, & more.</span ></a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1605" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1605 nav-item"><a title="Library Staff Training" href="https://resources.overdrive.com/library/upcoming-webinars/" class="dropdown-item">Library Staff Training<span class="description">Quick how-to videos; live and on-demand webinars to become an OverDrive expert.</span ></a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-7776" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7776 nav-item"><a title="Marketing & Outreach" href="https://resources.overdrive.com/library/marketing-outreach-trending/" class="dropdown-item">Marketing & Outreach<span class="description">Increase circulation & reach new users with print and digital promotional materials.</span ></a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1615" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1615 nav-item"><a title="Collection Development" href="https://resources.overdrive.com/library/collection-development-recommended-lists/" class="dropdown-item">Collection Development<span class="description">OverDrive librarians curated lists and catalogs with the best hand-picked titles.</span ></a></li> </ul> </li> </ul> </li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-66" class="topNavItem menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children dropdown active menu-item-66 nav-item"><a title="K-12 Schools " href="https://resources.overdrive.com/k-12-schools/" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle nav-link" id="menu-item-dropdown-66">K-12 Schools <span class="caret"></span></a> <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-66" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1176" class="hide-lg menu-item menu-item-type-post_type menu-item-object-page menu-item-1176 nav-item"><a title="K-12 Resource Overview" href="https://resources.overdrive.com/k-12-schools/" class="dropdown-item">K-12 Resource Overview</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-13926" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-3937 current_page_item active menu-item-13926 nav-item"><a title="Global K-12 Schools" href="https://resources.overdrive.com/global-schools/" class="dropdown-item">Global K-12 Schools</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-13931" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13931 nav-item"><a title="K-12 School Blog" href="https://company.overdrive.com/blogs/schools-blog/" class="dropdown-item">K-12 School Blog</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-13932" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13932 nav-item"><a title="Curriculum Support" href="https://resources.overdrive.com/remote-learning/" class="dropdown-item">Curriculum Support</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-17048" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-17048 nav-item"><a title="Features & Service Enhancements" href="https://resources.overdrive.com/k-12-schools/sora-features/" class="dropdown-item">Features & Service Enhancements</a> <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-66" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-20209" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20209 nav-item"><a title="About the Sora app" href="https://resources.overdrive.com/sora/" class="dropdown-item">About the Sora app<span class="description">Get to know our student reading app, it鈥檚 features and more!</span ></a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1657" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1657 nav-item"><a title="How-To Videos & Webinars" href="https://resources.overdrive.com/k-12-schools/upcoming-webinars/" class="dropdown-item">How-To Videos & Webinars<span class="description">How to videos, self-paced modules, live and on-demand webinars and more to get you up to speed on using Sora.</span ></a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-5395" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5395 nav-item"><a title="Promote Reading to Students" href="https://resources.overdrive.com/k-12-schools/marketing-outreach-trending/" class="dropdown-item">Promote Reading to Students<span class="description">Increase reading & engagement with exciting promotional materials.</span ></a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1739" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1739 nav-item"><a title="Recommended Reading" href="https://resources.overdrive.com/k-12-schools/collection-development-recommended-lists/" class="dropdown-item">Recommended Reading<span class="description">Our vast collection development lists for leisure or curriculum reading suggestions.</span ></a></li> </ul> </li> </ul> </li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-17466" class="topNavItem menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-17466 nav-item"><a title="Academic Libraries" href="https://resources.overdrive.com/academic/" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle nav-link" id="menu-item-dropdown-17466">Academic Libraries</a> <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-17466" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-20982" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-20982 nav-item"><a title="Academic Libraries Overview" href="/academic/" class="dropdown-item">Academic Libraries Overview</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-20974" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-20974 nav-item"><a title="Collection Development" href="/academic/collection-development/" class="dropdown-item">Collection Development<span class="description">OverDrive librarians curated lists and catalogs with the best hand-picked titles.</span ></a></li> </ul> </li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-17467" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17467 nav-item"><a title="Professional Libraries" href="https://resources.overdrive.com/professional/" class="nav-link">Professional Libraries</a></li> <li class="nav-item dropdown hide-sm initial show-md"><a href="#" class="dropdown-toggle txt-light" data-toggle="dropdown" aria-label="Search" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-search" aria-hidden="true"></i></a><ul class="dropdown-menu m-0 search width-100"><li class="set-width">.<form role="search" method="get" class="search-form" action="https://resources.overdrive.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form></li></ul></li></ul> </div> <!--/.nav-collapse --> </div> </div> </nav> <script> $('button.btn-round-white').click(function(){ $(this).find('i').toggleClass('fa-search fa-times') }); </script> <main> <div id="cookie-notice"> <div class="cookie-notice-container"> <span id="cn-notice-text">This site uses research and analytics cookies that help us understand user behavior. To learn more about how we use and protect your data, please see our <a href="https://company.cdn.overdrive.com/policies/privacy-policy.htm" target="_blank" class="txt-light" style="text-decoration: underline">Privacy Policy.</a></span> <a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-button">Accept</a> <a href="#" id="cn-refuse-cookie" data-cookie-set="refuse" class="cn-button">Refuse</a> </div> </div> <noscript> <div class="back-primary center width-100" style="bottom: 0; position: fixed; z-index: 1001;"> <p class="m-b-0 p-xs txt-light">This site works better with JavaScript enabled!</p> </div> </noscript> <link rel="stylesheet" href="https://use.typekit.net/fqf5wcd.css"> <section id="" class=""> <!-- START COMPONENT post="30951" title="Global Schools Style" --> <style> /*-----General Button Styles ------*/ .btn-basic { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .6rem .8rem .4rem .8rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: all 100ms ease; } .btn-basic path { transition: all 100ms ease; } .btn-small { /* padding: .3rem .5rem .15rem .5rem; */ } .banner-btn { min-width:228px; } .btn-basic{ background-color: #782592; /*border: #782592 solid 3px; */ color: #fff !important; cursor: pointer; } .btn-basic:hover { color: #782592 !important; /*border: #782592 solid 3px; background-color: #fff;*/ text-decoration: none; background: rgba(120, 37, 146, 0.1); /*padding: .6rem 1rem .4rem 1rem;*/ } .btn-basic:hover path { stroke: #782592; } .btn-basic:hover path.solid { fill: #782592; } .btn-basic { background-color: #782592; border: #782592 solid 3px; color: #fff !important; cursor: pointer; } .btn-basic:hover { color: #782592 !important; border: #782592 solid 3px; background-color: #fff; text-decoration: none; padding: .6rem 1rem .4rem 1rem; } .btn-basic:hover path { stroke: #782592; } .btn-basic:hover .solid path { fill: #782592; } .btn-teal { background-color: #41D3BD; border: #41D3BD solid 3px; color: #000; } .btn-teal:hover { background-color: #000; color: #41D3BD; border: #41D3BD solid 3px; text-decoration: none; } .btn-black { background: rgba(0, 0, 0, .8); color: #fff; } .btn-basic {font-weight: 800} .play-btn { } .matrls-icon-k12 { width:160px; float:right; } .global-school .btn-mdblue { background-color: #782592; color: #fff !important; cursor: pointer; } .global-school .btn-mdblue:hover { color: #782592 !important; text-decoration: none; background: rgba(120, 37, 146, 0.1); } .global-school .blog-post-wrapper { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 25px; overflow: hidden; } .global-school .hero-copy-wrap { margin: 0; padding: 0; background-image: none; } .global-school .text-dkgrey:hover, .global-school .text-dkgrey { text-decoration: underline; color: #1D1D1D; font-weight: bold; } .global-school .school-hero-image { width: inherit; max-width: 600px; -webkit-filter: drop-shadow(0 30px 30px rgba(31,39,120,0.1)); filter: drop-shadow(0 30px 30px rgba(31,39,120,0.1)); -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#1F2778')"; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#1F2778')"; } .global-school .kit-container { height: auto; max-height: 167px; } #RecommendedBookLists .kit-container { background-color: #75cde1; } #RecommendedBookLists .kit-container img { margin-top: 0; } .global-school .header-bg-left { background: transparent no-repeat padding-box; background-image: url(https://static.od-cdn.com/globe-icon-outline-purple.svg); /*background-size: 409px; background-position: left -193px top -236px;*/ background-size: 209px; background-position: left -9% top 79%; } .promotions.need-help { padding-bottom: 80px; } .need-help .bg-need-help { background-color: transparent; border-radius: 15px; padding: 30px 20px; background-image: url(/wp-content/uploads/BannerBackground@2x.png); background-repeat:no-repeat; background-size: cover; background-position: center; } .need-help .bg-need-help h2 { top:auto; left:auto; font-weight: 900; font-size: 40px; line-height: 48px; letter-spacing: 0px; color: #003655; opacity: 1; } .need-help .bg-need-help p { font-weight: normal; font-size: 18px; line-height: 28px; color: #000000; } @media only screen and (min-width: 768px) { .global-school .header-bg-left { background-size: 209px; background-position:left -10px top 79% } #RecommendedBookLists .kit-container img { margin-top: -24px; } } @media screen and (min-width: 900px) { } /* Large devices (desktops, 992px and up) */ @media screen and (min-width: 992px) { .global-school .header-bg-left { background-size: 300px; background-position: left -42px top -14px; } #RecommendedBookLists .kit-container img { margin-top: 0; } } @media screen and (min-width: 1200px) { .global-school .header-bg-left { background-size: 300px; background-position: left -37px top -14px; } #RecommendedBookLists .kit-container img { margin-top: -24px; } } @media screen and (min-width: 1400px) { } @media screen and (min-width: 1600px) { .global-school .header-bg-left { background-size: 366px; background-position: left -42px top -57px; } } @media screen and (min-width: 1900px) { .promotions.need-help { padding: 40px 0 100px 0; } } </style> <!-- END --> </section> <main class="k12-featured global-school"> <section class="hero "> <div class="header-bg-left"> <div class="container section-container"> <div class="row justify-content-center justify-content-lg-start"> <div class="col-lg-5 order-2 order-lg-1 d-flex align-items-center"> <div class="hero-copy-wrap"> <h4 class="text-uppercase text-purple">OVERDRIVE RESOURCE CENTER</h4> <h1>Global School Resources</h1> <p class="">Welcome to the Resource Center! We鈥檝e curated a selection of marketing materials and catalogue recommendations to help you get started with OverDrive. </p> <p class="mb-5 mb-lg-0">Stay up to date on what鈥檚 going on with OverDrive schools around the world and <a class="text-purple" href="https://pub.e.overdrive.com/sign-up" target="_blank" rel="noopener" data-ga-type="click" data-ga-market="k-12-schools" data-ga-title="subscribe here">subscribe here</a>.</p> </div> </div> <div class="col-sm-11 col-12 hero-image-wrap col-md-8 col-lg-7 overflow-hidden order-1 order-lg-2 d-flex align-items-center"> <img decoding="async" src="/wp-content/uploads/GlobalSchool-Header-Hex.png" class="school-hero-image" alt="Global Schools Hexagons"/> </div> </div> </div> </div> </section> <section class="newpopular-resources"> <div class="container section-container"> <h2 class="text-center mt-0 mt-lg-4">Browse our global school resources</h2> <hr class="hr-purple mb-lg-5"> <div class="row" id="accordion"> <div class="col-12 col-lg-4"> <div class="d-none d-lg-block"> <button id="ShareonSocial_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#ShareonSocial" aria-expanded="false" aria-controls="ShareonSocial" data-ga-title="Desktop Menu item - Share on Social" data-ga-market="K-12 Schools" data-ga-tab="Share on Social">Share on Social</button> <button id="GlobalMarketingKits_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#GlobalMarketingKits" aria-expanded="false" aria-controls="GlobalMarketingKits" data-ga-title="Desktop Menu item - Global Marketing Kits" data-ga-market="K-12 Schools" data-ga-tab="Global Marketing Kits">Global Marketing Kits</button> <button id="MarketingKitsbyLanguage_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#MarketingKitsbyLanguage" aria-expanded="false" aria-controls="MarketingKitsbyLanguage" data-ga-title="Desktop Menu item - Marketing Kits by Language" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language">Marketing Kits by Language</button> <button id="RecommendedBookLists_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#RecommendedBookLists" aria-expanded="false" aria-controls="RecommendedBookLists" data-ga-title="Desktop Menu item - Recommended Book Lists" data-ga-market="K-12 Schools" data-ga-tab="Recommended Book Lists">Recommended Book Lists</button> </div> <div id="adButler" class="mx-auto text-center text-lg-left mt-lg-3 adButler"></div> </div> <div class="form-group d-block d-lg-none col-12"> <select name="newpopular" class="form-control blue-select" id="NewPopularSelect"> <option value="ShareonSocial" data-ga-type="click" data-ga-market="K-12 Schools" data-ga-tab="Share on Social" data-ga-title="Mobile Menu item - Share on Social">Share on Social</option> <option value="GlobalMarketingKits" data-ga-type="click" data-ga-market="K-12 Schools" data-ga-tab="Global Marketing Kits" data-ga-title="Mobile Menu item - Global Marketing Kits">Global Marketing Kits</option> <option value="MarketingKitsbyLanguage" data-ga-type="click" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="Mobile Menu item - Marketing Kits by Language">Marketing Kits by Language</option> <option value="RecommendedBookLists" data-ga-type="click" data-ga-market="K-12 Schools" data-ga-tab="Recommended Book Lists" data-ga-title="Mobile Menu item - Recommended Book Lists">Recommended Book Lists</option> </select> </div> <div class="col-lg-8"> <div id="ShareonSocial" class="accordion-body collapse" aria-labelledby="ShareonSocial_btn" data-parent="#accordion"> <div class="row "> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Share on Social" data-ga-title="" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/image2024-8-26_14-18-16-2-1024x576.jpg" class="kit-thumbnail-art" alt="" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description"></p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/image2024-8-26_14-18-16-2.jpg" class="d-none test kit-preview-art" alt="" /> <p class="kit-category-label mb-1 mr-3"></p> <h5 class="kit-description-title">Sora School Stars</h5> <p> Are you promoting Sora to your students this school year? We want to see it! Share your Sora promotions in our School Stars contest to be entered to win some awesome prizes! </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://resources.overdrive.com/school-stars" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Share on Social" data-ga-title="Sora School Stars"> <i class="fas fa-external-link-alt"></i> Learn More </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Share on Social" data-ga-title="" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/ReadingThisWinter_Sora-1-1-1024x1024.jpg" class="kit-thumbnail-art" alt="" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">These seasonal graphics are best suited for wintery reading themes and encouraging students to borrow books through the winter.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/Winter-preview.jpg" class="d-none test kit-preview-art" alt="" /> <p class="kit-category-label mb-1 mr-3"></p> <h5 class="kit-description-title">Sora Winter Reading</h5> <p> These seasonal graphics are best suited for wintery reading themes and encouraging students to borrow books through the winter. </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/WinterReading.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Share on Social" data-ga-title="Sora Winter Reading"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <div class="col-12 text-right"> <a data-ga-type="click" data-ga-market="K-12 Schools" data-ga-tab="Share on Social" data-ga-title="See all Social Media Assets" class="btn-mdblue btn-basic btn-small btn-bold" href="/k-12-schools/marketing-outreach-social/" target="_blank" rel="noopener noreferrer">See all Social Media Assets</a> </div> </div> </div> <div id="GlobalMarketingKits" class="accordion-body collapse" aria-labelledby="GlobalMarketingKits_btn" data-parent="#accordion"> <div class="row "> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Global Marketing Kits" data-ga-title="MARKETING KITS" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/sora-flyer-thmb.jpg" class="kit-thumbnail-art" alt="MARKETING KITS" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 Poster, 1 Flyer, 1 Halfsheet Flyer, 1 set of Bookmarks.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/sora-intl-preview.jpg" class="d-none test kit-preview-art" alt="MARKETING KITS" /> <p class="kit-category-label mb-1 mr-3">MARKETING KITS</p> <h5 class="kit-description-title">Sora Marketing Kit</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/Sora_Kit_INT_sizing.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Global Marketing Kits" data-ga-title="Sora Marketing Kit"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Global Marketing Kits" data-ga-title="MARKETING KITS" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/Magazine-Marketing-Kit-Global-10-1-21-thmb.jpg" class="kit-thumbnail-art" alt="MARKETING KITS" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 print-ready Bookmark sheet, 1 Sticker template, and 9 social graphics.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/Magazine-Marketing-Kit-Global-10-1-21-preview.jpg" class="d-none test kit-preview-art" alt="MARKETING KITS" /> <p class="kit-category-label mb-1 mr-3">MARKETING KITS</p> <h5 class="kit-description-title">Magazine Marketing Kit</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/Magazine-Marketing-Kit-Global-10-1-21.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Global Marketing Kits" data-ga-title="Magazine Marketing Kit"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Global Marketing Kits" data-ga-title="MARKETING KITS" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/SoraScavenger-4-1-22-thmb.jpg" class="kit-thumbnail-art" alt="MARKETING KITS" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">Educate your users about Sora with a fun set of scavenger hunt missions and tasks to complete. This kit includes 2 levels, 1 for young readers and 1 for teens.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/SoraScavenger-4-1-22-preview.jpg" class="d-none test kit-preview-art" alt="MARKETING KITS" /> <p class="kit-category-label mb-1 mr-3">MARKETING KITS</p> <h5 class="kit-description-title">Sora Scavenger Hunts</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/SoraScavenger-4-1-22.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Global Marketing Kits" data-ga-title="Sora Scavenger Hunts"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Global Marketing Kits" data-ga-title="MARKETING KITS" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/primary-kit-0520-thmb.jpg" class="kit-thumbnail-art" alt="MARKETING KITS" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 Flyer, 1 set of Bookmarks (Front & Back), and 3 Web Graphics.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/primary-kit-0520-preview.jpg" class="d-none test kit-preview-art" alt="MARKETING KITS" /> <p class="kit-category-label mb-1 mr-3">MARKETING KITS</p> <h5 class="kit-description-title">Primary Student Marketing Kit</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/GlobalPrimaryStudentMarketingKit0520.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Global Marketing Kits" data-ga-title="Primary Student Marketing Kit"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Global Marketing Kits" data-ga-title="MARKETING KITS" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/secondary-kit-0520-thmb.jpg" class="kit-thumbnail-art" alt="MARKETING KITS" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 Flyer, 1 set of Bookmarks (Front & Back), and 3 Web Graphics.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/secondary-kit-0520-preview.jpg" class="d-none test kit-preview-art" alt="MARKETING KITS" /> <p class="kit-category-label mb-1 mr-3">MARKETING KITS</p> <h5 class="kit-description-title">Secondary Student Marketing Kit</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/GlobalSecondaryStudentMarketingKit0520.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Global Marketing Kits" data-ga-title="Secondary Student Marketing Kit"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Global Marketing Kits" data-ga-title="MARKETING KITS" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/24hourebooks-thmb.jpg" class="kit-thumbnail-art" alt="MARKETING KITS" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 Flyer (available in 8.5 x 11, A3, and A4) and 1 Web Graphic.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/24hourebooks-preview.jpg" class="d-none test kit-preview-art" alt="MARKETING KITS" /> <p class="kit-category-label mb-1 mr-3">MARKETING KITS</p> <h5 class="kit-description-title">24 Hour Ebooks Kit</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/24HrEbooks.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Global Marketing Kits" data-ga-title="24 Hour Ebooks Kit"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <div class="col-12 text-right"> <a data-ga-type="click" data-ga-market="K-12 Schools" data-ga-tab="Global Marketing Kits" data-ga-title="See all marketing kits" class="btn-mdblue btn-basic btn-small btn-bold" href="/library/marketing-outreach-trending/" target="_blank" rel="noopener noreferrer">See all marketing kits</a> </div> </div> </div> <div id="MarketingKitsbyLanguage" class="accordion-body collapse" aria-labelledby="MarketingKitsbyLanguage_btn" data-parent="#accordion"> <div class="row "> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="MARKETING KITS BY LANGAUAGE" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/spanish-marketing-k12-kit-0420-thmb.jpg" class="kit-thumbnail-art" alt="MARKETING KITS BY LANGAUAGE" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 Flyer, 1 Set of Bookmarks, i informational Half-sheet, 1 Web Graphic, and 1 Introduction Document. Available in Spanish and English.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/spanish-marketing-k12-kit-0420-preview.jpg" class="d-none test kit-preview-art" alt="MARKETING KITS BY LANGAUAGE" /> <p class="kit-category-label mb-1 mr-3">MARKETING KITS BY LANGAUAGE</p> <h5 class="kit-description-title">Spanish Marketing Kit</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/Spanish_INTL_0420.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="Spanish Marketing Kit"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="MARKETING KITS BY LANGAUAGE" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/adventure-begins-spanish-bookmarks-0420-thmb.jpg" class="kit-thumbnail-art" alt="MARKETING KITS BY LANGAUAGE" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 4 bookmarks.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/adventure-begins-spanish-bookmarks-0420-preview.jpg" class="d-none test kit-preview-art" alt="MARKETING KITS BY LANGAUAGE" /> <p class="kit-category-label mb-1 mr-3">MARKETING KITS BY LANGAUAGE</p> <h5 class="kit-description-title">Spanish Adventure Begins Bookmarks</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/AdventureBookmarks4Up_ComboSPANISH-0420.pdf" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="Spanish Adventure Begins Bookmarks"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="MARKETING KITS BY LANGAUAGE" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/french-sora-thmb.jpg" class="kit-thumbnail-art" alt="MARKETING KITS BY LANGAUAGE" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 Flyer, 1 Bookmark (Front & Back), 1 Web Graphic, and 1 Introduction Document. Available in French and English.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/french-sora-preview.jpg" class="d-none test kit-preview-art" alt="MARKETING KITS BY LANGAUAGE" /> <p class="kit-category-label mb-1 mr-3">MARKETING KITS BY LANGAUAGE</p> <h5 class="kit-description-title">French Marketing Kit</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/French_Global.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="French Marketing Kit"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="MARKETING KITS BY LANGAUAGE" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/chinese-sora-thmb.jpg" class="kit-thumbnail-art" alt="MARKETING KITS BY LANGAUAGE" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 Flyer, 1 Bookmark (Front & Back), 1 Web Graphic, and 1 Introduction Document. Available in Traditional and Simplified Chinese and English.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/chinese-sora-preview.jpg" class="d-none test kit-preview-art" alt="MARKETING KITS BY LANGAUAGE" /> <p class="kit-category-label mb-1 mr-3">MARKETING KITS BY LANGAUAGE</p> <h5 class="kit-description-title">Chinese Marketing Kit</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/ChineseTrad_Global-0620.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="Chinese Marketing Kit"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="MARKETING KITS BY LANGAUAGE" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/german-sora-thmb.jpg" class="kit-thumbnail-art" alt="MARKETING KITS BY LANGAUAGE" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 Flyer, 1 Bookmark (Front & Back), 1 Web Graphic, and 1 Introduction Document. Available in German and English.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/german-sora-preview.jpg" class="d-none test kit-preview-art" alt="MARKETING KITS BY LANGAUAGE" /> <p class="kit-category-label mb-1 mr-3">MARKETING KITS BY LANGAUAGE</p> <h5 class="kit-description-title">German Marketing Kit</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/German_Global.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="German Marketing Kit"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="MARKETING KITS BY LANGAUAGE" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/italian-sora-thmb.jpg" class="kit-thumbnail-art" alt="MARKETING KITS BY LANGAUAGE" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 Flyer, 1 Bookmark (Front & Back), 1 Web Graphic, and 1 Introduction Document. Available in Italian and English.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/italian-sora-preview.jpg" class="d-none test kit-preview-art" alt="MARKETING KITS BY LANGAUAGE" /> <p class="kit-category-label mb-1 mr-3">MARKETING KITS BY LANGAUAGE</p> <h5 class="kit-description-title">Italian Marketing Kit</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/Italian_Global.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="Italian Marketing Kit"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="MARKETING KITS BY LANGAUAGE" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/japanese-sora-thmb.jpg" class="kit-thumbnail-art" alt="MARKETING KITS BY LANGAUAGE" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 Flyer, 1 Bookmark (Front & Back), 1 Web Graphic, and 1 Introduction Document. Available in Japanese and English.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/japanese-sora-preview.jpg" class="d-none test kit-preview-art" alt="MARKETING KITS BY LANGAUAGE" /> <p class="kit-category-label mb-1 mr-3">MARKETING KITS BY LANGAUAGE</p> <h5 class="kit-description-title">Japanese Marketing Kit</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/Japanese_Global.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="Japanese Marketing Kit"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="MARKETING KITS BY LANGAUAGE" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/russian-sora-thmb.jpg" class="kit-thumbnail-art" alt="MARKETING KITS BY LANGAUAGE" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 Flyer, 1 Bookmark (Front & Back), 1 Web Graphic, and 1 Introduction Document. Available in Russian and English.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/russian-sora-preview.jpg" class="d-none test kit-preview-art" alt="MARKETING KITS BY LANGAUAGE" /> <p class="kit-category-label mb-1 mr-3">MARKETING KITS BY LANGAUAGE</p> <h5 class="kit-description-title">Russian Marketing Kit</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/Russian_Global.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="Russian Marketing Kit"> Contact us </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="MARKETING KITS BY LANGAUAGE" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/swedish-sora-thmb.jpg" class="kit-thumbnail-art" alt="MARKETING KITS BY LANGAUAGE" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 Flyer, 1 Bookmark (Front & Back), 1 Web Graphic, and 1 Introduction Document. Available in Swedish and English.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/swedish-sora-preview.jpg" class="d-none test kit-preview-art" alt="MARKETING KITS BY LANGAUAGE" /> <p class="kit-category-label mb-1 mr-3">MARKETING KITS BY LANGAUAGE</p> <h5 class="kit-description-title">Swedish Marketing Kit</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/Swedish_Global.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Marketing Kits by Language" data-ga-title="Swedish Marketing Kit"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <div class="col-12 text-right"> </div> </div> </div> <div id="RecommendedBookLists" class="accordion-body collapse" aria-labelledby="RecommendedBookLists_btn" data-parent="#accordion"> <div class="row "> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="https://resources.overdrive.com/library/collection-development/united-kingdom/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Recommended Book Lists" data-ga-title="United Kingdom" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/uk-cd-thmb.jpg" class="kit-thumbnail-art" alt="COLLECTION DEVELOPMENT" /> </a> </div> <p class="kit-category-label mb-1 mr-3">COLLECTION DEVELOPMENT</p> <h5 class="kit-description-title"> United Kingdom </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://resources.overdrive.com/library/collection-development/united-kingdom/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Recommended Book Lists" data-ga-title="United Kingdom"> View Lists </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="https://resources.overdrive.com/library/collection-development/australia-new-zealand/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Recommended Book Lists" data-ga-title="Australia & New Zealand" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/aunz-cd-thmb.jpg" class="kit-thumbnail-art" alt="COLLECTION DEVELOPMENT" /> </a> </div> <p class="kit-category-label mb-1 mr-3">COLLECTION DEVELOPMENT</p> <h5 class="kit-description-title"> Australia & New Zealand </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://resources.overdrive.com/library/collection-development/australia-new-zealand/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Recommended Book Lists" data-ga-title="Australia & New Zealand"> View Lists </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="https://resources.overdrive.com/k-12-schools/collection-development/international-lists/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Recommended Book Lists" data-ga-title="International" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/world-cd-thmb.jpg" class="kit-thumbnail-art" alt="COLLECTION DEVELOPMENT" /> </a> </div> <p class="kit-category-label mb-1 mr-3">COLLECTION DEVELOPMENT</p> <h5 class="kit-description-title"> International </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://resources.overdrive.com/k-12-schools/collection-development/international-lists/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Recommended Book Lists" data-ga-title="International"> View Lists </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="https://resources.overdrive.com/k-12-schools/collection-development/languages-learning/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Recommended Book Lists" data-ga-title="Languages & Learning" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/languages-cd-thmb.jpg" class="kit-thumbnail-art" alt="COLLECTION DEVELOPMENT" /> </a> </div> <p class="kit-category-label mb-1 mr-3">COLLECTION DEVELOPMENT</p> <h5 class="kit-description-title"> Languages & Learning </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://resources.overdrive.com/k-12-schools/collection-development/languages-learning/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="K-12 Schools" data-ga-tab="Recommended Book Lists" data-ga-title="Languages & Learning"> View Lists </a> </p> </div> </div> <div class="col-12 text-right"> <a data-ga-type="click" data-ga-market="K-12 Schools" data-ga-tab="Recommended Book Lists" data-ga-title="Recommended Book Lists" class="btn-mdblue btn-basic btn-small btn-bold" href="/library/collection-development-recommended-lists/" target="_blank" rel="noopener noreferrer">Recommended Book Lists</a> </div> </div> </div> </div> </div> </div> </section> <section class="blog-posts pb-5 mb-5"> <div class="container section-container"> <h2 class="text-center mt-5">Explore More</h2> <hr class="hr-purple mb-5"> <div class="row d-flex"> <div class="col-md-6 col-lg-4 mb-4 mb-md-0"> <div class="blog-post-wrapper d-flex align-items-start flex-column"> <a href="/k-12-schools/apps-features-apps/" target="_blank" rel="noopener noreferrer"> <img decoding="async" class="blog-img-top" src="/wp-content/uploads/Learn-about-Sora-0821-thmb.jpg" alt="Learn about Sora blog image cap"> <div class="px-4 pt-4"> <h5 class="">Learn about Sora</h5> <p class="">The Sora app is designed around the modern student reading experience. Whether you鈥檙e reading for class or for fun, Sora鈥檚 ebook reader makes it easy.</p> </div> </a> <a class="btn-purple btn-basic btn-bold mb-5 mx-4 mt-auto" href="/k-12-schools/apps-features-apps/" target="_blank" rel="noopener noreferrer" data-ga-type="click" data-ga-market="k-12-schools" data-ga-title="Learn about Sora">Learn more</a> </div> </div> <div class="col-md-6 col-lg-4 mb-4 mb-md-0"> <div class="blog-post-wrapper d-flex align-items-start flex-column"> <a href="https://company.overdrive.com/blogs/schools-blog/" target="_blank" rel="noopener noreferrer"> <img decoding="async" class="blog-img-top" src="/wp-content/uploads/blogs-school-bg-0821-thmb.jpg" alt="School Blog blog image cap"> <div class="px-4 pt-4"> <h5 class="">School Blog</h5> <p class="">Stay connected with OverDrive and gain insight into the world of reading.</p> </div> </a> <a class="btn-purple btn-basic btn-bold mb-5 mx-4 mt-auto" href="https://company.overdrive.com/blogs/schools-blog/" target="_blank" rel="noopener noreferrer" data-ga-type="click" data-ga-market="k-12-schools" data-ga-title="School Blog">Read the Latest Articles</a> </div> </div> <div class="d-md-none d-lg-block col-lg-4"> <div class="blog-post-wrapper d-flex align-items-start flex-column"> <a href="/k-12-schools/marketing-outreach-social/" target="_blank" rel="noopener noreferrer"> <img decoding="async" class="blog-img-top" src="/wp-content/uploads/Social-Graphics-0821-thmb.jpg" alt="Social Media & Graphics blog image cap"> <div class="px-4 pt-4"> <h5 class="">Social Media & Graphics</h5> <p class="">Get the word out about your OverDrive collection with our free resources to print, distribute, or share digitally.</p> </div> </a> <a class="btn-purple btn-basic btn-bold mb-5 mx-4 mt-auto" href="/k-12-schools/marketing-outreach-social/" target="_blank" rel="noopener noreferrer" data-ga-type="click" data-ga-market="k-12-schools" data-ga-title="Social Media & Graphics">View Marketing Resources</a> </div> </div> </div> </div> </section> <div id="modal" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title serif txt-primary"> </h4> <button class="close" type="button" data-dismiss="modal">脳</button> </div> <div class="center modal-body"> <p> </p> <figure><img style="max-width: 100%; width: auto;" alt="kit preview" /></figure> <a class="mt-3 btn-basic modalBtn btn-purple" data-ga-type="download" data-ga-market="k-12-schools" data-ga-title=""> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g></svg></a> </div> </div> </div> </div> </main> <script> jQuery(document).ready(function(){ if(window.location.hash != "") { jQuery('button[data-target="' + window.location.hash + '"]').click(); } }); </script> <script> $( ".showhide" ).click(function() { $( this ).parent().toggleClass( "full-height" ); }); $(function(){ // the current open accordion will not be able to close itself $('.btn-link-accordian[data-toggle="collapse"]').on('click',function(e){ if ( $(this).parents('.accordion').find('.collapse.show') ){ var idx = $(this).index('[data-toggle="collapse"]'); if (idx == $('.collapse.show').index('.collapse')) { e.stopPropagation(); } } }); $('#NewPopularSelect').on('change', function() { //alert( this.value ); //finds selected value, converts to ID var accordianID = '#' + this.value; //collapses accordian with matching ID $(accordianID).collapse('show'); //$('.btn-link-accordian').addClass(collapsed).attr.("aria-expanded","false"); $($(accordianID).data("target")).removeClass(collapsed).attr("aria-expanded","true"); }) $('.btn-link-accordian').click(function(){ var buttonValue = $(this).attr("aria-controls"); $('#NewPopularSelect').val(buttonValue).change(); }) jQuery("#ShareonSocial_btn").trigger('click'); }); </script> </main> <footer class="center-xs txt-light"> <div class="widget_text footer-widget"><div class="textwidget custom-html-widget"><div class="back-primary p-v-l"> <div class="container-fluid"> <div class="set-width"> <div class="footer-grid"> <div class="a m-b-s text-left"> <img src="https://static.od-cdn.com/OD-white-2020-01.svg" class="" style="margin-top: 4px; width: 170px;" alt="OverDrive logo" /> </div> <div class="b text-left"> <h4>OverDrive <i class="fas fa-angle-down show-xxs"></i></h4> <ul class="list-none p-l-0" id="fDD0"> <li class="pb-2"><a href="https://company.overdrive.com/" class="text-white">About Us </a></li> <li class="pb-2"><a href="https://www.overdrive.com/" class="text-white" target="_blank">OverDrive.com</a></li> <li class="pb-2"><a href="https://marketplace.overdrive.com" class="text-white" target="_blank">Marketplace</a></li> <li class="pb-2"><a href="//www.libbylife.com/" class="text-white" target="_blank">Libby Life blog</a></li> </ul> </div> <div class="c text-left"> <h4>Products <i class="fas fa-angle-down show-xxs"></i></h4> <ul class="list-none p-l-0" id="fDD0"> <li class="pb-2"><a href="https://www.overdrive.com/apps/libby" class="text-white">Libby</a></li> <li class="pb-2"><a href="https://meet.soraapp.com/" class="text-white" target="_blank">Sora</a></li> <li class="pb-2"><a href="https://kanopy.com/" class="text-white" target="_blank">Kanopy</a></li> <li class="pb-2"><a href="https://teachingbooks.net/" class="text-white" target="_blank">TeachingBooks</a></li> </ul> </div> <div class="d text-left"> <h4>Help <i class="fas fa-angle-down show-xxs"></i></h4> <ul class="list-none p-l-0" id="fDD00"> <li class="pb-2"><a href="https://help.libbyapp.com/en-us/index.htm" class="text-white" target="_blank">Libby Help</a></li> <li class="pb-2"><a href="https://help.soraapp.com/en-us/home.htm" class="text-white" target="_blank">Sora Help</a></li> <li class="pb-2"><a href="https://help.overdrive.com/" class="text-white" target="_blank">OverDrive Help</a></li> <li class="pb-2"><a href="https://help.marketplace.overdrive.com/home.htm" class="text-white" target="_blank">Marketplace Help</a></li> </ul> </div> <div class="e text-left"> <h4>Support <i class="fas fa-angle-down show-xxs"></i></h4> <ul class="list-none p-l-0"> <li class="pb-2"><a href="https://help.overdrive.com/en-us/support.htm" class="text-white" target="_blank">App Support</a></li> <li class="pb-2"><a href="https://marketplace.overdrive.com/support" class="text-white" target="_blank">Marketplace Support</a></li> </ul> </div> <div class="f text-left"> <h4>Subscribe <i class="fas fa-angle-down show-xxs"></i></h4> <a href="https://pub.e.overdrive.com/sign-up?utm_source=resources" class="btn btn-primary m-t-xs width-100 text-left" style="max-width: 275px; background-color: #567C27">Subscribe <i class="fas fa-paper-plane float-right mt-1"></i></a> <p class="text-white mt-3">Join our newsletter to stay up to date on features and releases and more!</p> </div> </div> </div> </div> </div> <div class="center-sm back-dark p-v-xs"> <div class="container-fluid"> <div class="set-width"> <div class="row"> <div class="col-md-6 col-xl-5 text-center text-md-left footer-settings d-flex justify-content-center align-items-center"> <small class="d-flex float-left py-2"><span class="d-block d-md-inline-block">漏 OverDrive, Inc. All Rights Reserved</span> <a href="https://company.cdn.overdrive.com/policies/privacy-policy.htm" target="blank" class="txt-light d-md-block d-xl-inline">Privacy Policy</a> <a href="https://company.cdn.overdrive.com/policies/terms-and-conditions.htm" target="_blank" class="txt-light">Terms and Conditions</a> <a class="txt-light" href="#" rel="noopener noreferrer" onclick="$('#cookie-notice').show();">Cookie settings</a> </small> </div> <div class="col-md-6 col-xl-7"> <ul class="pl-0 text-center text-md-right py-2 mb-0 d-block d-md-inline-block"> <li class="d-block d-md-inline-block relative pr-2 social-title pb-3 pb-md-0 ">Libraries:</li> <li class="inline-block relative pr-2"><a href="https://www.facebook.com/LibbyApp" class="text-white" target="_blank"><i class="fab fa-facebook-square"></i><span class="screen-reader-text">Libby on Facebook</span></a></li> <li class="inline-block relative pr-2"><a href="https://twitter.com/LibbyApp" class="text-white" target="_blank"><i class="fab fa-twitter-square"></i><span class="screen-reader-text">Libby on Twitter</span></a></li> <li class="inline-block relative pr-2"><a href="https://www.pinterest.com/overdrivelibs/" class="text-white" target="_blank"><i class="fab fa-pinterest"></i><span class="screen-reader-text">Libby on Pinterest</span><span class="screen-reader-text">Libby on Facebook</span></a></li> <li class="inline-block relative pr-2"><a href="https://www.instagram.com/libby.app/" class="text-white" target="_blank"><i class="fab fa-instagram"></i><span class="screen-reader-text">Libby on Instagram</span></a></li> <li class="inline-block relative pr-2"><a href="https://www.tiktok.com/@libbyapp" class="text-white" target="_blank"><svg style="height: 16px; margin-top: -4px;" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="tiktok" class="svg-inline--fa fa-tiktok fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="white" d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"></path></svg><span class="screen-reader-text">Libby on TikTok</span></a></li> <li class="inline-block relative pr-0 pr-md-4"><a href="https://company.overdrive.com/blogs/library-blog/" class="text-white" target="_blank"><i class="fas fa-rss"></i><span class="screen-reader-text">Library Blog</span></a></li> </ul> <ul class="pl-0 text-center text-md-right py-2 mb-0 d-block d-md-inline-block"> <li class="d-block d-md-inline-block relative pr-2 social-title pb-3 pb-md-0 ">Schools:</li> <li class="inline-block relative pr-2"><a href="https://www.facebook.com/Sorareadingapp/" class="text-white" target="_blank"><i class="fab fa-facebook-square"></i><span class="screen-reader-text">Sora on Facebook</span></a></li> <li class="inline-block relative pr-2"><a href="https://twitter.com/Sorareadingapp" class="text-white" target="_blank"><i class="fab fa-twitter-square"></i><span class="screen-reader-text">Sora on Twitter</span></a></li> <li class="inline-block relative pr-2"><a href="https://www.pinterest.com/overdrivelibs/education-social-media/" class="text-white" target="_blank"><i class="fab fa-pinterest"></i><span class="screen-reader-text">Sora on Pinterest</span></a></li> <li class="inline-block relative pr-2"><a href="https://www.instagram.com/sorareadingapp/" class="text-white" target="_blank"><i class="fab fa-instagram"></i><span class="screen-reader-text">Sora on Instagram</span></a></li> <li class="inline-block relative pr-2"><a href="https://www.tiktok.com/@sorareadingapp" class="text-white" target="_blank"><svg style="height: 16px; margin-top: -4px;" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="tiktok" class="svg-inline--fa fa-tiktok fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="white" d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"></path></svg><span class="screen-reader-text">Sora on TikTok</span></a></li> <li class="inline-block relative pr-2"><a href="https://www.youtube.com/channel/UCQ-3tXE4OnsZCpEvAe0b6uw" class="text-white"><i class="fab fa-youtube"></i><span class="screen-reader-text">Sora on YouTube</span></a></li> <li class="inline-block relative pr-md-4"><a href="https://company.overdrive.com/blogs/schools-blog/" class="text-white" target="_blank"><i class="fas fa-rss"></i><span class="screen-reader-text">Schools Blog</span></a></li> </ul> <ul class="pl-0 text-center text-md-right py-2 mb-0 d-block d-md-inline-block"> <li class="d-block d-md-inline-block relative pr-2 social-title pb-3 pb-md-0 ">Company:</li> <li class="inline-block relative pr-2"><a href="https://www.facebook.com/OverDriveforLibraries/" class="text-white" target="_blank"><i class="fab fa-facebook-square"></i><span class="screen-reader-text">OverDrive on Facebook</span></a></li> <li class="inline-block relative pr-2"><a href="https://twitter.com/OverDriveLibs" class="text-white" target="_blank"><i class="fab fa-twitter-square"></i><span class="screen-reader-text">OverDrive on Twitter</span></a></li> <li class="inline-block relative pr-2"><a href="https://www.instagram.com/overdrive_libs/" class="text-white" target="_blank"><i class="fab fa-instagram"></i><span class="screen-reader-text">OverDrive on Instagram</span></a></li> </ul> </div> </div> </div> </div> </div></div></div> </footer> <!--[if gte IE 9]><!--> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script> <!--<![endif]--> <script> ( function ( body ) { 'use strict'; body.className = body.className.replace( /\btribe-no-js\b/, 'tribe-js' ); } )( document.body ); </script> <script> /* <![CDATA[ */var tribe_l10n_datatables = {"aria":{"sort_ascending":": activate to sort column ascending","sort_descending":": activate to sort column descending"},"length_menu":"Show _MENU_ entries","empty_table":"No data available in table","info":"Showing _START_ to _END_ of _TOTAL_ entries","info_empty":"Showing 0 to 0 of 0 entries","info_filtered":"(filtered from _MAX_ total entries)","zero_records":"No matching records found","search":"Search:","all_selected_text":"All items on this page were selected. ","select_all_link":"Select all pages","clear_selection":"Clear Selection.","pagination":{"all":"All","next":"Next","previous":"Previous"},"select":{"rows":{"0":"","_":": Selected %d rows","1":": Selected 1 row"}},"datepicker":{"dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesMin":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Prev","currentText":"Today","closeText":"Done","today":"Today","clear":"Clear"}};/* ]]> */ </script><script type="text/javascript" src="https://resources.overdrive.com/wp-content/themes/resources-child/js/customScripts.js?ver=38e19f3d67c781e205a49a3c5660052e' defer='defer" id="customScripts-js"></script> <script type="text/javascript" src="https://resources.overdrive.com/wp-content/themes/resources/js/navigation.js?ver=20151215' defer='defer" id="resources-navigation-js"></script> <script type="text/javascript" src="https://resources.overdrive.com/wp-content/themes/resources/js/skip-link-focus-fix.js?ver=20151215' defer='defer" id="resources-skip-link-focus-fix-js"></script> <script type="text/javascript" src="https://resources.overdrive.com/wp-content/plugins/page-links-to/dist/new-tab.js?ver=3.3.7' defer='defer" id="page-links-to-js"></script> </body> </html><div id="modal" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title serif txt-primary"> </h4> <button class="close" type="button" data-dismiss="modal">脳</button> </div> <div class="center modal-body"> <p> </p> <figure><img style="max-width: 100%; width: auto;" alt="kit preview" /></figure> <a class="mt-3 btn-basic modalBtn btn-purple" data-ga-type="download" data-ga-market="k-12-schools" data-ga-title=""> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g></svg></a> </div> </div> </div> </div> <script> // the current open accordion will not be able to close itself $('.btn-link-accordian[data-toggle="collapse"]').on('click',function(e){ if ( $(this).parents('.accordion').find('.collapse.show') ){ var idx = $(this).index('[data-toggle="collapse"]'); if (idx == $('.collapse.show').index('.collapse')) { e.stopPropagation(); } } }); $('#NewPopularSelect').on('change', function() { //alert( this.value ); this.className=this.options[this.selectedIndex].className; //finds selected value, converts to ID var accordianID = '#' + this.value; //collapses accordian with matching ID $(accordianID).collapse('show'); //$('.btn-link-accordian').addClass(collapsed).attr.("aria-expanded","false"); $($(accordianID).data("target")).removeClass(collapsed).attr("aria-expanded","true"); //updates the dd selector color }) $('.btn-link-accordian').click(function(){ var buttonValue = $(this).attr("aria-controls"); $('#NewPopularSelect').val(buttonValue).change(); }) </script>