@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato');

/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body{

}

#siteWrapper {
  background-color: none;
}

main {
  border: none;
}

header {
  border-bottom: 8px solid #d9d9d9;
}
	
div#breadcrumb {
    display:none;
} 

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox 
{
text-align: left;
}


.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {  
  font-family: 'Lato', sans-serif;
  font-style: italic;
  color: #838586;
  text-align: left;
  font-size:36px;
  margin-top: 20px;
}

H2  {
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #838586;
  text-align: left;
  margin-top: 20px;
  font-size:26px;
  margin-bottom: 0px;
}

H3  {
  font-size:21px;
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

p a:link {
  text-decoration: none;
}

p a:hover {
  text-decoration: underline;
}

A:link  {
  color: #00bac6;
}

A:visited   {
    color: #00bac6;
}

A:hover {
    color: #00bac6;
  text-decoration:underline;
}

A:active    {
    color: #00bac6;
}


/* Site index links */

div.panel A:link  {
  color: #00bac6;
}

div.panel A:visited   {
    color: #00bac6;
}

div.panel A:hover {
    color: #00bac6;
  text-decoration:underline;
}

div.panel A:active    {
    color: #00bac6;
}



a.newslink{
  font-family: 'Lato,' serif;
  font-weight: bold;
  text-decoration: underline;
  color: #838586;
  line-height:1.85em;
  font-size: 16px;
  clear: both;
}

a.newslink:hover{
  color:#f7941d;
  clear:both;
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}

ul {
    margin: 20px;
}

UL LI   {
    list-style-type: disc;
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

P {
	text-align: left;
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

div#headerlogo {
  padding:0px !important;
}

div#headerlogo .col-xs-12 {
  max-width: 195px !important;
}

#dnn_dnnLOGO_imgLogo {
  max-width: 195px;
}


/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {

}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
	
   
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}

/* H2 Underline Colors */

.orangeline {
  border-bottom: 5px solid #f7941d;
  margin-bottom: -2px;
  max-width: 95%;
  float: left;
}

.blueline {
  border-bottom: 5px solid #0083c2;
  margin-bottom: -2px;
  max-width: 95%;
  float: left;
}

.purpleline {
  border-bottom: 5px solid #782b90;
  margin-bottom: -2px;
  max-width: 95%;
  float: left;
}

.greenline {
  border-bottom: 5px solid #39b54a;
  margin-bottom: -2px;
  max-width: 95%;
  float: left;
}

.grayline {
  border-bottom: 2px solid #dddddd;
  position: relative;
 top:0;
 left:0;
  float:left;
  width:100%;
  margin-bottom: 10px;
}

.whiteline {
  border-bottom: 2px solid white;
  position: relative;
 top:0;
 left:0;
  float:left;
  width:100%;
  margin-bottom: 10px;
}

.elrlline {
  border-bottom: 5px solid #63b8bf;
  margin-bottom: -2px;
  max-width: 95%;
  float: left;
}

.srpline {
  border-bottom: 5px solid #2992df;
  margin-bottom: -2px;
  max-width: 95%;
  float: left;
}

.writeonline {
  border-bottom: 5px solid #f7901e;
  margin-bottom: -2px;
  max-width: 95%;
  float: left;
}

.learninghubline {
  border-bottom: 5px solid #5bc9ea;
  margin-bottom: -2px;
  max-width: 95%;
  float: left;
}

/* xml/xsl styles called to format feeds from skin.css on old side*/

