CINXE.COM

Resources for Public Libraries – OverDrive Resource Center

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="author" content="test"> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://resources.overdrive.com/library/" /> <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 Public Libraries – OverDrive Resource Center" /><meta name="twitter:title" content="Resources for Public Libraries – OverDrive Resource Center" /><meta name="description" content="Free marketing materials, how-to videos, & collection recommendations for library staff. Learn about Libby and Kanopy app features & service enhancements. " /><meta property="og:description" content="Free marketing materials, how-to videos, & collection recommendations for library staff. Learn about Libby and Kanopy app features & service enhancements. " /><meta name="twitter:description" content="Free marketing materials, how-to videos, & collection recommendations for library staff. Learn about Libby and Kanopy app features & service enhancements. " /><meta property="og:image" content="https://resources.overdrive.com/wp-content/uploads/Library-Social-Post.jpg" /><meta name="twitter:image" content="https://resources.overdrive.com/wp-content/uploads/Library-Social-Post.jpg" /><script> var dataLayer = window.dataLayer = window.dataLayer || []; dataLayer.push({ 'siteTitle': 'resourcecenter', 'marketType': 'Library', 'isRecommendList': 'false'}); </script><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <noscript> <style> .menu-item { position: relative; display: inline-block; } .dropdown-menu { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1; } .menu-item:hover .dropdown-menu { display: block; } .spec-scroll, hr { display: block !important; } .lazyload, #videos-displays .back-dull:first-of-type { display: none; } a[data-toggle=modal] { pointer-events: none; } footer { margin-bottom: 40px; } </style> </noscript> <style> .async-hide { opacity: 0 !important } </style> <style> .async-hide { opacity: 0 !important } </style> <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date; h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')}; (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c; })(window,document.documentElement,'async-hide','dataLayer',4000, {'GTM-WZTJSPC':true});</script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-34791607-37', 'auto', {allowLinker: true}); ga('require', 'GTM-WZTJSPC'); </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N5TR2F');</script> <link rel="stylesheet" href="https://use.typekit.net/fqf5wcd.css"> <!--START Digioh Fast Activation Javascript--><script async type='text/javascript' src='https://www.lightboxcdn.com/vendor/93e6220c-97b3-47c9-9b37-3cfde1b71a2b/lightbox_inline.js'></script><!--END Digioh Fast Activation Javascript--> <title>Resources for Public Libraries &#8211; OverDrive Resource Center</title> <meta name='robots' content='max-image-preview:large' /> <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 &raquo; Feed" href="https://resources.overdrive.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="OverDrive Resource Center &raquo; Comments Feed" href="https://resources.overdrive.com/comments/feed/" /> <link rel="alternate" type="text/calendar" title="OverDrive Resource Center &raquo; 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=9a2705a2a0fe4a9e87903ff92c3a93c8"}}; /*! 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=9a2705a2a0fe4a9e87903ff92c3a93c8' 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=9a2705a2a0fe4a9e87903ff92c3a93c8' 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=9a2705a2a0fe4a9e87903ff92c3a93c8' 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=9a2705a2a0fe4a9e87903ff92c3a93c8' 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=9a2705a2a0fe4a9e87903ff92c3a93c8' 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=9a2705a2a0fe4a9e87903ff92c3a93c8' 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&#039; defer=&#039;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=9a2705a2a0fe4a9e87903ff92c3a93c8&#039; defer=&#039;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=9a2705a2a0fe4a9e87903ff92c3a93c8&#039; defer=&#039;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/39" /><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/library/" /> <link rel='shortlink' href='https://resources.overdrive.com/?p=39' /> <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%2Flibrary%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%2Flibrary%2F&#038;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} </style> </head> <body> <noscript> <iframe src="//www.googletagmanager.com/ns.html?id=GTM-N5TR2F" height="0" width="0"></iframe> </noscript> <a class="skip-link screen-reader-text" href="#content"> Skip to content</a> <nav class="back-primary bakc navbar navbar-expand-md fixed-top"> <div class="container-fluid"> <div class="set-width"> <div class="inline-block navbar-header"> <a class="navbar-brand" href="https://resources.overdrive.com"><img src="https://static.od-cdn.com/od_rc_white_lightblue.svg" alt="OverDrive Resource Center logo" class="d-none" /><img src="https://static.od-cdn.com/overdrive-resource-center-logo-2021.svg" alt="OverDrive Resource Center logo" class="od-rc-nav-logo" /></a> <button type="button" class="ml-auto navbar-toggler txt-light" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <i class="fa fa-bars" aria-hidden="true"></i> </button> <div class="dropdown initial mobile-search pull-right show-sm"> <a href="#" class="dropdown-toggle txt-light" aria-label="Toggle Search" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-search" aria-hidden="true"></i></a> <ul class="dropdown-menu search width-100"> <li class="set-width"> <form role="search" method="get" class="search-form" action="https://resources.overdrive.com"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search" value="" name="s"> </label> <input type="submit" class="search-submit" value="Search"> </form> </li> </ul> </div> </div> <button aria-label="Toggle Search Box" class="btn btn-round-white float-r collapsed hide-md" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"> <i class="fa fa-search"></i> </button> <form role="search" method="get" class="float-r form-inline hide-md inline-block navbar-form collapse" id="collapseExample" action="https://resources.overdrive.com"> <div class="input-group"> <input type="search" class="form-control" placeholder="Search for..." value name="s"> <span class="input-group-append"> <button class="btn btn-search txt-primary " aria-label="Submit Search" type="submit" style="padding-bottom: 6px;"><i class="fa fa-search"></i></button> </span> </div> <!-- /input-group --> </form> <div id="navbar" class="collapse inline-block float-r navbar-collapse"> <ul id="menu-header-menu" class="ml-auto nav navbar-nav mega-nav"><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-71" class="topNavItem menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-39 current_page_item current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children dropdown active 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 current-menu-item page_item page-item-39 current_page_item active 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 &amp; Service Enhancements" href="https://resources.overdrive.com/library/libby-features/" class="dropdown-item">Features &#038; 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, &#038; 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 &amp; Outreach" href="https://resources.overdrive.com/library/marketing-outreach-trending/" class="dropdown-item">Marketing &#038; Outreach<span class="description">Increase circulation &#038; 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 &amp; Service Enhancements" href="https://resources.overdrive.com/k-12-schools/sora-features/" class="dropdown-item">Features &#038; 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 &amp; Webinars" href="https://resources.overdrive.com/k-12-schools/upcoming-webinars/" class="dropdown-item">How-To Videos &#038; 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 &#038; 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 &hellip;" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form></li></ul></li></ul> </div> <!--/.nav-collapse --> </div> </div> </nav> <script> $('button.btn-round-white').click(function(){ $(this).find('i').toggleClass('fa-search fa-times') }); </script> <main> <div id="cookie-notice"> <div class="cookie-notice-container"> <span id="cn-notice-text">This site uses research and analytics cookies that help us understand user behavior. To learn more about how we use and protect your data, please see our <a href="https://company.cdn.overdrive.com/policies/privacy-policy.htm" target="_blank" class="txt-light" style="text-decoration: underline">Privacy Policy.</a></span> <a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-button">Accept</a> <a href="#" id="cn-refuse-cookie" data-cookie-set="refuse" class="cn-button">Refuse</a> </div> </div> <noscript> <div class="back-primary center width-100" style="bottom: 0; position: fixed; z-index: 1001;"> <p class="m-b-0 p-xs txt-light">This site works better with JavaScript enabled!</p> </div> </noscript> <link rel="stylesheet" href="https://use.typekit.net/fqf5wcd.css"> <style> #accordion p, #accordion h5{ font-weight:bold; } #placement_540004_0_ins img{ width:auto; height:100%; } .kit-container a img.kit-thumbnail-art { height: 165px; width: 100%; object-fit: cover; } .curated-book{ padding-right:0px!important } .curated-book .img-fluid.mx-auto.mt-lg-0.pr-3.pr-md-0{ margin-right:-10px!important; } @media screen and (max-width: 980px) { .curated-book span{ word-wrap:break-word; hyphens:auto; } } /* EOS */ .btn-faq { background: #FFFFFF 0% 0% no-repeat padding-box; border: 2px solid #F2F3F8; border-radius: 16px; opacity: 1; text-align: left; font: normal normal 600 18px/28px Muli; letter-spacing: 0px; color: #24303B; opacity: 1; margin-bottom: 10px; } .btn-faq:hover, .btn-faq:active, .btn-faq:focus, .btn-faq:active:focus { box-shadow: 0 0 0 rgba(0,0,0,0); color: #24303B !important; /*transform: scale(1.05);*/ transform: scale(1); } .btn-faq[aria-expanded="true"] { margin-bottom: 0; border-radius: 0; -webkit-border-top-left-radius: 16px; -webkit-border-top-right-radius: 16px; -moz-border-radius-topleft: 16px; -moz-border-radius-topright: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; background: #E0EEED 0% 0% no-repeat padding-box; border-bottom: none; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .btn-faq .fa-minus { display: block; } .btn-faq .fa-plus { display:none; } .btn-faq.collapsed .fa-minus { display: none; } .btn-faq.collapsed .fa-plus { display:block; } .faq-answer-visible { background: #E0EEED 0% 0% no-repeat padding-box; border: 2px solid #F2F3F8; border-top: none; -webkit-border-bottom-right-radius: 16px; -webkit-border-bottom-left-radius: 16px; -moz-border-radius-bottomright: 16px; -moz-border-radius-bottomleft: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; opacity: 1; text-align: left; font: normal normal 600 18px/28px Muli; letter-spacing: 0px; color: #24303B; opacity: 1; padding:15px; margin-bottom: 10px; } .faq-item { padding: 10px 50px 10px 15px; background: #E0EEED 0% 0% no-repeat padding-box; border: 2px solid #F2F3F8; border-radius: 16px; opacity: 1; text-align: left; font: normal normal 600 18px/28px Muli; letter-spacing: 0px; color: #24303B; width: 100%; margin-bottom: 10px; cursor: pointer; opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; height: auto; } .faq-item .fas { position: absolute; right: 18px; margin-top: 5px; } .faq-item.text-truncate .fa-minus, .faq-item .fa-plus { display: none; } .faq-item.text-truncate .fa-plus, .faq-item .fa-minus { display: block; } .faq-item.text-truncate { background: #FFFFFF 0% 0% no-repeat padding-box; border: 2px solid #F2F3F8; border-radius: 16px; opacity: 1; text-align: left; font: normal normal 600 18px/28px Muli; letter-spacing: 0px; color: #24303B; opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; /*height: 30px;*/ } @media screen and (max-width: 768px) { #adButler img{ max-width: 275px; margin-bottom: 20px; } } .blog-post-wrapper.d-flex.align-items-start.flex-column p a{ text-decoration:underline; } </style> <!----- COMPONENT ON PAGE -------> <!-- production [Component post="21487" title="Diversity Audit - Library - Banner"] [Component post="20312" class="libbyLifeAd2 pb-5" id="libbyLifeAd_Style2"] [Component post="33705" title="End of Year Sale - Library - Banner"] --> <main class="library-featured"> <section class="hero"> <div class="container section-container"> <div class="row justify-content-center justify-content-lg-start"> <div class="col-lg-5 order-2 order-lg-1 d-flex align-items-center"> <div class="hero-copy-wrap"> <h4 class="text-uppercase text-mdblue">Public Libraries</h4> <h1>Resources for public libraries</h1> <p class="">Promotional materials, staff training, collection recommendations, and more information about the award-winning reading app, Libby. </p> <p class="mb-5 mb-lg-0">Questions? Work with your OverDrive Account Manager or find answers in our <a href="https://company.overdrive.com/2020/09/02/your-top-resource-center-faqs-answered/" target="_blank" rel="noopener">Resource Center FAQs</a>.</p> </div> </div> <div class="col-sm-11 col-12 hero-image-wrap col-md-8 col-lg-7 overflow-hidden order-1 order-lg-2 d-flex align-items-center"> <img decoding="async" src="/wp-content/uploads/PL-hexagon-images2b.png" class="library-hero-image" alt="Library Schools Hexagons"/> </div> </div> </div> </section> <section class="featured-tiles mt-0"> <div class="container section-container"> <div class="row d-flex"> <div class="col-md-4 col-xl-3 mb-3 mb-xl-0"> <div class="row h-100 same-size p-4" onclick="window.open('/library/marketing-outreach-trending/')"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="featured-tiles-label mb-1">MARKETING &#038; OUTREACH</p> <h5 class="featured-tiles-title mb-4">Promote your digital collection to patrons</h5> <p class="mb-0 mt-auto "><span class="text-mdblue text-nowrap" href="/library/marketing-outreach-trending/">Browse marketing materials <i class="fas fa-arrow-right"></i></span></p> </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/social-media-rc.svg" alt="Marketing &#038; outreach image"></div> </div> <div class="feature-tile-background h-100"></div> </div> <div class="col-md-4 col-xl-3 mb-3 mb-xl-0"> <div class="row h-100 same-size p-4" onclick="window.open('/library/upcoming-webinars/')"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="featured-tiles-label mb-1">WEBINARS &#038; HOW-TO-VIDEOS</p> <h5 class="featured-tiles-title mb-4">Learn tips &#038; tricks to enhance your digital collection</h5> <p class="mb-0 mt-auto "><span class="text-mdblue text-nowrap" href="/library/upcoming-webinars/">See Staff Training <i class="fas fa-arrow-right"></i></span></p> </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> <div class="feature-tile-background h-100"></div> </div> <div class="col-md-4 col-xl-3 mb-3 mb-xl-0"> <div class="row h-100 same-size p-4 curated-book" onclick="window.open('/library/collection-development-recommended-lists/')"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="featured-tiles-label mb-1">COLLECTION DEVELOPMENT</p> <h5 class="featured-tiles-title mb-4 curated-book-text">Explore librarian-created lists for shopping and creating digital displays</h5> <p class="mb-0 mt-auto "><span class="text-mdblue text-nowrap" href="/library/collection-development-recommended-lists/">See Staff Librarian Picks <i class="fas fa-arrow-right"></i></span></p> </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> <div class="feature-tile-background h-100"></div> </div> <div class="col-md-4 col-xl-3 mb-3 mb-xl-0"> <div class="row h-100 same-size p-4" onclick="window.open('/resources.overdrive.com/libby-features/')"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="featured-tiles-label mb-1">SERVICE ENHANCEMENTS</p> <h5 class="featured-tiles-title mb-4">Explore unique Libby features to reach more users</h5> <p class="mb-0 mt-auto "><span class="text-mdblue text-nowrap" href="//resources.overdrive.com/libby-features/">Learn more <i class="fas fa-arrow-right"></i></span></p> </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="//images.overdrive.com/misc/Feat_tile_icons_B.png" alt="Webinar image"></div> </div> <div class="feature-tile-background h-100"></div> </div> </div> <div id="lightbox-inline-form-2ebbd1de-1242-4792-ac4f-7f0a99f05999" style="text-align: center;"></div> <h2 class="text-center">Our Apps</h2> <hr class="hr-mdblue mb-lg-5"> <div class="row d-flex m-t-l"> <div class="col-md-6 col-xl-4 mb-4 mb-xl-0 offset-xl-2"> <div class="row h-100 same-size p-4" onclick="window.open('/library/apps-features-apps/')"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="featured-tiles-label mb-1">Getting started</p> <h5 class="featured-tiles-title mb-4">Learn all about our Libby app</h5> <p class="mb-0 mt-auto"><a class="text-mdblue text-nowrap" href="/library/apps-features-apps/">Learn more <i class="fas fa-arrow-right"></i></a></p> </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> <div class="feature-tile-background h-100"></div> </div> <div class="col-md-6 col-xl-4 mb-4 mb-xl-0"> <div class="row h-100 same-size p-4" onclick="window.open('/kanopy/')"> <div class="col-8 col-sm-9 col-md-8 d-flex flex-column"> <p class="featured-tiles-label mb-1">Getting started</p> <h5 class="featured-tiles-title mb-4">Learn all about the Kanopy app</h5> <p class="mb-0 mt-auto"><a class="text-mdblue text-nowrap" href="/kanopy/">Learn more <i class="fas fa-arrow-right"></i></a></p> </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/KanopyIcon.svg" alt="Kanopy image"></div> </div> <div class="feature-tile-background h-100"></div> </div> </div> </div> </section> <!-- [Component post="33705" title="End of Year Sale - Library - Banner"] --> <section class="newpopular-resources"> <div class="container section-container"> <h2 class="text-center">New &amp; Popular Resources</h2> <hr class="hr-mdblue mb-lg-5"> <div class="row" id="accordion"> <div class="col-12 col-lg-4"> <div class="d-none d-lg-block"> <button id="ShareonSocial_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#ShareonSocial" aria-expanded="false" aria-controls="ShareonSocial" data-ga-title="Desktop Menu item - Share on Social" data-ga-market="Library" data-ga-tab="Share on Social">Share on Social</button> <button id="Webinars_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#Webinars" aria-expanded="false" aria-controls="Webinars" data-ga-title="Desktop Menu item - Webinars" data-ga-market="Library" data-ga-tab="Webinars">Webinars</button> <button id="PrintTheseHandouts_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#PrintTheseHandouts" aria-expanded="false" aria-controls="PrintTheseHandouts" data-ga-title="Desktop Menu item - Print These Handouts" data-ga-market="Library" data-ga-tab="Print These Handouts">Print These Handouts</button> <button id="QuickTrainingResources_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#QuickTrainingResources" aria-expanded="false" aria-controls="QuickTrainingResources" data-ga-title="Desktop Menu item - Quick Training Resources" data-ga-market="Library" data-ga-tab="Quick Training Resources">Quick Training Resources</button> <button id="BookRecommendationLists_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#BookRecommendationLists" aria-expanded="false" aria-controls="BookRecommendationLists" data-ga-title="Desktop Menu item - Book Recommendation Lists" data-ga-market="Library" data-ga-tab="Book Recommendation Lists">Book Recommendation Lists</button> <button id="DIYCustomFlyersGraphics_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#DIYCustomFlyersGraphics" aria-expanded="false" aria-controls="DIYCustomFlyersGraphics" data-ga-title="Desktop Menu item - DIY Custom Flyers & Graphics" data-ga-market="Library" data-ga-tab="DIY Custom Flyers & Graphics">DIY Custom Flyers & Graphics</button> <button id="ConnectwithPatrons_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#ConnectwithPatrons" aria-expanded="false" aria-controls="ConnectwithPatrons" data-ga-title="Desktop Menu item - Connect with Patrons" data-ga-market="Library" data-ga-tab="Connect with Patrons">Connect with Patrons</button> </div> <div id="adButler" class="mx-auto text-center text-lg-left mt-lg-3 adButler"></div> </div> <div class="form-group d-block d-lg-none col-12"> <select name="newpopular" class="form-control blue-select" id="NewPopularSelect"> <option value="ShareonSocial" data-ga-type="click" data-ga-market="Library" data-ga-tab="Share on Social" data-ga-title="Mobile Menu item - Share on Social">Share on Social</option> <option value="Webinars" data-ga-type="click" data-ga-market="Library" data-ga-tab="Webinars" data-ga-title="Mobile Menu item - Webinars">Webinars</option> <option value="PrintTheseHandouts" data-ga-type="click" data-ga-market="Library" data-ga-tab="Print These Handouts" data-ga-title="Mobile Menu item - Print These Handouts">Print These Handouts</option> <option value="QuickTrainingResources" data-ga-type="click" data-ga-market="Library" data-ga-tab="Quick Training Resources" data-ga-title="Mobile Menu item - Quick Training Resources">Quick Training Resources</option> <option value="BookRecommendationLists" data-ga-type="click" data-ga-market="Library" data-ga-tab="Book Recommendation Lists" data-ga-title="Mobile Menu item - Book Recommendation Lists">Book Recommendation Lists</option> <option value="DIYCustomFlyersGraphics" data-ga-type="click" data-ga-market="Library" data-ga-tab="DIY Custom Flyers & Graphics" data-ga-title="Mobile Menu item - DIY Custom Flyers & Graphics">DIY Custom Flyers & Graphics</option> <option value="ConnectwithPatrons" data-ga-type="click" data-ga-market="Library" data-ga-tab="Connect with Patrons" data-ga-title="Mobile Menu item - Connect with Patrons">Connect with Patrons</option> </select> </div> <div class="col-lg-8"> <div id="ShareonSocial" class="accordion-body collapse" aria-labelledby="ShareonSocial_btn" data-parent="#accordion"> <div class="row "> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="Library" data-ga-tab="Share on Social" data-ga-title="SOCIAL MEDIA GRAPHICS" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/General-1_1080x1080-1024x1024.png" class="kit-thumbnail-art" alt="SOCIAL MEDIA GRAPHICS" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description"></p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/General-1_1080x1080.png" class="d-none test kit-preview-art" alt="SOCIAL MEDIA GRAPHICS" /> <p class="kit-category-label mb-1 mr-3">SOCIAL MEDIA GRAPHICS</p> <h5 class="kit-description-title">Season&#8217;s Readings</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="/wp-content/uploads/General-1_1080x1080.png" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Share on Social" data-ga-title="Season&#8217;s Readings"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="Library" data-ga-tab="Share on Social" data-ga-title="SOCIAL MEDIA GRAPHICS" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/General-2_1080x1080-1024x1024.png" class="kit-thumbnail-art" alt="SOCIAL MEDIA GRAPHICS" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description"></p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/General-2_1200x630-1.jpg" class="d-none test kit-preview-art" alt="SOCIAL MEDIA GRAPHICS" /> <p class="kit-category-label mb-1 mr-3">SOCIAL MEDIA GRAPHICS</p> <h5 class="kit-description-title">Holiday Joy</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="/wp-content/uploads/General-2_1080x1080.png" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Share on Social" data-ga-title="Holiday Joy"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="Library" data-ga-tab="Share on Social" data-ga-title="SOCIAL MEDIA GRAPHICS" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/BreakingRecordsThisYear_Social-1-1024x538.jpg" class="kit-thumbnail-art" alt="SOCIAL MEDIA GRAPHICS" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description"></p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/BreakingRecordsThisYear_Social-1.jpg" class="d-none test kit-preview-art" alt="SOCIAL MEDIA GRAPHICS" /> <p class="kit-category-label mb-1 mr-3">SOCIAL MEDIA GRAPHICS</p> <h5 class="kit-description-title">Breaking Records</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="/wp-content/uploads/BreakingRecordsThisYear_Social.jpg" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Share on Social" data-ga-title="Breaking Records"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="Library" data-ga-tab="Share on Social" data-ga-title="SOCIAL MEDIA GRAPHICS" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/SorryWereClosed_1080x1080-1-1024x1024.jpg" class="kit-thumbnail-art" alt="SOCIAL MEDIA GRAPHICS" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description"></p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/SorryWereClosed_1080x1080-1.jpg" class="d-none test kit-preview-art" alt="SOCIAL MEDIA GRAPHICS" /> <p class="kit-category-label mb-1 mr-3">SOCIAL MEDIA GRAPHICS</p> <h5 class="kit-description-title">Always Open</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="/wp-content/uploads/SorryWereClosed_1080x1080.jpg" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Share on Social" data-ga-title="Always Open"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <div class="col-12 text-right"> <a data-ga-type="click" data-ga-market="Library" data-ga-tab="Share on Social" data-ga-title="See more social graphics" class="btn-mdblue btn-basic btn-small btn-bold" href="/library/marketing-outreach-social/" target="_blank" rel="noopener noreferrer">See more social graphics</a> </div> </div> </div> <div id="Webinars" class="accordion-body collapse" aria-labelledby="Webinars_btn" data-parent="#accordion"> <div class="row "> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="https://overdrive.zoom.us/webinar/register/WN_6GZaTHneQF2spXu7IwRWrg#/registration" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Webinars" data-ga-title="10 Tips to Maximize Your Digital Library" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/PL-Dec-10-Tips-RC-Featured-Image.png" class="kit-thumbnail-art" alt="LIVE WEBINAR" /> </a> </div> <p class="kit-category-label mb-1 mr-3">LIVE WEBINAR</p> <h5 class="kit-description-title"> 10 Tips to Maximize Your Digital Library </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://overdrive.zoom.us/webinar/register/WN_6GZaTHneQF2spXu7IwRWrg#/registration" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Webinars" data-ga-title="10 Tips to Maximize Your Digital Library"> Register Now </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="https://resources.overdrive.com/kanopy-town-hall-for-north-american-public-libraries/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Webinars" data-ga-title="Kanopy Town Hall" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/kanopy_img_2@1x-1024x575.jpg" class="kit-thumbnail-art" alt="ON-DEMAND WEBINAR" /> </a> </div> <p class="kit-category-label mb-1 mr-3">ON-DEMAND WEBINAR</p> <h5 class="kit-description-title"> Kanopy Town Hall </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://resources.overdrive.com/kanopy-town-hall-for-north-american-public-libraries/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Webinars" data-ga-title="Kanopy Town Hall"> Watch Now <svg class="ml-2 solid" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path id="Polygon_23" data-name="Polygon 23" d="M6.264,3.039a2,2,0,0,1,3.473,0l4.554,7.969A2,2,0,0,1,12.554,14H3.446A2,2,0,0,1,1.71,11.008Z" transform="translate(14) rotate(90)" fill="#fff"></path></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="https://resources.overdrive.com/how-to-train-your-community-on-libby-libby-trainings-for-your-patrons-made-easy/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Webinars" data-ga-title="How to Train Your Community on Libby" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/How-to-Train-Your-Community-on-Libby-thumb.png" class="kit-thumbnail-art" alt="ON-DEMAND WEBINAR" /> </a> </div> <p class="kit-category-label mb-1 mr-3">ON-DEMAND WEBINAR</p> <h5 class="kit-description-title"> How to Train Your Community on Libby </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://resources.overdrive.com/how-to-train-your-community-on-libby-libby-trainings-for-your-patrons-made-easy/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Webinars" data-ga-title="How to Train Your Community on Libby"> Watch Now <svg class="ml-2 solid" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path id="Polygon_23" data-name="Polygon 23" d="M6.264,3.039a2,2,0,0,1,3.473,0l4.554,7.969A2,2,0,0,1,12.554,14H3.446A2,2,0,0,1,1.71,11.008Z" transform="translate(14) rotate(90)" fill="#fff"></path></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="https://resources.overdrive.com/getting-started-with-libby/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Webinars" data-ga-title="Getting Started with Libby" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/May-Libby-RC-Featured-Image-1.png" class="kit-thumbnail-art" alt="ON-DEMAND WEBINAR" /> </a> </div> <p class="kit-category-label mb-1 mr-3">ON-DEMAND WEBINAR</p> <h5 class="kit-description-title"> Getting Started with Libby </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://resources.overdrive.com/getting-started-with-libby/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Webinars" data-ga-title="Getting Started with Libby"> Watch Now <svg class="ml-2 solid" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path id="Polygon_23" data-name="Polygon 23" d="M6.264,3.039a2,2,0,0,1,3.473,0l4.554,7.969A2,2,0,0,1,12.554,14H3.446A2,2,0,0,1,1.71,11.008Z" transform="translate(14) rotate(90)" fill="#fff"></path></svg> </a> </p> </div> </div> <div class="col-12 text-right"> <a data-ga-type="click" data-ga-market="Library" data-ga-tab="Webinars" data-ga-title="See all webinars" class="btn-mdblue btn-basic btn-small btn-bold" href="/library/on-demand-webinars/" target="_blank" rel="noopener noreferrer">See all webinars</a> </div> </div> </div> <div id="PrintTheseHandouts" class="accordion-body collapse" aria-labelledby="PrintTheseHandouts_btn" data-parent="#accordion"> <div class="row "> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="Library" data-ga-tab="Print These Handouts" data-ga-title="INSTRUCTIONAL HANDOUT" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/gsg-libby-0321-thmb-1-1.jpg" class="kit-thumbnail-art" alt="INSTRUCTIONAL HANDOUT" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 Getting Started Guide in Full and 1 Getting Started Guide Half-Sheet (PDF) in the following languages: Chinese (Simplified and Traditional, English, Danish, French (Canada), German, Icelandic, Italian, Japanese, Korean, Malay, Russian, Spanish (Latin America), Swedish and Tamil.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/translated-guide-libby-1020-preview-1-1.jpg" class="d-none test kit-preview-art" alt="INSTRUCTIONAL HANDOUT" /> <p class="kit-category-label mb-1 mr-3">INSTRUCTIONAL HANDOUT</p> <h5 class="kit-description-title">Getting Started with Libby Guide</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/Getting_Started_With_Libby_Guides.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Print These Handouts" data-ga-title="Getting Started with Libby Guide"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="Library" data-ga-tab="Print These Handouts" data-ga-title="Posters" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/NAPLWinter_8-791x1024.jpg" class="kit-thumbnail-art" alt="Posters" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description"></p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/NAPLWinter_8-scaled.jpg" class="d-none test kit-preview-art" alt="Posters" /> <p class="kit-category-label mb-1 mr-3">Posters</p> <h5 class="kit-description-title">Winter Seasonal Flyer</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/NAPLWinter_8.5x11_Flyer.pdf" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Print These Handouts" data-ga-title="Winter Seasonal Flyer"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="Library" data-ga-tab="Print These Handouts" data-ga-title="POSTER" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/libby-poster-thmb.jpg" class="kit-thumbnail-art" alt="POSTER" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit contains 1 11×17 Poster.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/Libby-B2C-Poster_11x17-prev-1.jpg" class="d-none test kit-preview-art" alt="POSTER" /> <p class="kit-category-label mb-1 mr-3">POSTER</p> <h5 class="kit-description-title">Libby Poster</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/Libby_B2C_Poster_11x17.pdf" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Print These Handouts" data-ga-title="Libby Poster"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="Library" data-ga-tab="Print These Handouts" data-ga-title="Bookmarks" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/libby-bookmarks-0323-thmb-1.jpg" class="kit-thumbnail-art" alt="Bookmarks" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">1 Set of 2×6 Bookmarks</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/libby-bookmarks-0323-thmb-1.jpg" class="d-none test kit-preview-art" alt="Bookmarks" /> <p class="kit-category-label mb-1 mr-3">Bookmarks</p> <h5 class="kit-description-title">How-To Bookmark</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/LibbyHowTo_2x6Bookmark_GeneralPublicLibrary_5UP-0323.pdf" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Print These Handouts" data-ga-title="How-To Bookmark"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <div class="col-12 text-right"> <a data-ga-type="click" data-ga-market="Library" data-ga-tab="Print These Handouts" data-ga-title="See all print materials" class="btn-mdblue btn-basic btn-small btn-bold" href="/library/marketing-outreach-print-ready/" target="_blank" rel="noopener noreferrer">See all print materials</a> </div> </div> </div> <div id="QuickTrainingResources" class="accordion-body collapse" aria-labelledby="QuickTrainingResources_btn" data-parent="#accordion"> <div class="row "> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="/libby-overview/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Quick Training Resources" data-ga-title="Libby Overview" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/libby-overview.png" class="kit-thumbnail-art" alt="How-to videos" /> </a> </div> <p class="kit-category-label mb-1 mr-3">How-to videos</p> <h5 class="kit-description-title"> Libby Overview </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="/libby-overview/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Quick Training Resources" data-ga-title="Libby Overview"> Watch Now <svg class="ml-2 solid" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path id="Polygon_23" data-name="Polygon 23" d="M6.264,3.039a2,2,0,0,1,3.473,0l4.554,7.969A2,2,0,0,1,12.554,14H3.446A2,2,0,0,1,1.71,11.008Z" transform="translate(14) rotate(90)" fill="#fff"></path></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="/library/how-to-videos/libby/#shelftimeline-how-to-libby" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Quick Training Resources" data-ga-title="Explore the Newsstand" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/Libby-logo.png" class="kit-thumbnail-art" alt="How-to videos" /> </a> </div> <p class="kit-category-label mb-1 mr-3">How-to videos</p> <h5 class="kit-description-title"> Explore the Newsstand </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="/library/how-to-videos/libby/#shelftimeline-how-to-libby" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Quick Training Resources" data-ga-title="Explore the Newsstand"> Watch Now <svg class="ml-2 solid" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path id="Polygon_23" data-name="Polygon 23" d="M6.264,3.039a2,2,0,0,1,3.473,0l4.554,7.969A2,2,0,0,1,12.554,14H3.446A2,2,0,0,1,1.71,11.008Z" transform="translate(14) rotate(90)" fill="#fff"></path></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="/kanopy-overview/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Quick Training Resources" data-ga-title="Kanopy Overview" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/kanopy-overview.png" class="kit-thumbnail-art" alt="How-to videos" /> </a> </div> <p class="kit-category-label mb-1 mr-3">How-to videos</p> <h5 class="kit-description-title"> Kanopy Overview </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="/kanopy-overview/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Quick Training Resources" data-ga-title="Kanopy Overview"> Watch Now <svg class="ml-2 solid" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path id="Polygon_23" data-name="Polygon 23" d="M6.264,3.039a2,2,0,0,1,3.473,0l4.554,7.969A2,2,0,0,1,12.554,14H3.446A2,2,0,0,1,1.71,11.008Z" transform="translate(14) rotate(90)" fill="#fff"></path></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="/library/how-to-videos/marketplace/#mp-pl-reports" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Quick Training Resources" data-ga-title="OverDrive Marketplace reports" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/overdrive-marketplace-upcoming-webinar-1220-2-1.jpg" class="kit-thumbnail-art" alt="How-to videos" /> </a> </div> <p class="kit-category-label mb-1 mr-3">How-to videos</p> <h5 class="kit-description-title"> OverDrive Marketplace reports </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="/library/how-to-videos/marketplace/#mp-pl-reports" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Quick Training Resources" data-ga-title="OverDrive Marketplace reports"> Watch Now <svg class="ml-2 solid" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path id="Polygon_23" data-name="Polygon 23" d="M6.264,3.039a2,2,0,0,1,3.473,0l4.554,7.969A2,2,0,0,1,12.554,14H3.446A2,2,0,0,1,1.71,11.008Z" transform="translate(14) rotate(90)" fill="#fff"></path></svg> </a> </p> </div> </div> <div class="col-12 text-right"> <a data-ga-type="click" data-ga-market="Library" data-ga-tab="Quick Training Resources" data-ga-title="See all quick training resources" class="btn-mdblue btn-basic btn-small btn-bold" href="/library/how-to-videos/" target="_blank" rel="noopener noreferrer">See all quick training resources</a> </div> </div> </div> <div id="BookRecommendationLists" for-value="BookRecommendationLists" class="accordion-body collapse" aria-labelledby="BookRecommendationLists_btn" data-parent="#accordion"> <div class="row"> <div class="col-sm-6 mb-4"> <a data-ga-type="click" data-ga-market="Library" data-ga-tab="Book Recommendation Lists" data-ga-title="Genre" class="bookrec-wrapper" href="https://resources.overdrive.com/library/collection-development/genre/" target="_blank" rel="noopener noreferrer"> <img decoding="async" src="https://static.od-cdn.com/Genres.svg" class="bookrec-icon"> <h5 class="bookrec-title">Genre</h5> </a> </div> <div class="col-sm-6 mb-4"> <a data-ga-type="click" data-ga-market="Library" data-ga-tab="Book Recommendation Lists" data-ga-title="Diverse Reading" class="bookrec-wrapper" href="https://resources.overdrive.com/library/collection-development/diverse-reading/" target="_blank" rel="noopener noreferrer"> <img decoding="async" src="https://static.od-cdn.com/DiverseReading.svg" class="bookrec-icon"> <h5 class="bookrec-title">Diverse Reading</h5> </a> </div> <div class="col-sm-6 mb-4"> <a data-ga-type="click" data-ga-market="Library" data-ga-tab="Book Recommendation Lists" data-ga-title="Seasonal/Holiday" class="bookrec-wrapper" href="https://resources.overdrive.com/library/collection-development/seasonal-holiday/" target="_blank" rel="noopener noreferrer"> <img decoding="async" src="https://static.od-cdn.com/Seasonal_Holiday.svg" class="bookrec-icon"> <h5 class="bookrec-title">Seasonal/Holiday</h5> </a> </div> <div class="col-sm-6 mb-4"> <a data-ga-type="click" data-ga-market="Library" data-ga-tab="Book Recommendation Lists" data-ga-title="Read-Alikes" class="bookrec-wrapper" href="https://resources.overdrive.com/library/collection-development/read-alikes/" target="_blank" rel="noopener noreferrer"> <img decoding="async" src="https://static.od-cdn.com/Read-alikes.svg" class="bookrec-icon"> <h5 class="bookrec-title">Read-Alikes</h5> </a> </div> <div class="col-12 text-right"> <a data-ga-type="click" data-ga-market="Library" data-ga-tab="Book Recommendation Lists" data-ga-title="See all recommendations" class="btn-mdblue btn-basic btn-small btn-bold" href="/library/collection-development-recommended-lists/" target="_blank" rel="noopener noreferrer">See all recommendations</a> </div> </div> </div> <div id="BookRecommendationLists" class="accordion-body collapse" aria-labelledby="BookRecommendationLists_btn" data-parent="#accordion"> <div class="row "> </div> </div> <div id="DIYCustomFlyersGraphics" class="accordion-body collapse" aria-labelledby="DIYCustomFlyersGraphics_btn" data-parent="#accordion"> <div class="row "> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="Library" data-ga-tab="DIY Custom Flyers & Graphics" data-ga-title="POSTERS & FLYERS" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/Customize_Libby_Flyer_Editable_with_instructions-1-1-23-thmb-1.jpg" class="kit-thumbnail-art" alt="POSTERS & FLYERS" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 Editable Word document & 1 How-to document.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/Customize_Libby_Flyer_Editable_with_instructions-1-1-23-preview-1.jpg" class="d-none test kit-preview-art" alt="POSTERS & FLYERS" /> <p class="kit-category-label mb-1 mr-3">POSTERS & FLYERS</p> <h5 class="kit-description-title">Editable 8.5×11 Libby Flyer – Full size</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/Customize_Libby_Flyer_Editable_with_instructions-1-1-23.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="DIY Custom Flyers & Graphics" data-ga-title="Editable 8.5×11 Libby Flyer – Full size"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="Library" data-ga-tab="DIY Custom Flyers & Graphics" data-ga-title="SOCIAL MEDIA GRAPHICS" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/bookclubedit-0321-thmb-1.jpg" class="kit-thumbnail-art" alt="SOCIAL MEDIA GRAPHICS" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 Editable PDF document & 1 How-to document.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/bookclubedit-0321-preview-1.jpg" class="d-none test kit-preview-art" alt="SOCIAL MEDIA GRAPHICS" /> <p class="kit-category-label mb-1 mr-3">SOCIAL MEDIA GRAPHICS</p> <h5 class="kit-description-title">Editable Book Club Web Graphic</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/Editable_Book_Club_Web_Graphic.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="DIY Custom Flyers & Graphics" data-ga-title="Editable Book Club Web Graphic"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="/library/marketing-outreach-customize/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="DIY Custom Flyers & Graphics" data-ga-title="Customize Libby templates in Canva" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/custom-libby-9-1-21-thmb-1.jpg" class="kit-thumbnail-art" alt="SOCIAL GRAPHICS & HANDOUTS" /> </a> </div> <p class="kit-category-label mb-1 mr-3">SOCIAL GRAPHICS & HANDOUTS</p> <h5 class="kit-description-title"> Customize Libby templates in Canva </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="/library/marketing-outreach-customize/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="DIY Custom Flyers & Graphics" data-ga-title="Customize Libby templates in Canva"> See all </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="Library" data-ga-tab="DIY Custom Flyers & Graphics" data-ga-title="SHELF TALKERS" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/Libby_AvaliableAsAudiobook_TitleCards-1-1-23-thmb-1.jpg" class="kit-thumbnail-art" alt="SHELF TALKERS" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 2 editable PDFs.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/AvailableAs_Title_Cards-1-1-23-preview-1.jpg" class="d-none test kit-preview-art" alt="SHELF TALKERS" /> <p class="kit-category-label mb-1 mr-3">SHELF TALKERS</p> <h5 class="kit-description-title">Editable Title Cards</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/AvailableAs_Title_Cards-1-1-23.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="DIY Custom Flyers & Graphics" data-ga-title="Editable Title Cards"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <div class="col-12 text-right"> <a data-ga-type="click" data-ga-market="Library" data-ga-tab="DIY Custom Flyers & Graphics" data-ga-title="See more customizable materials" class="btn-mdblue btn-basic btn-small btn-bold" href="/library/marketing-outreach-customize/" target="_blank" rel="noopener noreferrer">See more customizable materials</a> </div> </div> </div> <div id="ConnectwithPatrons" class="accordion-body collapse" aria-labelledby="ConnectwithPatrons_btn" data-parent="#accordion"> <div class="row "> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="https://static.od-cdn.com/2023_General_Digital_Books_template_FINAL.docx" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Connect with Patrons" data-ga-title="Press Release Template" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/doc-thmb-1.jpg" class="kit-thumbnail-art" alt="" /> </a> </div> <p class="kit-category-label mb-1 mr-3"></p> <h5 class="kit-description-title"> Press Release Template </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/2023_General_Digital_Books_template_FINAL.docx" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Connect with Patrons" data-ga-title="Press Release Template"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="Training Kits" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Connect with Patrons" data-ga-title="Training Kits" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/traiingkits-0321-thmb-1.jpg" class="kit-thumbnail-art" alt="ADDTIONAL RESOURCES" /> </a> </div> <p class="kit-category-label mb-1 mr-3">ADDTIONAL RESOURCES</p> <h5 class="kit-description-title"> Training Kits </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="Training Kits" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Connect with Patrons" data-ga-title="Training Kits"> <i class="fas fa-external-link-alt"></i> Learn More </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a href="#" data-toggle="modal" data-target="#modal" data-ga-type="click" data-ga-type="download" data-ga-market="Library" data-ga-tab="Connect with Patrons" data-ga-title="BEST PRACTICES" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/plc-bp-lg-0821-thmb-1.jpg" class="kit-thumbnail-art" alt="BEST PRACTICES" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 Flyer, 1 Newsletter Template, 4 User Guides, 19 Social Graphics, and 1 Social Media Copy Suggestion Document to help aid in the transition to Libby.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/plc-bp-0821-preview-1.jpg" class="d-none test kit-preview-art" alt="BEST PRACTICES" /> <p class="kit-category-label mb-1 mr-3">BEST PRACTICES</p> <h5 class="kit-description-title">Public Library CONNECT Best Practices Guide</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://static.od-cdn.com/PLC_-_Best_Practices_21-Linked_(1).pdf" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Connect with Patrons" data-ga-title="Public Library CONNECT Best Practices Guide"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="https://resources.overdrive.com/library/marketing-outreach-community/libby-website-assets/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Connect with Patrons" data-ga-title="Libby Logos &#038; Suggested Website Copy" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/libbylogos-0321-thmb-1.jpg" class="kit-thumbnail-art" alt="CONNECT WITH YOUR PATRONS" /> </a> </div> <p class="kit-category-label mb-1 mr-3">CONNECT WITH YOUR PATRONS</p> <h5 class="kit-description-title"> Libby Logos &#038; Suggested Website Copy </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-mdblue-outline" href="https://resources.overdrive.com/library/marketing-outreach-community/libby-website-assets/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Library" data-ga-tab="Connect with Patrons" data-ga-title="Libby Logos &#038; Suggested Website Copy"> <i class="fas fa-external-link-alt"></i> Learn More </a> </p> </div> </div> <div class="col-12 text-right"> <a data-ga-type="click" data-ga-market="Library" data-ga-tab="Connect with Patrons" data-ga-title="See more outreach resources" class="btn-mdblue btn-basic btn-small btn-bold" href="/library/marketing-outreach-community/" target="_blank" rel="noopener noreferrer">See more outreach resources</a> </div> </div> </div> </div> </div> </div> </section> <!-- CUSTOMIZE Banner End--> <section class="blog-posts pb-5"> <div class="container section-container"> <h2 class="text-center">Library Blog Posts</h2> <hr class="hr-mdblue"> <div class="row d-flex"> <div class="col-md-6 col-lg-4 mb-4 mb-md-0"> <div class="blog-post-wrapper d-flex align-items-start flex-column"> <a href="https://company.overdrive.com/2024/02/15/the-libby-book-awards-finalists/" target="_blank" rel="noopener noreferrer"> <img decoding="async" class="blog-img-top" src="https://resources.overdrive.com/wp-content/uploads/Libby-Book-Awards-2.png" alt="Libby Book Award Finalists" /> <div class="px-4 pt-4"> <h5>Libby Book Award Finalists</h5> <p><p>Join our very own <a href="https://professionalbooknerds.com/?utm_origin=blogs.company&#038;utm_page_genre=library_blog&#038;utm_list=pro_book_nerds&#038;utm_content=NA" target="_blank">Professional Book Nerds</a> <strong>live</strong> on March 12th at 7 PM ET via <a href="https://overdrive.zoom.us/webinar/register/WN_NyhzhFp7RE6n2_Mz9aMUmw?_gl=1*alavpw*_ga*NjYzMjY0MzUuMTY5MTA5MjA5Ng..*_ga_STPWH4M428*MTcwODYyNDg5My40NS4wLjE3MDg2MjQ5MDAuNTMuMC4w" target="_blank">Zoom</a>, or on <a href="https://youtube.com/live/aDpLlxpduOQ?feature=share" target="_blank">YouTube</a> or <a href="https://www.facebook.com/LibbyApp/" target="_blank">Facebook Live</a> when they announce the winners!</p> </p> </div> </a> <hr class="hr-grey mb-5 mt-auto"> </div> </div> <div class="col-md-6 col-lg-4 mb-4 mb-md-0"> <div class="blog-post-wrapper d-flex align-items-start flex-column"> <a href="https://company.overdrive.com/2023/12/13/improved-access-to-libby-extras-now-available/" target="_blank" rel="noopener noreferrer"> <img decoding="async" class="blog-img-top" src="https://resources.overdrive.com/wp-content/uploads/improve-access-libby-extras.jpg" alt="Improved access to Libby Extras now available" /> <div class="px-4 pt-4"> <h5>Improved access to Libby Extras now available</h5> <p><p>There is a new way for users to access <a href="https://resources.overdrive.com/library/apps-features/databases-streaming-media/?utm_origin=blogs.company&#038;utm_page_genre=library_blog&#038;utm_list=resource_center&#038;utm_content=resource_center_libby_extras" style="text-decoration:underline">Libby Extras</a> from your library!</p> </p> </div> </a> <hr class="hr-grey mb-5 mt-auto"> </div> </div> <div class="col-md-6 col-lg-4 mb-4 mb-md-0"> <div class="blog-post-wrapper d-flex align-items-start flex-column"> <a href="https://company.overdrive.com/2022/10/25/introducing-libby-life-a-new-blog-for-readers/" target="_blank" rel="noopener noreferrer"> <img decoding="async" class="blog-img-top" src="https://resources.overdrive.com/wp-content/uploads/Welcome_to_Libby_Life_blog_post-1-1024x469.jpg" alt="Introducing Libby Life" /> <div class="px-4 pt-4"> <h5>Introducing Libby Life</h5> <p><p>If you can’t tell, we really like talking about books. So much, in fact, that we’ve recently launched a brand new blog, <a href="https://www.libbylife.com/" target="_blank">Libby Life</a>. Created especially for readers and Libby users, Libby Life allows us to keep on talking about our favorite thing… reading!</p> </p> </div> </a> <hr class="hr-grey mb-5 mt-auto"> </div> </div> <div class="col-12 text-right pt-4"> <a class="btn-mdblue btn-basic btn-small mt-4 btn-bold" href="https://company.overdrive.com/blogs/library-blog/" target="_blank" rel="noopener noreferrer">See all blog posts</a> </div> </div> </div> </section> <div id="modal" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title serif txt-primary"> </h4> <button class="close" type="button" data-dismiss="modal">×</button> </div> <div class="center modal-body"> <p>&nbsp;</p> <figure><img style="max-width: 380px; width: auto;" alt="kit preview" /></figure> <a class="mt-3 btn-basic modalBtn btn-mdblue" data-ga-type="download" data-ga-market="library" data-ga-title=""> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g></svg></a> </div> </div> </div> </div> </main> </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" rel="noopener">OverDrive.com</a></li> <li class="pb-2"><a href="https://marketplace.overdrive.com" class="text-white" target="_blank" rel="noopener">Marketplace</a></li> <li class="pb-2"><a href="//www.libbylife.com/" class="text-white" target="_blank" rel="noopener">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" rel="noopener">Sora</a></li> <li class="pb-2"><a href="https://kanopy.com/" class="text-white" target="_blank" rel="noopener">Kanopy</a></li> <li class="pb-2"><a href="https://teachingbooks.net/" class="text-white" target="_blank" rel="noopener">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" rel="noopener">Libby Help</a></li> <li class="pb-2"><a href="https://help.soraapp.com/en-us/home.htm" class="text-white" target="_blank" rel="noopener">Sora Help</a></li> <li class="pb-2"><a href="https://help.overdrive.com/" class="text-white" target="_blank" rel="noopener">OverDrive Help</a></li> <li class="pb-2"><a href="https://help.marketplace.overdrive.com/home.htm" class="text-white" target="_blank" rel="noopener">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" rel="noopener">App Support</a></li> <li class="pb-2"><a href="https://marketplace.overdrive.com/support" class="text-white" target="_blank" rel="noopener">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" rel="noopener">Privacy Policy</a> <a href="https://company.cdn.overdrive.com/policies/terms-and-conditions.htm" target="_blank" class="txt-light" rel="noopener">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" rel="noopener"><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" rel="noopener"><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" rel="noopener"><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" rel="noopener"><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" rel="noopener"><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" rel="noopener"><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" rel="noopener"><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" rel="noopener"><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" rel="noopener"><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" rel="noopener"><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" rel="noopener"><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" rel="noopener"><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" rel="noopener"><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" rel="noopener"><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" rel="noopener"><i class="fab fa-instagram"></i><span class="screen-reader-text">OverDrive on Instagram</span></a></li> </ul> </div> </div> </div> </div> </div></div></div> </footer> <!--[if gte IE 9]><!--> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script> <!--<![endif]--> <script> ( function ( body ) { 'use strict'; body.className = body.className.replace( /\btribe-no-js\b/, 'tribe-js' ); } )( document.body ); </script> <script> /* <![CDATA[ */var tribe_l10n_datatables = {"aria":{"sort_ascending":": activate to sort column ascending","sort_descending":": activate to sort column descending"},"length_menu":"Show _MENU_ entries","empty_table":"No data available in table","info":"Showing _START_ to _END_ of _TOTAL_ entries","info_empty":"Showing 0 to 0 of 0 entries","info_filtered":"(filtered from _MAX_ total entries)","zero_records":"No matching records found","search":"Search:","all_selected_text":"All items on this page were selected. ","select_all_link":"Select all pages","clear_selection":"Clear Selection.","pagination":{"all":"All","next":"Next","previous":"Previous"},"select":{"rows":{"0":"","_":": Selected %d rows","1":": Selected 1 row"}},"datepicker":{"dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesMin":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Prev","currentText":"Today","closeText":"Done","today":"Today","clear":"Clear"}};/* ]]> */ </script><script type="text/javascript" src="https://resources.overdrive.com/wp-content/themes/resources-child/js/customScripts.js?ver=9a2705a2a0fe4a9e87903ff92c3a93c8&#039; defer=&#039;defer" id="customScripts-js"></script> <script type="text/javascript" src="https://resources.overdrive.com/wp-content/themes/resources/js/navigation.js?ver=20151215&#039; defer=&#039;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&#039; defer=&#039;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&#039; defer=&#039;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>&nbsp;</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 ); //finds selected value, converts to ID var accordianID = '#' + this.value; //collapses accordian with matching ID $(accordianID).collapse('show'); //$('.btn-link-accordian').addClass(collapsed).attr.("aria-expanded","false"); $($(accordianID).data("target")).removeClass(collapsed).attr("aria-expanded","true"); }) $('.btn-link-accordian').click(function(){ var buttonValue = $(this).attr("aria-controls"); $('#NewPopularSelect').val(buttonValue).change(); }) </script> <script> $(document).ready(function(){ if(window.location.hash != "") { $('button[data-target="' + window.location.hash + '"]').click(); } }); </script> <script> $(function(){ // the current open accordion will not be able to close itself $('.btn-link-accordian[data-toggle="collapse"]').on('click',function(e){ if ( $(this).parents('.accordion').find('.collapse.show') ){ var idx = $(this).index('[data-toggle="collapse"]'); if (idx == $('.collapse.show').index('.collapse')) { e.stopPropagation(); } } }); $('#NewPopularSelect').on('change', function() { //alert( this.value ); //finds selected value, converts to ID var accordianID = '#' + this.value; //collapses accordian with matching ID $(accordianID).collapse('show'); //$('.btn-link-accordian').addClass(collapsed).attr.("aria-expanded","false"); $($(accordianID).data("target")).removeClass(collapsed).attr("aria-expanded","true"); }) $('.btn-link-accordian').click(function(){ var buttonValue = $(this).attr("aria-controls"); $('#NewPopularSelect').val(buttonValue).change(); }) $("#ShareonSocial_btn").click(); }); 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);}());} var AdButler = AdButler || {}; AdButler.ads = AdButler.ads || []; var abkw = window.abkw || ''; var plc540004 = window.plc540004 || 0; document.write('<'+'div style="display:none" id="placement_540004_'+plc540004+'"></'+'div>'); AdButler.ads.push({handler: function(opt){ AdButler.register(183283, 540004, [300,250], 'placement_540004_'+opt.place, opt); }, opt: { place: plc540004++, keywords: abkw, domain: 'servedbyadbutler.com', click:'CLICK_MACRO_PLACEHOLDER' }}); setTimeout(() => {jQuery("#placement_540004_0").appendTo("#adButler").show();}, 500); </script>

Pages: 1 2 3 4 5 6 7 8 9 10