OverDrive Resource Center – Resources for OverDrive Partners

<!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/" /> <meta property="og:site_name" content="Overdrive's Resource Center" /> <meta name="twitter:card" content="summary_large_image" /> <meta property="og:title" content="Resources for OverDrive Partners - OverDrive Resource Center" /><meta name="twitter:title" content="Resources for OverDrive Partners - OverDrive Resource Center" /><meta name="description" content="Free Libby, Kanopy & Sora resources for libraries & schools. Marketing materials, training videos, content recommendations to maximize your digital collections." /><meta property="og:description" content="Free Libby, Kanopy & Sora resources for libraries & schools. Marketing materials, training videos, content recommendations to maximize your digital collections." /><meta name="twitter:description" content="Free Libby, Kanopy & Sora resources for libraries & schools. Marketing materials, training videos, content recommendations to maximize your digital collections." /><meta property="og:image" content="https://resources.overdrive.com/wp-content/uploads/RC_Homepage_OG.png" /><meta name="twitter:image" content="https://resources.overdrive.com/wp-content/uploads/RC_Homepage_OG.png" /><script> var dataLayer = window.dataLayer = window.dataLayer || []; dataLayer.push({ 'siteTitle': 'resourcecenter', 'marketType': '', 'isRecommendList': 'false'}); </script>  <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"> <script async type='text/javascript' src='https://www.lightboxcdn.com/vendor/93e6220c-97b3-47c9-9b37-3cfde1b71a2b/lightbox_inline.js'></script> <title>OverDrive Resource Center – Resources for OverDrive Partners</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/76" /><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/" /> <link rel='shortlink' href='https://resources.overdrive.com/' /> <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%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%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>  </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 menu-item-has-children dropdown 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 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’s 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>  </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"> <style> a h5{ color:rgb(85, 85, 85); } a:hover,a:hover div h5, a:hover div p{ text-decoration: none!important; } .libbyBookAwardsCeremony{ display:grid; grid-template-columns:320px 1fr; background-color:#130208; background-image:url("/wp-content/uploads/bookset.png"); background-repeat:no-repeat; width:100%; border-radius:15px; margin-bottom:20px; } .libbyBookAwardsCeremony a:hover{transition:all .25s ease;background-color:#FFF8DC} .libbyBookAwardsCeremony a{ transition:all .25s ease; background-color: #FFEEAA; color: #631A35; text-align: center; max-width: 240px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 7px; font-weight: bold; margin-top: 10px; } .libbyBookAwardsCeremony > div > div{ display: flex; justify-content: center; flex-direction: column; height: 100%; } .libbyBookAwardsCeremony img{ width: 172px; margin: 0 auto; display: flex; padding-top: 30px; } .libbyBookAwardsCeremony h3{ font-size:22px; color:#FFEEAA; } .libbyBookAwardsCeremony h4{ font-size:28px; color:white; } @media screen and (max-width: 780px) { .libbyBookAwardsCeremony{ display:grid; grid-template-columns:1fr; padding-bottom:20px; } .libbyBookAwardsCeremony > div > div{ padding:20px; align-items:center; } .libbyBookAwardsCeremony a{ max-width:95%; width:100%; } } .home-featured .hero { background-image: url('https://static.od-cdn.com/Home-Hex-BKGD-Mobile.svg'); background-repeat: no-repeat; background-position: center -90px; max-width: 2000px; margin: 0 auto; background-size:110%x; padding: 70px 0 0 0; } @media screen and (min-width: 500px) { .home-featured .hero { background-size:800px; background-position: center -186px; } } @media screen and (min-width: 600px) { .home-featured .hero { background-position: center -203px; } } @media screen and (min-width: 700px) { .home-featured .hero { background-position: center -203px; } } @media screen and (min-width: 768px) { .home-featured .hero { background-image: url('https://static.od-cdn.com/Home-HexBKGD-Desktop.svg'); background-repeat: no-repeat; background-position: center 140px; max-width: 2000px; margin: 0 auto; background-size:110%; padding: 80px 0 0 0; } } @media screen and (min-width: 992px) { .home-featured .hero { background-size: auto; background-position: center 0; } } @media screen and (min-width: 1200px) { .home-featured .hero { background-position: center 0; } } @media screen and (min-width: 1600px) { .home-featured .hero { } } .libbyBookAwardsCeremony{ display:grid; grid-template-columns:320px 1fr; background-color:#130208; background-image:url("/wp-content/uploads/bookset.png"); background-repeat:no-repeat; width:100%; border-radius:15px; margin-bottom:20px; } .libbyBookAwardsCeremony a:hover{transition:all .25s ease;background-color:#FFF8DC} .libbyBookAwardsCeremony a{ transition:all .25s ease; background-color: #FFEEAA; color: #631A35; text-align: center; max-width: 240px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 7px; font-weight: bold; margin-top: 10px; } .libbyBookAwardsCeremony > div > div{ display: flex; justify-content: center; flex-direction: column; height: 100%; } .libbyBookAwardsCeremony img{ width: 172px; margin: 0 auto; display: flex; padding-top: 30px; } .libbyBookAwardsCeremony h3{ font-size:22px; color:#FFEEAA; } .libbyBookAwardsCeremony h4{ font-size:28px; color:white; } @media screen and (max-width: 780px) { .libbyBookAwardsCeremony{ display:grid; grid-template-columns:1fr; padding-bottom:20px; } .libbyBookAwardsCeremony > div > div{ padding:20px; align-items:center; } .libbyBookAwardsCeremony a{ max-width:95%; width:100%; } } .home-featured .hero { background-image: url('https://static.od-cdn.com/Home-Hex-BKGD-Mobile.svg'); background-repeat: no-repeat; background-position: center -90px; max-width: 2000px; margin: 0 auto; background-size:110%x; padding: 70px 0 0 0; } @media screen and (min-width: 500px) { .home-featured .hero { background-size:800px; background-position: center -186px; } } @media screen and (min-width: 600px) { .home-featured .hero { background-position: center -203px; } } @media screen and (min-width: 700px) { .home-featured .hero { background-position: center -203px; } } @media screen and (min-width: 768px) { .home-featured .hero { background-image: url('https://static.od-cdn.com/Home-HexBKGD-Desktop.svg'); background-repeat: no-repeat; background-position: center 140px; max-width: 2000px; margin: 0 auto; background-size:110%; padding: 80px 0 0 0; } } @media screen and (min-width: 992px) { .home-featured .hero { background-size: auto; background-position: center 0; } } @media screen and (min-width: 1200px) { .home-featured .hero { background-position: center 0; } } @media screen and (min-width: 1600px) { .home-featured .hero { } } </style> <main class="home-featured" style="min-height: 700px"> <section class="hero"> <div class="container section-container"> <div class="row justify-content-center justify-content-lg-start"> <div class="col-12 align-items-center text-center"> <h4 class="text-uppercase text-mdblue">Overdrive resource center</h4> <h1>Resources for OverDrive Partners</h1> <p class="mb-lg-5 col-sm-9 col-md-8 col-lg-7 col-xl-5 mx-auto">Discover marketing and training tools, increase circulation and reading, grow your user-base, and make the most of your investment in your digital book and media collection. </p> </div> <div class="d-none d-md-block col-md-3 align-items-center text-center"> <a href="/library/" data-ga-type="click" data-ga-title="Public Library Hexagon"><img decoding="async" src="/wp-content/uploads/Desktop-Header-Image-Library-NoShadow.png" class="home-hero-image" alt="Public Library Hexagons"></a> </div> <div class="d-none d-md-block col-md-3 align-items-center text-center"> <a href="/k-12-schools/" data-ga-type="click" data-ga-title="K12 Schools Hexagon"><img decoding="async" src="/wp-content/uploads/Desktop-Header-Image-Schools-NoShadow.png" class="home-hero-image" alt="Schools Hexagons"></a> </div> <div class="d-none d-md-block col-md-3 align-items-center text-center"> <a href="/academic/" data-ga-type="click" data-ga-title="Academic Hexagon"><img decoding="async" src="/wp-content/uploads/Desktop-Header-Image-Academic-NoShadow.png" class="home-hero-image" alt="Academic Hexagons"></a> </div> <div class="d-none d-md-block col-md-3 align-items-center text-center"> <a href="/professional/" data-ga-type="click" data-ga-title="Professional Hexagon"><img decoding="async" src="/wp-content/uploads/Desktop-Header-Image-Corp-NoShadow.png" class="home-hero-image" alt="Professional Hexagons"></a> </div> </div> <div class="row justify-content-center justify-content-lg-start px-sm-5"> <div class="col-md-3 align-items-center pb-3 pb-md-5 px-5 px-md-2"> <a class="btn-basic btn-mdblue-outline d-block" href="/library/" data-ga-type="click" data-ga-title="Public Library Header Button">Public Library</a> </div> <div class="col-md-3 align-items-center pb-3 pb-md-5 px-5 px-md-2"> <a class="btn-basic btn-purple-outline d-block" href="/k-12-schools/" data-ga-type="click" data-ga-title="K12 Schools Header Button">K-12 Schools</a> </div> <div class="col-md-3 align-items-center pb-3 pb-md-5 px-5 px-md-2"> <a class="btn-basic btn-green-outline d-block" href="/academic/" data-ga-type="click" data-ga-title="Academic Header Button">Academic</a> </div> <div class="col-md-3 align-items-center pb-3 pb-md-5 px-5 px-md-2"> <a class="btn-basic btn-orange-outline d-block" href="/professional/" data-ga-type="click" data-ga-title="Professional Header Button">Professional </a> </div> </div> </div> </section> <div id="lightbox-inline-form-2ebbd1de-1242-4792-ac4f-7f0a99f05999" style="text-align: center;"></div> <section class="explore-resources bg-white pb-5"> <div class="container section-container pt-2 pt-lg-3"> <div class="digioh_universal_smart_tag" style="text-align: center;"></div> <br> <h2 class="text-center mt-5">Explore Resources</h2> <hr class="hr-mdblue mb-5"> <div class="row" id="accordion"> <div class="col-md-4 d-none d-lg-block"> <button class="btn-link-accordian w-100 bg_slider" data-toggle="collapse" data-target="#PublicLibrary" aria-expanded="true" aria-controls="PublicLibrary">Public Library</button> <button class="btn-link-accordian w-100 collapsed" data-toggle="collapse" data-target="#Schools" aria-expanded="false" aria-controls="Schools">K-12 Schools</button> <button class="btn-link-accordian w-100 collapsed" data-toggle="collapse" data-target="#Academic" aria-expanded="false" aria-controls="Academic">Academic</button> <button class="btn-link-accordian w-100 collapsed" data-toggle="collapse" data-target="#Professional" aria-expanded="false" aria-controls="Professional">Professional</button> </div> <div class="form-group d-block d-lg-none col-12"> <select name="newpopular" class="form-control blue-select" aria-label="New and Popular" id="NewPopularSelect"> <option class="form-control blue-select" selected value="PublicLibrary">Public Library</option> <option class="form-control purple-select" value="Schools">K-12 Schools</option> <option class="form-control green-select" value="Academic">Academic</option> <option class="form-control orange-select" value="Professional">Professional</option> </select> </div> <div class="col-lg-8">  <div id="PublicLibrary" class="accordion-body collapse show" aria-labelledby="headingPublicLibrary" data-parent="#accordion"> <div class="row p-3 pb-sm-0"> <div class="col-md-6 d-md-flex align-items-stretch mb-4 p-0"> <a href="/library/marketing-outreach-trending/" class="row h-100 same-size p-4" data-ga-market="Library" data-ga-title="Increase circulation & reach new users" data-ga-type="click"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="explore-tiles-label mb-1">PROMOTE libby</p> <h5 class="explore-tiles-title">Increase circulation & reach new users</h5> </div> <div class="col-4 col-sm-3 col-md-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="/wp-content/uploads/promot-sora-icon.png" alt="Marketing & outreach image"></div> <div class="col-12 mt-3 mt-md-auto"><span class="btn-basic btn-mdblue-outline no-hover w-100">Browse marketing & social assets</span></div> </a> <div class="explore-tile-background h-100"></div> </div>  <div class="col-md-6 d-md-flex align-items-stretch mb-4 p-0"> <a href="/library/upcoming-webinars/" class="row h-100 same-size p-4" data-ga-market="Library" data-ga-title="Library: How-to videos" data-ga-type="click"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="explore-tiles-label mb-1">Staff Training</p> <h5 class="explore-tiles-title">How-to videos & more to become an OverDrive expert</h5> </div> <div class="col-4 col-sm-3 col-md-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="/wp-content/uploads/Webinar-icon-FIN-4a.png" alt="Webinar image"></div> <div class="col-12 mt-3"><span class="btn-basic btn-mdblue-outline no-hover w-100">Start training</span> </div> </a> <div class="explore-tile-background h-100"></div> </div>  <div class="col-md-6 d-md-flex align-items-stretch mb-4 p-0"> <a href="/library/collection-development-recommended-lists/" class="row h-100 same-size p-4" data-ga-market="Library" data-ga-title="Curated lists from our staff librarians" data-ga-type="click"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="explore-tiles-label mb-1">Collection dev.</p> <h5 class="explore-tiles-title">Curated lists from our staff librarians</h5> </div> <div class="col-4 col-sm-3 col-md-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="/wp-content/uploads/tablet-odcollectdev-PL3.png" alt="Webinar image"> </div> <div class="col-12 mt-3"><span class="btn-basic btn-mdblue-outline no-hover w-100">See recommendations</span></div> </a> <div class="explore-tile-background h-100"></div> </div>  <div class="col-md-6 d-md-flex align-items-stretch mb-4 p-0"> <a href="/libby/" class="row h-100 same-size p-4" data-ga-market="Library" data-ga-title="Learn all about our apps and features" data-ga-type="click"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="explore-tiles-label mb-1">Getting Started</p> <h5 class="explore-tiles-title">Learn about Libby, the library reading app</h5> </div> <div class="col-4 col-sm-3 col-md-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="https://static.od-cdn.com/Libby-libraryfeatured-icon.svg" alt="Libby image"></div> <div class="col-12 mt-3"><span class="btn-basic btn-mdblue-outline no-hover w-100">Learn more about Libby</span></div> </a> <div class="explore-tile-background h-100"></div> </div>  </div> <div class="row p-3 pt-sm-0 pl-md-3 pr-md-4 mr-xl-0 homepage-banners"> <section id="" class="">  <div class="col-12 d-flex mb-4 kanopy-promo"> <div class="row w-100"> <div class="col-12"> <div class="text-center"> <svg width="240" height="102" viewBox="0 0 240 102" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24.0789 38.7945L32.0678 30.6265C32.8172 29.8056 33.687 29.1328 33.687 28.1101C33.687 26.6837 32.2017 26.5491 30.7832 26.5491H29.6323V23.5484H45.1954V26.5491C41.2076 26.8183 38.6919 28.7291 35.5204 31.9317L31.6664 35.7399L40.3914 47.0433C42.2916 49.4924 44.1784 51.4032 47.3633 51.6051V54.6059H31.653V51.6051H32.2686C32.8841 51.6051 34.6372 51.6051 34.6372 50.0441C34.6372 49.2233 33.5532 47.9315 33.2187 47.4605L27.063 39.7634L23.6774 43.3024V49.4251C23.6774 51.5378 24.4268 51.6051 25.9791 51.6051H27.1968V54.6059H12.5036V51.6051H15.4877C16.8393 51.6051 17.8563 51.6051 17.8563 49.4924V11.7067C17.8563 10.4148 17.04 10.213 14.8052 10.213H12.5036V7.14492L23.6774 6.18951V38.7945H24.0789Z" fill="white"/> <path d="M82.9061 52.197C80.2029 54.5788 78.9183 55.5342 76.1349 55.5342C72.0802 55.5342 70.9962 52.3989 70.7821 50.2189H70.3807C67.9452 53.758 64.0912 55.5342 59.4878 55.5342C51.9137 55.5342 50.2142 51.0398 50.2142 47.568C50.2142 44.4999 51.8334 38.1081 70.3137 34.8382V32.1873C70.3137 31.3664 70.2468 25.5801 63.0742 25.5801C60.5718 25.5801 57.2531 26.7374 57.2531 28.3656C57.2531 29.1192 57.9355 29.2538 58.6715 29.8593C59.4878 30.6129 59.8893 31.0838 59.8893 32.1065C59.8893 34.2192 58.337 35.5783 56.5037 35.5783C54.5365 35.5783 52.449 34.2192 52.449 31.8374C52.449 28.0292 55.7008 22.5793 64.0243 22.5793C75.3319 22.5793 76.1349 30.0611 76.1349 33.8155V49.129C76.1349 50.4881 76.2018 52.5334 78.4365 52.5334C79.7212 52.5334 80.3368 52.0625 81.6214 50.7572L82.9061 52.197ZM70.3137 37.7044C64.4257 38.7944 57.2531 40.8398 57.2531 46.478C57.2531 49.2635 58.6046 52.5334 62.191 52.5334C65.8442 52.5334 70.3137 49.0617 70.3137 42.8044V37.7044Z" fill="white"/> <path d="M85.5285 23.5487L96.7024 22.5933V25.4461L96.3679 28.9179H96.7024C98.6026 25.1097 102.122 22.5933 107.194 22.5933C115.852 22.5933 116.267 30.7614 116.267 33.4796V49.4793C116.267 51.592 117.284 51.592 118.635 51.592H121.619V54.5928H106.244V51.592H108.077C109.429 51.592 110.446 51.592 110.446 49.4793V33.6142C110.446 26.5361 107.127 25.5807 104.959 25.5807C97.9202 25.5807 96.7024 36.0632 96.7024 37.8933V49.4659C96.7024 51.5786 97.7194 51.5785 99.071 51.5785H100.958V54.5793H85.5285V51.5785H88.5127C89.8643 51.5785 90.8813 51.5786 90.8813 49.4659V28.7833C90.8813 26.6706 90.1988 26.5361 87.8302 26.5361H85.5285V23.5487Z" fill="white"/> <path d="M138.708 55.5348C128.966 55.5348 123.212 47.2321 123.212 39.064C123.212 30.896 128.966 22.5933 138.708 22.5933C148.45 22.5933 154.204 30.896 154.204 39.064C154.204 47.2321 148.45 55.5348 138.708 55.5348ZM138.708 52.534C143.044 52.534 147.166 49.6812 147.166 39.064C147.166 27.7606 142.495 25.5941 138.708 25.5941C134.921 25.5941 130.251 27.7741 130.251 39.064C130.251 49.6812 134.373 52.534 138.708 52.534Z" fill="white"/> <path d="M166.943 22.5933V27.2896C170.061 23.2123 173.447 22.5933 175.668 22.5933C185.691 22.5933 190.081 31.2324 190.081 39.6023C190.081 47.5685 184.661 55.5347 175.668 55.5347C173.367 55.5347 169.713 55.1311 167.01 50.5693H166.743L166.943 53.4221V61.6574C166.943 63.7701 167.96 63.7701 169.312 63.7701H173.099V66.7709H155.77V63.7701H158.754C160.105 63.7701 161.122 63.7701 161.122 61.6574V28.6487C161.122 26.5361 160.105 26.5361 158.754 26.5361H155.85V23.5487L166.943 22.5933ZM174.999 52.534C177.983 52.534 183.055 50.6231 183.055 39.1986C183.055 27.4242 178.318 25.5807 174.999 25.5807C171.547 25.5807 166.943 27.9625 166.943 39.2659C166.943 48.5239 170.864 52.534 174.999 52.534Z" fill="white"/> <path d="M191.152 23.5486H206.514V26.5494H204.547C202.446 26.5494 202.312 27.5721 202.312 28.1103C202.312 28.9312 202.58 29.3349 202.928 30.0884L210.783 48.2547H211.184L217.822 31.7167C218.437 30.2903 218.504 29.4694 218.504 28.8639C218.504 26.7512 216.269 26.5494 214.985 26.5494H213.365V23.5486H226.627V26.5494H226.011C223.91 26.5494 222.96 27.8412 222.157 29.752L209.163 60.2444C206.594 66.2325 203.409 67.457 200.024 67.457C195.688 67.457 194.136 64.1871 194.136 62.2897C194.136 59.908 195.902 58.4143 197.856 58.4143C199.689 58.4143 201.241 59.7734 201.241 61.6842C201.241 62.7742 200.706 63.0433 200.706 63.7969C200.706 64.066 200.706 64.6177 201.857 64.6177C204.159 64.6177 205.778 61.0114 206.26 59.9214L208.093 55.5615L196.317 29.3618C195.3 27.1145 194.551 26.5763 192.329 26.5763H191.178V23.5486H191.152Z" fill="white"/> <path d="M37.3266 95.595V89.6472H44.526V87.7768H37.3266V83.7937H45.2888V81.9232H35.3059V95.5815H37.3266V95.595ZM48.4201 83.6053C49.0491 83.6053 49.5844 83.0536 49.5844 82.4077C49.5844 81.7887 49.0491 81.2369 48.4201 81.2369C47.751 81.2369 47.2291 81.7887 47.2291 82.4077C47.2291 83.0536 47.7377 83.6053 48.4201 83.6053ZM49.3836 95.595V85.3142H47.4299V95.595H49.3836ZM54.1476 95.595V81.6945H52.2072V95.595H54.1476ZM58.9383 95.595V89.1763C58.9383 87.7633 59.9687 86.7945 61.4273 86.7945C62.712 86.7945 63.6085 87.8441 63.6085 89.3646V95.6084H65.5221V89.1897C65.5221 87.7768 66.5525 86.8079 68.0112 86.8079C69.2958 86.8079 70.1924 87.8575 70.1924 89.3781V95.6219H72.106V89.0821C72.106 86.7541 70.5671 85.0989 68.426 85.0989C66.8871 85.0989 65.5757 85.8929 65.1073 87.1712C64.5185 85.8929 63.3141 85.0989 61.8288 85.0989C60.5173 85.0989 59.4602 85.7583 58.9383 86.7675V85.3142H56.9845V95.595H58.9383ZM78.6096 95.8372C80.8444 95.8372 82.4903 94.5992 82.4903 92.6615C82.4903 90.8045 81.005 90.172 79.466 89.701L79.0111 89.5665C77.2848 89.0282 76.6559 88.786 76.6559 87.9921C76.6559 87.2116 77.4454 86.781 78.449 86.781C79.3322 86.781 80.3626 87.1174 81.3529 87.7364L82.2227 86.2831C81.112 85.543 79.7738 85.0855 78.449 85.0855C76.2678 85.0855 74.7155 86.3235 74.7289 88.2074C74.7289 89.876 75.8931 90.5488 78.2483 91.2082C79.5196 91.5715 80.5634 91.8675 80.5634 92.823C80.5634 93.6169 79.7738 94.1551 78.623 94.1551C77.4186 94.1551 76.2544 93.6976 75.1571 92.9037L74.2337 94.3166C75.4649 95.2989 77.1108 95.8372 78.6096 95.8372ZM93.8783 95.8372C94.6143 95.8372 95.3637 95.5546 95.9123 95.0971L95.2031 93.7514C94.989 93.9668 94.5875 94.1282 94.1593 94.1282C93.5839 94.1282 93.1155 93.6169 93.1155 92.8902V86.9829H95.5243V85.3142H93.1155V82.4884H91.1885V85.3142H89.6496V86.9829H91.1885V93.0248C91.1885 94.6799 92.2992 95.8372 93.8783 95.8372ZM99.8466 95.595V89.2166C99.8466 87.8844 101.131 86.7945 102.67 86.7945C104.049 86.7945 105.025 87.871 105.025 89.405V95.6084H106.939V89.0686C106.939 86.7406 105.36 85.0855 103.098 85.0855C101.693 85.0855 100.449 85.8256 99.8332 86.8617V81.7079H97.8929V95.6084H99.8466V95.595ZM113.001 95.8372C114.245 95.8372 115.651 95.2586 116.4 94.1821V95.595H118.314V89.3781C118.314 86.8348 116.788 85.0855 114.045 85.0855C112.921 85.0855 111.636 85.3815 110.164 86.1216L110.873 87.5749C111.756 87.1174 112.747 86.7137 113.764 86.7137C115.798 86.7137 116.4 88.0863 116.4 89.3781V89.701C115.41 89.3646 114.326 89.1493 113.309 89.1493C111.061 89.1493 109.214 90.5219 109.214 92.5673C109.214 94.5588 110.82 95.8372 113.001 95.8372ZM113.376 94.2897C112.091 94.2897 111.101 93.6169 111.101 92.5C111.101 91.3831 112.252 90.6161 113.617 90.6161C114.62 90.6161 115.57 90.7507 116.4 91.0198V92.3923C116.065 93.6438 114.634 94.2897 113.376 94.2897ZM124.603 95.8372C125.339 95.8372 126.088 95.5546 126.637 95.0971L125.928 93.7514C125.714 93.9668 125.312 94.1282 124.884 94.1282C124.309 94.1282 123.84 93.6169 123.84 92.8902V86.9829H126.249V85.3142H123.84V82.4884H121.927V85.3142H120.388V86.9829H121.927V93.0248C121.913 94.6799 123.024 95.8372 124.603 95.8372ZM136.232 95.595V89.1763C136.232 87.7633 137.262 86.7945 138.721 86.7945C140.006 86.7945 140.902 87.8441 140.902 89.3646V95.6084H142.816V89.1897C142.816 87.7768 143.846 86.8079 145.305 86.8079C146.589 86.8079 147.486 87.8575 147.486 89.3781V95.6219H149.4V89.0821C149.4 86.7541 147.861 85.0989 145.72 85.0989C144.181 85.0989 142.869 85.8929 142.401 87.1712C141.812 85.8929 140.608 85.0989 139.122 85.0989C137.811 85.0989 136.754 85.7583 136.232 86.7675V85.3142H134.278V95.595H136.232ZM155.448 95.8372C156.693 95.8372 158.098 95.2586 158.847 94.1821V95.595H160.761V89.3781C160.761 86.8348 159.235 85.0855 156.492 85.0855C155.368 85.0855 154.083 85.3815 152.611 86.1216L153.321 87.5749C154.204 87.1174 155.194 86.7137 156.211 86.7137C158.245 86.7137 158.847 88.0863 158.847 89.3781V89.701C157.857 89.3646 156.773 89.1493 155.756 89.1493C153.508 89.1493 151.661 90.5219 151.661 92.5673C151.675 94.5588 153.267 95.8372 155.448 95.8372ZM155.823 94.2897C154.538 94.2897 153.548 93.6169 153.548 92.5C153.548 91.3831 154.699 90.6161 156.064 90.6161C157.067 90.6161 158.018 90.7507 158.847 91.0198V92.3923C158.513 93.6438 157.094 94.2897 155.823 94.2897ZM167.05 95.8372C167.786 95.8372 168.536 95.5546 169.084 95.0971L168.375 93.7514C168.161 93.9668 167.76 94.1282 167.331 94.1282C166.756 94.1282 166.288 93.6169 166.288 92.8902V86.9829H168.696V85.3142H166.288V82.4884H164.374V85.3142H162.835V86.9829H164.374V93.0248C164.361 94.6799 165.471 95.8372 167.05 95.8372ZM174.544 95.8372C175.28 95.8372 176.03 95.5546 176.578 95.0971L175.869 93.7514C175.655 93.9668 175.253 94.1282 174.825 94.1282C174.25 94.1282 173.781 93.6169 173.781 92.8902V86.9829H176.19V85.3142H173.781V82.4884H171.868V85.3142H170.329V86.9829H171.868V93.0248C171.854 94.6799 172.965 95.8372 174.544 95.8372ZM183.296 95.8372C184.741 95.8372 186.521 95.2182 187.431 94.2493L186.2 92.971C185.584 93.6034 184.34 94.0879 183.269 94.0879C181.503 94.0879 180.258 92.8499 180.004 91.1409H188.046C188.046 87.4673 186.253 85.072 183.122 85.072C180.298 85.072 178.023 87.3327 178.023 90.4142C178.023 93.59 180.446 95.8372 183.296 95.8372ZM186.16 89.5665H180.031C180.352 87.8979 181.637 86.8214 183.216 86.8214C184.969 86.8214 185.945 87.9786 186.16 89.5665ZM192.382 95.595V89.7549C192.556 87.9652 194.068 86.7945 196.183 86.7945V85.0855C194.416 85.0855 193.038 85.9467 192.382 87.2923V85.3142H190.428V95.595H192.382Z" fill="white"/> </svg> <p class="promo-text">Give patrons anytime access to films that entertain, educate & inspire.</p> <a class="btn-basic" href="/kanopy/" rel="noopener noreferrer">Learn more</a> </div> </div> </div> </div>  </section> <div class="col-12 d-flex align-items-stretch mb-4 global-library-promo"> <div class="row ml-lg-0 w-100"> <div class="d-none d-md-block col-2"><img decoding="async" class="img-fluid mx-auto" src="https://static.od-cdn.com/globe-icon-outline.svg" alt="customized materials"></div> <div class="col-md-7 col-lg-10 col-xl-7 px-md-0"> <div class="text-center"> <h2 class="mt-0 text-center text-mdblue">Located outside North America?</h2> <p class="mx-lg-auto px-0 col-xl-10">Explore marketing resources and collection recommendations specifically designed for libraries around the world.</p> <a class="btn-basic btn-mdblue-outline btn-bold mx-lg-auto px-5" href="/global-libraries/" target="_blank" rel="noopener noreferrer">Go to Global Library Resources</a> </div> </div> <div class="d-none d-md-block d-lg-none d-xl-block col-3"><img decoding="async" class="" src="/wp-content/uploads/Global-Libraries-HexPic.png" style="" alt="Global Library Resources"></div> </div> </div> <div class="libbyBookAwardsCeremony"> <div> <img decoding="async" src="/wp-content/uploads/Group-1.png" alt="Libby Book Awards"> </div> <div> <div> <h3>Winners announced for the</h3> <h4>Libby Book Awards Ceremony!</h4> <a href="https://www.libbylife.com/2024-03-07-and-the-award-goes-to-the-winners-of-the-first-libby-book-awards" target="_blank" rel="noopener">Watch Recording</a> </div> </div> </div> <div class="col-12 text-right"> <a class="text-dkgrey" href="/library/" target="_blank" rel="noopener noreferrer" data-ga-type="click" data-ga-market="library" data-ga-tab="public library resources" data-ga-title="See all public library resources">See all public library resources</a> </div> </div> </div>   <div id="Schools" class="accordion-body collapse" aria-labelledby="headingSchools" data-parent="#accordion"> <div class="row p-3 pb-sm-0"> <div class="col-md-6 d-md-flex align-items-stretch mb-4 p-0"> <a href="/k-12-schools/marketing-outreach-trending/" class="row h-100 same-size p-4" data-ga-market="K-12 Schools" data-ga-title="Increase student reading & engagement" data-ga-type="click"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="explore-tiles-label mb-1">PROMOTING SORA</p> <h5 class="explore-tiles-title">Increase student reading & engagement </h5> </div> <div class="col-4 col-sm-3 col-md-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="/wp-content/uploads/promoting-sora-icon-1.png" alt="Promoting Sora image"></div> <div class="col-12 mt-3 mt-md-auto"><span class="btn-basic btn-purple-outline no-hover w-100">Browse promotional materials</span></div> </a> <div class="explore-tile-background h-100"></div> </div>  <div class="col-md-6 d-md-flex align-items-stretch mb-4 p-0"> <a herf="/k-12-schools/upcoming-webinars/" class="row h-100 same-size p-4" data-ga-market="K-12 Schools" data-ga-title="Learn about Sora live with our K-12 experts" data-ga-type="click"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="explore-tiles-label mb-1">Educator training</p> <h5 class="explore-tiles-title">Learn about Sora live with our K-12 experts</h5> </div> <div class="col-4 col-sm-3 col-md-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="/wp-content/uploads/webinar-icon.png" alt="Webinar image"></div> <div class="col-12 mt-3"><span class="btn-basic btn-purple-outline no-hover w-100">Start training</span> </div> </a> <div class="explore-tile-background h-100"></div> </div>  <div class="col-md-6 d-md-flex align-items-stretch mb-4 p-0"> <a href="/k-12-schools/collection-development-recommended-lists/" class="row h-100 same-size p-4" data-ga-market="K-12 Schools" data-ga-title="Curated lists for recommended reading" data-ga-type="click"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="explore-tiles-label mb-1">Collection dev.</p> <h5 class="explore-tiles-title">Curated lists for recommended reading</h5> </div> <div class="col-4 col-sm-3 col-md-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="https://static.od-cdn.com/collection-dev-icon-1220.svg" alt="Collection dev image"></div> <div class="col-12 mt-3"><span class="btn-basic btn-purple-outline no-hover w-100">See recommendations</span></div> </a> <div class="explore-tile-background h-100"></div> </div>  <div class="col-md-6 d-md-flex align-items-stretch mb-4 p-0"> <a href="/k-12-schools/apps-features-apps/" class="row h-100 same-size p-4" data-ga-market="K-12 Schools" data-ga-title="Learn about Sora, the student reading app" data-ga-type="click"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="explore-tiles-label mb-1">Getting Started</p> <h5 class="explore-tiles-title">Learn about Sora, the student reading app</h5> </div> <div class="col-4 col-sm-3 col-md-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="/wp-content/uploads/getting-started-sora-icon-1.png" alt="Sora image"> </div> <div class="col-12 mt-3"><span class="btn-basic btn-purple-outline no-hover w-100">Learn more about Sora</span></div> </a> <div class="explore-tile-background h-100"></div> </div>  </div> <div class="row p-3 pt-sm-0 pl-md-3 pr-md-4 mr-xl-0"> <div class="col-12 d-flex align-items-stretch mb-4 global-schools-promo"> <div class="row ml-lg-0 w-100"> <div class="d-none d-md-block col-2"><img decoding="async" class="img-fluid mx-auto" src="https://static.od-cdn.com/globe-icon-outline.svg" style="" alt="customized materials"></div> <div class="col-md-7 col-lg-10 col-xl-7 px-md-0"> <div class="text-center text-md-left text-lg-center"> <h2 class="mt-0 text-center text-md-left text-lg-center text-purple">Located outside North America?</h2> <p class="mx-lg-auto px-0 col-xl-10">Explore marketing resources and collection recommendations specifically designed for schools around the world.</p> <a class="btn-basic btn-purple-outline btn-bold mx-lg-auto px-5" href="/global-schools/" target="_blank" rel="noopener noreferrer">Go to Global School Resources</a> </div> </div> <div class="d-none d-md-block d-lg-none d-xl-block col-3"><img decoding="async" class="" src="/wp-content/uploads/Global-School-HexPic.png" style="width: auto;height: fit-content;" alt="Global School Resources"> </div> </div> </div> <div class="col-12 text-right"> <a class="text-dkgrey" href="/k-12-schools/" target="_blank" rel="noopener noreferrer" data-ga-type="click" data-ga-market="k-12-schools" data-ga-tab="School resources" data-ga-title="See all school resources">See all school resources</a> </div> </div> </div>   <div id="Academic" class="accordion-body collapse" aria-labelledby="headingAcademic" data-parent="#accordion"> <div class="row p-3 pb-sm-0"> <div class="col-md-6 d-md-flex align-items-stretch mb-4 p-0"> <a href="/academic/" class="row h-100 same-size p-4" data-ga-market="Academic" data-ga-title="Increase circulation & reach new users" data-ga-type="click"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="explore-tiles-label mb-1">Get the word out</p> <h5 class="explore-tiles-title">Increase circulation & reach new users</h5> </div> <div class="col-4 col-sm-3 col-md-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="/wp-content/uploads/CORP-IncreaseEngagement.png" alt="Marketing & training image"></div> <div class="col-12 mt-3 mt-md-auto"><span class="btn-basic btn-green-outline no-hover w-100">Browse marketing & training assets</span></div> </a> <div class="explore-tile-background h-100"></div> </div>  <div class="col-md-6 d-md-flex align-items-stretch mb-4 p-0"> <a href="https://company.overdrive.com/academic-libraries/" class="row h-100 same-size p-4" data-ga-market="Academic" data-ga-title="Explore how we help our partners" data-ga-type="click"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="explore-tiles-label mb-1">New to OverDrive</p> <h5 class="explore-tiles-title">Explore how we help our partners</h5> </div> <div class="col-4 col-sm-3 col-md-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="https://static.od-cdn.com/target-odpedu.svg" alt="Target image"></div> <div class="col-12 mt-3"><span class="btn-basic btn-green-outline no-hover w-100">Learn More</span></div> </a> <div class="explore-tile-background h-100"></div> </div>  <div class="col-md-6 d-md-flex align-items-stretch mb-4 p-0"> <a href="https://marketplace.overdrive.com/Account/Login" class="row h-100 same-size p-4" data-ga-market="Academic" data-ga-title="Purchase titles for your digital book collection" data-ga-type="click"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="explore-tiles-label mb-1">Collection dev.</p> <h5 class="explore-tiles-title">Purchase titles for your digital book collection </h5> </div> <div class="col-4 col-sm-3 col-md-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="https://static.od-cdn.com/Tablet-odpedu.svg" alt="Tablet image"></div> <div class="col-12 mt-3"><span class="btn-basic btn-green-outline no-hover w-100">Visit OverDrive Marketplace</span></div> </a> <div class="explore-tile-background h-100"></div> </div>  <div class="col-md-6 d-md-flex align-items-stretch mb-4 p-0"> <a href="https://help.overdrive.com/en-us/home.htm" class="row h-100 same-size p-4" data-ga-market="Academic" data-ga-title="Visit our help resources for all things OverDrive" data-ga-type="click"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="explore-tiles-label mb-1">Ned Help?</p> <h5 class="explore-tiles-title">Visit our help resources for all things OverDrive</h5> </div> <div class="col-4 col-sm-3 col-md-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="https://static.od-cdn.com/HelpIcon-odpedu.svg" alt="Help image"></div> <div class="col-12 mt-3"><span class="btn-basic btn-green-outline no-hover w-100">Browse help topics</span> </div> </a> <div class="explore-tile-background h-100"></div> </div>  <div class="col-12 text-right"> <a class="text-dkgrey" href="/academic/" target="_blank" rel="noopener noreferrer" data-ga-type="click" data-ga-market="academic" data-ga-tab="academic resources" data-ga-title="See all academic resources">See all academic resources</a> </div> </div> </div>   <div id="Professional" class="accordion-body collapse" aria-labelledby="headingProfessional" data-parent="#accordion"> <div class="row p-3 pb-sm-0"> <div class="col-md-6 d-md-flex align-items-stretch mb-4 p-0"> <a href="/professional/" class="row h-100 same-size p-4" data-ga-market="Professional" data-ga-title="Increase circulation & reach new users" data-ga-type="click"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="explore-tiles-label mb-1">Get the word out</p> <h5 class="explore-tiles-title">Increase circulation & reach new users</h5> </div> <div class="col-4 col-sm-3 col-md-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="/wp-content/uploads/CORP-IncreaseEngagement.png" alt="Marketing & training image"></div> <div class="col-12 mt-3 mt-md-auto"><span class="btn-basic btn-orange-outline no-hover w-100">Browse marketing & training assets</span></div> </a> <div class="explore-tile-background h-100"></div> </div>  <div class="col-md-6 d-md-flex align-items-stretch mb-4 p-0"> <a href="https://company.overdrive.com/overdrive-professional/" class="row h-100 same-size p-4" data-ga-market="Professional" data-ga-title="Explore how we help our partners" data-ga-type="click"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="explore-tiles-label mb-1">New to OverDrive</p> <h5 class="explore-tiles-title">Explore how we help our partners</h5> </div> <div class="col-4 col-sm-3 col-md-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="https://static.od-cdn.com/target-odpedu.svg" alt="Target image"></div> <div class="col-12 mt-3"><span class="btn-basic btn-orange-outline no-hover w-100">Learn More</span></div> </a> <div class="explore-tile-background h-100"></div> </div>  <div class="col-md-6 d-md-flex align-items-stretch mb-4 p-0"> <a href="https://marketplace.overdrive.com/Account/Login" class="row h-100 same-size p-4" data-ga-market="Professional" data-ga-title="Purchase titles for your digital book collection" data-ga-type="click"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="explore-tiles-label mb-1">Collection dev.</p> <h5 class="explore-tiles-title">Purchase titles for your digital book collection</h5> </div> <div class="col-4 col-sm-3 col-md-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="https://static.od-cdn.com/Tablet-odpedu.svg" alt="Tablet image"></div> <div class="col-12 mt-3"><span class="btn-basic btn-orange-outline no-hover w-100">Visit OverDrive Marketplace</span></div> </a> <div class="explore-tile-background h-100"></div> </div>  <div class="col-md-6 d-md-flex align-items-stretch mb-4 p-0"> <a href="https://help.overdrive.com/en-us/home.htm" class="row h-100 same-size p-4" data-ga-market="Professional" data-ga-title="Visit our help resources for all things OverDrive" data-ga-type="click"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="explore-tiles-label mb-1">Need Help?</p> <h5 class="explore-tiles-title">Visit our help resources for all things OverDrive</h5> </div> <div class="col-4 col-sm-3 col-md-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="https://static.od-cdn.com/HelpIcon-odpedu.svg" alt="Help image"></div> <div class="col-12 mt-3"><span class="btn-basic btn-orange-outline no-hover w-100">Browse help topics</span></div> </a> <div class="explore-tile-background h-100"></div> </div>  <div class="col-12 text-right"> <a class="text-dkgrey" href="/professional/" target="_blank" rel="noopener noreferrer" data-ga-type="click" data-ga-market="professional" data-ga-tab="professional resources" data-ga-title="See all professional resources">See all professional resources</a> </div> </div> </div>  </div> </div> </div> </section> <style> .explore-tiles-label { color:#747474; } .trending .grid { display: grid; grid-template-columns: 3fr 3fr .5fr 1fr; grid-template-areas: "a a . ." "b c . d"; grid-gap: 30px; } .a { grid-area: a; } .b { grid-area: b; } .c { grid-area: c; } .d { grid-area: d; margin-right: 70px; } .trending.blog-posts .section-container { padding: 0; max-width: 1460px; margin: 0 auto; } @media screen and (max-width: 1200px) { .trending .grid { display: grid; grid-template-columns: 4fr 4fr 1fr; grid-template-areas: "a a ." "b c d"; grid-gap: 32px; } @media screen and (max-width: 992px) { .trending.blog-posts .section-container { padding: 0px 15px; } .trending .grid { grid-template-areas: "a ." "b d" "c d"; grid-template-columns: 1.25fr 1fr; grid-gap: 20px; } } @media screen and (max-width: 767px) { .trending .grid { grid-template-areas: "a a" "b c" "d d"; grid-template-columns: 1fr 1fr; grid-gap: 30px; } .trending .grid .blog-post-wrapper { padding-bottom: 30px; } .trending.blog-posts .section-container { margin: 0 auto; } .d { margin-right: 0px; } .adButler div { display: flex; align-items: center; justify-content: center; } .adButler { display: grid !important; overflow: hidden; grid-template-columns: 1fr 1fr; grid-gap: 30px; } .adButler div a img { width: 100%; height: auto; } } @media screen and (max-width: 600px) { .hr-grey.d-block.d-sm-none.mt-5.mb-5 { margin-bottom: 20px !important; } .trending .grid { grid-template-areas: "a" "b" "c" "d"; grid-template-columns: 1fr; grid-gap: 30px; } .c.blog-post-wrapper { padding-bottom: 0px !important; } .adButler { grid-template-columns: 1fr; grid-gap: 0px; } } </style> <section class="trending blog-posts bg-white pb-5"> <div class="container section-container"> <div class="grid"> <div class="a"> <div class="container"> <h2 class="text-center mt-5">Trending Blog Posts</h2> <hr class="hr-mdblue"> </div> </div> <div class="b blog-post-wrapper d-flex align-items-start flex-column"> <a href="https://company.overdrive.com/2022/03/09/las-vegas-library-director-is-a-driving-force-for-innovation/" class="w-100" target="_blank" rel="noopener noreferrer" data-ga-type="click" data-ga-market="library" data-ga-title="https://company.overdrive.com/2022/03/09/las-vegas-library-director-is-a-driving-force-for-innovation/"> <img decoding="async" class="blog-img-top w-100" src="/wp-content/uploads/las-vergas-0322-thmb.jpg" alt="blog image cap"> <div class="pt-4"> <h5 class="">Las Vegas Library Director is a driving force for innovation</h5> <p class="text-right d-none"><small class="text-muted">3/9/2022</small></p> <p class="">Kelvin Watson, Executive Director of the Las Vegas-Clark County Library District (LVCCLD), is always looking for opportunities to expand the library’s user base by reaching community members where they are… </p> </div> </a> <hr class="hr-grey d-none d-sm-block mb-3 mt-auto"> <a class="btn-mdblue-outline btn-basic mt-sm-4 btn-bold ml-0" href="https://company.overdrive.com/blogs/library-blog/" target="_blank" rel="noopener noreferrer" data-ga-type="click" data-ga-market="library" data-ga-title="See all Public Library Posts">See all Public Library Posts</a> <hr class="hr-grey d-block d-sm-none mt-5 mb-3"> </div> <div class="c blog-post-wrapper d-flex align-items-start flex-column"> <a href="https://company.overdrive.com/2022/03/08/add-some-pow-to-your-school-library-with-all-access-comics-in-sora/" target="_blank" class="w-100" rel="noopener noreferrer" data-ga-type="click" market="k-12-schools" data-ga-title="https://company.overdrive.com/2022/03/08/add-some-pow-to-your-school-library-with-all-access-comics-in-sora/"> <img decoding="async" class="blog-img-top w-100" src="/wp-content/uploads/schools-comics-0322-thmb.jpg" alt="blog image cap"> <div class="pt-4"> <h5 class="">Add some POW! to your school library with All Access Comics in Sora</h5> <p class="text-right d-none"><small class="text-muted">3/8/2022</small></p> <p class="">Give your school’s digital collection a little extra ZAP! with our new All Access Comics package, accessible through the Sora reading app… </p> </div> </a> <hr class="hr-grey d-none d-sm-block mb-3 mt-auto"> <a class="btn-purple-outline btn-basic mt-4 btn-bold ml-0" href="https://company.overdrive.com/blogs/schools-blog/" target="_blank" rel="noopener noreferrer" data-ga-type="click" market="k-12-schools" data-ga-title="See all School Posts">See all School Posts</a> <hr class="hr-grey d-block d-sm-none mt-5 mb-5"> </div> <div class="d pl-0"> <div class="mx-auto adButler text-center text-lg-left mb-5 d-sm-flex d-md-block justify-content-sm-between" style="overflow: hidden"> <style> .adButler img { width: auto; margin-bottom: 20px } </style>  <div id="adButler"></div> </div> </div> </div> </div> </section> </main> </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>  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>  <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> <script type = "text/javascript" > if (!window.AdButler) { (function() { var s = document.createElement("script"); s.async = true; s.type = "text/javascript"; s.src = 'https://servedbyadbutler.com/app.js'; var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(s, n); }()); } </script> <script type = "text/javascript"> var AdButler = AdButler || {}; AdButler.ads = AdButler.ads || []; var abkw = window.abkw || ''; var plc540002 = window.plc540002 || 0; document.write('<' + 'div id="placement_540002_' + plc540002 + '"></' + 'div>'); AdButler.ads.push({ handler: function(opt) { AdButler.register(183283, 540002, [300, 250], 'placement_540002_' + opt.place, opt); }, opt: { place: plc540002++, keywords: abkw, domain: 'servedbyadbutler.com', click: 'CLICK_MACRO_PLACEHOLDER' } }); setTimeout(() => { jQuery("#placement_540002_0").appendTo("#adButler").show(); }, 500); </script> <script type = "text/javascript"> var AdButler = AdButler || {}; AdButler.ads = AdButler.ads || []; var abkw = window.abkw || ''; var plc540003 = window.plc540003 || 0; document.write('<' + 'div id="placement_540003_' + plc540003 + '"></' + 'div>'); AdButler.ads.push({ handler: function(opt) { AdButler.register(183283, 540003, [300, 250], 'placement_540003_' + opt.place, opt); }, opt: { place: plc540003++, keywords: abkw, domain: 'servedbyadbutler.com', click: 'CLICK_MACRO_PLACEHOLDER' } }); setTimeout(() => { jQuery("#placement_540003_0").appendTo("#adButler").show(); }, 500); </script>

CINXE.COM

OverDrive Resource Center – Resources for OverDrive Partners