/*----------------------------------------------
EVENTS
------------------------------------------------*/
.LEEvent{margin-bottom:20px;position:relative;}
.LEEvent .LETitle{display:block;font-weight:bold;font-size:16px;margin-bottom:10px;}
.LEEvent .LEDate{display:block;font-size:14px;color:#868686;margin:10px 0 0 0;}
.LEEvent .LEBranch{display:block;font-size:14px;margin-bottom:10px;}
.LEEvent .LEBranch a{text-transform:uppercase;color:#3a3a3a;font-weight:bold;}

.LEEvent .LECalendarDate{position:absolute;top:0;left:0;border:1px solid #ebebeb;}
.LEEvent .LECalendarDate .LECalendarDateMonth{text-align:center;background:#c96300;color:#fff;padding:5px;}
.LEEvent .LECalendarDate .LECalendarDateDay{text-align:center;color:#3a3a3a;font-size:20px;padding:15px;}
.LEEvent .LEContent{margin-left:70px;}
.LEEvent .LEDescription{font-size:14px;}



/*Navigation Media Queries*/

@media (min-width:768px) {.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    background-color: #ffffff;
}
}

@media (min-width:768px) {.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background-color: #ffffff;
 
}
}

@media (max-width: 767px) { div.col-md-9>div.navbar.navbar-default>#navbar>#dnnMenu>ul {
  padding-left: 0px!important;
}
}


@media (max-width: 991px) { div.col-md-9>div.navbar.navbar-default>#navbar>#dnnMenu>ul {
  padding-left: 100px;
  padding-top:20px;
}
}

@media (max-width: 1199px) { div#headerlogo {
  padding:0px;
}
}

/* Catalog Navigation Style */

@media (min-width:768px) {.navbar-default .navbar-nav>li:last-child>a:hover,
.navbar-default .navbar-nav>li:last-child>a {
    background-color: #f7941d;
    color: white !important;
}
}

@media (min-width:768px) {.navbar-default .navbar-nav>li:last-child>a:hover,
.navbar-default .navbar-nav>li:last-child>a:focus {
    background-color: #f7941d;
    color:white !important;
}
}

@media (min-width:768px) {.navbar-default .navbar-nav>li:last-child>.active>a,
.navbar-default .navbar-nav>li:last-child>.active>a:hover,
.navbar-default .navbar-nav>li:last-child>.active>a:focus {
    background-color: #f7941d;
    color:white !important;
 
}
}

@media (max-width:767px) {.navbar-default .navbar-nav>li:last-child>a:hover,
.navbar-default .navbar-nav>li:last-child>a {
    background-color: #f7941d !important;
    color: white !important;
}
}

@media (max-width:767px) {.navbar-default .navbar-nav>li:last-child>a:hover,
.navbar-default .navbar-nav>li:last-child>a:focus {
    background-color: #f7941d !important;
    color:white !important;
}
}

@media (max-width:767px) {.navbar-default .navbar-nav>li:last-child>.active>a,
.navbar-default .navbar-nav>li:last-child>.active>a:hover,
.navbar-default .navbar-nav>li:last-child>.active>a:focus {
    background-color: #f7941d !important;
    color:white !important;
 
}
}

/*Navigation Style*/

div#navbar {
    margin-right:10px;
}

div#navbar div#dnnMenu li.menuItem .active:after {
    content: none;
}

.navbar-default .navbar-nav li a {
    text-transform: uppercase;
    font-weight:normal;
}

#dnnMenu .dropdown-menu li:hover {
    background: #838586;
}

#dnnMenu .dropdown-menu.subLevel li.active a span
{color:#3f3f3f;
font-weight:bold;
font-style:italic}

#dnnMenu .dropdown-menu {
    border-bottom:2px;
    border-top:0px;
    border-left:0px;
    border-right:0px;
}

#dnnMenu .dropdown-menu li a {
    text-transform:none;
}

#dnnMenu .topLevel li.active a {
    color:#3f3f3f;
    font-weight: normal !important;
}

#dnnMenu .topLevel>li>a:hover {
    color:#3f3f3f;
}

#dnnMenu .topLevel>li>a:active {
    color:#3f3f3f;
}

 #dnnMenu .topLevel>li>a:visited {
    color:#3f3f3f;
}


/*Mobile Navigation Style*/

@media only screen and (max-width:767px)

