CINXE.COM
Resources for College & University 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/academic/" /> <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 College & University Libraries - OverDrive Resource Center" /><meta name="twitter:title" content="Resources for College & University Libraries - OverDrive Resource Center" /><meta name="description" content="Our academic partners can access training and marketing materials to help increase awareness and circulation of their digital library." /><meta property="og:description" content="Our academic partners can access training and marketing materials to help increase awareness and circulation of their digital library." /><meta name="twitter:description" content="Our academic partners can access training and marketing materials to help increase awareness and circulation of their digital library." /><meta property="og:image" content="https://resources.overdrive.com/wp-content/uploads/RC_ODA_OG.png" /><meta name="twitter:image" content="https://resources.overdrive.com/wp-content/uploads/RC_ODA_OG.png" /><script> var dataLayer = window.dataLayer = window.dataLayer || []; dataLayer.push({ 'siteTitle': 'resourcecenter', 'marketType': '', 'isRecommendList': 'false'}); </script><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <noscript> <style> .menu-item { position: relative; display: inline-block; } .dropdown-menu { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1; } .menu-item:hover .dropdown-menu { display: block; } .spec-scroll, hr { display: block !important; } .lazyload, #videos-displays .back-dull:first-of-type { display: none; } a[data-toggle=modal] { pointer-events: none; } footer { margin-bottom: 40px; } </style> </noscript> <style> .async-hide { opacity: 0 !important } </style> <style> .async-hide { opacity: 0 !important } </style> <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date; h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')}; (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c; })(window,document.documentElement,'async-hide','dataLayer',4000, {'GTM-WZTJSPC':true});</script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-34791607-37', 'auto', {allowLinker: true}); ga('require', 'GTM-WZTJSPC'); </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N5TR2F');</script> <link rel="stylesheet" href="https://use.typekit.net/fqf5wcd.css"> <!--START Digioh Fast Activation Javascript--><script async type='text/javascript' src='https://www.lightboxcdn.com/vendor/93e6220c-97b3-47c9-9b37-3cfde1b71a2b/lightbox_inline.js'></script><!--END Digioh Fast Activation Javascript--> <title>Resources for College & University Libraries – OverDrive Resource Center</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='dns-prefetch' href='//ajax.googleapis.com' /> <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> <link rel="alternate" type="application/rss+xml" title="OverDrive Resource Center » Feed" href="https://resources.overdrive.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="OverDrive Resource Center » Comments Feed" href="https://resources.overdrive.com/comments/feed/" /> <link rel="alternate" type="text/calendar" title="OverDrive Resource Center » iCal Feed" href="https://resources.overdrive.com/live-webcasts/?ical=1" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/resources.overdrive.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=38e19f3d67c781e205a49a3c5660052e"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://resources.overdrive.com/wp-includes/css/dist/block-library/style.min.css?ver=38e19f3d67c781e205a49a3c5660052e' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='bootstrap-min-css' href='https://resources.overdrive.com/wp-content/themes/resources-child/css/bootstrap.min.css?ver=38e19f3d67c781e205a49a3c5660052e' type='text/css' media='all' /> <link rel='stylesheet' id='main-css' href='https://resources.overdrive.com/wp-content/themes/resources-child/css/main.css?ver=38e19f3d67c781e205a49a3c5660052e' type='text/css' media='all' /> <link rel='stylesheet' id='feature-page-css' href='https://resources.overdrive.com/wp-content/themes/resources-child/css/feature-page.css?ver=38e19f3d67c781e205a49a3c5660052e' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-css' href='https://resources.overdrive.com/wp-content/themes/resources-child/fonts/fontawesome-free-5.2.0-web/css/all.min.css?ver=38e19f3d67c781e205a49a3c5660052e' type='text/css' media='all' /> <link rel='stylesheet' id='resources-style-css' href='https://resources.overdrive.com/wp-content/themes/resources-child/style.css?ver=38e19f3d67c781e205a49a3c5660052e' type='text/css' media='all' /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js?ver=1.3.2" id="jquery-js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js?ver=1.3.2' defer='defer" id="respond-js"></script> <script type="text/javascript" src="https://resources.overdrive.com/wp-content/themes/resources-child/js/bootstrap.bundle.min.js?ver=38e19f3d67c781e205a49a3c5660052e' defer='defer" id="bootstrap-min-js"></script> <script type="text/javascript" src="https://resources.overdrive.com/wp-content/themes/resources-child/js/lazysizes.min.js?ver=38e19f3d67c781e205a49a3c5660052e' defer='defer" id="lazysizes-min-js"></script> <link rel="https://api.w.org/" href="https://resources.overdrive.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://resources.overdrive.com/wp-json/wp/v2/pages/17458" /><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/academic/" /> <link rel='shortlink' href='https://resources.overdrive.com/?p=17458' /> <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%2Facademic%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%2Facademic%2F&format=xml" /> <meta name="tec-api-version" content="v1"><meta name="tec-api-origin" content="https://resources.overdrive.com"><link rel="alternate" href="https://resources.overdrive.com/wp-json/tribe/events/v1/" /> <style type="text/css"> .site-title, .site-description { position: absolute; clip: rect(1px, 1px, 1px, 1px); } </style> <link rel="icon" href="https://resources.overdrive.com/wp-content/uploads/cropped-cropped-ico-appOD-e1450108974516-32x32.jpg" sizes="32x32" /> <link rel="icon" href="https://resources.overdrive.com/wp-content/uploads/cropped-cropped-ico-appOD-e1450108974516-192x192.jpg" sizes="192x192" /> <link rel="apple-touch-icon" href="https://resources.overdrive.com/wp-content/uploads/cropped-cropped-ico-appOD-e1450108974516-180x180.jpg" /> <meta name="msapplication-TileImage" content="https://resources.overdrive.com/wp-content/uploads/cropped-cropped-ico-appOD-e1450108974516-270x270.jpg" /> <style type="text/css" id="wp-custom-css"> #modal{ z-index:99999!important; } #mobileNav .dropdown-menu {margin-top:0;} @media only screen and (max-width: 991px) and (min-width: 768px) { #rss-2 { padding-top:60px; } } .btn-dark-purple-outline, .btn-dark-purple-outline.no-hover:hover { background-color: #3B3461; border: #3B3461 solid 3px; color: #fff !important; cursor: pointer; padding: .6rem .8rem; } .btn-dark-purple-outline:hover, .home-featured .same-size:hover .btn-dark-purple-outline { color: #3B3461 !important; border: #3B3461 solid 3px; background-color: #fff; text-decoration: none; padding: .6rem .8rem; /*padding: .6rem 1rem .4rem 1rem;*/ } .btn-dark-purple-outline:hover path { stroke: #3B3461; } .btn-dark-purple-outline:hover .solid path { fill: #3B3461; } /******** Start Mega Menu Style*********/ /***Hide App Updates****/ .dropdown-item[title="App Updates"] { display: none; } .nav-link, .dropdown-item { color: #242E4C !important; text-align: left; margin: 10px 20px 5px 20px; } .mobile-search { margin-right: 20px; } .dropdown-toggle::after { border: none !important; font-weight: 900; font-family: 'Font Awesome 5 Free'; content: "\f107" !important; vertical-align: 0; margin-left: .4em; } .show .dropdown-toggle::after { content: "\f105" !important; } .dropdown-menu.search.show { margin-top: 0; } .dropdown-menu.show { margin-top: 160px; left: 0; } /******App Update hide*****/ a[title="Library"] + .dropdown-menu.show { margin-top: 174px; min-height: 271px; } a[title="Library"] + .dropdown-menu.show .description-menu { } .description-menu { text-align: left; position: absolute; margin-top: -403px; list-style: none; padding-left: 0; } .dropdown-menu li { padding-left: 30px } .description-menu li { border-bottom: 1px solid; padding: 5px 0; } .dd-mega-menu.dropdown-menu { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 10px 20px #00000029; opacity: 1; } .dropdown-menu { background-color: #ffffff; min-width: 715px; left: -300px; border-top: 0; padding-left: 0px; } .description-item { display: block; width: 100%; /*padding: .25rem 1.25rem; padding: 0 1.25rem;*/ padding: .25rem .8rem .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .description-item:focus, .description-item:hover { text-decoration: none; } .customize-support .back-light.subNavScrolled { padding-top: 0; top: 103px !important; } .btn-search { background: #fff; color: #418C82; border: none !important; font-size: 1.15em; } .btn-search:hover, .btn-search:active, .btn-search:focus { color: #418C82 !important; box-shadow: none !important; } .navbar-brand img.od-rc-nav-logo { filter: brightness(0) invert(1); max-width: 180px; margin-top: auto; } .navbar-form { margin-top: 10px; } .form-inline.show .input-group-append .btn { border-radius: 0 !important; } .btn-round-white { background: #FFFFFF 0% 0% no-repeat padding-box; margin-top: 10px; border-radius: 0; -webkit-border-top-right-radius: 21px; -webkit-border-bottom-right-radius: 21px; border-top-right-radius: 21px; border-bottom-right-radius: 21px; opacity: 1; color: #398466; padding: 7px 11px; } .btn-round-white.collapsed { background: #FFFFFF 0% 0% no-repeat padding-box; margin-top: 10px; border-radius: 21px; opacity: 1; color: #398466; padding: 7px 11px; } .btn-round-white.btn:active, .btn-round-white.btn:focus, .btn-round-white.btn:active:focus { box-shadow: none; color: #398466 !important; } .back-white { background-color: #fff; } #navbar { margin-top: 10px; /*margin-bottom:10px;*/ background-color: #fff; width: 100%; } .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .nav-item .dropdown-item:hover, .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .dropdown-item:hover { background-color: #fff; font-weight: 700; } .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .nav-item .dropdown-item:hover { color: #0D6791 !important; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .dropdown-item:hover { color: #782592 !important; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .description-item, .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .nav-item .description-item, .nav-item a.nav-link[title="Professional & Academic"] + .dropdown-menu .nav-item .description-item, .nav-item a.nav-link[title="Professional Libraries"] + .dropdown-menu .nav-item .description-item, .nav-item a.nav-link[title="Academic Libraries"] + .dropdown-menu .nav-item .description-item { border-left: 3px solid #ffffff; } .nav-item a.dropdown-toggle.nav-link[title="Library"] { border-left: 3px solid #0D6791; padding: .3em .8em; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] { border-left: 3px solid #782592; padding: .3em .8em; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .description-menu li { border-bottom-color: #782592; } .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .description-menu li { border-bottom-color: #0D6791; } .nav-item a.nav-link[title="Professional & Academic"] { border-left: 3px solid #398466; padding: .3em .8em; } .nav-item a.nav-link[title="Professional Libraries"] { border-left: 3px solid #B34404; padding: .3em .8em; } .nav-item a.nav-link[title="Academic Libraries"] { border-left: 3px solid #398466; padding: .3em .8em; } .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .nav-item .description-item:hover { background-color: #fff; border-left: 3px solid #0D6791; /*font-weight:bold;*/ color: #0D6791 !important; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .description-item:hover { background-color: #fff; border-left: 3px solid #782592; color: #782592 !important; } /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { .dropdown-menu .nav-item .description { display: none } } /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) { .dropdown-menu .nav-item .description { display: none } } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { /*****App Updates***/ a[title="Library"] + .dropdown-menu.show { margin-top: 0; } a[title="Library"] + .dropdown-menu.show .description-menu, a[title="K-12 Schools "] + .dropdown-menu.show .description-menu { margin-top: -4px; } /*****App Updates***/ .dropdown-toggle.nav-link { margin-right: 10px } .dropdown-toggle::after { content: "\f105" !important; } .dropdown-menu li { padding-left: 0; } .show .dropdown-toggle::after { content: "\f107" !important; } .description-menu li { border-bottom: none; padding: 0; } .navbar-collapse .dropdown-item, .nav-link { color: white !important; } .nav-link, .dropdown-item { margin: auto; } .dropdown-menu.show { margin-top: 0; } #navbar { background-color: transparent; width: auto; } .dropdown-menu .nav-item, .description-menu .nav-item { width: 50%; display: inline-block; float: left; min-height: 118px; white-space: normal; } .dropdown-menu .nav-item .dropdown-item { white-space: normal; font-weight: normal; font-size: .95em; color: #242E4C !important; padding: 0 15px; transition: all 0.08s ease; -webkit-transition: all 0.08s ease; -moz-transition: all 0.08s ease; -o-transition: all 0.08s ease; } .dropdown-menu .nav-item .description-item { white-space: normal; font-weight: 700; line-height: 1.23em; font-size: 1.00em; color: #242E4C !important; border-left: 3px solid #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .dropdown-menu > li > a { padding: 0 20px; margin-bottom: 20px; } .dropdown-menu .nav-item .description { display: block; font-weight: 400; font-size: 14.4px; /*font-size: .9em; line-height: 1.45em;*/ line-height: 1.3em; color: #000000 !important; } .mega-nav .dropdown-menu { /*padding:30px 20px 0 20px;*/ padding: 20px; width: 600px; left: -166%; background-color: #fff; border-radius: 0; box-shadow: 0px 10px 20px #00000029; top: /*132%*/ 35px; height: 290px; } .mega-nav .description-menu { display: inline-block !important; position: relative; top: -252px; bottom: 230px; background: transparent; left: 230px; width: 450px; padding-left: 20px; box-shadow: none; border: none; border-left: 1px solid #A3A3A3; text-align: left; margin-top: 20px; } /* App Updates Spacing**/ .nav-item a.dropdown-item[title="App Updates"] + ul.description-menu { top: -210px; } .dropdown-menu .nav-item { width: 28%; display: block; float: none; min-height: auto; white-space: normal; } .menu-item-has-children .dropdown-menu .nav-item { width: 192px; /*-------------------*/ } .mega-nav .description-menu .nav-item { float: left; display: inline-block; width: 50%; white-space: normal; } .mega-nav .description-menu .nav-item:nth-child(-n + 2) { min-height: 148px; } .nav-item a.dropdown-toggle.nav-link[title="Library"], .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "], .nav-item a.nav-link[title="Professional & Academic"], .nav-item a.nav-link[title="Professional Libraries"], .nav-item a.nav-link[title="Academic Libraries"] { border-left: none; /*padding: .5rem 1rem;*/ padding-top: 0; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .description-menu .nav-item:nth-child(-n + 2) { min-height: 125px; } /*.mega-nav .dropdown-menu { width:840px; left:-450px; top: 137%; height:246px; }*/ .mega-nav .dropdown-menu.search { right: 10px; left: auto; padding: 0; height: 51px; top: 117px; } } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { .nav-item a.dropdown-toggle.nav-link[title="Library"], .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "], .nav-item a.nav-link[title="Professional & Academic"], .nav-item a.nav-link[title="Professional Libraries"], .nav-item a.nav-link[title="Academic Libraries"] { border-left: none; padding: .5rem 1rem; } .menu-item-has-children .dropdown-menu .nav-item.menu-item-1176 { /*width: 192px;*/ width: 210px; } .mega-nav .dropdown-menu { width: 840px; left: -450px; top: 137%; height: 246px; } .dropdown-menu .nav-item .description-item { line-height: 24px; } .mega-nav .description-menu .nav-item:nth-child(-n + 2) { min-height: 118px; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .description-menu .nav-item:nth-child(-n + 2) { min-height: 110px; } .nav-item a.dropdown-item[title="App Updates"] + ul.description-menu { /* App Updates Spacing * top: -237px;*/ top: -197px; } .dropdown-menu .nav-item .dropdown-item { font-size: 14px; } .dd-mega-menu.dropdown-menu { width: 700px; } .mega-nav .description-menu { display: inline-block !important; position: relative; top: -219px; bottom: 230px; background: transparent; left: 230px; width: 570px; padding-left: 20px; box-shadow: none; border: none; border-left: 1px solid #A3A3A3; } .dropdown-menu .nav-item { width: 33%; } .mega-nav .dropdown-menu { width: 840px; left: -450px; top: 132%; height: auto; } .menu-item-has-children .dropdown-menu .nav-item:last-child { margin-bottom: -197px; } .menu-item-has-children .dropdown-menu .description-menu .nav-item:last-child { margin-bottom: 0; } .mega-nav .dropdown-menu.search { right: 10px; left: auto; /*height: 92px;*/ height: 51px; top: 70px!important; } a[title="Library"] + .dropdown-menu.show .description-menu { margin-top: 0; top: -237px; } a[title="Library"] + .dropdown-menu .nav-item:last-child { margin-bottom: -213px; } a[title="K-12 Schools "] + .dropdown-menu.show .description-menu { margin-top: 0; top: -220px; } a[title="K-12 Schools "] + .dropdown-menu .nav-item:last-child { margin-bottom: -213px; } } /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { .menu-item-has-children .dropdown-menu .nav-item:last-child { margin-bottom: -212px; } /*****App Updates***/ a[title="Library"] + .dropdown-menu.show .description-menu { margin-top: 0; top: -237px; } a[title="Library"] + .dropdown-menu.show { min-height: auto; } a[title="Library"] + .dropdown-menu .nav-item:last-child { margin-bottom: -213px; } .nav-item a.dropdown-item[title="App Updates"] + ul.description-menu { /* App Updates Spacing * top: -237px;*/ top: -180px; } .dd-mega-menu.dropdown-menu { width: 755px; } .dd-mega-menu a.dropdown-item, .dd-mega-menu a.description-item { text-align: left; font-size: 14px; line-height: 18px; letter-spacing: 0px; color: #585858 !important; opacity: 1; white-space: normal; border-left: 3px solid #fff; /*margin:10px 20px;*/ font-family: muli, sans-serif; } .dd-mega-menu a.dropdown-item span, .dd-mega-menu a.description-item span { text-align: left; font-weight: 800; font-size: 18px; line-height: 28px; letter-spacing: 0px; color: #242E4C; opacity: 1; display: block; margin-bottom: 8px; } .dd-mega-menu a.dropdown-item:hover, .dd-mega-menu a.description-item:hover { background-color: #fff; border-left: 3px solid #782592; } .mega-nav .dropdown-menu { width: 840px; left: -450px; top: 133%; } } /******** END Mega Menu Style*********/ video::-webkit-media-text-track-display { font-size: 80%; } .customize-support .back-light.subNavScrolled { padding-top: 0; top: 103px !important; } .btn-search { background: #fff; color: #0074B4; border: none !important; font-size: 1.15em; } .btn-search:hover, .btn-search:active, .btn-search:focus, .btn.btn-search:hover, .btn.btn-search:active, .btn.btn-search:focus { color: #0074B4 !important; box-shadow: none !important; } .btn-round-white { background: #FFFFFF 0% 0% no-repeat padding-box; margin-top: 10px; border-radius: 0; -webkit-border-top-right-radius: 21px; -webkit-border-bottom-right-radius: 21px; border-top-right-radius: 21px; border-bottom-right-radius: 21px; opacity: 1; color: #0074B4; padding: 7px 11px; } .btn-round-white.collapsed, .btn-round-white.collapsed:hover { background: #FFFFFF 0% 0% no-repeat padding-box; margin-top: 10px; border-radius: 21px; opacity: 1; color: #0074B4 !important; padding: 7px 11px; } .btn-round-white.btn:active, .btn-round-white.btn:focus, .btn-round-white.btn:active:focus, .btn.btn-round-white.btn:active, .btn.btn-round-white.btn:focus, .btn.btn-round-white.btn:active:focus { box-shadow: none; color: #0074B4 !important; } .back-white { background-color: #fff; } /*#navbar { margin-top:10px; background-color:#fff; width:100%; }*/ /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { /* #navbar { background-color: transparent; width:auto; } } .nav-item a.dropdown-toggle.nav-link[title="Library "] + .dropdown-menu .nav-item .dropdown-item:hover { background-color:#fff; border-left: 3px solid #0D6791; color: #000000; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .dropdown-item:hover { background-color:#fff; border-left: 3px solid #782592; } */ figure { margin: 0; } } /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { /* .dropdown-menu .nav-item .description {display:none} */ } /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) { /*.dropdown-menu .nav-item .description {display:none} }*/ } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { /* .dropdown-menu .nav-item { width: 50%; display: inline-block; float: left; min-height: 118px; white-space:normal; } .dropdown-menu .nav-item .dropdown-item { white-space:normal; font-weight: 700; font-size: 1.05em; color: #242E4C !important; border-left: 3px solid #fff; transition: all 0.5s ease; -webkit-transition : all 0.5s ease; -moz-transition : all 0.5s ease; -o-transition : all 0.5s ease; } .dropdown-menu > li > a { padding: 0 20px; margin-bottom: 20px; } .dropdown-menu .nav-item .description { display:block; font-weight: 400; font-size: .9em; color: #000000 !important; } .mega-nav .dropdown-menu { padding:30px 20px 0 20px; width:667px; left:-100px; background-color:#fff; border-radius:0; box-shadow: 0px 10px 20px #00000029; top: 132%; } */ } /* Medium devices ( 768 and up) */ @media only screen and (min-width: 768px) { /*.mega-nav .dropdown-menu { left:-140px; top: 113%; }*/ } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { /*.mega-nav .dropdown-menu { width:800px; left:-450px; top: 132%; }*/ } /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { /*.mega-nav .dropdown-menu { width:800px; }*/ } .customize-support .fixed-top { top: 32px !important; } .customize-support .breadcrumbsWrapper { top:103px; } .customize-support .subNavScrolled { padding-top: 0; top: 81px !important; } .carousel-col .dropdown-menu > li > a { padding: 5px 20px; } .collection-list h1, .collection-list h3 { color: #006693; font-family: 'Source Serif Pro', 'Serif'; } @media screen and (min-width: 992px) { .col-md-offset-45 { margin-left: 38%; } } @media (max-width: 991px) and (min-width: 767px) { .subNavScrolled { top: 84px !important; } .customize-support .subNavScrolled { top: 152px !important; } .customize-support .breadcrumbsWrapper { top:148px; } } @media (max-width: 991px) { #secondaryNav { border: 0 !important } .library-hero-image { margin-top:4em; } } @media (max-width: 767px) { .customize-support main { margin-top: 16px !important; } } .seeAllST { cursor: pointer; } .summer-read .seeAll { background: #E74E39; padding: 8px; border-radius: 5px !important; } .txt-link { color: #fff; } .tribe-events-page-title, .tribe-events-page-title a { color: #777; } .cd-pic { border-radius: 100%; width: 200px; } #modal a[data-ga-title="Multilingual Marketing Kits"] { display: none; } #modal p a[data-ga-title="Multilingual Marketing Kits"] { display: inline-block; } .tooltip-text { border-bottom: 1px dotted #555; display: inline-block; position: relative; } .tooltip-text .tooltip-content { visibility: hidden; width: 200px; background-color: white; color: #555; border-radius: 6px; padding: 10px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -100px; border: 2px solid #555; box-shadow: 0 0 10px #555; font-family: sans-serif; line-height: 1.2; font-size: 14px; } .tooltip-text .tooltip-content::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .tooltip-text:hover .tooltip-content { visibility: visible; } /* school stars 2020 */ .schoolStars { background: url(/wp-content/uploads/2023-school-stars-background.png); background-size: cover; background-position: bottom center; } .greyBox { padding: 60px 0px; margin: 0px auto 40px auto; background: #eee; } .greyBox img { width: 100px !important; margin: 0px 5px; } .goldBox { padding: 15px; margin: 0px auto; background: linear-gradient(90deg, rgba(191, 145, 85, 1) 0%, rgba(215, 177, 119, 1) 50%, rgba(223, 183, 115, 1) 100%); ; color: #fff; font-weight: bold; text-align: center; border-bottom: 2px solid #BF9155; } ul.schoolStarsList { font-size: 14px; line-height: 1.6; padding-left: 20px; } ul.schoolStarsList li { margin: 8px 0px; } svg#turbo { width: 120px; display: inline; } .padBot30 { padding-bottom: 30px; } .disInline { display: inline !important; } .flex { display: flex; align-items: start; /*this change was breaking all flex content, removed to fix * justify-content: end; align-self: flex-end;*/ } .flexMiddle { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .pad1Rem { padding: 1rem 2rem; } .top0 { padding-top: 0px !important; margin-top: 0px; } /* clock countdown */ .count-item { display: inline-block; position: relative; } .txt-light { color: white; } .absolute { position: absolute; } #countDown svg { -webkit-transform: rotate(-90deg); height: 160px; transform: rotate(-90deg); width: 160px; } .circle_animation { stroke-dasharray: 345; stroke-dashoffset: 345; transition: all 1s linear; } #countDown svg { -webkit-transform: rotate(-90deg); height: 160px; transform: rotate(-90deg); width: 160px; } .circle_animation { stroke-dasharray: 345; stroke-dashoffset: 345; transition: all 1s linear; } .count-item { display: inline-block; position: relative; } h1.schoolStars { background: -webkit-linear-gradient(top, #8f6B29, #FDE08D, #DF9F28); background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 4rem; } @media screen and (max-width: 400px) { #countDown { display: none; } .jumbotron h1 + p { padding-bottom: 10px; } } /* school star read more */ #more, #more2, #more3, #more4 { display: none; } .jumbotron div div { padding: 0px; } .breathe { margin: 10px 0px; } .Deepbreath { margin: 20px 0px; } #collapseExampleBeta .card-body, #collapseExampleAlpha .card-body, #collapseExampleDelta .card-body, #collapseCharlie .card-body { padding: 0px; } #collapseExampleBeta .card, #collapseExampleAlpha .card, #collapseExampleDelta .card, #collapseCharlie .card { background: none !important; border-radius: 0px; border: 0px; } .modal-body figure img { border: 1px solid #ddd; } #collapseExampleAlpha a:active { display: none; } .pad15 { padding: 0px !important; } .p-r-15 { padding-right: 15px; } .p-l-15 { padding-left: 15px; } .p-s-0 { padding: 0px; } @media only screen and (max-width: 800px) { .mobileDisplay { display: block; } .desktopDisplay { display: none; } .schoolStarsM .col-md-3, .schoolStarsM .col-md-5, .schoolStarsM .col-md-7, .schoolStarsM .col-md-4 { margin-bottom: 30px; } .greyBox img { margin: 0px auto; } } @media only screen and (min-width: 800px) { .mobileDisplay { display: none; } .desktopDisplay { display: block; } } h3.Stars { font-weight: bold; text-shadow: 1px 1px 2px #777777; } a.Stars, a.Stars:visited { color: #006693; } .ss-btn { font-weight: bold; border-bottom: 2px solid #8D6635; border-radius: 5px; padding: 10px 20px; background: linear-gradient(90deg, rgba(188, 128, 84, 1) 0%, rgba(204, 151, 107, 1) 50%, rgba(214, 160, 108, 1) 100%); text-transform: uppercase; display: inline-block; margin-top: 10px !important; text-shadow: 1px 1px #AAAAAA; transition: 0.3s; color: #fff; } .ss-btn:hover { box-shadow: 0px 2px 4px rgba(213, 160, 108, 0.5); color: #fff; padding: 10px 20px; } .threeW { width: 300px !important; } .padL0 { padding-left: 0px !important; } .center { text-align: center !important; } p.greyText { color: #555; text-align: center; line-height: 140%; font-size: 14px; padding-top: 8px; } .btn-green { background: #8EC549; } .btn-darkgreen.seeAllbtn { background:#5E8123; } .btn-orange { background: #F15B2C !important; } .text-purple { color: #3B3461 !important; } /* remote learning 2020 */ .remoteLearning .jumbotron { background: url(/wp-content/uploads/cloudsBG.jpg); background-size: cover; background-position: bottom center; } .remoteLearning h1 { font-size: 2.35em; color: #3B3461; } .remoteLearning h2 { color: #118BC9; font-weight: bold; font-size: 1.75em; } .remoteLearning h2 { color: #118BC9; font-weight: bold; font-size: 1.8em; } .remoteLearning a { text-decoration: underline; } .remoteLearning .hide-info-desktop { display: inline-block; } .remoteLearning .hide-info-desktop.carousel-control { display: flex; } .remoteLearning .two-item .carousel-col { width: 49.9%%; } .remoteLearning .two-item + .carousel-control-prev { left: -12px; } .remoteLearning .two-item + .carousel-control-prev + .carousel-control-next { right: -12px; } .remoteLearning .two-item + .carousel-control-prev, .remoteLearning .two-item + .carousel-control-prev + .carousel-control-next { height: 35px; width: 35px; } .remoteLearning .two-item + .carousel-control-prev .carousel-control-prev-icon, .remoteLearning .two-item + .carousel-control-prev + .carousel-control-next .carousel-control-next-icon { width: 15px; height: 15px; } .remoteLearning .two-item .tooltip-btn .btn { padding: 10px; font-size: 13px; } @media (min-width: 651px) { .remoteLearning .two-item .active > div:first-child + div { display: block; } .remoteLearning .two-item .carousel-col { width: 50%; } .remoteLearning .two-item .carousel-inner .carousel-item-right.active, .remoteLearning .two-item .carousel-inner .carousel-item-next { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } .remoteLearning .two-item .carousel-inner .carousel-item-left.active, .remoteLearning .two-item .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .remoteLearning .two-item .carousel-inner .carousel-item-right, .remoteLearning .two-item .carousel-inner .carousel-item-left, .remoteLearning .two-item .carousel-inner .carousel-item:first-child.carousel-item-next.carousel-item-left, .remoteLearning .two-item .carousel-inner .carousel-item-prev.carousel-item-right.last-item { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .remoteLearning .two-item .sliderExpanded .carousel-item:nth-child(2n + 1) .carousel-col { clear: left; } } @media screen and (min-width: 1501px) { .remoteLearning .active > div:first-child + div { display: block; } .remoteLearning .carousel-col { width: 50%; } .remoteLearning .carousel-inner .carousel-item-right.active, .remoteLearning .carousel-inner .carousel-item-next { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } .remoteLearning .carousel-inner .carousel-item-left.active, .remoteLearning .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .remoteLearning .carousel-inner .carousel-item-right, .remoteLearning .carousel-inner .carousel-item-left, .remoteLearning .carousel-inner .carousel-item:first-child.carousel-item-next.carousel-item-left, .remoteLearning .carousel-inner .carousel-item-prev.carousel-item-right.last-item { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .remoteLearning .sliderExpanded .carousel-item:nth-child(3n + 1) .carousel-col { clear: none; } } .highlightsBox h3, .remoteLearning h3 { color: #5FAF13; font-size: 20px; } .remoteLearning .flex-xs-12 { padding: 10px; } .remoteLearning .remoteEbook { margin-top: -25%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .remoteLearning .d-flex { display: block !important; } } /*How To Video Styles*/ .videos.tab-content > .active { display: block; } #videoTab .nav-link, .nav-tabs a.nav-link, .nav-tabs .nav-item.show .nav-link { color: #006693 !important; border: 0 !important; } .nav-tabs a.nav-link:hover, .nav-tabs a.nav-link:hover .badge { border: 0 !important; font-weight: bold; } #videoTab .nav-link.active, #videoTab .nav-link.active .badge { font-weight: bold; color: #555555 !important; } .badge-videos { color: #222222; background-color: #EEEEEE; padding: 10px; font-size: 1.1em; width: 40px; font-weight: normal; } .video-text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; } .video-text p + ul, .video-text p + p, .video-text ul, .video-text p em { display: none; } .seehide { margin-top: -25px; } a.archive { color: #006693 !important; cursor: pointer; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border: 0; } .Featured.Webinars.How-To { border: 0; } .Featured.Webinars.How-To .border-dull { border: 4px solid #006693; } /* Event Resources page 9-17-202Q */ .event-resources-top { background: transparent linear-gradient(270deg, #006693 0%, #004D6F 100%) 0% 0% no-repeat padding-box; color: #fff; padding: 30px 0px; border-bottom: 4px solid #83D734; } .er-pb { padding-bottom: 30px; border-bottom: 1px solid #eee; margin-bottom: 60px; } .lightBlue-bg { background-color: rgba(139, 214, 246, 0.1) } .lightBlue h3 { color: #222222; } .lightBlue-bg { color: #707070; padding: 20px 0px; } .lightBlue-bg h3 { text-transform: uppercase; color: #222222 !important; font-weight: 600; font-size: 1em; margin-bottom: 8px; } .er-topBox { background-color: rgba(255, 255, 255, 0.2); align-self: center; padding: 20px; } .event-resources-h1 { font-size: 1.7rem; border-bottom: 3px solid #64B3D5; padding-bottom: 10px; width: 75%; } .er-events-raffle { background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('/wp-content/uploads/raffle-bg.jpg'); background-size: cover; border-radius: 10px; color: #ffffff; } .blueCard { background: #006693; padding-left: 40px; color: #fff; } .san-serif-er { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #555555; } .er-CTA-img { background: url(/wp-content/uploads/er-cta.png) rgba(221, 221, 221, 1); background-size: cover; } .er-boxPad { padding: 20px; } .er-blueCTA { background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/wp-content/uploads/er-cta-rc-3.jpg); padding: 100px 0px; background-size: cover; background-position: center; } .event-resources-card { font-size: 14px; color: #707070; } .er-social-icons a:link, .er-social-icons p { color: #006693; font-size: 16px; } .er-social-icons img { width: 40px; height: 40px; } .d-flex-er { display: flex; } @media only screen and (max-width: 600px) { .d-flex-er { display: block; } } .survey-popup { width: 273px; padding: 6px 10px 10px 63px; left: auto; background: #EFEFEF; margin-right: 25px; margin-bottom: 50px; box-shadow: 3px 3px 6px #0000004E; } .survey-popup p { font-size: 14px; letter-spacing: 0px; color: #000000; opacity: 1; margin-bottom: 0; line-height: 1.4em; } .survey-popup .takeSurvey, .survey-popup .takeSurvey a { text-decoration: underline; font-size: 17px; font-weight: 700; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; letter-spacing: 0px; color: #006693; opacity: 1; text-decoration: underline; } .survey-popup .close { height: 16px; width: 31px; padding-bottom: 30px; position: absolute; top: -20px; right: -20px; } .survey-popup img.float-left { width: 95px; margin-left: -103px; position: absolute; margin-top: -13px; } .survey-close-button { outline: none !important; box-shadow: none !important; cursor: pointer; background: transparent; width: 39px; float: right; margin-top: -25px; margin-right: -30px; } /*.dd-mega-menu.dropdown-menu { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 10px 20px #00000029; opacity: 1; } @media screen and (min-width: 992px) { .dd-mega-menu.dropdown-menu { width:700px; } } @media screen and (min-width: 1200px) { .dd-mega-menu.dropdown-menu { width:755px; } } .dd-mega-menu a.dropdown-item { text-align: left; font-size:14px; line-height:18px; letter-spacing: 0px; color: #585858 !important; opacity: 1; white-space: normal; border-left: 3px solid #fff; font-family: muli, sans-serif; } .dd-mega-menu a.dropdown-item span { text-align: left; font-weight:800; font-size:18px; line-height:28px; letter-spacing: 0px; color: #242E4C; opacity: 1; display:block; margin-bottom:8px; } .dd-mega-menu a.dropdown-item:hover { background-color:#fff; border-left: 3px solid #782592; }*/ /* Event resources phase 3 */ ul.er-tabs { border-bottom: 1px solid #555; } .er-tabs .dropdown-item, .er-tabs .nav-link { color: #555 !important; background-color: white; font-size: 20px; } ul.er-tabs .nav-link.active { background: #ffffff; border-bottom: 6px solid #006693; color: #006693 !important; } section.events-Resources .tab-content > .active { display: block !important; } .er-events-raffle a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; background: #999; } .er-events-raffle a { background: #8EC549; } .er-events-raffle select { text-transform: none; padding: 8px; border-radius: 4px; } .bg-customize { background-color: transparent; background-image: url(/wp-content/uploads/ShowLibby_BG-6-21.jpg); border-radius: 0px; padding: 0px; background-repeat: no-repeat; background-position: center; min-height: 180px; } .bg-customize h2 { font-weight: 600; font-size: 41px; line-height: 79px; margin-top: -51px !important; margin-left: -90px; } .bg-customize h2 a { color: #fff; } .bg-customize p { font-weight: normal; font-size: 29px; line-height: 28px; color: #fff; font-family: inherit; } @media screen and (max-width: 1439px) { .bg-customize h2 { line-height: 62px !important; margin-top: -32px !important; margin-left: 0px !important; } } @media screen and (max-width: 991px) { .bg-customize h2 { text-align: center !important; } .bg-customize p { font-size: 23px; } } @media screen and (max-width: 767px) { .bg-customize h2 { font-size: 27px !important; } .bg-customize p { font-size: 18px; } } @media screen and (max-width: 425px) { .bg-customize h2 { font-size: 19px !important; } .bg-customize p { font-size: 12px; } } .bg-customize-purple { background-color: #E9DEEF; background-image: url(/wp-content/uploads/customize-bg-k12-min.png); border-radius: 15px; padding: 40px 20px; background-repeat: no-repeat; background-position: left -10px top -20px; } .bg-customize-purple h2 { margin-top: 0px !important; margin-left: 0px; } .bg-customize-purple p { font-weight: normal; font-size: 18px; line-height: 28px; color: #555; } .school-stars-wrapper .blog-img-top { -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; } .new-box { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 50px 99px #1f27780f; border: 2px solid #F2F3F8; border-radius: 16px; overflow: hidden; } .btn-faq { white-space: normal; } /*************** * START New Home Ads *******/ .home-featured .promotions { padding: 66px 0 87px 0; } .home-featured .home-customize { background-color: #eef7fc; border-radius: 15px; padding: 40px 20px; background-image: none; } .home-featured .home-kanopy { background-color: #ffffff; border-radius: 15px; padding: 40px 20px; background-image: none; } .home-featured .global-library-promo { background-color: #d5e7f1; border-radius: 15px; padding: 40px 20px; background-image: none; /*margin: 0 15px; margin-left:3px;*/ } .home-featured .global-schools-promo { background-color: #ece1f1; border-radius: 15px; padding: 40px 20px; background-image: none; /*margin: 0 15px; margin-left:3px;*/ } .home-featured .section-container .global-library-promo h2, .home-featured .section-container .global-schools-promo h2 { font-size: 20px; } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { .home-featured .home-customize { background-image: url('/wp-content/uploads/Custom-Assets-BKGD.jpg'); background-repeat: no-repeat; background-position: 0; background-size: cover; } .home-featured .home-kanopy { background-image: url('/wp-content/uploads/KanopyBanner.png'); background-repeat: no-repeat; background-position: 0; background-size: cover; } } .home-featured .home-customize h2, .home-featured .home-kanopy h2 { font-weight: 900; font-size: 35px; line-height: 48px !important margin-top: 0 !important; margin-left: 0; } .home-featured .home-customize p, .home-featured .home-kanopy p { color: #404040; font-weight: normal; font-size: 18px; line-height: 28px; } /*************** * END New Home Ads *******/ /************** * * Start Libby OD Sunset * ****/ .libby-featured .hero { background-image: none; } .library-featured.libby-featured.sunset-faq .hero { background-image: url(/wp-content/uploads/HexagonCluster-Wine.png); } .libby-featured .hero-image-shadow { -webkit-filter: drop-shadow(0 30px 30px rgba(31, 39, 120, 0.1)); filter: drop-shadow(0 30px 30px rgba(31, 39, 120, 0.1)); -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#1F2778')"; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#1F2778')"; } .libby-featured.library-featured.sunset-faq .hero { background-position: left -55px top -247px } @media only screen and (min-width: 768px) { .libby-featured.library-featured .hero { background-position: right -137px top -232px; } .libby-featured .hero-copy-wrap p { max-width: 100%; } } @media only screen and (min-width: 992px) { .libby-featured.library-featured .hero { background-position: right -390px top -150px; } .libby-featured .hero-copy-wrap p { max-width: 100%; } .libby-featured.library-featured.sunset-faq .hero { /* background-position: left 57px top -233px;*/ background-position: right -100px top -233px; } } @media screen and (min-width: 1200px) { .libby-featured.library-featured .hero { background-position: left 464px top -80px; } .libby-featured .hero-copy-wrap p { max-width: 668px; } .libby-featured.library-featured.sunset-faq .hero { background-position: left 300px top -212px; } } @media screen and (min-width: 1400px) { .libby-featured.library-featured .hero { background-position: left 611px top -31px; } .libby-featured.library-featured.sunset-faq .hero { /*background-position: left 300px top -212px;*/ background-position: right -107px top -190px; } } @media screen and (min-width: 1600px) { .libby-featured.library-featured .hero { background-position: left 806px top -21px; } .libby-featured.library-featured.sunset-faq .hero { /* background-position: left 406px top -212px;*/ background-position: right -107px top -190px; } } @media screen and (min-width: 1900px) { .libby-featured.library-featured .hero hero { background-position: left 830px top -31px; } } .libby-featured .grey-bg-box { background: #F9FAFC 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 25px; opacity: 1; padding: 47px; } .libby-featured .white-bg-box { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 50px 99px #1F27780F; border: 2px solid #F2F3F8; border-radius: 16px; opacity: 1; padding: 28px 26px 53px 26px; } .libby-featured.library-featured .hero .row { min-height: 625px; } .libby-featured.library-featured.sunset-faq .hero .row { min-height: 400px; } .libby-featured .hero-copy-wrap { padding: 0 0 0 60px; margin: 0 0 0 -60px; } .libby-featured .hero h4 { margin-top: -20px; } .libby-featured .hero p { font-size: 18px; line-height: 28px; } .libby-featured li { font-size: 18px; margin-bottom: 5px; } .libby-featured a.libby-blue-link { text-decoration: underline; color: #006693; } .libby-featured .grey-bg-box p, .libby-featured .faq-resources p { font-size: 18px; } .libby-featured .faq-resources p { color: #242E4C; } .libby-featured .faq-resources h3 { font-size: 22px; line-height: 28px; letter-spacing: 0px; color: #000000; opacity: 1; font-weight: 800; } .libby-featured .libby-promotions .bg-lightblue-grad { background: transparent linear-gradient(245deg, #D4EAF5 0%, #DFEEF5 100%) 0% 0% no-repeat padding-box; opacity: 1; border-radius: 15px; padding: 40px 20px; } .libby-featured .libby-promotions .bg-lightblue-grad h2 { font: normal normal 900 40px/48px Muli; letter-spacing: -0.5px; color: #003655; opacity: 1; } .libby-featured .libby-promotions .bg-lightblue-grad p { text-align: left; font: normal normal normal 18px/28px Muli; letter-spacing: 0px; color: #004361; opacity: 1; } .libby-featured .libby-promotions .btn-dkblue-outline { background-color: #003555; border: #003555 solid 3px; color: #fff !important; cursor: pointer; /*padding: .6rem .9rem 0.7rem .9rem;*/ padding: .6rem .9rem; } .libby-featured .libby-promotions .btn-dkblue-outline:hover { color: #003555 !important; border: #003555 solid 3px; background-color: #fff; text-decoration: none; /*padding: .6rem .9rem 0.7rem .9rem;*/ padding: .6rem .9rem; } .libby-featured .libby-promotions .btn-dkblue-outline:hover path { stroke: #003555; } .libby-featured .libby-promotions .btn-dkblue-outline:hover .solid path { fill: #003555; } .fa-rotate-20 { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } #FAQcarousel { position: relative; height: 641px; /*top: 354px;*/ top: 320px; transform: translateY(-50%); overflow: hidden; margin-bottom: 50px; } #FAQcarousel div { position: absolute; transition: transform 1s, left 1s, opacity 1s, z-index 0s; opacity: 1; cursor: pointer; } #FAQcarousel div img { width: 400px; transition: width 1s; } #FAQcarousel div.hideLeft { left: 0%; opacity: 0; transform: translateY(50%) translateX(-50%); } #FAQcarousel div.hideLeft img { width: 200px; } #FAQcarousel div.hideRight { left: 100%; opacity: 0; transform: translateY(50%) translateX(-50%); } #FAQcarousel div.hideRight img { width: 200px; } #FAQcarousel div.prev { z-index: 5; left: 30%; transform: translateY(50px) translateX(-50%); } #FAQcarousel div.prev img { width: 300px; } #FAQcarousel div.prevLeftSecond { z-index: 4; left: 15%; transform: translateY(50%) translateX(-50%); opacity: 0.7; } #FAQcarousel div.prevLeftSecond img { width: 200px; } #FAQcarousel div.selected { z-index: 10; left: 50%; transform: translateY(0px) translateX(-50%); } #FAQcarousel div.next { z-index: 5; left: 70%; transform: translateY(50px) translateX(-50%); } #FAQcarousel div.next img { width: 300px; } #FAQcarousel div.nextRightSecond { z-index: 4; left: 85%; transform: translateY(50%) translateX(-50%); opacity: 0.7; } #FAQcarousel div.nextRightSecond img { width: 200px; } #FAQprev, #FAQnext { border: none; background: transparent; font-size: 80px; outline: none; margin-top: -340px; cursor: pointer; color: #ccc; } /************** * * End Libby OD Sunset * ****/ /*Comic & Graphic novel page boxes start*/ .resource-container { justify-content: center; margin-bottom: 80px; } .resource-boxes { max-width: 396px; min-height: 302px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border: 1px solid #B1B1B1; display: flex; flex-wrap: wrap; padding: 20px; flex: 1; margin-top: 30px; align-items: center; justify-content: center; } .resource-boxes:first-child { margin-right: 50px; } .resource-boxes .heading { text-align: center; font-size: 18px; letter-spacing: 0px; color: #555555; opacity: 1; font-weight: 500; padding: 0px 30px; margin-bottom: 10px; } .resource-boxes .heading.first { margin-bottom: 36px; } .resource-boxes a { min-width: 250px; display: block; margin: 0 auto; margin-top: 20px; } .resource-boxes .image-group { text-align: center; } .resource-boxes img { width: 107px; height: 142px; margin-right: 5px; } /*Comic & Graphic novel page boxes end*/ /*feature page*/ .swoop-svg { margin-top:-30px; background-color: #F9FAFC; } .features-enhancements .header h1 { font-family: freight-text-pro, serif; font-style: normal; font-weight: 300; letter-spacing: -0.54px; color: #151A29; font-size: 3em; } .features-enhancements .header h4 { font-size: .9em; opacity: .6; font-weight: normal; } .features-enhancements .header p { font-size: 18px; line-height: 28px; } .features-enhancements .contact-team .bg-lightpurple-grad { background: rgb(61,149,197); background: -webkit-linear-gradient(left, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: -o-linear-gradient(left, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: linear-gradient(to right, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); opacity: 1; border-radius: 15px; padding: 20px; } .features-enhancements .contact-team .bg-lightpurple-grad h2 { font-weight: 900; font-size: 40px; line-height:48px; letter-spacing: -0.5px; color: #003655; opacity: 1; } .features-enhancements .contact-team .bg-lightpurple-grad p { text-align: left; font: normal normal normal 18px/28px Muli; letter-spacing: 0px; color: #004361; opacity: 1; } .features-enhancements .contact-team .btn-dkblue-outline { background-color: #003555; border: #003555 solid 3px; color: #fff !important; cursor: pointer; padding: .6rem .9rem; } .features-enhancements .contact-team .btn-dkblue-outline:hover { color: #003555 !important; border: #003555 solid 3px; background-color: #fff; text-decoration: none; padding: .6rem .9rem; } .features-enhancements .contact-team .btn-dkblue-outline:hover path { stroke: #003555; } .features-enhancements .contact-team .btn-dkblue-outline:hover .solid path { fill: #003555; } .fa-rotate-20 { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } .white-callout-box { border-radius: 20px; background: #F9FAFC 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px #00000029; padding: 36px; } .white-callout-box { color: #333; } .features-enhancements .bg-ltblue-blue .white-boxes { width: 100%; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 10px 20px 20px #33073E6E; border: 2px solid #F2F3F8; border-radius: 16px; padding: 10px; /*padding: 30px 40px;*/ transition: all .2s ease-in-out; } .features-enhancements .kit-wrapper { border: none; margin-bottom: 0; } .features-enhancements .about h5 { font-weight: 800; font-size: 20px; line-height:30px; letter-spacing: 0px; color: #242E4C; opacity: 1; } .features-enhancements .about p.caption { font-size: 14px; color: #242E4C; opacity: 1; } .box-category-label { text-align: left; font-weight: bold; font-size: 12px; line-height: 28px; letter-spacing: 1.2px; color: #000000; text-transform: uppercase; opacity: 0.49; } .box-description-title { text-align: left; font-weight: 800; font-size: 24px; line-height: 32px; letter-spacing: 0px; color: #000000; opacity: 1; } .box-description { text-align: left; font-weight: normal; font-size: 18px; line-height: 28px; letter-spacing: 0px; color: #242E4C; opacity: 1; } .box-description h3 { font-weight: bold; font-size: 18px; line-height: 24px; letter-spacing: 0px; color: #82199B; opacity: 1; } .box-description a { white-space: normal; } .showhide.collapsed .fa { transform: rotate( 180deg ); } .showhide .fa { transition: .3s transform ease-in-out; } .showhide { border: none; outline: none; background: transparent; cursor: pointer; text-decoration: none; color: #791E94;; font-size: 16px; font-weight: normal; } hr.hr-white { border: 3px solid #ffffff; border-radius: 5px; width: 70px; } .showhide:active, .showhide:focus { border: none; outline: none; } .showhide.collapsed .more, .showhide .less { display: inline; } .showhide .more, .showhide.collapsed .less { display: none; } .library-featured.features-enhancements .header { background: rgb(61,149,197); background: -moz-linear-gradient(90deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: -webkit-linear-gradient(90deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: linear-gradient(90deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d95c5",endColorstr="#1177b5",GradientType=1); } .library-featured.features-enhancements .hero-copy-wrap { background: none; } .library-featured.features-enhancements .bg-ltblue-blue { background: rgb(61,149,197); background: -moz-linear-gradient(168deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: -webkit-linear-gradient(168deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: linear-gradient(168deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d95c5",endColorstr="#1177b5",GradientType=1); } .features-enhancements .blog-post-wrapper { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 25px; overflow: hidden; } .features-enhancements .header h3 { font-family: muli, sans-serif; font-weight: 800; color: #ffffff; line-height: 38px; font-size: 30px; } @media screen and (min-width: 992px) { .features-enhancements .bg-ltblue-blue .container { margin-bottom:85px; } .library-featured.features-enhancements .hero-copy-wrap { width:100%; background: transparent url('https://static.od-cdn.com/white_dots_featured_page.svg') 0% 0% no-repeat padding-box; } } .text-green{color:#8EC549;} /******** Start Mega Menu Style*********/ /***Hide App Updates****/ .dropdown-item[title="App Updates"] { display: none; } .nav-link, .dropdown-item { color: #242E4C !important; text-align: left; margin: 10px 20px 5px 20px; } .mobile-search { margin-right: 20px; } .dropdown-toggle::after { border: none !important; font-weight: 900; font-family: 'Font Awesome 5 Free'; content: "\f107" !important; vertical-align: 0; margin-left: .4em; } .show .dropdown-toggle::after { content: "\f105" !important; } .dropdown-menu.search.show { margin-top: 0; } .dropdown-menu.show { margin-top: 160px; left: 0; } /******App Update hide*****/ a[title="Library"] + .dropdown-menu.show { margin-top: 174px; min-height: 271px; } a[title="Library"] + .dropdown-menu.show .description-menu { } .description-menu { text-align: left; position: absolute; margin-top: -403px; list-style: none; padding-left: 0; } .dropdown-menu li { padding-left: 30px } .description-menu li { border-bottom: 1px solid; padding: 5px 0; } .dd-mega-menu.dropdown-menu { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 10px 20px #00000029; opacity: 1; } .dropdown-menu { background-color: #ffffff; min-width: 715px; left: -300px; border-top: 0; padding-left: 0px; } .description-item { display: block; width: 100%; /*padding: .25rem 1.25rem; padding: 0 1.25rem;*/ padding: .25rem .8rem .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .description-item:focus, .description-item:hover { text-decoration: none; } .customize-support .back-light.subNavScrolled { padding-top: 0; top: 103px !important; } .btn-search { background: #fff; color: #418C82; border: none !important; font-size: 1.15em; } .btn-search:hover, .btn-search:active, .btn-search:focus { color: #418C82 !important; box-shadow: none !important; } .navbar-brand img.od-rc-nav-logo { filter: brightness(0) invert(1); max-width: 180px; margin-top: auto; } .navbar-form { margin-top: 10px; } .form-inline.show .input-group-append .btn { border-radius: 0 !important; } .btn-round-white { background: #FFFFFF 0% 0% no-repeat padding-box; margin-top: 10px; border-radius: 0; -webkit-border-top-right-radius: 21px; -webkit-border-bottom-right-radius: 21px; border-top-right-radius: 21px; border-bottom-right-radius: 21px; opacity: 1; color: #0074B4; padding: 7px 11px; } .btn-round-white.collapsed { background: #FFFFFF 0% 0% no-repeat padding-box; margin-top: 10px; border-radius: 21px; opacity: 1; color: #0074B4; padding: 7px 11px; } .btn-round-white.btn:active, .btn-round-white.btn:focus, .btn-round-white.btn:active:focus, .btn.btn-round-white.btn:active, .btn.btn-round-white.btn:focus, .btn.btn-round-white.btn:active:focus { box-shadow: none; color: #0074B4 !important; } .back-white { background-color: #fff; } #navbar { margin-top: 10px; /*margin-bottom:10px;*/ background-color: #fff; width: 100%; } .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .nav-item .dropdown-item:hover, .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .dropdown-item:hover { background-color: #fff; font-weight: 700; } .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .nav-item .dropdown-item:hover { color: #0D6791 !important; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .dropdown-item:hover { color: #782592 !important; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .description-item, .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .nav-item .description-item, .nav-item a.nav-link[title="Professional & Academic"] + .dropdown-menu .nav-item .description-item { border-left: 3px solid #ffffff; } .nav-item a.dropdown-toggle.nav-link[title="Library"] { border-left: 3px solid #0D6791; padding: .3em .8em; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] { border-left: 3px solid #782592; padding: .3em .8em; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .description-menu li { border-bottom-color: #782592; } .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .description-menu li { border-bottom-color: #0D6791; } .nav-item a.nav-link[title="Professional & Academic"] { border-left: 3px solid #398466; padding: .3em .8em; } .nav-item a.dropdown-toggle.nav-link[title="Library"] + .dropdown-menu .nav-item .description-item:hover { background-color: #fff; border-left: 3px solid #0D6791; /*font-weight:bold;*/ color: #0D6791 !important; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .description-item:hover { background-color: #fff; border-left: 3px solid #782592; color: #782592 !important; } /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { .dropdown-menu .nav-item .description { display: none } } /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) { .dropdown-menu .nav-item .description { display: none } } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { /*****App Updates***/ a[title="Library"] + .dropdown-menu.show { margin-top: 0; } a[title="Library"] + .dropdown-menu.show .description-menu { margin-top: -4px; } /*****App Updates***/ .dropdown-toggle.nav-link { margin-right: 10px } .dropdown-toggle::after { content: "\f105" !important; } .dropdown-menu li { padding-left: 0; } .show .dropdown-toggle::after { content: "\f107" !important; } .description-menu li { border-bottom: none; padding: 0; } .navbar-collapse .dropdown-item, .nav-link { color: white !important; } .nav-link, .dropdown-item { margin: auto; } .dropdown-menu.show { margin-top: 0; } #navbar { background-color: transparent; width: auto; } .dropdown-menu .nav-item, .description-menu .nav-item { width: 50%; display: inline-block; float: left; min-height: 118px; white-space: normal; } .dropdown-menu .nav-item .dropdown-item { white-space: normal; font-weight: normal; font-size: .95em; color: #242E4C !important; padding: 0 15px; transition: all 0.08s ease; -webkit-transition: all 0.08s ease; -moz-transition: all 0.08s ease; -o-transition: all 0.08s ease; } .dropdown-menu .nav-item .description-item { white-space: normal; font-weight: 700; line-height: 1.23em; font-size: 1.00em; color: #242E4C !important; border-left: 3px solid #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .dropdown-menu > li > a { padding: 0 20px; margin-bottom: 20px; } .dropdown-menu .nav-item .description { display: block; font-weight: 400; font-size: 14.4px; /*font-size: .9em; line-height: 1.45em;*/ line-height: 1.3em; color: #000000 !important; } .mega-nav .dropdown-menu { /*padding:30px 20px 0 20px;*/ padding: 20px; width: 600px; left: -166%; background-color: #fff; border-radius: 0; box-shadow: 0px 10px 20px #00000029; top: /*132%*/ 35px; height: 290px; } .mega-nav .description-menu { display: inline-block !important; position: relative; top: -252px; bottom: 230px; background: transparent; left: 230px; width: 450px; padding-left: 20px; box-shadow: none; border: none; border-left: 1px solid #A3A3A3; text-align: left; margin-top: 20px; } /* App Updates Spacing**/ .nav-item a.dropdown-item[title="App Updates"] + ul.description-menu { top: -210px; } .dropdown-menu .nav-item { width: 28%; display: block; float: none; min-height: auto; white-space: normal; } .menu-item-has-children .dropdown-menu .nav-item { width: 192px; /*-------------------*/ } .mega-nav .description-menu .nav-item { float: left; display: inline-block; width: 50%; white-space: normal; } .mega-nav .description-menu .nav-item:nth-child(-n + 2) { min-height: 148px; } .nav-item a.dropdown-toggle.nav-link[title="Library"], .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "], .nav-item a.nav-link[title="Professional & Academic"] { border-left: none; /*padding: .5rem 1rem;*/ padding-top: 0; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .description-menu .nav-item:nth-child(-n + 2) { min-height: 125px; } /*.mega-nav .dropdown-menu { width:840px; left:-450px; top: 137%; height:246px; }*/ .mega-nav .dropdown-menu.search { right: 10px; left: auto; padding: 0; height: 51px; top: 117px; } } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { .nav-item a.dropdown-toggle.nav-link[title="Library"], .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "], .nav-item a.nav-link[title="Professional & Academic"] { border-left: none; padding: .5rem 1rem; } .menu-item-has-children .dropdown-menu .nav-item.menu-item-1176 { /*width: 192px;*/ width: 210px; } .mega-nav .dropdown-menu { width: 840px; left: -450px; top: 137%; height: 246px; } .dropdown-menu .nav-item .description-item { line-height: 24px; } .mega-nav .description-menu .nav-item:nth-child(-n + 2) { min-height: 118px; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .description-menu .nav-item:nth-child(-n + 2) { min-height: 110px; } .nav-item a.dropdown-item[title="App Updates"] + ul.description-menu { /* App Updates Spacing * top: -237px;*/ top: -197px; } .dropdown-menu .nav-item .dropdown-item { font-size: 14px; } .dd-mega-menu.dropdown-menu { width: 700px; } .mega-nav .description-menu { display: inline-block !important; position: relative; top: -219px; bottom: 230px; background: transparent; left: 230px; width: 570px; padding-left: 20px; box-shadow: none; border: none; border-left: 1px solid #A3A3A3; } .dropdown-menu .nav-item { width: 33%; } .mega-nav .dropdown-menu { width: 840px; left: -450px; top: 132%; height: auto; } .menu-item-has-children .dropdown-menu .nav-item:last-child { margin-bottom: -197px; } .menu-item-has-children .dropdown-menu .description-menu .nav-item:last-child { margin-bottom: 0; } .mega-nav .dropdown-menu.search { right: 10px; left: auto; /*height: 92px;*/ height: 51px; top: 70px; } a[title="Library"] + .dropdown-menu.show .description-menu { margin-top: 0; top: -237px; } a[title="Library"] + .dropdown-menu .nav-item:last-child { margin-bottom: -213px; } } /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { .menu-item-has-children .dropdown-menu .nav-item:last-child { margin-bottom: -212px; } /*****App Updates***/ a[title="Library"] + .dropdown-menu.show .description-menu { margin-top: 0; top: -237px; } a[title="Library"] + .dropdown-menu.show { min-height: auto; } a[title="Library"] + .dropdown-menu .nav-item:last-child { margin-bottom: -213px; } .nav-item a.dropdown-item[title="App Updates"] + ul.description-menu { /* App Updates Spacing * top: -237px;*/ top: -180px; } .dd-mega-menu.dropdown-menu { width: 755px; } .dd-mega-menu a.dropdown-item, .dd-mega-menu a.description-item { text-align: left; font-size: 14px; line-height: 18px; letter-spacing: 0px; color: #585858 !important; opacity: 1; white-space: normal; border-left: 3px solid #fff; /*margin:10px 20px;*/ font-family: muli, sans-serif; } .dd-mega-menu a.dropdown-item span, .dd-mega-menu a.description-item span { text-align: left; font-weight: 800; font-size: 18px; line-height: 28px; letter-spacing: 0px; color: #242E4C; opacity: 1; display: block; margin-bottom: 8px; } .dd-mega-menu a.dropdown-item:hover, .dd-mega-menu a.description-item:hover { background-color: #fff; border-left: 3px solid #782592; } .mega-nav .dropdown-menu { width: 840px; left: -450px; top: 133%; } } /******** END Mega Menu Style*********/ video::-webkit-media-text-track-display { font-size: 80%; } .customize-support .back-light.subNavScrolled { padding-top: 0; /*top: 103px !important;*/ top: 142px !important; } @media screen and (max-width: 991px) and (min-width: 768px) { .customize-support .back-light.subNavScrolled { top: 186px !important; } } .btn-search { background: #fff; color: #0074B4; border: none !important; font-size: 1.15em; } .btn-search:hover, .btn-search:active, .btn-search:focus, .btn.btn-search:hover, .btn.btn-search:active, .btn.btn-search:focus { color: #0074B4 !important; box-shadow: none !important; } .btn-round-white { background: #FFFFFF 0% 0% no-repeat padding-box; margin-top: 10px; border-radius: 0; -webkit-border-top-right-radius: 21px; -webkit-border-bottom-right-radius: 21px; border-top-right-radius: 21px; border-bottom-right-radius: 21px; opacity: 1; color: #0074B4; padding: 7px 11px; } .btn-round-white.collapsed, .btn-round-white.collapsed:hover { background: #FFFFFF 0% 0% no-repeat padding-box; margin-top: 10px; border-radius: 21px; opacity: 1; color: #0074B4 !important; padding: 7px 11px; } .btn-round-white.btn:active, .btn-round-white.btn:focus, .btn-round-white.btn:active:focus, .btn.btn-round-white.btn:active, .btn.btn-round-white.btn:focus, .btn.btn-round-white.btn:active:focus { box-shadow: none; color: #0074B4 !important; } .back-white { background-color: #fff; } /*#navbar { margin-top:10px; background-color:#fff; width:100%; }*/ /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { /* #navbar { background-color: transparent; width:auto; } } .nav-item a.dropdown-toggle.nav-link[title="Library "] + .dropdown-menu .nav-item .dropdown-item:hover { background-color:#fff; border-left: 3px solid #0D6791; color: #000000; } .nav-item a.dropdown-toggle.nav-link[title="K-12 Schools "] + .dropdown-menu .nav-item .dropdown-item:hover { background-color:#fff; border-left: 3px solid #782592; } */ figure { margin: 0; } } /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { /* .dropdown-menu .nav-item .description {display:none} */ } /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) { /*.dropdown-menu .nav-item .description {display:none} }*/ } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { /* .dropdown-menu .nav-item { width: 50%; display: inline-block; float: left; min-height: 118px; white-space:normal; } .dropdown-menu .nav-item .dropdown-item { white-space:normal; font-weight: 700; font-size: 1.05em; color: #242E4C !important; border-left: 3px solid #fff; transition: all 0.5s ease; -webkit-transition : all 0.5s ease; -moz-transition : all 0.5s ease; -o-transition : all 0.5s ease; } .dropdown-menu > li > a { padding: 0 20px; margin-bottom: 20px; } .dropdown-menu .nav-item .description { display:block; font-weight: 400; font-size: .9em; color: #000000 !important; } .mega-nav .dropdown-menu { padding:30px 20px 0 20px; width:667px; left:-100px; background-color:#fff; border-radius:0; box-shadow: 0px 10px 20px #00000029; top: 132%; } */ } /* Medium devices ( 768 and up) */ @media only screen and (min-width: 768px) { /*.mega-nav .dropdown-menu { left:-140px; top: 113%; }*/ } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { /*.mega-nav .dropdown-menu { width:800px; left:-450px; top: 132%; }*/ } /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { /*.mega-nav .dropdown-menu { width:800px; }*/ } .customize-support .fixed-top { top: 32px !important; } .customize-support .subNavScrolled { padding-top: 0; top: 81px !important; } .carousel-col .dropdown-menu > li > a { padding: 5px 20px; } .collection-list h1, .collection-list h3 { color: #006693; font-family: 'Source Serif Pro', 'Serif'; } @media screen and (min-width: 992px) { .col-md-offset-45 { margin-left: 38%; } } @media (max-width: 991px) and (min-width: 767px) { .subNavScrolled { /*top: 84px !important;*/ top: 152px !important; } .customize-support .subNavScrolled { top: 116px !important; } .customize-support .breadcrumbsWrapper { top:148px; } } @media (max-width: 991px) { #secondaryNav { border: 0 !important } } @media (max-width: 767px) { .customize-support main { margin-top: 16px !important; } } .seeAllST { cursor: pointer; } .summer-read .seeAll { background: #E74E39; padding: 8px; border-radius: 5px !important; } .txt-link { color: #fff; } .tribe-events-page-title, .tribe-events-page-title a { color: #777; } .cd-pic { border-radius: 100%; width: 200px; } #modal a[data-ga-title="Multilingual Marketing Kits"] { display: none; } #modal p a[data-ga-title="Multilingual Marketing Kits"] { display: inline-block; } .tooltip-text { border-bottom: 1px dotted #555; display: inline-block; position: relative; } .tooltip-text .tooltip-content { visibility: hidden; width: 200px; background-color: white; color: #555; border-radius: 6px; padding: 10px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -100px; border: 2px solid #555; box-shadow: 0 0 10px #555; font-family: sans-serif; line-height: 1.2; font-size: 14px; } .tooltip-text .tooltip-content::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .tooltip-text:hover .tooltip-content { visibility: visible; } /* school stars 2020 */ .schoolStars { background: #040036 url(/wp-content/uploads/2023-school-stars-background.png); background-size: cover; background-position: bottom center; } .greyBox { padding: 60px 0px; margin: 0px auto 40px auto; background: #eee; } .greyBox img { width: 100px !important; margin: 0px 5px; } .goldBox { padding: 15px; margin: 0px auto; background: linear-gradient(90deg, rgba(191, 145, 85, 1) 0%, rgba(215, 177, 119, 1) 50%, rgba(223, 183, 115, 1) 100%); ; color: #fff; font-weight: bold; text-align: center; border-bottom: 2px solid #BF9155; } ul.schoolStarsList { font-size: 14px; line-height: 1.6; padding-left: 20px; } ul.schoolStarsList li { margin: 8px 0px; } svg#turbo { width: 120px; display: inline; } .padBot30 { padding-bottom: 30px; } .disInline { display: inline !important; } .flex { display: flex; align-items: start; /*this change was breaking all flex content, removed to fix * justify-content: end; align-self: flex-end;*/ } .flexMiddle { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .pad1Rem { padding: 1rem 2rem; } .top0 { padding-top: 0px !important; margin-top: 0px; } /* clock countdown */ .count-item { display: inline-block; position: relative; } .txt-light { color: white; } .absolute { position: absolute; } #countDown svg { -webkit-transform: rotate(-90deg); height: 160px; transform: rotate(-90deg); width: 160px; } .circle_animation { stroke-dasharray: 345; stroke-dashoffset: 345; transition: all 1s linear; } #countDown svg { -webkit-transform: rotate(-90deg); height: 160px; transform: rotate(-90deg); width: 160px; } .circle_animation { stroke-dasharray: 345; stroke-dashoffset: 345; transition: all 1s linear; } .count-item { display: inline-block; position: relative; } h1.schoolStars { background: -webkit-linear-gradient(top, #8f6B29, #FDE08D, #DF9F28); background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 4rem; } @media screen and (max-width: 400px) { #countDown { display: none; } .jumbotron h1 + p { padding-bottom: 10px; } } /* school star read more */ #more, #more2, #more3, #more4 { display: none; } .jumbotron div div { padding: 0px; } .breathe { margin: 10px 0px; } .Deepbreath { margin: 20px 0px; } #collapseExampleBeta .card-body, #collapseExampleAlpha .card-body, #collapseExampleDelta .card-body, #collapseCharlie .card-body { padding: 0px; } #collapseExampleBeta .card, #collapseExampleAlpha .card, #collapseExampleDelta .card, #collapseCharlie .card { background: none !important; border-radius: 0px; border: 0px; } .modal-body figure img { border: 1px solid #ddd; } #collapseExampleAlpha a:active { display: none; } .pad15 { padding: 0px !important; } .p-r-15 { padding-right: 15px; } .p-l-15 { padding-left: 15px; } .p-s-0 { padding: 0px; } @media only screen and (max-width: 800px) { .mobileDisplay { display: block; } .desktopDisplay { display: none; } .schoolStarsM .col-md-3, .schoolStarsM .col-md-5, .schoolStarsM .col-md-7, .schoolStarsM .col-md-4 { margin-bottom: 30px; } .greyBox img { margin: 0px auto; } } @media only screen and (min-width: 800px) { .mobileDisplay { display: none; } .desktopDisplay { display: block; } } h3.Stars { font-weight: bold; text-shadow: 1px 1px 2px #777777; } a.Stars, a.Stars:visited { color: #006693; } .ss-btn { font-weight: bold; border-bottom: 2px solid #8D6635; border-radius: 5px; padding: 10px 20px; background: linear-gradient(90deg, rgba(188, 128, 84, 1) 0%, rgba(204, 151, 107, 1) 50%, rgba(214, 160, 108, 1) 100%); text-transform: uppercase; display: inline-block; margin-top: 10px !important; text-shadow: 1px 1px #AAAAAA; transition: 0.3s; color: #fff; } .ss-btn:hover { box-shadow: 0px 2px 4px rgba(213, 160, 108, 0.5); color: #fff; padding: 10px 20px; } .threeW { width: 300px !important; } .padL0 { padding-left: 0px !important; } .center { text-align: center !important; } p.greyText { color: #555; text-align: center; line-height: 140%; font-size: 14px; padding-top: 8px; } .btn-green { background: #8EC549; } .btn-orange { background: #F15B2C !important; } .text-dark-purple { color: #3B3461 !important; } /* remote learning 2020 */ .remoteLearning .jumbotron { background: url(/wp-content/uploads/cloudsBG.jpg); background-size: cover; background-position: bottom center; } .remoteLearning h1 { font-size: 2.35em; color: #3B3461; } .remoteLearning h2 { color: #118BC9; font-weight: bold; font-size: 1.75em; } .remoteLearning h2 { color: #118BC9; font-weight: bold; font-size: 1.8em; } .remoteLearning a { text-decoration: underline; } .remoteLearning .hide-info-desktop { display: inline-block; } .remoteLearning .hide-info-desktop.carousel-control { display: flex; } .remoteLearning .two-item .carousel-col { width: 49.9%%; } .remoteLearning .two-item + .carousel-control-prev { left: -12px; } .remoteLearning .two-item + .carousel-control-prev + .carousel-control-next { right: -12px; } .remoteLearning .two-item + .carousel-control-prev, .remoteLearning .two-item + .carousel-control-prev + .carousel-control-next { height: 35px; width: 35px; } .remoteLearning .two-item + .carousel-control-prev .carousel-control-prev-icon, .remoteLearning .two-item + .carousel-control-prev + .carousel-control-next .carousel-control-next-icon { width: 15px; height: 15px; } .remoteLearning .two-item .tooltip-btn .btn { padding: 10px; font-size: 13px; } @media (min-width: 651px) { .remoteLearning .two-item .active > div:first-child + div { display: block; } .remoteLearning .two-item .carousel-col { width: 50%; } .remoteLearning .two-item .carousel-inner .carousel-item-right.active, .remoteLearning .two-item .carousel-inner .carousel-item-next { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } .remoteLearning .two-item .carousel-inner .carousel-item-left.active, .remoteLearning .two-item .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .remoteLearning .two-item .carousel-inner .carousel-item-right, .remoteLearning .two-item .carousel-inner .carousel-item-left, .remoteLearning .two-item .carousel-inner .carousel-item:first-child.carousel-item-next.carousel-item-left, .remoteLearning .two-item .carousel-inner .carousel-item-prev.carousel-item-right.last-item { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .remoteLearning .two-item .sliderExpanded .carousel-item:nth-child(2n + 1) .carousel-col { clear: left; } } @media screen and (min-width: 1501px) { .remoteLearning .active > div:first-child + div { display: block; } .remoteLearning .carousel-col { width: 50%; } .remoteLearning .carousel-inner .carousel-item-right.active, .remoteLearning .carousel-inner .carousel-item-next { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } .remoteLearning .carousel-inner .carousel-item-left.active, .remoteLearning .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .remoteLearning .carousel-inner .carousel-item-right, .remoteLearning .carousel-inner .carousel-item-left, .remoteLearning .carousel-inner .carousel-item:first-child.carousel-item-next.carousel-item-left, .remoteLearning .carousel-inner .carousel-item-prev.carousel-item-right.last-item { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .remoteLearning .sliderExpanded .carousel-item:nth-child(3n + 1) .carousel-col { clear: none; } } .highlightsBox h3, .remoteLearning h3 { color: #5FAF13; font-size: 20px; } .remoteLearning .flex-xs-12 { padding: 10px; } .remoteLearning .remoteEbook { margin-top: -25%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .remoteLearning .d-flex { display: block !important; } } /*How To Video Styles*/ .videos.tab-content > .active { display: block; } #videoTab .nav-link, .nav-tabs a.nav-link, .nav-tabs .nav-item.show .nav-link { color: #006693 !important; border: 0 !important; } .nav-tabs a.nav-link:hover, .nav-tabs a.nav-link:hover .badge { border: 0 !important; font-weight: bold; } #videoTab .nav-link.active, #videoTab .nav-link.active .badge { font-weight: bold; color: #555555 !important; } .badge-videos { color: #222222; background-color: #EEEEEE; padding: 10px; font-size: 1.1em; width: 40px; font-weight: normal; } .video-text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; } .video-text p + ul, .video-text p + p, .video-text ul, .video-text p em { display: none; } .seehide { margin-top: -25px; } a.archive { color: #006693 !important; cursor: pointer; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border: 0; } .Featured.Webinars.How-To { border: 0; } .Featured.Webinars.How-To .border-dull { border: 4px solid #006693; } /* Event Resources page 9-17-202Q */ .event-resources-top { background: transparent linear-gradient(270deg, #006693 0%, #004D6F 100%) 0% 0% no-repeat padding-box; color: #fff; padding: 30px 0px; border-bottom: 4px solid #83D734; } .er-pb { padding-bottom: 30px; border-bottom: 1px solid #eee; margin-bottom: 60px; } .lightBlue-bg { background-color: rgba(139, 214, 246, 0.1) } .lightBlue h3 { color: #222222; } .lightBlue-bg { color: #707070; padding: 20px 0px; } .lightBlue-bg h3 { text-transform: uppercase; color: #222222 !important; font-weight: 600; font-size: 1em; margin-bottom: 8px; } .er-topBox { background-color: rgba(255, 255, 255, 0.2); align-self: center; padding: 20px; } .event-resources-h1 { font-size: 1.7rem; border-bottom: 3px solid #64B3D5; padding-bottom: 10px; width: 75%; } .er-events-raffle { background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('/wp-content/uploads/raffle-bg.jpg'); background-size: cover; border-radius: 10px; color: #ffffff; } .blueCard { background: #006693; padding-left: 40px; color: #fff; } .san-serif-er { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #555555; } .er-CTA-img { background: url(/wp-content/uploads/er-cta.png) rgba(221, 221, 221, 1); background-size: cover; } .er-boxPad { padding: 20px; } .er-blueCTA { background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/wp-content/uploads/er-cta-rc-3.jpg); padding: 100px 0px; background-size: cover; background-position: center; } .event-resources-card { font-size: 14px; color: #707070; } .er-social-icons a:link, .er-social-icons p { color: #006693; font-size: 16px; } .er-social-icons img { width: 40px; height: 40px; } .d-flex-er { display: flex; } @media only screen and (max-width: 600px) { .d-flex-er { display: block; } } .survey-popup { width: 273px; padding: 6px 10px 10px 63px; left: auto; background: #EFEFEF; margin-right: 25px; margin-bottom: 50px; box-shadow: 3px 3px 6px #0000004E; } .survey-popup p { font-size: 14px; letter-spacing: 0px; color: #000000; opacity: 1; margin-bottom: 0; line-height: 1.4em; } .survey-popup .takeSurvey, .survey-popup .takeSurvey a { text-decoration: underline; font-size: 17px; font-weight: 700; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; letter-spacing: 0px; color: #006693; opacity: 1; text-decoration: underline; } .survey-popup .close { height: 16px; width: 31px; padding-bottom: 30px; position: absolute; top: -20px; right: -20px; } .survey-popup img.float-left { width: 95px; margin-left: -103px; position: absolute; margin-top: -13px; } .survey-close-button { outline: none !important; box-shadow: none !important; cursor: pointer; background: transparent; width: 39px; float: right; margin-top: -25px; margin-right: -30px; } /*.dd-mega-menu.dropdown-menu { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 10px 20px #00000029; opacity: 1; } @media screen and (min-width: 992px) { .dd-mega-menu.dropdown-menu { width:700px; } } @media screen and (min-width: 1200px) { .dd-mega-menu.dropdown-menu { width:755px; } } .dd-mega-menu a.dropdown-item { text-align: left; font-size:14px; line-height:18px; letter-spacing: 0px; color: #585858 !important; opacity: 1; white-space: normal; border-left: 3px solid #fff; font-family: muli, sans-serif; } .dd-mega-menu a.dropdown-item span { text-align: left; font-weight:800; font-size:18px; line-height:28px; letter-spacing: 0px; color: #242E4C; opacity: 1; display:block; margin-bottom:8px; } .dd-mega-menu a.dropdown-item:hover { background-color:#fff; border-left: 3px solid #782592; }*/ /* Event resources phase 3 */ ul.er-tabs { border-bottom: 1px solid #555; } .er-tabs .dropdown-item, .er-tabs .nav-link { color: #555 !important; background-color: white; font-size: 20px; } ul.er-tabs .nav-link.active { background: #ffffff; border-bottom: 6px solid #006693; color: #006693 !important; } section.events-Resources .tab-content > .active { display: block !important; } .er-events-raffle a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; background: #999; } .er-events-raffle a { background: #8EC549; } .er-events-raffle select { text-transform: none; padding: 8px; border-radius: 4px; } .bg-customize { background-color: transparent; background-image: url(/wp-content/uploads/ShowLibby_BG-6-21.jpg); border-radius: 0px; padding: 0px; background-repeat: no-repeat; background-position: center; min-height: 180px; } .bg-customize h2 { font-weight: 600; font-size: 41px; line-height: 79px; margin-top: -51px !important; margin-left: -90px; } .bg-customize h2 a { color: #fff; } .bg-customize p { font-weight: normal; font-size: 29px; line-height: 28px; color: #fff; font-family: inherit; } @media screen and (max-width: 1439px) { .bg-customize h2 { line-height: 62px !important; margin-top: -32px !important; margin-left: 0px !important; } } @media screen and (max-width: 991px) { .bg-customize h2 { text-align: center !important; } .bg-customize p { font-size: 23px; } } @media screen and (max-width: 767px) { .bg-customize h2 { font-size: 27px !important; line-height: unset !important; } .bg-customize p { font-size: 18px; } } @media screen and (max-width: 425px) { .bg-customize h2 { font-size: 19px !important; } .bg-customize p { font-size: 12px; } } .bg-customize-purple { background-color: #E9DEEF; background-image: url(/wp-content/uploads/customize-bg-k12-min.png); border-radius: 15px; padding: 40px 20px; background-repeat: no-repeat; background-position: left -50px top -20px; } .bg-customize-purple h2 { margin-top: 0px !important; margin-left: 0px; } .bg-customize-purple p { font-weight: normal; font-size: 18px; line-height: 28px; color: #555; } .school-stars-wrapper .blog-img-top { -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; } .new-box { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 50px 99px #1f27780f; border: 2px solid #F2F3F8; border-radius: 16px; overflow: hidden; } .btn-faq { white-space: normal; } /*************** * START New Home Ads *******/ .home-featured .promotions { padding: 66px 0 87px 0; } .home-featured .home-customize { background-color: #eef7fc; border-radius: 15px; padding: 40px 20px; background-image: none; } .home-featured .global-library-promo { background-color: #d5e7f1; border-radius: 15px; padding: 40px 20px; background-image: none; /*margin: 0 15px; margin-left:3px;*/ } .home-featured .global-schools-promo { background-color: #ece1f1; border-radius: 15px; padding: 40px 20px; background-image: none; /*margin: 0 15px; margin-left:3px;*/ } .home-featured .section-container .global-library-promo h2, .home-featured .section-container .global-schools-promo h2 { font-size: 20px; } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { .home-featured .home-customize { background-image: url('/wp-content/uploads/Custom-Assets-BKGD.jpg'); background-repeat: no-repeat; background-position: 0; background-size: cover; } } .home-featured .home-customize h2 { font-weight: 900; font-size: 35px; line-height: 48px !important margin-top: 0 !important; margin-left: 0; } .home-featured .home-customize p { color: #404040; font-weight: normal; font-size: 18px; line-height: 28px; } /*************** * END New Home Ads *******/ /************** * * Start Libby OD Sunset * ****/ .libby-featured .hero { background-image: none; } .library-featured.libby-featured.sunset-faq .hero { background-image: url(/wp-content/uploads/HexagonCluster-Wine.png); } .libby-featured .hero-image-shadow { -webkit-filter: drop-shadow(0 30px 30px rgba(31, 39, 120, 0.1)); filter: drop-shadow(0 30px 30px rgba(31, 39, 120, 0.1)); -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#1F2778')"; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#1F2778')"; } .libby-featured.library-featured.sunset-faq .hero { background-position: left -55px top -247px } @media only screen and (min-width: 768px) { .libby-featured.library-featured .hero { background-position: right -137px top -232px; } .libby-featured .hero-copy-wrap p { max-width: 100%; } } @media only screen and (min-width: 992px) { .libby-featured.library-featured .hero { background-position: right -390px top -150px; } .libby-featured .hero-copy-wrap p { max-width: 100%; } .libby-featured.library-featured.sunset-faq .hero { /* background-position: left 57px top -233px;*/ background-position: right -100px top -233px; } } @media screen and (min-width: 1200px) { .libby-featured.library-featured .hero { background-position: left 464px top -80px; } .libby-featured .hero-copy-wrap p { max-width: 668px; } .libby-featured.library-featured.sunset-faq .hero { background-position: left 300px top -212px; } } @media screen and (min-width: 1400px) { .libby-featured.library-featured .hero { background-position: left 611px top -31px; } .libby-featured.library-featured.sunset-faq .hero { /*background-position: left 300px top -212px;*/ background-position: right -107px top -190px; } } @media screen and (min-width: 1600px) { .libby-featured.library-featured .hero { background-position: left 806px top -21px; } .libby-featured.library-featured.sunset-faq .hero { /* background-position: left 406px top -212px;*/ background-position: right -107px top -190px; } } @media screen and (min-width: 1900px) { .libby-featured.library-featured .hero hero { background-position: left 830px top -31px; } } .libby-featured .grey-bg-box { background: #F9FAFC 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 25px; opacity: 1; padding: 47px; } .libby-featured .white-bg-box { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 50px 99px #1F27780F; border: 2px solid #F2F3F8; border-radius: 16px; opacity: 1; padding: 28px 26px 53px 26px; } .libby-featured.library-featured .hero .row { min-height: 625px; } .libby-featured.library-featured.sunset-faq .hero .row { min-height: 400px; } .libby-featured .hero-copy-wrap { padding: 0 0 0 60px; margin: 0 0 0 -60px; } .libby-featured .hero h4 { margin-top: -20px; } .libby-featured .hero p { font-size: 18px; line-height: 28px; } .libby-featured li { font-size: 18px; margin-bottom: 5px; } .libby-featured a.libby-blue-link { text-decoration: underline; color: #006693; } .libby-featured .grey-bg-box p, .libby-featured .faq-resources p { font-size: 18px; } .libby-featured .faq-resources p { color: #242E4C; } .libby-featured .faq-resources h3 { font-size: 22px; line-height: 28px; letter-spacing: 0px; color: #000000; opacity: 1; font-weight: 800; } .libby-featured .libby-promotions .bg-lightblue-grad { background: transparent linear-gradient(245deg, #D4EAF5 0%, #DFEEF5 100%) 0% 0% no-repeat padding-box; opacity: 1; border-radius: 15px; padding: 40px 20px; } .libby-featured .libby-promotions .bg-lightblue-grad h2 { font: normal normal 900 40px/48px Muli; letter-spacing: -0.5px; color: #003655; opacity: 1; } .libby-featured .libby-promotions .bg-lightblue-grad p { text-align: left; font: normal normal normal 18px/28px Muli; letter-spacing: 0px; color: #004361; opacity: 1; } .libby-featured .libby-promotions .btn-dkblue-outline { background-color: #003555; border: #003555 solid 3px; color: #fff !important; cursor: pointer; /*padding: .6rem .9rem 0.7rem .9rem;*/ padding: .6rem .9rem; } .libby-featured .libby-promotions .btn-dkblue-outline:hover { color: #003555 !important; border: #003555 solid 3px; background-color: #fff; text-decoration: none; /*padding: .6rem .9rem 0.7rem .9rem;*/ padding: .6rem .9rem; } .libby-featured .libby-promotions .btn-dkblue-outline:hover path { stroke: #003555; } .libby-featured .libby-promotions .btn-dkblue-outline:hover .solid path { fill: #003555; } .fa-rotate-20 { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } #FAQcarousel { position: relative; height: 641px; /*top: 354px;*/ top: 320px; transform: translateY(-50%); overflow: hidden; margin-bottom: 50px; } #FAQcarousel div { position: absolute; transition: transform 1s, left 1s, opacity 1s, z-index 0s; opacity: 1; cursor: pointer; } #FAQcarousel div img { width: 400px; transition: width 1s; } #FAQcarousel div.hideLeft { left: 0%; opacity: 0; transform: translateY(50%) translateX(-50%); } #FAQcarousel div.hideLeft img { width: 200px; } #FAQcarousel div.hideRight { left: 100%; opacity: 0; transform: translateY(50%) translateX(-50%); } #FAQcarousel div.hideRight img { width: 200px; } #FAQcarousel div.prev { z-index: 5; left: 30%; transform: translateY(50px) translateX(-50%); } #FAQcarousel div.prev img { width: 300px; } #FAQcarousel div.prevLeftSecond { z-index: 4; left: 15%; transform: translateY(50%) translateX(-50%); opacity: 0.7; } #FAQcarousel div.prevLeftSecond img { width: 200px; } #FAQcarousel div.selected { z-index: 10; left: 50%; transform: translateY(0px) translateX(-50%); } #FAQcarousel div.next { z-index: 5; left: 70%; transform: translateY(50px) translateX(-50%); } #FAQcarousel div.next img { width: 300px; } #FAQcarousel div.nextRightSecond { z-index: 4; left: 85%; transform: translateY(50%) translateX(-50%); opacity: 0.7; } #FAQcarousel div.nextRightSecond img { width: 200px; } #FAQprev, #FAQnext { border: none; background: transparent; font-size: 80px; outline: none; margin-top: -340px; cursor: pointer; color: #ccc; } /************** * * End Libby OD Sunset * ****/ /*Comic & Graphic novel page boxes start*/ .resource-container { justify-content: center; margin-bottom: 80px; } .resource-boxes { max-width: 396px; min-height: 302px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border: 1px solid #B1B1B1; display: flex; flex-wrap: wrap; padding: 20px; flex: 1; margin-top: 30px; align-items: center; justify-content: center; } .resource-boxes:first-child { margin-right: 50px; } .resource-boxes .heading { text-align: center; font-size: 18px; letter-spacing: 0px; color: #555555; opacity: 1; font-weight: 500; padding: 0px 30px; margin-bottom: 10px; } .resource-boxes .heading.first { margin-bottom: 36px; } .resource-boxes a { min-width: 250px; display: block; margin: 0 auto; margin-top: 20px; } .resource-boxes .image-group { text-align: center; } .resource-boxes img { width: 107px; height: 142px; margin-right: 5px; } /*Comic & Graphic novel page boxes end*/ /*feature page*/ .swoop-svg { margin-top:-30px; background-color: #F9FAFC; } .features-enhancements .header h1 { font-family: freight-text-pro, serif; font-style: normal; font-weight: 300; letter-spacing: -0.54px; color: #151A29; font-size: 3em; } .features-enhancements .header h4 { font-size: .9em; opacity: .6; font-weight: normal; } .features-enhancements .header p { font-size: 18px; line-height: 28px; } .features-enhancements .contact-team .bg-lightpurple-grad { background: rgb(61,149,197); background: -webkit-linear-gradient(left, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: -o-linear-gradient(left, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: linear-gradient(to right, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); opacity: 1; border-radius: 15px; padding: 20px; } .features-enhancements .contact-team .bg-lightpurple-grad h2 { font-weight: 900; font-size: 40px; line-height:48px; letter-spacing: -0.5px; color: #003655; opacity: 1; } .features-enhancements .contact-team .bg-lightpurple-grad p { text-align: left; font: normal normal normal 18px/28px Muli; letter-spacing: 0px; color: #004361; opacity: 1; } .features-enhancements .contact-team .btn-dkblue-outline { background-color: #003555; border: #003555 solid 3px; color: #fff !important; cursor: pointer; padding: .6rem .9rem; } .features-enhancements .contact-team .btn-dkblue-outline:hover { color: #003555 !important; border: #003555 solid 3px; background-color: #fff; text-decoration: none; padding: .6rem .9rem; } .features-enhancements .contact-team .btn-dkblue-outline:hover path { stroke: #003555; } .features-enhancements .contact-team .btn-dkblue-outline:hover .solid path { fill: #003555; } .fa-rotate-20 { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } .white-callout-box { border-radius: 20px; background: #F9FAFC 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px #00000029; padding: 36px; } .white-callout-box { color: #333; } .features-enhancements .bg-ltblue-blue .white-boxes { width: 100%; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 10px 20px 20px #33073E6E; border: 2px solid #F2F3F8; border-radius: 16px; padding: 10px; /*padding: 30px 40px;*/ transition: all .2s ease-in-out; } .features-enhancements .kit-wrapper { border: none; margin-bottom: 0; } .features-enhancements .about h5 { font-weight: 800; font-size: 20px; line-height:30px; letter-spacing: 0px; color: #242E4C; opacity: 1; } .features-enhancements .about p.caption { font-size: 14px; color: #242E4C; opacity: 1; } .box-category-label { text-align: left; font-weight: bold; font-size: 12px; line-height: 28px; letter-spacing: 1.2px; color: #000000; text-transform: uppercase; opacity: 0.49; } .box-description-title { text-align: left; font-weight: 800; font-size: 24px; line-height: 32px; letter-spacing: 0px; color: #000000; opacity: 1; } .box-description { text-align: left; font-weight: normal; font-size: 18px; line-height: 28px; letter-spacing: 0px; color: #242E4C; opacity: 1; } .box-description h3 { font-weight: bold; font-size: 18px; line-height: 24px; letter-spacing: 0px; color: #82199B; opacity: 1; } .box-description a { white-space: normal; } .showhide.collapsed .fa { transform: rotate( 180deg ); } .showhide .fa { transition: .3s transform ease-in-out; } .showhide { border: none; outline: none; background: transparent; cursor: pointer; text-decoration: none; color: #791E94;; font-size: 16px; font-weight: normal; } hr.hr-white { border: 3px solid #ffffff; border-radius: 5px; width: 70px; } .showhide:active, .showhide:focus { border: none; outline: none; } .showhide.collapsed .more, .showhide .less { display: inline; } .showhide .more, .showhide.collapsed .less { display: none; } .library-featured.features-enhancements .header { background: rgb(61,149,197); background: -moz-linear-gradient(90deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: -webkit-linear-gradient(90deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: linear-gradient(90deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d95c5",endColorstr="#1177b5",GradientType=1); } .library-featured.features-enhancements .hero-copy-wrap { background: none; } .library-featured.features-enhancements .bg-ltblue-blue { background: rgb(61,149,197); background: -moz-linear-gradient(168deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: -webkit-linear-gradient(168deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); background: linear-gradient(168deg, rgba(61,149,197,1) 0%, rgba(17,119,181,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d95c5",endColorstr="#1177b5",GradientType=1); } .features-enhancements .blog-post-wrapper { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 25px; overflow: hidden; } .features-enhancements .header h3 { font-family: muli, sans-serif; font-weight: 800; color: #ffffff; line-height: 38px; font-size: 30px; } @media screen and (min-width: 992px) { .features-enhancements .bg-ltblue-blue .container { margin-bottom:85px; } .library-featured.features-enhancements .hero-copy-wrap { width:100%; background: transparent url('https://static.od-cdn.com/white_dots_featured_page.svg') 0% 0% no-repeat padding-box; } } /*KANOPY CSS START*/ .bg-k-blue { background-color:#022034; } .kanopy-icons .d-flex { justify-content:center; } .discover-kanopy-mobile {display:none !important;} .kanopy-resources h2 {margin-top:0 !important;} @media screen and (max-width: 710px) { .kanopy-icons {display:none;} .discover-kanopy-mobile {display:block !important; max-width:280px;} .discover-kanopy-desktop {display:none !important;} } /*KANOPY CSS END*/ /**** sora promo 88? * */ .sora-featured .sora-promotions .bg-lightpurple-grad { background: transparent linear-gradient(245deg, #E9DAED 0%, #E9DAED 100%) 0% 0% no-repeat padding-box; opacity: 1; border-radius: 15px; padding: 40px 20px; } .sora-featured .sora-promotions .bg-lightpurple-grad h2 { font: normal normal 900 40px/48px Muli; letter-spacing: -0.5px; color: #000000; opacity: 1; } .sora-featured .sora-promotions .bg-lightpurple-grad p { text-align: left; font: normal normal normal 18px/28px Muli; letter-spacing: 0px; color: #000000; opacity: 1; } .sora-featured .sora-promotions .btn-dkblue-outline { background-color: #003555; border: #003555 solid 3px; color: #fff !important; cursor: pointer; padding: .6rem .9rem; } .sora-featured .sora-promotions .btn-dkblue-outline:hover { color: #003555 !important; border: #003555 solid 3px; background-color: #fff; text-decoration: none; /*padding: .6rem .9rem 0.7rem .9rem;*/ padding: .6rem .9rem; } .sora-featured .sora-promotions .btn-dkblue-outline:hover path { stroke: #003555; } .sora-featured .sora-promotions .btn-dkblue-outline:hover .solid path { fill: #003555; } /* Academic Menu */ #menu-item-17466{ flex-direction:column; } #menu-item-17466 ul.dropdown-menu.show { min-width: 300px; width: 100%; min-height: 130PX; display: flex; align-items: center; justify-content: flex-start; padding-left: 30px; left: -60px; padding-top: 20px; height: auto; padding-right: 40px; flex-direction:column; } #menu-item-17466 ul.dropdown-menu.show li a{ font-weight: 700; padding: 0px; font-size: 16px; height:auto; margin-bottom:0px; } #menu-item-17466 ul.dropdown-menu.show li.nav-item:last-child{ margin-bottom:0px; width:100%!important } #menu-item-17466 ul.dropdown-menu.show li a span{ font-size: 13px; } #menu-item-17466 ul.dropdown-menu.show li a{ border-left: 3px solid rgba(255,255,255,0); padding-right: 0px; padding-left: 20px; margin-right: 0px; width: 100%; } #menu-item-17466 ul.dropdown-menu.show li a{ font-size:14px; } #menu-item-17466 ul.dropdown-menu.show li a:hover{ border-left: 3px solid #398466; color: #398466 !important; background:none!important; transition:all .25 ease; } #menu-item-20982{ padding: 0px!important; margin: 0px; width: 100%; padding-bottom: 5px!important; } #menu-item-20982 a{ padding-left: 0px!important; font-weight: normal!important; margin-left: 0px!important; } #menu-item-20982 a:hover{ border-left: 3px solid rgba(255,255,255,0)!important; font-weight:bold!important; } @media screen and (max-width: 767px) { #menu-item-20982 a{ padding-left:50px!important; } #menu-item-17466 ul.dropdown-menu.show{ min-width: auto!important; width: 100%; min-height: auto!important; display: flex; align-items: center; justify-content: flex-start; padding-left: 0px; left: -60px; padding-top: 0px; height: auto; margin-top:0px!important; } #menu-item-17466 ul.dropdown-menu.show li a{ padding-left:0px; font-weight:normal; } } /****DIVERSITY AUDIT BANNER****/ .banner-bg { border-radius: 6px; width: 100%; overflow: hidden; } .library-featured .banner-bg, #library_diveristy_banner .banner-bg { background: #E6F1F8; } .k12-featured .banner-bg, #collection_development_banner .banner-bg { background: #F2E9F4; } .banner-diversityaudit { background: url(https://images.overdrive.com/ui/Div_audit-promo_collage-B_v1-70.png); background-repeat: no-repeat; background-position: center calc(100% + 85px) ; background-size: 654px; display: flex; flex-wrap: wrap; padding: 20px 40px 300px 20px; text-align: center; align-items: center; } .banner-shelfexpress { background: url(https://images.overdrive.com/ui/Shelf_express_bk-covers_v2-a_05x-min_1_1x.png); background-repeat: no-repeat; background-position: center calc(100% + 200px) ; background-size: 754px; display: flex; flex-wrap: wrap; padding: 20px 40px 190px 20px; text-align: center; align-items: center; } .section-container .banner-diversityaudit h2, .banner-diversityaudit h2, .banner-shelfexpress h2, .section-container .banner-shelfexpress h2 { font-family: 'Muli'; font-style: normal; font-weight: 700; font-size: 33px; line-height: 41px; color: #000000; text-align: left; margin-top: 0; } .banner-diversityaudit p, .banner-shelfexpress p { font-family: 'Muli'; font-style: normal; font-weight: 600; font-size: 22px; line-height: 32px; color: #000000; text-align: left; } .banner-diversityaudit > div, .banner-shelfexpress > div { flex: 1 1 80%; } .banner-diversityaudit h2, .banner-shelfexpress h2 { font-family: 'Metropolis'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 24px; } .banner-diversityaudit h2 span, .banner-shelfexpress h2 span { color: #17ADFF; } @media screen and (min-width: 768px) { .banner-diversityaudit { background-position: center calc(100% + 200px) ; background-size: unset; display: flex; flex-wrap: wrap; padding: 20px 40px 200px 20px; text-align: left; } .banner-diversityaudit > div, .banner-shelfexpress > div { flex: 1 1 50%; }\ } @media screen and (min-width: 992px) { .banner-diversityaudit { background: url(https://images.overdrive.com/ui/Div_audit-promo_collage-B_v1-70.png); background-repeat: no-repeat; background-position: calc(100% + 307px) center; display: block; padding: 40px 24px; } .banner-shelfexpress { background: url(https://images.overdrive.com/ui/Shelf_express_bk-covers_v2-a_05x-min_1_1x.png); background-repeat: no-repeat; background-position: calc(100% + 307px) center; display: block; padding: 40px 24px; } .banner-diversityaudit > div { width: 50%; } .banner-shelfexpress > div { width: 41%; } } @media screen and (min-width: 1200px) { .banner-diversityaudit { background-position: calc(100% + 187px) center; } .banner-shelfexpress { background-position: calc(100% + 300px) center; } .banner-diversityaudit > div, .banner-shelfexpress > div { width: 580px; } } @media screen and (min-width: 1400px) { .banner-diversityaudit, .banner-shelfexpress { background-position: calc(100% + 120px) center; } .banner-diversityaudit > div, .banner-shelfexpress > div { width: 680px; } } /****DIVERSITY AUDIT BANNER****/ /***** JUMP TO LIST STYLES *****/ html { scroll-behavior: smooth; } .collection-reco-lists { font-family: 'Muli'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #555555; width: 100%; max-width: 1470px; margin: 0 auto; } .collection-reco-lists .intro { padding: 30px; display: flex; flex: 0 0 100%; flex-direction: column; align-items: center; text-align: center; } .collection-reco-lists .intro img { max-height: 100px; max-width: 100px; } .collection-reco-lists h1 { font-family: 'FreightText Pro'; font-style: normal; font-weight: 400; font-size: 48px; line-height: 61px; leading-trim: both; text-edge: cap; color: #000000; } .collection-reco-lists .wrapper { display: block; } @media screen and (min-width: 768px) { .collection-reco-lists .wrapper { margin: 0; display: grid; grid-template-columns: 300px 1fr; /* this breaks position sticky in Firefox */ /* overflow-x: hidden; */ } .collection-reco-lists .list-main { margin-top: -130px; padding-top: 130px; } .collection-reco-lists .intro { padding: 48px 2em 48px 0; display: flex; flex: 0 0 100%; flex-direction: row; text-align: left; align-items: flex-start } .collection-reco-lists .intro img { margin-top: 10px; margin-right: 36px; } } .collection-reco-lists nav { white-space: nowrap; font-family: 'Muli'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #000000; } .collection-reco-lists nav ul { list-style: none; margin: 0; padding: 0 15px 50px 0; } .collection-reco-lists nav h2 { font-family: 'Muli'; font-style: normal; font-weight: 800; font-size: 16px; line-height: 20px; color: #000000; padding-left: 1rem; } /* Only stick if you can fit */ @media (min-height: 300px) { .collection-reco-lists nav div { position: sticky; top: 170px; } } .collection-reco-lists nav ul li a { display: block; padding: 0.5rem 1rem; color: #000000; text-decoration: none; transition: all 0.4s ease; white-space: break-spaces; } .collection-reco-lists nav ul li a.current, .collection-reco-lists nav ul li a:hover { background: #E1EFF6; border-radius: 10px; font-weight: bold; } .collection-reco-lists .wrapper section { padding: 0 1rem 2rem 1rem; margin: 0 0 1rem 0; } @media screen and (min-width: 768px) { .collection-reco-lists .wrapper section { padding: 0 2rem 2rem 2rem; } } .collection-reco-lists .wrapper section ul { padding: 0; margin: 0; } .collection-reco-lists .wrapper .list-main section li,.option2-wrapper li{ list-style: none; border-top: 1px solid #e9eaec; font-family: 'Muli'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; list-style-position: outside; padding: .6em 2em .6em .6em; display: block; } .collection-reco-lists .wrapper .list-main section li a, .option2-wrapper li a{ font-family: 'Muli'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; list-style-position: outside; display: block; color: #333333; } .collection-reco-lists .wrapper .list-main section li:hover,#jumptoOption2_list li:hover { background-color: #E1EFF6; background-image: url(https://images.overdrive.com/misc/up-right-from-square-solid_1.svg); background-position: calc(100% - 10px) center; background-size: 15px; background-repeat: no-repeat; } #jumptoOption2_list li.subheader:hover { background-color: transparent; background-image: none; } .collection-reco-lists .wrapper .list-main section li a:hover { text-decoration: none; } .collection-reco-lists .list-main { /*top: 3em;*/ position: relative; margin-top: -130px; padding-top: 130px; } .collection-reco-lists section h3 { font-family: 'FreightText Pro'; font-style: normal; font-weight: 400; font-size: 24px; line-height: 31px; color: #000000; } .collection-reco-lists .desktop-select { margin-left: 10px; } .collection-reco-lists .mobile-select { position: sticky; position: -webkit-sticky; top: 109px; z-index: 1000; width: 100%; margin-bottom: 30px; } .customize-support .collection-reco-lists .mobile-select { top: 142px; } .collection-reco-lists .mobile-select select { width: 100%; border-radius: 0; border-left: none; border-right: none; font-weight: bold; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; /* SVG background image */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --%3E%3Cpath d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E"); background-size: .9em; background-position: calc(100% - 1.0em) center; background-repeat: no-repeat; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right: 30px; } .collection-reco-lists .mobile-select select option { text-overflow: ellipsis; overflow: hidden; } .option2-wrapper li{ list-style-type:none; } .wrapper.jumpto-optional-dropdown { margin-bottom: 40px; } .jumpto-optional-dropdown h2 { font-family: Muli; font-size: 14px; font-weight: 700; line-height: 17.57px; text-align: left; color: #000; } .jumpto-optional-dropdown .dropdown-column { padding-left: 1rem; padding-right: 20px; } .Library select#RecoListDropDown { border-left: #0074B4 solid 7px; } .K-12Schools select#RecoListDropDown { border-left: #791E94 solid 7px; } .Global select#RecoListDropDown { border-left: #0074B4 solid 7px; } .Academic select#RecoListDropDown { border-left: #398466 solid 7px; } .Professional select#RecoListDropDown { border-left: #B34404 solid 7px; } /***** END JUMP TO LIST STYLES *****/ /**** GERMAN LANGUAGE JUMP TO STYLES ***/ .german-language.collection-reco-lists .newsletterDiv{ display:none; } .german-language.collection-reco-lists .emptyNewsletterDiv{ display:block; } .german-language.collection-reco-lists nav ul li a { text-wrap: initial; white-space:normal !important; word-wrap:break-word;} .german-language.collection-reco-lists .list-main { position: relative; margin-top: -150px; padding-top: 150px; } .german-language.collection-reco-lists #newsletter_selection.blue-select { border-left: #0074B4 solid 7px; } .german-language.collection-reco-lists #newsletter_selection { width: 100%; font-weight: bold; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; /* SVG background image */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --%3E%3Cpath d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E"); background-size: .9em; background-position: calc(100% - 1.0em) center; background-repeat: no-repeat; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right: 30px; } .german-language.collection-reco-lists .intro { padding: 30px 20px; } .german-language.collection-reco-lists .intro.newsletter { position: relative; z-index: 1000; display: block; } .german-language.collection-reco-lists .intro.newsletter h3 { font-family: 'FreightText Pro'; font-style: normal; font-weight: 400; font-size: 24px; line-height: 31px; color: #000000; } .german-language.collection-reco-lists .intro.newsletter h5 { font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; color: #000000; } .german-language.collection-reco-lists .intro.newsletter a, .german-language.collection-reco-lists .intro.newsletter span { list-style: none; border-top: 1px solid #e9eaec; border-bottom: 1px solid #e9eaec; font-family: 'Muli'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; list-style-position: outside; padding: 0.6em 2em 0.6em 0.6em; display: block; color: #333333 } .german-language.collection-reco-lists .intro.newsletter a:hover { background-color: #E1EFF6; background-image: url(https://images.overdrive.com/misc/up-right-from-square-solid_1.svg); background-position: calc(100% - 10px) center; background-size: 15px; background-repeat: no-repeat; text-decoration: none; } .german-language.collection-reco-lists .newsletter-selection { display: block; } @media screen and (min-width: 768px) { .german-language.collection-reco-lists .intro { padding: 48px 2em 48px 0; } .german-language.collection-reco-lists .newsletter-selection { display: grid; grid-template-columns: 300px 1fr; } .german-language.collection-reco-lists .newsletter-selection .select-option { padding-right: 2em; } } /**** END GERMAN LANGUAGE JUMP TO STYLES ***/ /***** Kanopy homepage banner ******/ .homepage-banners section { width: 100%; } .kanopy-promo { background: #000; border-radius: 15px; padding: 20px; justify-content: center; background-image: url(/wp-content/uploads/kanopyad-desktop.png); background-position: center -1px; background-repeat: no-repeat; background-size: cover; } .kanopy-promo .promo-text { font-family: Muli; font-style: normal; font-weight: 700; font-size: 17px; line-height: 28px; display: flex; justify-content: center; text-align: center; color: #FFFFFF; margin: 0 auto; max-width: 300px; padding: 20px 0px } .kanopy-promo svg { width: 100%; } .kanopy-promo .btn-basic { background: #fff; color: #000; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 14px 20px; border-radius: 6px; font-family: Muli; font-style: normal; font-weight: 800; font-size: 16px; max-width: 190px; } @media screen and (max-width: 425px) { .kanopy-promo { background-image: url(/wp-content/uploads/kanopyad-mobile.png); } } /***** Kanopy homepage banner ******/ /**** New footer styles ******/ .footer-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; } .footer-grid div { grid-area: unset; margin-right: 0px; } .footer-settings small { gap: 20px; } @media only screen and (max-width: 1024px) { .footer-settings small { flex-direction: column; gap: 10px; } } @media only screen and (max-width: 992px) { .footer-grid {grid-template-columns: repeat(4, 1fr);} .footer-grid .b {grid-column: 1;} .footer-grid .f {grid-column: 1;} } @media screen and (max-width: 600px) { .footer-grid {grid-template-columns: repeat(2, 1fr);} .footer-grid .d {grid-column: 1;} } @media screen and (max-width: 310px) { .footer-grid {grid-template-columns: 1fr;} } /**** New footer styles ******/ /**** Hide Jump to list sidebar ******/ .hide-collection-list-sidebar .desktop-select { display: none !important; } .hide-collection-list-sidebar .wrapper { grid-template-columns: 1fr; } /**** Hide Jump to list sidebar ******/ .subNavScrolled-no-breadcrumbs{background-color: white; box-shadow: 0 2px 2px rgba(0,0,0,0.1); left: 0; overflow-x: auto; overflow-y: hidden; position: fixed; top: 70px; width: 100%; z-index: 10000;} @media screen and (max-width: 820px) { .subNavScrolled-no-breadcrumbs{ top: 109px!important;} } #choose-language-modal{z-index:99999!important} footer li a i { font-size: 24px; } .btn-primary { background-color: #5b802d !important; transition: all 0.4s ease; } </style> </head> <body> <noscript> <iframe src="//www.googletagmanager.com/ns.html?id=GTM-N5TR2F" height="0" width="0"></iframe> </noscript> <a class="skip-link screen-reader-text" href="#content"> Skip to content</a> <nav class="back-primary bakc navbar navbar-expand-md fixed-top"> <div class="container-fluid"> <div class="set-width"> <div class="inline-block navbar-header"> <a class="navbar-brand" href="https://resources.overdrive.com"><img src="https://static.od-cdn.com/od_rc_white_lightblue.svg" alt="OverDrive Resource Center logo" class="d-none" /><img src="https://static.od-cdn.com/overdrive-resource-center-logo-2021.svg" alt="OverDrive Resource Center logo" class="od-rc-nav-logo" /></a> <button type="button" class="ml-auto navbar-toggler txt-light" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <i class="fa fa-bars" aria-hidden="true"></i> </button> <div class="dropdown initial mobile-search pull-right show-sm"> <a href="#" class="dropdown-toggle txt-light" aria-label="Toggle Search" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-search" aria-hidden="true"></i></a> <ul class="dropdown-menu search width-100"> <li class="set-width"> <form role="search" method="get" class="search-form" action="https://resources.overdrive.com"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search" value="" name="s"> </label> <input type="submit" class="search-submit" value="Search"> </form> </li> </ul> </div> </div> <button aria-label="Toggle Search Box" class="btn btn-round-white float-r collapsed hide-md" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"> <i class="fa fa-search"></i> </button> <form role="search" method="get" class="float-r form-inline hide-md inline-block navbar-form collapse" id="collapseExample" action="https://resources.overdrive.com"> <div class="input-group"> <input type="search" class="form-control" placeholder="Search for..." value name="s"> <span class="input-group-append"> <button class="btn btn-search txt-primary " aria-label="Submit Search" type="submit" style="padding-bottom: 6px;"><i class="fa fa-search"></i></button> </span> </div> <!-- /input-group --> </form> <div id="navbar" class="collapse inline-block float-r navbar-collapse"> <ul id="menu-header-menu" class="ml-auto nav navbar-nav mega-nav"><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-71" class="topNavItem menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-71 nav-item"><a title="Library" href="https://resources.overdrive.com/library/" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle nav-link" id="menu-item-dropdown-71">Library</a> <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-71" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1177" class="hide-lg menu-item menu-item-type-post_type menu-item-object-page menu-item-1177 nav-item"><a title="Library Resource Overview" href="https://resources.overdrive.com/library/" class="dropdown-item">Library Resource Overview</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-13927" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13927 nav-item"><a title="Global Public Libraries" href="https://resources.overdrive.com/global-libraries/" class="dropdown-item">Global Public Libraries</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-13928" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13928 nav-item"><a title="Public Library Blog" href="https://company.overdrive.com/blogs/library-blog/" class="dropdown-item">Public Library Blog</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-13929" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13929 nav-item"><a title="Special Offers" href="https://resources.overdrive.com/library/special-offers/" class="dropdown-item">Special Offers</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-14665" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-14665 nav-item"><a title="Features & Service Enhancements" href="https://resources.overdrive.com/library/libby-features/" class="dropdown-item">Features & Service Enhancements</a> <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-71" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1624" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1624 nav-item"><a title="About our library app, Libby" href="https://resources.overdrive.com/library/apps-features-apps/" class="dropdown-item">About our library app, Libby<span class="description">Learn about how to reach more readers with Libby, including FAQs, resources, & more.</span ></a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1605" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1605 nav-item"><a title="Library Staff Training" href="https://resources.overdrive.com/library/upcoming-webinars/" class="dropdown-item">Library Staff Training<span class="description">Quick how-to videos; live and on-demand webinars to become an OverDrive expert.</span ></a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-7776" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7776 nav-item"><a title="Marketing & Outreach" href="https://resources.overdrive.com/library/marketing-outreach-trending/" class="dropdown-item">Marketing & Outreach<span class="description">Increase circulation & reach new users with print and digital promotional materials.</span ></a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1615" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1615 nav-item"><a title="Collection Development" href="https://resources.overdrive.com/library/collection-development-recommended-lists/" class="dropdown-item">Collection Development<span class="description">OverDrive librarians curated lists and catalogs with the best hand-picked titles.</span ></a></li> </ul> </li> </ul> </li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-66" class="topNavItem menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-66 nav-item"><a title="K-12 Schools " href="https://resources.overdrive.com/k-12-schools/" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle nav-link" id="menu-item-dropdown-66">K-12 Schools <span class="caret"></span></a> <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-66" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1176" class="hide-lg menu-item menu-item-type-post_type menu-item-object-page menu-item-1176 nav-item"><a title="K-12 Resource Overview" href="https://resources.overdrive.com/k-12-schools/" class="dropdown-item">K-12 Resource Overview</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-13926" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13926 nav-item"><a title="Global K-12 Schools" href="https://resources.overdrive.com/global-schools/" class="dropdown-item">Global K-12 Schools</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-13931" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13931 nav-item"><a title="K-12 School Blog" href="https://company.overdrive.com/blogs/schools-blog/" class="dropdown-item">K-12 School Blog</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-13932" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13932 nav-item"><a title="Curriculum Support" href="https://resources.overdrive.com/remote-learning/" class="dropdown-item">Curriculum Support</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-17048" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-17048 nav-item"><a title="Features & Service Enhancements" href="https://resources.overdrive.com/k-12-schools/sora-features/" class="dropdown-item">Features & Service Enhancements</a> <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-66" role="menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-20209" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20209 nav-item"><a title="About the Sora app" href="https://resources.overdrive.com/sora/" class="dropdown-item">About the Sora app<span class="description">Get to know our student reading app, it’s features and more!</span ></a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1657" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1657 nav-item"><a title="How-To Videos & Webinars" href="https://resources.overdrive.com/k-12-schools/upcoming-webinars/" class="dropdown-item">How-To Videos & Webinars<span class="description">How to videos, self-paced modules, live and on-demand webinars and more to get you up to speed on using Sora.</span ></a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-5395" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5395 nav-item"><a title="Promote Reading to Students" href="https://resources.overdrive.com/k-12-schools/marketing-outreach-trending/" class="dropdown-item">Promote Reading to Students<span class="description">Increase reading & engagement with exciting promotional materials.</span ></a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1739" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1739 nav-item"><a title="Recommended Reading" href="https://resources.overdrive.com/k-12-schools/collection-development-recommended-lists/" class="dropdown-item">Recommended Reading<span class="description">Our vast collection development lists for leisure or curriculum reading suggestions.</span ></a></li> </ul> </li> </ul> </li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-17466" class="topNavItem menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-17458 current_page_item current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children dropdown active 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 current-menu-item active menu-item-20982 nav-item"><a title="Academic Libraries Overview" href="/academic/" class="dropdown-item">Academic Libraries Overview</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-20974" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-20974 nav-item"><a title="Collection Development" href="/academic/collection-development/" class="dropdown-item">Collection Development<span class="description">OverDrive librarians curated lists and catalogs with the best hand-picked titles.</span ></a></li> </ul> </li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-17467" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17467 nav-item"><a title="Professional Libraries" href="https://resources.overdrive.com/professional/" class="nav-link">Professional Libraries</a></li> <li class="nav-item dropdown hide-sm initial show-md"><a href="#" class="dropdown-toggle txt-light" data-toggle="dropdown" aria-label="Search" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-search" aria-hidden="true"></i></a><ul class="dropdown-menu m-0 search width-100"><li class="set-width">.<form role="search" method="get" class="search-form" action="https://resources.overdrive.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form></li></ul></li></ul> </div> <!--/.nav-collapse --> </div> </div> </nav> <script> $('button.btn-round-white').click(function(){ $(this).find('i').toggleClass('fa-search fa-times') }); </script> <main> <div id="cookie-notice"> <div class="cookie-notice-container"> <span id="cn-notice-text">This site uses research and analytics cookies that help us understand user behavior. To learn more about how we use and protect your data, please see our <a href="https://company.cdn.overdrive.com/policies/privacy-policy.htm" target="_blank" class="txt-light" style="text-decoration: underline">Privacy Policy.</a></span> <a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-button">Accept</a> <a href="#" id="cn-refuse-cookie" data-cookie-set="refuse" class="cn-button">Refuse</a> </div> </div> <noscript> <div class="back-primary center width-100" style="bottom: 0; position: fixed; z-index: 1001;"> <p class="m-b-0 p-xs txt-light">This site works better with JavaScript enabled!</p> </div> </noscript> <link rel="stylesheet" href="https://use.typekit.net/fqf5wcd.css"> <style id="compiled-css" type="text/css"> ul.tab-bar, ul.tab-bar>li { position: relative; } ul.tab-bar.bar-style-1:before { background-color: #00668f; } ul.tab-bar:before { display: inline-block; content: ''; position: absolute; bottom: 0; left: 0; height: 3px; z-index: 1; } ul.tab-bar>li { list-style-type: none; border-width: 0; } ul.tab-bar.bar-style-1>li.active { color: #00668f; font-weight: 700; } .slider li { list-style-type: none; display: inline-block; border-width: 0; height: 40px; margin: 0 20px; background-color: transparent; color: #9c9c9c; font: normal normal normal 20px/28px Muli; text-align: center; cursor: pointer; } /* 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;*/ } .btn-purple { background-color: #398466; color: #fff !important; cursor: pointer; } .btn-purple:hover { color: #398466 !important; text-decoration: none; background: rgba(67, 172, 152, 0.1); } .btn-purple:hover path { stroke: #398466; } .btn-purple:hover path.solid { fill: #398466; } .btn-mdblue,.btn-basic.btn-mdblue-outline{ background-color:#398466; border:#398466 solid 3px; color:white; } .btn-mdblue:hover, .btn-basic.btn-mdblue-outline:hover,.btn-basic.btn-mdblue-outline:hover svg{ background-color:white!important; color:#398466!important; } </style> <!--- COMPONENT ON PAGE -----> <!-- production [Component post="20312" class="libbyLifeAd2 pb-5" id="libbyLifeAd_Style1"] --> <main class="academic-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-green">Academic Libraries</h4> <h1 class="col-lg-9 pl-lg-0">Resources for our college & university library partners</h1> <p class="">OverDrive’s university & college partners can learn how to increase circulation and promote their digital book collection to students, professors, staff, and their campus community.</p> <p> The popular resources below have been curated to help you promote Libby. Many trainings and promotional items on the Resource Center were created for a broader public library audience, but can be beneficial as you promote your own digital library to your users.</p> <p class="mb-5 mb-lg-0">Have questions? See our FAQs or contact us at <a href="mailto:professional@overdrive.com" target="_blank" rel="noopener">professional@overdrive.com</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/Academic-featured-hexagon-image-1.png" class="academic-hero-image mt-4 mt-lg-0 mt-xl-4" alt="Academic Libraries Hexagons"/> </div> </div> </div> </section> <section class="featured-tiles"> <div class="container section-container"> <div class="row d-flex"> <div class="col-md-4 mb-4 mb-md-0"> <div class="row h-100 same-size p-4" onclick="dataLayer.push({'event': 'toutClick','toutURL':'https://company.overdrive.com/academic-libraries/', 'toutTitle':'New to OverDrive'});window.open('https://company.overdrive.com/academic-libraries/')"> <div class="col-8 col-sm-9 col-md-12 col-lg-8 d-flex flex-column"> <p class="featured-tiles-label mb-1">NEW TO OVERDRIVE</p> <h5 class="featured-tiles-title mb-4">Explore how we can help meet your campus’s needs</h5> <p class="mb-0 mt-auto"><span class="text-green text-nowrap" href="https://company.overdrive.com/academic-libraries/ ">Learn more <i class="fas fa-arrow-right"></i></span></p> </div> <div class="col-4 col-sm-3 col-md-5 col-lg-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/Academic-icon.svg" alt="School image"></div> </div> <div class="feature-tile-background h-100"></div> </div> <script> </script> <!-- Part 1 Collection Development | See collections --> <div class="col-md-4 mb-4 mb-md-0"> <div class="row h-100 same-size p-4" onclick="window.open('//resources.overdrive.com/academic/collection-development/','_self');dataLayer.push({'event': 'toutClick','toutURL':'//resources.overdrive.com/academic/collection-development/', 'toutTitle':'Collection Development'});"> <div class="col-8 col-sm-9 col-md-12 col-lg-8 d-flex flex-column"> <p class="featured-tiles-label mb-1">Collection Development</p> <h5 class="featured-tiles-title mb-4">Explore recommended titles for your digital book collection</h5> <p class="mb-0 mt-auto "><span class="text-green text-nowrap" href="//resources.overdrive.com/academic/collection-development/">See collections <i class="fas fa-arrow-right"></i></span></p> </div> <div class="col-4 col-sm-3 col-md-5 col-lg-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="https://static.od-cdn.com/Tablet-odpedu.svg" alt="Tablet image"></div> </div> <div class="feature-tile-background h-100"></div> </div> <!-- Collection Development | end --> <div class="col-md-4 mb-4 mb-md-0"> <div class="row h-100 same-size p-4" onclick="window.open('https://help.overdrive.com/en-us/home.htm ');dataLayer.push({'event': 'toutClick','toutURL':'https://help.overdrive.com/en-us/home.htm', 'toutTitle':'Need help?'});"> <div class="col-8 col-sm-9 col-md-12 col-lg-8 d-flex flex-column"> <p class="featured-tiles-label mb-1">Need help?</p> <h5 class="featured-tiles-title mb-4">Visit our help resources for all things OverDrive</h5> <p class="mb-0 mt-auto "><span class="text-green text-nowrap" href="https://help.overdrive.com/en-us/home.htm ">Ask questions, get answers <i class="fas fa-arrow-right"></i></span></p> </div> <div class="col-4 col-sm-3 col-md-5 col-lg-4 p-0 d-flex align-items-center mx-auto"><img decoding="async" class="img-fluid mx-auto mt-lg-0 pr-3 pr-md-0" src="https://static.od-cdn.com/HelpIcon-odpedu.svg" alt="Help image"></div> </div> <div class="feature-tile-background h-100"></div> </div> </div> </div> </section> <section class="popular-resources"> <div class="container section-container"> <div class="digioh_universal_smart_tag" style="text-align: center;"></div> <br> <h2 class="text-center">Popular Resources</h2><br> <div class="row" id="accordion"> <div class="col-12 col-lg-4"> <div class="d-none d-lg-block"> <button id="PromoteYourDigitalLibrary_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#PromoteYourDigitalLibrary" aria-expanded="false" aria-controls="PromoteYourDigitalLibrary" data-ga-title="Desktop Menu item - Promote Your Digital Library " data-ga-market="Academic" data-ga-tab="Promote Your Digital Library ">Promote Your Digital Library </button> <button id="PrintMaterials_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#PrintMaterials" aria-expanded="false" aria-controls="PrintMaterials" data-ga-title="Desktop Menu item - Print Materials" data-ga-market="Academic" data-ga-tab="Print Materials">Print Materials</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="Academic" data-ga-tab="Webinars">Webinars</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="Academic" data-ga-tab="Book Recommendation Lists">Book Recommendation Lists</button> <button id="QuickHow-ToVideos_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#QuickHow-ToVideos" aria-expanded="false" aria-controls="QuickHow-ToVideos" data-ga-title="Desktop Menu item - Quick How-To Videos" data-ga-market="Academic" data-ga-tab="Quick How-To Videos">Quick How-To Videos</button> <button id="DownloadableHow-ToMaterials_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#DownloadableHow-ToMaterials" aria-expanded="false" aria-controls="DownloadableHow-ToMaterials" data-ga-title="Desktop Menu item - Downloadable How-To Materials" data-ga-market="Academic" data-ga-tab="Downloadable How-To Materials">Downloadable How-To Materials</button> <button id="FrequentlyAskedQuestions_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#FrequentlyAskedQuestions" aria-expanded="false" aria-controls="FrequentlyAskedQuestions" data-ga-title="Desktop Menu item - Frequently Asked Questions" data-ga-market="Academic" data-ga-tab="Frequently Asked Questions">Frequently Asked Questions</button> <button id="ExploreMoreFeatures_btn" class="btn-link-accordian w-100 bg_slider collapsed" data-toggle="collapse" data-target="#ExploreMoreFeatures" aria-expanded="false" aria-controls="ExploreMoreFeatures" data-ga-title="Desktop Menu item - Explore More Features" data-ga-market="Academic" data-ga-tab="Explore More Features">Explore More Features</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="PromoteYourDigitalLibrary" data-ga-type="click" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="Mobile Menu item - Promote Your Digital Library ">Promote Your Digital Library </option> <option value="PrintMaterials" data-ga-type="click" data-ga-market="Academic" data-ga-tab="Print Materials" data-ga-title="Mobile Menu item - Print Materials">Print Materials</option> <option value="Webinars" data-ga-type="click" data-ga-market="Academic" data-ga-tab="Webinars" data-ga-title="Mobile Menu item - Webinars">Webinars</option> <option value="BookRecommendationLists" data-ga-type="click" data-ga-market="Academic" data-ga-tab="Book Recommendation Lists" data-ga-title="Mobile Menu item - Book Recommendation Lists">Book Recommendation Lists</option> <option value="QuickHow-ToVideos" data-ga-type="click" data-ga-market="Academic" data-ga-tab="Quick How-To Videos" data-ga-title="Mobile Menu item - Quick How-To Videos">Quick How-To Videos</option> <option value="DownloadableHow-ToMaterials" data-ga-type="click" data-ga-market="Academic" data-ga-tab="Downloadable How-To Materials" data-ga-title="Mobile Menu item - Downloadable How-To Materials">Downloadable How-To Materials</option> <option value="FrequentlyAskedQuestions" data-ga-type="click" data-ga-market="Academic" data-ga-tab="Frequently Asked Questions" data-ga-title="Mobile Menu item - Frequently Asked Questions">Frequently Asked Questions</option> <option value="ExploreMoreFeatures" data-ga-type="click" data-ga-market="Academic" data-ga-tab="Explore More Features" data-ga-title="Mobile Menu item - Explore More Features">Explore More Features</option> </select> </div> <div class="col-lg-8"> <div id="PromoteYourDigitalLibrary" class="accordion-body collapse" aria-labelledby="PromoteYourDigitalLibrary_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/Academic_Welcome_Flyers_(2)_(1).zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="Welcome Resources" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/Screenshot-2023-08-08-090057-1.png" class="kit-thumbnail-art" alt="MARKETING & OUTREACH" /> </a> </div> <p class="kit-category-label mb-1 mr-3">MARKETING & OUTREACH</p> <h5 class="kit-description-title"> Welcome Resources </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://static.od-cdn.com/Academic_Welcome_Flyers_(2)_(1).zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="Welcome Resources"> 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://static.od-cdn.com/LIBBY-WHM-2025.ZIP" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="Thematic Toolkits" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/WHM-2025-screen-display-16x9-1-1024x576.jpg" class="kit-thumbnail-art" alt="MARKETING & OUTREACH" /> </a> </div> <p class="kit-category-label mb-1 mr-3">MARKETING & OUTREACH</p> <h5 class="kit-description-title"> Thematic Toolkits </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://static.od-cdn.com/LIBBY-WHM-2025.ZIP" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="Thematic Toolkits"> 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://static.od-cdn.com/Academic_Social_Graphics_0923.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="Social Graphics" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/Academic_SocialGraphic_Magazines_1080x1080-1024x1024.jpg" class="kit-thumbnail-art" alt="MARKETING & OUTREACH" /> </a> </div> <p class="kit-category-label mb-1 mr-3">MARKETING & OUTREACH</p> <h5 class="kit-description-title"> Social Graphics </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://static.od-cdn.com/Academic_Social_Graphics_0923.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="Social Graphics"> 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://static.od-cdn.com/Digital_Screens_Academic_RC.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="Graphics for display monitors on campus" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/image2023-8-9_8-26-51-1024x570.png" class="kit-thumbnail-art" alt="MARKETING & OUTREACH" /> </a> </div> <p class="kit-category-label mb-1 mr-3">MARKETING & OUTREACH</p> <h5 class="kit-description-title"> Graphics for display monitors on campus </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://static.od-cdn.com/Digital_Screens_Academic_RC.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="Graphics for display monitors on campus"> 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://static.od-cdn.com/Academic-Templates_2023.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="LibGuide and Press Release" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/doc-0121-thmb-1.jpg" class="kit-thumbnail-art" alt="TEMPLATES" /> </a> </div> <p class="kit-category-label mb-1 mr-3">TEMPLATES</p> <h5 class="kit-description-title"> LibGuide and Press Release </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://static.od-cdn.com/Academic-Templates_2023.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="LibGuide and Press Release"> 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-community/libby-website-assets/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="Libby Logos & Suggested Website Copy" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/Libby-Wordmark-w-OD-Tag_Transparent.png" class="kit-thumbnail-art" alt="MARKETING & OUTREACH" /> </a> </div> <p class="kit-category-label mb-1 mr-3">MARKETING & OUTREACH</p> <h5 class="kit-description-title"> Libby Logos & Suggested Website Copy </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="/library/marketing-outreach-community/libby-website-assets/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="Libby Logos & Suggested Website Copy"> <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 target="_blank" href="/library/marketing-outreach-customize/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="Customize your own graphics" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/customize-11-1-21-thmb-1.jpg" class="kit-thumbnail-art" alt="CUSTOMIZE" /> </a> </div> <p class="kit-category-label mb-1 mr-3">CUSTOMIZE</p> <h5 class="kit-description-title"> Customize your own graphics </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="/library/marketing-outreach-customize/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="Customize your own graphics"> View </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-trending/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="Want more ideas? See library marketing resources" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/readonlibby-0121-thmb-1.jpg" class="kit-thumbnail-art" alt="MARKETING & OUTREACH" /> </a> </div> <p class="kit-category-label mb-1 mr-3">MARKETING & OUTREACH</p> <h5 class="kit-description-title"> Want more ideas? See library marketing resources </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="/library/marketing-outreach-trending/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Promote Your Digital Library " data-ga-title="Want more ideas? See library marketing resources"> <i class="fas fa-external-link-alt"></i> Learn More </a> </p> </div> </div> <div class="col-12 text-right"> </div> </div> </div> <div id="PrintMaterials" class="accordion-body collapse" aria-labelledby="PrintMaterials_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="Academic" data-ga-tab="Print Materials" data-ga-title="MARKETING & OUTREACH" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/libby-academic-0323-thmb.jpg" class="kit-thumbnail-art" alt="MARKETING & OUTREACH" /> <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 printable posters and cards to promote Libby in your library.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/libby-academic-0323-preview.jpg" class="d-none test kit-preview-art" alt="MARKETING & OUTREACH" /> <p class="kit-category-label mb-1 mr-3">MARKETING & OUTREACH</p> <h5 class="kit-description-title">U.S. Printable Materials</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://static.od-cdn.com/LibbyAcademic_Printables_2023.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Print Materials" data-ga-title="U.S. Printable Materials"> 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="Academic" data-ga-tab="Print Materials" data-ga-title="PRINTABLE MATERIALS" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/uk-print-0323-thmb.jpg" class="kit-thumbnail-art" alt="PRINTABLE MATERIALS" /> <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 printable posters and cards to promote Libby in your library.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/uk-print-0323-preview.jpg" class="d-none test kit-preview-art" alt="PRINTABLE MATERIALS" /> <p class="kit-category-label mb-1 mr-3">PRINTABLE MATERIALS</p> <h5 class="kit-description-title">UK Printable Materials</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://static.od-cdn.com/UK_Academic_Printable_Materials2023.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Print Materials" data-ga-title="UK Printable Materials"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <div class="col-12 text-right"> </div> </div> </div> <div id="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="/introduction-to-marketplace-pl/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Webinars" data-ga-title="Getting Started with OverDrive Marketplace" 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="ON-DEMAND WEBINARS" /> </a> </div> <p class="kit-category-label mb-1 mr-3">ON-DEMAND WEBINARS</p> <h5 class="kit-description-title"> Getting Started with OverDrive Marketplace </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="/introduction-to-marketplace-pl/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Webinars" data-ga-title="Getting Started with OverDrive Marketplace"> 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="Academic" 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/January-PL-Libby-RC-Featured-Image-2.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-green-outline" href="https://resources.overdrive.com/getting-started-with-libby/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" 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> <!--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://www.youtube.com/watch?v=__2ghl-zXPY&t=508s" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Webinars" data-ga-title="Audiobooks: Revolutionizing Learning for Modern Students" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/academic-audiobooks-prev-2-24.jpg" class="kit-thumbnail-art" alt="ON-DEMAND WEBINARS" /> </a> </div> <p class="kit-category-label mb-1 mr-3">ON-DEMAND WEBINARS</p> <h5 class="kit-description-title"> Audiobooks: Revolutionizing Learning for Modern Students </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://www.youtube.com/watch?v=__2ghl-zXPY&t=508s" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Webinars" data-ga-title="Audiobooks: Revolutionizing Learning for Modern Students"> 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/5-essential-ways-to-promote-ebooks-audiobooks-and-more-in-libby/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Webinars" data-ga-title="5 Essential Ways to Promote Ebooks, Audiobooks, and More in Libby" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/PL-Promoting-Libby-Sig-Block-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"> 5 Essential Ways to Promote Ebooks, Audiobooks, and More in Libby </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://resources.overdrive.com/5-essential-ways-to-promote-ebooks-audiobooks-and-more-in-libby/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Webinars" data-ga-title="5 Essential Ways to Promote Ebooks, Audiobooks, and More in 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://www.youtube.com/watch?v=P7h8FpjNrv4" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Webinars" data-ga-title="Best Practices for Promoting Your Collection" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/best-practice-1-22-thmb-1.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"> Best Practices for Promoting Your Collection </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://www.youtube.com/watch?v=P7h8FpjNrv4" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Webinars" data-ga-title="Best Practices for Promoting Your Collection"> 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="/reach-new-audiences-with-libby-extras/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Webinars" data-ga-title="Engage Your Community with Databases & Streaming Media Services" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/engage-community-databases-6-15-21-thmb-300x146-1.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"> Engage Your Community with Databases & Streaming Media Services </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="/reach-new-audiences-with-libby-extras/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Webinars" data-ga-title="Engage Your Community with Databases & Streaming Media Services"> 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://www.youtube.com/watch?v=pL81eeDhafw" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Webinars" data-ga-title="Why Manga and Comics Growth Matters for Your Academic Library" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/manga-comics-12-1-22-thmb-1.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"> Why Manga and Comics Growth Matters for Your Academic Library </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://www.youtube.com/watch?v=pL81eeDhafw" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Webinars" data-ga-title="Why Manga and Comics Growth Matters for Your Academic Library"> 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="Academic" data-ga-tab="Webinars" data-ga-title="See all webinars" class="btn-mdblue btn-basic btn-small btn-bold" href="/library/upcoming-webinars/" target="_blank" rel="noopener noreferrer">See all webinars</a> </div> </div> </div> <div id="BookRecommendationLists" class="accordion-body collapse" aria-labelledby="BookRecommendationLists_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="/academic/collection-development/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Book Recommendation Lists" data-ga-title="Academic Library Collections" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/academic-collection-0323-thmb.png" class="kit-thumbnail-art" alt="COLLECTION DEVELOPMENT" /> </a> </div> <p class="kit-category-label mb-1 mr-3">COLLECTION DEVELOPMENT</p> <h5 class="kit-description-title"> Academic Library Collections </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="/academic/collection-development/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Book Recommendation Lists" data-ga-title="Academic Library Collections"> View </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/collection-development-recommended-lists/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Book Recommendation Lists" data-ga-title="General Library Collections" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/bestseller-collection-0323-thmb.png" class="kit-thumbnail-art" alt="COLLECTION DEVELOPMENT" /> </a> </div> <p class="kit-category-label mb-1 mr-3">COLLECTION DEVELOPMENT</p> <h5 class="kit-description-title"> General Library Collections </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="/library/collection-development-recommended-lists/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Book Recommendation Lists" data-ga-title="General Library Collections"> View </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="Academic" data-ga-tab="Book Recommendation Lists" data-ga-title="FILLABLE FORM" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/smartlibrary-0423-thmb-1.png" class="kit-thumbnail-art" alt="FILLABLE FORM" /> <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 9 guides (full and halfsheet). Some materials also available in Spanish, French, German, Italian, Japanese, Russian, Swedish and Chinese.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/smartlibrary-0423-preview.jpg" class="d-none test kit-preview-art" alt="FILLABLE FORM" /> <p class="kit-category-label mb-1 mr-3">FILLABLE FORM</p> <h5 class="kit-description-title">SmartLibrary Curation Authorization Form</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://static.od-cdn.com/SmartLibrary_Curation_Authorization_Form_0423.pdf" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Book Recommendation Lists" data-ga-title="SmartLibrary Curation Authorization Form"> 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="Academic" data-ga-tab="Book Recommendation Lists" data-ga-title="See all recommendations" class="btn-mdblue btn-basic btn-small btn-bold" href="/academic/collection-development/" target="_blank" rel="noopener noreferrer">See all recommendations</a> </div> </div> </div> <div id="QuickHow-ToVideos" class="accordion-body collapse" aria-labelledby="QuickHow-ToVideos_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="Academic" data-ga-tab="Quick How-To Videos" 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-green-outline" href="/libby-overview/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Quick How-To Videos" 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="/navigating-your-digital-library-website/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Quick How-To Videos" data-ga-title="Part I: Getting Started with Your OverDrive Digital Library Website" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/gs-digital-library-6-15-21-thmb-300x146-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"> Part I: Getting Started with Your OverDrive Digital Library Website </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="/navigating-your-digital-library-website/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Quick How-To Videos" data-ga-title="Part I: Getting Started with Your OverDrive Digital Library Website"> 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="/class-sets-for-academic-libraries/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Quick How-To Videos" data-ga-title="Class Sets for Academic Libraries" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/class-set-9-1-21-thmb.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"> Class Sets for Academic Libraries </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="/class-sets-for-academic-libraries/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Quick How-To Videos" data-ga-title="Class Sets for Academic Libraries"> 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"> </div> </div> </div> <div id="DownloadableHow-ToMaterials" class="accordion-body collapse" aria-labelledby="DownloadableHow-ToMaterials_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="Academic" data-ga-tab="Downloadable How-To Materials" data-ga-title="GUIDES" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/academic-getting-started-preview.jpg" class="kit-thumbnail-art" alt="GUIDES" /> <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">Each bundle contains all the guides, in every language, in halfsheet and fullsheet formats, in both letter and A4 sizes.</p> <p class="kit-category-label mb-1 mr-3">GUIDES</p> <h5 class="kit-description-title">Getting Started Guides</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://static.od-cdn.com/ACADEMIC25.ZIP" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Downloadable How-To Materials" data-ga-title="Getting Started Guides"> 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://static.od-cdn.com/Academic_Best_Practices.pdf" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Downloadable How-To Materials" data-ga-title="Best Practices Guide for Academic Libraries" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/Academic-Best-Practices-1-22-thmb-1.jpg" class="kit-thumbnail-art" alt="MARKETING & OUTREACH" /> </a> </div> <p class="kit-category-label mb-1 mr-3">MARKETING & OUTREACH</p> <h5 class="kit-description-title"> Best Practices Guide for Academic Libraries </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://static.od-cdn.com/Academic_Best_Practices.pdf" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Downloadable How-To Materials" data-ga-title="Best Practices Guide for Academic Libraries"> <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="Academic" data-ga-tab="Downloadable How-To Materials" data-ga-title="MARKETING & OUTREACH" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/Academic-Resource-Center-Guide-thmb-07-23.png" class="kit-thumbnail-art" alt="MARKETING & OUTREACH" /> <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 9 guides (full and halfsheet). Some materials also available in Spanish, French, German, Italian, Japanese, Russian, Swedish and Chinese.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/Academic-Resource-Center-Guide-preview-07-23.png" class="d-none test kit-preview-art" alt="MARKETING & OUTREACH" /> <p class="kit-category-label mb-1 mr-3">MARKETING & OUTREACH</p> <h5 class="kit-description-title">How to use the resource center</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="/wp-content/uploads/Academic-Resource-Center-Guide-Promoting-Your-Collection.pdf" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Downloadable How-To Materials" data-ga-title="How to use the resource center"> 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="Academic" data-ga-tab="Downloadable How-To Materials" data-ga-title="FILLABLE FORM" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/smartlibrary-0423-thmb-1.png" class="kit-thumbnail-art" alt="FILLABLE FORM" /> <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 9 guides (full and halfsheet). Some materials also available in Spanish, French, German, Italian, Japanese, Russian, Swedish and Chinese.</p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/smartlibrary-0423-preview.jpg" class="d-none test kit-preview-art" alt="FILLABLE FORM" /> <p class="kit-category-label mb-1 mr-3">FILLABLE FORM</p> <h5 class="kit-description-title">SmartLibrary Curation Authorization Form</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://static.od-cdn.com/SmartLibrary_Curation_Authorization_Form_0423.pdf" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Downloadable How-To Materials" data-ga-title="SmartLibrary Curation Authorization Form"> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> </a> </p> </div> </div> <div class="col-12 text-right"> </div> </div> </div> <div id="FrequentlyAskedQuestions" for-value="FrequentlyAskedQuestions" class="accordion-body collapse" aria-labelledby="FrequentlyAskedQuestions_btn" data-parent="#accordion"> <div class="row"> <div class="accordion w-100" id="accordionExample"> <button class="btn btn-faq btn-lg btn-block collapsed" type="button" data-toggle="collapse" data-target="#FaqBtn1" aria-expanded="false" aria-controls="borrow">What is Libby?<i class="fas fa-plus float-right mt-1"></i><i class="fas fa-minus float-right mt-1"></i></button> <div id="FaqBtn1" class="collapse faq-answer-visible" aria-labelledby="headingOne" data-parent="#accordionExample"><p>Libby is a free app that allows readers to enjoy the ebooks & audiobooks that you add to your OverDrive collection. <a href="https://www.overdrive.com/apps/libby/" target="_blank" rel="noopener">Learn more!</a></p> </div> <button class="btn btn-faq btn-lg btn-block collapsed" type="button" data-toggle="collapse" data-target="#FaqBtn2" aria-expanded="false" aria-controls="borrow">How do users borrow titles from my digital collection?<i class="fas fa-plus float-right mt-1"></i><i class="fas fa-minus float-right mt-1"></i></button> <div id="FaqBtn2" class="collapse faq-answer-visible" aria-labelledby="headingOne" data-parent="#accordionExample"><p>Once your digital library setup is complete, your users will be able to access your collection through the <a href="https://www.overdrive.com/apps/libby/" target="_blank" rel="noopener">Libby app</a> or through your customized OverDrive library URL. Users can read or listen to ebooks, audiobooks, or magazines in the Libby app or from any web browser. If you purchased video content for your digital library, users can view through the <a href="https://www.overdrive.com/apps/overdrive/" target="_blank" rel="noopener">OverDrive app</a> or from a web browser.</p> </div> <button class="btn btn-faq btn-lg btn-block collapsed" type="button" data-toggle="collapse" data-target="#FaqBtn3" aria-expanded="false" aria-controls="borrow">How can I promote my digital library?<i class="fas fa-plus float-right mt-1"></i><i class="fas fa-minus float-right mt-1"></i></button> <div id="FaqBtn3" class="collapse faq-answer-visible" aria-labelledby="headingOne" data-parent="#accordionExample"><p>Gaining new users and increasing engagement with existing users is an important part of maintaining your digital library. There are free resources available on the Resource Center including printable marketing materials, social media and web graphics, email and communication templates, and more. Contact your OverDrive Team for customized assistance.</p> </div> <button class="btn btn-faq btn-lg btn-block collapsed" type="button" data-toggle="collapse" data-target="#FaqBtn4" aria-expanded="false" aria-controls="borrow">Does OverDrive have training resources for staff?<i class="fas fa-plus float-right mt-1"></i><i class="fas fa-minus float-right mt-1"></i></button> <div id="FaqBtn4" class="collapse faq-answer-visible" aria-labelledby="headingOne" data-parent="#accordionExample"><p>There are training tools available on the <a href="https://resources.overdrive.com/library/upcoming-webinars/" target="_blank" rel="noopener">Resource Center</a> to help you better understand your digital collection and develop the know-how to help others, too. Sign up to attend live webinars, view recordings on-demand, watch our how-to videos, or download a Training Kit to host your own session. Contact your OverDrive Team with questions or for 1:1 assistance.</p> </div> <button class="btn btn-faq btn-lg btn-block collapsed" type="button" data-toggle="collapse" data-target="#FaqBtn5" aria-expanded="false" aria-controls="borrow">Where do I purchase titles for my digital collection?<i class="fas fa-plus float-right mt-1"></i><i class="fas fa-minus float-right mt-1"></i></button> <div id="FaqBtn5" class="collapse faq-answer-visible" aria-labelledby="headingOne" data-parent="#accordionExample"><p><a href="https://marketplace.overdrive.com/Account/Login" target="_blank" rel="noopener">OverDrive Marketplace</a> is the online catalog featuring 4.5 million digital titles from over 30,000 publishers where you can purchase content for your digital collection. If you are new to Marketplace, you can <a href="https://help.marketplace.overdrive.com/home.htm" target="_blank" rel="noopener">find answers to common questions</a> as well as <a href="https://resources.overdrive.com/library/how-to-videos/" target="_blank" rel="noopener">watch training modules</a> to learn more about purchasing titles, creating carts, curating your collection, reporting tools, and invoicing. If you don’t have a Marketplace username but require one, please contact your OverDrive Marketplace administrator and ask them to create an account for you. Not sure who that is? Contact your OverDrive Team for assistance.</p> </div> <button class="btn btn-faq btn-lg btn-block collapsed" type="button" data-toggle="collapse" data-target="#FaqBtn6" aria-expanded="false" aria-controls="borrow">What are lending models?<i class="fas fa-plus float-right mt-1"></i><i class="fas fa-minus float-right mt-1"></i></button> <div id="FaqBtn6" class="collapse faq-answer-visible" aria-labelledby="headingOne" data-parent="#accordionExample"><p>A lending model is a set of purchasing and borrowing terms for digital content and is determined by the publisher or supplier. We offer several different lending models in <a href="https://marketplace.overdrive.com/Account/Login" target="_blank" rel="noopener">OverDrive Marketplace</a>. Some titles are available under multiple lending models, allowing you to customize and find the best fit for your digital library. <a href="https://resources.overdrive.com/understanding-lending-models/" target="_blank" rel="noopener">Learn more.</a></p> </div> <button class="btn btn-faq btn-lg btn-block collapsed" type="button" data-toggle="collapse" data-target="#FaqBtn7" aria-expanded="false" aria-controls="borrow">Can my users or staff recommend books for my digital collection?<i class="fas fa-plus float-right mt-1"></i><i class="fas fa-minus float-right mt-1"></i></button> <div id="FaqBtn7" class="collapse faq-answer-visible" aria-labelledby="headingOne" data-parent="#accordionExample"><p>Yes! OverDrive has a Recommend to library feature, enabling users to recommend digital titles in the OverDrive catalog for purchase that you don’t currently own. Tools are available in <a href="https://marketplace.overdrive.com/Account/Login" target="_blank" rel="noopener">OverDrive Marketplace</a> for you to set guidelines, track recommendations, and create a purchasing plan. <a href="https://resources.overdrive.com/automating-carts-create-a-recommend-to-library-manager-plan/" target="_blank" rel="noopener">Learn more</a>.</p> </div> <button class="btn btn-faq btn-lg btn-block collapsed" type="button" data-toggle="collapse" data-target="#FaqBtn8" aria-expanded="false" aria-controls="borrow">My organization is new to OverDrive. What do I need to know?<i class="fas fa-plus float-right mt-1"></i><i class="fas fa-minus float-right mt-1"></i></button> <div id="FaqBtn8" class="collapse faq-answer-visible" aria-labelledby="headingOne" data-parent="#accordionExample"><p>Once your digital library setup is complete, your users will be able to access your collection through the <a href="https://www.overdrive.com/apps/libby/" target="_blank" rel="noopener">Libby app</a> or through your customized OverDrive library URL. Users can read or listen to ebooks, audiobooks, or magazines in the Libby app or from any web browser. If you purchased video content for your digital library, users can view through the <a href="https://www.overdrive.com/apps/overdrive/" target="_blank" rel="noopener">OverDrive app</a> or from a web browser.</p> </div> <button class="btn btn-faq btn-lg btn-block collapsed" type="button" data-toggle="collapse" data-target="#FaqBtn9" aria-expanded="false" aria-controls="borrow">How do I add more funds to my Marketplace account?<i class="fas fa-plus float-right mt-1"></i><i class="fas fa-minus float-right mt-1"></i></button> <div id="FaqBtn9" class="collapse faq-answer-visible" aria-labelledby="headingOne" data-parent="#accordionExample"><p><a href="https://marketplace.overdrive.com/" target="_blank" rel="noopener">OverDrive Marketplace</a> users with “Purchase” permissions can purchase content credit from the Shop tab drop-down menu. Purchased content credit is added to your account immediately, so you can use it right away. Your library or school will be invoiced for the content credit. To see the estimated content credit in your account at any time, click <strong>Settings</strong> in the top-right corner of Marketplace. Please note that this estimate might not reflect recent purchases and deposits.</p> </div> <button class="btn btn-faq btn-lg btn-block collapsed" type="button" data-toggle="collapse" data-target="#FaqBtn10" aria-expanded="false" aria-controls="borrow">Where can I view and run reports about my digital collection?<i class="fas fa-plus float-right mt-1"></i><i class="fas fa-minus float-right mt-1"></i></button> <div id="FaqBtn10" class="collapse faq-answer-visible" aria-labelledby="headingOne" data-parent="#accordionExample"><p>You can use the <strong>Insights</strong> tab to view summary information for your library or school’s digital collection, understand trends, monitor goals, and run detailed reports. To adjust the settings for a report, select the ‘Run new report’ option on the right-hand side. This will allow you to input new parameters and organize the report by month, branch, format and more.</p> </div> </div> </div> </div> <div id="FrequentlyAskedQuestions" class="accordion-body collapse" aria-labelledby="FrequentlyAskedQuestions_btn" data-parent="#accordion"> <div class="row "> </div> </div> <div id="ExploreMoreFeatures" class="accordion-body collapse" aria-labelledby="ExploreMoreFeatures_btn" data-parent="#accordion"> <div class="row "> <!--item--> <div class="col-sm-6 d-flex align-items-stretch"> <div class="kit-wrapper d-flex align-items-start flex-column"> <div class="kit-container"> <a target="_blank" href="https://resources.overdrive.com/library/apps-features/databases-streaming-media/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Explore More Features" data-ga-title="Databases & Streaming Media" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/NTC-TheGreatCourses-5-21-thmb.jpg" class="kit-thumbnail-art" alt="" /> </a> </div> <p class="kit-category-label mb-1 mr-3"></p> <h5 class="kit-description-title"> Databases & Streaming Media </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://resources.overdrive.com/library/apps-features/databases-streaming-media/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Explore More Features" data-ga-title="Databases & Streaming Media"> View </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="Academic" data-ga-tab="Explore More Features" data-ga-title="" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/One-Tap-Magazines_Sub_1200x630-1-1024x538.png" class="kit-thumbnail-art" alt="" /> <div class="kit-overlay"></div> <div class="btn-kit"> <div class="btn-basic btn-black btn-preview"><svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="28.537" height="21.3" viewBox="0 0 28.537 21.3"><g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(-0.5 -5)"><path id="Path_801" data-name="Path 801" d="M1.5,15.65S6.325,6,14.769,6s13.269,9.65,13.269,9.65S23.212,25.3,14.769,25.3,1.5,15.65,1.5,15.65Z" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path id="Path_802" data-name="Path 802" d="M20.737,17.119A3.619,3.619,0,1,1,17.119,13.5,3.619,3.619,0,0,1,20.737,17.119Z" transform="translate(-2.35 -1.469)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></g></svg> Preview </div> </div> </a> </div> <!-- Dynamic Modal Info--> <p class="d-none kit-hidden-description">This kit includes 1 11x17 Poster, 1 8.5x11 Flyer, 1 Set of 3UP Bookmarks, 10 Social Graphics, and 2 Programming Guides in English. Additionally, 1 8.5 x 11 Flyer and 1 1080x1080 Social graphic are available in 8 additional world languages. </p> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/magazines-preview-2.jpg" class="d-none test kit-preview-art" alt="" /> <p class="kit-category-label mb-1 mr-3"></p> <h5 class="kit-description-title">Magazines</h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://static.od-cdn.com/Magazines_Marketing_Kit_LIB_092324.zip" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Explore More Features" data-ga-title="Magazines"> 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/apps-features/diversity-audit/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Explore More Features" data-ga-title="Diversity Audits" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/diversity-audit-0323-thmb.jpg" class="kit-thumbnail-art" alt="" /> </a> </div> <p class="kit-category-label mb-1 mr-3"></p> <h5 class="kit-description-title"> Diversity Audits </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://resources.overdrive.com/library/apps-features/diversity-audit/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Explore More Features" data-ga-title="Diversity Audits"> View </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/apps-features/kindle/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Explore More Features" data-ga-title="Kindle" class="tile-img-wrapper"> <img decoding="async" src="https://resources.overdrive.com/wp-content/uploads/KindleCA_SucculentsLibby-5-21-thmb.jpg" class="kit-thumbnail-art" alt="" /> </a> </div> <p class="kit-category-label mb-1 mr-3"></p> <h5 class="kit-description-title"> Kindle </h5> <p> </p> <!-- button --> <p class="mt-auto mx-auto"> <a target="_blank" class="btn-basic btn-green-outline" href="https://resources.overdrive.com/library/apps-features/kindle/" rel="noopener noreferrer" data-ga-type="download" data-ga-market="Academic" data-ga-tab="Explore More Features" data-ga-title="Kindle"> View </a> </p> </div> </div> <div class="col-12 text-right"> </div> </div> </div> </div> </div> </div> </section> <section id="libbyLifeAd_Style1" class="libbyLifeAd2 pb-5"> <!-- START COMPONENT post="20312" title="" --> <div> <div></div> <div> <img decoding="async" class="logo2" src="//static.od-cdn.com/Libby_Life_Logo.svg" alt="Libby Life Logo"> <p>Join the new community that shares your love of books and reading!</p> <p><a href="https://www.libbylife.com/" target="_blank" rel="noopener">VISIT THE BLOG</a></p> </div> </div> <div> <div></div> <div></div> </div> <style> @font-face{font-family:tk-museo-sans-n3;src:url(https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");font-weight:300;font-style:normal;font-stretch:normal;font-display:auto;} #libbyLifeAd_Style1,#libbyLifeAd_Style2{ transition: all .25s ease; } #libbyLifeAd_Style1{ background-color: #631a35; } #libbyLifeAd_Style2{ background-color: #43a39e; } .libbyLifeAd2 a { color: #22a59c; font-size: 18px; font-weight: bold; padding: 9px 35px; border-radius: 7px; text-align: center; background-color: white; width: 100%; display: flex; max-width: 230px; text-align: center; align-items: center; justify-content: center; text-decoration: none; } .libbyLifeAd2 a:hover{ background-color:#ffeeaa; text-decoration: none; transition:all .45s ease; } .libbyLifeAd2 { margin: 100px auto; display: grid; grid-template-columns: 1fr 1fr; } .libbyLifeAd2 > div { display: flex; } .libbyLifeAd2 > div { max-height: 400px; } .libbyLifeAd2 > div:nth-child(1) > div:nth-child(1) { background-image: url(//images.overdrive.com/misc/LibbyLifeBannerImageLeft_hr.png); width: 100%; mix-blend-mode: multiply; opacity: 0.7; max-width: 260px; background-position: 0 -20px; background-size: 306px; } .libbyLifeAd2 > div:nth-child(1) > div:nth-child(2) { max-width: 380px; margin: 0 auto; justify-content: center; display: flex; flex-direction: column; } .libbyLifeAd2 > div:nth-child(2) > div:nth-child(3) img { width: 200px; } .libbyLifeAd2 > div:nth-child(2) { position: relative; } .libbyLifeAd2 > div:nth-child(2) > div:nth-child(2) { background-image: url(//images.overdrive.com/misc/LibbyLifeBannerImageRight_hr.png); width: 100%; mix-blend-mode: multiply; opacity: 0.7; position: absolute; z-index: 0; height: 400px; background-repeat: no-repeat; background-position: 100% -40px; background-size: 400px; } .libbyLifeAd2 > div:nth-child(2) > div:nth-child(1) { background-image: url(//images.overdrive.com/misc/BookJacketswithLight_1.png); background-repeat: no-repeat; width: 100%; height: 600px; background-size: 520px; margin-top: -70px; z-index: 1; } .libbyLifeAd2 > div:nth-child(1) > div:nth-child(2) img { max-width: 282px; } .libbyLifeAd2 > div:nth-child(1) > div:nth-child(2) p { font-size: 32px; color: white; line-height: 40px; font-family: tk-museo-sans-n3; padding-top: 10px; } .libbyLifeAd2 > div:nth-child(2) { justify-content: space-between; } .libbyLifeAd2 > div:nth-child(2) > div:nth-child(1) > img { position: absolute; } @media screen and (max-width: 1280px) { .libbyLifeAd2 > div:nth-child(1) > div:nth-child(1) { position: absolute; width: 100%; height: 400px; z-index: 0; left: 0; } .libbyLifeAd2 > div:nth-child(1) > div:nth-child(2) { z-index: 1; margin: 0; justify-content: center; } .libbyLifeAd2 > div { justify-content: end; } } @media screen and (max-width: 860px) { .libbyLifeAd2 { margin: 100px auto; display: grid; grid-template-columns: 1fr; margin:100px auto 200px; } .libbyLifeAd2 > div:nth-child(1):before { background-image: url(//images.overdrive.com/misc/LibbyLifeBannerImageLeft_hr.png), url(//images.overdrive.com/misc/LibbyLifeBannerImageRight_hr.png); /* background-position: left -70px, right -50px; */ background-position:0% -30px, 70vw -20px; background-repeat: no-repeat; max-width: 100%; width: 100%; content: ""; position: absolute; height: 520px; mix-blend-mode: multiply; background-size: 320px, 350px; opacity: 0.7; } .libbyLifeAd2 > div:nth-child(1) > div:nth-child(1) { background-color: transparent; background-image: none; } .libbyLifeAd2 > div:nth-child(2) > div:nth-child(2) { background-color: transparent; } .libbyLifeAd2 > div:nth-child(2) > div:nth-child(1) { margin: 0 auto; background-position: center; } .libbyLifeAd2 > div:nth-child(2) > div:nth-child(2) { background-image: none; } .libbyLifeAd2 > div:nth-child(2){ padding-top:20px; } .libbyLifeAd2 > div { justify-content: center; } .libbyLifeAd2 > div:nth-child(1) > div:nth-child(2) img { margin: 0 auto; padding-top: 60px; } .libbyLifeAd2 > div:nth-child(1) > div:nth-child(2) p { text-align: center; } .libbyLifeAd2 a { margin: 0 auto; } } @media screen and (max-width: 560px) { .libbyLifeAd2 > div:nth-child(1):before{ background-position:-10vw -30px, 70vw -20px; } } </style> </div> <!-- END --> </section> </main> </main> <footer class="center-xs txt-light"> <div class="widget_text footer-widget"><div class="textwidget custom-html-widget"><div class="back-primary p-v-l"> <div class="container-fluid"> <div class="set-width"> <div class="footer-grid"> <div class="a m-b-s text-left"> <img src="https://static.od-cdn.com/OD-white-2020-01.svg" class="" style="margin-top: 4px; width: 170px;" alt="OverDrive logo" /> </div> <div class="b text-left"> <h4>OverDrive <i class="fas fa-angle-down show-xxs"></i></h4> <ul class="list-none p-l-0" id="fDD0"> <li class="pb-2"><a href="https://company.overdrive.com/" class="text-white">About Us </a></li> <li class="pb-2"><a href="https://www.overdrive.com/" class="text-white" target="_blank">OverDrive.com</a></li> <li class="pb-2"><a href="https://marketplace.overdrive.com" class="text-white" target="_blank">Marketplace</a></li> <li class="pb-2"><a href="//www.libbylife.com/" class="text-white" target="_blank">Libby Life blog</a></li> </ul> </div> <div class="c text-left"> <h4>Products <i class="fas fa-angle-down show-xxs"></i></h4> <ul class="list-none p-l-0" id="fDD0"> <li class="pb-2"><a href="https://www.overdrive.com/apps/libby" class="text-white">Libby</a></li> <li class="pb-2"><a href="https://meet.soraapp.com/" class="text-white" target="_blank">Sora</a></li> <li class="pb-2"><a href="https://kanopy.com/" class="text-white" target="_blank">Kanopy</a></li> <li class="pb-2"><a href="https://teachingbooks.net/" class="text-white" target="_blank">TeachingBooks</a></li> </ul> </div> <div class="d text-left"> <h4>Help <i class="fas fa-angle-down show-xxs"></i></h4> <ul class="list-none p-l-0" id="fDD00"> <li class="pb-2"><a href="https://help.libbyapp.com/en-us/index.htm" class="text-white" target="_blank">Libby Help</a></li> <li class="pb-2"><a href="https://help.soraapp.com/en-us/home.htm" class="text-white" target="_blank">Sora Help</a></li> <li class="pb-2"><a href="https://help.overdrive.com/" class="text-white" target="_blank">OverDrive Help</a></li> <li class="pb-2"><a href="https://help.marketplace.overdrive.com/home.htm" class="text-white" target="_blank">Marketplace Help</a></li> </ul> </div> <div class="e text-left"> <h4>Support <i class="fas fa-angle-down show-xxs"></i></h4> <ul class="list-none p-l-0"> <li class="pb-2"><a href="https://help.overdrive.com/en-us/support.htm" class="text-white" target="_blank">App Support</a></li> <li class="pb-2"><a href="https://marketplace.overdrive.com/support" class="text-white" target="_blank">Marketplace Support</a></li> </ul> </div> <div class="f text-left"> <h4>Subscribe <i class="fas fa-angle-down show-xxs"></i></h4> <a href="https://pub.e.overdrive.com/sign-up?utm_source=resources" class="btn btn-primary m-t-xs width-100 text-left" style="max-width: 275px; background-color: #567C27">Subscribe <i class="fas fa-paper-plane float-right mt-1"></i></a> <p class="text-white mt-3">Join our newsletter to stay up to date on features and releases and more!</p> </div> </div> </div> </div> </div> <div class="center-sm back-dark p-v-xs"> <div class="container-fluid"> <div class="set-width"> <div class="row"> <div class="col-md-6 col-xl-5 text-center text-md-left footer-settings d-flex justify-content-center align-items-center"> <small class="d-flex float-left py-2"><span class="d-block d-md-inline-block">© OverDrive, Inc. All Rights Reserved</span> <a href="https://company.cdn.overdrive.com/policies/privacy-policy.htm" target="blank" class="txt-light d-md-block d-xl-inline">Privacy Policy</a> <a href="https://company.cdn.overdrive.com/policies/terms-and-conditions.htm" target="_blank" class="txt-light">Terms and Conditions</a> <a class="txt-light" href="#" rel="noopener noreferrer" onclick="$('#cookie-notice').show();">Cookie settings</a> </small> </div> <div class="col-md-6 col-xl-7"> <ul class="pl-0 text-center text-md-right py-2 mb-0 d-block d-md-inline-block"> <li class="d-block d-md-inline-block relative pr-2 social-title pb-3 pb-md-0 ">Libraries:</li> <li class="inline-block relative pr-2"><a href="https://www.facebook.com/LibbyApp" class="text-white" target="_blank"><i class="fab fa-facebook-square"></i><span class="screen-reader-text">Libby on Facebook</span></a></li> <li class="inline-block relative pr-2"><a href="https://twitter.com/LibbyApp" class="text-white" target="_blank"><i class="fab fa-twitter-square"></i><span class="screen-reader-text">Libby on Twitter</span></a></li> <li class="inline-block relative pr-2"><a href="https://www.pinterest.com/overdrivelibs/" class="text-white" target="_blank"><i class="fab fa-pinterest"></i><span class="screen-reader-text">Libby on Pinterest</span><span class="screen-reader-text">Libby on Facebook</span></a></li> <li class="inline-block relative pr-2"><a href="https://www.instagram.com/libby.app/" class="text-white" target="_blank"><i class="fab fa-instagram"></i><span class="screen-reader-text">Libby on Instagram</span></a></li> <li class="inline-block relative pr-2"><a href="https://www.tiktok.com/@libbyapp" class="text-white" target="_blank"><svg style="height: 16px; margin-top: -4px;" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="tiktok" class="svg-inline--fa fa-tiktok fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="white" d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"></path></svg><span class="screen-reader-text">Libby on TikTok</span></a></li> <li class="inline-block relative pr-0 pr-md-4"><a href="https://company.overdrive.com/blogs/library-blog/" class="text-white" target="_blank"><i class="fas fa-rss"></i><span class="screen-reader-text">Library Blog</span></a></li> </ul> <ul class="pl-0 text-center text-md-right py-2 mb-0 d-block d-md-inline-block"> <li class="d-block d-md-inline-block relative pr-2 social-title pb-3 pb-md-0 ">Schools:</li> <li class="inline-block relative pr-2"><a href="https://www.facebook.com/Sorareadingapp/" class="text-white" target="_blank"><i class="fab fa-facebook-square"></i><span class="screen-reader-text">Sora on Facebook</span></a></li> <li class="inline-block relative pr-2"><a href="https://twitter.com/Sorareadingapp" class="text-white" target="_blank"><i class="fab fa-twitter-square"></i><span class="screen-reader-text">Sora on Twitter</span></a></li> <li class="inline-block relative pr-2"><a href="https://www.pinterest.com/overdrivelibs/education-social-media/" class="text-white" target="_blank"><i class="fab fa-pinterest"></i><span class="screen-reader-text">Sora on Pinterest</span></a></li> <li class="inline-block relative pr-2"><a href="https://www.instagram.com/sorareadingapp/" class="text-white" target="_blank"><i class="fab fa-instagram"></i><span class="screen-reader-text">Sora on Instagram</span></a></li> <li class="inline-block relative pr-2"><a href="https://www.tiktok.com/@sorareadingapp" class="text-white" target="_blank"><svg style="height: 16px; margin-top: -4px;" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="tiktok" class="svg-inline--fa fa-tiktok fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="white" d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"></path></svg><span class="screen-reader-text">Sora on TikTok</span></a></li> <li class="inline-block relative pr-2"><a href="https://www.youtube.com/channel/UCQ-3tXE4OnsZCpEvAe0b6uw" class="text-white"><i class="fab fa-youtube"></i><span class="screen-reader-text">Sora on YouTube</span></a></li> <li class="inline-block relative pr-md-4"><a href="https://company.overdrive.com/blogs/schools-blog/" class="text-white" target="_blank"><i class="fas fa-rss"></i><span class="screen-reader-text">Schools Blog</span></a></li> </ul> <ul class="pl-0 text-center text-md-right py-2 mb-0 d-block d-md-inline-block"> <li class="d-block d-md-inline-block relative pr-2 social-title pb-3 pb-md-0 ">Company:</li> <li class="inline-block relative pr-2"><a href="https://www.facebook.com/OverDriveforLibraries/" class="text-white" target="_blank"><i class="fab fa-facebook-square"></i><span class="screen-reader-text">OverDrive on Facebook</span></a></li> <li class="inline-block relative pr-2"><a href="https://twitter.com/OverDriveLibs" class="text-white" target="_blank"><i class="fab fa-twitter-square"></i><span class="screen-reader-text">OverDrive on Twitter</span></a></li> <li class="inline-block relative pr-2"><a href="https://www.instagram.com/overdrive_libs/" class="text-white" target="_blank"><i class="fab fa-instagram"></i><span class="screen-reader-text">OverDrive on Instagram</span></a></li> </ul> </div> </div> </div> </div> </div></div></div> </footer> <!--[if gte IE 9]><!--> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script> <!--<![endif]--> <script> ( function ( body ) { 'use strict'; body.className = body.className.replace( /\btribe-no-js\b/, 'tribe-js' ); } )( document.body ); </script> <script> /* <![CDATA[ */var tribe_l10n_datatables = {"aria":{"sort_ascending":": activate to sort column ascending","sort_descending":": activate to sort column descending"},"length_menu":"Show _MENU_ entries","empty_table":"No data available in table","info":"Showing _START_ to _END_ of _TOTAL_ entries","info_empty":"Showing 0 to 0 of 0 entries","info_filtered":"(filtered from _MAX_ total entries)","zero_records":"No matching records found","search":"Search:","all_selected_text":"All items on this page were selected. ","select_all_link":"Select all pages","clear_selection":"Clear Selection.","pagination":{"all":"All","next":"Next","previous":"Previous"},"select":{"rows":{"0":"","_":": Selected %d rows","1":": Selected 1 row"}},"datepicker":{"dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesMin":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Prev","currentText":"Today","closeText":"Done","today":"Today","clear":"Clear"}};/* ]]> */ </script><script type="text/javascript" src="https://resources.overdrive.com/wp-content/themes/resources-child/js/customScripts.js?ver=38e19f3d67c781e205a49a3c5660052e' defer='defer" id="customScripts-js"></script> <script type="text/javascript" src="https://resources.overdrive.com/wp-content/themes/resources/js/navigation.js?ver=20151215' defer='defer" id="resources-navigation-js"></script> <script type="text/javascript" src="https://resources.overdrive.com/wp-content/themes/resources/js/skip-link-focus-fix.js?ver=20151215' defer='defer" id="resources-skip-link-focus-fix-js"></script> <script type="text/javascript" src="https://resources.overdrive.com/wp-content/plugins/page-links-to/dist/new-tab.js?ver=3.3.7' defer='defer" id="page-links-to-js"></script> </body> </html><div id="modal" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title serif txt-primary"> </h4> <button class="close" type="button" data-dismiss="modal">×</button> </div> <div class="center modal-body"> <p> </p> <figure><img style="max-width: 100%; width: auto;" alt="kit preview" /></figure> <a class="mt-3 btn-basic modalBtn btn-purple" data-ga-type="download" data-ga-market="k-12-schools" data-ga-title=""> Download<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="23.239" height="19.215" viewBox="0 0 23.239 19.215"><g id="Icon_feather-download-cloud" data-name="Icon feather-download-cloud" transform="translate(-0.336 -3.461)"><path id="Path_804" data-name="Path 804" d="M12,25.5l3.818,3.818L19.637,25.5" transform="translate(-3.823 -7.642)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path id="Path_805" data-name="Path 805" d="M18,18v8.591" transform="translate(-6.004 -4.915)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path id="Path_806" data-name="Path 806" d="M20.472,18.9a4.773,4.773,0,0,0-2.749-8.677h-1.2A7.637,7.637,0,1,0,3.4,17.18" transform="translate(0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g></svg></a> </div> </div> </div> </div> <script> // the current open accordion will not be able to close itself $('.btn-link-accordian[data-toggle="collapse"]').on('click',function(e){ if ( $(this).parents('.accordion').find('.collapse.show') ){ var idx = $(this).index('[data-toggle="collapse"]'); if (idx == $('.collapse.show').index('.collapse')) { e.stopPropagation(); } } }); $('#NewPopularSelect').on('change', function() { //alert( this.value ); this.className=this.options[this.selectedIndex].className; //finds selected value, converts to ID var accordianID = '#' + this.value; //collapses accordian with matching ID $(accordianID).collapse('show'); //$('.btn-link-accordian').addClass(collapsed).attr.("aria-expanded","false"); $($(accordianID).data("target")).removeClass(collapsed).attr("aria-expanded","true"); //updates the dd selector color }) $('.btn-link-accordian').click(function(){ var buttonValue = $(this).attr("aria-controls"); $('#NewPopularSelect').val(buttonValue).change(); }) </script> <script> $.fn.RegisterTabBar = function (id) { var $ele = $(this); if ($ele.prop("tagName") && $ele.prop("tagName").toLowerCase() == "ul" && id != undefined) { $ele.attr("data-style-id", id); $("<style type='text/css'></style>").attr("id", id).appendTo($("body")); $ele.find("li").on("click", function () { var $li = $(this), CurrentIndex = $ele.find(".active").removeClass("active").index(), ClickedIndex = $li.addClass("active").index(); function SetStyle($ele, $li, IsToLeft) { var ID = $ele.attr("data-style-id"); if (ID == undefined) return; if ($ele.width() <= 0) { setTimeout(function () { SetStyle($ele, $li, IsToLeft); }, 100); return; } $("style#" + ID).text( "ul[data-style-id='" + ID + "']:before { " + "left: " + $li.position().left + "px; " + "right: " + ($ele.width() - $li.position().left - $li.outerWidth()) + "px; " + "-webkit-transition: left " + (IsToLeft ? ".45s" : ".8s") + ", right " + (IsToLeft ? ".9s" : ".3s") + "; " + "transition: left " + (IsToLeft ? ".45s" : ".8s") + ", right " + (IsToLeft ? ".9s" : ".3s") + "; " + "} " ); } SetStyle($ele, $li, ClickedIndex < CurrentIndex); }); } return $ele; } $(".slider").RegisterTabBar("slider1").find("li:first-child").click(); </script> <!-- Checks URL and opens tab --> <script> $(document).ready(function(){ jQuery("#PromoteYourDigitalLibrary_btn").trigger('click'); if(window.location.hash != "") { $('button[data-target="' + window.location.hash + '"]').click() } }); </script>