{#dnnMenu .dropdown-menu
{padding:0}

#dnnMenu .dropdown-menu::after
{border:none;
pointer-events:none;
border-color:none;
border-width:0}

#dnnMenu .dropdown-menu.subLevel
{padding:0}

#dnnMenu .dropdown-menu.subLevel li.active a span
{color:#3f3f3f;
font-weight:bold}

#dnnMenu .dropdown-menu.subLevel li
{background:#ddd;
border-bottom:1px solid #4a4b4c;
padding:0}

#dnnMenu .dropdown-menu.subLevelRight li
{background:#5d6062;padding:0}

#dnnMenu .topLevel li
{position:relative;
background:#838586;
font-weight:normal !important;
list-style-type:none;
float:none;
width:100%;
margin-bottom:0;
border-top:1px solid rgba(0,0,0,.1)}



#dnnMenu .topLevel li a
{display:block;
color:#FFFFFF;
font-weight:normal;
-webkit-transition:all .2s ease 0s;
-moz-transition:all .2s ease 0s;
-o-transition:all .2s ease 0s;
transition:all .2s ease 0s;
padding-top:5px;
padding-bottom:5px}

#dnnMenu .toplevel li:active a {
    font-weight:normal !important;
}

#dnnMenu .topLevel li a:hover
{background:#838586}

#dnnMenu .topLevel li a:visited
{background:#838586}

#dnnMenu .topLevel li a:hover span
{color:#ffffff}

#dnnMenu .topLevel li a:active span
{font-weight:normal;
color:#ffffff}

#dnnMenu .topLevel li a span
{line-height:52px;
margin:0;
padding:5px 15px;
font-size:15px}

#dnnMenu .dropdown-menu.subLevel li.active a
{color:#3f3f3f;
font-weight:bold;
font-style: italic}

#dnnMenu .topLevel .dropdown.open a span
{color:#FFFFFF}

#dnnMenu .topLevel .dropdown-menu.subLevel a span
{color:#3f3f3f}

#dnnMenu .topLevel>li>a
{color:#fff}

#dnnMenu .topLevel>li>a:hover span
{color:#FFFFFF !important;}

#dnnMenu .topLevel>li>a:visited span
{color:#FFFFFF !important;}

#dnnMenu .topLevel>li>a:active span
{color:#FFFFFF !important;}

#dnnMenu .dropdown.open .subLevel>li a:hover span
{color:#FFFFFF}

.navbar-nav.sm-collapsible .caret,.navbar-nav.sm-collapsible ul .caret
{position:absolute;
right:0;
padding:0;
width:65px;
height:62px;
line-height:60px;
text-align:center;
border-width:1px;
border-style:solid;
top:0;
border:none;
background-color:#838586;
display:block;
margin:0;
border-radius:0;
font-size:1.3em}
}

/*Site Index Accordion*/

#accordion-siteindex{
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#accordion-siteindex ul li{
    list-style: none;
}

#accordion-siteindex h2{
    font-size: 14px;
    margin: 0px;
    padding: 10px;
    background: #e5e7e6;
    border-bottom: 1px solid #fff;
    text-transform: none;
}

#accordion-siteindex li div{
   visibility: hidden;
  opacity: 0;
    max-height: 0px;
    padding: 0px;
  margin-left:10px;
    background: #fff;
    border: none;
  transition: visibility 2s ease-in, opacity 2s ease-in, max-height 2s ease-in, padding 2s ease-in;
}

#accordion-siteindex li:hover div{
  visibility: visible;
  padding:5px 0px;
  opacity:1;
  max-height:1200px;
     height: auto;
}

#accordion-siteindex li:hover div.content{
  display: inherit;
    visibility:visible;
  opacity: 1;
}

#accordion-siteindex li:hover div.content a{
    text-decoration:underline;
}
#accordion-siteindex a{
  color:#7B797A;
  text-decoration:none;
  text-transform:none;
}

#accordion-siteindex a:hover{
  color:#7B797A;
  text-decoration:none;
  text-transform:none;
}

#accordion-siteindex table td{
  padding:5px;
}

#accordion-siteindex hr{
  margin:10px;
}



/*Homepage Wowbrary*/
div#dnn_ctr1119_ContentPane table a img {
margin-bottom:20px !important;
}

/*Childrens Wowbrary*/
div#dnn_ctr455_ContentPane table a img {
margin-bottom:20px !important;
}

div#dnn_ctr455_ContentPane {
    max-height:230px;
}

/*Adults Wowbrary*/
div#dnn_ctr672_ContentPane table a img {
margin-bottom:20px !important;
}

div#dnn_ctr672_ContentPane {
    max-height:230px;
}

/*Teens Wowbrary*/
span#w_G577 {
  display: none !important;
}

div#dnn_ctr493_ContentPane table a img {
margin-bottom:20px !important;
}

div#dnn_ctr493_ContentPane {
    max-height:230px;
}

/*Booklists Wowbrary*/
div#dnn_ctr1255_ContentPane table a img {
margin-bottom:20px !important;
}

div#dnn_ctr1255_ContentPane {
    max-height:230px;
}

li.dropdown ul.dropdown-menu.subLevel.sm-nowrap a span {
  white-space: nowrap !important;
}

span {
  white-space: normal !important;
  overflow: hidden !important;
}
/*End Wowbrary CSS*/


main {
  background: none;
}

/*Niche Academy Thumbs*/

 img.m5net8m3k7s.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

img.swkewvqmler.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

img.g9opeyclmtb.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

img.dp8g5dwum2p.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

img.cc1fipldtd4.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

img.jm13smuejjk.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

img.ojtax6fsyx.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

img.efxcjsckx3k.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

img.c4wtoojj2m7.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

img.x2213zxwm5.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

img.e3b2bcreyyp.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

 img.x3vzq7ykhnd.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

  img.js3cfqxzvlk.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

   img.qt9y44y403.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

  img.924nut0kn4a.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

   img.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

   img.l1qqph5i38b.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

    img.og8f4mymisk.na.nicheacademyWidget.clickable {
   width:100% !important;
   height:auto !important;
 }

svg.na.nicheacademyWidget.fa.fa-fw.fa-play.colorPrimary.clickable {
  display:none;
}

/*Branch Pages Image Slider Buttons*/

a.ls-nav-start, a.ls-nav-stop {
    top: -35px !important;
}

/*Online Resources Page Top Buttons*/
a.childrensresources {
  display:block;
  min-height:60px;
  max-height: 120px;
  background-color: #782b90;
  font-family: 'Lato', sans-serif;
  color: white;
  font-size: 16px;
  text-decoration: none;
  text-align:center;
  padding:14px 12px 0px 12px;
  transition: all 0.3s ease 0s;
  margin: 0px auto;
}

a.childrensresources:hover {
  background-color: #838586;
  color: white;
  text-decoration: none;
}

a.teenresources {
  display:block;
  min-height:60px;
  max-height: 120px;
  background-color: #39b54a;
  font-family: 'Lato', sans-serif;
  color: white;
  font-size: 16px;
  text-decoration: none;
  text-align:center;
  padding:14px 12px 0px 12px;
  transition: all 0.3s ease 0s;
  margin: 0px auto;
}

a.teenresources:hover {
  background-color: #838586;
  color: white;
  text-decoration: none;
}

a.adultresources {
  display:block;
  min-height:60px;
  max-height: 120px;
  background-color:  #0083c2;
  font-family: 'Lato', sans-serif;
  color: white;
  font-size: 16px;
  text-decoration: none;
  text-align:center;
  padding:14px 12px 0px 12px;
  transition: all 0.3s ease 0s;
  margin: 0px auto;
}

a.adultresources:hover {
  background-color: #838586;
  color: white;
  text-decoration: none;
}

a.librarycard {
  display:block;
  min-height:60px;
  max-height: 120px;
  background-color: #f7941d;
  font-family: 'Lato', sans-serif;
  color: white;
  font-size: 16px;
  text-decoration: none;
  text-align:center;
  padding:20px 5px 0px 5px;
  transition: all 0.3s ease 0s;
  margin: 0px auto;
}

a.librarycard:hover {
  background-color: #838586;
  color: white;
  text-decoration: none;
}


/*Online Learning Hub links*/
a.learninghub {
  display:block;
  min-height:60px;
  max-height: 120px;
  background-color: #5bc9ea;
  font-family: 'Lato', sans-serif;
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-align:center;
  padding:14px 5px 0px 5px;
  transition: all 0.3s ease 0s;
  margin: 0px auto;
}

a.learninghub:hover {
  background-color: #7B797A;
  color: white;
  text-decoration: none;
}


/*Responsive iframe code - VERY IMPORTANT*/
.video-container {
  border: 1px solid #7B797A;
  position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.communico-embed {
  border: none;
  position: relative;
    padding-bottom: 80%;
    padding-top: 35px;
    height: 0;
}

.communico-embed iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*SRP Page/App*/
a.srp {
  display:block;
  min-height:60px;
  max-height: 120px;
  background-color: #816d90;
  font-family: 'Lato', sans-serif;
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-align:center;
  padding:14px 5px 0px 5px;
  border-radius: 10px;
  transition: all 0.3s ease 0s;
  margin: 0px auto;
}

a.srp:hover {
  background-color: #7B797A;
  color: white;
  text-decoration: none;
}

#dnn_SRP1, #dnn_SRP2, #dnn_SRP3, #dnn_SRP4, #dnn_SRP5, #dnn_SRP6, #dnn_SRP7, #dnn_SRP8 {
  padding-right:0px;
}

a.srpicon {
  opacity: 1;
    transition: all 0.3s ease 0s;
}

a.srpicon:hover {
  opacity: 0.8;
}

h2.blog {
  font-weight:normal !important;
}

 h3.blog {
   margin-top:25px;
    color: #7B797A;
   border-bottom: 1px solid #7B797A;
 }

h4.blog {
  font-weight:normal !important;
  font-style: italic;
  margin-top:15px;
  font-size:21px;
}

strong a.srp2:active {
  color: #4a807f;
  text-decoration:underline;
}

strong a.srp2:link {
  color:#4a807f;
  text-decoration:underline;
}

strong a.srp2:hover {
  color:#4a807f;
  text-decoration:underline;
}

strong a.srp2:visited {
  color:#4a807f;
  text-decoration:underline;
}


/*SRP Challenge Card*/
.kn-details {
  font-family: Lato, sans-serif !important;
}

.kn-detail-label {
  font-family: Lato, sans-serif !important;
}

#kn-app-header, #knack-logo .kn-title {
  color: #88ced8 !important;
}

a.srplogin {
  display:block;
  min-height:60px;
  max-height: 120px;
  background-color: #2992df;
  font-family: 'Lato', sans-serif;
  color: white;
  font-size: 16px;
  text-decoration: none;
  text-align:center;
  padding:20px 5px 0px 5px;
  transition: all 0.3s ease 0s;
  margin: 0px auto;
}

a.srplogin:hover {
  background-color: #838586;
  color: white;
  text-decoration: none;
}

a.srpbookmark {
  display:block;
  min-height:60px;
  max-height: 120px;
  background-color: #baa7d1;
  font-family: 'Lato', sans-serif;
  color: white;
  font-size: 16px;
  text-decoration: none;
  text-align:center;
  padding:20px 5px 0px 5px;
  transition: all 0.3s ease 0s;
  margin: 0px auto;
}

a.srpbookmark:hover {
  background-color: #838586;
  color: white;
  text-decoration: none;
}


/*Programming Page*/

a.programmingteens {
    display: flex;
  align-items:center;
  justify-content:center;
   min-height:250px;
  width:100%;
    max-width: 250px;
    background-image: url('/Portals/0/Images/Programming/TeensCalendar_400px.jpg?ver=MSo8t-Vq0eLlzIo6lgkbPA%3d%3d');
  background-size:cover;
  background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.5em;
   line-height:1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin: 0px auto;
}

a.programmingteens:hover {
  opacity: 0.7;   
  transition: all 0.3s ease 0s;
}

a.programmingadults {
    display: flex;
  align-items:center;
  justify-content:center;
   min-height:250px;
  width:100%;
    max-width: 250px;
    background-image: url('/Portals/0/Images/Programming/AdultsCalendar_400px.jpg?ver=MSo8t-Vq0eLlzIo6lgkbPA%3d%3d');
  background-size:cover;
  background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.5em;
   line-height:1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin: 0px auto;
}

a.programmingadults:hover {
  opacity: 0.7;   
  transition: all 0.3s ease 0s;
}

a.programmingchildren {
    display: flex;
  align-items:center;
  justify-content:center;
   min-height:250px;
  width:100%;
    max-width: 250px;
    background-image: url('/Portals/0/Images/Programming/ChildrensCalendar_400px.jpg?ver=MSo8t-Vq0eLlzIo6lgkbPA%3d%3d');
  background-size:cover;
  background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.5em;
   line-height:1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin: 0px auto;
}

a.programmingchildren:hover {
  opacity: 0.7;   
  transition: all 0.3s ease 0s;
}

a.programmingall {
    display: flex;
  align-items:center;
  justify-content:center;
   min-height:250px;
  width:100%;
    max-width: 250px;
    background-image: url('/Portals/0/Images/Programming/CompleteCalendar_400px.jpg?ver=MSo8t-Vq0eLlzIo6lgkbPA%3d%3d');
  background-size:cover;
  background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.5em;
   line-height:1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    margin: 0px auto;
}

a.programmingall:hover {
  opacity: 0.7;   
  transition: all 0.3s ease 0s;
}

div#dnn_ctr678_ModuleContent a {
 color:  #838586;
 font-weight:bold;
}

div#dnn_ctr678_ModuleContent p {
 margin: 8px !important;
}
  

/*Top Resource Buttons*/

a.resource-hoopla {
    display: flex;
  align-items:center;
  justify-content:center;
   min-height:70px;
  width:100%;
    max-width: 325px;
  background-image: url('/Portals/0/Images/Homepage/Hoopla_Link.png?ver=91Eaa_5v3K_q4kVOE5UZYA%3d%3d');
  background-size:contain;
  background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.5em;
   line-height:1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    margin: 15px auto;
}

a.resource-hoopla:hover {
  background-image: url('/Portals/0/Images/Homepage/Hoopla_Hover.png?ver=3stvN3zFcvIGqawgKdy_WA%3d%3d');
   transition: all 0.3s ease 0s;
}

a.resource-overdrive {
    display: flex;
  align-items:center;
  justify-content:center;
   min-height:70px;
  width:100%;
    max-width: 325px;
  background-image: url('/Portals/0/Images/Homepage/Libby_Link2.png?ver=swDDggfVCe2Vupio734VvA%3d%3d');
  background-size:contain;
  background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.5em;
   line-height:1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    margin: 15px auto;
}

a.resource-overdrive:hover {
  background-image: url('/Portals/0/Images/Homepage/Libby_Hover.png?ver=swDDggfVCe2Vupio734VvA%3d%3d');
   transition: all 0.3s ease 0s;
}

a.resource-freegal {
    display: flex;
  align-items:center;
  justify-content:center;
   min-height:70px;
  width:100%;
    max-width: 325px;
  background-image: url('/Portals/0/Images/Homepage/Freegal_Link.png?ver=FMGQshyO7oakA-x1BGYyGQ%3d%3d');
  background-size:contain;
  background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.5em;
   line-height:1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    margin: 15px auto;
}

a.resource-freegal:hover {
  background-image: url('/Portals/0/Images/Homepage/Freegal_Hover.png?ver=3stvN3zFcvIGqawgKdy_WA%3d%3d');
   transition: all 0.3s ease 0s;
}

a.resource-linkedin {
    display: flex;
  align-items:center;
  justify-content:center;
   min-height:70px;
  width:100%;
    max-width: 325px;
  background-image: url('/Portals/0/Images/Homepage/LinkedInLearning_Link.png?ver=FMGQshyO7oakA-x1BGYyGQ%3d%3d');
  background-size:contain;
  background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.5em;
   line-height:1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    margin: 15px auto;
}

a.resource-linkedin:hover {
  background-image: url('/Portals/0/Images/Homepage/LinkedInLearning_Hover.png?ver=FMGQshyO7oakA-x1BGYyGQ%3d%3d');
   transition: all 0.3s ease 0s;
}

a.resource-kanopy {
    display: flex;
  align-items:center;
  justify-content:center;
   min-height:70px;
  width:100%;
    max-width: 325px;
  background-image: url('/Portals/0/Images/Homepage/Kanopy_Link.png?ver=3stvN3zFcvIGqawgKdy_WA%3d%3d');
  background-size:contain;
  background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.5em;
   line-height:1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    margin: 15px auto;
}

a.resource-kanopy:hover {
  background-image: url('/Portals/0/Images/Homepage/Kanopy_Hover.png?ver=Ze8rtmTq-jFltVt0Zr9mCg%3d%3d');
   transition: all 0.3s ease 0s;
}

a.resource-mango {
    display: flex;
  align-items:center;
  justify-content:center;
   min-height:70px;
  width:100%;
    max-width: 325px;
  background-image: url('/Portals/0/Images/Homepage/MangoLanguages_Link.png?ver=nNhgPrCXABR2ZhtQv6x4jA%3d%3d');
  background-size:contain;
  background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.5em;
   line-height:1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    margin: 15px auto;
}

a.resource-mango:hover {
  background-image: url('/Portals/0/Images/Homepage/MangoLanguages_Hover.png?ver=FMGQshyO7oakA-x1BGYyGQ%3d%3d');
   transition: all 0.3s ease 0s;
}

a.resource-siteindex {
    display: flex;
  align-items:center;
  justify-content:center;
   min-height:70px;
  width:100%;
    max-width: 325px;
  background-image: url('/Portals/0/Images/Homepage/A-Z_Link.png?ver=3stvN3zFcvIGqawgKdy_WA%3d%3d');
  background-size:contain;
  background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.5em;
   line-height:1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    margin: 15px auto;
}

a.resource-siteindex:hover {
  background-image: url('/Portals/0/Images/Homepage/A-Z_Hover.png?ver=3stvN3zFcvIGqawgKdy_WA%3d%3d');
   transition: all 0.3s ease 0s;
}

a.resource-consumerreports {
    display: flex;
  align-items:center;
  justify-content:center;
   min-height:70px;
  width:100%;
    max-width: 325px;
  background-image: url('/Portals/0/Images/Homepage/ConsumerReports_Link.png?ver=3stvN3zFcvIGqawgKdy_WA%3d%3d');
  background-size:contain;
  background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.5em;
   line-height:1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    margin: 15px auto;
}

a.resource-consumerreports:hover {
  background-image: url('/Portals/0/Images/Homepage/ConsumerReports_Hover.png?ver=91Eaa_5v3K_q4kVOE5UZYA%3d%3d');
   transition: all 0.3s ease 0s;
}

a.resource-completecalendar {
    display: flex;
  align-items:center;
  justify-content:center;
   min-height:70px;
  width:100%;
    max-width: 325px;
  background-image: url('/Portals/0/Images/Homepage/CompleteCalendar_Link.png?ver=K0tnGqkczEtHM82e-GA0Nw%3d%3d');
  background-size:contain;
  background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.5em;
   line-height:1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    margin: 15px auto;
}

a.resource-completecalendar:hover {
  background-image: url('/Portals/0/Images/Homepage/CompleteCalendar_Hover.png?ver=cJZMLtbEMSd8oMCRyEQsnA%3d%3d');
   transition: all 0.3s ease 0s;
}

a.resource-kidscatalog {
    display: flex;
  align-items:center;
  justify-content:center;
   min-height:70px;
  width:100%;
    max-width: 325px;
  background-image: url('/Portals/0/Images/Homepage/KidsCatalog_Link.png?ver=cJZMLtbEMSd8oMCRyEQsnA%3d%3d');
  background-size:contain;
  background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.5em;
   line-height:1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    margin: 15px auto;
}

a.resource-kidscatalog:hover {
  background-image: url('/Portals/0/Images/Homepage/KidsCatalog_Hover.png?ver=HNRX1XbypwCEG6PIl9RS8A%3d%3d');
   transition: all 0.3s ease 0s;
}

a.resource-lote4kids {
    display: flex;
  align-items:center;
  justify-content:center;
   min-height:70px;
  width:100%;
    max-width: 325px;
  background-image: url('/Portals/0/Images/Homepage/LOTE4Kids_Link.png?ver=XV02GKc1oUj5o6cB9xRptQ%3d%3d');
  background-size:contain;
  background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.5em;
   line-height:1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    margin: 15px auto;
}

a.resource-lote4kids:hover {
  background-image: url('/Portals/0/Images/Homepage/LOTE4Kids_Hover.png?ver=XV02GKc1oUj5o6cB9xRptQ%3d%3d');
   transition: all 0.3s ease 0s;
}

a.resource-learninghub {
    display: flex;
  align-items:center;
  justify-content:center;
   min-height:70px;
  width:100%;
    max-width: 325px;
  background-image: url('/Portals/0/Images/Homepage/LearningHub_Link.png?ver=pbMwr_6sqkdxPxb7WYqd_w%3d%3d');
  background-size:contain;
  background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 1.5em;
   line-height:1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    margin: 15px auto;
}

a.resource-learninghub:hover {
  background-image: url('/Portals/0/Images/Homepage/LearningHub_Hover.png?ver=Td-sjSoN89yKfpPJUpWHVA%3d%3d');
   transition: all 0.3s ease 0s;
}

/*Homepage Hero Buttons*/
a.librarycard2 {
  width:90%;
  display:block;
  min-height:70px;
  max-height:120px;
  min-width:200px;
  max-width:300px;
  background-color:white;
  color:#f7941d !important;
   font-size: 16px;
  text-decoration: none;
  text-align:center;
  padding:25px 5px 0px 5px;
  transition: all 0.3s ease 0s;
  margin: 0px auto;
}

a.librarycard2:hover {
  background-color:#f7941d;
  color:white !important;
}

a.herobutton {
  width:90%;
  display:block;
  min-height:60px;
  max-height:120px;
  min-width:200px !important;
  max-width:300px;
  background-color:#08bcc8;
  color:white !important;
   font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-align:center;
  padding:20px 5px 0px 5px;
  margin: 0px auto;
}

/*Screen Reader Only Inclusive Text Code*/

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
}

/*Site Index Search Bar*/

.dnnSearchResultPanel {
    display: none;
}

.dnnSearchResultContainer {
    border: none !important;
}

.dnnSearchResultPager {
    border: none !important;
}


/*TEST*/

.fade-in{
  -webkit-animation: fade-in 0.5s ease;
  -moz-animation: fade-in ease-in-out 0.5s both;
  -ms-animation: fade-in ease-in-out 0.5s both;
  -o-animation: fade-in ease-in-out 0.5s both;
  animation: fade-in 0.5s ease;
  visibility: visible;
  -webkit-backface-visibility: hidden;
}

@-webkit-keyframes fade-in{0%{opacity:0;} 100%{opacity:1;}}
@-moz-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@-o-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@keyframes fade-in{0%{opacity:0} 100%{opacity:1}}

.backgroundimg {
    position:absolute;
    left:0px;
    top:0px;
    z-index:-1;
    background-color: #838686;
}

.backgroundimg2 {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:1500px;
    z-index:-1;
    background-image: url("https://loudoundev1.dnn4less.net/Portals/0/Images/background4.jpg?ver=t2rVW0x9V2fPItkhm03xdg%3d%3d")

}

.headerPane {
    padding-left:25px !important;
    padding-right:25px !important;
}

/* SITE INDEX NO ACCORDION */

a.noaccordion{
  width:100%;
  display:block;
  background-color:#eeeeee;
  color:#444444 !important;
  font-size: 15px;
  text-decoration: none;
  text-align:left;
  padding:15px;
  transition: all 0.4s ease;
  margin-bottom:10px;
}

a.noaccordion:hover {
    background-color:#cccccc;
    text-decoration:none;
}

/* ELRL Author Tables */

table.elrlauthors {
    border: 0px;
    border-collapse: collapse;
    margin-top: 15px;
    width: 100%;
}

table.elrlauthors tr {
    height: 30px;
    border-bottom: 1px black solid;

}

table.elrlauthors td {
    height:30px;
    width:250px;
}

/*Select a Title Review Committee Form*/

iframe#object1459 {
height:600px !important;
}


/*Winter Readathon Knack App*/

.knHeader--raised {
    box-shadow: none !important;
}

/*Communico Embedded Pages*/

#outerdiv
{
width:100%;
max-width:1100px;
height:450px;
overflow-y:hidden;
position:relative;
}

#inneriframe
{
position:absolute;
top:-180px;
left:0px;
width:100%;
max-width:1100px;
height:1270px;
}

table.esol td {
    padding:10px;
    vertical-align:top;
}

table.esol td p {
    margin-bottom: 0px;
}